@one-paragon/angular-utilities 0.3.8 → 0.3.10--beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@one-paragon/angular-utilities",
-  "version": "0.3.8",
+  "version": "0.3.10--beta.1",
   "peerDependencies": {
     "@angular/common": "^17.0.3",
     "@angular/core": "^17.0.3",

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

@@ -1,9 +1,13 @@
 import { MatTableDataSource } from '@angular/material/table';
 import { Observable, Subscription } from 'rxjs';
+import { TableStore } from './table-store';
+import { TableContext } from '../components/table-context';
 export declare class MatTableObservableDataSource<T> extends MatTableDataSource<T> {
-    private dataSrc;
+    dataSrc: Observable<T[]>;
+    private state;
+    private context;
     subscription?: Subscription;
-    constructor(dataSrc: Observable<T[]>);
+    constructor(dataSrc: Observable<T[]>, state: TableStore, context: TableContext);
     connect(): import("rxjs").BehaviorSubject<T[]>;
     disconnect(): void;
 }

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

@@ -32,6 +32,11 @@ export interface TableState extends Required<PersistedTableState> {
     metaData: Dictionary<MetaData>;
     notPersistedTableSettings: NotPersistedTableSettings;
     pageSize: number;
+    currentPage: number;
+    virtualScrollOffset: number;
+    virtualStart: number;
+    virtualEnd: number;
+    dataLen: number;
     linkMaps: {
         [key: string]: {
             link: (t: any) => string;

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

@@ -1,4 +1,4 @@
-import { SimpleChanges, OnInit, QueryList, ViewContainerRef, ElementRef, Injector, TemplateRef } from '@angular/core';
+import { SimpleChanges, OnInit, QueryList, ViewContainerRef, ElementRef, Injector } from '@angular/core';
 import { MatSort } from '@angular/material/sort';
 import { MatRowDef, MatTable } from '@angular/material/table';
 import { Observable } from 'rxjs';
@@ -8,44 +8,42 @@ import { ColumnBuilderComponent } from '../column-builder/column-builder.compone
 import { Dictionary } from '../../interfaces/dictionary';
 import { ColumnInfo } from '../../interfaces/ColumnInfo';
 import { CdkDragDrop, CdkDropList } from '@angular/cdk/drag-drop';
-import { PaginatorComponent } from './paginator.component';
 import { TransformCreator } from '../../services/transform-creator';
-import { MatTableObservableDataSource } from '../../classes/MatTableObservableDataSource';
+import { tableProps } from '../table-container/tableProps';
+import { TableContext } from '../table-context';
 import * as i0 from "@angular/core";
 export declare class GenericTableComponent implements OnInit {
     private sort;
     state: TableStore;
     private viewContainer;
     private transformCreator;
+    context: TableContext<any>;
+    props: tableProps;
     drop(event: CdkDragDrop<string[]>): void;
     set trackBy(trackBy: string);
     displayData$: Observable<any[]>;
     data$: Observable<any[]>;
-    indexColumn: boolean;
-    selectionColumn: boolean;
     rows: QueryList<MatRowDef<any>>;
-    isSticky: boolean;
     columnBuilders: ColumnBuilderComponent[];
     columnInfos: Observable<ColumnInfo[]>;
-    groupHeaderTemplate: TemplateRef<any>;
     table: MatTable<any>;
     dropList: CdkDropList;
-    tableElRef: ElementRef;
-    paginatorComponent: PaginatorComponent;
+    set tableElRef(val: ElementRef);
     currentColumns: string[];
-    dataSource: MatTableObservableDataSource<any>;
     keys: string[];
     injector: Injector;
     rowDefArr: MatRowDef<any>[];
     columns: string[];
     myColumns: Dictionary<ColumnBuilderComponent>;
     showHeader$: Observable<boolean>;
-    constructor(sort: MatSort, state: TableStore, viewContainer: ViewContainerRef, transformCreator: TransformCreator, injector: Injector);
+    offset$: Observable<number>;
+    offsetIndex: number;
+    dataView: Observable<any[]>;
+    constructor(sort: MatSort, state: TableStore, viewContainer: ViewContainerRef, transformCreator: TransformCreator, injector: Injector, context: TableContext<any>);
     defaultTrackBy: (index: number, item: any) => any;
     trackByFunction: (index: number, item: any) => any;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
-    createDataSource(): void;
     isGroupHeader(_: number, row: {
         isGroupHeader: boolean;
     }): boolean;
@@ -65,8 +63,7 @@ export declare class GenericTableComponent implements OnInit {
         width?: undefined;
     }>;
     showFooterRow$: Observable<'regular-footer' | 'no-footer' | 'small-footer'>;
-    collapseFooter$: Observable<boolean>;
     getTransform: (key: string, val: string) => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenericTableComponent, "tb-generic-table", never, { "trackBy": { "alias": "trackBy"; "required": false; }; "displayData$": { "alias": "displayData$"; "required": false; }; "data$": { "alias": "data$"; "required": false; }; "indexColumn": { "alias": "indexColumn"; "required": false; }; "selectionColumn": { "alias": "selectionColumn"; "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; }; }, { "selection$": "selection$"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericTableComponent, "tb-generic-table", never, { "trackBy": { "alias": "trackBy"; "required": false; }; "displayData$": { "alias": "displayData$"; "required": false; }; "data$": { "alias": "data$"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "columnBuilders": { "alias": "columnBuilders"; "required": false; }; "columnInfos": { "alias": "columnInfos"; "required": false; }; }, { "selection$": "selection$"; }, never, never, true, never>;
 }

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

@@ -1,24 +1,23 @@
-import { ElementRef, AfterViewInit, OnInit } from '@angular/core';
+import { AfterViewInit, OnInit } from '@angular/core';
 import { MatPaginator } from '@angular/material/paginator';
 import { Observable } from 'rxjs';
 import { TableStore } from '../../classes/table-store';
-import { MatTableObservableDataSource } from '../../classes/MatTableObservableDataSource';
+import { TableContext } from '../table-context';
 import * as i0 from "@angular/core";
 export declare class PaginatorComponent implements OnInit, AfterViewInit {
     private state;
-    dataSource: MatTableObservableDataSource<any>;
-    tableElRef: ElementRef;
+    private context;
     paginator: MatPaginator;
     currentPageData$: Observable<CurrentPageDetails>;
     collapseFooter$: Observable<boolean>;
     data$: Observable<any[]>;
-    constructor(state: TableStore);
+    constructor(state: TableStore, context: TableContext);
     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": false; }; "tableElRef": { "alias": "tableElRef"; "required": false; }; "data$": { "alias": "data$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "tb-paginator", never, { "data$": { "alias": "data$"; "required": false; }; }, {}, never, never, true, never>;
 }
 interface CurrentPageDetails {
     currentStart: number;

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

@@ -0,0 +1,23 @@
+import { CdkVirtualScrollViewport, VirtualScrollStrategy } from '@angular/cdk/scrolling';
+import { Observable } from 'rxjs';
+export declare class TableVirtualScrollStrategy implements VirtualScrollStrategy {
+    private itemHeight;
+    private headerOffset;
+    scrolledIndexChange: Observable<number>;
+    private dataLength;
+    private readonly indexChange;
+    private viewport?;
+    constructor(itemHeight: number, headerOffset: number);
+    attach(viewport: CdkVirtualScrollViewport): void;
+    onContentScrolled(): void;
+    onDataLengthChanged(): void;
+    setDataLength(length: number): void;
+    setScrollHeight(rowHeight: number, headerOffset: number): void;
+    setItemHeight(rowHeight: number): void;
+    setHeaderOffset(headerOffset: number): void;
+    detach(): void;
+    onContentRendered(): void;
+    onRenderedOffsetChanged(): void;
+    scrollToIndex(index: number, behavior: ScrollBehavior): void;
+    private updateContent;
+}

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

@@ -9,4 +9,6 @@ import { GenFilterDisplayerComponent } from "../table-container-filter/gen-filte
 import { GenColDisplayerComponent } from "../gen-col-displayer/gen-col-displayer.component";
 import { SortMenuComponent } from "../sort-menu/sort-menu.component";
 import { ClickEmitterDirective, DialogDirective, StopPropagationDirective } from "../../../utilities";
-export declare const containerImports: (typeof MatButtonModule | typeof NgTemplateOutlet | typeof AsyncPipe | typeof MultiSortDirective | typeof StopPropagationDirective | typeof ClickEmitterDirective | typeof DialogDirective | typeof GenColDisplayerComponent | typeof GenFilterDisplayerComponent | typeof LetDirective | typeof FilterChipsComponent | typeof GenericTableComponent | typeof GroupByListComponent | typeof SortMenuComponent)[];
+import { PaginatorComponent } from "../generic-table/paginator.component";
+import { VirtualScrollContainer } from "./virtual-scroll-container";
+export declare const containerImports: (typeof MatButtonModule | typeof NgTemplateOutlet | typeof AsyncPipe | typeof MultiSortDirective | typeof StopPropagationDirective | typeof ClickEmitterDirective | typeof DialogDirective | typeof GenColDisplayerComponent | typeof GenFilterDisplayerComponent | typeof LetDirective | typeof FilterChipsComponent | typeof PaginatorComponent | typeof GenericTableComponent | typeof GroupByListComponent | typeof SortMenuComponent | typeof VirtualScrollContainer)[];

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

@@ -10,22 +10,32 @@ import { TableState } from '../../classes/TableState';
 import { ColumnInfo } from '../../interfaces/ColumnInfo';
 import { TableWrapperDirective } from '../../directives/table-wrapper.directive';
 import { TableBuilderStateStore } from '../../ngrx/tableBuilderStateStore';
+import { tableProps } from './tableProps';
+import { TableContext } from '../table-context';
+import { PaginatorComponent } from '../generic-table/paginator.component';
 import * as i0 from "@angular/core";
 export declare class TableContainerComponent<T = any> {
-    private genericTableComponent;
+    props: tableProps;
+    context: TableContext<T>;
+    set indexColumn(val: boolean);
+    set selectionColumn(val: boolean);
+    set isSticky(val: boolean);
+    set stickyFooter(val: boolean);
+    set pageSize(value: number);
+    set groupHeaderTemplate(template: TemplateRef<any>);
+    set usePaginator(val: boolean);
+    set itemHeight(val: number);
+    set headerOffset(val: number);
+    set useVirtualScroll(val: boolean);
+    paginatorComponent?: PaginatorComponent;
     customFilterDirectives: QueryList<TableCustomFilterDirective>;
     filterDirectives: QueryList<TableFilterDirective>;
     customRows: QueryList<MatRowDef<any>>;
     customCells: QueryList<CustomCellDirective>;
     tableId: string;
     tableBuilder: TableBuilder;
-    indexColumn: boolean;
-    selectionColumn: boolean;
     trackBy: string;
-    isSticky: boolean;
-    set pageSize(value: number);
     inputFilters?: Observable<Array<Predicate<T>>>;
-    groupHeaderTemplate: TemplateRef<any>;
     selection$: EventEmitter<any>;
     displayDataSubject: ReplaySubject<Observable<T[]>>;
     displayData: Observable<T[]>;
@@ -35,6 +45,7 @@ export declare class TableContainerComponent<T = any> {
     onSaveState: EventEmitter<any>;
     state: TableStore;
     state$: Observable<import("../../classes/TableState").PersistedTableState>;
+    collapseFooter$: Observable<boolean>;
     myColumns$: Observable<ColumnInfo[]>;
     stateKeys$?: Observable<string[] | null>;
     currentStateKey$?: Observable<string>;
@@ -60,5 +71,5 @@ export declare class TableContainerComponent<T = any> {
     collapseHeader$: Observable<boolean>;
     addFilterDirectives: (state: TableState) => void;
     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; }; "selectionColumn": { "alias": "selectionColumn"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "isSticky": { "alias": "isSticky"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "inputFilters": { "alias": "inputFilters"; "required": false; }; "groupHeaderTemplate": { "alias": "groupHeaderTemplate"; "required": false; }; }, { "selection$": "selection$"; "data": "data"; "onStateReset": "onStateReset"; "onSaveState": "onSaveState"; "state$": "state$"; }, ["customFilterDirectives", "filterDirectives", "customRows", "customCells"], ["[before]", ".tb-header-title"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableContainerComponent<any>, "tb-table-container", never, { "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; }; "usePaginator": { "alias": "usePaginator"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "headerOffset": { "alias": "headerOffset"; "required": false; }; "useVirtualScroll": { "alias": "useVirtualScroll"; "required": false; }; "tableId": { "alias": "tableId"; "required": false; }; "tableBuilder": { "alias": "tableBuilder"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "inputFilters": { "alias": "inputFilters"; "required": false; }; }, { "selection$": "selection$"; "data": "data"; "onStateReset": "onStateReset"; "onSaveState": "onSaveState"; "state$": "state$"; }, ["customFilterDirectives", "filterDirectives", "customRows", "customCells"], ["[before]", ".tb-header-title"], true, never>;
 }

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

@@ -0,0 +1,11 @@
+import { TemplateRef } from '@angular/core';
+export interface tableProps {
+    usePaginator: boolean;
+    useVirtualScroll: boolean;
+    indexColumn: boolean;
+    selectionColumn: boolean;
+    isSticky: boolean;
+    stickyFooter: boolean;
+    groupHeaderTemplate?: TemplateRef<any>;
+}
+export declare const defaultProps: tableProps;

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

@@ -0,0 +1,17 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { TableContext } from '../table-context';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import { TableStore } from '../../classes/table-store';
+import * as i0 from "@angular/core";
+export declare class VirtualScrollContainer<T = any> implements OnInit, OnDestroy {
+    context: TableContext;
+    private state;
+    constructor(context: TableContext, state: TableStore);
+    viewport: CdkVirtualScrollViewport;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    setSize(el: ElementRef<HTMLElement>): void;
+    resizeHandler: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VirtualScrollContainer<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VirtualScrollContainer<any>, "tb-virtual-scroll-container", never, {}, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,10 @@
+import { ElementRef } from "@angular/core";
+import { MatTableObservableDataSource } from "../classes/MatTableObservableDataSource";
+import { tableProps } from "./table-container/tableProps";
+import { TableVirtualScrollStrategy } from "./scroll-strategy";
+export interface TableContext<T = any> {
+    dataSource?: MatTableObservableDataSource<T>;
+    tableElRef?: ElementRef;
+    tableProps: tableProps;
+    scrollStrategy: TableVirtualScrollStrategy;
+}

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

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