import { DataViewPassThrough, DataViewPaginatorPosition, DataViewLayout, DataViewLazyLoadEvent, DataViewPageEvent, DataViewSortEvent, DataViewLayoutChangeEvent, DataViewListTemplateContext, DataViewGridTemplateContext, DataViewPaginatorLeftTemplateContext, DataViewPaginatorRightTemplateContext, DataViewPaginatorDropdownItemTemplateContext, DataViewPaginatorState } from 'primeng/types/dataview'; export * from 'primeng/types/dataview'; import * as _angular_core from '@angular/core'; import { TemplateRef } from '@angular/core'; import { BlockableUI, Header, Footer, FilterService } from 'primeng/api'; import { BaseComponent } from 'primeng/basecomponent'; import * as i1 from 'primeng/bind'; import { Bind } from 'primeng/bind'; import { AppendTo } from 'primeng/types/shared'; import { BaseStyle } from 'primeng/base'; declare class DataViewStyle extends BaseStyle { name: string; style: string; classes: { root: ({ instance }: { instance: any; }) => (string | { 'p-dataview-list': boolean; 'p-dataview-grid': boolean; })[]; header: string; loading: string; loadingOverlay: string; loadingIcon: string; pcPaginator: ({ position }: { position: any; }) => string; content: string; emptyMessage: string; footer: string; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } /** * * DataView displays data in grid or list layout with pagination and sorting features. * * [Live Demo](https://www.primeng.org/dataview/) * * @module dataviewstyle * */ declare enum DataViewClasses { /** * Class name of the root element */ root = "p-dataview", /** * Class name of the header element */ header = "p-dataview-header", /** * Class name of the loading element */ loading = "p-dataview-loading", /** * Class name of the loading overlay element */ loadingOverlay = "p-dataview-loading-overlay", /** * Class name of the loading icon element */ loadingIcon = "p-dataview-loading-icon", /** * Class name of the paginator element */ pcPaginator = "p-dataview-paginator-[position]", /** * Class name of the content element */ content = "p-dataview-content", /** * Class name of the empty message element */ emptyMessage = "p-dataview-empty-message", /** * Class name of the footer element */ footer = "p-dataview-footer" } /** * DataView displays data in grid or list layout with pagination and sorting features. * @group Components */ declare class DataView extends BaseComponent implements BlockableUI { componentName: string; bindDirectiveInstance: Bind; $pcDataView: DataView | undefined; /** * When specified as true, enables the pagination. * @group Props */ paginator: _angular_core.InputSignalWithTransform; /** * Number of rows to display per page. * @group Props */ rows: _angular_core.ModelSignal; /** * Number of total records, defaults to length of value when not defined. * @group Props */ totalRecords: _angular_core.ModelSignal; /** * Number of page links to display in paginator. * @group Props */ pageLinks: _angular_core.InputSignalWithTransform; /** * Array of integer/object values to display inside rows per page dropdown of paginator * @group Props */ rowsPerPageOptions: _angular_core.InputSignal; /** * Position of the paginator. * @group Props */ paginatorPosition: _angular_core.InputSignal; /** * Custom style class for paginator * @group Props */ paginatorStyleClass: _angular_core.InputSignal; /** * Whether to show it even there is only one page. * @group Props */ alwaysShowPaginator: _angular_core.InputSignalWithTransform; /** * Target element to attach the paginator dropdown overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name). * @group Props */ paginatorDropdownAppendTo: _angular_core.InputSignal; /** * Paginator dropdown height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value. * @group Props */ paginatorDropdownScrollHeight: _angular_core.InputSignal; /** * Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords} * @group Props */ currentPageReportTemplate: _angular_core.InputSignal; /** * Whether to display current page report. * @group Props */ showCurrentPageReport: _angular_core.InputSignalWithTransform; /** * Whether to display a dropdown to navigate to any page. * @group Props */ showJumpToPageDropdown: _angular_core.InputSignalWithTransform; /** * When enabled, icons are displayed on paginator to go first and last page. * @group Props */ showFirstLastIcon: _angular_core.InputSignalWithTransform; /** * Whether to show page links. * @group Props */ showPageLinks: _angular_core.InputSignalWithTransform; /** * Defines if data is loaded and interacted with in lazy manner. * @group Props */ lazy: _angular_core.InputSignalWithTransform; /** * Whether to call lazy loading on initialization. * @group Props */ lazyLoadOnInit: _angular_core.InputSignalWithTransform; /** * Text to display when there is no data. Defaults to global value in i18n translation configuration. * @group Props */ emptyMessage: _angular_core.InputSignal; /** * Style class of the grid. * @group Props */ gridStyleClass: _angular_core.InputSignal; /** * Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity. * @group Props */ trackBy: _angular_core.InputSignal; /** * Comma separated list of fields in the object graph to search against. * @group Props */ filterBy: _angular_core.InputSignal; /** * Locale to use in filtering. The default locale is the host environment's current locale. * @group Props */ filterLocale: _angular_core.InputSignal; /** * Displays a loader to indicate data load is in progress. * @group Props */ loading: _angular_core.InputSignalWithTransform; /** * The icon to show while indicating data load is in progress. * @group Props */ loadingIcon: _angular_core.InputSignal; /** * Index of the first row to be displayed. * @group Props */ first: _angular_core.ModelSignal; /** * Property name of data to use in sorting by default. * @group Props */ sortField: _angular_core.InputSignal; /** * Order to sort the data by default. * @group Props */ sortOrder: _angular_core.InputSignal; /** * An array of objects to display. * @group Props */ value: _angular_core.ModelSignal; /** * Defines the layout mode. * @group Props */ layout: _angular_core.InputSignal; /** * Callback to invoke when paging, sorting or filtering happens in lazy mode. * @param {DataViewLazyLoadEvent} event - Custom lazy load event. * @group Emits */ onLazyLoad: _angular_core.OutputEmitterRef; /** * Callback to invoke when pagination occurs. * @param {DataViewPageEvent} event - Custom page event. * @group Emits */ onPage: _angular_core.OutputEmitterRef; /** * Callback to invoke when sorting occurs. * @param {DataViewSortEvent} event - Custom sort event. * @group Emits */ onSort: _angular_core.OutputEmitterRef; /** * Callback to invoke when changing layout. * @param {DataViewLayoutChangeEvent} event - Custom layout change event. * @group Emits */ onChangeLayout: _angular_core.OutputEmitterRef; /** * Template for the list layout. * @param {DataViewListTemplateContext} context - list template context. * @group Templates */ listTemplate: _angular_core.Signal> | undefined>; /** * Template for grid layout. * @param {DataViewGridTemplateContext} context - grid template context. * @group Templates */ gridTemplate: _angular_core.Signal> | undefined>; /** * Template for the header section. * @group Templates */ headerTemplate: _angular_core.Signal | undefined>; /** * Template for the empty message section. * @group Templates */ emptymessageTemplate: _angular_core.Signal | undefined>; /** * Template for the footer section. * @group Templates */ footerTemplate: _angular_core.Signal | undefined>; /** * Template for the left side of paginator. * @param {DataViewPaginatorLeftTemplateContext} context - paginator left template context. * @group Templates */ paginatorleft: _angular_core.Signal | undefined>; /** * Template for the right side of paginator. * @param {DataViewPaginatorRightTemplateContext} context - paginator right template context. * @group Templates */ paginatorright: _angular_core.Signal | undefined>; /** * Template for items in paginator dropdown. * @param {DataViewPaginatorDropdownItemTemplateContext} context - paginator dropdown item template context. * @group Templates */ paginatordropdownitem: _angular_core.Signal | undefined>; /** * Template for loading icon. * @group Templates */ loadingicon: _angular_core.Signal | undefined>; /** * Template for list icon. * @group Templates */ listicon: _angular_core.Signal | undefined>; /** * Template for grid icon. * @group Templates */ gridicon: _angular_core.Signal | undefined>; header: _angular_core.Signal
; footer: _angular_core.Signal