@colijnit/extendedcomponents 12.0.8 → 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 +17 -60
- 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 +13 -60
- package/esm2015/lib/model/icon-svg.js +1 -1
- package/fesm2015/colijnit-extendedcomponents.js +24 -65
- 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/components/recursive-list/style/_layout.scss +25 -6
- 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,71 +1,20 @@
|
|
|
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 {
|
|
6
6
|
constructor() {
|
|
7
7
|
this.showClass = true;
|
|
8
|
-
this.columns = [
|
|
9
|
-
this.subColumns = [
|
|
10
|
-
this.tableLegend = "
|
|
8
|
+
this.columns = [];
|
|
9
|
+
this.subColumns = [];
|
|
10
|
+
this.tableLegend = "";
|
|
11
11
|
this.dataPipe = null;
|
|
12
|
-
this.collection = [
|
|
13
|
-
|
|
14
|
-
name: 'Root 1',
|
|
15
|
-
expanded: false,
|
|
16
|
-
data: [1, 2],
|
|
17
|
-
children: [
|
|
18
|
-
{
|
|
19
|
-
name: 'Child 1.1',
|
|
20
|
-
expanded: false,
|
|
21
|
-
data: [3, 4],
|
|
22
|
-
children: [
|
|
23
|
-
{
|
|
24
|
-
name: 'Grandchild 1.1.1',
|
|
25
|
-
expanded: false,
|
|
26
|
-
data: [5, 6],
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
name: 'Grandchild 1.1.2',
|
|
30
|
-
expanded: false,
|
|
31
|
-
data: [7, 0],
|
|
32
|
-
},
|
|
33
|
-
],
|
|
34
|
-
},
|
|
35
|
-
// ... other nodes
|
|
36
|
-
],
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
name: 'Root 2',
|
|
40
|
-
expanded: false,
|
|
41
|
-
data: [9, 10],
|
|
42
|
-
children: [
|
|
43
|
-
{
|
|
44
|
-
name: 'Child 2.1',
|
|
45
|
-
expanded: false,
|
|
46
|
-
data: [11, 12],
|
|
47
|
-
children: [
|
|
48
|
-
{
|
|
49
|
-
name: 'Grandchild 2.1.1',
|
|
50
|
-
expanded: false,
|
|
51
|
-
data: [13, 14],
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
name: 'Grandchild 2.1.2',
|
|
55
|
-
expanded: false,
|
|
56
|
-
data: [15, 16],
|
|
57
|
-
},
|
|
58
|
-
],
|
|
59
|
-
},
|
|
60
|
-
// ... other nodes
|
|
61
|
-
],
|
|
62
|
-
},
|
|
63
|
-
// ... other root nodes
|
|
64
|
-
];
|
|
12
|
+
this.collection = [];
|
|
13
|
+
this.dataPointClickedEvent = new EventEmitter();
|
|
65
14
|
}
|
|
66
15
|
}
|
|
67
16
|
SummaryGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
-
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: `
|
|
69
18
|
<co-recursive-list
|
|
70
19
|
[collection]="collection"
|
|
71
20
|
[columns]="columns"
|
|
@@ -73,8 +22,9 @@ SummaryGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
73
22
|
[tableLegend]="tableLegend"
|
|
74
23
|
[dataPipe]="dataPipe"
|
|
75
24
|
[params]="params"
|
|
25
|
+
(dataPointClicked)="dataPointClickedEvent.emit($event)"
|
|
76
26
|
></co-recursive-list>
|
|
77
|
-
`, 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 });
|
|
78
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, decorators: [{
|
|
79
29
|
type: Component,
|
|
80
30
|
args: [{
|
|
@@ -87,6 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
87
37
|
[tableLegend]="tableLegend"
|
|
88
38
|
[dataPipe]="dataPipe"
|
|
89
39
|
[params]="params"
|
|
40
|
+
(dataPointClicked)="dataPointClickedEvent.emit($event)"
|
|
90
41
|
></co-recursive-list>
|
|
91
42
|
`,
|
|
92
43
|
encapsulation: ViewEncapsulation.None,
|
|
@@ -106,5 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
106
57
|
type: Input
|
|
107
58
|
}], collection: [{
|
|
108
59
|
type: Input
|
|
60
|
+
}], dataPointClickedEvent: [{
|
|
61
|
+
type: Output
|
|
109
62
|
}] } });
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VtbWFyeS1ncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3VtbWFyeS1ncmlkL3N1bW1hcnktZ3JpZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNEJBQTRCO0FBQzVCLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFpQixpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7O0FBa0JwSCxNQUFNLE9BQU8sb0JBQW9CO0lBZmpDO1FBZ0J3QyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBR2hELFlBQU8sR0FBYSxFQUFFLENBQUM7UUFJdkIsZUFBVSxHQUFhLEVBQUUsQ0FBQTtRQUd6QixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUd6QixhQUFRLEdBQXlCLElBQUksQ0FBQztRQU10QyxlQUFVLEdBQStCLEVBQUUsQ0FBQztRQUc1QywwQkFBcUIsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQUNqRjs7a0hBeEJZLG9CQUFvQjtzR0FBcEIsb0JBQW9CLGlWQWJyQjs7Ozs7Ozs7OztHQVVUOzRGQUdVLG9CQUFvQjtrQkFmaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7R0FVVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7OEJBRXVDLFNBQVM7c0JBQTlDLFdBQVc7dUJBQUMsdUJBQXVCO2dCQUc3QixPQUFPO3NCQURiLEtBQUs7Z0JBS0MsVUFBVTtzQkFEaEIsS0FBSztnQkFJQyxXQUFXO3NCQURqQixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSztnQkFJQyxNQUFNO3NCQURaLEtBQUs7Z0JBSUMsVUFBVTtzQkFEaEIsS0FBSztnQkFJQyxxQkFBcUI7c0JBRDNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyBzdW1tYXJ5LWdyaWQuY29tcG9uZW50LnRzXHJcbmltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0LCBQaXBlVHJhbnNmb3JtLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7UmVjdXJzaXZlQ29sbGVjdGlvbkxheWVyfSBmcm9tIFwiLi9tb2RlbC9yZWN1cnNpdmUtY29sbGVjdGlvbi1sYXllci5pbnRlcmZhY2VcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY28tc3VtbWFyeS1ncmlkJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGNvLXJlY3Vyc2l2ZS1saXN0XHJcbiAgICAgIFtjb2xsZWN0aW9uXT1cImNvbGxlY3Rpb25cIlxyXG4gICAgICBbY29sdW1uc109XCJjb2x1bW5zXCJcclxuICAgICAgW3N1YkNvbHVtbnNdPVwic3ViQ29sdW1uc1wiXHJcbiAgICAgIFt0YWJsZUxlZ2VuZF09XCJ0YWJsZUxlZ2VuZFwiXHJcbiAgICAgIFtkYXRhUGlwZV09XCJkYXRhUGlwZVwiXHJcbiAgICAgIFtwYXJhbXNdPVwicGFyYW1zXCJcclxuICAgICAgKGRhdGFQb2ludENsaWNrZWQpPVwiZGF0YVBvaW50Q2xpY2tlZEV2ZW50LmVtaXQoJGV2ZW50KVwiXHJcbiAgICA+PC9jby1yZWN1cnNpdmUtbGlzdD5cclxuICBgLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdW1tYXJ5R3JpZENvbXBvbmVudCB7XHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jby1zdW1tYXJ5LWdyaWQnKSBzaG93Q2xhc3MgPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjb2x1bW5zOiBzdHJpbmdbXSA9IFtdO1xyXG5cclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgc3ViQ29sdW1uczogc3RyaW5nW10gPSBbXVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyB0YWJsZUxlZ2VuZDogc3RyaW5nID0gXCJcIjtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZGF0YVBpcGU6IFBpcGVUcmFuc2Zvcm0gfCBudWxsID0gbnVsbDtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgcGFyYW1zOiBhbnlbXTtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY29sbGVjdGlvbjogUmVjdXJzaXZlQ29sbGVjdGlvbkxheWVyW10gPSBbXTtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIGRhdGFQb2ludENsaWNrZWRFdmVudDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxufVxyXG5cclxuIl19
|