@one-paragon/angular-utilities 2.0.0 → 2.0.1

package/action-state/ngrx.d.ts

@@ -26,6 +26,6 @@ export interface State extends EntityState<ActionStatus> {
 }
 export declare const initialState: StatusState;
 export declare const getStatusState: import("@ngrx/store").MemoizedSelector<object, State, import("@ngrx/store").DefaultProjectorFn<State>>;
-export declare const selectIds: import("@ngrx/store").MemoizedSelector<object, number[] | string[], (entityState: EntityState<ActionStatus>) => string[] | number[]>, selectEntities: import("@ngrx/store").MemoizedSelector<object, import("@ngrx/entity").Dictionary<ActionStatus>, (entityState: EntityState<ActionStatus>) => import("@ngrx/entity").Dictionary<ActionStatus>>, selectAll: import("@ngrx/store").MemoizedSelector<object, ActionStatus[], (entityState: EntityState<ActionStatus>) => ActionStatus[]>, selectTotal: import("@ngrx/store").MemoizedSelector<object, number, (entityState: EntityState<ActionStatus>) => number>;
+export declare const selectIds: import("@ngrx/store").MemoizedSelector<object, string[] | number[], (entityState: EntityState<ActionStatus>) => string[] | number[]>, selectEntities: import("@ngrx/store").MemoizedSelector<object, import("@ngrx/entity").Dictionary<ActionStatus>, (entityState: EntityState<ActionStatus>) => import("@ngrx/entity").Dictionary<ActionStatus>>, selectAll: import("@ngrx/store").MemoizedSelector<object, ActionStatus[], (entityState: EntityState<ActionStatus>) => ActionStatus[]>, selectTotal: import("@ngrx/store").MemoizedSelector<object, number, (entityState: EntityState<ActionStatus>) => number>;
 export declare const selectEntity: (id: string) => import("@ngrx/store").MemoizedSelector<object, any, (s1: import("@ngrx/entity").Dictionary<ActionStatus>) => any>;
 export declare function actionStatusReducer(state: StatusState | undefined, action: Action): StatusState;

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

@@ -934,7 +934,7 @@ var InitializationState;
 (function (InitializationState) {
     InitializationState[InitializationState["Created"] = 0] = "Created";
     InitializationState[InitializationState["MetaDataLoaded"] = 1] = "MetaDataLoaded";
-    InitializationState[InitializationState["LoadedFromStore"] = 2] = "LoadedFromStore";
+    InitializationState[InitializationState["TableSettingsLoaded"] = 2] = "TableSettingsLoaded";
     InitializationState[InitializationState["Ready"] = 3] = "Ready";
 })(InitializationState || (InitializationState = {}));
 const defaultTableState = {
@@ -1916,6 +1916,7 @@ class TableStore extends ComponentStore {
     getUserDefinedTableWidth$ = this.select(state => state.userDefined.table.width);
     $userDefinedRowHeight = this.selectSignal(state => (state.userDefined.rowHeight));
     $userDefinedHeaderHeight = this.selectSignal(state => (state.userDefined.headerHeight));
+    $userDefinedPageSize = this.selectSignal(state => (state.userDefined.pageSize));
     $footerCollapsed = this.selectSignal(state => state.persistedTableSettings.collapseFooter);
     $headerCollapsed = this.selectSignal(state => state.persistedTableSettings.collapseHeader);
     $groupBy = this.selectSignal(state => state.groupBy);
@@ -2007,13 +2008,13 @@ class TableStore extends ComponentStore {
     updateStateFromPersistedState = this.updater((state, persistedState) => {
         const incomingTableState = cleanPersistedState(state, persistedState);
         const newState = this.updateStateFunc(state, incomingTableState);
-        newState.initializationState = state.initializationState === InitializationState.MetaDataLoaded ? InitializationState.LoadedFromStore : state.initializationState;
+        newState.initializationState = state.initializationState <= InitializationState.MetaDataLoaded ? InitializationState.TableSettingsLoaded : state.initializationState;
         return newState;
     });
     updateStateFunc = (state, incomingTableState) => {
         const metaData = state.metaData;
         const sorted = incomingTableState.sorted?.length ? incomingTableState.sorted
-            : state.initializationState === InitializationState.Created ? this.$preSort() : state.sorted;
+            : state.initializationState <= InitializationState.Created ? this.$preSort() : state.sorted;
         return { ...state, ...incomingTableState, metaData, sorted };
     };
     setTableSettings = this.updater((state, settings) => {
@@ -2021,7 +2022,7 @@ class TableStore extends ComponentStore {
             ...state,
             persistedTableSettings: state.persistedTableSettings.merge(settings),
             notPersistedTableSettings: state.notPersistedTableSettings.merge(settings),
-            initializationState: InitializationState.Ready
+            initializationState: InitializationState.TableSettingsLoaded
         };
         s.pageSize = settings.tableSettings?.paginatorSettings?.pageSize ?? s.pageSize;
         s.showAll = settings.tableSettings?.paginatorSettings?.defaultAll ?? s.showAll;
@@ -4668,7 +4669,8 @@ class PaginatorComponent {
         if (!paginator)
             return;
         const metaPageSize = this.state.$pageSize();
-        untracked(() => paginator._changePageSize(metaPageSize));
+        const initialized = this.state.$initializationState() >= InitializationState.Ready;
+        untracked(() => initialized && paginator._changePageSize(metaPageSize));
     });
     onDataLengthEffect = effect(() => {
         const paginator = this.$paginator();
@@ -4986,7 +4988,7 @@ class ResetMenuComponent {
     $widthsSet = computed(() => Object.keys(this.state.$getUserDefinedWidths()).length);
     $rowHeightSet = this.state.$userDefinedRowHeight;
     headerHeightSet = this.state.$userDefinedHeaderHeight;
-    pageSizeSet = this.state.selectSignal(s => s.userDefined.pageSize);
+    pageSizeSet = this.state.$userDefinedPageSize;
     showAllSet = this.state.selectSignal(s => s.userDefined.showAll);
     $set = computed(() => {
         const arr = [];
@@ -5427,18 +5429,19 @@ class TableContainerComponent {
                 persistedState.persistedTableSettings = new PersistedTableSettings(persistedState.persistedTableSettings);
                 this.state.updateStateFromPersistedState(persistedState);
             }
-            this.state.setInitializationState(InitializationState.LoadedFromStore);
+            this.state.setInitializationState(InitializationState.Ready);
         });
     });
     #setPageSizeFromInputEffect = effect(() => {
         const pageSize = this.$pageSize();
-        if (pageSize) {
+        const userDefinedPageSize = this.state.$userDefinedPageSize();
+        if (pageSize && !userDefinedPageSize) {
             untracked(() => this.state.setPageSize(pageSize));
         }
     });
     #patchedFilters = [];
     #patchSavableFilterDirectivesFromPersistedStateEffect = effect(() => {
-        const loaded = this.$isInitializationState(InitializationState.LoadedFromStore)();
+        const loaded = this.$isInitializationState(InitializationState.TableSettingsLoaded)();
         const filterDirectives = this.$allFilterDirectives();
         if (!loaded || !filterDirectives.length)
             return;
@@ -5453,7 +5456,7 @@ class TableContainerComponent {
         });
     });
     #patchSavableFilterInputsFromPersistedStateEffect = effect(() => {
-        const loaded = this.$isInitializationState(InitializationState.LoadedFromStore)();
+        const loaded = this.$isInitializationState(InitializationState.TableSettingsLoaded)();
         const inputFilters = this.$filterInfoInputs();
         if (!loaded || !inputFilters.length)
             return;