/*! * devextreme-angular * Version: 25.2.6 * Build date: Mon Mar 30 2026 * * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED * * This software may be modified and distributed under the terms * of the MIT license. See the LICENSE file in the root of the project for details. * * https://github.com/DevExpress/DevExtreme */ import { TransferState, ElementRef, NgZone, OnDestroy, EventEmitter, OnChanges, DoCheck, SimpleChanges, QueryList } from '@angular/core'; import DataSource from 'devextreme/data/data_source'; import { 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'; import { Mode, ScrollbarMode } from 'devextreme/common'; import { ColumnChooser, FilterPanel, HeaderFilter, Pager, SearchPanel, Sorting } from 'devextreme/common/grids'; import { DataSourceOptions } from 'devextreme/data/data_source'; import { Store } from 'devextreme/data/store'; import { dxFilterBuilderOptions } from 'devextreme/ui/filter_builder'; import { dxLoadPanelOptions } from 'devextreme/ui/load_panel'; import { EventInfo } from 'devextreme/common/core/events'; import DxCardView from 'devextreme/ui/card_view'; import { DxComponent, DxTemplateHost, NestedOptionHost, IterableDifferHelper, WatcherHelper, CollectionNestedOption } from 'devextreme-angular/core'; import type * as DxCardViewTypes from "devextreme/ui/card_view_types"; import * as i0 from "@angular/core"; import * as i1 from "devextreme-angular/ui/card-view/nested"; import * as i2 from "devextreme-angular/core"; export { ExplicitTypes } from 'devextreme/ui/card_view'; export declare class DxCardViewComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck { private _watcherHelper; private _idh; set _validationRulesContentChildren(value: QueryList); set _itemsContentChildren(value: QueryList); set _changesContentChildren(value: QueryList); set _columnsContentChildren(value: QueryList); set _customOperationsContentChildren(value: QueryList); set _fieldsContentChildren(value: QueryList); set _tabsContentChildren(value: QueryList); instance: DxCardView; get accessKey(): string | undefined; set accessKey(value: string | undefined); get activeStateEnabled(): boolean; set activeStateEnabled(value: boolean); get allowColumnReordering(): boolean; set allowColumnReordering(value: boolean); get cardContentTemplate(): any; set cardContentTemplate(value: any); get cardCover(): CardCover; set cardCover(value: CardCover); get cardFooterTemplate(): any; set cardFooterTemplate(value: any); get cardHeader(): CardHeader; set cardHeader(value: CardHeader); get cardMaxWidth(): number; set cardMaxWidth(value: number); get cardMinWidth(): number; set cardMinWidth(value: number); get cardsPerRow(): Mode | number; set cardsPerRow(value: Mode | number); get cardTemplate(): any; set cardTemplate(value: any); get columnChooser(): ColumnChooser; set columnChooser(value: ColumnChooser); get columns(): Array; set columns(value: Array); get dataSource(): Array | DataSource | DataSourceOptions | Store | string; set dataSource(value: Array | DataSource | DataSourceOptions | Store | string); get disabled(): boolean; set disabled(value: boolean); get editing(): dxCardViewEditing; set editing(value: dxCardViewEditing); get elementAttr(): Record; set elementAttr(value: Record); get errorRowEnabled(): boolean; set errorRowEnabled(value: boolean); get fieldHintEnabled(): boolean; set fieldHintEnabled(value: boolean); get filterBuilder(): dxFilterBuilderOptions; set filterBuilder(value: dxFilterBuilderOptions); get filterBuilderPopup(): Record; set filterBuilderPopup(value: Record); get filterPanel(): FilterPanel; set filterPanel(value: FilterPanel); get filterValue(): Array | Function | string; set filterValue(value: Array | Function | string); get focusStateEnabled(): boolean; set focusStateEnabled(value: boolean); get headerFilter(): HeaderFilter; set headerFilter(value: HeaderFilter); get headerPanel(): HeaderPanel; set headerPanel(value: HeaderPanel); get height(): number | string | undefined; set height(value: number | string | undefined); get hint(): string | undefined; set hint(value: string | undefined); get hoverStateEnabled(): boolean; set hoverStateEnabled(value: boolean); get keyExpr(): Array | string; set keyExpr(value: Array | string); get loadPanel(): dxLoadPanelOptions; set loadPanel(value: dxLoadPanelOptions); get noDataTemplate(): any; set noDataTemplate(value: any); get noDataText(): string; set noDataText(value: string); get pager(): Pager; set pager(value: Pager); get paging(): Paging; set paging(value: Paging); get remoteOperations(): boolean | Mode | RemoteOperations; set remoteOperations(value: boolean | Mode | RemoteOperations); get rtlEnabled(): boolean; set rtlEnabled(value: boolean); get scrolling(): { scrollByContent?: boolean; scrollByThumb?: boolean; showScrollbar?: ScrollbarMode; useNative?: boolean | Mode; }; set scrolling(value: { scrollByContent?: boolean; scrollByThumb?: boolean; showScrollbar?: ScrollbarMode; useNative?: boolean | Mode; }); get searchPanel(): SearchPanel; set searchPanel(value: SearchPanel); get selectedCardKeys(): Array; set selectedCardKeys(value: Array); get selection(): SelectionConfiguration; set selection(value: SelectionConfiguration); get sorting(): Sorting; set sorting(value: Sorting); get tabIndex(): number; set tabIndex(value: number); get toolbar(): dxCardViewToolbar; set toolbar(value: dxCardViewToolbar); get visible(): boolean; set visible(value: boolean); get width(): number | string | undefined; set width(value: number | string | undefined); get wordWrapEnabled(): boolean; set wordWrapEnabled(value: boolean); /** * */ onCardClick: EventEmitter; /** * */ onCardDblClick: EventEmitter; /** * */ onCardHoverChanged: EventEmitter; /** * */ onCardInserted: EventEmitter; /** * */ onCardInserting: EventEmitter; /** * */ onCardPrepared: EventEmitter; /** * */ onCardRemoved: EventEmitter; /** * */ onCardRemoving: EventEmitter; /** * */ onCardUpdated: EventEmitter; /** * */ onCardUpdating: EventEmitter; /** * */ onContentReady: EventEmitter>; /** * */ onContextMenuPreparing: EventEmitter; /** * */ onDataErrorOccurred: EventEmitter; /** * */ onDisposing: EventEmitter>; /** * */ onEditCanceled: EventEmitter; /** * */ onEditCanceling: EventEmitter; /** * */ onEditingStart: EventEmitter; /** * */ onFieldCaptionClick: EventEmitter; /** * */ onFieldCaptionDblClick: EventEmitter; /** * */ onFieldCaptionPrepared: EventEmitter; /** * */ onFieldValueClick: EventEmitter; /** * */ onFieldValueDblClick: EventEmitter; /** * */ onFieldValuePrepared: EventEmitter; /** * */ onFocusedCardChanged: EventEmitter; /** * */ onInitialized: EventEmitter; /** * */ onInitNewCard: EventEmitter; /** * */ onOptionChanged: EventEmitter; /** * */ onSaved: EventEmitter; /** * */ onSaving: EventEmitter; /** * */ onSelectionChanged: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ accessKeyChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ activeStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ allowColumnReorderingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ cardContentTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ cardCoverChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ cardFooterTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ cardHeaderChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ cardMaxWidthChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ cardMinWidthChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ cardsPerRowChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ cardTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ columnChooserChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ columnsChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ dataSourceChange: EventEmitter | DataSource | DataSourceOptions | Store | string>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ disabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ editingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ elementAttrChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ errorRowEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ fieldHintEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ filterBuilderChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ filterBuilderPopupChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ filterPanelChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ filterValueChange: EventEmitter | Function | string>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ focusStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ headerFilterChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ headerPanelChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ heightChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hintChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hoverStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ keyExprChange: EventEmitter | string>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ loadPanelChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ noDataTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ noDataTextChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pagerChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pagingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ remoteOperationsChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ rtlEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ scrollingChange: EventEmitter<{ scrollByContent?: boolean; scrollByThumb?: boolean; showScrollbar?: ScrollbarMode; useNative?: boolean | Mode; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ searchPanelChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ selectedCardKeysChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ selectionChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ sortingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ tabIndexChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ toolbarChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ visibleChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ widthChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ wordWrapEnabledChange: EventEmitter; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any); protected _createInstance(element: any, options: any): DxCardView; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; setupChanges(prop: string, changes: SimpleChanges): void; ngDoCheck(): void; _setOption(name: string, value: any): void; static ɵfac: i0.ɵɵFactoryDeclaration, never>; static ɵcmp: i0.ɵɵComponentDeclaration, "dx-card-view", never, { "accessKey": { "alias": "accessKey"; "required": false; }; "activeStateEnabled": { "alias": "activeStateEnabled"; "required": false; }; "allowColumnReordering": { "alias": "allowColumnReordering"; "required": false; }; "cardContentTemplate": { "alias": "cardContentTemplate"; "required": false; }; "cardCover": { "alias": "cardCover"; "required": false; }; "cardFooterTemplate": { "alias": "cardFooterTemplate"; "required": false; }; "cardHeader": { "alias": "cardHeader"; "required": false; }; "cardMaxWidth": { "alias": "cardMaxWidth"; "required": false; }; "cardMinWidth": { "alias": "cardMinWidth"; "required": false; }; "cardsPerRow": { "alias": "cardsPerRow"; "required": false; }; "cardTemplate": { "alias": "cardTemplate"; "required": false; }; "columnChooser": { "alias": "columnChooser"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "editing": { "alias": "editing"; "required": false; }; "elementAttr": { "alias": "elementAttr"; "required": false; }; "errorRowEnabled": { "alias": "errorRowEnabled"; "required": false; }; "fieldHintEnabled": { "alias": "fieldHintEnabled"; "required": false; }; "filterBuilder": { "alias": "filterBuilder"; "required": false; }; "filterBuilderPopup": { "alias": "filterBuilderPopup"; "required": false; }; "filterPanel": { "alias": "filterPanel"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "focusStateEnabled": { "alias": "focusStateEnabled"; "required": false; }; "headerFilter": { "alias": "headerFilter"; "required": false; }; "headerPanel": { "alias": "headerPanel"; "required": false; }; "height": { "alias": "height"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "hoverStateEnabled": { "alias": "hoverStateEnabled"; "required": false; }; "keyExpr": { "alias": "keyExpr"; "required": false; }; "loadPanel": { "alias": "loadPanel"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "pager": { "alias": "pager"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "remoteOperations": { "alias": "remoteOperations"; "required": false; }; "rtlEnabled": { "alias": "rtlEnabled"; "required": false; }; "scrolling": { "alias": "scrolling"; "required": false; }; "searchPanel": { "alias": "searchPanel"; "required": false; }; "selectedCardKeys": { "alias": "selectedCardKeys"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "sorting": { "alias": "sorting"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "toolbar": { "alias": "toolbar"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; "wordWrapEnabled": { "alias": "wordWrapEnabled"; "required": false; }; }, { "onCardClick": "onCardClick"; "onCardDblClick": "onCardDblClick"; "onCardHoverChanged": "onCardHoverChanged"; "onCardInserted": "onCardInserted"; "onCardInserting": "onCardInserting"; "onCardPrepared": "onCardPrepared"; "onCardRemoved": "onCardRemoved"; "onCardRemoving": "onCardRemoving"; "onCardUpdated": "onCardUpdated"; "onCardUpdating": "onCardUpdating"; "onContentReady": "onContentReady"; "onContextMenuPreparing": "onContextMenuPreparing"; "onDataErrorOccurred": "onDataErrorOccurred"; "onDisposing": "onDisposing"; "onEditCanceled": "onEditCanceled"; "onEditCanceling": "onEditCanceling"; "onEditingStart": "onEditingStart"; "onFieldCaptionClick": "onFieldCaptionClick"; "onFieldCaptionDblClick": "onFieldCaptionDblClick"; "onFieldCaptionPrepared": "onFieldCaptionPrepared"; "onFieldValueClick": "onFieldValueClick"; "onFieldValueDblClick": "onFieldValueDblClick"; "onFieldValuePrepared": "onFieldValuePrepared"; "onFocusedCardChanged": "onFocusedCardChanged"; "onInitialized": "onInitialized"; "onInitNewCard": "onInitNewCard"; "onOptionChanged": "onOptionChanged"; "onSaved": "onSaved"; "onSaving": "onSaving"; "onSelectionChanged": "onSelectionChanged"; "accessKeyChange": "accessKeyChange"; "activeStateEnabledChange": "activeStateEnabledChange"; "allowColumnReorderingChange": "allowColumnReorderingChange"; "cardContentTemplateChange": "cardContentTemplateChange"; "cardCoverChange": "cardCoverChange"; "cardFooterTemplateChange": "cardFooterTemplateChange"; "cardHeaderChange": "cardHeaderChange"; "cardMaxWidthChange": "cardMaxWidthChange"; "cardMinWidthChange": "cardMinWidthChange"; "cardsPerRowChange": "cardsPerRowChange"; "cardTemplateChange": "cardTemplateChange"; "columnChooserChange": "columnChooserChange"; "columnsChange": "columnsChange"; "dataSourceChange": "dataSourceChange"; "disabledChange": "disabledChange"; "editingChange": "editingChange"; "elementAttrChange": "elementAttrChange"; "errorRowEnabledChange": "errorRowEnabledChange"; "fieldHintEnabledChange": "fieldHintEnabledChange"; "filterBuilderChange": "filterBuilderChange"; "filterBuilderPopupChange": "filterBuilderPopupChange"; "filterPanelChange": "filterPanelChange"; "filterValueChange": "filterValueChange"; "focusStateEnabledChange": "focusStateEnabledChange"; "headerFilterChange": "headerFilterChange"; "headerPanelChange": "headerPanelChange"; "heightChange": "heightChange"; "hintChange": "hintChange"; "hoverStateEnabledChange": "hoverStateEnabledChange"; "keyExprChange": "keyExprChange"; "loadPanelChange": "loadPanelChange"; "noDataTemplateChange": "noDataTemplateChange"; "noDataTextChange": "noDataTextChange"; "pagerChange": "pagerChange"; "pagingChange": "pagingChange"; "remoteOperationsChange": "remoteOperationsChange"; "rtlEnabledChange": "rtlEnabledChange"; "scrollingChange": "scrollingChange"; "searchPanelChange": "searchPanelChange"; "selectedCardKeysChange": "selectedCardKeysChange"; "selectionChange": "selectionChange"; "sortingChange": "sortingChange"; "tabIndexChange": "tabIndexChange"; "toolbarChange": "toolbarChange"; "visibleChange": "visibleChange"; "widthChange": "widthChange"; "wordWrapEnabledChange": "wordWrapEnabledChange"; }, ["_validationRulesContentChildren", "_itemsContentChildren", "_changesContentChildren", "_columnsContentChildren", "_customOperationsContentChildren", "_fieldsContentChildren", "_tabsContentChildren"], never, true, never>; } export declare class DxCardViewModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } export * from 'devextreme-angular/ui/card-view/nested'; export { DxCardViewTypes };