nve-aspect-rose

Viser utsatte himmelretninger som en kompassrose. Rosen er delt opp i 8 sektorer. Utsatte sektorer vises i rødt.

Arvet fra LitElement

Feil / oppgaver / PR

Ingen som vi vet om. Hvis du finner noe muffens, registrer en feil under Issues i Github og merk den med nve-aspect-rose.

 

<nve-aspect-rose value="11000001"></nve-aspect-rose>

Eksempler

Utsatte himmelretninger

Bruk value for å sette hvilke himmelretninger som er utsatt (farlige).

<nve-aspect-rose></nve-aspect-rose> Ingen <nve-aspect-rose value="10000000"> </nve-aspect-rose> Kun nord
<nve-aspect-rose value="00111100"></nve-aspect-rose> øst, sør-øst, sør og sør-vest
<nve-aspect-rose value="11111111"></nve-aspect-rose> Alle <nve-aspect-rose value="1111111"></nve-aspect-rose> Verdien
blir ignorert hvis vi ikke har eksakt 8 sifre

Størrelse

Bruk css-variabelen --aspect-rose-size for å endre bredde og høyde. 90px er standard.

<nve-aspect-rose style="--aspect-rose-size: 60px" value="00111110"></nve-aspect-rose> 60px
<nve-aspect-rose value="00111110"></nve-aspect-rose> 90px (standard)
<nve-aspect-rose style="--aspect-rose-size: 120px" value="00111110"></nve-aspect-rose> 120px

Språk

Bruk lang for å angi språk for kompassretningene. no (norsk) er standard. Kun norsk og engelsk støttes.

<nve-aspect-rose value="00111110"></nve-aspect-rose> Norsk
<nve-aspect-rose lang="en" value="00111110"></nve-aspect-rose> Engelsk

Aria-label og svg-title

Bruk label for å overstyre standard-tekstene for aria-label og svg title.

Hold muspeker over for å se label.<br />
<nve-aspect-rose value="00111110"></nve-aspect-rose>Med standard norsk tekst
<nve-aspect-rose lang="en" value="00111110"></nve-aspect-rose>Med standard engelsk tekst
<nve-aspect-rose label="merkelapp" value="00111110"></nve-aspect-rose>Overstyrt tekst

Farger

Bruk css-variablene--aspect-rose-outline-color, --aspect-rose-affected-colorog--aspect-rose-unaffected-color for å overstyre fargene.

<nve-aspect-rose
  style="--aspect-rose-outline-color: green; --aspect-rose-affected-color: black;--aspect-rose-unaffected-color: white"
  value="00111110"
></nve-aspect-rose>

Egenskaper

Navn	Type	Arvet fra	Beskrivelse	Reflected
testId	string | undefined = undefined
value	string = '00000000'		8-tegns binærtekst som representerer utsatte sektorer. Starter med nordlig sektor og går deretter med klokka. Eksempel: "00111110"
lang	'no' | 'en' = 'no'		Språk for himmelretningene. 'no' for norsk, 'en' for engelsk.
label	string | undefined = undefined		Tilgjengelig tittel. Vises som aria-label på SVG-elementet og som <title> i SVG. Standardverdi avhenger av språket: 'Eksponerte sektorer' for norsk, 'Affected aspects' for engelsk. Du kan overstyre denne teksten.