@saydar/table-builder 1.0.0 → 1.0.1-beta.0

package/types/saydar-table-builder.d.ts

@@ -1,38 +1,65 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewContainerRef, Injector, OnDestroy, PipeTransform, Predicate, AfterViewInit, EventEmitter, QueryList, SimpleChanges, AfterContentInit, OnInit, ElementRef, ModuleWithProviders } from '@angular/core';
+import { TemplateRef, ViewContainerRef, Injector, OnDestroy, PipeTransform, Predicate, AfterContentInit, OnInit, Renderer2, ElementRef, SimpleChanges, QueryList, EventEmitter, AfterViewInit, ComponentFactoryResolver, ChangeDetectorRef, ModuleWithProviders } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable, Subscription, Subject, Unsubscribable, ReplaySubject, BehaviorSubject, OperatorFunction, MonoTypeOperatorFunction } from 'rxjs';
 import { ComponentStore } from '@ngrx/component-store';
 import { HttpErrorResponse } from '@angular/common/http';
 import * as _saydar_table_builder from '@saydar/table-builder';
-import * as i5 from '@angular/router';
+import * as i34 from '@angular/router';
 import { QueryParamsHandling } from '@angular/router';
-import { Sort, MatSort, SortDirection as SortDirection$1 } from '@angular/material/sort';
-import * as i1 from '@angular/common';
-import * as _ngrx_store from '@ngrx/store';
-import { Action, MemoizedSelector, Store } from '@ngrx/store';
-import * as i3 from '@ngrx/effects';
-import * as i4 from '@angular/forms';
-import { NgControl, ControlValueAccessor } from '@angular/forms';
-import * as i6 from '@ngrx/component';
-import * as i7 from '@angular/cdk/drag-drop';
-import { CdkDragDrop, CdkDropList } from '@angular/cdk/drag-drop';
-import { MatDialogRef, MatDialogConfig, MatDialog } from '@angular/material/dialog';
-import { MatSlideToggle } from '@angular/material/slide-toggle';
-import * as _ngrx_entity from '@ngrx/entity';
-import { Dictionary as Dictionary$1, Predicate as Predicate$1, EntityState } from '@ngrx/entity';
-import * as i9 from '@angular/cdk/scrolling';
-import * as i10 from 'ng-table-virtual-scroll';
-import { TableVirtualScrollDataSource } from 'ng-table-virtual-scroll';
-import { MatColumnDef, MatTableDataSource, MatRowDef, MatTable } from '@angular/material/table';
+import * as i23 from '@angular/material/sort';
+import { Sort, SortDirection as SortDirection$1, MatSort } from '@angular/material/sort';
+import * as i2 from '@angular/material/table';
+import { MatRowDef, MatColumnDef, MatTable, MatTableDataSource } from '@angular/material/table';
 import { CdkColumnDef } from '@angular/cdk/table';
+import * as i1 from '@angular/material/slide-toggle';
+import { MatSlideToggle } from '@angular/material/slide-toggle';
+import * as i6 from '@angular/material/radio';
 import { MatRadioButton } from '@angular/material/radio';
 import { MatButtonToggle } from '@angular/material/button-toggle';
+import * as i19 from '@angular/material/checkbox';
 import { MatCheckbox } from '@angular/material/checkbox';
+import * as i33 from '@angular/forms';
+import { NgControl, ControlValueAccessor } from '@angular/forms';
+import * as i12 from '@angular/material/core';
 import { MatOption } from '@angular/material/core';
+import * as i29 from '@angular/common';
+import { DatePipe, CurrencyPipe } from '@angular/common';
+import * as _ngrx_store from '@ngrx/store';
+import { Store, Action, MemoizedSelector } from '@ngrx/store';
 import { SelectionModel } from '@angular/cdk/collections';
+import * as _ngrx_entity from '@ngrx/entity';
+import { Dictionary as Dictionary$1, Predicate as Predicate$1, EntityState } from '@ngrx/entity';
+import * as i36 from '@angular/cdk/drag-drop';
+import { CdkDragDrop, CdkDropList } from '@angular/cdk/drag-drop';
+import * as i25 from '@angular/material/paginator';
 import { MatPaginator } from '@angular/material/paginator';
+import * as i39 from 'ng-table-virtual-scroll';
+import { TableVirtualScrollDataSource } from 'ng-table-virtual-scroll';
+import * as i20 from '@angular/material/menu';
 import { MatMenuTrigger } from '@angular/material/menu';
