@mhmo91/schmancy 0.6.16 → 0.6.18

package/dist/{autocomplete-yPq8zNOI.js → autocomplete-DLzc6eqO.js}

@@ -3,14 +3,14 @@ import { tap as b, takeUntil as y, distinctUntilChanged as V, debounceTime as w,
 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 $, queryAssignedElements as C, customElement as k } from "lit/decorators.js";
-import "./tailwind.mixin-N1MaFaUo.js";
-import { $ as O } from "./litElement.mixin-DYomCqIu.js";
+import "./tailwind.mixin-BTS7jBB1.js";
+import { $ as O } from "./litElement.mixin-BbwZRaPp.js";
 import { html as h } from "lit";
 import { createRef as E, ref as g } from "lit/directives/ref.js";
 import { repeat as D } from "lit/directives/repeat.js";
 import { when as v } from "lit/directives/when.js";
 import { s as m } from "./search-6Hr7K1gh.js";
-import "./input-chip-DPmwgnLg.js";
+import "./input-chip-CyvaAJiR.js";
 var R = 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 && R(t, i, s), s;
@@ -330,4 +330,4 @@ let l = class extends O(":host{display:block;border:unset!important;line-height:
   }
 };
 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([$("#options")], l.prototype, "_listbox", 2), a([$("sch-input")], l.prototype, "_input", 2), a([C({ flatten: !0 })], l.prototype, "_options", 2), l = a([k("schmancy-autocomplete")], l);
-//# sourceMappingURL=autocomplete-yPq8zNOI.js.map
+//# sourceMappingURL=autocomplete-DLzc6eqO.js.map

