@colijnit/extendedcomponents 12.0.9 → 12.0.10
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/bundles/colijnit-extendedcomponents.umd.js +13 -4
- package/bundles/colijnit-extendedcomponents.umd.js.map +1 -1
- package/esm2015/lib/components/summary-grid/components/recursive-list/recursive-list.component.js +14 -8
- package/esm2015/lib/components/summary-grid/summary-grid.component.js +9 -4
- package/fesm2015/colijnit-extendedcomponents.js +20 -9
- package/fesm2015/colijnit-extendedcomponents.js.map +1 -1
- package/lib/components/summary-grid/components/recursive-list/recursive-list.component.d.ts +4 -2
- package/lib/components/summary-grid/summary-grid.component.d.ts +3 -2
- package/package.json +1 -1
package/esm2015/lib/components/summary-grid/components/recursive-list/recursive-list.component.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// recursive-list.component.ts
|
|
2
|
-
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
3
3
|
import { Icon } from '../../../../enum/icon.enum';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "../../../../service/icon-cache.service";
|
|
@@ -16,6 +16,7 @@ export class RecursiveListComponent {
|
|
|
16
16
|
this.depth = 0;
|
|
17
17
|
this.indentation = 10;
|
|
18
18
|
this.dataPipe = null;
|
|
19
|
+
this.dataPointClicked = new EventEmitter();
|
|
19
20
|
}
|
|
20
21
|
toggleCollapse(event, item) {
|
|
21
22
|
event.stopPropagation(); // Stop event propagation here
|
|
@@ -35,9 +36,12 @@ export class RecursiveListComponent {
|
|
|
35
36
|
return dataValue.toString(); // No formatting needed
|
|
36
37
|
}
|
|
37
38
|
}
|
|
39
|
+
handleDataPointClicked(event) {
|
|
40
|
+
this.dataPointClicked.emit(event);
|
|
41
|
+
}
|
|
38
42
|
}
|
|
39
43
|
RecursiveListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListComponent, deps: [{ token: i1.IconCacheService }], target: i0.ɵɵFactoryTarget.Component });
|
|
40
|
-
RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RecursiveListComponent, selector: "co-recursive-list", inputs: { collection: "collection", columns: "columns", subColumns: "subColumns", tableLegend: "tableLegend", depth: "depth", indentation: "indentation", dataPipe: "dataPipe", params: "params" }, ngImport: i0, template: `
|
|
44
|
+
RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RecursiveListComponent, selector: "co-recursive-list", inputs: { collection: "collection", columns: "columns", subColumns: "subColumns", tableLegend: "tableLegend", depth: "depth", indentation: "indentation", dataPipe: "dataPipe", params: "params" }, outputs: { dataPointClicked: "dataPointClicked" }, ngImport: i0, template: `
|
|
41
45
|
<div class="co-recursive-list">
|
|
42
46
|
<div class="table-header-row">
|
|
43
47
|
<div class="table-legend" *ngIf="tableLegend.length > 1">
|
|
@@ -60,7 +64,7 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
60
64
|
<div class="table-row">
|
|
61
65
|
<div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
|
|
62
66
|
<co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
63
|
-
<span [textContent]="item.name"></span>
|
|
67
|
+
<span (click)="handleDataPointClicked(item.name)" [textContent]="item.name"></span>
|
|
64
68
|
</div>
|
|
65
69
|
<div class="table-cell data-points">
|
|
66
70
|
<div *ngFor="let dataPoint of item.data" class="custom-property">
|
|
@@ -69,11 +73,11 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
69
73
|
</div>
|
|
70
74
|
</div>
|
|
71
75
|
<ng-container *ngIf="item.children && item.children.length > 0 && item.expanded">
|
|
72
|
-
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
|
|
76
|
+
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params" (dataPointClicked)="handleDataPointClicked($event)"></co-recursive-list>
|
|
73
77
|
</ng-container>
|
|
74
78
|
</div>
|
|
75
79
|
</div>
|
|
76
|
-
`, isInline: true, components: [{ type: i2.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "localize": i4.LocalizePipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
80
|
+
`, isInline: true, components: [{ type: i2.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"], outputs: ["dataPointClicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "localize": i4.LocalizePipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
77
81
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListComponent, decorators: [{
|
|
78
82
|
type: Component,
|
|
79
83
|
args: [{
|
|
@@ -101,7 +105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
101
105
|
<div class="table-row">
|
|
102
106
|
<div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
|
|
103
107
|
<co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
104
|
-
<span [textContent]="item.name"></span>
|
|
108
|
+
<span (click)="handleDataPointClicked(item.name)" [textContent]="item.name"></span>
|
|
105
109
|
</div>
|
|
106
110
|
<div class="table-cell data-points">
|
|
107
111
|
<div *ngFor="let dataPoint of item.data" class="custom-property">
|
|
@@ -110,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
110
114
|
</div>
|
|
111
115
|
</div>
|
|
112
116
|
<ng-container *ngIf="item.children && item.children.length > 0 && item.expanded">
|
|
113
|
-
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
|
|
117
|
+
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params" (dataPointClicked)="handleDataPointClicked($event)"></co-recursive-list>
|
|
114
118
|
</ng-container>
|
|
115
119
|
</div>
|
|
116
120
|
</div>
|
|
@@ -133,5 +137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
133
137
|
type: Input
|
|
134
138
|
}], params: [{
|
|
135
139
|
type: Input
|
|
140
|
+
}], dataPointClicked: [{
|
|
141
|
+
type: Output
|
|
136
142
|
}] } });
|
|
137
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
143
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjdXJzaXZlLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5kZWRjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zdW1tYXJ5LWdyaWQvY29tcG9uZW50cy9yZWN1cnNpdmUtbGlzdC9yZWN1cnNpdmUtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOEJBQThCO0FBRTlCLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQWlCLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXZHLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7O0FBNENoRCxNQUFNLE9BQU8sc0JBQXNCO0lBa0JqQyxZQUFtQixnQkFBa0M7UUFBbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQWpCckMsVUFBSyxHQUFnQixJQUFJLENBQUM7UUFHakMsWUFBTyxHQUFhLEVBQUUsQ0FBQztRQUN2QixlQUFVLEdBQWEsRUFBRSxDQUFDO1FBQzFCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLFVBQUssR0FBVyxDQUFDLENBQUM7UUFFbEIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFFekIsYUFBUSxHQUF5QixJQUFJLENBQUM7UUFLeEMscUJBQWdCLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7SUFFbkIsQ0FBQztJQUVsRCxjQUFjLENBQUMsS0FBWSxFQUFFLElBQThCO1FBQ2hFLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQyxDQUFDLDhCQUE4QjtRQUN2RCxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQzdDLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1NBQ2hDO0lBQ0gsQ0FBQztJQUVNLGNBQWMsQ0FBQyxJQUE4QjtRQUNsRCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGVBQWUsQ0FBQztJQUNoRixDQUFDO0lBRU0sZUFBZSxDQUFDLFNBQTBCLEVBQUUsTUFBYztRQUMvRCxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksT0FBTyxTQUFTLEtBQUssUUFBUSxFQUFFO1lBQ2xELGtDQUFrQztZQUNsQyxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztTQUNuRDthQUFNO1lBQ0wsT0FBTyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyx1QkFBdUI7U0FDckQ7SUFDSCxDQUFDO0lBRU0sc0JBQXNCLENBQUMsS0FBYTtRQUN6QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7O29IQTFDVSxzQkFBc0I7d0dBQXRCLHNCQUFzQixnVEF2Q3ZCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQ1Qsc0hBR1Usc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBekNsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0NUO29CQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzt1R0FJVSxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBR0MsZ0JBQWdCO3NCQUR0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLy8gcmVjdXJzaXZlLWxpc3QuY29tcG9uZW50LnRzXHJcblxyXG5pbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBQaXBlVHJhbnNmb3JtLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7SWNvbkNhY2hlU2VydmljZX0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZS9pY29uLWNhY2hlLnNlcnZpY2UnO1xyXG5pbXBvcnQge0ljb259IGZyb20gJy4uLy4uLy4uLy4uL2VudW0vaWNvbi5lbnVtJztcclxuaW1wb3J0IHtSZWN1cnNpdmVDb2xsZWN0aW9uTGF5ZXJ9IGZyb20gJy4uLy4uL21vZGVsL3JlY3Vyc2l2ZS1jb2xsZWN0aW9uLWxheWVyLmludGVyZmFjZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvLXJlY3Vyc2l2ZS1saXN0JyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cImNvLXJlY3Vyc2l2ZS1saXN0XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1oZWFkZXItcm93XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWxlZ2VuZFwiICpuZ0lmPVwidGFibGVMZWdlbmQubGVuZ3RoID4gMVwiPlxyXG4gICAgICAgICAgPHNwYW4gW3RleHRDb250ZW50XT1cInRhYmxlTGVnZW5kIHwgbG9jYWxpemVcIj48L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWhlYWRlclwiICpuZ0lmPVwiY29sdW1ucyAmJiBjb2x1bW5zLmxlbmd0aCA+IDBcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1yb3dcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNlbGxcIiAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbHVtbnNcIj5cclxuICAgICAgICAgICAgICA8c3BhbiBbdGV4dENvbnRlbnRdPVwiZm9ybWF0RGF0YVZhbHVlKGNvbHVtbikgfCBsb2NhbGl6ZVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1yb3dcIiAqbmdJZj1cInN1YkNvbHVtbnMgJiYgc3ViQ29sdW1ucy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1jZWxsXCIgKm5nRm9yPVwibGV0IGNvbHVtbiBvZiBzdWJDb2x1bW5zXCI+XHJcbiAgICAgICAgICAgICAgPHNwYW4gW3RleHRDb250ZW50XT1cImZvcm1hdERhdGFWYWx1ZShjb2x1bW4pXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInRyZWUtbm9kZVwiIFtjbGFzcy5iYWNrZ3JvdW5kXT1cImRlcHRoID09PSAwXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgY29sbGVjdGlvblwiIChjbGljayk9XCJ0b2dnbGVDb2xsYXBzZSgkZXZlbnQsIGl0ZW0pXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLXJvd1wiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNlbGwgbm9kZS10ZXh0LWljb25cIiBbbmdTdHlsZV09XCJ7J3BhZGRpbmctbGVmdC5weCcgOiBpbmRlbnRhdGlvbn1cIj5cclxuICAgICAgICAgICAgPGNvLWljb24gKm5nSWY9XCJpdGVtLmNoaWxkcmVuICYmIGl0ZW0uY2hpbGRyZW4ubGVuZ3RoID4gMFwiIFtpY29uRGF0YV09XCJpY29uQ2FjaGVTZXJ2aWNlLmdldEljb24oZ2V0Q3VycmVudEljb24oaXRlbSkpXCI+PC9jby1pY29uPlxyXG4gICAgICAgICAgICA8c3BhbiAoY2xpY2spPVwiaGFuZGxlRGF0YVBvaW50Q2xpY2tlZChpdGVtLm5hbWUpXCIgW3RleHRDb250ZW50XT1cIml0ZW0ubmFtZVwiPjwvc3Bhbj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNlbGwgZGF0YS1wb2ludHNcIj5cclxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZGF0YVBvaW50IG9mIGl0ZW0uZGF0YVwiIGNsYXNzPVwiY3VzdG9tLXByb3BlcnR5XCI+XHJcbiAgICAgICAgICAgICAgPHNwYW4gW3RleHRDb250ZW50XT1cImZvcm1hdERhdGFWYWx1ZShkYXRhUG9pbnQsIHBhcmFtcylcIj48L3NwYW4+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW0uY2hpbGRyZW4gJiYgaXRlbS5jaGlsZHJlbi5sZW5ndGggPiAwICYmIGl0ZW0uZXhwYW5kZWRcIj5cclxuICAgICAgICAgIDxjby1yZWN1cnNpdmUtbGlzdCBbZGF0YVBpcGVdPVwiZGF0YVBpcGVcIiBbY29sbGVjdGlvbl09XCJpdGVtLmNoaWxkcmVuXCIgW2RlcHRoXT1cImRlcHRoICsgMVwiIFtpbmRlbnRhdGlvbl09XCJpbmRlbnRhdGlvbiArIDIwXCIgW3BhcmFtc109XCJwYXJhbXNcIiAoZGF0YVBvaW50Q2xpY2tlZCk9XCJoYW5kbGVEYXRhUG9pbnRDbGlja2VkKCRldmVudClcIj48L2NvLXJlY3Vyc2l2ZS1saXN0PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFJlY3Vyc2l2ZUxpc3RDb21wb25lbnQge1xyXG4gIHB1YmxpYyByZWFkb25seSBpY29uczogdHlwZW9mIEljb24gPSBJY29uO1xyXG5cclxuICBASW5wdXQoKSBjb2xsZWN0aW9uOiBSZWN1cnNpdmVDb2xsZWN0aW9uTGF5ZXJbXTtcclxuICBASW5wdXQoKSBjb2x1bW5zOiBzdHJpbmdbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIHN1YkNvbHVtbnM6IHN0cmluZ1tdID0gW107XHJcbiAgQElucHV0KCkgdGFibGVMZWdlbmQ6IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCkgZGVwdGg6IG51bWJlciA9IDA7XHJcblxyXG4gIEBJbnB1dCgpIGluZGVudGF0aW9uOiBudW1iZXIgPSAxMDtcclxuXHJcbiAgQElucHV0KCkgZGF0YVBpcGU6IFBpcGVUcmFuc2Zvcm0gfCBudWxsID0gbnVsbDtcclxuXHJcbiAgQElucHV0KCkgcGFyYW1zOiBhbnlbXTtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIGRhdGFQb2ludENsaWNrZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBpY29uQ2FjaGVTZXJ2aWNlOiBJY29uQ2FjaGVTZXJ2aWNlKSB7fVxyXG5cclxuICBwdWJsaWMgdG9nZ2xlQ29sbGFwc2UoZXZlbnQ6IEV2ZW50LCBpdGVtOiBSZWN1cnNpdmVDb2xsZWN0aW9uTGF5ZXIpOiB2b2lkIHtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpOyAvLyBTdG9wIGV2ZW50IHByb3BhZ2F0aW9uIGhlcmVcclxuICAgIGlmIChpdGVtLmNoaWxkcmVuICYmIGl0ZW0uY2hpbGRyZW4ubGVuZ3RoID4gMCkge1xyXG4gICAgICBpdGVtLmV4cGFuZGVkID0gIWl0ZW0uZXhwYW5kZWQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0Q3VycmVudEljb24oaXRlbTogUmVjdXJzaXZlQ29sbGVjdGlvbkxheWVyKTogSWNvbiB7XHJcbiAgICByZXR1cm4gaXRlbS5leHBhbmRlZCA/IHRoaXMuaWNvbnMuQXJyb3dQb2ludERvd24gOiB0aGlzLmljb25zLkFycm93UG9pbnRSaWdodDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBmb3JtYXREYXRhVmFsdWUoZGF0YVZhbHVlOiBudW1iZXIgfCBzdHJpbmcsIHBhcmFtcz86IGFueVtdKTogc3RyaW5nIHtcclxuICAgIGlmICh0aGlzLmRhdGFQaXBlICYmIHR5cGVvZiBkYXRhVmFsdWUgPT09ICdudW1iZXInKSB7XHJcbiAgICAgIC8vIEFwcGx5IGRhdGEgZm9ybWF0dGluZyBwaXBlIGhlcmVcclxuICAgICAgcmV0dXJuIHRoaXMuZGF0YVBpcGUudHJhbnNmb3JtKGRhdGFWYWx1ZSwgcGFyYW1zKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHJldHVybiBkYXRhVmFsdWUudG9TdHJpbmcoKTsgLy8gTm8gZm9ybWF0dGluZyBuZWVkZWRcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBoYW5kbGVEYXRhUG9pbnRDbGlja2VkKGV2ZW50OiBzdHJpbmcpIHtcclxuICAgIHRoaXMuZGF0YVBvaW50Q2xpY2tlZC5lbWl0KGV2ZW50KTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// summary-grid.component.ts
|
|
2
|
-
import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "./components/recursive-list/recursive-list.component";
|
|
5
5
|
export class SummaryGridComponent {
|
|
@@ -10,10 +10,11 @@ export class SummaryGridComponent {
|
|
|
10
10
|
this.tableLegend = "";
|
|
11
11
|
this.dataPipe = null;
|
|
12
12
|
this.collection = [];
|
|
13
|
+
this.dataPointClickedEvent = new EventEmitter();
|
|
13
14
|
}
|
|
14
15
|
}
|
|
15
16
|
SummaryGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
SummaryGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SummaryGridComponent, selector: "co-summary-grid", inputs: { columns: "columns", subColumns: "subColumns", tableLegend: "tableLegend", dataPipe: "dataPipe", params: "params", collection: "collection" }, host: { properties: { "class.co-summary-grid": "this.showClass" } }, ngImport: i0, template: `
|
|
17
|
+
SummaryGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SummaryGridComponent, selector: "co-summary-grid", inputs: { columns: "columns", subColumns: "subColumns", tableLegend: "tableLegend", dataPipe: "dataPipe", params: "params", collection: "collection" }, outputs: { dataPointClickedEvent: "dataPointClickedEvent" }, host: { properties: { "class.co-summary-grid": "this.showClass" } }, ngImport: i0, template: `
|
|
17
18
|
<co-recursive-list
|
|
18
19
|
[collection]="collection"
|
|
19
20
|
[columns]="columns"
|
|
@@ -21,8 +22,9 @@ SummaryGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
21
22
|
[tableLegend]="tableLegend"
|
|
22
23
|
[dataPipe]="dataPipe"
|
|
23
24
|
[params]="params"
|
|
25
|
+
(dataPointClicked)="dataPointClickedEvent.emit($event)"
|
|
24
26
|
></co-recursive-list>
|
|
25
|
-
`, isInline: true, components: [{ type: i1.RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
27
|
+
`, isInline: true, components: [{ type: i1.RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"], outputs: ["dataPointClicked"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
26
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, decorators: [{
|
|
27
29
|
type: Component,
|
|
28
30
|
args: [{
|
|
@@ -35,6 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
35
37
|
[tableLegend]="tableLegend"
|
|
36
38
|
[dataPipe]="dataPipe"
|
|
37
39
|
[params]="params"
|
|
40
|
+
(dataPointClicked)="dataPointClickedEvent.emit($event)"
|
|
38
41
|
></co-recursive-list>
|
|
39
42
|
`,
|
|
40
43
|
encapsulation: ViewEncapsulation.None,
|
|
@@ -54,5 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
54
57
|
type: Input
|
|
55
58
|
}], collection: [{
|
|
56
59
|
type: Input
|
|
60
|
+
}], dataPointClickedEvent: [{
|
|
61
|
+
type: Output
|
|
57
62
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VtbWFyeS1ncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3VtbWFyeS1ncmlkL3N1bW1hcnktZ3JpZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNEJBQTRCO0FBQzVCLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFpQixpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7O0FBa0JwSCxNQUFNLE9BQU8sb0JBQW9CO0lBZmpDO1FBZ0J3QyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBR2hELFlBQU8sR0FBYSxFQUFFLENBQUM7UUFJdkIsZUFBVSxHQUFhLEVBQUUsQ0FBQTtRQUd6QixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUd6QixhQUFRLEdBQXlCLElBQUksQ0FBQztRQU10QyxlQUFVLEdBQStCLEVBQUUsQ0FBQztRQUc1QywwQkFBcUIsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQUNqRjs7a0hBeEJZLG9CQUFvQjtzR0FBcEIsb0JBQW9CLGlWQWJyQjs7Ozs7Ozs7OztHQVVUOzRGQUdVLG9CQUFvQjtrQkFmaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7R0FVVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7OEJBRXVDLFNBQVM7c0JBQTlDLFdBQVc7dUJBQUMsdUJBQXVCO2dCQUc3QixPQUFPO3NCQURiLEtBQUs7Z0JBS0MsVUFBVTtzQkFEaEIsS0FBSztnQkFJQyxXQUFXO3NCQURqQixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSztnQkFJQyxNQUFNO3NCQURaLEtBQUs7Z0JBSUMsVUFBVTtzQkFEaEIsS0FBSztnQkFJQyxxQkFBcUI7c0JBRDNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyBzdW1tYXJ5LWdyaWQuY29tcG9uZW50LnRzXHJcbmltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0LCBQaXBlVHJhbnNmb3JtLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7UmVjdXJzaXZlQ29sbGVjdGlvbkxheWVyfSBmcm9tIFwiLi9tb2RlbC9yZWN1cnNpdmUtY29sbGVjdGlvbi1sYXllci5pbnRlcmZhY2VcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY28tc3VtbWFyeS1ncmlkJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGNvLXJlY3Vyc2l2ZS1saXN0XHJcbiAgICAgIFtjb2xsZWN0aW9uXT1cImNvbGxlY3Rpb25cIlxyXG4gICAgICBbY29sdW1uc109XCJjb2x1bW5zXCJcclxuICAgICAgW3N1YkNvbHVtbnNdPVwic3ViQ29sdW1uc1wiXHJcbiAgICAgIFt0YWJsZUxlZ2VuZF09XCJ0YWJsZUxlZ2VuZFwiXHJcbiAgICAgIFtkYXRhUGlwZV09XCJkYXRhUGlwZVwiXHJcbiAgICAgIFtwYXJhbXNdPVwicGFyYW1zXCJcclxuICAgICAgKGRhdGFQb2ludENsaWNrZWQpPVwiZGF0YVBvaW50Q2xpY2tlZEV2ZW50LmVtaXQoJGV2ZW50KVwiXHJcbiAgICA+PC9jby1yZWN1cnNpdmUtbGlzdD5cclxuICBgLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdW1tYXJ5R3JpZENvbXBvbmVudCB7XHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jby1zdW1tYXJ5LWdyaWQnKSBzaG93Q2xhc3MgPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjb2x1bW5zOiBzdHJpbmdbXSA9IFtdO1xyXG5cclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgc3ViQ29sdW1uczogc3RyaW5nW10gPSBbXVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyB0YWJsZUxlZ2VuZDogc3RyaW5nID0gXCJcIjtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZGF0YVBpcGU6IFBpcGVUcmFuc2Zvcm0gfCBudWxsID0gbnVsbDtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgcGFyYW1zOiBhbnlbXTtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY29sbGVjdGlvbjogUmVjdXJzaXZlQ29sbGVjdGlvbkxheWVyW10gPSBbXTtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIGRhdGFQb2ludENsaWNrZWRFdmVudDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxufVxyXG5cclxuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ViewEncapsulation, HostBinding, Input, NgModule, Injectable, Pipe } from '@angular/core';
|
|
2
|
+
import { Component, ViewEncapsulation, HostBinding, Input, NgModule, Injectable, Pipe, EventEmitter, Output } from '@angular/core';
|
|
3
3
|
import * as i3 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import * as i1 from 'ngx-echarts';
|
|
@@ -828,6 +828,7 @@ class RecursiveListComponent {
|
|
|
828
828
|
this.depth = 0;
|
|
829
829
|
this.indentation = 10;
|
|
830
830
|
this.dataPipe = null;
|
|
831
|
+
this.dataPointClicked = new EventEmitter();
|
|
831
832
|
}
|
|
832
833
|
toggleCollapse(event, item) {
|
|
833
834
|
event.stopPropagation(); // Stop event propagation here
|
|
@@ -847,9 +848,12 @@ class RecursiveListComponent {
|
|
|
847
848
|
return dataValue.toString(); // No formatting needed
|
|
848
849
|
}
|
|
849
850
|
}
|
|
851
|
+
handleDataPointClicked(event) {
|
|
852
|
+
this.dataPointClicked.emit(event);
|
|
853
|
+
}
|
|
850
854
|
}
|
|
851
855
|
RecursiveListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListComponent, deps: [{ token: IconCacheService }], target: i0.ɵɵFactoryTarget.Component });
|
|
852
|
-
RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RecursiveListComponent, selector: "co-recursive-list", inputs: { collection: "collection", columns: "columns", subColumns: "subColumns", tableLegend: "tableLegend", depth: "depth", indentation: "indentation", dataPipe: "dataPipe", params: "params" }, ngImport: i0, template: `
|
|
856
|
+
RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RecursiveListComponent, selector: "co-recursive-list", inputs: { collection: "collection", columns: "columns", subColumns: "subColumns", tableLegend: "tableLegend", depth: "depth", indentation: "indentation", dataPipe: "dataPipe", params: "params" }, outputs: { dataPointClicked: "dataPointClicked" }, ngImport: i0, template: `
|
|
853
857
|
<div class="co-recursive-list">
|
|
854
858
|
<div class="table-header-row">
|
|
855
859
|
<div class="table-legend" *ngIf="tableLegend.length > 1">
|
|
@@ -872,7 +876,7 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
872
876
|
<div class="table-row">
|
|
873
877
|
<div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
|
|
874
878
|
<co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
875
|
-
<span [textContent]="item.name"></span>
|
|
879
|
+
<span (click)="handleDataPointClicked(item.name)" [textContent]="item.name"></span>
|
|
876
880
|
</div>
|
|
877
881
|
<div class="table-cell data-points">
|
|
878
882
|
<div *ngFor="let dataPoint of item.data" class="custom-property">
|
|
@@ -881,11 +885,11 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
881
885
|
</div>
|
|
882
886
|
</div>
|
|
883
887
|
<ng-container *ngIf="item.children && item.children.length > 0 && item.expanded">
|
|
884
|
-
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
|
|
888
|
+
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params" (dataPointClicked)="handleDataPointClicked($event)"></co-recursive-list>
|
|
885
889
|
</ng-container>
|
|
886
890
|
</div>
|
|
887
891
|
</div>
|
|
888
|
-
`, isInline: true, components: [{ type: i2.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "localize": LocalizePipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
892
|
+
`, isInline: true, components: [{ type: i2.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"], outputs: ["dataPointClicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "localize": LocalizePipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
889
893
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListComponent, decorators: [{
|
|
890
894
|
type: Component,
|
|
891
895
|
args: [{
|
|
@@ -913,7 +917,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
913
917
|
<div class="table-row">
|
|
914
918
|
<div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
|
|
915
919
|
<co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
916
|
-
<span [textContent]="item.name"></span>
|
|
920
|
+
<span (click)="handleDataPointClicked(item.name)" [textContent]="item.name"></span>
|
|
917
921
|
</div>
|
|
918
922
|
<div class="table-cell data-points">
|
|
919
923
|
<div *ngFor="let dataPoint of item.data" class="custom-property">
|
|
@@ -922,7 +926,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
922
926
|
</div>
|
|
923
927
|
</div>
|
|
924
928
|
<ng-container *ngIf="item.children && item.children.length > 0 && item.expanded">
|
|
925
|
-
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
|
|
929
|
+
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params" (dataPointClicked)="handleDataPointClicked($event)"></co-recursive-list>
|
|
926
930
|
</ng-container>
|
|
927
931
|
</div>
|
|
928
932
|
</div>
|
|
@@ -945,6 +949,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
945
949
|
type: Input
|
|
946
950
|
}], params: [{
|
|
947
951
|
type: Input
|
|
952
|
+
}], dataPointClicked: [{
|
|
953
|
+
type: Output
|
|
948
954
|
}] } });
|
|
949
955
|
|
|
950
956
|
// summary-grid.component.ts
|
|
@@ -956,10 +962,11 @@ class SummaryGridComponent {
|
|
|
956
962
|
this.tableLegend = "";
|
|
957
963
|
this.dataPipe = null;
|
|
958
964
|
this.collection = [];
|
|
965
|
+
this.dataPointClickedEvent = new EventEmitter();
|
|
959
966
|
}
|
|
960
967
|
}
|
|
961
968
|
SummaryGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
962
|
-
SummaryGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SummaryGridComponent, selector: "co-summary-grid", inputs: { columns: "columns", subColumns: "subColumns", tableLegend: "tableLegend", dataPipe: "dataPipe", params: "params", collection: "collection" }, host: { properties: { "class.co-summary-grid": "this.showClass" } }, ngImport: i0, template: `
|
|
969
|
+
SummaryGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SummaryGridComponent, selector: "co-summary-grid", inputs: { columns: "columns", subColumns: "subColumns", tableLegend: "tableLegend", dataPipe: "dataPipe", params: "params", collection: "collection" }, outputs: { dataPointClickedEvent: "dataPointClickedEvent" }, host: { properties: { "class.co-summary-grid": "this.showClass" } }, ngImport: i0, template: `
|
|
963
970
|
<co-recursive-list
|
|
964
971
|
[collection]="collection"
|
|
965
972
|
[columns]="columns"
|
|
@@ -967,8 +974,9 @@ SummaryGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
967
974
|
[tableLegend]="tableLegend"
|
|
968
975
|
[dataPipe]="dataPipe"
|
|
969
976
|
[params]="params"
|
|
977
|
+
(dataPointClicked)="dataPointClickedEvent.emit($event)"
|
|
970
978
|
></co-recursive-list>
|
|
971
|
-
`, isInline: true, components: [{ type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
979
|
+
`, isInline: true, components: [{ type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"], outputs: ["dataPointClicked"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
972
980
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, decorators: [{
|
|
973
981
|
type: Component,
|
|
974
982
|
args: [{
|
|
@@ -981,6 +989,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
981
989
|
[tableLegend]="tableLegend"
|
|
982
990
|
[dataPipe]="dataPipe"
|
|
983
991
|
[params]="params"
|
|
992
|
+
(dataPointClicked)="dataPointClickedEvent.emit($event)"
|
|
984
993
|
></co-recursive-list>
|
|
985
994
|
`,
|
|
986
995
|
encapsulation: ViewEncapsulation.None,
|
|
@@ -1000,6 +1009,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
1000
1009
|
type: Input
|
|
1001
1010
|
}], collection: [{
|
|
1002
1011
|
type: Input
|
|
1012
|
+
}], dataPointClickedEvent: [{
|
|
1013
|
+
type: Output
|
|
1003
1014
|
}] } });
|
|
1004
1015
|
|
|
1005
1016
|
class ExtendedComponentsTranslationService {
|