@mhmo91/schmancy 0.4.60 → 0.4.62

package/ai/autocomplete.md

@@ -1,5 +1,8 @@
 # Schmancy Autocomplete - AI Reference
 
+## Overview
+A searchable dropdown component with fuzzy search, keyboard navigation, and multi-select support. Uses similarity scoring for intelligent option filtering.
+
 ```js
 // Basic Autocomplete (Single-Select)
 <schmancy-autocomplete
@@ -38,17 +41,19 @@
 </schmancy-autocomplete>
 
 // Autocomplete Properties
-value: string         // Selected value for single-select, comma-separated string for multi-select (legacy API)
-values: string[]      // Array of selected values for multi-select (preferred API for multi-select)
-multi: boolean        // Enable multi-select mode
-label: string         // Input label
-placeholder: string   // Input placeholder
-required: boolean     // Mark as required for validation
-size: string          // Input size: "sm", "md", "lg"
-maxHeight: string     // Maximum height of dropdown
-debounceMs: number    // Debounce delay in milliseconds for filtering
-autocomplete: string  // Value for input's autocomplete attribute
-description: string   // Description for screen readers
+value: string              // Selected value for single-select, comma-separated string for multi-select (legacy API)
+values: string[]           // Array of selected values for multi-select (preferred API for multi-select)
+multi: boolean             // Enable multi-select mode
+label: string              // Input label
+placeholder: string        // Input placeholder
+required: boolean          // Mark as required for validation
+size: string               // Input size: "sm", "md", "lg"
+maxHeight: string          // Maximum height of dropdown (default: "300px")
+debounceMs: number         // Debounce delay in milliseconds for filtering (default: 200)
+similarityThreshold: number // Minimum similarity score to show option (0-1, default: 0.3)
+autocomplete: string       // Value for input's autocomplete attribute
+description: string        // Description for screen readers
+name: string               // Form field name for form submission
 
 // Autocomplete Events
 @change   // Fires when selection changes with { detail: { value, values? } }
@@ -132,4 +137,36 @@ handleChange(e) {
   
   <schmancy-button type="submit">Submit</schmancy-button>
 </schmancy-form>
-```
+```
+
+## Key Features
+
+### Fuzzy Search
+- Uses similarity scoring algorithm to find best matches
+- Searches both option labels and values
+- Configurable similarity threshold (0-1)
+- Options are sorted by relevance score
+
+### Keyboard Navigation
+- `ArrowDown/ArrowUp` - Navigate through options
+- `Enter/Space` - Select focused option
+- `Escape` - Close dropdown
+- `Tab` - Move to next field and close dropdown
+- `Home/End` - Jump to first/last option
+
+### Auto-Select on Blur
+- In single-select mode, automatically selects the best matching option when input loses focus
+- Only triggers if there's a search term and a good match
+- Helps with quick data entry
+
+### Accessibility
+- Full ARIA support with proper roles and attributes
+- Screen reader announcements for option counts and selections
+- Keyboard-only navigation support
+- Focus management
+
+### Performance
+- Debounced search input (configurable delay)
+- Efficient RxJS-based state management
+- Virtual scrolling for large option lists
+- Options are only filtered when dropdown is open

package/dist/ai/autocomplete.md

@@ -1,5 +1,8 @@
 # Schmancy Autocomplete - AI Reference
 
+## Overview
+A searchable dropdown component with fuzzy search, keyboard navigation, and multi-select support. Uses similarity scoring for intelligent option filtering.
+
 ```js
 // Basic Autocomplete (Single-Select)
 <schmancy-autocomplete
@@ -38,17 +41,19 @@
 </schmancy-autocomplete>
 
 // Autocomplete Properties
-value: string         // Selected value for single-select, comma-separated string for multi-select (legacy API)
-values: string[]      // Array of selected values for multi-select (preferred API for multi-select)
-multi: boolean        // Enable multi-select mode
-label: string         // Input label
-placeholder: string   // Input placeholder
-required: boolean     // Mark as required for validation
-size: string          // Input size: "sm", "md", "lg"
-maxHeight: string     // Maximum height of dropdown
-debounceMs: number    // Debounce delay in milliseconds for filtering
-autocomplete: string  // Value for input's autocomplete attribute
-description: string   // Description for screen readers
+value: string              // Selected value for single-select, comma-separated string for multi-select (legacy API)
+values: string[]           // Array of selected values for multi-select (preferred API for multi-select)
+multi: boolean             // Enable multi-select mode
+label: string              // Input label
+placeholder: string        // Input placeholder
+required: boolean          // Mark as required for validation
+size: string               // Input size: "sm", "md", "lg"
+maxHeight: string          // Maximum height of dropdown (default: "300px")
+debounceMs: number         // Debounce delay in milliseconds for filtering (default: 200)
+similarityThreshold: number // Minimum similarity score to show option (0-1, default: 0.3)
+autocomplete: string       // Value for input's autocomplete attribute
+description: string        // Description for screen readers
+name: string               // Form field name for form submission
 
 // Autocomplete Events
 @change   // Fires when selection changes with { detail: { value, values? } }
