@porscheinformatik/clr-addons 12.5.1 → 12.5.2

package/fesm2020/clr-addons.mjs

@@ -5,7 +5,7 @@ import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i3$1 from '@angular/forms';
 import { FormsModule, NG_VALIDATORS, NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1 from '@clr/angular';
-import { ClarityModule, ClrFormsModule, ClrDropdown, ClrForm, ClrAlert, ClrAxis, ClrSide, ClrAlignment, ClrPopoverToggleService, ClrPopoverEventsService, ClrPopoverPositionService, ClrIconModule, ClrDropdownModule } from '@clr/angular';
+import { ClarityModule, ClrFormsModule, ClrDropdown, ClrForm, ClrAlert, ClrAxis, ClrSide, ClrAlignment, ClrPopoverToggleService, ClrPopoverEventsService, ClrPopoverPositionService, ClrIconModule, ClrDropdownModule, ClrDatagridPagination } from '@clr/angular';
 import { Subject, BehaviorSubject, timer, asyncScheduler, interval, of, ReplaySubject, takeUntil as takeUntil$1 } from 'rxjs';
 import { takeUntil, observeOn, take } from 'rxjs/operators';
 import * as i3 from '@angular/router';
@@ -4606,9 +4606,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
             }] } });
 
 class StatePersistenceKeyDirective {
+    ngAfterContentInit() {
+        if (this.pagination && this.pagination.page) {
+            /* persist page size changes in local storage */
+            this.pagination.page.sizeChange.subscribe(pageSize => {
+                let state = JSON.parse(localStorage.getItem(this.clrStatePersistenceKey));
+                if (!state) {
+                    state = {};
+                }
+                state.pageSize = pageSize;
+                localStorage.setItem(this.clrStatePersistenceKey, JSON.stringify(state));
+            });
+            /* init page size of datagrid if already persisted in local storage */
+            const state = JSON.parse(localStorage.getItem(this.clrStatePersistenceKey));
+            if (state && state.pageSize) {
+                /* postpone set size to other cycle as it is already set in this change detection cycle */
+                setTimeout(() => (this.pagination.page.size = state.pageSize));
+            }
+        }
+    }
 }
 StatePersistenceKeyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StatePersistenceKeyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-StatePersistenceKeyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: StatePersistenceKeyDirective, selector: "[clrStatePersistenceKey]", inputs: { clrStatePersistenceKey: "clrStatePersistenceKey" }, ngImport: i0 });
+StatePersistenceKeyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: StatePersistenceKeyDirective, selector: "[clrStatePersistenceKey]", inputs: { clrStatePersistenceKey: "clrStatePersistenceKey" }, queries: [{ propertyName: "pagination", first: true, predicate: ClrDatagridPagination, descendants: true }], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StatePersistenceKeyDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4616,6 +4635,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                 }]
         }], propDecorators: { clrStatePersistenceKey: [{
                 type: Input
+            }], pagination: [{
+                type: ContentChild,
+                args: [ClrDatagridPagination]
             }] } });
 
 class ColumnHiddenStatePersistenceDirective {
@@ -4641,10 +4663,9 @@ class ColumnHiddenStatePersistenceDirective {
         if (persistedGridStateJson !== null) {
             const persistedGridState = JSON.parse(persistedGridStateJson);
             /* read column state if existing */
-            const persistedColumnState = persistedGridState[this.columnDirective.clrDgField];
-            if (persistedColumnState) {
+            if (persistedGridState.columns && persistedGridState.columns[this.columnDirective.clrDgField]) {
                 /* read column hidden state if existing */
-                const persistedColumnHiddenState = persistedColumnState.hidden;
+                const persistedColumnHiddenState = persistedGridState.columns[this.columnDirective.clrDgField].hidden;
                 if (persistedColumnHiddenState) {
                     this.hideableColumnDirective.clrDgHidden = persistedColumnHiddenState === true;
                 }
@@ -4660,10 +4681,13 @@ class ColumnHiddenStatePersistenceDirective {
                 persistedGridState = JSON.parse(persistedGridStateJson);
             }
             /* read column state if existing */
-            let persistedColumnState = persistedGridState[this.columnDirective.clrDgField];
+            if (!persistedGridState.columns) {
+                persistedGridState.columns = {};
+            }
+            let persistedColumnState = persistedGridState.columns[this.columnDirective.clrDgField];
             if (!persistedColumnState) {
                 persistedColumnState = {};
-                persistedGridState[this.columnDirective.clrDgField] = persistedColumnState;
+                persistedGridState.columns[this.columnDirective.clrDgField] = persistedColumnState;
             }
             /* set column hidden state and persist in local storage */
             persistedColumnState.hidden = hidden;