@one-paragon/angular-utilities 1.3.1 → 2.0.0-beta.10

package/table-builder/components/generic-table/paginator.component.d.ts

@@ -1,11 +1,9 @@
-import { ElementRef } from '@angular/core';
 import { MatPaginator, PageEvent } from '@angular/material/paginator';
 import * as i0 from "@angular/core";
 export declare class PaginatorComponent {
     private state;
     private data;
     $paginator: import("@angular/core").Signal<MatPaginator | undefined>;
-    $tableElRef: import("@angular/core").InputSignal<ElementRef<HTMLDivElement>>;
     $dataLength: import("@angular/core").Signal<number>;
     pageEvent$: import("rxjs").Observable<PageEvent>;
     $pageEvent: import("@angular/core").Signal<PageEvent | undefined>;
@@ -21,10 +19,9 @@ export declare class PaginatorComponent {
     onMetaPageSizeEffect: import("@angular/core").EffectRef;
     onDataLengthEffect: import("@angular/core").EffectRef;
     $collapseFooter: import("@angular/core").Signal<boolean>;
-    $showAllOption: import("@angular/core").Signal<boolean>;
+    $showAllOption: import("@angular/core").Signal<boolean | undefined>;
     $showAll: import("@angular/core").Signal<boolean>;
-    updatePaginator: () => void;
     showAll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "tb-paginator", never, { "$tableElRef": { "alias": "tableElRef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "tb-paginator", never, {}, {}, never, never, true, never>;
 }

package/table-builder/components/header-menu/header-menu.component.d.ts

@@ -36,10 +36,8 @@ export declare class HeaderMenuComponent {
         readonly Custom: "Custom";
     };
     myFilterType: FilterType;
-    myFilterValue: any;
-    filter: Partial<FilterInfo>;
-    metaData: MetaData;
-    trigger: MatMenuTrigger;
+    $metaData: import("@angular/core").InputSignal<MetaData>;
+    $trigger: import("@angular/core").Signal<MatMenuTrigger | undefined>;
     hideField(key: string): void;
     ngOnInit(): void;
     resetFilterType(): void;
@@ -47,5 +45,5 @@ export declare class HeaderMenuComponent {
     setFilterType(filterType: FilterType): void;
     onEnter(filter: FilterInfo): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderMenuComponent, "tb-header-menu", never, { "metaData": { "alias": "metaData"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderMenuComponent, "tb-header-menu", never, { "$metaData": { "alias": "metaData"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/table-builder/components/in-filter/in-filter.component.d.ts

@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
 export declare class InFilterComponent implements ControlValueAccessor {
     private ref;
     FieldType: typeof FieldType;
-    type: FieldType;
+    $type: import("@angular/core").InputSignal<FieldType>;
     value: (string | number | undefined)[];
     constructor();
     writeValue(obj: any[]): void;
@@ -16,5 +16,5 @@ export declare class InFilterComponent implements ControlValueAccessor {
     removeInput(index: number): void;
     onValueChange(i: number, value: number | string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InFilterComponent, "lib-in-filter", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InFilterComponent, "lib-in-filter", never, { "$type": { "alias": "type"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/table-builder/components/number-filter/number-filter.component.d.ts

@@ -32,8 +32,8 @@ export declare class NumberFilterComponent {
         readonly Custom: "Custom";
     };
     FieldType: typeof FieldType;
-    CurrentFilterType: FilterType;
-    info: PartialFilter;
+    $currentFilterType: import("@angular/core").InputSignal<FilterType>;
+    $info: import("@angular/core").InputSignal<PartialFilter>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumberFilterComponent, "tb-number-filter", never, { "CurrentFilterType": { "alias": "CurrentFilterType"; "required": false; }; "info": { "alias": "info"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberFilterComponent, "tb-number-filter", never, { "$currentFilterType": { "alias": "CurrentFilterType"; "required": true; "isSignal": true; }; "$info": { "alias": "info"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/table-builder/components/sort-menu/sort-menu.component-store.d.ts

@@ -3,14 +3,14 @@ import { ComponentStore } from '@ngrx/component-store';
 import * as i0 from "@angular/core";
 export declare class SortMenuComponentStore extends ComponentStore<ComponentStoreState> {
     private tableState;
+    setStoreStateEffect: import("@angular/core").EffectRef;
+    setStateFromTableStore: () => void;
     constructor();
-    private set;
     setSorted: (observableOrValue: SortWithName[] | import("rxjs").Observable<SortWithName[]>) => import("rxjs").Subscription;
     setNotSorted: (observableOrValue: SortWithName[] | import("rxjs").Observable<SortWithName[]>) => import("rxjs").Subscription;
-    sorted$: import("rxjs").Observable<SortWithName[]>;
-    notSorted$: import("rxjs").Observable<SortWithName[]>;
+    $sorted: import("@angular/core").Signal<SortWithName[]>;
+    $notSorted: import("@angular/core").Signal<SortWithName[]>;
     setDirection: (observableOrValue: SortWithName | import("rxjs").Observable<SortWithName>) => import("rxjs").Subscription;
-    metaDataArr$: import("rxjs").Observable<import("../../interfaces/report-def").MetaData[]>;
     reset: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SortMenuComponentStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SortMenuComponentStore>;

package/table-builder/components/sort-menu/sort-menu.component.d.ts

@@ -1,23 +1,18 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { OnInit } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { Observable } from 'rxjs';
 import { SortDirection } from '../../interfaces/report-def';
 import { SortMenuComponentStore, SortWithName } from './sort-menu.component-store';
 import * as i0 from "@angular/core";
-export declare class SortMenuComponent implements OnInit {
+export declare class SortMenuComponent {
+    SortDirection: typeof SortDirection;
     private tableState;
     protected store: SortMenuComponentStore;
-    sorted$: Observable<SortWithName[]>;
-    notSorted$: Observable<SortWithName[]>;
-    SortDirection: typeof SortDirection;
-    dirty$: BehaviorSubject<boolean>;
-    constructor();
+    $sorted: import("@angular/core").Signal<SortWithName[]>;
+    $notSorted: import("@angular/core").Signal<SortWithName[]>;
+    $dirty: import("@angular/core").WritableSignal<boolean>;
     reset(): void;
-    ngOnInit(): void;
     dropIntoSorted(event: CdkDragDrop<SortWithName[]>): void;
     dropIntoNotSorted(event: CdkDragDrop<SortWithName[]>): void;
-    apply: (observableOrValue: Observable<null> | null) => import("rxjs").Subscription;
+    apply: () => void;
     setDirection(sort: SortWithName): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SortMenuComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SortMenuComponent, "tb-sort-menu", never, {}, {}, never, never, true, never>;

package/table-builder/components/table-container/table-container-imports.d.ts

@@ -1,5 +1,4 @@
-import { AsyncPipe, NgTemplateOutlet } from "@angular/common";
-import { LetDirective } from "@ngrx/component";
+import { NgTemplateOutlet } from "@angular/common";
 import { MultiSortDirective } from "../../directives";
 import { GroupByListComponent } from "../group-by-list/group-by-list.component";
 import { FilterChipsComponent } from "../table-container-filter/filter-list/filter-list.component";
@@ -11,4 +10,4 @@ import { SortMenuComponent } from "../sort-menu/sort-menu.component";
 import { StopPropagationDirective } from "../../../utilities";
 import { PaginatorComponent } from "../generic-table/paginator.component";
 import { VirtualScrollContainer } from "./virtual-scroll-container";
-export declare const containerImports: (typeof AsyncPipe | typeof NgTemplateOutlet | typeof MatButtonModule | typeof MultiSortDirective | typeof StopPropagationDirective | typeof GenColDisplayerComponent | typeof GenFilterDisplayerComponent | typeof LetDirective | typeof FilterChipsComponent | typeof GenericTableComponent | typeof GroupByListComponent | typeof SortMenuComponent | typeof PaginatorComponent | typeof VirtualScrollContainer)[];
+export declare const containerImports: (typeof GenericTableComponent | typeof VirtualScrollContainer | typeof MatButtonModule | typeof NgTemplateOutlet | typeof MultiSortDirective | typeof StopPropagationDirective | typeof GenColDisplayerComponent | typeof GenFilterDisplayerComponent | typeof FilterChipsComponent | typeof GroupByListComponent | typeof SortMenuComponent | typeof PaginatorComponent)[];

package/table-builder/components/table-container/table-container.d.ts

@@ -1,81 +1,85 @@
-import { EventEmitter, Predicate, TemplateRef, ElementRef, OnInit, OnDestroy, Injector } from '@angular/core';
-import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
-import { MetaData } from '../../interfaces/report-def';
+import { Predicate, TemplateRef, OnDestroy, Injector, ElementRef } from '@angular/core';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { TableBuilder } from '../../classes/table-builder';
 import { MatRowDef } from '@angular/material/table';
 import { CustomCellDirective, TableCustomFilterDirective, TableFilterDirective } from '../../directives';
 import { TableStore } from '../../classes/table-store';
 import { ExportToCsvService } from '../../services/export-to-csv.service';
-import { InitializationState, TableState } from '../../classes/TableState';
+import { CustomFilter, FilterInfo } from '../../classes/filter-info';
 import { TableWrapperDirective } from '../../directives/table-wrapper.directive';
 import { TableBuilderStateStore } from '../../ngrx/tableBuilderStateStore';
 import { TableProps } from './tableProps';
 import { PaginatorComponent } from '../generic-table/paginator.component';
+import { TableBuilderDataSource } from '../../classes/TableBuilderDataSource';
 import { GenericTableComponent } from '../generic-table/generic-table.component';
+import { SelectionChange } from '@angular/cdk/collections';
 import * as i0 from "@angular/core";
-export declare class TableContainerComponent<T = any> implements OnInit, OnDestroy {
-    props: TableProps;
-    data: BehaviorSubject<T[]>;
+export declare class TableContainerComponent<T = any> implements OnDestroy {
+    #private;
     state: TableStore;
     private dataStore;
-    config: import("../../classes/TableBuilderConfig").TableBuilderConfig;
     exportToCsvService: ExportToCsvService<T>;
     wrapper: TableWrapperDirective | null;
     stateService: TableBuilderStateStore;
     injector: Injector;
-    filterDirectives: import("@angular/core").Signal<readonly TableFilterDirective[]>;
-    customFilterDirectives: import("@angular/core").Signal<readonly TableCustomFilterDirective<any>[]>;
-    $allFilterDirectives: import("@angular/core").Signal<(TableCustomFilterDirective<any> | TableFilterDirective)[]>;
-    $isInitializationState: (state: InitializationState) => import("@angular/core").Signal<boolean>;
-    allFilterDirectivesEffect: import("@angular/core").EffectRef;
-    paginatorComponent?: PaginatorComponent;
-    genericTable?: GenericTableComponent;
+    elementRef: ElementRef<any>;
+    protected dataSource: TableBuilderDataSource<T>;
+    $filterDirectives: import("@angular/core").Signal<readonly TableFilterDirective[]>;
+    $customFilterDirectives: import("@angular/core").Signal<readonly TableCustomFilterDirective[]>;
+    $paginatorComponent: import("@angular/core").Signal<PaginatorComponent | undefined>;
+    $genericTable: import("@angular/core").Signal<GenericTableComponent | undefined>;
     _$customRows: import("@angular/core").Signal<readonly MatRowDef<any>[]>;
     $customRows: import("@angular/core").Signal<MatRowDef<any>[]>;
     $customCells: import("@angular/core").Signal<readonly CustomCellDirective<any>[]>;
-    $myColumns: import("@angular/core").Signal<{
-        metaData: MetaData;
-        customCell: CustomCellDirective<any> | undefined;
-    }[]>;
-    tableElRef: ElementRef;
-    tableBuilder: TableBuilder;
+    $tableBuilder: import("@angular/core").InputSignal<TableBuilder<T>>;
     $tableId: import("@angular/core").InputSignal<string | undefined>;
-    set indexColumn(val: boolean);
-    set selectionColumn(val: boolean);
-    set isSticky(val: boolean);
-    set stickyFooter(val: boolean);
-    set pageSize(value: number);
-    set groupHeaderTemplate(template: TemplateRef<any>);
-    set groupHeaderHeight(value: number);
-    trackBy: string;
-    inputFilters?: Observable<Array<Predicate<T>>>;
-    selection$: EventEmitter<any>;
+    $trackBy: import("@angular/core").InputSignal<string | undefined>;
+    $inputFilters: import("@angular/core").ModelSignal<(FilterInfo<any, any> | CustomFilter<any> | Predicate<T>)[]>;
+    predicateInputFilters$: Observable<((...args: any[]) => any)[]>;
+    $filterInfoInputs: import("@angular/core").Signal<(FilterInfo<any, any> | CustomFilter<any>)[]>;
+    $indexColumn: import("@angular/core").InputSignal<boolean>;
+    $selectionColumn: import("@angular/core").InputSignal<boolean>;
+    $isSticky: import("@angular/core").InputSignal<boolean>;
+    $stickyFooter: import("@angular/core").InputSignal<boolean>;
+    $groupHeaderTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    $groupHeaderHeight: import("@angular/core").InputSignal<number | undefined>;
+    $pageSize: import("@angular/core").InputSignal<number | undefined>;
+    $props: import("@angular/core").Signal<TableProps>;
+    selection$: import("@angular/core").OutputEmitterRef<SelectionChange<T>>;
+    onStateReset$: import("@angular/core").OutputEmitterRef<null>;
+    onSaveState$: import("@angular/core").OutputEmitterRef<null>;
+    _state$: Observable<import("../../classes/TableState").PersistedTableState>;
+    state$: import("@angular/core").OutputRef<import("../../classes/TableState").PersistedTableState>;
+    _data$: BehaviorSubject<T[]>;
+    data$: import("@angular/core").OutputRef<T[]>;
     $data: import("@angular/core").Signal<T[]>;
-    onStateReset: EventEmitter<any>;
-    onSaveState: EventEmitter<any>;
-    state$: Observable<import("../../classes/TableState").PersistedTableState>;
     clearSelections(): void;
-    displayData: ReplaySubject<T[]>;
-    $displayData: import("@angular/core").Signal<T[]>;
-    $collapseFooter: import("@angular/core").Signal<boolean>;
-    $collapseHeader: import("@angular/core").Signal<boolean>;
-    ngOnDestroy(): void;
     firstPage(): void;
     lastPage(): void;
-    resetState(): void;
-    $persistedState: import("@angular/core").Signal<import("../../classes/TableState").PersistedTableState | null | undefined>;
-    private initializeStateEffect;
-    customFilters$: BehaviorSubject<Predicate<T>[]>;
-    initializeData(): void;
-    ngOnInit(): void;
-    mergeMetaData(metaData1: MetaData, metaData2?: MetaData): MetaData;
-    exportToCsv(): void;
     expandAllGroups: () => void;
     collapseAllGroups: () => void;
-    ngAfterContentInit(): void;
-    mapArrayFieldsMetaDatas: (meta: MetaData<T>) => MetaData<T>;
-    addFilterDirectives: (state: TableState) => void;
-    $useVirtual: import("@angular/core").Signal<boolean>;
+    protected $myColumns: import("@angular/core").Signal<{
+        metaData: import("../../interfaces/report-def").MetaData;
+        customCell: CustomCellDirective<any> | undefined;
+    }[]>;
+    protected $useVirtual: import("@angular/core").Signal<boolean | undefined>;
+    protected $collapsedFooter: import("@angular/core").Signal<boolean>;
+    protected $collapsedHeader: import("@angular/core").Signal<boolean>;
+    protected $displayDataLength: import("@angular/core").Signal<number>;
+    protected resetState(): void;
+    protected exportToCsv(): void;
+    private $persistedState;
+    private $allFilterDirectives;
+    private allNotSavableFilterDirectivesFilters$;
+    private tableBuilderMetaData$;
+    private $tableBuilderMetaData;
+    private $allMetaDatas;
+    private $displayData;
+    ngOnDestroy(): void;
+    private initializeData;
+    private $isInitializationState;
+    static headerId: string;
+    headerId: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableContainerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableContainerComponent<any>, "tb-table-container", never, { "tableBuilder": { "alias": "tableBuilder"; "required": true; }; "$tableId": { "alias": "tableId"; "required": false; "isSignal": true; }; "indexColumn": { "alias": "indexColumn"; "required": false; }; "selectionColumn": { "alias": "selectionColumn"; "required": false; }; "isSticky": { "alias": "isSticky"; "required": false; }; "stickyFooter": { "alias": "stickyFooter"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "groupHeaderTemplate": { "alias": "groupHeaderTemplate"; "required": false; }; "groupHeaderHeight": { "alias": "groupHeaderHeight"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "inputFilters": { "alias": "inputFilters"; "required": false; }; }, { "data": "data"; "selection$": "selection$"; "onStateReset": "onStateReset"; "onSaveState": "onSaveState"; "state$": "state$"; }, ["filterDirectives", "customFilterDirectives", "_$customRows", "$customCells", "tableElRef"], ["[before]", ".tb-header-title"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableContainerComponent<any>, "tb-table-container", never, { "$tableBuilder": { "alias": "tableBuilder"; "required": true; "isSignal": true; }; "$tableId": { "alias": "tableId"; "required": false; "isSignal": true; }; "$trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "$inputFilters": { "alias": "inputFilters"; "required": false; "isSignal": true; }; "$indexColumn": { "alias": "indexColumn"; "required": false; "isSignal": true; }; "$selectionColumn": { "alias": "selectionColumn"; "required": false; "isSignal": true; }; "$isSticky": { "alias": "isSticky"; "required": false; "isSignal": true; }; "$stickyFooter": { "alias": "stickyFooter"; "required": false; "isSignal": true; }; "$groupHeaderTemplate": { "alias": "groupHeaderTemplate"; "required": false; "isSignal": true; }; "$groupHeaderHeight": { "alias": "groupHeaderHeight"; "required": false; "isSignal": true; }; "$pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; }, { "$inputFilters": "inputFiltersChange"; "selection$": "selection"; "onStateReset$": "onStateReset"; "onSaveState$": "onSaveState"; "state$": "state"; "data$": "data"; }, ["$filterDirectives", "$customFilterDirectives", "_$customRows", "$customCells"], ["[before]", ".tb-header-title"], true, never>;
 }

package/table-builder/components/table-container/table-container.helpers/filter-state.helpers.d.ts

@@ -2,10 +2,12 @@ import { Timestamp } from "rxjs";
 import { CustomFilter, FilterInfo } from "../../../classes/filter-info";
 import { Dictionary } from "../../../interfaces/dictionary";
 import { Predicate } from "@angular/core";
+import { TableCustomFilterDirective, TableFilterDirective } from "../../../directives";
 export declare const updateFilterInfoState: <T>(previousState: FilterInfoState<T>, filterInfos: FilterInfoDict) => FilterInfoState<T>;
 export declare const mapFilterInfoStateToPredicateState: <T>(s: FilterInfoState<T>) => FilterPredicateState<T>;
 export declare const updateFilterPredicateState: <T>(previousState: FilterPredicateState<T>, filters: Predicate<any>[]) => FilterPredicateState<T>;
 export declare const updateFilterState: <T>(filterInfos: Timestamp<FilterInfoState<T>>, predicates: Timestamp<FilterPredicateState<T>>) => FilterPredicateState<T>;
+export declare function patchDirectiveFromState(directive: (TableCustomFilterDirective | TableFilterDirective), stateFilter: FilterInfo | CustomFilter): void;
 export interface FilterInfoState<T> {
     allFilters: FilterInfoDict<T>;
     onlyAddedFilters?: FilterInfoDict<T> | undefined;

package/table-builder/components/table-container/table-container.helpers/meta-data.helpers.d.ts

@@ -0,0 +1,2 @@
+import { CustomCellMeta, MetaData } from "../../../interfaces/report-def";
+export declare function mergeCustomCellMetaData(metaData1: CustomCellMeta, metaData2?: MetaData): MetaData;

package/table-builder/components/table-container/tableProps.d.ts

@@ -1,12 +1,10 @@
 import { TemplateRef } from '@angular/core';
-import { TableBuilderDataSource } from '../../classes/TableBuilderDataSource';
 export interface TableProps {
     indexColumn: boolean;
     selectionColumn: boolean;
     isSticky: boolean;
     stickyFooter: boolean;
     groupHeaderTemplate?: TemplateRef<any>;
-    dataSource?: TableBuilderDataSource<any>;
     groupHeaderHeight?: number;
 }
 export declare const defaultProps: TableProps;

package/table-builder/components/table-container/virtual-scroll-container.d.ts

@@ -1,13 +1,16 @@
 import { ElementRef, OnDestroy } from '@angular/core';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import { Subject } from 'rxjs';
 import { TableVirtualScrollStrategy } from '../scroll-strategy';
 import { VirtualScrollOptions } from '../../classes/table-builder-general-settings';
 import * as i0 from "@angular/core";
 export declare class VirtualScrollContainer implements OnDestroy {
+    #private;
     private state;
     private dataStore;
     viewport: import("@angular/core").Signal<CdkVirtualScrollViewport | undefined>;
     private genericTable;
+    private tableContainer;
     defaultOptions: VirtualScrollOptions;
     scrollStrategy: TableVirtualScrollStrategy;
     $usePaginator: import("@angular/core").Signal<boolean>;
@@ -15,6 +18,10 @@ export declare class VirtualScrollContainer implements OnDestroy {
     $currentPage: import("@angular/core").Signal<number>;
     $showAll: import("@angular/core").Signal<boolean>;
     $stateDataLength: import("@angular/core").Signal<number>;
+    viewPort$: import("rxjs").Observable<CdkVirtualScrollViewport>;
+    $scrolledIndexChange: import("@angular/core").Signal<number | undefined>;
+    $renderedRange: import("@angular/core").Signal<import("@angular/cdk/collections").ListRange | undefined>;
+    $virtualScrollOptions: import("@angular/core").Signal<VirtualScrollOptions>;
     $dataLength: import("@angular/core").Signal<number>;
     constructor();
     setViewportEffect: import("@angular/core").EffectRef;
@@ -22,15 +29,17 @@ export declare class VirtualScrollContainer implements OnDestroy {
     onRenderedRangeEffect: import("@angular/core").EffectRef;
     onDataLengthEffect: import("@angular/core").EffectRef;
     onOffsetEffect: import("@angular/core").EffectRef;
-    viewPort$: import("rxjs").Observable<CdkVirtualScrollViewport>;
-    $scrolledIndexChange: import("@angular/core").Signal<number | undefined>;
-    $renderedRange: import("@angular/core").Signal<import("@angular/cdk/collections").ListRange | undefined>;
     $offset: import("@angular/core").Signal<number>;
     ngOnDestroy(): void;
     setSize(el: ElementRef<HTMLElement>): void;
+    calcDynamic$: Subject<ElementRef<any>>;
+    $calcDynamic: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    calcDynamic(el: ElementRef<HTMLElement>): void;
+    setHeight(height: number, el: ElementRef<HTMLElement>): void;
     resizeHandler: () => void;
     computedRowHeight(): number;
     computedHeaderHeight(): number;
+    computedFooterHeight(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<VirtualScrollContainer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VirtualScrollContainer, "tb-virtual-scroll-container", never, {}, {}, ["genericTable"], ["*"], true, never>;
 }

package/table-builder/components/table-container-filter/filter-list/filter-list.component.d.ts

@@ -9,7 +9,7 @@ export declare class FilterChipsComponent {
     deleteByIndex(index: number): void;
     addFilter(filter: FilterInfo<any>): void;
     clearAll(): void;
-    currentFilters$: import("rxjs").Observable<import("../../../classes/filter-info").PartialFilter[]>;
+    $currentFilters: import("@angular/core").Signal<import("../../../classes/filter-info").PartialFilter[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterChipsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FilterChipsComponent, "lib-filter-list", never, {}, {}, never, never, true, never>;
 }

package/table-builder/components/table-container-filter/table-wrapper-filter-store.d.ts

@@ -7,7 +7,7 @@ export declare class WrapperFilterStore extends ComponentStore<{
     constructor();
     clearAll: () => void;
     deleteByIndex: (observableOrValue: number | import("rxjs").Observable<number>) => import("rxjs").Subscription;
-    currentFilters$: import("rxjs").Observable<PartialFilter[]>;
+    $currentFilters: import("@angular/core").Signal<PartialFilter[]>;
     addFilter: (observableOrValue: PartialFilter | import("rxjs").Observable<PartialFilter>) => import("rxjs").Subscription;
     static ɵfac: i0.ɵɵFactoryDeclaration<WrapperFilterStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<WrapperFilterStore>;

package/table-builder/directives/custom-cell-directive.d.ts

@@ -1,33 +1,34 @@
-import { TemplateRef, OnInit } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { CdkColumnDef } from '@angular/cdk/table';
-import { SortDef, MetaData } from '../interfaces/report-def';
+import { CustomCellMeta, SortDef } from '../interfaces/report-def';
 import { TableBuilder } from '../classes/table-builder';
-import { ReplaySubject } from 'rxjs';
 import * as i0 from "@angular/core";
 interface CustomCellContext<T> {
     $implicit: T;
     element: T;
 }
-export declare class CustomCellDirective<T = any> implements OnInit {
+export declare class CustomCellDirective<T = any> {
     private templateRef;
     columnDef: CdkColumnDef | null;
-    customCell: string;
-    displayName?: string;
-    preSort?: SortDef;
-    TemplateRef: TemplateRef<any>;
-    customCellOrder?: number;
-    customCellWidth?: string;
-    customCellTableRef?: TableBuilder<T>;
+    $customCell: import("@angular/core").InputSignal<string>;
+    $displayName: import("@angular/core").InputSignal<string | undefined>;
+    $preSort: import("@angular/core").InputSignal<SortDef | undefined>;
+    $templateRef: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    $customCellOrder: import("@angular/core").InputSignal<number | undefined>;
+    $customCellWidth: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * for type safety, this is a reference to the table builder instance.
+     */
+    $customCellTableRef: import("@angular/core").InputSignal<TableBuilder<T> | undefined>;
     /**
      * true if column not mapped to a property in the data source. Default is false.
      */
-    customCellNotMapped: boolean;
-    constructor();
+    $customCellNotMapped: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    $metaData: import("@angular/core").Signal<CustomCellMeta | undefined>;
+    $inited: import("@angular/core").WritableSignal<boolean>;
     ngOnInit(): void;
-    $metaData: ReplaySubject<MetaData>;
-    getMetaData: () => MetaData;
     static ngTemplateContextGuard<T>(dir: CustomCellDirective<T>, ctx: any): ctx is CustomCellContext<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomCellDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomCellDirective<any>, "[customCell]", never, { "customCell": { "alias": "customCell"; "required": false; }; "displayName": { "alias": "displayName"; "required": false; }; "preSort": { "alias": "preSort"; "required": false; }; "TemplateRef": { "alias": "TemplateRef"; "required": false; }; "customCellOrder": { "alias": "customCellOrder"; "required": false; }; "customCellWidth": { "alias": "customCellWidth"; "required": false; }; "customCellTableRef": { "alias": "customCellTableRef"; "required": false; }; "customCellNotMapped": { "alias": "customCellNotMapped"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomCellDirective<any>, "[customCell]", never, { "$customCell": { "alias": "customCell"; "required": true; "isSignal": true; }; "$displayName": { "alias": "customCellDisplayName"; "required": false; "isSignal": true; }; "$preSort": { "alias": "preSort"; "required": false; "isSignal": true; }; "$templateRef": { "alias": "templateRef"; "required": false; "isSignal": true; }; "$customCellOrder": { "alias": "customCellOrder"; "required": false; "isSignal": true; }; "$customCellWidth": { "alias": "customCellWidth"; "required": false; "isSignal": true; }; "$customCellTableRef": { "alias": "customCellTableRef"; "required": false; "isSignal": true; }; "$customCellNotMapped": { "alias": "customCellNotMapped"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export {};

package/table-builder/directives/multi-sort.directive.d.ts

@@ -7,4 +7,4 @@ export declare class MultiSortDirective extends MatSort implements OnInit, OnDes
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSortDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MultiSortDirective, "[multiSort]", ["multiSort"], { "disabled": { "alias": "matSortDisabled"; "required": false; }; }, {}, never, never, true, never>;
 }
-export declare function isDifferent(a: Sort[], b: Sort[]): boolean;
+export declare function sortsAreSame(a: Sort[], b: Sort[]): boolean;

package/table-builder/directives/table-wrapper.directive.d.ts

@@ -1,7 +1,7 @@
 import { TableCustomFilterDirective, TableFilterDirective } from "./tb-filter.directive";
 import * as i0 from "@angular/core";
 export declare class TableWrapperDirective {
-    $registrations: import("@angular/core").WritableSignal<(TableCustomFilterDirective<any> | TableFilterDirective)[]>;
+    $registrations: import("@angular/core").WritableSignal<(TableCustomFilterDirective | TableFilterDirective)[]>;
     register(filter: TableCustomFilterDirective | TableFilterDirective): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableWrapperDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TableWrapperDirective, "[tbWrapper]", never, {}, {}, never, never, true, never>;

package/table-builder/directives/tb-filter.directive.d.ts

@@ -1,27 +1,26 @@
 import { Predicate, SimpleChanges } from "@angular/core";
-import { Observable, ReplaySubject, Subject } from "rxjs";
+import { Observable, ReplaySubject } from "rxjs";
 import { CustomFilter, FilterInfo } from "../classes/filter-info";
 import { FilterType } from "../enums/filterTypes";
 import { FieldType } from "../interfaces/report-def";
 import { NgControl } from "@angular/forms";
 import { TableWrapperDirective } from "./table-wrapper.directive";
 import * as i0 from "@angular/core";
-export declare abstract class TableCustomFilterDirective<T = any> {
+export declare abstract class TableCustomFilterDirective {
     abstract filter$: Observable<CustomFilter>;
     filterId: string;
     savable: boolean;
-    used: boolean;
     abstract active: boolean;
     abstract reset(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableCustomFilterDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableCustomFilterDirective<any>, " ", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableCustomFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableCustomFilterDirective, "tb-abstract", never, {}, {}, never, never, true, never>;
 }
 export declare class TableFilterDirective {
     protected model: NgControl | null;
     private wrapper;
     constructor();
     reset(): void;
-    filter$: Subject<FilterInfo<any, any>>;
+    filter$: ReplaySubject<FilterInfo<any, any>>;
     filterType: FilterType;
     key: string;
     fieldType: FieldType;
@@ -29,7 +28,6 @@ export declare class TableFilterDirective {
     active: boolean;
     filterValue: any;
     setFilterValue(value: any): void;
-    used: boolean;
     savable: boolean;
     ready: boolean;
     _userActive: boolean;
@@ -48,8 +46,8 @@ export declare class TableFilterStringContainsDirective extends TableFilterDirec
     static ɵfac: i0.ɵɵFactoryDeclaration<TableFilterStringContainsDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TableFilterStringContainsDirective, "[tbFilterStringContains]", never, { "key": { "alias": "tbFilterStringContains"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, never, true, never>;
 }
-export declare abstract class TableCustomFilterDirectiveBase<T = any> extends TableCustomFilterDirective<T> {
-    filter$: Subject<CustomFilter>;
+export declare abstract class TableCustomFilterDirectiveBase<T = any> extends TableCustomFilterDirective {
+    filter$: ReplaySubject<CustomFilter<any>>;
     filter: CustomFilter;
     _predicate: Predicate<T>;
     set predicate(val: Predicate<T>);
@@ -62,7 +60,7 @@ export declare abstract class TableCustomFilterDirectiveBase<T = any> extends Ta
     static ɵfac: i0.ɵɵFactoryDeclaration<TableCustomFilterDirectiveBase<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TableCustomFilterDirectiveBase<any>, "[tbCustomFilter]", never, { "predicate": { "alias": "tbCustomFilter"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, never, true, never>;
 }
-export declare abstract class TbSelectedFilterDirective<T = any> extends TableCustomFilterDirectiveBase<T> {
+export declare abstract class TbSelectedFilterDirective extends TableCustomFilterDirectiveBase {
     private change;
     private isActive;
     protected wrapper: TableWrapperDirective | null;
@@ -71,8 +69,8 @@ export declare abstract class TbSelectedFilterDirective<T = any> extends TableCu
     destroySubject$: ReplaySubject<void>;
     ngOnDestroy(): void;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TbSelectedFilterDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TbSelectedFilterDirective<any>, never, never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TbSelectedFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TbSelectedFilterDirective, never, never, {}, {}, never, never, true, never>;
 }
 export declare class MatCheckboxTbFilterDirective extends TbSelectedFilterDirective {
     private matCheckbox;
@@ -81,13 +79,13 @@ export declare class MatCheckboxTbFilterDirective extends TbSelectedFilterDirect
     static ɵfac: i0.ɵɵFactoryDeclaration<MatCheckboxTbFilterDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatCheckboxTbFilterDirective, "mat-checkbox[tbCustomFilter]", never, { "predicate": { "alias": "tbCustomFilter"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; }, {}, never, never, true, never>;
 }
-export declare class MatSlideToggleTbFilterDirective<T = any> extends TbSelectedFilterDirective<T> {
+export declare class MatSlideToggleTbFilterDirective extends TbSelectedFilterDirective {
     private matSlideToggle;
     set active(val: boolean);
     constructor();
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggleTbFilterDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatSlideToggleTbFilterDirective<any>, "mat-slide-toggle[tbCustomFilter]", never, { "predicate": { "alias": "tbCustomFilter"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggleTbFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatSlideToggleTbFilterDirective, "mat-slide-toggle[tbCustomFilter]", never, { "predicate": { "alias": "tbCustomFilter"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; }, {}, never, never, true, never>;
 }
 export declare class MatRadioButtonTbFilterDirective extends TbSelectedFilterDirective {
     private matRadioButton;

package/table-builder/interfaces/report-def.d.ts

@@ -54,9 +54,16 @@ interface BaseMeta<T = any> {
     useIcon?: boolean;
     map?: (t: T) => any;
 }
-interface MappedMetaData<T = any, AdditionalFields extends string[] = []> extends BaseMeta<T> {
-    key: (keyof T | AdditionalFields[number]) & string;
+type Path<T, U = never, P = never> = (T extends P ? never : T extends object ? {
+    [K in keyof T]: K extends string | number ? `${K}` | (T[K] extends (Array<any> | undefined) ? `${K}.${keyof Array<any> & (string | number)}` : `${K}.${Path<T[K], T[K], P | U>}`) : never;
+}[keyof T] : never);
+export interface MappedMetaData<T = any, AdditionalFields extends string[] = []> extends BaseMeta<T> {
+    key: (Path<T> | AdditionalFields[number]) & string;
     fieldType: Exclude<typeof FieldType[keyof typeof FieldType], FieldType.NotMapped | FieldType.Expression>;
+    /**
+     * if used with map, `mapItem` will only be used where the row is not available, ex. group header
+     */
+    mapItem?: (i: string) => any;
 }
 export type MetaData<T = any, AdditionalFields extends string[] = []> = MappedMetaData<T, AdditionalFields> | NotMappedMetaData<T>;
 export interface NotMappedMetaData<T = any> extends BaseMeta<T> {
@@ -144,4 +151,8 @@ export interface ArrayAdditional extends Additional {
     arrayStyle?: ArrayStyle;
 }
 export declare function metaDataArrToDict<T = MetaData>(arr: MetaData[], transform?: (m: MetaData) => T): Dictionary<T>;
+export interface CustomCellMeta extends Pick<MetaData, 'key' | 'displayName' | 'preSort' | 'fieldType' | 'order' | 'width'> {
+    customCell: true;
+    noExport?: boolean;
+}
 export {};

package/table-builder/pipes/format-filter-value.pipe.d.ts

@@ -1,12 +1,11 @@
 import { PipeTransform } from '@angular/core';
 import { TableStore } from '../classes/table-store';
-import { Observable } from 'rxjs';
 import { FilterType } from '../enums/filterTypes';
 import * as i0 from "@angular/core";
 export declare class FormatFilterValuePipe implements PipeTransform {
     tableState: TableStore;
     private datePipe;
-    transform(value: any, key: string, filterType: FilterType): Observable<string>;
+    transform(value: any, key: string, filterType: FilterType): import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormatFilterValuePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FormatFilterValuePipe, "formatFilterValue", true>;
 }

package/table-builder/pipes/key-display.d.ts

@@ -1,10 +1,9 @@
 import { PipeTransform } from '@angular/core';
 import { TableStore } from '../classes/table-store';
-import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class KeyDisplayPipe implements PipeTransform {
     tableState: TableStore;
-    transform(key: string): Observable<string>;
+    transform: (key: string) => import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<KeyDisplayPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<KeyDisplayPipe, "keyDisplay", true>;
 }