nve-designsystem 3.1.0 → 3.3.0

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

@@ -1,167 +1,148 @@
-import { a as H, x as W } from "../../chunks/lit-element.js";
-import { n as $, t as J } from "../../chunks/property.js";
-import { r as K } from "../../chunks/state.js";
-import Q from "./nve-icon.styles.js";
-import { e as V } from "../../chunks/class-map.js";
-import { o as X } from "../../chunks/if-defined.js";
-import { offlineIcons as q } from "./offline-icons.js";
-import { o as Y } from "../../chunks/unsafe-html.js";
-function Z(i) {
-  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
-}
-var N = { exports: {} }, B;
-function ee() {
-  return B || (B = 1, function(i) {
-    (function() {
-      function u(e, n) {
-        document.addEventListener ? e.addEventListener("scroll", n, !1) : e.attachEvent("scroll", n);
-      }
-      function l(e) {
-        document.body ? e() : document.addEventListener ? document.addEventListener("DOMContentLoaded", function n() {
-          document.removeEventListener("DOMContentLoaded", n), e();
-        }) : document.attachEvent("onreadystatechange", function n() {
-          (document.readyState == "interactive" || document.readyState == "complete") && (document.detachEvent("onreadystatechange", n), e());
-        });
-      }
-      function p(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) {
-        e.g.style.cssText = "max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:" + n + ";";
-      }
-      function C(e) {
-        var n = e.g.offsetWidth, t = n + 100;
-        return e.j.style.width = t + "px", e.i.scrollLeft = t, e.h.scrollLeft = e.h.scrollWidth + 100, e.l !== n ? (e.l = n, !0) : !1;
-      }
-      function g(e, n) {
-        function t() {
-          var s = m;
-          C(s) && s.g.parentNode !== null && n(s.l);
-        }
-        var m = e;
-        u(e.h, t), u(e.i, t), C(e);
-      }
-      function S(e, n, t) {
-        n = n || {}, t = t || window, this.family = e, this.style = n.style || "normal", this.weight = n.weight || "normal", this.stretch = n.stretch || "normal", this.context = t;
-      }
-      var j = null, I = null, P = null, A = null;
-      function G(e) {
-        return I === null && (F(e) && /Apple/.test(window.navigator.vendor) ? (e = /AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent), I = !!e && 603 > parseInt(e[1], 10)) : I = !1), I;
-      }
-      function F(e) {
-        return A === null && (A = !!e.document.fonts), A;
-      }
-      function w(e, n) {
-        var t = e.style, m = e.weight;
-        if (P === null) {
-          var s = document.createElement("div");
-          try {
-            s.style.font = "condensed 100px sans-serif";
-          } catch {
-          }
-          P = s.style.font !== "";
-        }
-        return [t, m, P ? e.stretch : "", "100px", n].join(" ");
-      }
-      S.prototype.load = function(e, n) {
-        var t = this, m = e || "BESbswy", s = 0, b = n || 3e3, z = (/* @__PURE__ */ new Date()).getTime();
-        return new Promise(function(M, k) {
-          if (F(t.context) && !G(t.context)) {
-            var R = new Promise(function(x, E) {
-              function c() {
-                (/* @__PURE__ */ new Date()).getTime() - z >= b ? E(Error("" + b + "ms timeout exceeded")) : t.context.document.fonts.load(w(t, '"' + t.family + '"'), m).then(function(v) {
-                  1 <= v.length ? x() : setTimeout(c, 25);
-                }, E);
-              }
-              c();
-            }), U = new Promise(function(x, E) {
-              s = setTimeout(function() {
-                E(Error("" + b + "ms timeout exceeded"));
-              }, b);
-            });
-            Promise.race([U, R]).then(function() {
-              clearTimeout(s), M(t);
-            }, k);
-          } else l(function() {
-            function x() {
-              var o;
-              (o = d != -1 && h != -1 || d != -1 && f != -1 || h != -1 && f != -1) && ((o = d != h && d != f && h != f) || (j === null && (o = /AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent), j = !!o && (536 > parseInt(o[1], 10) || parseInt(o[1], 10) === 536 && 11 >= parseInt(o[2], 10))), o = j && (d == _ && h == _ && f == _ || d == D && h == D && f == D || d == O && h == O && f == O)), o = !o), o && (a.parentNode !== null && a.parentNode.removeChild(a), clearTimeout(s), M(t));
-            }
-            function E() {
-              if ((/* @__PURE__ */ new Date()).getTime() - z >= b) a.parentNode !== null && a.parentNode.removeChild(a), k(Error("" + b + "ms timeout exceeded"));
-              else {
-                var o = t.context.document.hidden;
-                (o === !0 || o === void 0) && (d = c.g.offsetWidth, h = v.g.offsetWidth, f = L.g.offsetWidth, x()), s = setTimeout(E, 50);
-              }
-            }
-            var c = new p(m), v = new p(m), L = new p(m), d = -1, h = -1, f = -1, _ = -1, D = -1, O = -1, a = document.createElement("div");
-            a.dir = "ltr", r(c, w(t, "sans-serif")), r(v, w(t, "serif")), r(L, w(t, "monospace")), a.appendChild(c.g), a.appendChild(v.g), a.appendChild(L.g), t.context.document.body.appendChild(a), _ = c.g.offsetWidth, D = v.g.offsetWidth, O = L.g.offsetWidth, E(), g(c, function(o) {
-              d = o, x();
-            }), r(c, w(t, '"' + t.family + '",sans-serif')), g(v, function(o) {
-              h = o, x();
-            }), r(v, w(t, '"' + t.family + '",serif')), g(L, function(o) {
-              f = o, x();
-            }), r(L, w(t, '"' + t.family + '",monospace'));
-          });
-        });
-      }, i.exports = S;
-    })();
-  }(N)), N.exports;
-}
-var te = ee();
-const ne = /* @__PURE__ */ Z(te);
-var oe = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, T = (i, u, l, p) => {
-  for (var r = p > 1 ? void 0 : p ? ie(u, l) : u, C = i.length - 1, g; C >= 0; C--)
-    (g = i[C]) && (r = (p ? g(u, l, r) : g(r)) || r);
-  return p && r && oe(u, l, r), r;
-};
-let y = class extends H {
-  constructor() {
-    super(...arguments), this.library = "Sharp", this.name = "", this.src = "", this.alt = void 0, this.iconLoaded = !1;
-  }
-  firstUpdated() {
-    if (this.src || q[this.name]) return;
-    if (!document.getElementById(`material-icons-${this.library.toLowerCase()}`)) {
-      const l = document.createElement("link");
-      l.id = `material-icons-${this.library.toLowerCase()}`, l.rel = "stylesheet", l.href = `https://fonts.googleapis.com/css2?family=Material+Symbols+${this.library}:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200`, document.head.appendChild(l);
-    }
-    new ne(`Material Symbols ${this.library}`).load().then(() => {
-      this.iconLoaded = !0, this.requestUpdate();
-    }).catch();
-  }
-  render() {
-    if (this.src)
-      return W`<img src=${this.src} alt=${X(this.alt)} />`;
-    const i = q[this.name];
-    return i ? W`${Y(i)}` : !this.src && this.iconLoaded ? W`<span
+import { r as e, t } from "../../chunks/chunk.js";
+import { a as n, t as r } from "../../chunks/lit.js";
+import { a as i, o as a, s as o, t as s } from "../../chunks/decorate.js";
+import { t as c } from "../../chunks/class-map.js";
+import { t as l } from "../../chunks/if-defined.js";
+import { t as u } from "../../chunks/unsafe-html.js";
+import d from "./nve-icon.styles.js";
+import { offlineIcons as f } from "./offline-icons.js";
+//#endregion
+//#region src/components/nve-icon/nve-icon.component.ts
+var p = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+	(function() {
+		function e(e, t) {
+			document.addEventListener ? e.addEventListener("scroll", t, !1) : e.attachEvent("scroll", t);
+		}
+		function n(e) {
+			document.body ? e() : document.addEventListener ? document.addEventListener("DOMContentLoaded", function t() {
+				document.removeEventListener("DOMContentLoaded", t), e();
+			}) : document.attachEvent("onreadystatechange", function t() {
+				(document.readyState == "interactive" || document.readyState == "complete") && (document.detachEvent("onreadystatechange", t), e());
+			});
+		}
+		function r(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 i(e, t) {
+			e.g.style.cssText = "max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:" + t + ";";
+		}
+		function a(e) {
+			var t = e.g.offsetWidth, n = t + 100;
+			return e.j.style.width = n + "px", e.i.scrollLeft = n, e.h.scrollLeft = e.h.scrollWidth + 100, e.l === t ? !1 : (e.l = t, !0);
+		}
+		function o(t, n) {
+			function r() {
+				var e = i;
+				a(e) && e.g.parentNode !== null && n(e.l);
+			}
+			var i = t;
+			e(t.h, r), e(t.i, r), a(t);
+		}
+		function s(e, t, n) {
+			t ||= {}, n ||= window, this.family = e, this.style = t.style || "normal", this.weight = t.weight || "normal", this.stretch = t.stretch || "normal", this.context = n;
+		}
+		var c = null, l = null, u = null, d = null;
+		function f(e) {
+			return l === null && (p(e) && /Apple/.test(window.navigator.vendor) ? (e = /AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent), l = !!e && 603 > parseInt(e[1], 10)) : l = !1), l;
+		}
+		function p(e) {
+			return d === null && (d = !!e.document.fonts), d;
+		}
+		function m(e, t) {
+			var n = e.style, r = e.weight;
+			if (u === null) {
+				var i = document.createElement("div");
+				try {
+					i.style.font = "condensed 100px sans-serif";
+				} catch {}
+				u = i.style.font !== "";
+			}
+			return [
+				n,
+				r,
+				u ? e.stretch : "",
+				"100px",
+				t
+			].join(" ");
+		}
+		s.prototype.load = function(e, t) {
+			var a = this, s = e || "BESbswy", l = 0, u = t || 3e3, d = (/* @__PURE__ */ new Date()).getTime();
+			return new Promise(function(e, t) {
+				if (p(a.context) && !f(a.context)) {
+					var h = new Promise(function(e, t) {
+						function n() {
+							(/* @__PURE__ */ new Date()).getTime() - d >= u ? t(Error("" + u + "ms timeout exceeded")) : a.context.document.fonts.load(m(a, "\"" + a.family + "\""), s).then(function(t) {
+								1 <= t.length ? e() : setTimeout(n, 25);
+							}, t);
+						}
+						n();
+					}), g = new Promise(function(e, t) {
+						l = setTimeout(function() {
+							t(Error("" + u + "ms timeout exceeded"));
+						}, u);
+					});
+					Promise.race([g, h]).then(function() {
+						clearTimeout(l), e(a);
+					}, t);
+				} else n(function() {
+					function n() {
+						var t;
+						(t = _ != -1 && v != -1 || _ != -1 && y != -1 || v != -1 && y != -1) && ((t = _ != v && _ != y && v != y) || (c === null && (t = /AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent), c = !!t && (536 > parseInt(t[1], 10) || parseInt(t[1], 10) === 536 && 11 >= parseInt(t[2], 10))), t = c && (_ == b && v == b && y == b || _ == x && v == x && y == x || _ == S && v == S && y == S)), t = !t), t && (C.parentNode !== null && C.parentNode.removeChild(C), clearTimeout(l), e(a));
+					}
+					function f() {
+						if ((/* @__PURE__ */ new Date()).getTime() - d >= u) C.parentNode !== null && C.parentNode.removeChild(C), t(Error("" + u + "ms timeout exceeded"));
+						else {
+							var e = a.context.document.hidden;
+							(!0 === e || e === void 0) && (_ = p.g.offsetWidth, v = h.g.offsetWidth, y = g.g.offsetWidth, n()), l = setTimeout(f, 50);
+						}
+					}
+					var p = new r(s), h = new r(s), g = new r(s), _ = -1, v = -1, y = -1, b = -1, x = -1, S = -1, C = document.createElement("div");
+					C.dir = "ltr", i(p, m(a, "sans-serif")), i(h, m(a, "serif")), i(g, m(a, "monospace")), C.appendChild(p.g), C.appendChild(h.g), C.appendChild(g.g), a.context.document.body.appendChild(C), b = p.g.offsetWidth, x = h.g.offsetWidth, S = g.g.offsetWidth, f(), o(p, function(e) {
+						_ = e, n();
+					}), i(p, m(a, "\"" + a.family + "\",sans-serif")), o(h, function(e) {
+						v = e, n();
+					}), i(h, m(a, "\"" + a.family + "\",serif")), o(g, function(e) {
+						y = e, n();
+					}), i(g, m(a, "\"" + a.family + "\",monospace"));
+				});
+			});
+		}, typeof t == "object" ? t.exports = s : (window.FontFaceObserver = s, window.FontFaceObserver.prototype.load = s.prototype.load);
+	})();
+})))(), 1), m = class extends r {
+	constructor(...e) {
+		super(...e), this.library = "Sharp", this.name = "", this.src = "", this.alt = void 0, this.iconLoaded = !1;
+	}
+	static {
+		this.styles = [d];
+	}
+	firstUpdated() {
+		if (!this.src && !f[this.name]) {
+			if (!document.getElementById(`material-icons-${this.library.toLowerCase()}`)) {
+				let e = document.createElement("link");
+				e.id = `material-icons-${this.library.toLowerCase()}`, e.rel = "stylesheet", e.href = `https://fonts.googleapis.com/css2?family=Material+Symbols+${this.library}:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200`, document.head.appendChild(e);
+			}
+			new p.default(`Material Symbols ${this.library}`).load().then(() => {
+				this.iconLoaded = !0, this.requestUpdate();
+			}).catch();
+		}
+	}
+	render() {
+		if (this.src) return n`<img src=${this.src} alt=${l(this.alt)} />`;
+		let e = f[this.name];
+		return e ? n`${u(e)}` : !this.src && this.iconLoaded ? n`<span
         part="icon"
-        class=${V({
-      "material-outlined": this.library === "Outlined",
-      "material-sharp": this.library === "Sharp"
-    })}
+        class=${c({
+			"material-outlined": this.library === "Outlined",
+			"material-sharp": this.library === "Sharp"
+		})}
         >${this.name}</span
-      >` : W`<nve-skeleton class="placeholder" effect="sheen"></nve-skeleton>`;
-  }
-};
-y.styles = [Q];
-T([
-  $()
-], y.prototype, "library", 2);
-T([
-  $({ type: String, reflect: !0 })
-], y.prototype, "name", 2);
-T([
-  $()
-], y.prototype, "src", 2);
-T([
-  $()
-], y.prototype, "alt", 2);
-T([
-  K()
-], y.prototype, "iconLoaded", 2);
-y = T([
-  J("nve-icon")
-], y);
-export {
-  y as default
+      >` : n`<nve-skeleton class="placeholder" effect="sheen"></nve-skeleton>`;
+	}
 };
+s([a()], m.prototype, "library", void 0), s([a({
+	type: String,
+	reflect: !0
+})], m.prototype, "name", void 0), s([a()], m.prototype, "src", void 0), s([a()], m.prototype, "alt", void 0), s([i()], m.prototype, "iconLoaded", void 0), m = s([o("nve-icon")], m);
+var h = m;
+//#endregion
+export { h as default };

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

@@ -1,5 +1,6 @@
-import { i as e } from "../../chunks/lit-element.js";
-const r = e`
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-icon/nve-icon.styles.ts
+var t = e`
   /* Brukes i dropdown. Eneste måten å override shadow dom for å rotere expand_more ikonet når menyen åpner */
   :host([name='expand_more']) {
     transform: var(--icon-rotation, none);
@@ -22,6 +23,11 @@ const r = e`
     height: var(--icon-size);
   }
 