@@ -132,4 +137,36 @@ handleChange(e) {
   
   <schmancy-button type="submit">Submit</schmancy-button>
 </schmancy-form>
-```
+```
+
+## Key Features
+
+### Fuzzy Search
+- Uses similarity scoring algorithm to find best matches
+- Searches both option labels and values
+- Configurable similarity threshold (0-1)
+- Options are sorted by relevance score
+
+### Keyboard Navigation
+- `ArrowDown/ArrowUp` - Navigate through options
+- `Enter/Space` - Select focused option
+- `Escape` - Close dropdown
+- `Tab` - Move to next field and close dropdown
+- `Home/End` - Jump to first/last option
+
+### Auto-Select on Blur
+- In single-select mode, automatically selects the best matching option when input loses focus
+- Only triggers if there's a search term and a good match
+- Helps with quick data entry
+
+### Accessibility
+- Full ARIA support with proper roles and attributes
+- Screen reader announcements for option counts and selections
+- Keyboard-only navigation support
+- Focus management
+
+### Performance
+- Debounced search input (configurable delay)
+- Efficient RxJS-based state management
+- Virtual scrolling for large option lists
+- Options are only filtered when dropdown is open

package/dist/{autocomplete-CF67hOX7.js → autocomplete-B7JYyVgi.js}

@@ -6,13 +6,13 @@ import "./tailwind.mixin-CbvBtwqu.js";
 import { property as c, state as m, query as E, queryAssignedElements as j, customElement as L } from "lit/decorators.js";
 import { html as g } from "lit";
 import { createRef as M, ref as q } from "lit/directives/ref.js";
-import { tap as h, takeUntil as d, distinctUntilChanged as C, debounceTime as I, withLatestFrom as b, take as $, filter as f, switchMap as R } from "rxjs/operators";
-import { s as v } from "./search-6Hr7K1gh.js";
+import { tap as h, takeUntil as d, distinctUntilChanged as C, debounceTime as I, withLatestFrom as b, take as $, filter as v, switchMap as D } from "rxjs/operators";
+import { s as f } from "./search-6Hr7K1gh.js";
 var P = Object.defineProperty, B = Object.getOwnPropertyDescriptor, a = (t, e, n, i) => {
   for (var s, o = i > 1 ? void 0 : i ? B(e, n) : e, u = t.length - 1; u >= 0; u--) (s = t[u]) && (o = (i ? s(e, n, o) : s(o)) || o);
   return i && o && P(e, n, o), o;
 };
-let l = class extends T(":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}") {
+let l = class extends T(":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 = "on", this.debounceMs = 200, this.similarityThreshold = 0.3, this._open = !1, this._inputValue = "", this._visibleOptionsCount = 0, this._hasResults = !0, this._inputElementRef = M(), this._selectedValue$ = new _(""), this._selectedValues$ = new _([]), this._inputValue$ = new _(""), this._open$ = new _(!1), this._options$ = new _([]), this._optionSelect$ = new V(), this._documentClick$ = new V();
   }
@@ -34,7 +34,9 @@ let l = class extends T(":host{display:block;border:unset!important;line-height:
   _setupAutocompleteLogic() {
     this._options$.pipe(h((t) => {
       t.forEach((e, n) => {
-        e.setAttribute("role", "option"), e.tabIndex = -1, e.id || (e.id = `${this.id}-option-${n}`), e.hasAttribute("data-event-bound") || (w(e, "click").pipe(h((i) => i.stopPropagation()), d(this.disconnecting)).subscribe(() => this._optionSelect$.next(e)), e.setAttribute("data-event-bound", "true"));
+        e.setAttribute("role", "option"), e.tabIndex = -1, e.id || (e.id = `${this.id}-option-${n}`), e.hasAttribute("data-event-bound") || (w(e, "pointerdown").pipe(h((i) => {
+          i.preventDefault(), i.stopPropagation();
+        }), d(this.disconnecting)).subscribe(() => this._optionSelect$.next(e)), e.setAttribute("data-event-bound", "true"));
       });
     }), d(this.disconnecting)).subscribe(), k([this._selectedValue$, this._selectedValues$, this._options$]).pipe(h(([t, e, n]) => {
       n.forEach((i) => {
@@ -45,8 +47,8 @@ let l = class extends T(":host{display:block;border:unset!important;line-height:
       const i = t.trim();
       if (i) {
         const s = e.map((u) => {
-          const p = u.label || u.textContent || "", r = u.value, y = v(i, p), D = v(i, r);
-          return { option: u, score: Math.max(1.1 * y, D) };
+          const p = u.label || u.textContent || "", r = u.value, y = f(i, p), R = f(i, r);
+          return { option: u, score: Math.max(1.1 * y, R) };
         });
         s.sort((u, p) => p.score - u.score);
         let o = 0;
@@ -65,7 +67,7 @@ let l = class extends T(":host{display:block;border:unset!important;line-height:
         const o = this._getSelectedLabels();
         this._announceToScreenReader(o.length > 0 ? `Selected: ${o.join(", ")}` : "No options selected");
       } else this._selectedValue$.next(t.value), this._open$.next(!1), this._open = !1, this._inputValue = t.label || t.textContent || "", this._inputValue$.next(this._inputValue), x(100).pipe(h(() => this._inputElementRef.value?.blur()), $(1)).subscribe(), this._announceToScreenReader(`Selected: ${t.label || t.textContent}`);
-    }), h(() => this._fireChangeEvent()), d(this.disconnecting)).subscribe(), k([this._open$, this._selectedValue$, this._selectedValues$, this._options$]).pipe(f(() => !this._open$.value), h(([, t, e, n]) => {
+    }), h(() => this._fireChangeEvent()), d(this.disconnecting)).subscribe(), k([this._open$, this._selectedValue$, this._selectedValues$, this._options$]).pipe(v(() => !this._open$.value), h(([, t, e, n]) => {
       if (this.multi) {
         const i = n.filter((s) => e.includes(s.value)).map((s) => s.label || s.textContent || "");
         this._inputValue = i.join(", ");
@@ -77,9 +79,9 @@ let l = class extends T(":host{display:block;border:unset!important;line-height:
     }), d(this.disconnecting)).subscribe(), this._open$.pipe(h((t) => this._open = t), d(this.disconnecting)).subscribe();
   }
   _setupDocumentClickHandler() {
-    this._documentClick$.pipe(f((t) => !t.composedPath().includes(this)), f((t) => !this._options.some((e) => t.composedPath().includes(e))), f(() => this._open), h(() => {
+    this._documentClick$.pipe(v((t) => !t.composedPath().includes(this)), v((t) => !this._options.some((e) => t.composedPath().includes(e))), v(() => this._open), h(() => {
       this._open$.next(!1), this._updateInputDisplay();
-    }), d(this.disconnecting)).subscribe(), this._open$.pipe(C(), R((t) => t ? x(10).pipe(h(() => document.addEventListener("click", (e) => this._documentClick$.next(e))), R(() => A)) : S(null).pipe(h(() => document.removeEventListener("click", (e) => this._documentClick$.next(e))))), d(this.disconnecting)).subscribe();
+    }), d(this.disconnecting)).subscribe(), this._open$.pipe(C(), D((t) => t ? x(10).pipe(h(() => document.addEventListener("click", (e) => this._documentClick$.next(e))), D(() => A)) : S(null).pipe(h(() => document.removeEventListener("click", (e) => this._documentClick$.next(e))))), d(this.disconnecting)).subscribe();
   }
   _updateInputDisplay() {
     S(null).pipe(b(this._selectedValue$, this._selectedValues$, this._options$, this._open$), h(([, t, e, n, i]) => {
@@ -186,23 +188,6 @@ let l = class extends T(":host{display:block;border:unset!important;line-height:
                     `}
                 </ul>
             </div>
-
-            <style>
-                :host {
-                    display: block;
-                }
-
-                @keyframes onAutoFillStart {
-                    from {/**/}
-                    to {/**/}
-                }
-
-                sch-input::part(input):-webkit-autofill,
-                sch-input input:-webkit-autofill {
-                    animation-name: onAutoFillStart;
-                    animation-duration: 1ms;
-                }
-            </style>
         `;
   }
   _handleAutoSelectOnBlur() {
@@ -211,7 +196,7 @@ let l = class extends T(":host{display:block;border:unset!important;line-height:
     let e = null, n = 0;
     this._options.forEach((i) => {
       if (i.hidden) return;
-      const s = i.label || i.textContent || "", o = i.value, u = v(t, s), p = v(t, o), r = Math.max(1.1 * u, p);
+      const s = i.label || i.textContent || "", o = i.value, u = f(t, s), p = f(t, o), r = Math.max(1.1 * u, p);
       r > n && r >= this.similarityThreshold && (n = r, e = i);
     }), e && (this._optionSelect$.next(e), this._open$.next(!1), this._open = !1);
   }
@@ -253,4 +238,4 @@ let l = class extends T(":host{display:block;border:unset!important;line-height:
   }
 };
 a([c({ type: Boolean })], l.prototype, "required", 2), a([c({ type: String })], l.prototype, "placeholder", 2), a([c({ type: String, reflect: !0 })], l.prototype, "label", 2), a([c({ type: String })], l.prototype, "name", 2), a([c({ type: String })], l.prototype, "maxHeight", 2), a([c({ type: Boolean })], l.prototype, "multi", 2), a([c({ type: String })], l.prototype, "description", 2), a([c({ type: String, reflect: !0 })], l.prototype, "size", 2), a([c({ type: String })], l.prototype, "autocomplete", 2), a([c({ type: Number })], l.prototype, "debounceMs", 2), a([c({ type: Number })], l.prototype, "similarityThreshold", 2), a([c({ type: Array })], l.prototype, "values", 1), a([c({ type: String, reflect: !0 })], l.prototype, "value", 1), a([m()], l.prototype, "_open", 2), a([m()], l.prototype, "_inputValue", 2), a([m()], l.prototype, "_visibleOptionsCount", 2), a([m()], l.prototype, "_hasResults", 2), a([E("#options")], l.prototype, "_listbox", 2), a([E("sch-input")], l.prototype, "_input", 2), a([j({ flatten: !0 })], l.prototype, "_options", 2), l = a([L("schmancy-autocomplete")], l);
-//# sourceMappingURL=autocomplete-CF67hOX7.js.map
+//# sourceMappingURL=autocomplete-B7JYyVgi.js.map

package/dist/autocomplete-B7JYyVgi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-B7JYyVgi.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 {\n    BehaviorSubject,\n    combineLatest,\n    EMPTY,\n    fromEvent,\n    of,\n    Subject,\n    timer\n} from 'rxjs'\nimport {\n    debounceTime,\n    distinctUntilChanged,\n    filter,\n    switchMap,\n    take,\n    takeUntil,\n    tap,\n    withLatestFrom\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\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 = 'on'\n    @property({ type: Number }) debounceMs = 200\n    @property({ type: Number }) similarityThreshold = 0.3 // Minimum similarity score to show option\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            this._selectedValues$.next(\n                val ? val.split(',').map(v => v.trim()).filter(Boolean) : []\n            )\n        } else {\n            this._selectedValue$.next(val)\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    // 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\n    private _selectedValue$ = new BehaviorSubject<string>('')\n    private _selectedValues$ = new BehaviorSubject<string[]>([])\n    private _inputValue$ = new BehaviorSubject<string>('')\n    private _open$ = new BehaviorSubject<boolean>(false)\n    private _options$ = new BehaviorSubject<SchmancyOption[]>([])\n    private _optionSelect$ = new Subject<SchmancyOption>()\n    private _documentClick$ = new Subject<MouseEvent>()\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        // Complex autofill detection disabled - using simple auto-select on blur instead\n        // this._setupAutofillDetection()\n    }\n\n    private _setupAutocompleteLogic() {\n        // Options management pipeline\n        this._options$.pipe(\n            tap(options => {\n                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                    if (!option.hasAttribute('data-event-bound')) {\n                        fromEvent(option, 'pointerdown').pipe(\n                            tap(e => {\n                                e.preventDefault() // Prevent blur from firing\n                                e.stopPropagation()\n                            }),\n                            takeUntil(this.disconnecting)\n                        ).subscribe(() => this._optionSelect$.next(option))\n                        option.setAttribute('data-event-bound', 'true')\n                    }\n                })\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Selection sync pipeline\n        combineLatest([\n            this._selectedValue$,\n            this._selectedValues$,\n            this._options$\n        ]).pipe(\n            tap(([selectedValue, selectedValues, options]) => {\n                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            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Enhanced fuzzy filtering pipeline\n        this._inputValue$.pipe(\n            distinctUntilChanged(),\n            debounceTime(this.debounceMs),\n            withLatestFrom(this._options$, this._open$),\n            tap(([searchTerm, options, isOpen]) => {\n                if (!isOpen) return\n\n                const term = searchTerm.trim()\n                \n                if (!term) {\n                    // Show all options if no search term\n                    options.forEach(option => {\n                        option.hidden = false\n                        option.style.order = '0' // Reset order\n                    })\n                    this._visibleOptionsCount = options.length\n                    this._hasResults = true\n                } else {\n                    // Calculate similarity scores for all options\n                    const scoredOptions: FilteredOption[] = options.map(option => {\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(term, optionLabel)\n                        const valueScore = similarity(term, 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                        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                        // Hide options below threshold\n                        if (score < this.similarityThreshold) {\n                            option.hidden = true\n                        } else {\n                            option.hidden = false\n                            visibleCount++\n                            // Use CSS order to sort visible options by relevance\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            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Option selection pipeline\n        this._optionSelect$.pipe(\n            withLatestFrom(this._selectedValue$, this._selectedValues$),\n            tap(([option, _, currentValues]) => {\n                if (this.multi) {\n                    const index = currentValues.indexOf(option.value)\n                    const newValues = index > -1\n                        ? [...currentValues.slice(0, index), ...currentValues.slice(index + 1)]\n                        : [...currentValues, option.value]\n                    this._selectedValues$.next(newValues)\n                    \n                    this._inputValue$.next('')\n                    this._inputValue = ''\n                    \n                    const labels = this._getSelectedLabels()\n                    this._announceToScreenReader(\n                        labels.length > 0 \n                            ? `Selected: ${labels.join(', ')}`\n                            : 'No options selected'\n                    )\n                } else {\n                    this._selectedValue$.next(option.value)\n                    this._open$.next(false)\n                    this._open = false\n                    \n                    this._inputValue = option.label || option.textContent || ''\n                    this._inputValue$.next(this._inputValue)\n                    \n                    timer(100).pipe(\n                        tap(() => this._inputElementRef.value?.blur()),\n                        take(1)\n                    ).subscribe()\n                    \n                    this._announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n                }\n            }),\n            tap(() => this._fireChangeEvent()),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Display update pipeline\n        combineLatest([\n            this._open$,\n            this._selectedValue$,\n            this._selectedValues$,\n            this._options$\n        ]).pipe(\n            filter(() => !this._open$.value),\n            tap(([, selectedValue, selectedValues, options]) => {\n                if (this.multi) {\n                    const labels = options\n                        .filter(opt => selectedValues.includes(opt.value))\n                        .map(opt => opt.label || opt.textContent || '')\n                    this._inputValue = labels.join(', ')\n                } else {\n                    const option = options.find(opt => opt.value === selectedValue)\n                    this._inputValue = option ? option.label || option.textContent || '' : ''\n                }\n                this._inputValue$.next(this._inputValue)\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Open state sync\n        this._open$.pipe(\n            tap(open => this._open = open),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n    }\n\n    private _setupDocumentClickHandler() {\n        this._documentClick$.pipe(\n            filter(e => !e.composedPath().includes(this)),\n            filter(e => !this._options.some(opt => e.composedPath().includes(opt))),\n            filter(() => this._open),\n            tap(() => {\n                this._open$.next(false)\n                this._updateInputDisplay()\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        this._open$.pipe(\n            distinctUntilChanged(),\n            switchMap(open => \n                open \n                    ? timer(10).pipe(\n                        tap(() => document.addEventListener('click', e => this._documentClick$.next(e))),\n                        switchMap(() => EMPTY)\n                    )\n                    : of(null).pipe(\n                        tap(() => document.removeEventListener('click', e => this._documentClick$.next(e)))\n                    )\n            ),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n    }\n\n\n    private _updateInputDisplay() {\n        of(null).pipe(\n            withLatestFrom(\n                this._selectedValue$,\n                this._selectedValues$,\n                this._options$,\n                this._open$\n            ),\n            tap(([, selectedValue, selectedValues, options, isOpen]) => {\n                if (!this._inputElementRef.value) return\n\n                if (!isOpen || !this.multi) {\n                    if (this.multi) {\n                        const labels = options\n                            .filter(opt => selectedValues.includes(opt.value))\n                            .map(opt => opt.label || opt.textContent || '')\n                        this._inputValue = labels.join(', ')\n                    } else {\n                        const option = options.find(opt => opt.value === selectedValue)\n                        this._inputValue = option ? option.label || option.textContent || '' : ''\n                    }\n                    this._inputValue$.next(this._inputValue)\n                    this._inputElementRef.value.value = this._inputValue\n                }\n            }),\n            take(1)\n        ).subscribe()\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        // Auto-selection now happens on blur, no need for autofill detection\n    }\n\n    render() {\n        const descriptionId = `${this.id}-desc`\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                <!-- Input -->\n                <slot name=\"trigger\">\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                            \n                            const hasSelection = this.multi \n                                ? this._selectedValues$.value.length > 0\n                                : !!this._selectedValue$.value\n                            \n                            if (this.multi && !hasSelection) {\n                                this._inputValue = ''\n                                this._inputValue$.next('')\n                                if (this._inputElementRef.value) {\n                                    this._inputElementRef.value.value = ''\n                                }\n                            }\n                            \n                            this._open$.next(true)\n                        }}\n                        @click=${(e: MouseEvent) => {\n                            e.stopPropagation()\n                            this._open$.next(true)\n                        }}\n                        @keydown=${(e: KeyboardEvent) => {\n                            this._handleKeyDown(e)\n                        }}\n                        @blur=${() => {\n                            this._handleAutoSelectOnBlur()\n                        }}\n                    >\n                    </schmancy-input>\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._options$.next(this._options)\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        // 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 using the existing pipeline\n            this._optionSelect$.next(bestMatch)\n            \n            // Close the dropdown\n            this._open$.next(false)\n            this._open = false\n            \n            console.log('Auto-selected on blur:', bestMatch.value, 'with score:', bestScore)\n        }\n    }\n\n    private _handleKeyDown(_e: KeyboardEvent) {\n        fromEvent<KeyboardEvent>(document, 'keydown').pipe(\n            take(1),\n            withLatestFrom(this._open$, this._options$),\n            tap(([event, isOpen, options]) => {\n                if (!isOpen && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n                    event.preventDefault()\n                    this._open$.next(true)\n                    \n                    timer(10).pipe(\n                        tap(() => {\n                            const firstVisible = options.find(opt => !opt.hidden)\n                            firstVisible?.focus()\n                        }),\n                        take(1)\n                    ).subscribe()\n                    return\n                }\n\n                if (!isOpen) return\n\n                const visibleOptions = 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$.next(false)\n                        this._updateInputDisplay()\n                        this._inputElementRef.value?.focus()\n                        break\n\n                    case 'Tab':\n                        this._open$.next(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._optionSelect$.next(focusedOption)\n                        }\n                        break\n                }\n            })\n        ).subscribe()\n    }\n}\n\n\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-autocomplete': SchmancyAutocomplete\n    }\n}"],"names":["SchmancyAutocomplete","$LitElement","constructor","super","arguments","this","required","placeholder","label","name","maxHeight","multi","description","size","autocomplete","debounceMs","similarityThreshold","_open","_inputValue","_visibleOptionsCount","_hasResults","_inputElementRef","createRef","_selectedValue$","BehaviorSubject","_selectedValues$","_inputValue$","_open$","_options$","_optionSelect$","Subject","_documentClick$","values","value","vals","next","Array","isArray","join","val","split","map","v","trim","filter","Boolean","connectedCallback","id","Math","random","toString","slice","_setupAutocompleteLogic","_setupDocumentClickHandler","pipe","tap","options","forEach","option","index","setAttribute","tabIndex","hasAttribute","fromEvent","e","preventDefault","stopPropagation","takeUntil","disconnecting","subscribe","combineLatest","selectedValue","selectedValues","selected","includes","String","distinctUntilChanged","debounceTime","withLatestFrom","searchTerm","isOpen","term","scoredOptions","optionLabel","textContent","optionValue","labelScore","similarity","valueScore","score","max","sort","a","b","visibleCount","item","hidden","style","order","length","_announceToScreenReader","_","currentValues","indexOf","newValues","labels","_getSelectedLabels","timer","blur","take","_fireChangeEvent","opt","find","open","composedPath","_options","some","_updateInputDisplay","switchMap","document","addEventListener","EMPTY","of","removeEventListener","message","liveRegion","shadowRoot","querySelector","detail","dispatchEvent","CustomEvent","bubbles","composed","checkValidity","reportValidity","firstUpdated","render","descriptionId","html","ref","toLowerCase","replace","target","hasSelection","_handleKeyDown","_handleAutoSelectOnBlur","classMap","absolute","flex","bestMatch","bestScore","_e","event","key","firstVisible","focus","visibleOptions","parseInt","focusedOption","activeElement","currentIndex","nextIndex","prevIndex","__decorateClass","property","type","prototype","reflect","Number","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/autocomplete-CdUGguah.cjs

@@ -0,0 +1,57 @@
+"use strict";const h=require("rxjs"),y=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const f=require("./litElement.mixin-BEbYQVKW.cjs");require("./tailwind.mixin-NrMHmraa.cjs");const u=require("lit/decorators.js"),b=require("lit"),$=require("lit/directives/ref.js"),i=require("rxjs/operators"),_=require("./search-DWW8IoOp.cjs");var x=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(e,t,o,s)=>{for(var n,l=s>1?void 0:s?g(t,o):t,p=e.length-1;p>=0;p--)(n=e[p])&&(l=(s?n(t,o,l):n(l))||l);return s&&l&&x(t,o,l),l};let a=class extends f.$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="on",this.debounceMs=200,this.similarityThreshold=.3,this._open=!1,this._inputValue="",this._visibleOptionsCount=0,this._hasResults=!0,this._inputElementRef=$.createRef(),this._selectedValue$=new h.BehaviorSubject(""),this._selectedValues$=new h.BehaviorSubject([]),this._inputValue$=new h.BehaviorSubject(""),this._open$=new h.BehaviorSubject(!1),this._options$=new h.BehaviorSubject([]),this._optionSelect$=new h.Subject,this._documentClick$=new h.Subject}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){this.multi?this._selectedValues$.next(e?e.split(",").map(t=>t.trim()).filter(Boolean):[]):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(){this._options$.pipe(i.tap(e=>{e.forEach((t,o)=>{t.setAttribute("role","option"),t.tabIndex=-1,t.id||(t.id=`${this.id}-option-${o}`),t.hasAttribute("data-event-bound")||(h.fromEvent(t,"pointerdown").pipe(i.tap(s=>{s.preventDefault(),s.stopPropagation()}),i.takeUntil(this.disconnecting)).subscribe(()=>this._optionSelect$.next(t)),t.setAttribute("data-event-bound","true"))})}),i.takeUntil(this.disconnecting)).subscribe(),h.combineLatest([this._selectedValue$,this._selectedValues$,this._options$]).pipe(i.tap(([e,t,o])=>{o.forEach(s=>{s.selected=this.multi?t.includes(s.value):s.value===e,s.setAttribute("aria-selected",String(s.selected))})}),i.takeUntil(this.disconnecting)).subscribe(),this._inputValue$.pipe(i.distinctUntilChanged(),i.debounceTime(this.debounceMs),i.withLatestFrom(this._options$,this._open$),i.tap(([e,t,o])=>{if(!o)return;const s=e.trim();if(s){const n=t.map(p=>{const c=p.label||p.textContent||"",d=p.value,m=_.similarity(s,c),v=_.similarity(s,d);return{option:p,score:Math.max(1.1*m,v)}});n.sort((p,c)=>c.score-p.score);let l=0;n.forEach((p,c)=>{const{option:d,score:m}=p;m<this.similarityThreshold?d.hidden=!0:(d.hidden=!1,l++,d.style.order=String(c))}),this._visibleOptionsCount=l,this._hasResults=l>0}else t.forEach(n=>{n.hidden=!1,n.style.order="0"}),this._visibleOptionsCount=t.length,this._hasResults=!0;this._announceToScreenReader(this._visibleOptionsCount>0?`${this._visibleOptionsCount} option${this._visibleOptionsCount===1?"":"s"} available.`:"No results found.")}),i.takeUntil(this.disconnecting)).subscribe(),this._optionSelect$.pipe(i.withLatestFrom(this._selectedValue$,this._selectedValues$),i.tap(([e,t,o])=>{if(this.multi){const s=o.indexOf(e.value),n=s>-1?[...o.slice(0,s),...o.slice(s+1)]:[...o,e.value];this._selectedValues$.next(n),this._inputValue$.next(""),this._inputValue="";const l=this._getSelectedLabels();this._announceToScreenReader(l.length>0?`Selected: ${l.join(", ")}`:"No options selected")}else this._selectedValue$.next(e.value),this._open$.next(!1),this._open=!1,this._inputValue=e.label||e.textContent||"",this._inputValue$.next(this._inputValue),h.timer(100).pipe(i.tap(()=>this._inputElementRef.value?.blur()),i.take(1)).subscribe(),this._announceToScreenReader(`Selected: ${e.label||e.textContent}`)}),i.tap(()=>this._fireChangeEvent()),i.takeUntil(this.disconnecting)).subscribe(),h.combineLatest([this._open$,this._selectedValue$,this._selectedValues$,this._options$]).pipe(i.filter(()=>!this._open$.value),i.tap(([,e,t,o])=>{if(this.multi){const s=o.filter(n=>t.includes(n.value)).map(n=>n.label||n.textContent||"");this._inputValue=s.join(", ")}else{const s=o.find(n=>n.value===e);this._inputValue=s&&(s.label||s.textContent)||""}this._inputValue$.next(this._inputValue)}),i.takeUntil(this.disconnecting)).subscribe(),this._open$.pipe(i.tap(e=>this._open=e),i.takeUntil(this.disconnecting)).subscribe()}_setupDocumentClickHandler(){this._documentClick$.pipe(i.filter(e=>!e.composedPath().includes(this)),i.filter(e=>!this._options.some(t=>e.composedPath().includes(t))),i.filter(()=>this._open),i.tap(()=>{this._open$.next(!1),this._updateInputDisplay()}),i.takeUntil(this.disconnecting)).subscribe(),this._open$.pipe(i.distinctUntilChanged(),i.switchMap(e=>e?h.timer(10).pipe(i.tap(()=>document.addEventListener("click",t=>this._documentClick$.next(t))),i.switchMap(()=>h.EMPTY)):h.of(null).pipe(i.tap(()=>document.removeEventListener("click",t=>this._documentClick$.next(t))))),i.takeUntil(this.disconnecting)).subscribe()}_updateInputDisplay(){h.of(null).pipe(i.withLatestFrom(this._selectedValue$,this._selectedValues$,this._options$,this._open$),i.tap(([,e,t,o,s])=>{if(this._inputElementRef.value&&(!s||!this.multi)){if(this.multi){const n=o.filter(l=>t.includes(l.value)).map(l=>l.label||l.textContent||"");this._inputValue=n.join(", ")}else{const n=o.find(l=>l.value===e);this._inputValue=n&&(n.label||n.textContent)||""}this._inputValue$.next(this._inputValue),this._inputElementRef.value.value=this._inputValue}}),i.take(1)).subscribe()}_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(){}render(){const e=`${this.id}-desc`;return b.html`
+            <div class="relative">
+                <!-- Screen reader live region -->
+                <div id="live-status" role="status" aria-live="polite" class="sr-only"></div>
+
+                <!-- Description -->
+                ${this.description?b.html`<div id="${e}" class="sr-only">${this.description}</div>`:""}
+
+                <!-- Input -->
+                <slot name="trigger">
+                    <schmancy-input
+                        .size=${this.size}
+                        ${$.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=${t=>{const o=t.target.value;this._inputValue=o,this._inputValue$.next(o)}}
+                        @focus=${t=>{t.stopPropagation();const o=this.multi?this._selectedValues$.value.length>0:!!this._selectedValue$.value;this.multi&&!o&&(this._inputValue="",this._inputValue$.next(""),this._inputElementRef.value&&(this._inputElementRef.value.value="")),this._open$.next(!0)}}
+                        @click=${t=>{t.stopPropagation(),this._open$.next(!0)}}
+                        @keydown=${t=>{this._handleKeyDown(t)}}
+                        @blur=${()=>{this._handleAutoSelectOnBlur()}}
+                    >
+                    </schmancy-input>
+                </slot>
+
+                <!-- Options dropdown -->
+                <ul
+                    id="options"
+                    class=${y.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._options$.next(this._options)}}
+                >
+                    <slot></slot>
+                    ${this._hasResults?"":b.html`
+                        <li class="px-3 py-2 text-sm text-muted">No results found</li>
+                    `}
+                </ul>
+            </div>
+        `}_handleAutoSelectOnBlur(){if(this.multi||!this._open||!this._inputValue.trim())return;const e=this._inputValue.trim();let t=null,o=0;this._options.forEach(s=>{if(s.hidden)return;const n=s.label||s.textContent||"",l=s.value,p=_.similarity(e,n),c=_.similarity(e,l),d=Math.max(1.1*p,c);d>o&&d>=this.similarityThreshold&&(o=d,t=s)}),t&&(this._optionSelect$.next(t),this._open$.next(!1),this._open=!1)}_handleKeyDown(e){h.fromEvent(document,"keydown").pipe(i.take(1),i.withLatestFrom(this._open$,this._options$),i.tap(([t,o,s])=>{if(!o&&(t.key==="ArrowDown"||t.key==="Enter"))return t.preventDefault(),this._open$.next(!0),void h.timer(10).pipe(i.tap(()=>{s.find(d=>!d.hidden)?.focus()}),i.take(1)).subscribe();if(!o)return;const n=s.filter(c=>!c.hidden).sort((c,d)=>parseInt(c.style.order||"0")-parseInt(d.style.order||"0")),l=n.find(c=>c===document.activeElement),p=l?n.indexOf(l):-1;switch(t.key){case"Escape":t.preventDefault(),this._open$.next(!1),this._updateInputDisplay(),this._inputElementRef.value?.focus();break;case"Tab":this._open$.next(!1),this._updateInputDisplay();break;case"ArrowDown":t.preventDefault();const c=p<n.length-1?p+1:0;n[c]?.focus();break;case"ArrowUp":t.preventDefault();const d=p>0?p-1:n.length-1;n[d]?.focus();break;case"Home":t.preventDefault(),n[0]?.focus();break;case"End":t.preventDefault(),n[n.length-1]?.focus();break;case"Enter":case" ":l&&(t.preventDefault(),this._optionSelect$.next(l))}})).subscribe()}};r([u.property({type:Boolean})],a.prototype,"required",2),r([u.property({type:String})],a.prototype,"placeholder",2),r([u.property({type:String,reflect:!0})],a.prototype,"label",2),r([u.property({type:String})],a.prototype,"name",2),r([u.property({type:String})],a.prototype,"maxHeight",2),r([u.property({type:Boolean})],a.prototype,"multi",2),r([u.property({type:String})],a.prototype,"description",2),r([u.property({type:String,reflect:!0})],a.prototype,"size",2),r([u.property({type:String})],a.prototype,"autocomplete",2),r([u.property({type:Number})],a.prototype,"debounceMs",2),r([u.property({type:Number})],a.prototype,"similarityThreshold",2),r([u.property({type:Array})],a.prototype,"values",1),r([u.property({type:String,reflect:!0})],a.prototype,"value",1),r([u.state()],a.prototype,"_open",2),r([u.state()],a.prototype,"_inputValue",2),r([u.state()],a.prototype,"_visibleOptionsCount",2),r([u.state()],a.prototype,"_hasResults",2),r([u.query("#options")],a.prototype,"_listbox",2),r([u.query("sch-input")],a.prototype,"_input",2),r([u.queryAssignedElements({flatten:!0})],a.prototype,"_options",2),a=r([u.customElement("schmancy-autocomplete")],a);
+//# sourceMappingURL=autocomplete-CdUGguah.cjs.map

package/dist/autocomplete-CdUGguah.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-CdUGguah.cjs","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 {\n    BehaviorSubject,\n    combineLatest,\n    EMPTY,\n    fromEvent,\n    of,\n    Subject,\n    timer\n} from 'rxjs'\nimport {\n    debounceTime,\n    distinctUntilChanged,\n    filter,\n    switchMap,\n    take,\n    takeUntil,\n    tap,\n    withLatestFrom\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\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 = 'on'\n    @property({ type: Number }) debounceMs = 200\n    @property({ type: Number }) similarityThreshold = 0.3 // Minimum similarity score to show option\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            this._selectedValues$.next(\n                val ? val.split(',').map(v => v.trim()).filter(Boolean) : []\n            )\n        } else {\n            this._selectedValue$.next(val)\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    // 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\n    private _selectedValue$ = new BehaviorSubject<string>('')\n    private _selectedValues$ = new BehaviorSubject<string[]>([])\n    private _inputValue$ = new BehaviorSubject<string>('')\n    private _open$ = new BehaviorSubject<boolean>(false)\n    private _options$ = new BehaviorSubject<SchmancyOption[]>([])\n    private _optionSelect$ = new Subject<SchmancyOption>()\n    private _documentClick$ = new Subject<MouseEvent>()\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        // Complex autofill detection disabled - using simple auto-select on blur instead\n        // this._setupAutofillDetection()\n    }\n\n    private _setupAutocompleteLogic() {\n        // Options management pipeline\n        this._options$.pipe(\n            tap(options => {\n                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                    if (!option.hasAttribute('data-event-bound')) {\n                        fromEvent(option, 'pointerdown').pipe(\n                            tap(e => {\n                                e.preventDefault() // Prevent blur from firing\n                                e.stopPropagation()\n                            }),\n                            takeUntil(this.disconnecting)\n                        ).subscribe(() => this._optionSelect$.next(option))\n                        option.setAttribute('data-event-bound', 'true')\n                    }\n                })\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Selection sync pipeline\n        combineLatest([\n            this._selectedValue$,\n            this._selectedValues$,\n            this._options$\n        ]).pipe(\n            tap(([selectedValue, selectedValues, options]) => {\n                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            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Enhanced fuzzy filtering pipeline\n        this._inputValue$.pipe(\n            distinctUntilChanged(),\n            debounceTime(this.debounceMs),\n            withLatestFrom(this._options$, this._open$),\n            tap(([searchTerm, options, isOpen]) => {\n                if (!isOpen) return\n\n                const term = searchTerm.trim()\n                \n                if (!term) {\n                    // Show all options if no search term\n                    options.forEach(option => {\n                        option.hidden = false\n                        option.style.order = '0' // Reset order\n                    })\n                    this._visibleOptionsCount = options.length\n                    this._hasResults = true\n                } else {\n                    // Calculate similarity scores for all options\n                    const scoredOptions: FilteredOption[] = options.map(option => {\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(term, optionLabel)\n                        const valueScore = similarity(term, 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                        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                        // Hide options below threshold\n                        if (score < this.similarityThreshold) {\n                            option.hidden = true\n                        } else {\n                            option.hidden = false\n                            visibleCount++\n                            // Use CSS order to sort visible options by relevance\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            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Option selection pipeline\n        this._optionSelect$.pipe(\n            withLatestFrom(this._selectedValue$, this._selectedValues$),\n            tap(([option, _, currentValues]) => {\n                if (this.multi) {\n                    const index = currentValues.indexOf(option.value)\n                    const newValues = index > -1\n                        ? [...currentValues.slice(0, index), ...currentValues.slice(index + 1)]\n                        : [...currentValues, option.value]\n                    this._selectedValues$.next(newValues)\n                    \n                    this._inputValue$.next('')\n                    this._inputValue = ''\n                    \n                    const labels = this._getSelectedLabels()\n                    this._announceToScreenReader(\n                        labels.length > 0 \n                            ? `Selected: ${labels.join(', ')}`\n                            : 'No options selected'\n                    )\n                } else {\n                    this._selectedValue$.next(option.value)\n                    this._open$.next(false)\n                    this._open = false\n                    \n                    this._inputValue = option.label || option.textContent || ''\n                    this._inputValue$.next(this._inputValue)\n                    \n                    timer(100).pipe(\n                        tap(() => this._inputElementRef.value?.blur()),\n                        take(1)\n                    ).subscribe()\n                    \n                    this._announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n                }\n            }),\n            tap(() => this._fireChangeEvent()),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Display update pipeline\n        combineLatest([\n            this._open$,\n            this._selectedValue$,\n            this._selectedValues$,\n            this._options$\n        ]).pipe(\n            filter(() => !this._open$.value),\n            tap(([, selectedValue, selectedValues, options]) => {\n                if (this.multi) {\n                    const labels = options\n                        .filter(opt => selectedValues.includes(opt.value))\n                        .map(opt => opt.label || opt.textContent || '')\n                    this._inputValue = labels.join(', ')\n                } else {\n                    const option = options.find(opt => opt.value === selectedValue)\n                    this._inputValue = option ? option.label || option.textContent || '' : ''\n                }\n                this._inputValue$.next(this._inputValue)\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Open state sync\n        this._open$.pipe(\n            tap(open => this._open = open),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n    }\n\n    private _setupDocumentClickHandler() {\n        this._documentClick$.pipe(\n            filter(e => !e.composedPath().includes(this)),\n            filter(e => !this._options.some(opt => e.composedPath().includes(opt))),\n            filter(() => this._open),\n            tap(() => {\n                this._open$.next(false)\n                this._updateInputDisplay()\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        this._open$.pipe(\n            distinctUntilChanged(),\n            switchMap(open => \n                open \n                    ? timer(10).pipe(\n                        tap(() => document.addEventListener('click', e => this._documentClick$.next(e))),\n                        switchMap(() => EMPTY)\n                    )\n                    : of(null).pipe(\n                        tap(() => document.removeEventListener('click', e => this._documentClick$.next(e)))\n                    )\n            ),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n    }\n\n\n    private _updateInputDisplay() {\n        of(null).pipe(\n            withLatestFrom(\n                this._selectedValue$,\n                this._selectedValues$,\n                this._options$,\n                this._open$\n            ),\n            tap(([, selectedValue, selectedValues, options, isOpen]) => {\n                if (!this._inputElementRef.value) return\n\n                if (!isOpen || !this.multi) {\n                    if (this.multi) {\n                        const labels = options\n                            .filter(opt => selectedValues.includes(opt.value))\n                            .map(opt => opt.label || opt.textContent || '')\n                        this._inputValue = labels.join(', ')\n                    } else {\n                        const option = options.find(opt => opt.value === selectedValue)\n                        this._inputValue = option ? option.label || option.textContent || '' : ''\n                    }\n                    this._inputValue$.next(this._inputValue)\n                    this._inputElementRef.value.value = this._inputValue\n                }\n            }),\n            take(1)\n        ).subscribe()\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        // Auto-selection now happens on blur, no need for autofill detection\n    }\n\n    render() {\n        const descriptionId = `${this.id}-desc`\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                <!-- Input -->\n                <slot name=\"trigger\">\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                            \n                            const hasSelection = this.multi \n                                ? this._selectedValues$.value.length > 0\n                                : !!this._selectedValue$.value\n                            \n                            if (this.multi && !hasSelection) {\n                                this._inputValue = ''\n                                this._inputValue$.next('')\n                                if (this._inputElementRef.value) {\n                                    this._inputElementRef.value.value = ''\n                                }\n                            }\n                            \n                            this._open$.next(true)\n                        }}\n                        @click=${(e: MouseEvent) => {\n                            e.stopPropagation()\n                            this._open$.next(true)\n                        }}\n                        @keydown=${(e: KeyboardEvent) => {\n                            this._handleKeyDown(e)\n                        }}\n                        @blur=${() => {\n                            this._handleAutoSelectOnBlur()\n                        }}\n                    >\n                    </schmancy-input>\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._options$.next(this._options)\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        // 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 using the existing pipeline\n            this._optionSelect$.next(bestMatch)\n            \n            // Close the dropdown\n            this._open$.next(false)\n            this._open = false\n            \n            console.log('Auto-selected on blur:', bestMatch.value, 'with score:', bestScore)\n        }\n    }\n\n    private _handleKeyDown(_e: KeyboardEvent) {\n        fromEvent<KeyboardEvent>(document, 'keydown').pipe(\n            take(1),\n            withLatestFrom(this._open$, this._options$),\n            tap(([event, isOpen, options]) => {\n                if (!isOpen && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n                    event.preventDefault()\n                    this._open$.next(true)\n                    \n                    timer(10).pipe(\n                        tap(() => {\n                            const firstVisible = options.find(opt => !opt.hidden)\n                            firstVisible?.focus()\n                        }),\n                        take(1)\n                    ).subscribe()\n                    return\n                }\n\n                if (!isOpen) return\n\n                const visibleOptions = 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$.next(false)\n                        this._updateInputDisplay()\n                        this._inputElementRef.value?.focus()\n                        break\n\n                    case 'Tab':\n                        this._open$.next(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._optionSelect$.next(focusedOption)\n                        }\n                        break\n                }\n            })\n        ).subscribe()\n    }\n}\n\n\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-autocomplete': SchmancyAutocomplete\n    }\n}"],"names":["SchmancyAutocomplete","$LitElement","constructor","super","arguments","this","required","placeholder","label","name","maxHeight","multi","description","size","autocomplete","debounceMs","similarityThreshold","_open","_inputValue","_visibleOptionsCount","_hasResults","_inputElementRef","createRef","_selectedValue$","BehaviorSubject","_selectedValues$","_inputValue$","_open$","_options$","_optionSelect$","Subject","_documentClick$","values","value","vals","next","Array","isArray","join","val","split","map","v","trim","filter","Boolean","connectedCallback","id","Math","random","toString","slice","_setupAutocompleteLogic","_setupDocumentClickHandler","pipe","tap","options","forEach","option","index","setAttribute","tabIndex","hasAttribute","fromEvent","e","preventDefault","stopPropagation","takeUntil","disconnecting","subscribe","combineLatest","selectedValue","selectedValues","selected","includes","String","distinctUntilChanged","debounceTime","withLatestFrom","searchTerm","isOpen","term","scoredOptions","optionLabel","textContent","optionValue","labelScore","similarity","valueScore","score","max","sort","a","b","visibleCount","item","hidden","style","order","length","_announceToScreenReader","_","currentValues","indexOf","newValues","labels","_getSelectedLabels","timer","blur","take","_fireChangeEvent","opt","find","open","composedPath","_options","some","_updateInputDisplay","switchMap","document","addEventListener","EMPTY","of","removeEventListener","message","liveRegion","shadowRoot","querySelector","detail","dispatchEvent","CustomEvent","bubbles","composed","checkValidity","reportValidity","firstUpdated","render","descriptionId","html","ref","toLowerCase","replace","target","hasSelection","_handleKeyDown","_handleAutoSelectOnBlur","classMap","absolute","flex","bestMatch","bestScore","_e","event","key","focus","visibleOptions","parseInt","focusedOption","activeElement","currentIndex","nextIndex","prevIndex","__decorateClass","property","type","prototype","reflect","Number","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/autocomplete.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./autocomplete-CU-jz4zG.cjs");
+"use strict";require("./autocomplete-CdUGguah.cjs");
 //# sourceMappingURL=autocomplete.cjs.map

package/dist/autocomplete.js

@@ -1,2 +1,2 @@
-import "./autocomplete-CF67hOX7.js";
+import "./autocomplete-B7JYyVgi.js";
 //# sourceMappingURL=autocomplete.js.map

package/dist/{avatar-C8g7jgmf.cjs → avatar-CPKFq9zM.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("lit"),o=require("lit/decorators.js"),s=require("rxjs");require("./animated-text-EjzqX_DQ.cjs");const $=require("./area.component-B2Q4fmyG.cjs");require("./autocomplete-CU-jz4zG.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-NrMHmraa.cjs"),D=require("./ripple-C2BHbhcS.cjs");require("./boat-C_4qzJbd.cjs"),require("./spinner-Dx1Ryl5-.cjs"),require("./icon-button-tVZLMjEJ.cjs"),require("./media-CvzaJPdC.cjs"),require("./checkbox-BbrKQhIR.cjs"),require("./chips-BGkLDY0l.cjs"),require("./code-preview-CjcxgpTv.cjs"),require("./payment-card-form-mtpcOUF1.cjs");const p=require("./types.cjs"),d=require("./provide-BxZ2kn_p.cjs"),b=require("./litElement.mixin-BEbYQVKW.cjs"),m=require("./consume-edta5ng5.cjs");require("./date-range-BYQ09fir.cjs"),require("./date-range-inline-CaFUtSBm.cjs"),require("./delay-B9F4XCNZ.cjs"),require("./details-BaRWlZSt.cjs"),require("./dialog-content-B8KcY2sH.cjs"),require("./dialog-service-1uYQx7dw.cjs"),require("./divider-DSnh0b6W.cjs"),require("./dropdown-content-RUtMP_Q9.cjs"),require("./timezone-CDIIaBDU.cjs"),require("./form-Cr0sCISI.cjs"),require("./icon-DaI15W0a.cjs"),require("./input-DbTyzINg.cjs"),require("./flex-BFiiMqk7.cjs"),require("./list-DwM0r5Yf.cjs"),require("./map-B5zH_aTP.cjs"),require("./menu-CRDNeLR4.cjs");const W=require("lit/directives/when.js");require("./notification-service-8yVD9JmC.cjs"),require("./option-CHBn_LVC.cjs"),require("./progress-D2Ir6B3O.cjs"),require("./radio-button--qELnlmY.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-cK7FzCV1.cjs");const A=require("./sheet-C0bdYFvW.cjs");require("./slider-Dxefxjle.cjs"),require("./schmancy-steps-container-1RPGYqA4.cjs"),require("./context-object-K_1gDFu-.cjs");const N=require("rxjs/operators");require("./surface-BdhBs3Iz.cjs"),require("./table-DOZUn3w8.cjs"),require("./tabs-compatibility-BvLxoOTz.cjs"),require("./textarea-B59CHwhS.cjs"),require("./theme.component-Br50YrTh.cjs"),require("./theme-button-DYpBAOyy.cjs"),require("./tooltip-DA-XG9ME.cjs"),require("./tree--0R_mj8U.cjs"),require("./typewriter-CqwSUASf.cjs"),require("./typography-U5supY1N.cjs");const i=require("./theme.interface-Xg5Zi46a.cjs");var X=Object.defineProperty,H=Object.getOwnPropertyDescriptor,g=(e,t,n,a)=>{for(var c,r=a>1?void 0:a?H(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(a?c(t,n,r):c(r))||r);return a&&r&&X(t,n,r),r};exports.SchmancyBadgeV2=class extends _.TailwindElement(l.css`
+"use strict";const l=require("lit"),o=require("lit/decorators.js"),s=require("rxjs");require("./animated-text-EjzqX_DQ.cjs");const $=require("./area.component-B2Q4fmyG.cjs");require("./autocomplete-CdUGguah.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-NrMHmraa.cjs"),D=require("./ripple-C2BHbhcS.cjs");require("./boat-C_4qzJbd.cjs"),require("./spinner-Dx1Ryl5-.cjs"),require("./icon-button-DScsyzbc.cjs"),require("./media-CvzaJPdC.cjs"),require("./checkbox-BbrKQhIR.cjs"),require("./chips-BGkLDY0l.cjs"),require("./code-preview-CjcxgpTv.cjs"),require("./payment-card-form-mtpcOUF1.cjs");const p=require("./types.cjs"),d=require("./provide-BxZ2kn_p.cjs"),b=require("./litElement.mixin-BEbYQVKW.cjs"),m=require("./consume-edta5ng5.cjs");require("./date-range-BYQ09fir.cjs"),require("./date-range-inline-CaFUtSBm.cjs"),require("./delay-B9F4XCNZ.cjs"),require("./details-BaRWlZSt.cjs"),require("./dialog-content-B8KcY2sH.cjs"),require("./dialog-service-1uYQx7dw.cjs"),require("./divider-DSnh0b6W.cjs"),require("./dropdown-content-RUtMP_Q9.cjs"),require("./timezone-CDIIaBDU.cjs"),require("./form-Cr0sCISI.cjs"),require("./icon-DaI15W0a.cjs"),require("./input-DbTyzINg.cjs"),require("./flex-BFiiMqk7.cjs"),require("./list-DwM0r5Yf.cjs"),require("./map-B5zH_aTP.cjs"),require("./menu-CRDNeLR4.cjs");const W=require("lit/directives/when.js");require("./notification-service-8yVD9JmC.cjs"),require("./option-CHBn_LVC.cjs"),require("./progress-D2Ir6B3O.cjs"),require("./radio-button--qELnlmY.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-cK7FzCV1.cjs");const A=require("./sheet-C0bdYFvW.cjs");require("./slider-Dxefxjle.cjs"),require("./schmancy-steps-container-1RPGYqA4.cjs"),require("./context-object-K_1gDFu-.cjs");const N=require("rxjs/operators");require("./surface-BdhBs3Iz.cjs"),require("./table-DOZUn3w8.cjs"),require("./tabs-compatibility-BvLxoOTz.cjs"),require("./textarea-B59CHwhS.cjs"),require("./theme.component-Br50YrTh.cjs"),require("./theme-button-DYpBAOyy.cjs"),require("./tooltip-DA-XG9ME.cjs"),require("./tree--0R_mj8U.cjs"),require("./typewriter-CqwSUASf.cjs"),require("./typography-U5supY1N.cjs");const i=require("./theme.interface-Xg5Zi46a.cjs");var X=Object.defineProperty,H=Object.getOwnPropertyDescriptor,g=(e,t,n,a)=>{for(var c,r=a>1?void 0:a?H(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(a?c(t,n,r):c(r))||r);return a&&r&&X(t,n,r),r};exports.SchmancyBadgeV2=class extends _.TailwindElement(l.css`
 	:host {
 		display: inline-flex;
 	}
@@ -202,4 +202,4 @@
 		`}getColorAttributes(){const e={primary:{bgColor:i.SchmancyTheme.sys.color.primary.container,color:i.SchmancyTheme.sys.color.primary.onContainer},secondary:{bgColor:i.SchmancyTheme.sys.color.secondary.container,color:i.SchmancyTheme.sys.color.secondary.onContainer},tertiary:{bgColor:i.SchmancyTheme.sys.color.tertiary.container,color:i.SchmancyTheme.sys.color.tertiary.onContainer},success:{bgColor:i.SchmancyTheme.sys.color.success.container,color:i.SchmancyTheme.sys.color.success.onContainer},error:{bgColor:i.SchmancyTheme.sys.color.error.container,color:i.SchmancyTheme.sys.color.error.onContainer},neutral:{bgColor:i.SchmancyTheme.sys.color.surface.container,color:i.SchmancyTheme.sys.color.surface.on}};return D.color(e[this.color])}renderStatusIndicator(){const e={online:i.SchmancyTheme.sys.color.success.default,offline:i.SchmancyTheme.sys.color.surface.onVariant,busy:i.SchmancyTheme.sys.color.error.default,away:i.SchmancyTheme.sys.color.tertiary.default},t={"absolute bottom-0 right-0 rounded-full border-2 border-surface-default":!0,[{xs:"w-1.5 h-1.5",sm:"w-2 h-2",md:"w-2.5 h-2.5",lg:"w-3 h-3",xl:"w-4 h-4"}[this.size]]:!0};return l.html`
 			<div class="${this.classMap(t)}" style="background-color: ${e[this.status]};"></div>
 		`}},u([o.property({type:String})],exports.SchmancyAvatar.prototype,"initials",2),u([o.property({type:String})],exports.SchmancyAvatar.prototype,"src",2),u([o.property({type:String})],exports.SchmancyAvatar.prototype,"icon",2),u([o.property({type:String})],exports.SchmancyAvatar.prototype,"size",2),u([o.property({type:String})],exports.SchmancyAvatar.prototype,"color",2),u([o.property({type:String})],exports.SchmancyAvatar.prototype,"shape",2),u([o.property({type:Boolean})],exports.SchmancyAvatar.prototype,"bordered",2),u([o.property({type:String})],exports.SchmancyAvatar.prototype,"status",2),exports.SchmancyAvatar=u([o.customElement("schmancy-avatar")],exports.SchmancyAvatar),exports.$drawer=Q,exports.HereMorty=B,exports.SchmancyContentDrawerID=I,exports.SchmancyContentDrawerMaxHeight=k,exports.SchmancyContentDrawerMinWidth=M,exports.SchmancyContentDrawerSheetMode=q,exports.SchmancyContentDrawerSheetState=j,exports.SchmancyDrawerNavbarMode=O,exports.SchmancyDrawerNavbarState=z,exports.WhereAreYouRicky=P,exports.schmancyContentDrawer=V,exports.schmancyNavDrawer=R,exports.teleport=x;
-//# sourceMappingURL=avatar-C8g7jgmf.cjs.map
+//# sourceMappingURL=avatar-CPKFq9zM.cjs.map