@mhmo91/schmancy 0.10.42 → 0.10.44

package/dist/autocomplete-Dq3BkitV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-Dq3BkitV.cjs","names":[],"sources":["../src/form/fields/autocomplete/autocomplete.scss?inline","../src/form/fields/autocomplete/autocomplete.ts"],"sourcesContent":[":host {\n\tdisplay: block;\n\tborder: unset !important;\n\tline-height: unset !important;\n\tbackground: unset !important;\n\tpadding: unset !important;\n\tfont-size: unset !important;\n\tbox-shadow: unset !important;\n}\n\n:host:focus {\n\tbox-shadow: unset !important;\n}\n\n@keyframes onAutoFillStart {\n\tfrom {/**/}\n\tto {/**/}\n}\n\nsch-input::part(input):-webkit-autofill,\nsch-input input:-webkit-autofill {\n\tanimation-name: onAutoFillStart;\n\tanimation-duration: 1ms;\n}\n","import { SchmancyFormField } from '@mixins/index'\nimport { InputSize, SchmancyInput } from '@schmancy/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html, nothing, unsafeCSS } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.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    fromEvent,\n    timer\n} from 'rxjs'\nimport {\n    debounceTime,\n    distinctUntilChanged,\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/**\n * Autocomplete input component with filtering and multi-select support.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} label - Label text displayed above the input\n * @prop {string} placeholder - Placeholder text for the input\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} multi - Enable multi-select mode\n * @prop {string} value - Selected value (single select mode)\n * @prop {string[]} values - Selected values (multi-select mode)\n */\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends SchmancyFormField(unsafeCSS(style)) {\n\n    // `formAssociated`, `internals`, `attachInternals`, `name`, `label`,\n    // `required`, `disabled`, `error`, `validationMessage`, `hint`, `id`,\n    // `validateOn`, `touched/dirty/submitted`, `markTouched/markSubmitted`,\n    // `setCustomValidity`, `formDisabledCallback`, FIELD_CONNECT_EVENT dispatch\n    // — all from the mixin.\n\n    /** Override mixin's resetForm with autocomplete-specific subject reset. */\n    override resetForm(): void {\n        if (this.multi) {\n            this.selectedValues$.next([])\n        } else {\n            this.selectedValue$.next('')\n        }\n        this.inputValue = ''\n        this.inputValue$.next('')\n        super.resetForm()\n    }\n\n    // Track whether value/values have been explicitly set\n     valueSet: boolean = false\n     valuesSet: boolean = false\n\n    // Autocomplete-specific properties only — `name`, `label`, `required`,\n    // `error`, `validationMessage` come from the mixin.\n    @property({ type: String }) placeholder = ''\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\n    private readonly a11yId = `schmancy-autocomplete-${Math.random().toString(36).slice(2, 10)}`\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 — narrowed override of the mixin's wide value union.\n    @property({ type: String, reflect: true })\n    override get value(): string {\n        return this.multi\n            ? this.selectedValues$.value.join(',')\n            : this.selectedValue$.value\n    }\n    override 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    override connectedCallback() {\n        // FIELD_CONNECT_EVENT is dispatched by the mixin's connectedCallback.\n        super.connectedCallback()\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                // Keep ElementInternals form value in sync with selection (single and multi).\n                const formValue = this.multi ? selectedValues.join(',') : selectedValue\n                this.internals?.setFormValue(formValue || null)\n                if (this.required) {\n                    const missing = this.multi ? selectedValues.length === 0 : !selectedValue\n                    this.internals?.setValidity(\n                        missing ? { valueMissing: true } : {},\n                        missing ? this.validationMessage || 'Please select an option.' : undefined,\n                    )\n                }\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            // Idempotent: slotchange may fire repeatedly for the same option nodes,\n            // and addEventListener doesn't replace prior handlers like onfoo= did.\n            if (option.dataset.schmancyAutocompleteHandlers === 'attached') return\n            option.dataset.schmancyAutocompleteHandlers = 'attached'\n\n            // Prevent blur handler from interfering with option selection\n            fromEvent<MouseEvent>(option, 'mousedown')\n                .pipe(takeUntil(this.disconnecting))\n                .subscribe(e => e.preventDefault())\n\n            // Handle the actual selection\n            fromEvent<MouseEvent>(option, 'click')\n                .pipe(takeUntil(this.disconnecting))\n                .subscribe(e => {\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        fromEvent<MouseEvent>(document, 'click')\n            .pipe(takeUntil(this.disconnecting))\n            .subscribe(e => {\n                if (!this.open) return\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\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=\"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                                        aria-invalid=${this.error ? 'true' : 'false'}\n                                        aria-required=${this.required ? 'true' : 'false'}\n                                        aria-describedby=${this.error && this.validationMessage ? `${this.a11yId}-err` : nothing}\n                                        aria-label=${!this.label && this.placeholder ? this.placeholder : nothing}\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 id=\"${this.a11yId}-err\" class=\"mt-1 text-sm text-error-default\" role=\"alert\">\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=${ifDefined(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            timer(10)\n                .pipe(takeUntil(this.disconnecting))\n                .subscribe(() => {\n                    const firstVisible = this.options.find(opt => !opt.hidden)\n                    firstVisible?.focus()\n                })\n            return\n        }\n\n        if (!isOpen) return\n\n        const visibleOptions = this.options.filter(opt => !opt.hidden)\n            .toSorted((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}\n"],"mappings":"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"}

