@florid-kit/components 2.2.1 → 2.3.0

package/components/search-input-dropdown.d.ts

@@ -0,0 +1,65 @@
+import { LitElement } from 'lit';
+
+export interface SearchDropdownOption {
+    id: string;
+    value: string;
+}
+export declare class OccitaneSearchInputDropdown extends LitElement {
+    label: string;
+    value: string;
+    placeholder: string;
+    helperText: string;
+    state: "default" | "error" | "success";
+    disabled: boolean;
+    theme: "default" | "light";
+    options: SearchDropdownOption[];
+    searchBy: "id" | "value" | "both";
+    noResultsText: string;
+    onSelect?: (option: SearchDropdownOption) => void;
+    private open;
+    private filteredOptions;
+    private activeIndex;
+    private searchInputEl;
+    private readonly _listboxId;
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleOutsideClick;
+    /**
+     * Close the dropdown when focus has left the component entirely.
+     * We defer by one frame so focus can settle on the next element before we check.
+     */
+    private _handleFocusOut;
+    private filterOptions;
+    private handleSearch;
+    private selectOption;
+    private scrollActiveIntoView;
+    /**
+     * Keyboard handler while focus is in the search input.
+     *
+     * Arrow ↓/↑  — highlight options (active-descendant, focus stays in input)
+     * Enter      — select highlighted option
+     * Escape     — close dropdown
+     * Tab        — browser handles naturally:
+     *              input → clear button (×) → li[0] → … → li[n] → li[0] (loop)
+     */
+    private handleKeyDown;
+    /**
+     * Keyboard handler while focus is on a list item.
+     *
+     * Arrow ↓    — next item (wraps to first)
+     * Arrow ↑    — previous item; ArrowUp on first item returns to input
+     * Enter/Space — select the focused item
+     * Escape     — close dropdown and return focus to input
+     * Tab        — loop: last item → li[0], otherwise move to next item naturally
+     * Shift+Tab  — browser handles naturally (previous li, or back to clear button / input)
+     */
+    private handleListKeyDown;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "o-search-input-dropdown": OccitaneSearchInputDropdown;
+    }
+}