/*! * devextreme-angular * Version: 19.1.16 * Build date: Tue Oct 18 2022 * * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED * * This software may be modified and distributed under the terms * of the MIT license. See the LICENSE file in the root of the project for details. * * https://github.com/DevExpress/devextreme-angular */ import { TransferState } from '@angular/platform-browser'; import { ElementRef, NgZone, OnDestroy, EventEmitter, OnChanges, DoCheck, SimpleChanges, QueryList } from '@angular/core'; import DevExpress from 'devextreme/bundles/dx.all'; import DxLookup from 'devextreme/ui/lookup'; import { ControlValueAccessor } from '@angular/forms'; import { DxComponent } from '../core/component'; import { DxTemplateHost } from '../core/template-host'; import { NestedOptionHost } from '../core/nested-option'; import { WatcherHelper } from '../core/watcher-helper'; import { IterableDifferHelper } from '../core/iterable-differ-helper'; import { DxiItemComponent } from './nested/item-dxi'; /** * The Lookup is a widget that allows an end user to search for an item in a collection shown in a drop-down menu. */ export declare class DxLookupComponent extends DxComponent implements OnDestroy, ControlValueAccessor, OnChanges, DoCheck { private _watcherHelper; private _idh; instance: DxLookup; /** * Specifies the shortcut key that sets focus on the widget. */ accessKey: string; /** * Specifies whether or not the widget changes its state when interacting with a user. */ activeStateEnabled: boolean; /** * Configures widget visibility animations. This object contains two fields: show and hide. */ animation: { hide?: DevExpress.animationConfig; show?: DevExpress.animationConfig; }; /** * The text displayed on the Apply button. */ applyButtonText: string; /** * Specifies the way an end-user applies the selected value. */ applyValueMode: string; /** * The text displayed on the Cancel button. */ cancelButtonText: string; /** * Specifies whether or not the widget cleans the search box when the popup window is displayed. */ cleanSearchOnOpening: boolean; /** * The text displayed on the Clear button. */ clearButtonText: string; /** * Specifies whether to close the drop-down menu if a user clicks outside it. */ closeOnOutsideClick: boolean | Function; /** * Binds the widget to data. */ dataSource: DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array; /** * Specifies whether to render the drop-down field's content when it is displayed. If false, the content is rendered immediately. */ deferRendering: boolean; /** * Specifies whether the widget responds to user interaction. */ disabled: boolean; /** * Specifies the data field whose values should be displayed. */ displayExpr: Function | string; /** * Returns the value currently displayed by the widget. */ displayValue: string; /** * Specifies the attributes to be attached to the widget's root element. */ elementAttr: any; /** * Specifies a custom template for the input field. */ fieldTemplate: any; /** * Specifies whether the widget can be focused using keyboard navigation. */ focusStateEnabled: boolean; /** * A Boolean value specifying whether or not to display the lookup in full-screen mode. */ fullScreen: boolean; /** * A Boolean value specifying whether or not to group widget items. */ grouped: boolean; /** * Specifies a custom template for group captions. */ groupTemplate: any; /** * Specifies the widget's height. */ height: number | Function | string; /** * Specifies text for a hint that appears when a user pauses on the widget. */ hint: string; /** * Specifies whether the widget changes its state when a user pauses on it. */ hoverStateEnabled: boolean; /** * Specifies the attributes to be passed on to the underlying HTML element. */ inputAttr: any; /** * Specifies whether the editor's value is valid. */ isValid: boolean; /** * An array of items displayed by the widget. */ items: Array; /** * Specifies a custom template for items. */ itemTemplate: any; /** * The minimum number of characters that must be entered into the text box to begin a search. Applies only if searchEnabled is true. */ minSearchLength: number; /** * The value to be assigned to the `name` attribute of the underlying HTML element. */ name: string; /** * The text displayed on the button used to load the next page from the data source. */ nextButtonText: string; /** * The text or HTML markup displayed by the widget if the item collection is empty. */ noDataText: string; /** * Specifies whether or not the drop-down editor is displayed. */ opened: boolean; /** * Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */ pageLoadingText: string; /** * Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */ pageLoadMode: string; /** * The text displayed by the widget when nothing is selected. */ placeholder: string; /** * Specifies the popup element's height. Applies only if fullScreen is false. */ popupHeight: number | Function | string; /** * Specifies the popup element's width. Applies only if fullScreen is false. */ popupWidth: number | Function | string; /** * An object defining widget positioning options. */ position: DevExpress.positionConfig; /** * Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */ pulledDownText: string; /** * Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */ pullingDownText: string; /** * A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */ pullRefreshEnabled: boolean; /** * Specifies the text displayed in the pullDown panel while the widget is being refreshed. */ refreshingText: string; /** * Switches the widget to a right-to-left representation. */ rtlEnabled: boolean; /** * Specifies whether the search box is visible. */ searchEnabled: boolean; /** * Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */ searchExpr: Function | Array; /** * Specifies a comparison operation used to search widget items. */ searchMode: string; /** * The text that is provided as a hint in the lookup's search bar. */ searchPlaceholder: string; /** * Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */ searchTimeout: number; /** * Gets the currently selected item. */ selectedItem: any; /** * Specifies whether to shade the container when the lookup is active. Applies only if usePopover is false. */ shading: boolean; /** * Specifies whether to display the Cancel button in the lookup window. */ showCancelButton: boolean; /** * Specifies whether or not to display the Clear button in the lookup window. */ showClearButton: boolean; /** * Specifies whether or not the widget displays unfiltered values until a user types a number of characters exceeding the minSearchLength option value. */ showDataBeforeSearch: boolean; /** * A Boolean value specifying whether or not to display the title in the popup window. */ showPopupTitle: boolean; /** * Specifies how the widget's text field is styled. */ stylingMode: string; /** * Specifies the number of the element when the Tab key is used for navigating. */ tabIndex: number; /** * The read-only option that holds the text displayed by the widget input element. */ text: string; /** * The title of the lookup window. */ title: string; /** * Specifies a custom template for the title. */ titleTemplate: any; /** * Specifies whether or not the widget uses native scrolling. */ useNativeScrolling: boolean; /** * Specifies whether or not to show lookup contents in a Popover widget. */ usePopover: boolean; /** * Specifies information on the validation error when using a custom validation engine. Should be changed at runtime along with the isValid option. */ validationError: any; /** * Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */ validationMessageMode: string; /** * Specifies the currently selected value. May be an object if dataSource contains objects and valueExpr is not set. */ value: any; /** * Specifies the DOM events after which the widget's value should be updated. */ valueChangeEvent: string; /** * Specifies which data field provides unique values to the widget's value. */ valueExpr: Function | string; /** * Specifies whether the widget is visible. */ visible: boolean; /** * Specifies the widget's width. */ width: number | Function | string; /** * A function that is executed once the drop-down editor is closed. */ onClosed: EventEmitter; /** * A function that is executed when the widget's content is ready and each time the content is changed. */ onContentReady: EventEmitter; /** * A function that is executed before the widget is disposed of. */ onDisposing: EventEmitter; /** * A function used in JavaScript frameworks to save the widget instance. */ onInitialized: EventEmitter; /** * A function that is executed when a list item is clicked or tapped. */ onItemClick: EventEmitter; /** * A function that is executed once the drop-down editor is opened. */ onOpened: EventEmitter; /** * A function that is executed after a widget option is changed. */ onOptionChanged: EventEmitter; /** * A function that is executed before the next page is loaded. */ onPageLoading: EventEmitter; /** * A function that is executed when the "pull to refresh" gesture is performed on the drop-down item list. Supported in mobile themes only. */ onPullRefresh: EventEmitter; /** * A function that is executed on each scroll gesture performed on the drop-down item list. */ onScroll: EventEmitter; /** * A function that is executed when a list item is selected or selection is canceled. */ onSelectionChanged: EventEmitter; /** * A function that is executed when the drop-down list's title is rendered. */ onTitleRendered: EventEmitter; /** * A function that is executed after the widget's value is changed. */ onValueChanged: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ accessKeyChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ activeStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ animationChange: EventEmitter<{ hide?: DevExpress.animationConfig; show?: DevExpress.animationConfig; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ applyButtonTextChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ applyValueModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ cancelButtonTextChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ cleanSearchOnOpeningChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ clearButtonTextChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ closeOnOutsideClickChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ dataSourceChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ deferRenderingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ disabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ displayExprChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ displayValueChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ elementAttrChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ fieldTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ focusStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ fullScreenChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ groupedChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ groupTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ heightChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hintChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hoverStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ inputAttrChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ isValidChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ itemsChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ itemTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ minSearchLengthChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ nameChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ nextButtonTextChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ noDataTextChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ openedChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pageLoadingTextChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pageLoadModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ placeholderChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ popupHeightChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ popupWidthChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ positionChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pulledDownTextChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pullingDownTextChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pullRefreshEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ refreshingTextChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ rtlEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ searchEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ searchExprChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ searchModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ searchPlaceholderChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ searchTimeoutChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ selectedItemChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ shadingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ showCancelButtonChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ showClearButtonChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ showDataBeforeSearchChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ showPopupTitleChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ stylingModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ tabIndexChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ textChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ titleChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ titleTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ useNativeScrollingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ usePopoverChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ validationErrorChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ validationMessageModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ valueChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ valueChangeEventChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ valueExprChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ visibleChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ widthChange: EventEmitter; onBlur: EventEmitter; change(_: any): void; touched: (_: any) => void; itemsChildren: QueryList; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any); protected _createInstance(element: any, options: any): DxLookup; writeValue(value: any): void; setDisabledState(isDisabled: boolean): void; registerOnChange(fn: (_: any) => void): void; registerOnTouched(fn: () => void): void; _createWidget(element: any): void; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; setupChanges(prop: string, changes: SimpleChanges): void; ngDoCheck(): void; _setOption(name: string, value: any): void; } export declare class DxLookupModule { }