@syncfusion/ej2-multicolumn-combobox 31.1.17 → 31.2.2

package/dist/ts/multicolumn-combobox/multi-column-combo-box.d.ts

@@ -1,954 +0,0 @@
-import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
-import { ChildProperty } from '@syncfusion/ej2-base';
-import { NumberFormatOptions, DateFormatOptions, EmitType, AnimationModel, KeyboardEventArgs } from '@syncfusion/ej2-base';
-import { DataManager, Query, Group } from '@syncfusion/ej2-data';
-import { Popup } from '@syncfusion/ej2-popups';
-import { MultiColumnComboBoxModel } from './multi-column-combo-box-model';
-import { ColumnModel, FieldSettingsModel, GridSettingsModel } from './multi-column-combo-box-model';
-export declare class MultiColumnGrid {
-    /**
-     * Injecting required modules for component.
-     *
-     * @returns {void}
-     * @private
-     */
-    InjectModules(): void;
-}
-/**
- * Defines alignments of text, they are
- * ```props
- * * Left :- Defines Left alignment
- * * Right :- Defines Right alignment
- * * Center :- Defines Center alignment
- * * Justify :- Defines Justify alignment
- * ```
- */
-export declare type TextAlign = 'Left' | 'Right' | 'Center' | 'Justify';
-/**
- * Defines modes of GridLine, They are
- * ```props
- * * Both :- Displays both the horizontal and vertical grid lines.
- * * None :- No grid lines are displayed.
- * * Horizontal :- Displays the horizontal grid lines only.
- * * Vertical :- Displays the vertical grid lines only.
- * * Default :- Displays grid lines based on the theme.
- * ```
- */
-export declare type GridLine = 'Both' | 'None' | 'Horizontal' | 'Vertical' | 'Default';
-/**
- * Defines floating label type of the input and decides how the label should float on the input.
- */
-export declare type FloatLabelType = 'Never' | 'Always' | 'Auto';
-/**
- * Defines the filter type.
- */
-export declare enum FilterType {
-    /**
-     * Checks whether a value begins with the specified value.
-     */
-    StartsWith = "StartsWith",
-    /**
-     * Checks whether a value ends with specified value.
-     */
-    EndsWith = "EndsWith",
-    /**
-     * Checks whether a value contains with specified value.
-     */
-    Contains = "Contains"
-}
-/**
- * Specifies the sortOrder to sort the data source.
- */
-export declare enum SortOrder {
-    /**
-     * The datasource is not sorting. Default value is None.
-     */
-    None = "None",
-    /**
-     * The datasource is sorting with ascending order.
-     */
-    Ascending = "Ascending",
-    /**
-     * The data source is sorting with descending order.
-     */
-    Descending = "Descending"
-}
-/**
- * Specifies the type of sorting to be applied for the columns.
- */
-export declare enum SortType {
-    /**
-     * Allow sorting only one column
-     */
-    OneColumn = "OneColumn",
-    /**
-     * Allow sorting multiple columns
-     */
-    MultipleColumns = "MultipleColumns"
-}
-/**
- * Specifies the type of wrap mode to be applied for the grid cells.
- */
-export declare enum WrapMode {
-    /**
-     * Specifies that both header and content text wrapping are enabled.
-     */
-    Both = "Both",
-    /**
-     * Specifies that only content text wrapping is enabled.
-     */
-    Content = "Content",
-    /**
-     * Specifies that only header text wrapping is enabled.
-     */
-    Header = "Header"
-}
-/**
- * The fields property maps the columns of the data table and binds the data to the component.
- */
-export declare class FieldSettings extends ChildProperty<FieldSettings> {
-    /**
-     * Specifies the display text of each list item.
-     *
-     * @default null
-     */
-    text: string;
-    /**
-     * Specifies the hidden data value mapped to each list item that should contain a unique value.
-     *
-     * @default null
-     */
-    value: string;
-    /**
-     * Specifies the category under which the list item has to be grouped.
-     *
-     * @default null
-     */
-    groupBy: string;
-}
-/**
- * Specifies the number of columns and its respective fields to be displayed in the dropdown popup.
- */
-export declare class Column extends ChildProperty<Column> {
-    /**
-     * Defines the name of the field whose data will be displayed in the column.
-     *
-     * @default ''
-     */
-    field: string;
-    /**
-     * Defines the header text of column which is used to display in column header.
-     * If headerText is not defined, then field name value will be assigned to header text.
-     *
-     * @default ''
-     */
-    header: string;
-    /**
-     * Defines the width of the column in pixels or percentage.
-     *
-     * @default ''
-     */
-    width: string | number;
-    /**
-     * Defines the alignment of the column in both header and content cells.
-     *
-     * @default Left
-     */
-    textAlign: TextAlign;
-    /**
-     * It is used to change display value with the given format and does not affect the original data.
-     * Gets the format from the user which can be standard or custom `number` and `date` formats.
-     *
-     * @default null
-     * @aspType string
-     */
-    format: string | NumberFormatOptions | DateFormatOptions;
-    /**
-     * If `displayAsCheckBox` is set to true, it displays the column value as a check box instead of Boolean value.
-     *
-     * @default false
-     */
-    displayAsCheckBox: boolean;
-    /**
-     * Defines the column template that renders customized element in each cell of the column.
-     * It accepts either template or HTML element ID.
-     *
-     * @default null
-     * @angularType string | object
-     * @reactType string | function | JSX.Element
-     * @vueType string | function
-     * @aspType string
-     */
-    template: string | Function;
-    /**
-     * Defines the column template as string or HTML element ID which is used to add customized element in the column header.
-     *
-     * @default null
-     * @angularType string | object
-     * @reactType string | function | JSX.Element
-     * @vueType string | function
-     * @aspType string
-     */
-    headerTemplate: string | Function;
-    /**
-     * The CSS styles and attributes of the content cells of a particular column can be customized.
-     *
-     * @default null
-     */
-    customAttributes: {
-        [x: string]: Object;
-    };
-}
-/**
- * Specifies the configuration of the columns in the popup content.
- */
-export declare class GridSettings extends ChildProperty<GridSettings> {
-    /**
-     * If `enableAltRow` is set to true, the grid will render with `e-altrow` CSS class to the alternative row elements.
-     *
-     * @default false
-     */
-    enableAltRow: boolean;
-    /**
-     * Defines the height of rows in the popup content.
-     *
-     * @default null
-     */
-    rowHeight: number;
-    /**
-     * Defines the mode of grid lines. The available modes are,
-     * * `Both`: Displays both horizontal and vertical grid lines.
-     * * `None`: No grid lines are displayed.
-     * * `Horizontal`: Displays the horizontal grid lines only.
-     * * `Vertical`: Displays the vertical grid lines only.
-     * * `Default`: Displays grid lines based on the theme.
-     *
-     * @default Default
-     */
-    gridLines: GridLine;
-    /**
-     * Specifies whether to allow text wrapping of the popup grid content.
-     *
-     * @default false
-     */
-    allowTextWrap: boolean;
-    /**
-     * Specifies the mode for text wrapping in the popup grid content. Options include 'Both', 'Content', and 'Header'.
-     *
-     * @isenumeration true
-     *
-     * @default WrapMode.Both
-     * @asptype WrapMode
-     */
-    textWrapMode: WrapMode | string;
-    /**
-     * Specifies whether resizing of columns is enabled in the popup grid content.
-     *
-     * @default false
-     */
-    allowResizing: boolean;
-    /**
-     * Triggers during the column resizing.
-     *
-     * @event resizing
-     */
-    resizing: EmitType<ResizeArgs>;
-    /**
-     * Triggers when the column resizing begins.
-     *
-     * @event resizeStart
-     */
-    resizeStart: EmitType<ResizeArgs>;
-    /**
-     * Triggers when the column resizing ends.
-     *
-     * @event resizeStop
-     */
-    resizeStop: EmitType<ResizeArgs>;
-}
-export interface PopupEventArgs {
-    /**
-     * Specifies the popup Object.
-     *
-     * @deprecated
-     */
-    popup: Popup;
-    /**
-     * Illustrates whether the current action needs to be prevented or not.
-     */
-    cancel?: boolean;
-    /**
-     * Specifies the animation for the popup.
-     */
-    animation?: AnimationModel;
-    /**
-     * Specifies the original event arguments
-     */
-    event?: MouseEvent | KeyboardEvent | TouchEvent;
-}
-export interface FilteringEventArgs {
-    /**
-     * To prevent the internal filtering action.
-     */
-    preventDefaultAction: boolean;
-    /**
-     * Gets the `keyup` event arguments.
-     */
-    event: Object;
-    /**
-     * Illustrates whether the current action needs to be prevented or not.
-     */
-    cancel: boolean;
-    /**
-     * Returns the searched text value.
-     */
-    text: string;
-    /**
-     * Opens the popup that displays the list of items.
-     *
-     * @param  {Object[] | DataManager | DataResult } dataSource - Set the data source to filter.
-     * @param  {Query} query - Specify the query to filter the data.
-     * @param  {FieldSettingsModel} fields - Specify the fields to map the column in the data table.
-     * @returns {void}
-     */
-    updateData(dataSource: {
-        [key: string]: Object;
-    }[] | DataManager | DataResult, query?: Query, fields?: FieldSettingsModel): void;
-}
-export interface SelectEventArgs {
-    /**
-     * Returns true if the event is triggered by interaction. Otherwise, it returns false.
-     */
-    isInteracted: boolean;
-    /**
-     * Returns the selected row data.
-     */
-    item: Object;
-    /**
-     * Returns the selected item as JSON Object from the data source.
-     *
-     */
-    itemData: {
-        text: string;
-        value: string;
-    };
-    /**
-     * Returns the selected row item.
-     *
-     */
-    itemElement: HTMLElement;
-    /**
-     * Specifies the original event arguments.
-     */
-    event: MouseEvent | KeyboardEvent | TouchEvent;
-    /**
-     * Specifies whether the current action needs to be prevented or not.
-     */
-    cancel?: boolean;
-}
-export interface ChangeEventArgs {
-    /**
-     * Specifies the original event arguments.
-     */
-    event: MouseEvent | KeyboardEvent | TouchEvent;
-    /**
-     * Specifies whether the current action needs to be prevented or not.
-     */
-    cancel?: boolean;
-    /**
-     * Returns true if the event is triggered by interaction. Otherwise, it returns false.
-     */
-    isInteracted: boolean;
-    /**
-     * Returns the selected tr element.
-     */
-    itemElement: HTMLElement;
-    /**
-     * Returns the selected item as JSON Object from the data source.
-     */
-    itemData: {
-        text: string;
-        value: string;
-    };
-    /**
-     * Returns the previous selected tr element.
-     */
-    previousItemElement: HTMLElement;
-    /**
-     * Returns the previous selected item as JSON Object from the data source.
-     */
-    previousItemData: {
-        text: string;
-        value: string;
-    };
-    /**
-     * Returns the selected value
-     *
-     * @isGenericType true
-     */
-    value: number | string;
-    /**
-     * Returns the selected row data.
-     */
-    item: Object;
-}
-export interface ResizeArgs {
-    /**
-     * Defines the details about the column that is currently being resized.
-     */
-    column: ColumnModel;
-    /**
-     * Specifies whether to cancel the resizing operation of the columns.
-     *
-     * @default false
-     */
-    cancel: boolean;
-}
-/**
- * @hidden
- */
-export interface DataResult {
-    result: Object[] | Group[];
-    count: number;
-    aggregates?: object;
-}
-/**
- * The `MultiColumnComboBox` allows the user to search and select values from a list. It provides a list of options that can be selected using a filter input.
- * The selected value will be displayed in the input element.
- *
- * ```html
- *  <input type='text' id='multi-column'></input>
- * ```
- * ```typescript
- *  let multiColObj: MultiColumnComboBox = new MultiColumnComboBox();
- *  multiColObj.appendTo('#multi-column');
- * ```
- */
-export declare class MultiColumnComboBox extends Component<HTMLElement> implements INotifyPropertyChanged {
-    /**
-     * Accepts the list items either through local or remote service and binds it to the component.
-     * It can be an array of JSON Objects or an instance of `DataManager`.
-     *
-     * {% codeBlock src='multicolumn-combobox/value/index.md' %}{% endcodeBlock %}
-     *
-     * @default []
-     * @isGenericType true
-     */
-    dataSource: Object | DataManager | DataResult;
-    /**
-     * Gets or sets the display text of the selected item.
-     *
-     * @default null
-     */
-    text: string;
-    /**
-     * Gets or sets the value of the selected item.
-     *
-     * {% codeBlock src='multicolumn-combobox/value/index.md' %}{% endcodeBlock %}
-     *
-     * @default null
-     */
-    value: string;
-    /**
-     * Gets or sets the index of the selected item in the component.
-     *
-     * @default null
-     */
-    index: number | null;
-    /**
-     * Specifies the width of the component. By default, the component width sets based on the width of its parent container.
-     *
-     * @default '100%'
-     * @aspType string
-     */
-    width: string | number;
-    /**
-     * Specifies the height of the popup list.
-     *
-     * @default '300px'
-     * @aspType string
-     */
-    popupHeight: string | number;
-    /**
-     * Specifies the width of the popup list. By default, the popup width sets based on the width of the component.
-     *
-     * @default '100%'
-     * @aspType string
-     */
-    popupWidth: string | number;
-    /**
-     * Specifies a short hint that describes the expected value of the multicolumn combobox component.
-     *
-     * @default null
-     */
-    placeholder: string;
-    /**
-     * Specifies the filter action retrieves matched items through the filtering event based on the characters typed in the search TextBox.
-     * If no match is found, the value of the noRecordsTemplate property will be displayed.
-     *
-     * {% codeBlock src='multicolumn-combobox/allowFiltering/index.md' %}{% endcodeBlock %}
-     *
-     * @default true
-     */
-    allowFiltering: boolean;
-    /**
-     * Specifies whether sorting is allowed for the columns in the dropdown list.
-     *
-     * @default true
-     */
-    allowSorting: boolean;
-    /**
-     * Specifies whether to show or hide the clear icon in textbox.
-     * When the clear button is clicked, `value`, `text` properties will be reset to null.
-     *
-     * @default false
-     */
-    showClearButton: boolean;
-    /**
-     * Sets CSS classes to the root element of the component that allows customization of appearance.
-     *
-     * @default ''
-     */
-    cssClass: string;
-    /**
-     * The `fields` property maps the columns of the data table and binds the data to the component.
-     * * text - Maps the text column from data table for each list item.
-     * * value - Maps the value column from data table for each list item.
-     * * groupBy - Group the list items with it's related items by mapping groupBy field.
-     *
-     * {% codeBlock src='multicolumn-combobox/fields/index.md' %}{% endcodeBlock %}
-     *
-     * @default {text: null, value: null, groupBy: null}
-     */
-    fields: FieldSettingsModel;
-    /**
-     * Specifies the number of columns and its respective fields to be displayed in the dropdown popup.
-     *
-     * {% codeBlock src='multicolumn-combobox/fields/index.md' %}{% endcodeBlock %}
-     *
-     * @default []
-     */
-    columns: ColumnModel[];
-    /**
-     * Specifies the configuration of the columns in the popup content.
-     *
-     * {% codeBlock src='multicolumn-combobox/gridSettings/index.md' %}{% endcodeBlock %}
-     *
-     * @default {rowHeight: null, gridLines: Default, enableAltRow: false}
-     */
-    gridSettings: GridSettingsModel;
-    /**
-     * Determines on which filter type, the component needs to be considered on search action.
-     * The `FilterType` and its supported data types are
-     *
-     * <table>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * FilterType<br/></td><td colSpan=1 rowSpan=1>
-     * Description<br/></td><td colSpan=1 rowSpan=1>
-     * Supported Types<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * StartsWith<br/></td><td colSpan=1 rowSpan=1>
-     * Checks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>
-     * String<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * EndsWith<br/></td><td colSpan=1 rowSpan=1>
-     * Checks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>
-     * <br/>String<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * Contains<br/></td><td colSpan=1 rowSpan=1>
-     * Checks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>
-     * <br/>String<br/></td></tr>
-     * </table>
-     *
-     * The default value set to `StartsWith`, all the suggestion items which contain typed characters to listed in the suggestion popup.
-     *
-     * {% codeBlock src='multicolumn-combobox/allowFiltering/index.md' %}{% endcodeBlock %}
-     *
-     * @isenumeration true
-     * @default FilterType.StartsWith
-     * @asptype FilterType
-     */
-    filterType: FilterType | string;
-    /**
-     * Specifies whether to display the floating label above the input element.
-     * Possible values are:
-     * * Never - The label will never float in the input when the placeholder is available.
-     * * Always - The floating label will always float above the input.
-     * * Auto - The floating label will float above the input after focusing or entering a value in the input.
-     *
-     * {% codeBlock src='multicolumn-combobox/floatLabelType/index.md' %}{% endcodeBlock %}
-     *
-     * @default Never
-     */
-    floatLabelType: FloatLabelType;
-    /**
-     * Specifies the sortOrder to sort the data source.
-     * The available type of sort orders are,
-     * * `None` - The datasource is not sorting. Default value is None.
-     * * `Ascending` - The datasource is sorting with ascending order.
-     * * `Descending` - The data source is sorting with descending order.
-     *
-     * @isenumeration true
-     * @default SortOrder.None
-     * @asptype SortOrder
-     */
-    sortOrder: SortOrder | string;
-    /**
-     * Specifies the type of sorting to be applied for the columns.
-     * * `OneColumn` - Allow sorting only one column.
-     * * `MultipleColumns` - Allow sorting multiple columns.
-     *
-     * @isenumeration true
-     * @default SortType.OneColumn
-     * @asptype SortType
-     */
-    sortType: SortType | string;
-    /**
-     * Defines whether to enable virtual scrolling in the component.
-     *
-     * @default false
-     */
-    enableVirtualization: boolean;
-    /**
-     * Specifies a value that indicates whether the component is disabled or not.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Specifies the user interactions on the component are disabled.
-     *
-     * @default false
-     */
-    readonly: boolean;
-    /**
-     * Specifies the component’s state between page reloads. If enabled, the list of states for the value will be persisted.
-     *
-     * @default false
-     */
-    enablePersistence: boolean;
-    /**
-     * Accepts the external Query that execute along with data processing.
-     *
-     * {% codeBlock src='multicolumn-combobox/query/index.md' %}{% endcodeBlock %}
-     *
-     * @default null
-     */
-    query: Query;
-    /**
-     * Accepts the template design and assigns it to each items present in the popup.
-     *
-     * {% codeBlock src='multicolumn-combobox/itemTemplate/index.md' %}{% endcodeBlock %}
-     *
-     * @default null
-     * @angularType string | object
-     * @reactType string | function | JSX.Element
-     * @vueType string | function
-     * @aspType string
-     */
-    itemTemplate: string | Function;
-    /**
-     * Accepts the template design and assigns it to the footer container of the popup.
-     *
-     * @default null
-     * @angularType string | object
-     * @reactType string | function | JSX.Element
-     * @vueType string | function
-     * @aspType string
-     */
-    footerTemplate: string | Function;
-    /**
-     * Accepts the template design and assigns it to the group headers present in the popup list.
-     *
-     * @default null
-     * @angularType string | object
-     * @reactType string | function | JSX.Element
-     * @vueType string | function
-     * @aspType string
-     */
-    groupTemplate: string | Function;
-    /**
-     * Accepts the template and assigns it to the popup content when the data fetch request from the remote server fails.
-     *
-     * @default 'Request Failed'
-     * @angularType string | object
-     * @reactType string | function | JSX.Element
-     * @vueType string | function
-     * @aspType string
-     */
-    actionFailureTemplate: string | Function;
-    /**
-     * Accepts the template design and assigns it to popup list of component when no data is available on the component.
-     *
-     * @default 'No records found'
-     * @angularType string | object
-     * @reactType string | function | JSX.Element
-     * @vueType string | function
-     * @aspType string
-     */
-    noRecordsTemplate: string | Function;
-    /**
-     * Allows additional HTML attributes such as title, name, etc., and accepts n number of attributes in a key-value pair format.
-     *
-     * {% codeBlock src='multicolumn-combobox/htmlAttributes/index.md' %}{% endcodeBlock %}
-     *
-     * @default {}
-     */
-    htmlAttributes: {
-        [key: string]: string;
-    };
-    /**
-     * Event callback that is raised after rendering the control.
-     *
-     * @event created
-     */
-    created: EmitType<Event>;
-    /**
-     * Triggers when the popup opens.
-     *
-     * @event open
-     */
-    open: EmitType<PopupEventArgs>;
-    /**
-     * Triggers when the popup is closed.
-     *
-     * @event close
-     */
-    close: EmitType<PopupEventArgs>;
-    /**
-     * Triggers when the data fetch request from the remote server fails.
-     *
-     * @event actionFailure
-     */
-    actionFailure: EmitType<Object>;
-    /**
-     * Triggers before fetching data from the remote server.
-     *
-     * @event actionBegin
-     */
-    actionBegin: EmitType<Object>;
-    /**
-     * Triggers after data is fetched successfully from the remote server.
-     *
-     * @event actionComplete
-     */
-    actionComplete: EmitType<Object>;
-    /**
-     * Triggers on typing a character in the component.
-     *
-     * @event filtering
-     */
-    filtering: EmitType<FilteringEventArgs>;
-    /**
-     * Triggers when an item in the popup is selected by the user either with mouse/tap or with keyboard navigation.
-     *
-     * @event select
-     */
-    select: EmitType<SelectEventArgs>;
-    /**
-     * Triggers when an item in a popup is selected or when the model value is changed by the user.
-     *
-     * @event change
-     */
-    change: EmitType<ChangeEventArgs>;
-    private dropdownElement;
-    private inputEle;
-    private inputObj;
-    private inputWrapper;
-    private popupDiv;
-    private popupEle;
-    private popupObj;
-    private gridObj;
-    private gridEle;
-    private isPopupOpen;
-    private footer;
-    private l10n;
-    private noRecord;
-    private previousItemElement;
-    private keyboardModule;
-    private keyConfigs;
-    private gridInject;
-    private prevGridHeight;
-    private popupRowHeight;
-    private matchedRowEle;
-    private matchedContent;
-    private exactMatchedContent;
-    private isDataFiltered;
-    private isInitialRender;
-    private remoteDataLength;
-    private selectedRowIndex;
-    private isShowSpinner;
-    private hiddenElement;
-    private isLocaleChanged;
-    private gridData;
-    private mainData;
-    private isMainDataUpdated;
-    private isCustomFilter;
-    private customFilterQuery;
-    private typedString;
-    /**
-     * *Constructor for creating the component
-     *
-     * @param {MultiColumnComboBoxModel} options - Specifies the MultiColumnComboBox model.
-     * @param {string | HTMLElement} element - Specifies the element to render as component.
-     * @private
-     */
-    constructor(options?: MultiColumnComboBoxModel, element?: string | HTMLElement);
-    /**
-     * Initialize the event handler
-     *
-     * @private
-     * @returns {void}
-     */
-    protected preRender(): void;
-    protected getDirective(): string;
-    /**
-     * To get component name.
-     *
-     * @returns {string} - It returns the current module name.
-     * @private
-     */
-    getModuleName(): string;
-    /**
-     * Get the properties to be maintained in the persisted state.
-     *
-     * @private
-     * @returns {string} - It returns the persisted data.
-     */
-    protected getPersistData(): string;
-    private persistData;
-    protected render(): void;
-    private setGridData;
-    protected getQuery(query: Query): Query;
-    private setHiddenValue;
-    private renderGrid;
-    private handleActionComplete;
-    private handleKeyPressed;
-    private isRowMatching;
-    private updateRowSelection;
-    private selectDataRow;
-    private findIndex;
-    private getGridColumns;
-    private updateGroupByField;
-    private onDataBound;
-    private showHideSpinner;
-    private onActionFailure;
-    private renderInput;
-    private setElementWidth;
-    private setHTMLAttributes;
-    private setEnable;
-    private setAriaDisabled;
-    private updateFieldValue;
-    private initValue;
-    private updateChangeEvent;
-    private updateCurrentValues;
-    private renderPopup;
-    private updateGridHeight;
-    private createPopup;
-    private setFooterTemplate;
-    private l10nUpdate;
-    /**
-     * Gets template content based on the template property value.
-     *
-     * @param {string | Function} template - Template property value.
-     * @returns {Function} - Return template function.
-     * @hidden
-     */
-    private getTemplateFunction;
-    private getSize;
-    private selectedGridRow;
-    private updateValues;
-    private triggerChangeEvent;
-    private inputHandler;
-    private updateInputValue;
-    private filterDatas;
-    private selectFilteredRows;
-    private updateGridDataSource;
-    private wireEvents;
-    private unWireEvents;
-    private preventBlur;
-    private dropDownClick;
-    private onMouseClick;
-    private onDocumentClick;
-    private updateValuesOnInput;
-    private clearText;
-    private windowResize;
-    private setCssClass;
-    private keyActionHandler;
-    private gridKeyActionHandler;
-    private updateSelectedItem;
-    private selectRow;
-    private updateClearIconState;
-    private updateDynamicDataSource;
-    /**
-     * Sets the focus to the component for interaction.component for interaction.
-     *
-     * @param {FocusEvent | MouseEvent | KeyboardEvent | TouchEvent} e - Specifies the event.
-     * @returns {void}
-     */
-    focusIn(e?: FocusEvent | MouseEvent | KeyboardEvent | TouchEvent): void;
-    /**
-     * Moves the focus from the component if the component is already focused.
-     *
-     * @param {MouseEvent | KeyboardEvent} e - Specifies the event.
-     * @returns {void}
-     */
-    focusOut(e?: MouseEvent | KeyboardEventArgs): void;
-    /**
-     * Opens the popup that displays the list of items.
-     *
-     * @param {MouseEvent | KeyboardEventArgs | TouchEvent} e - Specifies the event.
-     * @param {boolean} isInputOpen - Specifies whether the input is open or not.
-     * @returns {void}
-     */
-    showPopup(e?: MouseEvent | KeyboardEventArgs | TouchEvent, isInputOpen?: boolean): void;
-    /**
-     * Hides the popup if it is in open state.
-     *
-     * @param {MouseEvent | KeyboardEventArgs | TouchEvent} e - Specifies the event.
-     * @returns {void}
-     */
-    hidePopup(e?: MouseEvent | KeyboardEventArgs | TouchEvent): void;
-    /**
-     * Adds a new item to the popup list. By default, new item appends to the list as the last item,
-     * but you can insert based on the index parameter.
-     *
-     * @param { Object[] } items - Specifies an array of JSON data or a JSON data.
-     * @param { number } index - Specifies the index to place the newly added item in the popup list.
-     * @returns {void}
-     */
-    addItems(items: {
-        [key: string]: Object;
-    }[] | {
-        [key: string]: Object;
-    }, index?: number): void;
-    /**
-     * Gets all the list items bound on this component.
-     *
-     * @returns {Element[]}
-     */
-    getItems(): Element[];
-    /**
-     * Gets the data Object that matches the given value.
-     *
-     * @param { string } value - Specifies the value of the list item.
-     * @returns {Object}
-     */
-    getDataByValue(value: string): {
-        [key: string]: Object;
-    };
-    destroy(): void;
-    /**
-     * Called internally if any of the property value changed.
-     *
-     * @param  {MultiColumnComboBoxModel} newProp - Specifies new properties
-     * @param  {MultiColumnComboBoxModel} oldProp - Specifies old properties
-     * @returns {void}
-     * @private
-     */
-    onPropertyChanged(newProp: MultiColumnComboBoxModel, oldProp?: MultiColumnComboBoxModel): void;
-}