@one-paragon/angular-utilities 2.3.1 → 2.3.2

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

@@ -2383,9 +2383,9 @@ class TableStore extends ComponentStore {
             tableSettings.collapseHeader = !tableSettings.collapseHeader;
             return ({ ...state, persistedTableSettings: new PersistedTableSettings(tableSettings) });
         });
-        this.toggleCollapseFooter = this.updater((state) => {
+        this.toggleCollapseFooter = this.updater((state, options) => {
             const tableSettings = { ...state.persistedTableSettings };
-            tableSettings.collapseFooter = !tableSettings.collapseFooter;
+            tableSettings.collapseFooter = options?.collapseFooter ?? !tableSettings.collapseFooter;
             return ({ ...state, persistedTableSettings: new PersistedTableSettings(tableSettings) });
         });
         this.addGroupByKey = this.updater((state, metaDataKey) => ({
@@ -5157,7 +5157,7 @@ class PaginatorComponent {
                 }
             });
         });
-        this.$collapseFooter = computed(() => this.state.selectSignal(state => state.persistedTableSettings.collapseFooter)() || this.$showAll());
+        this.$collapseFooter = computed(() => this.state.selectSignal(state => state.persistedTableSettings.collapseFooter)());
         this.$showAllOption = this.state.selectSignal(s => s.notPersistedTableSettings?.paginatorSettings?.includeAllInOptions);
         this.$showAll = this.state.$showAll;
     }
@@ -5165,7 +5165,11 @@ class PaginatorComponent {
     #onPageSizeEffect;
     #onMetaPageSizeEffect;
     showAll() {
-        this.state.setUserDefinedShowAll(!this.$showAll());
+        const showAll = !this.$showAll();
+        this.state.setUserDefinedShowAll(showAll);
+        if (showAll) {
+            this.state.toggleCollapseFooter({ collapseFooter: true });
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: PaginatorComponent, isStandalone: true, selector: "tb-paginator", viewQueries: [{ propertyName: "$paginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }], ngImport: i0, template: `
@@ -5177,7 +5181,7 @@ class PaginatorComponent {
       </div>
     }
     <mat-paginator [pageSizeOptions]="[5, 10, 20, 50, 100, 500]" showFirstLastButtons
-      [class]="{ 'hide' : $collapseFooter() }">
+      [class]="{ 'hide' : $collapseFooter() || $showAll() }">
     </mat-paginator>
     @if ($showAllOption() && !$collapseFooter())
     {
@@ -5199,7 +5203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
       </div>
     }
     <mat-paginator [pageSizeOptions]="[5, 10, 20, 50, 100, 500]" showFirstLastButtons
-      [class]="{ 'hide' : $collapseFooter() }">
+      [class]="{ 'hide' : $collapseFooter() || $showAll() }">
     </mat-paginator>
     @if ($showAllOption() && !$collapseFooter())
     {