nve-designsystem 4.4.2 → 4.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/nve-aspect-rose/nve-aspect-rose.component.d.ts +40 -0
- package/components/nve-aspect-rose/nve-aspect-rose.component.js +90 -0
- package/components/nve-aspect-rose/nve-aspect-rose.styles.d.ts +2 -0
- package/components/nve-aspect-rose/nve-aspect-rose.styles.js +27 -0
- package/custom-elements.json +96 -0
- package/nve-designsystem.d.ts +1 -0
- package/nve-designsystem.js +43 -42
- package/package.json +1 -4
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { INveComponent } from '../../interfaces/NveComponent.interface';
|
|
3
|
+
/**
|
|
4
|
+
* Viser utsatte himmelretninger som en kompassrose.
|
|
5
|
+
* Rosen er delt opp i 8 sektorer. Utsatte sektorer vises i rødt.
|
|
6
|
+
* Er laget for å vise hvilke himmelretninger et skredproblem gjelder for, men kan selvfølgelig også brukes til andre ting.
|
|
7
|
+
* @cssproperty --aspect-rose-size - Høyde og bredde på komponenten. 90px er standard.
|
|
8
|
+
* @cssproperty --aspect-rose-outline-color - Farge på sirkelens omriss. Standard er #c6c6c5.
|
|
9
|
+
* @cssproperty --aspect-rose-affected-color - Farge på utsatte sektorer. Standard er #d21523.
|
|
10
|
+
* @cssproperty --aspect-rose-unaffected-color - Farge på ikke-utsatte sektorer. Standard er #e3e3e3.
|
|
11
|
+
*/
|
|
12
|
+
export default class NveAspectRose extends LitElement implements INveComponent {
|
|
13
|
+
testId: string | undefined;
|
|
14
|
+
/**
|
|
15
|
+
* 8-tegns binærtekst som representerer utsatte sektorer.
|
|
16
|
+
* Starter med nordlig sektor og går deretter med klokka.
|
|
17
|
+
* Eksempel: "00111110"
|
|
18
|
+
*/
|
|
19
|
+
value: string;
|
|
20
|
+
/** Språk for himmelretningene. Blir satt til engelsk om lang starter på 'en'. Standard er norsk. */
|
|
21
|
+
lang: string;
|
|
22
|
+
/**
|
|
23
|
+
* Tilgjengelig tittel.
|
|
24
|
+
* Vises som aria-label på SVG-elementet og som <title> i SVG.
|
|
25
|
+
* Standardverdi avhenger av språket: 'Utsatte sektorer' for norsk, 'Affected aspects' for engelsk.
|
|
26
|
+
* Du kan overstyre denne teksten.
|
|
27
|
+
*/
|
|
28
|
+
label: string | undefined;
|
|
29
|
+
static styles: import('lit').CSSResult[];
|
|
30
|
+
private isEnglish;
|
|
31
|
+
private get effectiveLabel();
|
|
32
|
+
private get directions();
|
|
33
|
+
private readonly rotations;
|
|
34
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
35
|
+
}
|
|
36
|
+
declare global {
|
|
37
|
+
interface HTMLElementTagNameMap {
|
|
38
|
+
'nve-aspect-rose': NveAspectRose;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { a as e, s as t, t as n } from "../../chunks/lit.js";
|
|
2
|
+
import { o as r, s as i, t as a } from "../../chunks/decorate.js";
|
|
3
|
+
import { t as o } from "../../chunks/if-defined.js";
|
|
4
|
+
import s from "./nve-aspect-rose.styles.js";
|
|
5
|
+
//#region src/components/nve-aspect-rose/nve-aspect-rose.component.ts
|
|
6
|
+
var c = class extends n {
|
|
7
|
+
constructor(...e) {
|
|
8
|
+
super(...e), this.testId = void 0, this.value = "00000000", this.lang = "no", this.label = void 0, this.rotations = [
|
|
9
|
+
-22.5,
|
|
10
|
+
22.5,
|
|
11
|
+
67.5,
|
|
12
|
+
112.5,
|
|
13
|
+
157.5,
|
|
14
|
+
202.5,
|
|
15
|
+
247.5,
|
|
16
|
+
292.5
|
|
17
|
+
];
|
|
18
|
+
}
|
|
19
|
+
static {
|
|
20
|
+
this.styles = [s];
|
|
21
|
+
}
|
|
22
|
+
isEnglish() {
|
|
23
|
+
return this.lang.toLowerCase().startsWith("en");
|
|
24
|
+
}
|
|
25
|
+
get effectiveLabel() {
|
|
26
|
+
return this.label ?? (this.isEnglish() ? "Affected aspects" : "Utsatte sektorer");
|
|
27
|
+
}
|
|
28
|
+
get directions() {
|
|
29
|
+
return [
|
|
30
|
+
{
|
|
31
|
+
cx: 45,
|
|
32
|
+
cy: 9,
|
|
33
|
+
label: "N"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
cx: 81,
|
|
37
|
+
cy: 45,
|
|
38
|
+
label: this.isEnglish() ? "E" : "Ø"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
cx: 45,
|
|
42
|
+
cy: 81,
|
|
43
|
+
label: "S"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
cx: 9,
|
|
47
|
+
cy: 45,
|
|
48
|
+
label: this.isEnglish() ? "W" : "V"
|
|
49
|
+
}
|
|
50
|
+
];
|
|
51
|
+
}
|
|
52
|
+
render() {
|
|
53
|
+
let n = /^[01]{8}$/.test(this.value) ? this.value : "00000000";
|
|
54
|
+
return e`
|
|
55
|
+
<svg
|
|
56
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
57
|
+
viewBox="0 0 90 90"
|
|
58
|
+
width="100%"
|
|
59
|
+
height="100%"
|
|
60
|
+
role="img"
|
|
61
|
+
aria-label=${this.effectiveLabel}
|
|
62
|
+
testid=${o(this.testId)}
|
|
63
|
+
>
|
|
64
|
+
${t`<title>${this.effectiveLabel}</title>`}
|
|
65
|
+
<g>
|
|
66
|
+
${this.rotations.map((e, r) => t`
|
|
67
|
+
<path
|
|
68
|
+
d="M 45 9 A 36 36 0 0 1 70.45584412271572 19.54415587728429 L 45 45 Z"
|
|
69
|
+
transform="rotate(${e} 45 45)"
|
|
70
|
+
stroke-width="1"
|
|
71
|
+
stroke="var(--aspect-rose-outline-color, #c6c6c5)"
|
|
72
|
+
class=${n[r] === "1" ? "sector-affected" : "sector-unaffected"}
|
|
73
|
+
></path>
|
|
74
|
+
`)}
|
|
75
|
+
<circle cx="45" cy="45" r="36" fill="none" stroke-width="1" class="circle-outline"></circle>
|
|
76
|
+
</g>
|
|
77
|
+
${this.directions.map(({ cx: e, cy: n, label: r }) => t`
|
|
78
|
+
<g>
|
|
79
|
+
<circle cx=${e} cy=${n} r="7.2" stroke-width="1" stroke="var(--aspect-rose-outline-color, #c6c6c5)" fill="#fff"></circle>
|
|
80
|
+
<text x=${e} y=${n} dy="3.168" text-anchor="middle" fill="#6a7a7b">${r}</text>
|
|
81
|
+
</g>
|
|
82
|
+
`)}
|
|
83
|
+
</svg>
|
|
84
|
+
`;
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
a([r({ type: String })], c.prototype, "testId", void 0), a([r({ type: String })], c.prototype, "value", void 0), a([r({ type: String })], c.prototype, "lang", void 0), a([r({ type: String })], c.prototype, "label", void 0), c = a([i("nve-aspect-rose")], c);
|
|
88
|
+
var l = c;
|
|
89
|
+
//#endregion
|
|
90
|
+
export { l as default };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { u as e } from "../../chunks/lit.js";
|
|
2
|
+
//#region src/components/nve-aspect-rose/nve-aspect-rose.styles.ts
|
|
3
|
+
var t = e`
|
|
4
|
+
:host {
|
|
5
|
+
display: inline-block;
|
|
6
|
+
width: var(--aspect-rose-size, 90px);
|
|
7
|
+
height: var(--aspect-rose-size, 90px);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
text {
|
|
11
|
+
font-family: 'Source Sans 3', sans-serif;
|
|
12
|
+
font-weight: var(--font-weight-regular);
|
|
13
|
+
font-size: 0.67rem;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.circle-outline {
|
|
17
|
+
stroke: var(--aspect-rose-outline-color, #c6c6c5);
|
|
18
|
+
}
|
|
19
|
+
.sector-affected {
|
|
20
|
+
fill: var(--aspect-rose-affected-color, #d21523);
|
|
21
|
+
}
|
|
22
|
+
.sector-unaffected {
|
|
23
|
+
fill: var(--aspect-rose-unaffected-color, #e3e3e3);
|
|
24
|
+
}
|
|
25
|
+
`;
|
|
26
|
+
//#endregion
|
|
27
|
+
export { t as default };
|
package/custom-elements.json
CHANGED
|
@@ -441,6 +441,102 @@
|
|
|
441
441
|
}
|
|
442
442
|
]
|
|
443
443
|
},
|
|
444
|
+
{
|
|
445
|
+
"kind": "javascript-module",
|
|
446
|
+
"path": "components/nve-aspect-rose/nve-aspect-rose.js",
|
|
447
|
+
"declarations": [
|
|
448
|
+
{
|
|
449
|
+
"kind": "class",
|
|
450
|
+
"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.",
|
|
451
|
+
"name": "NveAspectRose",
|
|
452
|
+
"members": [
|
|
453
|
+
{
|
|
454
|
+
"kind": "field",
|
|
455
|
+
"name": "testId",
|
|
456
|
+
"type": {
|
|
457
|
+
"text": "string | undefined"
|
|
458
|
+
},
|
|
459
|
+
"default": "undefined"
|
|
460
|
+
},
|
|
461
|
+
{
|
|
462
|
+
"kind": "field",
|
|
463
|
+
"name": "value",
|
|
464
|
+
"type": {
|
|
465
|
+
"text": "string"
|
|
466
|
+
},
|
|
467
|
+
"default": "'00000000'",
|
|
468
|
+
"description": "8-tegns binærtekst som representerer utsatte sektorer. Starter med nordlig sektor og går deretter med klokka. Eksempel: \"00111110\""
|
|
469
|
+
},
|
|
470
|
+
{
|
|
471
|
+
"kind": "field",
|
|
472
|
+
"name": "lang",
|
|
473
|
+
"type": {
|
|
474
|
+
"text": "string"
|
|
475
|
+
},
|
|
476
|
+
"default": "'no'",
|
|
477
|
+
"description": "Språk for himmelretningene. Blir satt til engelsk om lang starter på 'en'. Standard er norsk."
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
"kind": "field",
|
|
481
|
+
"name": "label",
|
|
482
|
+
"type": {
|
|
483
|
+
"text": "string | undefined"
|
|
484
|
+
},
|
|
485
|
+
"default": "undefined",
|
|
486
|
+
"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."
|
|
487
|
+
}
|
|
488
|
+
],
|
|
489
|
+
"attributes": [
|
|
490
|
+
{
|
|
491
|
+
"name": "testId",
|
|
492
|
+
"type": {
|
|
493
|
+
"text": "string | undefined"
|
|
494
|
+
}
|
|
495
|
+
},
|
|
496
|
+
{
|
|
497
|
+
"name": "value",
|
|
498
|
+
"type": {
|
|
499
|
+
"text": "string"
|
|
500
|
+
},
|
|
501
|
+
"description": "8-tegns binærtekst som representerer utsatte sektorer. Starter med nordlig sektor og går deretter med klokka. Eksempel: \"00111110\""
|
|
502
|
+
},
|
|
503
|
+
{
|
|
504
|
+
"name": "lang",
|
|
505
|
+
"type": {
|
|
506
|
+
"text": "string"
|
|
507
|
+
},
|
|
508
|
+
"description": "Språk for himmelretningene. Blir satt til engelsk om lang starter på 'en'. Standard er norsk."
|
|
509
|
+
},
|
|
510
|
+
{
|
|
511
|
+
"name": "label",
|
|
512
|
+
"type": {
|
|
513
|
+
"text": "string | undefined"
|
|
514
|
+
},
|
|
515
|
+
"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."
|
|
516
|
+
}
|
|
517
|
+
],
|
|
518
|
+
"superclass": {
|
|
519
|
+
"name": "LitElement",
|
|
520
|
+
"package": "lit"
|
|
521
|
+
},
|
|
522
|
+
"tagNameWithoutPrefix": "aspect-rose",
|
|
523
|
+
"tagName": "nve-aspect-rose",
|
|
524
|
+
"customElement": true,
|
|
525
|
+
"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 */",
|
|
526
|
+
"modulePath": "src/components/nve-aspect-rose/nve-aspect-rose.component.ts"
|
|
527
|
+
}
|
|
528
|
+
],
|
|
529
|
+
"exports": [
|
|
530
|
+
{
|
|
531
|
+
"kind": "js",
|
|
532
|
+
"name": "default",
|
|
533
|
+
"declaration": {
|
|
534
|
+
"name": "NveAspectRose",
|
|
535
|
+
"module": "components/nve-aspect-rose/nve-aspect-rose.js"
|
|
536
|
+
}
|
|
537
|
+
}
|
|
538
|
+
]
|
|
539
|
+
},
|
|
444
540
|
{
|
|
445
541
|
"kind": "javascript-module",
|
|
446
542
|
"path": "components/nve-badge/nve-badge.js",
|
package/nve-designsystem.d.ts
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
export { default as NveAccordion } from './components/nve-accordion/nve-accordion.component';
|
|
4
4
|
export { default as NveAccordionItem } from './components/nve-accordion-item/nve-accordion-item.component';
|
|
5
5
|
export { default as NveAlert } from './components/nve-alert/nve-alert.component';
|
|
6
|
+
export { default as NveAspectRose } from './components/nve-aspect-rose/nve-aspect-rose.component';
|
|
6
7
|
export { default as NveBadge } from './components/nve-badge/nve-badge.component';
|
|
7
8
|
export { default as NveButton } from './components/nve-button/nve-button.component';
|
|
8
9
|
export { default as NveCarousel } from './components/nve-carousel/nve-carousel.component';
|
package/nve-designsystem.js
CHANGED
|
@@ -2,45 +2,46 @@ import e from "./components/nve-accordion/nve-accordion.component.js";
|
|
|
2
2
|
import t from "./components/nve-accordion-item/nve-accordion-item.component.js";
|
|
3
3
|
import { t as n } from "./chunks/nve-alert.component.js";
|
|
4
4
|
import r from "./components/nve-icon/nve-icon.component.js";
|
|
5
|
-
import i from "./components/nve-
|
|
6
|
-
import a from "./components/nve-
|
|
7
|
-
import
|
|
8
|
-
import { t as s } from "./chunks/nve-carousel
|
|
9
|
-
import c from "./
|
|
10
|
-
import
|
|
11
|
-
import { t as u } from "./chunks/nve-
|
|
12
|
-
import { t as d } from "./chunks/nve-
|
|
13
|
-
import { t as f } from "./chunks/nve-
|
|
14
|
-
import { t as p } from "./chunks/nve-
|
|
15
|
-
import { t as m } from "./chunks/nve-
|
|
16
|
-
import { t as h } from "./chunks/nve-
|
|
17
|
-
import { t as g } from "./chunks/nve-
|
|
18
|
-
import _ from "./
|
|
19
|
-
import v from "./components/nve-
|
|
20
|
-
import
|
|
21
|
-
import { t as b } from "./chunks/nve-
|
|
22
|
-
import { t as x } from "./chunks/nve-
|
|
23
|
-
import { t as S } from "./chunks/nve-
|
|
24
|
-
import C from "./
|
|
25
|
-
import w from "./components/nve-
|
|
26
|
-
import
|
|
27
|
-
import E from "./
|
|
28
|
-
import D from "./components/nve-
|
|
29
|
-
import O from "./components/nve-
|
|
30
|
-
import
|
|
31
|
-
import { t as A } from "./chunks/nve-radio
|
|
32
|
-
import { t as j } from "./chunks/nve-radio-
|
|
33
|
-
import M from "./
|
|
34
|
-
import
|
|
35
|
-
import { t as P } from "./chunks/nve-
|
|
36
|
-
import { t as F } from "./chunks/nve-
|
|
37
|
-
import I from "./
|
|
38
|
-
import L from "./components/nve-stepper/nve-
|
|
39
|
-
import R from "./components/nve-
|
|
40
|
-
import z from "./components/nve-
|
|
41
|
-
import B from "./components/nve-tab
|
|
42
|
-
import V from "./components/nve-tab-
|
|
43
|
-
import H from "./components/nve-
|
|
44
|
-
import U from "./components/nve-
|
|
45
|
-
import
|
|
46
|
-
|
|
5
|
+
import i from "./components/nve-aspect-rose/nve-aspect-rose.component.js";
|
|
6
|
+
import a from "./components/nve-badge/nve-badge.component.js";
|
|
7
|
+
import o from "./components/nve-button/nve-button.component.js";
|
|
8
|
+
import { t as s } from "./chunks/nve-carousel.component.js";
|
|
9
|
+
import { t as c } from "./chunks/nve-carousel-item.component.js";
|
|
10
|
+
import l from "./components/nve-carousel-thumbnail/nve-carousel-thumbnail.component.js";
|
|
11
|
+
import { t as u } from "./chunks/nve-checkbox.component.js";
|
|
12
|
+
import { t as d } from "./chunks/nve-label.component.js";
|
|
13
|
+
import { t as f } from "./chunks/nve-tooltip.component.js";
|
|
14
|
+
import { t as p } from "./chunks/nve-checkbox-group.component.js";
|
|
15
|
+
import { t as m } from "./chunks/nve-popup.component.js";
|
|
16
|
+
import { t as h } from "./chunks/nve-input.component.js";
|
|
17
|
+
import { t as g } from "./chunks/nve-menu.component.js";
|
|
18
|
+
import { t as _ } from "./chunks/nve-option.component.js";
|
|
19
|
+
import v from "./components/nve-combobox/nve-combobox.component.js";
|
|
20
|
+
import y from "./components/nve-darkmode-switch/nve-darkmode-switch.component.js";
|
|
21
|
+
import { t as b } from "./chunks/nve-dialog.component.js";
|
|
22
|
+
import { t as x } from "./chunks/nve-divider.component.js";
|
|
23
|
+
import { t as S } from "./chunks/nve-drawer.component.js";
|
|
24
|
+
import { t as C } from "./chunks/nve-dropdown.component.js";
|
|
25
|
+
import w from "./components/nve-heading/nve-heading.component.js";
|
|
26
|
+
import T from "./components/nve-link-card/nve-link-card.component.js";
|
|
27
|
+
import { t as E } from "./chunks/nve-menu-item.component.js";
|
|
28
|
+
import D from "./components/nve-message-card/nve-message-card.component.js";
|
|
29
|
+
import O from "./components/nve-navigation-card/nve-navigation-card.component.js";
|
|
30
|
+
import k from "./components/nve-paragraph/nve-paragraph.component.js";
|
|
31
|
+
import { t as A } from "./chunks/nve-radio.component.js";
|
|
32
|
+
import { t as j } from "./chunks/nve-radio-button.component.js";
|
|
33
|
+
import { t as M } from "./chunks/nve-radio-group.component.js";
|
|
34
|
+
import N from "./components/nve-relative-time/nve-relative-time.component.js";
|
|
35
|
+
import { t as P } from "./chunks/nve-select.component.js";
|
|
36
|
+
import { t as F } from "./chunks/nve-skeleton.component.js";
|
|
37
|
+
import { t as I } from "./chunks/nve-spinner.component.js";
|
|
38
|
+
import L from "./components/nve-stepper/nve-step/nve-step.component.js";
|
|
39
|
+
import R from "./components/nve-stepper/nve-stepper.component.js";
|
|
40
|
+
import z from "./components/nve-switch/nve-switch.component.js";
|
|
41
|
+
import B from "./components/nve-tab/nve-tab.component.js";
|
|
42
|
+
import V from "./components/nve-tab-group/nve-tab-group.component.js";
|
|
43
|
+
import H from "./components/nve-tab-panel/nve-tab-panel.component.js";
|
|
44
|
+
import U from "./components/nve-tag/nve-tag.component.js";
|
|
45
|
+
import W from "./components/nve-textarea/nve-textarea.component.js";
|
|
46
|
+
import { t as G } from "./chunks/nve-warning-level.component.js";
|
|
47
|
+
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
CHANGED
|
@@ -11,11 +11,8 @@
|
|
|
11
11
|
},
|
|
12
12
|
"license": "MIT",
|
|
13
13
|
"homepage": "https://github.com/NVE/Designsystem/",
|
|
14
|
-
"version": "4.
|
|
14
|
+
"version": "4.5.0",
|
|
15
15
|
"customElements": "dist/custom-elements.json",
|
|
16
|
-
"engines": {
|
|
17
|
-
"node": "^24.16.0"
|
|
18
|
-
},
|
|
19
16
|
"exports": {
|
|
20
17
|
".": {
|
|
21
18
|
"import": "./nve-designsystem.js",
|