package/dist/{autocomplete-yPq8zNOI.js.map → autocomplete-DLzc6eqO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-yPq8zNOI.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    // Track whether value/values have been explicitly set\n     _valueSet: boolean = false\n     _valuesSet: boolean = false\n\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._valuesSet = true\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        this._valueSet = true\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                // Update the input display when value is set\n                this._updateInputDisplay()\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    // 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            }\n\n            // Handle the actual selection\n            option.onclick = (e: MouseEvent) => {\n                e.stopPropagation()\n                this._selectOption(option)\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 _openDropdown() {\n        this._open = true\n        // Reset filters based on current input value when dropdown opens\n        this._filterOptions(this._inputValue)\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            // Update value first\n            this._selectedValue$.next(option.value)\n\n            // Close dropdown IMMEDIATELY to prevent blur handler from firing\n            this._open = false\n\n            // Now fire event with the NEW value\n            this._fireChangeEvent()\n\n            // Update UI\n            this._inputValue = option.label || option.textContent || ''\n            this._inputValue$.next(this._inputValue)\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) 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        // Sync initial value with display after options are available\n        this._updateInputDisplay()\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._openDropdown()\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._openDropdown()\n                                }}\n                                @click=${(e: MouseEvent) => {\n                                    e.stopPropagation()\n                                    this._openDropdown()\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        // 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            // Silently update the selected value without firing change event\n            this._selectedValue$.next(bestMatch.value)\n            this._inputValue = bestMatch.label || bestMatch.textContent || ''\n            this._inputValue$.next(this._inputValue)\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._openDropdown()\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","_valueSet","_valuesSet","required","placeholder","label","name","maxHeight","multi","description","size","autocomplete","debounceMs","similarityThreshold","error","validationMessage","_open","_inputValue","_visibleOptionsCount","_hasResults","_inputElementRef","createRef","_selectedValue$","BehaviorSubject","_selectedValues$","_inputValue$","values","value","vals","next","Array","isArray","join","val","newValues","split","map","v","trim","filter","Boolean","currentValues","JSON","stringify","_updateInputDisplay","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","selected","includes","String","term","scoredOptions","optionLabel","textContent","optionValue","labelScore","similarity","valueScore","score","max","sort","a","b","visibleCount","item","hidden","style","order","length","_announceToScreenReader","_openDropdown","indexOf","_getSelectedLabels","_fireChangeEvent","handleDocumentClick","path","composedPath","some","opt","document","addEventListener","take","removeEventListener","find","message","liveRegion","shadowRoot","querySelector","detail","dispatchEvent","CustomEvent","bubbles","composed","checkValidity","reportValidity","firstUpdated","_getChipLabel","_focusTextInput","focus","render","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","setTimeout","firstVisible","visibleOptions","parseInt","focusedOption","activeElement","currentIndex","nextIndex","prevIndex","__decorateClass","property","type","prototype","reflect","Number","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
+{"version":3,"file":"autocomplete-DLzc6eqO.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    // Track whether value/values have been explicitly set\n     _valueSet: boolean = false\n     _valuesSet: boolean = false\n\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._valuesSet = true\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        this._valueSet = true\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                // Update the input display when value is set\n                this._updateInputDisplay()\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    // 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            }\n\n            // Handle the actual selection\n            option.onclick = (e: MouseEvent) => {\n                e.stopPropagation()\n                this._selectOption(option)\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 _openDropdown() {\n        this._open = true\n        // Reset filters based on current input value when dropdown opens\n        this._filterOptions(this._inputValue)\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            // Update value first\n            this._selectedValue$.next(option.value)\n\n            // Close dropdown IMMEDIATELY to prevent blur handler from firing\n            this._open = false\n\n            // Now fire event with the NEW value\n            this._fireChangeEvent()\n\n            // Update UI\n            this._inputValue = option.label || option.textContent || ''\n            this._inputValue$.next(this._inputValue)\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) 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        // Sync initial value with display after options are available\n        this._updateInputDisplay()\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._openDropdown()\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._openDropdown()\n                                }}\n                                @click=${(e: MouseEvent) => {\n                                    e.stopPropagation()\n                                    this._openDropdown()\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        // 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            // Silently update the selected value without firing change event\n            this._selectedValue$.next(bestMatch.value)\n            this._inputValue = bestMatch.label || bestMatch.textContent || ''\n            this._inputValue$.next(this._inputValue)\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._openDropdown()\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","_valueSet","_valuesSet","required","placeholder","label","name","maxHeight","multi","description","size","autocomplete","debounceMs","similarityThreshold","error","validationMessage","_open","_inputValue","_visibleOptionsCount","_hasResults","_inputElementRef","createRef","_selectedValue$","BehaviorSubject","_selectedValues$","_inputValue$","values","value","vals","next","Array","isArray","join","val","newValues","split","map","v","trim","filter","Boolean","currentValues","JSON","stringify","_updateInputDisplay","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","selected","includes","String","term","scoredOptions","optionLabel","textContent","optionValue","labelScore","similarity","valueScore","score","max","sort","a","b","visibleCount","item","hidden","style","order","length","_announceToScreenReader","_openDropdown","indexOf","_getSelectedLabels","_fireChangeEvent","handleDocumentClick","path","composedPath","some","opt","document","addEventListener","take","removeEventListener","find","message","liveRegion","shadowRoot","querySelector","detail","dispatchEvent","CustomEvent","bubbles","composed","checkValidity","reportValidity","firstUpdated","_getChipLabel","_focusTextInput","focus","render","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","setTimeout","firstVisible","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-pmX57mE7.cjs");
+"use strict";require("./autocomplete-DEzGDw9s.cjs");
 //# sourceMappingURL=autocomplete.cjs.map

package/dist/autocomplete.js

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

package/dist/{avatar-kwfIZbBF.js → avatar-RIbulvWL.js}

@@ -1,68 +1,68 @@
 import { css as w, html as c, nothing as bt } from "lit";
 import { property as l, customElement as p, state as h, queryAssignedElements as ft, query as tt } from "lit/decorators.js";
 import { Subject as ot, merge as Q, fromEvent as d, startWith as Et, debounceTime as G, map as g, distinctUntilChanged as et, tap as O, takeUntil as m, from as ht, of as J, Observable as Dt, BehaviorSubject as gt, timer as It, zip as pt, filter as vt, take as zt, timeout as Mt, bufferTime as jt, concatMap as Pt, interval as Rt, throwIfEmpty as Wt } from "rxjs";
-import "./animated-text-B8iGYrYI.js";
-import { a as Ht, F as Lt, H as Bt } from "./area.component-DHYxBzb7.js";
-import "./autocomplete-yPq8zNOI.js";
+import "./animated-text-Df3UZBT2.js";
+import { a as Ht, F as Lt, H as Bt } from "./area.component-DXQff5kK.js";
+import "./autocomplete-DLzc6eqO.js";
 import { tap as B, takeUntil as j, filter as V, throttleTime as Nt, map as wt, pairwise as Tt, distinctUntilChanged as At, take as _t } from "rxjs/operators";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as Z } from "./tailwind.mixin-N1MaFaUo.js";
+import { T as Z } from "./tailwind.mixin-BTS7jBB1.js";
 import { c as P, f as qt } from "./ripple-Cy-nvO8W.js";
 import "lit/directives/guard.js";
