nve-designsystem 4.3.0 → 4.5.0

package/custom-elements.json

@@ -441,6 +441,102 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/nve-aspect-rose/nve-aspect-rose.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Viser utsatte himmelretninger som en kompassrose. Rosen er delt opp i 8 sektorer. Utsatte sektorer vises i rødt. Er laget for å vise hvilke himmelretninger et skredproblem gjelder for, men kan selvfølgelig også brukes til andre ting.",
+          "name": "NveAspectRose",
+          "members": [
+            {
+              "kind": "field",
+              "name": "testId",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "'00000000'",
+              "description": "8-tegns binærtekst som representerer utsatte sektorer. Starter med nordlig sektor og går deretter med klokka. Eksempel: \"00111110\""
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "default": "'no'",
+              "description": "Språk for himmelretningene. Blir satt til engelsk om lang starter på 'en'. Standard er norsk."
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "undefined",
+              "description": "Tilgjengelig tittel. Vises som aria-label på SVG-elementet og som <title> i SVG. Standardverdi avhenger av språket: 'Utsatte sektorer' for norsk, 'Affected aspects' for engelsk. Du kan overstyre denne teksten."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "testId",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "8-tegns binærtekst som representerer utsatte sektorer. Starter med nordlig sektor og går deretter med klokka. Eksempel: \"00111110\""
+            },
+            {
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "Språk for himmelretningene. Blir satt til engelsk om lang starter på 'en'. Standard er norsk."
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Tilgjengelig tittel. Vises som aria-label på SVG-elementet og som <title> i SVG. Standardverdi avhenger av språket: 'Utsatte sektorer' for norsk, 'Affected aspects' for engelsk. Du kan overstyre denne teksten."
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagNameWithoutPrefix": "aspect-rose",
+          "tagName": "nve-aspect-rose",
+          "customElement": true,
+          "jsDoc": "/**\n * Viser utsatte himmelretninger som en kompassrose.\n * Rosen er delt opp i 8 sektorer. Utsatte sektorer vises i rødt.\n * Er laget for å vise hvilke himmelretninger et skredproblem gjelder for, men kan selvfølgelig også brukes til andre ting.\n * @cssproperty --aspect-rose-size - Høyde og bredde på komponenten. 90px er standard.\n * @cssproperty --aspect-rose-outline-color - Farge på sirkelens omriss. Standard er #c6c6c5.\n * @cssproperty --aspect-rose-affected-color - Farge på utsatte sektorer. Standard er #d21523.\n * @cssproperty --aspect-rose-unaffected-color - Farge på ikke-utsatte sektorer. Standard er #e3e3e3.\n */",
+          "modulePath": "src/components/nve-aspect-rose/nve-aspect-rose.component.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "NveAspectRose",
+            "module": "components/nve-aspect-rose/nve-aspect-rose.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/nve-badge/nve-badge.js",
@@ -2316,7 +2412,7 @@
           "tagNameWithoutPrefix": "icon",
           "tagName": "nve-icon",
           "customElement": true,
-          "jsDoc": "/**\n * Et ikon.\n * Vi bruker ikoner fra Material Symbols, men det er også mulig å bruke ikoner fra eget repo. \n * Vi anbefaler å bruke Material-ikonene.\n * Strektykkelsen skal være 400, uavhengig av ikonets størrelse, og kun stilene Sharp og Outlined skal brukes.\n * Fill-stilen bør unngås, da den fyller hele ikonet med farge i stedet for å bruke kun konturer\n * @see https://fonts.google.com/icons\n * @csspart icon - Selve ikon span-element.\n * @cssproperty --icon-size - Størrelse på ikonet. 16px er standard.\n */",
+          "jsDoc": "/**\n * Et ikon.\n * Vi bruker ikoner fra Material Symbols, men det er også mulig å bruke ikoner fra eget repo.\n * Vi anbefaler å bruke Material-ikonene.\n * Strektykkelsen skal være 400, uavhengig av ikonets størrelse, og kun stilene Sharp og Outlined skal brukes.\n * Fill-stilen bør unngås, da den fyller hele ikonet med farge i stedet for å bruke kun konturer\n * @see https://fonts.google.com/icons\n * @csspart icon - Selve ikon span-element.\n * @cssproperty --icon-size - Størrelse på ikonet. 16px er standard.\n */",
           "modulePath": "src/components/nve-icon/nve-icon.component.ts"
         }
       ],

package/nve-designsystem.d.ts

@@ -1,8 +1,9 @@
 /** Alle komponenter som er tilgjengelige, i alfabetisk rekkefølge. */
-/** Denne filen blir genererert av npm run add-component */
+/** Denne filen blir genererert av pnpm run add-component */
 export { default as NveAccordion } from './components/nve-accordion/nve-accordion.component';
 export { default as NveAccordionItem } from './components/nve-accordion-item/nve-accordion-item.component';
 export { default as NveAlert } from './components/nve-alert/nve-alert.component';