package/dist/autocomplete-UNOknYUz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-UNOknYUz.js","names":[],"sources":["../src/form/fields/autocomplete/autocomplete.scss?inline","../src/form/fields/autocomplete/autocomplete.ts"],"sourcesContent":[":host {\n\tdisplay: block;\n\tborder: unset !important;\n\tline-height: unset !important;\n\tbackground: unset !important;\n\tpadding: unset !important;\n\tfont-size: unset !important;\n\tbox-shadow: unset !important;\n}\n\n:host:focus {\n\tbox-shadow: unset !important;\n}\n\n@keyframes onAutoFillStart {\n\tfrom {/**/}\n\tto {/**/}\n}\n\nsch-input::part(input):-webkit-autofill,\nsch-input input:-webkit-autofill {\n\tanimation-name: onAutoFillStart;\n\tanimation-duration: 1ms;\n}\n","import { SchmancyFormField } from '@mixins/index'\nimport { InputSize, SchmancyInput } from '@schmancy/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html, nothing, unsafeCSS } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.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    fromEvent,\n    timer\n} from 'rxjs'\nimport {\n    debounceTime,\n    distinctUntilChanged,\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/**\n * Autocomplete input component with filtering and multi-select support.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} label - Label text displayed above the input\n * @prop {string} placeholder - Placeholder text for the input\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} multi - Enable multi-select mode\n * @prop {string} value - Selected value (single select mode)\n * @prop {string[]} values - Selected values (multi-select mode)\n */\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends SchmancyFormField(unsafeCSS(style)) {\n\n    // `formAssociated`, `internals`, `attachInternals`, `name`, `label`,\n    // `required`, `disabled`, `error`, `validationMessage`, `hint`, `id`,\n    // `validateOn`, `touched/dirty/submitted`, `markTouched/markSubmitted`,\n    // `setCustomValidity`, `formDisabledCallback`, FIELD_CONNECT_EVENT dispatch\n    // — all from the mixin.\n\n    /** Override mixin's resetForm with autocomplete-specific subject reset. */\n    override resetForm(): void {\n        if (this.multi) {\n            this.selectedValues$.next([])\n        } else {\n            this.selectedValue$.next('')\n        }\n        this.inputValue = ''\n        this.inputValue$.next('')\n        super.resetForm()\n    }\n\n    // Track whether value/values have been explicitly set\n     valueSet: boolean = false\n     valuesSet: boolean = false\n\n    // Autocomplete-specific properties only — `name`, `label`, `required`,\n    // `error`, `validationMessage` come from the mixin.\n    @property({ type: String }) placeholder = ''\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\n    private readonly a11yId = `schmancy-autocomplete-${Math.random().toString(36).slice(2, 10)}`\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 — narrowed override of the mixin's wide value union.\n    @property({ type: String, reflect: true })\n    override get value(): string {\n        return this.multi\n            ? this.selectedValues$.value.join(',')\n            : this.selectedValue$.value\n    }\n    override 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    override connectedCallback() {\n        // FIELD_CONNECT_EVENT is dispatched by the mixin's connectedCallback.\n        super.connectedCallback()\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                // Keep ElementInternals form value in sync with selection (single and multi).\n                const formValue = this.multi ? selectedValues.join(',') : selectedValue\n                this.internals?.setFormValue(formValue || null)\n                if (this.required) {\n                    const missing = this.multi ? selectedValues.length === 0 : !selectedValue\n                    this.internals?.setValidity(\n                        missing ? { valueMissing: true } : {},\n                        missing ? this.validationMessage || 'Please select an option.' : undefined,\n                    )\n                }\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            // Idempotent: slotchange may fire repeatedly for the same option nodes,\n            // and addEventListener doesn't replace prior handlers like onfoo= did.\n            if (option.dataset.schmancyAutocompleteHandlers === 'attached') return\n            option.dataset.schmancyAutocompleteHandlers = 'attached'\n\n            // Prevent blur handler from interfering with option selection\n            fromEvent<MouseEvent>(option, 'mousedown')\n                .pipe(takeUntil(this.disconnecting))\n                .subscribe(e => e.preventDefault())\n\n            // Handle the actual selection\n            fromEvent<MouseEvent>(option, 'click')\n                .pipe(takeUntil(this.disconnecting))\n                .subscribe(e => {\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        fromEvent<MouseEvent>(document, 'click')\n            .pipe(takeUntil(this.disconnecting))\n            .subscribe(e => {\n                if (!this.open) return\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\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=\"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                                        aria-invalid=${this.error ? 'true' : 'false'}\n                                        aria-required=${this.required ? 'true' : 'false'}\n                                        aria-describedby=${this.error && this.validationMessage ? `${this.a11yId}-err` : nothing}\n                                        aria-label=${!this.label && this.placeholder ? this.placeholder : nothing}\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 id=\"${this.a11yId}-err\" class=\"mt-1 text-sm text-error-default\" role=\"alert\">\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=${ifDefined(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            timer(10)\n                .pipe(takeUntil(this.disconnecting))\n                .subscribe(() => {\n                    const firstVisible = this.options.find(opt => !opt.hidden)\n                    firstVisible?.focus()\n                })\n            return\n        }\n\n        if (!isOpen) return\n\n        const visibleOptions = this.options.filter(opt => !opt.hidden)\n            .toSorted((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}\n"],"mappings":"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"}

