@keenthemes/ktui 1.1.6 → 1.2.0

package/lib/cjs/components/select/combobox.d.ts

@@ -0,0 +1,52 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+import { KTSelect } from './select';
+/**
+ * KTSelectCombobox - Handles combobox-specific functionality for KTSelect
+ */
+export declare class KTSelectCombobox {
+    private _select;
+    private _config;
+    private _searchInputElement;
+    private _clearButtonElement;
+    private _boundInputHandler;
+    private _boundClearHandler;
+    private _valuesContainerElement;
+    constructor(select: KTSelect);
+    /**
+     * Attach event listeners specific to combobox
+     */
+    private _attachEventListeners;
+    /**
+     * Remove event listeners to prevent memory leaks or duplicates
+     */
+    private _removeEventListeners;
+    /**
+     * Handle combobox input events
+     */
+    private _handleComboboxInput;
+    /**
+     * Handle clear button click
+     */
+    private _handleClearButtonClick;
+    /**
+     * Toggle clear button visibility based on input value and selection state.
+     * Clear button should be visible if there's text in input OR if there are selected items (for multi/displayTemplate modes).
+     */
+    private _toggleClearButtonVisibility;
+    /**
+     * Filter options for combobox based on input query
+     */
+    private _filterOptionsForCombobox;
+    /**
+     * Updates the combobox display (input field or values container) based on selection.
+     */
+    updateDisplay(selectedOptions: string[]): void;
+    /**
+     * Destroy the combobox component and clean up event listeners
+     */
+    destroy(): void;
+}
+//# sourceMappingURL=combobox.d.ts.map

package/lib/cjs/components/select/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/select/combobox.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIpC;;GAEG;AACH,qBAAa,gBAAgB;IAC5B,OAAO,CAAC,OAAO,CAAW;IAC1B,OAAO,CAAC,OAAO,CAA0B;IACzC,OAAO,CAAC,mBAAmB,CAAmB;IAC9C,OAAO,CAAC,mBAAmB,CAAqB;IAChD,OAAO,CAAC,kBAAkB,CAAyB;IACnD,OAAO,CAAC,kBAAkB,CAA8B;IACxD,OAAO,CAAC,uBAAuB,CAAqB;gBAExC,MAAM,EAAE,QAAQ;IAmC5B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAiB7B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAe7B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAuB5B;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAe/B;;;OAGG;IACH,OAAO,CAAC,4BAA4B;IAepC;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAcjC;;OAEG;IACI,aAAa,CAAC,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI;IAwErD;;OAEG;IACI,OAAO,IAAI,IAAI;CAGtB"}

package/lib/cjs/components/select/config.d.ts

