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

DevExtreme UI and Visualization Components for Angular

{"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: 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/card_view';\n\nimport type { CardCover, CardHeader, ColumnProperties, dxCardViewEditing, HeaderPanel, CardClickEvent, CardDblClickEvent, CardHoverChangedEvent, CardInsertedEvent, CardInsertingEvent, CardPreparedEvent, CardRemovedEvent, CardRemovingEvent, CardUpdatedEvent, CardUpdatingEvent, ContextMenuPreparingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, FieldCaptionClickEvent, FieldCaptionDblClickEvent, FieldCaptionPreparedEvent, FieldValueClickEvent, FieldValueDblClickEvent, FieldValuePreparedEvent, FocusedCardChanged, InitNewCardEvent, OptionChangedEvent, SavedEvent, SavingEvent, SelectionChangedEvent, Paging, RemoteOperations, SelectionConfiguration, dxCardViewToolbar } from 'devextreme/ui/card_view';\nimport type { Mode, ScrollbarMode } from 'devextreme/common';\nimport type { ColumnChooser, FilterPanel, HeaderFilter, Pager, SearchPanel, Sorting } from 'devextreme/common/grids';\nimport type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';\nimport type { Store } from 'devextreme/data/store';\nimport type { dxFilterBuilderOptions } from 'devextreme/ui/filter_builder';\nimport type { dxLoadPanelOptions } from 'devextreme/ui/load_panel';\nimport type { EventInfo } from 'devextreme/common/core/events';\n\nimport DxCardView from 'devextreme/ui/card_view';\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\n\nimport { DxoCardViewAIOptionsModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewAnimationModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewAsyncRuleModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewAtModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewBoundaryOffsetModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewButtonItemModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewButtonOptionsModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewCardCoverModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewCardHeaderModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewCardHeaderItemModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewCardViewHeaderFilterModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewCardViewHeaderFilterSearchModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewCardViewHeaderFilterTextsModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewCardViewSelectionModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewChangeModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewColCountByScreenModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewCollisionModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewColumnModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewColumnChooserModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewColumnChooserSearchModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewColumnChooserSelectionModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewColumnHeaderFilterModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewColumnHeaderFilterSearchModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewCompareRuleModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewCustomOperationModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewCustomRuleModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewDraggingModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewEditingModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewEditingTextsModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewEmailRuleModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewEmptyItemModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewFieldModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewFilterBuilderModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewFilterOperationDescriptionsModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewFilterPanelModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewFilterPanelTextsModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewFormModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewFormatModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewFormItemModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewFromModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewGroupItemModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewGroupOperationDescriptionsModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewHeaderFilterModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewHeaderPanelModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewHideModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewIndicatorOptionsModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewItemModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewLabelModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewLoadPanelModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewLookupModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewMyModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewNumericRuleModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewOffsetModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewPagerModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewPagingModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewPatternRuleModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewPositionModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewRangeRuleModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewRemoteOperationsModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewRequiredRuleModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewScrollingModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewSearchModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewSearchPanelModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewSelectionModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewShowModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewSimpleItemModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewSortingModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewStringLengthRuleModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewTabModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewTabbedItemModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewTabPanelOptionsModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewTabPanelOptionsItemModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewTextsModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewToModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxoCardViewToolbarModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewToolbarItemModule } from 'devextreme-angular/ui/card-view/nested';\nimport { DxiCardViewValidationRuleModule } from 'devextreme-angular/ui/card-view/nested';\nimport { \n           PROPERTY_TOKEN_validationRules,\n           PROPERTY_TOKEN_items,\n           PROPERTY_TOKEN_changes,\n           PROPERTY_TOKEN_columns,\n           PROPERTY_TOKEN_customOperations,\n           PROPERTY_TOKEN_fields,\n           PROPERTY_TOKEN_tabs,\n     } from 'devextreme-angular/core/tokens';\n\n\n\n@Component({\n    selector: 'dx-card-view',\n    template: '',\n    host: { ngSkipHydration: 'true' },\n    imports: [ DxIntegrationModule ],\n    providers: [\n        DxTemplateHost,\n        WatcherHelper,\n        NestedOptionHost,\n        IterableDifferHelper\n    ]\n})\nexport class DxCardViewComponent<TCardData = any, TKey = any> extends DxComponent implements OnDestroy, OnChanges, DoCheck {\n\n    @ContentChildren(PROPERTY_TOKEN_validationRules)\n    set _validationRulesContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('validationRules', 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_changes)\n    set _changesContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('changes', value);\n    }\n\n    @ContentChildren(PROPERTY_TOKEN_columns)\n    set _columnsContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('columns', value);\n    }\n\n    @ContentChildren(PROPERTY_TOKEN_customOperations)\n    set _customOperationsContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('customOperations', value);\n    }\n\n    @ContentChildren(PROPERTY_TOKEN_fields)\n    set _fieldsContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('fields', value);\n    }\n\n    @ContentChildren(PROPERTY_TOKEN_tabs)\n    set _tabsContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('tabs', value);\n    }\n\n    instance: DxCardView<TCardData, TKey> = null;\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    @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    @Input()\n    get allowColumnReordering(): boolean {\n        return this._getOption('allowColumnReordering');\n    }\n    set allowColumnReordering(value: boolean) {\n        this._setOption('allowColumnReordering', value);\n    }\n\n\n    \n    @Input()\n    get cardContentTemplate(): any {\n        return this._getOption('cardContentTemplate');\n    }\n    set cardContentTemplate(value: any) {\n        this._setOption('cardContentTemplate', value);\n    }\n\n\n    \n    @Input()\n    get cardCover(): CardCover {\n        return this._getOption('cardCover');\n    }\n    set cardCover(value: CardCover) {\n        this._setOption('cardCover', value);\n    }\n\n\n    \n    @Input()\n    get cardFooterTemplate(): any {\n        return this._getOption('cardFooterTemplate');\n    }\n    set cardFooterTemplate(value: any) {\n        this._setOption('cardFooterTemplate', value);\n    }\n\n\n    \n    @Input()\n    get cardHeader(): CardHeader {\n        return this._getOption('cardHeader');\n    }\n    set cardHeader(value: CardHeader) {\n        this._setOption('cardHeader', value);\n    }\n\n\n    \n    @Input()\n    get cardMaxWidth(): number {\n        return this._getOption('cardMaxWidth');\n    }\n    set cardMaxWidth(value: number) {\n        this._setOption('cardMaxWidth', value);\n    }\n\n\n    \n    @Input()\n    get cardMinWidth(): number {\n        return this._getOption('cardMinWidth');\n    }\n    set cardMinWidth(value: number) {\n        this._setOption('cardMinWidth', value);\n    }\n\n\n    \n    @Input()\n    get cardsPerRow(): Mode | number {\n        return this._getOption('cardsPerRow');\n    }\n    set cardsPerRow(value: Mode | number) {\n        this._setOption('cardsPerRow', value);\n    }\n\n\n    \n    @Input()\n    get cardTemplate(): any {\n        return this._getOption('cardTemplate');\n    }\n    set cardTemplate(value: any) {\n        this._setOption('cardTemplate', value);\n    }\n\n\n    \n    @Input()\n    get columnChooser(): ColumnChooser {\n        return this._getOption('columnChooser');\n    }\n    set columnChooser(value: ColumnChooser) {\n        this._setOption('columnChooser', value);\n    }\n\n\n    \n    @Input()\n    get columns(): Array<ColumnProperties | string> {\n        return this._getOption('columns');\n    }\n    set columns(value: Array<ColumnProperties | string>) {\n        this._setOption('columns', value);\n    }\n\n\n    \n    @Input()\n    get dataSource(): Array<any> | DataSource | DataSourceOptions | Store | string {\n        return this._getOption('dataSource');\n    }\n    set dataSource(value: Array<any> | DataSource | DataSourceOptions | Store | string) {\n        this._setOption('dataSource', value);\n    }\n\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    @Input()\n    get editing(): dxCardViewEditing {\n        return this._getOption('editing');\n    }\n    set editing(value: dxCardViewEditing) {\n        this._setOption('editing', value);\n    }\n\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    @Input()\n    get errorRowEnabled(): boolean {\n        return this._getOption('errorRowEnabled');\n    }\n    set errorRowEnabled(value: boolean) {\n        this._setOption('errorRowEnabled', value);\n    }\n\n\n    \n    @Input()\n    get fieldHintEnabled(): boolean {\n        return this._getOption('fieldHintEnabled');\n    }\n    set fieldHintEnabled(value: boolean) {\n        this._setOption('fieldHintEnabled', value);\n    }\n\n\n    \n    @Input()\n    get filterBuilder(): dxFilterBuilderOptions {\n        return this._getOption('filterBuilder');\n    }\n    set filterBuilder(value: dxFilterBuilderOptions) {\n        this._setOption('filterBuilder', value);\n    }\n\n\n    \n    @Input()\n    get filterBuilderPopup(): Record<string, any> {\n        return this._getOption('filterBuilderPopup');\n    }\n    set filterBuilderPopup(value: Record<string, any>) {\n        this._setOption('filterBuilderPopup', value);\n    }\n\n\n    \n    @Input()\n    get filterPanel(): FilterPanel {\n        return this._getOption('filterPanel');\n    }\n    set filterPanel(value: FilterPanel) {\n        this._setOption('filterPanel', value);\n    }\n\n\n    \n    @Input()\n    get filterValue(): Array<any> | Function | string {\n        return this._getOption('filterValue');\n    }\n    set filterValue(value: Array<any> | Function | string) {\n        this._setOption('filterValue', value);\n    }\n\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    @Input()\n    get headerFilter(): HeaderFilter {\n        return this._getOption('headerFilter');\n    }\n    set headerFilter(value: HeaderFilter) {\n        this._setOption('headerFilter', value);\n    }\n\n\n    \n    @Input()\n    get headerPanel(): HeaderPanel {\n        return this._getOption('headerPanel');\n    }\n    set headerPanel(value: HeaderPanel) {\n        this._setOption('headerPanel', value);\n    }\n\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    @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    @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    @Input()\n    get keyExpr(): Array<string> | string {\n        return this._getOption('keyExpr');\n    }\n    set keyExpr(value: Array<string> | string) {\n        this._setOption('keyExpr', value);\n    }\n\n\n    \n    @Input()\n    get loadPanel(): dxLoadPanelOptions {\n        return this._getOption('loadPanel');\n    }\n    set loadPanel(value: dxLoadPanelOptions) {\n        this._setOption('loadPanel', value);\n    }\n\n\n    \n    @Input()\n    get noDataTemplate(): any {\n        return this._getOption('noDataTemplate');\n    }\n    set noDataTemplate(value: any) {\n        this._setOption('noDataTemplate', value);\n    }\n\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    @Input()\n    get pager(): Pager {\n        return this._getOption('pager');\n    }\n    set pager(value: Pager) {\n        this._setOption('pager', value);\n    }\n\n\n    \n    @Input()\n    get paging(): Paging {\n        return this._getOption('paging');\n    }\n    set paging(value: Paging) {\n        this._setOption('paging', value);\n    }\n\n\n    \n    @Input()\n    get remoteOperations(): boolean | Mode | RemoteOperations {\n        return this._getOption('remoteOperations');\n    }\n    set remoteOperations(value: boolean | Mode | RemoteOperations) {\n        this._setOption('remoteOperations', value);\n    }\n\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    @Input()\n    get scrolling(): { scrollByContent?: boolean, scrollByThumb?: boolean, showScrollbar?: ScrollbarMode, useNative?: boolean | Mode } {\n        return this._getOption('scrolling');\n    }\n    set scrolling(value: { scrollByContent?: boolean, scrollByThumb?: boolean, showScrollbar?: ScrollbarMode, useNative?: boolean | Mode }) {\n        this._setOption('scrolling', value);\n    }\n\n\n    \n    @Input()\n    get searchPanel(): SearchPanel {\n        return this._getOption('searchPanel');\n    }\n    set searchPanel(value: SearchPanel) {\n        this._setOption('searchPanel', value);\n    }\n\n\n    \n    @Input()\n    get selectedCardKeys(): Array<any> {\n        return this._getOption('selectedCardKeys');\n    }\n    set selectedCardKeys(value: Array<any>) {\n        this._setOption('selectedCardKeys', value);\n    }\n\n\n    \n    @Input()\n    get selection(): SelectionConfiguration {\n        return this._getOption('selection');\n    }\n    set selection(value: SelectionConfiguration) {\n        this._setOption('selection', value);\n    }\n\n\n    \n    @Input()\n    get sorting(): Sorting {\n        return this._getOption('sorting');\n    }\n    set sorting(value: Sorting) {\n        this._setOption('sorting', value);\n    }\n\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    @Input()\n    get toolbar(): dxCardViewToolbar {\n        return this._getOption('toolbar');\n    }\n    set toolbar(value: dxCardViewToolbar) {\n        this._setOption('toolbar', value);\n    }\n\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    @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    @Input()\n    get wordWrapEnabled(): boolean {\n        return this._getOption('wordWrapEnabled');\n    }\n    set wordWrapEnabled(value: boolean) {\n        this._setOption('wordWrapEnabled', value);\n    }\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onCardClick: EventEmitter<CardClickEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onCardDblClick: EventEmitter<CardDblClickEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onCardHoverChanged: EventEmitter<CardHoverChangedEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onCardInserted: EventEmitter<CardInsertedEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onCardInserting: EventEmitter<CardInsertingEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onCardPrepared: EventEmitter<CardPreparedEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onCardRemoved: EventEmitter<CardRemovedEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onCardRemoving: EventEmitter<CardRemovingEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onCardUpdated: EventEmitter<CardUpdatedEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onCardUpdating: EventEmitter<CardUpdatingEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onContentReady: EventEmitter<EventInfo<any>>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onContextMenuPreparing: EventEmitter<ContextMenuPreparingEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onDataErrorOccurred: EventEmitter<Object>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onDisposing: EventEmitter<EventInfo<any>>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onEditCanceled: EventEmitter<EditCanceledEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onEditCanceling: EventEmitter<EditCancelingEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onEditingStart: EventEmitter<EditingStartEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onFieldCaptionClick: EventEmitter<FieldCaptionClickEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onFieldCaptionDblClick: EventEmitter<FieldCaptionDblClickEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onFieldCaptionPrepared: EventEmitter<FieldCaptionPreparedEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onFieldValueClick: EventEmitter<FieldValueClickEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onFieldValueDblClick: EventEmitter<FieldValueDblClickEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onFieldValuePrepared: EventEmitter<FieldValuePreparedEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onFocusedCardChanged: EventEmitter<FocusedCardChanged>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onInitialized: EventEmitter<Object>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onInitNewCard: EventEmitter<InitNewCardEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onOptionChanged: EventEmitter<OptionChangedEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onSaved: EventEmitter<SavedEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onSaving: EventEmitter<SavingEvent>;\n\n    /**\n    \n     * \n    \n    \n     */\n    @Output() onSelectionChanged: EventEmitter<SelectionChangedEvent>;\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() allowColumnReorderingChange: 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() cardContentTemplateChange: 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() cardCoverChange: EventEmitter<CardCover>;\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() cardFooterTemplateChange: 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() cardHeaderChange: EventEmitter<CardHeader>;\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() cardMaxWidthChange: 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() cardMinWidthChange: 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() cardsPerRowChange: EventEmitter<Mode | 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() cardTemplateChange: 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() columnChooserChange: EventEmitter<ColumnChooser>;\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() columnsChange: EventEmitter<Array<ColumnProperties | 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() dataSourceChange: EventEmitter<Array<any> | DataSource | DataSourceOptions | 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() editingChange: EventEmitter<dxCardViewEditing>;\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() errorRowEnabledChange: 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() fieldHintEnabledChange: 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() filterBuilderChange: EventEmitter<dxFilterBuilderOptions>;\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() filterBuilderPopupChange: 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() filterPanelChange: EventEmitter<FilterPanel>;\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() filterValueChange: EventEmitter<Array<any> | 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() 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() headerFilterChange: EventEmitter<HeaderFilter>;\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() headerPanelChange: EventEmitter<HeaderPanel>;\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() keyExprChange: EventEmitter<Array<string> | 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() loadPanelChange: EventEmitter<dxLoadPanelOptions>;\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() noDataTemplateChange: 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() 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() pagerChange: EventEmitter<Pager>;\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() pagingChange: EventEmitter<Paging>;\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() remoteOperationsChange: EventEmitter<boolean | Mode | RemoteOperations>;\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() scrollingChange: EventEmitter<{ scrollByContent?: boolean, scrollByThumb?: boolean, showScrollbar?: ScrollbarMode, useNative?: boolean | Mode }>;\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() searchPanelChange: EventEmitter<SearchPanel>;\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() selectedCardKeysChange: 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() selectionChange: EventEmitter<SelectionConfiguration>;\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() sortingChange: EventEmitter<Sorting>;\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() toolbarChange: EventEmitter<dxCardViewToolbar>;\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     * This member supports the internal infrastructure and is not intended to be used directly from your code.\n    \n     */\n    @Output() wordWrapEnabledChange: EventEmitter<boolean>;\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: 'cardClick', emit: 'onCardClick' },\n            { subscribe: 'cardDblClick', emit: 'onCardDblClick' },\n            { subscribe: 'cardHoverChanged', emit: 'onCardHoverChanged' },\n            { subscribe: 'cardInserted', emit: 'onCardInserted' },\n            { subscribe: 'cardInserting', emit: 'onCardInserting' },\n            { subscribe: 'cardPrepared', emit: 'onCardPrepared' },\n            { subscribe: 'cardRemoved', emit: 'onCardRemoved' },\n            { subscribe: 'cardRemoving', emit: 'onCardRemoving' },\n            { subscribe: 'cardUpdated', emit: 'onCardUpdated' },\n            { subscribe: 'cardUpdating', emit: 'onCardUpdating' },\n            { subscribe: 'contentReady', emit: 'onContentReady' },\n            { subscribe: 'contextMenuPreparing', emit: 'onContextMenuPreparing' },\n            { subscribe: 'dataErrorOccurred', emit: 'onDataErrorOccurred' },\n            { subscribe: 'disposing', emit: 'onDisposing' },\n            { subscribe: 'editCanceled', emit: 'onEditCanceled' },\n            { subscribe: 'editCanceling', emit: 'onEditCanceling' },\n            { subscribe: 'editingStart', emit: 'onEditingStart' },\n            { subscribe: 'fieldCaptionClick', emit: 'onFieldCaptionClick' },\n            { subscribe: 'fieldCaptionDblClick', emit: 'onFieldCaptionDblClick' },\n            { subscribe: 'fieldCaptionPrepared', emit: 'onFieldCaptionPrepared' },\n            { subscribe: 'fieldValueClick', emit: 'onFieldValueClick' },\n            { subscribe: 'fieldValueDblClick', emit: 'onFieldValueDblClick' },\n            { subscribe: 'fieldValuePrepared', emit: 'onFieldValuePrepared' },\n            { subscribe: 'focusedCardChanged', emit: 'onFocusedCardChanged' },\n            { subscribe: 'initialized', emit: 'onInitialized' },\n            { subscribe: 'initNewCard', emit: 'onInitNewCard' },\n            { subscribe: 'optionChanged', emit: 'onOptionChanged' },\n            { subscribe: 'saved', emit: 'onSaved' },\n            { subscribe: 'saving', emit: 'onSaving' },\n            { subscribe: 'selectionChanged', emit: 'onSelectionChanged' },\n            { emit: 'accessKeyChange' },\n            { emit: 'activeStateEnabledChange' },\n            { emit: 'allowColumnReorderingChange' },\n            { emit: 'cardContentTemplateChange' },\n            { emit: 'cardCoverChange' },\n            { emit: 'cardFooterTemplateChange' },\n            { emit: 'cardHeaderChange' },\n            { emit: 'cardMaxWidthChange' },\n            { emit: 'cardMinWidthChange' },\n            { emit: 'cardsPerRowChange' },\n            { emit: 'cardTemplateChange' },\n            { emit: 'columnChooserChange' },\n            { emit: 'columnsChange' },\n            { emit: 'dataSourceChange' },\n            { emit: 'disabledChange' },\n            { emit: 'editingChange' },\n            { emit: 'elementAttrChange' },\n            { emit: 'errorRowEnabledChange' },\n            { emit: 'fieldHintEnabledChange' },\n            { emit: 'filterBuilderChange' },\n            { emit: 'filterBuilderPopupChange' },\n            { emit: 'filterPanelChange' },\n            { emit: 'filterValueChange' },\n            { emit: 'focusStateEnabledChange' },\n            { emit: 'headerFilterChange' },\n            { emit: 'headerPanelChange' },\n            { emit: 'heightChange' },\n            { emit: 'hintChange' },\n            { emit: 'hoverStateEnabledChange' },\n            { emit: 'keyExprChange' },\n            { emit: 'loadPanelChange' },\n            { emit: 'noDataTemplateChange' },\n            { emit: 'noDataTextChange' },\n            { emit: 'pagerChange' },\n            { emit: 'pagingChange' },\n            { emit: 'remoteOperationsChange' },\n            { emit: 'rtlEnabledChange' },\n            { emit: 'scrollingChange' },\n            { emit: 'searchPanelChange' },\n            { emit: 'selectedCardKeysChange' },\n            { emit: 'selectionChange' },\n            { emit: 'sortingChange' },\n            { emit: 'tabIndexChange' },\n            { emit: 'toolbarChange' },\n            { emit: 'visibleChange' },\n            { emit: 'widthChange' },\n            { emit: 'wordWrapEnabledChange' }\n        ]);\n\n        this._idh.setHost(this);\n        optionHost.setHost(this);\n    }\n\n    protected _createInstance(element, options) {\n\n        return new DxCardView(element, options);\n    }\n\n\n    ngOnDestroy() {\n        this._destroyWidget();\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        super.ngOnChanges(changes);\n        this.setupChanges('columns', changes);\n        this.setupChanges('dataSource', changes);\n        this.setupChanges('filterValue', changes);\n        this.setupChanges('keyExpr', changes);\n        this.setupChanges('selectedCardKeys', 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('columns');\n        this._idh.doCheck('dataSource');\n        this._idh.doCheck('filterValue');\n        this._idh.doCheck('keyExpr');\n        this._idh.doCheck('selectedCardKeys');\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    DxCardViewComponent,\n    DxoCardViewAIOptionsModule,\n    DxoCardViewAnimationModule,\n    DxiCardViewAsyncRuleModule,\n    DxoCardViewAtModule,\n    DxoCardViewBoundaryOffsetModule,\n    DxiCardViewButtonItemModule,\n    DxoCardViewButtonOptionsModule,\n    DxoCardViewCardCoverModule,\n    DxoCardViewCardHeaderModule,\n    DxiCardViewCardHeaderItemModule,\n    DxoCardViewCardViewHeaderFilterModule,\n    DxoCardViewCardViewHeaderFilterSearchModule,\n    DxoCardViewCardViewHeaderFilterTextsModule,\n    DxoCardViewCardViewSelectionModule,\n    DxiCardViewChangeModule,\n    DxoCardViewColCountByScreenModule,\n    DxoCardViewCollisionModule,\n    DxiCardViewColumnModule,\n    DxoCardViewColumnChooserModule,\n    DxoCardViewColumnChooserSearchModule,\n    DxoCardViewColumnChooserSelectionModule,\n    DxoCardViewColumnHeaderFilterModule,\n    DxoCardViewColumnHeaderFilterSearchModule,\n    DxiCardViewCompareRuleModule,\n    DxiCardViewCustomOperationModule,\n    DxiCardViewCustomRuleModule,\n    DxoCardViewDraggingModule,\n    DxoCardViewEditingModule,\n    DxoCardViewEditingTextsModule,\n    DxiCardViewEmailRuleModule,\n    DxiCardViewEmptyItemModule,\n    DxiCardViewFieldModule,\n    DxoCardViewFilterBuilderModule,\n    DxoCardViewFilterOperationDescriptionsModule,\n    DxoCardViewFilterPanelModule,\n    DxoCardViewFilterPanelTextsModule,\n    DxoCardViewFormModule,\n    DxoCardViewFormatModule,\n    DxoCardViewFormItemModule,\n    DxoCardViewFromModule,\n    DxiCardViewGroupItemModule,\n    DxoCardViewGroupOperationDescriptionsModule,\n    DxoCardViewHeaderFilterModule,\n    DxoCardViewHeaderPanelModule,\n    DxoCardViewHideModule,\n    DxoCardViewIndicatorOptionsModule,\n    DxiCardViewItemModule,\n    DxoCardViewLabelModule,\n    DxoCardViewLoadPanelModule,\n    DxoCardViewLookupModule,\n    DxoCardViewMyModule,\n    DxiCardViewNumericRuleModule,\n    DxoCardViewOffsetModule,\n    DxoCardViewPagerModule,\n    DxoCardViewPagingModule,\n    DxiCardViewPatternRuleModule,\n    DxoCardViewPositionModule,\n    DxiCardViewRangeRuleModule,\n    DxoCardViewRemoteOperationsModule,\n    DxiCardViewRequiredRuleModule,\n    DxoCardViewScrollingModule,\n    DxoCardViewSearchModule,\n    DxoCardViewSearchPanelModule,\n    DxoCardViewSelectionModule,\n    DxoCardViewShowModule,\n    DxiCardViewSimpleItemModule,\n    DxoCardViewSortingModule,\n    DxiCardViewStringLengthRuleModule,\n    DxiCardViewTabModule,\n    DxiCardViewTabbedItemModule,\n    DxoCardViewTabPanelOptionsModule,\n    DxiCardViewTabPanelOptionsItemModule,\n    DxoCardViewTextsModule,\n    DxoCardViewToModule,\n    DxoCardViewToolbarModule,\n    DxiCardViewToolbarItemModule,\n    DxiCardViewValidationRuleModule,\n    DxIntegrationModule,\n    DxTemplateModule\n  ],\n  exports: [\n    DxCardViewComponent,\n    DxoCardViewAIOptionsModule,\n    DxoCardViewAnimationModule,\n    DxiCardViewAsyncRuleModule,\n    DxoCardViewAtModule,\n    DxoCardViewBoundaryOffsetModule,\n    DxiCardViewButtonItemModule,\n    DxoCardViewButtonOptionsModule,\n    DxoCardViewCardCoverModule,\n    DxoCardViewCardHeaderModule,\n    DxiCardViewCardHeaderItemModule,\n    DxoCardViewCardViewHeaderFilterModule,\n    DxoCardViewCardViewHeaderFilterSearchModule,\n    DxoCardViewCardViewHeaderFilterTextsModule,\n    DxoCardViewCardViewSelectionModule,\n    DxiCardViewChangeModule,\n    DxoCardViewColCountByScreenModule,\n    DxoCardViewCollisionModule,\n    DxiCardViewColumnModule,\n    DxoCardViewColumnChooserModule,\n    DxoCardViewColumnChooserSearchModule,\n    DxoCardViewColumnChooserSelectionModule,\n    DxoCardViewColumnHeaderFilterModule,\n    DxoCardViewColumnHeaderFilterSearchModule,\n    DxiCardViewCompareRuleModule,\n    DxiCardViewCustomOperationModule,\n    DxiCardViewCustomRuleModule,\n    DxoCardViewDraggingModule,\n    DxoCardViewEditingModule,\n    DxoCardViewEditingTextsModule,\n    DxiCardViewEmailRuleModule,\n    DxiCardViewEmptyItemModule,\n    DxiCardViewFieldModule,\n    DxoCardViewFilterBuilderModule,\n    DxoCardViewFilterOperationDescriptionsModule,\n    DxoCardViewFilterPanelModule,\n    DxoCardViewFilterPanelTextsModule,\n    DxoCardViewFormModule,\n    DxoCardViewFormatModule,\n    DxoCardViewFormItemModule,\n    DxoCardViewFromModule,\n    DxiCardViewGroupItemModule,\n    DxoCardViewGroupOperationDescriptionsModule,\n    DxoCardViewHeaderFilterModule,\n    DxoCardViewHeaderPanelModule,\n    DxoCardViewHideModule,\n    DxoCardViewIndicatorOptionsModule,\n    DxiCardViewItemModule,\n    DxoCardViewLabelModule,\n    DxoCardViewLoadPanelModule,\n    DxoCardViewLookupModule,\n    DxoCardViewMyModule,\n    DxiCardViewNumericRuleModule,\n    DxoCardViewOffsetModule,\n    DxoCardViewPagerModule,\n    DxoCardViewPagingModule,\n    DxiCardViewPatternRuleModule,\n    DxoCardViewPositionModule,\n    DxiCardViewRangeRuleModule,\n    DxoCardViewRemoteOperationsModule,\n    DxiCardViewRequiredRuleModule,\n    DxoCardViewScrollingModule,\n    DxoCardViewSearchModule,\n    DxoCardViewSearchPanelModule,\n    DxoCardViewSelectionModule,\n    DxoCardViewShowModule,\n    DxiCardViewSimpleItemModule,\n    DxoCardViewSortingModule,\n    DxiCardViewStringLengthRuleModule,\n    DxiCardViewTabModule,\n    DxiCardViewTabbedItemModule,\n    DxoCardViewTabPanelOptionsModule,\n    DxiCardViewTabPanelOptionsItemModule,\n    DxoCardViewTextsModule,\n    DxoCardViewToModule,\n    DxoCardViewToolbarModule,\n    DxiCardViewToolbarItemModule,\n    DxiCardViewValidationRuleModule,\n    DxTemplateModule\n  ]\n})\nexport class DxCardViewModule { }\n\nexport * from 'devextreme-angular/ui/card-view/nested';\n\nimport type * as DxCardViewTypes from \"devextreme/ui/card_view_types\";\nexport { DxCardViewTypes };\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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