package/dist/busy--WqiXKnl.cjs

@@ -1,134 +0,0 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-PS1u0j1B.cjs`);require(`./mixins-BoMURWag.cjs`);let t=require(`lit/decorators.js`),n=require(`lit`);var r=class extends e.t{static{this.styles=[n.css`
-	:host {
-		display: inline;
-		position: absolute;
-		inset: 0;
-		pointer-events: all;
-		z-index: 50;
-	}
-`]}render(){return n.html`
-			<!-- Clean overlay with subtle backdrop -->
-			<div class="absolute inset-0 flex items-center justify-center bg-surface-container/10 backdrop-blur-xs rounded-[inherit]">
-				<!-- Content container with clean surface -->
-				<div class="relative flex items-center justify-center p-4">
-					
-					<!-- Content slot -->
-					<div class="relative z-10">
-						<slot>
-							<!-- Default spinner if no content provided -->
-							<schmancy-spinner ></schmancy-spinner>
-						</slot>
-					</div>
-				</div>
-			</div>
-		`}};r=e.u([(0,t.customElement)(`schmancy-busy`)],r);var i=class extends e.t{constructor(...e){super(...e),this.size=`md`,this.glass=!1}static{this.styles=[n.css`
-	:host {
-		display: inline-block;
-		color: inherit; /* Inherit from parent by default */
-	}
-
-	/* Explicit color options when needed */
-	:host([color="primary"]) {
-		color: var(--schmancy-sys-color-primary-default);
-	}
-
-	:host([color="on-primary"]) {
-		color: var(--schmancy-sys-color-primary-on);
-	}
-
-	:host([color="secondary"]) {
-		color: var(--schmancy-sys-color-secondary-default);
-	}
-
-	:host([color="on-secondary"]) {
-		color: var(--schmancy-sys-color-secondary-on);
-	}
-
-	:host([color="tertiary"]) {
-		color: var(--schmancy-sys-color-tertiary-default);
-	}
-
-	:host([color="on-tertiary"]) {
-		color: var(--schmancy-sys-color-tertiary-on);
-	}
-
-	:host([color="error"]) {
-		color: var(--schmancy-sys-color-error-default);
-	}
-
-	:host([color="on-error"]) {
-		color: var(--schmancy-sys-color-error-on);
-	}
-
-	:host([color="success"]) {
-		color: var(--schmancy-sys-color-success-default);
-	}
-
-	:host([color="on-success"]) {
-		color: var(--schmancy-sys-color-success-on);
-	}
-
-	:host([color="surface"]) {
-		color: var(--schmancy-sys-color-surface-default);
-	}
-
-	:host([color="on-surface"]) {
-		color: var(--schmancy-sys-color-surface-on);
-	}
-
-	:host([color="surface-variant"]) {
-		color: var(--schmancy-sys-color-surface-variant-default);
-	}
-
-	:host([color="on-surface-variant"]) {
-		color: var(--schmancy-sys-color-surface-onVariant);
-	}
-
-	.spinner {
-		animation: spin 1s linear infinite;
-		animation-direction: reverse;
-	}
-
-	@keyframes spin {
-		from {
-			transform: rotate(0deg);
-		}
-		to {
-			transform: rotate(360deg);
-		}
-	}
-`]}render(){let e={xxs:12,xs:16,sm:20,md:24,lg:32},t;t=typeof this.size==`string`&&this.size in e?e[this.size]:typeof this.size!=`number`||isNaN(this.size)?24:4*this.size;let r={width:`${t}px`,height:`${t}px`};return this.glass?n.html`
-			<div class="spinner relative" style=${this.styleMap(r)}>
-				<!-- Glass container with Apple-style effect -->
-				<div class="absolute inset-0 rounded-full backdrop-blur-xl backdrop-saturate-150
-							bg-surface-container/20
-							shadow-[inset_0_1px_1px_0_rgba(255,255,255,0.2)]
-							border border-outline-variant/30"></div>
-				
-				<!-- Spinner SVG -->
-				<svg fill="none" viewBox="0 0 16 16" aria-hidden="true" role="img" 
-					 style="width: 100%; height: 100%;" class="relative z-10">
-					<path
-						opacity=".7"
-						d="M8 15A7 7 0 108 1a7 7 0 000 14v0z"
-						stroke="currentColor"
-						stroke-width="2"
-					></path>
-					<path d="M15 8a7 7 0 01-7 7" stroke="currentColor" stroke-width="2"></path>
-					<path d="M8 12a4 4 0 100-8 4 4 0 000 8z" fill="currentColor" opacity="0.8"></path>
-				</svg>
-			</div>
-		`:n.html`
-			<div class="spinner" style=${this.styleMap(r)}>
-				<svg fill="none" viewBox="0 0 16 16" aria-hidden="true" role="img" style="width: 100%; height: 100%;">
-					<path
-						opacity=".5"
-						d="M8 15A7 7 0 108 1a7 7 0 000 14v0z"
-						stroke="currentColor"
-						stroke-width="2"
-					></path>
-					<path d="M15 8a7 7 0 01-7 7" stroke="currentColor" stroke-width="2"></path>
-					<path d="M8 12a4 4 0 100-8 4 4 0 000 8z" fill="currentColor"></path>
-				</svg>
-			</div>
-		`}};e.u([(0,t.property)({type:String,reflect:!0})],i.prototype,`color`,void 0),e.u([(0,t.property)()],i.prototype,`size`,void 0),e.u([(0,t.property)({type:Boolean})],i.prototype,`glass`,void 0),i=e.u([(0,t.customElement)(`schmancy-spinner`)],i);

package/dist/busy--WqiXKnl.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"busy--WqiXKnl.cjs","names":[],"sources":["../src/busy/busy.ts","../src/busy/spinner.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-busy')\nexport default class SchmancyBusy extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: inline;\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tpointer-events: all;\n\t\tz-index: 50;\n\t}\n`];\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<!-- Clean overlay with subtle backdrop -->\n\t\t\t<div class=\"absolute inset-0 flex items-center justify-center bg-surface-container/10 backdrop-blur-xs rounded-[inherit]\">\n\t\t\t\t<!-- Content container with clean surface -->\n\t\t\t\t<div class=\"relative flex items-center justify-center p-4\">\n\t\t\t\t\t\n\t\t\t\t\t<!-- Content slot -->\n\t\t\t\t\t<div class=\"relative z-10\">\n\t\t\t\t\t\t<slot>\n\t\t\t\t\t\t\t<!-- Default spinner if no content provided -->\n\t\t\t\t\t\t\t<schmancy-spinner ></schmancy-spinner>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-busy': SchmancyBusy\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-spinner')\nexport default class SchmnacySpinner extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tcolor: inherit; /* Inherit from parent by default */\n\t}\n\n\t/* Explicit color options when needed */\n\t:host([color=\"primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-default);\n\t}\n\n\t:host([color=\"on-primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-on);\n\t}\n\n\t:host([color=\"secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-default);\n\t}\n\n\t:host([color=\"on-secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-on);\n\t}\n\n\t:host([color=\"tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-default);\n\t}\n\n\t:host([color=\"on-tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-on);\n\t}\n\n\t:host([color=\"error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-default);\n\t}\n\n\t:host([color=\"on-error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-on);\n\t}\n\n\t:host([color=\"success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-default);\n\t}\n\n\t:host([color=\"on-success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-on);\n\t}\n\n\t:host([color=\"surface\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-default);\n\t}\n\n\t:host([color=\"on-surface\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\n\t:host([color=\"surface-variant\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-variant-default);\n\t}\n\n\t:host([color=\"on-surface-variant\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-onVariant);\n\t}\n\n\t.spinner {\n\t\tanimation: spin 1s linear infinite;\n\t\tanimation-direction: reverse;\n\t}\n\n\t@keyframes spin {\n\t\tfrom {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`];\n\t@property({ type: String, reflect: true })\n\tcolor?: 'primary' | 'on-primary' | 'secondary' | 'on-secondary' |\n\t        'tertiary' | 'on-tertiary' | 'error' | 'on-error' |\n\t        'success' | 'on-success' | 'surface' | 'on-surface' |\n\t        'surface-variant' | 'on-surface-variant'\n\n\t/**\n\t * Size of the spinner - M3 aligned tokens or numeric Tailwind units\n\t * Tokens: 'xxs' (12px), 'xs' (16px), 'sm' (20px), 'md' (24px), 'lg' (32px)\n\t * Numeric: Tailwind units where each unit = 4px (e.g., 6 = 24px)\n\t */\n\t@property() size: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | number = 'md'\n\t@property({ type: Boolean }) glass: boolean = false\n\n\tprotected render(): unknown {\n\t\t// M3 aligned token sizes (fit inside buttons of same token)\n\t\tconst tokenSizes: Record<string, number> = {\n\t\t\txxs: 12, // fits in 24px button (ultra-compact)\n\t\t\txs: 16,  // fits in 32px button\n\t\t\tsm: 20,  // fits in 40px button\n\t\t\tmd: 24,  // fits in 48px button (default)\n\t\t\tlg: 32,  // fits in 56px button\n\t\t}\n\n\t\t// Support both token and numeric sizes for backward compatibility\n\t\tlet sizeInPx: number\n\t\tif (typeof this.size === 'string' && this.size in tokenSizes) {\n\t\t\tsizeInPx = tokenSizes[this.size]\n\t\t} else if (typeof this.size === 'number' && !isNaN(this.size)) {\n\t\t\t// Legacy numeric: Tailwind units (each unit = 4px)\n\t\t\tsizeInPx = this.size * 4\n\t\t} else {\n\t\t\tsizeInPx = 24 // fallback to md\n\t\t}\n\n\t\tconst style = {\n\t\t\twidth: `${sizeInPx}px`,\n\t\t\theight: `${sizeInPx}px`,\n\t\t}\n\t\t\n\t\treturn this.glass ? html`\n\t\t\t<div class=\"spinner relative\" style=${this.styleMap(style)}>\n\t\t\t\t<!-- Glass container with Apple-style effect -->\n\t\t\t\t<div class=\"absolute inset-0 rounded-full backdrop-blur-xl backdrop-saturate-150\n\t\t\t\t\t\t\tbg-surface-container/20\n\t\t\t\t\t\t\tshadow-[inset_0_1px_1px_0_rgba(255,255,255,0.2)]\n\t\t\t\t\t\t\tborder border-outline-variant/30\"></div>\n\t\t\t\t\n\t\t\t\t<!-- Spinner SVG -->\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" role=\"img\" \n\t\t\t\t\t style=\"width: 100%; height: 100%;\" class=\"relative z-10\">\n\t\t\t\t\t<path\n\t\t\t\t\t\topacity=\".7\"\n\t\t\t\t\t\td=\"M8 15A7 7 0 108 1a7 7 0 000 14v0z\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path d=\"M15 8a7 7 0 01-7 7\" stroke=\"currentColor\" stroke-width=\"2\"></path>\n\t\t\t\t\t<path d=\"M8 12a4 4 0 100-8 4 4 0 000 8z\" fill=\"currentColor\" opacity=\"0.8\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t` : html`\n\t\t\t<div class=\"spinner\" style=${this.styleMap(style)}>\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" role=\"img\" style=\"width: 100%; height: 100%;\">\n\t\t\t\t\t<path\n\t\t\t\t\t\topacity=\".5\"\n\t\t\t\t\t\td=\"M8 15A7 7 0 108 1a7 7 0 000 14v0z\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path d=\"M15 8a7 7 0 01-7 7\" stroke=\"currentColor\" stroke-width=\"2\"></path>\n\t\t\t\t\t<path d=\"M8 12a4 4 0 100-8 4 4 0 000 8z\" fill=\"currentColor\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-spinner': SchmnacySpinner\n\t}\n}\n"],"mappings":"uKAKe,IAAA,EAAA,cAA2B,EAAA,CAAA,CAAA,OAAA,KAAA,OACzB,CAAC,EAAA,GAAG;;;;;;;;GASpB,QAAA,CACC,MAAO,GAAA,IAAI;;;;;;;;;;;;;;;GAgBZ,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eA5Bc,eAAA,CAAA,EAAe,CAAA,ECCf,IAAA,EAAA,cAA8B,EAAA,CAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,CAAA,EAAA,KAAA,KAyFmB,KAAA,KAAA,MAAA,CACjB,CAAA,CAAA,OAAA,KAAA,OAzF9B,CAAC,EAAA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2FpB,QAAA,CAEC,IAAM,EAAqC,CAC1C,IAAK,GACL,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,EAAA,EAID,EAEH,EADwB,OAAd,KAAK,MAAS,UAAY,KAAK,QAAQ,EACtC,EAAW,KAAK,MACI,OAAd,KAAK,MAAS,UAAa,MAAM,KAAK,IAAA,EAI5C,GAFY,EAAZ,KAAK,KAKjB,IAAM,EAAQ,CACb,MAAO,GAAG,EAAA,IACV,OAAQ,GAAG,EAAA,GAAA,EAGZ,OAAO,KAAK,MAAQ,EAAA,IAAI;yCACe,KAAK,SAAS,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;IAoBjD,EAAA,IAAI;gCACsB,KAAK,SAAS,CAAA,EAAA;;;;;;;;;;;;GAa7C,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UA3EU,CAAE,KAAM,OAAQ,QAAA,CAAS,CAAA,CAAA,CAAA,EAAM,EAAA,UAAA,QAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAAA,CAAA,EAW/B,EAAA,UAAA,OAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UACA,CAAE,KAAM,OAAA,CAAA,CAAA,EAAS,EAAA,UAAA,QAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eA3Fb,kBAAA,CAAA,EAAkB,CAAA"}

