@mhmo91/schmancy 0.5.22 → 0.5.24

package/dist/autocomplete-gIoxR7_t.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-gIoxR7_t.cjs","sources":["../src/autocomplete/autocomplete.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { InputSize, SchmancyInput } from '@schmancy/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { when } from 'lit/directives/when.js'\nimport {\n    BehaviorSubject,\n    combineLatest\n} from 'rxjs'\nimport {\n    debounceTime,\n    distinctUntilChanged,\n    take,\n    takeUntil,\n    tap\n} from 'rxjs/operators'\nimport style from './autocomplete.scss?inline'\n\n// Import the similarity function (or include it inline)\nimport { similarity } from '../utils/search'\n// Import chip component for multi-select display\nimport '../chips/input-chip'\n\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n    value: string | string[]\n    values?: string[]\n}>\n\ninterface FilteredOption {\n    option: SchmancyOption\n    score: number\n}\n\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends $LitElement(style) {\n    // Public API properties\n    @property({ type: Boolean }) required = false\n    @property({ type: String }) placeholder = ''\n    @property({ type: String, reflect: true }) label = ''\n    @property({ type: String }) name = ''\n    @property({ type: String }) maxHeight = '300px'\n    @property({ type: Boolean }) multi = false\n    @property({ type: String }) description = ''\n    @property({ type: String, reflect: true }) size: InputSize = 'md'\n    @property({ type: String }) autocomplete = 'off'\n    @property({ type: Number }) debounceMs = 200\n    @property({ type: Number }) similarityThreshold = 0.3 // Minimum similarity score to show option\n    @property({ type: Boolean }) error = false\n    @property({ type: String }) validationMessage = ''\n\n    // Values property for multi-select mode\n    @property({ type: Array })\n    get values() {\n        return [...this._selectedValues$.value]\n    }\n    set values(vals: string[]) {\n        this._selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n    }\n\n    // Value property\n    @property({ type: String, reflect: true })\n    get value() {\n        return this.multi \n            ? this._selectedValues$.value.join(',')\n            : this._selectedValue$.value\n    }\n    set value(val: string) {\n        if (this.multi) {\n            const newValues = val ? val.split(',').map(v => v.trim()).filter(Boolean) : []\n            const currentValues = this._selectedValues$.value\n            // Only update if values actually changed\n            if (JSON.stringify(newValues) !== JSON.stringify(currentValues)) {\n                this._selectedValues$.next(newValues)\n            }\n        } else {\n            // Only update if value actually changed\n            if (val !== this._selectedValue$.value) {\n                this._selectedValue$.next(val)\n            }\n        }\n    }\n\n    // State\n    @state() private _open = false\n    @state() private _inputValue = ''\n    @state() private _visibleOptionsCount = 0\n    @state() private _hasResults = true\n\n    // Track if we're clicking on an option to prevent blur interference\n    private _isSelectingOption = false\n\n    // DOM references\n    @query('#options') _listbox!: HTMLUListElement\n    @query('sch-input') _input!: SchmancyInput\n    @queryAssignedElements({ flatten: true }) private _options!: SchmancyOption[]\n    private _inputElementRef = createRef<HTMLInputElement>()\n\n    // RxJS Subjects - only what we actually need\n    private _selectedValue$ = new BehaviorSubject<string>('')\n    private _selectedValues$ = new BehaviorSubject<string[]>([])\n    private _inputValue$ = new BehaviorSubject<string>('')\n\n    connectedCallback() {\n        super.connectedCallback()\n\n        if (!this.id) {\n            this.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`\n        }\n\n        this._setupAutocompleteLogic()\n        this._setupDocumentClickHandler()\n    }\n\n    private _setupAutocompleteLogic() {\n        // Sync selection state\n        combineLatest([\n            this._selectedValue$,\n            this._selectedValues$\n        ]).pipe(\n            tap(([selectedValue, selectedValues]) => {\n                this._updateOptionSelection(selectedValue, selectedValues)\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Filter options based on input\n        this._inputValue$.pipe(\n            distinctUntilChanged(),\n            debounceTime(this.debounceMs),\n            tap(searchTerm => {\n                if (this._open) {\n                    this._filterOptions(searchTerm)\n                }\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n    }\n\n    private _setupOptionHandlers() {\n        this._options.forEach((option, index) => {\n            option.setAttribute('role', 'option')\n            option.tabIndex = -1\n            if (!option.id) {\n                option.id = `${this.id}-option-${index}`\n            }\n            // Prevent blur handler from interfering with option selection\n            option.onmousedown = (e: MouseEvent) => {\n                e.preventDefault() // Prevent focus loss\n                this._isSelectingOption = true\n            }\n\n            // Handle the actual selection\n            option.onclick = (e: MouseEvent) => {\n                e.stopPropagation()\n                this._selectOption(option)\n                // Reset flag after a short delay\n                setTimeout(() => {\n                    this._isSelectingOption = false\n                }, 50)\n            }\n        })\n    }\n\n    private _updateOptionSelection(selectedValue: string, selectedValues: string[]) {\n        this._options.forEach(option => {\n            option.selected = this.multi\n                ? selectedValues.includes(option.value)\n                : option.value === selectedValue\n            option.setAttribute('aria-selected', String(option.selected))\n        })\n    }\n\n    private _filterOptions(searchTerm: string) {\n        const term = searchTerm.trim()\n\n        if (!term) {\n            // Show all options if no search term\n            this._options.forEach(option => {\n                option.hidden = false\n                option.style.order = '0'\n            })\n            this._visibleOptionsCount = this._options.length\n            this._hasResults = true\n        } else {\n            // Calculate similarity scores for all options\n            const scoredOptions: FilteredOption[] = this._options.map(option => {\n                const optionLabel = option.label || option.textContent || ''\n                const optionValue = option.value\n\n                const labelScore = similarity(term, optionLabel)\n                const valueScore = similarity(term, optionValue)\n                const score = Math.max(labelScore * 1.1, valueScore)\n\n                return { option, score }\n            })\n\n            // Sort by score (highest first)\n            scoredOptions.sort((a, b) => b.score - a.score)\n\n            // Apply visibility and ordering\n            let visibleCount = 0\n            scoredOptions.forEach((item, index) => {\n                const { option, score } = item\n\n                if (score < this.similarityThreshold) {\n                    option.hidden = true\n                } else {\n                    option.hidden = false\n                    visibleCount++\n                    option.style.order = String(index)\n                }\n            })\n\n            this._visibleOptionsCount = visibleCount\n            this._hasResults = visibleCount > 0\n        }\n\n        this._announceToScreenReader(\n            this._visibleOptionsCount > 0\n                ? `${this._visibleOptionsCount} option${this._visibleOptionsCount === 1 ? '' : 's'} available.`\n                : 'No results found.'\n        )\n    }\n\n    private _selectOption(option: SchmancyOption) {\n        if (this.multi) {\n            const currentValues = this._selectedValues$.value\n            const index = currentValues.indexOf(option.value)\n            const newValues = index > -1\n                ? currentValues.filter(v => v !== option.value)\n                : [...currentValues, option.value]\n\n            this._selectedValues$.next(newValues)\n            this._announceToScreenReader(\n                newValues.length > 0\n                    ? `Selected: ${this._getSelectedLabels().join(', ')}`\n                    : 'No options selected'\n            )\n            this._fireChangeEvent()\n        } else {\n            // Fix the bug: Update value BEFORE firing event\n            this._selectedValue$.next(option.value)\n\n            // Now fire event with the NEW value\n            this._fireChangeEvent()\n\n            // Update UI\n            this._open = false\n            this._inputValue = option.label || option.textContent || ''\n            this._inputValue$.next(this._inputValue)\n\n            // Blur the input\n            setTimeout(() => this._inputElementRef.value?.blur(), 100)\n\n            this._announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n        }\n    }\n\n    private _setupDocumentClickHandler() {\n        // Simple document click handler\n        const handleDocumentClick = (e: MouseEvent) => {\n            if (!this._open) return\n\n            const path = e.composedPath()\n            if (!path.includes(this) && !this._options.some(opt => path.includes(opt))) {\n                this._open = false\n                this._updateInputDisplay()\n            }\n        }\n\n        document.addEventListener('click', handleDocumentClick)\n\n        // Cleanup on disconnect\n        this.disconnecting.pipe(take(1)).subscribe(() => {\n            document.removeEventListener('click', handleDocumentClick)\n        })\n    }\n\n\n    private _updateInputDisplay() {\n        // For multi-select, we don't update input display since chips show the selections\n        if (this.multi || this._open) return\n\n        const selectedValue = this._selectedValue$.value\n        const option = this._options.find(opt => opt.value === selectedValue)\n        this._inputValue = option ? option.label || option.textContent || '' : ''\n        this._inputValue$.next(this._inputValue)\n\n        if (this._inputElementRef.value) {\n            this._inputElementRef.value.value = this._inputValue\n        }\n    }\n\n    private _getSelectedLabels(): string[] {\n        return this._options\n            .filter(option => \n                this.multi \n                    ? this._selectedValues$.value.includes(option.value)\n                    : option.value === this._selectedValue$.value\n            )\n            .map(option => option.label || option.textContent || '')\n    }\n\n    private _announceToScreenReader(message: string) {\n        const liveRegion = this.shadowRoot?.querySelector('#live-status')\n        if (liveRegion) {\n            liveRegion.textContent = message\n        }\n    }\n\n    private _fireChangeEvent() {\n        const detail: SchmancyAutocompleteChangeEvent['detail'] = {\n            value: this.value,\n        }\n\n        if (this.multi) {\n            detail.values = [...this._selectedValues$.value]\n        }\n\n        this.dispatchEvent(\n            new CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n                detail,\n                bubbles: true,\n                composed: true,\n            })\n        )\n    }\n\n    public checkValidity(): boolean {\n        if (!this.required) return true\n        return this.multi \n            ? this._selectedValues$.value.length > 0 \n            : Boolean(this._selectedValue$.value)\n    }\n\n    public reportValidity(): boolean {\n        if (this._inputElementRef.value) {\n            return this._inputElementRef.value.reportValidity()\n        }\n        return this.checkValidity()\n    }\n\n    firstUpdated() {\n        this._setupOptionHandlers()\n\n        // Update options when slot changes\n        const slot = this.shadowRoot?.querySelector('slot')\n        slot?.addEventListener('slotchange', () => {\n            this._setupOptionHandlers()\n            this._updateOptionSelection(this._selectedValue$.value, this._selectedValues$.value)\n        })\n    }\n\n    private handleChipRemove(value: string) {\n        const currentValues = this._selectedValues$.value\n        const newValues = currentValues.filter(v => v !== value)\n        this._selectedValues$.next(newValues)\n        this._fireChangeEvent()\n        this._announceToScreenReader(`Removed: ${this._getChipLabel(value)}`)\n    }\n\n    private _getChipLabel(value: string): string {\n        const option = this._options.find(opt => opt.value === value)\n        return option ? option.label || option.textContent || value : value\n    }\n\n    private _focusTextInput() {\n        if (this._inputElementRef.value) {\n            this._inputElementRef.value.focus()\n        }\n    }\n\n    render() {\n        const descriptionId = `${this.id}-desc`\n\n        // Get size-based styling to match Schmancy input\n        const getSizeStyles = () => {\n            switch (this.size) {\n                case 'sm':\n                    return {\n                        height: 'min-h-[40px]',\n                        padding: 'px-2',\n                        fontSize: 'text-sm', // 14px\n                        labelSize: 'text-sm'\n                    }\n                case 'lg':\n                    return {\n                        height: 'min-h-[60px]',\n                        padding: 'px-5',\n                        fontSize: 'text-lg', // 18px\n                        labelSize: 'text-lg'\n                    }\n                case 'md':\n                default:\n                    return {\n                        height: 'min-h-[50px]',\n                        padding: 'px-4',\n                        fontSize: 'text-base', // 16px\n                        labelSize: 'text-base'\n                    }\n            }\n        }\n\n        const { height, padding, fontSize, labelSize } = getSizeStyles()\n\n        return html`\n            <div class=\"relative\">\n                <!-- Screen reader live region -->\n                <div id=\"live-status\" role=\"status\" aria-live=\"polite\" class=\"sr-only\"></div>\n\n                <!-- Description -->\n                ${this.description ? html`<div id=\"${descriptionId}\" class=\"sr-only\">${this.description}</div>` : ''}\n\n                <!-- Custom input wrapper for Gmail-style chip input -->\n                <slot name=\"trigger\">\n                    ${when(this.multi,\n                        () => html`\n                            <!-- Custom multi-select input with inline chips -->\n                            <div class=\"relative\">\n                                ${when(this.label, () => html`\n                                    <label class=\"${classMap({\n                                        'block mb-1 font-medium': true,\n                                        'text-primary-default': !this.error,\n                                        'text-error-default': this.error,\n                                        [labelSize]: true\n                                    })}\">\n                                        ${this.label}${this.required ? html`<span class=\"text-error-default ml-1\">*</span>` : ''}\n                                    </label>\n                                `)}\n                                <div\n                                    class=\"${classMap({\n                                        'flex flex-wrap items-center gap-1': true,\n                                        [height]: true,\n                                        [padding]: true,\n                                        'block w-full min-w-0 rounded-[8px] border-0': true,\n                                        'bg-surface-highest text-surface-on': true,\n                                        'ring-0 ring-inset focus-within:ring-1 focus-within:ring-inset': true,\n                                        'ring-secondary-default  focus-within:ring-secondary-default': !this.error,\n                                        'ring-error-default focus-within:ring-error-default': this.error,\n                                        'cursor-text transition-colors duration-200': true\n                                    })}\"\n                                    @click=${() => this._focusTextInput()}\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-haspopup=\"listbox\"\n                                    aria-controls=\"options\"\n                                    aria-expanded=${this._open}\n                                >\n                                    <!-- Render chips inline -->\n                                    ${repeat(\n                                        this._selectedValues$.value,\n                                        value => value,\n                                        value => html`\n                                            <schmancy-input-chip\n                                                .value=${value}\n                                                @remove=${(e: CustomEvent) => this.handleChipRemove(e.detail.value)}\n                                                class=\"flex-shrink-0 my-0.5\"\n                                            >\n                                                ${this._getChipLabel(value)}\n                                            </schmancy-input-chip>\n                                        `\n                                    )}\n\n                                    <!-- Text input for typing -->\n                                    <input\n                                        ${ref(this._inputElementRef)}\n                                        id=\"autocomplete-input\"\n                                        type=\"text\"\n                                        class=\"flex-1 min-w-[120px] py-1 bg-transparent border-none outline-none ${fontSize} font-medium text-surface-on placeholder:text-muted\"\n                                        name=${this.name || this.label?.toLowerCase().replace(/\\s+/g, '-') || ''}\n                                        .placeholder=${this._selectedValues$.value.length > 0 ? 'Add more...' : this.placeholder}\n                                        .value=${this._inputValue}\n                                        .autocomplete=${this.autocomplete}\n                                        @input=${(e: Event) => {\n                                            const value = (e.target as HTMLInputElement).value\n                                            this._inputValue = value\n                                            this._inputValue$.next(value)\n                                        }}\n                                        @focus=${(e: FocusEvent) => {\n                                            e.stopPropagation()\n                                            // Clear input on focus for new searches\n                                            this._inputValue = ''\n                                            this._inputValue$.next('')\n                                            this._open = true\n                                        }}\n                                        @keydown=${(e: KeyboardEvent) => {\n                                            this._handleKeyDown(e)\n                                        }}\n                                        @blur=${() => {\n                                            this._handleAutoSelectOnBlur()\n                                        }}\n                                    />\n                                </div>\n\n                                <!-- Validation message -->\n                                ${when(this.error && this.validationMessage, () => html`\n                                    <div class=\"mt-1 text-sm text-error-default\">\n                                        ${this.validationMessage}\n                                    </div>\n                                `)}\n                            </div>\n                        `,\n                        () => html`\n                            <!-- Regular single-select input -->\n                            <schmancy-input\n                                .size=${this.size}\n                                ${ref(this._inputElementRef)}\n                                id=\"autocomplete-input\"\n                                class=\"w-full\"\n                                .name=${this.name || this.label?.toLowerCase().replace(/\\s+/g, '-') || ''}\n                                .label=${this.label}\n                                .placeholder=${this.placeholder}\n                                .required=${this.required}\n                                .value=${this._inputValue}\n                                type=\"text\"\n                                autocomplete=${this.autocomplete}\n                                clickable\n                                role=\"combobox\"\n                                aria-autocomplete=\"list\"\n                                aria-haspopup=\"listbox\"\n                                aria-controls=\"options\"\n                                aria-expanded=${this._open}\n                                aria-describedby=${this.description ? descriptionId : undefined}\n                                @input=${(e: Event) => {\n                                    const value = (e.target as HTMLInputElement).value\n                                    this._inputValue = value\n                                    this._inputValue$.next(value)\n                                }}\n                                @focus=${(e: FocusEvent) => {\n                                    e.stopPropagation()\n                                    this._open = true\n                                }}\n                                @click=${(e: MouseEvent) => {\n                                    e.stopPropagation()\n                                    this._open = true\n                                }}\n                                @keydown=${(e: KeyboardEvent) => {\n                                    this._handleKeyDown(e)\n                                }}\n                                @blur=${() => {\n                                    this._handleAutoSelectOnBlur()\n                                }}\n                            >\n                            </schmancy-input>\n                        `\n                    )}\n                </slot>\n\n                <!-- Options dropdown -->\n                <ul\n                    id=\"options\"\n                    class=${classMap({\n                        'absolute': true,\n                        'z-[1000]': true,\n                        'mt-1': true,\n                        'w-full': true,\n                        'rounded-md': true,\n                        'shadow-md': true,\n                        'overflow-auto': true,\n                        'min-w-full': true,\n                        'bg-surface-low': true,\n                        'flex': true,\n                        'flex-col': true, // Enable flexbox for ordering\n                    })}\n                    role=\"listbox\"\n                    aria-multiselectable=${this.multi ? 'true' : 'false'}\n                    aria-label=${`${this.label || 'Options'} dropdown`}\n                    ?hidden=${!this._open}\n                    style=\"max-height: ${this.maxHeight}; display: ${this._open ? 'flex' : 'none'};\"\n                    @slotchange=${() => {\n                        this._setupOptionHandlers()\n                    }}\n                >\n                    <slot></slot>\n                    ${!this._hasResults ? html`\n                        <li class=\"px-3 py-2 text-sm text-muted\">No results found</li>\n                    ` : ''}\n                </ul>\n            </div>\n        `\n    }\n\n    private _handleAutoSelectOnBlur() {\n        // Don't run if we're clicking on an option (prevents interference with click handler)\n        if (this._isSelectingOption) {\n            return\n        }\n\n        // Only auto-select in single-select mode and when dropdown is open with a search term\n        if (this.multi || !this._open || !this._inputValue.trim()) {\n            return\n        }\n        \n        const searchTerm = this._inputValue.trim()\n        \n        // Find the best matching option using the same similarity logic as filtering\n        let bestMatch: SchmancyOption | null = null\n        let bestScore = 0\n        \n        this._options.forEach(option => {\n            // Skip hidden options\n            if (option.hidden) return\n            \n            // Get text to search in (prioritize label, then textContent, then value)\n            const optionLabel = option.label || option.textContent || ''\n            const optionValue = option.value\n            \n            // Calculate similarity scores for both label and value\n            const labelScore = similarity(searchTerm, optionLabel)\n            const valueScore = similarity(searchTerm, optionValue)\n            \n            // Use the higher score (prioritizing label matches)\n            const score = Math.max(labelScore * 1.1, valueScore) // Slight boost for label matches\n            \n            // Keep track of best match that meets threshold\n            if (score > bestScore && score >= this.similarityThreshold) {\n                bestScore = score\n                bestMatch = option\n            }\n        })\n        \n        // Auto-select the best match if found\n        if (bestMatch) {\n            // Select the option directly\n            this._selectOption(bestMatch)\n\n            // Close the dropdown\n            this._open = false\n        }\n    }\n\n    private _handleKeyDown(event: KeyboardEvent) {\n        const isOpen = this._open\n        const selectedValues = this._selectedValues$.value\n\n        // Handle backspace to remove last chip in multi-select when input is empty\n        if (this.multi && event.key === 'Backspace' && !this._inputValue && selectedValues.length > 0 && !isOpen) {\n            event.preventDefault()\n            const lastValue = selectedValues[selectedValues.length - 1]\n            this.handleChipRemove(lastValue)\n            return\n        }\n\n        if (!isOpen && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n            event.preventDefault()\n            this._open = true\n\n            setTimeout(() => {\n                const firstVisible = this._options.find(opt => !opt.hidden)\n                firstVisible?.focus()\n            }, 10)\n            return\n        }\n\n        if (!isOpen) return\n\n        const visibleOptions = this._options.filter(opt => !opt.hidden)\n            .sort((a, b) => parseInt(a.style.order || '0') - parseInt(b.style.order || '0'))\n\n        const focusedOption = visibleOptions.find(opt => opt === document.activeElement)\n        const currentIndex = focusedOption ? visibleOptions.indexOf(focusedOption) : -1\n\n        switch (event.key) {\n            case 'Escape':\n                event.preventDefault()\n                this._open = false\n                this._updateInputDisplay()\n                this._inputElementRef.value?.focus()\n                break\n\n            case 'Tab':\n                this._open = false\n                this._updateInputDisplay()\n                break\n\n            case 'ArrowDown':\n                event.preventDefault()\n                const nextIndex = currentIndex < visibleOptions.length - 1 ? currentIndex + 1 : 0\n                visibleOptions[nextIndex]?.focus()\n                break\n\n            case 'ArrowUp':\n                event.preventDefault()\n                const prevIndex = currentIndex > 0 ? currentIndex - 1 : visibleOptions.length - 1\n                visibleOptions[prevIndex]?.focus()\n                break\n\n            case 'Home':\n                event.preventDefault()\n                visibleOptions[0]?.focus()\n                break\n\n            case 'End':\n                event.preventDefault()\n                visibleOptions[visibleOptions.length - 1]?.focus()\n                break\n\n            case 'Enter':\n            case ' ':\n                if (focusedOption) {\n                    event.preventDefault()\n                    this._selectOption(focusedOption)\n                }\n                break\n        }\n    }\n}\n\n\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-autocomplete': SchmancyAutocomplete\n    }\n}"],"names":["SchmancyAutocomplete","$LitElement","constructor","super","arguments","this","required","placeholder","label","name","maxHeight","multi","description","size","autocomplete","debounceMs","similarityThreshold","error","validationMessage","_open","_inputValue","_visibleOptionsCount","_hasResults","_isSelectingOption","_inputElementRef","createRef","_selectedValue$","BehaviorSubject","_selectedValues$","_inputValue$","value","vals","next","Array","isArray","join","val","newValues","split","map","v","trim","filter","Boolean","currentValues","JSON","stringify","connectedCallback","id","Math","random","toString","slice","_setupAutocompleteLogic","_setupDocumentClickHandler","combineLatest","pipe","tap","selectedValue","selectedValues","_updateOptionSelection","takeUntil","disconnecting","subscribe","distinctUntilChanged","debounceTime","searchTerm","_filterOptions","_setupOptionHandlers","_options","forEach","option","index","setAttribute","tabIndex","onmousedown","e","preventDefault","onclick","stopPropagation","_selectOption","setTimeout","selected","includes","String","term","scoredOptions","optionLabel","textContent","optionValue","labelScore","similarity","valueScore","score","max","sort","a","b","visibleCount","item","hidden","style","order","length","_announceToScreenReader","indexOf","_getSelectedLabels","_fireChangeEvent","blur","handleDocumentClick","path","composedPath","some","opt","_updateInputDisplay","document","addEventListener","take","removeEventListener","find","message","liveRegion","shadowRoot","querySelector","detail","values","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","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-CG2YtfwU.cjs");
+"use strict";require("./autocomplete-gIoxR7_t.cjs");
 //# sourceMappingURL=autocomplete.cjs.map