+import * as i3 from '@angular/material/select';
+import * as i4 from '@angular/material/dialog';
+import { MatDialogRef, MatDialogConfig, MatDialog } from '@angular/material/dialog';
+import * as i5 from '@angular/material/datepicker';
+import * as i7 from '@angular/material/button';
+import * as i8 from '@angular/material/expansion';
+import * as i9 from '@angular/material/stepper';
+import * as i10 from '@angular/material/toolbar';
+import * as i11 from '@angular/material/tooltip';
+import * as i13 from '@angular/material/progress-spinner';
+import * as i14 from '@angular/material/grid-list';
+import * as i15 from '@angular/material/card';
+import * as i16 from '@angular/material/sidenav';
+import * as i17 from '@angular/material/tabs';
+import * as i18 from '@angular/material/input';
+import * as i21 from '@angular/material/icon';
+import * as i22 from '@angular/material/badge';
+import * as i24 from '@angular/material/autocomplete';
+import * as i26 from '@angular/material/chips';
+import * as i32 from '@ngrx/effects';
+import * as i35 from '@ngrx/component';
+import * as i38 from '@angular/cdk/scrolling';
 
 declare enum HttpRequestStatus {
     notStarted = 0,
@@ -565,172 +592,10 @@ interface TableBuilderExport {
     prepend?: string;
 }
 
-declare class SpaceCasePipe implements PipeTransform {
-    transform(value: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SpaceCasePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<SpaceCasePipe, "spaceCase", true>;
-}
-/**
- * Adds a space before uppercase letters that either
- * 1. follows a lowercase letter or digit
- * 2. or precedes a lowercase letter and follows an alpha-numeric character
- *
- * Uppercases the first digit
- *
- * Turns underscores into spaces
- */
-declare function spaceCase(value: string): string;
-
-declare class PhoneNumberPipe implements PipeTransform {
-    transform(phoneNum: string): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<PhoneNumberPipe, "phone", true>;
-}
-
-declare class FunctionPipe implements PipeTransform {
-    transform(func: ((...args: any[]) => any) | string, ...args: any[]): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FunctionPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<FunctionPipe, "func", true>;
-}
-
-declare class StopPropagationDirective {
-    onClick(event: any): void;
-    onMousedown(event: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StopPropagationDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StopPropagationDirective, "[stop-propagation]", never, {}, {}, never, never, true, never>;
-}
-
-declare class StylerDirective {
-    private el;
-    set styler(styles: any);
-    static ɵfac: i0.ɵɵFactoryDeclaration<StylerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StylerDirective, "[styler]", never, { "styler": { "alias": "styler"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class PreventEnterDirective {
-    onKeyDown(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PreventEnterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PreventEnterDirective, "[preventEnter]", never, {}, {}, never, never, true, never>;
-}
-
-declare class AutoFocusDirective implements AfterViewInit {
-    private elementRef;
-    readonly autoFocus: i0.InputSignal<boolean>;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutoFocusDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoFocusDirective, "[autoFocus]", never, { "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class TrimWhitespaceDirective {
-    private elem;
-    onBlur(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TrimWhitespaceDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TrimWhitespaceDirective, "input[trimWhitespace]", never, {}, {}, never, never, true, never>;
-}
-
-declare class ClickSubjectDirective<T = boolean> extends Subject<T> {
-    constructor();
-    _val: T;
-    set clickSubject(val: T);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClickSubjectDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickSubjectDirective<any>, "[clickSubject]", ["clickSubject"], { "clickSubject": { "alias": "clickSubject"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class ClickEmitterDirective extends Subject<boolean> {
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClickEmitterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickEmitterDirective, "[clickEmitter]", ["clickEmitter"], {}, {}, never, never, true, never>;
-}
-
-declare class DialogService {
-    allOpenOpDialogs: MatDialogRef<any>[];
-    addDialogRef(ref: MatDialogRef<any>): void;
-    removeDialogRef(ref: MatDialogRef<any>): void;
-    closeAllOpDialogs(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
-}
-
-interface DialogViewContext<T> {
-    $implicit: T;
-    opDialog: T;
-    close: () => void;
-}
-declare class DialogWrapper<T = any> {
-    private vcr;
-    viewEmbeded: boolean;
-    viewContext: DialogViewContext<T>;
-    set template(tmpl: TemplateRef<DialogViewContext<T>>);
-    set close(closeMethod: () => void);
-    set data(value: T);
-    constructor(vcr: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DialogWrapper<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogWrapper<any>, "app-dialog-content", never, {}, {}, never, never, false, never>;
-}
-declare class DialogDirective<T> implements OnDestroy {
-    private templateRef;
-    private dialog;
-    private service;
-    opDialogClosed: EventEmitter<boolean>;
-    _dialogConfig: MatDialogConfig<T>;
-    add_opDialog_Class: boolean;
-    set opDialogConfig(config: MatDialogConfig<T>);
-    get opDialogConfig(): MatDialogConfig<T>;
-    set state(open_close: Observable<T>);
-    nativeElement?: HTMLElement;
-    dialogRef?: MatDialogRef<any, boolean>;
-    subscription: Subscription;
-    componentWrapper?: DialogWrapper<T>;
-    constructor(templateRef: TemplateRef<DialogViewContext<T>>, dialog: MatDialog, service: DialogService);
-    _data: Subject<Observable<T>>;
-    close(): void;
-    initDialog(): void;
-    setDialogState(open: boolean): void;
-    ngOnDestroy(): void;
-    static ngTemplateContextGuard<T>(dir: DialogDirective<T>, ctx: any): ctx is DialogViewContext<Exclude<T, false | 0 | '' | null | undefined>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DialogDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DialogDirective<any>, "[opDialog]", never, { "add_opDialog_Class": { "alias": "add_opDialog_Class"; "required": false; }; "opDialogConfig": { "alias": "opDialogConfig"; "required": false; }; "state": { "alias": "opDialog"; "required": false; }; "nativeElement": { "alias": "opDialogOrigin"; "required": false; }; }, { "opDialogClosed": "opDialogClosed"; }, never, never, true, never>;
-}
-
-declare class MatSlideToggleGroupDirective {
-    readonly allowMultiple: i0.InputSignal<boolean>;
-    _toggles: QueryList<MatSlideToggle>;
-    set toggles(val: QueryList<MatSlideToggle>);
-    private _ready;
-    get valueEmitter(): Observable<{
-        [key: string]: boolean;
-    }>;
-    getInitValue(): {
-        [k: string]: boolean;
-    };
-    getObs(): Observable<{
-        [k: string]: boolean;
-    }>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggleGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatSlideToggleGroupDirective, "[opMatSlideToggleGroup]", never, { "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; }, { "valueEmitter": "valueEmitter"; }, ["toggles"], never, true, never>;
-}
-
-declare class ConditionalClassesDirective {
-    private el;
-    private renderer;
-    readonly element: i0.InputSignal<any>;
-    readonly classes: i0.InputSignal<Dictionary$1<Predicate$1<any>> | undefined>;
-    classesApplied: string[];
-    ngOnChanges(changes: SimpleChanges): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConditionalClassesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ConditionalClassesDirective, "[conditionalClasses]", never, { "element": { "alias": "element"; "required": false; "isSignal": true; }; "classes": { "alias": "conditionalClasses"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class UtilitiesModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<UtilitiesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UtilitiesModule, never, [typeof SpaceCasePipe, typeof PhoneNumberPipe, typeof FunctionPipe, typeof StopPropagationDirective, typeof StylerDirective, typeof PreventEnterDirective, typeof AutoFocusDirective, typeof TrimWhitespaceDirective, typeof ClickSubjectDirective, typeof ClickEmitterDirective, typeof DialogDirective, typeof MatSlideToggleGroupDirective, typeof ConditionalClassesDirective], [typeof StopPropagationDirective, typeof PreventEnterDirective, typeof SpaceCasePipe, typeof PhoneNumberPipe, typeof FunctionPipe, typeof StopPropagationDirective, typeof TrimWhitespaceDirective, typeof StylerDirective, typeof PreventEnterDirective, typeof AutoFocusDirective, typeof ClickSubjectDirective, typeof ClickEmitterDirective, typeof DialogDirective, typeof MatSlideToggleGroupDirective, typeof ConditionalClassesDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<UtilitiesModule>;
-}
-
 declare class ColumnTotalPipe implements PipeTransform {
     transform(data: any[], metaData: MetaData): number | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTotalPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<ColumnTotalPipe, "columnTotal", true>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ColumnTotalPipe, "columnTotal", false>;
 }
 
 declare class TableBuilder<T = any> {
@@ -758,20 +623,12 @@ declare class CustomCellDirective implements AfterContentInit {
     ngAfterContentInit(): void;
     getMetaData(metaData?: MetaData): MetaData;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomCellDirective, [{ optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomCellDirective, "[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; }; }, {}, never, never, true, never>;
-}
-
-declare class MultiSortDirective extends MatSort implements OnInit, OnDestroy {
-    private state;
-    rules: Sort[];
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSortDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MultiSortDirective, "[multiSort]", ["multiSort"], { "disabled": { "alias": "matSortDisabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomCellDirective, "[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; }; }, {}, never, never, false, never>;
 }
 
 declare function stateIs(initializationState: InitializationState): (state: TableState) => boolean;
 declare class TableStore extends ComponentStore<TableState> {
-    constructor();
+    constructor(config: TableBuilderConfig);
     getSavableState(): Observable<PersistedTableState>;
     on: <V>(srcObservable: Observable<V>, func: (obj: V) => void) => void;
     onLast(callback: (state: TableState) => void): void;
@@ -873,12 +730,21 @@ declare class TableStore extends ComponentStore<TableState> {
 declare const orderViewableMetaData: (state: TableState) => MetaData<any, []>[];
 declare const orderMetaData: (state: TableState) => MetaData<any, []>[];
 
+declare class MultiSortDirective extends MatSort implements OnInit, OnDestroy {
+    private state;
+    rules: Sort[];
+    constructor(state: TableStore);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSortDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MultiSortDirective, "[multiSort]", ["multiSort"], { "disabled": { "alias": "matSortDisabled"; "required": false; }; }, {}, never, never, false, never>;
+}
+
 declare class ResizeColumnDirective implements OnInit {
     private renderer;
     private el;
     store: TableStore;
-    readonly resizable: i0.InputSignal<boolean>;
-    readonly key: i0.InputSignal<string>;
+    resizable: boolean;
+    key: string;
+    constructor(renderer: Renderer2, el: ElementRef, store: TableStore);
     ngOnInit(): void;
     createResizerSpanInColumnHead(columnHead: HTMLElement): any;
     getTableAndColumnHeadHtmlElements(): {
@@ -904,7 +770,7 @@ declare class ResizeColumnDirective implements OnInit {
     };
     getElementWidth: (elem: HTMLElement) => number;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResizeColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeColumnDirective, "[resizeColumn]", never, { "resizable": { "alias": "resizeColumn"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeColumnDirective, "[resizeColumn]", never, { "resizable": { "alias": "resizeColumn"; "required": false; }; "key": { "alias": "key"; "required": false; }; }, {}, never, never, false, never>;
 }
 interface MouseDowmData {
     startPageX: number;
@@ -943,7 +809,7 @@ declare class TableFilterDirective extends ComponentStore<FilterInfo> {
     protected setFilter(filter: FilterInfo): void;
     update(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableFilterDirective, [{ optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableFilterDirective, "[tbFilter]", never, { "filterType": { "alias": "filterType"; "required": false; }; "key": { "alias": "key"; "required": false; }; "fieldType": { "alias": "fieldType"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; "active": { "alias": "active"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableFilterDirective, "[tbFilter]", never, { "filterType": { "alias": "filterType"; "required": false; }; "key": { "alias": "key"; "required": false; }; "fieldType": { "alias": "fieldType"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; "active": { "alias": "active"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; }, {}, never, never, false, never>;
 }
 declare class TableFilterStringContainsDirective extends TableFilterDirective {
     constructor(model: NgControl, wrapper: TableWrapperDirective);
@@ -951,7 +817,7 @@ declare class TableFilterStringContainsDirective extends TableFilterDirective {
     setFilter(filter: FilterInfo): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableFilterStringContainsDirective, [{ optional: true; }, { optional: true; }]>;
-    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>;
+    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, false, never>;
 }
 declare abstract class TableCustomFilterDirectiveBase<T = any> extends TableCustomFilterDirective<T> {
     filter$: Subject<CustomFilter>;
@@ -984,7 +850,7 @@ declare class MatCheckboxTbFilterDirective extends TbSelectedFilterDirective {
     set active(val: boolean);
     constructor(matCheckbox: MatCheckbox, wrapper: TableWrapperDirective);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatCheckboxTbFilterDirective, [null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCheckboxTbFilterDirective, "mat-checkbox[tbCustomFilter]", never, { "predicate": { "alias": "tbCustomFilter"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCheckboxTbFilterDirective, "mat-checkbox[tbCustomFilter]", never, { "predicate": { "alias": "tbCustomFilter"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; }, {}, never, never, false, never>;
 }
 declare class MatSlideToggleTbFilterDirective<T = any> extends TbSelectedFilterDirective<T> {
     private matSlideToggle;
@@ -992,7 +858,7 @@ declare class MatSlideToggleTbFilterDirective<T = any> extends TbSelectedFilterD
     constructor(matSlideToggle: MatSlideToggle, wrapper: TableWrapperDirective);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggleTbFilterDirective<any>, [null, { optional: true; }]>;
-    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 ɵdir: i0.ɵɵDirectiveDeclaration<MatSlideToggleTbFilterDirective<any>, "mat-slide-toggle[tbCustomFilter]", never, { "predicate": { "alias": "tbCustomFilter"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; }, {}, never, never, false, never>;
 }
 declare class MatRadioButtonTbFilterDirective extends TbSelectedFilterDirective {
     private matRadioButton;
@@ -1000,7 +866,7 @@ declare class MatRadioButtonTbFilterDirective extends TbSelectedFilterDirective
     constructor(matRadioButton: MatRadioButton, wrapper: TableWrapperDirective);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatRadioButtonTbFilterDirective, [null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatRadioButtonTbFilterDirective, "mat-radio-button[tbCustomFilter]", never, { "predicate": { "alias": "tbCustomFilter"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatRadioButtonTbFilterDirective, "mat-radio-button[tbCustomFilter]", never, { "predicate": { "alias": "tbCustomFilter"; "required": false; }; }, {}, never, never, false, never>;
 }
 declare class MatOptionTbFilterDirective extends TbSelectedFilterDirective {
     private matOption;
@@ -1008,7 +874,7 @@ declare class MatOptionTbFilterDirective extends TbSelectedFilterDirective {
     constructor(matOption: MatOption, wrapper: TableWrapperDirective);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatOptionTbFilterDirective, [null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatOptionTbFilterDirective, "mat-option[tbCustomFilter]", never, { "predicate": { "alias": "tbCustomFilter"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatOptionTbFilterDirective, "mat-option[tbCustomFilter]", never, { "predicate": { "alias": "tbCustomFilter"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; }, {}, never, never, false, never>;
 }
 declare class MatButtonToggleFilterDirective extends TbSelectedFilterDirective {
     private matButtonToggle;
@@ -1016,42 +882,23 @@ declare class MatButtonToggleFilterDirective extends TbSelectedFilterDirective {
     constructor(matButtonToggle: MatButtonToggle, wrapper: TableWrapperDirective);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggleFilterDirective, [null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatButtonToggleFilterDirective, "mat-button-toggle[tbCustomFilter]", never, { "predicate": { "alias": "tbCustomFilter"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatButtonToggleFilterDirective, "mat-button-toggle[tbCustomFilter]", never, { "predicate": { "alias": "tbCustomFilter"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class TableWrapperDirective {
-    readonly customFilters: i0.Signal<readonly TableCustomFilterDirective<any>[]>;
-    readonly filters: i0.Signal<readonly TableFilterDirective[]>;
+    customFilters: QueryList<TableCustomFilterDirective>;
+    filters: QueryList<TableFilterDirective>;
     registerations: (TableCustomFilterDirective | TableFilterDirective)[];
     register(filter: TableCustomFilterDirective | TableFilterDirective): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableWrapperDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableWrapperDirective, "[tbWrapper]", never, {}, {}, ["customFilters", "filters"], never, true, never>;
-}
-
-declare class VirtualScrollViewportDirective {
-    private el;
-    private tbComponent;
-    offset: number;
-    set isVs(val: boolean | string);
-    _isVs: boolean;
-    private resizeFn;
-    private resizeTimeout;
-    destroyed$: Subject<void>;
-    addListener(callback: () => void): void;
-    removeListener(): void;
-    private adjustViewportHeight;
-    resize(): void;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<VirtualScrollViewportDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VirtualScrollViewportDirective, "tb-table-container[isVs]", ["vs"], { "offset": { "alias": "offset"; "required": false; }; "isVs": { "alias": "isVs"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableWrapperDirective, "[tbWrapper]", never, {}, {}, ["customFilters", "filters"], never, false, never>;
 }
 
 declare class ExportToCsvService<T> {
     state: TableStore;
     private config;
     private datePipe;
+    constructor(state: TableStore, config: TableBuilderConfig, datePipe: DatePipe);
     exportToCsv: (data: Observable<T[]>) => void;
     csvData: (data: Array<T>, metaData: MetaData<T>[]) => string;
     metaToField: (meta: MetaData<T>, row: T) => any;
@@ -1065,6 +912,264 @@ interface ColumnInfo {
     customCell: CustomCellDirective;
 }
 
+declare class TableContainerComponent<T = any> {
+    state: TableStore;
+    exportToCsvService: ExportToCsvService<T>;
+    private config;
+    private store;
+    private wrapper;
+    private genericTableComponent;
+    customFilters: QueryList<TableCustomFilterDirective>;
+    filters: QueryList<TableFilterDirective>;
+    tableId: string;
+    tableBuilder: TableBuilder;
+    IndexColumn: boolean;
+    SelectionColumn: boolean;
+    trackBy: string;
+    isSticky: boolean;
+    set isVs(val: boolean | string);
+    set pageSize(value: number);
+    inputFilters?: Observable<Array<Predicate<T>>>;
+    groupHeaderTemplate: TemplateRef<any>;
+    compareWithKey: string;
+    selection$: EventEmitter<any>;
+    dataSubject: ReplaySubject<Observable<T[]>>;
+    data: Observable<T[]>;
+    paginatorChange: EventEmitter<void>;
+    _isVs: boolean;
+    customRows: QueryList<MatRowDef<any>>;
+    customCells: QueryList<CustomCellDirective>;
+    OnStateReset: EventEmitter<any>;
+    OnSaveState: EventEmitter<any>;
+    state$: Observable<PersistedTableState>;
+    myColumns$: Observable<ColumnInfo[]>;
+    stateKeys$?: Observable<string[] | null>;
+    currentStateKey$?: Observable<string>;
+    disableSort: boolean;
+    constructor(state: TableStore, exportToCsvService: ExportToCsvService<T>, config: TableBuilderConfig, store: Store<any>, wrapper: TableWrapperDirective);
+    firstPage(): void;
+    lastPage(): void;
+    resetState(): void;
+    initializeState(): void;
+    customFilters$: BehaviorSubject<Predicate<any>[]>;
+    initializeData(): void;
+    ngOnInit(): void;
+    exportToCsv(): void;
+    saveState(): void;
+    setProfileState(val: string): void;
+    deleteProfileState(stateKey: string): void;
+    ngAfterContentInit(): void;
+    InitializeColumns(): void;
+    mapMetaDatas: (meta: MetaData<T>) => MetaData<T, []>;
+    collapseHeader$: Observable<boolean>;
+    getData(data: any[], groupByKeys: string[]): any[];
+    tbGroupBy: (data: any[], groupByKeys: string[], parentGroupName?: any) => any[];
+    addIndentation: (d: any) => any;
+    setDisplay: (data: any[], groups: Group[]) => any[];
+    shouldDisplay: (currentGroup?: Group, groups?: Group[]) => boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableContainerComponent<any>, [null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableContainerComponent<any>, "tb-table-container", never, { "tableId": { "alias": "tableId"; "required": false; }; "tableBuilder": { "alias": "tableBuilder"; "required": false; }; "IndexColumn": { "alias": "IndexColumn"; "required": false; }; "SelectionColumn": { "alias": "SelectionColumn"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "isSticky": { "alias": "isSticky"; "required": false; }; "isVs": { "alias": "isVs"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "inputFilters": { "alias": "inputFilters"; "required": false; }; "groupHeaderTemplate": { "alias": "groupHeaderTemplate"; "required": false; }; "compareWithKey": { "alias": "compareWithKey"; "required": false; }; }, { "selection$": "selection$"; "data": "data"; "paginatorChange": "paginatorChange"; "OnStateReset": "OnStateReset"; "OnSaveState": "OnSaveState"; "state$": "state$"; }, ["customFilters", "filters", "customRows", "customCells"], ["[before]", ".tb-header-title"], false, never>;
+}
+
+declare class PhoneNumberPipe implements PipeTransform {
+    transform(phoneNum: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PhoneNumberPipe, "phone", false>;
+}
+
+declare class PreventEnterDirective {
+    onKeyDown(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PreventEnterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PreventEnterDirective, "preventEnter", never, {}, {}, never, never, false, never>;
+}
+
+declare class StopPropagationDirective {
+    onClick(event: any): void;
+    onMousedown(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StopPropagationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StopPropagationDirective, "[stop-propagation]", never, {}, {}, never, never, false, never>;
+}
+
+declare class AutoFocusDirective implements AfterViewInit {
+    private elementRef;
+    autoFocus: boolean;
+    constructor(elementRef: ElementRef);
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoFocusDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoFocusDirective, "[autoFocus]", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class ClickSubjectDirective<T = boolean> extends Subject<T> {
+    constructor();
+    _val: T;
+    set clickSubject(val: T);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClickSubjectDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickSubjectDirective<any>, "[clickSubject]", ["clickSubject"], { "clickSubject": { "alias": "clickSubject"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class ClickEmitterDirective extends Subject<boolean> {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClickEmitterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickEmitterDirective, "[clickEmitter]", ["clickEmitter"], {}, {}, never, never, false, never>;
+}
+
+declare class DialogService {
+    allOpenOpDialogs: MatDialogRef<any>[];
+    addDialogRef(ref: MatDialogRef<any>): void;
+    removeDialogRef(ref: MatDialogRef<any>): void;
+    closeAllOpDialogs(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
+}
+
+interface DialogViewContext<T> {
+    $implicit: T;
+    opDialog: T;
+    close: () => void;
+}
+declare class DialogWrapper<T = any> {
+    private vcr;
+    viewEmbeded: boolean;
+    viewContext: DialogViewContext<T>;
+    set template(tmpl: TemplateRef<DialogViewContext<T>>);
+    set close(closeMethod: () => void);
+    set data(value: T);
+    constructor(vcr: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogWrapper<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogWrapper<any>, "app-dialog-content", never, {}, {}, never, never, false, never>;
+}
+declare class DialogDirective<T> implements OnDestroy {
+    private templateRef;
+    private dialog;
+    private service;
+    opDialogClosed: EventEmitter<boolean>;
+    _dialogConfig: MatDialogConfig<T>;
+    add_opDialog_Class: boolean;
+    set opDialogConfig(config: MatDialogConfig<T>);
+    get opDialogConfig(): MatDialogConfig<T>;
+    set state(open_close: Observable<T>);
+    nativeElement?: HTMLElement;
+    dialogRef?: MatDialogRef<any, boolean>;
+    subscription: Subscription;
+    componentWrapper?: DialogWrapper<T>;
+    constructor(templateRef: TemplateRef<DialogViewContext<T>>, dialog: MatDialog, service: DialogService);
+    _data: Subject<Observable<T>>;
+    close(): void;
+    initDialog(): void;
+    setDialogState(open: boolean): void;
+    ngOnDestroy(): void;
+    static ngTemplateContextGuard<T>(dir: DialogDirective<T>, ctx: any): ctx is DialogViewContext<Exclude<T, false | 0 | '' | null | undefined>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DialogDirective<any>, "[opDialog]", never, { "add_opDialog_Class": { "alias": "add_opDialog_Class"; "required": false; }; "opDialogConfig": { "alias": "opDialogConfig"; "required": false; }; "state": { "alias": "opDialog"; "required": false; }; "nativeElement": { "alias": "opDialogOrigin"; "required": false; }; }, { "opDialogClosed": "opDialogClosed"; }, never, never, false, never>;
+}
+
+declare class StylerDirective {
+    private el;
+    set styler(styles: any);
+    constructor(el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<StylerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StylerDirective, "[styler]", never, { "styler": { "alias": "styler"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class MatSlideToggleGroupDirective {
+    allowMultiple: boolean;
+    _toggles: QueryList<MatSlideToggle>;
+    set toggles(val: QueryList<MatSlideToggle>);
+    private _ready;
+    get valueEmitter(): Observable<{
+        [key: string]: boolean;
+    }>;
+    getInitValue(): {
+        [k: string]: boolean;
+    };
+    getObs(): Observable<{
+        [k: string]: boolean;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggleGroupDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatSlideToggleGroupDirective, "[opMatSlideToggleGroup]", never, { "allowMultiple": { "alias": "allowMultiple"; "required": false; }; }, { "valueEmitter": "valueEmitter"; }, ["toggles"], never, false, never>;
+}
+
+declare class TrimWhitespaceDirective {
+    private elem;
+    constructor(elem: ElementRef);
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrimWhitespaceDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TrimWhitespaceDirective, "input[trimWhitespace]", never, {}, {}, never, never, false, never>;
+}
+
+declare class FunctionPipe implements PipeTransform {
+    transform(func: ((...args: any[]) => any) | string, ...args: any[]): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FunctionPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FunctionPipe, "func", false>;
+}
+
+declare class SpaceCasePipe implements PipeTransform {
+    transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpaceCasePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SpaceCasePipe, "spaceCase", false>;
+}
+/**
+ * Adds a space before uppercase letters that either
+ * 1. follows a lowercase letter or digit
+ * 2. or precedes a lowercase letter and follows an alpha-numeric character
+ *
+ * Uppercases the first digit
+ *
+ * Turns underscores into spaces
+ */
+declare function spaceCase(value: string): string;
+
+declare class ConditionalClassesDirective {
+    private el;
+    private renderer;
+    constructor(el: ElementRef, renderer: Renderer2);
+    element?: any;
+    classes?: Dictionary$1<Predicate$1<any>>;
+    classesApplied: string[];
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConditionalClassesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ConditionalClassesDirective, "[conditionalClasses]", never, { "element": { "alias": "element"; "required": false; }; "classes": { "alias": "conditionalClasses"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class UtilitiesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UtilitiesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UtilitiesModule, [typeof SpaceCasePipe, typeof PhoneNumberPipe, typeof FunctionPipe, typeof StopPropagationDirective, typeof StylerDirective, typeof PreventEnterDirective, typeof AutoFocusDirective, typeof TrimWhitespaceDirective, typeof ClickSubjectDirective, typeof ClickEmitterDirective, typeof DialogDirective, typeof MatSlideToggleGroupDirective, typeof ConditionalClassesDirective], never, [typeof StopPropagationDirective, typeof PreventEnterDirective, typeof SpaceCasePipe, typeof PhoneNumberPipe, typeof FunctionPipe, typeof StopPropagationDirective, typeof TrimWhitespaceDirective, typeof StylerDirective, typeof PreventEnterDirective, typeof AutoFocusDirective, typeof ClickSubjectDirective, typeof ClickEmitterDirective, typeof DialogDirective, typeof MatSlideToggleGroupDirective, typeof ConditionalClassesDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UtilitiesModule>;
+}
+
+declare class TransformCreator {
+    private datePipe;
+    private currencyPipe;
+    private phonePipe;
+    private casePipe;
+    private config;
+    constructor(datePipe: DatePipe, currencyPipe: CurrencyPipe, phonePipe: PhoneNumberPipe, casePipe: SpaceCasePipe, config: TableBuilderConfig);
+    createTransformer(metaData: MetaData): ((value: any, ...args: any[]) => any);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransformCreator, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TransformCreator>;
+}
+
+declare class InitializationComponent {
+    linkTemplate: TemplateRef<any>;
+    imageUrlTemplate: TemplateRef<any>;
+    currencyTemplate: TemplateRef<any>;
+    arrayTemplate: TemplateRef<any>;
+    defaultTemplate: TemplateRef<any>;
+    defaultWithIcon: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InitializationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InitializationComponent, "ng-component", never, {}, {}, never, never, false, never>;
+}
+
+declare class TableTemplateService {
+    instance: InitializationComponent;
+    templates: any;
+    initTemplates(): void;
+    getTemplate(metaData: MetaData): TemplateRef<any>;
+    constructor(resolver: ComponentFactoryResolver, i: Injector);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableTemplateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TableTemplateService>;
+}
+
 interface widthStyle {
     flex?: string;
     maxWidth?: string;
@@ -1085,11 +1190,12 @@ declare class ColumnBuilderComponent implements OnInit {
     metaData: MetaData;
     customCell: CustomCellDirective;
     data$: Observable<any[]>;
-    readonly columnDef: i0.Signal<MatColumnDef>;
+    columnDef: MatColumnDef;
     outerTemplate: TemplateRef<any>;
     innerTemplate: TemplateRef<any>;
     transform: (o: any, ...args: any[]) => any;
-    readonly bodyTemplate: i0.Signal<TemplateRef<any>>;
+    bodyTemplate: TemplateRef<any>;
+    constructor(transformCreator: TransformCreator, table: MatTable<any>, state: TableStore, templateService: TableTemplateService, injector: Injector);
     getInnerTemplate(): TemplateRef<any>;
     showfilters$: Observable<boolean>;
     getOuterTemplate(): TemplateRef<any>;
@@ -1100,7 +1206,7 @@ declare class ColumnBuilderComponent implements OnInit {
     mapWidth: ([previousUserDefinedWidth, currentUserDefinedWidth]: [number, number]) => widthStyle;
     styles$: Observable<allStyles>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnBuilderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnBuilderComponent, "tb-column-builder", never, { "metaData": { "alias": "metaData"; "required": false; }; "customCell": { "alias": "customCell"; "required": false; }; "data$": { "alias": "data$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnBuilderComponent, "tb-column-builder", never, { "metaData": { "alias": "metaData"; "required": false; }; "customCell": { "alias": "customCell"; "required": false; }; "data$": { "alias": "data$"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class MatTableObservableDataSource<T> extends MatTableDataSource<T> {
@@ -1124,19 +1230,20 @@ declare class GenericTableDataSource<T> extends MatTableObservableDataSource<T>
 
 declare class PaginatorComponent implements OnInit, AfterViewInit {
     private state;
-    readonly dataSource: i0.InputSignal<GenericTableDataSource<any>>;
-    readonly tableElRef: i0.InputSignal<ElementRef<any>>;
-    readonly paginator: i0.Signal<MatPaginator>;
+    dataSource: GenericTableDataSource<any>;
+    tableElRef: ElementRef;
+    paginator: MatPaginator;
     currentPageData$: Observable<CurrentPageDetails>;
     collapseFooter$: Observable<boolean>;
-    readonly data$: i0.InputSignal<Observable<any[]>>;
-    readonly paginatorChangeEmitter: i0.OutputEmitterRef<void>;
+    data$: Observable<any[]>;
+    paginatorChangeEmitter: EventEmitter<void>;
+    constructor(state: TableStore);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     paginatorChange(): void;
     ourPageEvent: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "tb-paginator", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "tableElRef": { "alias": "tableElRef"; "required": true; "isSignal": true; }; "data$": { "alias": "data$"; "required": true; "isSignal": true; }; }, { "paginatorChangeEmitter": "paginatorChangeEmitter"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "tb-paginator", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "tableElRef": { "alias": "tableElRef"; "required": false; }; "data$": { "alias": "data$"; "required": false; }; }, { "paginatorChangeEmitter": "paginatorChangeEmitter"; }, never, never, false, never>;
 }
 interface CurrentPageDetails {
     currentStart: number;
@@ -1149,26 +1256,24 @@ declare class GenericTableComponent implements OnInit {
     state: TableStore;
     private viewContainer;
     drop(event: CdkDragDrop<string[]>): void;
-    readonly $data: i0.InputSignal<Observable<any[]>>;
-    readonly $indexColumn: i0.InputSignal<boolean>;
-    readonly $selectionColumn: i0.InputSignal<boolean>;
-    readonly $trackBy: i0.InputSignal<string>;
-    readonly $rows: i0.InputSignal<readonly MatRowDef<any>[]>;
-    readonly $isSticky: i0.InputSignal<boolean>;
-    readonly $columnBuilders: i0.InputSignal<ColumnBuilderComponent[]>;
-    readonly $columnInfos: i0.InputSignal<Observable<ColumnInfo[]>>;
-    readonly $groupHeaderTemplate: i0.InputSignal<TemplateRef<any> | null>;
-    readonly $compareWithKey: i0.InputSignal<string>;
-    readonly $hasIndexColumn: i0.Signal<boolean>;
-    readonly $hasSelectionColumn: i0.Signal<boolean>;
+    data$: Observable<any[]>;
+    IndexColumn: boolean;
+    SelectionColumn: boolean;
+    trackBy: string;
+    rows: QueryList<MatRowDef<any>>;
+    isSticky: boolean;
+    columnBuilders: ColumnBuilderComponent[];
+    columnInfos: Observable<ColumnInfo[]>;
+    groupHeaderTemplate: TemplateRef<any>;
+    compareWithKey: string;
     private _disableSort;
     set disableSort(val: boolean);
     get disableSort(): boolean;
-    readonly $table: i0.Signal<MatTable<any>>;
-    readonly $dropList: i0.Signal<CdkDropList<any>>;
-    readonly $tableElRef: i0.Signal<ElementRef<any>>;
-    readonly $paginatorComponent: i0.Signal<PaginatorComponent>;
-    readonly paginatorChange$: i0.OutputEmitterRef<void>;
+    table: MatTable<any>;
+    dropList: CdkDropList;
+    tableElRef: ElementRef;
+    paginatorComponent: PaginatorComponent;
+    paginatorChange: EventEmitter<void>;
     currentColumns: string[];
     dataSource: any;
     keys: string[];
@@ -1177,8 +1282,7 @@ declare class GenericTableComponent implements OnInit {
     columns: string[];
     myColumns: Dictionary<ColumnBuilderComponent>;
     showHeader$: Observable<boolean>;
-    private _injector;
-    constructor();
+    constructor(sort: MatSort, state: TableStore, viewContainer: ViewContainerRef, injector: Injector);
     trackByFunction: (index: number, item: any) => any;
     ngOnChanges(changes: SimpleChanges): void;
     customCompare: (o1: any, o2: any) => boolean;
@@ -1208,71 +1312,12 @@ declare class GenericTableComponent implements OnInit {
     }>;
     collapseFooter$: Observable<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenericTableComponent, "tb-generic-table", never, { "$data": { "alias": "data$"; "required": true; "isSignal": true; }; "$indexColumn": { "alias": "IndexColumn"; "required": false; "isSignal": true; }; "$selectionColumn": { "alias": "SelectionColumn"; "required": false; "isSignal": true; }; "$trackBy": { "alias": "trackBy"; "required": true; "isSignal": true; }; "$rows": { "alias": "rows"; "required": true; "isSignal": true; }; "$isSticky": { "alias": "isSticky"; "required": false; "isSignal": true; }; "$columnBuilders": { "alias": "columnBuilders"; "required": false; "isSignal": true; }; "$columnInfos": { "alias": "columnInfos"; "required": true; "isSignal": true; }; "$groupHeaderTemplate": { "alias": "groupHeaderTemplate"; "required": false; "isSignal": true; }; "$compareWithKey": { "alias": "compareWithKey"; "required": false; "isSignal": true; }; "disableSort": { "alias": "disableSort"; "required": false; }; }, { "paginatorChange$": "paginatorChange"; "selection$": "selection$"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericTableComponent, "tb-generic-table", never, { "data$": { "alias": "data$"; "required": false; }; "IndexColumn": { "alias": "IndexColumn"; "required": false; }; "SelectionColumn": { "alias": "SelectionColumn"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "isSticky": { "alias": "isSticky"; "required": false; }; "columnBuilders": { "alias": "columnBuilders"; "required": false; }; "columnInfos": { "alias": "columnInfos"; "required": false; }; "groupHeaderTemplate": { "alias": "groupHeaderTemplate"; "required": false; }; "compareWithKey": { "alias": "compareWithKey"; "required": false; }; "disableSort": { "alias": "disableSort"; "required": false; }; }, { "paginatorChange": "paginatorChange"; "selection$": "selection$"; }, never, never, false, never>;
 }
 declare class GenericTableVsComponent extends GenericTableComponent {
     createDataSource(): void;
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericTableVsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenericTableVsComponent, "tb-generic-table-vs", never, {}, {}, never, never, true, never>;
-}
-
-declare class TableContainerComponent<T = any> {
-    state: TableStore;
-    exportToCsvService: ExportToCsvService<T>;
-    private config;
-    private store;
-    private wrapper;
-    readonly $genericTableComponent: i0.Signal<GenericTableComponent>;
-    readonly $customFilters: i0.Signal<readonly TableCustomFilterDirective<any>[]>;
-    readonly $filters: i0.Signal<readonly TableFilterDirective[]>;
-    readonly $customRows: i0.Signal<readonly MatRowDef<unknown>[]>;
-    readonly $customCells: i0.Signal<readonly CustomCellDirective[]>;
-    tableId: string;
-    tableBuilder: TableBuilder;
-    readonly $indexColumn: i0.InputSignal<boolean>;
-    readonly $selectionColumn: i0.InputSignal<boolean>;
-    readonly $trackBy: i0.InputSignal<string>;
-    readonly $isSticky: i0.InputSignal<boolean>;
-    readonly $inputFilters: i0.InputSignal<Observable<Predicate<T>[]> | undefined>;
-    readonly $groupHeaderTemplate: i0.InputSignal<TemplateRef<any> | null>;
-    readonly $compareWithKey: i0.InputSignal<string>;
-    set isVs(val: boolean | string);
-    set pageSize(value: number);
-    readonly selection$: i0.OutputEmitterRef<any>;
-    readonly paginatorChange$: i0.OutputEmitterRef<void>;
-    readonly onStateReset$: i0.OutputEmitterRef<void>;
-    readonly onSaveState$: i0.OutputEmitterRef<void>;
-    dataSubject: ReplaySubject<Observable<T[]>>;
-    data: Observable<T[]>;
-    _isVs: boolean;
-    state$: Observable<PersistedTableState>;
-    myColumns$: Observable<ColumnInfo[]>;
-    stateKeys$?: Observable<string[] | null>;
-    currentStateKey$?: Observable<string>;
-    disableSort: boolean;
-    constructor();
-    firstPage(): void;
-    lastPage(): void;
-    resetState(): void;
-    initializeState(): void;
-    customFiltersSubject$: BehaviorSubject<Predicate<any>[]>;
-    initializeData(): void;
-    ngOnInit(): void;
-    exportToCsv(): void;
-    saveState(): void;
-    setProfileState(val: string): void;
-    deleteProfileState(stateKey: string): void;
-    ngAfterContentInit(): void;
-    InitializeColumns(): void;
-    mapMetaDatas: (meta: MetaData<T>) => MetaData<T, []>;
-    collapseHeader$: Observable<boolean>;
-    getData(data: any[], groupByKeys: string[]): any[];
-    tbGroupBy: (data: any[], groupByKeys: string[], parentGroupName?: any) => any[];
-    setDisplay: (data: any[], groups: Group[]) => any[];
-    shouldDisplay: (currentGroup?: Group, groups?: Group[]) => boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableContainerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableContainerComponent<any>, "tb-table-container", never, { "tableId": { "alias": "tableId"; "required": false; }; "tableBuilder": { "alias": "tableBuilder"; "required": false; }; "$indexColumn": { "alias": "IndexColumn"; "required": false; "isSignal": true; }; "$selectionColumn": { "alias": "SelectionColumn"; "required": false; "isSignal": true; }; "$trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "$isSticky": { "alias": "isSticky"; "required": false; "isSignal": true; }; "$inputFilters": { "alias": "inputFilters"; "required": false; "isSignal": true; }; "$groupHeaderTemplate": { "alias": "groupHeaderTemplate"; "required": false; "isSignal": true; }; "$compareWithKey": { "alias": "compareWithKey"; "required": false; "isSignal": true; }; "isVs": { "alias": "isVs"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "selection$": "selection$"; "paginatorChange$": "paginatorChange"; "onStateReset$": "OnStateReset"; "onSaveState$": "OnSaveState"; "data": "data"; "state$": "state$"; }, ["$customFilters", "$filters", "$customRows", "$customCells"], ["[before]", ".tb-header-title"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericTableVsComponent, "tb-generic-table-vs", never, {}, {}, never, never, false, never>;
 }
 
 interface DisplayCol {
@@ -1284,13 +1329,13 @@ interface DisplayCol {
 declare class GenColDisplayerComponent {
     private tableState;
     columns$: Observable<DisplayCol[]>;
-    constructor();
+    constructor(tableState: TableStore);
     reset(displayCols: DisplayCol[]): void;
     drop(event: CdkDragDrop<string[]>): void;
     unset(displayCols: DisplayCol[]): void;
     emit(displayCols: DisplayCol[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenColDisplayerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenColDisplayerComponent, "tb-col-displayer", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenColDisplayerComponent, "tb-col-displayer", never, {}, {}, never, never, false, never>;
 }
 
 declare class WrapperFilterStore extends ComponentStore<{
@@ -1308,19 +1353,19 @@ declare class WrapperFilterStore extends ComponentStore<{
 declare class GenFilterDisplayerComponent {
     tableState: TableStore;
     filterStore: WrapperFilterStore;
-    constructor();
+    constructor(tableState: TableStore, filterStore: WrapperFilterStore);
     filterCols$: Observable<MetaData[]>;
     addFilter(metaData: MetaData): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenFilterDisplayerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenFilterDisplayerComponent, "tb-filter-displayer", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenFilterDisplayerComponent, "tb-filter-displayer", never, {}, {}, never, never, false, never>;
 }
 
 declare class DateFilterComponent {
     FilterType: typeof FilterType;
-    readonly info: i0.InputSignal<PartialFilter<any>>;
-    readonly CurrentFilterType: i0.InputSignal<FilterType>;
+    info: PartialFilter;
+    CurrentFilterType: FilterType;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateFilterComponent, "tb-date-filter", never, { "info": { "alias": "info"; "required": true; "isSignal": true; }; "CurrentFilterType": { "alias": "CurrentFilterType"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateFilterComponent, "tb-date-filter", never, { "info": { "alias": "info"; "required": false; }; "CurrentFilterType": { "alias": "CurrentFilterType"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class FilterComponent<T extends mappedFieldTypes = any> {
@@ -1680,21 +1725,22 @@ declare class FilterComponent<T extends mappedFieldTypes = any> {
     FilterType: typeof FilterType;
     FieldType: typeof FieldType;
     filter: PartialFilter;
-    readonly close: i0.OutputEmitterRef<void>;
+    close: EventEmitter<any>;
     currentFilterType?: FilterType;
+    constructor(state: TableStore);
     ngOnInit(): void;
     onEnter(filter: FilterInfo, event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent<any>, "tb-filter", never, { "filter": { "alias": "filter"; "required": false; }; }, { "close": "close"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent<any>, "tb-filter", never, { "filter": { "alias": "filter"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
 }
 
 declare class NumberFilterComponent {
     FilterType: typeof FilterType;
     FieldType: typeof FieldType;
-    readonly CurrentFilterType: i0.InputSignal<FilterType>;
+    CurrentFilterType: FilterType;
     info: PartialFilter;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumberFilterComponent, "tb-number-filter", never, { "CurrentFilterType": { "alias": "CurrentFilterType"; "required": true; "isSignal": true; }; "info": { "alias": "info"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberFilterComponent, "tb-number-filter", never, { "CurrentFilterType": { "alias": "CurrentFilterType"; "required": false; }; "info": { "alias": "info"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class ArrayColumnComponent {
@@ -1702,24 +1748,26 @@ declare class ArrayColumnComponent {
     ArrayStyle: typeof ArrayStyle;
     additional: ArrayAdditional;
     array: any[];
-    readonly metaData: i0.InputSignal<MetaData<any, []>>;
+    metaData: MetaData;
+    constructor(config: TableBuilderConfig);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayColumnComponent, "tb-array-column", never, { "array": { "alias": "array"; "required": false; }; "metaData": { "alias": "metaData"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayColumnComponent, "tb-array-column", never, { "array": { "alias": "array"; "required": false; }; "metaData": { "alias": "metaData"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class LinkColumnComponent {
     protected store: TableStore;
-    readonly metaData: i0.InputSignal<MetaData<any, []>>;
-    readonly element: i0.InputSignal<any>;
-    readonly transform: i0.InputSignal<(a: any) => any>;
+    metaData: MetaData;
+    element: any;
+    transform: (a: any) => any;
+    constructor(store: TableStore);
     link: (metaData: MetaData) => rxjs.Observable<{
         link: (t: any) => string;
         useRouterLink: boolean;
         target: _saydar_table_builder.Target;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LinkColumnComponent, "tb-link-column", never, { "metaData": { "alias": "metaData"; "required": true; "isSignal": true; }; "element": { "alias": "element"; "required": true; "isSignal": true; }; "transform": { "alias": "transform"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkColumnComponent, "tb-link-column", never, { "metaData": { "alias": "metaData"; "required": false; }; "element": { "alias": "element"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class HeaderMenuComponent {
@@ -1728,9 +1776,10 @@ declare class HeaderMenuComponent {
     FilterType: typeof FilterType;
     myFilterType: FilterType;
     myFilterValue: any;
-    readonly filter: i0.InputSignal<Partial<FilterInfo<any>>>;
-    readonly metaData: i0.InputSignal<MetaData<any, []>>;
-    readonly trigger: i0.Signal<MatMenuTrigger>;
+    filter: Partial<FilterInfo>;
+    metaData: MetaData;
+    trigger: MatMenuTrigger;
+    constructor(tableState: TableStore);
     hideField(key: string): void;
     ngOnInit(): void;
     resetFilterType(): void;
@@ -1738,36 +1787,38 @@ 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, { "filter": { "alias": "filter"; "required": true; "isSignal": true; }; "metaData": { "alias": "metaData"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderMenuComponent, "tb-header-menu", never, { "filter": { "alias": "filter"; "required": false; }; "metaData": { "alias": "metaData"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class KeyDisplayPipe implements PipeTransform {
     tableState: TableStore;
+    constructor(tableState: TableStore);
     transform(key: string): Observable<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<KeyDisplayPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<KeyDisplayPipe, "keyDisplay", true>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<KeyDisplayPipe, "keyDisplay", false>;
 }
 
 declare class FormatFilterValuePipe implements PipeTransform {
     tableState: TableStore;
     private datePipe;
+    constructor(tableState: TableStore, datePipe: DatePipe);
     transform(value: any, key: string, filterType: FilterType): Observable<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormatFilterValuePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<FormatFilterValuePipe, "formatFilterValue", true>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FormatFilterValuePipe, "formatFilterValue", false>;
 }
 
 declare class FormatFilterTypePipe implements PipeTransform {
     transform(filterType: FilterType, value: any): FilterType | "Is Not Blank";
     static ɵfac: i0.ɵɵFactoryDeclaration<FormatFilterTypePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<FormatFilterTypePipe, "formatFilterType", true>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FormatFilterTypePipe, "formatFilterType", false>;
 }
 
 declare class InFilterComponent implements ControlValueAccessor {
     private ref;
     FieldType: typeof FieldType;
-    readonly type: i0.InputSignal<FieldType>;
+    type: FieldType;
     value: any[];
-    constructor();
+    constructor(ref: ChangeDetectorRef);
     writeValue(obj: any[]): void;
     onChange: (_: any) => void;
     registerOnChange(fn: any): void;
@@ -1777,23 +1828,13 @@ 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": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class InitializationComponent {
-    readonly linkTemplate: i0.Signal<TemplateRef<any>>;
-    readonly imageUrlTemplate: i0.Signal<TemplateRef<any>>;
-    readonly currencyTemplate: i0.Signal<TemplateRef<any>>;
-    readonly arrayTemplate: i0.Signal<TemplateRef<any>>;
-    readonly defaultTemplate: i0.Signal<TemplateRef<any>>;
-    readonly defaultWithIcon: i0.Signal<TemplateRef<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InitializationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InitializationComponent, "ng-component", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InFilterComponent, "lib-in-filter", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class InListFilterComponent implements ControlValueAccessor {
     private ref;
     private tableState;
+    constructor(ref: ChangeDetectorRef, tableState: TableStore);
     value: string[];
     FieldType: typeof FieldType;
     writeValue(obj: string[]): void;
@@ -1801,19 +1842,19 @@ declare class InListFilterComponent implements ControlValueAccessor {
     registerOnChange(fn: any): void;
     onTouched: () => void;
     registerOnTouched(fn: any): void;
-    readonly key: i0.InputSignal<string>;
+    key: string;
     keyValues$: Observable<Dictionary<string>>;
     selectedKeys: string[];
     metaData: MetaData;
     ngOnInit(): void;
     selectFilterChanged($event: any, val: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InListFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InListFilterComponent, "tb-in-list-filter , [tb-in-list-filter]", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InListFilterComponent, "tb-in-list-filter , [tb-in-list-filter]", never, { "key": { "alias": "key"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class SortMenuComponentStore extends ComponentStore<ComponenStoreState> {
     private tableState;
-    constructor();
+    constructor(tableState: TableStore);
     private set;
     setSorted: (observableOrValue: SortWithName[] | rxjs.Observable<SortWithName[]>) => rxjs.Subscription;
     setNotSorted: (observableOrValue: SortWithName[] | rxjs.Observable<SortWithName[]>) => rxjs.Subscription;
@@ -1839,7 +1880,7 @@ declare class SortMenuComponent implements OnInit {
     notSorted$: Observable<SortWithName[]>;
     SortDirection: typeof SortDirection;
     dirty$: BehaviorSubject<boolean>;
-    constructor();
+    constructor(tableState: TableStore, store: SortMenuComponentStore);
     reset(): void;
     ngOnInit(): void;
     dropIntoSorted(event: CdkDragDrop<SortWithName[]>): void;
@@ -1847,40 +1888,48 @@ declare class SortMenuComponent implements OnInit {
     apply: (observableOrValue: Observable<null> | null) => rxjs.Subscription;
     setDirection(sort: SortWithName): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SortMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SortMenuComponent, "tb-sort-menu", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SortMenuComponent, "tb-sort-menu", never, {}, {}, never, never, false, never>;
 }
 
 declare class FilterChipsComponent {
     tableState: TableStore;
     private filterStore;
+    constructor(tableState: TableStore, filterStore: WrapperFilterStore);
     filters$: Observable<FilterInfo<any>[]>;
     deleteByIndex(index: number): void;
     addFilter(filter: FilterInfo<any>): void;
     clearAll(): void;
     currentFilters$: Observable<_saydar_table_builder.PartialFilter<any>[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterChipsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterChipsComponent, "lib-filter-list", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterChipsComponent, "lib-filter-list", never, {}, {}, never, never, false, never>;
 }
 
 declare class GroupByListComponent implements OnInit {
     tableStore: TableStore;
+    constructor(tableStore: TableStore);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GroupByListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GroupByListComponent, "group-by-list", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GroupByListComponent, "group-by-list", never, {}, {}, never, never, false, never>;
 }
 
 declare class DateTimeFilterComponent {
     FilterType: typeof FilterType;
-    readonly info: i0.InputSignal<PartialFilter<any>>;
-    readonly CurrentFilterType: i0.InputSignal<FilterType>;
+    info: PartialFilter;
+    CurrentFilterType: FilterType;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimeFilterComponent, "tb-date-time-filter", never, { "info": { "alias": "info"; "required": true; "isSignal": true; }; "CurrentFilterType": { "alias": "CurrentFilterType"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimeFilterComponent, "tb-date-time-filter", never, { "info": { "alias": "info"; "required": false; }; "CurrentFilterType": { "alias": "CurrentFilterType"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class MaterialModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MaterialModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialModule, never, [typeof i1.MatSlideToggleModule, typeof i2.MatTableModule, typeof i3.MatSelectModule, typeof i4.MatDialogModule, typeof i5.MatDatepickerModule, typeof i6.MatRadioModule, typeof i7.MatButtonModule, typeof i8.MatExpansionModule, typeof i9.MatStepperModule, typeof i10.MatToolbarModule, typeof i11.MatTooltipModule, typeof i12.MatNativeDateModule, typeof i13.MatProgressSpinnerModule, typeof i14.MatGridListModule, typeof i15.MatCardModule, typeof i16.MatSidenavModule, typeof i17.MatTabsModule, typeof i18.MatInputModule, typeof i17.MatTabsModule, typeof i19.MatCheckboxModule, typeof i20.MatMenuModule, typeof i21.MatIconModule, typeof i22.MatBadgeModule, typeof i23.MatSortModule, typeof i24.MatAutocompleteModule, typeof i25.MatPaginatorModule, typeof i26.MatChipsModule, typeof i4.MatDialogModule], [typeof i1.MatSlideToggleModule, typeof i2.MatTableModule, typeof i3.MatSelectModule, typeof i4.MatDialogModule, typeof i5.MatDatepickerModule, typeof i6.MatRadioModule, typeof i7.MatButtonModule, typeof i8.MatExpansionModule, typeof i9.MatStepperModule, typeof i10.MatToolbarModule, typeof i11.MatTooltipModule, typeof i12.MatNativeDateModule, typeof i13.MatProgressSpinnerModule, typeof i14.MatGridListModule, typeof i15.MatCardModule, typeof i16.MatSidenavModule, typeof i17.MatTabsModule, typeof i18.MatInputModule, typeof i17.MatTabsModule, typeof i19.MatCheckboxModule, typeof i20.MatMenuModule, typeof i21.MatIconModule, typeof i22.MatBadgeModule, typeof i23.MatSortModule, typeof i24.MatAutocompleteModule, typeof i25.MatPaginatorModule, typeof i26.MatChipsModule, typeof i4.MatDialogModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MaterialModule>;
 }
 
 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 _ngrx_store.StoreFeatureModule, typeof i3.EffectsFeatureModule, typeof i4.FormsModule, typeof i5.RouterModule, typeof i6.LetDirective, typeof i7.DragDropModule, typeof UtilitiesModule, typeof i9.ScrollingModule, typeof i10.TableVirtualScrollModule, typeof ColumnTotalPipe, typeof TableContainerComponent, typeof GenericTableComponent, typeof GenericTableVsComponent, typeof PaginatorComponent, typeof CustomCellDirective, typeof GenColDisplayerComponent, typeof GenFilterDisplayerComponent, typeof DateFilterComponent, typeof FilterComponent, typeof MultiSortDirective, typeof NumberFilterComponent, typeof ColumnBuilderComponent, typeof ArrayColumnComponent, typeof LinkColumnComponent, typeof HeaderMenuComponent, typeof KeyDisplayPipe, typeof FormatFilterValuePipe, typeof FormatFilterTypePipe, typeof ResizeColumnDirective, typeof InFilterComponent, typeof InitializationComponent, typeof InListFilterComponent, typeof SortMenuComponent, typeof FilterChipsComponent, typeof MatSlideToggleTbFilterDirective, typeof MatRadioButtonTbFilterDirective, typeof MatOptionTbFilterDirective, typeof MatCheckboxTbFilterDirective, typeof MatButtonToggleFilterDirective, typeof TableFilterDirective, typeof TableFilterStringContainsDirective, typeof TableWrapperDirective, typeof GroupByListComponent, typeof DateTimeFilterComponent], [typeof GenericTableComponent, typeof GenericTableVsComponent, typeof PaginatorComponent, typeof TableContainerComponent, typeof CustomCellDirective, typeof GenColDisplayerComponent, typeof GenFilterDisplayerComponent, typeof FilterComponent, typeof MultiSortDirective, typeof ResizeColumnDirective, typeof MatSlideToggleTbFilterDirective, typeof MatRadioButtonTbFilterDirective, typeof MatOptionTbFilterDirective, typeof MatCheckboxTbFilterDirective, typeof MatButtonToggleFilterDirective, typeof TableFilterDirective, typeof TableFilterStringContainsDirective, typeof TableWrapperDirective, typeof GroupByListComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableBuilderModule, [typeof ColumnTotalPipe, typeof TableContainerComponent, typeof GenericTableComponent, typeof GenericTableVsComponent, typeof PaginatorComponent, typeof CustomCellDirective, typeof GenColDisplayerComponent, typeof GenFilterDisplayerComponent, typeof DateFilterComponent, typeof FilterComponent, typeof MultiSortDirective, typeof NumberFilterComponent, typeof ColumnBuilderComponent, typeof ArrayColumnComponent, typeof LinkColumnComponent, typeof HeaderMenuComponent, typeof KeyDisplayPipe, typeof FormatFilterValuePipe, typeof FormatFilterTypePipe, typeof ResizeColumnDirective, typeof InFilterComponent, typeof InitializationComponent, typeof InListFilterComponent, typeof SortMenuComponent, typeof FilterChipsComponent, typeof MatSlideToggleTbFilterDirective, typeof MatRadioButtonTbFilterDirective, typeof MatOptionTbFilterDirective, typeof MatCheckboxTbFilterDirective, typeof MatButtonToggleFilterDirective, typeof TableFilterDirective, typeof TableFilterStringContainsDirective, typeof TableWrapperDirective, typeof GroupByListComponent, typeof DateTimeFilterComponent], [typeof i29.CommonModule, typeof MaterialModule, typeof _ngrx_store.StoreFeatureModule, typeof i32.EffectsFeatureModule, typeof i33.FormsModule, typeof i34.RouterModule, typeof i35.LetDirective, typeof i36.DragDropModule, typeof UtilitiesModule, typeof i38.ScrollingModule, typeof i39.TableVirtualScrollModule], [typeof GenericTableComponent, typeof GenericTableVsComponent, typeof PaginatorComponent, typeof TableContainerComponent, typeof CustomCellDirective, typeof GenColDisplayerComponent, typeof GenFilterDisplayerComponent, typeof FilterComponent, typeof MultiSortDirective, typeof ResizeColumnDirective, typeof MatSlideToggleTbFilterDirective, typeof MatRadioButtonTbFilterDirective, typeof MatOptionTbFilterDirective, typeof MatCheckboxTbFilterDirective, typeof MatButtonToggleFilterDirective, typeof TableFilterDirective, typeof TableFilterStringContainsDirective, typeof TableWrapperDirective, typeof GroupByListComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableBuilderModule>;
 }
 
@@ -1944,7 +1993,7 @@ declare function actionStatusReducer(state: StatusState | undefined, action: Act
 
 declare class NgrxExtModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgrxExtModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgrxExtModule, never, [typeof i1.CommonModule, typeof _ngrx_store.StoreFeatureModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgrxExtModule, never, [typeof i29.CommonModule, typeof _ngrx_store.StoreFeatureModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgrxExtModule>;
 }
 
@@ -1978,5 +2027,5 @@ type ActionableMemoizedSelector<State, Result> = MemoizedSelector<State, Result>
 type ActionReturner<Props> = (props: Props) => Action;
 declare function defaultFilter(data: any): boolean;
 
-export { ActionStateSpinnerComponent, ActionStateUiModule, ActionStatus, AppStatusState, ArrayStyle, AutoFocusDirective, CancellationToken, ClickEmitterDirective, ClickSubjectDirective, ConditionalClassesDirective, CreateTableBuilder, CustomCellDirective, DateFilterComponent, DialogDirective, DialogService, DialogWrapper, FieldType, FilterChipsComponent, FilterComponent, FilterType, FunctionPipe, GenColDisplayerComponent, GenFilterDisplayerComponent, GeneralTableSettings, GenericTableComponent, GenericTableVsComponent, GroupByListComponent, HttpErrorStateDirective, HttpInProgressStateDirective, HttpNotStartedStateDirective, HttpRequestModule, HttpRequestStateDirective, HttpRequestStateFactory, HttpRequestStateStore, HttpRequestStatus, HttpRequestStrategy, HttpSuccessStateDirective, InitializationState, MatButtonToggleFilterDirective, MatCheckboxTbFilterDirective, MatOptionTbFilterDirective, MatRadioButtonTbFilterDirective, MatSlideToggleGroupDirective, MatSlideToggleTbFilterDirective, MatTableObservableDataSource, MultiSortDirective, NgrxExtModule, NotPersisitedTableSettings, PaginatorComponent, PesrsistedTableSettings, PhoneNumberPipe, PreventEnterDirective, ResizeColumnDirective, SortDirection, SpaceCasePipe, StopPropagationDirective, StylerDirective, Subjectifier, TableBuilder, TableBuilderModule, TableColumnHeaderSettings, TableContainerComponent, TableCustomFilterDirective, TableCustomFilterDirectiveBase, TableFilterDirective, TableFilterStringContainsDirective, TableStore, TableVirtualScrollObservableDataSource, TableWrapperDirective, TableWrapperFooterSettings, TableWrapperHeaderSettings, Target, TbSelectedFilterDirective, TrimWhitespaceDirective, UtilitiesModule, VirtualScrollViewportDirective, actionStatusReducer, chainRequest, combineArrays, createActionableSelector, createFailure, createFilterFunc, createSuccess, defaultFilter, defaultShareReplay, defaultTableState, delayOn, filterArray, filterTypeMap, getRequestorBody, getRequestorStatus, getStatusState, httpRequest, httpRequestor, inProgress, initialState, isCustomFilter, isErrorState, isFilterInfo, isSuccessOrErrorState, isSuccessState, keysToDelete, mapArray, mapError, notNull, notStarted, onWait, onceWhen, orderMetaData, orderViewableMetaData, previousAndCurrent, selectAll, selectEntities, selectEntity, selectIds, selectTotal, serverStatusTypes, setUpStoreFactory, skipOneWhen, spaceCase, stateIs, statusAdapter, statusIsSuccessOrInProgress, switchOff, tapError, tapSuccess };
+export { ActionStateSpinnerComponent, ActionStateUiModule, ActionStatus, AppStatusState, ArrayStyle, AutoFocusDirective, CancellationToken, ClickEmitterDirective, ClickSubjectDirective, ConditionalClassesDirective, CreateTableBuilder, CustomCellDirective, DateFilterComponent, DialogDirective, DialogService, DialogWrapper, FieldType, FilterChipsComponent, FilterComponent, FilterType, FunctionPipe, GenColDisplayerComponent, GenFilterDisplayerComponent, GeneralTableSettings, GenericTableComponent, GenericTableVsComponent, GroupByListComponent, HttpErrorStateDirective, HttpInProgressStateDirective, HttpNotStartedStateDirective, HttpRequestModule, HttpRequestStateDirective, HttpRequestStateFactory, HttpRequestStateStore, HttpRequestStatus, HttpRequestStrategy, HttpSuccessStateDirective, InitializationState, MatButtonToggleFilterDirective, MatCheckboxTbFilterDirective, MatOptionTbFilterDirective, MatRadioButtonTbFilterDirective, MatSlideToggleGroupDirective, MatSlideToggleTbFilterDirective, MatTableObservableDataSource, MultiSortDirective, NgrxExtModule, NotPersisitedTableSettings, PaginatorComponent, PesrsistedTableSettings, PhoneNumberPipe, PreventEnterDirective, ResizeColumnDirective, SortDirection, SpaceCasePipe, StopPropagationDirective, StylerDirective, Subjectifier, TableBuilder, TableBuilderModule, TableColumnHeaderSettings, TableContainerComponent, TableCustomFilterDirective, TableCustomFilterDirectiveBase, TableFilterDirective, TableFilterStringContainsDirective, TableStore, TableVirtualScrollObservableDataSource, TableWrapperDirective, TableWrapperFooterSettings, TableWrapperHeaderSettings, Target, TbSelectedFilterDirective, TrimWhitespaceDirective, UtilitiesModule, actionStatusReducer, chainRequest, combineArrays, createActionableSelector, createFailure, createFilterFunc, createSuccess, defaultFilter, defaultShareReplay, defaultTableState, delayOn, filterArray, filterTypeMap, getRequestorBody, getRequestorStatus, getStatusState, httpRequest, httpRequestor, inProgress, initialState, isCustomFilter, isErrorState, isFilterInfo, isSuccessOrErrorState, isSuccessState, keysToDelete, mapArray, mapError, notNull, notStarted, onWait, onceWhen, orderMetaData, orderViewableMetaData, previousAndCurrent, selectAll, selectEntities, selectEntity, selectIds, selectTotal, serverStatusTypes, setUpStoreFactory, skipOneWhen, spaceCase, stateIs, statusAdapter, statusIsSuccessOrInProgress, switchOff, tapError, tapSuccess };
 export type { ActionReturner, Additional, ArrayAdditional, CustomFilter, DateTimeOptions, FilterFunc, FilterInfo, FilterOptions, FilterState, Group, HttpRequestFactory, HttpRequestState, HttpRequestState$, HttpRequestStateAny, HttpRequestStateCancelled, HttpRequestStateError, HttpRequestStateInProgress, HttpRequestStateNotStarted, HttpRequestStateSuccess, HttpRequestStateViewContext, HttpRequestor, HttpSuccessStateViewContext, MetaData, PartialFilter, PersistedTableState, Range, ReportDef, RequestResponse, RequestStateOptions, SortDef, State, StatusState, TableBuilderSettings, TableState, UnmappedTypes, mappedFieldTypes };