@mhmo91/schmancy 0.5.20 → 0.5.22

package/dist/autocomplete-DzZQusAY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-DzZQusAY.js","sources":["../src/autocomplete/autocomplete.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { InputSize, SchmancyInput } from '@schmancy/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { when } from 'lit/directives/when.js'\nimport {\n    BehaviorSubject,\n    combineLatest,\n    EMPTY,\n    fromEvent,\n    of,\n    Subject,\n    timer\n} from 'rxjs'\nimport {\n    debounceTime,\n    distinctUntilChanged,\n    filter,\n    switchMap,\n    take,\n    takeUntil,\n    tap,\n    withLatestFrom\n} from 'rxjs/operators'\nimport style from './autocomplete.scss?inline'\n\n// Import the similarity function (or include it inline)\nimport { similarity } from '../utils/search'\n// 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            this._selectedValues$.next(\n                val ? val.split(',').map(v => v.trim()).filter(Boolean) : []\n            )\n        } else {\n            this._selectedValue$.next(val)\n        }\n    }\n\n    // State\n    @state() private _open = false\n    @state() private _inputValue = ''\n    @state() private _visibleOptionsCount = 0\n    @state() private _hasResults = true\n\n    // DOM references\n    @query('#options') _listbox!: HTMLUListElement\n    @query('sch-input') _input!: SchmancyInput\n    @queryAssignedElements({ flatten: true }) private _options!: SchmancyOption[]\n    private _inputElementRef = createRef<HTMLInputElement>()\n\n    // RxJS Subjects\n    private _selectedValue$ = new BehaviorSubject<string>('')\n    private _selectedValues$ = new BehaviorSubject<string[]>([])\n    private _inputValue$ = new BehaviorSubject<string>('')\n    private _open$ = new BehaviorSubject<boolean>(false)\n    private _options$ = new BehaviorSubject<SchmancyOption[]>([])\n    private _optionSelect$ = new Subject<SchmancyOption>()\n    private _documentClick$ = new Subject<MouseEvent>()\n\n    connectedCallback() {\n        super.connectedCallback()\n        \n        if (!this.id) {\n            this.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`\n        }\n\n        this._setupAutocompleteLogic()\n        this._setupDocumentClickHandler()\n        // Complex autofill detection disabled - using simple auto-select on blur instead\n        // this._setupAutofillDetection()\n    }\n\n    private _setupAutocompleteLogic() {\n        // Options management pipeline\n        this._options$.pipe(\n            tap(options => {\n                options.forEach((option, index) => {\n                    option.setAttribute('role', 'option')\n                    option.tabIndex = -1\n                    if (!option.id) {\n                        option.id = `${this.id}-option-${index}`\n                    }\n                    if (!option.hasAttribute('data-event-bound')) {\n                        // Use click event instead of pointerdown for better mobile UX\n                        // This allows users to scroll through options without immediately selecting\n                        fromEvent(option, 'click').pipe(\n                            tap(e => {\n                                e.stopPropagation()\n                            }),\n                            takeUntil(this.disconnecting)\n                        ).subscribe(() => this._optionSelect$.next(option))\n                        option.setAttribute('data-event-bound', 'true')\n                    }\n                })\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Selection sync pipeline\n        combineLatest([\n            this._selectedValue$,\n            this._selectedValues$,\n            this._options$\n        ]).pipe(\n            tap(([selectedValue, selectedValues, options]) => {\n                options.forEach(option => {\n                    option.selected = this.multi \n                        ? selectedValues.includes(option.value)\n                        : option.value === selectedValue\n                    option.setAttribute('aria-selected', String(option.selected))\n                })\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Enhanced fuzzy filtering pipeline\n        this._inputValue$.pipe(\n            distinctUntilChanged(),\n            debounceTime(this.debounceMs),\n            withLatestFrom(this._options$, this._open$),\n            tap(([searchTerm, options, isOpen]) => {\n                if (!isOpen) return\n\n                const term = searchTerm.trim()\n                \n                if (!term) {\n                    // Show all options if no search term\n                    options.forEach(option => {\n                        option.hidden = false\n                        option.style.order = '0' // Reset order\n                    })\n                    this._visibleOptionsCount = options.length\n                    this._hasResults = true\n                } else {\n                    // Calculate similarity scores for all options\n                    const scoredOptions: FilteredOption[] = options.map(option => {\n                        // Get text to search in (prioritize label, then textContent, then value)\n                        const optionLabel = option.label || option.textContent || ''\n                        const optionValue = option.value\n                        \n                        // Calculate similarity scores for both label and value\n                        const labelScore = similarity(term, optionLabel)\n                        const valueScore = similarity(term, optionValue)\n                        \n                        // Use the higher score (prioritizing label matches)\n                        const score = Math.max(labelScore * 1.1, valueScore) // Slight boost for label matches\n                        \n                        return { option, score }\n                    })\n                    \n                    // Sort by score (highest first)\n                    scoredOptions.sort((a, b) => b.score - a.score)\n                    \n                    // Apply visibility and ordering\n                    let visibleCount = 0\n                    scoredOptions.forEach((item, index) => {\n                        const { option, score } = item\n                        \n                        // Hide options below threshold\n                        if (score < this.similarityThreshold) {\n                            option.hidden = true\n                        } else {\n                            option.hidden = false\n                            visibleCount++\n                            // Use CSS order to sort visible options by relevance\n                            option.style.order = String(index)\n                        }\n                    })\n                    \n                    this._visibleOptionsCount = visibleCount\n                    this._hasResults = visibleCount > 0\n                }\n                \n                this._announceToScreenReader(\n                    this._visibleOptionsCount > 0 \n                        ? `${this._visibleOptionsCount} option${this._visibleOptionsCount === 1 ? '' : 's'} available.`\n                        : 'No results found.'\n                )\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Option selection pipeline\n        this._optionSelect$.pipe(\n            withLatestFrom(this._selectedValue$, this._selectedValues$),\n            tap(([option, _, currentValues]) => {\n                if (this.multi) {\n                    const index = currentValues.indexOf(option.value)\n                    const newValues = index > -1\n                        ? [...currentValues.slice(0, index), ...currentValues.slice(index + 1)]\n                        : [...currentValues, option.value]\n                    this._selectedValues$.next(newValues)\n\n                    // Keep search input persistent - don't reset\n                    // this._inputValue$.next('')\n                    // this._inputValue = ''\n                    \n                    const labels = this._getSelectedLabels()\n                    this._announceToScreenReader(\n                        labels.length > 0 \n                            ? `Selected: ${labels.join(', ')}`\n                            : 'No options selected'\n                    )\n                } else {\n                    this._selectedValue$.next(option.value)\n                    this._open$.next(false)\n                    this._open = false\n                    \n                    this._inputValue = option.label || option.textContent || ''\n                    this._inputValue$.next(this._inputValue)\n                    \n                    timer(100).pipe(\n                        tap(() => this._inputElementRef.value?.blur()),\n                        take(1)\n                    ).subscribe()\n                    \n                    this._announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n                }\n            }),\n            tap(() => this._fireChangeEvent()),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Display update pipeline - only for single select\n        combineLatest([\n            this._open$,\n            this._selectedValue$,\n            this._options$\n        ]).pipe(\n            filter(() => !this._open$.value && !this.multi),\n            tap(([, selectedValue, options]) => {\n                const option = options.find(opt => opt.value === selectedValue)\n                this._inputValue = option ? option.label || option.textContent || '' : ''\n                this._inputValue$.next(this._inputValue)\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Open state sync\n        this._open$.pipe(\n            tap(open => this._open = open),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n    }\n\n    private _setupDocumentClickHandler() {\n        this._documentClick$.pipe(\n            filter(e => !e.composedPath().includes(this)),\n            filter(e => !this._options.some(opt => e.composedPath().includes(opt))),\n            filter(() => this._open),\n            tap(() => {\n                this._open$.next(false)\n                this._updateInputDisplay()\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        this._open$.pipe(\n            distinctUntilChanged(),\n            switchMap(open =>\n                open\n                    ? timer(10).pipe(\n                        switchMap(() => fromEvent<MouseEvent>(document, 'click').pipe(\n                            tap(e => this._documentClick$.next(e)),\n                            takeUntil(this._open$.pipe(filter(isOpen => !isOpen)))\n                        ))\n                    )\n                    : EMPTY\n            ),\n            takeUntil(this.disconnecting)\n        ).subscribe()\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) {\n            return\n        }\n\n        of(null).pipe(\n            withLatestFrom(\n                this._selectedValue$,\n                this._options$,\n                this._open$\n            ),\n            tap(([, selectedValue, options, isOpen]) => {\n                if (!this._inputElementRef.value) return\n\n                if (!isOpen) {\n                    const option = options.find(opt => opt.value === selectedValue)\n                    this._inputValue = option ? option.label || option.textContent || '' : ''\n                    this._inputValue$.next(this._inputValue)\n                    this._inputElementRef.value.value = this._inputValue\n                }\n            }),\n            take(1)\n        ).subscribe()\n    }\n\n    private _getSelectedLabels(): string[] {\n        return this._options\n            .filter(option => \n                this.multi \n                    ? this._selectedValues$.value.includes(option.value)\n                    : option.value === this._selectedValue$.value\n            )\n            .map(option => option.label || option.textContent || '')\n    }\n\n    private _announceToScreenReader(message: string) {\n        const liveRegion = this.shadowRoot?.querySelector('#live-status')\n        if (liveRegion) {\n            liveRegion.textContent = message\n        }\n    }\n\n    private _fireChangeEvent() {\n        const detail: SchmancyAutocompleteChangeEvent['detail'] = {\n            value: this.value,\n        }\n\n        if (this.multi) {\n            detail.values = [...this._selectedValues$.value]\n        }\n\n        this.dispatchEvent(\n            new CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n                detail,\n                bubbles: true,\n                composed: true,\n            })\n        )\n    }\n\n    public checkValidity(): boolean {\n        if (!this.required) return true\n        return this.multi \n            ? this._selectedValues$.value.length > 0 \n            : Boolean(this._selectedValue$.value)\n    }\n\n    public reportValidity(): boolean {\n        if (this._inputElementRef.value) {\n            return this._inputElementRef.value.reportValidity()\n        }\n        return this.checkValidity()\n    }\n\n    firstUpdated() {\n        // Auto-selection now happens on blur, no need for autofill detection\n    }\n\n    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$.next(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$.next(true)\n                                }}\n                                @click=${(e: MouseEvent) => {\n                                    e.stopPropagation()\n                                    this._open$.next(true)\n                                }}\n                                @keydown=${(e: KeyboardEvent) => {\n                                    this._handleKeyDown(e)\n                                }}\n                                @blur=${() => {\n                                    this._handleAutoSelectOnBlur()\n                                }}\n                            >\n                            </schmancy-input>\n                        `\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._options$.next(this._options)\n                    }}\n                >\n                    <slot></slot>\n                    ${!this._hasResults ? html`\n                        <li class=\"px-3 py-2 text-sm text-muted\">No results found</li>\n                    ` : ''}\n                </ul>\n            </div>\n        `\n    }\n\n    private _handleAutoSelectOnBlur() {\n        // Only auto-select in single-select mode and when dropdown is open with a search term\n        if (this.multi || !this._open || !this._inputValue.trim()) {\n            return\n        }\n        \n        const searchTerm = this._inputValue.trim()\n        \n        // Find the best matching option using the same similarity logic as filtering\n        let bestMatch: SchmancyOption | null = null\n        let bestScore = 0\n        \n        this._options.forEach(option => {\n            // Skip hidden options\n            if (option.hidden) return\n            \n            // Get text to search in (prioritize label, then textContent, then value)\n            const optionLabel = option.label || option.textContent || ''\n            const optionValue = option.value\n            \n            // Calculate similarity scores for both label and value\n            const labelScore = similarity(searchTerm, optionLabel)\n            const valueScore = similarity(searchTerm, optionValue)\n            \n            // Use the higher score (prioritizing label matches)\n            const score = Math.max(labelScore * 1.1, valueScore) // Slight boost for label matches\n            \n            // Keep track of best match that meets threshold\n            if (score > bestScore && score >= this.similarityThreshold) {\n                bestScore = score\n                bestMatch = option\n            }\n        })\n        \n        // Auto-select the best match if found\n        if (bestMatch) {\n            // Select the option using the existing pipeline\n            this._optionSelect$.next(bestMatch)\n            \n            // Close the dropdown\n            this._open$.next(false)\n            this._open = false\n            \n        }\n    }\n\n    private _handleKeyDown(_e: KeyboardEvent) {\n        fromEvent<KeyboardEvent>(document, 'keydown').pipe(\n            take(1),\n            withLatestFrom(this._open$, this._options$, this._selectedValues$),\n            tap(([event, isOpen, options, selectedValues]) => {\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                if (!isOpen && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n                    event.preventDefault()\n                    this._open$.next(true)\n                    \n                    timer(10).pipe(\n                        tap(() => {\n                            const firstVisible = options.find(opt => !opt.hidden)\n                            firstVisible?.focus()\n                        }),\n                        take(1)\n                    ).subscribe()\n                    return\n                }\n\n                if (!isOpen) return\n\n                const visibleOptions = options.filter(opt => !opt.hidden)\n                    .sort((a, b) => parseInt(a.style.order || '0') - parseInt(b.style.order || '0'))\n                \n                const focusedOption = visibleOptions.find(opt => opt === document.activeElement)\n                const currentIndex = focusedOption ? visibleOptions.indexOf(focusedOption) : -1\n\n                switch (event.key) {\n                    case 'Escape':\n                        event.preventDefault()\n                        this._open$.next(false)\n                        this._updateInputDisplay()\n                        this._inputElementRef.value?.focus()\n                        break\n\n                    case 'Tab':\n                        this._open$.next(false)\n                        this._updateInputDisplay()\n                        break\n\n                    case 'ArrowDown':\n                        event.preventDefault()\n                        const nextIndex = currentIndex < visibleOptions.length - 1 ? currentIndex + 1 : 0\n                        visibleOptions[nextIndex]?.focus()\n                        break\n\n                    case 'ArrowUp':\n                        event.preventDefault()\n                        const prevIndex = currentIndex > 0 ? currentIndex - 1 : visibleOptions.length - 1\n                        visibleOptions[prevIndex]?.focus()\n                        break\n\n                    case 'Home':\n                        event.preventDefault()\n                        visibleOptions[0]?.focus()\n                        break\n\n                    case 'End':\n                        event.preventDefault()\n                        visibleOptions[visibleOptions.length - 1]?.focus()\n                        break\n\n                    case 'Enter':\n                    case ' ':\n                        if (focusedOption) {\n                            event.preventDefault()\n                            this._optionSelect$.next(focusedOption)\n                        }\n                        break\n                }\n            })\n        ).subscribe()\n    }\n}\n\n\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-autocomplete': SchmancyAutocomplete\n    }\n}"],"names":["SchmancyAutocomplete","$LitElement","constructor","super","arguments","this","required","placeholder","label","name","maxHeight","multi","description","size","autocomplete","debounceMs","similarityThreshold","error","validationMessage","_open","_inputValue","_visibleOptionsCount","_hasResults","_inputElementRef","createRef","_selectedValue$","BehaviorSubject","_selectedValues$","_inputValue$","_open$","_options$","_optionSelect$","Subject","_documentClick$","values","value","vals","next","Array","isArray","join","val","split","map","v","trim","filter","Boolean","connectedCallback","id","Math","random","toString","slice","_setupAutocompleteLogic","_setupDocumentClickHandler","pipe","tap","options","forEach","option","index","setAttribute","tabIndex","hasAttribute","fromEvent","e","stopPropagation","takeUntil","disconnecting","subscribe","combineLatest","selectedValue","selectedValues","selected","includes","String","distinctUntilChanged","debounceTime","withLatestFrom","searchTerm","isOpen","term","scoredOptions","optionLabel","textContent","optionValue","labelScore","similarity","valueScore","score","max","sort","a","b","visibleCount","item","hidden","style","order","length","_announceToScreenReader","_","currentValues","indexOf","newValues","labels","_getSelectedLabels","timer","blur","take","_fireChangeEvent","find","opt","open","composedPath","_options","some","_updateInputDisplay","switchMap","document","EMPTY","of","message","liveRegion","shadowRoot","querySelector","detail","dispatchEvent","CustomEvent","bubbles","composed","checkValidity","reportValidity","firstUpdated","_getChipLabel","_focusTextInput","focus","render","descriptionId","height","padding","fontSize","labelSize","getSizeStyles","html","when","classMap","repeat","handleChipRemove","ref","toLowerCase","replace","target","_handleKeyDown","_handleAutoSelectOnBlur","absolute","flex","bestMatch","bestScore","_e","event","key","preventDefault","lastValue","firstVisible","visibleOptions","parseInt","focusedOption","activeElement","currentIndex","nextIndex","prevIndex","__decorateClass","property","type","prototype","reflect","Number","state","query","queryAssignedElements","flatten","customElement"],"mappings":";;;;;;;;;;;;;;;;;AA8CA,IAAqBA,IAArB,cAAkDC;EAAlD,cAAAC;AAAAC,UAAAA,GAAAC,SAAAA,GAEiCC,KAAAC,WAAAA,IACDD,KAAAE,cAAc,IACCF,KAAAG,QAAQ,IACvBH,KAAAI,OAAO,IACPJ,KAAAK,YAAY,SACXL,KAAAM,QAAAA,IACDN,KAAAO,cAAc,IACCP,KAAAQ,OAAkB,MACjCR,KAAAS,eAAe,OACfT,KAAAU,aAAa,KACbV,KAAAW,sBAAsB,KACrBX,KAAAY,QAAAA,IACDZ,KAAAa,oBAAoB,IA6BvCb,KAAQc,QAAAA,IACRd,KAAQe,cAAc,IACtBf,KAAQgB,uBAAuB,GAC/BhB,KAAQiB,cAAAA,IAMjBjB,KAAQkB,mBAAmBC,EAAAA,GAG3BnB,KAAQoB,kBAAkB,IAAIC,EAAwB,EAAA,GACtDrB,KAAQsB,mBAAmB,IAAID,EAA0B,CAAA,CAAA,GACzDrB,KAAQuB,eAAe,IAAIF,EAAwB,EAAA,GACnDrB,KAAQwB,SAAS,IAAIH,EAAAA,EAAyB,GAC9CrB,KAAQyB,YAAY,IAAIJ,EAAkC,CAAA,CAAA,GAC1DrB,KAAQ0B,iBAAiB,IAAIC,KAC7B3B,KAAQ4B,kBAAkB,IAAID;AAAAA,EAAoB;AAAA,EA3ClD,IAAA,SAAIE;AACA,WAAO,CAAA,GAAI7B,KAAKsB,iBAAiBQ,KAAAA;AAAAA,EACrC;AAAA,EACA,IAAA,OAAWC,GAAAA;AACP/B,SAAKsB,iBAAiBU,KAAKC,MAAMC,QAAQH,CAAAA,IAAQ,CAAA,GAAIA,CAAAA,IAAQ,CAAA,CAAA;AAAA,EACjE;AAAA,EAIA,IAAA,QAAID;AACA,WAAO9B,KAAKM,QACNN,KAAKsB,iBAAiBQ,MAAMK,KAAK,GAAA,IACjCnC,KAAKoB,gBAAgBU;AAAAA,EAC/B;AAAA,EACA,IAAA,MAAUM,GAAAA;AACFpC,SAAKM,QACLN,KAAKsB,iBAAiBU,KAClBI,IAAMA,EAAIC,MAAM,GAAA,EAAKC,IAAIC,CAAAA,MAAKA,EAAEC,KAAAA,CAAAA,EAAQC,OAAOC,OAAAA,IAAW,CAAA,CAAA,IAG9D1C,KAAKoB,gBAAgBY,KAAKI,CAAAA;AAAAA,EAElC;AAAA,EAuBA,oBAAAO;AACI7C,UAAM6C,kBAAAA,GAED3C,KAAK4C,OACN5C,KAAK4C,KAAK,oBAAoBC,KAAKC,OAAAA,EAASC,SAAS,EAAA,EAAIC,MAAM,GAAG,CAAA,CAAA,KAGtEhD,KAAKiD,wBAAAA,GACLjD,KAAKkD,2BAAAA;AAAAA,EAGT;AAAA,EAEQ,0BAAAD;AAEJjD,SAAKyB,UAAU0B,KACXC,EAAIC,OAAAA;AACAA,QAAQC,QAAQ,CAACC,GAAQC,MAAAA;AACrBD,QAAAA,EAAOE,aAAa,QAAQ,QAAA,GAC5BF,EAAOG,WAAAA,IACFH,EAAOX,OACRW,EAAOX,KAAK,GAAG5C,KAAK4C,EAAAA,WAAaY,CAAAA,KAEhCD,EAAOI,aAAa,kBAAA,MAGrBC,EAAUL,GAAQ,OAAA,EAASJ,KACvBC,EAAIS,CAAAA,MAAAA;AACAA,UAAAA,EAAEC,gBAAAA;AAAAA,QAAAA,CAAAA,GAENC,EAAU/D,KAAKgE,aAAAA,CAAAA,EACjBC,UAAU,MAAMjE,KAAK0B,eAAeM,KAAKuB,CAAAA,CAAAA,GAC3CA,EAAOE,aAAa,oBAAoB,MAAA;AAAA,MAAA,CAAA;AAAA,IAAA,CAAA,GAIpDM,EAAU/D,KAAKgE,aAAAA,CAAAA,EACjBC,UAAAA,GAGFC,EAAc,CACVlE,KAAKoB,iBACLpB,KAAKsB,kBACLtB,KAAKyB,SAAAA,CAAAA,EACN0B,KACCC,EAAI,CAAA,CAAEe,GAAeC,GAAgBf,CAAAA,MAAAA;AACjCA,MAAAA,EAAQC,QAAQC,OAAAA;AACZA,UAAOc,WAAWrE,KAAKM,QACjB8D,EAAeE,SAASf,EAAOzB,KAAAA,IAC/ByB,EAAOzB,UAAUqC,GACvBZ,EAAOE,aAAa,iBAAiBc,OAAOhB,EAAOc,QAAAA,CAAAA;AAAAA,MAAAA,CAAAA;AAAAA,IAAAA,CAAAA,GAG3DN,EAAU/D,KAAKgE,aAAAA,CAAAA,EACjBC,UAAAA,GAGFjE,KAAKuB,aAAa4B,KACdqB,EAAAA,GACAC,EAAazE,KAAKU,UAAAA,GAClBgE,EAAe1E,KAAKyB,WAAWzB,KAAKwB,MAAAA,GACpC4B,EAAI,CAAA,CAAEuB,GAAYtB,GAASuB,CAAAA,MAAAA;AACvB,UAAA,CAAKA,EAAQ;AAEb,YAAMC,IAAOF,EAAWnC,KAAAA;AAExB,UAAKqC,GAQE;AAEH,cAAMC,IAAkCzB,EAAQf,IAAIiB,CAAAA,MAAAA;AAEhD,gBAAMwB,IAAcxB,EAAOpD,SAASoD,EAAOyB,eAAe,IACpDC,IAAc1B,EAAOzB,OAGrBoD,IAAaC,EAAWN,GAAME,CAAAA,GAC9BK,IAAaD,EAAWN,GAAMI,CAAAA;AAKpC,iBAAO,EAAE1B,QAAAA,GAAQ8B,OAFHxC,KAAKyC,IAAiB,MAAbJ,GAAkBE,CAAAA,EAAAA;AAAAA,QAAAA,CAAAA;AAM7CN,QAAAA,EAAcS,KAAK,CAACC,GAAGC,MAAMA,EAAEJ,QAAQG,EAAEH,KAAAA;AAGzC,YAAIK,IAAe;AACnBZ,QAAAA,EAAcxB,QAAQ,CAACqC,GAAMnC,MAAAA;AACzB,gBAAA,EAAMD,QAAEA,GAAA8B,OAAQA,EAAAA,IAAUM;AAGtBN,UAAAA,IAAQrF,KAAKW,sBACb4C,EAAOqC,SAAAA,MAEPrC,EAAOqC,SAAAA,IACPF,KAEAnC,EAAOsC,MAAMC,QAAQvB,OAAOf,CAAAA;AAAAA,QAAAA,CAAAA,GAIpCxD,KAAKgB,uBAAuB0E,GAC5B1F,KAAKiB,cAAcyE,IAAe;AAAA,MACtC,MA5CIrC,CAAAA,EAAQC,QAAQC,CAAAA,MAAAA;AACZA,QAAAA,EAAOqC,SAAAA,IACPrC,EAAOsC,MAAMC,QAAQ;AAAA,MAAA,CAAA,GAEzB9F,KAAKgB,uBAAuBqC,EAAQ0C,QACpC/F,KAAKiB,cAAAA;AAyCTjB,WAAKgG,wBACDhG,KAAKgB,uBAAuB,IACtB,GAAGhB,KAAKgB,oBAAAA,UAA8BhB,KAAKgB,yBAAyB,IAAI,KAAK,GAAA,gBAC7E,mBAAA;AAAA,IAAA,CAAA,GAGd+C,EAAU/D,KAAKgE,aAAAA,CAAAA,EACjBC,UAAAA,GAGFjE,KAAK0B,eAAeyB,KAChBuB,EAAe1E,KAAKoB,iBAAiBpB,KAAKsB,gBAAAA,GAC1C8B,EAAI,CAAA,CAAEG,GAAQ0C,GAAGC,CAAAA,MAAAA;AACb,UAAIlG,KAAKM,OAAO;AACZ,cAAMkD,IAAQ0C,EAAcC,QAAQ5C,EAAOzB,KAAAA,GACrCsE,IAAY5C,IAAAA,KACZ,CAAA,GAAI0C,EAAclD,MAAM,GAAGQ,CAAAA,GAAAA,GAAW0C,EAAclD,MAAMQ,IAAQ,CAAA,CAAA,IAClE,CAAA,GAAI0C,GAAe3C,EAAOzB,KAAAA;AAChC9B,aAAKsB,iBAAiBU,KAAKoE,CAAAA;AAM3B,cAAMC,IAASrG,KAAKsG,mBAAAA;AACpBtG,aAAKgG,wBACDK,EAAON,SAAS,IACV,aAAaM,EAAOlE,KAAK,IAAA,CAAA,KACzB,qBAAA;AAAA,MAEd,MACInC,MAAKoB,gBAAgBY,KAAKuB,EAAOzB,KAAAA,GACjC9B,KAAKwB,OAAOQ,KAAAA,EAAK,GACjBhC,KAAKc,QAAAA,IAELd,KAAKe,cAAcwC,EAAOpD,SAASoD,EAAOyB,eAAe,IACzDhF,KAAKuB,aAAaS,KAAKhC,KAAKe,WAAAA,GAE5BwF,EAAM,GAAA,EAAKpD,KACPC,EAAI,MAAMpD,KAAKkB,iBAAiBY,OAAO0E,KAAAA,CAAAA,GACvCC,EAAK,CAAA,CAAA,EACPxC,UAAAA,GAEFjE,KAAKgG,wBAAwB,aAAazC,EAAOpD,SAASoD,EAAOyB,WAAAA,EAAAA;AAAAA,IAAAA,CAAAA,GAGzE5B,EAAI,MAAMpD,KAAK0G,iBAAAA,CAAAA,GACf3C,EAAU/D,KAAKgE,aAAAA,CAAAA,EACjBC,UAAAA,GAGFC,EAAc,CACVlE,KAAKwB,QACLxB,KAAKoB,iBACLpB,KAAKyB,SAAAA,CAAAA,EACN0B,KACCV,EAAO,MAAA,CAAOzC,KAAKwB,OAAOM,SAAAA,CAAU9B,KAAKM,KAAAA,GACzC8C,EAAI,CAAA,CAAC,EAAGe,GAAed,CAAAA,MAAAA;AACnB,YAAME,IAASF,EAAQsD,KAAKC,CAAAA,MAAOA,EAAI9E,UAAUqC,CAAAA;AACjDnE,WAAKe,cAAcwC,MAASA,EAAOpD,SAASoD,EAAOyB,gBAAoB,IACvEhF,KAAKuB,aAAaS,KAAKhC,KAAKe,WAAAA;AAAAA,IAAAA,CAAAA,GAEhCgD,EAAU/D,KAAKgE,aAAAA,CAAAA,EACjBC,UAAAA,GAGFjE,KAAKwB,OAAO2B,KACRC,EAAIyD,OAAQ7G,KAAKc,QAAQ+F,CAAAA,GACzB9C,EAAU/D,KAAKgE,aAAAA,CAAAA,EACjBC,UAAAA;AAAAA,EACN;AAAA,EAEQ,6BAAAf;AACJlD,SAAK4B,gBAAgBuB,KACjBV,UAAaoB,EAAEiD,aAAAA,EAAexC,SAAStE,IAAAA,CAAAA,GACvCyC,EAAOoB,OAAAA,CAAM7D,KAAK+G,SAASC,KAAKJ,CAAAA,MAAO/C,EAAEiD,aAAAA,EAAexC,SAASsC,CAAAA,CAAAA,CAAAA,GACjEnE,EAAO,MAAMzC,KAAKc,KAAAA,GAClBsC,EAAI,MAAA;AACApD,WAAKwB,OAAOQ,KAAAA,EAAK,GACjBhC,KAAKiH,oBAAAA;AAAAA,IAAAA,CAAAA,GAETlD,EAAU/D,KAAKgE,aAAAA,CAAAA,EACjBC,UAAAA,GAEFjE,KAAKwB,OAAO2B,KACRqB,EAAAA,GACA0C,EAAUL,OACNA,IACMN,EAAM,EAAA,EAAIpD,KACR+D,EAAU,MAAMtD,EAAsBuD,UAAU,OAAA,EAAShE,KACrDC,EAAIS,CAAAA,MAAK7D,KAAK4B,gBAAgBI,KAAK6B,CAAAA,CAAAA,GACnCE,EAAU/D,KAAKwB,OAAO2B,KAAKV,EAAOmC,CAAAA,MAAAA,CAAWA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,IAGnDwC,CAAAA,GAEVrD,EAAU/D,KAAKgE,aAAAA,CAAAA,EACjBC,UAAAA;AAAAA,EACN;AAAA,EAGQ,sBAAAgD;AAEAjH,SAAKM,SAIT+G,EAAG,IAAA,EAAMlE,KACLuB,EACI1E,KAAKoB,iBACLpB,KAAKyB,WACLzB,KAAKwB,MAAAA,GAET4B,EAAI,CAAA,CAAC,EAAGe,GAAed,GAASuB;AAC5B,UAAK5E,KAAKkB,iBAAiBY,SAAAA,CAEtB8C,GAAQ;AACT,cAAMrB,IAASF,EAAQsD,KAAKC,CAAAA,MAAOA,EAAI9E,UAAUqC,CAAAA;AACjDnE,aAAKe,cAAcwC,MAASA,EAAOpD,SAASoD,EAAOyB,gBAAoB,IACvEhF,KAAKuB,aAAaS,KAAKhC,KAAKe,WAAAA,GAC5Bf,KAAKkB,iBAAiBY,MAAMA,QAAQ9B,KAAKe;AAAAA,MAC7C;AAAA,IAAA,CAAA,GAEJ0F,EAAK,CAAA,CAAA,EACPxC,UAAAA;AAAAA,EACN;AAAA,EAEQ,qBAAAqC;AACJ,WAAOtG,KAAK+G,SACPtE,OAAOc,OACJvD,KAAKM,QACCN,KAAKsB,iBAAiBQ,MAAMwC,SAASf,EAAOzB,KAAAA,IAC5CyB,EAAOzB,UAAU9B,KAAKoB,gBAAgBU,KAAAA,EAE/CQ,IAAIiB,OAAUA,EAAOpD,SAASoD,EAAOyB,eAAe,EAAA;AAAA,EAC7D;AAAA,EAEQ,wBAAwBsC,GAAAA;AAC5B,UAAMC,IAAavH,KAAKwH,YAAYC,cAAc,cAAA;AAC9CF,IAAAA,MACAA,EAAWvC,cAAcsC;AAAAA,EAEjC;AAAA,EAEQ,mBAAAZ;AACJ,UAAMgB,IAAoD,EACtD5F,OAAO9B,KAAK8B,MAAAA;AAGZ9B,SAAKM,UACLoH,EAAO7F,SAAS,CAAA,GAAI7B,KAAKsB,iBAAiBQ,KAAAA,IAG9C9B,KAAK2H,cACD,IAAIC,YAAuD,UAAU,EACjEF,QAAAA,GACAG,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,EAGtB;AAAA,EAEO,gBAAAC;AACH,WAAA,CAAK/H,KAAKC,aACHD,KAAKM,QACNN,KAAKsB,iBAAiBQ,MAAMiE,SAAS,IACrCrD,EAAQ1C,KAAKoB,gBAAgBU;AAAAA,EACvC;AAAA,EAEO,iBAAAkG;AACH,WAAIhI,KAAKkB,iBAAiBY,QACf9B,KAAKkB,iBAAiBY,MAAMkG,eAAAA,IAEhChI,KAAK+H,cAAAA;AAAAA,EAChB;AAAA,EAEA,eAAAE;AAAAA,EAEA;AAAA,EAEQ,iBAAiBnG,GAAAA;AACrB,UACMsE,IADgBpG,KAAKsB,iBAAiBQ,MACZW,OAAOF,CAAAA,MAAKA,MAAMT,CAAAA;AAClD9B,SAAKsB,iBAAiBU,KAAKoE,CAAAA,GAC3BpG,KAAK0G,iBAAAA,GACL1G,KAAKgG,wBAAwB,YAAYhG,KAAKkI,cAAcpG,CAAAA,CAAAA,EAAAA;AAAAA,EAChE;AAAA,EAEQ,cAAcA,GAAAA;AAClB,UAAMyB,IAASvD,KAAK+G,SAASJ,KAAKC,CAAAA,MAAOA,EAAI9E,UAAUA,CAAAA;AACvD,WAAOyB,MAASA,EAAOpD,SAASoD,EAAOyB,gBAAuBlD;AAAAA,EAClE;AAAA,EAEQ,kBAAAqG;AACAnI,SAAKkB,iBAAiBY,SACtB9B,KAAKkB,iBAAiBY,MAAMsG,MAAAA;AAAAA,EAEpC;AAAA,EAEA,SAAAC;AACI,UAAMC,IAAgB,GAAGtI,KAAK4C,EAAAA,SAAAA,EA8BxB2F,QAAEA,GAAAC,SAAQA,GAAAC,UAASA,GAAAC,WAAUA,EAAAA,KA3Bb,MAAA;AAClB,cAAQ1I,KAAKQ,MAAAA;AAAAA,QACT,KAAK;AACD,iBAAO,EACH+H,QAAQ,gBACRC,SAAS,QACTC,UAAU,WACVC,WAAW,UAAA;AAAA,QAEnB,KAAK;AACD,iBAAO,EACHH,QAAQ,gBACRC,SAAS,QACTC,UAAU,WACVC,WAAW,UAAA;AAAA,QAGnB;AACI,iBAAO,EACHH,QAAQ,gBACRC,SAAS,QACTC,UAAU,aACVC,WAAW,YAAA;AAAA,MAAA;AAAA,IAAA,GAKsBC;AAEjD,WAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,kBAMG5I,KAAKO,cAAcqI,aAAgBN,CAAAA,qBAAkCtI,KAAKO,WAAAA,WAAsB,EAAA;AAAA;AAAA;AAAA;AAAA,sBAI5FsI,EAAK7I,KAAKM,OACR,MAAMsI;AAAAA;AAAAA;AAAAA,kCAGIC,EAAK7I,KAAKG,OAAO,MAAMyI;AAAAA,oDACLE,EAAS,EACrB,0BAAA,IACA,wBAAA,CAAyB9I,KAAKY,OAC9B,sBAAsBZ,KAAKY,OAC3B8H,CAACA,CAAAA,GAAAA,GAAY,CAAA,CAAA;AAAA,0CAEX1I,KAAKG,KAAAA,GAAQH,KAAKC,WAAW2I,oDAAuD,EAAA;AAAA;AAAA;;6CAIjFE,EAAS,EACd,yCACAP,CAACA,QACDC,CAACA,QACD,+CAAA,IACA,sCAAA,IACA,qEACA,+DAAA,CAAgExI,KAAKY,OACrE,sDAAsDZ,KAAKY,OAC3D,8CAAA,GAA8C,CAAA,CAAA;AAAA,6CAEzC,MAAMZ,KAAKmI,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,oDAKJnI,KAAKc,KAAAA;AAAAA;AAAAA;AAAAA,sCAGnBiI,EACE/I,KAAKsB,iBAAiBQ,OACtBA,CAAAA,MAASA,GACTA,CAAAA,MAAS8G;AAAAA;AAAAA,yDAEQ9G,CAAAA;AAAAA,0DACE+B,CAAAA,MAAmB7D,KAAKgJ,iBAAiBnF,EAAE6D,OAAO5F,KAAAA,CAAAA;AAAAA;AAAAA;AAAAA,kDAG3D9B,KAAKkI,cAAcpG,CAAAA,CAAAA;AAAAA;AAAAA;;;;0CAO3BmH,EAAIjJ,KAAKkB,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA,mHAGgEuH,CAAAA;AAAAA,gDACnEzI,KAAKI,QAAQJ,KAAKG,OAAO+I,YAAAA,EAAcC,QAAQ,QAAQ,GAAA,CAAA;AAAA,uDAChDnJ,KAAKsB,iBAAiBQ,MAAMiE,SAAS,IAAI,gBAAgB/F,KAAKE,WAAAA;AAAAA,iDACpEF,KAAKe,WAAAA;AAAAA,wDACEf,KAAKS,YAAAA;AAAAA,iDACXoD,CAAAA,MAAAA;AACN,YAAM/B,IAAS+B,EAAEuF,OAA4BtH;AAC7C9B,WAAKe,cAAce,GACnB9B,KAAKuB,aAAaS,KAAKF,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,iDAEjB+B,CAAAA,MAAAA;AACNA,MAAAA,EAAEC,gBAAAA,GAEF9D,KAAKe,cAAc,IACnBf,KAAKuB,aAAaS,KAAK,EAAA,GACvBhC,KAAKwB,OAAOQ,KAAAA,EAAK;AAAA,IAAA,CAAA;AAAA,mDAET6B,CAAAA,MAAAA;AACR7D,WAAKqJ,eAAexF,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,gDAEhB,MAAA;AACJ7D,WAAKsJ,wBAAAA;AAAAA,IAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,kCAMfT,EAAK7I,KAAKY,SAASZ,KAAKa,mBAAmB,MAAM+H;AAAAA;AAAAA,0CAEzC5I,KAAKa,iBAAAA;AAAAA;AAAAA;;2BAKvB,MAAM+H;AAAAA;AAAAA;AAAAA,wCAGU5I,KAAKQ,IAAAA;AAAAA,kCACXyI,EAAIjJ,KAAKkB,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA,wCAGHlB,KAAKI,QAAQJ,KAAKG,OAAO+I,YAAAA,EAAcC,QAAQ,QAAQ,GAAA,CAAA;AAAA,yCACtDnJ,KAAKG,KAAAA;AAAAA,+CACCH,KAAKE,WAAAA;AAAAA,4CACRF,KAAKC,QAAAA;AAAAA,yCACRD,KAAKe,WAAAA;AAAAA;AAAAA,+CAECf,KAAKS,YAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,gDAMJT,KAAKc,KAAAA;AAAAA,mDACFd,KAAKO,cAAc+H,IAAAA,MAAgB;AAAA,yCAC5CzE,CAAAA,MAAAA;AACN,YAAM/B,IAAS+B,EAAEuF,OAA4BtH;AAC7C9B,WAAKe,cAAce,GACnB9B,KAAKuB,aAAaS,KAAKF,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,yCAEjB+B,CAAAA,MAAAA;AACNA,MAAAA,EAAEC,gBAAAA,GACF9D,KAAKwB,OAAOQ,KAAAA,EAAK;AAAA,IAAA,CAAA;AAAA,yCAEX6B,CAAAA,MAAAA;AACNA,MAAAA,EAAEC,gBAAAA,GACF9D,KAAKwB,OAAOQ,KAAAA,EAAK;AAAA,IAAA,CAAA;AAAA,2CAET6B,CAAAA,MAAAA;AACR7D,WAAKqJ,eAAexF,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,wCAEhB,MAAA;AACJ7D,WAAKsJ,wBAAAA;AAAAA,IAAAA,CAAAA;AAAAA;AAAAA;AAAAA;;;;;;4BAWbR,EAAS,EACbS,cACA,YAAA,IACA,QAAA,IACA,cACA,cAAA,IACA,aAAA,IACA,qBACA,cAAA,IACA,kBAAA,IACAC,MAAAA,IACA,YAAA,GAAY,CAAA,CAAA;AAAA;AAAA,2CAGOxJ,KAAKM,QAAQ,SAAS,OAAA;AAAA,iCAChC,GAAGN,KAAKG,SAAS,SAAA,WAAA;AAAA,+BACnBH,KAAKc,KAAAA;AAAAA,yCACKd,KAAKK,SAAAA,cAAuBL,KAAKc,QAAQ,SAAS,MAAA;AAAA,kCACzD,MAAA;AACVd,WAAKyB,UAAUO,KAAKhC,KAAK+G,QAAAA;AAAAA,IAAAA,CAAAA;AAAAA;AAAAA;AAAAA,sBAI1B/G,KAAKiB,cAEJ,KAFkB2H;AAAAA;AAAAA;;;;EAMtC;AAAA,EAEQ,0BAAAU;AAEJ,QAAItJ,KAAKM,SAAAA,CAAUN,KAAKc,SAAAA,CAAUd,KAAKe,YAAYyB,KAAAA,EAC/C;AAGJ,UAAMmC,IAAa3E,KAAKe,YAAYyB,KAAAA;AAGpC,QAAIiH,IAAmC,MACnCC,IAAY;AAEhB1J,SAAK+G,SAASzD,QAAQC,CAAAA,MAAAA;AAElB,UAAIA,EAAOqC,OAAQ;AAGnB,YAAMb,IAAcxB,EAAOpD,SAASoD,EAAOyB,eAAe,IACpDC,IAAc1B,EAAOzB,OAGrBoD,IAAaC,EAAWR,GAAYI,CAAAA,GACpCK,IAAaD,EAAWR,GAAYM,CAAAA,GAGpCI,IAAQxC,KAAKyC,IAAiB,MAAbJ,GAAkBE,CAAAA;AAGrCC,MAAAA,IAAQqE,KAAarE,KAASrF,KAAKW,wBACnC+I,IAAYrE,GACZoE,IAAYlG;AAAAA,IAAAA,CAAAA,GAKhBkG,MAEAzJ,KAAK0B,eAAeM,KAAKyH,CAAAA,GAGzBzJ,KAAKwB,OAAOQ,KAAAA,EAAK,GACjBhC,KAAKc,QAAAA;AAAAA,EAGb;AAAA,EAEQ,eAAe6I,GAAAA;AACnB/F,IAAAA,EAAyBuD,UAAU,SAAA,EAAWhE,KAC1CsD,EAAK,CAAA,GACL/B,EAAe1E,KAAKwB,QAAQxB,KAAKyB,WAAWzB,KAAKsB,gBAAAA,GACjD8B,EAAI,CAAA,CAAEwG,GAAOhF,GAAQvB,GAASe,CAAAA,MAAAA;AAE1B,UAAIpE,KAAKM,SAASsJ,EAAMC,QAAQ,eAARA,CAAwB7J,KAAKe,eAAeqD,EAAe2B,SAAS,KAAA,CAAMnB,GAAQ;AACtGgF,QAAAA,EAAME,eAAAA;AACN,cAAMC,IAAY3F,EAAeA,EAAe2B,SAAS,CAAA;AAEzD,eAAA,KADA/F,KAAKgJ,iBAAiBe,CAAAA;AAAAA,MAE1B;AACA,WAAKnF,MAAWgF,EAAMC,QAAQ,eAAeD,EAAMC,QAAQ,SAWvD,QAVAD,EAAME,eAAAA,GACN9J,KAAKwB,OAAOQ,KAAAA,EAAK,GAAA,KAEjBuE,EAAM,EAAA,EAAIpD,KACNC,EAAI,MAAA;AAEA4G,QADqB3G,EAAQsD,KAAKC,CAAAA,MAAAA,CAAQA,EAAIhB,MAAAA,GAChCwC,MAAAA;AAAAA,MAAAA,CAAAA,GAElB3B,EAAK,CAAA,CAAA,EACPxC,UAAAA;AAIN,UAAA,CAAKW,EAAQ;AAEb,YAAMqF,IAAiB5G,EAAQZ,OAAOmE,CAAAA,MAAAA,CAAQA,EAAIhB,MAAAA,EAC7CL,KAAK,CAACC,GAAGC,MAAMyE,SAAS1E,EAAEK,MAAMC,SAAS,GAAA,IAAOoE,SAASzE,EAAEI,MAAMC,SAAS,GAAA,CAAA,GAEzEqE,IAAgBF,EAAetD,KAAKC,CAAAA,MAAOA,MAAQO,SAASiD,aAAAA,GAC5DC,IAAeF,IAAgBF,EAAe9D,QAAQgE,CAAAA,IAAAA;AAE5D,cAAQP,EAAMC,KAAAA;AAAAA,QACV,KAAK;AACDD,UAAAA,EAAME,eAAAA,GACN9J,KAAKwB,OAAOQ,KAAAA,EAAK,GACjBhC,KAAKiH,oBAAAA,GACLjH,KAAKkB,iBAAiBY,OAAOsG,MAAAA;AAC7B;AAAA,QAEJ,KAAK;AACDpI,eAAKwB,OAAOQ,KAAAA,EAAK,GACjBhC,KAAKiH,oBAAAA;AACL;AAAA,QAEJ,KAAK;AACD2C,UAAAA,EAAME,eAAAA;AACN,gBAAMQ,IAAYD,IAAeJ,EAAelE,SAAS,IAAIsE,IAAe,IAAI;AAChFJ,UAAAA,EAAeK,CAAAA,GAAYlC,MAAAA;AAC3B;AAAA,QAEJ,KAAK;AACDwB,UAAAA,EAAME,eAAAA;AACN,gBAAMS,IAAYF,IAAe,IAAIA,IAAe,IAAIJ,EAAelE,SAAS;AAChFkE,UAAAA,EAAeM,CAAAA,GAAYnC,MAAAA;AAC3B;AAAA,QAEJ,KAAK;AACDwB,UAAAA,EAAME,eAAAA,GACNG,EAAe,CAAA,GAAI7B,MAAAA;AACnB;AAAA,QAEJ,KAAK;AACDwB,UAAAA,EAAME,eAAAA,GACNG,EAAeA,EAAelE,SAAS,CAAA,GAAIqC,MAAAA;AAC3C;AAAA,QAEJ,KAAK;AAAA,QACL,KAAK;AACG+B,UAAAA,MACAP,EAAME,eAAAA,GACN9J,KAAK0B,eAAeM,KAAKmI,CAAAA;AAAAA,MAAAA;AAAAA,IAAAA,CAAAA,CAAAA,EAK3ClG,UAAAA;AAAAA,EACN;AAAA;AArsB6BuG,EAAA,CAA5BC,EAAS,EAAEC,MAAMhI,QAAAA,CAAAA,CAAAA,GAFD/C,EAEYgL,WAAA,YAAA,CAAA,GACDH,EAAA,CAA3BC,EAAS,EAAEC,MAAMnG,OAAAA,CAAAA,CAAAA,GAHD5E,EAGWgL,WAAA,eAAA,CAAA,GACeH,EAAA,CAA1CC,EAAS,EAAEC,MAAMnG,QAAQqG,SAAAA,QAJTjL,EAI0BgL,WAAA,SAAA,CAAA,GACfH,EAAA,CAA3BC,EAAS,EAAEC,MAAMnG,OAAAA,CAAAA,CAAAA,GALD5E,EAKWgL,WAAA,QAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMnG,OAAAA,CAAAA,CAAAA,GAND5E,EAMWgL,WAAA,aAAA,CAAA,GACCH,EAAA,CAA5BC,EAAS,EAAEC,MAAMhI,QAAAA,CAAAA,CAAAA,GAPD/C,EAOYgL,WAAA,SAAA,CAAA,GACDH,EAAA,CAA3BC,EAAS,EAAEC,MAAMnG,OAAAA,CAAAA,CAAAA,GARD5E,EAQWgL,WAAA,eAAA,CAAA,GACeH,EAAA,CAA1CC,EAAS,EAAEC,MAAMnG,QAAQqG,SAAAA,GAAS,CAAA,CAAA,GATlBjL,EAS0BgL,WAAA,QAAA,CAAA,GACfH,EAAA,CAA3BC,EAAS,EAAEC,MAAMnG,OAAAA,CAAAA,CAAAA,GAVD5E,EAUWgL,WAAA,gBAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMG,OAAAA,CAAAA,CAAAA,GAXDlL,EAWWgL,WAAA,cAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMG,OAAAA,CAAAA,CAAAA,GAZDlL,EAYWgL,WAAA,uBAAA,CAAA,GACCH,EAAA,CAA5BC,EAAS,EAAEC,MAAMhI,QAAAA,CAAAA,CAAAA,GAbD/C,EAaYgL,WAAA,SAAA,CAAA,GACDH,EAAA,CAA3BC,EAAS,EAAEC,MAAMnG,OAAAA,CAAAA,CAAAA,GAdD5E,EAcWgL,WAAA,qBAAA,CAAA,GAIxBH,EAAA,CADHC,EAAS,EAAEC,MAAMzI,MAAAA,CAAAA,CAAAA,GAjBDtC,EAkBbgL,WAAA,UAAA,CAAA,GASAH,EAAA,CADHC,EAAS,EAAEC,MAAMnG,QAAQqG,SAAAA,GAAS,CAAA,CAAA,GA1BlBjL,EA2BbgL,WAAA,SAAA,CAAA,GAgBaH,EAAA,CAAhBM,EAAAA,CAAAA,GA3CgBnL,EA2CAgL,WAAA,SAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA5CgBnL,EA4CAgL,WAAA,eAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA7CgBnL,EA6CAgL,WAAA,wBAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA9CgBnL,EA8CAgL,WAAA,eAAA,CAAA,GAGEH,EAAA,CAAlBO,EAAM,UAAA,CAAA,GAjDUpL,EAiDEgL,WAAA,YAAA,CAAA,GACCH,EAAA,CAAnBO,EAAM,WAAA,CAAA,GAlDUpL,EAkDGgL,WAAA,UAAA,CAAA,GAC8BH,EAAA,CAAjDQ,EAAsB,EAAEC,SAAAA,GAAS,CAAA,CAAA,GAnDjBtL,EAmDiCgL,WAAA,YAAA,CAAA,GAnDjChL,IAArB6K,EAAA,CADCU,EAAc,uBAAA,CAAA,GACMvL,CAAAA;"}

