@porscheinformatik/clr-addons 15.8.1 → 15.8.2

package/fesm2020/clr-addons.mjs

@@ -5430,16 +5430,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
         }] });
 
 class DatagridFieldDirective {
+    getFieldName() {
+        return this.clrDgField ?? this.clrDgFieldKey;
+    }
 }
 DatagridFieldDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: DatagridFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DatagridFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: DatagridFieldDirective, selector: "[clrDgField]", inputs: { clrDgField: "clrDgField" }, ngImport: i0 });
+DatagridFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: DatagridFieldDirective, selector: "[clrDgField],[clrDgFieldKey]", inputs: { clrDgField: "clrDgField", clrDgFieldKey: "clrDgFieldKey" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: DatagridFieldDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[clrDgField]',
+                    selector: '[clrDgField],[clrDgFieldKey]',
                 }]
         }], propDecorators: { clrDgField: [{
                 type: Input
+            }], clrDgFieldKey: [{
+                type: Input
             }] } });
 
 const DATE_TYPE = 'date';
@@ -5695,7 +5700,7 @@ class ColumnHiddenStatePersistenceDirective {
     }
     ngOnInit() {
         const persistenceEnabled = this.statePersistenceKey?.options?.persistHiddenColumns ?? true;
-        if (this.statePersistenceKey?.options.key && this.columnDirective?.clrDgField && persistenceEnabled) {
+        if (this.statePersistenceKey?.options.key && this.columnDirective?.getFieldName() && persistenceEnabled) {
             /* set hidden states from local storage (if existing) */
             this.initHiddenState();
             /* listen to state changes and persist in local storage */
@@ -5708,9 +5713,9 @@ class ColumnHiddenStatePersistenceDirective {
         /* read grid state if existing */
         const persistedGridState = this.readStoredState();
         /* read column state if existing */
-        if (persistedGridState?.columns?.[this.columnDirective.clrDgField]) {
+        if (persistedGridState?.columns?.[this.columnDirective.getFieldName()]) {
             /* read column hidden state if existing */
-            const persistedColumnHiddenState = persistedGridState.columns[this.columnDirective.clrDgField].hidden;
+            const persistedColumnHiddenState = persistedGridState.columns[this.columnDirective.getFieldName()].hidden;
             if (persistedColumnHiddenState !== undefined) {
                 this.hideableColumnDirective.clrDgHidden = persistedColumnHiddenState === true;
             }
@@ -5724,10 +5729,10 @@ class ColumnHiddenStatePersistenceDirective {
             if (!persistedGridState.columns) {
                 persistedGridState.columns = {};
             }
-            let persistedColumnState = persistedGridState.columns[this.columnDirective.clrDgField];
+            let persistedColumnState = persistedGridState.columns[this.columnDirective.getFieldName()];
             if (!persistedColumnState) {
                 persistedColumnState = {};
-                persistedGridState.columns[this.columnDirective.clrDgField] = persistedColumnState;
+                persistedGridState.columns[this.columnDirective.getFieldName()] = persistedColumnState;
             }
             /* set column hidden state and persist in local storage */
             persistedColumnState.hidden = hidden;