package/dist/busy-DzXyO0z6.js

@@ -1,173 +0,0 @@
-import { t as e, u as t } from "./SchmancyElement-OG71FtNv.js";
-import "./mixins-bCEXbwJV.js";
-import { customElement as n, property as r } from "lit/decorators.js";
-import { css as i, html as a } from "lit";
-var o = class extends e {
-	static {
-		this.styles = [i`
-	:host {
-		display: inline;
-		position: absolute;
-		inset: 0;
-		pointer-events: all;
-		z-index: 50;
-	}
-`];
-	}
-	render() {
-		return a`
-			<!-- Clean overlay with subtle backdrop -->
-			<div class="absolute inset-0 flex items-center justify-center bg-surface-container/10 backdrop-blur-xs rounded-[inherit]">
-				<!-- Content container with clean surface -->
-				<div class="relative flex items-center justify-center p-4">
-					
-					<!-- Content slot -->
-					<div class="relative z-10">
-						<slot>
-							<!-- Default spinner if no content provided -->
-							<schmancy-spinner ></schmancy-spinner>
-						</slot>
-					</div>
-				</div>
-			</div>
-		`;
-	}
-};
-o = t([n("schmancy-busy")], o);
-var s = class extends e {
-	constructor(...e) {
-		super(...e), this.size = "md", this.glass = !1;
-	}
-	static {
-		this.styles = [i`
-	:host {
-		display: inline-block;
-		color: inherit; /* Inherit from parent by default */
-	}
-
-	/* Explicit color options when needed */
-	:host([color="primary"]) {
-		color: var(--schmancy-sys-color-primary-default);
-	}
-
-	:host([color="on-primary"]) {
-		color: var(--schmancy-sys-color-primary-on);
-	}
-
-	:host([color="secondary"]) {
-		color: var(--schmancy-sys-color-secondary-default);
-	}
-
-	:host([color="on-secondary"]) {
-		color: var(--schmancy-sys-color-secondary-on);
-	}
-
-	:host([color="tertiary"]) {
-		color: var(--schmancy-sys-color-tertiary-default);
-	}
-
-	:host([color="on-tertiary"]) {
-		color: var(--schmancy-sys-color-tertiary-on);
-	}
-
-	:host([color="error"]) {
-		color: var(--schmancy-sys-color-error-default);
-	}
-
-	:host([color="on-error"]) {
-		color: var(--schmancy-sys-color-error-on);
-	}
-
-	:host([color="success"]) {
-		color: var(--schmancy-sys-color-success-default);
-	}
-
-	:host([color="on-success"]) {
-		color: var(--schmancy-sys-color-success-on);
-	}
-
-	:host([color="surface"]) {
-		color: var(--schmancy-sys-color-surface-default);
-	}
-
-	:host([color="on-surface"]) {
-		color: var(--schmancy-sys-color-surface-on);
-	}
-
-	:host([color="surface-variant"]) {
-		color: var(--schmancy-sys-color-surface-variant-default);
-	}
-
-	:host([color="on-surface-variant"]) {
-		color: var(--schmancy-sys-color-surface-onVariant);
-	}
-
-	.spinner {
-		animation: spin 1s linear infinite;
-		animation-direction: reverse;
-	}
-
-	@keyframes spin {
-		from {
-			transform: rotate(0deg);
-		}
-		to {
-			transform: rotate(360deg);
-		}
-	}
-`];
-	}
-	render() {
-		let e = {
-			xxs: 12,
-			xs: 16,
-			sm: 20,
-			md: 24,
-			lg: 32
-		}, t;
-		t = typeof this.size == "string" && this.size in e ? e[this.size] : typeof this.size != "number" || isNaN(this.size) ? 24 : 4 * this.size;
-		let n = {
-			width: `${t}px`,
-			height: `${t}px`
-		};
-		return this.glass ? a`
-			<div class="spinner relative" style=${this.styleMap(n)}>
-				<!-- Glass container with Apple-style effect -->
-				<div class="absolute inset-0 rounded-full backdrop-blur-xl backdrop-saturate-150
-							bg-surface-container/20
-							shadow-[inset_0_1px_1px_0_rgba(255,255,255,0.2)]
-							border border-outline-variant/30"></div>
-				
-				<!-- Spinner SVG -->
-				<svg fill="none" viewBox="0 0 16 16" aria-hidden="true" role="img" 
-					 style="width: 100%; height: 100%;" class="relative z-10">
-					<path
-						opacity=".7"
-						d="M8 15A7 7 0 108 1a7 7 0 000 14v0z"
-						stroke="currentColor"
-						stroke-width="2"
-					></path>
-					<path d="M15 8a7 7 0 01-7 7" stroke="currentColor" stroke-width="2"></path>
-					<path d="M8 12a4 4 0 100-8 4 4 0 000 8z" fill="currentColor" opacity="0.8"></path>
-				</svg>
-			</div>
-		` : a`
-			<div class="spinner" style=${this.styleMap(n)}>
-				<svg fill="none" viewBox="0 0 16 16" aria-hidden="true" role="img" style="width: 100%; height: 100%;">
-					<path
-						opacity=".5"
-						d="M8 15A7 7 0 108 1a7 7 0 000 14v0z"
-						stroke="currentColor"
-						stroke-width="2"
-					></path>
-					<path d="M15 8a7 7 0 01-7 7" stroke="currentColor" stroke-width="2"></path>
-					<path d="M8 12a4 4 0 100-8 4 4 0 000 8z" fill="currentColor"></path>
-				</svg>
-			</div>
-		`;
-	}
-};
-t([r({
-	type: String,
-	reflect: !0
-})], s.prototype, "color", void 0), t([r()], s.prototype, "size", void 0), t([r({ type: Boolean })], s.prototype, "glass", void 0), s = t([n("schmancy-spinner")], s);