package/dist/autocomplete.cjs

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

package/dist/autocomplete.js

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

package/dist/{avatar-DVkOL5_x.js → avatar-39MTGkwX.js}

@@ -1,68 +1,68 @@
 import { css as w, html as c, nothing as ft } from "lit";
 import { property as l, customElement as p, state as h, queryAssignedElements as gt, query as tt } from "lit/decorators.js";
 import { Subject as ot, merge as Q, fromEvent as d, startWith as Ot, map as v, debounceTime as G, tap as z, distinctUntilChanged as et, takeUntil as y, from as dt, of as J, Observable as It, BehaviorSubject as vt, timer as zt, zip as pt, filter as wt, take as Mt, timeout as jt, bufferTime as Pt, concatMap as Wt, interval as Ht, throwIfEmpty as Lt } from "rxjs";
-import "./animated-text-DS9AsLAy.js";
-import { a as ut, F as At, H as Rt } from "./area.component-5hv6c-dZ.js";
-import "./autocomplete-Bm_tnRns.js";
+import "./animated-text-CLEr78FV.js";
+import { a as ut, F as At, H as Rt } from "./area.component-tIK_P5JR.js";
+import "./autocomplete-DzZQusAY.js";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as Z } from "./tailwind.mixin-Dq8FD_xN.js";
+import { T as Z } from "./tailwind.mixin-9XFzAXGw.js";
 import { c as M, f as Nt } from "./ripple-Cy-nvO8W.js";
 import "lit/directives/guard.js";
