nve-designsystem 3.2.0 → 3.3.0

package/chunks/chunk.2PCBEMQZ.js

@@ -1,14 +1,12 @@
-import { i as g, x as p } from "./lit-element.js";
-import { f as _ } from "./chunk.SI4ACBFK.js";
-import { c as b, d as l, S as v } from "./chunk.4TUIT776.js";
-import { n } from "./property.js";
-import { r as f } from "./state.js";
-import { e as m } from "./query.js";
-import { F as C, c as x, a as R, v as V } from "./chunk.3RPBFEDE.js";
-import { H as w } from "./chunk.NYIIDP5N.js";
-import { w as y } from "./chunk.GMYPQTFK.js";
-import { e as A } from "./class-map.js";
-var k = g`
+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 { a as c, i as l, n as u, r as d, t as f } from "./chunk.SI4ACBFK.js";
+import { t as p } from "./chunk.NYIIDP5N.js";
+import { t as m } from "./chunk.GMYPQTFK.js";
+import { t as h } from "./class-map.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.B63YXDJO.js
+var g = t`
   :host {
     display: block;
   }
@@ -40,7 +38,7 @@ var k = g`
     white-space: nowrap;
     border: 0;
   }
-`, S = g`
+`, _ = t`
   :host {
     display: inline-block;
   }
@@ -49,38 +47,31 @@ var k = g`
     display: flex;
     flex-wrap: nowrap;
   }
-`, c = class extends v {
-  constructor() {
-    super(...arguments), this.disableRole = !1, this.label = "";
-  }
-  handleFocus(t) {
-    const e = h(t.target);
-    e?.toggleAttribute("data-sl-button-group__button--focus", !0);
-  }
-  handleBlur(t) {
-    const e = h(t.target);
-    e?.toggleAttribute("data-sl-button-group__button--focus", !1);
-  }
-  handleMouseOver(t) {
-    const e = h(t.target);
-    e?.toggleAttribute("data-sl-button-group__button--hover", !0);
-  }
-  handleMouseOut(t) {
-    const e = h(t.target);
-    e?.toggleAttribute("data-sl-button-group__button--hover", !1);
-  }
-  handleSlotChange() {
-    const t = [...this.defaultSlot.assignedElements({ flatten: !0 })];
-    t.forEach((e) => {
-      const o = t.indexOf(e), s = h(e);
-      s && (s.toggleAttribute("data-sl-button-group__button", !0), s.toggleAttribute("data-sl-button-group__button--first", o === 0), s.toggleAttribute("data-sl-button-group__button--inner", o > 0 && o < t.length - 1), s.toggleAttribute("data-sl-button-group__button--last", o === t.length - 1), s.toggleAttribute(
-        "data-sl-button-group__button--radio",
-        s.tagName.toLowerCase() === "sl-radio-button"
-      ));
-    });
-  }
-  render() {
-    return p`
+`, v = class extends s {
+	constructor() {
+		super(...arguments), this.disableRole = !1, this.label = "";
+	}
+	handleFocus(e) {
+		y(e.target)?.toggleAttribute("data-sl-button-group__button--focus", !0);
+	}
+	handleBlur(e) {
+		y(e.target)?.toggleAttribute("data-sl-button-group__button--focus", !1);
+	}
+	handleMouseOver(e) {
+		y(e.target)?.toggleAttribute("data-sl-button-group__button--hover", !0);
+	}
+	handleMouseOut(e) {
+		y(e.target)?.toggleAttribute("data-sl-button-group__button--hover", !1);
+	}
+	handleSlotChange() {
+		let e = [...this.defaultSlot.assignedElements({ flatten: !0 })];
+		e.forEach((t) => {
+			let n = e.indexOf(t), r = y(t);
+			r && (r.toggleAttribute("data-sl-button-group__button", !0), r.toggleAttribute("data-sl-button-group__button--first", n === 0), r.toggleAttribute("data-sl-button-group__button--inner", n > 0 && n < e.length - 1), r.toggleAttribute("data-sl-button-group__button--last", n === e.length - 1), r.toggleAttribute("data-sl-button-group__button--radio", r.tagName.toLowerCase() === "sl-radio-button"));
+		});
+	}
+	render() {
+		return e`
       <div
         part="base"
         class="button-group"
@@ -94,140 +85,122 @@ var k = g`
         <slot @slotchange=${this.handleSlotChange}></slot>
       </div>
     `;
