primeng 16.0.0-rc.1 → 16.0.0

package/autocomplete/autocomplete.d.ts

@@ -1,10 +1,13 @@
 import { AnimationEvent } from '@angular/animations';
 import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, IterableDiffers, NgZone, OnDestroy, QueryList, Renderer2, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { OverlayOptions, OverlayService, PrimeNGConfig } from 'primeng/api';
+import { OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate } from 'primeng/api';
 import { ConnectedOverlayScrollHandler } from 'primeng/dom';
 import { Overlay } from 'primeng/overlay';
-import { Scroller, ScrollerOptions } from 'primeng/scroller';
+import { Scroller } from 'primeng/scroller';
+import { ScrollerOptions } from 'primeng/api';
+import { Nullable, VoidListener } from 'primeng/ts-helpers';
+import { AutoCompleteCompleteEvent, AutoCompleteDropdownClickEvent, AutoCompleteLazyLoadEvent } from './autocomplete.interface';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "primeng/overlay";
@@ -19,6 +22,10 @@ import * as i10 from "primeng/icons/spinner";
 import * as i11 from "primeng/icons/times";
 import * as i12 from "primeng/icons/chevrondown";
 export declare const AUTOCOMPLETE_VALUE_ACCESSOR: any;
+/**
+ * AutoComplete is an input component that provides real-time suggestions when being typed.
+ * @group Components
+ */
 export declare class AutoComplete implements AfterViewChecked, AfterContentInit, OnDestroy, ControlValueAccessor {
     private document;
     el: ElementRef;
@@ -28,117 +35,387 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
     config: PrimeNGConfig;
     overlayService: OverlayService;
     private zone;
+    /**
+     * Minimum number of characters to initiate a search.
+     * @group Props
+     */
     minLength: number;
+    /**
+     * Delay between keystrokes to wait before sending a query.
+     * @group Props
+     */
     delay: number;
-    style: any;
-    panelStyle: any;
-    styleClass: string;
-    panelStyleClass: string;
-    inputStyle: any;
-    inputId: string;
-    inputStyleClass: string;
-    placeholder: string;
-    readonly: boolean;
-    disabled: boolean;
+    /**
+     * 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;
-    virtualScroll: boolean;
-    virtualScrollItemSize: number;
-    virtualScrollOptions: ScrollerOptions;
-    maxlength: number;
-    name: string;
-    required: boolean;
-    size: number;
-    appendTo: any;
-    autoHighlight: boolean;
-    forceSelection: 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
+     */
+    size: number | 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;
+    /**
+     * 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;
-    ariaLabel: string;
-    dropdownAriaLabel: string;
-    ariaLabelledBy: string;
-    dropdownIcon: string;
+    /**
+     * 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;
-    group: 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: string;
-    dropdown: boolean;
-    showEmptyMessage: boolean;
+    /**
+     * Field of a suggested object to resolve and display.
+     * @group Props
+     */
+    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;
-    multiple: boolean;
-    tabindex: number;
-    dataKey: string;
-    emptyMessage: 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;
-    autofocus: boolean;
+    /**
+     * 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;
-    optionGroupChildren: string;
-    optionGroupLabel: string;
-    overlayOptions: OverlayOptions;
-    containerEL: ElementRef;
-    inputEL: ElementRef;
-    multiInputEL: ElementRef;
-    multiContainerEL: ElementRef;
-    dropdownButton: ElementRef;
-    itemsViewChild: ElementRef;
-    scroller: Scroller;
-    overlayViewChild: Overlay;
-    templates: QueryList<any>;
-    completeMethod: EventEmitter<any>;
-    onSelect: EventEmitter<any>;
-    onUnselect: EventEmitter<any>;
-    onFocus: EventEmitter<any>;
-    onBlur: EventEmitter<any>;
-    onDropdownClick: EventEmitter<any>;
-    onClear: EventEmitter<any>;
-    onKeyUp: EventEmitter<any>;
-    onShow: EventEmitter<any>;
-    onHide: EventEmitter<any>;
-    onLazyLoad: EventEmitter<any>;
-    _itemSize: number;
+    /**
+     * 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);
-    itemsWrapper: HTMLDivElement;
-    itemTemplate: TemplateRef<any>;
-    emptyTemplate: TemplateRef<any>;
-    headerTemplate: TemplateRef<any>;
-    footerTemplate: TemplateRef<any>;
-    selectedItemTemplate: TemplateRef<any>;
-    groupTemplate: TemplateRef<any>;
-    loaderTemplate: TemplateRef<any>;
-    removeIconTemplate: TemplateRef<any>;
-    loadingIconTemplate: TemplateRef<any>;
-    clearIconTemplate: TemplateRef<any>;
-    dropdownIconTemplate: TemplateRef<any>;
-    value: any;
-    _suggestions: any[];
+    /**
+     * 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 {*} value - selected value.
+     * @group Emits
+     */
+    onSelect: EventEmitter<any>;
+    /**
+     * Callback to invoke when a selected value is removed.
+     * @param {*} value - removed value.
+     * @group Emits
+     */
+    onUnselect: EventEmitter<any>;
+    /**
+     * 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<PrimeTemplate>>;
+    _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>>;
+    value: string | any;
+    _suggestions: any;
     onModelChange: Function;
     onModelTouched: Function;
-    timeout: any;
+    timeout: Nullable<any>;
     overlayVisible: boolean;
-    suggestionsUpdated: boolean;
+    suggestionsUpdated: Nullable<boolean>;
     highlightOption: any;
-    highlightOptionChanged: boolean;
+    highlightOptionChanged: Nullable<boolean>;
     focus: boolean;
-    filled: boolean;
-    inputClick: boolean;
-    inputKeyDown: boolean;
-    noResults: boolean;
+    filled: number | boolean | undefined;
+    inputClick: Nullable<boolean>;
+    inputKeyDown: Nullable<boolean>;
+    noResults: Nullable<boolean>;
     differ: any;
-    inputFieldValue: string;
-    loading: boolean;
-    scrollHandler: ConnectedOverlayScrollHandler | null;
-    documentResizeListener: VoidFunction | null;
+    inputFieldValue: Nullable<string>;
+    loading: Nullable<boolean>;
+    scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
+    documentResizeListener: VoidListener;
     forceSelectionUpdateModelTimeout: any;
-    listId: string;
-    itemClicked: boolean;
-    inputValue: string;
+    listId: string | undefined;
+    itemClicked: boolean | undefined;
+    inputValue: Nullable<string>;
     constructor(document: Document, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, differs: IterableDiffers, config: PrimeNGConfig, overlayService: OverlayService, zone: NgZone);
-    get suggestions(): any[];
-    set suggestions(val: any[]);
     ngAfterViewChecked(): void;
     handleSuggestionsChange(): void;
     ngAfterContentInit(): void;
@@ -157,15 +434,15 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
     onOverlayAnimationStart(event: AnimationEvent): void;
     resolveFieldData(value: any): any;
     hide(event?: any): void;
-    handleDropdownClick(event: any): void;
+    handleDropdownClick(event: MouseEvent): void;
     focusInput(): void;
     get emptyMessageLabel(): string;
     removeItem(item: any): void;
-    onKeydown(event: any): void;
-    onKeyup(event: any): void;
-    onInputFocus(event: any): void;
-    onInputBlur(event: any): void;
-    onInputChange(event: any): void;
+    onKeydown(event: Event): void;
+    onKeyup(event: KeyboardEvent): void;
+    onInputFocus(event: Event): void;
+    onInputBlur(event: Event): void;
+    onInputChange(event: Event): void;
     onInputPaste(event: ClipboardEvent): void;
     isSelected(val: any): boolean;
     findOptionIndex(option: any, suggestions: any): number;
@@ -174,7 +451,7 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
     updateInputField(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoComplete, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutoComplete, "p-autoComplete", never, { "minLength": { "alias": "minLength"; "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; }; "size": { "alias": "size"; "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; }; "itemSize": { "alias": "itemSize"; "required": false; }; "suggestions": { "alias": "suggestions"; "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 ɵcmp: i0.ɵɵComponentDeclaration<AutoComplete, "p-autoComplete", never, { "minLength": { "alias": "minLength"; "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; }; "size": { "alias": "size"; "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; }; }, { "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>;
 }
 export declare class AutoCompleteModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteModule, never>;

package/autocomplete/autocomplete.interface.d.ts

@@ -0,0 +1,134 @@
+import { TemplateRef } from '@angular/core';
+import { ScrollerOptions } from 'primeng/api';
+/**
+ * Custom complete event.
+ * @see {@link AutoComplete.completeMethod}
+ * @group Events
+ */
+export interface AutoCompleteCompleteEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Selected option value.
+     */
+    query: string;
+}
+/**
+ * Custom click event.
+ * @see {@link AutoComplete.onDropdownClick}
+ * @group Events
+ */
+export interface AutoCompleteDropdownClickEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Selected option value.
+     */
+    query: string;
+}
+/**
+ * Custom lazy load event.
+ * @see {@link AutoComplete.onLazyLoad}
+ * @group Events
+ */
+export interface AutoCompleteLazyLoadEvent {
+    /**
+     * First element in viewport.
+     */
+    first: any;
+    /**
+     * Last element in viewport.
+     */
+    last: any;
+}
+/**
+ * Defines valid templates in AutoComplete.
+ * @group Templates
+ */
+export 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.
+     * @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>;
+}