-import "./boat-DDBc--4N.js";
-import "./spinner-0Be5YjKa.js";
-import "./icon-button-DiNXfJ8u.js";
-import "./media-BUx20F5U.js";
-import "./checkbox-ByAbf0mX.js";
-import "./suggestion-chip-WW3dScRF.js";
-import "./input-chip-C06GAnnC.js";
-import "./code-preview-BEDuv4oc.js";
-import "./payment-card-form-hVPgM3HO.js";
+import "./boat-BdJ1jyK_.js";
+import "./spinner-DZ3oE5cQ.js";
+import "./icon-button-DsjqusZz.js";
+import "./media-CA52MXd3.js";
+import "./checkbox-4mBWkzKG.js";
+import "./suggestion-chip-BTiLUD1d.js";
+import "./input-chip-DiThsRoi.js";
+import "./code-preview-CrsExDWj.js";
+import "./payment-card-form-xwk5dfeQ.js";
 import { SchmancyEvents as m } from "./types.js";
 import { n as A, e as L } from "./provide-tcktw8xB.js";
-import { $ as j } from "./litElement.mixin-jTGHsEfH.js";
+import { $ as j } from "./litElement.mixin-Bv6DGuhe.js";
 import { c as u } from "./consume-5D1qfVWM.js";
-import "./date-range-CWwzapvu.js";
-import "./date-range-inline-DcRJrT7z.js";
-import "./delay-4p58-oPM.js";
-import "./details-COgnQWz1.js";
-import "./dialog-content-naA5eL6T.js";
+import "./date-range-CM-5J_JO.js";
+import "./date-range-inline-CPI4EyL0.js";
+import "./delay-Lg_7K_Vi.js";
+import "./details-gUvX6sxc.js";
+import "./dialog-content-DKLDmgfz.js";
 import "./dialog-service-CyQzm5qE.js";