+  :is(svg) {
+    width: var(--icon-size);
+    height: var(--icon-size);
+  }
+
   /* we need it to center the icon */
   :is(span) {
     display: inline-flex;
@@ -43,11 +49,10 @@ const r = e`
   .material-sharp {
     font-family: 'Material Symbols Sharp';
   }
-  
+
   svg {
     fill: currentColor;
   }
 `;
-export {
-  r as default
-};
+//#endregion
+export { t as default };

package/components/nve-icon/offline-icons.js

@@ -1,14 +1,17 @@
-const h = {
-  check_circle: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>',
-  chevron_backward: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>',
-  chevron_forward: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>',
-  close: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>',
-  error: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>',
-  info: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>',
-  lock: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm0-80h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z"/></svg>',
-  open_in_new: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"/></svg>',
-  warning: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z"/></svg>'
-};
-export {
-  h as offlineIcons
+//#region src/components/nve-icon/offline-icons.ts
+var e = {
+	arrow_forward: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#000000\"><path d=\"M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z\"/></svg>",
+	check_circle: "<svg xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 -960 960 960\"  fill=\"#000000\"><path d=\"m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z\"/></svg>",
+	chevron_backward: "<svg xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 -960 960 960\"  fill=\"#000000\"><path d=\"M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z\"/></svg>",
+	chevron_forward: "<svg xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 -960 960 960\"  fill=\"#000000\"><path d=\"M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z\"/></svg>",
+	close: "<svg xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 -960 960 960\"  fill=\"#000000\"><path d=\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\"/></svg>",
+	download: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#000000\"><path d=\"M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM160-160v-200h80v120h480v-120h80v200H160Z\"/></svg>",
+	error: "<svg xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 -960 960 960\"  fill=\"#000000\"><path d=\"M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z\"/></svg>",
+	info: "<svg xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 -960 960 960\"  fill=\"#000000\"><path d=\"M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z\"/></svg>",
+	lock: "<svg xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 -960 960 960\"  fill=\"#000000\"><path d=\"M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm0-80h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z\"/></svg>",
+	mail: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#000000\"><path d=\"M80-160v-640h800v640H80Zm400-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z\"/></svg>",
+	open_in_new: "<svg xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 -960 960 960\"  fill=\"#000000\"><path d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z\"/></svg>",
+	warning: "<svg xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 -960 960 960\"  fill=\"#000000\"><path d=\"m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z\"/></svg>"
 };
+//#endregion
+export { e as offlineIcons };

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

@@ -1,100 +1,2 @@
-import { n as l, t as u } from "../../chunks/property.js";
-import { r as c } from "../../chunks/state.js";
-import { i as p } from "../../chunks/chunk.XA43ZQPC.js";
-import "../../chunks/lit-element.js";
-import "../../chunks/chunk.SI4ACBFK.js";
-import "../../chunks/chunk.3RPBFEDE.js";
-import "../../chunks/chunk.6CTB5ZDJ.js";
-import "../../chunks/chunk.YHLNUJ7P.js";
-import "../../chunks/chunk.4TUIT776.js";
-import h from "./nve-input.styles.js";
-import { o as f } from "../../chunks/if-defined.js";
-var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, o = (e, r, a, s) => {
-  for (var t = s > 1 ? void 0 : s ? y(r, a) : r, n = e.length - 1, d; n >= 0; n--)
-    (d = e[n]) && (t = (s ? d(r, a, t) : d(t)) || t);
-  return s && t && m(r, a, t), t;
-};
-let i = class extends p {
-  constructor() {
-    super(), this.requiredLabel = "*Obligatorisk", this.testId = "", this.noValidation = !1, this.alreadyInvalid = !1;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.addEventListener("sl-invalid", (e) => {
-      e.preventDefault(), this.alreadyInvalid || this.makeInvalid();
-    });
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("sl-invalid", this.makeInvalid);
-  }
-  firstUpdated() {
-    super.firstUpdated(), this.requiredLabel && this.style.setProperty("--sl-input-required-content", `"${this.requiredLabel}"`);
-    const e = this.shadowRoot?.querySelector("input");
-    e && f(this.autocomplete) && this.autocomplete === "false" && e.setAttribute("aria-autocomplete", "none");
-  }
-  updated(e) {
-    super.updated(e);
-    const r = this.hasAttribute("data-user-invalid");
-    if (e.has("inputId") && this.updateInputId(), r && !this.alreadyInvalid && this.makeInvalid(), r || this.resetValidation(), e.has("readonly") && this.shadowRoot) {
-      const a = e.get("readonly"), s = this.readonly;
-      if (!a && s) {
-        if (!this.shadowRoot.querySelector("slot[name=suffix]").assignedElements().length) {
-          const t = document.createElement("nve-icon");
-          t.setAttribute("id", "readonly-icon"), t.setAttribute("name", "visibility"), t.setAttribute("slot", "suffix"), this.appendChild(t);
-        }
-      } else if (!s && a) {
-        const t = this.shadowRoot.querySelector("slot[name=suffix]").assignedElements().find((n) => n.id === "readonly-icon");
-        t && t.remove();
-      }
-    }
-  }
-  updateInputId() {
-    const e = this.shadowRoot?.querySelector("input");
-    e && this.inputId && (e.id = this.inputId);
-  }
-  makeInvalid() {
-    this.noValidation || (this.showErrorIcon(), this.showErrorMessage(), this.alreadyInvalid = !0);
-  }
-  resetValidation() {
-    this.hideErrorIcon(), this.style.setProperty("--nve-input-error-message", ""), this.alreadyInvalid = !1;
-  }
-  showErrorMessage() {
-    this.errorMessage || (this.errorMessage = this.validationMessage), this.style.setProperty("--nve-input-error-message", `"${this.errorMessage}"`);
-  }
-  showErrorIcon() {
-    const e = document.createElement("nve-icon");
-    e.setAttribute("id", "error-icon"), e.setAttribute("name", "error"), e.setAttribute("slot", "suffix");
-    const r = getComputedStyle(document.documentElement).getPropertyValue(
-      "--color-feedback-background-emphasized-error"
-    );
-    e.style.color = r.trim(), this.appendChild(e);
-  }
-  hideErrorIcon() {
-    const e = this.querySelector("#error-icon");
-    e && e.remove();
-  }
-};
-i.styles = [p.styles, h];
-o([
-  l()
-], i.prototype, "requiredLabel", 2);
-o([
-  l({ reflect: !0 })
-], i.prototype, "errorMessage", 2);
-o([
-  l({ reflect: !0, type: String })
-], i.prototype, "testId", 2);
-o([
-  l({ type: String, reflect: !0 })
-], i.prototype, "inputId", 2);
-o([
-  l({ type: Boolean })
-], i.prototype, "noValidation", 2);
-o([
-  c()
-], i.prototype, "alreadyInvalid", 2);
-i = o([
-  u("nve-input")
-], i);
-export {
-  i as default
-};
+import { t as e } from "../../chunks/nve-input.component.js";
+export { e as default };

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

@@ -1,5 +1,6 @@
-import { i as r } from "../../chunks/lit-element.js";
-const e = r`
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-input/nve-input.styles.ts
+var t = e`
   :host {
     /* Overstyring av shoelace-token-verdier */
 
@@ -100,6 +101,5 @@ const e = r`
     font-size: var(--font-size-medium);
   }
 `;
-export {
-  e as default
-};
+//#endregion
+export { t as default };