package/dist/autocomplete.js

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

package/dist/{avatar-QYDHa7s3.cjs → avatar-BAVfTtEM.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("lit"),o=require("lit/decorators.js"),n=require("rxjs");require("./animated-text-Bic7z7SI.cjs");const I=require("./area.component-BrvNYy7Z.cjs");require("./autocomplete-CG2YtfwU.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const N=require("./tailwind.mixin-ChrVaJHF.cjs"),g=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js"),require("./boat-DP98_5qG.cjs"),require("./spinner-CiRbCC74.cjs"),require("./icon-button-C5hq1cKD.cjs"),require("./media-CPIoKlRw.cjs"),require("./checkbox-CIMDI5hW.cjs"),require("./suggestion-chip-D7izoLhZ.cjs"),require("./input-chip-CbD-eDs-.cjs"),require("./code-preview-hWI3erYE.cjs"),require("./payment-card-form-DTfoZiiN.cjs");const y=require("./types.cjs"),p=require("./provide-BxZ2kn_p.cjs"),w=require("./litElement.mixin-rWG9s46P.cjs"),m=require("./consume-edta5ng5.cjs");require("./date-range-B0yz-_Zv.cjs"),require("./date-range-inline-P8P2ixg1.cjs"),require("./delay-1aTGz1ZH.cjs"),require("./details-uxsPpjMp.cjs"),require("./dialog-content-CvVd9EwS.cjs"),require("./dialog-service-Bdaxn2t0.cjs"),require("./divider-CHGffGro.cjs"),require("./dropdown-content-FVKimBQR.cjs"),require("./timezone-DRSCR7bi.cjs"),require("./form-SMbhjYsC.cjs"),require("./icon-BT_1B5_G.cjs"),require("./input-D3qmQZ-Y.cjs"),require("./flex-DisTVvBI.cjs"),require("./list-5Y_CGGJF.cjs"),require("./email-recipients-DxqCC99q.cjs"),require("./map-bTOQf8Jm.cjs"),require("./menu-Cak8SbFx.cjs");const j=require("lit/directives/when.js");require("./navigation-rail-D1iYDMy2.cjs"),require("./notification-service-DaXxcXyj.cjs"),require("./option-C6PwIhut.cjs"),require("./progress-sFt6EeRy.cjs"),require("./radio-button-Cc5fCDdU.cjs"),require("./index-CCi1otmh.cjs"),require("./select-BszKwEA_.cjs"),require("./sheet-ZHVITumf.cjs");const W=require("./sheet.service-BxvWBGsJ.cjs");require("./slider-BKUCiMOV.cjs"),require("./schmancy-steps-container-Cb-cUZWP.cjs"),require("./context-object-bNADqf9U.cjs");const d=require("rxjs/operators");require("./surface-DTqeD1NX.cjs"),require("./table-CGB_dR8H.cjs"),require("./tabs-compatibility-C1ifLAs_.cjs"),require("./textarea-1QvQzHKm.cjs"),require("./theme.component-BLKJxyFX.cjs"),require("./theme-button-B0n3kSd_.cjs"),require("./tooltip-B4nvmANO.cjs"),require("./tree-CRjGBeHH.cjs"),require("./typewriter-VGsKEZOj.cjs"),require("./typography-XN-pEi3Q.cjs");const a=require("./theme.interface-Xg5Zi46a.cjs");var Y=Object.defineProperty,F=Object.getOwnPropertyDescriptor,v=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?F(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&Y(t,i,r),r};exports.SchmancyBadgeV2=class extends N.TailwindElement(l.css`
+"use strict";const l=require("lit"),o=require("lit/decorators.js"),n=require("rxjs");require("./animated-text-1UeLx0sc.cjs");const I=require("./area.component-B5V5Bg5B.cjs");require("./autocomplete-gIoxR7_t.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const N=require("./tailwind.mixin-B5ggvnsv.cjs"),g=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js"),require("./boat-Nd_h9cld.cjs"),require("./spinner-CAlukL4U.cjs"),require("./icon-button-CVTYisTH.cjs"),require("./media-DR-39DF4.cjs"),require("./checkbox-DShC2A6P.cjs"),require("./suggestion-chip-BVfyK0NJ.cjs"),require("./input-chip-Bps8lWjC.cjs"),require("./code-preview-DI4Fdnf1.cjs"),require("./payment-card-form-BoiyJ200.cjs");const y=require("./types.cjs"),p=require("./provide-BxZ2kn_p.cjs"),w=require("./litElement.mixin-BOqWtWD7.cjs"),m=require("./consume-edta5ng5.cjs");require("./date-range--H8CYCUX.cjs"),require("./date-range-inline-B91UEouL.cjs"),require("./delay-D65ijCZW.cjs"),require("./details-D7EmD6Vy.cjs"),require("./dialog-content-CIbrBTyn.cjs"),require("./dialog-service-Bdaxn2t0.cjs"),require("./divider-2GPNgq-E.cjs"),require("./dropdown-content-BbekqPxj.cjs"),require("./timezone-Dac-JVch.cjs"),require("./form-DQy6kwCm.cjs"),require("./icon-FPVUigzr.cjs"),require("./input-Cf5oQC-b.cjs"),require("./flex-Dt_5LiZY.cjs"),require("./list-6DG-gWkP.cjs"),require("./email-recipients-CIg2Zr1g.cjs"),require("./map-CEmUG79Z.cjs"),require("./menu-CBV9tC7E.cjs");const j=require("lit/directives/when.js");require("./navigation-rail-B8P5mauT.cjs"),require("./notification-service-Dnfci5v7.cjs"),require("./option-6lIpPpmL.cjs"),require("./progress-D5HItcIt.cjs"),require("./radio-button-DBvcq1he.cjs"),require("./index-CCi1otmh.cjs"),require("./select-BRMGRukN.cjs"),require("./sheet-Dn1oACXH.cjs");const W=require("./sheet.service-BxvWBGsJ.cjs");require("./slider-C5tqF0nO.cjs"),require("./schmancy-steps-container-DWIMp6LQ.cjs"),require("./context-object-DA9DM9QJ.cjs");const d=require("rxjs/operators");require("./surface-DsGqOf5R.cjs"),require("./table-m3BFqpLy.cjs"),require("./tabs-compatibility-CorELwOP.cjs"),require("./textarea-nsQCj801.cjs"),require("./theme.component-sclZlwEH.cjs"),require("./theme-button-C3276dwN.cjs"),require("./tooltip-DmyzYkj4.cjs"),require("./tree-Bzi_9Pyn.cjs"),require("./typewriter-BAWBxSs8.cjs"),require("./typography-DpkgWs15.cjs");const a=require("./theme.interface-Xg5Zi46a.cjs");var Y=Object.defineProperty,F=Object.getOwnPropertyDescriptor,v=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?F(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&Y(t,i,r),r};exports.SchmancyBadgeV2=class extends N.TailwindElement(l.css`
 	:host {
 		display: inline-flex;
 	}
@@ -300,4 +300,4 @@
 		`}getColorAttributes(){const e={primary:{bgColor:a.SchmancyTheme.sys.color.primary.container,color:a.SchmancyTheme.sys.color.primary.onContainer},secondary:{bgColor:a.SchmancyTheme.sys.color.secondary.container,color:a.SchmancyTheme.sys.color.secondary.onContainer},tertiary:{bgColor:a.SchmancyTheme.sys.color.tertiary.container,color:a.SchmancyTheme.sys.color.tertiary.onContainer},success:{bgColor:a.SchmancyTheme.sys.color.success.container,color:a.SchmancyTheme.sys.color.success.onContainer},error:{bgColor:a.SchmancyTheme.sys.color.error.container,color:a.SchmancyTheme.sys.color.error.onContainer},neutral:{bgColor:a.SchmancyTheme.sys.color.surface.container,color:a.SchmancyTheme.sys.color.surface.on}};return g.color(e[this.color])}renderStatusIndicator(){const e={online:a.SchmancyTheme.sys.color.success.default,offline:a.SchmancyTheme.sys.color.surface.onVariant,busy:a.SchmancyTheme.sys.color.error.default,away:a.SchmancyTheme.sys.color.tertiary.default},t={"absolute bottom-0 right-0 rounded-full border-2 border-surface-default":!0,[{xs:"w-1.5 h-1.5",sm:"w-2 h-2",md:"w-2.5 h-2.5",lg:"w-3 h-3",xl:"w-4 h-4"}[this.size]]:!0};return l.html`
 			<div class="${this.classMap(t)}" style="background-color: ${e[this.status]};"></div>
 		`}},b([o.property({type:String})],exports.SchmancyAvatar.prototype,"initials",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"src",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"icon",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"size",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"color",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"shape",2),b([o.property({type:Boolean})],exports.SchmancyAvatar.prototype,"bordered",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"status",2),exports.SchmancyAvatar=b([o.customElement("schmancy-avatar")],exports.SchmancyAvatar),exports.$drawer=re,exports.HereMorty=R,exports.SchmancyContentDrawerID=L,exports.SchmancyContentDrawerMaxHeight=M,exports.SchmancyContentDrawerMinWidth=z,exports.SchmancyContentDrawerSheetMode=O,exports.SchmancyContentDrawerSheetState=P,exports.SchmancyDrawerNavbarMode=B,exports.SchmancyDrawerNavbarState=A,exports.WhereAreYouRicky=H,exports.schmancyContentDrawer=G,exports.schmancyNavDrawer=X,exports.teleport=E;
-//# sourceMappingURL=avatar-QYDHa7s3.cjs.map
+//# sourceMappingURL=avatar-BAVfTtEM.cjs.map