@porscheinformatik/clr-addons 15.8.1 → 15.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/datagrid/datagrid-state-persistence/datagrid-field.directive.d.ts +3 -1
- package/esm2020/datagrid/datagrid-state-persistence/column-hidden-state-persistence.directive.mjs +6 -6
- package/esm2020/datagrid/datagrid-state-persistence/datagrid-field.directive.mjs +8 -3
- package/esm2020/treetable/treetable-row.mjs +14 -20
- package/fesm2015/clr-addons.mjs +25 -25
- package/fesm2015/clr-addons.mjs.map +1 -1
- package/fesm2020/clr-addons.mjs +24 -25
- package/fesm2020/clr-addons.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/clr-addons-phs.css +9 -0
- package/styles/clr-addons-phs.css.map +1 -1
- package/styles/clr-addons-phs.min.css +1 -1
- package/styles/clr-addons-phs.min.css.map +1 -1
- package/treetable/treetable-row.d.ts +7 -8
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class DatagridFieldDirective {
|
|
3
3
|
clrDgField: string;
|
|
4
|
+
clrDgFieldKey: string;
|
|
5
|
+
getFieldName(): string;
|
|
4
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<DatagridFieldDirective, never>;
|
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DatagridFieldDirective, "[clrDgField]", never, { "clrDgField": "clrDgField"; }, {}, never, never, false, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DatagridFieldDirective, "[clrDgField],[clrDgFieldKey]", never, { "clrDgField": "clrDgField"; "clrDgFieldKey": "clrDgFieldKey"; }, {}, never, never, false, never>;
|
|
6
8
|
}
|
package/esm2020/datagrid/datagrid-state-persistence/column-hidden-state-persistence.directive.mjs
CHANGED
|
@@ -18,7 +18,7 @@ export class ColumnHiddenStatePersistenceDirective {
|
|
|
18
18
|
}
|
|
19
19
|
ngOnInit() {
|
|
20
20
|
const persistenceEnabled = this.statePersistenceKey?.options?.persistHiddenColumns ?? true;
|
|
21
|
-
if (this.statePersistenceKey?.options.key && this.columnDirective?.
|
|
21
|
+
if (this.statePersistenceKey?.options.key && this.columnDirective?.getFieldName() && persistenceEnabled) {
|
|
22
22
|
/* set hidden states from local storage (if existing) */
|
|
23
23
|
this.initHiddenState();
|
|
24
24
|
/* listen to state changes and persist in local storage */
|
|
@@ -31,9 +31,9 @@ export class ColumnHiddenStatePersistenceDirective {
|
|
|
31
31
|
/* read grid state if existing */
|
|
32
32
|
const persistedGridState = this.readStoredState();
|
|
33
33
|
/* read column state if existing */
|
|
34
|
-
if (persistedGridState?.columns?.[this.columnDirective.
|
|
34
|
+
if (persistedGridState?.columns?.[this.columnDirective.getFieldName()]) {
|
|
35
35
|
/* read column hidden state if existing */
|
|
36
|
-
const persistedColumnHiddenState = persistedGridState.columns[this.columnDirective.
|
|
36
|
+
const persistedColumnHiddenState = persistedGridState.columns[this.columnDirective.getFieldName()].hidden;
|
|
37
37
|
if (persistedColumnHiddenState !== undefined) {
|
|
38
38
|
this.hideableColumnDirective.clrDgHidden = persistedColumnHiddenState === true;
|
|
39
39
|
}
|
|
@@ -47,10 +47,10 @@ export class ColumnHiddenStatePersistenceDirective {
|
|
|
47
47
|
if (!persistedGridState.columns) {
|
|
48
48
|
persistedGridState.columns = {};
|
|
49
49
|
}
|
|
50
|
-
let persistedColumnState = persistedGridState.columns[this.columnDirective.
|
|
50
|
+
let persistedColumnState = persistedGridState.columns[this.columnDirective.getFieldName()];
|
|
51
51
|
if (!persistedColumnState) {
|
|
52
52
|
persistedColumnState = {};
|
|
53
|
-
persistedGridState.columns[this.columnDirective.
|
|
53
|
+
persistedGridState.columns[this.columnDirective.getFieldName()] = persistedColumnState;
|
|
54
54
|
}
|
|
55
55
|
/* set column hidden state and persist in local storage */
|
|
56
56
|
persistedColumnState.hidden = hidden;
|
|
@@ -77,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
|
|
|
77
77
|
}] }, { type: i2.StatePersistenceKeyDirective, decorators: [{
|
|
78
78
|
type: Optional
|
|
79
79
|
}] }, { type: i3.ClrDatagrid }, { type: i3.ClrDatagridHideableColumn }]; } });
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWhpZGRlbi1zdGF0ZS1wZXJzaXN0ZW5jZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY2xyLWFkZG9ucy9kYXRhZ3JpZC9kYXRhZ3JpZC1zdGF0ZS1wZXJzaXN0ZW5jZS9jb2x1bW4taGlkZGVuLXN0YXRlLXBlcnNpc3RlbmNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVqRixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFLM0MsTUFBTSxPQUFPLHFDQUFxQztJQUdoRCxZQUNzQixlQUF1QyxFQUN2QyxtQkFBaUQsRUFDN0QsUUFBcUIsRUFDckIsdUJBQWtEO1FBSHRDLG9CQUFlLEdBQWYsZUFBZSxDQUF3QjtRQUN2Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQThCO1FBQzdELGFBQVEsR0FBUixRQUFRLENBQWE7UUFDckIsNEJBQXVCLEdBQXZCLHVCQUF1QixDQUEyQjtRQU41RCxhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQU81QixDQUFDO0lBRUosUUFBUTtRQUNOLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixFQUFFLE9BQU8sRUFBRSxvQkFBb0IsSUFBSSxJQUFJLENBQUM7UUFDM0YsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEVBQUUsT0FBTyxDQUFDLEdBQUcsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLFlBQVksRUFBRSxJQUFJLGtCQUFrQixFQUFFO1lBQ3ZHLHdEQUF3RDtZQUN4RCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFFdkIsMERBQTBEO1lBQzFELElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEVBQUU7Z0JBQzFGLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDOUIsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFTyxlQUFlO1FBQ3JCLGlDQUFpQztRQUNqQyxNQUFNLGtCQUFrQixHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUVsRCxtQ0FBbUM7UUFDbkMsSUFBSSxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLFlBQVksRUFBRSxDQUFDLEVBQUU7WUFDdEUsMENBQTBDO1lBQzFDLE1BQU0sMEJBQTBCLEdBQUcsa0JBQWtCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUM7WUFDMUcsSUFBSSwwQkFBMEIsS0FBSyxTQUFTLEVBQUU7Z0JBQzVDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxXQUFXLEdBQUcsMEJBQTBCLEtBQUssSUFBSSxDQUFDO2FBQ2hGO1NBQ0Y7SUFDSCxDQUFDO0lBRU8sY0FBYyxDQUFDLE1BQWU7UUFDcEMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsYUFBYSxFQUFFLE1BQU0sRUFBRTtZQUN6QyxpQ0FBaUM7WUFDakMsTUFBTSxrQkFBa0IsR0FBRyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFFbEQsbUNBQW1DO1lBQ25DLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUU7Z0JBQy9CLGtCQUFrQixDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7YUFDakM7WUFDRCxJQUFJLG9CQUFvQixHQUFHLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUM7WUFDM0YsSUFBSSxDQUFDLG9CQUFvQixFQUFFO2dCQUN6QixvQkFBb0IsR0FBRyxFQUFFLENBQUM7Z0JBQzFCLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLFlBQVksRUFBRSxDQUFDLEdBQUcsb0JBQW9CLENBQUM7YUFDeEY7WUFFRCwwREFBMEQ7WUFDMUQsb0JBQW9CLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztZQUNyQyxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDO1NBQ2hHO0lBQ0gsQ0FBQztJQUVPLGVBQWU7UUFDckIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0RixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMzQixDQUFDOztrSUFqRVUscUNBQXFDO3NIQUFyQyxxQ0FBcUM7MkZBQXJDLHFDQUFxQztrQkFIakQsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO2lCQUNsQzs7MEJBS0ksUUFBUTs7MEJBQ1IsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgT25EZXN0cm95LCBPbkluaXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYXRhZ3JpZEZpZWxkRGlyZWN0aXZlIH0gZnJvbSAnLi9kYXRhZ3JpZC1maWVsZC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ2xyRGF0YWdyaWQsIENsckRhdGFncmlkSGlkZWFibGVDb2x1bW4gfSBmcm9tICdAY2xyL2FuZ3VsYXInO1xuaW1wb3J0IHsgU3RhdGVQZXJzaXN0ZW5jZUtleURpcmVjdGl2ZSB9IGZyb20gJy4vc3RhdGUtcGVyc2lzdGVuY2Uta2V5LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBDbHJEYXRhZ3JpZFN0YXRlUGVyc2lzdGVuY2VNb2RlbCB9IGZyb20gJy4vZGF0YWdyaWQtc3RhdGUtcGVyc2lzdGVuY2UtbW9kZWwuaW50ZXJmYWNlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2NsckRnSGlkZWFibGVDb2x1bW5dJyxcbn0pXG5leHBvcnQgY2xhc3MgQ29sdW1uSGlkZGVuU3RhdGVQZXJzaXN0ZW5jZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgZGVzdHJveSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBPcHRpb25hbCgpIHByaXZhdGUgY29sdW1uRGlyZWN0aXZlOiBEYXRhZ3JpZEZpZWxkRGlyZWN0aXZlLFxuICAgIEBPcHRpb25hbCgpIHByaXZhdGUgc3RhdGVQZXJzaXN0ZW5jZUtleTogU3RhdGVQZXJzaXN0ZW5jZUtleURpcmVjdGl2ZSxcbiAgICBwcml2YXRlIGRhdGFncmlkOiBDbHJEYXRhZ3JpZCxcbiAgICBwcml2YXRlIGhpZGVhYmxlQ29sdW1uRGlyZWN0aXZlOiBDbHJEYXRhZ3JpZEhpZGVhYmxlQ29sdW1uXG4gICkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICBjb25zdCBwZXJzaXN0ZW5jZUVuYWJsZWQgPSB0aGlzLnN0YXRlUGVyc2lzdGVuY2VLZXk/Lm9wdGlvbnM/LnBlcnNpc3RIaWRkZW5Db2x1bW5zID8/IHRydWU7XG4gICAgaWYgKHRoaXMuc3RhdGVQZXJzaXN0ZW5jZUtleT8ub3B0aW9ucy5rZXkgJiYgdGhpcy5jb2x1bW5EaXJlY3RpdmU/LmdldEZpZWxkTmFtZSgpICYmIHBlcnNpc3RlbmNlRW5hYmxlZCkge1xuICAgICAgLyogc2V0IGhpZGRlbiBzdGF0ZXMgZnJvbSBsb2NhbCBzdG9yYWdlIChpZiBleGlzdGluZykgKi9cbiAgICAgIHRoaXMuaW5pdEhpZGRlblN0YXRlKCk7XG5cbiAgICAgIC8qIGxpc3RlbiB0byBzdGF0ZSBjaGFuZ2VzIGFuZCBwZXJzaXN0IGluIGxvY2FsIHN0b3JhZ2UgKi9cbiAgICAgIHRoaXMuaGlkZWFibGVDb2x1bW5EaXJlY3RpdmUuaGlkZGVuQ2hhbmdlLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKS5zdWJzY3JpYmUoaGlkZGVuID0+IHtcbiAgICAgICAgdGhpcy5zZXRIaWRkZW5TdGF0ZShoaWRkZW4pO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBpbml0SGlkZGVuU3RhdGUoKSB7XG4gICAgLyogcmVhZCBncmlkIHN0YXRlIGlmIGV4aXN0aW5nICovXG4gICAgY29uc3QgcGVyc2lzdGVkR3JpZFN0YXRlID0gdGhpcy5yZWFkU3RvcmVkU3RhdGUoKTtcblxuICAgIC8qIHJlYWQgY29sdW1uIHN0YXRlIGlmIGV4aXN0aW5nICovXG4gICAgaWYgKHBlcnNpc3RlZEdyaWRTdGF0ZT8uY29sdW1ucz8uW3RoaXMuY29sdW1uRGlyZWN0aXZlLmdldEZpZWxkTmFtZSgpXSkge1xuICAgICAgLyogcmVhZCBjb2x1bW4gaGlkZGVuIHN0YXRlIGlmIGV4aXN0aW5nICovXG4gICAgICBjb25zdCBwZXJzaXN0ZWRDb2x1bW5IaWRkZW5TdGF0ZSA9IHBlcnNpc3RlZEdyaWRTdGF0ZS5jb2x1bW5zW3RoaXMuY29sdW1uRGlyZWN0aXZlLmdldEZpZWxkTmFtZSgpXS5oaWRkZW47XG4gICAgICBpZiAocGVyc2lzdGVkQ29sdW1uSGlkZGVuU3RhdGUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLmhpZGVhYmxlQ29sdW1uRGlyZWN0aXZlLmNsckRnSGlkZGVuID0gcGVyc2lzdGVkQ29sdW1uSGlkZGVuU3RhdGUgPT09IHRydWU7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBzZXRIaWRkZW5TdGF0ZShoaWRkZW46IGJvb2xlYW4pIHtcbiAgICBpZiAoIXRoaXMuZGF0YWdyaWQ/LmRldGFpbFNlcnZpY2U/LmlzT3Blbikge1xuICAgICAgLyogcmVhZCBncmlkIHN0YXRlIGlmIGV4aXN0aW5nICovXG4gICAgICBjb25zdCBwZXJzaXN0ZWRHcmlkU3RhdGUgPSB0aGlzLnJlYWRTdG9yZWRTdGF0ZSgpO1xuXG4gICAgICAvKiByZWFkIGNvbHVtbiBzdGF0ZSBpZiBleGlzdGluZyAqL1xuICAgICAgaWYgKCFwZXJzaXN0ZWRHcmlkU3RhdGUuY29sdW1ucykge1xuICAgICAgICBwZXJzaXN0ZWRHcmlkU3RhdGUuY29sdW1ucyA9IHt9O1xuICAgICAgfVxuICAgICAgbGV0IHBlcnNpc3RlZENvbHVtblN0YXRlID0gcGVyc2lzdGVkR3JpZFN0YXRlLmNvbHVtbnNbdGhpcy5jb2x1bW5EaXJlY3RpdmUuZ2V0RmllbGROYW1lKCldO1xuICAgICAgaWYgKCFwZXJzaXN0ZWRDb2x1bW5TdGF0ZSkge1xuICAgICAgICBwZXJzaXN0ZWRDb2x1bW5TdGF0ZSA9IHt9O1xuICAgICAgICBwZXJzaXN0ZWRHcmlkU3RhdGUuY29sdW1uc1t0aGlzLmNvbHVtbkRpcmVjdGl2ZS5nZXRGaWVsZE5hbWUoKV0gPSBwZXJzaXN0ZWRDb2x1bW5TdGF0ZTtcbiAgICAgIH1cblxuICAgICAgLyogc2V0IGNvbHVtbiBoaWRkZW4gc3RhdGUgYW5kIHBlcnNpc3QgaW4gbG9jYWwgc3RvcmFnZSAqL1xuICAgICAgcGVyc2lzdGVkQ29sdW1uU3RhdGUuaGlkZGVuID0gaGlkZGVuO1xuICAgICAgbG9jYWxTdG9yYWdlLnNldEl0ZW0odGhpcy5zdGF0ZVBlcnNpc3RlbmNlS2V5Lm9wdGlvbnMua2V5LCBKU09OLnN0cmluZ2lmeShwZXJzaXN0ZWRHcmlkU3RhdGUpKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHJlYWRTdG9yZWRTdGF0ZSgpOiBDbHJEYXRhZ3JpZFN0YXRlUGVyc2lzdGVuY2VNb2RlbCB7XG4gICAgcmV0dXJuIEpTT04ucGFyc2UobG9jYWxTdG9yYWdlLmdldEl0ZW0odGhpcy5zdGF0ZVBlcnNpc3RlbmNlS2V5Lm9wdGlvbnMua2V5KSkgfHwge307XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,15 +1,20 @@
|
|
|
1
1
|
import { Directive, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class DatagridFieldDirective {
|
|
4
|
+
getFieldName() {
|
|
5
|
+
return this.clrDgField ?? this.clrDgFieldKey;
|
|
6
|
+
}
|
|
4
7
|
}
|
|
5
8
|
DatagridFieldDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: DatagridFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6
|
-
DatagridFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: DatagridFieldDirective, selector: "[clrDgField]", inputs: { clrDgField: "clrDgField" }, ngImport: i0 });
|
|
9
|
+
DatagridFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: DatagridFieldDirective, selector: "[clrDgField],[clrDgFieldKey]", inputs: { clrDgField: "clrDgField", clrDgFieldKey: "clrDgFieldKey" }, ngImport: i0 });
|
|
7
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: DatagridFieldDirective, decorators: [{
|
|
8
11
|
type: Directive,
|
|
9
12
|
args: [{
|
|
10
|
-
selector: '[clrDgField]',
|
|
13
|
+
selector: '[clrDgField],[clrDgFieldKey]',
|
|
11
14
|
}]
|
|
12
15
|
}], propDecorators: { clrDgField: [{
|
|
13
16
|
type: Input
|
|
17
|
+
}], clrDgFieldKey: [{
|
|
18
|
+
type: Input
|
|
14
19
|
}] } });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWdyaWQtZmllbGQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2Nsci1hZGRvbnMvZGF0YWdyaWQvZGF0YWdyaWQtc3RhdGUtcGVyc2lzdGVuY2UvZGF0YWdyaWQtZmllbGQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUtqRCxNQUFNLE9BQU8sc0JBQXNCO0lBTWpDLFlBQVk7UUFDVixPQUFPLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUMvQyxDQUFDOzttSEFSVSxzQkFBc0I7dUdBQXRCLHNCQUFzQjsyRkFBdEIsc0JBQXNCO2tCQUhsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw4QkFBOEI7aUJBQ3pDOzhCQUdDLFVBQVU7c0JBRFQsS0FBSztnQkFHTixhQUFhO3NCQURaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tjbHJEZ0ZpZWxkXSxbY2xyRGdGaWVsZEtleV0nLFxufSlcbmV4cG9ydCBjbGFzcyBEYXRhZ3JpZEZpZWxkRGlyZWN0aXZlIHtcbiAgQElucHV0KClcbiAgY2xyRGdGaWVsZDogc3RyaW5nO1xuICBASW5wdXQoKVxuICBjbHJEZ0ZpZWxkS2V5OiBzdHJpbmc7XG5cbiAgZ2V0RmllbGROYW1lKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuY2xyRGdGaWVsZCA/PyB0aGlzLmNsckRnRmllbGRLZXk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* Copyright (c) 2018-
|
|
2
|
+
* Copyright (c) 2018-2024 Porsche Informatik. All Rights Reserved.
|
|
3
3
|
* This software is released under MIT license.
|
|
4
4
|
* The full license information can be found in LICENSE in the root directory of this project.
|
|
5
5
|
*/
|
|
6
|
-
import {
|
|
6
|
+
import { Component, ContentChild, EventEmitter, Input, Output } from '@angular/core';
|
|
7
7
|
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
8
8
|
import { ClrTreetableActionOverflow } from './treetable-action-overflow';
|
|
9
9
|
import { angleIcon, ClarityIcons } from '@cds/core/icon';
|
|
@@ -13,26 +13,23 @@ import * as i2 from "@clr/angular";
|
|
|
13
13
|
import * as i3 from "./treetable-action-overflow";
|
|
14
14
|
ClarityIcons.addIcons(angleIcon);
|
|
15
15
|
export class ClrTreetableRow {
|
|
16
|
-
set clrExpandable(expandable) {
|
|
17
|
-
setTimeout(() => {
|
|
18
|
-
this.expandable = expandable;
|
|
19
|
-
this.changeDetectorRef.markForCheck();
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
16
|
set actionOverflow(actionOverflow) {
|
|
23
17
|
this.showActionOverflow = !!actionOverflow;
|
|
24
18
|
this.showEmptyActionOverflow = !this.showActionOverflow;
|
|
25
19
|
this.hasActionOverflow.emit(this.showActionOverflow);
|
|
26
20
|
}
|
|
27
|
-
constructor(
|
|
28
|
-
this.changeDetectorRef = changeDetectorRef;
|
|
21
|
+
constructor() {
|
|
29
22
|
this.expanded = false;
|
|
30
23
|
this.clickable = true;
|
|
24
|
+
this.expandable = false;
|
|
31
25
|
this.hasActionOverflow = new EventEmitter();
|
|
32
26
|
this.expandedChange = new EventEmitter();
|
|
33
27
|
this.showActionOverflow = false;
|
|
34
28
|
this.showEmptyActionOverflow = false;
|
|
35
|
-
this.
|
|
29
|
+
this.showClickClass = false;
|
|
30
|
+
}
|
|
31
|
+
ngOnInit() {
|
|
32
|
+
this.showClickClass = this.expandable && this.clickable;
|
|
36
33
|
}
|
|
37
34
|
toggleExpand() {
|
|
38
35
|
if (this.expandable) {
|
|
@@ -50,12 +47,9 @@ export class ClrTreetableRow {
|
|
|
50
47
|
this.toggleExpand();
|
|
51
48
|
}
|
|
52
49
|
}
|
|
53
|
-
isExpandable() {
|
|
54
|
-
return this.expandable;
|
|
55
|
-
}
|
|
56
50
|
}
|
|
57
|
-
ClrTreetableRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: ClrTreetableRow, deps: [
|
|
58
|
-
ClrTreetableRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: ClrTreetableRow, selector: "clr-tt-row", inputs: { expanded: ["clrExpanded", "expanded"], clickable: ["clrClickable", "clickable"],
|
|
51
|
+
ClrTreetableRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: ClrTreetableRow, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
+
ClrTreetableRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: ClrTreetableRow, selector: "clr-tt-row", inputs: { expanded: ["clrExpanded", "expanded"], clickable: ["clrClickable", "clickable"], expandable: ["clrExpandable", "expandable"] }, outputs: { hasActionOverflow: "hasActionOverflow", expandedChange: "clrExpandedChange" }, host: { properties: { "class.treetable-row-wrapper": "true" } }, queries: [{ propertyName: "actionOverflow", first: true, predicate: ClrTreetableActionOverflow, descendants: true }], ngImport: i0, template: "<!--\n ~ Copyright (c) 2018-2024 Porsche Informatik. All Rights Reserved.\n ~ This software is released under MIT license.\n ~ The full license information can be found in LICENSE in the root directory of this project.\n -->\n\n<div\n [ngClass]=\"{'clr-row-clickable': showClickClass}\"\n class=\"clr-tt-node-content treetable-row\"\n (click)=\"onRowClick($event)\"\n>\n <ng-content select=\"clr-tt-action-overflow\"></ng-content>\n <clr-tt-action-overflow *ngIf=\"showActionOverflow && showEmptyActionOverflow\" [empty]=\"true\"></clr-tt-action-overflow>\n <div class=\"treetable-scrolling-cells\">\n <div class=\"treetable-expandable-caret\" *ngIf=\"expandable\">\n <button type=\"button\" class=\"treetable-expandable-caret-button\" (click)=\"onCaretClick()\">\n <cds-icon\n shape=\"angle\"\n [attr.direction]=\"expanded ? 'down' : 'right'\"\n class=\"treetable-expandable-caret-icon\"\n ></cds-icon>\n </button>\n </div>\n\n <ng-content select=\"clr-tt-cell\"></ng-content>\n </div>\n</div>\n<div [@collapseExpandAnimation]=\"expanded\">\n <ng-content select=\"clr-tt-row\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdsIconCustomTag, selector: "cds-icon" }, { kind: "component", type: i3.ClrTreetableActionOverflow, selector: "clr-tt-action-overflow", inputs: ["empty"] }], animations: [
|
|
59
53
|
trigger('collapseExpandAnimation', [
|
|
60
54
|
state('false', style({ display: 'none' })),
|
|
61
55
|
state('true', style({ display: 'block' })),
|
|
@@ -84,14 +78,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
|
|
|
84
78
|
animate('300ms', style({ opacity: 0, height: 0 })),
|
|
85
79
|
]),
|
|
86
80
|
]),
|
|
87
|
-
], template: "<!--\n ~ Copyright (c) 2018-
|
|
88
|
-
}], ctorParameters: function () { return [
|
|
81
|
+
], template: "<!--\n ~ Copyright (c) 2018-2024 Porsche Informatik. All Rights Reserved.\n ~ This software is released under MIT license.\n ~ The full license information can be found in LICENSE in the root directory of this project.\n -->\n\n<div\n [ngClass]=\"{'clr-row-clickable': showClickClass}\"\n class=\"clr-tt-node-content treetable-row\"\n (click)=\"onRowClick($event)\"\n>\n <ng-content select=\"clr-tt-action-overflow\"></ng-content>\n <clr-tt-action-overflow *ngIf=\"showActionOverflow && showEmptyActionOverflow\" [empty]=\"true\"></clr-tt-action-overflow>\n <div class=\"treetable-scrolling-cells\">\n <div class=\"treetable-expandable-caret\" *ngIf=\"expandable\">\n <button type=\"button\" class=\"treetable-expandable-caret-button\" (click)=\"onCaretClick()\">\n <cds-icon\n shape=\"angle\"\n [attr.direction]=\"expanded ? 'down' : 'right'\"\n class=\"treetable-expandable-caret-icon\"\n ></cds-icon>\n </button>\n </div>\n\n <ng-content select=\"clr-tt-cell\"></ng-content>\n </div>\n</div>\n<div [@collapseExpandAnimation]=\"expanded\">\n <ng-content select=\"clr-tt-row\"></ng-content>\n</div>\n" }]
|
|
82
|
+
}], ctorParameters: function () { return []; }, propDecorators: { expanded: [{
|
|
89
83
|
type: Input,
|
|
90
84
|
args: ['clrExpanded']
|
|
91
85
|
}], clickable: [{
|
|
92
86
|
type: Input,
|
|
93
87
|
args: ['clrClickable']
|
|
94
|
-
}],
|
|
88
|
+
}], expandable: [{
|
|
95
89
|
type: Input,
|
|
96
90
|
args: ['clrExpandable']
|
|
97
91
|
}], hasActionOverflow: [{
|
|
@@ -103,4 +97,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
|
|
|
103
97
|
type: ContentChild,
|
|
104
98
|
args: [ClrTreetableActionOverflow]
|
|
105
99
|
}] } });
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZXRhYmxlLXJvdy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jbHItYWRkb25zL3RyZWV0YWJsZS90cmVldGFibGUtcm93LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2Nsci1hZGRvbnMvdHJlZXRhYmxlL3RyZWV0YWJsZS1yb3cuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7OztHQUlHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQUV6RCxZQUFZLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0FBcUJqQyxNQUFNLE9BQU8sZUFBZTtJQVkxQixJQUNJLGNBQWMsQ0FBQyxjQUEwQztRQUMzRCxJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxDQUFDLGNBQWMsQ0FBQztRQUMzQyxJQUFJLENBQUMsdUJBQXVCLEdBQUcsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUM7UUFDeEQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQ7UUFsQnNCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDaEIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNoQixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBRWpDLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDN0IsbUJBQWMsR0FBRyxJQUFJLFlBQVks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ZSxFQUFFO2dDQUMxQixLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxDQUFDO2dDQUN0RCxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7NkJBQ25ELENBQUM7eUJBQ0gsQ0FBQztxQkFDSDswRUFHcUIsUUFBUTtzQkFBN0IsS0FBSzt1QkFBQyxhQUFhO2dCQUNHLFNBQVM7c0JBQS9CLEtBQUs7dUJBQUMsY0FBYztnQkFDRyxVQUFVO3NCQUFqQyxLQUFLO3VCQUFDLGVBQWU7Z0JBRVosaUJBQWlCO3NCQUExQixNQUFNO2dCQUNzQixjQUFjO3NCQUExQyxNQUFNO3VCQUFDLG1CQUFtQjtnQkFPdkIsY0FBYztzQkFEakIsWUFBWTt1QkFBQywwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LTIwMjQgUG9yc2NoZSBJbmZvcm1hdGlrLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICogVGhpcyBzb2Z0d2FyZSBpcyByZWxlYXNlZCB1bmRlciBNSVQgbGljZW5zZS5cbiAqIFRoZSBmdWxsIGxpY2Vuc2UgaW5mb3JtYXRpb24gY2FuIGJlIGZvdW5kIGluIExJQ0VOU0UgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgcHJvamVjdC5cbiAqL1xuXG5pbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgQ2xyVHJlZXRhYmxlQWN0aW9uT3ZlcmZsb3cgfSBmcm9tICcuL3RyZWV0YWJsZS1hY3Rpb24tb3ZlcmZsb3cnO1xuaW1wb3J0IHsgYW5nbGVJY29uLCBDbGFyaXR5SWNvbnMgfSBmcm9tICdAY2RzL2NvcmUvaWNvbic7XG5cbkNsYXJpdHlJY29ucy5hZGRJY29ucyhhbmdsZUljb24pO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjbHItdHQtcm93JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RyZWV0YWJsZS1yb3cuaHRtbCcsXG4gIGhvc3Q6IHsgJ1tjbGFzcy50cmVldGFibGUtcm93LXdyYXBwZXJdJzogJ3RydWUnIH0sXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCdjb2xsYXBzZUV4cGFuZEFuaW1hdGlvbicsIFtcbiAgICAgIHN0YXRlKCdmYWxzZScsIHN0eWxlKHsgZGlzcGxheTogJ25vbmUnIH0pKSxcbiAgICAgIHN0YXRlKCd0cnVlJywgc3R5bGUoeyBkaXNwbGF5OiAnYmxvY2snIH0pKSxcbiAgICAgIHRyYW5zaXRpb24oJ2ZhbHNlID0+IHRydWUnLCBbXG4gICAgICAgIHN0eWxlKHsgb3BhY2l0eTogMCwgaGVpZ2h0OiAwLCBvdmVyZmxvdzogJ2hpZGRlbicsIGRpc3BsYXk6ICdibG9jaycgfSksXG4gICAgICAgIGFuaW1hdGUoJzMwMG1zJywgc3R5bGUoeyBvcGFjaXR5OiAxLCBoZWlnaHQ6ICcqJyB9KSksXG4gICAgICBdKSxcbiAgICAgIHRyYW5zaXRpb24oJ3RydWUgPT4gZmFsc2UnLCBbXG4gICAgICAgIHN0eWxlKHsgb3BhY2l0eTogMSwgaGVpZ2h0OiAnKicsIG92ZXJmbG93OiAnaGlkZGVuJyB9KSxcbiAgICAgICAgYW5pbWF0ZSgnMzAwbXMnLCBzdHlsZSh7IG9wYWNpdHk6IDAsIGhlaWdodDogMCB9KSksXG4gICAgICBdKSxcbiAgICBdKSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2xyVHJlZXRhYmxlUm93IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCdjbHJFeHBhbmRlZCcpIGV4cGFuZGVkID0gZmFsc2U7XG4gIEBJbnB1dCgnY2xyQ2xpY2thYmxlJykgY2xpY2thYmxlID0gdHJ1ZTtcbiAgQElucHV0KCdjbHJFeHBhbmRhYmxlJykgZXhwYW5kYWJsZSA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSBoYXNBY3Rpb25PdmVyZmxvdyA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgQE91dHB1dCgnY2xyRXhwYW5kZWRDaGFuZ2UnKSBleHBhbmRlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBzaG93QWN0aW9uT3ZlcmZsb3cgPSBmYWxzZTtcbiAgc2hvd0VtcHR5QWN0aW9uT3ZlcmZsb3cgPSBmYWxzZTtcbiAgc2hvd0NsaWNrQ2xhc3MgPSBmYWxzZTtcblxuICBAQ29udGVudENoaWxkKENsclRyZWV0YWJsZUFjdGlvbk92ZXJmbG93KVxuICBzZXQgYWN0aW9uT3ZlcmZsb3coYWN0aW9uT3ZlcmZsb3c6IENsclRyZWV0YWJsZUFjdGlvbk92ZXJmbG93KSB7XG4gICAgdGhpcy5zaG93QWN0aW9uT3ZlcmZsb3cgPSAhIWFjdGlvbk92ZXJmbG93O1xuICAgIHRoaXMuc2hvd0VtcHR5QWN0aW9uT3ZlcmZsb3cgPSAhdGhpcy5zaG93QWN0aW9uT3ZlcmZsb3c7XG4gICAgdGhpcy5oYXNBY3Rpb25PdmVyZmxvdy5lbWl0KHRoaXMuc2hvd0FjdGlvbk92ZXJmbG93KTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNob3dDbGlja0NsYXNzID0gdGhpcy5leHBhbmRhYmxlICYmIHRoaXMuY2xpY2thYmxlO1xuICB9XG5cbiAgcHJpdmF0ZSB0b2dnbGVFeHBhbmQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZXhwYW5kYWJsZSkge1xuICAgICAgdGhpcy5leHBhbmRlZCA9ICF0aGlzLmV4cGFuZGVkO1xuICAgICAgdGhpcy5leHBhbmRlZENoYW5nZS5lbWl0KHRoaXMuZXhwYW5kZWQpO1xuICAgIH1cbiAgfVxuXG4gIG9uUm93Q2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5jbGlja2FibGUgJiYgIShldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpLmNsb3Nlc3QoJy50cmVldGFibGUtYWN0aW9uLXRyaWdnZXInKSkge1xuICAgICAgdGhpcy50b2dnbGVFeHBhbmQoKTtcbiAgICB9XG4gIH1cblxuICBvbkNhcmV0Q2xpY2soKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNsaWNrYWJsZSkge1xuICAgICAgdGhpcy50b2dnbGVFeHBhbmQoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjwhLS1cbiAgfiBDb3B5cmlnaHQgKGMpIDIwMTgtMjAyNCBQb3JzY2hlIEluZm9ybWF0aWsuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gIH4gVGhpcyBzb2Z0d2FyZSBpcyByZWxlYXNlZCB1bmRlciBNSVQgbGljZW5zZS5cbiAgfiBUaGUgZnVsbCBsaWNlbnNlIGluZm9ybWF0aW9uIGNhbiBiZSBmb3VuZCBpbiBMSUNFTlNFIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHByb2plY3QuXG4gIC0tPlxuXG48ZGl2XG4gIFtuZ0NsYXNzXT1cInsnY2xyLXJvdy1jbGlja2FibGUnOiBzaG93Q2xpY2tDbGFzc31cIlxuICBjbGFzcz1cImNsci10dC1ub2RlLWNvbnRlbnQgdHJlZXRhYmxlLXJvd1wiXG4gIChjbGljayk9XCJvblJvd0NsaWNrKCRldmVudClcIlxuPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJjbHItdHQtYWN0aW9uLW92ZXJmbG93XCI+PC9uZy1jb250ZW50PlxuICA8Y2xyLXR0LWFjdGlvbi1vdmVyZmxvdyAqbmdJZj1cInNob3dBY3Rpb25PdmVyZmxvdyAmJiBzaG93RW1wdHlBY3Rpb25PdmVyZmxvd1wiIFtlbXB0eV09XCJ0cnVlXCI+PC9jbHItdHQtYWN0aW9uLW92ZXJmbG93PlxuICA8ZGl2IGNsYXNzPVwidHJlZXRhYmxlLXNjcm9sbGluZy1jZWxsc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJ0cmVldGFibGUtZXhwYW5kYWJsZS1jYXJldFwiICpuZ0lmPVwiZXhwYW5kYWJsZVwiPlxuICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJ0cmVldGFibGUtZXhwYW5kYWJsZS1jYXJldC1idXR0b25cIiAoY2xpY2spPVwib25DYXJldENsaWNrKClcIj5cbiAgICAgICAgPGNkcy1pY29uXG4gICAgICAgICAgc2hhcGU9XCJhbmdsZVwiXG4gICAgICAgICAgW2F0dHIuZGlyZWN0aW9uXT1cImV4cGFuZGVkID8gJ2Rvd24nIDogJ3JpZ2h0J1wiXG4gICAgICAgICAgY2xhc3M9XCJ0cmVldGFibGUtZXhwYW5kYWJsZS1jYXJldC1pY29uXCJcbiAgICAgICAgPjwvY2RzLWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cblxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImNsci10dC1jZWxsXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiBbQGNvbGxhcHNlRXhwYW5kQW5pbWF0aW9uXT1cImV4cGFuZGVkXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImNsci10dC1yb3dcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
package/fesm2015/clr-addons.mjs
CHANGED
|
@@ -3616,32 +3616,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
|
|
|
3616
3616
|
}] } });
|
|
3617
3617
|
|
|
3618
3618
|
/*
|
|
3619
|
-
* Copyright (c) 2018-
|
|
3619
|
+
* Copyright (c) 2018-2024 Porsche Informatik. All Rights Reserved.
|
|
3620
3620
|
* This software is released under MIT license.
|
|
3621
3621
|
* The full license information can be found in LICENSE in the root directory of this project.
|
|
3622
3622
|
*/
|
|
3623
3623
|
ClarityIcons.addIcons(angleIcon);
|
|
3624
3624
|
class ClrTreetableRow {
|
|
3625
|
-
set clrExpandable(expandable) {
|
|
3626
|
-
setTimeout(() => {
|
|
3627
|
-
this.expandable = expandable;
|
|
3628
|
-
this.changeDetectorRef.markForCheck();
|
|
3629
|
-
});
|
|
3630
|
-
}
|
|
3631
3625
|
set actionOverflow(actionOverflow) {
|
|
3632
3626
|
this.showActionOverflow = !!actionOverflow;
|
|
3633
3627
|
this.showEmptyActionOverflow = !this.showActionOverflow;
|
|
3634
3628
|
this.hasActionOverflow.emit(this.showActionOverflow);
|
|
3635
3629
|
}
|
|
3636
|
-
constructor(
|
|
3637
|
-
this.changeDetectorRef = changeDetectorRef;
|
|
3630
|
+
constructor() {
|
|
3638
3631
|
this.expanded = false;
|
|
3639
3632
|
this.clickable = true;
|
|
3633
|
+
this.expandable = false;
|
|
3640
3634
|
this.hasActionOverflow = new EventEmitter();
|
|
3641
3635
|
this.expandedChange = new EventEmitter();
|
|
3642
3636
|
this.showActionOverflow = false;
|
|
3643
3637
|
this.showEmptyActionOverflow = false;
|
|
3644
|
-
this.
|
|
3638
|
+
this.showClickClass = false;
|
|
3639
|
+
}
|
|
3640
|
+
ngOnInit() {
|
|
3641
|
+
this.showClickClass = this.expandable && this.clickable;
|
|
3645
3642
|
}
|
|
3646
3643
|
toggleExpand() {
|
|
3647
3644
|
if (this.expandable) {
|
|
@@ -3659,12 +3656,9 @@ class ClrTreetableRow {
|
|
|
3659
3656
|
this.toggleExpand();
|
|
3660
3657
|
}
|
|
3661
3658
|
}
|
|
3662
|
-
isExpandable() {
|
|
3663
|
-
return this.expandable;
|
|
3664
|
-
}
|
|
3665
3659
|
}
|
|
3666
|
-
ClrTreetableRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: ClrTreetableRow, deps: [
|
|
3667
|
-
ClrTreetableRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: ClrTreetableRow, selector: "clr-tt-row", inputs: { expanded: ["clrExpanded", "expanded"], clickable: ["clrClickable", "clickable"],
|
|
3660
|
+
ClrTreetableRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: ClrTreetableRow, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3661
|
+
ClrTreetableRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: ClrTreetableRow, selector: "clr-tt-row", inputs: { expanded: ["clrExpanded", "expanded"], clickable: ["clrClickable", "clickable"], expandable: ["clrExpandable", "expandable"] }, outputs: { hasActionOverflow: "hasActionOverflow", expandedChange: "clrExpandedChange" }, host: { properties: { "class.treetable-row-wrapper": "true" } }, queries: [{ propertyName: "actionOverflow", first: true, predicate: ClrTreetableActionOverflow, descendants: true }], ngImport: i0, template: "<!--\n ~ Copyright (c) 2018-2024 Porsche Informatik. All Rights Reserved.\n ~ This software is released under MIT license.\n ~ The full license information can be found in LICENSE in the root directory of this project.\n -->\n\n<div\n [ngClass]=\"{'clr-row-clickable': showClickClass}\"\n class=\"clr-tt-node-content treetable-row\"\n (click)=\"onRowClick($event)\"\n>\n <ng-content select=\"clr-tt-action-overflow\"></ng-content>\n <clr-tt-action-overflow *ngIf=\"showActionOverflow && showEmptyActionOverflow\" [empty]=\"true\"></clr-tt-action-overflow>\n <div class=\"treetable-scrolling-cells\">\n <div class=\"treetable-expandable-caret\" *ngIf=\"expandable\">\n <button type=\"button\" class=\"treetable-expandable-caret-button\" (click)=\"onCaretClick()\">\n <cds-icon\n shape=\"angle\"\n [attr.direction]=\"expanded ? 'down' : 'right'\"\n class=\"treetable-expandable-caret-icon\"\n ></cds-icon>\n </button>\n </div>\n\n <ng-content select=\"clr-tt-cell\"></ng-content>\n </div>\n</div>\n<div [@collapseExpandAnimation]=\"expanded\">\n <ng-content select=\"clr-tt-row\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.CdsIconCustomTag, selector: "cds-icon" }, { kind: "component", type: ClrTreetableActionOverflow, selector: "clr-tt-action-overflow", inputs: ["empty"] }], animations: [
|
|
3668
3662
|
trigger('collapseExpandAnimation', [
|
|
3669
3663
|
state('false', style({ display: 'none' })),
|
|
3670
3664
|
state('true', style({ display: 'block' })),
|
|
@@ -3693,14 +3687,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
|
|
|
3693
3687
|
animate('300ms', style({ opacity: 0, height: 0 })),
|
|
3694
3688
|
]),
|
|
3695
3689
|
]),
|
|
3696
|
-
], template: "<!--\n ~ Copyright (c) 2018-
|
|
3697
|
-
}], ctorParameters: function () { return [
|
|
3690
|
+
], template: "<!--\n ~ Copyright (c) 2018-2024 Porsche Informatik. All Rights Reserved.\n ~ This software is released under MIT license.\n ~ The full license information can be found in LICENSE in the root directory of this project.\n -->\n\n<div\n [ngClass]=\"{'clr-row-clickable': showClickClass}\"\n class=\"clr-tt-node-content treetable-row\"\n (click)=\"onRowClick($event)\"\n>\n <ng-content select=\"clr-tt-action-overflow\"></ng-content>\n <clr-tt-action-overflow *ngIf=\"showActionOverflow && showEmptyActionOverflow\" [empty]=\"true\"></clr-tt-action-overflow>\n <div class=\"treetable-scrolling-cells\">\n <div class=\"treetable-expandable-caret\" *ngIf=\"expandable\">\n <button type=\"button\" class=\"treetable-expandable-caret-button\" (click)=\"onCaretClick()\">\n <cds-icon\n shape=\"angle\"\n [attr.direction]=\"expanded ? 'down' : 'right'\"\n class=\"treetable-expandable-caret-icon\"\n ></cds-icon>\n </button>\n </div>\n\n <ng-content select=\"clr-tt-cell\"></ng-content>\n </div>\n</div>\n<div [@collapseExpandAnimation]=\"expanded\">\n <ng-content select=\"clr-tt-row\"></ng-content>\n</div>\n" }]
|
|
3691
|
+
}], ctorParameters: function () { return []; }, propDecorators: { expanded: [{
|
|
3698
3692
|
type: Input,
|
|
3699
3693
|
args: ['clrExpanded']
|
|
3700
3694
|
}], clickable: [{
|
|
3701
3695
|
type: Input,
|
|
3702
3696
|
args: ['clrClickable']
|
|
3703
|
-
}],
|
|
3697
|
+
}], expandable: [{
|
|
3704
3698
|
type: Input,
|
|
3705
3699
|
args: ['clrExpandable']
|
|
3706
3700
|
}], hasActionOverflow: [{
|
|
@@ -5429,16 +5423,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
|
|
|
5429
5423
|
}] });
|
|
5430
5424
|
|
|
5431
5425
|
class DatagridFieldDirective {
|
|
5426
|
+
getFieldName() {
|
|
5427
|
+
var _a;
|
|
5428
|
+
return (_a = this.clrDgField) !== null && _a !== void 0 ? _a : this.clrDgFieldKey;
|
|
5429
|
+
}
|
|
5432
5430
|
}
|
|
5433
5431
|
DatagridFieldDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: DatagridFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
5434
|
-
DatagridFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: DatagridFieldDirective, selector: "[clrDgField]", inputs: { clrDgField: "clrDgField" }, ngImport: i0 });
|
|
5432
|
+
DatagridFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: DatagridFieldDirective, selector: "[clrDgField],[clrDgFieldKey]", inputs: { clrDgField: "clrDgField", clrDgFieldKey: "clrDgFieldKey" }, ngImport: i0 });
|
|
5435
5433
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: DatagridFieldDirective, decorators: [{
|
|
5436
5434
|
type: Directive,
|
|
5437
5435
|
args: [{
|
|
5438
|
-
selector: '[clrDgField]',
|
|
5436
|
+
selector: '[clrDgField],[clrDgFieldKey]',
|
|
5439
5437
|
}]
|
|
5440
5438
|
}], propDecorators: { clrDgField: [{
|
|
5441
5439
|
type: Input
|
|
5440
|
+
}], clrDgFieldKey: [{
|
|
5441
|
+
type: Input
|
|
5442
5442
|
}] } });
|
|
5443
5443
|
|
|
5444
5444
|
const DATE_TYPE = 'date';
|
|
@@ -5703,7 +5703,7 @@ class ColumnHiddenStatePersistenceDirective {
|
|
|
5703
5703
|
ngOnInit() {
|
|
5704
5704
|
var _a, _b, _c, _d, _e;
|
|
5705
5705
|
const persistenceEnabled = (_c = (_b = (_a = this.statePersistenceKey) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.persistHiddenColumns) !== null && _c !== void 0 ? _c : true;
|
|
5706
|
-
if (((_d = this.statePersistenceKey) === null || _d === void 0 ? void 0 : _d.options.key) && ((_e = this.columnDirective) === null || _e === void 0 ? void 0 : _e.
|
|
5706
|
+
if (((_d = this.statePersistenceKey) === null || _d === void 0 ? void 0 : _d.options.key) && ((_e = this.columnDirective) === null || _e === void 0 ? void 0 : _e.getFieldName()) && persistenceEnabled) {
|
|
5707
5707
|
/* set hidden states from local storage (if existing) */
|
|
5708
5708
|
this.initHiddenState();
|
|
5709
5709
|
/* listen to state changes and persist in local storage */
|
|
@@ -5717,9 +5717,9 @@ class ColumnHiddenStatePersistenceDirective {
|
|
|
5717
5717
|
/* read grid state if existing */
|
|
5718
5718
|
const persistedGridState = this.readStoredState();
|
|
5719
5719
|
/* read column state if existing */
|
|
5720
|
-
if ((_a = persistedGridState === null || persistedGridState === void 0 ? void 0 : persistedGridState.columns) === null || _a === void 0 ? void 0 : _a[this.columnDirective.
|
|
5720
|
+
if ((_a = persistedGridState === null || persistedGridState === void 0 ? void 0 : persistedGridState.columns) === null || _a === void 0 ? void 0 : _a[this.columnDirective.getFieldName()]) {
|
|
5721
5721
|
/* read column hidden state if existing */
|
|
5722
|
-
const persistedColumnHiddenState = persistedGridState.columns[this.columnDirective.
|
|
5722
|
+
const persistedColumnHiddenState = persistedGridState.columns[this.columnDirective.getFieldName()].hidden;
|
|
5723
5723
|
if (persistedColumnHiddenState !== undefined) {
|
|
5724
5724
|
this.hideableColumnDirective.clrDgHidden = persistedColumnHiddenState === true;
|
|
5725
5725
|
}
|
|
@@ -5734,10 +5734,10 @@ class ColumnHiddenStatePersistenceDirective {
|
|
|
5734
5734
|
if (!persistedGridState.columns) {
|
|
5735
5735
|
persistedGridState.columns = {};
|
|
5736
5736
|
}
|
|
5737
|
-
let persistedColumnState = persistedGridState.columns[this.columnDirective.
|
|
5737
|
+
let persistedColumnState = persistedGridState.columns[this.columnDirective.getFieldName()];
|
|
5738
5738
|
if (!persistedColumnState) {
|
|
5739
5739
|
persistedColumnState = {};
|
|
5740
|
-
persistedGridState.columns[this.columnDirective.
|
|
5740
|
+
persistedGridState.columns[this.columnDirective.getFieldName()] = persistedColumnState;
|
|
5741
5741
|
}
|
|
5742
5742
|
/* set column hidden state and persist in local storage */
|
|
5743
5743
|
persistedColumnState.hidden = hidden;
|