@one-paragon/angular-utilities 2.0.5 → 2.0.7-beta.1

package/ngrx/actionable-selector.d.ts

@@ -1,5 +1,5 @@
-import { Injector } from "@angular/core";
-import { Action, MemoizedSelector } from "@ngrx/store";
+import { EnvironmentInjector, Injector } from "@angular/core";
+import { Action, MemoizedSelector, Store } from "@ngrx/store";
 /**
  * Creates a selector that can dispatch an action if conditions are met.
  * Note: The props of the selector factory must include the props of the action.
@@ -16,6 +16,7 @@ export declare const clearActionableSelectorRequestCache: () => {};
 export declare function defaultFilter(data: any): boolean;
 export declare function provideActionableSelector(): import("@angular/core").EnvironmentProviders;
 export declare const setUpStoreFactory: () => void;
+export declare function setUpStoreFactoryOld(store: Store, env: EnvironmentInjector): () => Promise<unknown>;
 export interface CreateActionResultsOptions<State, Result, Props extends any[]> {
     selectorFactory: (...props: Props) => MemoizedSelector<State, Result>;
     action: (...props: Props) => () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@one-paragon/angular-utilities",
-  "version": "2.0.5",
+  "version": "2.0.7-beta.1",
   "peerDependencies": {
     "@angular/common": "19.0.0",
     "@angular/core": "19.0.0",

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

@@ -1,17 +1,16 @@
-import { Injector } from "@angular/core";
-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>;
+    columnFooterSettings?: Partial<TableColumnFooterSettings>;
     tableSettings?: Partial<TableSettings>;
-    injector?: Injector;
+}
+export declare class GeneralTableSettings implements TableBuilderSettings {
+    headerSettings: TableWrapperHeaderSettings;
+    footerSettings: TableWrapperFooterSettings;
+    columnHeaderSettings: TableColumnHeaderSettings;
+    columnFooterSettings: TableColumnFooterSettings;
+    tableSettings: TableSettings;
 }
 export declare class TableWrapperHeaderSettings {
     hideExport: boolean;
@@ -27,10 +26,18 @@ export declare class TableWrapperFooterSettings {
     collapse: boolean;
 }
 export declare class TableColumnHeaderSettings {
+    stickyHeaderRow: boolean;
     noFilters: boolean;
     noHeader: boolean;
 }
+export declare class TableColumnFooterSettings {
+    stickyFooterRow: boolean;
+}
 export declare class TableSettings {
+    tableId?: string | undefined;
+    trackBy?: string | undefined;
+    includeIndexColumn: boolean;
+    includeSelectionColumn: boolean;
     usePaginator: boolean | undefined;
     useVirtualScroll: boolean | undefined;
     paginatorSettings: Partial<PaginatorOptions> | undefined;

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<false | MetaData<T>[]>;
+    $settings: Signal<TableBuilderSettings | undefined>;
+    metaNeeds: boolean;
+    dataObs: boolean;
+    settingsObs: boolean;
+    $inited: import("@angular/core").WritableSignal<boolean>;
+    constructor(data: TableBuilderArgs<T[]>, metaData?: TableBuilderArgs<MetaData<T, any>[]> | undefined, settings?: TableBuilderArgs<TableBuilderSettings>);
+    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

@@ -24,12 +24,13 @@ export declare class TableStore extends ComponentStore<TableState> {
     $getUserDefinedWidths: Signal<Dictionary<number>>;
     $tableSettingsMinWidth: Signal<number | undefined>;
     $getUserDefinedWidth: (key: string) => Signal<number>;
-    $filters: Signal<Dictionary<FilterInfo<any, any> | CustomFilter<any>>>;
-    filters$: Observable<Dictionary<FilterInfo<any, any> | CustomFilter<any>>>;
+    $filters: Signal<Dictionary<CustomFilter<any> | FilterInfo<any, any>>>;
+    filters$: Observable<Dictionary<CustomFilter<any> | FilterInfo<any, any>>>;
     $getFilter: (filterId: string) => Signal<FilterInfo | CustomFilter | undefined>;
     $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>;
@@ -84,8 +86,8 @@ export declare class TableStore extends ComponentStore<TableState> {
     }>) => import("rxjs").Subscription;
     readonly setUserDefinedRowHeight: (observableOrValue: number | Observable<number>) => import("rxjs").Subscription;
     readonly setUserDefinedHeaderHeight: (observableOrValue: number | Observable<number>) => import("rxjs").Subscription;
-    readonly addFilter: (observableOrValue: FilterInfo<any, any> | CustomFilter<any> | Observable<FilterInfo<any, any> | CustomFilter<any>>) => import("rxjs").Subscription;
-    readonly addFilters: (observableOrValue: (FilterInfo<any, any> | CustomFilter<any>)[] | Observable<(FilterInfo<any, any> | CustomFilter<any>)[]>) => import("rxjs").Subscription;
+    readonly addFilter: (observableOrValue: CustomFilter<any> | FilterInfo<any, any> | Observable<CustomFilter<any> | FilterInfo<any, any>>) => import("rxjs").Subscription;
+    readonly addFilters: (observableOrValue: (CustomFilter<any> | FilterInfo<any, any>)[] | Observable<(CustomFilter<any> | FilterInfo<any, any>)[]>) => import("rxjs").Subscription;
     readonly removeFilter: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;
     readonly removeFilters: (observableOrValue: string[] | Observable<string[]>) => import("rxjs").Subscription;
     readonly clearFilters: () => void;

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;

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, OnDestroy, Injector, ElementRef, OnInit } 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> implements OnDestroy, OnInit {
     #private;
     state: TableStore;
     private dataStore;
@@ -33,27 +33,27 @@ 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)[]>;
-    $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>;
+    $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>)[]>;
+    predicateInputFilters$: import("rxjs").Observable<((...args: any[]) => any)[]>;
+    $filterInfoInputs: import("@angular/core").Signal<(CustomFilter<any> | FilterInfo<any, any>)[]>;
+    $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("rxjs").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("rxjs").Observable<T[]>;
+    data$: import("@angular/core").OutputRef<T[]>;
+    private $displayData;
     clearSelections(): void;
     firstPage(): void;
     lastPage(): void;
@@ -67,18 +67,42 @@ 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 | 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;
+    ngOnInit(): void;
     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/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/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;