@mhmo91/schmancy 0.3.8 → 0.4.2

package/dist/{select-C6O6NRea.js → select-ChxNr4a9.js}

@@ -2,17 +2,17 @@ import { autoUpdate as b, computePosition as g, offset as w, flip as O, shift as
 import { fromEvent as c, takeUntil as f } from "rxjs";
 import { classMap as S } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as _ } from "./litElement.mixin-DMTxmbnz.js";
-import "./tailwind.mixin-DbsxfE0U.js";
+import { $ as _ } from "./litElement.mixin-CUhEpTgZ.js";
+import "./tailwind.mixin-t3Yj_Xbu.js";
 import { c as $ } from "./ripple-BumgqsDT.js";
 import { S as y } from "./theme.interface-C5Kj6WjD.js";
 import { css as k, html as u } from "lit";
-import { property as h, state as d, query as v, queryAssignedElements as A, customElement as D } from "lit/decorators.js";
-var R = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (t, i, e, s) => {
-  for (var a, n = s > 1 ? void 0 : s ? x(i, e) : i, r = t.length - 1; r >= 0; r--) (a = t[r]) && (n = (s ? a(i, e, n) : a(n)) || n);
-  return s && n && R(i, e, n), n;
+import { property as r, state as h, query as v, queryAssignedElements as A, customElement as D } from "lit/decorators.js";
+var R = Object.defineProperty, x = Object.getOwnPropertyDescriptor, o = (t, i, e, s) => {
+  for (var n, l = s > 1 ? void 0 : s ? x(i, e) : i, d = t.length - 1; d >= 0; d--) (n = t[d]) && (l = (s ? n(i, e, l) : n(l)) || l);
+  return s && l && R(i, e, l), l;
 };
-let o = class extends _(k`
+let a = class extends _(k`
 	:host {
 		display: block;
 		position: relative;
@@ -51,7 +51,7 @@ let o = class extends _(k`
         case "Enter":
         case " ":
           if (t.preventDefault(), this._focusedOptionId) {
-            const s = i.find((a) => a.id === this._focusedOptionId);
+            const s = i.find((n) => n.id === this._focusedOptionId);
             s && this.handleOptionSelect(s.value);
           }
           break;
@@ -65,16 +65,13 @@ let o = class extends _(k`
     }
   }
   get form() {
-    var t;
-    return (t = this.internals) == null ? void 0 : t.form;
+    return this.internals?.form;
   }
   connectedCallback() {
-    var t;
-    super.connectedCallback(), this.id || (this.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`), this.defaultValue = this.value, c(this, "keydown").pipe(f(this.disconnecting)).subscribe(this.handleKeyDown), (t = this.internals) != null && t.form && (this.internals.form.addEventListener("submit", this.formSubmitHandler), this.internals.form.addEventListener("reset", this.formResetHandler)), this.inputRef && (this.inputRef.error = !1);
+    super.connectedCallback(), this.id || (this.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`), this.defaultValue = this.value, c(this, "keydown").pipe(f(this.disconnecting)).subscribe(this.handleKeyDown), this.internals?.form && (this.internals.form.addEventListener("submit", this.formSubmitHandler), this.internals.form.addEventListener("reset", this.formResetHandler)), this.inputRef && (this.inputRef.error = !1);
   }
   disconnectedCallback() {
-    var t, i;
-    super.disconnectedCallback(), (t = this.cleanupPositioner) == null || t.call(this), (i = this.internals) != null && i.form && (this.internals.form.removeEventListener("submit", this.formSubmitHandler), this.internals.form.removeEventListener("reset", this.formResetHandler));
+    super.disconnectedCallback(), this.cleanupPositioner?.(), this.internals?.form && (this.internals.form.removeEventListener("submit", this.formSubmitHandler), this.internals.form.removeEventListener("reset", this.formResetHandler));
   }
   firstUpdated() {
     this.syncSelection(), this.setupOptionsAccessibility(), this.options.forEach((t) => {
@@ -82,12 +79,11 @@ let o = class extends _(k`
     });
   }
   updated(t) {
-    var i, e;
     if (super.updated(t), t.has("value")) {
-      const s = Array.isArray(this.value) ? this.value.join(",") : this.value;
-      (i = this.internals) == null || i.setFormValue(s), this.hasUpdated && (this._dirty = !0), this.syncSelection(), this.hasUpdated && this.checkValidity();
+      const i = Array.isArray(this.value) ? this.value.join(",") : this.value;
+      this.internals?.setFormValue(i), this.hasUpdated && (this._dirty = !0), this.syncSelection(), this.hasUpdated && this.checkValidity();
     }
-    t.has("isOpen") && (this.isOpen ? this.positionDropdown() : (e = this.cleanupPositioner) == null || e.call(this));
+    t.has("isOpen") && (this.isOpen ? this.positionDropdown() : this.cleanupPositioner?.());
   }
   shouldShowValidation(t = !1) {
     if (t) return !0;
@@ -104,33 +100,31 @@ let o = class extends _(k`
     }
   }
   syncSelection() {
-    var t, i, e, s;
     if (this.multi) {
-      const a = Array.isArray(this.value) ? this.value : this.value ? this.value.split(",") : [];
-      (t = this.options) == null || t.forEach((n) => n.selected = a.includes(n.value)), this.valueLabel = a.length > 0 && ((i = this.options) == null ? void 0 : i.filter((n) => a.includes(n.value)).map((n) => n.label).join(", ")) || this.placeholder;
+      const t = Array.isArray(this.value) ? this.value : this.value ? this.value.split(",") : [];
+      this.options?.forEach((i) => i.selected = t.includes(i.value)), this.valueLabel = t.length > 0 && this.options?.filter((i) => t.includes(i.value)).map((i) => i.label).join(", ") || this.placeholder;
     } else {
-      const a = String(this.value);
-      (e = this.options) == null || e.forEach((r) => {
-        r.selected = r.value === a;
+      const t = String(this.value);
+      this.options?.forEach((e) => {
+        e.selected = e.value === t;
       });
-      const n = (s = this.options) == null ? void 0 : s.find((r) => r.value === a);
-      this.valueLabel = (n == null ? void 0 : n.label) || this.placeholder;
+      const i = this.options?.find((e) => e.value === t);
+      this.valueLabel = i?.label || this.placeholder;
     }
   }
   setupOptionsAccessibility() {
-    var t;
-    (t = this.options) == null || t.forEach((i, e) => {
-      i.setAttribute("role", "option"), i.id || (i.id = `${this.id}-option-${e}`), i.tabIndex = -1;
-      const s = Array.isArray(this.value) ? this.value : this.value ? this.value.split(",") : [];
-      i.setAttribute("aria-selected", String(this.multi ? s.includes(i.value) : i.value === this.value));
+    this.options?.forEach((t, i) => {
+      t.setAttribute("role", "option"), t.id || (t.id = `${this.id}-option-${i}`), t.tabIndex = -1;
+      const e = Array.isArray(this.value) ? this.value : this.value ? this.value.split(",") : [];
+      t.setAttribute("aria-selected", String(this.multi ? e.includes(t.value) : t.value === this.value));
     });
   }
   async positionDropdown() {
     const t = this.renderRoot.querySelector(".trigger");
     t && this.ul && (this.cleanupPositioner = b(t, this.ul, async () => {
-      const i = window.innerHeight, e = t.getBoundingClientRect(), s = i - e.bottom, a = e.top, n = Math.max(0.75 * Math.max(s, a), 150), r = s < 200 && a > s;
-      this.ul.style.maxHeight = `${n}px`;
-      const { x: p, y: m } = await g(t, this.ul, { placement: r ? "top-start" : "bottom-start", middleware: [w(5), O(), V({ padding: 5 })] });
+      const i = window.innerHeight, e = t.getBoundingClientRect(), s = i - e.bottom, n = e.top, l = Math.max(0.75 * Math.max(s, n), 150), d = s < 200 && n > s;
+      this.ul.style.maxHeight = `${l}px`;
+      const { x: p, y: m } = await g(t, this.ul, { placement: d ? "top-start" : "bottom-start", middleware: [w(5), O(), V({ padding: 5 })] });
       Object.assign(this.ul.style, { left: `${p}px`, top: `${m}px`, position: "absolute", width: `${t.offsetWidth}px` });
     }));
   }
@@ -140,8 +134,8 @@ let o = class extends _(k`
       e.focus(), this._focusedOptionId = e.id;
       const s = this.renderRoot.querySelector(".trigger");
       if (s && s.setAttribute("aria-activedescendant", e.id), this.ul && e.offsetTop !== void 0) {
-        const a = e.offsetTop, n = e.offsetHeight, r = this.ul.scrollTop, p = this.ul.clientHeight;
-        a < r ? this.ul.scrollTop = a : a + n > r + p && (this.ul.scrollTop = a + n - p);
+        const n = e.offsetTop, l = e.offsetHeight, d = this.ul.scrollTop, p = this.ul.clientHeight;
+        n < d ? this.ul.scrollTop = n : n + l > d + p && (this.ul.scrollTop = n + l - p);
       }
     }
   }
@@ -154,30 +148,28 @@ let o = class extends _(k`
   closeDropdown() {
     this._userInteracted && (this._touched = !0), this.isOpen = !1, this._focusedOptionId = "";
     const t = this.renderRoot.querySelector(".trigger");
-    t && (t.removeAttribute("aria-activedescendant"), t == null || t.focus()), this._userInteracted && this.shouldShowValidation() && this.checkValidity();
+    t && (t.removeAttribute("aria-activedescendant"), t?.focus()), this._userInteracted && this.shouldShowValidation() && this.checkValidity();
   }
   handleOptionSelect(t) {
-    var i;
     if (this._userInteracted = !0, this._touched = !0, this._dirty = !0, this.multi) {
-      const e = this.options.find((a) => a.value === t);
-      if (!e) return;
-      let s;
-      e.selected = !e.selected, s = Array.isArray(this.value) ? [...this.value] : this.value ? this.value.split(",") : [], e.selected ? s.includes(t) || s.push(t) : s = s.filter((a) => a !== t), this.value = s, this.valueLabel = s.length > 0 ? this.options.filter((a) => s.includes(a.value)).map((a) => a.label).join(", ") : this.placeholder;
-    } else this.options.forEach((e) => {
-      e.selected = e.value === t;
-    }), this.value = t, this.valueLabel = ((i = this.options.find((e) => e.value === t)) == null ? void 0 : i.label) || this.placeholder, this.closeDropdown();
+      const i = this.options.find((s) => s.value === t);
+      if (!i) return;
+      let e;
+      i.selected = !i.selected, e = Array.isArray(this.value) ? [...this.value] : this.value ? this.value.split(",") : [], i.selected ? e.includes(t) || e.push(t) : e = e.filter((s) => s !== t), this.value = e, this.valueLabel = e.length > 0 ? this.options.filter((s) => e.includes(s.value)).map((s) => s.label).join(", ") : this.placeholder;
+    } else this.options.forEach((i) => {
+      i.selected = i.value === t;
+    }), this.value = t, this.valueLabel = this.options.find((i) => i.value === t)?.label || this.placeholder, this.closeDropdown();
     this.setupOptionsAccessibility(), this.dispatchChange(this.value);
   }
   dispatchChange(t) {
     this.dispatchEvent(new CustomEvent("change", { detail: { value: t }, bubbles: !0, composed: !0 })), this.checkValidity();
   }
   checkValidity() {
-    var e, s;
     if (this.disabled) return !0;
     const t = this.multi && Array.isArray(this.value) ? this.value.length === 0 : !this.value, i = !(this.required && t);
-    if (this.isValid = i, this.isValid ? (this.validationMessage = "", (e = this.internals) == null || e.setValidity({})) : (this.validationMessage = "Please select an option.", (s = this.internals) == null || s.setValidity({ valueMissing: !0 }, "Please select an option.", this.inputRef)), this.inputRef && this.hasUpdated) {
-      const a = !this.isValid && this.shouldShowValidation();
-      this.inputRef.error = a, this.inputRef.hint = a ? this.validationMessage : this.hint;
+    if (this.isValid = i, this.isValid ? (this.validationMessage = "", this.internals?.setValidity({})) : (this.validationMessage = "Please select an option.", this.internals?.setValidity({ valueMissing: !0 }, "Please select an option.", this.inputRef)), this.inputRef && this.hasUpdated) {
+      const e = !this.isValid && this.shouldShowValidation();
+      this.inputRef.error = e, this.inputRef.hint = e ? this.validationMessage : this.hint;
     }
     return this.isValid;
   }
@@ -186,12 +178,10 @@ let o = class extends _(k`
     return this.inputRef && (this.inputRef.error = !t, this.inputRef.hint = t ? this.hint : this.validationMessage, t || this.isOpen || this.openDropdown(!1), t || this.inputRef.reportValidity()), t;
   }
   setCustomValidity(t) {
-    var i, e;
-    this.validationMessage = t, t ? (this.isValid = !1, (i = this.internals) == null || i.setValidity({ customError: !0 }, t, this.inputRef)) : (this.isValid = !0, (e = this.internals) == null || e.setValidity({})), this.inputRef && this.shouldShowValidation() && (this.inputRef.error = !this.isValid, this.inputRef.hint = this.isValid ? this.hint : this.validationMessage);
+    this.validationMessage = t, t ? (this.isValid = !1, this.internals?.setValidity({ customError: !0 }, t, this.inputRef)) : (this.isValid = !0, this.internals?.setValidity({})), this.inputRef && this.shouldShowValidation() && (this.inputRef.error = !this.isValid, this.inputRef.hint = this.isValid ? this.hint : this.validationMessage);
   }
   reset() {
-    var t;
-    this.value = this.defaultValue, this.valueLabel = this.placeholder, this.isValid = !0, this.validationMessage = "", this._touched = !1, this._dirty = !1, this._submitted = !1, this._userInteracted = !1, (t = this.internals) == null || t.setValidity({}), this.syncSelection(), this.inputRef && (this.inputRef.error = !1, this.inputRef.hint = this.hint);
+    this.value = this.defaultValue, this.valueLabel = this.placeholder, this.isValid = !0, this.validationMessage = "", this._touched = !1, this._dirty = !1, this._submitted = !1, this._userInteracted = !1, this.internals?.setValidity({}), this.syncSelection(), this.inputRef && (this.inputRef.error = !1, this.inputRef.hint = this.hint);
   }
   render() {
     const t = !this.isValid && this.shouldShowValidation() && !this.isOpen, i = this.isOpen ? u`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▲</span>` : u`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▼</span>`;
@@ -247,8 +237,8 @@ let o = class extends _(k`
 		`;
   }
 };
-o.formAssociated = !0, l([h({ type: String })], o.prototype, "name", 2), l([h({ type: Boolean, reflect: !0 })], o.prototype, "required", 2), l([h({ type: Boolean, reflect: !0 })], o.prototype, "disabled", 2), l([h({ type: String })], o.prototype, "placeholder", 2), l([h({ type: String, reflect: !0 })], o.prototype, "value", 2), l([h({ type: Boolean })], o.prototype, "multi", 2), l([h({ type: String })], o.prototype, "label", 2), l([h({ type: String })], o.prototype, "hint", 2), l([h({ type: String })], o.prototype, "validateOn", 2), l([d()], o.prototype, "isOpen", 2), l([d()], o.prototype, "valueLabel", 2), l([d()], o.prototype, "isValid", 2), l([h({ type: String })], o.prototype, "validationMessage", 2), l([d()], o.prototype, "defaultValue", 2), l([v("ul")], o.prototype, "ul", 2), l([v("sch-input")], o.prototype, "inputRef", 2), l([A({ flatten: !0 })], o.prototype, "options", 2), l([d()], o.prototype, "_userInteracted", 2), l([d()], o.prototype, "_touched", 2), l([d()], o.prototype, "_dirty", 2), l([d()], o.prototype, "_submitted", 2), l([d()], o.prototype, "_focusedOptionId", 2), o = l([D("schmancy-select")], o);
+a.formAssociated = !0, o([r({ type: String })], a.prototype, "name", 2), o([r({ type: Boolean, reflect: !0 })], a.prototype, "required", 2), o([r({ type: Boolean, reflect: !0 })], a.prototype, "disabled", 2), o([r({ type: String })], a.prototype, "placeholder", 2), o([r({ type: String, reflect: !0 })], a.prototype, "value", 2), o([r({ type: Boolean })], a.prototype, "multi", 2), o([r({ type: String })], a.prototype, "label", 2), o([r({ type: String })], a.prototype, "hint", 2), o([r({ type: String })], a.prototype, "validateOn", 2), o([h()], a.prototype, "isOpen", 2), o([h()], a.prototype, "valueLabel", 2), o([h()], a.prototype, "isValid", 2), o([r({ type: String })], a.prototype, "validationMessage", 2), o([h()], a.prototype, "defaultValue", 2), o([v("ul")], a.prototype, "ul", 2), o([v("sch-input")], a.prototype, "inputRef", 2), o([A({ flatten: !0 })], a.prototype, "options", 2), o([h()], a.prototype, "_userInteracted", 2), o([h()], a.prototype, "_touched", 2), o([h()], a.prototype, "_dirty", 2), o([h()], a.prototype, "_submitted", 2), o([h()], a.prototype, "_focusedOptionId", 2), a = o([D("schmancy-select")], a);
 export {
-  o as S
+  a as S
 };
-//# sourceMappingURL=select-C6O6NRea.js.map
+//# sourceMappingURL=select-ChxNr4a9.js.map

package/dist/{select-C6O6NRea.js.map → select-ChxNr4a9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-C6O6NRea.js","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Store form event handlers as class properties to properly remove them\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners using stored handler references\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', this.formSubmitHandler)\n\t\t\tthis.internals.form.removeEventListener('reset', this.formResetHandler)\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Add click handlers to options\n\t\tthis.options.forEach(option => {\n\t\t\tfromEvent(option, 'click')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => this.handleOptionSelect(option.value))\n\t\t})\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Update selection state of options\n\t\t\tthis.syncSelection()\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\n\t\t\tthis.options?.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t?.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - update option selected state AND value label\n\t\t\tconst currentValue = String(this.value) // Convert to string for safer comparison\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options?.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this._focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.min(current + 1, options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (this._focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this._focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis._focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\t// Make sure options' selected state is in sync before opening\n\t\tthis.syncSelection()\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === String(this.value))\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this._userInteracted) {\n\t\t\tthis._touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis._focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this._userInteracted && this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\n\t\t\tlet selectedValues: string[]\n\t\t\tif (Array.isArray(this.value)) {\n\t\t\t\tselectedValues = [...this.value]\n\t\t\t} else {\n\t\t\t\tselectedValues = this.value ? this.value.split(',') : []\n\t\t\t}\n\n\t\t\tif (option.selected) {\n\t\t\t\t// Add value if not already present\n\t\t\t\tif (!selectedValues.includes(value)) {\n\t\t\t\t\tselectedValues.push(value)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Remove value\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\t// Update display label\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - explicitly update all options' selection state\n\t\t\tthis.options.forEach(o => {\n\t\t\t\to.selected = o.value === value\n\t\t\t})\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\t// Update the option's accessibility state\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Dispatch change event\n\t\tthis.dispatchChange(this.value)\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? (Array.isArray(this.value) ? this.value.length === 0 : !this.value) : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\t// Reset to initial value\n\t\tthis.value = this.defaultValue\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.syncSelection() // Update the options to match the reset value\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\taria-activedescendant=${this._focusedOptionId || undefined}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t<!-- Overlay for capturing clicks outside when dropdown is open -->\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute min-w-full w-full z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.low,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","disabled","placeholder","value","multi","label","hint","validateOn","isOpen","valueLabel","isValid","validationMessage","defaultValue","_userInteracted","_touched","_dirty","_submitted","_focusedOptionId","formSubmitHandler","checkValidity","formResetHandler","reset","handleKeyDown","e","includes","key","preventDefault","openDropdown","options","Array","from","current","findIndex","o","id","closeDropdown","focusOption","Math","min","length","max","focusedOption","find","opt","handleOptionSelect","internals","attachInternals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","addEventListener","inputRef","error","disconnectedCallback","cleanupPositioner","removeEventListener","firstUpdated","syncSelection","setupOptionsAccessibility","forEach","option","changedProps","updated","has","formValue","isArray","join","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","split","selected","filter","map","currentValue","String","selectedOption","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","push","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","render","showErrors","caretIcon","html","name","stopPropagation","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
+{"version":3,"file":"select-ChxNr4a9.js","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Store form event handlers as class properties to properly remove them\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners using stored handler references\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', this.formSubmitHandler)\n\t\t\tthis.internals.form.removeEventListener('reset', this.formResetHandler)\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Add click handlers to options\n\t\tthis.options.forEach(option => {\n\t\t\tfromEvent(option, 'click')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => this.handleOptionSelect(option.value))\n\t\t})\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Update selection state of options\n\t\t\tthis.syncSelection()\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\n\t\t\tthis.options?.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t?.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - update option selected state AND value label\n\t\t\tconst currentValue = String(this.value) // Convert to string for safer comparison\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options?.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this._focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.min(current + 1, options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (this._focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this._focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis._focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\t// Make sure options' selected state is in sync before opening\n\t\tthis.syncSelection()\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === String(this.value))\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this._userInteracted) {\n\t\t\tthis._touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis._focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this._userInteracted && this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\n\t\t\tlet selectedValues: string[]\n\t\t\tif (Array.isArray(this.value)) {\n\t\t\t\tselectedValues = [...this.value]\n\t\t\t} else {\n\t\t\t\tselectedValues = this.value ? this.value.split(',') : []\n\t\t\t}\n\n\t\t\tif (option.selected) {\n\t\t\t\t// Add value if not already present\n\t\t\t\tif (!selectedValues.includes(value)) {\n\t\t\t\t\tselectedValues.push(value)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Remove value\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\t// Update display label\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - explicitly update all options' selection state\n\t\t\tthis.options.forEach(o => {\n\t\t\t\to.selected = o.value === value\n\t\t\t})\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\t// Update the option's accessibility state\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Dispatch change event\n\t\tthis.dispatchChange(this.value)\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? (Array.isArray(this.value) ? this.value.length === 0 : !this.value) : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\t// Reset to initial value\n\t\tthis.value = this.defaultValue\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.syncSelection() // Update the options to match the reset value\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\taria-activedescendant=${this._focusedOptionId || undefined}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t<!-- Overlay for capturing clicks outside when dropdown is open -->\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute min-w-full w-full z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.low,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","disabled","placeholder","value","multi","label","hint","validateOn","isOpen","valueLabel","isValid","validationMessage","defaultValue","_userInteracted","_touched","_dirty","_submitted","_focusedOptionId","formSubmitHandler","checkValidity","formResetHandler","reset","handleKeyDown","e","includes","key","preventDefault","openDropdown","options","Array","from","current","findIndex","o","id","closeDropdown","focusOption","Math","min","length","max","focusedOption","find","opt","handleOptionSelect","internals","attachInternals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","addEventListener","inputRef","error","disconnectedCallback","cleanupPositioner","removeEventListener","firstUpdated","syncSelection","setupOptionsAccessibility","forEach","option","changedProps","updated","has","formValue","isArray","join","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","split","selected","filter","map","currentValue","String","selectedOption","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","push","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","render","showErrors","caretIcon","html","name","stopPropagation","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/select-fZ2PlQ_3.cjs

@@ -0,0 +1,56 @@
+"use strict";const h=require("@floating-ui/dom"),p=require("rxjs"),f=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const m=require("./litElement.mixin-BFfWKABY.cjs");require("./tailwind.mixin-CgPd8dM4.cjs");const v=require("./ripple-C2BHbhcS.cjs"),u=require("./theme.interface-Xg5Zi46a.cjs"),c=require("lit"),a=require("lit/decorators.js");var b=Object.defineProperty,S=Object.getOwnPropertyDescriptor,o=(t,e,i,s)=>{for(var n,l=s>1?void 0:s?S(e,i):e,r=t.length-1;r>=0;r--)(n=t[r])&&(l=(s?n(e,i,l):n(l))||l);return s&&l&&b(e,i,l),l};exports.SchmancySelect=class extends m.$LitElement(c.css`
+	:host {
+		display: block;
+		position: relative;
+	}
+
+	[role='listbox'] {
+		overflow-y: auto;
+		outline: none;
+	}
+`){constructor(){super(),this.required=!1,this.disabled=!1,this.placeholder="",this.value="",this.multi=!1,this.label="",this.hint="",this.validateOn="touched",this.isOpen=!1,this.valueLabel="",this.isValid=!0,this.validationMessage="",this.defaultValue="",this._userInteracted=!1,this._touched=!1,this._dirty=!1,this._submitted=!1,this._focusedOptionId="",this.formSubmitHandler=()=>{this._submitted=!0,this.checkValidity()},this.formResetHandler=()=>{this.reset()},this.handleKeyDown=t=>{if(this.disabled)return;if(!this.isOpen)return void(["Enter"," ","ArrowDown"].includes(t.key)&&(t.preventDefault(),this.openDropdown(!1)));const e=Array.from(this.options||[]),i=e.findIndex(s=>s.id===this._focusedOptionId)??-1;switch(t.key){case"Escape":t.preventDefault(),this.closeDropdown();break;case"ArrowDown":t.preventDefault(),this.focusOption(e,Math.min(i+1,e.length-1));break;case"ArrowUp":t.preventDefault(),this.focusOption(e,Math.max(i-1,0));break;case"Home":t.preventDefault(),this.focusOption(e,0);break;case"End":t.preventDefault(),this.focusOption(e,e.length-1);break;case"Enter":case" ":if(t.preventDefault(),this._focusedOptionId){const s=e.find(n=>n.id===this._focusedOptionId);s&&this.handleOptionSelect(s.value)}break;case"Tab":this.closeDropdown()}};try{this.internals=this.attachInternals()}catch{}}get form(){return this.internals?.form}connectedCallback(){super.connectedCallback(),this.id||(this.id=`schmancy-select-${Math.random().toString(36).substring(2,9)}`),this.defaultValue=this.value,p.fromEvent(this,"keydown").pipe(p.takeUntil(this.disconnecting)).subscribe(this.handleKeyDown),this.internals?.form&&(this.internals.form.addEventListener("submit",this.formSubmitHandler),this.internals.form.addEventListener("reset",this.formResetHandler)),this.inputRef&&(this.inputRef.error=!1)}disconnectedCallback(){super.disconnectedCallback(),this.cleanupPositioner?.(),this.internals?.form&&(this.internals.form.removeEventListener("submit",this.formSubmitHandler),this.internals.form.removeEventListener("reset",this.formResetHandler))}firstUpdated(){this.syncSelection(),this.setupOptionsAccessibility(),this.options.forEach(t=>{p.fromEvent(t,"click").pipe(p.takeUntil(this.disconnecting)).subscribe(()=>this.handleOptionSelect(t.value))})}updated(t){if(super.updated(t),t.has("value")){const e=Array.isArray(this.value)?this.value.join(","):this.value;this.internals?.setFormValue(e),this.hasUpdated&&(this._dirty=!0),this.syncSelection(),this.hasUpdated&&this.checkValidity()}t.has("isOpen")&&(this.isOpen?this.positionDropdown():this.cleanupPositioner?.())}shouldShowValidation(t=!1){if(t)return!0;switch(this.validateOn){case"always":return!0;case"touched":default:return this._touched;case"dirty":return this._dirty;case"submitted":return this._submitted}}syncSelection(){if(this.multi){const t=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[];this.options?.forEach(e=>e.selected=t.includes(e.value)),this.valueLabel=t.length>0&&this.options?.filter(e=>t.includes(e.value)).map(e=>e.label).join(", ")||this.placeholder}else{const t=String(this.value);this.options?.forEach(i=>{i.selected=i.value===t});const e=this.options?.find(i=>i.value===t);this.valueLabel=e?.label||this.placeholder}}setupOptionsAccessibility(){this.options?.forEach((t,e)=>{t.setAttribute("role","option"),t.id||(t.id=`${this.id}-option-${e}`),t.tabIndex=-1;const i=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[];t.setAttribute("aria-selected",String(this.multi?i.includes(t.value):t.value===this.value))})}async positionDropdown(){const t=this.renderRoot.querySelector(".trigger");t&&this.ul&&(this.cleanupPositioner=h.autoUpdate(t,this.ul,async()=>{const e=window.innerHeight,i=t.getBoundingClientRect(),s=e-i.bottom,n=i.top,l=Math.max(.75*Math.max(s,n),150),r=s<200&&n>s;this.ul.style.maxHeight=`${l}px`;const{x:d,y}=await h.computePosition(t,this.ul,{placement:r?"top-start":"bottom-start",middleware:[h.offset(5),h.flip(),h.shift({padding:5})]});Object.assign(this.ul.style,{left:`${d}px`,top:`${y}px`,position:"absolute",width:`${t.offsetWidth}px`})}))}focusOption(t,e){const i=t[e];if(i){i.focus(),this._focusedOptionId=i.id;const s=this.renderRoot.querySelector(".trigger");if(s&&s.setAttribute("aria-activedescendant",i.id),this.ul&&i.offsetTop!==void 0){const n=i.offsetTop,l=i.offsetHeight,r=this.ul.scrollTop,d=this.ul.clientHeight;n<r?this.ul.scrollTop=n:n+l>r+d&&(this.ul.scrollTop=n+l-d)}}}async openDropdown(t=!1){if(this.disabled)return;this.syncSelection(),this.isOpen=!0,await this.updateComplete;const e=Array.from(this.options||[]),i=this.multi?0:e.findIndex(s=>s.value===String(this.value));this.focusOption(e,Math.max(i,0)),t&&this.reportValidity()}closeDropdown(){this._userInteracted&&(this._touched=!0),this.isOpen=!1,this._focusedOptionId="";const t=this.renderRoot.querySelector(".trigger");t&&(t.removeAttribute("aria-activedescendant"),t?.focus()),this._userInteracted&&this.shouldShowValidation()&&this.checkValidity()}handleOptionSelect(t){if(this._userInteracted=!0,this._touched=!0,this._dirty=!0,this.multi){const e=this.options.find(s=>s.value===t);if(!e)return;let i;e.selected=!e.selected,i=Array.isArray(this.value)?[...this.value]:this.value?this.value.split(","):[],e.selected?i.includes(t)||i.push(t):i=i.filter(s=>s!==t),this.value=i,this.valueLabel=i.length>0?this.options.filter(s=>i.includes(s.value)).map(s=>s.label).join(", "):this.placeholder}else this.options.forEach(e=>{e.selected=e.value===t}),this.value=t,this.valueLabel=this.options.find(e=>e.value===t)?.label||this.placeholder,this.closeDropdown();this.setupOptionsAccessibility(),this.dispatchChange(this.value)}dispatchChange(t){this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0})),this.checkValidity()}checkValidity(){if(this.disabled)return!0;const t=this.multi&&Array.isArray(this.value)?this.value.length===0:!this.value,e=!(this.required&&t);if(this.isValid=e,this.isValid?(this.validationMessage="",this.internals?.setValidity({})):(this.validationMessage="Please select an option.",this.internals?.setValidity({valueMissing:!0},"Please select an option.",this.inputRef)),this.inputRef&&this.hasUpdated){const i=!this.isValid&&this.shouldShowValidation();this.inputRef.error=i,this.inputRef.hint=i?this.validationMessage:this.hint}return this.isValid}reportValidity(){const t=this.checkValidity();return this.inputRef&&(this.inputRef.error=!t,this.inputRef.hint=t?this.hint:this.validationMessage,t||this.isOpen||this.openDropdown(!1),t||this.inputRef.reportValidity()),t}setCustomValidity(t){this.validationMessage=t,t?(this.isValid=!1,this.internals?.setValidity({customError:!0},t,this.inputRef)):(this.isValid=!0,this.internals?.setValidity({})),this.inputRef&&this.shouldShowValidation()&&(this.inputRef.error=!this.isValid,this.inputRef.hint=this.isValid?this.hint:this.validationMessage)}reset(){this.value=this.defaultValue,this.valueLabel=this.placeholder,this.isValid=!0,this.validationMessage="",this._touched=!1,this._dirty=!1,this._submitted=!1,this._userInteracted=!1,this.internals?.setValidity({}),this.syncSelection(),this.inputRef&&(this.inputRef.error=!1,this.inputRef.hint=this.hint)}render(){const t=!this.isValid&&this.shouldShowValidation()&&!this.isOpen,e=this.isOpen?c.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▲</span>`:c.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▼</span>`;return c.html`
+			<div class="relative ${this.disabled?"opacity-60 cursor-not-allowed":""}">
+				<sch-input
+					.name=${this.name}
+					tabIndex=${this.disabled?"-1":"0"}
+					class="trigger"
+					role="combobox"
+					aria-haspopup="listbox"
+					aria-expanded=${this.isOpen}
+					aria-controls="options"
+					aria-autocomplete="none"
+					aria-required=${this.required}
+					aria-activedescendant=${this._focusedOptionId||void 0}
+					aria-disabled=${this.disabled}
+					.label=${this.label}
+					.placeholder=${this.placeholder}
+					.value=${this.valueLabel}
+					.required=${this.required}
+					.disabled=${this.disabled}
+					.hint=${t?this.validationMessage:this.hint}
+					.error=${t}
+					.validateOn=${this.validateOn}
+					readonly
+					clickable
+					@click=${i=>{if(this.disabled)return i.preventDefault(),void i.stopPropagation();this.isOpen?(this._userInteracted=!0,this.closeDropdown()):this.openDropdown(!1)}}
+				>
+					${e}
+				</sch-input>
+
+				<!-- Overlay for capturing clicks outside when dropdown is open -->
+				${this.isOpen?c.html` <div class="fixed inset-0 z-10" @click=${this.closeDropdown} tabindex="-1" aria-hidden="true"></div> `:""}
+
+				<ul
+					id="options"
+					role="listbox"
+					aria-multiselectable=${this.multi}
+					class=${f.classMap({"absolute min-w-full w-full z-20 mt-1 rounded-md shadow-lg":!0,hidden:!this.isOpen})}
+					${v.color({bgColor:u.SchmancyTheme.sys.color.surface.low,color:u.SchmancyTheme.sys.color.surface.on})}
+				>
+					<slot
+						@slotchange=${()=>{this.syncSelection(),this.setupOptionsAccessibility()}}
+					></slot>
+				</ul>
+			</div>
+		`}},exports.SchmancySelect.formAssociated=!0,o([a.property({type:String})],exports.SchmancySelect.prototype,"name",2),o([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"required",2),o([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"disabled",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"placeholder",2),o([a.property({type:String,reflect:!0})],exports.SchmancySelect.prototype,"value",2),o([a.property({type:Boolean})],exports.SchmancySelect.prototype,"multi",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"label",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"hint",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"validateOn",2),o([a.state()],exports.SchmancySelect.prototype,"isOpen",2),o([a.state()],exports.SchmancySelect.prototype,"valueLabel",2),o([a.state()],exports.SchmancySelect.prototype,"isValid",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"validationMessage",2),o([a.state()],exports.SchmancySelect.prototype,"defaultValue",2),o([a.query("ul")],exports.SchmancySelect.prototype,"ul",2),o([a.query("sch-input")],exports.SchmancySelect.prototype,"inputRef",2),o([a.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),o([a.state()],exports.SchmancySelect.prototype,"_userInteracted",2),o([a.state()],exports.SchmancySelect.prototype,"_touched",2),o([a.state()],exports.SchmancySelect.prototype,"_dirty",2),o([a.state()],exports.SchmancySelect.prototype,"_submitted",2),o([a.state()],exports.SchmancySelect.prototype,"_focusedOptionId",2),exports.SchmancySelect=o([a.customElement("schmancy-select")],exports.SchmancySelect);
+//# sourceMappingURL=select-fZ2PlQ_3.cjs.map