@mhmo91/schmancy 0.2.197 → 0.2.199

package/types/src/autocomplete/autocomplete.d.ts

@@ -1,145 +1,55 @@
 import { InputSize } from '@schmancy/input';
 import SchmancyInputV2 from '@schmancy/input/input-v2';
-/**
- * @fires change - When selection changes
- */
 export type SchmancyAutocompleteChangeEvent = CustomEvent<{
     value: string | string[];
     values?: string[];
 }>;
 declare const SchmancyAutocomplete_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-/**
- * SchmancyAutocomplete provides an accessible autocomplete/combobox component
- * with keyboard navigation and single or multi-select capabilities.
- *
- * @element schmancy-autocomplete
- * @slot - Default slot for option elements
- * @slot trigger - Optional slot to override the default input element
- *
- * @property {string} value - The selected value for single-select mode. In multi-select mode,
- *                           this is a comma-separated string of values (kept for backward compatibility).
- * @property {string[]} values - The selected values as an array for multi-select mode (preferred API for multi-select).
- */
 export default class SchmancyAutocomplete extends SchmancyAutocomplete_base {
     required: boolean;
     placeholder: string;
     label: string;
+    name: string;
     maxHeight: string;
     multi: boolean;
     description: string;
     size: InputSize;
     autocomplete: string;
     debounceMs: number;
+    similarityThreshold: number;
     get values(): string[];
     set values(vals: string[]);
     get value(): string;
     set value(val: string);
     private _open;
     private _inputValue;
-    private _selectedValue;
-    private _selectedValues;
-    private _suppressFocusOpen;
-    private _debounceTimer;
+    private _visibleOptionsCount;
+    private _hasResults;
     _listbox: HTMLUListElement;
     _input: SchmancyInputV2;
     private _options;
     private _inputElementRef;
-    private _documentClickHandler;
+    private _selectedValue$;
+    private _selectedValues$;
+    private _inputValue$;
+    private _open$;
+    private _options$;
+    private _optionSelect$;
+    private _documentClick$;
+    private _checkAutofill$;
     connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    updated(changedProps: Map<string, unknown>): void;
-    /**
-     * Handle document clicks to close dropdown when clicking outside
-     */
-    private _onDocumentClick;
-    /**
-     * Set up initial option accessibility attributes
-     */
-    private _setupOptionsAccessibility;
-    /**
-     * Update options' selection state based on component value
-     */
-    private _syncOptionsSelection;
-    /**
-     * Show all options without filtering
-     */
-    private _showAllOptions;
-    /**
-     * Filter options based on input text - this operation can be expensive
-     * with many options or complex filtering logic
-     */
-    private _filterOptions;
-    /**
-     * Get all currently visible options
-     */
-    private _getVisibleOptions;
-    /**
-     * Get labels of selected options
-     */
-    private _getSelectedLabels;
-    /**
-     * Update the input display based on selection state
-     */
+    private _setupAutocompleteLogic;
+    private _setupDocumentClickHandler;
+    private _setupAutofillDetection;
     private _updateInputDisplay;
-    /**
-     * Handle input focus
-     */
-    private _onInputFocus;
-    /**
-     * Debounce a function call
-     * @param fn Function to debounce
-     */
-    private _debounce;
-    /**
-     * Handle input text changes with debouncing
-     */
-    private _onInputChange;
-    /**
-     * Show the dropdown with all options visible initially
-     */
-    private _showDropdown;
-    /**
-     * Announce message to screen readers
-     */
+    private _getSelectedLabels;
     private _announceToScreenReader;
-    /**
-     * Select an option (either via click or keyboard)
-     */
-    private _selectOption;
-    /**
-     * Handle keyboard navigation
-     */
-    private _onKeyDown;
-    /**
-     * Get the currently focused option
-     */
-    private _getFocusedOption;
-    /**
-     * Move focus to next/previous option
-     */
-    private _moveFocus;
-    /**
-     * Focus the first visible option
-     */
-    private _focusFirstOption;
-    /**
-     * Focus the last visible option
-     */
-    private _focusLastOption;
-    /**
-     * Fire change event
-     */
     private _fireChangeEvent;
-    /**
-     * Check validity for form integration
-     */
     checkValidity(): boolean;
-    /**
-     * Report validity for form integration
-     */
     reportValidity(): boolean;
+    firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
+    private _handleKeyDown;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/types/src/notification/notification-service.d.ts

@@ -19,19 +19,19 @@ export declare class NotificationService {
     /**
      * Show an info notification
      */
-    info(message: string, options?: Partial<Omit<NotificationOptions, 'message' | 'type'>>): string;
+    info(message?: string, options?: Partial<Omit<NotificationOptions, 'message' | 'type'>>): string;
     /**
      * Show a success notification
      */
-    success(message: string, options?: Partial<Omit<NotificationOptions, 'message' | 'type'>>): string;
+    success(message?: string, options?: Partial<Omit<NotificationOptions, 'message' | 'type'>>): string;
     /**
      * Show a warning notification
      */
-    warning(message: string, options?: Partial<Omit<NotificationOptions, 'message' | 'type'>>): string;
+    warning(message?: string, options?: Partial<Omit<NotificationOptions, 'message' | 'type'>>): string;
     /**
      * Show an error notification
      */
-    error(message: string, options?: Partial<Omit<NotificationOptions, 'message' | 'type'>>): string;
+    error(message?: string, options?: Partial<Omit<NotificationOptions, 'message' | 'type'>>): string;
     /**
      * Show a notification with a custom duration
      */
@@ -52,19 +52,19 @@ export declare const $notify: {
     /**
      * Show an info notification
      */
-    info: (message: string, options?: Partial<Omit<NotificationOptions, "message" | "type">>) => string;
+    info: (message?: string, options?: Partial<Omit<NotificationOptions, "message" | "type">>) => string;
     /**
      * Show a success notification
      */
-    success: (message: string, options?: Partial<Omit<NotificationOptions, "message" | "type">>) => string;
+    success: (message?: string, options?: Partial<Omit<NotificationOptions, "message" | "type">>) => string;
     /**
      * Show a warning notification
      */
-    warning: (message: string, options?: Partial<Omit<NotificationOptions, "message" | "type">>) => string;
+    warning: (message?: string, options?: Partial<Omit<NotificationOptions, "message" | "type">>) => string;
     /**
      * Show an error notification
      */
-    error: (message: string, options?: Partial<Omit<NotificationOptions, "message" | "type">>) => string;
+    error: (message?: string, options?: Partial<Omit<NotificationOptions, "message" | "type">>) => string;
     /**
      * Show a notification with a custom duration
      * @param message The notification message

package/types/src/typography/typography.d.ts

@@ -7,9 +7,9 @@ export declare class SchmancyTypography extends SchmancyTypography_base {
     /**
      * @attr type - The type of the typography.
      * @default inherit
-     * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}
+     * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' | 'caption'}
      */
-    type: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label';
+    type: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' | 'caption';
     /**
      * @attr token - The token of the typography.
      * @default 'md'

package/types/src/utils/search.d.ts

@@ -1,7 +1,7 @@
 /**
  * Calculate similarity score between two strings.
  * Returns a value between 0 (no match) and 1 (exact match).
- * Includes all similarity methods from the original filter directive.
+ * Optimized for autocomplete with prioritization of start matches and whole words.
  *
  * @param query The search query string
  * @param target The target string to compare against

package/dist/autocomplete-BrAxEJJq.cjs

@@ -1,56 +0,0 @@
-"use strict";require("rxjs");const h=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const d=require("./litElement.mixin-Cypiq-N-.cjs");require("./tailwind.mixin-qyIcoDLk.cjs");const a=require("lit"),n=require("lit/decorators.js"),c=require("lit/directives/ref.js");var _=Object.defineProperty,m=Object.getOwnPropertyDescriptor,l=(e,t,s,o)=>{for(var p,u=o>1?void 0:o?m(t,s):t,r=e.length-1;r>=0;r--)(p=e[r])&&(u=(o?p(t,s,u):p(u))||u);return o&&u&&_(t,s,u),u};let i=class extends d.$LitElement(":host{display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host:focus{box-shadow:unset!important}"){constructor(){super(...arguments),this.required=!1,this.placeholder="",this.label="",this.maxHeight="300px",this.multi=!1,this.description="",this.size="md",this.autocomplete="off",this.debounceMs=200,this._open=!1,this._inputValue="",this._selectedValue="",this._selectedValues=[],this._suppressFocusOpen=!1,this._debounceTimer=null,this._inputElementRef=c.createRef(),this._documentClickHandler=this._onDocumentClick.bind(this)}get values(){return[...this._selectedValues]}set values(e){this._selectedValues=Array.isArray(e)?[...e]:[],this._syncOptionsSelection(),this._updateInputDisplay(),this.isConnected&&this._fireChangeEvent()}get value(){return this.multi?this._selectedValues.join(","):this._selectedValue}set value(e){this.multi?this._selectedValues=e?e.split(",").map(t=>t.trim()).filter(Boolean):[]:this._selectedValue=e,this._syncOptionsSelection(),this._updateInputDisplay(),this.isConnected&&this._fireChangeEvent()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`sch-autocomplete-${Math.random().toString(36).slice(2,9)}`)}disconnectedCallback(){document.removeEventListener("click",this._documentClickHandler),this._debounceTimer!==null&&window.clearTimeout(this._debounceTimer),super.disconnectedCallback()}firstUpdated(){this._syncOptionsSelection(),this._setupOptionsAccessibility(),this._updateInputDisplay()}updated(e){super.updated(e),e.has("_open")&&(this._open||document.removeEventListener("click",this._documentClickHandler))}_onDocumentClick(e){if(!e.composedPath().includes(this)){for(const t of this._options)if(e.composedPath().includes(t))return;this._open&&(this._open=!1,this._updateInputDisplay())}}_setupOptionsAccessibility(){this._options.forEach((e,t)=>{e.setAttribute("role","option"),e.tabIndex=-1,e.id||(e.id=`${this.id}-option-${t}`),e.hasAttribute("data-event-bound")||(e.addEventListener("click",s=>{s.stopPropagation(),this._selectOption(e)}),e.setAttribute("data-event-bound","true"))})}_syncOptionsSelection(){var e;(e=this._options)!=null&&e.length&&this._options.forEach(t=>{this.multi?t.selected=this._selectedValues.includes(t.value):t.selected=t.value===this._selectedValue,t.setAttribute("aria-selected",String(t.selected))})}_showAllOptions(){var s;this._options.forEach(o=>{o.hidden=!1});const e=(s=this.shadowRoot)==null?void 0:s.querySelector("#empty");e&&e.toggleAttribute("hidden",!0);const t=this._options.length;this._announceToScreenReader(`${t} option${t===1?"":"s"} available.`)}_filterOptions(){var p;const e=this._inputValue.toLowerCase().trim();if(!e)return void this._showAllOptions();let t=!1;this._options.forEach(u=>{const r=(u.label||u.textContent||"").toLowerCase().includes(e);u.hidden=!r,r&&(t=!0)});const s=(p=this.shadowRoot)==null?void 0:p.querySelector("#empty");s&&s.toggleAttribute("hidden",t);const o=this._getVisibleOptions().length;this._announceToScreenReader(o>0?`${o} option${o===1?"":"s"} available.`:"No results found.")}_getVisibleOptions(){return Array.from(this._options||[]).filter(e=>!e.hidden)}_getSelectedLabels(){return Array.from(this._options||[]).filter(e=>this.multi?this._selectedValues.includes(e.value):e.value===this._selectedValue).map(e=>e.label||e.textContent||"")}_updateInputDisplay(){var e;if(this._inputElementRef.value){if(!this._open||!this.multi)if(this.multi)this._inputValue=this._getSelectedLabels().join(", ");else{const t=(e=this._options)==null?void 0:e.find(s=>s.value===this._selectedValue);this._inputValue=t&&(t.label||t.textContent)||""}this._inputElementRef.value.value=this._inputValue}}_onInputFocus(e){e.stopPropagation(),this._suppressFocusOpen||(this.multi&&(this._inputValue="",this._inputElementRef.value&&(this._inputElementRef.value.value="")),this._showDropdown())}_debounce(e){this._debounceTimer!==null&&window.clearTimeout(this._debounceTimer),this._debounceTimer=window.setTimeout(()=>{e(),this._debounceTimer=null},this.debounceMs)}_onInputChange(e){const t=e.target;this._inputValue=t.value,this._open||this._showDropdown(),this._debounce(()=>{this._filterOptions()})}_showDropdown(){this._open||(this._open=!0,this._showAllOptions(),setTimeout(()=>{document.addEventListener("click",this._documentClickHandler)},10))}_announceToScreenReader(e){var s;const t=(s=this.shadowRoot)==null?void 0:s.querySelector("#live-status");t&&(t.textContent=e)}_selectOption(e){if(this.multi){const t=e.value,s=this._selectedValues.indexOf(t);this._selectedValues=s>-1?[...this._selectedValues.slice(0,s),...this._selectedValues.slice(s+1)]:[...this._selectedValues,t],this._inputValue="",this._inputElementRef.value&&(this._inputElementRef.value.value=""),e.selected=!e.selected,e.setAttribute("aria-selected",String(e.selected)),this._inputValue.trim()===""?this._showAllOptions():this._filterOptions();const o=this._getSelectedLabels();this._announceToScreenReader(o.length>0?`Selected: ${o.join(", ")}`:"No options selected")}else this._selectedValue=e.value,this._syncOptionsSelection(),this._open=!1,this._suppressFocusOpen=!0,this._updateInputDisplay(),this._inputElementRef.value&&this._inputElementRef.value.blur(),setTimeout(()=>{this._suppressFocusOpen=!1},300),this._announceToScreenReader(`Selected: ${e.label||e.textContent}`);this._fireChangeEvent()}_onKeyDown(e){var t;if(!this._open&&(e.key==="ArrowDown"||e.key==="Enter"))return e.preventDefault(),this._showDropdown(),void setTimeout(()=>{const s=this._getVisibleOptions();s.length>0&&s[0].focus()},10);if(this._open)switch(e.key){case"Escape":e.preventDefault(),this._open=!1,this._updateInputDisplay(),(t=this._inputElementRef.value)==null||t.focus();break;case"Tab":this._open=!1,this._updateInputDisplay();break;case"ArrowDown":e.preventDefault(),this._moveFocus(1);break;case"ArrowUp":e.preventDefault(),this._moveFocus(-1);break;case"Home":e.preventDefault(),this._focusFirstOption();break;case"End":e.preventDefault(),this._focusLastOption();break;case"Enter":case" ":const s=this._getFocusedOption();s&&(e.preventDefault(),this._selectOption(s))}}_getFocusedOption(){return this._getVisibleOptions().find(e=>e===document.activeElement)||null}_moveFocus(e){const t=this._getVisibleOptions();if(!t.length)return;const s=this._getFocusedOption();let o=s?t.indexOf(s):-1;o=e>0?o<t.length-1?o+1:0:o>0?o-1:t.length-1,t[o].focus()}_focusFirstOption(){const e=this._getVisibleOptions();e.length>0&&e[0].focus()}_focusLastOption(){const e=this._getVisibleOptions();e.length>0&&e[e.length-1].focus()}_fireChangeEvent(){const e={value:this.multi?this._selectedValues:this._selectedValue};this.multi&&(e.values=[...this._selectedValues]),this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,composed:!0}))}checkValidity(){return!this.required||(this.multi?this._selectedValues.length>0:!!this._selectedValue)}reportValidity(){return this._inputElementRef.value?this._inputElementRef.value.reportValidity():this.checkValidity()}render(){const e=`${this.id}-desc`;return a.html`
-			<div class="schmancy-autocomplete relative">
-				<!-- Screen reader live region -->
-				<div id="live-status" role="status" aria-live="polite" class="sr-only"></div>
-
-				<!-- Description (for screen readers) -->
-				${this.description?a.html`<div id="${e}" class="sr-only">${this.description}</div>`:""}
-
-				<!-- Input / trigger slot -->
-				<slot name="trigger">
-					<sch-input
-						.size=${this.size}
-						${c.ref(this._inputElementRef)}
-						id="autocomplete-input"
-						class="w-full"
-						.label=${this.label}
-						.placeholder=${this.placeholder}
-						.required=${this.required}
-						.value=${this._inputValue}
-						type="text"
-						autocomplete=${this.autocomplete}
-						clickable
-						role="combobox"
-						aria-autocomplete="list"
-						aria-haspopup="listbox"
-						aria-controls="options"
-						aria-expanded=${this._open}
-						aria-describedby=${this.description?e:void 0}
-						@input=${this._onInputChange}
-						@focus=${this._onInputFocus}
-						@click=${t=>{t.stopPropagation(),this._onInputFocus(new FocusEvent("focus"))}}
-						@keydown=${this._onKeyDown}
-					>
-					</sch-input>
-				</slot>
-
-				<!-- Options dropdown -->
-				<ul
-					id="options"
-					class=${h.classMap({absolute:!0,"z-[1000]":!0,"mt-1":!0,"w-full":!0,"rounded-md":!0,"shadow-md":!0,"overflow-auto":!0,"min-w-full":!0,"bg-surface-low":!0})}
-					role="listbox"
-					aria-multiselectable=${this.multi?"true":"false"}
-					aria-label=${`${this.label||"Options"} dropdown`}
-					?hidden=${!this._open}
-					style="
-            max-height: ${this.maxHeight}; 
-            display: ${this._open?"block":"none"};
-          "
-					@slotchange=${()=>{this._setupOptionsAccessibility(),this._syncOptionsSelection(),this._showAllOptions()}}
-				>
-					<!-- Options slot -->
-					<slot></slot>
-				</ul>
-			</div>
-		`}};l([n.property({type:Boolean})],i.prototype,"required",2),l([n.property({type:String})],i.prototype,"placeholder",2),l([n.property({type:String,reflect:!0})],i.prototype,"label",2),l([n.property({type:String})],i.prototype,"maxHeight",2),l([n.property({type:Boolean})],i.prototype,"multi",2),l([n.property({type:String})],i.prototype,"description",2),l([n.property({type:String,reflect:!0})],i.prototype,"size",2),l([n.property({type:String})],i.prototype,"autocomplete",2),l([n.property({type:Number})],i.prototype,"debounceMs",2),l([n.property({type:Array})],i.prototype,"values",1),l([n.property({type:String,reflect:!0})],i.prototype,"value",1),l([n.state()],i.prototype,"_open",2),l([n.state()],i.prototype,"_inputValue",2),l([n.state()],i.prototype,"_selectedValue",2),l([n.state()],i.prototype,"_selectedValues",2),l([n.state()],i.prototype,"_suppressFocusOpen",2),l([n.query("#options")],i.prototype,"_listbox",2),l([n.query("sch-input")],i.prototype,"_input",2),l([n.queryAssignedElements({flatten:!0})],i.prototype,"_options",2),i=l([n.customElement("schmancy-autocomplete")],i);
-//# sourceMappingURL=autocomplete-BrAxEJJq.cjs.map

package/dist/autocomplete-BrAxEJJq.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-BrAxEJJq.cjs","sources":["../src/autocomplete/autocomplete.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { InputSize } from '@schmancy/input'\nimport SchmancyInputV2 from '@schmancy/input/input-v2'\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 style from './autocomplete.scss?inline'\n\n/**\n * @fires change - When selection changes\n */\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n\tvalues?: string[] // Only present when multi=true\n}>\n\n/**\n * SchmancyAutocomplete provides an accessible autocomplete/combobox component\n * with keyboard navigation and single or multi-select capabilities.\n *\n * @element schmancy-autocomplete\n * @slot - Default slot for option elements\n * @slot trigger - Optional slot to override the default input element\n * \n * @property {string} value - The selected value for single-select mode. In multi-select mode,\n *                           this is a comma-separated string of values (kept for backward compatibility).\n * @property {string[]} values - The selected values as an array for multi-select mode (preferred API for multi-select).\n */\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends $LitElement(style) {\n\t// Public API properties\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) label = ''\n\t@property({ type: String }) maxHeight = '300px'\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) description = ''\n\t@property({ type: String, reflect: true }) size: InputSize = 'md'\n\t@property({ type: String }) autocomplete = 'off'\n\t@property({ type: Number }) debounceMs = 200 // Debounce delay in milliseconds\n\n\t// Values property for multi-select mode (preferred API for multi-select)\n\t@property({ type: Array })\n\tget values() {\n\t\treturn [...this._selectedValues]\n\t}\n\tset values(vals: string[]) {\n\t\tthis._selectedValues = Array.isArray(vals) ? [...vals] : []\n\t\tthis._syncOptionsSelection()\n\t\tthis._updateInputDisplay()\n\n\t\t// Dispatch change event when values are set programmatically\n\t\tif (this.isConnected) {\n\t\t\tthis._fireChangeEvent()\n\t\t}\n\t}\n\n\t// Value property with getter/setter (maintained for backward compatibility)\n\t@property({ type: String, reflect: true })\n\tget value() {\n\t\tif (this.multi) {\n\t\t\treturn this._selectedValues.join(',')\n\t\t}\n\t\treturn this._selectedValue\n\t}\n\tset value(val: string) {\n\t\tif (this.multi) {\n\t\t\tthis._selectedValues = val\n\t\t\t\t? val\n\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t.map(v => v.trim())\n\t\t\t\t\t\t.filter(Boolean)\n\t\t\t\t: []\n\t\t} else {\n\t\t\tthis._selectedValue = val\n\t\t}\n\t\tthis._syncOptionsSelection()\n\t\tthis._updateInputDisplay()\n\n\t\t// Dispatch change event when value is set programmatically\n\t\tif (this.isConnected) {\n\t\t\tthis._fireChangeEvent()\n\t\t}\n\t}\n\n\t// Internal state\n\t@state() private _open = false\n\t@state() private _inputValue = ''\n\t@state() private _selectedValue = ''\n\t@state() private _selectedValues: string[] = []\n\t@state() private _suppressFocusOpen = false // Flag to prevent dropdown from opening on focus after selection\n\n\t// Debounce timer reference\n\tprivate _debounceTimer: number | null = null\n\n\t// DOM references\n\t@query('#options') _listbox!: HTMLUListElement\n\t@query('sch-input') _input!: SchmancyInputV2\n\t@queryAssignedElements({ flatten: true }) private _options!: SchmancyOption[]\n\tprivate _inputElementRef = createRef<HTMLInputElement>()\n\n\t// Click outside handler reference for cleanup\n\tprivate _documentClickHandler = this._onDocumentClick.bind(this)\n\n\t// Lifecycle methods\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Ensure component has ID for ARIA relationships\n\t\tif (!this.id) {\n\t\t\tthis.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up global event listeners\n\t\tdocument.removeEventListener('click', this._documentClickHandler)\n\n\t\t// Clear any pending debounce timer\n\t\tif (this._debounceTimer !== null) {\n\t\t\twindow.clearTimeout(this._debounceTimer)\n\t\t}\n\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Set up initial state and accessibility\n\t\tthis._syncOptionsSelection()\n\t\tthis._setupOptionsAccessibility()\n\t\tthis._updateInputDisplay()\n\t}\n\n\tupdated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\n\t\t// Update document click handler when dropdown state changes\n\t\tif (changedProps.has('_open')) {\n\t\t\tif (!this._open) {\n\t\t\t\tdocument.removeEventListener('click', this._documentClickHandler)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Handle document clicks to close dropdown when clicking outside\n\t */\n\tprivate _onDocumentClick(e: MouseEvent) {\n\t\t// Don't close if clicking on component or its children\n\t\tif (e.composedPath().includes(this)) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't close if clicking on one of the options (which may be in light DOM)\n\t\tfor (const option of this._options) {\n\t\t\tif (e.composedPath().includes(option)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t}\n\n\t\t// Otherwise close the dropdown\n\t\tif (this._open) {\n\t\t\tthis._open = false\n\t\t\tthis._updateInputDisplay()\n\t\t}\n\t}\n\n\t/**\n\t * Set up initial option accessibility attributes\n\t */\n\tprivate _setupOptionsAccessibility() {\n\t\tthis._options.forEach((option, index) => {\n\t\t\t// Set common attributes for all options\n\t\t\toption.setAttribute('role', 'option')\n\t\t\toption.tabIndex = -1\n\n\t\t\t// Ensure each option has an ID\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Add click handler to options\n\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\toption.addEventListener('click', e => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tthis._selectOption(option)\n\t\t\t\t})\n\t\t\t\toption.setAttribute('data-event-bound', 'true')\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Update options' selection state based on component value\n\t */\n\tprivate _syncOptionsSelection() {\n\t\tif (!this._options?.length) return\n\n\t\tthis._options.forEach(option => {\n\t\t\tif (this.multi) {\n\t\t\t\toption.selected = this._selectedValues.includes(option.value)\n\t\t\t} else {\n\t\t\t\toption.selected = option.value === this._selectedValue\n\t\t\t}\n\n\t\t\t// Update aria-selected attribute\n\t\t\toption.setAttribute('aria-selected', String(option.selected))\n\t\t})\n\t}\n\n\t/**\n\t * Show all options without filtering\n\t */\n\tprivate _showAllOptions() {\n\t\tthis._options.forEach(option => {\n\t\t\toption.hidden = false\n\t\t})\n\n\t\t// Update \"No results\" visibility - always hidden when showing all\n\t\tconst emptyMessage = this.shadowRoot?.querySelector('#empty')\n\t\tif (emptyMessage) {\n\t\t\temptyMessage.toggleAttribute('hidden', true)\n\t\t}\n\n\t\t// Announce to screen readers\n\t\tconst totalCount = this._options.length\n\t\tthis._announceToScreenReader(`${totalCount} option${totalCount === 1 ? '' : 's'} available.`)\n\t}\n\n\t/**\n\t * Filter options based on input text - this operation can be expensive\n\t * with many options or complex filtering logic\n\t */\n\tprivate _filterOptions() {\n\t\tconsole.time('filter-options')\n\t\tconst searchTerm = this._inputValue.toLowerCase().trim()\n\n\t\t// If no search term, show all options instead of filtering\n\t\tif (!searchTerm) {\n\t\t\tthis._showAllOptions()\n\t\t\tconsole.timeEnd('filter-options')\n\t\t\treturn\n\t\t}\n\n\t\t// Track if we have any matches\n\t\tlet hasMatches = false\n\n\t\tthis._options.forEach(option => {\n\t\t\t// Simple substring matching\n\t\t\tconst text = (option.label || option.textContent || '').toLowerCase()\n\t\t\tconst isMatch = text.includes(searchTerm)\n\t\t\toption.hidden = !isMatch\n\n\t\t\tif (isMatch) {\n\t\t\t\thasMatches = true\n\t\t\t}\n\t\t})\n\n\t\t// Update \"No results\" visibility\n\t\tconst emptyMessage = this.shadowRoot?.querySelector('#empty')\n\t\tif (emptyMessage) {\n\t\t\temptyMessage.toggleAttribute('hidden', hasMatches)\n\t\t}\n\n\t\t// Announce results to screen readers\n\t\tconst visibleCount = this._getVisibleOptions().length\n\t\tthis._announceToScreenReader(\n\t\t\tvisibleCount > 0 ? `${visibleCount} option${visibleCount === 1 ? '' : 's'} available.` : 'No results found.',\n\t\t)\n\t\tconsole.timeEnd('filter-options')\n\t}\n\n\t/**\n\t * Get all currently visible options\n\t */\n\tprivate _getVisibleOptions(): SchmancyOption[] {\n\t\treturn Array.from(this._options || []).filter(option => !option.hidden)\n\t}\n\n\t/**\n\t * Get labels of selected options\n\t */\n\tprivate _getSelectedLabels(): string[] {\n\t\treturn Array.from(this._options || [])\n\t\t\t.filter(option =>\n\t\t\t\tthis.multi ? this._selectedValues.includes(option.value) : option.value === this._selectedValue,\n\t\t\t)\n\t\t\t.map(option => option.label || option.textContent || '')\n\t}\n\n\t/**\n\t * Update the input display based on selection state\n\t */\n\tprivate _updateInputDisplay() {\n\t\tif (!this._inputElementRef.value) return\n\n\t\t// When dropdown is closed or in single select mode, show the selection\n\t\tif (!this._open || !this.multi) {\n\t\t\tif (this.multi) {\n\t\t\t\t// Show comma-separated labels for multi-select\n\t\t\t\tthis._inputValue = this._getSelectedLabels().join(', ')\n\t\t\t} else {\n\t\t\t\t// Show selected option label for single-select\n\t\t\t\tconst selectedOption = this._options?.find(o => o.value === this._selectedValue)\n\t\t\t\tthis._inputValue = selectedOption ? selectedOption.label || selectedOption.textContent || '' : ''\n\t\t\t}\n\t\t}\n\n\t\t// Update the input value\n\t\tthis._inputElementRef.value.value = this._inputValue\n\t}\n\n\t/**\n\t * Handle input focus\n\t */\n\tprivate _onInputFocus(e: FocusEvent) {\n\t\te.stopPropagation()\n\n\t\t// If suppress flag is active, don't open dropdown\n\t\tif (this._suppressFocusOpen) {\n\t\t\treturn\n\t\t}\n\n\t\t// If multi-select mode and input is focused, clear it for new input\n\t\tif (this.multi) {\n\t\t\tthis._inputValue = ''\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.value = ''\n\t\t\t}\n\t\t}\n\n\t\tthis._showDropdown()\n\t}\n\n\t/**\n\t * Debounce a function call\n\t * @param fn Function to debounce\n\t */\n\tprivate _debounce(fn: () => void): void {\n\t\t// Clear any existing timer\n\t\tif (this._debounceTimer !== null) {\n\t\t\twindow.clearTimeout(this._debounceTimer)\n\t\t}\n\n\t\t// Set new timer\n\t\tthis._debounceTimer = window.setTimeout(() => {\n\t\t\tfn()\n\t\t\tthis._debounceTimer = null\n\t\t}, this.debounceMs)\n\t}\n\n\t/**\n\t * Handle input text changes with debouncing\n\t */\n\tprivate _onInputChange(e: Event) {\n\t\tconst target = e.target as HTMLInputElement\n\t\tthis._inputValue = target.value\n\n\t\t// Immediate feedback - show dropdown\n\t\tif (!this._open) {\n\t\t\tthis._showDropdown()\n\t\t}\n\n\t\t// Debounce the expensive filtering operation\n\t\tthis._debounce(() => {\n\t\t\tthis._filterOptions()\n\t\t})\n\t}\n\n\t/**\n\t * Show the dropdown with all options visible initially\n\t */\n\tprivate _showDropdown() {\n\t\tif (this._open) return\n\n\t\tthis._open = true\n\n\t\t// Initially show all options instead of filtering\n\t\tthis._showAllOptions()\n\n\t\t// Add document click handler after a brief delay\n\t\t// to avoid immediate closing on the same click event\n\t\tsetTimeout(() => {\n\t\t\tdocument.addEventListener('click', this._documentClickHandler)\n\t\t}, 10)\n\t}\n\n\t/**\n\t * Announce message to screen readers\n\t */\n\tprivate _announceToScreenReader(message: string) {\n\t\tconst liveRegion = this.shadowRoot?.querySelector('#live-status')\n\t\tif (liveRegion) {\n\t\t\tliveRegion.textContent = message\n\t\t}\n\t}\n\n\t/**\n\t * Select an option (either via click or keyboard)\n\t */\n\tprivate _selectOption(option: SchmancyOption) {\n\t\tif (this.multi) {\n\t\t\t// Toggle selection in multi-select mode\n\t\t\tconst value = option.value\n\t\t\tconst index = this._selectedValues.indexOf(value)\n\n\t\t\tif (index > -1) {\n\t\t\t\t// Remove if already selected\n\t\t\t\tthis._selectedValues = [...this._selectedValues.slice(0, index), ...this._selectedValues.slice(index + 1)]\n\t\t\t} else {\n\t\t\t\t// Add if not selected\n\t\t\t\tthis._selectedValues = [...this._selectedValues, value]\n\t\t\t}\n\n\t\t\t// Clear input for more typing in multi-select mode\n\t\t\tthis._inputValue = ''\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.value = ''\n\t\t\t}\n\n\t\t\t// Update option selection state\n\t\t\toption.selected = !option.selected\n\t\t\toption.setAttribute('aria-selected', String(option.selected))\n\n\t\t\t// Keep dropdown open in multi-select\n\t\t\t// Show all options if input is empty\n\t\t\tif (this._inputValue.trim() === '') {\n\t\t\t\tthis._showAllOptions()\n\t\t\t} else {\n\t\t\t\tthis._filterOptions()\n\t\t\t}\n\n\t\t\t// Announce selection to screen readers\n\t\t\tconst selectedLabels = this._getSelectedLabels()\n\t\t\tthis._announceToScreenReader(\n\t\t\t\tselectedLabels.length > 0 ? `Selected: ${selectedLabels.join(', ')}` : 'No options selected',\n\t\t\t)\n\t\t} else {\n\t\t\t// Single-select mode - select and close\n\t\t\tthis._selectedValue = option.value\n\n\t\t\t// Update selected state\n\t\t\tthis._syncOptionsSelection()\n\n\t\t\t// Close dropdown\n\t\t\tthis._open = false\n\n\t\t\t// Set flag to prevent reopening on focus\n\t\t\tthis._suppressFocusOpen = true\n\n\t\t\t// Update input with selected label\n\t\t\tthis._updateInputDisplay()\n\n\t\t\t// For mobile: blur input to dismiss keyboard\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.blur()\n\t\t\t}\n\n\t\t\t// Reset suppress flag after a delay\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis._suppressFocusOpen = false\n\t\t\t}, 300)\n\n\t\t\t// Announce selection to screen readers\n\t\t\tthis._announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n\t\t}\n\n\t\t// Fire change event\n\t\tthis._fireChangeEvent()\n\t}\n\n\t/**\n\t * Handle keyboard navigation\n\t */\n\tprivate _onKeyDown(e: KeyboardEvent) {\n\t\t// If dropdown is closed, open on arrow down or enter\n\t\tif (!this._open && (e.key === 'ArrowDown' || e.key === 'Enter')) {\n\t\t\te.preventDefault()\n\t\t\tthis._showDropdown()\n\n\t\t\t// Focus first visible option\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst visibleOptions = this._getVisibleOptions()\n\t\t\t\tif (visibleOptions.length > 0) {\n\t\t\t\t\tvisibleOptions[0].focus()\n\t\t\t\t}\n\t\t\t}, 10)\n\n\t\t\treturn\n\t\t}\n\n\t\t// Early return if dropdown is closed\n\t\tif (!this._open) return\n\n\t\t// Handle keyboard navigation\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._open = false\n\t\t\t\tthis._updateInputDisplay()\n\t\t\t\tthis._inputElementRef.value?.focus()\n\t\t\t\tbreak\n\n\t\t\tcase 'Tab':\n\t\t\t\t// Natural tab behavior will move focus; just close dropdown\n\t\t\t\tthis._open = false\n\t\t\t\tthis._updateInputDisplay()\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._moveFocus(1)\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._moveFocus(-1)\n\t\t\t\tbreak\n\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._focusFirstOption()\n\t\t\t\tbreak\n\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._focusLastOption()\n\t\t\t\tbreak\n\n\t\t\tcase 'Enter':\n\t\t\tcase ' ': // Space key\n\t\t\t\t// Select currently focused option\n\t\t\t\tconst focusedOption = this._getFocusedOption()\n\t\t\t\tif (focusedOption) {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tthis._selectOption(focusedOption)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\t/**\n\t * Get the currently focused option\n\t */\n\tprivate _getFocusedOption(): SchmancyOption | null {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\treturn visibleOptions.find(opt => opt === document.activeElement) || null\n\t}\n\n\t/**\n\t * Move focus to next/previous option\n\t */\n\tprivate _moveFocus(direction: number) {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (!visibleOptions.length) return\n\n\t\tconst currentOption = this._getFocusedOption()\n\t\tlet index = currentOption ? visibleOptions.indexOf(currentOption) : -1\n\n\t\t// Calculate new index\n\t\tif (direction > 0) {\n\t\t\t// Move forward, wrap to start\n\t\t\tindex = index < visibleOptions.length - 1 ? index + 1 : 0\n\t\t} else {\n\t\t\t// Move backward, wrap to end\n\t\t\tindex = index > 0 ? index - 1 : visibleOptions.length - 1\n\t\t}\n\n\t\t// Focus the option\n\t\tvisibleOptions[index].focus()\n\t}\n\n\t/**\n\t * Focus the first visible option\n\t */\n\tprivate _focusFirstOption() {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (visibleOptions.length > 0) {\n\t\t\tvisibleOptions[0].focus()\n\t\t}\n\t}\n\n\t/**\n\t * Focus the last visible option\n\t */\n\tprivate _focusLastOption() {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (visibleOptions.length > 0) {\n\t\t\tvisibleOptions[visibleOptions.length - 1].focus()\n\t\t}\n\t}\n\n\t/**\n\t * Fire change event\n\t */\n\tprivate _fireChangeEvent() {\n\t\tconst detail: SchmancyAutocompleteChangeEvent['detail'] = {\n\t\t\tvalue: this.multi ? this._selectedValues : this._selectedValue,\n\t\t}\n\n\t\t// Include values property in the event detail when in multi-select mode\n\t\tif (this.multi) {\n\t\t\tdetail.values = [...this._selectedValues]\n\t\t}\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n\t\t\t\tdetail,\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Check validity for form integration\n\t */\n\tpublic checkValidity(): boolean {\n\t\tif (!this.required) return true\n\t\treturn this.multi ? this._selectedValues.length > 0 : Boolean(this._selectedValue)\n\t}\n\n\t/**\n\t * Report validity for form integration\n\t */\n\tpublic reportValidity(): boolean {\n\t\tif (this._inputElementRef.value) {\n\t\t\treturn this._inputElementRef.value.reportValidity()\n\t\t}\n\t\treturn this.checkValidity()\n\t}\n\n\trender() {\n\t\tconst descriptionId = `${this.id}-desc`\n\n\t\treturn html`\n\t\t\t<div class=\"schmancy-autocomplete relative\">\n\t\t\t\t<!-- Screen reader live region -->\n\t\t\t\t<div id=\"live-status\" role=\"status\" aria-live=\"polite\" class=\"sr-only\"></div>\n\n\t\t\t\t<!-- Description (for screen readers) -->\n\t\t\t\t${this.description ? html`<div id=\"${descriptionId}\" class=\"sr-only\">${this.description}</div>` : ''}\n\n\t\t\t\t<!-- Input / trigger slot -->\n\t\t\t\t<slot name=\"trigger\">\n\t\t\t\t\t<sch-input\n\t\t\t\t\t\t.size=${this.size}\n\t\t\t\t\t\t${ref(this._inputElementRef)}\n\t\t\t\t\t\tid=\"autocomplete-input\"\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t\t.value=${this._inputValue}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tautocomplete=${this.autocomplete}\n\t\t\t\t\t\tclickable\n\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\taria-autocomplete=\"list\"\n\t\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\t\taria-expanded=${this._open}\n\t\t\t\t\t\taria-describedby=${this.description ? descriptionId : undefined}\n\t\t\t\t\t\t@input=${this._onInputChange}\n\t\t\t\t\t\t@focus=${this._onInputFocus}\n\t\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis._onInputFocus(new FocusEvent('focus'))\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t@keydown=${this._onKeyDown}\n\t\t\t\t\t>\n\t\t\t\t\t</sch-input>\n\t\t\t\t</slot>\n\n\t\t\t\t<!-- Options dropdown -->\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\tabsolute: true,\n\t\t\t\t\t\t'z-[1000]': true,\n\t\t\t\t\t\t'mt-1': true,\n\t\t\t\t\t\t'w-full': true,\n\t\t\t\t\t\t'rounded-md': true,\n\t\t\t\t\t\t'shadow-md': true,\n\t\t\t\t\t\t'overflow-auto': true,\n\t\t\t\t\t\t'min-w-full': true,\n\t\t\t\t\t\t'bg-surface-low': true,\n\t\t\t\t\t})}\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi ? 'true' : 'false'}\n\t\t\t\t\taria-label=${`${this.label || 'Options'} dropdown`}\n\t\t\t\t\t?hidden=${!this._open}\n\t\t\t\t\tstyle=\"\n            max-height: ${this.maxHeight}; \n            display: ${this._open ? 'block' : 'none'};\n          \"\n\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\tthis._setupOptionsAccessibility()\n\t\t\t\t\t\tthis._syncOptionsSelection()\n\t\t\t\t\t\t// Show all options when slot content changes, don't filter yet\n\t\t\t\t\t\tthis._showAllOptions()\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<!-- Options slot -->\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-autocomplete': SchmancyAutocomplete\n\t}\n}\n"],"names":["SchmancyAutocomplete","$LitElement","constructor","super","arguments","this","required","placeholder","label","maxHeight","multi","description","size","autocomplete","debounceMs","_open","_inputValue","_selectedValue","_selectedValues","_suppressFocusOpen","_debounceTimer","_inputElementRef","createRef","_documentClickHandler","_onDocumentClick","bind","values","vals","Array","isArray","_syncOptionsSelection","_updateInputDisplay","isConnected","_fireChangeEvent","value","join","val","split","map","v","trim","filter","Boolean","connectedCallback","id","Math","random","toString","slice","disconnectedCallback","document","removeEventListener","window","clearTimeout","_setupOptionsAccessibility","changedProps","updated","has","e","composedPath","includes","option","_options","forEach","index","setAttribute","tabIndex","hasAttribute","addEventListener","stopPropagation","_selectOption","length","selected","String","_showAllOptions","hidden","emptyMessage","shadowRoot","querySelector","toggleAttribute","totalCount","_announceToScreenReader","_filterOptions","searchTerm","toLowerCase","hasMatches","isMatch","textContent","visibleCount","_getVisibleOptions","from","_getSelectedLabels","selectedOption","find","o","_showDropdown","fn","setTimeout","target","_debounce","message","liveRegion","indexOf","selectedLabels","blur","key","preventDefault","visibleOptions","focus","_moveFocus","_focusFirstOption","_focusLastOption","focusedOption","_getFocusedOption","opt","activeElement","direction","currentOption","detail","dispatchEvent","CustomEvent","bubbles","composed","reportValidity","checkValidity","render","descriptionId","html","ref","_onInputChange","_onInputFocus","FocusEvent","_onKeyDown","classMap","absolute","__decorateClass","property","type","prototype","reflect","Number","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/autocomplete-OS61ngsy.js

@@ -1,259 +0,0 @@
-import "rxjs";
-import { classMap as d } from "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { $ as _ } from "./litElement.mixin-C6PzcPXd.js";
-import "./tailwind.mixin-Du4i6vQR.js";
-import { html as c } from "lit";
-import { property as a, state as r, query as h, queryAssignedElements as m, customElement as f } from "lit/decorators.js";
-import { createRef as b, ref as y } from "lit/directives/ref.js";
-var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, n = (e, t, s, o) => {
-  for (var u, l = o > 1 ? void 0 : o ? g(t, s) : t, p = e.length - 1; p >= 0; p--) (u = e[p]) && (l = (o ? u(t, s, l) : u(l)) || l);
-  return o && l && v(t, s, l), l;
-};
-let i = class extends _(":host{display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host:focus{box-shadow:unset!important}") {
-  constructor() {
-    super(...arguments), this.required = !1, this.placeholder = "", this.label = "", this.maxHeight = "300px", this.multi = !1, this.description = "", this.size = "md", this.autocomplete = "off", this.debounceMs = 200, this._open = !1, this._inputValue = "", this._selectedValue = "", this._selectedValues = [], this._suppressFocusOpen = !1, this._debounceTimer = null, this._inputElementRef = b(), this._documentClickHandler = this._onDocumentClick.bind(this);
-  }
-  get values() {
-    return [...this._selectedValues];
-  }
-  set values(e) {
-    this._selectedValues = Array.isArray(e) ? [...e] : [], this._syncOptionsSelection(), this._updateInputDisplay(), this.isConnected && this._fireChangeEvent();
-  }
-  get value() {
-    return this.multi ? this._selectedValues.join(",") : this._selectedValue;
-  }
-  set value(e) {
-    this.multi ? this._selectedValues = e ? e.split(",").map((t) => t.trim()).filter(Boolean) : [] : this._selectedValue = e, this._syncOptionsSelection(), this._updateInputDisplay(), this.isConnected && this._fireChangeEvent();
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`);
-  }
-  disconnectedCallback() {
-    document.removeEventListener("click", this._documentClickHandler), this._debounceTimer !== null && window.clearTimeout(this._debounceTimer), super.disconnectedCallback();
-  }
-  firstUpdated() {
-    this._syncOptionsSelection(), this._setupOptionsAccessibility(), this._updateInputDisplay();
-  }
-  updated(e) {
-    super.updated(e), e.has("_open") && (this._open || document.removeEventListener("click", this._documentClickHandler));
-  }
-  _onDocumentClick(e) {
-    if (!e.composedPath().includes(this)) {
-      for (const t of this._options) if (e.composedPath().includes(t)) return;
-      this._open && (this._open = !1, this._updateInputDisplay());
-    }
-  }
-  _setupOptionsAccessibility() {
-    this._options.forEach((e, t) => {
-      e.setAttribute("role", "option"), e.tabIndex = -1, e.id || (e.id = `${this.id}-option-${t}`), e.hasAttribute("data-event-bound") || (e.addEventListener("click", (s) => {
-        s.stopPropagation(), this._selectOption(e);
-      }), e.setAttribute("data-event-bound", "true"));
-    });
-  }
-  _syncOptionsSelection() {
-    var e;
-    (e = this._options) != null && e.length && this._options.forEach((t) => {
-      this.multi ? t.selected = this._selectedValues.includes(t.value) : t.selected = t.value === this._selectedValue, t.setAttribute("aria-selected", String(t.selected));
-    });
-  }
-  _showAllOptions() {
-    var s;
-    this._options.forEach((o) => {
-      o.hidden = !1;
-    });
-    const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("#empty");
-    e && e.toggleAttribute("hidden", !0);
-    const t = this._options.length;
-    this._announceToScreenReader(`${t} option${t === 1 ? "" : "s"} available.`);
-  }
-  _filterOptions() {
-    var u;
-    const e = this._inputValue.toLowerCase().trim();
-    if (!e) return void this._showAllOptions();
-    let t = !1;
-    this._options.forEach((l) => {
-      const p = (l.label || l.textContent || "").toLowerCase().includes(e);
-      l.hidden = !p, p && (t = !0);
-    });
-    const s = (u = this.shadowRoot) == null ? void 0 : u.querySelector("#empty");
-    s && s.toggleAttribute("hidden", t);
-    const o = this._getVisibleOptions().length;
-    this._announceToScreenReader(o > 0 ? `${o} option${o === 1 ? "" : "s"} available.` : "No results found.");
-  }
-  _getVisibleOptions() {
-    return Array.from(this._options || []).filter((e) => !e.hidden);
-  }
-  _getSelectedLabels() {
-    return Array.from(this._options || []).filter((e) => this.multi ? this._selectedValues.includes(e.value) : e.value === this._selectedValue).map((e) => e.label || e.textContent || "");
-  }
-  _updateInputDisplay() {
-    var e;
-    if (this._inputElementRef.value) {
-      if (!this._open || !this.multi) if (this.multi) this._inputValue = this._getSelectedLabels().join(", ");
-      else {
-        const t = (e = this._options) == null ? void 0 : e.find((s) => s.value === this._selectedValue);
-        this._inputValue = t && (t.label || t.textContent) || "";
-      }
-      this._inputElementRef.value.value = this._inputValue;
-    }
-  }
-  _onInputFocus(e) {
-    e.stopPropagation(), this._suppressFocusOpen || (this.multi && (this._inputValue = "", this._inputElementRef.value && (this._inputElementRef.value.value = "")), this._showDropdown());
-  }
-  _debounce(e) {
-    this._debounceTimer !== null && window.clearTimeout(this._debounceTimer), this._debounceTimer = window.setTimeout(() => {
-      e(), this._debounceTimer = null;
-    }, this.debounceMs);
-  }
-  _onInputChange(e) {
-    const t = e.target;
-    this._inputValue = t.value, this._open || this._showDropdown(), this._debounce(() => {
-      this._filterOptions();
-    });
-  }
-  _showDropdown() {
-    this._open || (this._open = !0, this._showAllOptions(), setTimeout(() => {
-      document.addEventListener("click", this._documentClickHandler);
-    }, 10));
-  }
-  _announceToScreenReader(e) {
-    var s;
-    const t = (s = this.shadowRoot) == null ? void 0 : s.querySelector("#live-status");
-    t && (t.textContent = e);
-  }
-  _selectOption(e) {
-    if (this.multi) {
-      const t = e.value, s = this._selectedValues.indexOf(t);
-      this._selectedValues = s > -1 ? [...this._selectedValues.slice(0, s), ...this._selectedValues.slice(s + 1)] : [...this._selectedValues, t], this._inputValue = "", this._inputElementRef.value && (this._inputElementRef.value.value = ""), e.selected = !e.selected, e.setAttribute("aria-selected", String(e.selected)), this._inputValue.trim() === "" ? this._showAllOptions() : this._filterOptions();
-      const o = this._getSelectedLabels();
-      this._announceToScreenReader(o.length > 0 ? `Selected: ${o.join(", ")}` : "No options selected");
-    } else this._selectedValue = e.value, this._syncOptionsSelection(), this._open = !1, this._suppressFocusOpen = !0, this._updateInputDisplay(), this._inputElementRef.value && this._inputElementRef.value.blur(), setTimeout(() => {
-      this._suppressFocusOpen = !1;
-    }, 300), this._announceToScreenReader(`Selected: ${e.label || e.textContent}`);
-    this._fireChangeEvent();
-  }
-  _onKeyDown(e) {
-    var t;
-    if (!this._open && (e.key === "ArrowDown" || e.key === "Enter")) return e.preventDefault(), this._showDropdown(), void setTimeout(() => {
-      const s = this._getVisibleOptions();
-      s.length > 0 && s[0].focus();
-    }, 10);
-    if (this._open) switch (e.key) {
-      case "Escape":
-        e.preventDefault(), this._open = !1, this._updateInputDisplay(), (t = this._inputElementRef.value) == null || t.focus();
-        break;
-      case "Tab":
-        this._open = !1, this._updateInputDisplay();
-        break;
-      case "ArrowDown":
-        e.preventDefault(), this._moveFocus(1);
-        break;
-      case "ArrowUp":
-        e.preventDefault(), this._moveFocus(-1);
-        break;
-      case "Home":
-        e.preventDefault(), this._focusFirstOption();
-        break;
-      case "End":
-        e.preventDefault(), this._focusLastOption();
-        break;
-      case "Enter":
-      case " ":
-        const s = this._getFocusedOption();
-        s && (e.preventDefault(), this._selectOption(s));
-    }
-  }
-  _getFocusedOption() {
-    return this._getVisibleOptions().find((e) => e === document.activeElement) || null;
-  }
-  _moveFocus(e) {
-    const t = this._getVisibleOptions();
-    if (!t.length) return;
-    const s = this._getFocusedOption();
-    let o = s ? t.indexOf(s) : -1;
-    o = e > 0 ? o < t.length - 1 ? o + 1 : 0 : o > 0 ? o - 1 : t.length - 1, t[o].focus();
-  }
-  _focusFirstOption() {
-    const e = this._getVisibleOptions();
-    e.length > 0 && e[0].focus();
-  }
-  _focusLastOption() {
-    const e = this._getVisibleOptions();
-    e.length > 0 && e[e.length - 1].focus();
-  }
-  _fireChangeEvent() {
-    const e = { value: this.multi ? this._selectedValues : this._selectedValue };
-    this.multi && (e.values = [...this._selectedValues]), this.dispatchEvent(new CustomEvent("change", { detail: e, bubbles: !0, composed: !0 }));
-  }
-  checkValidity() {
-    return !this.required || (this.multi ? this._selectedValues.length > 0 : !!this._selectedValue);
-  }
-  reportValidity() {
-    return this._inputElementRef.value ? this._inputElementRef.value.reportValidity() : this.checkValidity();
-  }
-  render() {
-    const e = `${this.id}-desc`;
-    return c`
-			<div class="schmancy-autocomplete relative">
-				<!-- Screen reader live region -->
-				<div id="live-status" role="status" aria-live="polite" class="sr-only"></div>
-
-				<!-- Description (for screen readers) -->
-				${this.description ? c`<div id="${e}" class="sr-only">${this.description}</div>` : ""}
-
-				<!-- Input / trigger slot -->
-				<slot name="trigger">
-					<sch-input
-						.size=${this.size}
-						${y(this._inputElementRef)}
-						id="autocomplete-input"
-						class="w-full"
-						.label=${this.label}
-						.placeholder=${this.placeholder}
-						.required=${this.required}
-						.value=${this._inputValue}
-						type="text"
-						autocomplete=${this.autocomplete}
-						clickable
-						role="combobox"
-						aria-autocomplete="list"
-						aria-haspopup="listbox"
-						aria-controls="options"
-						aria-expanded=${this._open}
-						aria-describedby=${this.description ? e : void 0}
-						@input=${this._onInputChange}
-						@focus=${this._onInputFocus}
-						@click=${(t) => {
-      t.stopPropagation(), this._onInputFocus(new FocusEvent("focus"));
-    }}
-						@keydown=${this._onKeyDown}
-					>
-					</sch-input>
-				</slot>
-
-				<!-- Options dropdown -->
-				<ul
-					id="options"
-					class=${d({ absolute: !0, "z-[1000]": !0, "mt-1": !0, "w-full": !0, "rounded-md": !0, "shadow-md": !0, "overflow-auto": !0, "min-w-full": !0, "bg-surface-low": !0 })}
-					role="listbox"
-					aria-multiselectable=${this.multi ? "true" : "false"}
-					aria-label=${`${this.label || "Options"} dropdown`}
-					?hidden=${!this._open}
-					style="
-            max-height: ${this.maxHeight}; 
-            display: ${this._open ? "block" : "none"};
-          "
-					@slotchange=${() => {
-      this._setupOptionsAccessibility(), this._syncOptionsSelection(), this._showAllOptions();
-    }}
-				>
-					<!-- Options slot -->
-					<slot></slot>
-				</ul>
-			</div>
-		`;
-  }
-};
-n([a({ type: Boolean })], i.prototype, "required", 2), n([a({ type: String })], i.prototype, "placeholder", 2), n([a({ type: String, reflect: !0 })], i.prototype, "label", 2), n([a({ type: String })], i.prototype, "maxHeight", 2), n([a({ type: Boolean })], i.prototype, "multi", 2), n([a({ type: String })], i.prototype, "description", 2), n([a({ type: String, reflect: !0 })], i.prototype, "size", 2), n([a({ type: String })], i.prototype, "autocomplete", 2), n([a({ type: Number })], i.prototype, "debounceMs", 2), n([a({ type: Array })], i.prototype, "values", 1), n([a({ type: String, reflect: !0 })], i.prototype, "value", 1), n([r()], i.prototype, "_open", 2), n([r()], i.prototype, "_inputValue", 2), n([r()], i.prototype, "_selectedValue", 2), n([r()], i.prototype, "_selectedValues", 2), n([r()], i.prototype, "_suppressFocusOpen", 2), n([h("#options")], i.prototype, "_listbox", 2), n([h("sch-input")], i.prototype, "_input", 2), n([m({ flatten: !0 })], i.prototype, "_options", 2), i = n([f("schmancy-autocomplete")], i);
-//# sourceMappingURL=autocomplete-OS61ngsy.js.map