@one-paragon/angular-utilities 2.0.0-beta.5 → 2.0.0-beta.6

package/fesm2022/one-paragon-angular-utilities.mjs

@@ -786,9 +786,10 @@ class TableColumnHeaderSettings {
     noHeader = false;
 }
 class TableSettings {
-    usePaginator = true;
+    usePaginator = undefined;
     useVirtualScroll = undefined;
-    includeAllInPaginatorOptions = false;
+    paginatorSettings = undefined;
+    virtualScrollSettings = undefined;
     rowHeight = undefined;
     groupHeaderHeight = undefined;
     minColumnWidth;
@@ -824,22 +825,32 @@ class NotPersistedTableSettings {
             newNpts.hideColumnHeaderFilters = tableSettings.columnHeaderSettings?.noFilters ?? newNpts.hideColumnHeaderFilters;
             newNpts.hideColumnHeader = tableSettings.columnHeaderSettings?.noHeader ?? newNpts.hideColumnHeader;
             newNpts.usePaginator = tableSettings.tableSettings?.usePaginator ?? newNpts.usePaginator;
-            newNpts.useVirtualScroll = tableSettings.tableSettings?.useVirtualScroll ?? newNpts.useVirtualScroll;
-            newNpts.includeAllInPaginatorOptions = tableSettings.tableSettings?.includeAllInPaginatorOptions ?? newNpts.includeAllInPaginatorOptions;
+            newNpts.useVirtualScroll = tableSettings.tableSettings?.useVirtualScroll != undefined ? tableSettings.tableSettings?.useVirtualScroll :
+                tableSettings.tableSettings?.virtualScrollSettings ? true
+                    : newNpts.useVirtualScroll;
             newNpts.rowHeight = tableSettings.tableSettings?.rowHeight ?? newNpts.rowHeight;
             newNpts.headerHeight = tableSettings.headerSettings?.headerHeight ?? newNpts.headerHeight;
             newNpts.groupHeaderHeight = tableSettings.tableSettings?.groupHeaderHeight ?? newNpts.groupHeaderHeight;
             newNpts.minColumnWidth = tableSettings.tableSettings?.minColumnWidth ?? newNpts.minColumnWidth;
-            if (tableSettings.tableSettings?.useVirtualScroll) {
-                const currVirt = tableSettings.tableSettings.useVirtualScroll === true ? new VirtualScrollOptions() : tableSettings.tableSettings.useVirtualScroll;
-                if (!currVirt.headerHeight || tableSettings.tableSettings.useVirtualScroll === true) {
+            if (tableSettings.tableSettings?.virtualScrollSettings) {
+                const currVirt = tableSettings.tableSettings?.virtualScrollSettings || newNpts.virtualSettings;
+                if (!currVirt.headerHeight) {
                     currVirt.headerHeight = (typeof tableSettings.headerSettings?.headerHeight === 'number' ? tableSettings.headerSettings?.headerHeight : DefaultVirtualScrollOptions.headerHeight);
                 }
-                if (!currVirt.rowHeight || tableSettings.tableSettings.useVirtualScroll === true) {
+                if (!currVirt.rowHeight) {
                     currVirt.rowHeight = (typeof tableSettings.tableSettings?.rowHeight === 'number' ? tableSettings.tableSettings?.rowHeight : DefaultVirtualScrollOptions.rowHeight);
                 }
-                this.useVirtualScroll = { ...new VirtualScrollOptions(), ...currVirt };
+                newNpts.virtualSettings = { ...new VirtualScrollOptions(), ...currVirt };
+            }
+            else
+                newNpts.virtualSettings ??= new VirtualScrollOptions();
+            if (tableSettings.tableSettings?.paginatorSettings) {
+                const currPag = tableSettings.tableSettings?.paginatorSettings ?? newNpts.paginatorSettings;
+                currPag.includeAllInOptions = (currPag.defaultAll && currPag.includeAllInOptions !== false) || currPag.includeAllInOptions;
+                newNpts.paginatorSettings = { ...new PaginatorOptions(), ...currPag };
             }
+            else
+                newNpts.paginatorSettings ??= new PaginatorOptions();
         }
         return newNpts;
     }
@@ -852,15 +863,15 @@ class NotPersistedTableSettings {
     hideColumnHeaderFilters = false;
     hideColumnHeader = false;
     usePaginator = true;
-    useVirtualScroll = undefined;
-    includeAllInPaginatorOptions = false;
+    useVirtualScroll = false;
+    paginatorSettings = undefined;
+    virtualSettings = undefined;
     groupHeaderHeight = undefined;
     rowHeight;
     headerHeight = undefined;
     minColumnWidth;
 }
 class VirtualScrollOptions {
-    virtualAsDefault = true;
     rowHeight = 48;
     enforceRowHeight = true;
     headerHeight = 56;
@@ -871,6 +882,11 @@ class VirtualScrollOptions {
      */
     maxViewPortHeight = undefined;
 }
+class PaginatorOptions {
+    pageSize = undefined;
+    defaultAll = false;
+    includeAllInOptions = false;
+}
 const DefaultVirtualScrollOptions = {
     rowHeight: 48,
     headerHeight: 56,
@@ -1834,11 +1850,14 @@ class TableStore extends ComponentStore {
             notPersistedTableSettings: new NotPersistedTableSettings().merge(config.defaultTableSettings),
         };
         if (config.defaultTableSettings?.pageSize) {
-            settingsFromConfig['pageSize'] = config.defaultTableSettings?.pageSize;
+            settingsFromConfig.notPersistedTableSettings.paginatorSettings.pageSize = config.defaultTableSettings?.pageSize;
         }
-        super({ ...defaultTableState, ...settingsFromConfig });
+        const pageSize = settingsFromConfig.notPersistedTableSettings.paginatorSettings.pageSize || defaultTableState.pageSize;
+        const showAll = settingsFromConfig.notPersistedTableSettings.paginatorSettings.defaultAll || defaultTableState.showAll;
+        super({ ...defaultTableState, ...settingsFromConfig, pageSize, showAll });
     }
-    getSavableStateSignal = computed(() => {
+    $initializationState = this.selectSignal(state => state.initializationState);
+    $savableState = computed(() => {
         const state = this.state();
         return mapSaveableState(state);
     });
@@ -1871,7 +1890,6 @@ class TableStore extends ComponentStore {
         .pipe(switchMap(() => this.selectSorted$));
     $getUserDefinedTableWidth = this.selectSignal(state => state.userDefined.table.width);
     getUserDefinedTableWidth$ = this.select(state => state.userDefined.table.width);
-    $getPageSize = this.selectSignal(state => state.userDefined.pageSize || state.pageSize);
     $footerCollapsed = this.selectSignal(state => state.persistedTableSettings.collapseFooter);
     $headerCollapsed = this.selectSignal(state => state.persistedTableSettings.collapseHeader);
     $groupBy = this.selectSignal(state => state.groupBy);
@@ -1890,6 +1908,7 @@ class TableStore extends ComponentStore {
     };
     $currentPage = this.selectSignal(state => state.currentPage);
     $pageSize = this.selectSignal(s => s.userDefined?.pageSize || s.pageSize);
+    $showAll = this.selectSignal(s => s.userDefined?.showAll ?? s.showAll);
     $tableSettings = this.selectSignal(state => {
         const ts = { ...state.persistedTableSettings, ...state.notPersistedTableSettings };
         return ts;
@@ -1897,13 +1916,16 @@ class TableStore extends ComponentStore {
     tableSettings$ = toObservable(this.$tableSettings);
     $props = this.selectSignal(s => s.props);
     $getLinkInfo = (md) => this.selectSignal(state => state.linkMaps[md.key]);
-    $isVirtual = this.selectSignal(state => state.notPersistedTableSettings.useVirtualScroll === true || state.notPersistedTableSettings.useVirtualScroll?.virtualAsDefault || state.showAll);
+    $isVirtual = this.selectSignal(state => state.notPersistedTableSettings.useVirtualScroll
+        || state.showAll);
     $viewType = this.selectSignal(state => {
         const usePaginator = state.notPersistedTableSettings.usePaginator;
-        if (state.showAll || (this.$isVirtual() && !usePaginator)) {
+        const showAll = state.showAll;
+        const useVirtualScroll = state.notPersistedTableSettings.useVirtualScroll;
+        if (showAll || (useVirtualScroll && !usePaginator)) {
             return 'virtual all';
         }
-        else if (this.$isVirtual() && usePaginator) {
+        else if (useVirtualScroll && usePaginator) {
             return 'virtual paginator';
         }
         else if (usePaginator) {
@@ -1933,8 +1955,11 @@ class TableStore extends ComponentStore {
         const s = {
             ...state,
             persistedTableSettings: state.persistedTableSettings.merge(settings),
-            notPersistedTableSettings: state.notPersistedTableSettings.merge(settings)
+            notPersistedTableSettings: state.notPersistedTableSettings.merge(settings),
+            initializationState: InitializationState.Ready
         };
+        s.pageSize = settings.tableSettings?.paginatorSettings?.pageSize ?? s.pageSize;
+        s.showAll = settings.tableSettings?.paginatorSettings?.defaultAll ?? s.showAll;
         return s;
     });
     setMetaData = this.updater((state, md) => {
@@ -1985,12 +2010,6 @@ class TableStore extends ComponentStore {
     addFilter = this.updater((state, filter) => {
         return this.addFiltersToState(state, [filter]);
     });
-    // readonly patchPredicate = this.updater((state, {filterId, predicate}: {filterId: string, predicate: (data: any) => boolean}) => {
-    //   const filtersCopy = { ...state.filters };
-    //   const filter = filtersCopy[filterId] as CustomFilter;
-    //   filter.predicate = predicate;
-    //   return ({...state, filters: filtersCopy });
-    // });
     addFilters = this.updater((state, filters) => {
         return this.addFiltersToState(state, filters);
     });
@@ -2045,7 +2064,9 @@ class TableStore extends ComponentStore {
         };
     });
     setCurrentPage = this.updater((state, currentPage) => ({ ...state, currentPage }));
-    setPageSize = this.updater((state, pageSize) => ({ ...state, pageSize, userDefined: { ...state.userDefined, pageSize } }));
+    setPageSize = this.updater((state, pageSize) => ({ ...state, pageSize }));
+    setUserDefinedPageSize = this.updater((state, pageSize) => ({ ...state, userDefined: { ...state.userDefined, pageSize } }));
+    setUserDefinedShowAll = this.updater((state, showAll) => ({ ...state, showAll, userDefined: { ...state.userDefined, showAll } }));
     setProps = this.updater((state, props) => {
         return ({ ...state, props });
     });
@@ -3056,14 +3077,19 @@ class TransformCreator {
     currencyPipe = inject(CurrencyPipe);
     phonePipe = inject(PhoneNumberPipe);
     config = inject(TableBuilderConfigToken);
-    createTransformer(metaData, noIcons = false) {
+    createTransformer(metaData, noIcons = false, forItem = false) {
         const nested = metaData.key.includes('.');
         const defaultFunc = nested ? (value) => get(value, metaData.key) : (value) => value[metaData.key];
-        if (metaData.map) {
+        if (metaData.map && !forItem) {
             return (value) => {
                 return metaData.map(value);
             };
         }
+        if (metaData.mapItem) {
+            return (value) => {
+                return metaData.mapItem(defaultFunc(value));
+            };
+        }
         if (metaData.transform) {
             if (isPipe(metaData.transform)) {
                 return (value) => metaData.transform.transform(defaultFunc(value));
@@ -3874,15 +3900,15 @@ class GenericTableComponent {
         if (val == undefined || val === 'null')
             return '';
         try {
-            return this.transformCreator.createTransformer(this.$columns[key].metaData, true)({ [key]: val });
+            return this.transformCreator.createTransformer(this.state.$getMetaData(key)(), true, true)(val);
         }
         catch (error) {
             return val;
         }
     };
     $rowHeight = this.state.selectSignal(s => {
-        if (this.state.$isVirtual() && s.notPersistedTableSettings.useVirtualScroll?.enforceRowHeight) {
-            const height = s.notPersistedTableSettings.useVirtualScroll.rowHeight;
+        if (this.state.$isVirtual() && s.notPersistedTableSettings.virtualSettings?.enforceRowHeight) {
+            const height = s.notPersistedTableSettings.virtualSettings.rowHeight;
             return height + 'px';
         }
         if (typeof s.notPersistedTableSettings.rowHeight === 'number') {
@@ -3891,8 +3917,8 @@ class GenericTableComponent {
         return s.notPersistedTableSettings.rowHeight;
     });
     $headerHeight = this.state.selectSignal(s => {
-        if (this.state.$isVirtual() && s.notPersistedTableSettings.useVirtualScroll?.enforceHeaderHeight) {
-            const height = s.notPersistedTableSettings.useVirtualScroll.headerHeight;
+        if (this.state.$isVirtual() && s.notPersistedTableSettings.virtualSettings?.enforceHeaderHeight) {
+            const height = s.notPersistedTableSettings.virtualSettings.headerHeight;
             return height + 'px';
         }
         if (typeof s.notPersistedTableSettings.headerHeight === 'number') {
@@ -4351,9 +4377,10 @@ class PaginatorComponent {
     });
     onPageSizeEffect = effect(() => {
         const size = this.$pageSizeChangeEvent();
-        if (!size)
+        const initialized = this.state.$initializationState() >= InitializationState.Ready;
+        if (!size || !initialized)
             return;
-        untracked(() => this.state.setPageSize(size));
+        untracked(() => this.state.setUserDefinedPageSize(size));
     });
     onMetaPageSizeEffect = effect(() => {
         const paginator = this.$paginator();
@@ -4372,11 +4399,10 @@ class PaginatorComponent {
         });
     });
     $collapseFooter = computed(() => this.state.selectSignal(state => state.persistedTableSettings.collapseFooter)() || this.$showAll());
-    $showAllOption = this.state.selectSignal(s => s.notPersistedTableSettings?.includeAllInPaginatorOptions);
-    $showAll = this.state.selectSignal(s => s.showAll);
-    updatePaginator = this.state.updater(state => ({ ...state, showAll: !state.showAll }));
+    $showAllOption = this.state.selectSignal(s => s.notPersistedTableSettings?.paginatorSettings?.includeAllInOptions);
+    $showAll = this.state.$showAll;
     showAll() {
-        this.updatePaginator();
+        this.state.setUserDefinedShowAll(!this.$showAll());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: PaginatorComponent, isStandalone: true, selector: "tb-paginator", viewQueries: [{ propertyName: "$paginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }], ngImport: i0, template: `
@@ -4389,7 +4415,7 @@ class PaginatorComponent {
     <mat-paginator [pageSizeOptions]="[5, 10, 20, 50, 100, 500]" showFirstLastButtons
       [class]="{ 'hide' : $collapseFooter() }">
     </mat-paginator>
-    @if ($showAllOption()) {<button mat-button (click)="updatePaginator()"><span [style.text-decoration]="$showAll() ? 'line-through' : ''" >All</span></button>}
+    @if ($showAllOption()) {<button mat-button (click)="showAll()"><span [style.text-decoration]="$showAll() ? 'line-through' : ''" >All</span></button>}
   </div>
   `, isInline: true, styles: [":host{--mat-paginator-container-size: initial}.select-column{min-width:var(--tb-min-select-column-width, 42px)}.index-column{min-width:var(--tb-min-index-column-width, 42px)}.mat-mdc-row:nth-child(odd){background-color:var(--tb-odd-row-background-color, #cdeefe)}.page-amounts{color:#0000008a;font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;margin-right:.2rem}:host::ng-deep .table-drag-list.cdk-drop-list-dragging .drag-header:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}:host::ng-deep .mdc-data-table__cell,:host::ng-deep .mdc-data-table__header-cell{padding:var(--tb-cell-padding, 0 0 0 .2rem);line-height:var(--tb-cell-line-height, normal)}::ng-deep .op-date-time-input{line-height:3rem;font-size:.9rem;font-family:Roboto,Helvetica Neue,sans-serif;padding-left:.2rem;width:12rem}\n", ".collapse-icon{font-size:16px;height:16px;color:#3f51b5;align-self:flex-start}.collapse-icon:hover{cursor:pointer}.hide{display:none}.paginator-row{display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1$6.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -4405,7 +4431,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
     <mat-paginator [pageSizeOptions]="[5, 10, 20, 50, 100, 500]" showFirstLastButtons
       [class]="{ 'hide' : $collapseFooter() }">
     </mat-paginator>
-    @if ($showAllOption()) {<button mat-button (click)="updatePaginator()"><span [style.text-decoration]="$showAll() ? 'line-through' : ''" >All</span></button>}
+    @if ($showAllOption()) {<button mat-button (click)="showAll()"><span [style.text-decoration]="$showAll() ? 'line-through' : ''" >All</span></button>}
   </div>
   `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--mat-paginator-container-size: initial}.select-column{min-width:var(--tb-min-select-column-width, 42px)}.index-column{min-width:var(--tb-min-index-column-width, 42px)}.mat-mdc-row:nth-child(odd){background-color:var(--tb-odd-row-background-color, #cdeefe)}.page-amounts{color:#0000008a;font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;margin-right:.2rem}:host::ng-deep .table-drag-list.cdk-drop-list-dragging .drag-header:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}:host::ng-deep .mdc-data-table__cell,:host::ng-deep .mdc-data-table__header-cell{padding:var(--tb-cell-padding, 0 0 0 .2rem);line-height:var(--tb-cell-line-height, normal)}::ng-deep .op-date-time-input{line-height:3rem;font-size:.9rem;font-family:Roboto,Helvetica Neue,sans-serif;padding-left:.2rem;width:12rem}\n", ".collapse-icon{font-size:16px;height:16px;color:#3f51b5;align-self:flex-start}.collapse-icon:hover{cursor:pointer}.hide{display:none}.paginator-row{display:flex;align-items:center}\n"] }]
         }] });
@@ -4547,7 +4573,7 @@ class VirtualScrollContainer {
     }
     setSize(el) {
         const vsViewport = el.nativeElement;
-        const virtualScrollOptions = this.state.$tableSettings().useVirtualScroll;
+        const virtualScrollOptions = this.state.$tableSettings().virtualSettings;
         const rowHeight = this.computedRowHeight();
         let amountOfVisibleItems = virtualScrollOptions?.amountOfVisibleItems || this.defaultOptions.amountOfVisibleItems;
         virtualScrollOptions?.amountOfVisibleItems || this.defaultOptions.amountOfVisibleItems;
@@ -4571,12 +4597,12 @@ class VirtualScrollContainer {
         }
     };
     computedRowHeight() {
-        const virtualScrollOptions = this.state.$tableSettings().useVirtualScroll;
+        const virtualScrollOptions = this.state.$tableSettings().virtualSettings;
         const rowHeight = virtualScrollOptions?.rowHeight || (typeof this.state.$tableSettings().rowHeight === 'number' && this.state.$tableSettings().rowHeight) || this.defaultOptions.rowHeight;
         return rowHeight;
     }
     computedHeaderHeight() {
-        const virtualScrollOptions = this.state.$tableSettings().useVirtualScroll;
+        const virtualScrollOptions = this.state.$tableSettings().virtualSettings;
         const headerHeight = virtualScrollOptions?.headerHeight || (typeof this.state.$tableSettings().headerHeight === 'number' && this.state.$tableSettings().headerHeight) || this.defaultOptions.headerHeight;
         return headerHeight;
     }
@@ -4626,12 +4652,12 @@ class ProfilesMenuComponent {
     $defaultProfile = computed(() => this.stateService.$selectLocalProfileDefaultKey(this.$tableId())());
     $keys = computed(() => this.stateService.$selectLocalProfileKeys(this.$tableId())());
     saveState(key) {
-        const tableState = this.tableStore.getSavableStateSignal();
+        const tableState = this.tableStore.$savableState();
         this.onSaveState.emit(null);
         this.stateService.saveTableSettingsToLocalAndStorage(this.$tableId(), key, tableState);
     }
     addState(key, asDefault) {
-        const tableState = this.tableStore.getSavableStateSignal();
+        const tableState = this.tableStore.$savableState();
         this.stateService.addNewStateToLocalAndStorage(this.$tableId(), key, tableState, asDefault);
     }
     setDefault(key) {
@@ -4880,6 +4906,7 @@ const createDataCleaners = (metadatas, mutate = false) => {
 };
 const createCleaners = (metadatas) => {
     return metadatas.reduce((transforms, metaData) => {
+        const notNestedKey = metaData.key;
         switch (metaData.fieldType) {
             case FieldType.Currency:
             case FieldType.Number: {
@@ -4889,14 +4916,13 @@ const createCleaners = (metadatas) => {
                         const val = get(t, metaData.key);
                         const num = Number(val);
                         set(t, metaData.key, isNaN(num) || val == null ? null : num);
-                        t[metaData.key] = (isNaN(num) || val == null ? null : num);
                     });
                 }
                 else {
                     transforms.push((t) => {
-                        const val = t[metaData.key];
+                        const val = t[notNestedKey];
                         const num = Number(val);
-                        t[metaData.key] = (isNaN(num) || val == null ? null : num);
+                        t[notNestedKey] = (isNaN(num) || val == null ? null : num);
                     });
                 }
                 break;
@@ -4918,15 +4944,15 @@ const createCleaners = (metadatas) => {
                 }
                 else {
                     transforms.push((t) => {
-                        const val = t[metaData.key];
+                        const val = t[notNestedKey];
                         const date = Date.parse(val);
                         if (isNaN(date)) {
-                            t[metaData.key] = null;
+                            t[notNestedKey] = null;
                             return;
                         }
                         const d = new Date(date);
                         d.setHours(0, 0, 0, 0);
-                        t[metaData.key] = d;
+                        t[notNestedKey] = d;
                     });
                 }
                 break;
@@ -4957,24 +4983,24 @@ const createCleaners = (metadatas) => {
                 }
                 else {
                     transforms.push((t) => {
-                        const val = t[metaData.key];
+                        const val = t[notNestedKey];
                         const dateTime = Date.parse(val);
                         if (isNaN(dateTime)) {
-                            t[metaData.key] = null;
+                            t[notNestedKey] = null;
                             return;
                         }
                         const dt = new Date(dateTime);
                         if (metaData.additional?.dateTimeOptions?.includeMilliseconds) {
-                            t[metaData.key] = dt;
+                            t[notNestedKey] = dt;
                             return;
                         }
                         if (metaData.additional?.dateTimeOptions?.includeSeconds) {
                             dt.setMilliseconds(0);
-                            t[metaData.key] = dt;
+                            t[notNestedKey] = dt;
                             return;
                         }
                         dt.setSeconds(0, 0);
-                        t[metaData.key] = dt;
+                        t[notNestedKey] = dt;
                     });
                 }
             }
@@ -5057,7 +5083,6 @@ function mergeCustomCellMetaData(metaData1, metaData2) {
 class TableContainerComponent {
     state = inject(TableStore);
     dataStore = inject(DataStore);
-    config = inject(TableBuilderConfigToken);
     exportToCsvService = inject((ExportToCsvService));
     wrapper = inject(TableWrapperDirective, { optional: true });
     stateService = inject(TableBuilderStateStore);
@@ -5095,7 +5120,7 @@ class TableContainerComponent {
     selection$ = output({ alias: 'selection' });
     onStateReset$ = output({ alias: 'onStateReset' });
     onSaveState$ = output({ alias: 'onSaveState' });
-    _state$ = toObservable(this.state.getSavableStateSignal);
+    _state$ = toObservable(this.state.$savableState);
     state$ = outputFromObservable(this._state$, { alias: 'state' });
     _data$ = new BehaviorSubject([]);
     data$ = outputFromObservable(this._data$, { alias: 'data' });
@@ -5144,7 +5169,7 @@ class TableContainerComponent {
                 persistedState.persistedTableSettings = new PersistedTableSettings(persistedState.persistedTableSettings);
                 this.state.updateStateFromPersistedState(persistedState);
             }
-            this.state.setInitializationState(InitializationState.Ready);
+            this.state.setInitializationState(InitializationState.LoadedFromStore);
         });
     });
     #setPageSizeFromInputEffect = effect(() => {
@@ -5242,7 +5267,7 @@ class TableContainerComponent {
     ngOnDestroy() {
         const tableId = this.$tableId();
         if (tableId) {
-            this.stateService.saveTableStateToLocal({ tableId, tableState: this.state.getSavableStateSignal() });
+            this.stateService.saveTableStateToLocal({ tableId, tableState: this.state.$savableState() });
         }
     }
     initializeData() {
@@ -5684,5 +5709,5 @@ const setUpStoreFactory = () => {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionStateSpinnerComponent, ActionStateUiModule, ActionStatus, AppStatusState, ArrayStyle, AutoFocusDirective, CancellationToken, ClickEmitterDirective, ClickSubjectDirective, ConditionalClassesDirective, CreateTableBuilder, CustomCellDirective, DateFilterComponent, DefaultVirtualScrollOptions, DialogDirective, DialogService, DialogWrapper, FieldType, FilterChipsComponent, FilterComponent, FilterTypes, FunctionPipe, GenColDisplayerComponent, GenFilterDisplayerComponent, GeneralTableSettings, GenericTableComponent, GroupByListComponent, HttpErrorStateDirective, HttpInProgressStateDirective, HttpNotStartedStateDirective, HttpRequestModule, HttpRequestStateDirective, HttpRequestStateFactory, HttpRequestStateStore, HttpRequestStatus, HttpRequestStrategy, HttpSuccessStateDirective, MatButtonToggleFilterDirective, MatCheckboxTbFilterDirective, MatOptionTbFilterDirective, MatRadioButtonTbFilterDirective, MatSlideToggleGroupDirective, MatSlideToggleTbFilterDirective, MatTableObservableDataSource, MultiSortDirective, NgrxExtModule, NotPersistedTableSettings, PaginatorComponent, PersistedTableSettings, PhoneNumberPipe, PreventEnterDirective, ResizeColumnDirective, SortDirection, SpaceCasePipe, StopPropagationDirective, StylerDirective, Subjectifier, Subscriber, TableBuilder, TableBuilderConfigToken, TableBuilderModule, TableColumnHeaderSettings, TableContainerComponent, TableCustomFilterDirective, TableCustomFilterDirectiveBase, TableFilterDirective, TableFilterStringContainsDirective, TableSettings, TableWrapperDirective, TableWrapperFooterSettings, TableWrapperHeaderSettings, Target, TbSelectedFilterDirective, TrimWhitespaceDirective, UtilitiesModule, VirtualScrollOptions, actionStatusReducer, chainRequest, clearActionableSelectorRequestCache, combineArrays, createActionResultSelector, createActionSelector, createActionableResultSelector, createActionableSelector, createFailure, createRequestor, createSuccess, defaultFilter, defaultShareReplay, delayOn, filterArray, getRequestorBody, getRequestorStatus, getStatusState, httpRequest, httpRequestor, inProgress, initialState, isErrorState, isSuccessOrErrorState, isSuccessState, mapArray, mapError, metaDataArrToDict, notNull, notStarted, onWait, onceWhen, previousAndCurrent, provideActionableSelector, provideTableBuilder, selectAll, selectEntities, selectEntity, selectIds, selectTotal, serverStatusTypes, setUpStoreFactory, skipOneWhen, sortsAreSame, spaceCase, startWithIfEmpty, statusAdapter, statusIsSuccessOrInProgress, subscriber, switchOff, tapError, tapSuccess, wrapInArr };
+export { ActionStateSpinnerComponent, ActionStateUiModule, ActionStatus, AppStatusState, ArrayStyle, AutoFocusDirective, CancellationToken, ClickEmitterDirective, ClickSubjectDirective, ConditionalClassesDirective, CreateTableBuilder, CustomCellDirective, DateFilterComponent, DefaultVirtualScrollOptions, DialogDirective, DialogService, DialogWrapper, FieldType, FilterChipsComponent, FilterComponent, FilterTypes, FunctionPipe, GenColDisplayerComponent, GenFilterDisplayerComponent, GeneralTableSettings, GenericTableComponent, GroupByListComponent, HttpErrorStateDirective, HttpInProgressStateDirective, HttpNotStartedStateDirective, HttpRequestModule, HttpRequestStateDirective, HttpRequestStateFactory, HttpRequestStateStore, HttpRequestStatus, HttpRequestStrategy, HttpSuccessStateDirective, MatButtonToggleFilterDirective, MatCheckboxTbFilterDirective, MatOptionTbFilterDirective, MatRadioButtonTbFilterDirective, MatSlideToggleGroupDirective, MatSlideToggleTbFilterDirective, MatTableObservableDataSource, MultiSortDirective, NgrxExtModule, NotPersistedTableSettings, PaginatorComponent, PaginatorOptions, PersistedTableSettings, PhoneNumberPipe, PreventEnterDirective, ResizeColumnDirective, SortDirection, SpaceCasePipe, StopPropagationDirective, StylerDirective, Subjectifier, Subscriber, TableBuilder, TableBuilderConfigToken, TableBuilderModule, TableColumnHeaderSettings, TableContainerComponent, TableCustomFilterDirective, TableCustomFilterDirectiveBase, TableFilterDirective, TableFilterStringContainsDirective, TableSettings, TableWrapperDirective, TableWrapperFooterSettings, TableWrapperHeaderSettings, Target, TbSelectedFilterDirective, TrimWhitespaceDirective, UtilitiesModule, VirtualScrollOptions, actionStatusReducer, chainRequest, clearActionableSelectorRequestCache, combineArrays, createActionResultSelector, createActionSelector, createActionableResultSelector, createActionableSelector, createFailure, createRequestor, createSuccess, defaultFilter, defaultShareReplay, delayOn, filterArray, getRequestorBody, getRequestorStatus, getStatusState, httpRequest, httpRequestor, inProgress, initialState, isErrorState, isSuccessOrErrorState, isSuccessState, mapArray, mapError, metaDataArrToDict, notNull, notStarted, onWait, onceWhen, previousAndCurrent, provideActionableSelector, provideTableBuilder, selectAll, selectEntities, selectEntity, selectIds, selectTotal, serverStatusTypes, setUpStoreFactory, skipOneWhen, sortsAreSame, spaceCase, startWithIfEmpty, statusAdapter, statusIsSuccessOrInProgress, subscriber, switchOff, tapError, tapSuccess, wrapInArr };
 //# sourceMappingURL=one-paragon-angular-utilities.mjs.map