cax-design-system 3.0.0 → 3.0.1

package/autocomplete/index.d.ts

@@ -1,5 +1,819 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, AfterViewChecked, AfterContentInit, OnDestroy, ElementRef, Renderer2, ChangeDetectorRef, EventEmitter, QueryList, NgZone } from '@angular/core';
+import { AnimationEvent } from '@angular/animations';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i6 from 'cax-design-system/api';
+import { ScrollerOptions, caxConfig, OverlayService, OverlayOptions, CaxTemplate } from 'cax-design-system/api';
+import { ConnectedOverlayScrollHandler } from 'cax-design-system/dom';
+import * as i3 from 'cax-design-system/overlay';
+import { Overlay } from 'cax-design-system/overlay';
+import * as i8 from 'cax-design-system/scroller';
+import { Scroller } from 'cax-design-system/scroller';
+import { Nullable } from 'cax-design-system/ts-helpers';
+import * as i2 from '@angular/common';
+import * as i4 from 'cax-design-system/inputtext';
+import * as i5 from 'cax-design-system/button';
+import * as i7 from 'cax-design-system/ripple';
+import * as i9 from 'cax-design-system/skeleton';
+import * as i10 from 'cax-design-system/autofocus';
+import * as i11 from 'cax-design-system/icons/timescircle';
+import * as i12 from 'cax-design-system/icons/spinner';
+import * as i13 from 'cax-design-system/icons/times';
+import * as i14 from 'cax-design-system/icons/chevrondown';
+import * as i15 from 'cax-design-system/icons/search';
+
 /**
- * Generated bundle index. Do not edit.
+ * Custom complete event.
+ * @see {@link AutoComplete.completeMethod}
+ * @group Events
  */
