@gravionlabs/helix-core 22.1.2 → 22.1.4

package/types/gravionlabs-helix-core-dataview.d.ts

@@ -1,16 +1,39 @@
-import { DataViewPassThrough, DataViewLazyLoadEvent, DataViewPageEvent, DataViewSortEvent, DataViewLayoutChangeEvent, DataViewListTemplateContext, DataViewGridTemplateContext, DataViewPaginatorLeftTemplateContext, DataViewPaginatorRightTemplateContext, DataViewPaginatorDropdownItemTemplateContext, DataViewPaginatorState } from '@gravionlabs/helix-core/types/dataview';
-export * from '@gravionlabs/helix-core/types/dataview';
-import * as _angular_core from '@angular/core';
-import { TemplateRef, SimpleChanges } from '@angular/core';
-import * as i2 from '@gravionlabs/helix-core/api';
-import { BlockableUI, Header, Footer, FilterService } from '@gravionlabs/helix-core/api';
-import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { Nullable } from '@gravionlabs/helix-core/ts-helpers';
-import { Subscription } from 'rxjs';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
+import { DataViewGridTemplateContext, DataViewLayoutChangeEvent, DataViewLazyLoadEvent, DataViewListTemplateContext, DataViewPageEvent, DataViewPaginatorDropdownItemTemplateContext, DataViewPaginatorLeftTemplateContext, DataViewPaginatorRightTemplateContext, DataViewPaginatorState, DataViewPassThrough, DataViewSortEvent } from "@gravionlabs/helix-core/types/dataview";
+import * as i0 from "@angular/core";
+import { SimpleChanges, TemplateRef } from "@angular/core";
+import * as i2 from "@gravionlabs/helix-core/api";
+import { BlockableUI, FilterService, Footer, Header } from "@gravionlabs/helix-core/api";
+import { BaseComponent } from "@gravionlabs/helix-core/basecomponent";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { Nullable } from "@gravionlabs/helix-core/ts-helpers";
+import { Subscription } from "rxjs";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/dataview";
+export declare class DataViewStyle extends BaseStyle {
+  name: string;
+  style: string;
+  classes: {
+    root: ({ instance }: {
+      instance: any;
+    }) => (string | {
+      'h-dataview-list': boolean;
+      'h-dataview-grid': boolean;
+    })[];
+    header: string;
+    loading: string;
+    loadingOverlay: string;
+    loadingIcon: string;
+    pcPaginator: ({ position }: {
+      position: any;
+    }) => string;
+    content: string;
+    emptyMessage: string;
+    footer: string;
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<DataViewStyle, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
 /**
  *
  * DataView displays data in grid or list layout with pagination and sorting features.
@@ -20,345 +43,480 @@ import { BaseStyle } from '@gravionlabs/helix-core/base';
  * @module dataviewstyle
  *
  */
-declare enum DataViewClasses {
-    /**
-     * Class name of the root element
-     */
-    root = "h-dataview",
-    /**
-     * Class name of the header element
-     */
-    header = "h-dataview-header",
-    /**
-     * Class name of the loading element
-     */
-    loading = "h-dataview-loading",
-    /**
-     * Class name of the loading overlay element
-     */
-    loadingOverlay = "h-dataview-loading-overlay",
-    /**
-     * Class name of the loading icon element
-     */
-    loadingIcon = "h-dataview-loading-icon",
-    /**
-     * Class name of the paginator element
-     */
-    pcPaginator = "h-dataview-paginator-[position]",
-    /**
-     * Class name of the content element
-     */
-    content = "h-dataview-content",
-    /**
-     * Class name of the empty message element
-     */
-    emptyMessage = "h-dataview-empty-message",
-    /**
-     * Class name of the footer element
-     */
-    footer = "h-dataview-footer"
-}
-declare class DataViewStyle extends BaseStyle {
-    name: string;
-    style: string;
-    classes: {
-        root: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'h-dataview-list': boolean;
-            'h-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<DataViewStyle, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+export declare enum DataViewClasses {
+  /**
+   * Class name of the root element
+   */
+  root = "h-dataview",
+  /**
+   * Class name of the header element
+   */
+  header = "h-dataview-header",
+  /**
+   * Class name of the loading element
+   */
+  loading = "h-dataview-loading",
+  /**
+   * Class name of the loading overlay element
+   */
+  loadingOverlay = "h-dataview-loading-overlay",
+  /**
+   * Class name of the loading icon element
+   */
+  loadingIcon = "h-dataview-loading-icon",
+  /**
+   * Class name of the paginator element
+   */
+  pcPaginator = "h-dataview-paginator-[position]",
+  /**
+   * Class name of the content element
+   */
+  content = "h-dataview-content",
+  /**
+   * Class name of the empty message element
+   */
+  emptyMessage = "h-dataview-empty-message",
+  /**
+   * Class name of the footer element
+   */
+  footer = "h-dataview-footer"
 }
-interface DataViewStyle extends BaseStyle {
-}
-
+export interface DataViewStyle extends BaseStyle {}
 /**
  * DataView displays data in grid or list layout with pagination and sorting features.
  * @group Components
  */
-declare class DataView extends BaseComponent<DataViewPassThrough> implements BlockableUI {
-    componentName: string;
-    bindDirectiveInstance: Bind;
-    $pcDataView: DataView | undefined;
-    onAfterViewChecked(): void;
-    /**
-     * When specified as true, enables the pagination.
-     * @group Props
-     */
-    readonly paginator: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Number of rows to display per page.
-     * @group Props
-     */
-    readonly rows: _angular_core.ModelSignal<number | undefined>;
-    /**
-     * Number of total records, defaults to length of value when not defined.
-     * @group Props
-     */
-    readonly totalRecords: _angular_core.ModelSignal<number | undefined>;
-    /**
-     * Number of page links to display in paginator.
-     * @group Props
-     */
-    readonly pageLinks: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * Array of integer/object values to display inside rows per page dropdown of paginator
-     * @group Props
-     */
-    readonly rowsPerPageOptions: _angular_core.InputSignal<any[] | number[] | undefined>;
-    /**
-     * Position of the paginator.
-     * @group Props
-     */
-    readonly paginatorPosition: _angular_core.InputSignal<"top" | "bottom" | "both">;
-    /**
-     * Custom style class for paginator
-     * @group Props
-     */
-    readonly paginatorStyleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Whether to show it even there is only one page.
-     * @group Props
-     */
-    readonly alwaysShowPaginator: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * 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
-     */
-    readonly paginatorDropdownAppendTo: _angular_core.InputSignal<any>;
-    /**
-     * Paginator dropdown height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
-     * @group Props
-     */
-    readonly paginatorDropdownScrollHeight: _angular_core.InputSignal<string>;
-    /**
-     * Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords}
-     * @group Props
-     */
-    readonly currentPageReportTemplate: _angular_core.InputSignal<string>;
-    /**
-     * Whether to display current page report.
-     * @group Props
-     */
-    readonly showCurrentPageReport: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Whether to display a dropdown to navigate to any page.
-     * @group Props
-     */
-    readonly showJumpToPageDropdown: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * When enabled, icons are displayed on paginator to go first and last page.
-     * @group Props
-     */
-    readonly showFirstLastIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether to show page links.
-     * @group Props
-     */
-    readonly showPageLinks: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    readonly lazy: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * Whether to call lazy loading on initialization.
-     * @group Props
-     */
-    readonly lazyLoadOnInit: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Text to display when there is no data. Defaults to global value in i18n translation configuration.
-     * @group Props
-     */
-    readonly emptyMessage: _angular_core.InputSignal<string>;
-    /**
-     * Style class of the component.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    readonly styleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Style class of the grid.
-     * @group Props
-     */
-    readonly gridStyleClass: _angular_core.InputSignal<string>;
-    /**
-     * Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity.
-     * @group Props
-     */
-    readonly trackBy: _angular_core.InputSignal<Function>;
-    /**
-     * Comma separated list of fields in the object graph to search against.
-     * @group Props
-     */
-    readonly filterBy: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Locale to use in filtering. The default locale is the host environment's current locale.
-     * @group Props
-     */
-    readonly filterLocale: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Displays a loader to indicate data load is in progress.
-     * @group Props
-     */
-    readonly loading: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * The icon to show while indicating data load is in progress.
-     * @group Props
-     */
-    readonly loadingIcon: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Index of the first row to be displayed.
-     * @group Props
-     */
-    readonly first: _angular_core.ModelSignal<number | undefined>;
-    /**
-     * Property name of data to use in sorting by default.
-     * @group Props
-     */
-    readonly sortField: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Order to sort the data by default.
-     * @group Props
-     */
-    readonly sortOrder: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    /**
-     * An array of objects to display.
-     * @group Props
-     */
-    readonly value: _angular_core.InputSignal<any[] | undefined>;
-    /**
-     * Defines the layout mode.
-     * @group Props
-     */
-    readonly layout: _angular_core.InputSignal<"list" | "grid">;
-    /**
-     * Callback to invoke when paging, sorting or filtering happens in lazy mode.
-     * @param {DataViewLazyLoadEvent} event - Custom lazy load event.
-     * @group Emits
-     */
-    readonly onLazyLoad: _angular_core.OutputEmitterRef<DataViewLazyLoadEvent>;
-    /**
-     * Callback to invoke when pagination occurs.
-     * @param {DataViewPageEvent} event - Custom page event.
-     * @group Emits
-     */
-    readonly onPage: _angular_core.OutputEmitterRef<DataViewPageEvent>;
-    /**
-     * Callback to invoke when sorting occurs.
-     * @param {DataViewSortEvent} event - Custom sort event.
-     * @group Emits
-     */
-    readonly onSort: _angular_core.OutputEmitterRef<DataViewSortEvent>;
-    /**
-     * Callback to invoke when changing layout.
-     * @param {DataViewLayoutChangeEvent} event - Custom layout change event.
-     * @group Emits
-     */
-    readonly onChangeLayout: _angular_core.OutputEmitterRef<DataViewLayoutChangeEvent>;
-    /**
-     * Template for the list layout.
-     * @param {DataViewListTemplateContext} context - list template context.
-     * @group Templates
-     */
-    readonly listTemplate: _angular_core.Signal<Nullable<TemplateRef<DataViewListTemplateContext<any>>>>;
-    /**
-     * Template for grid layout.
-     * @param {DataViewGridTemplateContext} context - grid template context.
-     * @group Templates
-     */
-    readonly gridTemplate: _angular_core.Signal<TemplateRef<DataViewGridTemplateContext<any>>>;
-    /**
-     * Template for the header section.
-     * @group Templates
-     */
-    readonly headerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Template for the empty message section.
-     * @group Templates
-     */
-    readonly emptymessageTemplate: _angular_core.Signal<TemplateRef<void>>;
-    /**
-     * Template for the footer section.
-     * @group Templates
-     */
-    readonly footerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
-    /**
-     * Template for the left side of paginator.
-     * @param {DataViewPaginatorLeftTemplateContext} context - paginator left template context.
-     * @group Templates
-     */
-    readonly paginatorleft: _angular_core.Signal<TemplateRef<DataViewPaginatorLeftTemplateContext>>;
-    /**
-     * Template for the right side of paginator.
-     * @param {DataViewPaginatorRightTemplateContext} context - paginator right template context.
-     * @group Templates
-     */
-    readonly paginatorright: _angular_core.Signal<TemplateRef<DataViewPaginatorRightTemplateContext>>;
-    /**
-     * Template for items in paginator dropdown.
-     * @param {DataViewPaginatorDropdownItemTemplateContext} context - paginator dropdown item template context.
-     * @group Templates
-     */
-    readonly paginatordropdownitem: _angular_core.Signal<TemplateRef<DataViewPaginatorDropdownItemTemplateContext>>;
-    /**
-     * Template for loading icon.
-     * @group Templates
-     */
-    readonly loadingicon: _angular_core.Signal<TemplateRef<void>>;
-    /**
-     * Template for list icon.
-     * @group Templates
-     */
-    readonly listicon: _angular_core.Signal<TemplateRef<void>>;
-    /**
-     * Template for grid icon.
-     * @group Templates
-     */
-    readonly gridicon: _angular_core.Signal<TemplateRef<void>>;
-    readonly header: _angular_core.Signal<Header | undefined>;
-    readonly footer: _angular_core.Signal<Footer | undefined>;
-    _value: Nullable<any[]>;
-    filteredValue: Nullable<any[]>;
-    filterValue: Nullable<string>;
-    initialized: Nullable<boolean>;
-    _layout: 'list' | 'grid';
-    translationSubscription: Nullable<Subscription>;
-    _componentStyle: DataViewStyle;
-    get emptyMessageLabel(): string;
-    filterService: FilterService;
-    onInit(): void;
-    onAfterViewInit(): void;
-    onChanges(simpleChanges: SimpleChanges): void;
-    updateTotalRecords(): void;
-    paginate(event: DataViewPaginatorState): void;
-    sort(): void;
-    isEmpty(): boolean;
-    createLazyLoadMetadata(): DataViewLazyLoadEvent;
-    getBlockableElement(): HTMLElement;
-    filter(filter: string, filterMatchMode?: string): void;
-    hasFilter(): boolean | "" | null | undefined;
-    onDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataView, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataView, "h-dataView, h-dataview, h-data-view", never, { "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "pageLinks": { "alias": "pageLinks"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "paginatorPosition": { "alias": "paginatorPosition"; "required": false; "isSignal": true; }; "paginatorStyleClass": { "alias": "paginatorStyleClass"; "required": false; "isSignal": true; }; "alwaysShowPaginator": { "alias": "alwaysShowPaginator"; "required": false; "isSignal": true; }; "paginatorDropdownAppendTo": { "alias": "paginatorDropdownAppendTo"; "required": false; "isSignal": true; }; "paginatorDropdownScrollHeight": { "alias": "paginatorDropdownScrollHeight"; "required": false; "isSignal": true; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "showJumpToPageDropdown": { "alias": "showJumpToPageDropdown"; "required": false; "isSignal": true; }; "showFirstLastIcon": { "alias": "showFirstLastIcon"; "required": false; "isSignal": true; }; "showPageLinks": { "alias": "showPageLinks"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "lazyLoadOnInit": { "alias": "lazyLoadOnInit"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "gridStyleClass": { "alias": "gridStyleClass"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterLocale": { "alias": "filterLocale"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": false; "isSignal": true; }; "sortOrder": { "alias": "sortOrder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, { "rows": "rowsChange"; "totalRecords": "totalRecordsChange"; "first": "firstChange"; "onLazyLoad": "onLazyLoad"; "onPage": "onPage"; "onSort": "onSort"; "onChangeLayout": "onChangeLayout"; }, ["listTemplate", "gridTemplate", "headerTemplate", "emptymessageTemplate", "footerTemplate", "paginatorleft", "paginatorright", "paginatordropdownitem", "loadingicon", "listicon", "gridicon", "header", "footer"], ["h-header", "h-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
-}
-declare class DataViewModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataViewModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DataViewModule, never, [typeof DataView, typeof i2.SharedModule], [typeof DataView, typeof i2.SharedModule]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DataViewModule>;
+export declare class DataView extends BaseComponent<DataViewPassThrough> implements BlockableUI {
+  componentName: string;
+  bindDirectiveInstance: Bind;
+  $pcDataView: DataView | undefined;
+  onAfterViewChecked(): void;
+  /**
+   * When specified as true, enables the pagination.
+   * @group Props
+   */
+  readonly paginator: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Number of rows to display per page.
+   * @group Props
+   */
+  readonly rows: import("@angular/core").ModelSignal<number | undefined>;
+  /**
+   * Number of total records, defaults to length of value when not defined.
+   * @group Props
+   */
+  readonly totalRecords: import("@angular/core").ModelSignal<number | undefined>;
+  /**
+   * Number of page links to display in paginator.
+   * @group Props
+   */
+  readonly pageLinks: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * Array of integer/object values to display inside rows per page dropdown of paginator
+   * @group Props
+   */
+  readonly rowsPerPageOptions: import("@angular/core").InputSignal<any[] | number[] | undefined>;
+  /**
+   * Position of the paginator.
+   * @group Props
+   */
+  readonly paginatorPosition: import("@angular/core").InputSignal<"top" | "bottom" | "both">;
+  /**
+   * Custom style class for paginator
+   * @group Props
+   */
+  readonly paginatorStyleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Whether to show it even there is only one page.
+   * @group Props
+   */
+  readonly alwaysShowPaginator: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * 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
+   */
+  readonly paginatorDropdownAppendTo: import("@angular/core").InputSignal<any>;
+  /**
+   * Paginator dropdown height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
+   * @group Props
+   */
+  readonly paginatorDropdownScrollHeight: import("@angular/core").InputSignal<string>;
+  /**
+   * Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords}
+   * @group Props
+   */
+  readonly currentPageReportTemplate: import("@angular/core").InputSignal<string>;
+  /**
+   * Whether to display current page report.
+   * @group Props
+   */
+  readonly showCurrentPageReport: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Whether to display a dropdown to navigate to any page.
+   * @group Props
+   */
+  readonly showJumpToPageDropdown: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * When enabled, icons are displayed on paginator to go first and last page.
+   * @group Props
+   */
+  readonly showFirstLastIcon: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Whether to show page links.
+   * @group Props
+   */
+  readonly showPageLinks: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Defines if data is loaded and interacted with in lazy manner.
+   * @group Props
+   */
+  readonly lazy: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Whether to call lazy loading on initialization.
+   * @group Props
+   */
+  readonly lazyLoadOnInit: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Text to display when there is no data. Defaults to global value in i18n translation configuration.
+   * @group Props
+   */
+  readonly emptyMessage: import("@angular/core").InputSignal<string>;
+  /**
+   * Style class of the component.
+   * @deprecated since v20.0.0, use `class` instead.
+   * @group Props
+   */
+  readonly styleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Style class of the grid.
+   * @group Props
+   */
+  readonly gridStyleClass: import("@angular/core").InputSignal<string>;
+  /**
+   * Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity.
+   * @group Props
+   */
+  readonly trackBy: import("@angular/core").InputSignal<Function>;
+  /**
+   * Comma separated list of fields in the object graph to search against.
+   * @group Props
+   */
+  readonly filterBy: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Locale to use in filtering. The default locale is the host environment's current locale.
+   * @group Props
+   */
+  readonly filterLocale: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Displays a loader to indicate data load is in progress.
+   * @group Props
+   */
+  readonly loading: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * The icon to show while indicating data load is in progress.
+   * @group Props
+   */
+  readonly loadingIcon: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Index of the first row to be displayed.
+   * @group Props
+   */
+  readonly first: import("@angular/core").ModelSignal<number | undefined>;
+  /**
+   * Property name of data to use in sorting by default.
+   * @group Props
+   */
+  readonly sortField: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Order to sort the data by default.
+   * @group Props
+   */
+  readonly sortOrder: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  /**
+   * An array of objects to display.
+   * @group Props
+   */
+  readonly value: import("@angular/core").InputSignal<any[] | undefined>;
+  /**
+   * Defines the layout mode.
+   * @group Props
+   */
+  readonly layout: import("@angular/core").InputSignal<"list" | "grid">;
+  /**
+   * Callback to invoke when paging, sorting or filtering happens in lazy mode.
+   * @param {DataViewLazyLoadEvent} event - Custom lazy load event.
+   * @group Emits
+   */
+  readonly onLazyLoad: import("@angular/core").OutputEmitterRef<DataViewLazyLoadEvent>;
+  /**
+   * Callback to invoke when pagination occurs.
+   * @param {DataViewPageEvent} event - Custom page event.
+   * @group Emits
+   */
+  readonly onPage: import("@angular/core").OutputEmitterRef<DataViewPageEvent>;
+  /**
+   * Callback to invoke when sorting occurs.
+   * @param {DataViewSortEvent} event - Custom sort event.
+   * @group Emits
+   */
+  readonly onSort: import("@angular/core").OutputEmitterRef<DataViewSortEvent>;
+  /**
+   * Callback to invoke when changing layout.
+   * @param {DataViewLayoutChangeEvent} event - Custom layout change event.
+   * @group Emits
+   */
+  readonly onChangeLayout: import("@angular/core").OutputEmitterRef<DataViewLayoutChangeEvent>;
+  /**
+   * Template for the list layout.
+   * @param {DataViewListTemplateContext} context - list template context.
+   * @group Templates
+   */
+  readonly listTemplate: import("@angular/core").Signal<Nullable<TemplateRef<DataViewListTemplateContext<any>>>>;
+  /**
+   * Template for grid layout.
+   * @param {DataViewGridTemplateContext} context - grid template context.
+   * @group Templates
+   */
+  readonly gridTemplate: import("@angular/core").Signal<TemplateRef<DataViewGridTemplateContext<any>>>;
+  /**
+   * Template for the header section.
+   * @group Templates
+   */
+  readonly headerTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Template for the empty message section.
+   * @group Templates
+   */
+  readonly emptymessageTemplate: import("@angular/core").Signal<TemplateRef<void>>;
+  /**
+   * Template for the footer section.
+   * @group Templates
+   */
+  readonly footerTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Template for the left side of paginator.
+   * @param {DataViewPaginatorLeftTemplateContext} context - paginator left template context.
+   * @group Templates
+   */
+  readonly paginatorleft: import("@angular/core").Signal<TemplateRef<DataViewPaginatorLeftTemplateContext>>;
+  /**
+   * Template for the right side of paginator.
+   * @param {DataViewPaginatorRightTemplateContext} context - paginator right template context.
+   * @group Templates
+   */
+  readonly paginatorright: import("@angular/core").Signal<TemplateRef<DataViewPaginatorRightTemplateContext>>;
+  /**
+   * Template for items in paginator dropdown.
+   * @param {DataViewPaginatorDropdownItemTemplateContext} context - paginator dropdown item template context.
+   * @group Templates
+   */
+  readonly paginatordropdownitem: import("@angular/core").Signal<TemplateRef<DataViewPaginatorDropdownItemTemplateContext>>;
+  /**
+   * Template for loading icon.
+   * @group Templates
+   */
+  readonly loadingicon: import("@angular/core").Signal<TemplateRef<void>>;
+  /**
+   * Template for list icon.
+   * @group Templates
+   */
+  readonly listicon: import("@angular/core").Signal<TemplateRef<void>>;
+  /**
+   * Template for grid icon.
+   * @group Templates
+   */
+  readonly gridicon: import("@angular/core").Signal<TemplateRef<void>>;
+  readonly header: import("@angular/core").Signal<Header | undefined>;
+  readonly footer: import("@angular/core").Signal<Footer | undefined>;
+  _value: Nullable<any[]>;
+  filteredValue: Nullable<any[]>;
+  filterValue: Nullable<string>;
+  initialized: Nullable<boolean>;
+  _layout: 'list' | 'grid';
+  translationSubscription: Nullable<Subscription>;
+  _componentStyle: DataViewStyle;
+  get emptyMessageLabel(): string;
+  filterService: FilterService;
+  onInit(): void;
+  onAfterViewInit(): void;
+  onChanges(simpleChanges: SimpleChanges): void;
+  updateTotalRecords(): void;
+  paginate(event: DataViewPaginatorState): void;
+  sort(): void;
+  isEmpty(): boolean;
+  createLazyLoadMetadata(): DataViewLazyLoadEvent;
+  getBlockableElement(): HTMLElement;
+  filter(filter: string, filterMatchMode?: string): void;
+  hasFilter(): boolean | "" | null | undefined;
+  onDestroy(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<DataView, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<DataView, "h-dataView, h-dataview, h-data-view", never, {
+    "paginator": {
+      "alias": "paginator";
+      "required": false;
+      "isSignal": true;
+    };
+    "rows": {
+      "alias": "rows";
+      "required": false;
+      "isSignal": true;
+    };
+    "totalRecords": {
+      "alias": "totalRecords";
+      "required": false;
+      "isSignal": true;
+    };
+    "pageLinks": {
+      "alias": "pageLinks";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsPerPageOptions": {
+      "alias": "rowsPerPageOptions";
+      "required": false;
+      "isSignal": true;
+    };
+    "paginatorPosition": {
+      "alias": "paginatorPosition";
+      "required": false;
+      "isSignal": true;
+    };
+    "paginatorStyleClass": {
+      "alias": "paginatorStyleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "alwaysShowPaginator": {
+      "alias": "alwaysShowPaginator";
+      "required": false;
+      "isSignal": true;
+    };
+    "paginatorDropdownAppendTo": {
+      "alias": "paginatorDropdownAppendTo";
+      "required": false;
+      "isSignal": true;
+    };
+    "paginatorDropdownScrollHeight": {
+      "alias": "paginatorDropdownScrollHeight";
+      "required": false;
+      "isSignal": true;
+    };
+    "currentPageReportTemplate": {
+      "alias": "currentPageReportTemplate";
+      "required": false;
+      "isSignal": true;
+    };
+    "showCurrentPageReport": {
+      "alias": "showCurrentPageReport";
+      "required": false;
+      "isSignal": true;
+    };
+    "showJumpToPageDropdown": {
+      "alias": "showJumpToPageDropdown";
+      "required": false;
+      "isSignal": true;
+    };
+    "showFirstLastIcon": {
+      "alias": "showFirstLastIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "showPageLinks": {
+      "alias": "showPageLinks";
+      "required": false;
+      "isSignal": true;
+    };
+    "lazy": {
+      "alias": "lazy";
+      "required": false;
+      "isSignal": true;
+    };
+    "lazyLoadOnInit": {
+      "alias": "lazyLoadOnInit";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyMessage": {
+      "alias": "emptyMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "styleClass": {
+      "alias": "styleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "gridStyleClass": {
+      "alias": "gridStyleClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "trackBy": {
+      "alias": "trackBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterBy": {
+      "alias": "filterBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterLocale": {
+      "alias": "filterLocale";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "loadingIcon": {
+      "alias": "loadingIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "first": {
+      "alias": "first";
+      "required": false;
+      "isSignal": true;
+    };
+    "sortField": {
+      "alias": "sortField";
+      "required": false;
+      "isSignal": true;
+    };
+    "sortOrder": {
+      "alias": "sortOrder";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "layout": {
+      "alias": "layout";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "rows": "rowsChange";
+    "totalRecords": "totalRecordsChange";
+    "first": "firstChange";
+    "onLazyLoad": "onLazyLoad";
+    "onPage": "onPage";
+    "onSort": "onSort";
+    "onChangeLayout": "onChangeLayout";
+  }, ["listTemplate", "gridTemplate", "headerTemplate", "emptymessageTemplate", "footerTemplate", "paginatorleft", "paginatorright", "paginatordropdownitem", "loadingicon", "listicon", "gridicon", "header", "footer"], ["h-header", "h-footer"], true, [{
+    directive: typeof i1.Bind;
+    inputs: {};
+    outputs: {};
+  }]>;
 }
-
-export { DataView, DataViewClasses, DataViewModule, DataViewStyle };
+export declare class DataViewModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<DataViewModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<DataViewModule, never, [typeof DataView, typeof i2.SharedModule], [typeof DataView, typeof i2.SharedModule]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<DataViewModule>;
+}