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

DevExtreme UI and Visualization Components for Angular

{"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: 26.1.3\n * Build date: Wed Jun 10 2026\n *\n * Copyright (c) 2012 - 2026 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\n */\n\n/* tslint:disable:max-line-length */\n\n\nimport {\n    TransferState,\n    Component,\n    NgModule,\n    ElementRef,\n    NgZone,\n    PLATFORM_ID,\n    Inject,\n\n    Input,\n    Output,\n    OnDestroy,\n    EventEmitter,\n    OnChanges,\n    DoCheck,\n    SimpleChanges,\n    ContentChildren,\n    QueryList\n} from '@angular/core';\n\nexport type { ExplicitTypes } from 'devextreme/ui/list';\n\nimport type { 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';\nimport type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';\nimport type { Store } from 'devextreme/data/store';\nimport type { dxSortableOptions } from 'devextreme/ui/sortable';\nimport type { PageLoadMode, SearchMode, SelectAllMode, SingleMultipleAllOrNone, ScrollbarMode } from 'devextreme/common';\nimport type { dxTextBoxOptions } from 'devextreme/ui/text_box';\n\nimport DxList from 'devextreme/ui/list';\n\n\nimport {\n    DxComponent,\n    DxTemplateHost,\n    DxIntegrationModule,\n    DxTemplateModule,\n    NestedOptionHost,\n    IterableDifferHelper,\n    WatcherHelper,\n    CollectionNestedOption,\n} from 'devextreme-angular/core';\n\nimport { DxoItemDraggingModule } from 'devextreme-angular/ui/nested';\nimport { DxoCursorOffsetModule } from 'devextreme-angular/ui/nested';\nimport { DxiItemModule } from 'devextreme-angular/ui/nested';\nimport { DxoSearchEditorOptionsModule } from 'devextreme-angular/ui/nested';\nimport { DxiButtonModule } from 'devextreme-angular/ui/nested';\nimport { DxoOptionsModule } from 'devextreme-angular/ui/nested';\n\nimport { DxiListButtonModule } from 'devextreme-angular/ui/list/nested';\nimport { DxoListCursorOffsetModule } from 'devextreme-angular/ui/list/nested';\nimport { DxiListItemModule } from 'devextreme-angular/ui/list/nested';\nimport { DxoListItemDraggingModule } from 'devextreme-angular/ui/list/nested';\nimport { DxiListMenuItemModule } from 'devextreme-angular/ui/list/nested';\nimport { DxoListOptionsModule } from 'devextreme-angular/ui/list/nested';\nimport { DxoListSearchEditorOptionsModule } from 'devextreme-angular/ui/list/nested';\nimport { \n           PROPERTY_TOKEN_buttons,\n           PROPERTY_TOKEN_items,\n           PROPERTY_TOKEN_menuItems,\n     } from 'devextreme-angular/core/tokens';\n\n\n/**\n * The List is a UI component that represents a collection of items in a scrollable list.\n\n */\n@Component({\n    selector: 'dx-list',\n    template: '',\n    host: { ngSkipHydration: 'true' },\n    imports: [ DxIntegrationModule ],\n    providers: [\n        DxTemplateHost,\n        WatcherHelper,\n        NestedOptionHost,\n        IterableDifferHelper\n    ]\n})\nexport class DxListComponent<TItem = any, TKey = any> extends DxComponent implements OnDestroy, OnChanges, DoCheck {\n\n    @ContentChildren(PROPERTY_TOKEN_buttons)\n    set _buttonsContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('buttons', value);\n    }\n\n    @ContentChildren(PROPERTY_TOKEN_items)\n    set _itemsContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('items', value);\n    }\n\n    @ContentChildren(PROPERTY_TOKEN_menuItems)\n    set _menuItemsContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('menuItems', value);\n    }\n\n    instance: DxList<TItem, TKey> = null;\n\n    /**\n     * Specifies the shortcut key that sets focus on the UI component.\n    \n     */\n    @Input()\n    get accessKey(): string | undefined {\n        return this._getOption('accessKey');\n    }\n    set accessKey(value: string | undefined) {\n        this._setOption('accessKey', value);\n    }\n\n\n    /**\n     * Specifies whether the UI component changes its visual state as a result of user interaction.\n    \n     */\n    @Input()\n    get activeStateEnabled(): boolean {\n        return this._getOption('activeStateEnabled');\n    }\n    set activeStateEnabled(value: boolean) {\n        this._setOption('activeStateEnabled', value);\n    }\n\n\n    /**\n     * Specifies whether or not an end user can delete list items.\n    \n     */\n    @Input()\n    get allowItemDeleting(): boolean {\n        return this._getOption('allowItemDeleting');\n    }\n    set allowItemDeleting(value: boolean) {\n        this._setOption('allowItemDeleting', value);\n    }\n\n\n    /**\n     * A Boolean value specifying whether to enable or disable the bounce-back effect.\n    \n     */\n    @Input()\n    get bounceEnabled(): boolean {\n        return this._getOption('bounceEnabled');\n    }\n    set bounceEnabled(value: boolean) {\n        this._setOption('bounceEnabled', value);\n    }\n\n\n    /**\n     * Specifies whether or not an end user can collapse groups.\n    \n     */\n    @Input()\n    get collapsibleGroups(): boolean {\n        return this._getOption('collapsibleGroups');\n    }\n    set collapsibleGroups(value: boolean) {\n        this._setOption('collapsibleGroups', value);\n    }\n\n\n    /**\n     * Binds the UI component to data.\n    \n     */\n    @Input()\n    get dataSource(): Array<any | dxListItem | string> | DataSource | DataSourceOptions | null | Store | string {\n        return this._getOption('dataSource');\n    }\n    set dataSource(value: Array<any | dxListItem | string> | DataSource | DataSourceOptions | null | Store | string) {\n        this._setOption('dataSource', value);\n    }\n\n\n    /**\n     * Specifies whether the UI component responds to user interaction.\n    \n     */\n    @Input()\n    get disabled(): boolean {\n        return this._getOption('disabled');\n    }\n    set disabled(value: boolean) {\n        this._setOption('disabled', value);\n    }\n\n\n    /**\n     * Specifies the data field whose values should be displayed. Defaults to &apos;text&apos; when the data source contains objects.\n    \n     */\n    @Input()\n    get displayExpr(): ((item: any) => string) | string | undefined {\n        return this._getOption('displayExpr');\n    }\n    set displayExpr(value: ((item: any) => string) | string | undefined) {\n        this._setOption('displayExpr', value);\n    }\n\n\n    /**\n     * Specifies the global attributes to be attached to the UI component&apos;s container element.\n    \n     */\n    @Input()\n    get elementAttr(): Record<string, any> {\n        return this._getOption('elementAttr');\n    }\n    set elementAttr(value: Record<string, any>) {\n        this._setOption('elementAttr', value);\n    }\n\n\n    /**\n     * Specifies whether the UI component can be focused using keyboard navigation.\n    \n     */\n    @Input()\n    get focusStateEnabled(): boolean {\n        return this._getOption('focusStateEnabled');\n    }\n    set focusStateEnabled(value: boolean) {\n        this._setOption('focusStateEnabled', value);\n    }\n\n\n    /**\n     * Specifies whether data items should be grouped.\n    \n     */\n    @Input()\n    get grouped(): boolean {\n        return this._getOption('grouped');\n    }\n    set grouped(value: boolean) {\n        this._setOption('grouped', value);\n    }\n\n\n    /**\n     * Specifies a custom template for group captions.\n    \n     */\n    @Input()\n    get groupTemplate(): any {\n        return this._getOption('groupTemplate');\n    }\n    set groupTemplate(value: any) {\n        this._setOption('groupTemplate', value);\n    }\n\n\n    /**\n     * Specifies the UI component&apos;s height.\n    \n     */\n    @Input()\n    get height(): number | string | undefined {\n        return this._getOption('height');\n    }\n    set height(value: number | string | undefined) {\n        this._setOption('height', value);\n    }\n\n\n    /**\n     * Specifies text for a hint that appears when a user pauses on the UI component.\n    \n     */\n    @Input()\n    get hint(): string | undefined {\n        return this._getOption('hint');\n    }\n    set hint(value: string | undefined) {\n        this._setOption('hint', value);\n    }\n\n\n    /**\n     * Specifies whether the UI component changes its state when a user pauses on it.\n    \n     */\n    @Input()\n    get hoverStateEnabled(): boolean {\n        return this._getOption('hoverStateEnabled');\n    }\n    set hoverStateEnabled(value: boolean) {\n        this._setOption('hoverStateEnabled', value);\n    }\n\n\n    /**\n     * Specifies whether or not to show the loading panel when the DataSource bound to the UI component is loading data.\n    \n     */\n    @Input()\n    get indicateLoading(): boolean {\n        return this._getOption('indicateLoading');\n    }\n    set indicateLoading(value: boolean) {\n        this._setOption('indicateLoading', value);\n    }\n\n\n    /**\n     * Specifies how users delete items.\n    \n     */\n    @Input()\n    get itemDeleteMode(): ItemDeleteMode {\n        return this._getOption('itemDeleteMode');\n    }\n    set itemDeleteMode(value: ItemDeleteMode) {\n        this._setOption('itemDeleteMode', value);\n    }\n\n\n    /**\n     * Configures item reordering using drag and drop gestures.\n    \n     */\n    @Input()\n    get itemDragging(): dxSortableOptions {\n        return this._getOption('itemDragging');\n    }\n    set itemDragging(value: dxSortableOptions) {\n        this._setOption('itemDragging', value);\n    }\n\n\n    /**\n     * The time period in milliseconds before the onItemHold event is raised.\n    \n     */\n    @Input()\n    get itemHoldTimeout(): number {\n        return this._getOption('itemHoldTimeout');\n    }\n    set itemHoldTimeout(value: number) {\n        this._setOption('itemHoldTimeout', value);\n    }\n\n\n    /**\n     * An array of items displayed by the UI component.\n    \n     */\n    @Input()\n    get items(): Array<any | dxListItem | string> {\n        return this._getOption('items');\n    }\n    set items(value: Array<any | dxListItem | string>) {\n        this._setOption('items', value);\n    }\n\n\n    /**\n     * Specifies a custom template for items.\n    \n     */\n    @Input()\n    get itemTemplate(): any {\n        return this._getOption('itemTemplate');\n    }\n    set itemTemplate(value: any) {\n        this._setOption('itemTemplate', value);\n    }\n\n\n    /**\n     * Specifies the key property that provides key values to access data items. Each key value must be unique.\n    \n     */\n    @Input()\n    get keyExpr(): ((item: any) => any) | string {\n        return this._getOption('keyExpr');\n    }\n    set keyExpr(value: ((item: any) => any) | string) {\n        this._setOption('keyExpr', value);\n    }\n\n\n    /**\n     * Specifies the array of items for a context menu called for a list item.\n    \n     */\n    @Input()\n    get menuItems(): { action?: ((itemElement: any, itemData: any) => void), text?: string }[] {\n        return this._getOption('menuItems');\n    }\n    set menuItems(value: { action?: ((itemElement: any, itemData: any) => void), text?: string }[]) {\n        this._setOption('menuItems', value);\n    }\n\n\n    /**\n     * Configures the item context menu type.\n    \n     */\n    @Input()\n    get menuMode(): ListMenuMode {\n        return this._getOption('menuMode');\n    }\n    set menuMode(value: ListMenuMode) {\n        this._setOption('menuMode', value);\n    }\n\n\n    /**\n     * The text displayed on the button used to load the next page from the data source.\n    \n     */\n    @Input()\n    get nextButtonText(): string {\n        return this._getOption('nextButtonText');\n    }\n    set nextButtonText(value: string) {\n        this._setOption('nextButtonText', value);\n    }\n\n\n    /**\n     * Specifies the text or HTML markup displayed by the UI component if the item collection is empty.\n    \n     */\n    @Input()\n    get noDataText(): string {\n        return this._getOption('noDataText');\n    }\n    set noDataText(value: string) {\n        this._setOption('noDataText', value);\n    }\n\n\n    /**\n     * Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom.\n    \n     */\n    @Input()\n    get pageLoadingText(): string {\n        return this._getOption('pageLoadingText');\n    }\n    set pageLoadingText(value: string) {\n        this._setOption('pageLoadingText', value);\n    }\n\n\n    /**\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.\n    \n     */\n    @Input()\n    get pageLoadMode(): PageLoadMode {\n        return this._getOption('pageLoadMode');\n    }\n    set pageLoadMode(value: PageLoadMode) {\n        this._setOption('pageLoadMode', value);\n    }\n\n\n    /**\n     * Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold.\n    \n     */\n    @Input()\n    get pulledDownText(): string {\n        return this._getOption('pulledDownText');\n    }\n    set pulledDownText(value: string) {\n        this._setOption('pulledDownText', value);\n    }\n\n\n    /**\n     * Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold.\n    \n     */\n    @Input()\n    get pullingDownText(): string {\n        return this._getOption('pullingDownText');\n    }\n    set pullingDownText(value: string) {\n        this._setOption('pullingDownText', value);\n    }\n\n\n    /**\n     * A Boolean value specifying whether or not the UI component supports the &apos;pull down to refresh&apos; gesture.\n    \n     */\n    @Input()\n    get pullRefreshEnabled(): boolean {\n        return this._getOption('pullRefreshEnabled');\n    }\n    set pullRefreshEnabled(value: boolean) {\n        this._setOption('pullRefreshEnabled', value);\n    }\n\n\n    /**\n     * Specifies the text displayed in the pullDown panel while the list is being refreshed.\n    \n     */\n    @Input()\n    get refreshingText(): string {\n        return this._getOption('refreshingText');\n    }\n    set refreshingText(value: string) {\n        this._setOption('refreshingText', value);\n    }\n\n\n    /**\n     * Specifies whether to repaint only those elements whose data changed.\n    \n     */\n    @Input()\n    get repaintChangesOnly(): boolean {\n        return this._getOption('repaintChangesOnly');\n    }\n    set repaintChangesOnly(value: boolean) {\n        this._setOption('repaintChangesOnly', value);\n    }\n\n\n    /**\n     * Switches the UI component to a right-to-left representation.\n    \n     */\n    @Input()\n    get rtlEnabled(): boolean {\n        return this._getOption('rtlEnabled');\n    }\n    set rtlEnabled(value: boolean) {\n        this._setOption('rtlEnabled', value);\n    }\n\n\n    /**\n     * A Boolean value specifying if the list is scrolled by content.\n    \n     */\n    @Input()\n    get scrollByContent(): boolean {\n        return this._getOption('scrollByContent');\n    }\n    set scrollByContent(value: boolean) {\n        this._setOption('scrollByContent', value);\n    }\n\n\n    /**\n     * Specifies whether a user can scroll the content with the scrollbar. Applies only if useNativeScrolling is false.\n    \n     */\n    @Input()\n    get scrollByThumb(): boolean {\n        return this._getOption('scrollByThumb');\n    }\n    set scrollByThumb(value: boolean) {\n        this._setOption('scrollByThumb', value);\n    }\n\n\n    /**\n     * A Boolean value specifying whether to enable or disable list scrolling.\n    \n     */\n    @Input()\n    get scrollingEnabled(): boolean {\n        return this._getOption('scrollingEnabled');\n    }\n    set scrollingEnabled(value: boolean) {\n        this._setOption('scrollingEnabled', value);\n    }\n\n\n    /**\n     * Configures the search panel.\n    \n     */\n    @Input()\n    get searchEditorOptions(): dxTextBoxOptions<any> {\n        return this._getOption('searchEditorOptions');\n    }\n    set searchEditorOptions(value: dxTextBoxOptions<any>) {\n        this._setOption('searchEditorOptions', value);\n    }\n\n\n    /**\n     * Specifies whether the search panel is visible.\n    \n     */\n    @Input()\n    get searchEnabled(): boolean {\n        return this._getOption('searchEnabled');\n    }\n    set searchEnabled(value: boolean) {\n        this._setOption('searchEnabled', value);\n    }\n\n\n    /**\n     * Specifies a data object&apos;s field name or an expression whose value is compared to the search string.\n    \n     */\n    @Input()\n    get searchExpr(): Array<Function | string> | Function | string {\n        return this._getOption('searchExpr');\n    }\n    set searchExpr(value: Array<Function | string> | Function | string) {\n        this._setOption('searchExpr', value);\n    }\n\n\n    /**\n     * Specifies a comparison operation used to search UI component items.\n    \n     */\n    @Input()\n    get searchMode(): SearchMode {\n        return this._getOption('searchMode');\n    }\n    set searchMode(value: SearchMode) {\n        this._setOption('searchMode', value);\n    }\n\n\n    /**\n     * Specifies a delay in milliseconds between when a user finishes typing, and the search is executed.\n    \n     */\n    @Input()\n    get searchTimeout(): number | undefined {\n        return this._getOption('searchTimeout');\n    }\n    set searchTimeout(value: number | undefined) {\n        this._setOption('searchTimeout', value);\n    }\n\n\n    /**\n     * Specifies the current search string.\n    \n     */\n    @Input()\n    get searchValue(): string {\n        return this._getOption('searchValue');\n    }\n    set searchValue(value: string) {\n        this._setOption('searchValue', value);\n    }\n\n\n    /**\n     * Specifies the mode in which all items are selected.\n    \n     */\n    @Input()\n    get selectAllMode(): SelectAllMode {\n        return this._getOption('selectAllMode');\n    }\n    set selectAllMode(value: SelectAllMode) {\n        this._setOption('selectAllMode', value);\n    }\n\n\n    /**\n     * Specifies the text displayed at the &apos;Select All&apos; check box.\n    \n     */\n    @Input()\n    get selectAllText(): string {\n        return this._getOption('selectAllText');\n    }\n    set selectAllText(value: string) {\n        this._setOption('selectAllText', value);\n    }\n\n\n    /**\n     * Specifies whether an item is selected if a user clicks it.\n    \n     */\n    @Input()\n    get selectByClick(): boolean {\n        return this._getOption('selectByClick');\n    }\n    set selectByClick(value: boolean) {\n        this._setOption('selectByClick', value);\n    }\n\n\n    /**\n     * Specifies an array of currently selected item keys.\n    \n     */\n    @Input()\n    get selectedItemKeys(): Array<any> {\n        return this._getOption('selectedItemKeys');\n    }\n    set selectedItemKeys(value: Array<any>) {\n        this._setOption('selectedItemKeys', value);\n    }\n\n\n    /**\n     * An array of currently selected item objects.\n    \n     */\n    @Input()\n    get selectedItems(): Array<any> {\n        return this._getOption('selectedItems');\n    }\n    set selectedItems(value: Array<any>) {\n        this._setOption('selectedItems', value);\n    }\n\n\n    /**\n     * Specifies item selection mode.\n    \n     */\n    @Input()\n    get selectionMode(): SingleMultipleAllOrNone {\n        return this._getOption('selectionMode');\n    }\n    set selectionMode(value: SingleMultipleAllOrNone) {\n        this._setOption('selectionMode', value);\n    }\n\n\n    /**\n     * Specifies when the UI component shows the scrollbar.\n    \n     */\n    @Input()\n    get showScrollbar(): ScrollbarMode {\n        return this._getOption('showScrollbar');\n    }\n    set showScrollbar(value: ScrollbarMode) {\n        this._setOption('showScrollbar', value);\n    }\n\n\n    /**\n     * Specifies whether or not to display controls used to select list items. Not available if selectionMode is set to &apos;none&apos;.\n    \n     */\n    @Input()\n    get showSelectionControls(): boolean {\n        return this._getOption('showSelectionControls');\n    }\n    set showSelectionControls(value: boolean) {\n        this._setOption('showSelectionControls', value);\n    }\n\n\n    /**\n     * Specifies the number of the element when the Tab key is used for navigating.\n    \n     */\n    @Input()\n    get tabIndex(): number {\n        return this._getOption('tabIndex');\n    }\n    set tabIndex(value: number) {\n        this._setOption('tabIndex', value);\n    }\n\n\n    /**\n     * Specifies whether or not the UI component uses native scrolling.\n    \n     */\n    @Input()\n    get useNativeScrolling(): boolean {\n        return this._getOption('useNativeScrolling');\n    }\n    set useNativeScrolling(value: boolean) {\n        this._setOption('useNativeScrolling', value);\n    }\n\n\n    /**\n     * Specifies whether the UI component is visible.\n    \n     */\n    @Input()\n    get visible(): boolean {\n        return this._getOption('visible');\n    }\n    set visible(value: boolean) {\n        this._setOption('visible', value);\n    }\n\n\n    /**\n     * Specifies the UI component&apos;s width.\n    \n     */\n    @Input()\n    get width(): number | string | undefined {\n        return this._getOption('width');\n    }\n    set width(value: number | string | undefined) {\n        this._setOption('width', value);\n    }\n\n    /**\n    \n     * A function that is executed when the UI component is rendered and each time the component is repainted.\n    \n    \n     */\n    @Output() onContentReady: EventEmitter<ContentReadyEvent>;\n\n    /**\n    \n     * A function that is executed before the UI component is disposed of.\n    \n    \n     */\n    @Output() onDisposing: EventEmitter<DisposingEvent>;\n\n    /**\n    \n     * A function that is executed when a group element is rendered.\n    \n    \n     */\n    @Output() onGroupRendered: EventEmitter<GroupRenderedEvent>;\n\n    /**\n    \n     * A function used in JavaScript frameworks to save the UI component instance.\n    \n    \n     */\n    @Output() onInitialized: EventEmitter<InitializedEvent>;\n\n    /**\n    \n     * A function that is executed when a collection item is clicked or tapped.\n    \n    \n     */\n    @Output() onItemClick: EventEmitter<ItemClickEvent>;\n\n    /**\n    \n     * A function that is executed when a collection item is right-clicked or pressed.\n    \n    \n     */\n    @Output() onItemContextMenu: EventEmitter<ItemContextMenuEvent>;\n\n    /**\n    \n     * A function that is executed after a list item is deleted from the data source.\n    \n    \n     */\n    @Output() onItemDeleted: EventEmitter<ItemDeletedEvent>;\n\n    /**\n    \n     * A function that is executed before a collection item is deleted from the data source.\n    \n    \n     */\n    @Output() onItemDeleting: EventEmitter<ItemDeletingEvent>;\n\n    /**\n    \n     * A function that is executed when a collection item has been held for a specified period.\n    \n    \n     */\n    @Output() onItemHold: EventEmitter<ItemHoldEvent>;\n\n    /**\n    \n     * A function that is executed after a collection item is rendered.\n    \n    \n     */\n    @Output() onItemRendered: EventEmitter<ItemRenderedEvent>;\n\n    /**\n    \n     * A function that is executed after a list item is moved to another position.\n    \n    \n     */\n    @Output() onItemReordered: EventEmitter<ItemReorderedEvent>;\n\n    /**\n    \n     * A function that is executed when a list item is swiped.\n    \n    \n     */\n    @Output() onItemSwipe: EventEmitter<ItemSwipeEvent>;\n\n    /**\n    \n     * A function that is executed after a UI component property is changed.\n    \n    \n     */\n    @Output() onOptionChanged: EventEmitter<OptionChangedEvent>;\n\n    /**\n    \n     * A function that is executed before the next page is loaded.\n    \n    \n     */\n    @Output() onPageLoading: EventEmitter<PageLoadingEvent>;\n\n    /**\n    \n     * A function that is executed when the &apos;pull to refresh&apos; gesture is performed. Supported on mobile devices only.\n    \n    \n     */\n    @Output() onPullRefresh: EventEmitter<PullRefreshEvent>;\n\n    /**\n    \n     * A function that is executed on each scroll gesture.\n    \n    \n     */\n    @Output() onScroll: EventEmitter<ScrollEvent>;\n\n    /**\n    \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;.\n    \n    \n     */\n    @Output() onSelectAllValueChanged: EventEmitter<SelectAllValueChangedEvent>;\n\n    /**\n    \n     * A function that is called after selection changes.\n    \n    \n     */\n    @Output() onSelectionChanged: EventEmitter<SelectionChangedEvent>;\n\n    /**\n    \n     * A function that is called before selection changes.\n    \n    \n     */\n    @Output() onSelectionChanging: EventEmitter<SelectionChangingEvent>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() accessKeyChange: EventEmitter<string | undefined>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() activeStateEnabledChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() allowItemDeletingChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() bounceEnabledChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() collapsibleGroupsChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() dataSourceChange: EventEmitter<Array<any | dxListItem | string> | DataSource | DataSourceOptions | null | Store | string>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() disabledChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() displayExprChange: EventEmitter<((item: any) => string) | string | undefined>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() elementAttrChange: EventEmitter<Record<string, any>>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() focusStateEnabledChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() groupedChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() groupTemplateChange: EventEmitter<any>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() heightChange: EventEmitter<number | string | undefined>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() hintChange: EventEmitter<string | undefined>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() hoverStateEnabledChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() indicateLoadingChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() itemDeleteModeChange: EventEmitter<ItemDeleteMode>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() itemDraggingChange: EventEmitter<dxSortableOptions>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() itemHoldTimeoutChange: EventEmitter<number>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() itemsChange: EventEmitter<Array<any | dxListItem | string>>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() itemTemplateChange: EventEmitter<any>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() keyExprChange: EventEmitter<((item: any) => any) | string>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() menuItemsChange: EventEmitter<{ action?: ((itemElement: any, itemData: any) => void), text?: string }[]>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() menuModeChange: EventEmitter<ListMenuMode>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() nextButtonTextChange: EventEmitter<string>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() noDataTextChange: EventEmitter<string>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() pageLoadingTextChange: EventEmitter<string>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() pageLoadModeChange: EventEmitter<PageLoadMode>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() pulledDownTextChange: EventEmitter<string>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() pullingDownTextChange: EventEmitter<string>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() pullRefreshEnabledChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() refreshingTextChange: EventEmitter<string>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() repaintChangesOnlyChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() rtlEnabledChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() scrollByContentChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() scrollByThumbChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() scrollingEnabledChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() searchEditorOptionsChange: EventEmitter<dxTextBoxOptions<any>>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() searchEnabledChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() searchExprChange: EventEmitter<Array<Function | string> | Function | string>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() searchModeChange: EventEmitter<SearchMode>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() searchTimeoutChange: EventEmitter<number | undefined>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() searchValueChange: EventEmitter<string>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() selectAllModeChange: EventEmitter<SelectAllMode>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() selectAllTextChange: EventEmitter<string>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() selectByClickChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() selectedItemKeysChange: EventEmitter<Array<any>>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() selectedItemsChange: EventEmitter<Array<any>>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() selectionModeChange: EventEmitter<SingleMultipleAllOrNone>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() showScrollbarChange: EventEmitter<ScrollbarMode>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() showSelectionControlsChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() tabIndexChange: EventEmitter<number>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() useNativeScrollingChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() visibleChange: EventEmitter<boolean>;\n\n    /**\n    \n     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() widthChange: EventEmitter<number | string | undefined>;\n\n\n\n\n    constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost,\n            private _watcherHelper: WatcherHelper,\n            private _idh: IterableDifferHelper,\n            optionHost: NestedOptionHost,\n            transferState: TransferState,\n            @Inject(PLATFORM_ID) platformId: any) {\n\n        super(elementRef, ngZone, templateHost, _watcherHelper, transferState, platformId);\n\n        this._createEventEmitters([\n            { subscribe: 'contentReady', emit: 'onContentReady' },\n            { subscribe: 'disposing', emit: 'onDisposing' },\n            { subscribe: 'groupRendered', emit: 'onGroupRendered' },\n            { subscribe: 'initialized', emit: 'onInitialized' },\n            { subscribe: 'itemClick', emit: 'onItemClick' },\n            { subscribe: 'itemContextMenu', emit: 'onItemContextMenu' },\n            { subscribe: 'itemDeleted', emit: 'onItemDeleted' },\n            { subscribe: 'itemDeleting', emit: 'onItemDeleting' },\n            { subscribe: 'itemHold', emit: 'onItemHold' },\n            { subscribe: 'itemRendered', emit: 'onItemRendered' },\n            { subscribe: 'itemReordered', emit: 'onItemReordered' },\n            { subscribe: 'itemSwipe', emit: 'onItemSwipe' },\n            { subscribe: 'optionChanged', emit: 'onOptionChanged' },\n            { subscribe: 'pageLoading', emit: 'onPageLoading' },\n            { subscribe: 'pullRefresh', emit: 'onPullRefresh' },\n            { subscribe: 'scroll', emit: 'onScroll' },\n            { subscribe: 'selectAllValueChanged', emit: 'onSelectAllValueChanged' },\n            { subscribe: 'selectionChanged', emit: 'onSelectionChanged' },\n            { subscribe: 'selectionChanging', emit: 'onSelectionChanging' },\n            { emit: 'accessKeyChange' },\n            { emit: 'activeStateEnabledChange' },\n            { emit: 'allowItemDeletingChange' },\n            { emit: 'bounceEnabledChange' },\n            { emit: 'collapsibleGroupsChange' },\n            { emit: 'dataSourceChange' },\n            { emit: 'disabledChange' },\n            { emit: 'displayExprChange' },\n            { emit: 'elementAttrChange' },\n            { emit: 'focusStateEnabledChange' },\n            { emit: 'groupedChange' },\n            { emit: 'groupTemplateChange' },\n            { emit: 'heightChange' },\n            { emit: 'hintChange' },\n            { emit: 'hoverStateEnabledChange' },\n            { emit: 'indicateLoadingChange' },\n            { emit: 'itemDeleteModeChange' },\n            { emit: 'itemDraggingChange' },\n            { emit: 'itemHoldTimeoutChange' },\n            { emit: 'itemsChange' },\n            { emit: 'itemTemplateChange' },\n            { emit: 'keyExprChange' },\n            { emit: 'menuItemsChange' },\n            { emit: 'menuModeChange' },\n            { emit: 'nextButtonTextChange' },\n            { emit: 'noDataTextChange' },\n            { emit: 'pageLoadingTextChange' },\n            { emit: 'pageLoadModeChange' },\n            { emit: 'pulledDownTextChange' },\n            { emit: 'pullingDownTextChange' },\n            { emit: 'pullRefreshEnabledChange' },\n            { emit: 'refreshingTextChange' },\n            { emit: 'repaintChangesOnlyChange' },\n            { emit: 'rtlEnabledChange' },\n            { emit: 'scrollByContentChange' },\n            { emit: 'scrollByThumbChange' },\n            { emit: 'scrollingEnabledChange' },\n            { emit: 'searchEditorOptionsChange' },\n            { emit: 'searchEnabledChange' },\n            { emit: 'searchExprChange' },\n            { emit: 'searchModeChange' },\n            { emit: 'searchTimeoutChange' },\n            { emit: 'searchValueChange' },\n            { emit: 'selectAllModeChange' },\n            { emit: 'selectAllTextChange' },\n            { emit: 'selectByClickChange' },\n            { emit: 'selectedItemKeysChange' },\n            { emit: 'selectedItemsChange' },\n            { emit: 'selectionModeChange' },\n            { emit: 'showScrollbarChange' },\n            { emit: 'showSelectionControlsChange' },\n            { emit: 'tabIndexChange' },\n            { emit: 'useNativeScrollingChange' },\n            { emit: 'visibleChange' },\n            { emit: 'widthChange' }\n        ]);\n\n        this._idh.setHost(this);\n        optionHost.setHost(this);\n    }\n\n    protected _createInstance(element, options) {\n\n        return new DxList(element, options);\n    }\n\n\n    ngOnDestroy() {\n        this._destroyWidget();\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        super.ngOnChanges(changes);\n        this.setupChanges('dataSource', changes);\n        this.setupChanges('items', changes);\n        this.setupChanges('menuItems', changes);\n        this.setupChanges('searchExpr', changes);\n        this.setupChanges('selectedItemKeys', changes);\n        this.setupChanges('selectedItems', changes);\n    }\n\n    setupChanges(prop: string, changes: SimpleChanges) {\n        if (!(prop in this._optionsToUpdate)) {\n            this._idh.setup(prop, changes);\n        }\n    }\n\n    ngDoCheck() {\n        this._idh.doCheck('dataSource');\n        this._idh.doCheck('items');\n        this._idh.doCheck('menuItems');\n        this._idh.doCheck('searchExpr');\n        this._idh.doCheck('selectedItemKeys');\n        this._idh.doCheck('selectedItems');\n        this._watcherHelper.checkWatchers();\n        super.ngDoCheck();\n        super.clearChangedOptions();\n    }\n\n    _setOption(name: string, value: any) {\n        let isSetup = this._idh.setupSingle(name, value);\n        let isChanged = this._idh.getChanges(name, value) !== null;\n\n        if (isSetup || isChanged) {\n            super._setOption(name, value);\n        }\n    }\n}\n\n@NgModule({\n  imports: [\n    DxListComponent,\n    DxoItemDraggingModule,\n    DxoCursorOffsetModule,\n    DxiItemModule,\n    DxoSearchEditorOptionsModule,\n    DxiButtonModule,\n    DxoOptionsModule,\n    DxiListButtonModule,\n    DxoListCursorOffsetModule,\n    DxiListItemModule,\n    DxoListItemDraggingModule,\n    DxiListMenuItemModule,\n    DxoListOptionsModule,\n    DxoListSearchEditorOptionsModule,\n    DxIntegrationModule,\n    DxTemplateModule\n  ],\n  exports: [\n    DxListComponent,\n    DxoItemDraggingModule,\n    DxoCursorOffsetModule,\n    DxiItemModule,\n    DxoSearchEditorOptionsModule,\n    DxiButtonModule,\n    DxoOptionsModule,\n    DxiListButtonModule,\n    DxoListCursorOffsetModule,\n    DxiListItemModule,\n    DxoListItemDraggingModule,\n    DxiListMenuItemModule,\n    DxoListOptionsModule,\n    DxoListSearchEditorOptionsModule,\n    DxTemplateModule\n  ]\n})\nexport class DxListModule { }\n\nexport * from 'devextreme-angular/ui/list/nested';\n\nimport type * as DxListTypes from \"devextreme/ui/list_types\";\nexport { DxListTypes };\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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