@@ -0,0 +1,105 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+import { coreTemplateStrings } from './templates';
+export declare const DefaultConfig: KTSelectConfigInterface;
+export interface KTSelectConfigInterface {
+    loadMoreText?: string;
+    debug?: boolean;
+    placeholder?: string;
+    allowClear?: boolean;
+    multiple?: boolean;
+    maxSelections?: number | null;
+    disabled?: boolean;
+    isRequired?: boolean;
+    enableSearch?: boolean;
+    searchEmpty?: string;
+    searchPlaceholder?: string;
+    searchAutofocus?: boolean;
+    searchMinLength?: number;
+    searchMaxItems?: number;
+    searchDebounce?: number;
+    searchParam?: string;
+    clearSearchOnClose?: boolean;
+    closeOnEnter?: boolean;
+    selectAllText?: string;
+    clearAllText?: string;
+    enableSelectAll?: boolean;
+    showSelectedCount?: boolean;
+    renderSelected?: (selectedOptions: any[]) => string;
+    label?: string;
+    height: number;
+    items?: KTSelectOption[];
+    isLoading?: boolean;
+    onFetch?: (query?: string) => Promise<KTSelectOption[]>;
+    remote?: boolean;
+    dataUrl?: string;
+    apiDataProperty?: string;
+    remoteErrorMessage?: string;
+    dataValueField?: string;
+    dataFieldText?: string;
+    pagination?: boolean;
+    paginationLimit?: number;
+    paginationPageParam?: string;
+    paginationLimitParam?: string;
+    paginationTotalParam?: string;
+    dropdownZindex?: number | null;
+    dropdownContainer?: string | null;
+    dropdownPlacement?: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+    dropdownFlip?: boolean;
+    dropdownPreventOverflow?: boolean;
+    dropdownStrategy?: 'fixed' | 'absolute';
+    dropdownWidth?: string | null;
+    closeOnOtherOpen?: boolean;
+    dispatchGlobalEvents?: boolean;
+    dropdownClass?: string;
+    displayClass?: string;
+    optionsClass?: string;
+    searchClass?: string;
+    searchEmptyClass?: string;
+    loadingClass?: string;
+    tagClass?: string;
+    loadMoreClass?: string;
+    wrapperClass?: string;
+    errorClass?: string;
+    tags?: boolean;
+    combobox?: boolean;
+    maxSelection?: number;
+    placeholderClass?: string;
+    placeholderTemplate?: string;
+    displaySeparator?: string;
+    displayTemplate?: string;
+    displayMaxSelected?: number;
+    optionTemplate?: string;
+    optionClass?: string;
+    tagTemplate?: string;
+    dropdownTemplate?: string;
+    searchEmptyTemplate?: string;
+    templates?: Partial<typeof coreTemplateStrings>;
+    config?: KTSelectConfigInterface;
+    optionsConfig?: Record<string, KTSelectConfigInterface>;
+}
+export interface KTSelectOption {
+    id: string;
+    title: string;
+    selected?: boolean;
+    disabled?: boolean;
+}
+export declare class KTSelectState {
+    private _config;
+    private _selectedOptions;
+    constructor(config?: KTSelectConfigInterface);
+    private _initDefaultConfig;
+    setItems(items?: any[], query?: string): Promise<void>;
+    private _fetchRemoteData;
+    getItems(): KTSelectOption[];
+    setItemsFromOptions(options: HTMLOptionElement[]): void;
+    getConfig(): KTSelectConfigInterface;
+    setSelectedOptions(value: string | string[]): void;
+    toggleSelectedOptions(value: string): void;
+    getSelectedOptions(): string[];
+    isSelected(value: string): boolean;
+    modifyConfig(config: Partial<KTSelectConfigInterface>): void;
+}
+//# sourceMappingURL=config.d.ts.map

package/lib/cjs/components/select/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/components/select/config.ts"],"names":[],"mappings":"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"}

package/lib/cjs/components/select/dropdown.d.ts

@@ -0,0 +1,101 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+import KTComponent from '../component';
+import { KTSelectConfigInterface } from './config';
+import { KTSelect } from './select';
+/**
+ * KTSelectDropdown
+ *
+ * A specialized dropdown implementation for the KTSelect component.
+ * This module handles the dropdown functionality for the select component,
+ * including positioning and showing/hiding.
+ */
+export declare class KTSelectDropdown extends KTComponent {
+    protected readonly _name: string;
+    protected readonly _config: KTSelectConfigInterface;
+    protected _element: HTMLElement;
+    private _toggleElement;
+    private _dropdownElement;
+    private _isOpen;
+    private _isTransitioning;
+    private _popperInstance;
+    private _eventManager;
+    private _focusManager;
+    private _ktSelectInstance;
+    /**
+     * Constructor
+     * @param element The parent element (select wrapper)
+     * @param toggleElement The element that triggers the dropdown
+     * @param dropdownElement The dropdown content element
+     * @param config The configuration options
+     */
+    constructor(element: HTMLElement, toggleElement: HTMLElement, dropdownElement: HTMLElement, config: KTSelectConfigInterface, ktSelectInstance: KTSelect);
+    /**
+     * Set up event listeners for the dropdown
+     */
+    private _setupEventListeners;
+    /**
+     * Handle toggle element click
+     */
+    private _handleToggleClick;
+    /**
+     * Handle clicks outside the dropdown
+     */
+    private _handleOutsideClick;
+    /**
+     * Set width of dropdown based on toggle element
+     */
+    private _setDropdownWidth;
+    /**
+     * Detect if the select is inside a modal container
+     * @returns The modal element if found, null otherwise
+     */
+    private _getModalContainer;
+    /**
+     * Get the appropriate boundary element for Popper positioning
+     * For centered modals, use .kt-modal-content to avoid transform calculation issues
+     * @returns The boundary element, or null if no modal found
+     */
+    private _getModalBoundary;
+    /**
+     * Get the appropriate positioning strategy based on context
+     * @returns 'fixed' if inside non-centered modal, 'absolute' for centered modals or no modal
+     */
+    private _getPositioningStrategy;
+    /**
+     * Initialize the Popper instance for dropdown positioning
+     */
+    private _initPopper;
+    /**
+     * Parse offset string into an array of numbers
+     */
+    private _parseOffset;
+    /**
+     * Destroy the Popper instance
+     */
+    private _destroyPopper;
+    /**
+     * Update dropdown position
+     */
+    updatePosition(): void;
+    /**
+     * Open the dropdown
+     */
+    open(): void;
+    /**
+     * Close the dropdown
+     */
+    close(): void;
+    /**
+     * Check if dropdown is open
+     */
+    isOpen(): boolean;
+    /**
+     * Clean up component
+     */
+    dispose(): void;
+    private _resolveDropdownContainer;
+}
+//# sourceMappingURL=dropdown.d.ts.map

