@mhmo91/schmancy 0.5.22 → 0.5.23

package/dist/autocomplete-CTrPzVTE.js

@@ -0,0 +1,332 @@
+import { BehaviorSubject as _, combineLatest as x } from "rxjs";
+import { classMap as f } from "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { property as u, state as d, query as g, queryAssignedElements as V, customElement as S } from "lit/decorators.js";
+import "./tailwind.mixin-CkQXl1kF.js";
+import { $ as w } from "./litElement.mixin-3N_m8Nzd.js";
+import { html as h } from "lit";
+import { createRef as O, ref as b } from "lit/directives/ref.js";
+import { repeat as k } from "lit/directives/repeat.js";
+import { when as v } from "lit/directives/when.js";
+import { tap as y, takeUntil as $, distinctUntilChanged as C, debounceTime as E, take as R } from "rxjs/operators";
+import { s as m } from "./search-6Hr7K1gh.js";
+import "./input-chip-Ddvjmzdt.js";
+var D = Object.defineProperty, A = Object.getOwnPropertyDescriptor, a = (e, t, i, n) => {
+  for (var r, s = n > 1 ? void 0 : n ? A(t, i) : t, o = e.length - 1; o >= 0; o--) (r = e[o]) && (s = (n ? r(t, i, s) : r(s)) || s);
+  return n && s && D(t, i, s), s;
+};
+let l = class extends w(":host{display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host:focus{box-shadow:unset!important}@keyframes onAutoFillStart{}sch-input::part(input):-webkit-autofill,sch-input input:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms}") {
+  constructor() {
+    super(...arguments), this.required = !1, this.placeholder = "", this.label = "", this.name = "", this.maxHeight = "300px", this.multi = !1, this.description = "", this.size = "md", this.autocomplete = "off", this.debounceMs = 200, this.similarityThreshold = 0.3, this.error = !1, this.validationMessage = "", this._open = !1, this._inputValue = "", this._visibleOptionsCount = 0, this._hasResults = !0, this._isSelectingOption = !1, this._inputElementRef = O(), this._selectedValue$ = new _(""), this._selectedValues$ = new _([]), this._inputValue$ = new _("");
+  }
+  get values() {
+    return [...this._selectedValues$.value];
+  }
+  set values(e) {
+    this._selectedValues$.next(Array.isArray(e) ? [...e] : []);
+  }
+  get value() {
+    return this.multi ? this._selectedValues$.value.join(",") : this._selectedValue$.value;
+  }
+  set value(e) {
+    if (this.multi) {
+      const t = e ? e.split(",").map((n) => n.trim()).filter(Boolean) : [], i = this._selectedValues$.value;
+      JSON.stringify(t) !== JSON.stringify(i) && this._selectedValues$.next(t);
+    } else e !== this._selectedValue$.value && this._selectedValue$.next(e);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.id || (this.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`), this._setupAutocompleteLogic(), this._setupDocumentClickHandler();
+  }
+  _setupAutocompleteLogic() {
+    x([this._selectedValue$, this._selectedValues$]).pipe(y(([e, t]) => {
+      this._updateOptionSelection(e, t);
+    }), $(this.disconnecting)).subscribe(), this._inputValue$.pipe(C(), E(this.debounceMs), y((e) => {
+      this._open && this._filterOptions(e);
+    }), $(this.disconnecting)).subscribe();
+  }
+  _setupOptionHandlers() {
+    this._options.forEach((e, t) => {
+      e.setAttribute("role", "option"), e.tabIndex = -1, e.id || (e.id = `${this.id}-option-${t}`), e.onmousedown = (i) => {
+        i.preventDefault(), this._isSelectingOption = !0;
+      }, e.onclick = (i) => {
+        i.stopPropagation(), this._selectOption(e), setTimeout(() => {
+          this._isSelectingOption = !1;
+        }, 50);
+      };
+    });
+  }
+  _updateOptionSelection(e, t) {
+    this._options.forEach((i) => {
+      i.selected = this.multi ? t.includes(i.value) : i.value === e, i.setAttribute("aria-selected", String(i.selected));
+    });
+  }
+  _filterOptions(e) {
+    const t = e.trim();
+    if (t) {
+      const i = this._options.map((r) => {
+        const s = r.label || r.textContent || "", o = r.value, p = m(t, s), c = m(t, o);
+        return { option: r, score: Math.max(1.1 * p, c) };
+      });
+      i.sort((r, s) => s.score - r.score);
+      let n = 0;
+      i.forEach((r, s) => {
+        const { option: o, score: p } = r;
+        p < this.similarityThreshold ? o.hidden = !0 : (o.hidden = !1, n++, o.style.order = String(s));
+      }), this._visibleOptionsCount = n, this._hasResults = n > 0;
+    } else this._options.forEach((i) => {
+      i.hidden = !1, i.style.order = "0";
+    }), this._visibleOptionsCount = this._options.length, this._hasResults = !0;
+    this._announceToScreenReader(this._visibleOptionsCount > 0 ? `${this._visibleOptionsCount} option${this._visibleOptionsCount === 1 ? "" : "s"} available.` : "No results found.");
+  }
+  _selectOption(e) {
+    if (this.multi) {
+      const t = this._selectedValues$.value, i = t.indexOf(e.value) > -1 ? t.filter((n) => n !== e.value) : [...t, e.value];
+      this._selectedValues$.next(i), this._announceToScreenReader(i.length > 0 ? `Selected: ${this._getSelectedLabels().join(", ")}` : "No options selected"), this._fireChangeEvent();
+    } else this._selectedValue$.next(e.value), this._fireChangeEvent(), this._open = !1, this._inputValue = e.label || e.textContent || "", this._inputValue$.next(this._inputValue), setTimeout(() => this._inputElementRef.value?.blur(), 100), this._announceToScreenReader(`Selected: ${e.label || e.textContent}`);
+  }
+  _setupDocumentClickHandler() {
+    const e = (t) => {
+      if (!this._open) return;
+      const i = t.composedPath();
+      i.includes(this) || this._options.some((n) => i.includes(n)) || (this._open = !1, this._updateInputDisplay());
+    };
+    document.addEventListener("click", e), this.disconnecting.pipe(R(1)).subscribe(() => {
+      document.removeEventListener("click", e);
+    });
+  }
+  _updateInputDisplay() {
+    if (this.multi || this._open) return;
+    const e = this._selectedValue$.value, t = this._options.find((i) => i.value === e);
+    this._inputValue = t && (t.label || t.textContent) || "", this._inputValue$.next(this._inputValue), this._inputElementRef.value && (this._inputElementRef.value.value = this._inputValue);
+  }
+  _getSelectedLabels() {
+    return this._options.filter((e) => this.multi ? this._selectedValues$.value.includes(e.value) : e.value === this._selectedValue$.value).map((e) => e.label || e.textContent || "");
+  }
+  _announceToScreenReader(e) {
+    const t = this.shadowRoot?.querySelector("#live-status");
+    t && (t.textContent = e);
+  }
+  _fireChangeEvent() {
+    const e = { value: this.value };
+    this.multi && (e.values = [...this._selectedValues$.value]), this.dispatchEvent(new CustomEvent("change", { detail: e, bubbles: !0, composed: !0 }));
+  }
+  checkValidity() {
+    return !this.required || (this.multi ? this._selectedValues$.value.length > 0 : !!this._selectedValue$.value);
+  }
+  reportValidity() {
+    return this._inputElementRef.value ? this._inputElementRef.value.reportValidity() : this.checkValidity();
+  }
+  firstUpdated() {
+    this._setupOptionHandlers(), this.shadowRoot?.querySelector("slot")?.addEventListener("slotchange", () => {
+      this._setupOptionHandlers(), this._updateOptionSelection(this._selectedValue$.value, this._selectedValues$.value);
+    });
+  }
+  handleChipRemove(e) {
+    const t = this._selectedValues$.value.filter((i) => i !== e);
+    this._selectedValues$.next(t), this._fireChangeEvent(), this._announceToScreenReader(`Removed: ${this._getChipLabel(e)}`);
+  }
+  _getChipLabel(e) {
+    const t = this._options.find((i) => i.value === e);
+    return t && (t.label || t.textContent) || e;
+  }
+  _focusTextInput() {
+    this._inputElementRef.value && this._inputElementRef.value.focus();
+  }
+  render() {
+    const e = `${this.id}-desc`, { height: t, padding: i, fontSize: n, labelSize: r } = (() => {
+      switch (this.size) {
+        case "sm":
+          return { height: "min-h-[40px]", padding: "px-2", fontSize: "text-sm", labelSize: "text-sm" };
+        case "lg":
+          return { height: "min-h-[60px]", padding: "px-5", fontSize: "text-lg", labelSize: "text-lg" };
+        default:
+          return { height: "min-h-[50px]", padding: "px-4", fontSize: "text-base", labelSize: "text-base" };
+      }
+    })();
+    return h`
+            <div class="relative">
+                <!-- Screen reader live region -->
+                <div id="live-status" role="status" aria-live="polite" class="sr-only"></div>
+
+                <!-- Description -->
+                ${this.description ? h`<div id="${e}" class="sr-only">${this.description}</div>` : ""}
+
+                <!-- Custom input wrapper for Gmail-style chip input -->
+                <slot name="trigger">
+                    ${v(this.multi, () => h`
+                            <!-- Custom multi-select input with inline chips -->
+                            <div class="relative">
+                                ${v(this.label, () => h`
+                                    <label class="${f({ "block mb-1 font-medium": !0, "text-primary-default": !this.error, "text-error-default": this.error, [r]: !0 })}">
+                                        ${this.label}${this.required ? h`<span class="text-error-default ml-1">*</span>` : ""}
+                                    </label>
+                                `)}
+                                <div
+                                    class="${f({ "flex flex-wrap items-center gap-1": !0, [t]: !0, [i]: !0, "block w-full min-w-0 rounded-[8px] border-0": !0, "bg-surface-highest text-surface-on": !0, "ring-0 ring-inset focus-within:ring-1 focus-within:ring-inset": !0, "ring-secondary-default  focus-within:ring-secondary-default": !this.error, "ring-error-default focus-within:ring-error-default": this.error, "cursor-text transition-colors duration-200": !0 })}"
+                                    @click=${() => this._focusTextInput()}
+                                    role="combobox"
+                                    aria-autocomplete="list"
+                                    aria-haspopup="listbox"
+                                    aria-controls="options"
+                                    aria-expanded=${this._open}
+                                >
+                                    <!-- Render chips inline -->
+                                    ${k(this._selectedValues$.value, (s) => s, (s) => h`
+                                            <schmancy-input-chip
+                                                .value=${s}
+                                                @remove=${(o) => this.handleChipRemove(o.detail.value)}
+                                                class="flex-shrink-0 my-0.5"
+                                            >
+                                                ${this._getChipLabel(s)}
+                                            </schmancy-input-chip>
+                                        `)}
+
+                                    <!-- Text input for typing -->
+                                    <input
+                                        ${b(this._inputElementRef)}
+                                        id="autocomplete-input"
+                                        type="text"
+                                        class="flex-1 min-w-[120px] py-1 bg-transparent border-none outline-none ${n} font-medium text-surface-on placeholder:text-muted"
+                                        name=${this.name || this.label?.toLowerCase().replace(/\s+/g, "-") || ""}
+                                        .placeholder=${this._selectedValues$.value.length > 0 ? "Add more..." : this.placeholder}
+                                        .value=${this._inputValue}
+                                        .autocomplete=${this.autocomplete}
+                                        @input=${(s) => {
+      const o = s.target.value;
+      this._inputValue = o, this._inputValue$.next(o);
+    }}
+                                        @focus=${(s) => {
+      s.stopPropagation(), this._inputValue = "", this._inputValue$.next(""), this._open = !0;
+    }}
+                                        @keydown=${(s) => {
+      this._handleKeyDown(s);
+    }}
+                                        @blur=${() => {
+      this._handleAutoSelectOnBlur();
+    }}
+                                    />
+                                </div>
+
+                                <!-- Validation message -->
+                                ${v(this.error && this.validationMessage, () => h`
+                                    <div class="mt-1 text-sm text-error-default">
+                                        ${this.validationMessage}
+                                    </div>
+                                `)}
+                            </div>
+                        `, () => h`
+                            <!-- Regular single-select input -->
+                            <schmancy-input
+                                .size=${this.size}
+                                ${b(this._inputElementRef)}
+                                id="autocomplete-input"
+                                class="w-full"
+                                .name=${this.name || this.label?.toLowerCase().replace(/\s+/g, "-") || ""}
+                                .label=${this.label}
+                                .placeholder=${this.placeholder}
+                                .required=${this.required}
+                                .value=${this._inputValue}
+                                type="text"
+                                autocomplete=${this.autocomplete}
+                                clickable
+                                role="combobox"
+                                aria-autocomplete="list"
+                                aria-haspopup="listbox"
+                                aria-controls="options"
+                                aria-expanded=${this._open}
+                                aria-describedby=${this.description ? e : void 0}
+                                @input=${(s) => {
+      const o = s.target.value;
+      this._inputValue = o, this._inputValue$.next(o);
+    }}
+                                @focus=${(s) => {
+      s.stopPropagation(), this._open = !0;
+    }}
+                                @click=${(s) => {
+      s.stopPropagation(), this._open = !0;
+    }}
+                                @keydown=${(s) => {
+      this._handleKeyDown(s);
+    }}
+                                @blur=${() => {
+      this._handleAutoSelectOnBlur();
+    }}
+                            >
+                            </schmancy-input>
+                        `)}
+                </slot>
+
+                <!-- Options dropdown -->
+                <ul
+                    id="options"
+                    class=${f({ absolute: !0, "z-[1000]": !0, "mt-1": !0, "w-full": !0, "rounded-md": !0, "shadow-md": !0, "overflow-auto": !0, "min-w-full": !0, "bg-surface-low": !0, flex: !0, "flex-col": !0 })}
+                    role="listbox"
+                    aria-multiselectable=${this.multi ? "true" : "false"}
+                    aria-label=${`${this.label || "Options"} dropdown`}
+                    ?hidden=${!this._open}
+                    style="max-height: ${this.maxHeight}; display: ${this._open ? "flex" : "none"};"
+                    @slotchange=${() => {
+      this._setupOptionHandlers();
+    }}
+                >
+                    <slot></slot>
+                    ${this._hasResults ? "" : h`
+                        <li class="px-3 py-2 text-sm text-muted">No results found</li>
+                    `}
+                </ul>
+            </div>
+        `;
+  }
+  _handleAutoSelectOnBlur() {
+    if (this._isSelectingOption || this.multi || !this._open || !this._inputValue.trim()) return;
+    const e = this._inputValue.trim();
+    let t = null, i = 0;
+    this._options.forEach((n) => {
+      if (n.hidden) return;
+      const r = n.label || n.textContent || "", s = n.value, o = m(e, r), p = m(e, s), c = Math.max(1.1 * o, p);
+      c > i && c >= this.similarityThreshold && (i = c, t = n);
+    }), t && (this._selectOption(t), this._open = !1);
+  }
+  _handleKeyDown(e) {
+    const t = this._open, i = this._selectedValues$.value;
+    if (this.multi && e.key === "Backspace" && !this._inputValue && i.length > 0 && !t) {
+      e.preventDefault();
+      const o = i[i.length - 1];
+      return void this.handleChipRemove(o);
+    }
+    if (!t && (e.key === "ArrowDown" || e.key === "Enter")) return e.preventDefault(), this._open = !0, void setTimeout(() => {
+      this._options.find((p) => !p.hidden)?.focus();
+    }, 10);
+    if (!t) return;
+    const n = this._options.filter((o) => !o.hidden).sort((o, p) => parseInt(o.style.order || "0") - parseInt(p.style.order || "0")), r = n.find((o) => o === document.activeElement), s = r ? n.indexOf(r) : -1;
+    switch (e.key) {
+      case "Escape":
+        e.preventDefault(), this._open = !1, this._updateInputDisplay(), this._inputElementRef.value?.focus();
+        break;
+      case "Tab":
+        this._open = !1, this._updateInputDisplay();
+        break;
+      case "ArrowDown":
+        e.preventDefault();
+        const o = s < n.length - 1 ? s + 1 : 0;
+        n[o]?.focus();
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        const p = s > 0 ? s - 1 : n.length - 1;
+        n[p]?.focus();
+        break;
+      case "Home":
+        e.preventDefault(), n[0]?.focus();
+        break;
+      case "End":
+        e.preventDefault(), n[n.length - 1]?.focus();
+        break;
+      case "Enter":
+      case " ":
+        r && (e.preventDefault(), this._selectOption(r));
+    }
+  }
+};
+a([u({ type: Boolean })], l.prototype, "required", 2), a([u({ type: String })], l.prototype, "placeholder", 2), a([u({ type: String, reflect: !0 })], l.prototype, "label", 2), a([u({ type: String })], l.prototype, "name", 2), a([u({ type: String })], l.prototype, "maxHeight", 2), a([u({ type: Boolean })], l.prototype, "multi", 2), a([u({ type: String })], l.prototype, "description", 2), a([u({ type: String, reflect: !0 })], l.prototype, "size", 2), a([u({ type: String })], l.prototype, "autocomplete", 2), a([u({ type: Number })], l.prototype, "debounceMs", 2), a([u({ type: Number })], l.prototype, "similarityThreshold", 2), a([u({ type: Boolean })], l.prototype, "error", 2), a([u({ type: String })], l.prototype, "validationMessage", 2), a([u({ type: Array })], l.prototype, "values", 1), a([u({ type: String, reflect: !0 })], l.prototype, "value", 1), a([d()], l.prototype, "_open", 2), a([d()], l.prototype, "_inputValue", 2), a([d()], l.prototype, "_visibleOptionsCount", 2), a([d()], l.prototype, "_hasResults", 2), a([g("#options")], l.prototype, "_listbox", 2), a([g("sch-input")], l.prototype, "_input", 2), a([V({ flatten: !0 })], l.prototype, "_options", 2), l = a([S("schmancy-autocomplete")], l);
+//# sourceMappingURL=autocomplete-CTrPzVTE.js.map

package/dist/autocomplete-CTrPzVTE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-CTrPzVTE.js","sources":["../src/autocomplete/autocomplete.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { InputSize, SchmancyInput } from '@schmancy/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { when } from 'lit/directives/when.js'\nimport {\n    BehaviorSubject,\n    combineLatest\n} from 'rxjs'\nimport {\n    debounceTime,\n    distinctUntilChanged,\n    take,\n    takeUntil,\n    tap\n} from 'rxjs/operators'\nimport style from './autocomplete.scss?inline'\n\n// Import the similarity function (or include it inline)\nimport { similarity } from '../utils/search'\n// Import chip component for multi-select display\nimport '../chips/input-chip'\n\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n    value: string | string[]\n    values?: string[]\n}>\n\ninterface FilteredOption {\n    option: SchmancyOption\n    score: number\n}\n\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends $LitElement(style) {\n    // Public API properties\n    @property({ type: Boolean }) required = false\n    @property({ type: String }) placeholder = ''\n    @property({ type: String, reflect: true }) label = ''\n    @property({ type: String }) name = ''\n    @property({ type: String }) maxHeight = '300px'\n    @property({ type: Boolean }) multi = false\n    @property({ type: String }) description = ''\n    @property({ type: String, reflect: true }) size: InputSize = 'md'\n    @property({ type: String }) autocomplete = 'off'\n    @property({ type: Number }) debounceMs = 200\n    @property({ type: Number }) similarityThreshold = 0.3 // Minimum similarity score to show option\n    @property({ type: Boolean }) error = false\n    @property({ type: String }) validationMessage = ''\n\n    // Values property for multi-select mode\n    @property({ type: Array })\n    get values() {\n        return [...this._selectedValues$.value]\n    }\n    set values(vals: string[]) {\n        this._selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n    }\n\n    // Value property\n    @property({ type: String, reflect: true })\n    get value() {\n        return this.multi \n            ? this._selectedValues$.value.join(',')\n            : this._selectedValue$.value\n    }\n    set value(val: string) {\n        if (this.multi) {\n            const newValues = val ? val.split(',').map(v => v.trim()).filter(Boolean) : []\n            const currentValues = this._selectedValues$.value\n            // Only update if values actually changed\n            if (JSON.stringify(newValues) !== JSON.stringify(currentValues)) {\n                this._selectedValues$.next(newValues)\n            }\n        } else {\n            // Only update if value actually changed\n            if (val !== this._selectedValue$.value) {\n                this._selectedValue$.next(val)\n            }\n        }\n    }\n\n    // State\n    @state() private _open = false\n    @state() private _inputValue = ''\n    @state() private _visibleOptionsCount = 0\n    @state() private _hasResults = true\n\n    // Track if we're clicking on an option to prevent blur interference\n    private _isSelectingOption = false\n\n    // DOM references\n    @query('#options') _listbox!: HTMLUListElement\n    @query('sch-input') _input!: SchmancyInput\n    @queryAssignedElements({ flatten: true }) private _options!: SchmancyOption[]\n    private _inputElementRef = createRef<HTMLInputElement>()\n\n    // RxJS Subjects - only what we actually need\n    private _selectedValue$ = new BehaviorSubject<string>('')\n    private _selectedValues$ = new BehaviorSubject<string[]>([])\n    private _inputValue$ = new BehaviorSubject<string>('')\n\n    connectedCallback() {\n        super.connectedCallback()\n\n        if (!this.id) {\n            this.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`\n        }\n\n        this._setupAutocompleteLogic()\n        this._setupDocumentClickHandler()\n    }\n\n    private _setupAutocompleteLogic() {\n        // Sync selection state\n        combineLatest([\n            this._selectedValue$,\n            this._selectedValues$\n        ]).pipe(\n            tap(([selectedValue, selectedValues]) => {\n                this._updateOptionSelection(selectedValue, selectedValues)\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Filter options based on input\n        this._inputValue$.pipe(\n            distinctUntilChanged(),\n            debounceTime(this.debounceMs),\n            tap(searchTerm => {\n                if (this._open) {\n                    this._filterOptions(searchTerm)\n                }\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n    }\n\n    private _setupOptionHandlers() {\n        this._options.forEach((option, index) => {\n            option.setAttribute('role', 'option')\n            option.tabIndex = -1\n            if (!option.id) {\n                option.id = `${this.id}-option-${index}`\n            }\n            // Prevent blur handler from interfering with option selection\n            option.onmousedown = (e: MouseEvent) => {\n                e.preventDefault() // Prevent focus loss\n                this._isSelectingOption = true\n            }\n\n            // Handle the actual selection\n            option.onclick = (e: MouseEvent) => {\n                e.stopPropagation()\n                this._selectOption(option)\n                // Reset flag after a short delay\n                setTimeout(() => {\n                    this._isSelectingOption = false\n                }, 50)\n            }\n        })\n    }\n\n    private _updateOptionSelection(selectedValue: string, selectedValues: string[]) {\n        this._options.forEach(option => {\n            option.selected = this.multi\n                ? selectedValues.includes(option.value)\n                : option.value === selectedValue\n            option.setAttribute('aria-selected', String(option.selected))\n        })\n    }\n\n    private _filterOptions(searchTerm: string) {\n        const term = searchTerm.trim()\n\n        if (!term) {\n            // Show all options if no search term\n            this._options.forEach(option => {\n                option.hidden = false\n                option.style.order = '0'\n            })\n            this._visibleOptionsCount = this._options.length\n            this._hasResults = true\n        } else {\n            // Calculate similarity scores for all options\n            const scoredOptions: FilteredOption[] = this._options.map(option => {\n                const optionLabel = option.label || option.textContent || ''\n                const optionValue = option.value\n\n                const labelScore = similarity(term, optionLabel)\n                const valueScore = similarity(term, optionValue)\n                const score = Math.max(labelScore * 1.1, valueScore)\n\n                return { option, score }\n            })\n\n            // Sort by score (highest first)\n            scoredOptions.sort((a, b) => b.score - a.score)\n\n            // Apply visibility and ordering\n            let visibleCount = 0\n            scoredOptions.forEach((item, index) => {\n                const { option, score } = item\n\n                if (score < this.similarityThreshold) {\n                    option.hidden = true\n                } else {\n                    option.hidden = false\n                    visibleCount++\n                    option.style.order = String(index)\n                }\n            })\n\n            this._visibleOptionsCount = visibleCount\n            this._hasResults = visibleCount > 0\n        }\n\n        this._announceToScreenReader(\n            this._visibleOptionsCount > 0\n                ? `${this._visibleOptionsCount} option${this._visibleOptionsCount === 1 ? '' : 's'} available.`\n                : 'No results found.'\n        )\n    }\n\n    private _selectOption(option: SchmancyOption) {\n        if (this.multi) {\n            const currentValues = this._selectedValues$.value\n            const index = currentValues.indexOf(option.value)\n            const newValues = index > -1\n                ? currentValues.filter(v => v !== option.value)\n                : [...currentValues, option.value]\n\n            this._selectedValues$.next(newValues)\n            this._announceToScreenReader(\n                newValues.length > 0\n                    ? `Selected: ${this._getSelectedLabels().join(', ')}`\n                    : 'No options selected'\n            )\n            this._fireChangeEvent()\n        } else {\n            // Fix the bug: Update value BEFORE firing event\n            this._selectedValue$.next(option.value)\n\n            // Now fire event with the NEW value\n            this._fireChangeEvent()\n\n            // Update UI\n            this._open = false\n            this._inputValue = option.label || option.textContent || ''\n            this._inputValue$.next(this._inputValue)\n\n            // Blur the input\n            setTimeout(() => this._inputElementRef.value?.blur(), 100)\n\n            this._announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n        }\n    }\n\n    private _setupDocumentClickHandler() {\n        // Simple document click handler\n        const handleDocumentClick = (e: MouseEvent) => {\n            if (!this._open) return\n\n            const path = e.composedPath()\n            if (!path.includes(this) && !this._options.some(opt => path.includes(opt))) {\n                this._open = false\n                this._updateInputDisplay()\n            }\n        }\n\n        document.addEventListener('click', handleDocumentClick)\n\n        // Cleanup on disconnect\n        this.disconnecting.pipe(take(1)).subscribe(() => {\n            document.removeEventListener('click', handleDocumentClick)\n        })\n    }\n\n\n    private _updateInputDisplay() {\n        // For multi-select, we don't update input display since chips show the selections\n        if (this.multi || this._open) return\n\n        const selectedValue = this._selectedValue$.value\n        const option = this._options.find(opt => opt.value === selectedValue)\n        this._inputValue = option ? option.label || option.textContent || '' : ''\n        this._inputValue$.next(this._inputValue)\n\n        if (this._inputElementRef.value) {\n            this._inputElementRef.value.value = this._inputValue\n        }\n    }\n\n    private _getSelectedLabels(): string[] {\n        return this._options\n            .filter(option => \n                this.multi \n                    ? this._selectedValues$.value.includes(option.value)\n                    : option.value === this._selectedValue$.value\n            )\n            .map(option => option.label || option.textContent || '')\n    }\n\n    private _announceToScreenReader(message: string) {\n        const liveRegion = this.shadowRoot?.querySelector('#live-status')\n        if (liveRegion) {\n            liveRegion.textContent = message\n        }\n    }\n\n    private _fireChangeEvent() {\n        const detail: SchmancyAutocompleteChangeEvent['detail'] = {\n            value: this.value,\n        }\n\n        if (this.multi) {\n            detail.values = [...this._selectedValues$.value]\n        }\n\n        this.dispatchEvent(\n            new CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n                detail,\n                bubbles: true,\n                composed: true,\n            })\n        )\n    }\n\n    public checkValidity(): boolean {\n        if (!this.required) return true\n        return this.multi \n            ? this._selectedValues$.value.length > 0 \n            : Boolean(this._selectedValue$.value)\n    }\n\n    public reportValidity(): boolean {\n        if (this._inputElementRef.value) {\n            return this._inputElementRef.value.reportValidity()\n        }\n        return this.checkValidity()\n    }\n\n    firstUpdated() {\n        this._setupOptionHandlers()\n\n        // Update options when slot changes\n        const slot = this.shadowRoot?.querySelector('slot')\n        slot?.addEventListener('slotchange', () => {\n            this._setupOptionHandlers()\n            this._updateOptionSelection(this._selectedValue$.value, this._selectedValues$.value)\n        })\n    }\n\n    private handleChipRemove(value: string) {\n        const currentValues = this._selectedValues$.value\n        const newValues = currentValues.filter(v => v !== value)\n        this._selectedValues$.next(newValues)\n        this._fireChangeEvent()\n        this._announceToScreenReader(`Removed: ${this._getChipLabel(value)}`)\n    }\n\n    private _getChipLabel(value: string): string {\n        const option = this._options.find(opt => opt.value === value)\n        return option ? option.label || option.textContent || value : value\n    }\n\n    private _focusTextInput() {\n        if (this._inputElementRef.value) {\n            this._inputElementRef.value.focus()\n        }\n    }\n\n    render() {\n        const descriptionId = `${this.id}-desc`\n\n        // Get size-based styling to match Schmancy input\n        const getSizeStyles = () => {\n            switch (this.size) {\n                case 'sm':\n                    return {\n                        height: 'min-h-[40px]',\n                        padding: 'px-2',\n                        fontSize: 'text-sm', // 14px\n                        labelSize: 'text-sm'\n                    }\n                case 'lg':\n                    return {\n                        height: 'min-h-[60px]',\n                        padding: 'px-5',\n                        fontSize: 'text-lg', // 18px\n                        labelSize: 'text-lg'\n                    }\n                case 'md':\n                default:\n                    return {\n                        height: 'min-h-[50px]',\n                        padding: 'px-4',\n                        fontSize: 'text-base', // 16px\n                        labelSize: 'text-base'\n                    }\n            }\n        }\n\n        const { height, padding, fontSize, labelSize } = getSizeStyles()\n\n        return html`\n            <div class=\"relative\">\n                <!-- Screen reader live region -->\n                <div id=\"live-status\" role=\"status\" aria-live=\"polite\" class=\"sr-only\"></div>\n\n                <!-- Description -->\n                ${this.description ? html`<div id=\"${descriptionId}\" class=\"sr-only\">${this.description}</div>` : ''}\n\n                <!-- Custom input wrapper for Gmail-style chip input -->\n                <slot name=\"trigger\">\n                    ${when(this.multi,\n                        () => html`\n                            <!-- Custom multi-select input with inline chips -->\n                            <div class=\"relative\">\n                                ${when(this.label, () => html`\n                                    <label class=\"${classMap({\n                                        'block mb-1 font-medium': true,\n                                        'text-primary-default': !this.error,\n                                        'text-error-default': this.error,\n                                        [labelSize]: true\n                                    })}\">\n                                        ${this.label}${this.required ? html`<span class=\"text-error-default ml-1\">*</span>` : ''}\n                                    </label>\n                                `)}\n                                <div\n                                    class=\"${classMap({\n                                        'flex flex-wrap items-center gap-1': true,\n                                        [height]: true,\n                                        [padding]: true,\n                                        'block w-full min-w-0 rounded-[8px] border-0': true,\n                                        'bg-surface-highest text-surface-on': true,\n                                        'ring-0 ring-inset focus-within:ring-1 focus-within:ring-inset': true,\n                                        'ring-secondary-default  focus-within:ring-secondary-default': !this.error,\n                                        'ring-error-default focus-within:ring-error-default': this.error,\n                                        'cursor-text transition-colors duration-200': true\n                                    })}\"\n                                    @click=${() => this._focusTextInput()}\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-haspopup=\"listbox\"\n                                    aria-controls=\"options\"\n                                    aria-expanded=${this._open}\n                                >\n                                    <!-- Render chips inline -->\n                                    ${repeat(\n                                        this._selectedValues$.value,\n                                        value => value,\n                                        value => html`\n                                            <schmancy-input-chip\n                                                .value=${value}\n                                                @remove=${(e: CustomEvent) => this.handleChipRemove(e.detail.value)}\n                                                class=\"flex-shrink-0 my-0.5\"\n                                            >\n                                                ${this._getChipLabel(value)}\n                                            </schmancy-input-chip>\n                                        `\n                                    )}\n\n                                    <!-- Text input for typing -->\n                                    <input\n                                        ${ref(this._inputElementRef)}\n                                        id=\"autocomplete-input\"\n                                        type=\"text\"\n                                        class=\"flex-1 min-w-[120px] py-1 bg-transparent border-none outline-none ${fontSize} font-medium text-surface-on placeholder:text-muted\"\n                                        name=${this.name || this.label?.toLowerCase().replace(/\\s+/g, '-') || ''}\n                                        .placeholder=${this._selectedValues$.value.length > 0 ? 'Add more...' : this.placeholder}\n                                        .value=${this._inputValue}\n                                        .autocomplete=${this.autocomplete}\n                                        @input=${(e: Event) => {\n                                            const value = (e.target as HTMLInputElement).value\n                                            this._inputValue = value\n                                            this._inputValue$.next(value)\n                                        }}\n                                        @focus=${(e: FocusEvent) => {\n                                            e.stopPropagation()\n                                            // Clear input on focus for new searches\n                                            this._inputValue = ''\n                                            this._inputValue$.next('')\n                                            this._open = true\n                                        }}\n                                        @keydown=${(e: KeyboardEvent) => {\n                                            this._handleKeyDown(e)\n                                        }}\n                                        @blur=${() => {\n                                            this._handleAutoSelectOnBlur()\n                                        }}\n                                    />\n                                </div>\n\n                                <!-- Validation message -->\n                                ${when(this.error && this.validationMessage, () => html`\n                                    <div class=\"mt-1 text-sm text-error-default\">\n                                        ${this.validationMessage}\n                                    </div>\n                                `)}\n                            </div>\n                        `,\n                        () => html`\n                            <!-- Regular single-select input -->\n                            <schmancy-input\n                                .size=${this.size}\n                                ${ref(this._inputElementRef)}\n                                id=\"autocomplete-input\"\n                                class=\"w-full\"\n                                .name=${this.name || this.label?.toLowerCase().replace(/\\s+/g, '-') || ''}\n                                .label=${this.label}\n                                .placeholder=${this.placeholder}\n                                .required=${this.required}\n                                .value=${this._inputValue}\n                                type=\"text\"\n                                autocomplete=${this.autocomplete}\n                                clickable\n                                role=\"combobox\"\n                                aria-autocomplete=\"list\"\n                                aria-haspopup=\"listbox\"\n                                aria-controls=\"options\"\n                                aria-expanded=${this._open}\n                                aria-describedby=${this.description ? descriptionId : undefined}\n                                @input=${(e: Event) => {\n                                    const value = (e.target as HTMLInputElement).value\n                                    this._inputValue = value\n                                    this._inputValue$.next(value)\n                                }}\n                                @focus=${(e: FocusEvent) => {\n                                    e.stopPropagation()\n                                    this._open = true\n                                }}\n                                @click=${(e: MouseEvent) => {\n                                    e.stopPropagation()\n                                    this._open = true\n                                }}\n                                @keydown=${(e: KeyboardEvent) => {\n                                    this._handleKeyDown(e)\n                                }}\n                                @blur=${() => {\n                                    this._handleAutoSelectOnBlur()\n                                }}\n                            >\n                            </schmancy-input>\n                        `\n                    )}\n                </slot>\n\n                <!-- Options dropdown -->\n                <ul\n                    id=\"options\"\n                    class=${classMap({\n                        'absolute': true,\n                        'z-[1000]': true,\n                        'mt-1': true,\n                        'w-full': true,\n                        'rounded-md': true,\n                        'shadow-md': true,\n                        'overflow-auto': true,\n                        'min-w-full': true,\n                        'bg-surface-low': true,\n                        'flex': true,\n                        'flex-col': true, // Enable flexbox for ordering\n                    })}\n                    role=\"listbox\"\n                    aria-multiselectable=${this.multi ? 'true' : 'false'}\n                    aria-label=${`${this.label || 'Options'} dropdown`}\n                    ?hidden=${!this._open}\n                    style=\"max-height: ${this.maxHeight}; display: ${this._open ? 'flex' : 'none'};\"\n                    @slotchange=${() => {\n                        this._setupOptionHandlers()\n                    }}\n                >\n                    <slot></slot>\n                    ${!this._hasResults ? html`\n                        <li class=\"px-3 py-2 text-sm text-muted\">No results found</li>\n                    ` : ''}\n                </ul>\n            </div>\n        `\n    }\n\n    private _handleAutoSelectOnBlur() {\n        // Don't run if we're clicking on an option (prevents interference with click handler)\n        if (this._isSelectingOption) {\n            return\n        }\n\n        // Only auto-select in single-select mode and when dropdown is open with a search term\n        if (this.multi || !this._open || !this._inputValue.trim()) {\n            return\n        }\n        \n        const searchTerm = this._inputValue.trim()\n        \n        // Find the best matching option using the same similarity logic as filtering\n        let bestMatch: SchmancyOption | null = null\n        let bestScore = 0\n        \n        this._options.forEach(option => {\n            // Skip hidden options\n            if (option.hidden) return\n            \n            // Get text to search in (prioritize label, then textContent, then value)\n            const optionLabel = option.label || option.textContent || ''\n            const optionValue = option.value\n            \n            // Calculate similarity scores for both label and value\n            const labelScore = similarity(searchTerm, optionLabel)\n            const valueScore = similarity(searchTerm, optionValue)\n            \n            // Use the higher score (prioritizing label matches)\n            const score = Math.max(labelScore * 1.1, valueScore) // Slight boost for label matches\n            \n            // Keep track of best match that meets threshold\n            if (score > bestScore && score >= this.similarityThreshold) {\n                bestScore = score\n                bestMatch = option\n            }\n        })\n        \n        // Auto-select the best match if found\n        if (bestMatch) {\n            // Select the option directly\n            this._selectOption(bestMatch)\n\n            // Close the dropdown\n            this._open = false\n        }\n    }\n\n    private _handleKeyDown(event: KeyboardEvent) {\n        const isOpen = this._open\n        const selectedValues = this._selectedValues$.value\n\n        // Handle backspace to remove last chip in multi-select when input is empty\n        if (this.multi && event.key === 'Backspace' && !this._inputValue && selectedValues.length > 0 && !isOpen) {\n            event.preventDefault()\n            const lastValue = selectedValues[selectedValues.length - 1]\n            this.handleChipRemove(lastValue)\n            return\n        }\n\n        if (!isOpen && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n            event.preventDefault()\n            this._open = true\n\n            setTimeout(() => {\n                const firstVisible = this._options.find(opt => !opt.hidden)\n                firstVisible?.focus()\n            }, 10)\n            return\n        }\n\n        if (!isOpen) return\n\n        const visibleOptions = this._options.filter(opt => !opt.hidden)\n            .sort((a, b) => parseInt(a.style.order || '0') - parseInt(b.style.order || '0'))\n\n        const focusedOption = visibleOptions.find(opt => opt === document.activeElement)\n        const currentIndex = focusedOption ? visibleOptions.indexOf(focusedOption) : -1\n\n        switch (event.key) {\n            case 'Escape':\n                event.preventDefault()\n                this._open = false\n                this._updateInputDisplay()\n                this._inputElementRef.value?.focus()\n                break\n\n            case 'Tab':\n                this._open = false\n                this._updateInputDisplay()\n                break\n\n            case 'ArrowDown':\n                event.preventDefault()\n                const nextIndex = currentIndex < visibleOptions.length - 1 ? currentIndex + 1 : 0\n                visibleOptions[nextIndex]?.focus()\n                break\n\n            case 'ArrowUp':\n                event.preventDefault()\n                const prevIndex = currentIndex > 0 ? currentIndex - 1 : visibleOptions.length - 1\n                visibleOptions[prevIndex]?.focus()\n                break\n\n            case 'Home':\n                event.preventDefault()\n                visibleOptions[0]?.focus()\n                break\n\n            case 'End':\n                event.preventDefault()\n                visibleOptions[visibleOptions.length - 1]?.focus()\n                break\n\n            case 'Enter':\n            case ' ':\n                if (focusedOption) {\n                    event.preventDefault()\n                    this._selectOption(focusedOption)\n                }\n                break\n        }\n    }\n}\n\n\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-autocomplete': SchmancyAutocomplete\n    }\n}"],"names":["SchmancyAutocomplete","$LitElement","super","arguments","this","required","placeholder","label","name","maxHeight","multi","description","size","autocomplete","debounceMs","similarityThreshold","error","validationMessage","_open","_inputValue","_visibleOptionsCount","_hasResults","_isSelectingOption","_inputElementRef","createRef","_selectedValue$","BehaviorSubject","_selectedValues$","_inputValue$","values","value","vals","next","Array","isArray","join","val","newValues","split","map","v","trim","filter","Boolean","currentValues","JSON","stringify","connectedCallback","id","Math","random","toString","slice","_setupAutocompleteLogic","_setupDocumentClickHandler","combineLatest","pipe","tap","selectedValue","selectedValues","_updateOptionSelection","takeUntil","disconnecting","subscribe","distinctUntilChanged","debounceTime","searchTerm","_filterOptions","_setupOptionHandlers","_options","forEach","option","index","setAttribute","tabIndex","onmousedown","e","preventDefault","onclick","stopPropagation","_selectOption","setTimeout","selected","includes","String","term","scoredOptions","optionLabel","textContent","optionValue","labelScore","similarity","valueScore","score","max","sort","a","b","visibleCount","item","hidden","style","order","length","_announceToScreenReader","indexOf","_getSelectedLabels","_fireChangeEvent","blur","handleDocumentClick","path","composedPath","some","opt","_updateInputDisplay","document","addEventListener","take","removeEventListener","find","message","liveRegion","shadowRoot","querySelector","detail","dispatchEvent","CustomEvent","bubbles","composed","checkValidity","reportValidity","firstUpdated","_getChipLabel","_focusTextInput","focus","descriptionId","height","padding","fontSize","labelSize","getSizeStyles","html","when","classMap","repeat","handleChipRemove","ref","toLowerCase","replace","target","_handleKeyDown","_handleAutoSelectOnBlur","absolute","flex","bestMatch","bestScore","event","isOpen","key","lastValue","firstVisible","visibleOptions","parseInt","focusedOption","activeElement","currentIndex","nextIndex","prevIndex","__decorateClass","property","type","prototype","reflect","Number","state","query","queryAssignedElements","flatten","customElement"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,IAAqBA,IAArB,cAAkDC;EAAlD;AAAAC,UAAAA,GAAAC,SAAAA,GAEiCC,KAAAC,WAAAA,IACDD,KAAAE,cAAc,IACCF,KAAAG,QAAQ,IACvBH,KAAAI,OAAO,IACPJ,KAAAK,YAAY,SACXL,KAAAM,QAAAA,IACDN,KAAAO,cAAc,IACCP,KAAAQ,OAAkB,MACjCR,KAAAS,eAAe,OACfT,KAAAU,aAAa,KACbV,KAAAW,sBAAsB,KACrBX,KAAAY,QAAAA,IACDZ,KAAAa,oBAAoB,IAmCvCb,KAAQc,YACRd,KAAQe,cAAc,IACtBf,KAAQgB,uBAAuB,GAC/BhB,KAAQiB,cAAAA,IAGjBjB,KAAQkB,qBAAAA,IAMRlB,KAAQmB,mBAAmBC,EAAAA,GAG3BpB,KAAQqB,kBAAkB,IAAIC,EAAwB,KACtDtB,KAAQuB,mBAAmB,IAAID,EAA0B,CAAA,CAAA,GACzDtB,KAAQwB,eAAe,IAAIF,EAAwB,EAAA;AAAA,EAAE;AAAA,EAhDrD,IAAA,SAAIG;AACA,WAAO,IAAIzB,KAAKuB,iBAAiBG,KAAAA;AAAAA,EACrC;AAAA,EACA,IAAA,OAAWC;AACP3B,SAAKuB,iBAAiBK,KAAKC,MAAMC,QAAQH,CAAAA,IAAQ,IAAIA,CAAAA,IAAQ,CAAA,CAAA;AAAA,EACjE;AAAA,EAIA,IAAA,QAAID;AACA,WAAO1B,KAAKM,QACNN,KAAKuB,iBAAiBG,MAAMK,KAAK,GAAA,IACjC/B,KAAKqB,gBAAgBK;AAAAA,EAC/B;AAAA,EACA,IAAA,MAAUM,GAAAA;AACN,QAAIhC,KAAKM,OAAO;AACZ,YAAM2B,IAAYD,IAAMA,EAAIE,MAAM,GAAA,EAAKC,IAAIC,CAAAA,MAAKA,EAAEC,KAAAA,CAAAA,EAAQC,OAAOC,OAAAA,IAAW,CAAA,GACtEC,IAAgBxC,KAAKuB,iBAAiBG;AAExCe,WAAKC,UAAUT,CAAAA,MAAeQ,KAAKC,UAAUF,CAAAA,KAC7CxC,KAAKuB,iBAAiBK,KAAKK,CAAAA;AAAAA,IAEnC,MAEQD,CAAAA,MAAQhC,KAAKqB,gBAAgBK,SAC7B1B,KAAKqB,gBAAgBO,KAAKI,CAAAA;AAAAA,EAGtC;AAAA,EAsBA,oBAAAW;AACI7C,UAAM6C,kBAAAA,GAED3C,KAAK4C,OACN5C,KAAK4C,KAAK,oBAAoBC,KAAKC,OAAAA,EAASC,SAAS,EAAA,EAAIC,MAAM,GAAG,CAAA,CAAA,KAGtEhD,KAAKiD,wBAAAA,GACLjD,KAAKkD,2BAAAA;AAAAA,EACT;AAAA,EAEQ,0BAAAD;AAEJE,IAAAA,EAAc,CACVnD,KAAKqB,iBACLrB,KAAKuB,gBAAAA,CAAAA,EACN6B,KACCC,EAAI,CAAA,CAAEC,GAAeC,CAAAA,MAAAA;AACjBvD,WAAKwD,uBAAuBF,GAAeC,CAAAA;AAAAA,IAAAA,CAAAA,GAE/CE,EAAUzD,KAAK0D,aAAAA,CAAAA,EACjBC,UAAAA,GAGF3D,KAAKwB,aAAa4B,KACdQ,KACAC,EAAa7D,KAAKU,UAAAA,GAClB2C,EAAIS,CAAAA,MAAAA;AACI9D,WAAKc,SACLd,KAAK+D,eAAeD,CAAAA;AAAAA,IAAAA,CAAAA,GAG5BL,EAAUzD,KAAK0D,aAAAA,CAAAA,EACjBC;EACN;AAAA,EAEQ,uBAAAK;AACJhE,SAAKiE,SAASC,QAAQ,CAACC,GAAQC,MAAAA;AAC3BD,MAAAA,EAAOE,aAAa,QAAQ,QAAA,GAC5BF,EAAOG,WAAAA,IACFH,EAAOvB,OACRuB,EAAOvB,KAAK,GAAG5C,KAAK4C,EAAAA,WAAawB,CAAAA,KAGrCD,EAAOI,cAAeC,CAAAA,MAAAA;AAClBA,QAAAA,EAAEC,eAAAA,GACFzE,KAAKkB,qBAAAA;AAAAA,MAAqB,GAI9BiD,EAAOO,UAAWF,OAAAA;AACdA,UAAEG,gBAAAA,GACF3E,KAAK4E,cAAcT,CAAAA,GAEnBU,WAAW,MAAA;AACP7E,eAAKkB,qBAAAA;AAAAA,QAAqB,GAC3B,EAAA;AAAA,MAAA;AAAA,IAAA,CAAA;AAAA,EAGf;AAAA,EAEQ,uBAAuBoC,GAAuBC,GAAAA;AAClDvD,SAAKiE,SAASC,QAAQC,CAAAA,MAAAA;AAClBA,MAAAA,EAAOW,WAAW9E,KAAKM,QACjBiD,EAAewB,SAASZ,EAAOzC,KAAAA,IAC/ByC,EAAOzC,UAAU4B,GACvBa,EAAOE,aAAa,iBAAiBW,OAAOb,EAAOW,QAAAA,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAE3D;AAAA,EAEQ,eAAehB,GAAAA;AACnB,UAAMmB,IAAOnB,EAAWzB,KAAAA;AAExB,QAAK4C,GAQE;AAEH,YAAMC,IAAkClF,KAAKiE,SAAS9B,IAAIgC,CAAAA,MAAAA;AACtD,cAAMgB,IAAchB,EAAOhE,SAASgE,EAAOiB,eAAe,IACpDC,IAAclB,EAAOzC,OAErB4D,IAAaC,EAAWN,GAAME,CAAAA,GAC9BK,IAAaD,EAAWN,GAAMI;AAGpC,eAAO,EAAElB,QAAAA,GAAQsB,OAFH5C,KAAK6C,IAAiB,MAAbJ,GAAkBE,CAAAA,EAAAA;AAAAA,MAAAA,CAAAA;AAM7CN,MAAAA,EAAcS,KAAK,CAACC,GAAGC,MAAMA,EAAEJ,QAAQG,EAAEH,KAAAA;AAGzC,UAAIK,IAAe;AACnBZ,MAAAA,EAAchB,QAAQ,CAAC6B,GAAM3B,MAAAA;AACzB,cAAA,EAAMD,QAAEA,GAAAsB,OAAQA,EAAAA,IAAUM;AAEtBN,QAAAA,IAAQzF,KAAKW,sBACbwD,EAAO6B,SAAAA,MAEP7B,EAAO6B,SAAAA,IACPF,KACA3B,EAAO8B,MAAMC,QAAQlB,OAAOZ,CAAAA;AAAAA,MAAAA,CAAAA,GAIpCpE,KAAKgB,uBAAuB8E,GAC5B9F,KAAKiB,cAAc6E,IAAe;AAAA,IACtC,MAtCI9F,MAAKiE,SAASC,QAAQC,CAAAA,MAAAA;AAClBA,MAAAA,EAAO6B,SAAAA,IACP7B,EAAO8B,MAAMC,QAAQ;AAAA,IAAA,CAAA,GAEzBlG,KAAKgB,uBAAuBhB,KAAKiE,SAASkC,QAC1CnG,KAAKiB,cAAAA;AAmCTjB,SAAKoG,wBACDpG,KAAKgB,uBAAuB,IACtB,GAAGhB,KAAKgB,oBAAAA,UAA8BhB,KAAKgB,yBAAyB,IAAI,KAAK,GAAA,gBAC7E,mBAAA;AAAA,EAEd;AAAA,EAEQ,cAAcmD,GAAAA;AAClB,QAAInE,KAAKM,OAAO;AACZ,YAAMkC,IAAgBxC,KAAKuB,iBAAiBG,OAEtCO,IADQO,EAAc6D,QAAQlC,EAAOzC,KAAAA,IAAAA,KAErCc,EAAcF,OAAOF,CAAAA,MAAKA,MAAM+B,EAAOzC,KAAAA,IACvC,IAAIc,GAAe2B,EAAOzC,KAAAA;AAEhC1B,WAAKuB,iBAAiBK,KAAKK,IAC3BjC,KAAKoG,wBACDnE,EAAUkE,SAAS,IACb,aAAanG,KAAKsG,mBAAAA,EAAqBvE,KAAK,IAAA,CAAA,KAC5C,qBAAA,GAEV/B,KAAKuG,iBAAAA;AAAAA,IACT,MAEIvG,MAAKqB,gBAAgBO,KAAKuC,EAAOzC,KAAAA,GAGjC1B,KAAKuG,oBAGLvG,KAAKc,QAAAA,IACLd,KAAKe,cAAcoD,EAAOhE,SAASgE,EAAOiB,eAAe,IACzDpF,KAAKwB,aAAaI,KAAK5B,KAAKe,cAG5B8D,WAAW,MAAM7E,KAAKmB,iBAAiBO,OAAO8E,KAAAA,GAAQ,MAEtDxG,KAAKoG,wBAAwB,aAAajC,EAAOhE,SAASgE,EAAOiB;EAEzE;AAAA,EAEQ,6BAAAlC;AAEJ,UAAMuD,IAAuBjC,OAAAA;AACzB,WAAKxE,KAAKc,MAAO;AAEjB,YAAM4F,IAAOlC,EAAEmC;AACVD,QAAK3B,SAAS/E,IAAAA,KAAUA,KAAKiE,SAAS2C,KAAKC,CAAAA,MAAOH,EAAK3B,SAAS8B,CAAAA,CAAAA,MACjE7G,KAAKc,QAAAA,IACLd,KAAK8G,oBAAAA;AAAAA,IAAAA;AAIbC,aAASC,iBAAiB,SAASP,CAAAA,GAGnCzG,KAAK0D,cAAcN,KAAK6D,EAAK,CAAA,CAAA,EAAItD,UAAU,MAAA;AACvCoD,eAASG,oBAAoB,SAAST,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAE9C;AAAA,EAGQ,sBAAAK;AAEJ,QAAI9G,KAAKM,SAASN,KAAKc,MAAO;AAE9B,UAAMwC,IAAgBtD,KAAKqB,gBAAgBK,OACrCyC,IAASnE,KAAKiE,SAASkD,KAAKN,OAAOA,EAAInF,UAAU4B,CAAAA;AACvDtD,SAAKe,cAAcoD,MAASA,EAAOhE,SAASgE,EAAOiB,gBAAoB,IACvEpF,KAAKwB,aAAaI,KAAK5B,KAAKe,WAAAA,GAExBf,KAAKmB,iBAAiBO,UACtB1B,KAAKmB,iBAAiBO,MAAMA,QAAQ1B,KAAKe;AAAAA,EAEjD;AAAA,EAEQ,qBAAAuF;AACJ,WAAOtG,KAAKiE,SACP3B,OAAO6B,CAAAA,MACJnE,KAAKM,QACCN,KAAKuB,iBAAiBG,MAAMqD,SAASZ,EAAOzC,KAAAA,IAC5CyC,EAAOzC,UAAU1B,KAAKqB,gBAAgBK,KAAAA,EAE/CS,IAAIgC,CAAAA,MAAUA,EAAOhE,SAASgE,EAAOiB,eAAe,EAAA;AAAA,EAC7D;AAAA,EAEQ,wBAAwBgC,GAAAA;AAC5B,UAAMC,IAAarH,KAAKsH,YAAYC,cAAc,cAAA;AAC9CF,IAAAA,MACAA,EAAWjC,cAAcgC;AAAAA,EAEjC;AAAA,EAEQ,mBAAAb;AACJ,UAAMiB,IAAoD,EACtD9F,OAAO1B,KAAK0B,MAAAA;AAGZ1B,SAAKM,UACLkH,EAAO/F,SAAS,CAAA,GAAIzB,KAAKuB,iBAAiBG,KAAAA,IAG9C1B,KAAKyH,cACD,IAAIC,YAAuD,UAAU,EACjEF,QAAAA,GACAG,SAAAA,IACAC,aAAU,CAAA,CAAA;AAAA,EAGtB;AAAA,EAEO,gBAAAC;AACH,WAAA,CAAK7H,KAAKC,aACHD,KAAKM,QACNN,KAAKuB,iBAAiBG,MAAMyE,SAAS,IACrC5D,EAAQvC,KAAKqB,gBAAgBK;AAAAA,EACvC;AAAA,EAEO;AACH,WAAI1B,KAAKmB,iBAAiBO,QACf1B,KAAKmB,iBAAiBO,MAAMoG,eAAAA,IAEhC9H,KAAK6H,cAAAA;AAAAA,EAChB;AAAA,EAEA,eAAAE;AACI/H,SAAKgE,qBAAAA,GAGQhE,KAAKsH,YAAYC,cAAc,SACtCP,iBAAiB,cAAc,MAAA;AACjChH,WAAKgE,qBAAAA,GACLhE,KAAKwD,uBAAuBxD,KAAKqB,gBAAgBK,OAAO1B,KAAKuB,iBAAiBG,KAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAEtF;AAAA,EAEQ,iBAAiBA,GAAAA;AACrB,UACMO,IADgBjC,KAAKuB,iBAAiBG,MACZY,OAAOF,OAAKA,MAAMV,CAAAA;AAClD1B,SAAKuB,iBAAiBK,KAAKK,CAAAA,GAC3BjC,KAAKuG,iBAAAA,GACLvG,KAAKoG,wBAAwB,YAAYpG,KAAKgI,cAActG,CAAAA,CAAAA,EAAAA;AAAAA,EAChE;AAAA,EAEQ,cAAcA;AAClB,UAAMyC,IAASnE,KAAKiE,SAASkD,KAAKN,OAAOA,EAAInF,UAAUA,CAAAA;AACvD,WAAOyC,MAASA,EAAOhE,SAASgE,EAAOiB,gBAAuB1D;AAAAA,EAClE;AAAA,EAEQ,kBAAAuG;AACAjI,SAAKmB,iBAAiBO,SACtB1B,KAAKmB,iBAAiBO,MAAMwG,MAAAA;AAAAA,EAEpC;AAAA,EAEA;AACI,UAAMC,IAAgB,GAAGnI,KAAK4C,EAAAA,SAAAA,EA8BxBwF,QAAEA,GAAAC,SAAQA,GAAAC,UAASA,GAAAC,WAAUA,EAAAA;AA1B/B,cAAQvI,KAAKQ,MAAAA;AAAAA,QACT,KAAK;AACD,iBAAO,EACH4H,QAAQ,gBACRC,SAAS,QACTC,UAAU,WACVC,WAAW,UAAA;AAAA,QAEnB,KAAK;AACD,iBAAO,EACHH,QAAQ,gBACRC,SAAS,QACTC,UAAU,WACVC,WAAW,UAAA;AAAA,QAGnB;AACI,iBAAO,EACHH,QAAQ,gBACRC,SAAS,QACTC,UAAU,aACVC,WAAW,YAAA;AAAA,MAAA;AAAA,IAAA,GAKsBC;AAEjD,WAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,kBAMGzI,KAAKO,cAAckI,aAAgBN,CAAAA,qBAAkCnI,KAAKO,WAAAA,WAAsB,EAAA;AAAA;AAAA;AAAA;AAAA,sBAI5FmI,EAAK1I,KAAKM,OACR,MAAMmI;AAAAA;AAAAA;AAAAA,kCAGIC,EAAK1I,KAAKG,OAAO,MAAMsI;AAAAA,oDACLE,EAAS,EACrB,0BAAA,IACA,wBAAA,CAAyB3I,KAAKY,OAC9B,sBAAsBZ,KAAKY,OAC3B2H,CAACA,CAAAA,GAAAA,GAAY,CAAA,CAAA;AAAA,0CAEXvI,KAAKG,KAAAA,GAAQH,KAAKC,WAAWwI,oDAAuD,EAAA;AAAA;AAAA;;6CAIjFE,EAAS,EACd,yCACAP,CAACA,QACDC,CAACA,QACD,+CAAA,IACA,sCAAA,IACA,qEACA,+DAAA,CAAgErI,KAAKY,OACrE,sDAAsDZ,KAAKY,OAC3D,8CAAA,GAA8C,CAAA,CAAA;AAAA,6CAEzC,MAAMZ,KAAKiI,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,oDAKJjI,KAAKc,KAAAA;AAAAA;AAAAA;AAAAA,sCAGnB8H,EACE5I,KAAKuB,iBAAiBG,OACtBA,CAAAA,MAASA,GACTA,CAAAA,MAAS+G;AAAAA;AAAAA,yDAEQ/G,CAAAA;AAAAA,0DACE8C,CAAAA,MAAmBxE,KAAK6I,iBAAiBrE,EAAEgD,OAAO9F,KAAAA,CAAAA;AAAAA;AAAAA;AAAAA,kDAG3D1B,KAAKgI,cAActG,CAAAA,CAAAA;AAAAA;AAAAA;;;;0CAO3BoH,EAAI9I,KAAKmB,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA,mHAGgEmH,CAAAA;AAAAA,+CACpEtI,KAAKI,QAAQJ,KAAKG,OAAO4I,YAAAA,EAAcC,QAAQ,QAAQ,GAAA,KAAQ,EAAA;AAAA,uDACvDhJ,KAAKuB,iBAAiBG,MAAMyE,SAAS,IAAI,gBAAgBnG,KAAKE,WAAAA;AAAAA,iDACpEF,KAAKe,WAAAA;AAAAA,wDACEf,KAAKS,YAAAA;AAAAA,iDACX+D,CAAAA,MAAAA;AACN,YAAM9C,IAAS8C,EAAEyE,OAA4BvH;AAC7C1B,WAAKe,cAAcW,GACnB1B,KAAKwB,aAAaI,KAAKF,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,iDAEjB8C,CAAAA,MAAAA;AACNA,MAAAA,EAAEG,gBAAAA,GAEF3E,KAAKe,cAAc,IACnBf,KAAKwB,aAAaI,KAAK,EAAA,GACvB5B,KAAKc,QAAAA;AAAAA,IAAQ,CAAA;AAAA,mDAEL0D,CAAAA,MAAAA;AACRxE,WAAKkJ,eAAe1E,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,gDAEhB,MAAA;AACJxE,WAAKmJ,wBAAAA;AAAAA,IAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,kCAMfT,EAAK1I,KAAKY,SAASZ,KAAKa,mBAAmB,MAAM4H;AAAAA;AAAAA,0CAEzCzI,KAAKa,iBAAAA;AAAAA;AAAAA;;2BAKvB,MAAM4H;AAAAA;AAAAA;AAAAA,wCAGUzI,KAAKQ,IAAAA;AAAAA,kCACXsI,EAAI9I,KAAKmB,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA,wCAGHnB,KAAKI,QAAQJ,KAAKG,OAAO4I,YAAAA,EAAcC,QAAQ,QAAQ,GAAA,KAAQ,EAAA;AAAA,yCAC9DhJ,KAAKG,KAAAA;AAAAA,+CACCH,KAAKE,WAAAA;AAAAA,4CACRF,KAAKC,QAAAA;AAAAA,yCACRD,KAAKe,WAAAA;AAAAA;AAAAA,+CAECf,KAAKS,YAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,gDAMJT,KAAKc,KAAAA;AAAAA,mDACFd,KAAKO,cAAc4H,IAAAA,MAAgB;AAAA,yCAC5C3D,CAAAA,MAAAA;AACN,YAAM9C,IAAS8C,EAAEyE,OAA4BvH;AAC7C1B,WAAKe,cAAcW,GACnB1B,KAAKwB,aAAaI,KAAKF,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,yCAEjB8C,CAAAA,MAAAA;AACNA,MAAAA,EAAEG,gBAAAA,GACF3E,KAAKc,QAAAA;AAAAA,IAAQ,CAAA;AAAA,yCAEP0D,CAAAA,MAAAA;AACNA,MAAAA,EAAEG,gBAAAA,GACF3E,KAAKc,QAAAA;AAAAA,IAAQ,CAAA;AAAA,2CAEL0D,CAAAA,MAAAA;AACRxE,WAAKkJ,eAAe1E,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,wCAEhB,MAAA;AACJxE,WAAKmJ,wBAAAA;AAAAA,IAAAA,CAAAA;AAAAA;AAAAA;AAAAA;;;;;;4BAWbR,EAAS,EACbS,cACA,YAAA,IACA,QAAA,IACA,cACA,cAAA,IACA,aAAA,IACA,qBACA,cAAA,IACA,kBAAA,IACAC,MAAAA,IACA,YAAA,GAAY,CAAA,CAAA;AAAA;AAAA,2CAGOrJ,KAAKM,QAAQ,SAAS,OAAA;AAAA,iCAChC,GAAGN,KAAKG,SAAS,SAAA,WAAA;AAAA,+BACnBH,KAAKc,KAAAA;AAAAA,yCACKd,KAAKK,SAAAA,cAAuBL,KAAKc,QAAQ,SAAS,MAAA;AAAA,kCACzD,MAAA;AACVd,WAAKgE,qBAAAA;AAAAA,IAAAA,CAAAA;AAAAA;AAAAA;AAAAA,sBAINhE,KAAKiB,cAEJ,KAFkBwH;AAAAA;AAAAA;;;;EAMtC;AAAA,EAEQ,0BAAAU;AAOJ,QALInJ,KAAKkB,sBAKLlB,KAAKM,SAAAA,CAAUN,KAAKc,SAAAA,CAAUd,KAAKe,YAAYsB,OAC/C;AAGJ,UAAMyB,IAAa9D,KAAKe,YAAYsB,KAAAA;AAGpC,QAAIiH,IAAmC,MACnCC,IAAY;AAEhBvJ,SAAKiE,SAASC,QAAQC,CAAAA;AAElB,UAAIA,EAAO6B,OAAQ;AAGnB,YAAMb,IAAchB,EAAOhE,SAASgE,EAAOiB,eAAe,IACpDC,IAAclB,EAAOzC,OAGrB4D,IAAaC,EAAWzB,GAAYqB,CAAAA,GACpCK,IAAaD,EAAWzB,GAAYuB,CAAAA,GAGpCI,IAAQ5C,KAAK6C,IAAiB,MAAbJ,GAAkBE,CAAAA;AAGrCC,MAAAA,IAAQ8D,KAAa9D,KAASzF,KAAKW,wBACnC4I,IAAY9D,GACZ6D,IAAYnF;AAAAA,IAAAA,CAAAA,GAKhBmF,MAEAtJ,KAAK4E,cAAc0E,CAAAA,GAGnBtJ,KAAKc,QAAAA;AAAAA,EAEb;AAAA,EAEQ,eAAe0I,GAAAA;AACnB,UAAMC,IAASzJ,KAAKc,OACdyC,IAAiBvD,KAAKuB,iBAAiBG;AAG7C,QAAI1B,KAAKM,SAASkJ,EAAME,QAAQ,eAARA,CAAwB1J,KAAKe,eAAewC,EAAe4C,SAAS,KAAA,CAAMsD,GAAQ;AACtGD,MAAAA,EAAM/E,eAAAA;AACN,YAAMkF,IAAYpG,EAAeA,EAAe4C,SAAS,CAAA;AAEzD,aAAA,KADAnG,KAAK6I,iBAAiBc,CAAAA;AAAAA,IAE1B;AAEA,QAAA,CAAKF,MAAWD,EAAME,QAAQ,eAAeF,EAAME,QAAQ,SAQvD,QAPAF,EAAM/E,eAAAA,GACNzE,KAAKc,QAAAA,IAAQ,KAEb+D,WAAW,MAAA;AAEP+E,MADqB5J,KAAKiE,SAASkD,KAAKN,CAAAA,MAAAA,CAAQA,EAAIb,MAAAA,GACtCkC,MAAAA;AAAAA,IAAAA,GACf,EAAA;AAIP,QAAA,CAAKuB,EAAQ;AAEb,UAAMI,IAAiB7J,KAAKiE,SAAS3B,OAAOuE,CAAAA,MAAAA,CAAQA,EAAIb,QACnDL,KAAK,CAACC,GAAGC,MAAMiE,SAASlE,EAAEK,MAAMC,SAAS,GAAA,IAAO4D,SAASjE,EAAEI,MAAMC,SAAS,GAAA,CAAA,GAEzE6D,IAAgBF,EAAe1C,KAAKN,CAAAA,MAAOA,MAAQE,SAASiD,aAAAA,GAC5DC,IAAeF,IAAgBF,EAAexD,QAAQ0D,CAAAA,IAAAA;AAE5D,YAAQP,EAAME;MACV,KAAK;AACDF,QAAAA,EAAM/E,eAAAA,GACNzE,KAAKc,QAAAA,IACLd,KAAK8G,oBAAAA,GACL9G,KAAKmB,iBAAiBO,OAAOwG,MAAAA;AAC7B;AAAA,MAEJ,KAAK;AACDlI,aAAKc,QAAAA,IACLd,KAAK8G,oBAAAA;AACL;AAAA,MAEJ,KAAK;AACD0C,QAAAA,EAAM/E,eAAAA;AACN,cAAMyF,IAAYD,IAAeJ,EAAe1D,SAAS,IAAI8D,IAAe,IAAI;AAChFJ,QAAAA,EAAeK,CAAAA,GAAYhC,MAAAA;AAC3B;AAAA,MAEJ,KAAK;AACDsB,QAAAA,EAAM/E,eAAAA;AACN,cAAM0F,IAAYF,IAAe,IAAIA,IAAe,IAAIJ,EAAe1D,SAAS;AAChF0D,QAAAA,EAAeM,CAAAA,GAAYjC,MAAAA;AAC3B;AAAA,MAEJ,KAAK;AACDsB,QAAAA,EAAM/E,eAAAA,GACNoF,EAAe,CAAA,GAAI3B,MAAAA;AACnB;AAAA,MAEJ,KAAK;AACDsB,QAAAA,EAAM/E,eAAAA,GACNoF,EAAeA,EAAe1D,SAAS,CAAA,GAAI+B,MAAAA;AAC3C;AAAA,MAEJ,KAAK;AAAA,MACL,KAAK;AACG6B,QAAAA,MACAP,EAAM/E,eAAAA,GACNzE,KAAK4E,cAAcmF,CAAAA;AAAAA,IAAAA;AAAAA,EAInC;AAAA;AA7pB6BK,EAAA,CAA5BC,EAAS,EAAEC,MAAM/H,aAFD3C,EAEY2K,WAAA,YAAA,CAAA,GACDH,EAAA,CAA3BC,EAAS,EAAEC,MAAMtF,OAAAA,CAAAA,CAAAA,GAHDpF,EAGW2K,WAAA,eAAA,CAAA,GACeH,EAAA,CAA1CC,EAAS,EAAEC,MAAMtF,QAAQwF,SAAAA,GAAS,CAAA,CAAA,GAJlB5K,EAI0B2K,WAAA,SAAA,CAAA,GACfH,EAAA,CAA3BC,EAAS,EAAEC,MAAMtF,OAAAA,CAAAA,CAAAA,GALDpF,EAKW2K,WAAA,QAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMtF,OAAAA,CAAAA,CAAAA,GANDpF,EAMW2K,WAAA,aAAA,CAAA,GACCH,EAAA,CAA5BC,EAAS,EAAEC,MAAM/H,QAAAA,CAAAA,CAAAA,GAPD3C,EAOY2K,WAAA,SAAA,CAAA,GACDH,EAAA,CAA3BC,EAAS,EAAEC,MAAMtF,OAAAA,CAAAA,CAAAA,GARDpF,EAQW2K,WAAA,eAAA,CAAA,GACeH,EAAA,CAA1CC,EAAS,EAAEC,MAAMtF,QAAQwF,SAAAA,GAAS,CAAA,CAAA,GATlB5K,EAS0B2K,WAAA,QAAA,CAAA,GACfH,EAAA,CAA3BC,EAAS,EAAEC,MAAMtF,OAAAA,CAAAA,CAAAA,GAVDpF,EAUW2K,WAAA,gBAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMG,OAAAA,CAAAA,CAAAA,GAXD7K,EAWW2K,WAAA,cAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMG,OAAAA,CAAAA,CAAAA,GAZD7K,EAYW2K,WAAA,uBAAA,CAAA,GACCH,EAAA,CAA5BC,EAAS,EAAEC,MAAM/H,QAAAA,CAAAA,CAAAA,GAbD3C,EAaY2K,WAAA,SAAA,CAAA,GACDH,EAAA,CAA3BC,EAAS,EAAEC,MAAMtF,OAAAA,CAAAA,CAAAA,GAdDpF,EAcW2K,WAAA,qBAAA,CAAA,GAIxBH,EAAA,CADHC,EAAS,EAAEC,MAAMzI,MAAAA,CAAAA,CAAAA,GAjBDjC,EAkBb2K,WAAA,UAAA,CAAA,GASAH,EAAA,CADHC,EAAS,EAAEC,MAAMtF,QAAQwF,SAAAA,GAAS,CAAA,CAAA,GA1BlB5K,EA2Bb2K,WAAA,SAAA,IAsBaH,EAAA,CAAhBM,EAAAA,CAAAA,GAjDgB9K,EAiDA2K,WAAA,SAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GAlDgB9K,EAkDA2K,WAAA,eAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GAnDgB9K,EAmDA2K,WAAA,wBAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GApDgB9K,EAoDA2K,WAAA,eAAA,CAAA,GAMEH,EAAA,CAAlBO,EAAM,UAAA,CAAA,GA1DU/K,EA0DE2K,WAAA,YAAA,CAAA,GACCH,EAAA,CAAnBO,EAAM,WAAA,CAAA,GA3DU/K,EA2DG2K,WAAA,UAAA,CAAA,GAC8BH,EAAA,CAAjDQ,EAAsB,EAAEC,SAAAA,GAAS,CAAA,CAAA,GA5DjBjL,EA4DiC2K,WAAA,YAAA,CAAA,GA5DjC3K,IAArBwK,EAAA,CADCU,EAAc,uBAAA,CAAA,GACMlL,CAAAA;"}

package/dist/autocomplete-D-p-hOUD.cjs

@@ -0,0 +1,112 @@
+"use strict";const m=require("rxjs"),f=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const a=require("lit/decorators.js");require("./tailwind.mixin-x6_PgjK6.cjs");const b=require("./litElement.mixin-Df8xHue5.cjs"),h=require("lit"),v=require("lit/directives/ref.js"),g=require("lit/directives/repeat.js"),y=require("lit/directives/when.js"),c=require("rxjs/operators"),_=require("./search-DWW8IoOp.cjs");require("./input-chip-IrLdDdsH.cjs");var $=Object.defineProperty,x=Object.getOwnPropertyDescriptor,r=(e,t,i,n)=>{for(var u,s=n>1?void 0:n?x(t,i):t,l=e.length-1;l>=0;l--)(u=e[l])&&(s=(n?u(t,i,s):u(s))||s);return n&&s&&$(t,i,s),s};let o=class extends b.$LitElement(":host{display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host:focus{box-shadow:unset!important}@keyframes onAutoFillStart{}sch-input::part(input):-webkit-autofill,sch-input input:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms}"){constructor(){super(...arguments),this.required=!1,this.placeholder="",this.label="",this.name="",this.maxHeight="300px",this.multi=!1,this.description="",this.size="md",this.autocomplete="off",this.debounceMs=200,this.similarityThreshold=.3,this.error=!1,this.validationMessage="",this._open=!1,this._inputValue="",this._visibleOptionsCount=0,this._hasResults=!0,this._isSelectingOption=!1,this._inputElementRef=v.createRef(),this._selectedValue$=new m.BehaviorSubject(""),this._selectedValues$=new m.BehaviorSubject([]),this._inputValue$=new m.BehaviorSubject("")}get values(){return[...this._selectedValues$.value]}set values(e){this._selectedValues$.next(Array.isArray(e)?[...e]:[])}get value(){return this.multi?this._selectedValues$.value.join(","):this._selectedValue$.value}set value(e){if(this.multi){const t=e?e.split(",").map(n=>n.trim()).filter(Boolean):[],i=this._selectedValues$.value;JSON.stringify(t)!==JSON.stringify(i)&&this._selectedValues$.next(t)}else e!==this._selectedValue$.value&&this._selectedValue$.next(e)}connectedCallback(){super.connectedCallback(),this.id||(this.id=`sch-autocomplete-${Math.random().toString(36).slice(2,9)}`),this._setupAutocompleteLogic(),this._setupDocumentClickHandler()}_setupAutocompleteLogic(){m.combineLatest([this._selectedValue$,this._selectedValues$]).pipe(c.tap(([e,t])=>{this._updateOptionSelection(e,t)}),c.takeUntil(this.disconnecting)).subscribe(),this._inputValue$.pipe(c.distinctUntilChanged(),c.debounceTime(this.debounceMs),c.tap(e=>{this._open&&this._filterOptions(e)}),c.takeUntil(this.disconnecting)).subscribe()}_setupOptionHandlers(){this._options.forEach((e,t)=>{e.setAttribute("role","option"),e.tabIndex=-1,e.id||(e.id=`${this.id}-option-${t}`),e.onmousedown=i=>{i.preventDefault(),this._isSelectingOption=!0},e.onclick=i=>{i.stopPropagation(),this._selectOption(e),setTimeout(()=>{this._isSelectingOption=!1},50)}})}_updateOptionSelection(e,t){this._options.forEach(i=>{i.selected=this.multi?t.includes(i.value):i.value===e,i.setAttribute("aria-selected",String(i.selected))})}_filterOptions(e){const t=e.trim();if(t){const i=this._options.map(u=>{const s=u.label||u.textContent||"",l=u.value,p=_.similarity(t,s),d=_.similarity(t,l);return{option:u,score:Math.max(1.1*p,d)}});i.sort((u,s)=>s.score-u.score);let n=0;i.forEach((u,s)=>{const{option:l,score:p}=u;p<this.similarityThreshold?l.hidden=!0:(l.hidden=!1,n++,l.style.order=String(s))}),this._visibleOptionsCount=n,this._hasResults=n>0}else this._options.forEach(i=>{i.hidden=!1,i.style.order="0"}),this._visibleOptionsCount=this._options.length,this._hasResults=!0;this._announceToScreenReader(this._visibleOptionsCount>0?`${this._visibleOptionsCount} option${this._visibleOptionsCount===1?"":"s"} available.`:"No results found.")}_selectOption(e){if(this.multi){const t=this._selectedValues$.value,i=t.indexOf(e.value)>-1?t.filter(n=>n!==e.value):[...t,e.value];this._selectedValues$.next(i),this._announceToScreenReader(i.length>0?`Selected: ${this._getSelectedLabels().join(", ")}`:"No options selected"),this._fireChangeEvent()}else this._selectedValue$.next(e.value),this._fireChangeEvent(),this._open=!1,this._inputValue=e.label||e.textContent||"",this._inputValue$.next(this._inputValue),setTimeout(()=>this._inputElementRef.value?.blur(),100),this._announceToScreenReader(`Selected: ${e.label||e.textContent}`)}_setupDocumentClickHandler(){const e=t=>{if(!this._open)return;const i=t.composedPath();i.includes(this)||this._options.some(n=>i.includes(n))||(this._open=!1,this._updateInputDisplay())};document.addEventListener("click",e),this.disconnecting.pipe(c.take(1)).subscribe(()=>{document.removeEventListener("click",e)})}_updateInputDisplay(){if(this.multi||this._open)return;const e=this._selectedValue$.value,t=this._options.find(i=>i.value===e);this._inputValue=t&&(t.label||t.textContent)||"",this._inputValue$.next(this._inputValue),this._inputElementRef.value&&(this._inputElementRef.value.value=this._inputValue)}_getSelectedLabels(){return this._options.filter(e=>this.multi?this._selectedValues$.value.includes(e.value):e.value===this._selectedValue$.value).map(e=>e.label||e.textContent||"")}_announceToScreenReader(e){const t=this.shadowRoot?.querySelector("#live-status");t&&(t.textContent=e)}_fireChangeEvent(){const e={value:this.value};this.multi&&(e.values=[...this._selectedValues$.value]),this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,composed:!0}))}checkValidity(){return!this.required||(this.multi?this._selectedValues$.value.length>0:!!this._selectedValue$.value)}reportValidity(){return this._inputElementRef.value?this._inputElementRef.value.reportValidity():this.checkValidity()}firstUpdated(){this._setupOptionHandlers(),this.shadowRoot?.querySelector("slot")?.addEventListener("slotchange",()=>{this._setupOptionHandlers(),this._updateOptionSelection(this._selectedValue$.value,this._selectedValues$.value)})}handleChipRemove(e){const t=this._selectedValues$.value.filter(i=>i!==e);this._selectedValues$.next(t),this._fireChangeEvent(),this._announceToScreenReader(`Removed: ${this._getChipLabel(e)}`)}_getChipLabel(e){const t=this._options.find(i=>i.value===e);return t&&(t.label||t.textContent)||e}_focusTextInput(){this._inputElementRef.value&&this._inputElementRef.value.focus()}render(){const e=`${this.id}-desc`,{height:t,padding:i,fontSize:n,labelSize:u}=(()=>{switch(this.size){case"sm":return{height:"min-h-[40px]",padding:"px-2",fontSize:"text-sm",labelSize:"text-sm"};case"lg":return{height:"min-h-[60px]",padding:"px-5",fontSize:"text-lg",labelSize:"text-lg"};default:return{height:"min-h-[50px]",padding:"px-4",fontSize:"text-base",labelSize:"text-base"}}})();return h.html`
+            <div class="relative">
+                <!-- Screen reader live region -->
+                <div id="live-status" role="status" aria-live="polite" class="sr-only"></div>
+
+                <!-- Description -->
+                ${this.description?h.html`<div id="${e}" class="sr-only">${this.description}</div>`:""}
+
+                <!-- Custom input wrapper for Gmail-style chip input -->
+                <slot name="trigger">
+                    ${y.when(this.multi,()=>h.html`
+                            <!-- Custom multi-select input with inline chips -->
+                            <div class="relative">
+                                ${y.when(this.label,()=>h.html`
+                                    <label class="${f.classMap({"block mb-1 font-medium":!0,"text-primary-default":!this.error,"text-error-default":this.error,[u]:!0})}">
+                                        ${this.label}${this.required?h.html`<span class="text-error-default ml-1">*</span>`:""}
+                                    </label>
+                                `)}
+                                <div
+                                    class="${f.classMap({"flex flex-wrap items-center gap-1":!0,[t]:!0,[i]:!0,"block w-full min-w-0 rounded-[8px] border-0":!0,"bg-surface-highest text-surface-on":!0,"ring-0 ring-inset focus-within:ring-1 focus-within:ring-inset":!0,"ring-secondary-default  focus-within:ring-secondary-default":!this.error,"ring-error-default focus-within:ring-error-default":this.error,"cursor-text transition-colors duration-200":!0})}"
+                                    @click=${()=>this._focusTextInput()}
+                                    role="combobox"
+                                    aria-autocomplete="list"
+                                    aria-haspopup="listbox"
+                                    aria-controls="options"
+                                    aria-expanded=${this._open}
+                                >
+                                    <!-- Render chips inline -->
+                                    ${g.repeat(this._selectedValues$.value,s=>s,s=>h.html`
+                                            <schmancy-input-chip
+                                                .value=${s}
+                                                @remove=${l=>this.handleChipRemove(l.detail.value)}
+                                                class="flex-shrink-0 my-0.5"
+                                            >
+                                                ${this._getChipLabel(s)}
+                                            </schmancy-input-chip>
+                                        `)}
+
+                                    <!-- Text input for typing -->
+                                    <input
+                                        ${v.ref(this._inputElementRef)}
+                                        id="autocomplete-input"
+                                        type="text"
+                                        class="flex-1 min-w-[120px] py-1 bg-transparent border-none outline-none ${n} font-medium text-surface-on placeholder:text-muted"
+                                        name=${this.name||this.label?.toLowerCase().replace(/\s+/g,"-")||""}
+                                        .placeholder=${this._selectedValues$.value.length>0?"Add more...":this.placeholder}
+                                        .value=${this._inputValue}
+                                        .autocomplete=${this.autocomplete}
+                                        @input=${s=>{const l=s.target.value;this._inputValue=l,this._inputValue$.next(l)}}
+                                        @focus=${s=>{s.stopPropagation(),this._inputValue="",this._inputValue$.next(""),this._open=!0}}
+                                        @keydown=${s=>{this._handleKeyDown(s)}}
+                                        @blur=${()=>{this._handleAutoSelectOnBlur()}}
+                                    />
+                                </div>
+
+                                <!-- Validation message -->
+                                ${y.when(this.error&&this.validationMessage,()=>h.html`
+                                    <div class="mt-1 text-sm text-error-default">
+                                        ${this.validationMessage}
+                                    </div>
+                                `)}
+                            </div>
+                        `,()=>h.html`
+                            <!-- Regular single-select input -->
+                            <schmancy-input
+                                .size=${this.size}
+                                ${v.ref(this._inputElementRef)}
+                                id="autocomplete-input"
+                                class="w-full"
+                                .name=${this.name||this.label?.toLowerCase().replace(/\s+/g,"-")||""}
+                                .label=${this.label}
+                                .placeholder=${this.placeholder}
+                                .required=${this.required}
+                                .value=${this._inputValue}
+                                type="text"
+                                autocomplete=${this.autocomplete}
+                                clickable
+                                role="combobox"
+                                aria-autocomplete="list"
+                                aria-haspopup="listbox"
+                                aria-controls="options"
+                                aria-expanded=${this._open}
+                                aria-describedby=${this.description?e:void 0}
+                                @input=${s=>{const l=s.target.value;this._inputValue=l,this._inputValue$.next(l)}}
+                                @focus=${s=>{s.stopPropagation(),this._open=!0}}
+                                @click=${s=>{s.stopPropagation(),this._open=!0}}
+                                @keydown=${s=>{this._handleKeyDown(s)}}
+                                @blur=${()=>{this._handleAutoSelectOnBlur()}}
+                            >
+                            </schmancy-input>
+                        `)}
+                </slot>
+
+                <!-- Options dropdown -->
+                <ul
+                    id="options"
+                    class=${f.classMap({absolute:!0,"z-[1000]":!0,"mt-1":!0,"w-full":!0,"rounded-md":!0,"shadow-md":!0,"overflow-auto":!0,"min-w-full":!0,"bg-surface-low":!0,flex:!0,"flex-col":!0})}
+                    role="listbox"
+                    aria-multiselectable=${this.multi?"true":"false"}
+                    aria-label=${`${this.label||"Options"} dropdown`}
+                    ?hidden=${!this._open}
+                    style="max-height: ${this.maxHeight}; display: ${this._open?"flex":"none"};"
+                    @slotchange=${()=>{this._setupOptionHandlers()}}
+                >
+                    <slot></slot>
+                    ${this._hasResults?"":h.html`
+                        <li class="px-3 py-2 text-sm text-muted">No results found</li>
+                    `}
+                </ul>
+            </div>
+        `}_handleAutoSelectOnBlur(){if(this._isSelectingOption||this.multi||!this._open||!this._inputValue.trim())return;const e=this._inputValue.trim();let t=null,i=0;this._options.forEach(n=>{if(n.hidden)return;const u=n.label||n.textContent||"",s=n.value,l=_.similarity(e,u),p=_.similarity(e,s),d=Math.max(1.1*l,p);d>i&&d>=this.similarityThreshold&&(i=d,t=n)}),t&&(this._selectOption(t),this._open=!1)}_handleKeyDown(e){const t=this._open,i=this._selectedValues$.value;if(this.multi&&e.key==="Backspace"&&!this._inputValue&&i.length>0&&!t){e.preventDefault();const l=i[i.length-1];return void this.handleChipRemove(l)}if(!t&&(e.key==="ArrowDown"||e.key==="Enter"))return e.preventDefault(),this._open=!0,void setTimeout(()=>{this._options.find(p=>!p.hidden)?.focus()},10);if(!t)return;const n=this._options.filter(l=>!l.hidden).sort((l,p)=>parseInt(l.style.order||"0")-parseInt(p.style.order||"0")),u=n.find(l=>l===document.activeElement),s=u?n.indexOf(u):-1;switch(e.key){case"Escape":e.preventDefault(),this._open=!1,this._updateInputDisplay(),this._inputElementRef.value?.focus();break;case"Tab":this._open=!1,this._updateInputDisplay();break;case"ArrowDown":e.preventDefault();const l=s<n.length-1?s+1:0;n[l]?.focus();break;case"ArrowUp":e.preventDefault();const p=s>0?s-1:n.length-1;n[p]?.focus();break;case"Home":e.preventDefault(),n[0]?.focus();break;case"End":e.preventDefault(),n[n.length-1]?.focus();break;case"Enter":case" ":u&&(e.preventDefault(),this._selectOption(u))}}};r([a.property({type:Boolean})],o.prototype,"required",2),r([a.property({type:String})],o.prototype,"placeholder",2),r([a.property({type:String,reflect:!0})],o.prototype,"label",2),r([a.property({type:String})],o.prototype,"name",2),r([a.property({type:String})],o.prototype,"maxHeight",2),r([a.property({type:Boolean})],o.prototype,"multi",2),r([a.property({type:String})],o.prototype,"description",2),r([a.property({type:String,reflect:!0})],o.prototype,"size",2),r([a.property({type:String})],o.prototype,"autocomplete",2),r([a.property({type:Number})],o.prototype,"debounceMs",2),r([a.property({type:Number})],o.prototype,"similarityThreshold",2),r([a.property({type:Boolean})],o.prototype,"error",2),r([a.property({type:String})],o.prototype,"validationMessage",2),r([a.property({type:Array})],o.prototype,"values",1),r([a.property({type:String,reflect:!0})],o.prototype,"value",1),r([a.state()],o.prototype,"_open",2),r([a.state()],o.prototype,"_inputValue",2),r([a.state()],o.prototype,"_visibleOptionsCount",2),r([a.state()],o.prototype,"_hasResults",2),r([a.query("#options")],o.prototype,"_listbox",2),r([a.query("sch-input")],o.prototype,"_input",2),r([a.queryAssignedElements({flatten:!0})],o.prototype,"_options",2),o=r([a.customElement("schmancy-autocomplete")],o);
+//# sourceMappingURL=autocomplete-D-p-hOUD.cjs.map