nve-designsystem 3.2.0 → 3.3.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.
Files changed (197) hide show
  1. package/chunks/chunk.2PCBEMQZ.js +163 -226
  2. package/chunks/chunk.36O46B5H.js +15 -15
  3. package/chunks/chunk.4TUIT776.js +78 -96
  4. package/chunks/chunk.5JY5FUCG.js +965 -1245
  5. package/chunks/chunk.5P45LHIX.js +668 -96
  6. package/chunks/chunk.6CTB5ZDJ.js +107 -100
  7. package/chunks/chunk.B4BZKR24.js +29 -39
  8. package/chunks/chunk.D5YQDJ7X.js +122 -166
  9. package/chunks/chunk.EA437WHD.js +5 -5
  10. package/chunks/chunk.GI7VDIWX.js +14 -15
  11. package/chunks/chunk.GMYPQTFK.js +18 -20
  12. package/chunks/chunk.HVTXQL7M.js +191 -215
  13. package/chunks/chunk.IKV4VH3T.js +18 -16
  14. package/chunks/chunk.IVVHNXMC.js +26 -27
  15. package/chunks/chunk.JHOXTQXA.js +65 -74
  16. package/chunks/chunk.JXOKFADN.js +63 -90
  17. package/chunks/chunk.K7JGTRV7.js +24 -23
  18. package/chunks/chunk.KPLQLAWP.js +132 -147
  19. package/chunks/chunk.LD4M4QGE.js +61 -74
  20. package/chunks/chunk.MSKEYBDI.js +53 -71
  21. package/chunks/chunk.NYIIDP5N.js +39 -45
  22. package/chunks/chunk.RWUUFNUL.js +91 -114
  23. package/chunks/chunk.SAPQLUO4.js +249 -228
  24. package/chunks/chunk.SI4ACBFK.js +139 -5
  25. package/chunks/chunk.TP2GB2HO.js +361 -460
  26. package/chunks/chunk.UDWRA64J.js +185 -223
  27. package/chunks/chunk.URTPIBTY.js +119 -151
  28. package/chunks/chunk.VESXC477.js +63 -66
  29. package/chunks/chunk.XA43ZQPC.js +198 -313
  30. package/chunks/chunk.XQ2OKYYA.js +25 -26
  31. package/chunks/chunk.XZNBUGX7.js +6 -6
  32. package/chunks/chunk.YHLNUJ7P.js +93 -116
  33. package/chunks/chunk.ZH2AND3P.js +340 -399
  34. package/chunks/chunk.ZL53POKZ.js +61 -156
  35. package/chunks/chunk.js +20 -0
  36. package/chunks/class-map.js +49 -45
  37. package/chunks/decorate.js +105 -0
  38. package/chunks/directive-helpers.js +5 -7
  39. package/chunks/if-defined.js +5 -5
  40. package/chunks/lit.js +525 -0
  41. package/chunks/live.js +24 -24
  42. package/chunks/nve-alert.component.js +163 -0
  43. package/chunks/nve-carousel-item.component.js +36 -0
  44. package/chunks/nve-carousel.component.js +41 -0
  45. package/chunks/nve-checkbox-group.component.js +114 -0
  46. package/chunks/nve-checkbox.component.js +28 -0
  47. package/chunks/nve-dialog.component.js +39 -0
  48. package/chunks/nve-divider.component.js +23 -0
  49. package/chunks/nve-drawer.component.js +40 -0
  50. package/chunks/nve-dropdown.component.js +83 -0
  51. package/chunks/nve-input.component.js +80 -0
  52. package/chunks/nve-label.component.js +89 -0
  53. package/chunks/nve-menu-item.component.js +35 -0
  54. package/chunks/nve-menu.component.js +17 -0
  55. package/chunks/nve-option.component.js +27 -0
  56. package/chunks/nve-popup.component.js +15 -0
  57. package/chunks/nve-radio-button.component.js +20 -0
  58. package/chunks/nve-radio-group.component.js +78 -0
  59. package/chunks/nve-radio.component.js +18 -0
  60. package/chunks/nve-select.component.js +58 -0
  61. package/chunks/nve-skeleton.component.js +20 -0
  62. package/chunks/nve-spinner.component.js +23 -0
  63. package/chunks/nve-tooltip.component.js +20 -0
  64. package/chunks/nve-warning-level.component.js +57 -0
  65. package/chunks/ref.js +75 -84
  66. package/chunks/shoelace.js +10006 -0
  67. package/chunks/static-html.js +27 -0
  68. package/chunks/unsafe-html.js +24 -20
  69. package/chunks/updateInvalidProperty.js +7 -7
  70. package/chunks/watch.js +20 -20
  71. package/components/nve-accordion/nve-accordion.component.js +24 -30
  72. package/components/nve-accordion-item/nve-accordion-item.component.js +30 -64
  73. package/components/nve-accordion-item/nve-accordion-item.styles.js +5 -5
  74. package/components/nve-alert/nve-alert.component.js +2 -227
  75. package/components/nve-alert/nve-alert.styles.js +45 -27
  76. package/components/nve-badge/nve-badge.component.js +41 -45
  77. package/components/nve-badge/nve-badge.styles.js +33 -31
  78. package/components/nve-button/nve-button.component.d.ts +110 -10
  79. package/components/nve-button/nve-button.component.js +146 -39
  80. package/components/nve-button/nve-button.styles.js +214 -157
  81. package/components/nve-carousel/nve-carousel.component.js +2 -47
  82. package/components/nve-carousel/nve-carousel.styles.js +6 -6
  83. package/components/nve-carousel-item/nve-carousel-item.component.js +2 -40
  84. package/components/nve-carousel-item/nve-carousel-item.styles.js +5 -5
  85. package/components/nve-carousel-thumbnail/nve-carousel-thumbnail.component.js +44 -54
  86. package/components/nve-carousel-thumbnail/nve-carousel-thumbnail.styles.js +5 -5
  87. package/components/nve-checkbox/nve-checkbox.component.js +2 -34
  88. package/components/nve-checkbox/nve-checkbox.styles.js +7 -7
  89. package/components/nve-checkbox-group/nve-checkbox-group.component.js +2 -152
  90. package/components/nve-checkbox-group/nve-checkbox-group.styles.js +5 -5
  91. package/components/nve-combobox/nve-combobox.component.js +222 -440
  92. package/components/nve-combobox/nve-combobox.styles.js +6 -6
  93. package/components/nve-darkmode-switch/nve-darkmode-switch.component.js +32 -38
  94. package/components/nve-dialog/nve-dialog-styles.js +6 -6
  95. package/components/nve-dialog/nve-dialog.component.js +2 -54
  96. package/components/nve-divider/nve-divider.component.js +2 -30
  97. package/components/nve-drawer/nve-drawer.component.js +2 -44
  98. package/components/nve-drawer/nve-drawer.styles.js +6 -6
  99. package/components/nve-dropdown/nve-dropdown.component.js +2 -79
  100. package/components/nve-dropdown/nve-dropdown.styles.js +5 -5
  101. package/components/nve-heading/nve-heading.component.d.ts +29 -0
  102. package/components/nve-heading/nve-heading.component.js +45 -0
  103. package/components/nve-heading/nve-heading.styles.d.ts +2 -0
  104. package/components/nve-heading/nve-heading.styles.js +41 -0
  105. package/components/nve-icon/nve-icon.component.js +145 -164
  106. package/components/nve-icon/nve-icon.styles.js +11 -6
  107. package/components/nve-icon/offline-icons.js +16 -13
  108. package/components/nve-input/nve-input.component.js +2 -100
  109. package/components/nve-input/nve-input.styles.js +5 -5
  110. package/components/nve-label/nve-label.component.js +2 -115
  111. package/components/nve-label/nve-label.styles.js +5 -5
  112. package/components/nve-link-card/nve-link-card.component.d.ts +5 -2
  113. package/components/nve-link-card/nve-link-card.component.js +44 -80
  114. package/components/nve-link-card/nve-link-card.styles.js +71 -66
  115. package/components/nve-menu/nve-menu.component.js +2 -22
  116. package/components/nve-menu/nve-menu.styles.js +5 -5
  117. package/components/nve-menu-item/nve-menu-item.component.js +2 -43
  118. package/components/nve-menu-item/nve-menu-item.styles.js +7 -7
  119. package/components/nve-message-card/nve-message-card.component.js +61 -91
  120. package/components/nve-message-card/nve-message-card.styles.js +24 -27
  121. package/components/nve-navigation-card/nve-navigation-card.component.d.ts +52 -0
  122. package/components/nve-navigation-card/nve-navigation-card.component.js +60 -0
  123. package/components/nve-navigation-card/nve-navigation-card.styles.d.ts +2 -0
  124. package/components/nve-navigation-card/nve-navigation-card.styles.js +112 -0
  125. package/components/nve-option/nve-option.component.js +2 -41
  126. package/components/nve-option/nve-option.styles.js +5 -5
  127. package/components/nve-paragraph/nve-paragraph.component.d.ts +26 -0
  128. package/components/nve-paragraph/nve-paragraph.component.js +26 -0
  129. package/components/nve-paragraph/nve-paragraph.styles.d.ts +2 -0
  130. package/components/nve-paragraph/nve-paragraph.styles.js +105 -0
  131. package/components/nve-popup/nve-popup.component.js +2 -22
  132. package/components/nve-radio/nve-radio.component.js +2 -23
  133. package/components/nve-radio/nve-radio.styles.js +5 -5
  134. package/components/nve-radio-button/nve-radio-button.component.js +2 -25
  135. package/components/nve-radio-button/nve-radio-button.styles.js +5 -5
  136. package/components/nve-radio-group/nve-radio-group.component.js +2 -119
  137. package/components/nve-radio-group/nve-radio-group.styles.js +5 -5
  138. package/components/nve-relative-time/nve-relative-time.component.js +21 -56
  139. package/components/nve-relative-time/nve-relative-time.styles.js +5 -5
  140. package/components/nve-select/nve-select.component.js +2 -80
  141. package/components/nve-select/nve-select.styles.js +5 -5
  142. package/components/nve-skeleton/nve-skeleton.component.js +2 -27
  143. package/components/nve-skeleton/nve-skeleton.styles.js +5 -5
  144. package/components/nve-spinner/nve-spinner.component.js +2 -31
  145. package/components/nve-stepper/nve-step/nve-step.component.js +113 -173
  146. package/components/nve-stepper/nve-step/nve-step.styles.js +12 -12
  147. package/components/nve-stepper/nve-stepper-mobile.component.js +37 -49
  148. package/components/nve-stepper/nve-stepper-mobile.styles.js +7 -7
  149. package/components/nve-stepper/nve-stepper.component.js +94 -139
  150. package/components/nve-stepper/nve-stepper.styles.js +5 -5
  151. package/components/nve-switch/nve-switch.component.js +75 -107
  152. package/components/nve-switch/nve-switch.styles.js +7 -7
  153. package/components/nve-tab/nve-tab.component.js +30 -42
  154. package/components/nve-tab/nve-tab.styles.js +7 -7
  155. package/components/nve-tab-group/nve-tab-group.component.js +180 -260
  156. package/components/nve-tab-group/nve-tab-group.styles.js +5 -5
  157. package/components/nve-tab-panel/nve-tab-panel.component.js +21 -31
  158. package/components/nve-tab-panel/nve-tab-panel.styles.js +5 -5
  159. package/components/nve-tag/nve-tag.component.d.ts +3 -3
  160. package/components/nve-tag/nve-tag.component.js +71 -72
  161. package/components/nve-tag/nve-tag.styles.js +23 -22
  162. package/components/nve-textarea/nve-textarea.component.d.ts +3 -1
  163. package/components/nve-textarea/nve-textarea.component.js +112 -173
  164. package/components/nve-textarea/nve-textarea.styles.js +10 -5
  165. package/components/nve-tooltip/nve-tooltip.component.js +2 -30
  166. package/components/nve-tooltip/nve-tooltip.styles.js +5 -5
  167. package/components/nve-warning-level/nve-warning-level.component.js +2 -78
  168. package/components/nve-warning-level/nve-warning-level.styles.js +7 -7
  169. package/css/global.css +13 -55
  170. package/css/nve.css +1048 -393
  171. package/css/nve_dark.css +406 -305
  172. package/css/rme.css +1050 -395
  173. package/css/rme_dark.css +408 -307
  174. package/css/shoelace-styles.css +539 -0
  175. package/css/varsom.css +1046 -391
  176. package/css/varsom_dark.css +404 -303
  177. package/custom-elements.json +2905 -12389
  178. package/fonts/LICENSE.txt +37 -0
  179. package/fonts/SourceSans3-VariableFont_wght.woff2 +0 -0
  180. package/interfaces/NveComponent.interface.js +0 -1
  181. package/nve-designsystem.d.ts +5 -0
  182. package/nve-designsystem.js +46 -86
  183. package/package.json +26 -8
  184. package/registerIcons/systemLibraryCustomization.js +23 -91
  185. package/vite-env.d.js +0 -1
  186. package/chunks/chunk.3RPBFEDE.js +0 -162
  187. package/chunks/chunk.JCXLDPQF.js +0 -225
  188. package/chunks/chunk.JQBT7BOV.js +0 -8446
  189. package/chunks/chunk.MAQXLKQ7.js +0 -598
  190. package/chunks/lit-element.js +0 -508
  191. package/chunks/property.js +0 -37
  192. package/chunks/query.js +0 -13
  193. package/chunks/state.js +0 -7
  194. package/chunks/static.js +0 -26
  195. package/nve-designsystem.css +0 -1
  196. package/vscode.css-custom-data.json +0 -621
  197. package/vscode.html-custom-data.json +0 -2354
