devextreme-angular/fesm2022/devextreme-angular-ui-list.mjs.map

Angular UI and visualization components based on DevExtreme widgets

{"version":3,"file":"devextreme-angular-ui-list.mjs","sources":["../../../dist/ui/list/index.ts","../../../dist/ui/list/devextreme-angular-ui-list.ts"],"sourcesContent":["/*!\n * devextreme-angular\n * Version: 24.2.6\n * Build date: Mon Mar 17 2025\n *\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n *\n * This software may be modified and distributed under the terms\n * of the MIT license. See the LICENSE file in the root of the project for details.\n *\n * https://github.com/DevExpress/devextreme-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    TransferState,\r\n    Component,\r\n    NgModule,\r\n    ElementRef,\r\n    NgZone,\r\n    PLATFORM_ID,\r\n    Inject,\r\n\r\n    Input,\r\n    Output,\r\n    OnDestroy,\r\n    EventEmitter,\r\n    OnChanges,\r\n    DoCheck,\r\n    SimpleChanges,\r\n    ContentChildren,\r\n    QueryList\r\n} from '@angular/core';\r\n\r\nexport { ExplicitTypes } from 'devextreme/ui/list';\r\n\r\nimport DataSource from 'devextreme/data/data_source';\r\nimport { dxListItem, ItemDeleteMode, ListMenuMode, ContentReadyEvent, DisposingEvent, GroupRenderedEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemDeletedEvent, ItemDeletingEvent, ItemHoldEvent, ItemRenderedEvent, ItemReorderedEvent, ItemSwipeEvent, OptionChangedEvent, PageLoadingEvent, PullRefreshEvent, ScrollEvent, SelectAllValueChangedEvent, SelectionChangedEvent, SelectionChangingEvent } from 'devextreme/ui/list';\r\nimport { DataSourceOptions } from 'devextreme/data/data_source';\r\nimport { Store } from 'devextreme/data/store';\r\nimport { dxSortableOptions } from 'devextreme/ui/sortable';\r\nimport { PageLoadMode, SearchMode, SelectAllMode, SingleMultipleAllOrNone, ScrollbarMode } from 'devextreme/common';\r\nimport { dxTextBoxOptions } from 'devextreme/ui/text_box';\r\n\r\nimport DxList from 'devextreme/ui/list';\r\n\r\n\r\nimport {\r\n    DxComponent,\r\n    DxTemplateHost,\r\n    DxIntegrationModule,\r\n    DxTemplateModule,\r\n    NestedOptionHost,\r\n    IterableDifferHelper,\r\n    WatcherHelper\r\n} from 'devextreme-angular/core';\r\n\r\nimport { DxoItemDraggingModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoCursorOffsetModule } from 'devextreme-angular/ui/nested';\r\nimport { DxiItemModule } from 'devextreme-angular/ui/nested';\r\nimport { DxiMenuItemModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoSearchEditorOptionsModule } from 'devextreme-angular/ui/nested';\r\nimport { DxiButtonModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoOptionsModule } from 'devextreme-angular/ui/nested';\r\n\r\nimport { DxiListButtonModule } from 'devextreme-angular/ui/list/nested';\r\nimport { DxoListCursorOffsetModule } from 'devextreme-angular/ui/list/nested';\r\nimport { DxiListItemModule } from 'devextreme-angular/ui/list/nested';\r\nimport { DxoListItemDraggingModule } from 'devextreme-angular/ui/list/nested';\r\nimport { DxiListMenuItemModule } from 'devextreme-angular/ui/list/nested';\r\nimport { DxoListOptionsModule } from 'devextreme-angular/ui/list/nested';\r\nimport { DxoListSearchEditorOptionsModule } from 'devextreme-angular/ui/list/nested';\r\n\r\nimport { DxiItemComponent } from 'devextreme-angular/ui/nested';\r\nimport { DxiMenuItemComponent } from 'devextreme-angular/ui/nested';\r\n\r\nimport { DxiListItemComponent } from 'devextreme-angular/ui/list/nested';\r\nimport { DxiListMenuItemComponent } from 'devextreme-angular/ui/list/nested';\r\n\r\n\r\n/**\r\n * The List is a UI component that represents a collection of items in a scrollable list.\r\n\r\n */\r\n@Component({\r\n    selector: 'dx-list',\r\n    template: '',\r\n    host: { ngSkipHydration: 'true' },\r\n    providers: [\r\n        DxTemplateHost,\r\n        WatcherHelper,\r\n        NestedOptionHost,\r\n        IterableDifferHelper\r\n    ]\r\n})\r\nexport class DxListComponent<TItem = any, TKey = any> extends DxComponent implements OnDestroy, OnChanges, DoCheck {\r\n    instance: DxList<TItem, TKey> = null;\r\n\r\n    /**\r\n     * Specifies the shortcut key that sets focus on the UI component.\r\n    \r\n     */\r\n    @Input()\r\n    get accessKey(): string | undefined {\r\n        return this._getOption('accessKey');\r\n    }\r\n    set accessKey(value: string | undefined) {\r\n        this._setOption('accessKey', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the UI component changes its visual state as a result of user interaction.\r\n    \r\n     */\r\n    @Input()\r\n    get activeStateEnabled(): boolean {\r\n        return this._getOption('activeStateEnabled');\r\n    }\r\n    set activeStateEnabled(value: boolean) {\r\n        this._setOption('activeStateEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether or not an end user can delete list items.\r\n    \r\n     */\r\n    @Input()\r\n    get allowItemDeleting(): boolean {\r\n        return this._getOption('allowItemDeleting');\r\n    }\r\n    set allowItemDeleting(value: boolean) {\r\n        this._setOption('allowItemDeleting', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * A Boolean value specifying whether to enable or disable the bounce-back effect.\r\n    \r\n     */\r\n    @Input()\r\n    get bounceEnabled(): boolean {\r\n        return this._getOption('bounceEnabled');\r\n    }\r\n    set bounceEnabled(value: boolean) {\r\n        this._setOption('bounceEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether or not an end user can collapse groups.\r\n    \r\n     */\r\n    @Input()\r\n    get collapsibleGroups(): boolean {\r\n        return this._getOption('collapsibleGroups');\r\n    }\r\n    set collapsibleGroups(value: boolean) {\r\n        this._setOption('collapsibleGroups', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Binds the UI component to data.\r\n    \r\n     */\r\n    @Input()\r\n    get dataSource(): Array<any | dxListItem | string> | DataSource | DataSourceOptions | null | Store | string {\r\n        return this._getOption('dataSource');\r\n    }\r\n    set dataSource(value: Array<any | dxListItem | string> | DataSource | DataSourceOptions | null | Store | string) {\r\n        this._setOption('dataSource', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the UI component responds to user interaction.\r\n    \r\n     */\r\n    @Input()\r\n    get disabled(): boolean {\r\n        return this._getOption('disabled');\r\n    }\r\n    set disabled(value: boolean) {\r\n        this._setOption('disabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the data field whose values should be displayed. Defaults to &apos;text&apos; when the data source contains objects.\r\n    \r\n     */\r\n    @Input()\r\n    get displayExpr(): ((item: any) => string) | string | undefined {\r\n        return this._getOption('displayExpr');\r\n    }\r\n    set displayExpr(value: ((item: any) => string) | string | undefined) {\r\n        this._setOption('displayExpr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the global attributes to be attached to the UI component&apos;s container element.\r\n    \r\n     */\r\n    @Input()\r\n    get elementAttr(): Record<string, any> {\r\n        return this._getOption('elementAttr');\r\n    }\r\n    set elementAttr(value: Record<string, any>) {\r\n        this._setOption('elementAttr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the UI component can be focused using keyboard navigation.\r\n    \r\n     */\r\n    @Input()\r\n    get focusStateEnabled(): boolean {\r\n        return this._getOption('focusStateEnabled');\r\n    }\r\n    set focusStateEnabled(value: boolean) {\r\n        this._setOption('focusStateEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether data items should be grouped.\r\n    \r\n     */\r\n    @Input()\r\n    get grouped(): boolean {\r\n        return this._getOption('grouped');\r\n    }\r\n    set grouped(value: boolean) {\r\n        this._setOption('grouped', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a custom template for group captions.\r\n    \r\n     */\r\n    @Input()\r\n    get groupTemplate(): any {\r\n        return this._getOption('groupTemplate');\r\n    }\r\n    set groupTemplate(value: any) {\r\n        this._setOption('groupTemplate', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the UI component&apos;s height.\r\n    \r\n     */\r\n    @Input()\r\n    get height(): (() => number | string) | number | string | undefined {\r\n        return this._getOption('height');\r\n    }\r\n    set height(value: (() => number | string) | number | string | undefined) {\r\n        this._setOption('height', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies text for a hint that appears when a user pauses on the UI component.\r\n    \r\n     */\r\n    @Input()\r\n    get hint(): string | undefined {\r\n        return this._getOption('hint');\r\n    }\r\n    set hint(value: string | undefined) {\r\n        this._setOption('hint', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the UI component changes its state when a user pauses on it.\r\n    \r\n     */\r\n    @Input()\r\n    get hoverStateEnabled(): boolean {\r\n        return this._getOption('hoverStateEnabled');\r\n    }\r\n    set hoverStateEnabled(value: boolean) {\r\n        this._setOption('hoverStateEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether or not to show the loading panel when the DataSource bound to the UI component is loading data.\r\n    \r\n     */\r\n    @Input()\r\n    get indicateLoading(): boolean {\r\n        return this._getOption('indicateLoading');\r\n    }\r\n    set indicateLoading(value: boolean) {\r\n        this._setOption('indicateLoading', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the way a user can delete items from the list.\r\n    \r\n     */\r\n    @Input()\r\n    get itemDeleteMode(): ItemDeleteMode {\r\n        return this._getOption('itemDeleteMode');\r\n    }\r\n    set itemDeleteMode(value: ItemDeleteMode) {\r\n        this._setOption('itemDeleteMode', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Configures item reordering using drag and drop gestures.\r\n    \r\n     */\r\n    @Input()\r\n    get itemDragging(): dxSortableOptions {\r\n        return this._getOption('itemDragging');\r\n    }\r\n    set itemDragging(value: dxSortableOptions) {\r\n        this._setOption('itemDragging', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * The time period in milliseconds before the onItemHold event is raised.\r\n    \r\n     */\r\n    @Input()\r\n    get itemHoldTimeout(): number {\r\n        return this._getOption('itemHoldTimeout');\r\n    }\r\n    set itemHoldTimeout(value: number) {\r\n        this._setOption('itemHoldTimeout', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * An array of items displayed by the UI component.\r\n    \r\n     */\r\n    @Input()\r\n    get items(): Array<any | dxListItem | string> {\r\n        return this._getOption('items');\r\n    }\r\n    set items(value: Array<any | dxListItem | string>) {\r\n        this._setOption('items', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a custom template for items.\r\n    \r\n     */\r\n    @Input()\r\n    get itemTemplate(): any {\r\n        return this._getOption('itemTemplate');\r\n    }\r\n    set itemTemplate(value: any) {\r\n        this._setOption('itemTemplate', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the key property that provides key values to access data items. Each key value must be unique.\r\n    \r\n     */\r\n    @Input()\r\n    get keyExpr(): Function | string {\r\n        return this._getOption('keyExpr');\r\n    }\r\n    set keyExpr(value: Function | string) {\r\n        this._setOption('keyExpr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the array of items for a context menu called for a list item.\r\n    \r\n     */\r\n    @Input()\r\n    get menuItems(): { action?: ((itemElement: any, itemData: any) => void), text?: string }[] {\r\n        return this._getOption('menuItems');\r\n    }\r\n    set menuItems(value: { action?: ((itemElement: any, itemData: any) => void), text?: string }[]) {\r\n        this._setOption('menuItems', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether an item context menu is shown when a user holds or swipes an item.\r\n    \r\n     */\r\n    @Input()\r\n    get menuMode(): ListMenuMode {\r\n        return this._getOption('menuMode');\r\n    }\r\n    set menuMode(value: ListMenuMode) {\r\n        this._setOption('menuMode', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * The text displayed on the button used to load the next page from the data source.\r\n    \r\n     */\r\n    @Input()\r\n    get nextButtonText(): string {\r\n        return this._getOption('nextButtonText');\r\n    }\r\n    set nextButtonText(value: string) {\r\n        this._setOption('nextButtonText', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the text or HTML markup displayed by the UI component if the item collection is empty.\r\n    \r\n     */\r\n    @Input()\r\n    get noDataText(): string {\r\n        return this._getOption('noDataText');\r\n    }\r\n    set noDataText(value: string) {\r\n        this._setOption('noDataText', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom.\r\n    \r\n     */\r\n    @Input()\r\n    get pageLoadingText(): string {\r\n        return this._getOption('pageLoadingText');\r\n    }\r\n    set pageLoadingText(value: string) {\r\n        this._setOption('pageLoadingText', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the next page is loaded when a user scrolls the UI component to the bottom or when the &apos;next&apos; button is clicked.\r\n    \r\n     */\r\n    @Input()\r\n    get pageLoadMode(): PageLoadMode {\r\n        return this._getOption('pageLoadMode');\r\n    }\r\n    set pageLoadMode(value: PageLoadMode) {\r\n        this._setOption('pageLoadMode', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold.\r\n    \r\n     */\r\n    @Input()\r\n    get pulledDownText(): string {\r\n        return this._getOption('pulledDownText');\r\n    }\r\n    set pulledDownText(value: string) {\r\n        this._setOption('pulledDownText', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold.\r\n    \r\n     */\r\n    @Input()\r\n    get pullingDownText(): string {\r\n        return this._getOption('pullingDownText');\r\n    }\r\n    set pullingDownText(value: string) {\r\n        this._setOption('pullingDownText', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * A Boolean value specifying whether or not the UI component supports the &apos;pull down to refresh&apos; gesture.\r\n    \r\n     */\r\n    @Input()\r\n    get pullRefreshEnabled(): boolean {\r\n        return this._getOption('pullRefreshEnabled');\r\n    }\r\n    set pullRefreshEnabled(value: boolean) {\r\n        this._setOption('pullRefreshEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the text displayed in the pullDown panel while the list is being refreshed.\r\n    \r\n     */\r\n    @Input()\r\n    get refreshingText(): string {\r\n        return this._getOption('refreshingText');\r\n    }\r\n    set refreshingText(value: string) {\r\n        this._setOption('refreshingText', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether to repaint only those elements whose data changed.\r\n    \r\n     */\r\n    @Input()\r\n    get repaintChangesOnly(): boolean {\r\n        return this._getOption('repaintChangesOnly');\r\n    }\r\n    set repaintChangesOnly(value: boolean) {\r\n        this._setOption('repaintChangesOnly', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Switches the UI component to a right-to-left representation.\r\n    \r\n     */\r\n    @Input()\r\n    get rtlEnabled(): boolean {\r\n        return this._getOption('rtlEnabled');\r\n    }\r\n    set rtlEnabled(value: boolean) {\r\n        this._setOption('rtlEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * A Boolean value specifying if the list is scrolled by content.\r\n    \r\n     */\r\n    @Input()\r\n    get scrollByContent(): boolean {\r\n        return this._getOption('scrollByContent');\r\n    }\r\n    set scrollByContent(value: boolean) {\r\n        this._setOption('scrollByContent', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether a user can scroll the content with the scrollbar. Applies only if useNativeScrolling is false.\r\n    \r\n     */\r\n    @Input()\r\n    get scrollByThumb(): boolean {\r\n        return this._getOption('scrollByThumb');\r\n    }\r\n    set scrollByThumb(value: boolean) {\r\n        this._setOption('scrollByThumb', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * A Boolean value specifying whether to enable or disable list scrolling.\r\n    \r\n     */\r\n    @Input()\r\n    get scrollingEnabled(): boolean {\r\n        return this._getOption('scrollingEnabled');\r\n    }\r\n    set scrollingEnabled(value: boolean) {\r\n        this._setOption('scrollingEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Configures the search panel.\r\n    \r\n     */\r\n    @Input()\r\n    get searchEditorOptions(): dxTextBoxOptions<any> {\r\n        return this._getOption('searchEditorOptions');\r\n    }\r\n    set searchEditorOptions(value: dxTextBoxOptions<any>) {\r\n        this._setOption('searchEditorOptions', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the search panel is visible.\r\n    \r\n     */\r\n    @Input()\r\n    get searchEnabled(): boolean {\r\n        return this._getOption('searchEnabled');\r\n    }\r\n    set searchEnabled(value: boolean) {\r\n        this._setOption('searchEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a data object&apos;s field name or an expression whose value is compared to the search string.\r\n    \r\n     */\r\n    @Input()\r\n    get searchExpr(): Array<Function | string> | Function | string {\r\n        return this._getOption('searchExpr');\r\n    }\r\n    set searchExpr(value: Array<Function | string> | Function | string) {\r\n        this._setOption('searchExpr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a comparison operation used to search UI component items.\r\n    \r\n     */\r\n    @Input()\r\n    get searchMode(): SearchMode {\r\n        return this._getOption('searchMode');\r\n    }\r\n    set searchMode(value: SearchMode) {\r\n        this._setOption('searchMode', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a delay in milliseconds between when a user finishes typing, and the search is executed.\r\n    \r\n     */\r\n    @Input()\r\n    get searchTimeout(): number | undefined {\r\n        return this._getOption('searchTimeout');\r\n    }\r\n    set searchTimeout(value: number | undefined) {\r\n        this._setOption('searchTimeout', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the current search string.\r\n    \r\n     */\r\n    @Input()\r\n    get searchValue(): string {\r\n        return this._getOption('searchValue');\r\n    }\r\n    set searchValue(value: string) {\r\n        this._setOption('searchValue', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the mode in which all items are selected.\r\n    \r\n     */\r\n    @Input()\r\n    get selectAllMode(): SelectAllMode {\r\n        return this._getOption('selectAllMode');\r\n    }\r\n    set selectAllMode(value: SelectAllMode) {\r\n        this._setOption('selectAllMode', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the text displayed at the &apos;Select All&apos; check box.\r\n    \r\n     */\r\n    @Input()\r\n    get selectAllText(): string {\r\n        return this._getOption('selectAllText');\r\n    }\r\n    set selectAllText(value: string) {\r\n        this._setOption('selectAllText', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether an item is selected if a user clicks it.\r\n    \r\n     */\r\n    @Input()\r\n    get selectByClick(): boolean {\r\n        return this._getOption('selectByClick');\r\n    }\r\n    set selectByClick(value: boolean) {\r\n        this._setOption('selectByClick', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies an array of currently selected item keys.\r\n    \r\n     */\r\n    @Input()\r\n    get selectedItemKeys(): Array<any> {\r\n        return this._getOption('selectedItemKeys');\r\n    }\r\n    set selectedItemKeys(value: Array<any>) {\r\n        this._setOption('selectedItemKeys', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * An array of currently selected item objects.\r\n    \r\n     */\r\n    @Input()\r\n    get selectedItems(): Array<any> {\r\n        return this._getOption('selectedItems');\r\n    }\r\n    set selectedItems(value: Array<any>) {\r\n        this._setOption('selectedItems', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies item selection mode.\r\n    \r\n     */\r\n    @Input()\r\n    get selectionMode(): SingleMultipleAllOrNone {\r\n        return this._getOption('selectionMode');\r\n    }\r\n    set selectionMode(value: SingleMultipleAllOrNone) {\r\n        this._setOption('selectionMode', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies when the UI component shows the scrollbar.\r\n    \r\n     */\r\n    @Input()\r\n    get showScrollbar(): ScrollbarMode {\r\n        return this._getOption('showScrollbar');\r\n    }\r\n    set showScrollbar(value: ScrollbarMode) {\r\n        this._setOption('showScrollbar', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether or not to display controls used to select list items. Not available if selectionMode is set to &apos;none&apos;.\r\n    \r\n     */\r\n    @Input()\r\n    get showSelectionControls(): boolean {\r\n        return this._getOption('showSelectionControls');\r\n    }\r\n    set showSelectionControls(value: boolean) {\r\n        this._setOption('showSelectionControls', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the number of the element when the Tab key is used for navigating.\r\n    \r\n     */\r\n    @Input()\r\n    get tabIndex(): number {\r\n        return this._getOption('tabIndex');\r\n    }\r\n    set tabIndex(value: number) {\r\n        this._setOption('tabIndex', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether or not the UI component uses native scrolling.\r\n    \r\n     */\r\n    @Input()\r\n    get useNativeScrolling(): boolean {\r\n        return this._getOption('useNativeScrolling');\r\n    }\r\n    set useNativeScrolling(value: boolean) {\r\n        this._setOption('useNativeScrolling', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the UI component is visible.\r\n    \r\n     */\r\n    @Input()\r\n    get visible(): boolean {\r\n        return this._getOption('visible');\r\n    }\r\n    set visible(value: boolean) {\r\n        this._setOption('visible', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the UI component&apos;s width.\r\n    \r\n     */\r\n    @Input()\r\n    get width(): (() => number | string) | number | string | undefined {\r\n        return this._getOption('width');\r\n    }\r\n    set width(value: (() => number | string) | number | string | undefined) {\r\n        this._setOption('width', value);\r\n    }\r\n\r\n    /**\r\n    \r\n     * A function that is executed when the UI component is rendered and each time the component is repainted.\r\n    \r\n    \r\n     */\r\n    @Output() onContentReady: EventEmitter<ContentReadyEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed before the UI component is disposed of.\r\n    \r\n    \r\n     */\r\n    @Output() onDisposing: EventEmitter<DisposingEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when a group element is rendered.\r\n    \r\n    \r\n     */\r\n    @Output() onGroupRendered: EventEmitter<GroupRenderedEvent>;\r\n\r\n    /**\r\n    \r\n     * A function used in JavaScript frameworks to save the UI component instance.\r\n    \r\n    \r\n     */\r\n    @Output() onInitialized: EventEmitter<InitializedEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when a collection item is clicked or tapped.\r\n    \r\n    \r\n     */\r\n    @Output() onItemClick: EventEmitter<ItemClickEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when a collection item is right-clicked or pressed.\r\n    \r\n    \r\n     */\r\n    @Output() onItemContextMenu: EventEmitter<ItemContextMenuEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed after a list item is deleted from the data source.\r\n    \r\n    \r\n     */\r\n    @Output() onItemDeleted: EventEmitter<ItemDeletedEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed before a collection item is deleted from the data source.\r\n    \r\n    \r\n     */\r\n    @Output() onItemDeleting: EventEmitter<ItemDeletingEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when a collection item has been held for a specified period.\r\n    \r\n    \r\n     */\r\n    @Output() onItemHold: EventEmitter<ItemHoldEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed after a collection item is rendered.\r\n    \r\n    \r\n     */\r\n    @Output() onItemRendered: EventEmitter<ItemRenderedEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed after a list item is moved to another position.\r\n    \r\n    \r\n     */\r\n    @Output() onItemReordered: EventEmitter<ItemReorderedEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when a list item is swiped.\r\n    \r\n    \r\n     */\r\n    @Output() onItemSwipe: EventEmitter<ItemSwipeEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed after a UI component property is changed.\r\n    \r\n    \r\n     */\r\n    @Output() onOptionChanged: EventEmitter<OptionChangedEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed before the next page is loaded.\r\n    \r\n    \r\n     */\r\n    @Output() onPageLoading: EventEmitter<PageLoadingEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when the &apos;pull to refresh&apos; gesture is performed. Supported on mobile devices only.\r\n    \r\n    \r\n     */\r\n    @Output() onPullRefresh: EventEmitter<PullRefreshEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed on each scroll gesture.\r\n    \r\n    \r\n     */\r\n    @Output() onScroll: EventEmitter<ScrollEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is executed when the &apos;Select All&apos; check box value is changed. Applies only if the selectionMode is &apos;all&apos;.\r\n    \r\n    \r\n     */\r\n    @Output() onSelectAllValueChanged: EventEmitter<SelectAllValueChangedEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is called after selection changes.\r\n    \r\n    \r\n     */\r\n    @Output() onSelectionChanged: EventEmitter<SelectionChangedEvent>;\r\n\r\n    /**\r\n    \r\n     * A function that is called before selection changes.\r\n    \r\n    \r\n     */\r\n    @Output() onSelectionChanging: EventEmitter<SelectionChangingEvent>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() accessKeyChange: EventEmitter<string | undefined>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() activeStateEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() allowItemDeletingChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() bounceEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() collapsibleGroupsChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() dataSourceChange: EventEmitter<Array<any | dxListItem | string> | DataSource | DataSourceOptions | null | Store | string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() disabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() displayExprChange: EventEmitter<((item: any) => string) | string | undefined>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() elementAttrChange: EventEmitter<Record<string, any>>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() focusStateEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() groupedChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() groupTemplateChange: EventEmitter<any>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() heightChange: EventEmitter<(() => number | string) | number | string | undefined>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() hintChange: EventEmitter<string | undefined>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() hoverStateEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() indicateLoadingChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() itemDeleteModeChange: EventEmitter<ItemDeleteMode>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() itemDraggingChange: EventEmitter<dxSortableOptions>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() itemHoldTimeoutChange: EventEmitter<number>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() itemsChange: EventEmitter<Array<any | dxListItem | string>>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() itemTemplateChange: EventEmitter<any>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() keyExprChange: EventEmitter<Function | string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() menuItemsChange: EventEmitter<{ action?: ((itemElement: any, itemData: any) => void), text?: string }[]>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() menuModeChange: EventEmitter<ListMenuMode>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() nextButtonTextChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() noDataTextChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() pageLoadingTextChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() pageLoadModeChange: EventEmitter<PageLoadMode>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() pulledDownTextChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() pullingDownTextChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() pullRefreshEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() refreshingTextChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() repaintChangesOnlyChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() rtlEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() scrollByContentChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() scrollByThumbChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() scrollingEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() searchEditorOptionsChange: EventEmitter<dxTextBoxOptions<any>>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() searchEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() searchExprChange: EventEmitter<Array<Function | string> | Function | string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() searchModeChange: EventEmitter<SearchMode>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() searchTimeoutChange: EventEmitter<number | undefined>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() searchValueChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() selectAllModeChange: EventEmitter<SelectAllMode>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() selectAllTextChange: EventEmitter<string>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() selectByClickChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() selectedItemKeysChange: EventEmitter<Array<any>>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() selectedItemsChange: EventEmitter<Array<any>>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() selectionModeChange: EventEmitter<SingleMultipleAllOrNone>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() showScrollbarChange: EventEmitter<ScrollbarMode>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() showSelectionControlsChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() tabIndexChange: EventEmitter<number>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() useNativeScrollingChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() visibleChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n    \r\n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\r\n    \r\n     */\r\n    @Output() widthChange: EventEmitter<(() => number | string) | number | string | undefined>;\r\n\r\n\r\n\r\n\r\n    @ContentChildren(DxiListItemComponent)\r\n    get itemsChildren(): QueryList<DxiListItemComponent> {\r\n        return this._getOption('items');\r\n    }\r\n    set itemsChildren(value) {\r\n        this._setChildren('items', value, 'DxiListItemComponent');\r\n    }\r\n\r\n    @ContentChildren(DxiListMenuItemComponent)\r\n    get menuItemsChildren(): QueryList<DxiListMenuItemComponent> {\r\n        return this._getOption('menuItems');\r\n    }\r\n    set menuItemsChildren(value) {\r\n        this._setChildren('menuItems', value, 'DxiListMenuItemComponent');\r\n    }\r\n\r\n\r\n    @ContentChildren(DxiItemComponent)\r\n    get itemsLegacyChildren(): QueryList<DxiItemComponent> {\r\n        return this._getOption('items');\r\n    }\r\n    set itemsLegacyChildren(value) {\r\n        this._setChildren('items', value, 'DxiItemComponent');\r\n    }\r\n\r\n    @ContentChildren(DxiMenuItemComponent)\r\n    get menuItemsLegacyChildren(): QueryList<DxiMenuItemComponent> {\r\n        return this._getOption('menuItems');\r\n    }\r\n    set menuItemsLegacyChildren(value) {\r\n        this._setChildren('menuItems', value, 'DxiMenuItemComponent');\r\n    }\r\n\r\n\r\n\r\n\r\n    constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost,\r\n            private _watcherHelper: WatcherHelper,\r\n            private _idh: IterableDifferHelper,\r\n            optionHost: NestedOptionHost,\r\n            transferState: TransferState,\r\n            @Inject(PLATFORM_ID) platformId: any) {\r\n\r\n        super(elementRef, ngZone, templateHost, _watcherHelper, transferState, platformId);\r\n\r\n        this._createEventEmitters([\r\n            { subscribe: 'contentReady', emit: 'onContentReady' },\r\n            { subscribe: 'disposing', emit: 'onDisposing' },\r\n            { subscribe: 'groupRendered', emit: 'onGroupRendered' },\r\n            { subscribe: 'initialized', emit: 'onInitialized' },\r\n            { subscribe: 'itemClick', emit: 'onItemClick' },\r\n            { subscribe: 'itemContextMenu', emit: 'onItemContextMenu' },\r\n            { subscribe: 'itemDeleted', emit: 'onItemDeleted' },\r\n            { subscribe: 'itemDeleting', emit: 'onItemDeleting' },\r\n            { subscribe: 'itemHold', emit: 'onItemHold' },\r\n            { subscribe: 'itemRendered', emit: 'onItemRendered' },\r\n            { subscribe: 'itemReordered', emit: 'onItemReordered' },\r\n            { subscribe: 'itemSwipe', emit: 'onItemSwipe' },\r\n            { subscribe: 'optionChanged', emit: 'onOptionChanged' },\r\n            { subscribe: 'pageLoading', emit: 'onPageLoading' },\r\n            { subscribe: 'pullRefresh', emit: 'onPullRefresh' },\r\n            { subscribe: 'scroll', emit: 'onScroll' },\r\n            { subscribe: 'selectAllValueChanged', emit: 'onSelectAllValueChanged' },\r\n            { subscribe: 'selectionChanged', emit: 'onSelectionChanged' },\r\n            { subscribe: 'selectionChanging', emit: 'onSelectionChanging' },\r\n            { emit: 'accessKeyChange' },\r\n            { emit: 'activeStateEnabledChange' },\r\n            { emit: 'allowItemDeletingChange' },\r\n            { emit: 'bounceEnabledChange' },\r\n            { emit: 'collapsibleGroupsChange' },\r\n            { emit: 'dataSourceChange' },\r\n            { emit: 'disabledChange' },\r\n            { emit: 'displayExprChange' },\r\n            { emit: 'elementAttrChange' },\r\n            { emit: 'focusStateEnabledChange' },\r\n            { emit: 'groupedChange' },\r\n            { emit: 'groupTemplateChange' },\r\n            { emit: 'heightChange' },\r\n            { emit: 'hintChange' },\r\n            { emit: 'hoverStateEnabledChange' },\r\n            { emit: 'indicateLoadingChange' },\r\n            { emit: 'itemDeleteModeChange' },\r\n            { emit: 'itemDraggingChange' },\r\n            { emit: 'itemHoldTimeoutChange' },\r\n            { emit: 'itemsChange' },\r\n            { emit: 'itemTemplateChange' },\r\n            { emit: 'keyExprChange' },\r\n            { emit: 'menuItemsChange' },\r\n            { emit: 'menuModeChange' },\r\n            { emit: 'nextButtonTextChange' },\r\n            { emit: 'noDataTextChange' },\r\n            { emit: 'pageLoadingTextChange' },\r\n            { emit: 'pageLoadModeChange' },\r\n            { emit: 'pulledDownTextChange' },\r\n            { emit: 'pullingDownTextChange' },\r\n            { emit: 'pullRefreshEnabledChange' },\r\n            { emit: 'refreshingTextChange' },\r\n            { emit: 'repaintChangesOnlyChange' },\r\n            { emit: 'rtlEnabledChange' },\r\n            { emit: 'scrollByContentChange' },\r\n            { emit: 'scrollByThumbChange' },\r\n            { emit: 'scrollingEnabledChange' },\r\n            { emit: 'searchEditorOptionsChange' },\r\n            { emit: 'searchEnabledChange' },\r\n            { emit: 'searchExprChange' },\r\n            { emit: 'searchModeChange' },\r\n            { emit: 'searchTimeoutChange' },\r\n            { emit: 'searchValueChange' },\r\n            { emit: 'selectAllModeChange' },\r\n            { emit: 'selectAllTextChange' },\r\n            { emit: 'selectByClickChange' },\r\n            { emit: 'selectedItemKeysChange' },\r\n            { emit: 'selectedItemsChange' },\r\n            { emit: 'selectionModeChange' },\r\n            { emit: 'showScrollbarChange' },\r\n            { emit: 'showSelectionControlsChange' },\r\n            { emit: 'tabIndexChange' },\r\n            { emit: 'useNativeScrollingChange' },\r\n            { emit: 'visibleChange' },\r\n            { emit: 'widthChange' }\r\n        ]);\r\n\r\n        this._idh.setHost(this);\r\n        optionHost.setHost(this);\r\n    }\r\n\r\n    protected _createInstance(element, options) {\r\n\r\n        return new DxList(element, options);\r\n    }\r\n\r\n\r\n    ngOnDestroy() {\r\n        this._destroyWidget();\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges) {\r\n        super.ngOnChanges(changes);\r\n        this.setupChanges('dataSource', changes);\r\n        this.setupChanges('items', changes);\r\n        this.setupChanges('menuItems', changes);\r\n        this.setupChanges('searchExpr', changes);\r\n        this.setupChanges('selectedItemKeys', changes);\r\n        this.setupChanges('selectedItems', changes);\r\n    }\r\n\r\n    setupChanges(prop: string, changes: SimpleChanges) {\r\n        if (!(prop in this._optionsToUpdate)) {\r\n            this._idh.setup(prop, changes);\r\n        }\r\n    }\r\n\r\n    ngDoCheck() {\r\n        this._idh.doCheck('dataSource');\r\n        this._idh.doCheck('items');\r\n        this._idh.doCheck('menuItems');\r\n        this._idh.doCheck('searchExpr');\r\n        this._idh.doCheck('selectedItemKeys');\r\n        this._idh.doCheck('selectedItems');\r\n        this._watcherHelper.checkWatchers();\r\n        super.ngDoCheck();\r\n        super.clearChangedOptions();\r\n    }\r\n\r\n    _setOption(name: string, value: any) {\r\n        let isSetup = this._idh.setupSingle(name, value);\r\n        let isChanged = this._idh.getChanges(name, value) !== null;\r\n\r\n        if (isSetup || isChanged) {\r\n            super._setOption(name, value);\r\n        }\r\n    }\r\n}\r\n\r\n@NgModule({\r\n  imports: [\r\n    DxoItemDraggingModule,\r\n    DxoCursorOffsetModule,\r\n    DxiItemModule,\r\n    DxiMenuItemModule,\r\n    DxoSearchEditorOptionsModule,\r\n    DxiButtonModule,\r\n    DxoOptionsModule,\r\n    DxiListButtonModule,\r\n    DxoListCursorOffsetModule,\r\n    DxiListItemModule,\r\n    DxoListItemDraggingModule,\r\n    DxiListMenuItemModule,\r\n    DxoListOptionsModule,\r\n    DxoListSearchEditorOptionsModule,\r\n    DxIntegrationModule,\r\n    DxTemplateModule\r\n  ],\r\n  declarations: [\r\n    DxListComponent\r\n  ],\r\n  exports: [\r\n    DxListComponent,\r\n    DxoItemDraggingModule,\r\n    DxoCursorOffsetModule,\r\n    DxiItemModule,\r\n    DxiMenuItemModule,\r\n    DxoSearchEditorOptionsModule,\r\n    DxiButtonModule,\r\n    DxoOptionsModule,\r\n    DxiListButtonModule,\r\n    DxoListCursorOffsetModule,\r\n    DxiListItemModule,\r\n    DxoListItemDraggingModule,\r\n    DxiListMenuItemModule,\r\n    DxoListOptionsModule,\r\n    DxoListSearchEditorOptionsModule,\r\n    DxTemplateModule\r\n  ]\r\n})\r\nexport class DxListModule { }\r\n\r\nimport type * as DxListTypes from \"devextreme/ui/list_types\";\r\nexport { DxListTypes };\r\n\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;;;;;;AAWG;AAEH;AAqEA;;;AAGG;AAYG,MAAO,eAAyC,SAAQ,WAAW,CAAA;AA8wCrD,IAAA,cAAA,CAAA;AACA,IAAA,IAAA,CAAA;IA9wChB,QAAQ,GAAwB,IAAI,CAAC;AAErC;;;AAGG;AACH,IAAA,IACI,SAAS,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;KACvC;IACD,IAAI,SAAS,CAAC,KAAyB,EAAA;AACnC,QAAA,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;KACvC;AAGD;;;AAGG;AACH,IAAA,IACI,kBAAkB,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;KAChD;IACD,IAAI,kBAAkB,CAAC,KAAc,EAAA;AACjC,QAAA,IAAI,CAAC,UAAU,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;KAChD;AAGD;;;AAGG;AACH,IAAA,IACI,iBAAiB,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;KAC/C;IACD,IAAI,iBAAiB,CAAC,KAAc,EAAA;AAChC,QAAA,IAAI,CAAC,UAAU,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;KAC/C;AAGD;;;AAGG;AACH,IAAA,IACI,aAAa,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;KAC3C;IACD,IAAI,aAAa,CAAC,KAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;KAC3C;AAGD;;;AAGG;AACH,IAAA,IACI,iBAAiB,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;KAC/C;IACD,IAAI,iBAAiB,CAAC,KAAc,EAAA;AAChC,QAAA,IAAI,CAAC,UAAU,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;KAC/C;AAGD;;;AAGG;AACH,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;KACxC;IACD,IAAI,UAAU,CAAC,KAAgG,EAAA;AAC3G,QAAA,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;KACxC;AAGD;;;AAGG;AACH,IAAA,IACI,QAAQ,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;KACtC;IACD,IAAI,QAAQ,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;KACtC;AAGD;;;AAGG;AACH,IAAA,IACI,WAAW,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;KACzC;IACD,IAAI,WAAW,CAAC,KAAmD,EAAA;AAC/D,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,KAAK,