cax-design-system 3.0.0 → 3.0.2

package/dropdown/index.d.ts

@@ -1,5 +1,843 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, OnInit, AfterViewInit, AfterContentInit, AfterViewChecked, ElementRef, Renderer2, ChangeDetectorRef, NgZone, EventEmitter, QueryList, Signal } from '@angular/core';
+import { AnimationEvent } from '@angular/animations';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i4 from 'cax-design-system/api';
+import { ScrollerOptions, FilterService, caxConfig, OverlayOptions, CaxTemplate, SelectItem } from 'cax-design-system/api';
+import * as i3 from 'cax-design-system/overlay';
+import { Overlay } from 'cax-design-system/overlay';
+import * as i5 from 'cax-design-system/scroller';
+import { Scroller } from 'cax-design-system/scroller';
+import { Nullable } from 'cax-design-system/ts-helpers';
+
 /**
- * Generated bundle index. Do not edit.
+ * Filter callbacks of the dropdown.
+ * @group Interface
  */
-/// <amd-module name="cax-design-system/dropdown" />
-export * from './public_api';
+interface DropdownFilterOptions {
+    /**
+     * Filter function.
+     */
+    filter?: (value?: any) => void;
+    /**
+     * Reset function.
+     */
+    reset?: () => void;
+}
+/**
+ * Custom change event.
+ * @see {@link Dropdown.onChange}
+ * @group Events
+ */
+interface DropdownChangeEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Selected option value
+     */
+    value: any;
+}
+/**
+ * Custom filter event.
+ * @see {@link Dropdown.onFilter}
+ * @group Events
+ */
+interface DropdownFilterEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Filter value.
+     */
+    filter: any;
+}
+/**
+ * Custom lazy load event.
+ * @see {@link Dropdown.onLazyLoad}
+ * @group Events
+ */
+interface DropdownLazyLoadEvent {
+    /**
+     * Index of the first element in viewport.
+     */
+    first: number;
+    /**
+     * Index of the last element in viewport.
+     */
+    last: number;
+}
+/**
+ * Defines valid templates in Dropdown.
+ * @group Templates
+ */
+interface DropdownTemplates {
+    /**
+     * Custom item template.
+     * @param {Object} context - item data.
+     */
+    item(context: {
+        /**
+         * Data of the option.
+         */
+        $implicit: any;
+    }): TemplateRef<{
+        $implicit: any;
+    }>;
+    /**
+     * Custom selected item template.
+     * @param {Object} context - selected item data.
+     */
+    selectedItem(context: {
+        /**
+         * Selected option value.
+         */
+        $implicit: any;
+    }): TemplateRef<{
+        $implicit: any;
+    }>;
+    /**
+     * Custom header template.
+     */
+    header(): TemplateRef<any>;
+    /**
+     * Custom filter template.
+     * @param {DropdownFilterOptions} options - filter options.
+     */
+    filter(context: {
+        /**
+         * Filter options.
+         */
+        options: DropdownFilterOptions;
+    }): TemplateRef<{
+        options: DropdownFilterOptions;
+    }>;
+    /**
+     * Custom footer template.
+     */
+    footer(): TemplateRef<any>;
+    /**
+     * Custom empty filter template.
+     */
+    emptyfilter(): TemplateRef<any>;
+    /**
+     * Custom empty template.
+     */
+    empty(): TemplateRef<any>;
+    /**
+     * Custom group template.
+     */
+    group(context: {
+        /**
+         * Group option.
+         */
+        $implicit: any;
+    }): TemplateRef<{
+        $implicit: any;
+    }>;
+    /**
+     * Custom loader template. This template can be used with virtualScroll.
+     * @param {ScrollerOptions} options - virtual scroller options.
+     */
+    loader(context: {
+        /**
+         * Virtual scroller options.
+         */
+        options: ScrollerOptions;
+    }): TemplateRef<{
+        options: ScrollerOptions;
+    }>;
+    /**
+     * Custom dropdown trigger icon template.
+     */
+    dropdownicon(): TemplateRef<any>;
+    /**
+     * Custom clear icon template.
+     */
+    clearicon(): TemplateRef<any>;
+    /**
+     * Custom filter icon template.
+     */
+    filtericon(): TemplateRef<any>;
+}
+
+declare const DROPDOWN_VALUE_ACCESSOR: any;
+/**
+ * Dropdown also known as Select, is used to choose an item from a collection of options.
+ * @group Components
+ */
+declare class Dropdown implements OnInit, AfterViewInit, AfterContentInit, AfterViewChecked, ControlValueAccessor {
+    el: ElementRef;
+    renderer: Renderer2;
+    cd: ChangeDetectorRef;
+    zone: NgZone;
+    filterService: FilterService;
+    config: caxConfig;
+    /**
+     * Unique identifier of the component
+     * @group Props
+     */
+    id: string | undefined;
+    /**
+     * Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
+     * @group Props
+     */
+    scrollHeight: string;
+    /**
+     * When specified, displays an input field to filter the items on keyup.
+     * @group Props
+     */
+    filter: boolean | undefined;
+    /**
+     * Name of the input element.
+     * @group Props
+     */
+    name: string | undefined;
+    /**
+     * Inline style of the element.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Inline style of the overlay panel element.
+     * @group Props
+     */
+    panelStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the element.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Style class of the overlay panel element.
+     * @group Props
+     */
+    panelStyleClass: string | undefined;
+    /**
+     * When present, it specifies that the component cannot be edited.
+     * @group Props
+     */
+    readonly: boolean | undefined;
+    /**
+     * When present, it specifies that an input field must be filled out before submitting the form.
+     * @group Props
+     */
+    required: boolean | undefined;
+    /**
+     * When present, custom value instead of predefined options can be entered using the editable input field.
+     * @group Props
+     */
+    editable: boolean | undefined;
+    /**
+     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
+     * @group Props
+     */
+    appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: number | undefined;
+    /**
+     * Default text to display when no option is selected.
+     * @group Props
+     */
+    set placeholder(val: string | undefined);
+    get placeholder(): string | undefined;
+    /**
+     * Icon to display in loading state.
+     * @group Props
+     */
+    loadingIcon: string | undefined;
+    /**
+     * Placeholder text to show when filter input is empty.
+     * @group Props
+     */
+    filterPlaceholder: string | undefined;
+    /**
+     * Locale to use in filtering. The default locale is the host environment's current locale.
+     * @group Props
+     */
+    filterLocale: string | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @group Props
+     */
+    variant: 'filled' | 'outlined';
+    /**
+     * Size of the component.
+     * @group Props
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Identifier of the accessible input element.
+     * @group Props
+     */
+    inputId: string | undefined;
+    /**
+     * A property to uniquely identify a value in options.
+     * @group Props
+     */
+    dataKey: string | undefined;
+    /**
+     * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
+     * @group Props
+     */
+    filterBy: string | undefined;
+    /**
+     * Fields used when filtering the options, defaults to optionLabel.
+     * @group Props
+     */
+    filterFields: any[] | undefined;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: boolean | undefined;
+    /**
+     * Clears the filter value when hiding the dropdown.
+     * @group Props
+     */
+    resetFilterOnHide: boolean;
+    /**
+     * Whether the selected option will be shown with a check mark.
+     * @group Props
+     */
+    checkmark: boolean;
+    /**
+     * Icon class of the dropdown icon.
+     * @group Props
+     */
+    dropdownIcon: string | undefined;
+    /**
+     * Whether the dropdown is in loading state.
+     * @group Props
+     */
+    loading: boolean | undefined;
+    /**
+     * Name of the label field of an option.
+     * @group Props
+     */
+    optionLabel: string | undefined;
+    /**
+     * Name of the value field of an option.
+     * @group Props
+     */
+    optionValue: string | undefined;
+    /**
+     * Name of the disabled field of an option.
+     * @group Props
+     */
+    optionDisabled: string | undefined;
+    /**
+     * Name of the label field of an option group.
+     * @group Props
+     */
+    optionGroupLabel: string | undefined;
+    /**
+     * Name of the options field of an option group.
+     * @group Props
+     */
+    optionGroupChildren: string;
+    /**
+     * Whether to display the first item as the label if no placeholder is defined and value is null.
+     * @deprecated since v17.3.0, set initial value by model instead.
+     * @group Props
+     */
+    autoDisplayFirst: boolean;
+    /**
+     * Whether to display options as grouped when nested options are provided.
+     * @group Props
+     */
+    group: boolean | undefined;
+    /**
+     * When enabled, a clear icon is displayed to clear the value.
+     * @group Props
+     */
+    showClear: boolean | undefined;
+    /**
+     * Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration.
+     * @group Props
+     */
+    emptyFilterMessage: string;
+    /**
+     * Text to display when there is no data. Defaults to global value in i18n translation configuration.
+     * @group Props
+     */
+    emptyMessage: string;
+    /**
+     * Defines if data is loaded and interacted with in lazy manner.
+     * @group Props
+     */
+    lazy: boolean;
+    /**
+     * Whether the data should be loaded on demand during scroll.
+     * @group Props
+     */
+    virtualScroll: boolean | undefined;
+    /**
+     * Height of an item in the list for VirtualScrolling.
+     * @group Props
+     */
+    virtualScrollItemSize: number | undefined;
+    /**
+     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
+     * @group Props
+     */
+    virtualScrollOptions: ScrollerOptions | undefined;
+    /**
+     * Whether to use overlay API feature. The properties of overlay API can be used like an object in it.
+     * @group Props
+     */
+    overlayOptions: OverlayOptions | undefined;
+    /**
+     * Defines a string that labels the filter input.
+     * @group Props
+     */
+    ariaFilterLabel: string | undefined;
+    /**
+     * Used to define a aria label attribute the current element.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy: string | undefined;
+    /**
+     * Defines how the items are filtered.
+     * @group Props
+     */
+    filterMatchMode: 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte';
+    /**
+     * Maximum number of character allows in the editable input field.
+     * @group Props
+     */
+    maxlength: number | undefined;
+    /**
+     * Advisory information to display in a tooltip on hover.
+     * @group Props
+     */
+    tooltip: string;
+    /**
+     * Position of the tooltip.
+     * @group Props
+     */
+    tooltipPosition: 'top' | 'left' | 'right' | 'bottom';
+    /**
+     * Type of CSS position.
+     * @group Props
+     */
+    tooltipPositionStyle: string;
+    /**
+     * Style class of the tooltip.
+     * @group Props
+     */
+    tooltipStyleClass: string | undefined;
+    /**
+     * Fields used when filtering the options, defaults to optionLabel.
+     * @group Props
+     */
+    focusOnHover: boolean;
+    /**
+     * Determines if the option will be selected on focus.
+     * @group Props
+     */
+    selectOnFocus: boolean;
+    /**
+     * Whether to focus on the first visible or selected element when the overlay panel is shown.
+     * @group Props
+     */
+    autoOptionFocus: boolean;
+    /**
+     * Applies focus to the filter element when the overlay is shown.
+     * @group Props
+     */
+    autofocusFilter: boolean;
+    /**
+     * Determines if the panel will be shown when the input is focused and receives a character key down event.
+     * @group Props
+     */
+    autoShowPanelOnPrintableCharacterKeyDown: boolean;
+    /**
+     * When present, it specifies that the component should be disabled.
+     * @group Props
+     */
+    labelText: string | undefined;
+    /**
+     * When present, it specifies that the component is invalid.
+     * @group Props
+     */
+    invalid: boolean;
+    /**
+     * Text to display when validation fails.
+     * @group Props
+     */
+    errorText: string | undefined;
+    /**
+     * Helper text to display below the input.
+     * @group Props
+     */
+    successText: string | undefined;
+    get disabled(): boolean | undefined;
+    set disabled(_disabled: boolean | undefined);
+    /**
+     * Item size of item to be virtual scrolled.
+     * @group Props
+     * @deprecated use virtualScrollItemSize property instead.
+     */
+    get itemSize(): number | undefined;
+    set itemSize(val: number | undefined);
+    _itemSize: number | undefined;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     * @deprecated since v14.2.0, use overlayOptions property instead.
+     */
+    get autoZIndex(): boolean | undefined;
+    set autoZIndex(val: boolean | undefined);
+    _autoZIndex: boolean | undefined;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     * @deprecated since v14.2.0, use overlayOptions property instead.
+     */
+    get baseZIndex(): number | undefined;
+    set baseZIndex(val: number | undefined);
+    _baseZIndex: number | undefined;
+    /**
+     * Transition options of the show animation.
+     * @group Props
+     * @deprecated since v14.2.0, use overlayOptions property instead.
+     */
+    get showTransitionOptions(): string | undefined;
+    set showTransitionOptions(val: string | undefined);
+    _showTransitionOptions: string | undefined;
+    /**
+     * Transition options of the hide animation.
+     * @group Props
+     * @deprecated since v14.2.0, use overlayOptions property instead.
+     */
+    get hideTransitionOptions(): string | undefined;
+    set hideTransitionOptions(val: string | undefined);
+    _hideTransitionOptions: string | undefined;
+    /**
+     * When specified, filter displays with this value.
+     * @group Props
+     */
+    get filterValue(): string | undefined | null;
+    set filterValue(val: string | undefined | null);
+    /**
+     * An array of objects to display as the available options.
+     * @group Props
+     */
+    get options(): any[] | undefined;
+    set options(val: any[] | undefined);
+    /**
+     * Callback to invoke when value of dropdown changes.
+     * @param {DropdownChangeEvent} event - custom change event.
+     * @group Emits
+     */
+    onChange: EventEmitter<DropdownChangeEvent>;
+    /**
+     * Callback to invoke when data is filtered.
+     * @param {DropdownFilterEvent} event - custom filter event.
+     * @group Emits
+     */
+    onFilter: EventEmitter<DropdownFilterEvent>;
+    /**
+     * Callback to invoke when dropdown gets focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onFocus: EventEmitter<Event>;
+    /**
+     * Callback to invoke when dropdown loses focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onBlur: EventEmitter<Event>;
+    /**
+     * Callback to invoke when component is clicked.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Emits
+     */
+    onClick: EventEmitter<MouseEvent>;
+    /**
+     * Callback to invoke when dropdown overlay gets visible.
+     * @param {AnimationEvent} event - Animation event.
+     * @group Emits
+     */
+    onShow: EventEmitter<AnimationEvent>;
+    /**
+     * Callback to invoke when dropdown overlay gets hidden.
+     * @param {AnimationEvent} event - Animation event.
+     * @group Emits
+     */
+    onHide: EventEmitter<AnimationEvent>;
+    /**
+     * Callback to invoke when dropdown clears the value.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onClear: EventEmitter<Event>;
+    /**
+     * Callback to invoke in lazy mode to load new data.
+     * @param {DropdownLazyLoadEvent} event - Lazy load event.
+     * @group Emits
+     */
+    onLazyLoad: EventEmitter<DropdownLazyLoadEvent>;
+    containerViewChild: Nullable<ElementRef>;
+    filterViewChild: Nullable<ElementRef>;
+    focusInputViewChild: Nullable<ElementRef>;
+    editableInputViewChild: Nullable<ElementRef>;
+    itemsViewChild: Nullable<ElementRef>;
+    scroller: Nullable<Scroller>;
+    overlayViewChild: Nullable<Overlay>;
+    firstHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
+    lastHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
+    footerFacet: Nullable<TemplateRef<any>>;
+    templates: Nullable<QueryList<CaxTemplate>>;
+    _disabled: boolean | undefined;
+    itemsWrapper: Nullable<HTMLDivElement>;
+    itemTemplate: Nullable<TemplateRef<any>>;
+    groupTemplate: Nullable<TemplateRef<any>>;
+    loaderTemplate: Nullable<TemplateRef<any>>;
+    selectedItemTemplate: Nullable<TemplateRef<any>>;
+    headerTemplate: Nullable<TemplateRef<any>>;
+    filterTemplate: Nullable<TemplateRef<any>>;
+    footerTemplate: Nullable<TemplateRef<any>>;
+    emptyFilterTemplate: Nullable<TemplateRef<any>>;
+    emptyTemplate: Nullable<TemplateRef<any>>;
+    dropdownIconTemplate: Nullable<TemplateRef<any>>;
+    loadingIconTemplate: Nullable<TemplateRef<any>>;
+    clearIconTemplate: Nullable<TemplateRef<any>>;
+    filterIconTemplate: Nullable<TemplateRef<any>>;
+    filterOptions: DropdownFilterOptions | undefined;
+    _options: i0.WritableSignal<any[]>;
+    _placeholder: i0.WritableSignal<string>;
+    modelValue: i0.WritableSignal<any>;
+    value: any;
+    onModelChange: Function;
+    onModelTouched: Function;
+    hover: Nullable<boolean>;
+    focused: Nullable<boolean>;
+    overlayVisible: Nullable<boolean>;
+    optionsChanged: Nullable<boolean>;
+    panel: Nullable<HTMLDivElement>;
+    dimensionsUpdated: Nullable<boolean>;
+    hoveredItem: any;
+    selectedOptionUpdated: Nullable<boolean>;
+    _filterValue: i0.WritableSignal<any>;
+    searchValue: Nullable<string>;
+    searchIndex: Nullable<number>;
+    searchTimeout: any;
+    previousSearchChar: Nullable<string>;
+    currentSearchChar: Nullable<string>;
+    preventModelTouched: Nullable<boolean>;
+    focusedOptionIndex: i0.WritableSignal<number>;
+    labelId: Nullable<string>;
+    listId: Nullable<string>;
+    clicked: i0.WritableSignal<boolean>;
+    get emptyMessageLabel(): string;
+    get emptyFilterMessageLabel(): string;
+    get isVisibleClearIcon(): boolean | undefined;
+    get listLabel(): string;
+    get containerClass(): {
+        'cax-dropdown cax-component cax-inputwrapper': boolean;
+        'cax-disabled': boolean;
+        'cax-dropdown-clearable': boolean;
+        'cax-focus': boolean;
+        'cax-inputwrapper-filled': boolean;
+        'cax-inputwrapper-focus': boolean;
+        'cax-variant-filled': boolean;
+        'cax-dropdown-open': boolean;
+    };
+    get inputClass(): {
+        'cax-dropdown-label cax-inputtext': boolean;
+        'cax-placeholder': boolean;
+        'cax-dropdown-label-empty': boolean;
+    };
+    get panelClass(): {
+        'cax-dropdown-panel cax-component': boolean;
+        'cax-input-filled': boolean;
+        'cax-ripple-disabled': boolean;
+    };
+    get focusedOptionId(): string;
+    visibleOptions: Signal<any>;
+    label: Signal<any>;
+    filled: Signal<boolean>;
+    selectedOption: any;
+    editableInputValue: Signal<any>;
+    constructor(el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, zone: NgZone, filterService: FilterService, config: caxConfig);
+    private isModelValueNotSet;
+    private getAllVisibleAndNonVisibleOptions;
+    ngOnInit(): void;
+    ngAfterViewChecked(): void;
+    ngAfterContentInit(): void;
+    flatOptions(options: any): any;
+    autoUpdateModel(): void;
+    onOptionSelect(event: any, option: any, isHide?: boolean, preventChange?: boolean): void;
+    onOptionMouseEnter(event: any, index: any): void;
+    updateModel(value: any, event?: any): void;
+    writeValue(value: any): void;
+    allowModelChange(): number;
+    isSelectedOptionEmpty(): boolean;
+    isSelected(option: any): boolean;
+    private isOptionValueEqualsModelValue;
+    ngAfterViewInit(): void;
+    updatePlaceHolderForFloatingLabel(): void;
+    updateEditableLabel(): void;
+    clearEditableLabel(): void;
+    getOptionIndex(index: any, scrollerOptions: any): any;
+    getOptionLabel(option: any): any;
+    getOptionValue(option: any): any;
+    isOptionDisabled(option: any): any;
+    getOptionGroupLabel(optionGroup: any): any;
+    getOptionGroupChildren(optionGroup: any): any;
+    getAriaPosInset(index: any): any;
+    get ariaSetSize(): any;
+    /**
+     * Callback to invoke on filter reset.
+     * @group Method
+     */
+    resetFilter(): void;
+    registerOnChange(fn: Function): void;
+    registerOnTouched(fn: Function): void;
+    setDisabledState(val: boolean): void;
+    onContainerClick(event: any): void;
+    isEmpty(): boolean;
+    onEditableInput(event: KeyboardEvent): void;
+    /**
+     * Displays the panel.
+     * @group Method
+     */
+    show(isFocus?: any): void;
+    onOverlayAnimationStart(event: AnimationEvent): void;
+    /**
+     * Hides the panel.
+     * @group Method
+     */
+    hide(isFocus?: any): void;
+    onInputFocus(event: Event): void;
+    onInputBlur(event: Event): void;
+    onMouseDown(event: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent, search: boolean): void;
+    onFilterKeyDown(event: any): void;
+    onFilterBlur(event: any): void;
+    onArrowDownKey(event: KeyboardEvent): void;
+    changeFocusedOptionIndex(event: any, index: any): void;
+    get virtualScrollerDisabled(): boolean;
+    scrollInView(index?: number): void;
+    hasSelectedOption(): boolean;
+    isValidSelectedOption(option: any): boolean;
+    equalityKey(): string;
+    findFirstFocusedOptionIndex(): any;
+    findFirstOptionIndex(): any;
+    findSelectedOptionIndex(): any;
+    findNextOptionIndex(index: any): any;
+    findPrevOptionIndex(index: any): any;
+    findLastOptionIndex(): number;
+    findLastFocusedOptionIndex(): any;
+    isValidOption(option: any): boolean;
+    isOptionGroup(option: any): any;
+    onArrowUpKey(event: KeyboardEvent, pressedInInputText?: boolean): void;
+    onArrowLeftKey(event: KeyboardEvent, pressedInInputText?: boolean): void;
+    onDeleteKey(event: KeyboardEvent): void;
+    onHomeKey(event: any, pressedInInputText?: boolean): void;
+    onEndKey(event: any, pressedInInputText?: boolean): void;
+    onPageDownKey(event: KeyboardEvent): void;
+    onPageUpKey(event: KeyboardEvent): void;
+    onSpaceKey(event: KeyboardEvent, pressedInInputText?: boolean): void;
+    onEnterKey(event: any, pressedInInput?: boolean): void;
+    onEscapeKey(event: KeyboardEvent): void;
+    onTabKey(event: any, pressedInInputText?: boolean): void;
+    onFirstHiddenFocus(event: any): void;
+    onLastHiddenFocus(event: any): void;
+    hasFocusableElements(): boolean;
+    onBackspaceKey(event: KeyboardEvent, pressedInInputText?: boolean): void;
+    searchFields(): any[];
+    searchOptions(event: any, char: any): boolean;
+    isOptionMatched(option: any): any;
+    onFilterInputChange(event: Event | any): void;
+    applyFocus(): void;
+    /**
+     * Applies focus.
+     * @group Method
+     */
+    focus(): void;
+    /**
+     * Clears the model.
+     * @group Method
+     */
+    clear(event?: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Dropdown, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Dropdown, "cax-dropdown", never, { "id": { "alias": "id"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "name": { "alias": "name"; "required": false; }; "style": { "alias": "style"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "autoDisplayFirst": { "alias": "autoDisplayFirst"; "required": false; }; "group": { "alias": "group"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "autoShowPanelOnPrintableCharacterKeyDown": { "alias": "autoShowPanelOnPrintableCharacterKeyDown"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "successText": { "alias": "successText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onLazyLoad": "onLazyLoad"; }, ["footerFacet", "templates"], ["cax-footer"], true, never>;
+    static ngAcceptInputType_filter: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_editable: unknown;
+    static ngAcceptInputType_tabindex: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+    static ngAcceptInputType_resetFilterOnHide: unknown;
+    static ngAcceptInputType_checkmark: unknown;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_autoDisplayFirst: unknown;
+    static ngAcceptInputType_group: unknown;
+    static ngAcceptInputType_showClear: unknown;
+    static ngAcceptInputType_lazy: unknown;
+    static ngAcceptInputType_virtualScroll: unknown;
+    static ngAcceptInputType_virtualScrollItemSize: unknown;
+    static ngAcceptInputType_maxlength: unknown;
+    static ngAcceptInputType_focusOnHover: unknown;
+    static ngAcceptInputType_selectOnFocus: unknown;
+    static ngAcceptInputType_autoOptionFocus: unknown;
+    static ngAcceptInputType_autofocusFilter: unknown;
+    static ngAcceptInputType_autoShowPanelOnPrintableCharacterKeyDown: unknown;
+    static ngAcceptInputType_invalid: unknown;
+}
+
+declare class DropdownItem {
+    id: string | undefined;
+    option: SelectItem | undefined;
+    selected: boolean | undefined;
+    focused: boolean | undefined;
+    label: string | undefined;
+    disabled: boolean | undefined;
+    visible: boolean | undefined;
+    itemSize: number | undefined;
+    ariaPosInset: string | undefined;
+    ariaSetSize: string | undefined;
+    template: TemplateRef<any> | undefined;
+    checkmark: boolean;
+    size: 'sm' | 'md' | 'lg';
+    onClick: EventEmitter<any>;
+    onMouseEnter: EventEmitter<any>;
+    ngOnInit(): void;
+    onOptionClick(event: Event): void;
+    onOptionMouseEnter(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItem, "cax-dropdownItem", never, { "id": { "alias": "id"; "required": false; }; "option": { "alias": "option"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "ariaPosInset": { "alias": "ariaPosInset"; "required": false; }; "ariaSetSize": { "alias": "ariaSetSize"; "required": false; }; "template": { "alias": "template"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onClick": "onClick"; "onMouseEnter": "onMouseEnter"; }, never, never, true, never>;
+    static ngAcceptInputType_selected: unknown;
+    static ngAcceptInputType_focused: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_visible: unknown;
+    static ngAcceptInputType_itemSize: unknown;
+    static ngAcceptInputType_checkmark: unknown;
+}
+
+declare class DropdownModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownModule, never, [typeof Dropdown, typeof DropdownItem, typeof i3.OverlayModule, typeof i4.SharedModule, typeof i5.ScrollerModule], [typeof Dropdown, typeof DropdownItem, typeof i3.OverlayModule, typeof i4.SharedModule, typeof i5.ScrollerModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DropdownModule>;
+}
+
+export { DROPDOWN_VALUE_ACCESSOR, Dropdown, DropdownItem, DropdownModule };
+export type { DropdownChangeEvent, DropdownFilterEvent, DropdownFilterOptions, DropdownLazyLoadEvent, DropdownTemplates };