nve-designsystem 3.1.0 → 3.3.0

package/chunks/chunk.TP2GB2HO.js

@@ -1,21 +1,19 @@
-import { i as _, x as p } from "./lit-element.js";
-import { S as O, s as S } from "./chunk.RWUUFNUL.js";
-import { L as x } from "./chunk.6CTB5ZDJ.js";
-import { c as w, d as l, S as C } from "./chunk.4TUIT776.js";
-import { e as m } from "./class-map.js";
-import { n as o } from "./property.js";
-import { f as z } from "./chunk.SI4ACBFK.js";
-import { S as $ } from "./chunk.5JY5FUCG.js";
-import { F as D } from "./chunk.3RPBFEDE.js";
-import { s as k, g as b } from "./chunk.K7JGTRV7.js";
-import { s as f, a as v, w as y } from "./chunk.B4BZKR24.js";
-import { H as I } from "./chunk.NYIIDP5N.js";
-import { S as T } from "./chunk.YHLNUJ7P.js";
-import { w as g } from "./chunk.GMYPQTFK.js";
-import { r as h } from "./state.js";
-import { e as u } from "./query.js";
-import { o as L } from "./unsafe-html.js";
-var V = _`
+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.NYIIDP5N.js";
+import { t as d } from "./chunk.YHLNUJ7P.js";
+import { t as f } from "./chunk.GMYPQTFK.js";
+import { t as p } from "./class-map.js";
+import { t as m } from "./chunk.6CTB5ZDJ.js";
+import { n as h, t as g } from "./chunk.K7JGTRV7.js";
+import { n as _, o as v, t as y } from "./chunk.B4BZKR24.js";
+import { t as b } from "./chunk.5JY5FUCG.js";
+import { i as x, n as S } from "./chunk.RWUUFNUL.js";
+import { t as C } from "./unsafe-html.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.V2OL7VMD.js
+var w = t`
   :host {
     display: inline-block;
   }