package/lib/cjs/components/select/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/select/dropdown.ts"],"names":[],"mappings":"AAAA;;;GAGG;AASH,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC;;;;;;GAMG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;IAChD,mBAA4B,KAAK,EAAE,MAAM,CAAqB;IAC9D,mBAA4B,OAAO,EAAE,uBAAuB,CAAC;IAG7D,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC;IAChC,OAAO,CAAC,cAAc,CAAc;IACpC,OAAO,CAAC,gBAAgB,CAAc;IAGtC,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,gBAAgB,CAAkB;IAC1C,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,aAAa,CAAe;IACpC,OAAO,CAAC,aAAa,CAAe;IACpC,OAAO,CAAC,iBAAiB,CAAW;IAEpC;;;;;;OAMG;gBAEF,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,WAAW,EAC1B,eAAe,EAAE,WAAW,EAC5B,MAAM,EAAE,uBAAuB,EAC/B,gBAAgB,EAAE,QAAQ;IAmC3B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAgB5B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAgB1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAc3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAczB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAM1B;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAkBzB;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAiB/B;;OAEG;IACH,OAAO,CAAC,WAAW;IAiEnB;;OAEG;IACH,OAAO,CAAC,YAAY;IAIpB;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB;;OAEG;IACI,cAAc,IAAI,IAAI;IAM7B;;OAEG;IACI,IAAI,IAAI,IAAI;IAyEnB;;OAEG;IACI,KAAK,IAAI,IAAI;IA6CpB;;OAEG;IACI,MAAM,IAAI,OAAO;IAIxB;;OAEG;IACa,OAAO,IAAI,IAAI;IAyB/B,OAAO,CAAC,yBAAyB;CAejC"}

package/lib/cjs/components/select/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+export { KTSelect } from './select';
+export { KTSelectRemote } from './remote';
+export { KTSelectCombobox } from './combobox';
+export { KTSelectSearch } from './search';
+export { KTSelectTags } from './tags';
+export { KTSelectDropdown } from './dropdown';
+export { filterOptions, FocusManager, EventManager, TypeToSearchBuffer, } from './utils';
+export { KTSelectConfigInterface, KTSelectOption } from './config';
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EACN,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,kBAAkB,GAClB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC"}

package/lib/cjs/components/select/option.d.ts

@@ -0,0 +1,23 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+import KTComponent from '../component';
+import { KTSelectConfigInterface } from './config';
+export declare class KTSelectOption extends KTComponent {
+    protected readonly _name: string;
+    protected readonly _dataOptionPrefix: string;
+    protected readonly _config: KTSelectConfigInterface;
+    private _globalConfig;
+    constructor(element: HTMLElement, config?: KTSelectConfigInterface);
+    get id(): string;
+    get title(): string;
+    getHTMLOptionElement(): HTMLOptionElement;
+    /**
+     * Gathers all necessary data for rendering this option,
+     * including standard HTML attributes and custom data-kt-* attributes.
+     */
+    getOptionDataForTemplate(): Record<string, any>;
+    render(): HTMLElement;
+}
+//# sourceMappingURL=option.d.ts.map