+export { default as NveAspectRose } from './components/nve-aspect-rose/nve-aspect-rose.component';
 export { default as NveBadge } from './components/nve-badge/nve-badge.component';
 export { default as NveButton } from './components/nve-button/nve-button.component';
 export { default as NveCarousel } from './components/nve-carousel/nve-carousel.component';

package/nve-designsystem.js

@@ -2,45 +2,46 @@ import e from "./components/nve-accordion/nve-accordion.component.js";
 import t from "./components/nve-accordion-item/nve-accordion-item.component.js";
 import { t as n } from "./chunks/nve-alert.component.js";
 import r from "./components/nve-icon/nve-icon.component.js";
-import i from "./components/nve-badge/nve-badge.component.js";
-import a from "./components/nve-button/nve-button.component.js";
-import { t as o } from "./chunks/nve-carousel.component.js";
-import { t as s } from "./chunks/nve-carousel-item.component.js";
-import c from "./components/nve-carousel-thumbnail/nve-carousel-thumbnail.component.js";
-import { t as l } from "./chunks/nve-checkbox.component.js";
-import { t as u } from "./chunks/nve-label.component.js";
-import { t as d } from "./chunks/nve-tooltip.component.js";
-import { t as f } from "./chunks/nve-checkbox-group.component.js";
-import { t as p } from "./chunks/nve-popup.component.js";
-import { t as m } from "./chunks/nve-input.component.js";
-import { t as h } from "./chunks/nve-menu.component.js";
-import { t as g } from "./chunks/nve-option.component.js";
-import _ from "./components/nve-combobox/nve-combobox.component.js";
-import v from "./components/nve-darkmode-switch/nve-darkmode-switch.component.js";
-import { t as y } from "./chunks/nve-dialog.component.js";
-import { t as b } from "./chunks/nve-divider.component.js";
-import { t as x } from "./chunks/nve-drawer.component.js";
-import { t as S } from "./chunks/nve-dropdown.component.js";
-import C from "./components/nve-heading/nve-heading.component.js";
-import w from "./components/nve-link-card/nve-link-card.component.js";
-import { t as T } from "./chunks/nve-menu-item.component.js";
-import E from "./components/nve-message-card/nve-message-card.component.js";
-import D from "./components/nve-navigation-card/nve-navigation-card.component.js";
-import O from "./components/nve-paragraph/nve-paragraph.component.js";
-import { t as k } from "./chunks/nve-radio.component.js";
-import { t as A } from "./chunks/nve-radio-button.component.js";
-import { t as j } from "./chunks/nve-radio-group.component.js";
-import M from "./components/nve-relative-time/nve-relative-time.component.js";
-import { t as N } from "./chunks/nve-select.component.js";
-import { t as P } from "./chunks/nve-skeleton.component.js";
-import { t as F } from "./chunks/nve-spinner.component.js";
-import I from "./components/nve-stepper/nve-step/nve-step.component.js";
-import L from "./components/nve-stepper/nve-stepper.component.js";
-import R from "./components/nve-switch/nve-switch.component.js";
-import z from "./components/nve-tab/nve-tab.component.js";
-import B from "./components/nve-tab-group/nve-tab-group.component.js";
-import V from "./components/nve-tab-panel/nve-tab-panel.component.js";
-import H from "./components/nve-tag/nve-tag.component.js";
-import U from "./components/nve-textarea/nve-textarea.component.js";
-import { t as W } from "./chunks/nve-warning-level.component.js";
-export { e as NveAccordion, t as NveAccordionItem, n as NveAlert, i as NveBadge, a as NveButton, o as NveCarousel, s as NveCarouselItem, c as NveCarouselThumbnail, l as NveCheckbox, f as NveCheckboxGroup, _ as NveCombobox, v as NveDarkmodeSwitch, y as NveDialog, b as NveDivider, x as NveDrawer, S as NveDropdown, C as NveHeading, r as NveIcon, m as NveInput, u as NveLabel, w as NveLinkCard, h as NveMenu, T as NveMenuItem, E as NveMessageCard, D as NveNavigationCard, g as NveOption, O as NveParagraph, p as NvePopup, k as NveRadio, A as NveRadioButton, j as NveRadioGroup, M as NveRelativeTime, N as NveSelect, P as NveSkeleton, F as NveSpinner, I as NveStep, L as NveStepper, R as NveSwitch, z as NveTab, B as NveTabGroup, V as NveTabPanel, H as NveTag, U as NveTextarea, d as NveTooltip, W as NveWarningLevel };
+import i from "./components/nve-aspect-rose/nve-aspect-rose.component.js";
+import a from "./components/nve-badge/nve-badge.component.js";
+import o from "./components/nve-button/nve-button.component.js";
+import { t as s } from "./chunks/nve-carousel.component.js";
+import { t as c } from "./chunks/nve-carousel-item.component.js";
+import l from "./components/nve-carousel-thumbnail/nve-carousel-thumbnail.component.js";
+import { t as u } from "./chunks/nve-checkbox.component.js";
+import { t as d } from "./chunks/nve-label.component.js";
+import { t as f } from "./chunks/nve-tooltip.component.js";
+import { t as p } from "./chunks/nve-checkbox-group.component.js";
+import { t as m } from "./chunks/nve-popup.component.js";
+import { t as h } from "./chunks/nve-input.component.js";
+import { t as g } from "./chunks/nve-menu.component.js";
+import { t as _ } from "./chunks/nve-option.component.js";
+import v from "./components/nve-combobox/nve-combobox.component.js";
+import y from "./components/nve-darkmode-switch/nve-darkmode-switch.component.js";
+import { t as b } from "./chunks/nve-dialog.component.js";
+import { t as x } from "./chunks/nve-divider.component.js";
+import { t as S } from "./chunks/nve-drawer.component.js";
+import { t as C } from "./chunks/nve-dropdown.component.js";
+import w from "./components/nve-heading/nve-heading.component.js";
+import T from "./components/nve-link-card/nve-link-card.component.js";
+import { t as E } from "./chunks/nve-menu-item.component.js";
+import D from "./components/nve-message-card/nve-message-card.component.js";
+import O from "./components/nve-navigation-card/nve-navigation-card.component.js";
+import k from "./components/nve-paragraph/nve-paragraph.component.js";
+import { t as A } from "./chunks/nve-radio.component.js";
+import { t as j } from "./chunks/nve-radio-button.component.js";
+import { t as M } from "./chunks/nve-radio-group.component.js";
+import N from "./components/nve-relative-time/nve-relative-time.component.js";
+import { t as P } from "./chunks/nve-select.component.js";
+import { t as F } from "./chunks/nve-skeleton.component.js";
+import { t as I } from "./chunks/nve-spinner.component.js";
+import L from "./components/nve-stepper/nve-step/nve-step.component.js";
+import R from "./components/nve-stepper/nve-stepper.component.js";
+import z from "./components/nve-switch/nve-switch.component.js";
+import B from "./components/nve-tab/nve-tab.component.js";
+import V from "./components/nve-tab-group/nve-tab-group.component.js";
+import H from "./components/nve-tab-panel/nve-tab-panel.component.js";
+import U from "./components/nve-tag/nve-tag.component.js";
+import W from "./components/nve-textarea/nve-textarea.component.js";
+import { t as G } from "./chunks/nve-warning-level.component.js";
+export { e as NveAccordion, t as NveAccordionItem, n as NveAlert, i as NveAspectRose, a as NveBadge, o as NveButton, s as NveCarousel, c as NveCarouselItem, l as NveCarouselThumbnail, u as NveCheckbox, p as NveCheckboxGroup, v as NveCombobox, y as NveDarkmodeSwitch, b as NveDialog, x as NveDivider, S as NveDrawer, C as NveDropdown, w as NveHeading, r as NveIcon, h as NveInput, d as NveLabel, T as NveLinkCard, g as NveMenu, E as NveMenuItem, D as NveMessageCard, O as NveNavigationCard, _ as NveOption, k as NveParagraph, m as NvePopup, A as NveRadio, j as NveRadioButton, M as NveRadioGroup, N as NveRelativeTime, P as NveSelect, F as NveSkeleton, I as NveSpinner, L as NveStep, R as NveStepper, z as NveSwitch, B as NveTab, V as NveTabGroup, H as NveTabPanel, U as NveTag, W as NveTextarea, f as NveTooltip, G as NveWarningLevel };

package/package.json

@@ -11,7 +11,7 @@
   },
   "license": "MIT",
   "homepage": "https://github.com/NVE/Designsystem/",
-  "version": "4.3.0",
+  "version": "4.5.0",
   "customElements": "dist/custom-elements.json",
   "exports": {
     ".": {
@@ -28,15 +28,14 @@
   },
   "type": "module",
   "types": "nve-designsystem.d.ts",
-  "scripts": {},
   "dependencies": {
     "@shoelace-style/shoelace": "^2.20.1",
     "fontfaceobserver": "^2.3.0",
-    "lit": "^3.3.2"
+    "lit": "^3.3.3"
   },
   "devDependencies": {},
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "^4.60.3"
+    "@rollup/rollup-linux-x64-gnu": "^4.61.1"
   },
   "config": {
     "commitizen": {
@@ -53,5 +52,6 @@
       "typescript-eslint": "8.59.3"
     },
     "koa": "2.16.4"
-  }
+  },
+  "scripts": {}
 }