-/// <amd-module name="cax-design-system/autocomplete" />
-export * from './public_api';
+interface AutoCompleteCompleteEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Selected option value.
+     */
+    query: string;
+}
+/**
+ * Custom click event.
+ * @see {@link AutoComplete.onDropdownClick}
+ * @group Events
+ */
+interface AutoCompleteDropdownClickEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Selected option value.
+     */
+    query: string;
+}
+/**
+ * Custom select event.
+ * @see {@link AutoComplete.onSelect}
+ * @group Events
+ */
+interface AutoCompleteSelectEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Selected value.
+     */
+    value: any;
+}
+/**
+ * Custom unselect event.
+ * @see {@link AutoComplete.onUnSelect}
+ * @group Events
+ */
+interface AutoCompleteUnselectEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Removed value.
+     */
+    value: any;
+}
+/**
+ * Custom lazy load event.
+ * @see {@link AutoComplete.onLazyLoad}
+ * @group Events
+ */
+interface AutoCompleteLazyLoadEvent {
+    /**
+     * First element in viewport.
+     */
+    first: any;
+    /**
+     * Last element in viewport.
+     */
+    last: any;
+}
+/**
+ * Defines valid templates in AutoComplete.
+ * @group Templates
+ */
+interface AutoCompleteTemplates {
+    /**
+     * Custom item template.
+     * @param {Object} context - option data.
+     */
+    item(context: {
+        /**
+         * Option.
+         */
+        $implicit: any;
+        /**
+         * Option index.
+         */
+        index: number;
+    }): TemplateRef<{
+        $implicit: any;
+        index: number;
+    }>;
+    /**
+     * Custom group template.
+     * @param {Object} context - group data.
+     */
+    group(context: {
+        /**
+         * Option group.
+         */
+        $implicit: any | any[];
+    }): TemplateRef<{
+        $implicit: any | any[];
+    }>;
+    /**
+     * Custom selected item template, only supported in multiple mode.
+     * @param {Object} context - selected item data.
+     */
+    selectedItem(context: {
+        /**
+         * Selected value.
+         */
+        $implicit: any;
+    }): TemplateRef<{
+        $implici: any;
+    }>;
+    /**
+     * Custom header template.
+     */
+    header(): TemplateRef<any>;
+    /**
+     * Custom empty template.
+     */
+    empty(): TemplateRef<any>;
+    /**
+     * Custom footer template.
+     */
+    footer(): TemplateRef<any>;
+    /**
+     * Custom loader template.
+     * @param {Object} context - scroller options.
+     */
+    loader(context: {
+        /**
+         * Virtual scroller options.
+         */
+        $implicit: ScrollerOptions;
+    }): TemplateRef<{
+        $implicit: ScrollerOptions;
+    }>;
+    /**
+     * Custom remove token icon template.
+     */
+    removetokenicon(): TemplateRef<any>;
+    /**
+     * Custom loading icon template.
+     */
+    loadingicon(): TemplateRef<any>;
+    /**
+     * Custom clear icon template.
+     */
+    clearicon(): TemplateRef<any>;
+    /**
+     * Custom dropdown icon template.
+     */
+    dropdownicon(): TemplateRef<any>;
+}
+
+declare const AUTOCOMPLETE_VALUE_ACCESSOR: any;
+/**
+ * AutoComplete is an input component that provides real-time suggestions when being typed.
+ * @group Components
+ */
+declare class AutoComplete implements AfterViewChecked, AfterContentInit, OnDestroy, ControlValueAccessor {
+    private document;
+    el: ElementRef;
+    renderer: Renderer2;
+    cd: ChangeDetectorRef;
+    config: caxConfig;
+    overlayService: OverlayService;
+    private zone;
+    private configService;
+    /**
+     * Minimum number of characters to initiate a search.
+     * @group Props
+     */
+    minLength: number;
+    size: 'sm' | 'md' | 'lg' | undefined;
+    /**
+     * Delay between keystrokes to wait before sending a query.
+     * @group Props
+     */
+    delay: number;
+    /**
+     * Inline style of the component.
+     * @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 component.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Style class of the overlay panel element.
+     * @group Props
+     */
+    panelStyleClass: string | undefined;
+    /**
+     * Inline style of the input field.
+     * @group Props
+     */
+    inputStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Identifier of the focus input to match a label defined for the component.
+     * @group Props
+     */
+    inputId: string | undefined;
+    /**
+     * Inline style of the input field.
+     * @group Props
+     */
+    inputStyleClass: string | undefined;
+    /**
+     * Hint text for the input field.
+     * @group Props
+     */
+    placeholder: string | undefined;
+    /**
+     * When present, it specifies that the input cannot be typed.
+     * @group Props
+     */
+    readonly: boolean | undefined;
+    /**
+     * When present, it specifies that the component should be disabled.
+     * @group Props
+     */
+    disabled: boolean | undefined;
+    /**
+     * Maximum height of the suggestions panel.
+     * @group Props
+     */
+    scrollHeight: 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;
+    /**
+     * Maximum number of character allows in the input field.
+     * @group Props
+     */
+    maxlength: number | undefined;
+    /**
+     * Name of the input element.
+     * @group Props
+     */
+    name: string | undefined;
+    /**
+     * When present, it specifies that an input field must be filled out before submitting the form.
+     * @group Props
+     */
+    required: boolean | undefined;
+    /**
+     * Size of the input field.
+     * @group Props
+     */
+    /**
+     * 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;
+    /**
+     * When enabled, highlights the first item in the list by default.
+     * @group Props
+     */
+    autoHighlight: boolean | undefined;
+    /**
+     * When present, autocomplete clears the manual input if it does not match of the suggestions to force only accepting values from the suggestions.
+     * @group Props
+     */
+    forceSelection: boolean | undefined;
+    /**
+     * Type of the input, defaults to "text".
+     * @group Props
+     */
+    type: string;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex: boolean;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex: number;
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
+    /**
+     * Defines a string that labels the dropdown button for accessibility.
+     * @group Props
+     */
+    dropdownAriaLabel: string | undefined;
+    /**
+     * Specifies one or more IDs in the DOM that labels the input field.
+     * @group Props
+     */
+    ariaLabelledBy: string | undefined;
+    /**
+     * Icon class of the dropdown icon.
+     * @group Props
+     */
+    dropdownIcon: string | undefined;
+    /**
+     * Ensures uniqueness of selected items on multiple mode.
+     * @group Props
+     */
+    unique: boolean;
+    /**
+     * Whether to display options as grouped when nested options are provided.
+     * @group Props
+     */
+    group: boolean | undefined;
+    /**
+     * Whether to run a query when input receives focus.
+     * @group Props
+     */
+    completeOnFocus: boolean;
+    /**
+     * When enabled, a clear icon is displayed to clear the value.
+     * @group Props
+     */
+    showClear: boolean;
+    /**
+     * Field of a suggested object to resolve and display.
+     * @group Props
+     * @deprecated use optionLabel property instead
+     */
+    field: string | undefined;
+    /**
+     * Displays a button next to the input field when enabled.
+     * @group Props
+     */
+    dropdown: boolean | undefined;
+    /**
+     * Whether to show the empty message or not.
+     * @group Props
+     */
+    showEmptyMessage: boolean | undefined;
+    /**
+     * Specifies the behavior dropdown button. Default "blank" mode sends an empty string and "current" mode sends the input value.
+     * @group Props
+     */
+    dropdownMode: string;
+    /**
+     * Specifies if multiple values can be selected.
+     * @group Props
+     */
+    multiple: boolean | undefined;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: number | undefined;
+    /**
+     * A property to uniquely identify a value in options.
+     * @group Props
+     */
+    dataKey: string | undefined;
+    /**
+     * Text to display when there is no data. Defaults to global value in i18n translation configuration.
+     * @group Props
+     */
+    emptyMessage: string | undefined;
+    /**
+     * Transition options of the show animation.
+     * @group Props
+     */
+    showTransitionOptions: string;
+    /**
+     * Transition options of the hide animation.
+     * @group Props
+     */
+    hideTransitionOptions: string;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: boolean | undefined;
+    /**
+     * Used to define a string that autocomplete attribute the current element.
+     * @group Props
+     */
+    autocomplete: string;
+    /**
+     * Name of the options field of an option group.
+     * @group Props
+     */
+    optionGroupChildren: string | undefined;
+    /**
+     * Name of the label field of an option group.
+     * @group Props
+     */
+    optionGroupLabel: string | undefined;
+    /**
+     * Options for the overlay element.
+     * @group Props
+     */
+    overlayOptions: OverlayOptions | undefined;
+    /**
+     * An array of suggestions to display.
+     * @group Props
+     */
+    get suggestions(): any[];
+    set suggestions(value: any[]);
+    /**
+     * Element dimensions of option for virtual scrolling.
+     * @group Props
+     * @deprecated use virtualScrollItemSize property instead.
+     */
+    get itemSize(): number;
+    set itemSize(val: number);
+    /**
+     * Property name or getter function to use as the label of an option.
+     * @group Props
+     */
+    optionLabel: string | ((item: any) => string) | undefined;
+    /**
+     * Property name or getter function to use as the value of an option.
+     * @group Props
+     */
+    optionValue: string | ((item: any) => string) | undefined;
+    /**
+     * Unique identifier of the component.
+     * @group Props
+     */
+    id: string | undefined;
+    /**
+     * Text to display when the search is active. Defaults to global value in i18n translation configuration.
+     * @group Props
+     * @defaultValue '{0} results are available'
+     */
+    searchMessage: string | undefined;
+    /**
+     * Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration.
+     * @group Props
+     * @defaultValue 'No selected item'
+     */
+    emptySelectionMessage: string | undefined;
+    /**
+     * Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration.
+     * @group Props
+     * @defaultValue '{0} items selected'
+     */
+    selectionMessage: string | undefined;
+    /**
+     * Whether to focus on the first visible or selected element when the overlay panel is shown.
+     * @group Props
+     */
+    autoOptionFocus: boolean | undefined;
+    /**
+     * When enabled, the focused option is selected.
+     * @group Props
+     */
+    selectOnFocus: boolean | undefined;
+    /**
+     * Locale to use in searching. The default locale is the host environment's current locale.
+     * @group Props
+     */
+    searchLocale: boolean | undefined;
+    /**
+     * Property name or getter function to use as the disabled flag of an option, defaults to false when not defined.
+     * @group Props
+     */
+    optionDisabled: string | undefined;
+    /**
+     * When enabled, the hovered option will be focused.
+     * @group Props
+     */
+    focusOnHover: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @group Props
+     */
+    variant: 'filled' | 'outlined';
+    /**
+     * Callback to invoke to search for suggestions.
+     * @param {AutoCompleteCompleteEvent} event - Custom complete event.
+     * @group Emits
+     */
+    completeMethod: EventEmitter<AutoCompleteCompleteEvent>;
+    /**
+     * Callback to invoke when a suggestion is selected.
+     * @param {AutoCompleteSelectEvent} event - custom select event.
+     * @group Emits
+     */
+    onSelect: EventEmitter<AutoCompleteSelectEvent>;
+    /**
+     * Callback to invoke when a selected value is removed.
+     * @param {AutoCompleteUnselectEvent} event - custom unselect event.
+     * @group Emits
+     */
+    onUnselect: EventEmitter<AutoCompleteUnselectEvent>;
+    /**
+     * Callback to invoke when the component receives focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onFocus: EventEmitter<Event>;
+    /**
+     * Callback to invoke when the component loses focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onBlur: EventEmitter<Event>;
+    /**
+     * Callback to invoke to when dropdown button is clicked.
+     * @param {AutoCompleteDropdownClickEvent} event - custom dropdown click event.
+     * @group Emits
+     */
+    onDropdownClick: EventEmitter<AutoCompleteDropdownClickEvent>;
+    /**
+     * Callback to invoke when clear button is clicked.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onClear: EventEmitter<Event | undefined>;
+    /**
+     * Callback to invoke on input key up.
+     * @param {KeyboardEvent} event - Keyboard event.
+     * @group Emits
+     */
+    onKeyUp: EventEmitter<KeyboardEvent>;
+    /**
+     * Callback to invoke on overlay is shown.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onShow: EventEmitter<Event>;
+    /**
+     * Callback to invoke on overlay is hidden.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onHide: EventEmitter<Event>;
+    /**
+     * Callback to invoke on lazy load data.
+     * @param {AutoCompleteLazyLoadEvent} event - Lazy load event.
+     * @group Emits
+     */
+    onLazyLoad: EventEmitter<AutoCompleteLazyLoadEvent>;
+    containerEL: Nullable<ElementRef>;
+    inputEL: Nullable<ElementRef>;
+    multiInputEl: Nullable<ElementRef>;
+    multiContainerEL: Nullable<ElementRef>;
+    dropdownButton: Nullable<ElementRef>;
+    itemsViewChild: Nullable<ElementRef>;
+    scroller: Nullable<Scroller>;
+    overlayViewChild: Overlay;
+    templates: Nullable<QueryList<CaxTemplate>>;
+    _itemSize: Nullable<number>;
+    itemsWrapper: Nullable<HTMLDivElement>;
+    itemTemplate: Nullable<TemplateRef<any>>;
+    emptyTemplate: Nullable<TemplateRef<any>>;
+    headerTemplate: Nullable<TemplateRef<any>>;
+    footerTemplate: Nullable<TemplateRef<any>>;
+    selectedItemTemplate: Nullable<TemplateRef<any>>;
+    groupTemplate: Nullable<TemplateRef<any>>;
+    loaderTemplate: Nullable<TemplateRef<any>>;
+    removeIconTemplate: Nullable<TemplateRef<any>>;
+    loadingIconTemplate: Nullable<TemplateRef<any>>;
+    clearIconTemplate: Nullable<TemplateRef<any>>;
+    dropdownIconTemplate: Nullable<TemplateRef<any>>;
+    actionTemplate: Nullable<TemplateRef<any>>;
+    value: string | any;
+    _suggestions: _angular_core.WritableSignal<any>;
+    onModelChange: Function;
+    onModelTouched: Function;
+    timeout: Nullable<any>;
+    overlayVisible: boolean;
+    suggestionsUpdated: Nullable<boolean>;
+    highlightOption: any;
+    highlightOptionChanged: Nullable<boolean>;
+    focused: boolean;
+    _filled: boolean;
+    get filled(): any;
+    set filled(value: any);
+    _loading: _angular_core.WritableSignal<boolean>;
+    _searching: _angular_core.WritableSignal<boolean>;
+    get loading(): boolean;
+    set loading(value: boolean);
+    get isLoading(): boolean;
+    _skeletonCount: _angular_core.WritableSignal<number>;
+    get skeletonCount(): number;
+    set skeletonCount(value: number);
+    get skeletonItems(): number[];
+    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
+    listId: string | undefined;
+    searchTimeout: any;
+    dirty: boolean;
+    modelValue: _angular_core.WritableSignal<any>;
+    query: _angular_core.WritableSignal<string>;
+    focusedMultipleOptionIndex: _angular_core.WritableSignal<number>;
+    focusedOptionIndex: _angular_core.WritableSignal<number>;
+    visibleOptions: _angular_core.Signal<any>;
+    inputValue: _angular_core.Signal<any>;
+    get focusedMultipleOptionId(): string;
+    get focusedOptionId(): string;
+    get containerClass(): {
+        'cax-autocomplete cax-component cax-inputwrapper': boolean;
+        'cax-disabled': boolean;
+        'cax-focus': boolean;
+        'cax-autocomplete-dd': boolean;
+        'cax-autocomplete-multiple': boolean;
+        'cax-inputwrapper-focus': boolean;
+        'cax-overlay-open': boolean;
+        'cax-autocomplete-sm': boolean;
+        'cax-autocomplete-md': boolean;
+        'cax-autocomplete-lg': boolean;
+        'cax-autocomplete-with-actions': boolean;
+    };
+    get multiContainerClass(): {
+        'cax-autocomplete-multiple-container cax-component cax-inputtext': boolean;
+        'cax-variant-filled': boolean;
+    };
+    get panelClass(): {
+        'cax-autocomplete-panel cax-component': boolean;
+        'cax-input-filled': boolean;
+        'cax-ripple-disabled': boolean;
+    };
+    get panelStyles(): {
+        'max-height': string;
+    };
+    get inputClass(): {
+        'cax-autocomplete-input cax-inputtext cax-component': boolean;
+        'cax-autocomplete-dd-input': boolean;
+        'cax-variant-filled': boolean;
+        'cax-text-action-sm-medium': boolean;
+        'cax-text-action-md-medium': boolean;
+        'cax-text-action-lg-medium': boolean;
+    };
+    get searchResultMessageText(): string;
+    get searchMessageText(): string;
+    get emptySearchMessageText(): string;
+    get selectionMessageText(): string;
+    get emptySelectionMessageText(): string;
+    get selectedMessageText(): string;
+    get ariaSetSize(): any;
+    get listLabel(): string;
+    get virtualScrollerDisabled(): boolean;
+    get optionValueSelected(): string | ((item: any) => string);
+    get isVisibleClearIcon(): boolean | undefined;
+    constructor(document: Document, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, config: caxConfig, overlayService: OverlayService, zone: NgZone, configService: OverlayService);
+    ngOnInit(): void;
+    ngAfterViewChecked(): void;
+    ngAfterContentInit(): void;
+    handleSuggestionsChange(): void;
+    handleSuggestionsChange2(): void;
+    flatOptions(options: any): any;
+    isOptionGroup(option: any): any;
+    findFirstOptionIndex(): any;
+    findLastOptionIndex(): number;
+    findFirstFocusedOptionIndex(): any;
+    findLastFocusedOptionIndex(): any;
+    findSelectedOptionIndex(): any;
+    findNextOptionIndex(index: any): any;
+    findPrevOptionIndex(index: any): any;
+    isValidSelectedOption(option: any): any;
+    isValidOption(option: any): boolean;
+    isOptionDisabled(option: any): any;
+    isSelected(option: any): any;
+    isOptionMatched(option: any, value: any): boolean;
+    isInputClicked(event: any): boolean;
+    isDropdownClicked(event: any): any;
+    equalityKey(): string;
+    onContainerClick(event: any): void;
+    handleDropdownClick(event: any): void;
+    onInput(event: any): void;
+    onInputChange(event: any): void;
+    onInputFocus(event: any): void;
+    onMultipleContainerFocus(event: any): void;
+    onMultipleContainerBlur(event: any): void;
+    onMultipleContainerKeyDown(event: any): void;
+    onInputBlur(event: any): void;
+    onInputPaste(event: any): void;
+    onInputKeyUp(event: any): void;
+    onKeyDown(event: any): void;
+    onArrowDownKey(event: any): void;
+    onArrowUpKey(event: any): void;
+    onArrowLeftKey(event: any): void;
+    onArrowRightKey(event: any): void;
+    onHomeKey(event: any): void;
+    onEndKey(event: any): void;
+    onPageDownKey(event: any): void;
+    onPageUpKey(event: any): void;
+    onEnterKey(event: any): void;
+    onEscapeKey(event: any): void;
+    onTabKey(event: any): void;
+    onBackspaceKey(event: any): void;
+    onArrowLeftKeyOnMultiple(event: any): void;
+    onArrowRightKeyOnMultiple(event: any): void;
+    onBackspaceKeyOnMultiple(event: any): void;
+    onOptionSelect(event: any, option: any, isHide?: boolean): void;
+    onOptionMouseEnter(event: any, index: any): void;
+    search(event: any, query: any, source: any): void;
+    removeOption(event: any, index: any): void;
+    updateModel(value: any): void;
+    updateInputValue(): void;
+    autoUpdateModel(): void;
+    scrollInView(index?: number): void;
+    changeFocusedOptionIndex(event: any, index: any): void;
+    show(isFocus?: boolean): void;
+    hide(isFocus?: boolean): void;
+    clear(): void;
+    writeValue(value: any): void;
+    hasSelectedOption(): boolean;
+    getAriaPosInset(index: any): any;
+    highlightText(text: string): string;
+    getOptionLabel(option: any): any;
+    getOptionValue(option: any): any;
+    getOptionIndex(index: any, scrollerOptions: any): any;
+    getOptionGroupLabel(optionGroup: any): any;
+    getOptionGroupChildren(optionGroup: any): any;
+    getSelectedOption(modelValue: any): any;
+    getMultipleLabel(option: any): any;
+    registerOnChange(fn: Function): void;
+    registerOnTouched(fn: Function): void;
+    setDisabledState(val: boolean): void;
+    onOverlayAnimationStart(event: AnimationEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutoComplete, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutoComplete, "cax-autoComplete", never, { "minLength": { "alias": "minLength"; "required": false; }; "size": { "alias": "size"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "style": { "alias": "style"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; }; "forceSelection": { "alias": "forceSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dropdownAriaLabel": { "alias": "dropdownAriaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "unique": { "alias": "unique"; "required": false; }; "group": { "alias": "group"; "required": false; }; "completeOnFocus": { "alias": "completeOnFocus"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "field": { "alias": "field"; "required": false; }; "dropdown": { "alias": "dropdown"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "id": { "alias": "id"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "skeletonCount": { "alias": "skeletonCount"; "required": false; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onDropdownClick": "onDropdownClick"; "onClear": "onClear"; "onKeyUp": "onKeyUp"; "onShow": "onShow"; "onHide": "onHide"; "onLazyLoad": "onLazyLoad"; }, ["templates"], never, false, never>;
+    static ngAcceptInputType_minLength: unknown;
+    static ngAcceptInputType_delay: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_lazy: unknown;
+    static ngAcceptInputType_virtualScroll: unknown;
+    static ngAcceptInputType_virtualScrollItemSize: unknown;
+    static ngAcceptInputType_maxlength: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_autoHighlight: unknown;
+    static ngAcceptInputType_forceSelection: unknown;
+    static ngAcceptInputType_autoZIndex: unknown;
+    static ngAcceptInputType_baseZIndex: unknown;
+    static ngAcceptInputType_unique: unknown;
+    static ngAcceptInputType_group: unknown;
+    static ngAcceptInputType_completeOnFocus: unknown;
+    static ngAcceptInputType_showClear: unknown;
+    static ngAcceptInputType_dropdown: unknown;
+    static ngAcceptInputType_showEmptyMessage: unknown;
+    static ngAcceptInputType_multiple: unknown;
+    static ngAcceptInputType_tabindex: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+    static ngAcceptInputType_autoOptionFocus: unknown;
+    static ngAcceptInputType_selectOnFocus: unknown;
+    static ngAcceptInputType_searchLocale: unknown;
+    static ngAcceptInputType_focusOnHover: unknown;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_skeletonCount: unknown;
+}
+
+declare class AutoCompleteModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutoCompleteModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AutoCompleteModule, [typeof AutoComplete], [typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.InputTextModule, typeof i5.ButtonModule, typeof i6.SharedModule, typeof i7.RippleModule, typeof i8.ScrollerModule, typeof i9.SkeletonModule, typeof i10.AutoFocusModule, typeof i11.TimesCircleIcon, typeof i12.SpinnerIcon, typeof i13.TimesIcon, typeof i14.ChevronDownIcon, typeof i15.SearchIcon], [typeof AutoComplete, typeof i3.OverlayModule, typeof i6.SharedModule, typeof i8.ScrollerModule, typeof i9.SkeletonModule, typeof i10.AutoFocusModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AutoCompleteModule>;
+}
+
+export { AUTOCOMPLETE_VALUE_ACCESSOR, AutoComplete, AutoCompleteModule };
+export type { AutoCompleteCompleteEvent, AutoCompleteDropdownClickEvent, AutoCompleteLazyLoadEvent, AutoCompleteSelectEvent, AutoCompleteTemplates, AutoCompleteUnselectEvent };