package/lib/cjs/components/select/option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../../../src/components/select/option.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAGnD,qBAAa,cAAe,SAAQ,WAAW;IAC9C,mBAA4B,KAAK,EAAE,MAAM,CAAmB;IAC5D,mBAA4B,iBAAiB,EAAE,MAAM,CAAS;IAC9D,mBAA4B,OAAO,EAAE,uBAAuB,CAAC;IAC7D,OAAO,CAAC,aAAa,CAA0B;gBAEnC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,uBAAuB;IAgClE,IAAW,EAAE,IAAI,MAAM,CAEtB;IAED,IAAW,KAAK,IAAI,MAAM,CAEzB;IAEM,oBAAoB,IAAI,iBAAiB;IAIhD;;;OAGG;IACI,wBAAwB,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAiB/C,MAAM,IAAI,WAAW;CAK5B"}

package/lib/cjs/components/select/remote.d.ts

@@ -0,0 +1,91 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+import { KTSelectConfigInterface, KTSelectOption as KTSelectOptionData } from './config';
+/**
+ * KTSelectRemote class
+ * Handles fetching remote data for the KTSelect component
+ */
+export declare class KTSelectRemote {
+    private _config;
+    private _isLoading;
+    private _hasError;
+    private _errorMessage;
+    private _currentPage;
+    private _totalPages;
+    private _lastQuery;
+    private _element;
+    /**
+     * Constructor
+     * @param config KTSelect configuration
+     * @param element The select element
+     */
+    constructor(config: KTSelectConfigInterface, element?: HTMLElement);
+    /**
+     * Fetch data from remote URL
+     * @param query Optional search query
+     * @param page Page number for pagination
+     * @returns Promise with fetched items
+     */
+    fetchData(query?: string, page?: number): Promise<KTSelectOptionData[]>;
+    /**
+     * Dispatch custom events to notify about search state changes
+     * @param eventName Name of the event to dispatch
+     */
+    private _dispatchEvent;
+    /**
+     * Build the URL for the API request
+     * @param query Search query
+     * @param page Page number
+     * @returns Fully formed URL
+     */
+    private _buildUrl;
+    /**
+     * Process the API response data
+     * @param data API response data
+     * @returns Array of KTSelectOptionData
+     */
+    private _processData;
+    /**
+     * Map a data item to KTSelectOptionData format
+     * @param item Data item from API
+     * @returns KTSelectOptionData object
+     */
+    private _mapItemToOption;
+    /**
+     * Load the next page of results
+     * @returns Promise with fetched items
+     */
+    loadNextPage(): Promise<KTSelectOptionData[]>;
+    /**
+     * Check if there are more pages available
+     * @returns Boolean indicating if more pages exist
+     */
+    hasMorePages(): boolean;
+    /**
+     * Get loading state
+     * @returns Boolean indicating if data is loading
+     */
+    isLoading(): boolean;
+    /**
+     * Get error state
+     * @returns Boolean indicating if there was an error
+     */
+    hasError(): boolean;
+    /**
+     * Get error message
+     * @returns Error message
+     */
+    getErrorMessage(): string;
+    /**
+     * Reset the remote data state
+     */
+    reset(): void;
+    /**
+     * Set the select element for event dispatching
+     * @param element The select element
+     */
+    setElement(element: HTMLElement): void;
+}
+//# sourceMappingURL=remote.d.ts.map

package/lib/cjs/components/select/remote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remote.d.ts","sourceRoot":"","sources":["../../../../src/components/select/remote.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACN,uBAAuB,EACvB,cAAc,IAAI,kBAAkB,EACpC,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,qBAAa,cAAc;IAC1B,OAAO,CAAC,OAAO,CAA0B;IACzC,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,aAAa,CAAc;IACnC,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,QAAQ,CAA4B;IAE5C;;;;OAIG;gBACS,MAAM,EAAE,uBAAuB,EAAE,OAAO,CAAC,EAAE,WAAW;IAKlE;;;;;OAKG;IACI,SAAS,CACf,KAAK,CAAC,EAAE,MAAM,EACd,IAAI,GAAE,MAAU,GACd,OAAO,CAAC,kBAAkB,EAAE,CAAC;IAqChC;;;OAGG;IACH,OAAO,CAAC,cAAc;IAgBtB;;;;;OAKG;IACH,OAAO,CAAC,SAAS;IAmCjB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IA8EpB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IA0FxB;;;OAGG;IACI,YAAY,IAAI,OAAO,CAAC,kBAAkB,EAAE,CAAC;IAOpD;;;OAGG;IACI,YAAY,IAAI,OAAO;IAI9B;;;OAGG;IACI,SAAS,IAAI,OAAO;IAI3B;;;OAGG;IACI,QAAQ,IAAI,OAAO;IAI1B;;;OAGG;IACI,eAAe,IAAI,MAAM;IAIhC;;OAEG;IACI,KAAK,IAAI,IAAI;IASpB;;;OAGG;IACI,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;CAG7C"}

