nve-designsystem 3.1.0 → 3.3.0

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

@@ -0,0 +1,105 @@
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-paragraph/nve-paragraph.styles.ts
+var t = e`
+  .paragraph {
+    margin: 0;
+  }
+
+  .leadLargeRegular {
+    font: var(--typography-lead-large-regular);
+  }
+
+  .leadLargeSemibold {
+    font: var(--typography-lead-large-semibold);
+  }
+
+  .leadMediumRegular {
+    font: var(--typography-lead-medium-regular);
+  }
+
+  .leadMediumSemibold {
+    font: var(--typography-lead-medium-semibold);
+  }
+
+  .leadSmallRegular {
+    font: var(--typography-lead-small-regular);
+  }
+
+  .leadSmallSemibold {
+    font: var(--typography-lead-small-semibold);
+  }
+
+  .bodyLarge {
+    font: var(--typography-body-large);
+  }
+
+  .bodyLargeUnderline {
+    font: var(--typography-body-large-underline);
+    text-decoration: underline;
+  }
+
+  .bodyMedium {
+    font: var(--typography-body-medium);
+  }
+
+  .bodyMediumUnderline {
+    font: var(--typography-body-medium-underline);
+    text-decoration: underline;
+  }
+
+  .bodySmall {
+    font: var(--typography-body-small);
+  }
+
+  .bodySmallUnderline {
+    font: var(--typography-body-small-underline);
+    text-decoration: underline;
+  }
+
+  .bodyXSmall {
+    font: var(--typography-body-x-small);
+  }
+
+  .bodyXSmallUnderline {
+    font: var(--typography-body-x-small-underline);
+    text-decoration: underline;
+  }
+
+  .bodyLargeCompact {
+    font: var(--typography-body-compact-large-compact);
+  }
+
+  .bodyLargeUnderlineCompact {
+    font: var(--typography-body-compact-large-underline-compact);
+    text-decoration: underline;
+  }
+
+  .bodyMediumCompact {
+    font: var(--typography-body-compact-medium-compact);
+  }
+
+  .bodyMediumUnderlineCompact {
+    font: var(--typography-body-compact-medium-underline-compact);
+    text-decoration: underline;
+  }
+
+  .bodySmallCompact {
+    font: var(--typography-body-compact-small-compact);
+  }
+
+  .bodySmallUnderlineCompact {
+    font: var(--typography-body-compact-small-underline-compact);
+    text-decoration: underline;
+  }
+
+  .bodyXSmallCompact {
+    font: var(--typography-body-compact-x-small-compact);
+  }
+
+  .bodyXSmallUnderlineCompact {
+    font: var(--typography-body-compact-x-small-underline-compact);
+    text-decoration: underline;
+  }
+`;
+//#endregion
+export { t as default };

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

@@ -1,22 +1,2 @@
-import { t as m } from "../../chunks/property.js";
-import "../../chunks/lit-element.js";
-import { p as l } from "../../chunks/chunk.XZNBUGX7.js";
-import "../../chunks/chunk.5JY5FUCG.js";
-import "../../chunks/chunk.6CTB5ZDJ.js";
-import "../../chunks/chunk.4TUIT776.js";
-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 l {
-  constructor() {
-    super();
-  }
-};
-u = f([
-  m("nve-popup")
-], u);
-export {
-  u as default
-};
+import { t as e } from "../../chunks/nve-popup.component.js";
+export { e as default };

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

@@ -1,23 +1,2 @@
-import { t as m } from "../../chunks/property.js";
-import "../../chunks/lit-element.js";
-import { r as l } from "../../chunks/chunk.MSKEYBDI.js";
-import "../../chunks/chunk.YHLNUJ7P.js";
-import "../../chunks/chunk.4TUIT776.js";
-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 e = class extends l {
-  constructor() {
-    super();
-  }
-};
-e.styles = [l.styles, f];
-e = n([
-  m("nve-radio")
-], e);
-export {
-  e as default
-};
+import { t as e } from "../../chunks/nve-radio.component.js";
+export { e as default };

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

