@one-paragon/angular-utilities 1.2.11 → 1.2.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@one-paragon/angular-utilities",
-  "version": "1.2.11",
+  "version": "1.2.13",
   "peerDependencies": {
     "@angular/common": "18.2.2",
     "@angular/core": "18.2.2",

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

@@ -1,12 +1,12 @@
 import { MatTableDataSource } from '@angular/material/table';
-import { Observable, Subscription } from 'rxjs';
+import { Subscription } from 'rxjs';
 import { TableStore } from './table-store';
 import { DataStore } from './data-store';
+import { Signal } from '@angular/core';
 export declare class TableBuilderDataSource<T> extends MatTableDataSource<T> {
-    dataSrc: Observable<T[]>;
+    dataSrc: Signal<T[]>;
     subscription?: Subscription;
-    constructor(dataSrc: Observable<T[]>, state: TableStore, data: DataStore);
-    dataToShow$: Observable<T[]>;
+    constructor(dataSrc: Signal<T[]>, state: TableStore, data: DataStore);
     connect(): import("rxjs").BehaviorSubject<T[]>;
     disconnect(): void;
 }

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

@@ -85,6 +85,8 @@ export declare class TableStore extends ComponentStore<TableState> {
     private initializeOrder;
     toggleCollapseHeader: () => void;
     toggleCollapseFooter: () => void;
+    $collapseFooter: import("@angular/core").Signal<boolean>;
+    $collapseHeader: import("@angular/core").Signal<boolean>;
     addGroupByKey: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;
     removeGroupByKey: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;
     updateExpandedGroups: (observableOrValue: {
@@ -122,14 +124,14 @@ export declare class TableStore extends ComponentStore<TableState> {
     getIsExpanded: (columnKey: string, groupHeaderKey: string) => import("@angular/core").Signal<boolean>;
     $isVirtual: import("@angular/core").Signal<boolean>;
     $viewType: import("@angular/core").Signal<ViewType>;
-    viewType$: Observable<ViewType>;
+    $orderedCodeVisibleMetaDatas: import("@angular/core").Signal<MetaData[]>;
     $orderedVisibleColumns: import("@angular/core").Signal<string[]>;
+    $currentPage: import("@angular/core").Signal<number>;
+    $pageSize: import("@angular/core").Signal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TableStore>;
 }
-export declare const orderedVisibleColumns: (state: TableState) => string[];
 export declare const orderedStateVisibleMetaData: (state: TableState) => MetaData[];
-export declare const orderedVisibleMetaData: (metaData: Dictionary<MetaData>, userDefinedOrder: Dictionary<number>, hiddenKeys: string[]) => MetaData[];
 export declare const orderedCodeVisibleMetaData: (state: TableState) => MetaData[];
 export declare const orderStateMetaData: (state: TableState) => MetaData[];
 export declare const orderMetaData: (metaData: Dictionary<MetaData>, userDefined: Dictionary<number>) => MetaData[];

package/table-builder/components/gen-col-displayer/gen-col-displayer.component.d.ts

@@ -1,11 +1,13 @@
 import { DisplayCol } from '../../classes/display-col';
-import { Observable } from 'rxjs';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import * as i0 from "@angular/core";
 export declare class GenColDisplayerComponent {
     private tableState;
-    columns$: Observable<DisplayCol[]>;
-    constructor();
+    $columns: import("@angular/core").Signal<{
+        key: string;
+        displayName: string | undefined;
+        isVisible: boolean;
+    }[]>;
     reset(displayCols: DisplayCol[]): void;
     drop(event: CdkDragDrop<string[]>): void;
     unset(displayCols: DisplayCol[]): void;

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

@@ -41,7 +41,6 @@ export declare class GenericTableComponent implements OnInit {
     myColumns: import("@angular/core").WritableSignal<Dictionary<ColumnBuilderComponent>>;
     $showHeader: import("@angular/core").Signal<boolean>;
     offset$: Observable<number>;
-    offsetIndex: number;
     dataView: Observable<any[]>;
     constructor();
     defaultTrackBy: (index: number, item: any) => any;
@@ -50,6 +49,9 @@ export declare class GenericTableComponent implements OnInit {
     $keys: import("@angular/core").Signal<string[]>;
     keys$: Observable<string[]>;
     ngOnInit(): void;
+    $usePaginator: import("@angular/core").Signal<boolean>;
+    $useVirtualScroll: import("@angular/core").Signal<boolean>;
+    $offsetIndex: import("@angular/core").Signal<number>;
     isGroupHeader(_: number, row: {
         isGroupHeader: boolean;
     }): boolean;

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

@@ -1,29 +1,30 @@
-import { AfterViewInit, OnInit, ElementRef } from '@angular/core';
-import { MatPaginator } from '@angular/material/paginator';
-import { Observable } from 'rxjs';
+import { ElementRef } from '@angular/core';
+import { MatPaginator, PageEvent } from '@angular/material/paginator';
 import * as i0 from "@angular/core";
-export declare class PaginatorComponent implements OnInit, AfterViewInit {
+export declare class PaginatorComponent {
     private state;
     private data;
-    paginator: MatPaginator;
-    currentPageData$: Observable<CurrentPageDetails>;
+    $paginator: import("@angular/core").Signal<MatPaginator | undefined>;
+    $tableElRef: import("@angular/core").InputSignal<ElementRef<HTMLDivElement>>;
+    $dataLength: import("@angular/core").Signal<number>;
+    pageEvent$: import("rxjs").Observable<PageEvent>;
+    $pageEvent: import("@angular/core").Signal<PageEvent | undefined>;
+    $pageIndexChangeEvent: import("@angular/core").Signal<number | undefined>;
+    $pageSizeChangeEvent: import("@angular/core").Signal<number | undefined>;
+    $currentPageData: import("@angular/core").Signal<{
+        total: number;
+        currentStart: number;
+        currentEnd: number;
+    } | undefined>;
+    onPageIndexEffect: import("@angular/core").EffectRef;
+    onPageSizeEffect: import("@angular/core").EffectRef;
+    onMetaPageSizeEffect: import("@angular/core").EffectRef;
+    onDataLengthEffect: import("@angular/core").EffectRef;
     $collapseFooter: import("@angular/core").Signal<boolean>;
-    data$: Observable<any[]>;
-    tableElRef: ElementRef;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    paginatorChange(): void;
-    ourPageEvent: boolean;
     $showAllOption: import("@angular/core").Signal<boolean>;
     $showAll: import("@angular/core").Signal<boolean>;
     updatePaginator: () => void;
     showAll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "tb-paginator", never, { "data$": { "alias": "data$"; "required": false; }; "tableElRef": { "alias": "tableElRef"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "tb-paginator", never, { "$tableElRef": { "alias": "tableElRef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-interface CurrentPageDetails {
-    currentStart: number;
-    currentEnd: number;
-    total: number;
-}
-export {};

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

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

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

@@ -6,7 +6,7 @@ import { MatRowDef } from '@angular/material/table';
 import { CustomCellDirective, TableCustomFilterDirective, TableFilterDirective } from '../../directives';
 import { TableStore } from '../../classes/table-store';
 import { ExportToCsvService } from '../../services/export-to-csv.service';
-import { TableState } from '../../classes/TableState';
+import { InitializationState, TableState } from '../../classes/TableState';
 import { TableWrapperDirective } from '../../directives/table-wrapper.directive';
 import { TableBuilderStateStore } from '../../ngrx/tableBuilderStateStore';
 import { TableProps } from './tableProps';
@@ -15,7 +15,7 @@ import { GenericTableComponent } from '../generic-table/generic-table.component'
 import * as i0 from "@angular/core";
 export declare class TableContainerComponent<T = any> implements OnInit, OnDestroy {
     props: TableProps;
-    dataSubject: ReplaySubject<Observable<T[]>>;
+    data: BehaviorSubject<T[]>;
     state: TableStore;
     private dataStore;
     config: import("../../classes/TableBuilderConfig").TableBuilderConfig;
@@ -25,8 +25,8 @@ export declare class TableContainerComponent<T = any> implements OnInit, OnDestr
     injector: Injector;
     filterDirectives: import("@angular/core").Signal<readonly TableFilterDirective[]>;
     customFilterDirectives: import("@angular/core").Signal<readonly TableCustomFilterDirective<any>[]>;
-    allFilterDirectives: import("@angular/core").Signal<(TableFilterDirective | TableCustomFilterDirective<any>)[]>;
-    tableState: import("@angular/core").Signal<TableState | undefined>;
+    $allFilterDirectives: import("@angular/core").Signal<(TableCustomFilterDirective<any> | TableFilterDirective)[]>;
+    $isInitializationState: (state: InitializationState) => import("@angular/core").Signal<boolean>;
     allFilterDirectivesEffect: import("@angular/core").EffectRef;
     paginatorComponent?: PaginatorComponent;
     genericTable?: GenericTableComponent;
@@ -49,20 +49,20 @@ export declare class TableContainerComponent<T = any> implements OnInit, OnDestr
     trackBy: string;
     inputFilters?: Observable<Array<Predicate<T>>>;
     selection$: EventEmitter<any>;
-    data: Observable<T[]>;
+    $data: import("@angular/core").Signal<T[]>;
     onStateReset: EventEmitter<any>;
     onSaveState: EventEmitter<any>;
     state$: Observable<import("../../classes/TableState").PersistedTableState>;
     clearSelections(): void;
-    displayDataSubject: ReplaySubject<Observable<T[]>>;
-    displayData: Observable<T[]>;
+    displayData: ReplaySubject<T[]>;
     $displayData: import("@angular/core").Signal<T[]>;
-    collapseFooter$: Observable<boolean>;
+    $collapseFooter: import("@angular/core").Signal<boolean>;
+    $collapseHeader: import("@angular/core").Signal<boolean>;
     ngOnDestroy(): void;
     firstPage(): void;
     lastPage(): void;
     resetState(): void;
-    initializeState(): void;
+    private initializeStateEffect;
     customFilters$: BehaviorSubject<Predicate<T>[]>;
     initializeData(): void;
     ngOnInit(): void;
@@ -72,9 +72,8 @@ export declare class TableContainerComponent<T = any> implements OnInit, OnDestr
     collapseAllGroups: () => void;
     ngAfterContentInit(): void;
     mapArrayFieldsMetaDatas: (meta: MetaData<T>) => MetaData<T>;
-    collapseHeader$: Observable<boolean>;
     addFilterDirectives: (state: TableState) => void;
     $useVirtual: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableContainerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableContainerComponent<any>, "tb-table-container", never, { "tableBuilder": { "alias": "tableBuilder"; "required": true; }; "tableId": { "alias": "tableId"; "required": false; }; "indexColumn": { "alias": "indexColumn"; "required": false; }; "selectionColumn": { "alias": "selectionColumn"; "required": false; }; "isSticky": { "alias": "isSticky"; "required": false; }; "stickyFooter": { "alias": "stickyFooter"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "groupHeaderTemplate": { "alias": "groupHeaderTemplate"; "required": false; }; "groupHeaderHeight": { "alias": "groupHeaderHeight"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "inputFilters": { "alias": "inputFilters"; "required": false; }; }, { "selection$": "selection$"; "data": "data"; "onStateReset": "onStateReset"; "onSaveState": "onSaveState"; "state$": "state$"; }, ["filterDirectives", "customFilterDirectives", "$customCells", "tableElRef", "customRows"], ["[before]", ".tb-header-title"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableContainerComponent<any>, "tb-table-container", never, { "tableBuilder": { "alias": "tableBuilder"; "required": true; }; "tableId": { "alias": "tableId"; "required": false; }; "indexColumn": { "alias": "indexColumn"; "required": false; }; "selectionColumn": { "alias": "selectionColumn"; "required": false; }; "isSticky": { "alias": "isSticky"; "required": false; }; "stickyFooter": { "alias": "stickyFooter"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "groupHeaderTemplate": { "alias": "groupHeaderTemplate"; "required": false; }; "groupHeaderHeight": { "alias": "groupHeaderHeight"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "inputFilters": { "alias": "inputFilters"; "required": false; }; }, { "data": "data"; "selection$": "selection$"; "onStateReset": "onStateReset"; "onSaveState": "onSaveState"; "state$": "state$"; }, ["filterDirectives", "customFilterDirectives", "$customCells", "tableElRef", "customRows"], ["[before]", ".tb-header-title"], true, never>;
 }

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

@@ -9,9 +9,22 @@ export declare class VirtualScrollContainer implements OnDestroy {
     viewport: import("@angular/core").Signal<CdkVirtualScrollViewport | undefined>;
     defaultOptions: VirtualScrollOptions;
     scrollStrategy: TableVirtualScrollStrategy;
-    dataLength$: import("rxjs").Observable<number>;
+    $usePaginator: import("@angular/core").Signal<boolean>;
+    $pageSize: import("@angular/core").Signal<number>;
+    $currentPage: import("@angular/core").Signal<number>;
+    $showAll: import("@angular/core").Signal<boolean>;
+    $stateDataLength: import("@angular/core").Signal<number>;
+    $dataLength: import("@angular/core").Signal<number>;
+    constructor();
+    setViewportEffect: import("@angular/core").EffectRef;
     subscriber: import("../../../rxjs").Subscriber;
-    _: import("@angular/core").EffectRef;
+    onRenderedRangeEffect: import("@angular/core").EffectRef;
+    onDataLengthEffect: import("@angular/core").EffectRef;
+    onOffsetEffect: import("@angular/core").EffectRef;
+    viewPort$: import("rxjs").Observable<CdkVirtualScrollViewport>;
+    $scrolledIndexChange: import("@angular/core").Signal<number | undefined>;
+    $renderedRange: import("@angular/core").Signal<import("@angular/cdk/collections").ListRange | undefined>;
+    $offset: import("@angular/core").Signal<number>;
     ngOnDestroy(): void;
     setSize(el: ElementRef<HTMLElement>): void;
     resizeHandler: () => void;

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<(TableFilterDirective | TableCustomFilterDirective<any>)[]>;
+    $registrations: import("@angular/core").WritableSignal<(TableCustomFilterDirective<any> | TableFilterDirective)[]>;
     register(filter: TableCustomFilterDirective | TableFilterDirective): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableWrapperDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TableWrapperDirective, "[tbWrapper]", never, {}, {}, never, never, true, never>;

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

@@ -4,7 +4,6 @@ import { CustomFilter, FilterInfo } from "../classes/filter-info";
 import { FilterType } from "../enums/filterTypes";
 import { FieldType } from "../interfaces/report-def";
 import { NgControl } from "@angular/forms";
-import { ComponentStore } from "@ngrx/component-store";
 import { TableWrapperDirective } from "./table-wrapper.directive";
 import * as i0 from "@angular/core";
 export declare abstract class TableCustomFilterDirective<T = any> {
@@ -17,12 +16,12 @@ export declare abstract class TableCustomFilterDirective<T = any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableCustomFilterDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TableCustomFilterDirective<any>, " ", never, {}, {}, never, never, false, never>;
 }
-export declare class TableFilterDirective extends ComponentStore<FilterInfo> {
+export declare class TableFilterDirective {
     protected model: NgControl | null;
     private wrapper;
     constructor();
     reset(): void;
-    filter$: Observable<FilterInfo<any, any>>;
+    filter$: Subject<FilterInfo<any, any>>;
     filterType: FilterType;
     key: string;
     fieldType: FieldType;

package/table-builder/services/export-to-csv.service.d.ts

@@ -1,19 +1,14 @@
-import { Observable } from 'rxjs';
 import { TableStore } from '../classes/table-store';
 import { MetaData } from '../interfaces/report-def';
-import { TableState } from '../classes/TableState';
 import * as i0 from "@angular/core";
 export declare class ExportToCsvService<T> {
     state: TableStore;
     private config;
     private datePipe;
-    exportToCsv: (data: Observable<T[]>) => void;
+    exportToCsv: (data: T[]) => void;
     csvData: (data: Array<T>, metaData: MetaData<T>[]) => string;
     metaToField: (meta: MetaData<T>, row: T) => any;
     private transform;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExportToCsvService<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ExportToCsvService<any>>;
 }
-export declare const removeFromMetaData: (state: TableState, keysToRemove: string[]) => MetaData[];
-export declare const nonExportableFields: (state: TableState) => string[];
-export declare const mapExportableFields: (state: TableState) => MetaData[];