@porscheinformatik/clr-addons 15.8.2 → 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.
|
@@ -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: [{
|