@@ -1,5 +1,6 @@
-import { i as r } from "../../chunks/lit-element.js";
-const a = r`
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-radio/nve-radio.styles.ts
+var t = e`
   /* Vis hover effekt på control-delen */
   :host(:hover)::part(control) {
     color: var(--color-neutrals-foreground-subtle);
@@ -64,6 +65,5 @@ const a = r`
     transform: scale(1.75);
   }
 `;
-export {
-  a as default
-};
+//#endregion
+export { t as default };

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

@@ -1,25 +1,2 @@
-import { n as u, t as a } from "../../chunks/property.js";
-import { r as i } from "../../chunks/chunk.5P45LHIX.js";
-import "../../chunks/chunk.MAQXLKQ7.js";
-import "../../chunks/chunk.4TUIT776.js";
-import m from "./nve-radio-button.styles.js";
-var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (l, r, s, e) => {
-  for (var t = e > 1 ? void 0 : e ? _(r, s) : r, p = l.length - 1, f; p >= 0; p--)
-    (f = l[p]) && (t = (e ? f(r, s, t) : f(t)) || t);
-  return e && t && v(r, s, t), t;
-};
-let o = class extends i {
-  constructor() {
-    super(), this.testId = "";
-  }
-};
-o.styles = [i.styles, m];
-n([
-  u({ reflect: !0, type: String })
-], o.prototype, "testId", 2);
-o = n([
-  a("nve-radio-button")
-], o);
-export {
-  o as default
-};
+import { t as e } from "../../chunks/nve-radio-button.component.js";
+export { e as default };

package/components/nve-radio-button/nve-radio-button.styles.js

@@ -1,5 +1,6 @@
-import { i as r } from "../../chunks/lit-element.js";
-const t = r`
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-radio-button/nve-radio-button.styles.ts
+var t = e`
   :host {
     --_active-color: var(--color-brand-background-primary);
     --_active-text-color: var(--color-neutrals-background-primary);
@@ -42,6 +43,5 @@ const t = r`
     border-bottom-right-radius: var(--_border-radius);
   }
 `;
-export {
-  t as default
-};
+//#endregion
+export { t as default };

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

@@ -1,119 +1,2 @@
-import { n as d, t as v } from "../../chunks/property.js";
-import { r as u } from "../../chunks/state.js";
-import { r as c } from "../../chunks/chunk.2PCBEMQZ.js";
-import "../../chunks/chunk.SI4ACBFK.js";
-import "../../chunks/chunk.3RPBFEDE.js";
-import "../../chunks/chunk.4TUIT776.js";
-import p from "./nve-radio-group.styles.js";
-import { w as m } from "../../chunks/watch.js";
-import { t as h } from "../../chunks/updateInvalidProperty.js";
-var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, r = (t, e, n, a) => {
-  for (var s = a > 1 ? void 0 : a ? f(e, n) : e, o = t.length - 1, l; o >= 0; o--)
-    (l = t[o]) && (s = (a ? l(e, n, s) : l(s)) || s);
-  return a && s && b(e, n, s), s;
-};
-let i = class extends c {
-  constructor() {
-    super(), this.orientation = "vertical", this.disabled = !1, this.requiredLabel = "*Obligatorisk", this.testId = "", this.alreadyInvalid = !1, this.errorMessageCopy = "", this.preventInteraction = (t) => {
-      this.disabled && (t.stopImmediatePropagation(), t.preventDefault());
-    }, this.getAllRadios = function() {
-      return [
-        // @ts-expect-error - bruk av this i private metode
-        ...this.querySelectorAll(
-          "sl-radio, sl-radio-button, nve-radio, nve-radio-button"
-        )
-      ];
-    }, this.handleRadioClick = function(t) {
-      const e = t.target.closest("sl-radio, sl-radio-button, nve-radio, nve-radio-button"), n = this.getAllRadios(), a = this.value;
-      if (!e || e.disabled)
-        return;
-      const s = e.shadowRoot.querySelectorAll("span[part='base']");
-      s.length > 0 && s[0].focus(), this.value = e.value, n.forEach((o) => o.checked = o === e), this.value !== a && (this.emit("sl-change"), this.emit("sl-input"));
-    }, this.syncRadioElements = async () => {
-      const t = this.getAllRadios();
-      if (await Promise.all(
-        // Sync the checked state and size
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        t.map(async (e) => {
-          await e.updateComplete, e.checked = e.value === this.value, e.size = this.size;
-        })
-      ), this.hasButtonGroup = t.some(
-        (e) => e.tagName.toLowerCase() === "sl-radio-button" || e.tagName.toLowerCase() === "nve-radio-button"
-      ), !t.some((e) => e.checked))
-        if (this.hasButtonGroup) {
-          const e = t[0].shadowRoot?.querySelector("button");
-          e && (e.tabIndex = 0);
-        } else
-          t[0].tabIndex = 0;
-      if (this.hasButtonGroup) {
-        const e = this.shadowRoot?.querySelector("sl-button-group") || this.shadowRoot?.querySelector("nve-button-group");
-        e && (e.disableRole = !0);
-      }
-    }, this.syncRadios = function() {
-      if (customElements.get("sl-radio") && customElements.get("sl-radio-button") || // lagt til nve-radio og nve-radio-button
-      customElements.get("nve-radio") && customElements.get("nve-radio-button")) {
-        this.syncRadioElements();
-        return;
-      }
-      customElements.get("sl-radio") || customElements.get("nve-radio") ? this.syncRadioElements() : customElements.whenDefined("sl-radio").then(() => this.syncRadios()), customElements.get("sl-radio-button") || customElements.get("nve-radio-button") ? this.syncRadioElements() : (customElements.whenDefined("sl-radio-button").then(() => this.syncRadios()), customElements.whenDefined("nve-radio-button").then(() => this.syncRadios()));
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.errorMessageCopy = this.errorMessage || "", this.addEventListener("click", this.preventInteraction, !0), this.addEventListener("keydown", this.preventInteraction, !0), this.addEventListener("focus", this.preventInteraction, !0), this.addEventListener("mousedown", this.preventInteraction, !0), this.addEventListener("sl-invalid", (t) => {
-      t.preventDefault(), this.alreadyInvalid || this.makeInvalid();
-    }), this.addEventListener("sl-change", this.resetValidation.bind(this));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("click", this.preventInteraction, !0), this.removeEventListener("keydown", this.preventInteraction, !0), this.removeEventListener("focus", this.preventInteraction, !0), this.removeEventListener("mousedown", this.preventInteraction, !0), this.removeEventListener("sl-invalid", this.makeInvalid), this.removeEventListener("sl-change", this.resetValidation);
-  }
-  updated(t) {
-    super.updated(t), t.has("requiredLabel") && this.style.setProperty("--sl-input-required-content", `"${this.requiredLabel}"`), this.hasAttribute("data-user-invalid") && !this.alreadyInvalid && this.makeInvalid(), !this.hasAttribute("data-invalid") && !this.hasAttribute("data-user-invalid") && this.resetValidation();
-  }
-  handlePropChange(t, e) {
-    const n = this.getAllRadios();
-    e !== t && (n.forEach((s) => {
-      s.was_disabled === void 0 ? s.was_disabled = s.disabled : t === !0 ? (s.disabled = s.was_disabled, s.tabIndex = 0, s.removeAttribute("aria-disabled"), s.removeAttribute("data-disabled")) : (s.was_disabled = s.disabled, s.disabled = !0, s.tabIndex = -1, s.setAttribute("aria-disabled", "true"), s.setAttribute("data-disabled", "true"));
-    }), e ? (this.setAttribute("data-disabled", "true"), this.setAttribute("aria-disabled", "true"), this.tabIndex = -1, this.addEventListener("click", this.preventInteraction, !0), this.addEventListener("keydown", this.preventInteraction, !0), this.addEventListener("focus", this.preventInteraction, !0), this.addEventListener("mousedown", this.preventInteraction, !0)) : (this.removeAttribute("data-disabled"), this.removeAttribute("aria-disabled"), this.tabIndex = 0, this.removeEventListener("click", this.preventInteraction, !0), this.removeEventListener("keydown", this.preventInteraction, !0), this.removeEventListener("focus", this.preventInteraction, !0), this.removeEventListener("mousedown", this.preventInteraction, !0)));
-  }
-  makeInvalid() {
-    if (this.disabled) return;
-    const t = this.getAllRadios();
-    h(t, !0, "data-invalid"), this.errorMessageCopy || (this.errorMessageCopy = this.validationMessage), this.setCustomValidity(this.errorMessageCopy), this.style.setProperty("--radio-group-error-message", `"${this.errorMessageCopy}"`);
-  }
-  resetValidation() {
-    if (this.disabled) return;
-    const t = this.getAllRadios();
-    this.errorMessageCopy = "", h(t, !1, "data-invalid"), this.setCustomValidity(""), this.style.removeProperty("--radio-group-error-message");
-  }
-};
-i.styles = [c.styles, p];
-r([
-  d({ reflect: !0 })
-], i.prototype, "orientation", 2);
-r([
-  d({ type: Boolean, reflect: !0 })
-], i.prototype, "disabled", 2);
-r([
-  d({ reflect: !0 })
-], i.prototype, "errorMessage", 2);
-r([
-  d()
-], i.prototype, "requiredLabel", 2);
-r([
-  d({ reflect: !0, type: String })
-], i.prototype, "testId", 2);
-r([
-  u()
-], i.prototype, "alreadyInvalid", 2);
-r([
-  u()
-], i.prototype, "errorMessageCopy", 2);
-r([
-  m("disabled")
-], i.prototype, "handlePropChange", 1);
-i = r([
-  v("nve-radio-group")
-], i);
-export {
-  i as default
-};
+import { t as e } from "../../chunks/nve-radio-group.component.js";
+export { e as default };

package/components/nve-radio-group/nve-radio-group.styles.js

@@ -1,5 +1,6 @@
-import { i as r } from "../../chunks/lit-element.js";
-const t = r`
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-radio-group/nve-radio-group.styles.ts
+var t = e`
   :host {
     /* Overstyring av shoelace-token-verdier */
 
@@ -74,6 +75,5 @@ const t = r`
     flex-direction: column;
   }
 `;
-export {
-  t as default
-};
+//#endregion
+export { t as default };

package/components/nve-relative-time/nve-relative-time.component.js

@@ -1,57 +1,22 @@
-import { n as f, t as v } from "../../chunks/property.js";
-import a from "./nve-relative-time.styles.js";
-import "../../chunks/chunk.3RPBFEDE.js";
-import { r as n } 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 u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, s = (l, o, i, p) => {
-  for (var t = p > 1 ? void 0 : p ? _(o, i) : o, e = l.length - 1, m; e >= 0; e--)
-    (m = l[e]) && (t = (p ? m(o, i, t) : m(t)) || t);
-  return p && t && u(o, i, t), t;
-};
-let r = class extends n {
-  /* (!) SlRelativeTime.styles finnes ikke, så trenger ikke arve derfra */
-  constructor() {
-    super(), this.testId = void 0, this.lang = "";
-  }
-};
-r.styles = [a];
-s([
-  f({ reflect: !0, type: String })
-], r.prototype, "testId", 2);
-s([
-  f({ reflect: !0, type: String })
-], r.prototype, "lang", 2);
-r = s([
-  v("nve-relative-time")
-], r);
-export {
-  r as default
+import { o as e, s as t, t as n } from "../../chunks/decorate.js";
+import { n as r } from "../../chunks/shoelace.js";
+import i from "./nve-relative-time.styles.js";
+//#region src/components/nve-relative-time/nve-relative-time.component.ts
+var a = class extends r {
+	static {
+		this.styles = [i];
+	}
+	constructor() {
+		super(), this.testId = void 0, this.lang = "";
+	}
 };
+n([e({
+	reflect: !0,
+	type: String
+})], a.prototype, "testId", void 0), n([e({
+	reflect: !0,
+	type: String
+})], a.prototype, "lang", void 0), a = n([t("nve-relative-time")], a);
+var o = a;
+//#endregion
+export { o as default };

package/components/nve-relative-time/nve-relative-time.styles.js

@@ -1,5 +1,5 @@
-import { i as t } from "../../chunks/lit-element.js";
-const s = t``;
-export {
-  s as default
-};
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-relative-time/nve-relative-time.styles.ts
+var t = e``;
+//#endregion
+export { t as default };

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

@@ -1,80 +1,2 @@
-import { s as u } from "../../chunks/chunk.TP2GB2HO.js";
-import "../../chunks/chunk.SI4ACBFK.js";
-import "../../chunks/chunk.5JY5FUCG.js";
-import "../../chunks/chunk.3RPBFEDE.js";
-import "../../chunks/chunk.RWUUFNUL.js";
-import "../../chunks/chunk.6CTB5ZDJ.js";
-import "../../chunks/chunk.YHLNUJ7P.js";
-import "../../chunks/chunk.4TUIT776.js";
-import { n as p, t as h } from "../../chunks/property.js";
-import { r as d } from "../../chunks/state.js";
-import c from "./nve-select.styles.js";
-var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, o = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? f(t, s) : t, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (r = (i ? n(t, s, r) : n(r)) || r);
-  return i && r && v(t, s, r), r;
-};
-let l = class extends u {
-  constructor() {
-    super(), this.requiredLabel = "*Obligatorisk", this.hideCheckmark = !1, this.slInvalidEventListener = (e) => {
-      e.preventDefault();
-    }, this.valueHasChanged = !1;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.addEventListener("sl-invalid", this.slInvalidEventListener);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("sl-invalid", this.slInvalidEventListener);
-  }
-  firstUpdated(e) {
-    super.firstUpdated(e), this.requiredLabel && this.style.setProperty("--sl-input-required-content", `"${this.requiredLabel}"`), this.shadowRoot?.querySelector("sl-popup")?.setAttribute("distance", "3");
-  }
-  updated(e) {
-    super.updated(e);
-    const t = this.hasAttribute("data-user-invalid");
-    t && (this.errorMessage || (this.errorMessage = this.validationMessage), this.style.setProperty("--nve-input-error-message", `"${this.errorMessage}"`)), t || this.style.setProperty("--nve-input-error-message", "");
-  }
-  focus() {
-    this.shadowRoot?.querySelector("sl-popup")?.classList.add("select--focused");
-  }
-  // @ts-expect-error overskriver private method
-  handleOptionClick(e) {
-    const s = e.target.closest("nve-option"), i = this.value;
-    s && !s.disabled && (this.multiple ? this.toggleOptionSelection(s) : this.setSelectedOptions(s), this.updateComplete.then(() => this.displayInput.focus({ preventScroll: !0 })), this.value !== i && (this.valueHasChanged = !0, this.updateComplete.then(() => {
-      this.emit("sl-input"), this.emit("sl-change");
-    })), this.multiple || (this.hide(), this.displayInput.focus({ preventScroll: !0 })));
-  }
-  //Lagt til nve-option
-  handleDefaultSlotChange() {
-    customElements.get("nve-option") || customElements.whenDefined("nve-option").then(() => this.handleDefaultSlotChange());
-    const e = this.getAllOptions(), t = this.valueHasChanged ? this.value : this.defaultValue, s = Array.isArray(t) ? t : [t];
-    this.setSelectedOptions(e.filter((i) => s.includes(i.value)));
-  }
-  //Lagt til nve-option
-  getAllOptions() {
-    return [...this.querySelectorAll("nve-option")];
-  }
-  // @ts-expect-error overskriver private method
-  getFirstOption() {
-    return this.querySelector("nve-option");
-  }
-};
-l.styles = [u.styles, c];
-o([
-  p()
-], l.prototype, "requiredLabel", 2);
-o([
-  p({ type: Boolean })
-], l.prototype, "hideCheckmark", 2);
-o([
-  p({ reflect: !0 })
-], l.prototype, "errorMessage", 2);
-o([
-  d()
-], l.prototype, "valueHasChanged", 2);
-l = o([
-  h("nve-select")
-], l);
-export {
-  l as default
-};
+import { t as e } from "../../chunks/nve-select.component.js";
+export { e as default };

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

@@ -1,5 +1,6 @@
-import { i as r } from "../../chunks/lit-element.js";
-const t = r`
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-select/nve-select.styles.ts
+var t = e`
   :host {
     --sl-input-required-content: '*Obligatorisk';
     --sl-input-required-content-offset: -2px;
@@ -82,7 +83,7 @@ const t = r`
   }
 
   .form-control--has-label .form-control__label {
-    margin-bottom: var(--spacing-x-small);
+    margin-bottom: var(--spacing-2x-small);
     font: var(--typography-label-small);
   }
 
@@ -96,6 +97,5 @@ const t = r`
     font-size: var(--font-size-medium);
   }
 `;
-export {
-  t as default
-};
+//#endregion
+export { t as default };

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

@@ -1,27 +1,2 @@
-import { n as i, t as m } from "../../chunks/property.js";
-import u from "./nve-skeleton.styles.js";
-import { s as n } from "../../chunks/chunk.XQ2OKYYA.js";
-import "../../chunks/chunk.4TUIT776.js";
-var _ = Object.defineProperty, a = Object.getOwnPropertyDescriptor, v = (f, t, o, r) => {
-  for (var e = r > 1 ? void 0 : r ? a(t, o) : t, l = f.length - 1, p; l >= 0; l--)
-    (p = f[l]) && (e = (r ? p(t, o, e) : p(e)) || e);
-  return r && e && _(t, o, e), e;
-};
-let s = class extends n {
-  constructor() {
-    super(), this.testId = void 0;
-  }
-};
-s.styles = [
-  n.styles,
-  u
-];
-v([
-  i({ reflect: !0, type: String })
-], s.prototype, "testId", 2);
-s = v([
-  m("nve-skeleton")
-], s);
-export {
-  s as default
-};
+import { t as e } from "../../chunks/nve-skeleton.component.js";
+export { e as default };

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

@@ -1,10 +1,10 @@
-import { i as r } from "../../chunks/lit-element.js";
-const s = r`
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-skeleton/nve-skeleton.styles.ts
+var t = e`
   :host {
     border-radius: var(--border-radius-pill);
     background: var(--color-shades-grey-200);
   }
 `;
-export {
-  s as default
-};
+//#endregion
+export { t as default };

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

@@ -1,31 +1,2 @@
-import { t as l } from "../../chunks/property.js";
-import { i as m } from "../../chunks/lit-element.js";
-import { s as a } from "../../chunks/chunk.EA437WHD.js";
-import "../../chunks/chunk.36O46B5H.js";
-import "../../chunks/chunk.6CTB5ZDJ.js";
-import "../../chunks/chunk.4TUIT776.js";
-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 t = class extends a {
-  constructor() {
-    super();
-  }
-};
-t.styles = [
-  a.styles,
-  // Import Shoelace styles after your custom styles
-  m`
-      .spinner__track {
-        stroke: transparent;
-      }
-    `
-];
-t = v([
-  l("nve-spinner")
-], t);
-export {
-  t as default
-};
+import { t as e } from "../../chunks/nve-spinner.component.js";
+export { e as default };