-import "./divider-DsNchzPn.js";
-import "./dropdown-content-CARJm72a.js";
-import "./timezone-YbhVzZRq.js";
-import "./form-DPAzy8Dn.js";
-import "./icon-ave1X5b9.js";
-import "./input-DPiDmsjt.js";
-import "./flex-D-oS3wlY.js";
-import "./list-vICZQxqV.js";
-import "./email-recipients-CM41HA4G.js";
-import "./map-DZt51SfS.js";
-import "./menu-CvWQC1In.js";
+import "./divider-EvBnlb2a.js";
+import "./dropdown-content-NGBIkvdR.js";
+import "./timezone-DhLUcYcX.js";
+import "./form-BU9TBjfk.js";
+import "./icon-Cgd3NUcv.js";
+import "./input-Bj4MTOC9.js";
+import "./flex-Cm4nZM9q.js";
+import "./list-CAFpmXsb.js";
+import "./email-recipients-CXFSIsL-.js";
+import "./map-yv8FB9mG.js";
+import "./menu-BKO9PgJq.js";
 import { when as st } from "lit/directives/when.js";
-import "./navigation-rail-item-CIg6-B2G.js";
-import "./notification-service-eOCFErH1.js";
-import "./option-CplQ_59U.js";
-import "./progress-X8hxleUC.js";
-import "./radio-button--uXczpjB.js";
+import "./navigation-rail-C8OOb0V3.js";
+import "./notification-service-jfBwJ2TN.js";
+import "./option-D7b-uGff.js";
+import "./progress-D-5gThOU.js";
+import "./radio-button-CZq8Z-V-.js";
 import "./index-CW6PhEkx.js";
