devextreme-angular/fesm2022/devextreme-angular-ui-card-view.mjs.map

Angular UI and visualization components based on DevExtreme widgets

{"version":3,"file":"devextreme-angular-ui-card-view.mjs","sources":["../../../dist/ui/card-view/index.ts","../../../dist/ui/card-view/devextreme-angular-ui-card-view.ts"],"sourcesContent":["/*!\n * devextreme-angular\n * Version: 25.1.4\n * Build date: Tue Aug 05 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/card_view';\r\n\r\nimport DataSource from 'devextreme/data/data_source';\r\nimport { CardCover, CardHeader, ColumnProperties, dxCardViewEditing, HeaderPanel, CardClickEvent, CardDblClickEvent, CardHoverChangedEvent, CardInsertedEvent, CardInsertingEvent, CardPreparedEvent, CardRemovedEvent, CardRemovingEvent, CardSavedEvent, CardSavingEvent, CardUpdatedEvent, CardUpdatingEvent, ContextMenuPreparingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, FieldCaptionClickEvent, FieldCaptionDblClickEvent, FieldCaptionPreparedEvent, FieldValueClickEvent, FieldValueDblClickEvent, FieldValuePreparedEvent, FocusedCardChanged, InitNewCardEvent, SelectionChangedEvent, Paging, RemoteOperations, SelectionConfiguration, dxCardViewToolbar } from 'devextreme/ui/card_view';\r\nimport { Mode, ScrollbarMode } from 'devextreme/common';\r\nimport { ColumnChooser, FilterPanel, HeaderFilter, Pager, SearchPanel, Sorting } from 'devextreme/common/grids';\r\nimport { DataSourceOptions } from 'devextreme/data/data_source';\r\nimport { Store } from 'devextreme/data/store';\r\nimport { dxFilterBuilderOptions } from 'devextreme/ui/filter_builder';\r\nimport { dxLoadPanelOptions } from 'devextreme/ui/load_panel';\r\nimport { EventInfo } from 'devextreme/common/core/events';\r\n\r\nimport DxCardView from 'devextreme/ui/card_view';\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\n\r\nimport { DxoCardViewAnimationModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewAsyncRuleModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewAtModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewBoundaryOffsetModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewButtonItemModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewButtonOptionsModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewCardCoverModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewCardHeaderModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewCardHeaderItemModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewCardViewHeaderFilterModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewCardViewHeaderFilterSearchModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewCardViewHeaderFilterTextsModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewCardViewSelectionModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewChangeModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewColCountByScreenModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewCollisionModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewColumnModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewColumnChooserModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewColumnChooserSearchModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewColumnChooserSelectionModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewColumnHeaderFilterModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewColumnHeaderFilterSearchModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewCompareRuleModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewCustomOperationModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewCustomRuleModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewDraggingModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewEditingModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewEditingTextsModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewEmailRuleModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewEmptyItemModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewFieldModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewFilterBuilderModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewFilterOperationDescriptionsModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewFilterPanelModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewFilterPanelTextsModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewFormModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewFormatModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewFormItemModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewFromModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewGroupItemModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewGroupOperationDescriptionsModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewHeaderFilterModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewHeaderPanelModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewHideModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewItemModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewLabelModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewLoadPanelModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewLookupModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewMyModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewNumericRuleModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewOffsetModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewPagerModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewPagingModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewPatternRuleModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewPositionModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewRangeRuleModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewRemoteOperationsModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewRequiredRuleModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewScrollingModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewSearchModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewSearchPanelModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewSelectionModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewShowModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewSimpleItemModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewSortingModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewStringLengthRuleModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewTabModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewTabbedItemModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewTabPanelOptionsModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewTabPanelOptionsItemModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewTextsModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewToModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxoCardViewToolbarModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewToolbarItemModule } from 'devextreme-angular/ui/card-view/nested';\r\nimport { DxiCardViewValidationRuleModule } from 'devextreme-angular/ui/card-view/nested';\r\n\r\n\r\nimport { DxiCardViewColumnComponent } from 'devextreme-angular/ui/card-view/nested';\r\n\r\n\r\n\r\n@Component({\r\n    selector: 'dx-card-view',\r\n    standalone: true,\r\n    template: '',\r\n    host: { ngSkipHydration: 'true' },\r\n    imports: [ DxIntegrationModule ],\r\n    providers: [\r\n        DxTemplateHost,\r\n        WatcherHelper,\r\n        NestedOptionHost,\r\n        IterableDifferHelper\r\n    ]\r\n})\r\nexport class DxCardViewComponent<TCardData = any, TKey = any> extends DxComponent implements OnDestroy, OnChanges, DoCheck {\r\n    instance: DxCardView<TCardData, TKey> = null;\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    @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    @Input()\r\n    get allowColumnReordering(): boolean {\r\n        return this._getOption('allowColumnReordering');\r\n    }\r\n    set allowColumnReordering(value: boolean) {\r\n        this._setOption('allowColumnReordering', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get cardContentTemplate(): any {\r\n        return this._getOption('cardContentTemplate');\r\n    }\r\n    set cardContentTemplate(value: any) {\r\n        this._setOption('cardContentTemplate', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get cardCover(): CardCover {\r\n        return this._getOption('cardCover');\r\n    }\r\n    set cardCover(value: CardCover) {\r\n        this._setOption('cardCover', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get cardFooterTemplate(): any {\r\n        return this._getOption('cardFooterTemplate');\r\n    }\r\n    set cardFooterTemplate(value: any) {\r\n        this._setOption('cardFooterTemplate', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get cardHeader(): CardHeader {\r\n        return this._getOption('cardHeader');\r\n    }\r\n    set cardHeader(value: CardHeader) {\r\n        this._setOption('cardHeader', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get cardMaxWidth(): number {\r\n        return this._getOption('cardMaxWidth');\r\n    }\r\n    set cardMaxWidth(value: number) {\r\n        this._setOption('cardMaxWidth', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get cardMinWidth(): number {\r\n        return this._getOption('cardMinWidth');\r\n    }\r\n    set cardMinWidth(value: number) {\r\n        this._setOption('cardMinWidth', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get cardsPerRow(): Mode | number {\r\n        return this._getOption('cardsPerRow');\r\n    }\r\n    set cardsPerRow(value: Mode | number) {\r\n        this._setOption('cardsPerRow', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get cardTemplate(): any {\r\n        return this._getOption('cardTemplate');\r\n    }\r\n    set cardTemplate(value: any) {\r\n        this._setOption('cardTemplate', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get columnChooser(): ColumnChooser {\r\n        return this._getOption('columnChooser');\r\n    }\r\n    set columnChooser(value: ColumnChooser) {\r\n        this._setOption('columnChooser', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get columns(): Array<ColumnProperties | string> {\r\n        return this._getOption('columns');\r\n    }\r\n    set columns(value: Array<ColumnProperties | string>) {\r\n        this._setOption('columns', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get dataSource(): Array<any> | DataSource | DataSourceOptions | Store | string {\r\n        return this._getOption('dataSource');\r\n    }\r\n    set dataSource(value: Array<any> | DataSource | DataSourceOptions | Store | string) {\r\n        this._setOption('dataSource', value);\r\n    }\r\n\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    @Input()\r\n    get editing(): dxCardViewEditing {\r\n        return this._getOption('editing');\r\n    }\r\n    set editing(value: dxCardViewEditing) {\r\n        this._setOption('editing', value);\r\n    }\r\n\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    @Input()\r\n    get errorRowEnabled(): boolean {\r\n        return this._getOption('errorRowEnabled');\r\n    }\r\n    set errorRowEnabled(value: boolean) {\r\n        this._setOption('errorRowEnabled', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get fieldHintEnabled(): boolean {\r\n        return this._getOption('fieldHintEnabled');\r\n    }\r\n    set fieldHintEnabled(value: boolean) {\r\n        this._setOption('fieldHintEnabled', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get filterBuilder(): dxFilterBuilderOptions {\r\n        return this._getOption('filterBuilder');\r\n    }\r\n    set filterBuilder(value: dxFilterBuilderOptions) {\r\n        this._setOption('filterBuilder', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get filterBuilderPopup(): Record<string, any> {\r\n        return this._getOption('filterBuilderPopup');\r\n    }\r\n    set filterBuilderPopup(value: Record<string, any>) {\r\n        this._setOption('filterBuilderPopup', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get filterPanel(): FilterPanel {\r\n        return this._getOption('filterPanel');\r\n    }\r\n    set filterPanel(value: FilterPanel) {\r\n        this._setOption('filterPanel', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get filterValue(): Array<any> | Function | string {\r\n        return this._getOption('filterValue');\r\n    }\r\n    set filterValue(value: Array<any> | Function | string) {\r\n        this._setOption('filterValue', value);\r\n    }\r\n\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    @Input()\r\n    get headerFilter(): HeaderFilter {\r\n        return this._getOption('headerFilter');\r\n    }\r\n    set headerFilter(value: HeaderFilter) {\r\n        this._setOption('headerFilter', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get headerPanel(): HeaderPanel {\r\n        return this._getOption('headerPanel');\r\n    }\r\n    set headerPanel(value: HeaderPanel) {\r\n        this._setOption('headerPanel', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get height(): number | string | undefined {\r\n        return this._getOption('height');\r\n    }\r\n    set height(value: number | string | undefined) {\r\n        this._setOption('height', value);\r\n    }\r\n\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    @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    @Input()\r\n    get keyExpr(): Array<string> | string {\r\n        return this._getOption('keyExpr');\r\n    }\r\n    set keyExpr(value: Array<string> | string) {\r\n        this._setOption('keyExpr', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get loadPanel(): dxLoadPanelOptions {\r\n        return this._getOption('loadPanel');\r\n    }\r\n    set loadPanel(value: dxLoadPanelOptions) {\r\n        this._setOption('loadPanel', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get noDataTemplate(): any {\r\n        return this._getOption('noDataTemplate');\r\n    }\r\n    set noDataTemplate(value: any) {\r\n        this._setOption('noDataTemplate', value);\r\n    }\r\n\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    @Input()\r\n    get pager(): Pager {\r\n        return this._getOption('pager');\r\n    }\r\n    set pager(value: Pager) {\r\n        this._setOption('pager', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get paging(): Paging {\r\n        return this._getOption('paging');\r\n    }\r\n    set paging(value: Paging) {\r\n        this._setOption('paging', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get remoteOperations(): boolean | Mode | RemoteOperations {\r\n        return this._getOption('remoteOperations');\r\n    }\r\n    set remoteOperations(value: boolean | Mode | RemoteOperations) {\r\n        this._setOption('remoteOperations', value);\r\n    }\r\n\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    @Input()\r\n    get scrolling(): { scrollByContent?: boolean, scrollByThumb?: boolean, showScrollbar?: ScrollbarMode, useNative?: boolean | Mode } {\r\n        return this._getOption('scrolling');\r\n    }\r\n    set scrolling(value: { scrollByContent?: boolean, scrollByThumb?: boolean, showScrollbar?: ScrollbarMode, useNative?: boolean | Mode }) {\r\n        this._setOption('scrolling', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get searchPanel(): SearchPanel {\r\n        return this._getOption('searchPanel');\r\n    }\r\n    set searchPanel(value: SearchPanel) {\r\n        this._setOption('searchPanel', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get selectedCardKeys(): Array<any> {\r\n        return this._getOption('selectedCardKeys');\r\n    }\r\n    set selectedCardKeys(value: Array<any>) {\r\n        this._setOption('selectedCardKeys', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get selection(): SelectionConfiguration {\r\n        return this._getOption('selection');\r\n    }\r\n    set selection(value: SelectionConfiguration) {\r\n        this._setOption('selection', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get sorting(): Sorting {\r\n        return this._getOption('sorting');\r\n    }\r\n    set sorting(value: Sorting) {\r\n        this._setOption('sorting', value);\r\n    }\r\n\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    @Input()\r\n    get toolbar(): dxCardViewToolbar {\r\n        return this._getOption('toolbar');\r\n    }\r\n    set toolbar(value: dxCardViewToolbar) {\r\n        this._setOption('toolbar', value);\r\n    }\r\n\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    @Input()\r\n    get width(): number | string | undefined {\r\n        return this._getOption('width');\r\n    }\r\n    set width(value: number | string | undefined) {\r\n        this._setOption('width', value);\r\n    }\r\n\r\n\r\n    \r\n    @Input()\r\n    get wordWrapEnabled(): boolean {\r\n        return this._getOption('wordWrapEnabled');\r\n    }\r\n    set wordWrapEnabled(value: boolean) {\r\n        this._setOption('wordWrapEnabled', value);\r\n    }\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onCardClick: EventEmitter<CardClickEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onCardDblClick: EventEmitter<CardDblClickEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onCardHoverChanged: EventEmitter<CardHoverChangedEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onCardInserted: EventEmitter<CardInsertedEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onCardInserting: EventEmitter<CardInsertingEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onCardPrepared: EventEmitter<CardPreparedEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onCardRemoved: EventEmitter<CardRemovedEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onCardRemoving: EventEmitter<CardRemovingEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onCardSaved: EventEmitter<CardSavedEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onCardSaving: EventEmitter<CardSavingEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onCardUpdated: EventEmitter<CardUpdatedEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onCardUpdating: EventEmitter<CardUpdatingEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onContentReady: EventEmitter<EventInfo<any>>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onContextMenuPreparing: EventEmitter<ContextMenuPreparingEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onDataErrorOccurred: EventEmitter<Object>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onDisposing: EventEmitter<EventInfo<any>>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onEditCanceled: EventEmitter<EditCanceledEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onEditCanceling: EventEmitter<EditCancelingEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onEditingStart: EventEmitter<EditingStartEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onFieldCaptionClick: EventEmitter<FieldCaptionClickEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onFieldCaptionDblClick: EventEmitter<FieldCaptionDblClickEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onFieldCaptionPrepared: EventEmitter<FieldCaptionPreparedEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onFieldValueClick: EventEmitter<FieldValueClickEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onFieldValueDblClick: EventEmitter<FieldValueDblClickEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onFieldValuePrepared: EventEmitter<FieldValuePreparedEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onFocusedCardChanged: EventEmitter<FocusedCardChanged>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onInitialized: EventEmitter<Object>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onInitNewCard: EventEmitter<InitNewCardEvent>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onOptionChanged: EventEmitter<Object>;\r\n\r\n    /**\r\n    \r\n     * \r\n    \r\n    \r\n     */\r\n    @Output() onSelectionChanged: EventEmitter<SelectionChangedEvent>;\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() allowColumnReorderingChange: 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() cardContentTemplateChange: 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() cardCoverChange: EventEmitter<CardCover>;\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() cardFooterTemplateChange: 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() cardHeaderChange: EventEmitter<CardHeader>;\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() cardMaxWidthChange: 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() cardMinWidthChange: 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() cardsPerRowChange: EventEmitter<Mode | 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() cardTemplateChange: 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() columnChooserChange: EventEmitter<ColumnChooser>;\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() columnsChange: EventEmitter<Array<ColumnProperties | 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() dataSourceChange: EventEmitter<Array<any> | DataSource | DataSourceOptions | 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() editingChange: EventEmitter<dxCardViewEditing>;\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() errorRowEnabledChange: 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() fieldHintEnabledChange: 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() filterBuilderChange: EventEmitter<dxFilterBuilderOptions>;\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() filterBuilderPopupChange: 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() filterPanelChange: EventEmitter<FilterPanel>;\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() filterValueChange: EventEmitter<Array<any> | 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() 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() headerFilterChange: EventEmitter<HeaderFilter>;\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() headerPanelChange: EventEmitter<HeaderPanel>;\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 | 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() keyExprChange: EventEmitter<Array<string> | 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() loadPanelChange: EventEmitter<dxLoadPanelOptions>;\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() noDataTemplateChange: 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() 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() pagerChange: EventEmitter<Pager>;\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() pagingChange: EventEmitter<Paging>;\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() remoteOperationsChange: EventEmitter<boolean | Mode | RemoteOperations>;\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() scrollingChange: EventEmitter<{ scrollByContent?: boolean, scrollByThumb?: boolean, showScrollbar?: ScrollbarMode, useNative?: boolean | Mode }>;\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() searchPanelChange: EventEmitter<SearchPanel>;\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() selectedCardKeysChange: 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() selectionChange: EventEmitter<SelectionConfiguration>;\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() sortingChange: EventEmitter<Sorting>;\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() toolbarChange: EventEmitter<dxCardViewToolbar>;\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 | 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() wordWrapEnabledChange: EventEmitter<boolean>;\r\n\r\n\r\n\r\n\r\n    @ContentChildren(DxiCardViewColumnComponent)\r\n    get columnsChildren(): QueryList<DxiCardViewColumnComponent> {\r\n        return this._getOption('columns');\r\n    }\r\n    set columnsChildren(value) {\r\n        this._setChildren('columns', value, 'DxiCardViewColumnComponent');\r\n    }\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: 'cardClick', emit: 'onCardClick' },\r\n            { subscribe: 'cardDblClick', emit: 'onCardDblClick' },\r\n            { subscribe: 'cardHoverChanged', emit: 'onCardHoverChanged' },\r\n            { subscribe: 'cardInserted', emit: 'onCardInserted' },\r\n            { subscribe: 'cardInserting', emit: 'onCardInserting' },\r\n            { subscribe: 'cardPrepared', emit: 'onCardPrepared' },\r\n            { subscribe: 'cardRemoved', emit: 'onCardRemoved' },\r\n            { subscribe: 'cardRemoving', emit: 'onCardRemoving' },\r\n            { subscribe: 'cardSaved', emit: 'onCardSaved' },\r\n            { subscribe: 'cardSaving', emit: 'onCardSaving' },\r\n            { subscribe: 'cardUpdated', emit: 'onCardUpdated' },\r\n            { subscribe: 'cardUpdating', emit: 'onCardUpdating' },\r\n            { subscribe: 'contentReady', emit: 'onContentReady' },\r\n            { subscribe: 'contextMenuPreparing', emit: 'onContextMenuPreparing' },\r\n            { subscribe: 'dataErrorOccurred', emit: 'onDataErrorOccurred' },\r\n            { subscribe: 'disposing', emit: 'onDisposing' },\r\n            { subscribe: 'editCanceled', emit: 'onEditCanceled' },\r\n            { subscribe: 'editCanceling', emit: 'onEditCanceling' },\r\n            { subscribe: 'editingStart', emit: 'onEditingStart' },\r\n            { subscribe: 'fieldCaptionClick', emit: 'onFieldCaptionClick' },\r\n            { subscribe: 'fieldCaptionDblClick', emit: 'onFieldCaptionDblClick' },\r\n            { subscribe: 'fieldCaptionPrepared', emit: 'onFieldCaptionPrepared' },\r\n            { subscribe: 'fieldValueClick', emit: 'onFieldValueClick' },\r\n            { subscribe: 'fieldValueDblClick', emit: 'onFieldValueDblClick' },\r\n            { subscribe: 'fieldValuePrepared', emit: 'onFieldValuePrepared' },\r\n            { subscribe: 'focusedCardChanged', emit: 'onFocusedCardChanged' },\r\n            { subscribe: 'initialized', emit: 'onInitialized' },\r\n            { subscribe: 'initNewCard', emit: 'onInitNewCard' },\r\n            { subscribe: 'optionChanged', emit: 'onOptionChanged' },\r\n            { subscribe: 'selectionChanged', emit: 'onSelectionChanged' },\r\n            { emit: 'accessKeyChange' },\r\n            { emit: 'activeStateEnabledChange' },\r\n            { emit: 'allowColumnReorderingChange' },\r\n            { emit: 'cardContentTemplateChange' },\r\n            { emit: 'cardCoverChange' },\r\n            { emit: 'cardFooterTemplateChange' },\r\n            { emit: 'cardHeaderChange' },\r\n            { emit: 'cardMaxWidthChange' },\r\n            { emit: 'cardMinWidthChange' },\r\n            { emit: 'cardsPerRowChange' },\r\n            { emit: 'cardTemplateChange' },\r\n            { emit: 'columnChooserChange' },\r\n            { emit: 'columnsChange' },\r\n            { emit: 'dataSourceChange' },\r\n            { emit: 'disabledChange' },\r\n            { emit: 'editingChange' },\r\n            { emit: 'elementAttrChange' },\r\n            { emit: 'errorRowEnabledChange' },\r\n            { emit: 'fieldHintEnabledChange' },\r\n            { emit: 'filterBuilderChange' },\r\n            { emit: 'filterBuilderPopupChange' },\r\n            { emit: 'filterPanelChange' },\r\n            { emit: 'filterValueChange' },\r\n            { emit: 'focusStateEnabledChange' },\r\n            { emit: 'headerFilterChange' },\r\n            { emit: 'headerPanelChange' },\r\n            { emit: 'heightChange' },\r\n            { emit: 'hintChange' },\r\n            { emit: 'hoverStateEnabledChange' },\r\n            { emit: 'keyExprChange' },\r\n            { emit: 'loadPanelChange' },\r\n            { emit: 'noDataTemplateChange' },\r\n            { emit: 'noDataTextChange' },\r\n            { emit: 'pagerChange' },\r\n            { emit: 'pagingChange' },\r\n            { emit: 'remoteOperationsChange' },\r\n            { emit: 'rtlEnabledChange' },\r\n            { emit: 'scrollingChange' },\r\n            { emit: 'searchPanelChange' },\r\n            { emit: 'selectedCardKeysChange' },\r\n            { emit: 'selectionChange' },\r\n            { emit: 'sortingChange' },\r\n            { emit: 'tabIndexChange' },\r\n            { emit: 'toolbarChange' },\r\n            { emit: 'visibleChange' },\r\n            { emit: 'widthChange' },\r\n            { emit: 'wordWrapEnabledChange' }\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 DxCardView(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('columns', changes);\r\n        this.setupChanges('dataSource', changes);\r\n        this.setupChanges('filterValue', changes);\r\n        this.setupChanges('keyExpr', changes);\r\n        this.setupChanges('selectedCardKeys', 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('columns');\r\n        this._idh.doCheck('dataSource');\r\n        this._idh.doCheck('filterValue');\r\n        this._idh.doCheck('keyExpr');\r\n        this._idh.doCheck('selectedCardKeys');\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    DxCardViewComponent,\r\n    DxoCardViewAnimationModule,\r\n    DxiCardViewAsyncRuleModule,\r\n    DxoCardViewAtModule,\r\n    DxoCardViewBoundaryOffsetModule,\r\n    DxiCardViewButtonItemModule,\r\n    DxoCardViewButtonOptionsModule,\r\n    DxoCardViewCardCoverModule,\r\n    DxoCardViewCardHeaderModule,\r\n    DxiCardViewCardHeaderItemModule,\r\n    DxoCardViewCardViewHeaderFilterModule,\r\n    DxoCardViewCardViewHeaderFilterSearchModule,\r\n    DxoCardViewCardViewHeaderFilterTextsModule,\r\n    DxoCardViewCardViewSelectionModule,\r\n    DxiCardViewChangeModule,\r\n    DxoCardViewColCountByScreenModule,\r\n    DxoCardViewCollisionModule,\r\n    DxiCardViewColumnModule,\r\n    DxoCardViewColumnChooserModule,\r\n    DxoCardViewColumnChooserSearchModule,\r\n    DxoCardViewColumnChooserSelectionModule,\r\n    DxoCardViewColumnHeaderFilterModule,\r\n    DxoCardViewColumnHeaderFilterSearchModule,\r\n    DxiCardViewCompareRuleModule,\r\n    DxiCardViewCustomOperationModule,\r\n    DxiCardViewCustomRuleModule,\r\n    DxoCardViewDraggingModule,\r\n    DxoCardViewEditingModule,\r\n    DxoCardViewEditingTextsModule,\r\n    DxiCardViewEmailRuleModule,\r\n    DxiCardViewEmptyItemModule,\r\n    DxiCardViewFieldModule,\r\n    DxoCardViewFilterBuilderModule,\r\n    DxoCardViewFilterOperationDescriptionsModule,\r\n    DxoCardViewFilterPanelModule,\r\n    DxoCardViewFilterPanelTextsModule,\r\n    DxoCardViewFormModule,\r\n    DxoCardViewFormatModule,\r\n    DxoCardViewFormItemModule,\r\n    DxoCardViewFromModule,\r\n    DxiCardViewGroupItemModule,\r\n    DxoCardViewGroupOperationDescriptionsModule,\r\n    DxoCardViewHeaderFilterModule,\r\n    DxoCardViewHeaderPanelModule,\r\n    DxoCardViewHideModule,\r\n    DxiCardViewItemModule,\r\n    DxoCardViewLabelModule,\r\n    DxoCardViewLoadPanelModule,\r\n    DxoCardViewLookupModule,\r\n    DxoCardViewMyModule,\r\n    DxiCardViewNumericRuleModule,\r\n    DxoCardViewOffsetModule,\r\n    DxoCardViewPagerModule,\r\n    DxoCardViewPagingModule,\r\n    DxiCardViewPatternRuleModule,\r\n    DxoCardViewPositionModule,\r\n    DxiCardViewRangeRuleModule,\r\n    DxoCardViewRemoteOperationsModule,\r\n    DxiCardViewRequiredRuleModule,\r\n    DxoCardViewScrollingModule,\r\n    DxoCardViewSearchModule,\r\n    DxoCardViewSearchPanelModule,\r\n    DxoCardViewSelectionModule,\r\n    DxoCardViewShowModule,\r\n    DxiCardViewSimpleItemModule,\r\n    DxoCardViewSortingModule,\r\n    DxiCardViewStringLengthRuleModule,\r\n    DxiCardViewTabModule,\r\n    DxiCardViewTabbedItemModule,\r\n    DxoCardViewTabPanelOptionsModule,\r\n    DxiCardViewTabPanelOptionsItemModule,\r\n    DxoCardViewTextsModule,\r\n    DxoCardViewToModule,\r\n    DxoCardViewToolbarModule,\r\n    DxiCardViewToolbarItemModule,\r\n    DxiCardViewValidationRuleModule,\r\n    DxIntegrationModule,\r\n    DxTemplateModule\r\n  ],\r\n  exports: [\r\n    DxCardViewComponent,\r\n    DxoCardViewAnimationModule,\r\n    DxiCardViewAsyncRuleModule,\r\n    DxoCardViewAtModule,\r\n    DxoCardViewBoundaryOffsetModule,\r\n    DxiCardViewButtonItemModule,\r\n    DxoCardViewButtonOptionsModule,\r\n    DxoCardViewCardCoverModule,\r\n    DxoCardViewCardHeaderModule,\r\n    DxiCardViewCardHeaderItemModule,\r\n    DxoCardViewCardViewHeaderFilterModule,\r\n    DxoCardViewCardViewHeaderFilterSearchModule,\r\n    DxoCardViewCardViewHeaderFilterTextsModule,\r\n    DxoCardViewCardViewSelectionModule,\r\n    DxiCardViewChangeModule,\r\n    DxoCardViewColCountByScreenModule,\r\n    DxoCardViewCollisionModule,\r\n    DxiCardViewColumnModule,\r\n    DxoCardViewColumnChooserModule,\r\n    DxoCardViewColumnChooserSearchModule,\r\n    DxoCardViewColumnChooserSelectionModule,\r\n    DxoCardViewColumnHeaderFilterModule,\r\n    DxoCardViewColumnHeaderFilterSearchModule,\r\n    DxiCardViewCompareRuleModule,\r\n    DxiCardViewCustomOperationModule,\r\n    DxiCardViewCustomRuleModule,\r\n    DxoCardViewDraggingModule,\r\n    DxoCardViewEditingModule,\r\n    DxoCardViewEditingTextsModule,\r\n    DxiCardViewEmailRuleModule,\r\n    DxiCardViewEmptyItemModule,\r\n    DxiCardViewFieldModule,\r\n    DxoCardViewFilterBuilderModule,\r\n    DxoCardViewFilterOperationDescriptionsModule,\r\n    DxoCardViewFilterPanelModule,\r\n    DxoCardViewFilterPanelTextsModule,\r\n    DxoCardViewFormModule,\r\n    DxoCardViewFormatModule,\r\n    DxoCardViewFormItemModule,\r\n    DxoCardViewFromModule,\r\n    DxiCardViewGroupItemModule,\r\n    DxoCardViewGroupOperationDescriptionsModule,\r\n    DxoCardViewHeaderFilterModule,\r\n    DxoCardViewHeaderPanelModule,\r\n    DxoCardViewHideModule,\r\n    DxiCardViewItemModule,\r\n    DxoCardViewLabelModule,\r\n    DxoCardViewLoadPanelModule,\r\n    DxoCardViewLookupModule,\r\n    DxoCardViewMyModule,\r\n    DxiCardViewNumericRuleModule,\r\n    DxoCardViewOffsetModule,\r\n    DxoCardViewPagerModule,\r\n    DxoCardViewPagingModule,\r\n    DxiCardViewPatternRuleModule,\r\n    DxoCardViewPositionModule,\r\n    DxiCardViewRangeRuleModule,\r\n    DxoCardViewRemoteOperationsModule,\r\n    DxiCardViewRequiredRuleModule,\r\n    DxoCardViewScrollingModule,\r\n    DxoCardViewSearchModule,\r\n    DxoCardViewSearchPanelModule,\r\n    DxoCardViewSelectionModule,\r\n    DxoCardViewShowModule,\r\n    DxiCardViewSimpleItemModule,\r\n    DxoCardViewSortingModule,\r\n    DxiCardViewStringLengthRuleModule,\r\n    DxiCardViewTabModule,\r\n    DxiCardViewTabbedItemModule,\r\n    DxoCardViewTabPanelOptionsModule,\r\n    DxiCardViewTabPanelOptionsItemModule,\r\n    DxoCardViewTextsModule,\r\n    DxoCardViewToModule,\r\n    DxoCardViewToolbarModule,\r\n    DxiCardViewToolbarItemModule,\r\n    DxiCardViewValidationRuleModule,\r\n    DxTemplateModule\r\n  ]\r\n})\r\nexport class DxCardViewModule { }\r\n\r\nexport * from 'devextreme-angular/ui/card-view/nested';\r\n\r\nimport type * as DxCardViewTypes from \"devextreme/ui/card_view_types\";\r\nexport { DxCardViewTypes };\r\n\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;;;;;;AAWG;AAEH;AA+IM,MAAO,mBAAiD,SAAQ,WAAW,CAAA;AAiiC7D,IAAA,cAAA,CAAA;AACA,IAAA,IAAA,CAAA;IAjiChB,QAAQ,GAAgC,IAAI,CAAC;AAG7C,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;AAID,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;AAID,IAAA,IACI,qBAAqB,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;KACnD;IACD,IAAI,qBAAqB,CAAC,KAAc,EAAA;AACpC,QAAA,IAAI,CAAC,UAAU,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;KACnD;AAID,IAAA,IACI,mBAAmB,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;KACjD;IACD,IAAI,mBAAmB,CAAC,KAAU,EAAA;AAC9B,QAAA,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;KACjD;AAID,IAAA,IACI,SAAS,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;KACvC;IACD,IAAI,SAAS,CAAC,KAAgB,EAAA;AAC1B,QAAA,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;KACvC;AAID,IAAA,IACI,kBAAkB,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;KAChD;IACD,IAAI,kBAAkB,CAAC,KAAU,EAAA;AAC7B,QAAA,IAAI,CAAC,UAAU,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;KAChD;AAID,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;KACxC;IACD,IAAI,UAAU,CAAC,KAAiB,EAAA;AAC5B,Q