@@ -128,38 +126,35 @@ var V = _`
   .tag--pill {
     border-radius: var(--sl-border-radius-pill);
   }
-`, d = class extends C {
-  constructor() {
-    super(...arguments), this.localize = new x(this), this.variant = "neutral", this.size = "medium", this.pill = !1, this.removable = !1;
-  }
-  handleRemoveClick() {
-    this.emit("sl-remove");
-  }
-  render() {
-    return p`
+`, T = class extends s {
+	constructor() {
+		super(...arguments), this.localize = new m(this), this.variant = "neutral", this.size = "medium", this.pill = !1, this.removable = !1;
+	}
+	handleRemoveClick() {
+		this.emit("sl-remove");
+	}
+	render() {
+		return e`
       <span
         part="base"
-        class=${m({
-      tag: !0,
-      // Types
-      "tag--primary": this.variant === "primary",
-      "tag--success": this.variant === "success",
-      "tag--neutral": this.variant === "neutral",
-      "tag--warning": this.variant === "warning",
-      "tag--danger": this.variant === "danger",
-      "tag--text": this.variant === "text",
-      // Sizes
-      "tag--small": this.size === "small",
-      "tag--medium": this.size === "medium",
-      "tag--large": this.size === "large",
-      // Modifiers
-      "tag--pill": this.pill,
-      "tag--removable": this.removable
-    })}
+        class=${p({
+			tag: !0,
+			"tag--primary": this.variant === "primary",
+			"tag--success": this.variant === "success",
+			"tag--neutral": this.variant === "neutral",
+			"tag--warning": this.variant === "warning",
+			"tag--danger": this.variant === "danger",
+			"tag--text": this.variant === "text",
+			"tag--small": this.size === "small",
+			"tag--medium": this.size === "medium",
+			"tag--large": this.size === "large",
+			"tag--pill": this.pill,
+			"tag--removable": this.removable
+		})}
       >
         <slot part="content" class="tag__content"></slot>
 
-        ${this.removable ? p`
+        ${this.removable ? e`
               <sl-icon-button
                 part="remove-button"
                 exportparts="base:remove-button__base"
@@ -173,23 +168,15 @@ var V = _`
             ` : ""}
       </span>
     `;
-  }
+	}
 };
-d.styles = [w, V];
-d.dependencies = { "sl-icon-button": O };
-l([
-  o({ reflect: !0 })
-], d.prototype, "variant", 2);
-l([
-  o({ reflect: !0 })
-], d.prototype, "size", 2);
-l([
-  o({ type: Boolean, reflect: !0 })
-], d.prototype, "pill", 2);
-l([
-  o({ type: Boolean })
-], d.prototype, "removable", 2);
-var A = _`
+T.styles = [a, w], T.dependencies = { "sl-icon-button": x }, o([r({ reflect: !0 })], T.prototype, "variant", 2), o([r({ reflect: !0 })], T.prototype, "size", 2), o([r({
+	type: Boolean,
+	reflect: !0
+})], T.prototype, "pill", 2), o([r({ type: Boolean })], T.prototype, "removable", 2);
+//#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.XNOUITPX.js
+var E = t`
   :host {
     display: block;
   }
@@ -531,11 +518,9 @@ var A = _`
     padding-block: var(--sl-spacing-2x-small);
     padding-inline: var(--sl-spacing-x-large);
   }
-`, s = class extends C {
-  constructor() {
-    super(...arguments), this.formControlController = new D(this, {
-      assumeInteractionOn: ["sl-blur", "sl-input"]
-    }), this.hasSlotController = new I(this, "help-text", "label"), this.localize = new x(this), this.typeToSelectString = "", this.hasFocus = !1, this.displayLabel = "", this.selectedOptions = [], this.valueHasChanged = !1, this.name = "", this._value = "", this.defaultValue = "", this.size = "medium", this.placeholder = "", this.multiple = !1, this.maxOptionsVisible = 3, this.disabled = !1, this.clearable = !1, this.open = !1, this.hoist = !1, this.filled = !1, this.pill = !1, this.label = "", this.placement = "bottom", this.helpText = "", this.form = "", this.required = !1, this.getTag = (e) => p`
+`, D = class extends s {
+	constructor() {
+		super(...arguments), this.formControlController = new c(this, { assumeInteractionOn: ["sl-blur", "sl-input"] }), this.hasSlotController = new u(this, "help-text", "label"), this.localize = new m(this), this.typeToSelectString = "", this.hasFocus = !1, this.displayLabel = "", this.selectedOptions = [], this.valueHasChanged = !1, this.name = "", this._value = "", this.defaultValue = "", this.size = "medium", this.placeholder = "", this.multiple = !1, this.maxOptionsVisible = 3, this.disabled = !1, this.clearable = !1, this.open = !1, this.hoist = !1, this.filled = !1, this.pill = !1, this.label = "", this.placement = "bottom", this.helpText = "", this.form = "", this.required = !1, this.getTag = (t) => e`
       <sl-tag
         part="tag"
         exportparts="
@@ -547,270 +532,248 @@ var A = _`
         ?pill=${this.pill}
         size=${this.size}
         removable
-        @sl-remove=${(t) => this.handleTagRemove(t, e)}
+        @sl-remove=${(e) => this.handleTagRemove(e, t)}
       >
-        ${e.getTextLabel()}
+        ${t.getTextLabel()}
       </sl-tag>
     `, this.handleDocumentFocusIn = (e) => {
-      const t = e.composedPath();
-      this && !t.includes(this) && this.hide();
-    }, this.handleDocumentKeyDown = (e) => {
-      const t = e.target, i = t.closest(".select__clear") !== null, a = t.closest("sl-icon-button") !== null;
-      if (!(i || a)) {
-        if (e.key === "Escape" && this.open && !this.closeWatcher && (e.preventDefault(), e.stopPropagation(), this.hide(), this.displayInput.focus({ preventScroll: !0 })), e.key === "Enter" || e.key === " " && this.typeToSelectString === "") {
-          if (e.preventDefault(), e.stopImmediatePropagation(), !this.open) {
-            this.show();
-            return;
-          }
-          this.currentOption && !this.currentOption.disabled && (this.valueHasChanged = !0, this.multiple ? this.toggleOptionSelection(this.currentOption) : this.setSelectedOptions(this.currentOption), this.updateComplete.then(() => {
-            this.emit("sl-input"), this.emit("sl-change");
-          }), this.multiple || (this.hide(), this.displayInput.focus({ preventScroll: !0 })));
-          return;
-        }
-        if (["ArrowUp", "ArrowDown", "Home", "End"].includes(e.key)) {
-          const n = this.getAllOptions(), r = n.indexOf(this.currentOption);
-          let c = Math.max(0, r);
-          if (e.preventDefault(), !this.open && (this.show(), this.currentOption))
-            return;
-          e.key === "ArrowDown" ? (c = r + 1, c > n.length - 1 && (c = 0)) : e.key === "ArrowUp" ? (c = r - 1, c < 0 && (c = n.length - 1)) : e.key === "Home" ? c = 0 : e.key === "End" && (c = n.length - 1), this.setCurrentOption(n[c]);
-        }
-        if (e.key && e.key.length === 1 || e.key === "Backspace") {
-          const n = this.getAllOptions();
-          if (e.metaKey || e.ctrlKey || e.altKey)
-            return;
-          if (!this.open) {
-            if (e.key === "Backspace")
-              return;
-            this.show();
-          }
-          e.stopPropagation(), e.preventDefault(), clearTimeout(this.typeToSelectTimeout), this.typeToSelectTimeout = window.setTimeout(() => this.typeToSelectString = "", 1e3), e.key === "Backspace" ? this.typeToSelectString = this.typeToSelectString.slice(0, -1) : this.typeToSelectString += e.key.toLowerCase();
-          for (const r of n)
-            if (r.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)) {
-              this.setCurrentOption(r);
-              break;
-            }
-        }
-      }
-    }, this.handleDocumentMouseDown = (e) => {
-      const t = e.composedPath();
-      this && !t.includes(this) && this.hide();
-    };
-  }
-  get value() {
-    return this._value;
-  }
-  set value(e) {
-    this.multiple ? e = Array.isArray(e) ? e : e.split(" ") : e = Array.isArray(e) ? e.join(" ") : e, this._value !== e && (this.valueHasChanged = !0, this._value = e);
-  }
-  /** Gets the validity state object */
-  get validity() {
-    return this.valueInput.validity;
-  }
-  /** Gets the validation message */
-  get validationMessage() {
-    return this.valueInput.validationMessage;
-  }
-  connectedCallback() {
-    super.connectedCallback(), setTimeout(() => {
-      this.handleDefaultSlotChange();
-    }), this.open = !1;
-  }
-  addOpenListeners() {
-    var e;
-    document.addEventListener("focusin", this.handleDocumentFocusIn), document.addEventListener("keydown", this.handleDocumentKeyDown), document.addEventListener("mousedown", this.handleDocumentMouseDown), this.getRootNode() !== document && this.getRootNode().addEventListener("focusin", this.handleDocumentFocusIn), "CloseWatcher" in window && ((e = this.closeWatcher) == null || e.destroy(), this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => {
-      this.open && (this.hide(), this.displayInput.focus({ preventScroll: !0 }));
-    });
-  }
-  removeOpenListeners() {
-    var e;
-    document.removeEventListener("focusin", this.handleDocumentFocusIn), document.removeEventListener("keydown", this.handleDocumentKeyDown), document.removeEventListener("mousedown", this.handleDocumentMouseDown), this.getRootNode() !== document && this.getRootNode().removeEventListener("focusin", this.handleDocumentFocusIn), (e = this.closeWatcher) == null || e.destroy();
-  }
-  handleFocus() {
-    this.hasFocus = !0, this.displayInput.setSelectionRange(0, 0), this.emit("sl-focus");
-  }
-  handleBlur() {
-    this.hasFocus = !1, this.emit("sl-blur");
-  }
-  handleLabelClick() {
-    this.displayInput.focus();
-  }
-  handleComboboxMouseDown(e) {
-    const i = e.composedPath().some((a) => a instanceof Element && a.tagName.toLowerCase() === "sl-icon-button");
-    this.disabled || i || (e.preventDefault(), this.displayInput.focus({ preventScroll: !0 }), this.open = !this.open);
-  }
-  handleComboboxKeyDown(e) {
-    e.key !== "Tab" && (e.stopPropagation(), this.handleDocumentKeyDown(e));
-  }
-  handleClearClick(e) {
-    e.stopPropagation(), this.valueHasChanged = !0, this.value !== "" && (this.setSelectedOptions([]), this.displayInput.focus({ preventScroll: !0 }), this.updateComplete.then(() => {
-      this.emit("sl-clear"), this.emit("sl-input"), this.emit("sl-change");
-    }));
-  }
-  handleClearMouseDown(e) {
-    e.stopPropagation(), e.preventDefault();
-  }
-  handleOptionClick(e) {
-    const i = e.target.closest("sl-option"), a = this.value;
-    i && !i.disabled && (this.valueHasChanged = !0, this.multiple ? this.toggleOptionSelection(i) : this.setSelectedOptions(i), this.updateComplete.then(() => this.displayInput.focus({ preventScroll: !0 })), this.value !== a && this.updateComplete.then(() => {
-      this.emit("sl-input"), this.emit("sl-change");
-    }), this.multiple || (this.hide(), this.displayInput.focus({ preventScroll: !0 })));
-  }
-  /* @internal - used by options to update labels */
-  handleDefaultSlotChange() {
-    customElements.get("sl-option") || customElements.whenDefined("sl-option").then(() => this.handleDefaultSlotChange());
-    const e = this.getAllOptions(), t = this.valueHasChanged ? this.value : this.defaultValue, i = Array.isArray(t) ? t : [t], a = [];
-    e.forEach((n) => a.push(n.value)), this.setSelectedOptions(e.filter((n) => i.includes(n.value)));
-  }
-  handleTagRemove(e, t) {
-    e.stopPropagation(), this.valueHasChanged = !0, this.disabled || (this.toggleOptionSelection(t, !1), this.updateComplete.then(() => {
-      this.emit("sl-input"), this.emit("sl-change");
-    }));
-  }
-  // Gets an array of all <sl-option> elements
-  getAllOptions() {
-    return [...this.querySelectorAll("sl-option")];
-  }
-  // Gets the first <sl-option> element
-  getFirstOption() {
-    return this.querySelector("sl-option");
-  }
-  // Sets the current option, which is the option the user is currently interacting with (e.g. via keyboard). Only one
-  // option may be "current" at a time.
-  setCurrentOption(e) {
-    this.getAllOptions().forEach((i) => {
-      i.current = !1, i.tabIndex = -1;
-    }), e && (this.currentOption = e, e.current = !0, e.tabIndex = 0, e.focus());
-  }
-  // Sets the selected option(s)
-  setSelectedOptions(e) {
-    const t = this.getAllOptions(), i = Array.isArray(e) ? e : [e];
-    t.forEach((a) => a.selected = !1), i.length && i.forEach((a) => a.selected = !0), this.selectionChanged();
-  }
-  // Toggles an option's selected state
-  toggleOptionSelection(e, t) {
-    t === !0 || t === !1 ? e.selected = t : e.selected = !e.selected, this.selectionChanged();
-  }
-  // This method must be called whenever the selection changes. It will update the selected options cache, the current
-  // value, and the display value
-  selectionChanged() {
-    var e, t, i;
-    const a = this.getAllOptions();
-    this.selectedOptions = a.filter((r) => r.selected);
-    const n = this.valueHasChanged;
-    if (this.multiple)
-      this.value = this.selectedOptions.map((r) => r.value), this.placeholder && this.value.length === 0 ? this.displayLabel = "" : this.displayLabel = this.localize.term("numOptionsSelected", this.selectedOptions.length);
-    else {
-      const r = this.selectedOptions[0];
-      this.value = (e = r?.value) != null ? e : "", this.displayLabel = (i = (t = r?.getTextLabel) == null ? void 0 : t.call(r)) != null ? i : "";
-    }
-    this.valueHasChanged = n, this.updateComplete.then(() => {
-      this.formControlController.updateValidity();
-    });
-  }
-  get tags() {
-    return this.selectedOptions.map((e, t) => {
-      if (t < this.maxOptionsVisible || this.maxOptionsVisible <= 0) {
-        const i = this.getTag(e, t);
-        return p`<div @sl-remove=${(a) => this.handleTagRemove(a, e)}>
-          ${typeof i == "string" ? L(i) : i}
+			let t = e.composedPath();
+			this && !t.includes(this) && this.hide();
+		}, this.handleDocumentKeyDown = (e) => {
+			let t = e.target, n = t.closest(".select__clear") !== null, r = t.closest("sl-icon-button") !== null;
+			if (!(n || r)) {
+				if (e.key === "Escape" && this.open && !this.closeWatcher && (e.preventDefault(), e.stopPropagation(), this.hide(), this.displayInput.focus({ preventScroll: !0 })), e.key === "Enter" || e.key === " " && this.typeToSelectString === "") {
+					if (e.preventDefault(), e.stopImmediatePropagation(), !this.open) {
+						this.show();
+						return;
+					}
+					this.currentOption && !this.currentOption.disabled && (this.valueHasChanged = !0, this.multiple ? this.toggleOptionSelection(this.currentOption) : this.setSelectedOptions(this.currentOption), this.updateComplete.then(() => {
+						this.emit("sl-input"), this.emit("sl-change");
+					}), this.multiple || (this.hide(), this.displayInput.focus({ preventScroll: !0 })));
+					return;
+				}
+				if ([
+					"ArrowUp",
+					"ArrowDown",
+					"Home",
+					"End"
+				].includes(e.key)) {
+					let t = this.getAllOptions(), n = t.indexOf(this.currentOption), r = Math.max(0, n);
+					if (e.preventDefault(), !this.open && (this.show(), this.currentOption)) return;
+					e.key === "ArrowDown" ? (r = n + 1, r > t.length - 1 && (r = 0)) : e.key === "ArrowUp" ? (r = n - 1, r < 0 && (r = t.length - 1)) : e.key === "Home" ? r = 0 : e.key === "End" && (r = t.length - 1), this.setCurrentOption(t[r]);
+				}
+				if (e.key && e.key.length === 1 || e.key === "Backspace") {
+					let t = this.getAllOptions();
+					if (e.metaKey || e.ctrlKey || e.altKey) return;
+					if (!this.open) {
+						if (e.key === "Backspace") return;
+						this.show();
+					}
+					e.stopPropagation(), e.preventDefault(), clearTimeout(this.typeToSelectTimeout), this.typeToSelectTimeout = window.setTimeout(() => this.typeToSelectString = "", 1e3), e.key === "Backspace" ? this.typeToSelectString = this.typeToSelectString.slice(0, -1) : this.typeToSelectString += e.key.toLowerCase();
+					for (let e of t) if (e.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)) {
+						this.setCurrentOption(e);
+						break;
+					}
+				}
+			}
+		}, this.handleDocumentMouseDown = (e) => {
+			let t = e.composedPath();
+			this && !t.includes(this) && this.hide();
+		};
+	}
+	get value() {
+		return this._value;
+	}
+	set value(e) {
+		e = this.multiple ? Array.isArray(e) ? e : e.split(" ") : Array.isArray(e) ? e.join(" ") : e, this._value !== e && (this.valueHasChanged = !0, this._value = e);
+	}
+	get validity() {
+		return this.valueInput.validity;
+	}
+	get validationMessage() {
+		return this.valueInput.validationMessage;
+	}
+	connectedCallback() {
+		super.connectedCallback(), setTimeout(() => {
+			this.handleDefaultSlotChange();
+		}), this.open = !1;
+	}
+	addOpenListeners() {
+		var e;
+		document.addEventListener("focusin", this.handleDocumentFocusIn), document.addEventListener("keydown", this.handleDocumentKeyDown), document.addEventListener("mousedown", this.handleDocumentMouseDown), this.getRootNode() !== document && this.getRootNode().addEventListener("focusin", this.handleDocumentFocusIn), "CloseWatcher" in window && ((e = this.closeWatcher) == null || e.destroy(), this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => {
+			this.open && (this.hide(), this.displayInput.focus({ preventScroll: !0 }));
+		});
+	}
+	removeOpenListeners() {
+		var e;
+		document.removeEventListener("focusin", this.handleDocumentFocusIn), document.removeEventListener("keydown", this.handleDocumentKeyDown), document.removeEventListener("mousedown", this.handleDocumentMouseDown), this.getRootNode() !== document && this.getRootNode().removeEventListener("focusin", this.handleDocumentFocusIn), (e = this.closeWatcher) == null || e.destroy();
+	}
+	handleFocus() {
+		this.hasFocus = !0, this.displayInput.setSelectionRange(0, 0), this.emit("sl-focus");
+	}
+	handleBlur() {
+		this.hasFocus = !1, this.emit("sl-blur");
+	}
+	handleLabelClick() {
+		this.displayInput.focus();
+	}
+	handleComboboxMouseDown(e) {
+		let t = e.composedPath().some((e) => e instanceof Element && e.tagName.toLowerCase() === "sl-icon-button");
+		this.disabled || t || (e.preventDefault(), this.displayInput.focus({ preventScroll: !0 }), this.open = !this.open);
+	}
+	handleComboboxKeyDown(e) {
+		e.key !== "Tab" && (e.stopPropagation(), this.handleDocumentKeyDown(e));
+	}
+	handleClearClick(e) {
+		e.stopPropagation(), this.valueHasChanged = !0, this.value !== "" && (this.setSelectedOptions([]), this.displayInput.focus({ preventScroll: !0 }), this.updateComplete.then(() => {
+			this.emit("sl-clear"), this.emit("sl-input"), this.emit("sl-change");
+		}));
+	}
+	handleClearMouseDown(e) {
+		e.stopPropagation(), e.preventDefault();
+	}
+	handleOptionClick(e) {
+		let t = e.target.closest("sl-option"), n = this.value;
+		t && !t.disabled && (this.valueHasChanged = !0, this.multiple ? this.toggleOptionSelection(t) : this.setSelectedOptions(t), this.updateComplete.then(() => this.displayInput.focus({ preventScroll: !0 })), this.value !== n && this.updateComplete.then(() => {
+			this.emit("sl-input"), this.emit("sl-change");
+		}), this.multiple || (this.hide(), this.displayInput.focus({ preventScroll: !0 })));
+	}
+	handleDefaultSlotChange() {
+		customElements.get("sl-option") || customElements.whenDefined("sl-option").then(() => this.handleDefaultSlotChange());
+		let e = this.getAllOptions(), t = this.valueHasChanged ? this.value : this.defaultValue, n = Array.isArray(t) ? t : [t], r = [];
+		e.forEach((e) => r.push(e.value)), this.setSelectedOptions(e.filter((e) => n.includes(e.value)));
+	}
+	handleTagRemove(e, t) {
+		e.stopPropagation(), this.valueHasChanged = !0, this.disabled || (this.toggleOptionSelection(t, !1), this.updateComplete.then(() => {
+			this.emit("sl-input"), this.emit("sl-change");
+		}));
+	}
+	getAllOptions() {
+		return [...this.querySelectorAll("sl-option")];
+	}
+	getFirstOption() {
+		return this.querySelector("sl-option");
+	}
+	setCurrentOption(e) {
+		this.getAllOptions().forEach((e) => {
+			e.current = !1, e.tabIndex = -1;
+		}), e && (this.currentOption = e, e.current = !0, e.tabIndex = 0, e.focus());
+	}
+	setSelectedOptions(e) {
+		let t = this.getAllOptions(), n = Array.isArray(e) ? e : [e];
+		t.forEach((e) => e.selected = !1), n.length && n.forEach((e) => e.selected = !0), this.selectionChanged();
+	}
+	toggleOptionSelection(e, t) {
+		t === !0 || t === !1 ? e.selected = t : e.selected = !e.selected, this.selectionChanged();
+	}
+	selectionChanged() {
+		let e = this.getAllOptions();
+		this.selectedOptions = e.filter((e) => e.selected);
+		let t = this.valueHasChanged;
+		if (this.multiple) this.value = this.selectedOptions.map((e) => e.value), this.placeholder && this.value.length === 0 ? this.displayLabel = "" : this.displayLabel = this.localize.term("numOptionsSelected", this.selectedOptions.length);
+		else {
+			let e = this.selectedOptions[0];
+			this.value = e?.value ?? "", this.displayLabel = (e?.getTextLabel)?.call(e) ?? "";
+		}
+		this.valueHasChanged = t, this.updateComplete.then(() => {
+			this.formControlController.updateValidity();
+		});
+	}
+	get tags() {
+		return this.selectedOptions.map((t, n) => {
+			if (n < this.maxOptionsVisible || this.maxOptionsVisible <= 0) {
+				let r = this.getTag(t, n);
+				return e`<div @sl-remove=${(e) => this.handleTagRemove(e, t)}>
+          ${typeof r == "string" ? C(r) : r}
         </div>`;
-      } else if (t === this.maxOptionsVisible)
-        return p`<sl-tag size=${this.size}>+${this.selectedOptions.length - t}</sl-tag>`;
-      return p``;
-    });
-  }
-  handleInvalid(e) {
-    this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
-  }
-  handleDisabledChange() {
-    this.disabled && (this.open = !1, this.handleOpenChange());
-  }
-  attributeChangedCallback(e, t, i) {
-    if (super.attributeChangedCallback(e, t, i), e === "value") {
-      const a = this.valueHasChanged;
-      this.value = this.defaultValue, this.valueHasChanged = a;
-    }
-  }
-  handleValueChange() {
-    if (!this.valueHasChanged) {
-      const i = this.valueHasChanged;
-      this.value = this.defaultValue, this.valueHasChanged = i;
-    }
-    const e = this.getAllOptions(), t = Array.isArray(this.value) ? this.value : [this.value];
-    this.setSelectedOptions(e.filter((i) => t.includes(i.value)));
-  }
-  async handleOpenChange() {
-    if (this.open && !this.disabled) {
-      this.setCurrentOption(this.selectedOptions[0] || this.getFirstOption()), this.emit("sl-show"), this.addOpenListeners(), await f(this), this.listbox.hidden = !1, this.popup.active = !0, requestAnimationFrame(() => {
-        this.setCurrentOption(this.currentOption);
-      });
-      const { keyframes: e, options: t } = b(this, "select.show", { dir: this.localize.dir() });
-      await v(this.popup.popup, e, t), this.currentOption && S(this.currentOption, this.listbox, "vertical", "auto"), this.emit("sl-after-show");
-    } else {
-      this.emit("sl-hide"), this.removeOpenListeners(), await f(this);
-      const { keyframes: e, options: t } = b(this, "select.hide", { dir: this.localize.dir() });
-      await v(this.popup.popup, e, t), this.listbox.hidden = !0, this.popup.active = !1, this.emit("sl-after-hide");
-    }
-  }
-  /** Shows the listbox. */
-  async show() {
-    if (this.open || this.disabled) {
-      this.open = !1;
-      return;
-    }
-    return this.open = !0, y(this, "sl-after-show");
-  }
-  /** Hides the listbox. */
-  async hide() {
-    if (!this.open || this.disabled) {
-      this.open = !1;
-      return;
-    }
-    return this.open = !1, y(this, "sl-after-hide");
-  }
-  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-  checkValidity() {
-    return this.valueInput.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.valueInput.reportValidity();
-  }
-  /** Sets a custom validation message. Pass an empty string to restore validity. */
-  setCustomValidity(e) {
-    this.valueInput.setCustomValidity(e), this.formControlController.updateValidity();
-  }
-  /** Sets focus on the control. */
-  focus(e) {
-    this.displayInput.focus(e);
-  }
-  /** Removes focus from the control. */
-  blur() {
-    this.displayInput.blur();
-  }
-  render() {
-    const e = this.hasSlotController.test("label"), t = this.hasSlotController.test("help-text"), i = this.label ? !0 : !!e, a = this.helpText ? !0 : !!t, n = this.clearable && !this.disabled && this.value.length > 0, r = this.placeholder && this.value && this.value.length <= 0;
-    return p`
+			} else if (n === this.maxOptionsVisible) return e`<sl-tag size=${this.size}>+${this.selectedOptions.length - n}</sl-tag>`;
+			return e``;
+		});
+	}
+	handleInvalid(e) {
+		this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
+	}
+	handleDisabledChange() {
+		this.disabled && (this.open = !1, this.handleOpenChange());
+	}
+	attributeChangedCallback(e, t, n) {
+		if (super.attributeChangedCallback(e, t, n), e === "value") {
+			let e = this.valueHasChanged;
+			this.value = this.defaultValue, this.valueHasChanged = e;
+		}
+	}
+	handleValueChange() {
+		if (!this.valueHasChanged) {
+			let e = this.valueHasChanged;
+			this.value = this.defaultValue, this.valueHasChanged = e;
+		}
+		let e = this.getAllOptions(), t = Array.isArray(this.value) ? this.value : [this.value];
+		this.setSelectedOptions(e.filter((e) => t.includes(e.value)));
+	}
+	async handleOpenChange() {
+		if (this.open && !this.disabled) {
+			this.setCurrentOption(this.selectedOptions[0] || this.getFirstOption()), this.emit("sl-show"), this.addOpenListeners(), await v(this), this.listbox.hidden = !1, this.popup.active = !0, requestAnimationFrame(() => {
+				this.setCurrentOption(this.currentOption);
+			});
+			let { keyframes: e, options: t } = g(this, "select.show", { dir: this.localize.dir() });
+			await _(this.popup.popup, e, t), this.currentOption && S(this.currentOption, this.listbox, "vertical", "auto"), this.emit("sl-after-show");
+		} else {
+			this.emit("sl-hide"), this.removeOpenListeners(), await v(this);
+			let { keyframes: e, options: t } = g(this, "select.hide", { dir: this.localize.dir() });
+			await _(this.popup.popup, e, t), this.listbox.hidden = !0, this.popup.active = !1, this.emit("sl-after-hide");
+		}
+	}
+	async show() {
+		if (this.open || this.disabled) {
+			this.open = !1;
+			return;
+		}
+		return this.open = !0, y(this, "sl-after-show");
+	}
+	async hide() {
+		if (!this.open || this.disabled) {
+			this.open = !1;
+			return;
+		}
+		return this.open = !1, y(this, "sl-after-hide");
+	}
+	checkValidity() {
+		return this.valueInput.checkValidity();
+	}
+	getForm() {
+		return this.formControlController.getForm();
+	}
+	reportValidity() {
+		return this.valueInput.reportValidity();
+	}
+	setCustomValidity(e) {
+		this.valueInput.setCustomValidity(e), this.formControlController.updateValidity();
+	}
+	focus(e) {
+		this.displayInput.focus(e);
+	}
+	blur() {
+		this.displayInput.blur();
+	}
+	render() {
+		let t = this.hasSlotController.test("label"), n = this.hasSlotController.test("help-text"), r = this.label ? !0 : !!t, i = this.helpText ? !0 : !!n, a = this.clearable && !this.disabled && this.value.length > 0, o = this.placeholder && this.value && this.value.length <= 0;
+		return e`
       <div
         part="form-control"
-        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-label": i,
-      "form-control--has-help-text": a
-    })}
+        class=${p({
+			"form-control": !0,
+			"form-control--small": this.size === "small",
+			"form-control--medium": this.size === "medium",
+			"form-control--large": this.size === "large",
+			"form-control--has-label": r,
+			"form-control--has-help-text": i
+		})}
       >
         <label
           id="label"
           part="form-control-label"
           class="form-control__label"
-          aria-hidden=${i ? "false" : "true"}
+          aria-hidden=${r ? "false" : "true"}
           @click=${this.handleLabelClick}
         >
           <slot name="label">${this.label}</slot>
@@ -818,22 +781,22 @@ var A = _`
 
         <div part="form-control-input" class="form-control-input">
           <sl-popup
-            class=${m({
-      select: !0,
-      "select--standard": !0,
-      "select--filled": this.filled,
-      "select--pill": this.pill,
-      "select--open": this.open,
-      "select--disabled": this.disabled,
-      "select--multiple": this.multiple,
-      "select--focused": this.hasFocus,
-      "select--placeholder-visible": r,
-      "select--top": this.placement === "top",
-      "select--bottom": this.placement === "bottom",
-      "select--small": this.size === "small",
-      "select--medium": this.size === "medium",
-      "select--large": this.size === "large"
-    })}
+            class=${p({
+			select: !0,
+			"select--standard": !0,
+			"select--filled": this.filled,
+			"select--pill": this.pill,
+			"select--open": this.open,
+			"select--disabled": this.disabled,
+			"select--multiple": this.multiple,
+			"select--focused": this.hasFocus,
+			"select--placeholder-visible": o,
+			"select--top": this.placement === "top",
+			"select--bottom": this.placement === "bottom",
+			"select--small": this.size === "small",
+			"select--medium": this.size === "medium",
+			"select--large": this.size === "large"
+		})}
             placement=${this.placement}
             strategy=${this.hoist ? "fixed" : "absolute"}
             flip
@@ -874,7 +837,7 @@ var A = _`
                 @blur=${this.handleBlur}
               />
 
-              ${this.multiple ? p`<div part="tags" class="select__tags">${this.tags}</div>` : ""}
+              ${this.multiple ? e`<div part="tags" class="select__tags">${this.tags}</div>` : ""}
 
               <input
                 class="select__value-input"
@@ -888,7 +851,7 @@ var A = _`
                 @invalid=${this.handleInvalid}
               />
 
-              ${n ? p`
+              ${a ? e`
                     <button
                       part="clear-button"
                       class="select__clear"
@@ -932,133 +895,71 @@ var A = _`
           part="form-control-help-text"
           id="help-text"
           class="form-control__help-text"
-          aria-hidden=${a ? "false" : "true"}
+          aria-hidden=${i ? "false" : "true"}
         >
           <slot name="help-text">${this.helpText}</slot>
         </div>
       </div>
     `;
-  }
-};
-s.styles = [w, z, A];
-s.dependencies = {
-  "sl-icon": T,
-  "sl-popup": $,
-  "sl-tag": d
+	}
 };
-l([
-  u(".select")
-], s.prototype, "popup", 2);
-l([
-  u(".select__combobox")
-], s.prototype, "combobox", 2);
-l([
-  u(".select__display-input")
-], s.prototype, "displayInput", 2);
-l([
-  u(".select__value-input")
-], s.prototype, "valueInput", 2);
-l([
-  u(".select__listbox")
-], s.prototype, "listbox", 2);
-l([
-  h()
-], s.prototype, "hasFocus", 2);
-l([
-  h()
-], s.prototype, "displayLabel", 2);
-l([
-  h()
-], s.prototype, "currentOption", 2);
-l([
-  h()
-], s.prototype, "selectedOptions", 2);
-l([
-  h()
-], s.prototype, "valueHasChanged", 2);
-l([
-  o()
-], s.prototype, "name", 2);
-l([
-  h()
-], s.prototype, "value", 1);
-l([
-  o({ attribute: "value" })
-], s.prototype, "defaultValue", 2);
-l([
-  o({ reflect: !0 })
-], s.prototype, "size", 2);
-l([
-  o()
-], s.prototype, "placeholder", 2);
-l([
-  o({ type: Boolean, reflect: !0 })
-], s.prototype, "multiple", 2);
-l([
-  o({ attribute: "max-options-visible", type: Number })
-], s.prototype, "maxOptionsVisible", 2);
-l([
-  o({ type: Boolean, reflect: !0 })
-], s.prototype, "disabled", 2);
-l([
-  o({ type: Boolean })
-], s.prototype, "clearable", 2);
-l([
-  o({ type: Boolean, reflect: !0 })
-], s.prototype, "open", 2);
-l([
-  o({ type: Boolean })
-], s.prototype, "hoist", 2);
-l([
-  o({ type: Boolean, reflect: !0 })
-], s.prototype, "filled", 2);
-l([
-  o({ type: Boolean, reflect: !0 })
-], s.prototype, "pill", 2);
-l([
-  o()
-], s.prototype, "label", 2);
-l([
-  o({ reflect: !0 })
-], s.prototype, "placement", 2);
-l([
-  o({ attribute: "help-text" })
-], s.prototype, "helpText", 2);
-l([
-  o({ reflect: !0 })
-], s.prototype, "form", 2);
-l([
-  o({ type: Boolean, reflect: !0 })
-], s.prototype, "required", 2);
-l([
-  o()
-], s.prototype, "getTag", 2);
-l([
-  g("disabled", { waitUntilFirstUpdate: !0 })
-], s.prototype, "handleDisabledChange", 1);
-l([
-  g(["defaultValue", "value"], { waitUntilFirstUpdate: !0 })
-], s.prototype, "handleValueChange", 1);
-l([
-  g("open", { waitUntilFirstUpdate: !0 })
-], s.prototype, "handleOpenChange", 1);
-k("select.show", {
-  keyframes: [
-    { opacity: 0, scale: 0.9 },
-    { opacity: 1, scale: 1 }
-  ],
-  options: { duration: 100, easing: "ease" }
+D.styles = [
+	a,
+	l,
+	E
+], D.dependencies = {
+	"sl-icon": d,
+	"sl-popup": b,
+	"sl-tag": T
+}, o([i(".select")], D.prototype, "popup", 2), o([i(".select__combobox")], D.prototype, "combobox", 2), o([i(".select__display-input")], D.prototype, "displayInput", 2), o([i(".select__value-input")], D.prototype, "valueInput", 2), o([i(".select__listbox")], D.prototype, "listbox", 2), o([n()], D.prototype, "hasFocus", 2), o([n()], D.prototype, "displayLabel", 2), o([n()], D.prototype, "currentOption", 2), o([n()], D.prototype, "selectedOptions", 2), o([n()], D.prototype, "valueHasChanged", 2), o([r()], D.prototype, "name", 2), o([n()], D.prototype, "value", 1), o([r({ attribute: "value" })], D.prototype, "defaultValue", 2), o([r({ reflect: !0 })], D.prototype, "size", 2), o([r()], D.prototype, "placeholder", 2), o([r({
+	type: Boolean,
+	reflect: !0
+})], D.prototype, "multiple", 2), o([r({
+	attribute: "max-options-visible",
+	type: Number
+})], D.prototype, "maxOptionsVisible", 2), o([r({
+	type: Boolean,
+	reflect: !0
+})], D.prototype, "disabled", 2), o([r({ type: Boolean })], D.prototype, "clearable", 2), o([r({
+	type: Boolean,
+	reflect: !0
+})], D.prototype, "open", 2), o([r({ type: Boolean })], D.prototype, "hoist", 2), o([r({
+	type: Boolean,
+	reflect: !0
+})], D.prototype, "filled", 2), o([r({
+	type: Boolean,
+	reflect: !0
+})], D.prototype, "pill", 2), o([r()], D.prototype, "label", 2), o([r({ reflect: !0 })], D.prototype, "placement", 2), o([r({ attribute: "help-text" })], D.prototype, "helpText", 2), o([r({ reflect: !0 })], D.prototype, "form", 2), o([r({
+	type: Boolean,
+	reflect: !0
+})], D.prototype, "required", 2), o([r()], D.prototype, "getTag", 2), o([f("disabled", { waitUntilFirstUpdate: !0 })], D.prototype, "handleDisabledChange", 1), o([f(["defaultValue", "value"], { waitUntilFirstUpdate: !0 })], D.prototype, "handleValueChange", 1), o([f("open", { waitUntilFirstUpdate: !0 })], D.prototype, "handleOpenChange", 1), h("select.show", {
+	keyframes: [{
+		opacity: 0,
+		scale: .9
+	}, {
+		opacity: 1,
+		scale: 1
+	}],
+	options: {
+		duration: 100,
+		easing: "ease"
+	}
+}), h("select.hide", {
+	keyframes: [{
+		opacity: 1,
+		scale: 1
+	}, {
+		opacity: 0,
+		scale: .9
+	}],
+	options: {
+		duration: 100,
+		easing: "ease"
+	}
 });
-k("select.hide", {
-  keyframes: [
-    { opacity: 1, scale: 1 },
-    { opacity: 0, scale: 0.9 }
-  ],
-  options: { duration: 100, easing: "ease" }
-});
-var Y = s;
-s.define("sl-select");
-export {
-  d as S,
-  Y as s
-};
+//#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.TP2GB2HO.js
+var O = D;
+D.define("sl-select");
+//#endregion
+export { T as n, O as t };