@one-paragon/angular-utilities 2.0.15 → 2.0.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@one-paragon/angular-utilities",
-  "version": "2.0.15",
+  "version": "2.0.17",
   "peerDependencies": {
     "@angular/common": "19.0.0",
     "@angular/core": "19.0.0",

package/table-builder/classes/table-builder-general-settings.d.ts

@@ -1,17 +1,19 @@
-import { Injector } from "@angular/core";
+import { Predicate } from "@angular/core";
+import { Dictionary } from "../interfaces/dictionary";
+import { StylerStyle } from "../../utilities/directives/styler";
+export interface TableBuilderSettings<T = any> {
+    headerSettings?: Partial<TableWrapperHeaderSettings>;
+    footerSettings?: Partial<TableWrapperFooterSettings>;
+    columnHeaderSettings?: Partial<TableColumnHeaderSettings>;
+    columnFooterSettings?: Partial<TableColumnFooterSettings>;
+    tableSettings?: Partial<TableSettings<T>>;
+}
 export declare class GeneralTableSettings implements TableBuilderSettings {
     headerSettings: TableWrapperHeaderSettings;
     footerSettings: TableWrapperFooterSettings;
     columnHeaderSettings: TableColumnHeaderSettings;
-    tableSettings: TableSettings;
-    injector?: Injector;
-}
-export interface TableBuilderSettings {
-    headerSettings?: Partial<TableWrapperHeaderSettings>;
-    footerSettings?: Partial<TableWrapperFooterSettings>;
-    columnHeaderSettings?: Partial<TableColumnHeaderSettings>;
-    tableSettings?: Partial<TableSettings>;
-    injector?: Injector;
+    columnFooterSettings: TableColumnFooterSettings;
+    tableSettings: TableSettings<any>;
 }
 export declare class TableWrapperHeaderSettings {
     hideExport: boolean;
@@ -27,10 +29,18 @@ export declare class TableWrapperFooterSettings {
     collapse: boolean;
 }
 export declare class TableColumnHeaderSettings {
+    stickyHeaderRow: boolean;
     noFilters: boolean;
     noHeader: boolean;
 }
-export declare class TableSettings {
+export declare class TableColumnFooterSettings {
+    stickyFooterRow: boolean;
+}
+export declare class TableSettings<T = any> {
+    tableId?: string | undefined;
+    trackBy?: string | undefined;
+    includeIndexColumn: boolean;
+    includeSelectionColumn: boolean;
     usePaginator: boolean | undefined;
     useVirtualScroll: boolean | undefined;
     paginatorSettings: Partial<PaginatorOptions> | undefined;
@@ -38,6 +48,8 @@ export declare class TableSettings {
     rowHeight: TbSize | undefined;
     groupHeaderHeight?: TbSize;
     minColumnWidth: TbSize | undefined;
+    rowClasses: Dictionary<Predicate<T> | true> | undefined;
+    rowStyles: StylerStyle<T> | undefined;
 }
 export declare class PersistedTableSettings {
     constructor(tableSettings?: NonFunctionProperties<PersistedTableSettings>);
@@ -63,6 +75,8 @@ export declare class NotPersistedTableSettings {
     rowHeight?: TbSize | undefined;
     headerHeight?: TbSize;
     minColumnWidth?: TbSize | undefined;
+    rowClasses?: Dictionary<Predicate<any> | true> | undefined;
+    rowStyles?: StylerStyle | undefined;
 }
 export declare class VirtualScrollOptions {
     rowHeight: TbSize;

package/table-builder/classes/table-builder.d.ts

@@ -1,17 +1,22 @@
 import { Observable } from 'rxjs';
 import { MetaData, ReportDef } from '../interfaces/report-def';
 import { TableBuilderSettings } from './table-builder-general-settings';
-import { Signal } from '@angular/core';
+import { Injector, Signal } from '@angular/core';
 export declare class TableBuilder<T = any> {
-    metaData$: Observable<MetaData<T>[]>;
-    data$: Observable<T[]>;
-    settings$: Observable<TableBuilderSettings>;
-    constructor(data: TableBuilderArgs<T[]>, metaData?: TableBuilderArgs<MetaData<T, any>[]>, settings?: TableBuilderArgs<TableBuilderSettings>);
-    getData$(): Observable<any[]>;
+    #private;
+    private data;
+    private metaData?;
+    private settings;
+    $metaData: Signal<MetaData<T>[] | undefined>;
+    $settings: Signal<TableBuilderSettings<any> | undefined>;
+    metaNeedsPrep: boolean;
+    dataIsObservable: boolean;
+    settingsIsObservable: boolean;
+    $initialized: import("@angular/core").WritableSignal<boolean>;
+    constructor(data: TableBuilderArgs<T[]>, metaData?: TableBuilderArgs<MetaData<T, any>[]> | undefined, settings?: TableBuilderArgs<TableBuilderSettings<T>>);
+    prep(injector: Injector): void;
+    $data: Signal<T[]>;
     createMetaData(obj: any): MetaData[];
-    coerceToObservable<T>(arg: TableBuilderArgs<T>, settings: Observable<TableBuilderSettings>): Observable<T>;
-    coerceSettingsToObservable(settings: TableBuilderArgs<TableBuilderSettings>): Observable<TableBuilderSettings>;
-    assertInjector(s: TableBuilderSettings): void;
 }
 export declare const CreateTableBuilder: (reportDef$: Observable<ReportDef>) => TableBuilder;
 type TableBuilderArgs<T> = T | Observable<T> | Signal<T>;

package/table-builder/classes/table-store.d.ts

@@ -30,6 +30,7 @@ export declare class TableStore extends ComponentStore<TableState> {
     $preSort: Signal<Sort[]>;
     $selectSorted: Signal<Sort[]>;
     selectSorted$: Observable<Sort[]>;
+    $getSorts: Signal<Sort[]>;
     sort$: Observable<Sort[]>;
     $getUserDefinedTableWidth: Signal<number | undefined>;
     getUserDefinedTableWidth$: Observable<number | undefined>;
@@ -42,6 +43,7 @@ export declare class TableStore extends ComponentStore<TableState> {
     $groupByKeys: Signal<string[]>;
     groupByKeys$: Observable<string[]>;
     expandedGroups$: Observable<GroupedData[]>;
+    $expandGroups: Signal<GroupedData[]>;
     $getIsExpanded: (columnKey: string, groupHeaderKey: string) => Signal<boolean>;
     $currentPage: Signal<number>;
     $pageSize: Signal<number>;
@@ -57,7 +59,7 @@ export declare class TableStore extends ComponentStore<TableState> {
     readonly resetPart: (observableOrValue: "Sorting" | "Filters" | "Group By" | "Hidden Columns" | "Column Widths" | "Column Order" | "Row Height" | "Header Height" | "Page Size" | "Show All" | Observable<"Sorting" | "Filters" | "Group By" | "Hidden Columns" | "Column Widths" | "Column Order" | "Row Height" | "Header Height" | "Page Size" | "Show All">) => import("rxjs").Subscription;
     readonly updateStateFromPersistedState: (observableOrValue: PersistedTableState | Observable<PersistedTableState>) => import("rxjs").Subscription;
     private updateStateFunc;
-    readonly setTableSettings: (observableOrValue: TableBuilderSettings | Observable<TableBuilderSettings>) => import("rxjs").Subscription;
+    readonly setTableSettings: (observableOrValue: TableBuilderSettings<any> | Observable<TableBuilderSettings<any>>) => import("rxjs").Subscription;
     readonly setMetaData: (observableOrValue: MetaData[] | Observable<MetaData[]>) => import("rxjs").Subscription;
     readonly showColumn: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;
     readonly hideColumn: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;

package/table-builder/components/column-builder/column-builder.component.d.ts

@@ -6,7 +6,7 @@ import { Dictionary } from '@ngrx/entity';
 import * as i0 from "@angular/core";
 export declare class ColumnBuilderComponent {
     FieldType: typeof FieldType;
-    private transformCreator;
+    private config;
     private table;
     private state;
     private templateService;

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

@@ -12,7 +12,7 @@ export declare class GenericTableComponent {
     protected state: TableStore;
     private dataStore;
     private viewContainer;
-    private transformCreator;
+    private config;
     private _injector;
     smallFooter: number;
     $headerRow: import("@angular/core").Signal<MatHeaderRowDef | undefined>;
@@ -41,6 +41,7 @@ export declare class GenericTableComponent {
     drop(event: CdkDragDrop<string[]>): void;
     $usePaginator: import("@angular/core").Signal<boolean>;
     $useVirtualScroll: import("@angular/core").Signal<boolean>;
+    $virtualStart: import("@angular/core").Signal<number>;
     $offsetIndex: import("@angular/core").Signal<number>;
     isGroupHeader(_: number, row: {
         isGroupHeader: boolean;
@@ -67,6 +68,8 @@ export declare class GenericTableComponent {
     $groupHeaderHeight: import("@angular/core").Signal<string | undefined>;
     $footerHeight: import("@angular/core").Signal<string | undefined>;
     $stickyFooter: import("@angular/core").Signal<boolean | undefined>;
+    $rowStyles: import("@angular/core").Signal<import("../../../utilities").StylerStyle>;
+    $rowClasses: import("@angular/core").Signal<Dictionary<true | import("@angular/core").Predicate<any>>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericTableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GenericTableComponent, "tb-generic-table", never, { "$displayDataLength": { "alias": "displayDataLength"; "required": true; "isSignal": true; }; "$data": { "alias": "data"; "required": true; "isSignal": true; }; "$rows": { "alias": "rows"; "required": false; "isSignal": true; }; "$columnInfos": { "alias": "columnInfos"; "required": true; "isSignal": true; }; "$dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "$trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, { "selection$": "selection"; }, never, never, true, never>;
 }

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

@@ -15,7 +15,7 @@ export declare class ResetMenuComponent {
     $widthsSet: import("@angular/core").Signal<number>;
     $rowHeightSet: import("@angular/core").Signal<number | undefined>;
     headerHeightSet: import("@angular/core").Signal<number | undefined>;
-    pageSizeSet: import("@angular/core").Signal<number | undefined>;
+    pageSizeSet: import("@angular/core").Signal<boolean | 0 | undefined>;
     showAllSet: import("@angular/core").Signal<boolean | undefined>;
     $set: import("@angular/core").Signal<("Sorting" | "Filters" | "Group By" | "Hidden Columns" | "Column Widths" | "Column Order" | "Row Height" | "Header Height" | "Page Size" | "Show All")[]>;
     resetable: readonly ["Sorting", "Filters", "Group By", "Hidden Columns", "Column Widths", "Column Order", "Row Height", "Header Height", "Page Size", "Show All"];

package/table-builder/components/scroll-strategy.d.ts

@@ -1,30 +1,45 @@
 import { CdkVirtualScrollViewport, VirtualScrollStrategy } from '@angular/cdk/scrolling';
-import { Observable, Subject } from 'rxjs';
+import { Subject } from 'rxjs';
 import { VirtualScrollContainer } from './table-container/virtual-scroll-container';
 import { Signal } from '@angular/core';
+import { DataStore } from '../classes/data-store';
 export declare class TableVirtualScrollStrategy implements VirtualScrollStrategy {
     #private;
-    scrolledIndexChange: Observable<number>;
-    private dataLength;
+    constructor(scrollContainer: VirtualScrollContainer, dataStore: DataStore);
+    private dataStore;
     private readonly indexChange;
-    private viewport?;
+    scrolledIndexChange: import("rxjs").Observable<number>;
+    private viewport;
+    private $dataLength;
+    $dataLengthChange: import("@angular/core").WritableSignal<{
+        curr: number;
+        previous: number;
+    }>;
     $rowHeight: Signal<number>;
     $rowHeightChange: import("@angular/core").WritableSignal<{
         curr: number;
         previous: number;
     }>;
     $headerHeight: Signal<number>;
-    constructor(scrollContainer: VirtualScrollContainer);
-    attach(viewport: CdkVirtualScrollViewport): void;
-    contentScrolled$: Subject<void>;
+    $headerHeightChange: import("@angular/core").WritableSignal<{
+        curr: number;
+        previous: number;
+    }>;
+    contentScrolled$: Subject<number>;
     sub: import("../../rxjs").Subscriber;
     onContentScrolled(): void;
+    $currentRange: import("@angular/core").WritableSignal<{
+        start: number;
+        end: number;
+    }>;
+    private updateContent;
+    update(trigger: ScrollStrategyTrigger, viewport: CdkVirtualScrollViewport, needsScroll?: boolean): void;
+    attach(viewport: CdkVirtualScrollViewport): void;
     onDataLengthChanged(): void;
-    setDataLength(length: number): void;
     detach(): void;
     onContentRendered(): void;
     onRenderedOffsetChanged(): void;
     scrollToIndex(index: number, behavior: ScrollBehavior): void;
-    private updateContent;
-    update(trigger: string): void;
 }
+type ScrollStrategyTrigger = 'scroll' | 'data length' | 'header height' | 'row height';
+export {};

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

@@ -1,9 +1,9 @@
-import { Predicate, TemplateRef, OnDestroy, Injector, ElementRef } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
+import { Predicate, TemplateRef, Injector, ElementRef } from '@angular/core';
 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 { GroupedData } from '../../classes/TableState';
 import { CustomFilter, FilterInfo } from '../../classes/filter-info';
 import { TableWrapperDirective } from '../../directives/table-wrapper.directive';
 import { TableBuilderStateStore } from '../../ngrx/tableBuilderStateStore';
@@ -14,7 +14,7 @@ import { GenericTableComponent } from '../generic-table/generic-table.component'
 import { SelectionChange } from '@angular/cdk/collections';
 import { MatMenu } from '@angular/material/menu';
 import * as i0 from "@angular/core";
-export declare class TableContainerComponent<T = any> implements OnDestroy {
+export declare class TableContainerComponent<T = any> {
     #private;
     state: TableStore;
     private dataStore;
@@ -33,27 +33,24 @@ export declare class TableContainerComponent<T = any> implements OnDestroy {
     $menu: import("@angular/core").Signal<MatMenu>;
     menuInjector: Injector;
     $tableBuilder: import("@angular/core").InputSignal<TableBuilder<T>>;
-    $tableId: import("@angular/core").InputSignal<string | undefined>;
-    $trackBy: import("@angular/core").InputSignal<string | undefined>;
-    $inputFilters: import("@angular/core").ModelSignal<(FilterInfo<any, any> | CustomFilter<any> | Predicate<T>)[]>;
-    predicateInputFilters$: Observable<((...args: any[]) => any)[]>;
+    $tableIdInput: import("@angular/core").InputSignal<string | undefined>;
+    $trackByInput: import("@angular/core").InputSignal<string | undefined>;
+    $inputFilters: import("@angular/core").InputSignal<(Predicate<T> | CustomFilter<T> | FilterInfo<any, T>)[]>;
     $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>;
+    $indexColumnInput: import("@angular/core").InputSignal<boolean>;
+    $selectionColumnInput: import("@angular/core").InputSignal<boolean>;
+    $stickyHeaderInput: import("@angular/core").InputSignal<boolean>;
+    $stickyFooterInput: 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[]>;
+    data$: import("@angular/core").OutputRef<T[]>;
+    private $displayData;
     clearSelections(): void;
     firstPage(): void;
     lastPage(): void;
@@ -67,18 +64,40 @@ export declare class TableContainerComponent<T = any> implements OnDestroy {
     protected $collapsedFooter: import("@angular/core").Signal<boolean>;
     protected $collapsedHeader: import("@angular/core").Signal<boolean>;
     protected $displayDataLength: import("@angular/core").Signal<number>;
+    $tableBuilderSettings: import("@angular/core").Signal<import("../../classes/table-builder-general-settings").TableBuilderSettings<any> | undefined>;
+    $trackBy: import("@angular/core").Signal<string | undefined>;
+    $tableId: import("@angular/core").Signal<string | undefined>;
+    $includeSelectionColumn: import("@angular/core").Signal<boolean>;
+    $includeIndexColumn: import("@angular/core").Signal<boolean>;
+    $stickyHeader: import("@angular/core").Signal<boolean>;
+    $stickyFooter: import("@angular/core").Signal<boolean>;
+    $props: import("@angular/core").Signal<TableProps>;
     private $persistedState;
     private $allFilterDirectives;
-    private allNotSavableFilterDirectivesFilters$;
-    private tableBuilderMetaData$;
     private $tableBuilderMetaData;
     private $allMetaDatas;
-    private $displayData;
-    ngOnDestroy(): void;
-    private initializeData;
+    private $preds;
+    private $predicateFiltersState;
+    private $savableFiltersState;
+    private $allFilterStatesTimeStamped;
+    private $sortStateTimeStamped;
+    private $allData;
+    private $allDataTimeStamped;
+    private $allTimeStamped;
+    private $sortedAndFilteredData;
+    $timestampedGroups: import("@angular/core").Signal<{
+        value: string[];
+        timestamp: number;
+    }>;
+    $timestampedExpanded: import("@angular/core").Signal<{
+        value: GroupedData[];
+        timestamp: number;
+    }>;
+    private $dataAndGroupsTimestamped;
+    private $filteredSortedAndGrouped;
     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; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableContainerComponent<any>, "tb-table-container", never, { "$tableBuilder": { "alias": "tableBuilder"; "required": true; "isSignal": true; }; "$tableIdInput": { "alias": "tableId"; "required": false; "isSignal": true; }; "$trackByInput": { "alias": "trackBy"; "required": false; "isSignal": true; }; "$inputFilters": { "alias": "inputFilters"; "required": false; "isSignal": true; }; "$indexColumnInput": { "alias": "indexColumn"; "required": false; "isSignal": true; }; "$selectionColumnInput": { "alias": "selectionColumn"; "required": false; "isSignal": true; }; "$stickyHeaderInput": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "$stickyFooterInput": { "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; }; }, { "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/data-state.helpers.d.ts

@@ -1,6 +1,7 @@
-import { Observable } from "rxjs";
+import { Observable, Timestamp } from "rxjs";
 import { SortState } from "./sort-state.helpers";
 import { FilterPredicateState } from "./filter-state.helpers";
 import { MetaData } from "../../../interfaces/report-def";
-export declare const sortAndFilterData: <T>(data: Observable<T[]>, sortState: Observable<SortState>, filterState: Observable<FilterPredicateState<T>>) => Observable<T[]>;
+export declare const _sortAndFilterData: <T>(data: Observable<T[]>, sortState: Observable<SortState>, filterState: Observable<FilterPredicateState<T>>) => Observable<T[]>;
+export declare const sortAndFilterData: <T>(data: Timestamp<T[]>, filters: Timestamp<FilterPredicateState<T>>, sort: Timestamp<SortState>, firstRun: boolean, resultData: T[]) => T[];
 export declare const createDataCleaners: <T>(metadatas: MetaData<T>[], mutate?: boolean) => (data: T) => T;

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

@@ -1,10 +1,18 @@
 import { Timestamp } from "rxjs";
 import { Group, GroupedData } from "../../../classes/TableState";
-export declare function updateGroupByState({ groupedData }: GroupByState, [data, groups, expandedGroups]: [Timestamp<any[]>, Timestamp<string[]>, Timestamp<GroupedData[]>], index: number): {
+export declare function updateGroupByState<T = any>(groupedData: any[], { data, groups, expanded }: {
+    data: Timestamp<T[]>;
+    groups: Timestamp<string[]>;
+    expanded: Timestamp<GroupedData[]>;
+}, firstRun: boolean): {
     displayData: any[];
     groupedData: any[];
 };
-interface GroupByState {
+export declare function _updateGroupByState({ groupedData }: GroupByState, [data, groups, expanded]: [Timestamp<any[]>, Timestamp<string[]>, Timestamp<GroupedData[]>], index: number): {
+    displayData: any[];
+    groupedData: any[];
+};
+export interface GroupByState {
     displayData: any[];
     groupedData: any[];
 }
@@ -14,4 +22,3 @@ export declare const initialGroupByState: {
 };
 export declare const getAllGroupHeaderNames: (data: any[]) => import("lodash").Dictionary<Group[]>;
 export declare const getAllGroupHeaderNamesByKeys: (data: any[], keys: string[]) => import("lodash").Dictionary<Group[]>;
-export {};

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

@@ -1,6 +1,5 @@
 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";
@@ -20,16 +19,12 @@ export declare class VirtualScrollContainer implements OnDestroy {
     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>;
+    $virtualScrollOptions: import("@angular/core").Signal<VirtualScrollOptions | undefined>;
+    $optionsSet: import("@angular/core").Signal<boolean>;
     $dataLength: import("@angular/core").Signal<number>;
     constructor();
-    setViewportEffect: import("@angular/core").EffectRef;
-    subscriber: import("../../../rxjs").Subscriber;
-    $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>;
+    setSize(el: ElementRef<HTMLElement>, trigger: SetSizeTrigger): void;
     calcDynamic(el: ElementRef<HTMLElement>): void;
     setHeight(height: number, el: ElementRef<HTMLElement>): void;
     resizeHandler: () => void;
@@ -41,3 +36,5 @@ export declare class VirtualScrollContainer implements OnDestroy {
     static ɵfac: i0.ɵɵFactoryDeclaration<VirtualScrollContainer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VirtualScrollContainer, "tb-virtual-scroll-container", never, {}, {}, ["genericTable"], ["*"], true, never>;
 }
+type SetSizeTrigger = 'initial' | 'rendered range' | 'resize';
+export {};

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 | TableFilterDirective)[]>;
+    $registrations: import("@angular/core").WritableSignal<(TableFilterDirective | TableCustomFilterDirective)[]>;
     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,4 +1,4 @@
-import { Predicate, SimpleChanges } from "@angular/core";
+import { Predicate, Signal, SimpleChanges } from "@angular/core";
 import { Observable, ReplaySubject } from "rxjs";
 import { CustomFilter, FilterInfo } from "../classes/filter-info";
 import { FilterType } from "../enums/filterTypes";
@@ -8,6 +8,7 @@ import { TableWrapperDirective } from "./table-wrapper.directive";
 import * as i0 from "@angular/core";
 export declare abstract class TableCustomFilterDirective {
     abstract filter$: Observable<CustomFilter>;
+    abstract $filter: Signal<CustomFilter | undefined>;
     filterId: string;
     savable: boolean;
     abstract active: boolean;
@@ -21,6 +22,7 @@ export declare class TableFilterDirective {
     constructor();
     reset(): void;
     filter$: ReplaySubject<FilterInfo<any, any>>;
+    $filter: Signal<FilterInfo<any, any> | undefined>;
     filterType: FilterType;
     key: string;
     fieldType: FieldType;
@@ -48,6 +50,7 @@ export declare class TableFilterStringContainsDirective extends TableFilterDirec
 }
 export declare abstract class TableCustomFilterDirectiveBase<T = any> extends TableCustomFilterDirective {
     filter$: ReplaySubject<CustomFilter<any>>;
+    $filter: Signal<CustomFilter<any> | undefined>;
     filter: CustomFilter;
     _predicate: Predicate<T>;
     set predicate(val: Predicate<T>);

package/table-builder/functions/sort-data-function.d.ts

@@ -1,6 +1,5 @@
 import { Sort } from "@angular/material/sort";
 import { Predicate } from "@angular/core";
-export type direc = 'asc' | 'desc' | boolean;
 export declare function sortData<T>(data: T[], sorted: Sort[]): T[];
 export declare function filterData<T>(data: T[], filters: Predicate<T>[], resetAll?: boolean): T[];
 export declare const tbNoShowSymbol: unique symbol;

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

@@ -118,11 +118,11 @@ export interface Additional<T = any> {
     dateFormat?: string;
     dateTimeOptions?: DateTimeOptions;
     filterOptions?: FilterOptions;
-    styles?: StylerStyle;
+    styles?: StylerStyle<T>;
     columnPartStyles?: {
         header?: Dictionary<string>;
-        body?: StylerStyle;
-        innerBody?: StylerStyle;
+        body?: StylerStyle<T>;
+        innerBody?: StylerStyle<T>;
         footer?: Dictionary<string>;
     };
     columnPartClasses?: {

package/table-builder/services/transform-creator.d.ts

@@ -1,15 +1,7 @@
 import { PipeTransform } from '@angular/core';
 import { MetaData } from '../interfaces/report-def';
-import * as i0 from "@angular/core";
+import { TableBuilderConfig } from '../classes/TableBuilderConfig';
 export declare function isPipe(o: any): o is PipeTransform;
-export declare class TransformCreator {
-    private datePipe;
-    private currencyPipe;
-    private phonePipe;
-    private config;
-    createTransformer(metaData: MetaData<any, any>, noIcons?: boolean, forItem?: boolean): ((value: any, ...args: any[]) => any);
-    createItemTransformer: <T = any, AdditionalFields extends string[] = []>(metaData: MetaData<T, AdditionalFields>, noIcons?: boolean, mutate?: boolean) => (t: T) => void;
-    createItemTransformers: <T = any, AdditionalFields extends string[] = []>(metaDatas: MetaData<T, AdditionalFields>[], noIcons?: boolean, mutate?: boolean) => (t: T) => T;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TransformCreator, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TransformCreator>;
-}
+export declare function createTransformer(metaData: MetaData<any, any>, config: TableBuilderConfig, noIcons?: boolean, forItem?: boolean): ((value: any, ...args: any[]) => any);
+export declare function createItemTransformer<T = any, AdditionalFields extends string[] = []>(metaData: MetaData<T, AdditionalFields>, config: TableBuilderConfig, noIcons?: boolean, mutate?: boolean): (t: T) => void;
+export declare function createItemTransformers<T = any, AdditionalFields extends string[] = []>(metaDatas: MetaData<T, AdditionalFields>[], config: TableBuilderConfig, noIcons?: boolean, mutate?: boolean): (t: T) => T;

package/table-builder/table-builder.module.d.ts

@@ -1,21 +1,14 @@
 import { ModuleWithProviders } from '@angular/core';
 import { TableBuilderConfig } from './classes/TableBuilderConfig';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/dialog";
-import * as i3 from "@angular/material/core";
-import * as i4 from "@angular/router";
-import * as i5 from "./components/table-container/table-container";
-import * as i6 from "./components/generic-table/generic-table.component";
-import * as i7 from "./directives/custom-cell-directive";
-import * as i8 from "./components/filter/filter.component";
-import * as i9 from "./directives/tb-filter.directive";
-import * as i10 from "./directives/table-wrapper.directive";
-import * as i11 from "./directives/resize-column.directive";
-import * as i12 from "../utilities/module";
+import * as i1 from "./components/table-container/table-container";
+import * as i2 from "./directives/custom-cell-directive";
+import * as i3 from "./directives/tb-filter.directive";
+import * as i4 from "./directives/table-wrapper.directive";
+import * as i5 from "../utilities/module";
 export declare class TableBuilderModule {
     static forRoot(config: TableBuilderConfig): ModuleWithProviders<TableBuilderModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableBuilderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableBuilderModule, never, [typeof i1.CommonModule, typeof i2.MatDialogModule, typeof i3.MatNativeDateModule, typeof i4.RouterModule, typeof i5.TableContainerComponent, typeof i6.GenericTableComponent, typeof i5.TableContainerComponent, typeof i7.CustomCellDirective, typeof i8.FilterComponent, typeof i9.MatSlideToggleTbFilterDirective, typeof i9.MatRadioButtonTbFilterDirective, typeof i9.MatOptionTbFilterDirective, typeof i9.MatCheckboxTbFilterDirective, typeof i9.MatButtonToggleFilterDirective, typeof i9.TableFilterDirective, typeof i9.TableFilterStringContainsDirective, typeof i10.TableWrapperDirective, typeof i11.ResizeColumnDirective, typeof i12.UtilitiesModule], [typeof i6.GenericTableComponent, typeof i5.TableContainerComponent, typeof i7.CustomCellDirective, typeof i8.FilterComponent, typeof i9.MatSlideToggleTbFilterDirective, typeof i9.MatRadioButtonTbFilterDirective, typeof i9.MatOptionTbFilterDirective, typeof i9.MatCheckboxTbFilterDirective, typeof i9.MatButtonToggleFilterDirective, typeof i9.TableFilterDirective, typeof i9.TableFilterStringContainsDirective, typeof i10.TableWrapperDirective, typeof i11.ResizeColumnDirective, typeof i12.UtilitiesModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableBuilderModule, never, [typeof i1.TableContainerComponent, typeof i2.CustomCellDirective, typeof i3.TableFilterDirective, typeof i3.TableFilterStringContainsDirective, typeof i4.TableWrapperDirective], [typeof i1.TableContainerComponent, typeof i2.CustomCellDirective, typeof i3.TableFilterStringContainsDirective, typeof i4.TableWrapperDirective, typeof i5.UtilitiesModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableBuilderModule>;
 }

package/utilities/directives/styler.d.ts

@@ -6,11 +6,11 @@ export declare class StylerDirective {
     private renderer;
     $stylesApplied: import("@angular/core").WritableSignal<Dictionary<string>>;
     $element: import("@angular/core").InputSignal<any>;
-    $styler: import("@angular/core").InputSignal<StylerStyle>;
+    $styler: import("@angular/core").InputSignal<StylerStyle<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<StylerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<StylerDirective, "[styler]", never, { "$element": { "alias": "element"; "required": true; "isSignal": true; }; "$styler": { "alias": "styler"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export type StylerStyle = Dictionary<string | {
-    condition?: ((t: any) => boolean) | true;
-    value: ((t: any) => string) | string;
+export type StylerStyle<T = any> = Dictionary<string | {
+    condition?: ((t: T) => boolean) | true;
+    value: ((t: T) => string) | string;
 }>;

package/utilities/pipes/phone.pipe.d.ts

@@ -5,3 +5,4 @@ export declare class PhoneNumberPipe implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<PhoneNumberPipe, "phone", true>;
 }
+export declare function phoneFormatter(phoneNum: string): string;