@one-paragon/angular-utilities 2.0.0-beta.13 → 2.0.0-beta.15

package/package.json

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

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

@@ -27,6 +27,8 @@ export interface PersistedTableState {
         };
         pageSize?: number;
         showAll?: boolean;
+        rowHeight?: number;
+        headerHeight?: number;
     };
     persistedTableSettings: PersistedTableSettings;
     groupBy: GroupedData[];

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

@@ -1,4 +1,4 @@
-import { FilterTypes, FilterType } from '../enums/filterTypes';
+import { FilterType } from '../enums/filterTypes';
 import { FieldType } from '../interfaces/report-def';
 import { Predicate } from '@angular/core';
 export declare const filterTypeMap: Record<FieldType, FilterType[]>;
@@ -22,7 +22,7 @@ export interface PartialFilter {
 }
 export interface CustomFilter<T = any> extends FilterState {
     predicate: Predicate<T>;
-    filterType: typeof FilterTypes.Custom;
+    filterType: typeof FilterType.Custom;
 }
 export declare function isCustomFilter(filter: FilterInfo | CustomFilter): filter is CustomFilter;
 export declare function isFilterInfo(filter: FilterInfo | CustomFilter): filter is FilterInfo;

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

@@ -21,7 +21,7 @@ export declare class TableWrapperHeaderSettings {
     hideSort: boolean;
     collapse: boolean;
     showTitleWhenCollapsed: boolean;
-    headerHeight: string | number | undefined;
+    headerHeight: TbSize | undefined;
 }
 export declare class TableWrapperFooterSettings {
     collapse: boolean;
@@ -35,9 +35,9 @@ export declare class TableSettings {
     useVirtualScroll: boolean | undefined;
     paginatorSettings: Partial<PaginatorOptions> | undefined;
     virtualScrollSettings: Partial<VirtualScrollOptions> | undefined;
-    rowHeight: string | number | undefined;
-    groupHeaderHeight?: number;
-    minColumnWidth: number | undefined;
+    rowHeight: TbSize | undefined;
+    groupHeaderHeight?: TbSize;
+    minColumnWidth: TbSize | undefined;
 }
 export declare class PersistedTableSettings {
     constructor(tableSettings?: NonFunctionProperties<PersistedTableSettings>);
@@ -59,21 +59,21 @@ export declare class NotPersistedTableSettings {
     useVirtualScroll: boolean;
     paginatorSettings: PaginatorOptions | undefined;
     virtualSettings: VirtualScrollOptions | undefined;
-    groupHeaderHeight?: number;
-    rowHeight?: string | number | undefined;
-    headerHeight?: string | number;
-    minColumnWidth?: number | undefined;
+    groupHeaderHeight?: TbSize;
+    rowHeight?: TbSize | undefined;
+    headerHeight?: TbSize;
+    minColumnWidth?: TbSize | undefined;
 }
 export declare class VirtualScrollOptions {
-    rowHeight: number;
+    rowHeight: TbSize;
     enforceRowHeight: boolean;
-    headerHeight: number;
+    headerHeight: TbSize;
     enforceHeaderHeight: boolean;
     amountOfVisibleItems: number;
     /**
      * This will win over `amountOfVisibleItems`
      */
-    maxViewPortHeight: number | undefined;
+    maxViewPortHeight: TbSize | undefined;
     /**
      * Will try to bring the table to the bottom of the screen
      * If `amountOfVisibleItems` is set that will be the minimum number of rows
@@ -94,4 +94,6 @@ type NonFunctionPropertyNames<T> = {
     [K in keyof T]: T[K] extends Function ? never : K;
 }[keyof T];
 export type NonFunctionProperties<T> = Pick<T, NonFunctionPropertyNames<T>>;
+export type TbSize = number | `${number}${'px' | 'rem'}`;
+export declare function parseTbSizeToPixels(size?: TbSize): number | undefined;
 export {};

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

@@ -27,11 +27,14 @@ export declare class TableStore extends ComponentStore<TableState> {
     $filters: Signal<Dictionary<FilterInfo<any, any> | CustomFilter<any>>>;
     filters$: Observable<Dictionary<FilterInfo<any, any> | CustomFilter<any>>>;
     $getFilter: (filterId: string) => Signal<FilterInfo | CustomFilter | undefined>;
+    $preSort: Signal<Sort[]>;
     $selectSorted: Signal<Sort[]>;
     selectSorted$: Observable<Sort[]>;
     sort$: Observable<Sort[]>;
     $getUserDefinedTableWidth: Signal<number | undefined>;
     getUserDefinedTableWidth$: Observable<number | undefined>;
+    $userDefinedRowHeight: Signal<number | undefined>;
+    $userDefinedHeaderHeight: Signal<number | undefined>;
     $footerCollapsed: Signal<boolean>;
     $headerCollapsed: Signal<boolean>;
     $groupBy: Signal<GroupedData[]>;
@@ -43,12 +46,14 @@ export declare class TableStore extends ComponentStore<TableState> {
     $pageSize: Signal<number>;
     $showAll: Signal<boolean>;
     $tableSettings: Signal<NonFunctionProperties<PersistedTableSettings & NotPersistedTableSettings>>;
+    $notPersistedTableSettings: Signal<NotPersistedTableSettings>;
     tableSettings$: Observable<NonFunctionProperties<PersistedTableSettings & NotPersistedTableSettings>>;
     $props: Signal<TableProps>;
     $getLinkInfo: (md: MetaData) => Signal<import("../services/link-creator.service").LinkInfo>;
     $isVirtual: Signal<boolean | undefined>;
     $viewType: Signal<ViewType>;
     readonly resetState: () => void;
+    readonly resetPart: (observableOrValue: "Sorting" | "Filters" | "Group By" | "Hidden Columns" | "Column Widths" | "Column Order" | "Row Height" | "Header Height" | "Page Size" | "Show All" | Observable<"Sorting" | "Filters" | "Group By" | "Hidden Columns" | "Column Widths" | "Column Order" | "Row Height" | "Header Height" | "Page Size" | "Show All">) => import("rxjs").Subscription;
     readonly updateStateFromPersistedState: (observableOrValue: PersistedTableState | Observable<PersistedTableState>) => import("rxjs").Subscription;
     private updateStateFunc;
     readonly setTableSettings: (observableOrValue: TableBuilderSettings | Observable<TableBuilderSettings>) => import("rxjs").Subscription;
@@ -76,6 +81,8 @@ export declare class TableStore extends ComponentStore<TableState> {
         newOrder: number;
         oldOrder: number;
     }>) => import("rxjs").Subscription;
+    readonly setUserDefinedRowHeight: (observableOrValue: number | Observable<number>) => import("rxjs").Subscription;
+    readonly setUserDefinedHeaderHeight: (observableOrValue: number | Observable<number>) => import("rxjs").Subscription;
     readonly addFilter: (observableOrValue: FilterInfo<any, any> | CustomFilter<any> | Observable<FilterInfo<any, any> | CustomFilter<any>>) => import("rxjs").Subscription;
     readonly addFilters: (observableOrValue: (FilterInfo<any, any> | CustomFilter<any>)[] | Observable<(FilterInfo<any, any> | CustomFilter<any>)[]>) => import("rxjs").Subscription;
     readonly removeFilter: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;
@@ -131,3 +138,4 @@ export declare class TableStore extends ComponentStore<TableState> {
     static ɵprov: i0.ɵɵInjectableDeclaration<TableStore>;
 }
 export type ViewType = 'virtual paginator' | 'paginator' | 'virtual all' | 'all';
+export declare const resetable: readonly ["Sorting", "Filters", "Group By", "Hidden Columns", "Column Widths", "Column Order", "Row Height", "Header Height", "Page Size", "Show All"];

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

@@ -19,6 +19,8 @@ export declare function cleanPersistedState(state: TableState, pState: Persisted
         };
         pageSize?: number;
         showAll?: boolean;
+        rowHeight?: number;
+        headerHeight?: number;
     };
     persistedTableSettings: import("@one-paragon/angular-utilities").PersistedTableSettings;
     groupBy: import("./TableState").GroupedData[];

package/table-builder/components/{header-menu/header-menu.component.d.ts → column-header-menu/column-header-menu.component.d.ts}

@@ -4,7 +4,7 @@ import { FilterInfo } from '../../classes/filter-info';
 import { TableStore } from '../../classes/table-store';
 import { MatMenuTrigger } from '@angular/material/menu';
 import * as i0 from "@angular/core";
-export declare class HeaderMenuComponent {
+export declare class ColumnHeaderMenuComponent {
     protected tableState: TableStore;
     FieldType: typeof FieldType;
     FilterType: {
@@ -35,15 +35,14 @@ export declare class HeaderMenuComponent {
         readonly In: "In";
         readonly Custom: "Custom";
     };
-    myFilterType: FilterType;
     $metaData: import("@angular/core").InputSignal<MetaData>;
     $trigger: import("@angular/core").Signal<MatMenuTrigger | undefined>;
     hideField(key: string): void;
-    ngOnInit(): void;
-    resetFilterType(): void;
+    $metaFilterType: import("@angular/core").Signal<FilterType>;
+    $currentFilterType: import("@angular/core").WritableSignal<FilterType>;
     setStringFilterType(): void;
     setFilterType(filterType: FilterType): void;
     onEnter(filter: FilterInfo): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderMenuComponent, "tb-header-menu", never, { "$metaData": { "alias": "metaData"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnHeaderMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnHeaderMenuComponent, "tb-header-menu", never, { "$metaData": { "alias": "metaData"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,5 +1,5 @@
 import { TableBuilderStateStore } from '../../ngrx/tableBuilderStateStore';
-import { MatMenuTrigger } from '@angular/material/menu';
+import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
 import { TableStore } from '../../classes/table-store';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
@@ -7,8 +7,9 @@ export declare class ProfilesMenuComponent {
     stateService: TableBuilderStateStore;
     tableStore: TableStore;
     $tableId: import("@angular/core").InputSignal<string>;
-    onSaveState: import("@angular/core").OutputEmitterRef<null>;
+    $isMatMenuChild: import("@angular/core").InputSignal<boolean>;
     trigger: import("@angular/core").Signal<MatMenuTrigger | undefined>;
+    menu: import("@angular/core").Signal<MatMenu>;
     allProfilesPanelOpened: import("@angular/core").WritableSignal<boolean>;
     newProfilePanelOpened: import("@angular/core").WritableSignal<boolean>;
     $currentProfile: import("@angular/core").Signal<string | undefined>;
@@ -28,5 +29,5 @@ export declare class ProfilesMenuComponent {
         top: string;
     } | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProfilesMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProfilesMenuComponent, "tb-profiles-menu", never, { "$tableId": { "alias": "$tableId"; "required": true; "isSignal": true; }; }, { "onSaveState": "onSaveState"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProfilesMenuComponent, "tb-profiles-menu", never, { "$tableId": { "alias": "tableId"; "required": true; "isSignal": true; }; "$isMatMenuChild": { "alias": "isMatMenuChild"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -0,0 +1,25 @@
+import { MatMenu } from '@angular/material/menu';
+import { TableContainerComponent } from '../table-container/table-container';
+import * as i0 from "@angular/core";
+export declare class ResetMenuComponent {
+    menu: import("@angular/core").Signal<MatMenu>;
+    protected tableContainer: TableContainerComponent<any>;
+    state: import("../../classes/table-store").TableStore;
+    onStateReset$: import("@angular/core").OutputEmitterRef<null>;
+    protected resetState(): void;
+    $filtersSet: import("@angular/core").Signal<number>;
+    $sortSet: import("@angular/core").Signal<boolean>;
+    $groupBySet: import("@angular/core").Signal<number>;
+    $hiddenSet: import("@angular/core").Signal<number>;
+    $orderSet: import("@angular/core").Signal<number>;
+    $widthsSet: import("@angular/core").Signal<number>;
+    $rowHeightSet: import("@angular/core").Signal<number | undefined>;
+    headerHeightSet: import("@angular/core").Signal<number | undefined>;
+    pageSizeSet: import("@angular/core").Signal<number | undefined>;
+    showAllSet: import("@angular/core").Signal<boolean | undefined>;
+    $set: import("@angular/core").Signal<("Sorting" | "Filters" | "Group By" | "Hidden Columns" | "Column Widths" | "Column Order" | "Row Height" | "Header Height" | "Page Size" | "Show All")[]>;
+    resetable: readonly ["Sorting", "Filters", "Group By", "Hidden Columns", "Column Widths", "Column Order", "Row Height", "Header Height", "Page Size", "Show All"];
+    reset(s: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResetMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResetMenuComponent, "lib-reset-menu", never, {}, { "onStateReset$": "onStateReset"; }, never, never, true, never>;
+}

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

@@ -1,13 +1,17 @@
 import { CdkVirtualScrollViewport, VirtualScrollStrategy } from '@angular/cdk/scrolling';
 import { Observable, Subject } from 'rxjs';
+import { VirtualScrollContainer } from './table-container/virtual-scroll-container';
+import { Signal } from '@angular/core';
 export declare class TableVirtualScrollStrategy implements VirtualScrollStrategy {
-    private itemHeight;
-    private headerHeight;
+    #private;
+    private scrollContainer;
     scrolledIndexChange: Observable<number>;
     private dataLength;
     private readonly indexChange;
     private viewport?;
-    constructor(itemHeight: number, headerHeight: number);
+    $rowHeight: Signal<number>;
+    $headerHeight: Signal<number>;
+    constructor(scrollContainer: VirtualScrollContainer);
     attach(viewport: CdkVirtualScrollViewport): void;
     contentScrolled$: Subject<void>;
     sub: import("../../rxjs").Subscriber;

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

@@ -4,7 +4,6 @@ import { TableBuilder } from '../../classes/table-builder';
 import { MatRowDef } from '@angular/material/table';
 import { CustomCellDirective, TableCustomFilterDirective, TableFilterDirective } from '../../directives';
 import { TableStore } from '../../classes/table-store';
-import { ExportToCsvService } from '../../services/export-to-csv.service';
 import { CustomFilter, FilterInfo } from '../../classes/filter-info';
 import { TableWrapperDirective } from '../../directives/table-wrapper.directive';
 import { TableBuilderStateStore } from '../../ngrx/tableBuilderStateStore';
@@ -13,12 +12,12 @@ import { PaginatorComponent } from '../generic-table/paginator.component';
 import { TableBuilderDataSource } from '../../classes/TableBuilderDataSource';
 import { GenericTableComponent } from '../generic-table/generic-table.component';
 import { SelectionChange } from '@angular/cdk/collections';
+import { MatMenu } from '@angular/material/menu';
 import * as i0 from "@angular/core";
 export declare class TableContainerComponent<T = any> implements OnDestroy {
     #private;
     state: TableStore;
     private dataStore;
-    exportToCsvService: ExportToCsvService<T>;
     wrapper: TableWrapperDirective | null;
     stateService: TableBuilderStateStore;
     injector: Injector;
@@ -31,6 +30,8 @@ export declare class TableContainerComponent<T = any> implements OnDestroy {
     _$customRows: import("@angular/core").Signal<readonly MatRowDef<any>[]>;
     $customRows: import("@angular/core").Signal<MatRowDef<any>[]>;
     $customCells: import("@angular/core").Signal<readonly CustomCellDirective<any>[]>;
+    $menu: import("@angular/core").Signal<MatMenu>;
+    menuInjector: Injector;
     $tableBuilder: import("@angular/core").InputSignal<TableBuilder<T>>;
     $tableId: import("@angular/core").InputSignal<string | undefined>;
     $trackBy: import("@angular/core").InputSignal<string | undefined>;
@@ -66,8 +67,6 @@ export declare class TableContainerComponent<T = any> implements OnDestroy {
     protected $collapsedFooter: import("@angular/core").Signal<boolean>;
     protected $collapsedHeader: import("@angular/core").Signal<boolean>;
     protected $displayDataLength: import("@angular/core").Signal<number>;
-    protected resetState(): void;
-    protected exportToCsv(): void;
     private $persistedState;
     private $allFilterDirectives;
     private allNotSavableFilterDirectivesFilters$;

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

@@ -12,7 +12,6 @@ export declare class VirtualScrollContainer implements OnDestroy {
     private genericTable;
     private tableContainer;
     defaultOptions: VirtualScrollOptions;
-    scrollStrategy: TableVirtualScrollStrategy;
     $usePaginator: import("@angular/core").Signal<boolean>;
     $pageSize: import("@angular/core").Signal<number>;
     $currentPage: import("@angular/core").Signal<number>;
@@ -37,9 +36,10 @@ export declare class VirtualScrollContainer implements OnDestroy {
     calcDynamic(el: ElementRef<HTMLElement>): void;
     setHeight(height: number, el: ElementRef<HTMLElement>): void;
     resizeHandler: () => void;
-    computedRowHeight(): number;
-    computedHeaderHeight(): number;
+    computedRowHeight: import("@angular/core").Signal<number>;
+    computedHeaderHeight: import("@angular/core").Signal<number>;
     computedFooterHeight(): number;
+    scrollStrategy: TableVirtualScrollStrategy;
     static ɵfac: i0.ɵɵFactoryDeclaration<VirtualScrollContainer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VirtualScrollContainer, "tb-virtual-scroll-container", never, {}, {}, ["genericTable"], ["*"], true, never>;
 }

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

@@ -0,0 +1,15 @@
+import { MatMenu } from '@angular/material/menu';
+import { TableContainerComponent } from '../table-container/table-container';
+import * as i0 from "@angular/core";
+export declare class TableHeaderMenuComponent {
+    menu: import("@angular/core").Signal<MatMenu>;
+    private exportToCsvService;
+    protected tableContainer: TableContainerComponent<any>;
+    state: import("../../classes/table-store").TableStore;
+    $rowHeightNum: import("@angular/core").Signal<number>;
+    $headerHeightNum: import("@angular/core").Signal<number>;
+    protected exportToCsv(): void;
+    updateHeight(v: 'row' | 'header', element: HTMLInputElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableHeaderMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableHeaderMenuComponent, "lib-table-header-menu", never, {}, {}, never, never, true, never>;
+}

package/table-builder/directives/table-wrapper.directive.d.ts

@@ -1,7 +1,7 @@
 import { TableCustomFilterDirective, TableFilterDirective } from "./tb-filter.directive";
 import * as i0 from "@angular/core";
 export declare class TableWrapperDirective {
-    $registrations: import("@angular/core").WritableSignal<(TableCustomFilterDirective | TableFilterDirective)[]>;
+    $registrations: import("@angular/core").WritableSignal<(TableFilterDirective | TableCustomFilterDirective)[]>;
     register(filter: TableCustomFilterDirective | TableFilterDirective): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableWrapperDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TableWrapperDirective, "[tbWrapper]", never, {}, {}, never, never, true, never>;

package/table-builder/enums/filterTypes.d.ts

@@ -1,4 +1,4 @@
-export declare const FilterTypes: {
+export declare const FilterType: {
     readonly NumberEquals: "Equals";
     readonly NumberNotEqual: "Does Not Equal";
     readonly NumberGreaterThan: "Greater Than";
@@ -26,8 +26,8 @@ export declare const FilterTypes: {
     readonly In: "In";
     readonly Custom: "Custom";
 };
-export type FilterType = typeof FilterTypes[keyof typeof FilterTypes];
-export type SubFilterTypes<T extends typeof FilterTypes[keyof typeof FilterTypes]> = T;
+export type FilterType = typeof FilterType[keyof typeof FilterType];
+export type SubFilterTypes<T extends typeof FilterType[keyof typeof FilterType]> = T;
 export type StringFilterTypes = SubFilterTypes<'Equals' | 'Contains' | 'Does Not Contain' | 'Start With' | 'Ends With' | 'Is Blank' | 'In'>;
 export type NumberFilterTypes = SubFilterTypes<'Equals' | 'Does Not Equal' | 'Greater Than' | 'Less Than' | 'Between' | 'Is Blank' | 'In'>;
 export type DateFilterTypes = SubFilterTypes<'Is on' | 'Is Not On' | 'On or After' | 'On or Before' | 'Between' | 'Is Blank'>;

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

@@ -1,13 +0,0 @@
-import { NgTemplateOutlet } from "@angular/common";
-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 { 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";
-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 MultiSortDirective | typeof StopPropagationDirective | typeof GenColDisplayerComponent | typeof GenFilterDisplayerComponent | typeof FilterChipsComponent | typeof GenericTableComponent | typeof GroupByListComponent | typeof SortMenuComponent | typeof PaginatorComponent | typeof VirtualScrollContainer)[];