package/lib/cjs/components/select/search.d.ts

@@ -0,0 +1,67 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+import { KTSelect } from './select';
+export declare class KTSelectSearch {
+    private _select;
+    private _searchInput;
+    private _noResultsElement;
+    private _originalOptionContents;
+    private _eventManager;
+    private _focusManager;
+    private _config;
+    handleSearchInput: (...args: any[]) => void;
+    constructor(select: KTSelect);
+    init(): void;
+    /**
+     * Remove event listeners to prevent memory leaks or duplicates
+     */
+    private _removeEventListeners;
+    /**
+     * Focus the search input with retry mechanism for reliability
+     * Retries up to 3 times with exponential backoff (50ms, 100ms, 200ms)
+     */
+    private _focusSearchInputWithRetry;
+    /**
+     * Handles keydown events on the search input for navigation and actions.
+     */
+    private _handleSearchKeyDown;
+    /**
+     * Store original HTML content of all options for later restoration
+     * This prevents losing formatting when clearing search
+     */
+    private _cacheOriginalOptionContents;
+    /**
+     * Restores the innerHTML of all options from the cache if they have been modified.
+     * This is typically called before applying new filters/highlights.
+     */
+    private _restoreOptionContentsBeforeFilter;
+    private _handleSearchInput;
+    private _filterOptions;
+    /**
+     * Reset all options to their original state
+     */
+    private _resetAllOptions;
+    private _handleNoResults;
+    private _showNoResultsMessage;
+    private _clearNoResultsMessage;
+    /**
+     * Public method to explicitly clear all search highlights
+     * This is called when search is reset or selection changes
+     */
+    clearSearch(): void;
+    /**
+     * This ensures that search highlighting works correctly with new options
+     */
+    refreshOptionCache(): void;
+    /**
+     * Called after search (local or remote via KTSelect) to reset focus.
+     */
+    refreshAfterSearch(): void;
+    /**
+     * Clean up all resources used by the search module
+     */
+    destroy(): void;
+}
+//# sourceMappingURL=search.d.ts.map

package/lib/cjs/components/select/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../src/components/select/search.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIpC,qBAAa,cAAc;IAC1B,OAAO,CAAC,OAAO,CAAW;IAC1B,OAAO,CAAC,YAAY,CAAmB;IACvC,OAAO,CAAC,iBAAiB,CAA4B;IACrD,OAAO,CAAC,uBAAuB,CAA6B;IAC5D,OAAO,CAAC,aAAa,CAAe;IACpC,OAAO,CAAC,aAAa,CAAe;IACpC,OAAO,CAAC,OAAO,CAA0B;IAGlC,iBAAiB,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;gBAEvC,MAAM,EAAE,QAAQ;IAc5B,IAAI;IA2HJ;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAM7B;;;OAGG;IACH,OAAO,CAAC,0BAA0B;IAkDlC;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA8D5B;;;OAGG;IACH,OAAO,CAAC,4BAA4B;IAepC;;;OAGG;IACH,OAAO,CAAC,kCAAkC;IAgB1C,OAAO,CAAC,kBAAkB;IAsC1B,OAAO,CAAC,cAAc;IA0BtB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA8BxB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,qBAAqB;IAiB7B,OAAO,CAAC,sBAAsB;IAO9B;;;OAGG;IACI,WAAW;IAuBlB;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAejC;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAOjC;;OAEG;IACI,OAAO,IAAI,IAAI;CAetB"}