nve-designsystem 1.6.1 → 1.6.3

package/chunks/chunk.5YPURQKE.js

@@ -1,5 +1,5 @@
 import { i as b, x as g } from "./lit-element.js";
-import { w as y, u as w, g as p } from "./chunk.ZL53POKZ.js";
+import { u as y, g as p, w } from "./chunk.ZL53POKZ.js";
 import { w as f } from "./chunk.GMYPQTFK.js";
 import { c as S, d as o, S as C } from "./chunk.EMG3ZSPT.js";
 import { e as L } from "./directive-helpers.js";
@@ -48,13 +48,13 @@ var I = b`
     }
   }
   connectedCallback() {
-    super.connectedCallback(), y(this);
+    super.connectedCallback(), w(this);
   }
   firstUpdated() {
     this.initialRender = !0, this.setIcon();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), w(this);
+    super.disconnectedCallback(), y(this);
   }
   getIconSource() {
     const e = p(this.library);

package/chunks/class-map.js

@@ -4,7 +4,7 @@ import { T as h } from "./lit-element.js";
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const a = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, c = (e) => (...t) => ({ _$litDirective$: e, values: t });
+const a = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, c = (e) => (...t) => ({ _$litDirective$: e, values: t });
 class d {
   constructor(t) {
   }

package/chunks/lit-element.js

@@ -22,58 +22,58 @@ let tt = class {
     return this.cssText;
   }
 };
-const ot = (n) => new tt(typeof n == "string" ? n : n + "", void 0, I), wt = (n, ...t) => {
-  const e = n.length === 1 ? n[0] : t.reduce((s, i, o) => s + ((r) => {
-    if (r._$cssResult$ === !0) return r.cssText;
-    if (typeof r == "number") return r;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(i) + n[o + 1], n[0]);
-  return new tt(e, n, I);
-}, ht = (n, t) => {
-  if (D) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+const ot = (r) => new tt(typeof r == "string" ? r : r + "", void 0, I), wt = (r, ...t) => {
+  const e = r.length === 1 ? r[0] : t.reduce((s, i, o) => s + ((n) => {
+    if (n._$cssResult$ === !0) return n.cssText;
+    if (typeof n == "number") return n;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(i) + r[o + 1], r[0]);
+  return new tt(e, r, I);
+}, ht = (r, t) => {
+  if (D) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const s = document.createElement("style"), i = T.litNonce;
-    i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, n.appendChild(s);
+    i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, r.appendChild(s);
   }
-}, W = D ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
+}, W = D ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const s of t.cssRules) e += s.cssText;
   return ot(e);
-})(n) : n;
+})(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: at, defineProperty: lt, getOwnPropertyDescriptor: ct, getOwnPropertyNames: dt, getOwnPropertySymbols: pt, getPrototypeOf: $t } = Object, f = globalThis, q = f.trustedTypes, ut = q ? q.emptyScript : "", M = f.reactiveElementPolyfillSupport, b = (n, t) => n, B = { toAttribute(n, t) {
+const { is: at, defineProperty: lt, getOwnPropertyDescriptor: ct, getOwnPropertyNames: dt, getOwnPropertySymbols: pt, getPrototypeOf: ut } = Object, f = globalThis, q = f.trustedTypes, $t = q ? q.emptyScript : "", M = f.reactiveElementPolyfillSupport, b = (r, t) => r, B = { toAttribute(r, t) {
   switch (t) {
     case Boolean:
-      n = n ? ut : null;
+      r = r ? $t : null;
       break;
     case Object:
     case Array:
-      n = n == null ? n : JSON.stringify(n);
+      r = r == null ? r : JSON.stringify(r);
   }
-  return n;
-}, fromAttribute(n, t) {
-  let e = n;
+  return r;
+}, fromAttribute(r, t) {
+  let e = r;
   switch (t) {
     case Boolean:
-      e = n !== null;
+      e = r !== null;
       break;
     case Number:
-      e = n === null ? null : Number(n);
+      e = r === null ? null : Number(r);
       break;
     case Object:
     case Array:
       try {
-        e = JSON.parse(n);
+        e = JSON.parse(r);
       } catch {
         e = null;
       }
   }
   return e;
-} }, et = (n, t) => !at(n, t), J = { attribute: !0, type: String, converter: B, reflect: !1, hasChanged: et };
+} }, et = (r, t) => !at(r, t), J = { attribute: !0, type: String, converter: B, reflect: !1, hasChanged: et };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), f.litPropertyMetadata ?? (f.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 class y extends HTMLElement {
   static addInitializer(t) {
@@ -91,14 +91,14 @@ class y extends HTMLElement {
   static getPropertyDescriptor(t, e, s) {
     const { get: i, set: o } = ct(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(r) {
-      this[e] = r;
+    }, set(n) {
+      this[e] = n;
     } };
     return { get() {
       return i == null ? void 0 : i.call(this);
-    }, set(r) {
+    }, set(n) {
       const l = i == null ? void 0 : i.call(this);
-      o.call(this, r), this.requestUpdate(t, l, s);
+      o.call(this, n), this.requestUpdate(t, l, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
@@ -106,7 +106,7 @@ class y extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(b("elementProperties"))) return;
-    const t = $t(this);
+    const t = ut(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
@@ -186,16 +186,16 @@ class y extends HTMLElement {
     var o;
     const s = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, s);
     if (i !== void 0 && s.reflect === !0) {
-      const r = (((o = s.converter) == null ? void 0 : o.toAttribute) !== void 0 ? s.converter : B).toAttribute(e, s.type);
-      this._$Em = t, r == null ? this.removeAttribute(i) : this.setAttribute(i, r), this._$Em = null;
+      const n = (((o = s.converter) == null ? void 0 : o.toAttribute) !== void 0 ? s.converter : B).toAttribute(e, s.type);
+      this._$Em = t, n == null ? this.removeAttribute(i) : this.setAttribute(i, n), this._$Em = null;
     }
   }
   _$AK(t, e) {
     var o;
     const s = this.constructor, i = s._$Eh.get(t);
     if (i !== void 0 && this._$Em !== i) {
-      const r = s.getPropertyOptions(i), l = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((o = r.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? r.converter : B;
-      this._$Em = i, this[i] = l.fromAttribute(e, r.type), this._$Em = null;
+      const n = s.getPropertyOptions(i), l = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((o = n.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? n.converter : B;
+      this._$Em = i, this[i] = l.fromAttribute(e, n.type), this._$Em = null;
     }
   }
   requestUpdate(t, e, s) {
@@ -226,11 +226,11 @@ class y extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [o, r] of this._$Ep) this[o] = r;
+        for (const [o, n] of this._$Ep) this[o] = n;
         this._$Ep = void 0;
       }
       const i = this.constructor.elementProperties;
-      if (i.size > 0) for (const [o, r] of i) r.wrapped !== !0 || this._$AL.has(o) || this[o] === void 0 || this.P(o, this[o], r);
+      if (i.size > 0) for (const [o, n] of i) n.wrapped !== !0 || this._$AL.has(o) || this[o] === void 0 || this.P(o, this[o], n);
     }
     let t = !1;
     const e = this._$AL;
@@ -279,30 +279,30 @@ y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[b("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const C = globalThis, N = C.trustedTypes, K = N ? N.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, st = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, it = "?" + _, _t = `<${it}>`, g = document, w = () => g.createComment(""), P = (n) => n === null || typeof n != "object" && typeof n != "function", j = Array.isArray, ft = (n) => j(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", k = `[ 	
+const C = globalThis, N = C.trustedTypes, K = N ? N.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, st = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, it = "?" + _, _t = `<${it}>`, g = document, w = () => g.createComment(""), P = (r) => r === null || typeof r != "object" && typeof r != "function", j = Array.isArray, ft = (r) => j(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", k = `[ 	
 \f\r]`, S = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Z = /-->/g, F = />/g, A = RegExp(`>|${k}(?:([^\\s"'>=/]+)(${k}*=${k}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), G = /'/g, Q = /"/g, nt = /^(?:script|style|textarea|title)$/i, At = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), Pt = At(1), v = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), X = /* @__PURE__ */ new WeakMap(), m = g.createTreeWalker(g, 129);
-function rt(n, t) {
-  if (!j(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
+\f\r"'\`<>=]|("|')|))|$)`, "g"), G = /'/g, Q = /"/g, rt = /^(?:script|style|textarea|title)$/i, At = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), Pt = At(1), v = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), X = /* @__PURE__ */ new WeakMap(), m = g.createTreeWalker(g, 129);
+function nt(r, t) {
+  if (!j(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return K !== void 0 ? K.createHTML(t) : t;
 }
-const mt = (n, t) => {
-  const e = n.length - 1, s = [];
-  let i, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = S;
+const mt = (r, t) => {
+  const e = r.length - 1, s = [];
+  let i, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = S;
   for (let l = 0; l < e; l++) {
-    const h = n[l];
-    let c, p, a = -1, $ = 0;
-    for (; $ < h.length && (r.lastIndex = $, p = r.exec(h), p !== null); ) $ = r.lastIndex, r === S ? p[1] === "!--" ? r = Z : p[1] !== void 0 ? r = F : p[2] !== void 0 ? (nt.test(p[2]) && (i = RegExp("</" + p[2], "g")), r = A) : p[3] !== void 0 && (r = A) : r === A ? p[0] === ">" ? (r = i ?? S, a = -1) : p[1] === void 0 ? a = -2 : (a = r.lastIndex - p[2].length, c = p[1], r = p[3] === void 0 ? A : p[3] === '"' ? Q : G) : r === Q || r === G ? r = A : r === Z || r === F ? r = S : (r = A, i = void 0);
-    const u = r === A && n[l + 1].startsWith("/>") ? " " : "";
-    o += r === S ? h + _t : a >= 0 ? (s.push(c), h.slice(0, a) + st + h.slice(a) + _ + u) : h + _ + (a === -2 ? l : u);
+    const h = r[l];
+    let c, p, a = -1, u = 0;
+    for (; u < h.length && (n.lastIndex = u, p = n.exec(h), p !== null); ) u = n.lastIndex, n === S ? p[1] === "!--" ? n = Z : p[1] !== void 0 ? n = F : p[2] !== void 0 ? (rt.test(p[2]) && (i = RegExp("</" + p[2], "g")), n = A) : p[3] !== void 0 && (n = A) : n === A ? p[0] === ">" ? (n = i ?? S, a = -1) : p[1] === void 0 ? a = -2 : (a = n.lastIndex - p[2].length, c = p[1], n = p[3] === void 0 ? A : p[3] === '"' ? Q : G) : n === Q || n === G ? n = A : n === Z || n === F ? n = S : (n = A, i = void 0);
+    const $ = n === A && r[l + 1].startsWith("/>") ? " " : "";
+    o += n === S ? h + _t : a >= 0 ? (s.push(c), h.slice(0, a) + st + h.slice(a) + _ + $) : h + _ + (a === -2 ? l : $);
   }
-  return [rt(n, o + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+  return [nt(r, o + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
 class U {
   constructor({ strings: t, _$litType$: e }, s) {
     let i;
     this.parts = [];
-    let o = 0, r = 0;
+    let o = 0, n = 0;
     const l = t.length - 1, h = this.parts, [c, p] = mt(t, e);
     if (this.el = U.createElement(c, s), m.currentNode = this.el.content, e === 2 || e === 3) {
       const a = this.el.content.firstChild;
@@ -311,15 +311,15 @@ class U {
     for (; (i = m.nextNode()) !== null && h.length < l; ) {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const a of i.getAttributeNames()) if (a.endsWith(st)) {
-          const $ = p[r++], u = i.getAttribute(a).split(_), H = /([.?@])?(.*)/.exec($);
-          h.push({ type: 1, index: o, name: H[2], strings: u, ctor: H[1] === "." ? yt : H[1] === "?" ? vt : H[1] === "@" ? Et : R }), i.removeAttribute(a);
+          const u = p[n++], $ = i.getAttribute(a).split(_), H = /([.?@])?(.*)/.exec(u);
+          h.push({ type: 1, index: o, name: H[2], strings: $, ctor: H[1] === "." ? yt : H[1] === "?" ? vt : H[1] === "@" ? Et : R }), i.removeAttribute(a);
         } else a.startsWith(_) && (h.push({ type: 6, index: o }), i.removeAttribute(a));
-        if (nt.test(i.tagName)) {
-          const a = i.textContent.split(_), $ = a.length - 1;
-          if ($ > 0) {
+        if (rt.test(i.tagName)) {
+          const a = i.textContent.split(_), u = a.length - 1;
+          if (u > 0) {
             i.textContent = N ? N.emptyScript : "";
-            for (let u = 0; u < $; u++) i.append(a[u], w()), m.nextNode(), h.push({ type: 2, index: ++o });
-            i.append(a[$], w());
+            for (let $ = 0; $ < u; $++) i.append(a[$], w()), m.nextNode(), h.push({ type: 2, index: ++o });
+            i.append(a[u], w());
           }
         }
       } else if (i.nodeType === 8) if (i.data === it) h.push({ type: 2, index: o });
@@ -335,12 +335,12 @@ class U {
     return s.innerHTML = t, s;
   }
 }
-function E(n, t, e = n, s) {
-  var r, l;
+function E(r, t, e = r, s) {
+  var n, l;
   if (t === v) return t;
-  let i = s !== void 0 ? (r = e._$Co) == null ? void 0 : r[s] : e._$Cl;
+  let i = s !== void 0 ? (n = e._$Co) == null ? void 0 : n[s] : e._$Cl;
   const o = P(t) ? void 0 : t._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== o && ((l = i == null ? void 0 : i._$AO) == null || l.call(i, !1), o === void 0 ? i = void 0 : (i = new o(n), i._$AT(n, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = E(n, i._$AS(n, t.values), i, s)), t;
+  return (i == null ? void 0 : i.constructor) !== o && ((l = i == null ? void 0 : i._$AO) == null || l.call(i, !1), o === void 0 ? i = void 0 : (i = new o(r), i._$AT(r, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = E(r, i._$AS(r, t.values), i, s)), t;
 }
 class gt {
   constructor(t, e) {
@@ -355,13 +355,13 @@ class gt {
   u(t) {
     const { el: { content: e }, parts: s } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? g).importNode(e, !0);
     m.currentNode = i;
-    let o = m.nextNode(), r = 0, l = 0, h = s[0];
+    let o = m.nextNode(), n = 0, l = 0, h = s[0];
     for (; h !== void 0; ) {
-      if (r === h.index) {
+      if (n === h.index) {
         let c;
         h.type === 2 ? c = new x(o, o.nextSibling, this, t) : h.type === 1 ? c = new h.ctor(o, h.name, h.strings, this, t) : h.type === 6 && (c = new St(o, this, t)), this._$AV.push(c), h = s[++l];
       }
-      r !== (h == null ? void 0 : h.index) && (o = m.nextNode(), r++);
+      n !== (h == null ? void 0 : h.index) && (o = m.nextNode(), n++);
     }
     return m.currentNode = g, i;
   }
@@ -403,11 +403,11 @@ class x {
   }
   $(t) {
     var o;
-    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = U.createElement(rt(s.h, s.h[0]), this.options)), s);
+    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = U.createElement(nt(s.h, s.h[0]), this.options)), s);
     if (((o = this._$AH) == null ? void 0 : o._$AD) === i) this._$AH.p(e);
     else {
-      const r = new gt(i, this), l = r.u(this.options);
-      r.p(e), this.T(l), this._$AH = r;
+      const n = new gt(i, this), l = n.u(this.options);
+      n.p(e), this.T(l), this._$AH = n;
     }
   }
   _$AC(t) {
@@ -445,14 +445,14 @@ class R {
   }
   _$AI(t, e = this, s, i) {
     const o = this.strings;
-    let r = !1;
-    if (o === void 0) t = E(this, t, e, 0), r = !P(t) || t !== this._$AH && t !== v, r && (this._$AH = t);
+    let n = !1;
+    if (o === void 0) t = E(this, t, e, 0), n = !P(t) || t !== this._$AH && t !== v, n && (this._$AH = t);
     else {
       const l = t;
       let h, c;
-      for (t = o[0], h = 0; h < o.length - 1; h++) c = E(this, l[s + h], e, h), c === v && (c = this._$AH[h]), r || (r = !P(c) || c !== this._$AH[h]), c === d ? t = d : t !== d && (t += (c ?? "") + o[h + 1]), this._$AH[h] = c;
+      for (t = o[0], h = 0; h < o.length - 1; h++) c = E(this, l[s + h], e, h), c === v && (c = this._$AH[h]), n || (n = !P(c) || c !== this._$AH[h]), c === d ? t = d : t !== d && (t += (c ?? "") + o[h + 1]), this._$AH[h] = c;
     }
-    r && !i && this.j(t);
+    n && !i && this.j(t);
   }
   j(t) {
     t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
@@ -501,14 +501,14 @@ class St {
 }
 const L = C.litHtmlPolyfillSupport;
 L == null || L(U, x), (C.litHtmlVersions ?? (C.litHtmlVersions = [])).push("3.2.1");
-const bt = (n, t, e) => {
+const bt = (r, t, e) => {
   const s = (e == null ? void 0 : e.renderBefore) ?? t;
   let i = s._$litPart$;
   if (i === void 0) {
     const o = (e == null ? void 0 : e.renderBefore) ?? null;
     s._$litPart$ = i = new x(t.insertBefore(w(), o), o, void 0, e ?? {});
   }
-  return i._$AI(n), i;
+  return i._$AI(r), i;
 };
 /**
  * @license

package/chunks/property.js

@@ -1,4 +1,4 @@
-import { u as d, f as l } from "./lit-element.js";
+import { f as d, u as l } from "./lit-element.js";
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -14,7 +14,7 @@ const f = (e) => (r, t) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const p = { attribute: !0, type: String, converter: d, reflect: !1, hasChanged: l }, u = (e = p, r, t) => {
+const p = { attribute: !0, type: String, converter: l, reflect: !1, hasChanged: d }, u = (e = p, r, t) => {
   const { kind: s, metadata: i } = t;
   let o = globalThis.litPropertyMetadata.get(i);
   if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), o.set(t.name, e), s === "accessor") {

package/components/nve-carousel/nve-carousel.styles.js

@@ -4,7 +4,7 @@ const t = a`
     gap: 0rem 10px;
   }
 
-  :host([pagination-counter])::part(scroll-container)::after {
+  :host([pagination-counter]) #scroll-container::after {
     content: attr(data-active-item) ' / ' attr(data-num-items);
     display: block;
     position: absolute;
@@ -13,8 +13,8 @@ const t = a`
     padding: var(--spacing-xx-small) var(--spacing-x-small);
     border-radius: var(--border-radius-small);
     color: var(--pagination-counter-color, inherit);
-    background-color: var(--pagination-counter-bg-color, inherit);  }
-
+    background-color: var(--pagination-counter-bg-color, inherit);
+  }
 
   :host::part(scroll-container) {
     aspect-ratio: auto;

package/components/nve-checkbox/nve-checkbox.component.js

@@ -1,23 +1,23 @@
 import { t as i } from "../../chunks/property.js";
 import "../../chunks/lit-element.js";
-import { c as a } from "../../chunks/chunk.GKEBKPRZ.js";
+import { c as n } from "../../chunks/chunk.GKEBKPRZ.js";
 import "../../chunks/chunk.SI4ACBFK.js";
 import "../../chunks/chunk.3RPBFEDE.js";
 import "../../chunks/chunk.5YPURQKE.js";
 import "../../chunks/chunk.EMG3ZSPT.js";
 import p from "./nve-checkbox.styles.js";
-var v = Object.defineProperty, m = Object.getOwnPropertyDescriptor, d = (t, r, o, s) => {
-  for (var e = s > 1 ? void 0 : s ? m(r, o) : r, c = t.length - 1, l; c >= 0; c--)
-    (l = t[c]) && (e = (s ? l(r, o, e) : l(e)) || e);
-  return s && e && v(r, o, e), e;
+var v = Object.getOwnPropertyDescriptor, d = (e, o, a, c) => {
+  for (var t = c > 1 ? void 0 : c ? v(o, a) : o, r = e.length - 1, l; r >= 0; r--)
+    (l = e[r]) && (t = l(t) || t);
+  return t;
 };
-let n = class extends a {
+let s = class extends n {
   constructor() {
     super();
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener("sl-invalid", (t) => {
-      t.preventDefault();
+    super.connectedCallback(), this.addEventListener("sl-invalid", (e) => {
+      e.preventDefault();
     });
   }
   disconnectedCallback() {
@@ -25,10 +25,10 @@ let n = class extends a {
     });
   }
 };
-n.styles = [a.styles, p];
-n = d([
+s.styles = [n.styles, p];
+s = d([
   i("nve-checkbox")
-], n);
+], s);
 export {
-  n as default
+  s as default
 };

package/components/nve-divider/nve-divider.component.js

@@ -1,19 +1,19 @@
-import { d as p } from "../../chunks/chunk.FDPXBVDV.js";
+import { d as l } from "../../chunks/chunk.FDPXBVDV.js";
 import "../../chunks/chunk.EMG3ZSPT.js";
 import { i as v } from "../../chunks/lit-element.js";
-import { t as d } from "../../chunks/property.js";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, u = (a, e, s, t) => {
-  for (var r = t > 1 ? void 0 : t ? m(e, s) : e, o = a.length - 1, i; o >= 0; o--)
-    (i = a[o]) && (r = (t ? i(e, s, r) : i(r)) || r);
-  return t && r && f(e, s, r), r;
+import { t as p } from "../../chunks/property.js";
+var m = Object.getOwnPropertyDescriptor, n = (s, o, d, a) => {
+  for (var r = a > 1 ? void 0 : a ? m(o, d) : o, e = s.length - 1, i; e >= 0; e--)
+    (i = s[e]) && (r = i(r) || r);
+  return r;
 };
-let l = class extends p {
+let t = class extends l {
   constructor() {
     super();
   }
 };
-l.styles = [
-  p.styles,
+t.styles = [
+  l.styles,
   v`
       :host {
         --color: var(--neutrals-border-subtle);
@@ -22,9 +22,9 @@ l.styles = [
       }
     `
 ];
-l = u([
-  d("nve-divider")
-], l);
+t = n([
+  p("nve-divider")
+], t);
 export {
-  l as default
+  t as default
 };

package/components/nve-icon/nve-icon.component.js

@@ -21,7 +21,7 @@ function Y() {
           (document.readyState == "interactive" || document.readyState == "complete") && (document.detachEvent("onreadystatechange", n), e());
         });
       }
-      function p(e) {
+      function u(e) {
         this.g = document.createElement("div"), this.g.setAttribute("aria-hidden", "true"), this.g.appendChild(document.createTextNode(e)), this.h = document.createElement("span"), this.i = document.createElement("span"), this.m = document.createElement("span"), this.j = document.createElement("span"), this.l = -1, this.h.style.cssText = "max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;", this.i.style.cssText = "max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;", this.j.style.cssText = "max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;", this.m.style.cssText = "display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;", this.h.appendChild(this.m), this.i.appendChild(this.j), this.g.appendChild(this.h), this.g.appendChild(this.i);
       }
       function r(e, n) {
@@ -33,10 +33,10 @@ function Y() {
       }
       function y(e, n) {
         function t() {
-          var a = u;
+          var a = p;
           E(a) && a.g.parentNode !== null && n(a.l);
         }
-        var u = e;
+        var p = e;
         i(e.h, t), i(e.i, t), E(e);
       }
       function N(e, n, t) {
@@ -50,7 +50,7 @@ function Y() {
         return A === null && (A = !!e.document.fonts), A;
       }
       function g(e, n) {
-        var t = e.style, u = e.weight;
+        var t = e.style, p = e.weight;
         if ($ === null) {
           var a = document.createElement("div");
           try {
@@ -59,15 +59,15 @@ function Y() {
           }
           $ = a.style.font !== "";
         }
-        return [t, u, $ ? e.stretch : "", "100px", n].join(" ");
+        return [t, p, $ ? e.stretch : "", "100px", n].join(" ");
       }
       N.prototype.load = function(e, n) {
-        var t = this, u = e || "BESbswy", a = 0, w = n || 3e3, z = (/* @__PURE__ */ new Date()).getTime();
+        var t = this, p = e || "BESbswy", a = 0, w = n || 3e3, z = (/* @__PURE__ */ new Date()).getTime();
         return new Promise(function(M, k) {
           if (S(t.context) && !B(t.context)) {
             var G = new Promise(function(b, x) {
               function d() {
-                (/* @__PURE__ */ new Date()).getTime() - z >= w ? x(Error("" + w + "ms timeout exceeded")) : t.context.document.fonts.load(g(t, '"' + t.family + '"'), u).then(function(m) {
+                (/* @__PURE__ */ new Date()).getTime() - z >= w ? x(Error("" + w + "ms timeout exceeded")) : t.context.document.fonts.load(g(t, '"' + t.family + '"'), p).then(function(m) {
                   1 <= m.length ? b() : setTimeout(d, 25);
                 }, x);
               }
@@ -92,7 +92,7 @@ function Y() {
                 (o === !0 || o === void 0) && (c = d.g.offsetWidth, h = m.g.offsetWidth, f = C.g.offsetWidth, b()), a = setTimeout(x, 50);
               }
             }
-            var d = new p(u), m = new p(u), C = new p(u), c = -1, h = -1, f = -1, D = -1, O = -1, W = -1, l = document.createElement("div");
+            var d = new u(p), m = new u(p), C = new u(p), c = -1, h = -1, f = -1, D = -1, O = -1, W = -1, l = document.createElement("div");
             l.dir = "ltr", r(d, g(t, "sans-serif")), r(m, g(t, "serif")), r(C, g(t, "monospace")), l.appendChild(d.g), l.appendChild(m.g), l.appendChild(C.g), t.context.document.body.appendChild(l), D = d.g.offsetWidth, O = m.g.offsetWidth, W = C.g.offsetWidth, x(), y(d, function(o) {
               c = o, b();
             }), r(d, g(t, '"' + t.family + '",sans-serif')), y(m, function(o) {
@@ -108,10 +108,10 @@ function Y() {
 }
 var Z = Y();
 const ee = /* @__PURE__ */ X(Z);
-var te = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, L = (s, i, T, p) => {
-  for (var r = p > 1 ? void 0 : p ? ne(i, T) : i, E = s.length - 1, y; E >= 0; E--)
-    (y = s[E]) && (r = (p ? y(i, T, r) : y(r)) || r);
-  return p && r && te(i, T, r), r;
+var te = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, L = (s, i, T, u) => {
+  for (var r = u > 1 ? void 0 : u ? ne(i, T) : i, E = s.length - 1, y; E >= 0; E--)
+    (y = s[E]) && (r = (u ? y(i, T, r) : y(r)) || r);
+  return u && r && te(i, T, r), r;
 };
 let v = class extends U {
   constructor() {

package/components/nve-link-card/nve-link-card.component.js

@@ -1,4 +1,4 @@
-import { r as h, x as c, E as f } from "../../chunks/lit-element.js";
+import { r as h, E as f, x as c } from "../../chunks/lit-element.js";
 import { n, t as p } from "../../chunks/property.js";
 import w from "./nve-link-card.styles.js";
 var u = Object.defineProperty, m = Object.getOwnPropertyDescriptor, i = (e, l, o, s) => {

package/components/nve-menu/nve-menu.component.js

@@ -1,22 +1,22 @@
-import { m as l } from "../../chunks/chunk.2IP2T4OH.js";
+import { m as p } from "../../chunks/chunk.2IP2T4OH.js";
 import "../../chunks/chunk.EMG3ZSPT.js";
 import { t as u } from "../../chunks/property.js";
 import "../../chunks/lit-element.js";
-import n from "./nve-menu.styles.js";
-var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (f, r, s, t) => {
-  for (var e = t > 1 ? void 0 : t ? _(r, s) : r, o = f.length - 1, p; o >= 0; o--)
-    (p = f[o]) && (e = (t ? p(r, s, e) : p(e)) || e);
-  return t && e && v(r, s, e), e;
+import a from "./nve-menu.styles.js";
+var f = Object.getOwnPropertyDescriptor, v = (s, o, n, m) => {
+  for (var e = m > 1 ? void 0 : m ? f(o, n) : o, r = s.length - 1, l; r >= 0; r--)
+    (l = s[r]) && (e = l(e) || e);
+  return e;
 };
-let m = class extends l {
+let t = class extends p {
   constructor() {
     super();
   }
 };
-m.styles = [l.styles, n];
-m = a([
+t.styles = [p.styles, a];
+t = v([
   u("nve-menu")
-], m);
+], t);
 export {
-  m as default
+  t as default
 };

package/components/nve-popup/nve-popup.component.js

@@ -1,20 +1,20 @@
 import { t as m } from "../../chunks/property.js";
 import "../../chunks/lit-element.js";
-import { p as v } from "../../chunks/chunk.OEGOQNYI.js";
+import { p as l } from "../../chunks/chunk.OEGOQNYI.js";
 import "../../chunks/chunk.AR3BL5H3.js";
 import "../../chunks/chunk.6CTB5ZDJ.js";
 import "../../chunks/chunk.EMG3ZSPT.js";
-var l = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (f, r, o, e) => {
-  for (var p = e > 1 ? void 0 : e ? _(r, o) : r, t = f.length - 1, s; t >= 0; t--)
-    (s = f[t]) && (p = (e ? s(r, o, p) : s(p)) || p);
-  return e && p && l(r, o, p), p;
+var v = Object.getOwnPropertyDescriptor, f = (t, e, a, o) => {
+  for (var r = o > 1 ? void 0 : o ? v(e, a) : e, p = t.length - 1, s; p >= 0; p--)
+    (s = t[p]) && (r = s(r) || r);
+  return r;
 };
-let u = class extends v {
+let u = class extends l {
   constructor() {
     super();
   }
 };
-u = a([
+u = f([
   m("nve-popup")
 ], u);
 export {

package/components/nve-radio/nve-radio.component.js

@@ -1,23 +1,23 @@
-import { t as i } from "../../chunks/property.js";
+import { t as m } from "../../chunks/property.js";
 import "../../chunks/lit-element.js";
-import { r as a } from "../../chunks/chunk.7ZRV3LMN.js";
+import { r as l } from "../../chunks/chunk.7ZRV3LMN.js";
 import "../../chunks/chunk.5YPURQKE.js";
 import "../../chunks/chunk.EMG3ZSPT.js";
-import m from "./nve-radio.styles.js";
-var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, u = (l, e, o, t) => {
-  for (var r = t > 1 ? void 0 : t ? _(e, o) : e, s = l.length - 1, p; s >= 0; s--)
-    (p = l[s]) && (r = (t ? p(e, o, r) : p(r)) || r);
-  return t && r && v(e, o, r), r;
+import f from "./nve-radio.styles.js";
+var v = Object.getOwnPropertyDescriptor, n = (o, s, i, a) => {
+  for (var r = a > 1 ? void 0 : a ? v(s, i) : s, t = o.length - 1, p; t >= 0; t--)
+    (p = o[t]) && (r = p(r) || r);
+  return r;
 };
-let f = class extends a {
+let e = class extends l {
   constructor() {
     super();
   }
 };
-f.styles = [a.styles, m];
-f = u([
-  i("nve-radio")
-], f);
+e.styles = [l.styles, f];
+e = n([
+  m("nve-radio")
+], e);
 export {
-  f as default
+  e as default
 };

package/components/nve-spinner/nve-spinner.component.js

@@ -1,31 +1,31 @@
-import { t as a } from "../../chunks/property.js";
-import { i as l } from "../../chunks/lit-element.js";
-import { s as f } from "../../chunks/chunk.K6GIYILV.js";
+import { t as l } from "../../chunks/property.js";
+import { i as m } from "../../chunks/lit-element.js";
+import { s as a } from "../../chunks/chunk.K6GIYILV.js";
 import "../../chunks/chunk.YB3JVLEN.js";
 import "../../chunks/chunk.6CTB5ZDJ.js";
 import "../../chunks/chunk.EMG3ZSPT.js";
-var m = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, v = (i, e, s, t) => {
-  for (var r = t > 1 ? void 0 : t ? _(e, s) : e, p = i.length - 1, n; p >= 0; p--)
-    (n = i[p]) && (r = (t ? n(e, s, r) : n(r)) || r);
-  return t && r && m(e, s, r), r;
+var f = Object.getOwnPropertyDescriptor, v = (s, n, i, p) => {
+  for (var r = p > 1 ? void 0 : p ? f(n, i) : n, e = s.length - 1, o; e >= 0; e--)
+    (o = s[e]) && (r = o(r) || r);
+  return r;
 };
-let o = class extends f {
+let t = class extends a {
   constructor() {
     super();
   }
 };
-o.styles = [
-  f.styles,
+t.styles = [
+  a.styles,
   // Import Shoelace styles after your custom styles
-  l`
+  m`
       .spinner__track {
         stroke: transparent;
       }
     `
 ];
-o = v([
-  a("nve-spinner")
-], o);
+t = v([
+  l("nve-spinner")
+], t);
 export {
-  o as default
+  t as default
 };

package/components/nve-stepper/nve-step/nve-step.styles.js

@@ -1,169 +1,171 @@
 import { i as e } from "../../../chunks/lit-element.js";
 const r = e`
   :host {
-  flex-grow: var(--flex-grow, 1);
-}
-
-.step-figure {
-  position: relative;
-  display: flex;
-  align-items: center;
-  font-size: 2rem;
-  width: 100%;
-}
-
-.filled-icon {
-  font-variation-settings:
-    'FILL' 1,
-    'wght' 300,
-    'GRAD' 1,
-    'opsz' 48 !important;
-}
-
-.clickable {
-  cursor: pointer;
-}
-
-.disable-click {  
-  cursor: default;
-}
-
-.divider-horizontal {
-  height: 2px;
-  flex-grow: 1;
-  width: 100%;
-}
-
-.text-container {
-  padding-right: 1.5rem; /*24px; */
-  width: 100%;
-}
-
-.step-title {
-  color: var(--neutrals-foreground-primary, #0D0D0E);
-
-  /* Label/medium */
-  font-family: "Source Sans Pro";
-  font-size: 1.125rem; /*18px; */
-  font-style: normal;
-  font-weight: 600;
-  line-height: 110%; 
-  padding-top: 0.75rem; /*12px;*/
-}
-
-.step-state {
-  /* Label/x-small-light */
-  font-family: "Source Sans Pro";
-  font-size: 0.875rem;/*14px;*/
-  font-style: normal;
-  font-weight: 400;
-  line-height: 110%; 
-  padding-top: 0.25rem; /*4px;*/
-
-}
-
-.step-description {
-  color: var(--neutrals-foreground-primary, #0D0D0E);
-  
-  /* Label/small-light */
-  font-family: "Source Sans Pro";
-  font-size: 1rem; /*16px; */
-  font-style: normal;
-  font-weight: 400;
-  line-height: 110%; 
-  padding-top: 0.625rem; /*10px; */
-}
-
-.step-description-max-width-vertical {
-  max-width:430px; 
-  padding-bottom: var(--spacing-large, 1.5rem);
-}
-
-.step-description-max-width-horizontal {
-  max-width:150px; 
-}
-
-.divider-not-reached-color {
-  background:var(--neutrals-background-secondary, #E4E5E7);
-}
-
-.divider-reached-color {
-  background: var(--neutrals-foreground-primary, #0D0D0E);
-}
-
-.state-not-started-icon-color {
-  color:var(--neutrals-background-secondary, #E4E5E7); 
-}
-
-.state-not-started-color {
-  color: var(--neutrals-foreground-subtle, #60656C);
-}
-
-.state-started-color {
-  color: var(--feedback-background-emphasized-info, #1E6FDC);
-}
-
-.state-done-color {
-  /* TODO the token feeedback is misspelled, should be feedback but --feedback-foreground-emphasized-success gives color */
-  color: var(--feeedback-foreground-emphasized-success, #00814B);
-}
-
-.state-error-color {
-  color: var(--feedback-background-emphasized-error, #CC0000);
-}
-
-.vertical-container {
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-  height: 100%;
-}
-
-.divider-horizontal {
-  height: 2px;
-  flex-grow: 1;
-  width: 100%;
-}
-
-.divider-vertical {
-  width: 2px;
-  flex-grow: 1;
-  width: 100%;
-  height: 100%;
-}
-
-.step-figure-vertical { 
-  display: flex;
-  font-size: 2rem;
-  flex-direction: column; 
-  align-items: center;
-  width: 100%;
-  flex:1;
-  height: 100%;
-}  
-
-.vertical-divider-container {
-  display: flex;
-  justify-content: center;
-  flex-grow: 1;
-  height: 100%;
-  width: 2px;
-  padding-top:1px;
-}
-
-.text-container-vertical {
-  padding-left: 8px;
-  justify-content: center;
-  display: flex;
-  flex-direction: column;
-  flex:10;
-}
-
-.step-title-vertical {
-  padding-top: 0;
-  align-self: flex-start; 
-}
-
+    flex-grow: var(--flex-grow, 1);
+  }
+
+  nve-icon {
+    --icon-size: 24px;
+  }
+
+  .step-figure {
+    position: relative;
+    display: flex;
+    align-items: center;
+    font-size: 2rem;
+    width: 100%;
+  }
+
+  .filled-icon {
+    font-variation-settings:
+      'FILL' 1,
+      'wght' 300,
+      'GRAD' 1,
+      'opsz' 48 !important;
+  }
+
+  .clickable {
+    cursor: pointer;
+  }
+
+  .disable-click {
+    cursor: default;
+  }
+
+  .divider-horizontal {
+    height: 2px;
+    flex-grow: 1;
+    width: 100%;
+  }
+
+  .text-container {
+    padding-right: 1.5rem; /*24px; */
+    width: 100%;
+  }
+
+  .step-title {
+    color: var(--neutrals-foreground-primary, #0d0d0e);
+
+    /* Label/medium */
+    font-family: 'Source Sans Pro';
+    font-size: 1.125rem; /*18px; */
+    font-style: normal;
+    font-weight: 600;
+    line-height: 110%;
+    padding-top: 0.75rem; /*12px;*/
+  }
+
+  .step-state {
+    /* Label/x-small-light */
+    font-family: 'Source Sans Pro';
+    font-size: 0.875rem; /*14px;*/
+    font-style: normal;
+    font-weight: 400;
+    line-height: 110%;
+    padding-top: 0.25rem; /*4px;*/
+  }
+
+  .step-description {
+    color: var(--neutrals-foreground-primary, #0d0d0e);
+
+    /* Label/small-light */
+    font-family: 'Source Sans Pro';
+    font-size: 1rem; /*16px; */
+    font-style: normal;
+    font-weight: 400;
+    line-height: 110%;
+    padding-top: 0.625rem; /*10px; */
+  }
+
+  .step-description-max-width-vertical {
+    max-width: 430px;
+    padding-bottom: var(--spacing-large, 1.5rem);
+  }
+
+  .step-description-max-width-horizontal {
+    max-width: 150px;
+  }
+
+  .divider-not-reached-color {
+    background: var(--neutrals-background-secondary, #e4e5e7);
+  }
+
+  .divider-reached-color {
+    background: var(--neutrals-foreground-primary, #0d0d0e);
+  }
+
+  .state-not-started-icon-color {
+    color: var(--neutrals-background-secondary, #e4e5e7);
+  }
+
+  .state-not-started-color {
+    color: var(--neutrals-foreground-subtle, #60656c);
+  }
+
+  .state-started-color {
+    color: var(--feedback-background-emphasized-info, #1e6fdc);
+  }
+
+  .state-done-color {
+    /* TODO the token feeedback is misspelled, should be feedback but --feedback-foreground-emphasized-success gives color */
+    color: var(--feeedback-foreground-emphasized-success, #00814b);
+  }
+
+  .state-error-color {
+    color: var(--feedback-background-emphasized-error, #cc0000);
+  }
+
+  .vertical-container {
+    display: flex;
+    align-items: flex-start;
+    width: 100%;
+    height: 100%;
+  }
+
+  .divider-horizontal {
+    height: 2px;
+    flex-grow: 1;
+    width: 100%;
+  }
+
+  .divider-vertical {
+    width: 2px;
+    flex-grow: 1;
+    width: 100%;
+    height: 100%;
+  }
+
+  .step-figure-vertical {
+    display: flex;
+    font-size: 2rem;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    flex: 1;
+    height: 100%;
+  }
+
+  .vertical-divider-container {
+    display: flex;
+    justify-content: center;
+    flex-grow: 1;
+    height: 100%;
+    width: 2px;
+    padding-top: 1px;
+  }
+
+  .text-container-vertical {
+    padding-left: 8px;
+    justify-content: center;
+    display: flex;
+    flex-direction: column;
+    flex: 10;
+  }
+
+  .step-title-vertical {
+    padding-top: 0;
+    align-self: flex-start;
+  }
 `;
 export {
   r as default

package/components/nve-tag/nve-tag.component.js

@@ -1,5 +1,5 @@
 import { n as r, t as f } from "../../chunks/property.js";
-import { r as h, x as p, E as u } from "../../chunks/lit-element.js";
+import { r as h, E as u, x as p } from "../../chunks/lit-element.js";
 import { e as g } from "../../chunks/class-map.js";
 import m from "./nve-tag.styles.js";
 var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, e = (s, l, o, i) => {

package/custom-elements.json

@@ -12699,7 +12699,7 @@
   "package": {
     "name": "nve-designsystem",
     "description": "Designsystem for NVE",
-    "version": "1.6.0",
+    "version": "1.6.2",
     "author": {
       "name": "NVE",
       "email": "nve@nve.no"

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "MIT",
   "homepage": "https://github.com/NVE/Designsystem/",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "customElements": "custom-elements.json",
   "exports": {
     ".": {