nve-designsystem 3.1.0 → 3.3.0

package/chunks/chunk.6CTB5ZDJ.js

@@ -1,104 +1,111 @@
-const i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Map();
-let s, c = "ltr", d = "en";
-const g = typeof MutationObserver < "u" && typeof document < "u" && typeof document.documentElement < "u";
-if (g) {
-  const o = new MutationObserver(f);
-  c = document.documentElement.dir || "ltr", d = document.documentElement.lang || navigator.language, o.observe(document.documentElement, {
-    attributes: !0,
-    attributeFilter: ["dir", "lang"]
-  });
+//#region .pnpm/@shoelace-style+localize@3.2.2/node_modules/@shoelace-style/localize/dist/index.js
+var e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Map(), n, r = "ltr", i = "en", a = typeof MutationObserver < "u" && typeof document < "u" && document.documentElement !== void 0;
+if (a) {
+	let e = new MutationObserver(s);
+	r = document.documentElement.dir || "ltr", i = document.documentElement.lang || navigator.language, e.observe(document.documentElement, {
+		attributes: !0,
+		attributeFilter: ["dir", "lang"]
+	});
 }
-function m(...o) {
-  o.map((e) => {
-    const t = e.$code.toLowerCase();
-    a.has(t) ? a.set(t, Object.assign(Object.assign({}, a.get(t)), e)) : a.set(t, e), s || (s = e);
-  }), f();
+function o(...e) {
+	e.map((e) => {
+		let r = e.$code.toLowerCase();
+		t.has(r) ? t.set(r, Object.assign(Object.assign({}, t.get(r)), e)) : t.set(r, e), n ||= e;
+	}), s();
 }
-function f() {
-  g && (c = document.documentElement.dir || "ltr", d = document.documentElement.lang || navigator.language), [...i.keys()].map((o) => {
-    typeof o.requestUpdate == "function" && o.requestUpdate();
-  });
+function s() {
+	a && (r = document.documentElement.dir || "ltr", i = document.documentElement.lang || navigator.language), [...e.keys()].map((e) => {
+		typeof e.requestUpdate == "function" && e.requestUpdate();
+	});
 }
-let w = class {
-  constructor(e) {
-    this.host = e, this.host.addController(this);
-  }
-  hostConnected() {
-    i.add(this.host);
-  }
-  hostDisconnected() {
-    i.delete(this.host);
-  }
-  dir() {
-    return `${this.host.dir || c}`.toLowerCase();
-  }
-  lang() {
-    return `${this.host.lang || d}`.toLowerCase();
-  }
-  getTranslationData(e) {
-    var t, r;
-    const n = new Intl.Locale(e.replace(/_/g, "-")), l = n?.language.toLowerCase(), u = (r = (t = n?.region) === null || t === void 0 ? void 0 : t.toLowerCase()) !== null && r !== void 0 ? r : "", v = a.get(`${l}-${u}`), p = a.get(l);
-    return { locale: n, language: l, region: u, primary: v, secondary: p };
-  }
-  exists(e, t) {
-    var r;
-    const { primary: n, secondary: l } = this.getTranslationData((r = t.lang) !== null && r !== void 0 ? r : this.lang());
-    return t = Object.assign({ includeFallback: !1 }, t), !!(n && n[e] || l && l[e] || t.includeFallback && s && s[e]);
-  }
-  term(e, ...t) {
-    const { primary: r, secondary: n } = this.getTranslationData(this.lang());
-    let l;
-    if (r && r[e])
-      l = r[e];
-    else if (n && n[e])
-      l = n[e];
-    else if (s && s[e])
-      l = s[e];
-    else
-      return console.error(`No translation found for: ${String(e)}`), String(e);
-    return typeof l == "function" ? l(...t) : l;
-  }
-  date(e, t) {
-    return e = new Date(e), new Intl.DateTimeFormat(this.lang(), t).format(e);
-  }
-  number(e, t) {
-    return e = Number(e), isNaN(e) ? "" : new Intl.NumberFormat(this.lang(), t).format(e);
-  }
-  relativeTime(e, t, r) {
-    return new Intl.RelativeTimeFormat(this.lang(), r).format(e, t);
-  }
-};
-var h = {
-  $code: "en",
-  $name: "English",
-  $dir: "ltr",
-  carousel: "Carousel",
-  clearEntry: "Clear entry",
-  close: "Close",
-  copied: "Copied",
-  copy: "Copy",
-  currentValue: "Current value",
-  error: "Error",
-  goToSlide: (o, e) => `Go to slide ${o} of ${e}`,
-  hidePassword: "Hide password",
-  loading: "Loading",
-  nextSlide: "Next slide",
-  numOptionsSelected: (o) => o === 0 ? "No options selected" : o === 1 ? "1 option selected" : `${o} options selected`,
-  previousSlide: "Previous slide",
-  progress: "Progress",
-  remove: "Remove",
-  resize: "Resize",
-  scrollToEnd: "Scroll to end",
-  scrollToStart: "Scroll to start",
-  selectAColorFromTheScreen: "Select a color from the screen",
-  showPassword: "Show password",
-  slideNum: (o) => `Slide ${o}`,
-  toggleColorFormat: "Toggle color format"
-};
-m(h);
-var C = h, $ = class extends w {
-};
-m(C);
-export {
-  $ as L
+var c = class {
+	constructor(e) {
+		this.host = e, this.host.addController(this);
+	}
+	hostConnected() {
+		e.add(this.host);
+	}
+	hostDisconnected() {
+		e.delete(this.host);
+	}
+	dir() {
+		return `${this.host.dir || r}`.toLowerCase();
+	}
+	lang() {
+		return `${this.host.lang || i}`.toLowerCase();
+	}
+	getTranslationData(e) {
+		let n;
+		try {
+			n = new Intl.Locale(e.replace(/_/g, "-"));
+		} catch {
+			return {
+				locale: void 0,
+				language: "",
+				region: "",
+				primary: void 0,
+				secondary: void 0
+			};
+		}
+		let r = n.language.toLowerCase(), i = n.region?.toLowerCase() ?? "", a = t.get(`${r}-${i}`), o = t.get(r);
+		return {
+			locale: n,
+			language: r,
+			region: i,
+			primary: a,
+			secondary: o
+		};
+	}
+	exists(e, t) {
+		let { primary: r, secondary: i } = this.getTranslationData(t.lang ?? this.lang());
+		return t = Object.assign({ includeFallback: !1 }, t), !!(r && r[e] || i && i[e] || t.includeFallback && n && n[e]);
+	}
+	term(e, ...t) {
+		let { primary: r, secondary: i } = this.getTranslationData(this.lang()), a;
+		if (r && r[e]) a = r[e];
+		else if (i && i[e]) a = i[e];
+		else if (n && n[e]) a = n[e];
+		else return console.error(`No translation found for: ${String(e)}`), String(e);
+		return typeof a == "function" ? a(...t) : a;
+	}
+	date(e, t) {
+		return e = new Date(e), new Intl.DateTimeFormat(this.lang(), t).format(e);
+	}
+	number(e, t) {
+		return e = Number(e), isNaN(e) ? "" : new Intl.NumberFormat(this.lang(), t).format(e);
+	}
+	relativeTime(e, t, n) {
+		return new Intl.RelativeTimeFormat(this.lang(), n).format(e, t);
+	}
+}, l = {
+	$code: "en",
+	$name: "English",
+	$dir: "ltr",
+	carousel: "Carousel",
+	clearEntry: "Clear entry",
+	close: "Close",
+	copied: "Copied",
+	copy: "Copy",
+	currentValue: "Current value",
+	error: "Error",
+	goToSlide: (e, t) => `Go to slide ${e} of ${t}`,
+	hidePassword: "Hide password",
+	loading: "Loading",
+	nextSlide: "Next slide",
+	numOptionsSelected: (e) => e === 0 ? "No options selected" : e === 1 ? "1 option selected" : `${e} options selected`,
+	previousSlide: "Previous slide",
+	progress: "Progress",
+	remove: "Remove",
+	resize: "Resize",
+	scrollToEnd: "Scroll to end",
+	scrollToStart: "Scroll to start",
+	selectAColorFromTheScreen: "Select a color from the screen",
+	showPassword: "Show password",
+	slideNum: (e) => `Slide ${e}`,
+	toggleColorFormat: "Toggle color format"
 };
+o(l);
+var u = l, d = class extends c {};
+o(u);
+//#endregion
+export { d as t };

package/chunks/chunk.B4BZKR24.js

@@ -1,45 +1,35 @@
-import { _ as a, a as o } from "./chunk.4TUIT776.js";
-function m(e, t, n) {
-  return new Promise((r) => {
-    if (n?.duration === 1 / 0)
-      throw new Error("Promise-based animations must be finite.");
-    const i = e.animate(t, a(o({}, n), {
-      duration: s() ? 0 : n.duration
-    }));
-    i.addEventListener("cancel", r, { once: !0 }), i.addEventListener("finish", r, { once: !0 });
-  });
+import { a as e, i as t } from "./chunk.4TUIT776.js";
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.AJ3ENQ5C.js
+function n(n, r, a) {
+	return new Promise((o) => {
+		if (a?.duration === Infinity) throw Error("Promise-based animations must be finite.");
+		let s = n.animate(r, t(e({}, a), { duration: i() ? 0 : a.duration }));
+		s.addEventListener("cancel", o, { once: !0 }), s.addEventListener("finish", o, { once: !0 });
+	});
 }
-function c(e) {
-  return e = e.toString().toLowerCase(), e.indexOf("ms") > -1 ? parseFloat(e) : e.indexOf("s") > -1 ? parseFloat(e) * 1e3 : parseFloat(e);
+function r(e) {
+	return e = e.toString().toLowerCase(), e.indexOf("ms") > -1 ? parseFloat(e) : e.indexOf("s") > -1 ? parseFloat(e) * 1e3 : parseFloat(e);
 }
-function s() {
-  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function i() {
+	return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function f(e) {
-  return Promise.all(
-    e.getAnimations().map((t) => new Promise((n) => {
-      t.cancel(), requestAnimationFrame(n);
-    }))
-  );
+function a(e) {
+	return Promise.all(e.getAnimations().map((e) => new Promise((t) => {
+		e.cancel(), requestAnimationFrame(t);
+	})));
 }
-function d(e, t) {
-  return e.map((n) => a(o({}, n), {
-    height: n.height === "auto" ? `${t}px` : n.height
-  }));
+function o(n, r) {
+	return n.map((n) => t(e({}, n), { height: n.height === "auto" ? `${r}px` : n.height }));
 }
-function p(e, t) {
-  return new Promise((n) => {
-    function r(i) {
-      i.target === e && (e.removeEventListener(t, r), n());
-    }
-    e.addEventListener(t, r);
-  });
+//#endregion
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.B4BZKR24.js
+function s(e, t) {
+	return new Promise((n) => {
+		function r(i) {
+			i.target === e && (e.removeEventListener(t, r), n());
+		}
+		e.addEventListener(t, r);
+	});
 }
-export {
-  m as a,
-  s as b,
-  d as c,
-  c as p,
-  f as s,
-  p as w
-};
+//#endregion
+export { o as a, i, n, a as o, r, s as t };

package/chunks/chunk.D5YQDJ7X.js

@@ -1,18 +1,16 @@
-import { i as n, x as l } from "./lit-element.js";
-import { d as h } from "./chunk.GI7VDIWX.js";
-import { f as d } from "./chunk.SI4ACBFK.js";
-import { F as u } from "./chunk.3RPBFEDE.js";
-import { H as p } from "./chunk.NYIIDP5N.js";
-import { S as m } from "./chunk.YHLNUJ7P.js";
-import { w as a } from "./chunk.GMYPQTFK.js";
-import { c as b, d as t, S as k } from "./chunk.4TUIT776.js";
-import { e as c } from "./class-map.js";
-import { o as f } from "./if-defined.js";
-import { l as s } from "./live.js";
-import { n as i } from "./property.js";
-import { r as x } from "./state.js";
-import { e as v } from "./query.js";
-var g = n`
+import { a as e, u as t } from "./lit.js";
+import { a as n, o as r, r as i } from "./decorate.js";
+import { n as a, r as o, t as s } from "./chunk.4TUIT776.js";
+import { n as c, t as l } from "./chunk.SI4ACBFK.js";
+import { t as u } from "./chunk.GI7VDIWX.js";
+import { t as d } from "./chunk.NYIIDP5N.js";
+import { t as f } from "./chunk.YHLNUJ7P.js";
+import { t as p } from "./chunk.GMYPQTFK.js";
+import { t as m } from "./class-map.js";
+import { t as h } from "./if-defined.js";
+import { t as g } from "./live.js";
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.R3NF57O3.js
+var _ = t`
   :host {
     display: inline-block;
   }
@@ -130,110 +128,98 @@ var g = n`
     color: var(--sl-input-required-content-color);
     margin-inline-start: var(--sl-input-required-content-offset);
   }
-`, e = class extends k {
-  constructor() {
-    super(...arguments), this.formControlController = new u(this, {
-      value: (o) => o.checked ? o.value || "on" : void 0,
-      defaultValue: (o) => o.defaultChecked,
-      setValue: (o, r) => o.checked = r
-    }), this.hasSlotController = new p(this, "help-text"), this.hasFocus = !1, this.title = "", this.name = "", this.size = "medium", this.disabled = !1, this.checked = !1, this.indeterminate = !1, this.defaultChecked = !1, this.form = "", this.required = !1, this.helpText = "";
-  }
-  /** Gets the validity state object */
-  get validity() {
-    return this.input.validity;
-  }
-  /** Gets the validation message */
-  get validationMessage() {
-    return this.input.validationMessage;
-  }
-  firstUpdated() {
-    this.formControlController.updateValidity();
-  }
-  handleClick() {
-    this.checked = !this.checked, this.indeterminate = !1, this.emit("sl-change");
-  }
-  handleBlur() {
-    this.hasFocus = !1, this.emit("sl-blur");
-  }
-  handleInput() {
-    this.emit("sl-input");
-  }
-  handleInvalid(o) {
-    this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(o);
-  }
-  handleFocus() {
-    this.hasFocus = !0, this.emit("sl-focus");
-  }
-  handleDisabledChange() {
-    this.formControlController.setValidity(this.disabled);
-  }
-  handleStateChange() {
-    this.input.checked = this.checked, this.input.indeterminate = this.indeterminate, this.formControlController.updateValidity();
-  }
-  /** Simulates a click on the checkbox. */
-  click() {
-    this.input.click();
-  }
-  /** Sets focus on the checkbox. */
-  focus(o) {
-    this.input.focus(o);
-  }
-  /** Removes focus from the checkbox. */
-  blur() {
-    this.input.blur();
-  }
-  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-  checkValidity() {
-    return this.input.checkValidity();
-  }
-  /** Gets the associated form, if one exists. */
-  getForm() {
-    return this.formControlController.getForm();
-  }
-  /** Checks for validity and shows the browser's validation message if the control is invalid. */
-  reportValidity() {
-    return this.input.reportValidity();
-  }
-  /**
-   * Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
-   * the custom validation message, call this method with an empty string.
-   */
-  setCustomValidity(o) {
-    this.input.setCustomValidity(o), this.formControlController.updateValidity();
-  }
-  render() {
-    const o = this.hasSlotController.test("help-text"), r = this.helpText ? !0 : !!o;
-    return l`
+`, v = class extends s {
+	constructor() {
+		super(...arguments), this.formControlController = new c(this, {
+			value: (e) => e.checked ? e.value || "on" : void 0,
+			defaultValue: (e) => e.defaultChecked,
+			setValue: (e, t) => e.checked = t
+		}), this.hasSlotController = new d(this, "help-text"), this.hasFocus = !1, this.title = "", this.name = "", this.size = "medium", this.disabled = !1, this.checked = !1, this.indeterminate = !1, this.defaultChecked = !1, this.form = "", this.required = !1, this.helpText = "";
+	}
+	get validity() {
+		return this.input.validity;
+	}
+	get validationMessage() {
+		return this.input.validationMessage;
+	}
+	firstUpdated() {
+		this.formControlController.updateValidity();
+	}
+	handleClick() {
+		this.checked = !this.checked, this.indeterminate = !1, this.emit("sl-change");
+	}
+	handleBlur() {
+		this.hasFocus = !1, this.emit("sl-blur");
+	}
+	handleInput() {
+		this.emit("sl-input");
+	}
+	handleInvalid(e) {
+		this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
+	}
+	handleFocus() {
+		this.hasFocus = !0, this.emit("sl-focus");
+	}
+	handleDisabledChange() {
+		this.formControlController.setValidity(this.disabled);
+	}
+	handleStateChange() {
+		this.input.checked = this.checked, this.input.indeterminate = this.indeterminate, this.formControlController.updateValidity();
+	}
+	click() {
+		this.input.click();
+	}
+	focus(e) {
+		this.input.focus(e);
+	}
+	blur() {
+		this.input.blur();
+	}
+	checkValidity() {
+		return this.input.checkValidity();
+	}
+	getForm() {
+		return this.formControlController.getForm();
+	}
+	reportValidity() {
+		return this.input.reportValidity();
+	}
+	setCustomValidity(e) {
+		this.input.setCustomValidity(e), this.formControlController.updateValidity();
+	}
+	render() {
+		let t = this.hasSlotController.test("help-text"), n = this.helpText ? !0 : !!t;
+		return e`
       <div
-        class=${c({
-      "form-control": !0,
-      "form-control--small": this.size === "small",
-      "form-control--medium": this.size === "medium",
-      "form-control--large": this.size === "large",
-      "form-control--has-help-text": r
-    })}
+        class=${m({
+			"form-control": !0,
+			"form-control--small": this.size === "small",
+			"form-control--medium": this.size === "medium",
+			"form-control--large": this.size === "large",
+			"form-control--has-help-text": n
+		})}
       >
         <label
           part="base"
-          class=${c({
-      checkbox: !0,
-      "checkbox--checked": this.checked,
-      "checkbox--disabled": this.disabled,
-      "checkbox--focused": this.hasFocus,
-      "checkbox--indeterminate": this.indeterminate,
-      "checkbox--small": this.size === "small",
-      "checkbox--medium": this.size === "medium",
-      "checkbox--large": this.size === "large"
-    })}
+          class=${m({
+			checkbox: !0,
+			"checkbox--checked": this.checked,
+			"checkbox--disabled": this.disabled,
+			"checkbox--focused": this.hasFocus,
+			"checkbox--indeterminate": this.indeterminate,
+			"checkbox--small": this.size === "small",
+			"checkbox--medium": this.size === "medium",
+			"checkbox--large": this.size === "large"
+		})}
         >
           <input
             class="checkbox__input"
             type="checkbox"
             title=${this.title}
             name=${this.name}
-            value=${f(this.value)}
-            .indeterminate=${s(this.indeterminate)}
-            .checked=${s(this.checked)}
+            value=${h(this.value)}
+            .indeterminate=${g(this.indeterminate)}
+            .checked=${g(this.checked)}
             .disabled=${this.disabled}
             .required=${this.required}
             aria-checked=${this.checked ? "true" : "false"}
@@ -249,10 +235,10 @@ var g = n`
             part="control${this.checked ? " control--checked" : ""}${this.indeterminate ? " control--indeterminate" : ""}"
             class="checkbox__control"
           >
-            ${this.checked ? l`
+            ${this.checked ? e`
                   <sl-icon part="checked-icon" class="checkbox__checked-icon" library="system" name="check"></sl-icon>
                 ` : ""}
-            ${!this.checked && this.indeterminate ? l`
+            ${!this.checked && this.indeterminate ? e`
                   <sl-icon
                     part="indeterminate-icon"
                     class="checkbox__indeterminate-icon"
@@ -268,7 +254,7 @@ var g = n`
         </label>
 
         <div
-          aria-hidden=${r ? "false" : "true"}
+          aria-hidden=${n ? "false" : "true"}
           class="form-control__help-text"
           id="help-text"
           part="form-control-help-text"
@@ -277,58 +263,28 @@ var g = n`
         </div>
       </div>
     `;
-  }
-};
-e.styles = [b, d, g];
-e.dependencies = { "sl-icon": m };
-t([
-  v('input[type="checkbox"]')
-], e.prototype, "input", 2);
-t([
-  x()
-], e.prototype, "hasFocus", 2);
-t([
-  i()
-], e.prototype, "title", 2);
-t([
-  i()
-], e.prototype, "name", 2);
-t([
-  i()
-], e.prototype, "value", 2);
-t([
-  i({ reflect: !0 })
-], e.prototype, "size", 2);
-t([
-  i({ type: Boolean, reflect: !0 })
-], e.prototype, "disabled", 2);
-t([
-  i({ type: Boolean, reflect: !0 })
-], e.prototype, "checked", 2);
-t([
-  i({ type: Boolean, reflect: !0 })
-], e.prototype, "indeterminate", 2);
-t([
-  h("checked")
-], e.prototype, "defaultChecked", 2);
-t([
-  i({ reflect: !0 })
-], e.prototype, "form", 2);
-t([
-  i({ type: Boolean, reflect: !0 })
-], e.prototype, "required", 2);
-t([
-  i({ attribute: "help-text" })
-], e.prototype, "helpText", 2);
-t([
-  a("disabled", { waitUntilFirstUpdate: !0 })
-], e.prototype, "handleDisabledChange", 1);
-t([
-  a(["checked", "indeterminate"], { waitUntilFirstUpdate: !0 })
-], e.prototype, "handleStateChange", 1);
-var U = e;
-e.define("sl-checkbox");
-export {
-  e as S,
-  U as c
+	}
 };
+v.styles = [
+	a,
+	l,
+	_
+], v.dependencies = { "sl-icon": f }, o([i("input[type=\"checkbox\"]")], v.prototype, "input", 2), o([n()], v.prototype, "hasFocus", 2), o([r()], v.prototype, "title", 2), o([r()], v.prototype, "name", 2), o([r()], v.prototype, "value", 2), o([r({ reflect: !0 })], v.prototype, "size", 2), o([r({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "disabled", 2), o([r({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "checked", 2), o([r({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "indeterminate", 2), o([u("checked")], v.prototype, "defaultChecked", 2), o([r({ reflect: !0 })], v.prototype, "form", 2), o([r({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "required", 2), o([r({ attribute: "help-text" })], v.prototype, "helpText", 2), o([p("disabled", { waitUntilFirstUpdate: !0 })], v.prototype, "handleDisabledChange", 1), o([p(["checked", "indeterminate"], { waitUntilFirstUpdate: !0 })], v.prototype, "handleStateChange", 1);
+//#endregion
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.D5YQDJ7X.js
+var y = v;
+v.define("sl-checkbox");
+//#endregion
+export { v as n, y as t };

package/chunks/chunk.EA437WHD.js

@@ -1,6 +1,6 @@
-import { S as e } from "./chunk.36O46B5H.js";
-var r = e;
+import { t as e } from "./chunk.36O46B5H.js";
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.EA437WHD.js
+var t = e;
 e.define("sl-spinner");
-export {
-  r as s
-};
+//#endregion
+export { t };