-import "./boat-DdWgKGDm.js";
-import "./spinner-DZIA0ztk.js";
-import "./icon-button-CM5LpeUv.js";
-import "./media-CWsGoRyl.js";
-import "./checkbox-C-EFwpvs.js";
-import "./suggestion-chip-C7umNn8S.js";
-import "./input-chip-DPmwgnLg.js";
-import "./code-preview-DU8t16Io.js";
-import "./payment-card-form-Dzkw0Zxb.js";
+import "./boat-CWADeoFv.js";
+import "./spinner-DdG6BEOr.js";
+import "./icon-button-BlyzaNtE.js";
+import "./media-CFqac3i-.js";
+import "./checkbox-ZryxdmZz.js";
+import "./suggestion-chip-BRz15zwU.js";
+import "./input-chip-CyvaAJiR.js";
+import "./code-preview-Bn2K5K9h.js";
+import "./payment-card-form-CHMYeZs2.js";
 import { SchmancyEvents as v } from "./types.js";
 import { n as N, e as L } from "./provide-tcktw8xB.js";
-import { $ as R } from "./litElement.mixin-DYomCqIu.js";
+import { $ as R } from "./litElement.mixin-BbwZRaPp.js";
 import { c as u } from "./consume-5D1qfVWM.js";
-import "./date-range-C6plrAKq.js";
-import "./date-range-inline-BzdUNxOn.js";
-import "./delay-NrcUS15l.js";
-import "./details-BSkVxC5z.js";
-import "./dialog-content-B6coEskF.js";
+import "./date-range-CCQsqKSy.js";
+import "./date-range-inline-DO0Ps_QS.js";
+import "./delay-BaltOHAs.js";
+import "./details-Bic4ZKNZ.js";
+import "./dialog-content-CwsV3nWG.js";
 import "./dialog-service-CyQzm5qE.js";
-import "./divider-DJZwg-YL.js";
-import "./dropdown-content-BsnFk-nJ.js";
-import "./timezone-aOO7z9Qo.js";
-import "./form-QA4ruG62.js";
-import "./icon-DUB5k2gF.js";
-import "./input-ZPc0PgSj.js";
-import "./flex-BbFqMmJg.js";
-import "./list-CyeSi6on.js";
-import "./email-recipients-BpeZJENf.js";
-import "./map-B0RIANKu.js";
-import "./menu-xrrIvGSW.js";
+import "./divider-ChXDN5-E.js";
+import "./dropdown-content-BmA6vuhB.js";
+import "./timezone-C-V8qJE3.js";
+import "./form-C5d6gWUg.js";
+import "./icon-BATnNWHh.js";
+import "./input-BJvZX3nK.js";
+import "./flex-CW7oSqU1.js";
+import "./list-Dqwbw_0L.js";
+import "./email-recipients-Ew87bYRp.js";
+import "./map-BHfXl4eZ.js";
+import "./menu-BlR27aWR.js";
 import { when as st } from "lit/directives/when.js";
-import "./navigation-rail-BG2bMjOl.js";
-import "./notification-service-DFQoqjNa.js";
-import "./option-BdAu99R9.js";
-import "./progress-B2OiyRFr.js";
-import "./radio-button-q537q2UW.js";
+import "./navigation-rail-Cdklj_Vy.js";
+import "./notification-service-CqxmKVJX.js";
+import "./option-COJIldwK.js";
+import "./progress-CtNg2SPw.js";
+import "./radio-button-DggshTfa.js";
 import "./index-CW6PhEkx.js";
-import "./select-CCKHSCwG.js";
-import { s as it } from "./sheet.service-C6493Pke.js";
-import "./sheet-BqvL8L7x.js";
-import "./slider-Bc_6eyrO.js";
-import "./schmancy-steps-container-BXtHI-tR.js";
+import "./select-BqyRn0cF.js";
+import { s as it } from "./sheet.service-1jZMJbNp.js";
+import "./sheet-DE8jIQUk.js";
+import "./slider-BvbkpEef.js";
+import "./schmancy-steps-container-DhtHaKgX.js";
 import "./context-create-DCiujzV2.js";