package/dist/busy-DzXyO0z6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"busy-DzXyO0z6.js","names":[],"sources":["../src/busy/busy.ts","../src/busy/spinner.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-busy')\nexport default class SchmancyBusy extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: inline;\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tpointer-events: all;\n\t\tz-index: 50;\n\t}\n`];\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<!-- Clean overlay with subtle backdrop -->\n\t\t\t<div class=\"absolute inset-0 flex items-center justify-center bg-surface-container/10 backdrop-blur-xs rounded-[inherit]\">\n\t\t\t\t<!-- Content container with clean surface -->\n\t\t\t\t<div class=\"relative flex items-center justify-center p-4\">\n\t\t\t\t\t\n\t\t\t\t\t<!-- Content slot -->\n\t\t\t\t\t<div class=\"relative z-10\">\n\t\t\t\t\t\t<slot>\n\t\t\t\t\t\t\t<!-- Default spinner if no content provided -->\n\t\t\t\t\t\t\t<schmancy-spinner ></schmancy-spinner>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-busy': SchmancyBusy\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-spinner')\nexport default class SchmnacySpinner extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tcolor: inherit; /* Inherit from parent by default */\n\t}\n\n\t/* Explicit color options when needed */\n\t:host([color=\"primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-default);\n\t}\n\n\t:host([color=\"on-primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-on);\n\t}\n\n\t:host([color=\"secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-default);\n\t}\n\n\t:host([color=\"on-secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-on);\n\t}\n\n\t:host([color=\"tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-default);\n\t}\n\n\t:host([color=\"on-tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-on);\n\t}\n\n\t:host([color=\"error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-default);\n\t}\n\n\t:host([color=\"on-error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-on);\n\t}\n\n\t:host([color=\"success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-default);\n\t}\n\n\t:host([color=\"on-success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-on);\n\t}\n\n\t:host([color=\"surface\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-default);\n\t}\n\n\t:host([color=\"on-surface\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\n\t:host([color=\"surface-variant\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-variant-default);\n\t}\n\n\t:host([color=\"on-surface-variant\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-onVariant);\n\t}\n\n\t.spinner {\n\t\tanimation: spin 1s linear infinite;\n\t\tanimation-direction: reverse;\n\t}\n\n\t@keyframes spin {\n\t\tfrom {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`];\n\t@property({ type: String, reflect: true })\n\tcolor?: 'primary' | 'on-primary' | 'secondary' | 'on-secondary' |\n\t        'tertiary' | 'on-tertiary' | 'error' | 'on-error' |\n\t        'success' | 'on-success' | 'surface' | 'on-surface' |\n\t        'surface-variant' | 'on-surface-variant'\n\n\t/**\n\t * Size of the spinner - M3 aligned tokens or numeric Tailwind units\n\t * Tokens: 'xxs' (12px), 'xs' (16px), 'sm' (20px), 'md' (24px), 'lg' (32px)\n\t * Numeric: Tailwind units where each unit = 4px (e.g., 6 = 24px)\n\t */\n\t@property() size: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | number = 'md'\n\t@property({ type: Boolean }) glass: boolean = false\n\n\tprotected render(): unknown {\n\t\t// M3 aligned token sizes (fit inside buttons of same token)\n\t\tconst tokenSizes: Record<string, number> = {\n\t\t\txxs: 12, // fits in 24px button (ultra-compact)\n\t\t\txs: 16,  // fits in 32px button\n\t\t\tsm: 20,  // fits in 40px button\n\t\t\tmd: 24,  // fits in 48px button (default)\n\t\t\tlg: 32,  // fits in 56px button\n\t\t}\n\n\t\t// Support both token and numeric sizes for backward compatibility\n\t\tlet sizeInPx: number\n\t\tif (typeof this.size === 'string' && this.size in tokenSizes) {\n\t\t\tsizeInPx = tokenSizes[this.size]\n\t\t} else if (typeof this.size === 'number' && !isNaN(this.size)) {\n\t\t\t// Legacy numeric: Tailwind units (each unit = 4px)\n\t\t\tsizeInPx = this.size * 4\n\t\t} else {\n\t\t\tsizeInPx = 24 // fallback to md\n\t\t}\n\n\t\tconst style = {\n\t\t\twidth: `${sizeInPx}px`,\n\t\t\theight: `${sizeInPx}px`,\n\t\t}\n\t\t\n\t\treturn this.glass ? html`\n\t\t\t<div class=\"spinner relative\" style=${this.styleMap(style)}>\n\t\t\t\t<!-- Glass container with Apple-style effect -->\n\t\t\t\t<div class=\"absolute inset-0 rounded-full backdrop-blur-xl backdrop-saturate-150\n\t\t\t\t\t\t\tbg-surface-container/20\n\t\t\t\t\t\t\tshadow-[inset_0_1px_1px_0_rgba(255,255,255,0.2)]\n\t\t\t\t\t\t\tborder border-outline-variant/30\"></div>\n\t\t\t\t\n\t\t\t\t<!-- Spinner SVG -->\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" role=\"img\" \n\t\t\t\t\t style=\"width: 100%; height: 100%;\" class=\"relative z-10\">\n\t\t\t\t\t<path\n\t\t\t\t\t\topacity=\".7\"\n\t\t\t\t\t\td=\"M8 15A7 7 0 108 1a7 7 0 000 14v0z\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path d=\"M15 8a7 7 0 01-7 7\" stroke=\"currentColor\" stroke-width=\"2\"></path>\n\t\t\t\t\t<path d=\"M8 12a4 4 0 100-8 4 4 0 000 8z\" fill=\"currentColor\" opacity=\"0.8\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t` : html`\n\t\t\t<div class=\"spinner\" style=${this.styleMap(style)}>\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" role=\"img\" style=\"width: 100%; height: 100%;\">\n\t\t\t\t\t<path\n\t\t\t\t\t\topacity=\".5\"\n\t\t\t\t\t\td=\"M8 15A7 7 0 108 1a7 7 0 000 14v0z\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path d=\"M15 8a7 7 0 01-7 7\" stroke=\"currentColor\" stroke-width=\"2\"></path>\n\t\t\t\t\t<path d=\"M8 12a4 4 0 100-8 4 4 0 000 8z\" fill=\"currentColor\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-spinner': SchmnacySpinner\n\t}\n}\n"],"mappings":";;;;AAKe,IAAA,IAAA,cAA2B,EAAA;CAAA;EAAA,KAAA,SACzB,CAAC,CAAG;;;;;;;;;;CASpB,SAAA;EACC,OAAO,CAAI;;;;;;;;;;;;;;;;CAgBZ;AAAA;AAAA,IAAA,EAAA,CA5BA,EAAc,eAAA,CAAA,GAAe,CAAA;ACCf,IAAA,IAAA,cAA8B,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,OAyFmB,MAAA,KAAA,QAAA,CACjB;CAAA;CAAA;EAAA,KAAA,SAzF9B,CAAC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FpB,SAAA;EAEC,IAAM,IAAqC;GAC1C,KAAK;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EAAA,GAID;EAEH,IADwB,OAAd,KAAK,QAAS,YAAY,KAAK,QAAQ,IACtC,EAAW,KAAK,QACI,OAAd,KAAK,QAAS,YAAa,MAAM,KAAK,IAAA,IAI5C,KAFY,IAAZ,KAAK;EAKjB,IAAM,IAAQ;GACb,OAAO,GAAG,EAAA;GACV,QAAQ,GAAG,EAAA;EAAA;EAGZ,OAAO,KAAK,QAAQ,CAAI;yCACe,KAAK,SAAS,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;MAoBjD,CAAI;gCACsB,KAAK,SAAS,CAAA,EAAA;;;;;;;;;;;;;CAa7C;AAAA;AAAA,EAAA,CA3EC,EAAS;CAAE,MAAM;CAAQ,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,EAAA,CAWxC,EAAA,CAAA,GAAS,EAAA,WAAA,QAAA,KAAA,CAAA,GAAA,EAAA,CACT,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,GAAS,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,IAAA,EAAA,CA3F3B,EAAc,kBAAA,CAAA,GAAkB,CAAA"}