nve-designsystem 3.2.0 → 3.3.0

package/chunks/static-html.js

@@ -0,0 +1,27 @@
+import { a as e } from "./lit.js";
+//#region .pnpm/lit-html@3.3.3/node_modules/lit-html/static.js
+var t = Symbol.for(""), n = (e) => {
+	if (e?.r === t) return e?._$litStatic$;
+}, r = (e) => ({
+	_$litStatic$: e,
+	r: t
+}), i = (e, ...n) => ({
+	_$litStatic$: n.reduce((t, n, r) => t + ((e) => {
+		if (e._$litStatic$ !== void 0) return e._$litStatic$;
+		throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but\n            take care to ensure page security.`);
+	})(n) + e[r + 1], e[0]),
+	r: t
+}), a = /* @__PURE__ */ new Map(), o = ((e) => (t, ...r) => {
+	let i = r.length, o, s, c = [], l = [], u, d = 0, f = !1;
+	for (; d < i;) {
+		for (u = t[d]; d < i && (s = r[d], o = n(s)) !== void 0;) u += o + t[++d], f = !0;
+		d !== i && l.push(s), c.push(u), d++;
+	}
+	if (d === i && c.push(t[i]), f) {
+		let e = c.join("$$lit$$");
+		(t = a.get(e)) === void 0 && (c.raw = c, a.set(e, t = c)), r = l;
+	}
+	return e(t, ...r);
+})(e);
+//#endregion
+export { r as n, o as r, i as t };

package/chunks/unsafe-html.js

@@ -1,21 +1,25 @@
-import { E as r, T as s } from "./lit-element.js";
-import { i as n, t as o, a as c } from "./class-map.js";
-class e extends n {
-  constructor(t) {
-    if (super(t), this.it = r, t.type !== o.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(t) {
-    if (t === r || t == null) return this._t = void 0, this.it = t;
-    if (t === s) return t;
-    if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (t === this.it) return this._t;
-    this.it = t;
-    const i = [t];
-    return i.raw = i, this._t = { _$litType$: this.constructor.resultType, strings: i, values: [] };
-  }
-}
-e.directiveName = "unsafeHTML", e.resultType = 1;
-const l = c(e);
-export {
-  l as o
+import { n as e, r as t } from "./lit.js";
+import { i as n, n as r, r as i } from "./class-map.js";
+//#region .pnpm/lit-html@3.3.3/node_modules/lit-html/directives/unsafe-html.js
+var a = class extends i {
+	constructor(t) {
+		if (super(t), this.it = e, t.type !== n.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+	}
+	render(n) {
+		if (n === e || n == null) return this._t = void 0, this.it = n;
+		if (n === t) return n;
+		if (typeof n != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
+		if (n === this.it) return this._t;
+		this.it = n;
+		let r = [n];
+		return r.raw = r, this._t = {
+			_$litType$: this.constructor.resultType,
+			strings: r,
+			values: []
+		};
+	}
 };
+a.directiveName = "unsafeHTML", a.resultType = 1;
+var o = r(a);
+//#endregion
+export { o as t };

package/chunks/updateInvalidProperty.js

@@ -1,8 +1,8 @@
-function n(t, o, e) {
-  t.forEach((g) => {
-    g.toggleAttribute(e, o);
-  });
+//#region src/utils/updateInvalidProperty.ts
+function e(e, t, n) {
+	e.forEach((e) => {
+		e.toggleAttribute(n, t);
+	});
 }
-export {
-  n as t
-};
+//#endregion
+export { e as t };

package/chunks/watch.js

@@ -1,21 +1,21 @@
-function u(t, c) {
-  const l = {
-    waitUntilFirstUpdate: !1,
-    ...c
-  };
-  return (a, o) => {
-    const { update: d } = a, f = Array.isArray(t) ? t : [t];
-    a.update = function(i) {
-      f.forEach((h) => {
-        const s = h;
-        if (i.has(s)) {
-          const n = i.get(s), e = this[s];
-          n !== e && (!l.waitUntilFirstUpdate || this.hasUpdated) && this[o](n, e);
-        }
-      }), d.call(this, i);
-    };
-  };
+//#region src/utils/watch.ts
+function e(e, t) {
+	let n = {
+		waitUntilFirstUpdate: !1,
+		...t
+	};
+	return (t, r) => {
+		let { update: i } = t, a = Array.isArray(e) ? e : [e];
+		t.update = function(e) {
+			a.forEach((t) => {
+				let i = t;
+				if (e.has(i)) {
+					let t = e.get(i), a = this[i];
+					t !== a && (!n.waitUntilFirstUpdate || this.hasUpdated) && this[r](t, a);
+				}
+			}), i.call(this, e);
+		};
+	};
 }
-export {
-  u as w
-};
+//#endregion
+export { e as t };

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

@@ -1,31 +1,25 @@
-import { a as l, x as p } from "../../chunks/lit-element.js";
-import { n as d, t as f } from "../../chunks/property.js";
-var h = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = (e, t, s, o) => {
-  for (var r = o > 1 ? void 0 : o ? v(t, s) : t, i = e.length - 1, a; i >= 0; i--)
-    (a = e[i]) && (r = (o ? a(t, s, r) : a(r)) || r);
-  return o && r && h(t, s, r), r;
-};
-let n = class extends l {
-  constructor() {
-    super(), this.testId = void 0, this.handleShow = (e) => {
-      e.target?.localName === "nve-accordion-item" && [...this.querySelectorAll("nve-accordion-item")].map((t) => {
-        t.open = e.target === t;
-      });
-    };
-  }
-  async firstUpdated() {
-    await new Promise((e) => setTimeout(e, 0)), this.addEventListener("sl-show", (e) => this.handleShow(e));
-  }
-  render() {
-    return p`<slot></slot>`;
-  }
-};
-c([
-  d({ reflect: !0, type: String })
-], n.prototype, "testId", 2);
-n = c([
-  f("nve-accordion")
-], n);
-export {
-  n as default
+import { a as e, t } from "../../chunks/lit.js";
+import { o as n, s as r, t as i } from "../../chunks/decorate.js";
+//#region src/components/nve-accordion/nve-accordion.component.ts
+var a = class extends t {
+	constructor() {
+		super(), this.testId = void 0, this.handleShow = (e) => {
+			e.target?.localName === "nve-accordion-item" && [...this.querySelectorAll("nve-accordion-item")].map((t) => {
+				t.open = e.target === t;
+			});
+		};
+	}
+	async firstUpdated() {
+		await new Promise((e) => setTimeout(e, 0)), this.addEventListener("sl-show", (e) => this.handleShow(e));
+	}
+	render() {
+		return e`<slot></slot>`;
+	}
 };
+i([n({
+	reflect: !0,
+	type: String
+})], a.prototype, "testId", void 0), a = i([r("nve-accordion")], a);
+var o = a;
+//#endregion
+export { o as default };

package/components/nve-accordion-item/nve-accordion-item.component.js

@@ -1,65 +1,31 @@
-import { n as e, t as c } from "../../chunks/property.js";
-import n from "./nve-accordion-item.styles.js";
-import "../../chunks/chunk.3RPBFEDE.js";
-import { d as f } from "../../chunks/chunk.JQBT7BOV.js";
-import "../../chunks/chunk.URTPIBTY.js";
-import "../../chunks/chunk.XQ2OKYYA.js";
-import "../../chunks/chunk.TP2GB2HO.js";
-import "../../chunks/chunk.EA437WHD.js";
-import "../../chunks/chunk.5P45LHIX.js";
-import "../../chunks/chunk.2PCBEMQZ.js";
-import "../../chunks/chunk.MSKEYBDI.js";
-import "../../chunks/chunk.JXOKFADN.js";
-import "../../chunks/chunk.XZNBUGX7.js";
-import "../../chunks/chunk.XA43ZQPC.js";
-import "../../chunks/chunk.JHOXTQXA.js";
-import "../../chunks/chunk.HVTXQL7M.js";
-import "../../chunks/lit-element.js";
-import "../../chunks/chunk.IVVHNXMC.js";
-import "../../chunks/chunk.SAPQLUO4.js";
-import "../../chunks/chunk.UDWRA64J.js";
-import "../../chunks/chunk.KPLQLAWP.js";
-import "../../chunks/chunk.D5YQDJ7X.js";
-import "../../chunks/chunk.SI4ACBFK.js";
-import "../../chunks/chunk.5JY5FUCG.js";
-import "../../chunks/chunk.ZH2AND3P.js";
-import "../../chunks/chunk.IKV4VH3T.js";
-import "../../chunks/chunk.JCXLDPQF.js";
-import "../../chunks/chunk.36O46B5H.js";
-import "../../chunks/chunk.MAQXLKQ7.js";
-import "../../chunks/chunk.RWUUFNUL.js";
-import "../../chunks/chunk.6CTB5ZDJ.js";
-import "../../chunks/chunk.YHLNUJ7P.js";
-import "../../chunks/chunk.4TUIT776.js";
-var y = Object.defineProperty, u = Object.getOwnPropertyDescriptor, o = (a, p, m, i) => {
-  for (var r = i > 1 ? void 0 : i ? u(p, m) : p, s = a.length - 1, l; s >= 0; s--)
-    (l = a[s]) && (r = (i ? l(p, m, r) : l(r)) || r);
-  return i && r && y(p, m, r), r;
-};
-let t = class extends f {
-  constructor() {
-    super(), this.testId = void 0, this.leftStroke = !1, this.variant = "none", this.border = !1, this.compact = !1;
-  }
-};
-t.styles = [f.styles, n];
-o([
-  e({ reflect: !0, type: String })
-], t.prototype, "testId", 2);
-o([
-  e({ type: Boolean, reflect: !0 })
-], t.prototype, "leftStroke", 2);
-o([
-  e({ type: String, reflect: !0 })
-], t.prototype, "variant", 2);
-o([
-  e({ type: Boolean, reflect: !0 })
-], t.prototype, "border", 2);
-o([
-  e({ type: Boolean, reflect: !0 })
-], t.prototype, "compact", 2);
-t = o([
-  c("nve-accordion-item")
-], t);
-export {
-  t as default
+import { o as e, s as t, t as n } from "../../chunks/decorate.js";
+import r from "./nve-accordion-item.styles.js";
+import { t as i } from "../../chunks/shoelace.js";
+//#region src/components/nve-accordion-item/nve-accordion-item.component.ts
+var a = class extends i {
+	static {
+		this.styles = [i.styles, r];
+	}
+	constructor() {
+		super(), this.testId = void 0, this.leftStroke = !1, this.variant = "none", this.border = !1, this.compact = !1;
+	}
 };
+n([e({
+	reflect: !0,
+	type: String
+})], a.prototype, "testId", void 0), n([e({
+	type: Boolean,
+	reflect: !0
+})], a.prototype, "leftStroke", void 0), n([e({
+	type: String,
+	reflect: !0
+})], a.prototype, "variant", void 0), n([e({
+	type: Boolean,
+	reflect: !0
+})], a.prototype, "border", void 0), n([e({
+	type: Boolean,
+	reflect: !0
+})], a.prototype, "compact", void 0), a = n([t("nve-accordion-item")], a);
+var o = a;
+//#endregion
+export { o as default };

package/components/nve-accordion-item/nve-accordion-item.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-accordion-item/nve-accordion-item.styles.ts
+var t = e`
   .details {
     border: none;
     background-color: var(--_bg-color);
@@ -120,6 +121,5 @@ const e = r`
     border-bottom: 1px solid var(--_border-color, var(--_text-color));
   }
 `;
-export {
-  e as default
-};
+//#endregion
+export { t as default };

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

@@ -1,227 +1,2 @@
-import { a as p, E as h, x as r } from "../../chunks/lit-element.js";
-import { n as a, t as m } from "../../chunks/property.js";
-import { e as f } from "../../chunks/query.js";
-import b from "./nve-alert.styles.js";
-import { e as v } from "../../chunks/class-map.js";
-import "../nve-icon/nve-icon.component.js";
-function d(i, l, o) {
-  return new Promise((n) => {
-    if (o?.duration === 1 / 0)
-      throw new Error("Promise-based animations must be finite.");
-    const s = i.animate(l, {
-      ...o,
-      duration: y() ? 0 : o?.duration ?? 300
-      //0.3 ms som standard
-    });
-    s.addEventListener("cancel", n, { once: !0 }), s.addEventListener("finish", n, { once: !0 });
-  });
-}
-function y() {
-  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-var w = Object.defineProperty, g = Object.getOwnPropertyDescriptor, e = (i, l, o, n) => {
-  for (var s = n > 1 ? void 0 : n ? g(l, o) : l, c = i.length - 1, u; c >= 0; c--)
-    (u = i[c]) && (s = (n ? u(l, o, s) : u(s)) || s);
-  return n && s && w(l, o, s), s;
-};
-let t = class extends p {
-  constructor() {
-    super(...arguments), this.testId = void 0, this.leftStroke = !1, this.variant = "primary", this.closable = !1, this.open = !1, this.duration = 1 / 0, this.buttonLabel = "Lukk", this.showIcon = "true";
-  }
-  //for å sørge at vi har en stack for toast alerts.
-  /** Oppretter toast-stack hvis den ikke finnes. Returnerer toast-stack */
-  static get toastStack() {
-    return this.currentToastStack || (this.currentToastStack = Object.assign(document.createElement("div"), {
-      className: "toast-stack"
-    })), this.currentToastStack;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.clearAutoHideTimer();
-  }
-  firstUpdated() {
-    this.base && (this.base.hidden = !this.open);
-  }
-  async updated(i) {
-    super.updated(i), i.has("open") && (this.open ? this.dispatchEvent(new CustomEvent("sl-show", { bubbles: !0, composed: !0 })) : this.dispatchEvent(new CustomEvent("sl-hide", { bubbles: !0, composed: !0 }))), i.has("duration") && this.open && this.startAutoHideTimer();
-  }
-  // Hvis duration er gitt, starter vi en timer for å lukke alerten automatisk.
-  startAutoHideTimer() {
-    this.clearAutoHideTimer(), this.duration !== 1 / 0 && this.duration > 0 && (this._autoHideTimeout = setTimeout(() => {
-      this.hide();
-    }, this.duration));
-  }
-  clearAutoHideTimer() {
-    this._autoHideTimeout && (clearTimeout(this._autoHideTimeout), this._autoHideTimeout = void 0);
-  }
-  async handleCloseClick() {
-    await this.hide();
-  }
-  /**
-   * Viser alerten med animasjon.
-   * Setter `open` til true, kjører visningsanimasjonen, og starter eventuell auto-hide timer.
-   * Sender ut eventen `sl-after-show` når animasjonen er ferdig.
-   *
-   * @returns Promise som løses når animasjonen og oppdateringen er ferdig.
-   */
-  async show() {
-    this.open || (this.open = !0, await d(this.base, this.getKeyframes().show, { easing: "ease" }), await this.updateComplete, this.dispatchEvent(new CustomEvent("sl-after-show", { bubbles: !0, composed: !0 })), this.startAutoHideTimer());
-  }
-  /**
-   * Skjuler alerten med animasjon.
-   * Kjører skjuleanimasjonen før `open` settes til false.
-   * Sender ut eventen `sl-after-hide` når animasjonen og oppdateringen er ferdig.
-   * Stopper eventuell auto-hide timer.
-   *
-   * @returns Promise som løses når animasjonen og oppdateringen er ferdig.
-   */
-  async hide() {
-    this.open && (await d(this.base, this.getKeyframes().hide, { easing: "ease" }), this.open = !1, await this.updateComplete, this.dispatchEvent(new CustomEvent("sl-after-hide", { bubbles: !0, composed: !0 })), this.clearAutoHideTimer());
-  }
-  /**
-   * Viser alerten som en toast-melding.
-   * Legger alerten i toast-stacken, venter til den er rendret, og viser den med animasjon.
-   * Fjerner alerten fra toast-stacken når den skjules, og fjerner stacken hvis det ikke er flere alerts igjen.
-   *
-   * @returns Promise som løses når alerten er skjult og fjernet fra DOM.
-   */
-  async toast() {
-    return new Promise((i) => {
-      t.toastStack.parentElement === null && document.body.append(t.toastStack), t.toastStack.appendChild(this), requestAnimationFrame(() => {
-        this.show();
-      }), this.addEventListener(
-        "sl-after-hide",
-        () => {
-          t.toastStack.removeChild(this), i(), t.toastStack.querySelector("nve-alert") === null && t.toastStack.remove();
-        },
-        { once: !0 }
-      );
-    });
-  }
-  getVariantIconName() {
-    if (this.showIcon === "false") return "";
-    if (this.iconName)
-      return this.iconName;
-    switch (this.variant) {
-      case "primary":
-        return "info";
-      case "success":
-        return "check_circle";
-      case "neutral":
-        return "info";
-      case "warning":
-        return "warning";
-      case "danger":
-        return "error";
-      default:
-        return "";
-    }
-  }
-  /**
-   * Returnerer keyframes for visnings- og skjuleanimasjoner.
-   * Kan utvides med flere animasjoner hvis det trengs.
-   *
-   * @returns {object} Et objekt med keyframes for 'show' og 'hide'-animasjoner.
-   */
-  getKeyframes() {
-    return {
-      show: [
-        { opacity: 0, transform: "scale(0.8)" },
-        { opacity: 1, transform: "scale(1)" }
-      ],
-      hide: [
-        { opacity: 1, transform: "scale(1)" },
-        { opacity: 0, transform: "scale(0.8)" }
-      ]
-    };
-  }
-  render() {
-    return r`
-      <div
-        role="alert"
-        part="base"
-        class=${v({
-      alert: !0,
-      "alert--hidden": !this.open,
-      "alert--primary": this.variant === "primary",
-      "alert--success": this.variant === "success",
-      "alert--neutral": this.variant === "neutral",
-      "alert--warning": this.variant === "warning",
-      "alert--danger": this.variant === "danger",
-      "alert--left-stroke": this.leftStroke,
-      "alert--emphasized": this.saturation === "emphasized"
-    })}
-      >
-        <div part="icon" class="alert__icon">
-          ${this.showIcon === "true" ? r`
-                <div part="icon" class="alert__icon">
-                  ${this.getVariantIconName() ? r`<nve-icon name="${this.getVariantIconName()}"></nve-icon>` : r`<slot name="icon"></slot>`}
-                </div>
-              ` : h}
-        </div>
-        <div part="label">
-          ${this.label ? r` <label part="label">${this.label}</label>` : r`<slot name="label"></slot>`}
-        </div>
-        <div part="message" class="alert__message">${this.text ? this.text : r`<slot></slot>`}</div>
-        ${this.closable ? r`
-              <button
-                @click=${this.handleCloseClick}
-                class="alert__button"
-                title=${this.buttonLabel}
-                aria-label=${this.buttonLabel}
-              >
-                <nve-icon name="close"></nve-icon>
-              </button>
-            ` : h}
-      </div>
-    `;
-  }
-};
-t.styles = [b];
-e([
-  a({ type: String })
-], t.prototype, "testId", 2);
-e([
-  a()
-], t.prototype, "label", 2);
-e([
-  a()
-], t.prototype, "text", 2);
-e([
-  a()
-], t.prototype, "saturation", 2);
-e([
-  a({ type: Boolean })
-], t.prototype, "leftStroke", 2);
-e([
-  a()
-], t.prototype, "variant", 2);
-e([
-  a({ type: Boolean })
-], t.prototype, "closable", 2);
-e([
-  a({ type: Boolean, reflect: !0 })
-], t.prototype, "open", 2);
-e([
-  a({ type: Number })
-], t.prototype, "duration", 2);
-e([
-  a({ type: String })
-], t.prototype, "buttonLabel", 2);
-e([
-  a({ type: String })
-], t.prototype, "iconName", 2);
-e([
-  a({ type: String })
-], t.prototype, "showIcon", 2);
-e([
-  f('[part~="base"]')
-], t.prototype, "base", 2);
-t = e([
-  m("nve-alert")
-], t);
-export {
-  t as default
-};
+import { t as e } from "../../chunks/nve-alert.component.js";
+export { e as default };