-import "./surface-CAHL8-r2.js";
-import "./table-CF6jit0u.js";
-import "./tabs-compatibility-CEZTTGar.js";
-import "./textarea-BDivoZfH.js";
-import "./theme-controller-boat-aZ_v5n-0.js";
-import "./theme-button-Dd344f5C.js";
-import "./tooltip-Dn_MGXjw.js";
-import "./tree-Dcob4BMm.js";
-import "./typewriter-Cd-6RBof.js";
-import "./typography-B8r6CRfv.js";
+import "./surface-C3vER2uq.js";
+import "./table-DhheYeQ8.js";
+import "./tabs-compatibility-C-gQwADa.js";
+import "./textarea-DmoZM65K.js";
+import "./theme-controller-boat-DDsW4EOJ.js";
+import "./theme-button-BkoRO_Ko.js";
+import "./tooltip-Cw5mfhRj.js";
+import "./tree-DimUJjcj.js";
+import "./typewriter-B7nBcBU9.js";
+import "./typography-DnZjZEIe.js";
 import { S as r } from "./theme.interface-BLfE5J_1.js";
 var Xt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, M = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? Ut(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
@@ -132,7 +132,7 @@ let k = class extends Z(w`
     return { primary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${r.sys.color.primary.container} 92%, ${r.sys.color.primary.default} 8%)`, text: this.outlined ? r.sys.color.primary.default : r.sys.color.primary.onContainer, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.primary.default} 90%, ${r.sys.color.surface.highest} 10%)` : void 0 }, secondary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${r.sys.color.secondary.container} 95%, ${r.sys.color.secondary.default} 5%)`, text: this.outlined ? r.sys.color.secondary.default : r.sys.color.secondary.onContainer, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.secondary.default} 85%, ${r.sys.color.surface.highest} 15%)` : void 0 }, tertiary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${r.sys.color.tertiary.container} 94%, ${r.sys.color.tertiary.default} 6%)`, text: this.outlined ? r.sys.color.tertiary.default : r.sys.color.tertiary.onContainer, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.tertiary.default} 88%, ${r.sys.color.surface.highest} 12%)` : void 0 }, success: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${r.sys.color.success.container} 90%, ${r.sys.color.success.default} 10%)`, text: this.outlined ? r.sys.color.success.default : r.sys.color.success.onContainer, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.success.default} 85%, ${r.sys.color.surface.bright} 15%)` : void 0 }, warning: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${r.sys.color.tertiary.container} 85%, ${r.sys.color.tertiary.default} 15%)`, text: this.outlined ? r.sys.color.tertiary.default : r.sys.color.tertiary.onContainer, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.tertiary.default} 90%, ${r.sys.color.surface.highest} 10%)` : void 0 }, error: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${r.sys.color.error.container} 92%, ${r.sys.color.error.default} 8%)`, text: this.outlined ? r.sys.color.error.default : r.sys.color.error.onContainer, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.error.default} 88%, ${r.sys.color.surface.bright} 12%)` : void 0 }, neutral: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${r.sys.color.surface.high} 95%, ${r.sys.color.outline} 5%)`, text: this.outlined ? `color-mix(in srgb, ${r.sys.color.surface.on} 95%, ${r.sys.color.surface.default} 5%)` : r.sys.color.surface.on, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.outline} 85%, ${r.sys.color.surface.highest} 15%)` : void 0 } }[this.color];
   }
   render() {
-    const t = this.getSizeClasses(), e = this.getShapeClasses(), s = this.getColorStyles(), o = this.getIconSize(), n = this.getExoticStyles(), i = { "inline-flex items-center justify-center font-medium": !0, "transition-all duration-200 ease-in-out": !0, [t]: !0, [e]: !0, "animate-pulse": this.pulse, "border border-solid": this.outlined, "shadow-sm": !this.outlined && this.size === "sm", shadow: !this.outlined && this.size === "md", "shadow-md": !this.outlined && this.size === "lg", "hover:brightness-95 hover:-translate-y-px": this.outlined, "hover:brightness-[0.98]": !this.outlined }, a = { borderColor: s.border, ...this.outlined ? { backdropFilter: "blur(4px)" } : {}, ...this.size !== "lg" || this.outlined ? {} : { boxShadow: "0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)" }, ...n };
+    const t = this.getSizeClasses(), e = this.getShapeClasses(), s = this.getColorStyles(), o = this.getIconSize(), n = this.getExoticStyles(), i = { "inline-flex items-center justify-center font-medium": !0, "transition-all duration-200 ease-in-out": !0, [t]: !0, [e]: !0, "animate-pulse": this.pulse, "border border-solid": this.outlined, "shadow-sm": !this.outlined && this.size === "sm", shadow: !this.outlined && this.size === "md", "shadow-md": !this.outlined && this.size === "lg", "hover:brightness-95 hover:-translate-y-px": this.outlined, "hover:brightness-[0.98]": !this.outlined }, a = { borderColor: s.border, backdropFilter: this.outlined ? "blur(4px)" : void 0, boxShadow: this.size !== "lg" || this.outlined ? void 0 : "0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)", ...n };
     return c`
 			<div
 				part="badge"
@@ -907,4 +907,4 @@ export {
   F as u,
   b as v
 };
-//# sourceMappingURL=avatar-kwfIZbBF.js.map
+//# sourceMappingURL=avatar-RIbulvWL.js.map