-  }
+	}
 };
-c.styles = [b, S];
-l([
-  m("slot")
-], c.prototype, "defaultSlot", 2);
-l([
-  f()
-], c.prototype, "disableRole", 2);
-l([
-  n()
-], c.prototype, "label", 2);
-function h(t) {
-  var e;
-  const o = "sl-button, sl-radio-button";
-  return (e = t.closest(o)) != null ? e : t.querySelector(o);
+v.styles = [a, _], o([i("slot")], v.prototype, "defaultSlot", 2), o([n()], v.prototype, "disableRole", 2), o([r()], v.prototype, "label", 2);
+function y(e) {
+	let t = "sl-button, sl-radio-button";
+	return e.closest(t) ?? e.querySelector(t);
 }
-var i = class extends v {
-  constructor() {
-    super(...arguments), this.formControlController = new C(this), this.hasSlotController = new w(this, "help-text", "label"), this.customValidityMessage = "", this.hasButtonGroup = !1, this.errorMessage = "", this.defaultValue = "", this.label = "", this.helpText = "", this.name = "option", this.value = "", this.size = "medium", this.form = "", this.required = !1;
-  }
-  /** Gets the validity state object */
-  get validity() {
-    const t = this.required && !this.value;
-    return this.customValidityMessage !== "" ? x : t ? R : V;
-  }
-  /** Gets the validation message */
-  get validationMessage() {
-    const t = this.required && !this.value;
-    return this.customValidityMessage !== "" ? this.customValidityMessage : t ? this.validationInput.validationMessage : "";
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.defaultValue = this.value;
-  }
-  firstUpdated() {
-    this.formControlController.updateValidity();
-  }
-  getAllRadios() {
-    return [...this.querySelectorAll("sl-radio, sl-radio-button")];
-  }
-  handleRadioClick(t) {
-    const e = t.target.closest("sl-radio, sl-radio-button"), o = this.getAllRadios(), s = this.value;
-    !e || e.disabled || (this.value = e.value, o.forEach((a) => a.checked = a === e), this.value !== s && (this.emit("sl-change"), this.emit("sl-input")));
-  }
-  handleKeyDown(t) {
-    var e;
-    if (!["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", " "].includes(t.key))
-      return;
-    const o = this.getAllRadios().filter((u) => !u.disabled), s = (e = o.find((u) => u.checked)) != null ? e : o[0], a = t.key === " " ? 0 : ["ArrowUp", "ArrowLeft"].includes(t.key) ? -1 : 1, d = this.value;
-    let r = o.indexOf(s) + a;
-    r < 0 && (r = o.length - 1), r > o.length - 1 && (r = 0), this.getAllRadios().forEach((u) => {
-      u.checked = !1, this.hasButtonGroup || u.setAttribute("tabindex", "-1");
-    }), this.value = o[r].value, o[r].checked = !0, this.hasButtonGroup ? o[r].shadowRoot.querySelector("button").focus() : (o[r].setAttribute("tabindex", "0"), o[r].focus()), this.value !== d && (this.emit("sl-change"), this.emit("sl-input")), t.preventDefault();
-  }
-  handleLabelClick() {
-    this.focus();
-  }
-  handleInvalid(t) {
-    this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(t);
-  }
-  async syncRadioElements() {
-    var t, e;
-    const o = this.getAllRadios();
-    if (await Promise.all(
-      // Sync the checked state and size
-      o.map(async (s) => {
-        await s.updateComplete, s.checked = s.value === this.value, s.size = this.size;
-      })
-    ), this.hasButtonGroup = o.some((s) => s.tagName.toLowerCase() === "sl-radio-button"), o.length > 0 && !o.some((s) => s.checked))
-      if (this.hasButtonGroup) {
-        const s = (t = o[0].shadowRoot) == null ? void 0 : t.querySelector("button");
-        s && s.setAttribute("tabindex", "0");
-      } else
-        o[0].setAttribute("tabindex", "0");
-    if (this.hasButtonGroup) {
-      const s = (e = this.shadowRoot) == null ? void 0 : e.querySelector("sl-button-group");
-      s && (s.disableRole = !0);
-    }
-  }
-  syncRadios() {
-    if (customElements.get("sl-radio") && customElements.get("sl-radio-button")) {
-      this.syncRadioElements();
-      return;
-    }
-    customElements.get("sl-radio") ? this.syncRadioElements() : customElements.whenDefined("sl-radio").then(() => this.syncRadios()), customElements.get("sl-radio-button") ? this.syncRadioElements() : customElements.whenDefined("sl-radio-button").then(() => this.syncRadios());
-  }
-  updateCheckedRadio() {
-    this.getAllRadios().forEach((e) => e.checked = e.value === this.value), this.formControlController.setValidity(this.validity.valid);
-  }
-  handleSizeChange() {
-    this.syncRadios();
-  }
-  handleValueChange() {
-    this.hasUpdated && this.updateCheckedRadio();
-  }
-  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-  checkValidity() {
-    const t = this.required && !this.value, e = this.customValidityMessage !== "";
-    return t || e ? (this.formControlController.emitInvalidEvent(), !1) : !0;
-  }
-  /** 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() {
-    const t = this.validity.valid;
-    return this.errorMessage = this.customValidityMessage || t ? "" : this.validationInput.validationMessage, this.formControlController.setValidity(t), this.validationInput.hidden = !0, clearTimeout(this.validationTimeout), t || (this.validationInput.hidden = !1, this.validationInput.reportValidity(), this.validationTimeout = setTimeout(() => this.validationInput.hidden = !0, 1e4)), t;
-  }
-  /** Sets a custom validation message. Pass an empty string to restore validity. */
-  setCustomValidity(t = "") {
-    this.customValidityMessage = t, this.errorMessage = t, this.validationInput.setCustomValidity(t), this.formControlController.updateValidity();
-  }
-  /** Sets focus on the radio-group. */
-  focus(t) {
-    const e = this.getAllRadios(), o = e.find((d) => d.checked), s = e.find((d) => !d.disabled), a = o || s;
-    a && a.focus(t);
-  }
-  render() {
-    const t = this.hasSlotController.test("label"), e = this.hasSlotController.test("help-text"), o = this.label ? !0 : !!t, s = this.helpText ? !0 : !!e, a = p`
+//#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.ZJNIZFRS.js
+var b = class extends s {
+	constructor() {
+		super(...arguments), this.formControlController = new u(this), this.hasSlotController = new p(this, "help-text", "label"), this.customValidityMessage = "", this.hasButtonGroup = !1, this.errorMessage = "", this.defaultValue = "", this.label = "", this.helpText = "", this.name = "option", this.value = "", this.size = "medium", this.form = "", this.required = !1;
+	}
+	get validity() {
+		let e = this.required && !this.value;
+		return this.customValidityMessage === "" ? e ? c : l : d;
+	}
+	get validationMessage() {
+		let e = this.required && !this.value;
+		return this.customValidityMessage === "" ? e ? this.validationInput.validationMessage : "" : this.customValidityMessage;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.defaultValue = this.value;
+	}
+	firstUpdated() {
+		this.formControlController.updateValidity();
+	}
+	getAllRadios() {
+		return [...this.querySelectorAll("sl-radio, sl-radio-button")];
+	}
+	handleRadioClick(e) {
+		let t = e.target.closest("sl-radio, sl-radio-button"), n = this.getAllRadios(), r = this.value;
+		!t || t.disabled || (this.value = t.value, n.forEach((e) => e.checked = e === t), this.value !== r && (this.emit("sl-change"), this.emit("sl-input")));
+	}
+	handleKeyDown(e) {
+		if (![
+			"ArrowUp",
+			"ArrowDown",
+			"ArrowLeft",
+			"ArrowRight",
+			" "
+		].includes(e.key)) return;
+		let t = this.getAllRadios().filter((e) => !e.disabled), n = t.find((e) => e.checked) ?? t[0], r = e.key === " " ? 0 : ["ArrowUp", "ArrowLeft"].includes(e.key) ? -1 : 1, i = this.value, a = t.indexOf(n) + r;
+		a < 0 && (a = t.length - 1), a > t.length - 1 && (a = 0), this.getAllRadios().forEach((e) => {
+			e.checked = !1, this.hasButtonGroup || e.setAttribute("tabindex", "-1");
+		}), this.value = t[a].value, t[a].checked = !0, this.hasButtonGroup ? t[a].shadowRoot.querySelector("button").focus() : (t[a].setAttribute("tabindex", "0"), t[a].focus()), this.value !== i && (this.emit("sl-change"), this.emit("sl-input")), e.preventDefault();
+	}
+	handleLabelClick() {
+		this.focus();
+	}
+	handleInvalid(e) {
+		this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
+	}
+	async syncRadioElements() {
+		let e = this.getAllRadios();
+		if (await Promise.all(e.map(async (e) => {
+			await e.updateComplete, e.checked = e.value === this.value, e.size = this.size;
+		})), this.hasButtonGroup = e.some((e) => e.tagName.toLowerCase() === "sl-radio-button"), e.length > 0 && !e.some((e) => e.checked)) if (this.hasButtonGroup) {
+			let t = e[0].shadowRoot?.querySelector("button");
+			t && t.setAttribute("tabindex", "0");
+		} else e[0].setAttribute("tabindex", "0");
+		if (this.hasButtonGroup) {
+			let e = this.shadowRoot?.querySelector("sl-button-group");
+			e && (e.disableRole = !0);
+		}
+	}
+	syncRadios() {
+		if (customElements.get("sl-radio") && customElements.get("sl-radio-button")) {
+			this.syncRadioElements();
+			return;
+		}
+		customElements.get("sl-radio") ? this.syncRadioElements() : customElements.whenDefined("sl-radio").then(() => this.syncRadios()), customElements.get("sl-radio-button") ? this.syncRadioElements() : customElements.whenDefined("sl-radio-button").then(() => this.syncRadios());
+	}
+	updateCheckedRadio() {
+		this.getAllRadios().forEach((e) => e.checked = e.value === this.value), this.formControlController.setValidity(this.validity.valid);
+	}
+	handleSizeChange() {
+		this.syncRadios();
+	}
+	handleValueChange() {
+		this.hasUpdated && this.updateCheckedRadio();
+	}
+	checkValidity() {
+		let e = this.required && !this.value, t = this.customValidityMessage !== "";
+		return e || t ? (this.formControlController.emitInvalidEvent(), !1) : !0;
+	}
+	getForm() {
+		return this.formControlController.getForm();
+	}
+	reportValidity() {
+		let e = this.validity.valid;
+		return this.errorMessage = this.customValidityMessage || e ? "" : this.validationInput.validationMessage, this.formControlController.setValidity(e), this.validationInput.hidden = !0, clearTimeout(this.validationTimeout), e || (this.validationInput.hidden = !1, this.validationInput.reportValidity(), this.validationTimeout = setTimeout(() => this.validationInput.hidden = !0, 1e4)), e;
+	}
+	setCustomValidity(e = "") {
+		this.customValidityMessage = e, this.errorMessage = e, this.validationInput.setCustomValidity(e), this.formControlController.updateValidity();
+	}
+	focus(e) {
+		let t = this.getAllRadios(), n = t.find((e) => e.checked), r = t.find((e) => !e.disabled), i = n || r;
+		i && i.focus(e);
+	}
+	render() {
+		let t = this.hasSlotController.test("label"), n = this.hasSlotController.test("help-text"), r = this.label ? !0 : !!t, i = this.helpText ? !0 : !!n, a = e`
       <slot @slotchange=${this.syncRadios} @click=${this.handleRadioClick} @keydown=${this.handleKeyDown}></slot>
     `;
-    return p`
+		return e`
       <fieldset
         part="form-control"
-        class=${A({
-      "form-control": !0,
-      "form-control--small": this.size === "small",
-      "form-control--medium": this.size === "medium",
-      "form-control--large": this.size === "large",
-      "form-control--radio-group": !0,
-      "form-control--has-label": o,
-      "form-control--has-help-text": s
-    })}
+        class=${h({
+			"form-control": !0,
+			"form-control--small": this.size === "small",
+			"form-control--medium": this.size === "medium",
+			"form-control--large": this.size === "large",
+			"form-control--radio-group": !0,
+			"form-control--has-label": r,
+			"form-control--has-help-text": i
+		})}
         role="radiogroup"
         aria-labelledby="label"
         aria-describedby="help-text"
@@ -237,7 +210,7 @@ var i = class extends v {
           part="form-control-label"
           id="label"
           class="form-control__label"
-          aria-hidden=${o ? "false" : "true"}
+          aria-hidden=${r ? "false" : "true"}
           @click=${this.handleLabelClick}
         >
           <slot name="label">${this.label}</slot>
@@ -258,7 +231,7 @@ var i = class extends v {
             </label>
           </div>
 
-          ${this.hasButtonGroup ? p`
+          ${this.hasButtonGroup ? e`
                 <sl-button-group part="button-group" exportparts="base:button-group__base" role="presentation">
                   ${a}
                 </sl-button-group>
@@ -269,61 +242,25 @@ var i = class extends v {
           part="form-control-help-text"
           id="help-text"
           class="form-control__help-text"
-          aria-hidden=${s ? "false" : "true"}
+          aria-hidden=${i ? "false" : "true"}
         >
           <slot name="help-text">${this.helpText}</slot>
         </div>
       </fieldset>
     `;
-  }
-};
-i.styles = [b, _, k];
-i.dependencies = { "sl-button-group": c };
-l([
-  m("slot:not([name])")
-], i.prototype, "defaultSlot", 2);
-l([
-  m(".radio-group__validation-input")
-], i.prototype, "validationInput", 2);
-l([
-  f()
-], i.prototype, "hasButtonGroup", 2);
-l([
-  f()
-], i.prototype, "errorMessage", 2);
-l([
-  f()
-], i.prototype, "defaultValue", 2);
-l([
-  n()
-], i.prototype, "label", 2);
-l([
-  n({ attribute: "help-text" })
-], i.prototype, "helpText", 2);
-l([
-  n()
-], i.prototype, "name", 2);
-l([
-  n({ reflect: !0 })
-], i.prototype, "value", 2);
-l([
-  n({ reflect: !0 })
-], i.prototype, "size", 2);
-l([
-  n({ reflect: !0 })
-], i.prototype, "form", 2);
-l([
-  n({ type: Boolean, reflect: !0 })
-], i.prototype, "required", 2);
-l([
-  y("size", { waitUntilFirstUpdate: !0 })
-], i.prototype, "handleSizeChange", 1);
-l([
-  y("value")
-], i.prototype, "handleValueChange", 1);
-var L = i;
-i.define("sl-radio-group");
-export {
-  c as S,
-  L as r
+	}
 };
+b.styles = [
+	a,
+	f,
+	g
+], b.dependencies = { "sl-button-group": v }, o([i("slot:not([name])")], b.prototype, "defaultSlot", 2), o([i(".radio-group__validation-input")], b.prototype, "validationInput", 2), o([n()], b.prototype, "hasButtonGroup", 2), o([n()], b.prototype, "errorMessage", 2), o([n()], b.prototype, "defaultValue", 2), o([r()], b.prototype, "label", 2), o([r({ attribute: "help-text" })], b.prototype, "helpText", 2), o([r()], b.prototype, "name", 2), o([r({ reflect: !0 })], b.prototype, "value", 2), o([r({ reflect: !0 })], b.prototype, "size", 2), o([r({ reflect: !0 })], b.prototype, "form", 2), o([r({
+	type: Boolean,
+	reflect: !0
+})], b.prototype, "required", 2), o([m("size", { waitUntilFirstUpdate: !0 })], b.prototype, "handleSizeChange", 1), o([m("value")], b.prototype, "handleValueChange", 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.2PCBEMQZ.js
+var x = b;
+b.define("sl-radio-group");
+//#endregion
+export { v as n, x as t };

package/chunks/chunk.36O46B5H.js

@@ -1,7 +1,8 @@
-import { i as r, x as e } from "./lit-element.js";
-import { L as a } from "./chunk.6CTB5ZDJ.js";
-import { c as t, S as s } from "./chunk.4TUIT776.js";
-var i = r`
+import { a as e, u as t } from "./lit.js";
+import { n, t as r } from "./chunk.4TUIT776.js";
+import { t as i } from "./chunk.6CTB5ZDJ.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.7DUCI5S4.js
+var a = t`
   :host {
     --track-width: 2px;
     --track-color: rgb(128 128 128 / 25%);
@@ -58,20 +59,19 @@ var i = r`
       stroke-dasharray: 0.05em, 3em;
     }
   }
-`, o = class extends s {
-  constructor() {
-    super(...arguments), this.localize = new a(this);
-  }
-  render() {
-    return e`
+`, o = class extends r {
+	constructor() {
+		super(...arguments), this.localize = new i(this);
+	}
+	render() {
+		return e`
       <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
         <circle class="spinner__track"></circle>
         <circle class="spinner__indicator"></circle>
       </svg>
     `;
-  }
-};
-o.styles = [t, i];
-export {
-  o as S
+	}
 };
+o.styles = [n, a];
+//#endregion
+export { o as t };