-import "./select-BrdNXtJK.js";
-import "./sheet-D6hxqRpX.js";
+import "./select-CHgsFxnz.js";
+import "./sheet-BscruHZw.js";
 import { s as it } from "./sheet.service-lXqUf6n5.js";
-import "./slider-ev-R3lWD.js";
-import "./schmancy-steps-container-Csh_Ocoa.js";
+import "./slider-gBHyj2TC.js";
+import "./schmancy-steps-container-DkPckhRw.js";
 import "./context-object-u5gBaozZ.js";
 import { tap as F, takeUntil as B, filter as V, throttleTime as qt, map as xt, pairwise as Tt, distinctUntilChanged as _t, take as Bt } from "rxjs/operators";
-import "./surface-DmtBge0h.js";
-import "./table-D00xx57f.js";
-import "./tabs-compatibility-BQqS_oQN.js";
-import "./textarea-DpSgcB0q.js";
-import "./theme.component-DwzieORm.js";
-import "./theme-button-1dnUcGe5.js";
-import "./tooltip-DgLua_UV.js";
-import "./tree-Dg-mKO7n.js";
-import "./typewriter-Bgp3f7FN.js";
-import "./typography-B2kH45Vn.js";
+import "./surface-C4Lkv6Xu.js";
+import "./table-D320TllW.js";
+import "./tabs-compatibility-DNkcL6dE.js";
+import "./textarea-B2U316Um.js";
+import "./theme.component-DpPMKf8l.js";
+import "./theme-button-zUYywyWx.js";
+import "./tooltip-tFxYzDct.js";
+import "./tree-C9gLZE_E.js";
+import "./typewriter-DN9HiCBW.js";
+import "./typography-MN7P8my2.js";
 import { S as r } from "./theme.interface-C5Kj6WjD.js";
 var Xt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, I = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? Ut(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
@@ -892,4 +892,4 @@ export {
   K as u,
   f as v
 };
-//# sourceMappingURL=avatar-DVkOL5_x.js.map
+//# sourceMappingURL=avatar-39MTGkwX.js.map