@@ -1,11 +1,11 @@
1
- import { u as b, g as p, w as g } from "./chunk.ZL53POKZ.js";
2
- import { i as y, x as w } from "./lit-element.js";
3
- import { w as f } from "./chunk.GMYPQTFK.js";
4
- import { c as S, d as o, S as C } from "./chunk.4TUIT776.js";
5
- import { e as L } from "./directive-helpers.js";
6
- import { n as h } from "./property.js";
7
- import { r as R } from "./state.js";
8
- var I = y`
1
+ import { a as e, u as t } from "./lit.js";
2
+ import { a as n, o as r } from "./decorate.js";
3
+ import { n as i, r as a, t as o } from "./chunk.4TUIT776.js";
4
+ import { i as s, r as c, t as l } from "./chunk.ZL53POKZ.js";
5
+ import { t as u } from "./chunk.GMYPQTFK.js";
6
+ import { t as d } from "./directive-helpers.js";
7
+ //#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.QLXRCYS4.js
8
+ var f = t`
9
9
  :host {
10
10
  display: inline-block;
11
11
  width: 1em;
@@ -18,113 +18,90 @@ var I = y`
18
18
  height: 100%;
19
19
  width: 100%;
20
20
  }
21
- `, l = Symbol(), c = Symbol(), m, v = /* @__PURE__ */ new Map(), a = class extends C {
22
- constructor() {
23
- super(...arguments), this.initialRender = !1, this.svg = null, this.label = "", this.library = "default";
24
- }
25
- /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */
26
- async resolveIcon(e, r) {
27
- var n;
28
- let t;
29
- if (r?.spriteSheet)
30
- return this.svg = w`<svg part="svg">
31
- <use part="use" href="${e}"></use>
21
+ `, p = Symbol(), m = Symbol(), h, g = /* @__PURE__ */ new Map(), _ = class extends o {
22
+ constructor() {
23
+ super(...arguments), this.initialRender = !1, this.svg = null, this.label = "", this.library = "default";
24
+ }
25
+ async resolveIcon(t, n) {
26
+ let r;
27
+ if (n?.spriteSheet) return this.svg = e`<svg part="svg">
28
+ <use part="use" href="${t}"></use>
32
29
  </svg>`, this.svg;
33
- try {
34
- if (t = await fetch(e, { mode: "cors" }), !t.ok) return t.status === 410 ? l : c;
35
- } catch {
36
- return c;
37
- }
38
- try {
39
- const s = document.createElement("div");
40
- s.innerHTML = await t.text();
41
- const i = s.firstElementChild;
42
- if (((n = i?.tagName) == null ? void 0 : n.toLowerCase()) !== "svg") return l;
43
- m || (m = new DOMParser());
44
- const d = m.parseFromString(i.outerHTML, "text/html").body.querySelector("svg");
45
- return d ? (d.part.add("svg"), document.adoptNode(d)) : l;
46
- } catch {
47
- return l;
48
- }
49
- }
50
- connectedCallback() {
51
- super.connectedCallback(), g(this);
52
- }
53
- firstUpdated() {
54
- this.initialRender = !0, this.setIcon();
55
- }
56
- disconnectedCallback() {
57
- super.disconnectedCallback(), b(this);
58
- }
59
- getIconSource() {
60
- const e = p(this.library);
61
- return this.name && e ? {
62
- url: e.resolver(this.name),
63
- fromLibrary: !0
64
- } : {
65
- url: this.src,
66
- fromLibrary: !1
67
- };
68
- }
69
- handleLabelChange() {
70
- typeof this.label == "string" && this.label.length > 0 ? (this.setAttribute("role", "img"), this.setAttribute("aria-label", this.label), this.removeAttribute("aria-hidden")) : (this.removeAttribute("role"), this.removeAttribute("aria-label"), this.setAttribute("aria-hidden", "true"));
71
- }
72
- async setIcon() {
73
- var e;
74
- const { url: r, fromLibrary: n } = this.getIconSource(), t = n ? p(this.library) : void 0;
75
- if (!r) {
76
- this.svg = null;
77
- return;
78
- }
79
- let s = v.get(r);
80
- if (s || (s = this.resolveIcon(r, t), v.set(r, s)), !this.initialRender)
81
- return;
82
- const i = await s;
83
- if (i === c && v.delete(r), r === this.getIconSource().url) {
84
- if (L(i)) {
85
- if (this.svg = i, t) {
86
- await this.updateComplete;
87
- const u = this.shadowRoot.querySelector("[part='svg']");
88
- typeof t.mutator == "function" && u && t.mutator(u);
89
- }
90
- return;
91
- }
92
- switch (i) {
93
- case c:
94
- case l:
95
- this.svg = null, this.emit("sl-error");
96
- break;
97
- default:
98
- this.svg = i.cloneNode(!0), (e = t?.mutator) == null || e.call(t, this.svg), this.emit("sl-load");
99
- }
100
- }
101
- }
102
- render() {
103
- return this.svg;
104
- }
105
- };
106
- a.styles = [S, I];
107
- o([
108
- R()
109
- ], a.prototype, "svg", 2);
110
- o([
111
- h({ reflect: !0 })
112
- ], a.prototype, "name", 2);
113
- o([
114
- h()
115
- ], a.prototype, "src", 2);
116
- o([
117
- h()
118
- ], a.prototype, "label", 2);
119
- o([
120
- h({ reflect: !0 })
121
- ], a.prototype, "library", 2);
122
- o([
123
- f("label")
124
- ], a.prototype, "handleLabelChange", 1);
125
- o([
126
- f(["name", "src", "library"])
127
- ], a.prototype, "setIcon", 1);
128
- export {
129
- a as S
30
+ try {
31
+ if (r = await fetch(t, { mode: "cors" }), !r.ok) return r.status === 410 ? p : m;
32
+ } catch {
33
+ return m;
34
+ }
35
+ try {
36
+ let e = document.createElement("div");
37
+ e.innerHTML = await r.text();
38
+ let t = e.firstElementChild;
39
+ if ((t?.tagName)?.toLowerCase() !== "svg") return p;
40
+ h ||= new DOMParser();
41
+ let n = h.parseFromString(t.outerHTML, "text/html").body.querySelector("svg");
42
+ return n ? (n.part.add("svg"), document.adoptNode(n)) : p;
43
+ } catch {
44
+ return p;
45
+ }
46
+ }
47
+ connectedCallback() {
48
+ super.connectedCallback(), s(this);
49
+ }
50
+ firstUpdated() {
51
+ this.initialRender = !0, this.setIcon();
52
+ }
53
+ disconnectedCallback() {
54
+ super.disconnectedCallback(), c(this);
55
+ }
56
+ getIconSource() {
57
+ let e = l(this.library);
58
+ return this.name && e ? {
59
+ url: e.resolver(this.name),
60
+ fromLibrary: !0
61
+ } : {
62
+ url: this.src,
63
+ fromLibrary: !1
64
+ };
65
+ }
66
+ handleLabelChange() {
67
+ typeof this.label == "string" && this.label.length > 0 ? (this.setAttribute("role", "img"), this.setAttribute("aria-label", this.label), this.removeAttribute("aria-hidden")) : (this.removeAttribute("role"), this.removeAttribute("aria-label"), this.setAttribute("aria-hidden", "true"));
68
+ }
69
+ async setIcon() {
70
+ var e;
71
+ let { url: t, fromLibrary: n } = this.getIconSource(), r = n ? l(this.library) : void 0;
72
+ if (!t) {
73
+ this.svg = null;
74
+ return;
75
+ }
76
+ let i = g.get(t);
77
+ if (i || (i = this.resolveIcon(t, r), g.set(t, i)), !this.initialRender) return;
78
+ let a = await i;
79
+ if (a === m && g.delete(t), t === this.getIconSource().url) {
80
+ if (d(a)) {
81
+ if (this.svg = a, r) {
82
+ await this.updateComplete;
83
+ let e = this.shadowRoot.querySelector("[part='svg']");
84
+ typeof r.mutator == "function" && e && r.mutator(e);
85
+ }
86
+ return;
87
+ }
88
+ switch (a) {
89
+ case m:
90
+ case p:
91
+ this.svg = null, this.emit("sl-error");
92
+ break;
93
+ default: this.svg = a.cloneNode(!0), (e = r?.mutator) == null || e.call(r, this.svg), this.emit("sl-load");
94
+ }
95
+ }
96
+ }
97
+ render() {
98
+ return this.svg;
99
+ }
130
100
  };
101
+ _.styles = [i, f], a([n()], _.prototype, "svg", 2), a([r({ reflect: !0 })], _.prototype, "name", 2), a([r()], _.prototype, "src", 2), a([r()], _.prototype, "label", 2), a([r({ reflect: !0 })], _.prototype, "library", 2), a([u("label")], _.prototype, "handleLabelChange", 1), a([u([
102
+ "name",
103
+ "src",
104
+ "library"
105
+ ])], _.prototype, "setIcon", 1);
106
+ //#endregion
107
+ export { _ as t };