@colijnit/extendedcomponents 12.0.6 → 12.0.7
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 +15 -28
- package/bundles/colijnit-extendedcomponents.umd.js.map +1 -1
- package/esm2015/lib/components/stacked-line-chart/co-stacked-line-chart.component.js +7 -24
- package/esm2015/lib/components/summary-grid/components/recursive-list/recursive-list.component.js +15 -13
- package/esm2015/lib/components/summary-grid/summary-grid.component.js +8 -4
- package/fesm2015/colijnit-extendedcomponents.js +27 -38
- package/fesm2015/colijnit-extendedcomponents.js.map +1 -1
- package/lib/components/stacked-line-chart/co-stacked-line-chart.component.d.ts +2 -6
- package/lib/components/summary-grid/components/recursive-list/recursive-list.component.d.ts +3 -2
- package/lib/components/summary-grid/summary-grid.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component,
|
|
1
|
+
import { Component, HostBinding, Input, ViewEncapsulation } from "@angular/core";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "ngx-echarts";
|
|
4
4
|
export class StackedLineChartComponent {
|
|
@@ -11,13 +11,7 @@ export class StackedLineChartComponent {
|
|
|
11
11
|
this.chartOptions = {
|
|
12
12
|
title: {},
|
|
13
13
|
tooltip: {
|
|
14
|
-
trigger: 'axis'
|
|
15
|
-
axisPointer: {
|
|
16
|
-
type: 'cross',
|
|
17
|
-
label: {
|
|
18
|
-
backgroundColor: '#6a7985'
|
|
19
|
-
}
|
|
20
|
-
}
|
|
14
|
+
trigger: 'axis'
|
|
21
15
|
},
|
|
22
16
|
legend: {},
|
|
23
17
|
grid: {
|
|
@@ -31,17 +25,12 @@ export class StackedLineChartComponent {
|
|
|
31
25
|
saveAsImage: {}
|
|
32
26
|
}
|
|
33
27
|
},
|
|
34
|
-
xAxis: {
|
|
35
|
-
type: 'category',
|
|
36
|
-
boundaryGap: false,
|
|
37
|
-
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
|
|
38
|
-
},
|
|
28
|
+
xAxis: {},
|
|
39
29
|
yAxis: {
|
|
40
30
|
type: 'value'
|
|
41
31
|
},
|
|
42
32
|
series: {}
|
|
43
33
|
};
|
|
44
|
-
this.chartEventEmitter = new EventEmitter();
|
|
45
34
|
}
|
|
46
35
|
showClass() {
|
|
47
36
|
return true;
|
|
@@ -56,17 +45,13 @@ export class StackedLineChartComponent {
|
|
|
56
45
|
};
|
|
57
46
|
this.chartOptions.legend['data'] = this.chartLegend;
|
|
58
47
|
}
|
|
59
|
-
onChartEvent(event, type) {
|
|
60
|
-
console.log('chart event:', type, event);
|
|
61
|
-
this.chartEventEmitter.emit(event);
|
|
62
|
-
}
|
|
63
48
|
}
|
|
64
49
|
StackedLineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
65
|
-
StackedLineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: StackedLineChartComponent, selector: "co-stacked-line-chart", inputs: { chartName: "chartName", chartData: "chartData", chartLegend: "chartLegend", chartXAxis: "chartXAxis", chartHeight: "chartHeight", chartWidth: "chartWidth", chartOptions: "chartOptions" },
|
|
50
|
+
StackedLineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: StackedLineChartComponent, selector: "co-stacked-line-chart", inputs: { chartName: "chartName", chartData: "chartData", chartLegend: "chartLegend", chartXAxis: "chartXAxis", chartHeight: "chartHeight", chartWidth: "chartWidth", chartOptions: "chartOptions" }, host: { properties: { "class.co-co-stacked-line-chart": "this.showClass" } }, ngImport: i0, template: `
|
|
66
51
|
|
|
67
52
|
<div echarts [options]="chartOptions" [initOpts]="{
|
|
68
53
|
width: chartWidth,
|
|
69
|
-
height: chartHeight}"
|
|
54
|
+
height: chartHeight}" class="chart"></div>
|
|
70
55
|
|
|
71
56
|
`, isInline: true, directives: [{ type: i1.NgxEchartsDirective, selector: "echarts, [echarts]", inputs: ["autoResize", "loadingType", "options", "theme", "loading", "initOpts", "merge", "loadingOpts"], outputs: ["chartInit", "optionsError", "chartClick", "chartDblClick", "chartMouseDown", "chartMouseMove", "chartMouseUp", "chartMouseOver", "chartMouseOut", "chartGlobalOut", "chartContextMenu", "chartLegendSelectChanged", "chartLegendSelected", "chartLegendUnselected", "chartLegendScroll", "chartDataZoom", "chartDataRangeSelected", "chartTimelineChanged", "chartTimelinePlayChanged", "chartRestore", "chartDataViewChanged", "chartMagicTypeChanged", "chartPieSelectChanged", "chartPieSelected", "chartPieUnselected", "chartMapSelectChanged", "chartMapSelected", "chartMapUnselected", "chartAxisAreaSelected", "chartFocusNodeAdjacency", "chartUnfocusNodeAdjacency", "chartBrush", "chartBrushEnd", "chartBrushSelected", "chartRendered", "chartFinished"], exportAs: ["echarts"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
72
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, decorators: [{
|
|
@@ -77,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
77
62
|
|
|
78
63
|
<div echarts [options]="chartOptions" [initOpts]="{
|
|
79
64
|
width: chartWidth,
|
|
80
|
-
height: chartHeight}"
|
|
65
|
+
height: chartHeight}" class="chart"></div>
|
|
81
66
|
|
|
82
67
|
`,
|
|
83
68
|
encapsulation: ViewEncapsulation.None
|
|
@@ -99,7 +84,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
99
84
|
type: Input
|
|
100
85
|
}], chartOptions: [{
|
|
101
86
|
type: Input
|
|
102
|
-
}], chartEventEmitter: [{
|
|
103
|
-
type: Output
|
|
104
87
|
}] } });
|
|
105
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY28tc3RhY2tlZC1saW5lLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhY2tlZC1saW5lLWNoYXJ0L2NvLXN0YWNrZWQtbGluZS1jaGFydC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFjdkYsTUFBTSxPQUFPLHlCQUF5QjtJQVh0QztRQXNCUyxjQUFTLEdBQWEsRUFBRSxDQUFDO1FBR3pCLGdCQUFXLEdBQWEsRUFBRSxDQUFDO1FBRzNCLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFHaEIsZ0JBQVcsR0FBb0IsTUFBTSxDQUFDO1FBR3RDLGVBQVUsR0FBb0IsTUFBTSxDQUFDO1FBR3JDLGlCQUFZLEdBQWtCO1lBQ25DLEtBQUssRUFBRSxFQUVOO1lBQ0QsT0FBTyxFQUFFO2dCQUNQLE9BQU8sRUFBRSxNQUFNO2FBQ2hCO1lBQ0QsTUFBTSxFQUFFLEVBRVA7WUFDRCxJQUFJLEVBQUU7Z0JBQ0osSUFBSSxFQUFFLElBQUk7Z0JBQ1YsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsTUFBTSxFQUFFLElBQUk7Z0JBQ1osWUFBWSxFQUFFLElBQUk7YUFDbkI7WUFDRCxPQUFPLEVBQUU7Z0JBQ1AsT0FBTyxFQUFFO29CQUNQLFdBQVcsRUFBRSxFQUFFO2lCQUNoQjthQUNGO1lBQ0QsS0FBSyxFQUFFLEVBRU47WUFDRCxLQUFLLEVBQUU7Z0JBQ0wsSUFBSSxFQUFFLE9BQU87YUFDZDtZQUNELE1BQU0sRUFBRSxFQUFFO1NBQ1gsQ0FBQztLQW9CSDtJQXZFUSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBb0RELFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBRWpELElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDMUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLEdBQUc7WUFDeEIsSUFBSSxFQUFFLFVBQVU7WUFDaEIsV0FBVyxFQUFFLEtBQUs7WUFDbEIsSUFBSSxFQUFFLElBQUksQ0FBQyxVQUFVO1NBQ3RCLENBQUM7UUFDRixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBSXRELENBQUM7O3VIQXRFVSx5QkFBeUI7MkdBQXpCLHlCQUF5QixpVkFUMUI7Ozs7OztHQU1UOzRGQUdVLHlCQUF5QjtrQkFYckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7OztHQU1UO29CQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs4QkFJUSxTQUFTO3NCQURmLFdBQVc7dUJBQUMsZ0NBQWdDO2dCQU10QyxTQUFTO3NCQURmLEtBQUs7Z0JBSUMsU0FBUztzQkFEZixLQUFLO2dCQUlDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBSUMsVUFBVTtzQkFEaEIsS0FBSztnQkFJQyxXQUFXO3NCQURqQixLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBSUMsWUFBWTtzQkFEbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB0eXBlIHsgRUNoYXJ0c09wdGlvbiB9IGZyb20gJ2VjaGFydHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwiY28tc3RhY2tlZC1saW5lLWNoYXJ0XCIsXHJcbiAgdGVtcGxhdGU6IGBcclxuXHJcbiAgICAgIDxkaXYgZWNoYXJ0cyBbb3B0aW9uc109XCJjaGFydE9wdGlvbnNcIiBbaW5pdE9wdHNdPVwie1xyXG4gICAgICAgIHdpZHRoOiBjaGFydFdpZHRoLFxyXG4gICAgICAgIGhlaWdodDogY2hhcnRIZWlnaHR9XCIgY2xhc3M9XCJjaGFydFwiPjwvZGl2PlxyXG5cclxuICBgLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIFN0YWNrZWRMaW5lQ2hhcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcblxyXG4gIEBIb3N0QmluZGluZyhcImNsYXNzLmNvLWNvLXN0YWNrZWQtbGluZS1jaGFydFwiKVxyXG4gIHB1YmxpYyBzaG93Q2xhc3MoKSB7XHJcbiAgICByZXR1cm4gdHJ1ZTtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNoYXJ0TmFtZTogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjaGFydERhdGE6IE9iamVjdFtdID0gW107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNoYXJ0TGVnZW5kOiBzdHJpbmdbXSA9IFtdO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjaGFydFhBeGlzID0gW107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNoYXJ0SGVpZ2h0OiBudW1iZXIgfCBzdHJpbmcgPSBcImF1dG9cIjtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY2hhcnRXaWR0aDogbnVtYmVyIHwgc3RyaW5nID0gXCJhdXRvXCI7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNoYXJ0T3B0aW9uczogRUNoYXJ0c09wdGlvbiA9IHtcclxuICAgIHRpdGxlOiB7XHJcblxyXG4gICAgfSxcclxuICAgIHRvb2x0aXA6IHtcclxuICAgICAgdHJpZ2dlcjogJ2F4aXMnXHJcbiAgICB9LFxyXG4gICAgbGVnZW5kOiB7XHJcblxyXG4gICAgfSxcclxuICAgIGdyaWQ6IHtcclxuICAgICAgbGVmdDogJzMlJyxcclxuICAgICAgcmlnaHQ6ICc0JScsXHJcbiAgICAgIGJvdHRvbTogJzMlJyxcclxuICAgICAgY29udGFpbkxhYmVsOiB0cnVlXHJcbiAgICB9LFxyXG4gICAgdG9vbGJveDoge1xyXG4gICAgICBmZWF0dXJlOiB7XHJcbiAgICAgICAgc2F2ZUFzSW1hZ2U6IHt9XHJcbiAgICAgIH1cclxuICAgIH0sXHJcbiAgICB4QXhpczoge1xyXG5cclxuICAgIH0sXHJcbiAgICB5QXhpczoge1xyXG4gICAgICB0eXBlOiAndmFsdWUnXHJcbiAgICB9LFxyXG4gICAgc2VyaWVzOiB7fVxyXG4gIH07XHJcblxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuY2hhcnRPcHRpb25zLnRpdGxlWyd0ZXh0J10gPSB0aGlzLmNoYXJ0TmFtZTtcclxuXHJcbiAgICB0aGlzLmNoYXJ0T3B0aW9ucy5zZXJpZXMgPSB0aGlzLmNoYXJ0RGF0YTtcclxuICAgIHRoaXMuY2hhcnRPcHRpb25zLnhBeGlzID0ge1xyXG4gICAgICB0eXBlOiAnY2F0ZWdvcnknLFxyXG4gICAgICBib3VuZGFyeUdhcDogZmFsc2UsXHJcbiAgICAgIGRhdGE6IHRoaXMuY2hhcnRYQXhpc1xyXG4gICAgfTtcclxuICAgIHRoaXMuY2hhcnRPcHRpb25zLmxlZ2VuZFsnZGF0YSddID0gdGhpcy5jaGFydExlZ2VuZDtcclxuXHJcblxyXG5cclxuICB9XHJcblxyXG5cclxuXHJcbn1cclxuIl19
|
package/esm2015/lib/components/summary-grid/components/recursive-list/recursive-list.component.js
CHANGED
|
@@ -24,10 +24,10 @@ export class RecursiveListComponent {
|
|
|
24
24
|
getCurrentIcon(item) {
|
|
25
25
|
return item.expanded ? this.icons.ArrowPointDown : this.icons.ArrowPointRight;
|
|
26
26
|
}
|
|
27
|
-
formatDataValue(dataValue) {
|
|
27
|
+
formatDataValue(dataValue, params) {
|
|
28
28
|
if (this.dataPipe && typeof dataValue === 'number') {
|
|
29
29
|
// Apply data formatting pipe here
|
|
30
|
-
return this.dataPipe.transform(dataValue);
|
|
30
|
+
return this.dataPipe.transform(dataValue, params);
|
|
31
31
|
}
|
|
32
32
|
else {
|
|
33
33
|
return dataValue.toString(); // No formatting needed
|
|
@@ -35,7 +35,7 @@ export class RecursiveListComponent {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
RecursiveListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListComponent, deps: [{ token: i1.IconCacheService }], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RecursiveListComponent, selector: "co-recursive-list", inputs: { collection: "collection", columns: "columns", tableLegend: "tableLegend", depth: "depth", indentation: "indentation", dataPipe: "dataPipe" }, ngImport: i0, template: `
|
|
38
|
+
RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RecursiveListComponent, selector: "co-recursive-list", inputs: { collection: "collection", columns: "columns", tableLegend: "tableLegend", depth: "depth", indentation: "indentation", dataPipe: "dataPipe", params: "params" }, ngImport: i0, template: `
|
|
39
39
|
<div class="co-recursive-list">
|
|
40
40
|
<div class="table-header-row">
|
|
41
41
|
<div class="table-legend" *ngIf="tableLegend.length > 1">
|
|
@@ -44,7 +44,7 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
44
44
|
<div class="table-header" *ngIf="columns && columns.length > 0">
|
|
45
45
|
<div class="table-row">
|
|
46
46
|
<div class="table-cell" *ngFor="let column of columns">
|
|
47
|
-
<span [textContent]="column"></span>
|
|
47
|
+
<span [textContent]="formatDataValue(column)"></span>
|
|
48
48
|
</div>
|
|
49
49
|
</div>
|
|
50
50
|
</div>
|
|
@@ -52,21 +52,21 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
52
52
|
<div class="tree-node" [class.background]="depth === 0" *ngFor="let item of collection" (click)="toggleCollapse($event, item)">
|
|
53
53
|
<div class="table-row">
|
|
54
54
|
<div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
|
|
55
|
-
<co-icon [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
55
|
+
<co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
56
56
|
<span [textContent]="item.name"></span>
|
|
57
57
|
</div>
|
|
58
58
|
<div class="table-cell data-points">
|
|
59
59
|
<div *ngFor="let dataPoint of item.data" class="custom-property">
|
|
60
|
-
<span [textContent]="formatDataValue(dataPoint)"></span>
|
|
60
|
+
<span [textContent]="formatDataValue(dataPoint, params)"></span>
|
|
61
61
|
</div>
|
|
62
62
|
</div>
|
|
63
63
|
</div>
|
|
64
64
|
<ng-container *ngIf="item.children && item.children.length > 0 && item.expanded">
|
|
65
|
-
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20"></co-recursive-list>
|
|
65
|
+
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
|
|
66
66
|
</ng-container>
|
|
67
67
|
</div>
|
|
68
68
|
</div>
|
|
69
|
-
`, isInline: true, components: [{ type: i2.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "tableLegend", "depth", "indentation", "dataPipe"] }], 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"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
69
|
+
`, isInline: true, components: [{ type: i2.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "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"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
70
70
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListComponent, decorators: [{
|
|
71
71
|
type: Component,
|
|
72
72
|
args: [{
|
|
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
80
80
|
<div class="table-header" *ngIf="columns && columns.length > 0">
|
|
81
81
|
<div class="table-row">
|
|
82
82
|
<div class="table-cell" *ngFor="let column of columns">
|
|
83
|
-
<span [textContent]="column"></span>
|
|
83
|
+
<span [textContent]="formatDataValue(column)"></span>
|
|
84
84
|
</div>
|
|
85
85
|
</div>
|
|
86
86
|
</div>
|
|
@@ -88,17 +88,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
88
88
|
<div class="tree-node" [class.background]="depth === 0" *ngFor="let item of collection" (click)="toggleCollapse($event, item)">
|
|
89
89
|
<div class="table-row">
|
|
90
90
|
<div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
|
|
91
|
-
<co-icon [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
91
|
+
<co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
92
92
|
<span [textContent]="item.name"></span>
|
|
93
93
|
</div>
|
|
94
94
|
<div class="table-cell data-points">
|
|
95
95
|
<div *ngFor="let dataPoint of item.data" class="custom-property">
|
|
96
|
-
<span [textContent]="formatDataValue(dataPoint)"></span>
|
|
96
|
+
<span [textContent]="formatDataValue(dataPoint, params)"></span>
|
|
97
97
|
</div>
|
|
98
98
|
</div>
|
|
99
99
|
</div>
|
|
100
100
|
<ng-container *ngIf="item.children && item.children.length > 0 && item.expanded">
|
|
101
|
-
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20"></co-recursive-list>
|
|
101
|
+
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
|
|
102
102
|
</ng-container>
|
|
103
103
|
</div>
|
|
104
104
|
</div>
|
|
@@ -117,5 +117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
117
117
|
type: Input
|
|
118
118
|
}], dataPipe: [{
|
|
119
119
|
type: Input
|
|
120
|
+
}], params: [{
|
|
121
|
+
type: Input
|
|
120
122
|
}] } });
|
|
121
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
123
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjdXJzaXZlLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5kZWRjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zdW1tYXJ5LWdyaWQvY29tcG9uZW50cy9yZWN1cnNpdmUtbGlzdC9yZWN1cnNpdmUtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOEJBQThCO0FBRTlCLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFpQixpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVqRixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0FBdUNsRCxNQUFNLE9BQU8sc0JBQXNCO0lBY2pDLFlBQW1CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBYnJDLFVBQUssR0FBZ0IsSUFBSSxDQUFDO1FBR2pDLFlBQU8sR0FBYSxFQUFFLENBQUM7UUFDdkIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsVUFBSyxHQUFXLENBQUMsQ0FBQztRQUVsQixnQkFBVyxHQUFXLENBQUMsQ0FBQztRQUV4QixhQUFRLEdBQXlCLElBQUksQ0FBQztJQUlTLENBQUM7SUFFbEQsY0FBYyxDQUFDLEtBQVksRUFBRSxJQUE4QjtRQUNoRSxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUMsQ0FBQyw4QkFBOEI7UUFDdkQsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUM3QyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztTQUNoQztJQUNILENBQUM7SUFFTSxjQUFjLENBQUMsSUFBOEI7UUFDbEQsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUM7SUFDaEYsQ0FBQztJQUVNLGVBQWUsQ0FBQyxTQUEwQixFQUFFLE1BQWM7UUFDL0QsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLE9BQU8sU0FBUyxLQUFLLFFBQVEsRUFBRTtZQUNsRCxrQ0FBa0M7WUFDbEMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDLENBQUM7U0FDbkQ7YUFBTTtZQUNMLE9BQU8sU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsdUJBQXVCO1NBQ3JEO0lBQ0gsQ0FBQzs7b0hBbENVLHNCQUFzQjt3R0FBdEIsc0JBQXNCLG1PQWxDdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0ErQlQsc0hBR1Usc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBcENsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQStCVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7dUdBSVUsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIHJlY3Vyc2l2ZS1saXN0LmNvbXBvbmVudC50c1xyXG5cclxuaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBQaXBlVHJhbnNmb3JtLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25DYWNoZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlL2ljb24tY2FjaGUuc2VydmljZSc7XHJcbmltcG9ydCB7IEljb24gfSBmcm9tICcuLi8uLi8uLi8uLi9lbnVtL2ljb24uZW51bSc7XHJcbmltcG9ydCB7IFJlY3Vyc2l2ZUNvbGxlY3Rpb25MYXllciB9IGZyb20gJy4uLy4uL21vZGVsL3JlY3Vyc2l2ZS1jb2xsZWN0aW9uLWxheWVyLmludGVyZmFjZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvLXJlY3Vyc2l2ZS1saXN0JyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cImNvLXJlY3Vyc2l2ZS1saXN0XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1oZWFkZXItcm93XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWxlZ2VuZFwiICpuZ0lmPVwidGFibGVMZWdlbmQubGVuZ3RoID4gMVwiPlxyXG4gICAgICAgICAgPHNwYW4gW3RleHRDb250ZW50XT1cInRhYmxlTGVnZW5kXCI+PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1oZWFkZXJcIiAqbmdJZj1cImNvbHVtbnMgJiYgY29sdW1ucy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtcm93XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1jZWxsXCIgKm5nRm9yPVwibGV0IGNvbHVtbiBvZiBjb2x1bW5zXCI+XHJcbiAgICAgICAgICAgICAgPHNwYW4gW3RleHRDb250ZW50XT1cImZvcm1hdERhdGFWYWx1ZShjb2x1bW4pXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInRyZWUtbm9kZVwiIFtjbGFzcy5iYWNrZ3JvdW5kXT1cImRlcHRoID09PSAwXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgY29sbGVjdGlvblwiIChjbGljayk9XCJ0b2dnbGVDb2xsYXBzZSgkZXZlbnQsIGl0ZW0pXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLXJvd1wiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNlbGwgbm9kZS10ZXh0LWljb25cIiBbbmdTdHlsZV09XCJ7J3BhZGRpbmctbGVmdC5weCcgOiBpbmRlbnRhdGlvbn1cIj5cclxuICAgICAgICAgICAgPGNvLWljb24gKm5nSWY9XCJpdGVtLmNoaWxkcmVuICYmIGl0ZW0uY2hpbGRyZW4ubGVuZ3RoID4gMFwiIFtpY29uRGF0YV09XCJpY29uQ2FjaGVTZXJ2aWNlLmdldEljb24oZ2V0Q3VycmVudEljb24oaXRlbSkpXCI+PC9jby1pY29uPlxyXG4gICAgICAgICAgICA8c3BhbiBbdGV4dENvbnRlbnRdPVwiaXRlbS5uYW1lXCI+PC9zcGFuPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY2VsbCBkYXRhLXBvaW50c1wiPlxyXG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBkYXRhUG9pbnQgb2YgaXRlbS5kYXRhXCIgY2xhc3M9XCJjdXN0b20tcHJvcGVydHlcIj5cclxuICAgICAgICAgICAgICA8c3BhbiBbdGV4dENvbnRlbnRdPVwiZm9ybWF0RGF0YVZhbHVlKGRhdGFQb2ludCwgcGFyYW1zKVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbS5jaGlsZHJlbiAmJiBpdGVtLmNoaWxkcmVuLmxlbmd0aCA+IDAgJiYgaXRlbS5leHBhbmRlZFwiPlxyXG4gICAgICAgICAgPGNvLXJlY3Vyc2l2ZS1saXN0IFtkYXRhUGlwZV09XCJkYXRhUGlwZVwiIFtjb2xsZWN0aW9uXT1cIml0ZW0uY2hpbGRyZW5cIiBbZGVwdGhdPVwiZGVwdGggKyAxXCIgW2luZGVudGF0aW9uXT1cImluZGVudGF0aW9uICsgMjBcIiBbcGFyYW1zXT1cInBhcmFtc1wiPjwvY28tcmVjdXJzaXZlLWxpc3Q+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUmVjdXJzaXZlTGlzdENvbXBvbmVudCB7XHJcbiAgcHVibGljIHJlYWRvbmx5IGljb25zOiB0eXBlb2YgSWNvbiA9IEljb247XHJcblxyXG4gIEBJbnB1dCgpIGNvbGxlY3Rpb246IFJlY3Vyc2l2ZUNvbGxlY3Rpb25MYXllcltdO1xyXG4gIEBJbnB1dCgpIGNvbHVtbnM6IHN0cmluZ1tdID0gW107XHJcbiAgQElucHV0KCkgdGFibGVMZWdlbmQ6IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCkgZGVwdGg6IG51bWJlciA9IDA7XHJcblxyXG4gIEBJbnB1dCgpIGluZGVudGF0aW9uOiBudW1iZXIgPSAwO1xyXG5cclxuICBASW5wdXQoKSBkYXRhUGlwZTogUGlwZVRyYW5zZm9ybSB8IG51bGwgPSBudWxsO1xyXG5cclxuICBASW5wdXQoKSBwYXJhbXM6IGFueVtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgaWNvbkNhY2hlU2VydmljZTogSWNvbkNhY2hlU2VydmljZSkge31cclxuXHJcbiAgcHVibGljIHRvZ2dsZUNvbGxhcHNlKGV2ZW50OiBFdmVudCwgaXRlbTogUmVjdXJzaXZlQ29sbGVjdGlvbkxheWVyKTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTsgLy8gU3RvcCBldmVudCBwcm9wYWdhdGlvbiBoZXJlXHJcbiAgICBpZiAoaXRlbS5jaGlsZHJlbiAmJiBpdGVtLmNoaWxkcmVuLmxlbmd0aCA+IDApIHtcclxuICAgICAgaXRlbS5leHBhbmRlZCA9ICFpdGVtLmV4cGFuZGVkO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldEN1cnJlbnRJY29uKGl0ZW06IFJlY3Vyc2l2ZUNvbGxlY3Rpb25MYXllcik6IEljb24ge1xyXG4gICAgcmV0dXJuIGl0ZW0uZXhwYW5kZWQgPyB0aGlzLmljb25zLkFycm93UG9pbnREb3duIDogdGhpcy5pY29ucy5BcnJvd1BvaW50UmlnaHQ7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZm9ybWF0RGF0YVZhbHVlKGRhdGFWYWx1ZTogbnVtYmVyIHwgc3RyaW5nLCBwYXJhbXM/OiBhbnlbXSk6IHN0cmluZyB7XHJcbiAgICBpZiAodGhpcy5kYXRhUGlwZSAmJiB0eXBlb2YgZGF0YVZhbHVlID09PSAnbnVtYmVyJykge1xyXG4gICAgICAvLyBBcHBseSBkYXRhIGZvcm1hdHRpbmcgcGlwZSBoZXJlXHJcbiAgICAgIHJldHVybiB0aGlzLmRhdGFQaXBlLnRyYW5zZm9ybShkYXRhVmFsdWUsIHBhcmFtcyk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICByZXR1cm4gZGF0YVZhbHVlLnRvU3RyaW5nKCk7IC8vIE5vIGZvcm1hdHRpbmcgbmVlZGVkXHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -27,7 +27,7 @@ export class SummaryGridComponent {
|
|
|
27
27
|
{
|
|
28
28
|
name: 'Grandchild 1.1.2',
|
|
29
29
|
expanded: false,
|
|
30
|
-
data: [7,
|
|
30
|
+
data: [7, 0],
|
|
31
31
|
},
|
|
32
32
|
],
|
|
33
33
|
},
|
|
@@ -64,14 +64,15 @@ export class SummaryGridComponent {
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
SummaryGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
67
|
-
SummaryGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SummaryGridComponent, selector: "co-summary-grid", inputs: { columns: "columns", tableLegend: "tableLegend", dataPipe: "dataPipe", collection: "collection" }, host: { properties: { "class.co-summary-grid": "this.showClass" } }, ngImport: i0, template: `
|
|
67
|
+
SummaryGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SummaryGridComponent, selector: "co-summary-grid", inputs: { columns: "columns", tableLegend: "tableLegend", dataPipe: "dataPipe", params: "params", collection: "collection" }, host: { properties: { "class.co-summary-grid": "this.showClass" } }, ngImport: i0, template: `
|
|
68
68
|
<co-recursive-list
|
|
69
69
|
[collection]="collection"
|
|
70
70
|
[columns]="columns"
|
|
71
71
|
[tableLegend]="tableLegend"
|
|
72
72
|
[dataPipe]="dataPipe"
|
|
73
|
+
[params]="params"
|
|
73
74
|
></co-recursive-list>
|
|
74
|
-
`, isInline: true, components: [{ type: i1.RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "tableLegend", "depth", "indentation", "dataPipe"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
75
|
+
`, isInline: true, components: [{ type: i1.RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "tableLegend", "depth", "indentation", "dataPipe", "params"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
75
76
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, decorators: [{
|
|
76
77
|
type: Component,
|
|
77
78
|
args: [{
|
|
@@ -82,6 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
82
83
|
[columns]="columns"
|
|
83
84
|
[tableLegend]="tableLegend"
|
|
84
85
|
[dataPipe]="dataPipe"
|
|
86
|
+
[params]="params"
|
|
85
87
|
></co-recursive-list>
|
|
86
88
|
`,
|
|
87
89
|
encapsulation: ViewEncapsulation.None,
|
|
@@ -95,7 +97,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
95
97
|
type: Input
|
|
96
98
|
}], dataPipe: [{
|
|
97
99
|
type: Input
|
|
100
|
+
}], params: [{
|
|
101
|
+
type: Input
|
|
98
102
|
}], collection: [{
|
|
99
103
|
type: Input
|
|
100
104
|
}] } });
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
105
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VtbWFyeS1ncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3VtbWFyeS1ncmlkL3N1bW1hcnktZ3JpZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNEJBQTRCO0FBQzVCLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBaUIsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQWdCOUYsTUFBTSxPQUFPLG9CQUFvQjtJQWJqQztRQWN3QyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBR2hELFlBQU8sR0FBYSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLCtCQUErQjtRQUczRSxnQkFBVyxHQUFXLFFBQVEsQ0FBQztRQUcvQixhQUFRLEdBQXlCLElBQUksQ0FBQztRQU10QyxlQUFVLEdBQStCO1lBQzlDO2dCQUNFLElBQUksRUFBRSxRQUFRO2dCQUNkLFFBQVEsRUFBRSxLQUFLO2dCQUNmLElBQUksRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7Z0JBQ1osUUFBUSxFQUFFO29CQUNSO3dCQUNFLElBQUksRUFBRSxXQUFXO3dCQUNqQixRQUFRLEVBQUUsS0FBSzt3QkFDZixJQUFJLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO3dCQUNaLFFBQVEsRUFBRTs0QkFDUjtnQ0FDRSxJQUFJLEVBQUUsa0JBQWtCO2dDQUN4QixRQUFRLEVBQUUsS0FBSztnQ0FDZixJQUFJLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDOzZCQUNiOzRCQUNEO2dDQUNFLElBQUksRUFBRSxrQkFBa0I7Z0NBQ3hCLFFBQVEsRUFBRSxLQUFLO2dDQUNmLElBQUksRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7NkJBQ2I7eUJBQ0Y7cUJBQ0Y7b0JBQ0Qsa0JBQWtCO2lCQUNuQjthQUNGO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLFFBQVE7Z0JBQ2QsUUFBUSxFQUFFLEtBQUs7Z0JBQ2YsSUFBSSxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQztnQkFDYixRQUFRLEVBQUU7b0JBQ1I7d0JBQ0UsSUFBSSxFQUFFLFdBQVc7d0JBQ2pCLFFBQVEsRUFBRSxLQUFLO3dCQUNmLElBQUksRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUM7d0JBQ2QsUUFBUSxFQUFFOzRCQUNSO2dDQUNFLElBQUksRUFBRSxrQkFBa0I7Z0NBQ3hCLFFBQVEsRUFBRSxLQUFLO2dDQUNmLElBQUksRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUM7NkJBQ2Y7NEJBQ0Q7Z0NBQ0UsSUFBSSxFQUFFLGtCQUFrQjtnQ0FDeEIsUUFBUSxFQUFFLEtBQUs7Z0NBQ2YsSUFBSSxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQzs2QkFDZjt5QkFDRjtxQkFDRjtvQkFDRCxrQkFBa0I7aUJBQ25CO2FBQ0Y7WUFDRCx1QkFBdUI7U0FDeEIsQ0FBQztLQUNIOztrSEFyRVksb0JBQW9CO3NHQUFwQixvQkFBb0IsMFBBWHJCOzs7Ozs7OztHQVFUOzRGQUdVLG9CQUFvQjtrQkFiaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixRQUFRLEVBQUU7Ozs7Ozs7O0dBUVQ7b0JBQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDOzhCQUV1QyxTQUFTO3NCQUE5QyxXQUFXO3VCQUFDLHVCQUF1QjtnQkFHN0IsT0FBTztzQkFEYixLQUFLO2dCQUlDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBSUMsUUFBUTtzQkFEZCxLQUFLO2dCQUlDLE1BQU07c0JBRFosS0FBSztnQkFJQyxVQUFVO3NCQURoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLy8gc3VtbWFyeS1ncmlkLmNvbXBvbmVudC50c1xyXG5pbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBQaXBlVHJhbnNmb3JtLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7UmVjdXJzaXZlQ29sbGVjdGlvbkxheWVyfSBmcm9tIFwiLi9tb2RlbC9yZWN1cnNpdmUtY29sbGVjdGlvbi1sYXllci5pbnRlcmZhY2VcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY28tc3VtbWFyeS1ncmlkJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGNvLXJlY3Vyc2l2ZS1saXN0XHJcbiAgICAgIFtjb2xsZWN0aW9uXT1cImNvbGxlY3Rpb25cIlxyXG4gICAgICBbY29sdW1uc109XCJjb2x1bW5zXCJcclxuICAgICAgW3RhYmxlTGVnZW5kXT1cInRhYmxlTGVnZW5kXCJcclxuICAgICAgW2RhdGFQaXBlXT1cImRhdGFQaXBlXCJcclxuICAgICAgW3BhcmFtc109XCJwYXJhbXNcIlxyXG4gICAgPjwvY28tcmVjdXJzaXZlLWxpc3Q+XHJcbiAgYCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3VtbWFyeUdyaWRDb21wb25lbnQge1xyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY28tc3VtbWFyeS1ncmlkJykgc2hvd0NsYXNzID0gdHJ1ZTtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY29sdW1uczogc3RyaW5nW10gPSBbJ0NvbHVtbjEnLCAnQ29sdW1uMiddOyAvLyBBZGQgeW91ciBjb2x1bW4gaGVhZGVycyBoZXJlXHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHRhYmxlTGVnZW5kOiBzdHJpbmcgPSBcIkxlZ2VuZFwiO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBkYXRhUGlwZTogUGlwZVRyYW5zZm9ybSB8IG51bGwgPSBudWxsO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBwYXJhbXM6IGFueVtdO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjb2xsZWN0aW9uOiBSZWN1cnNpdmVDb2xsZWN0aW9uTGF5ZXJbXSA9IFtcclxuICAgIHtcclxuICAgICAgbmFtZTogJ1Jvb3QgMScsXHJcbiAgICAgIGV4cGFuZGVkOiBmYWxzZSxcclxuICAgICAgZGF0YTogWzEsIDJdLFxyXG4gICAgICBjaGlsZHJlbjogW1xyXG4gICAgICAgIHtcclxuICAgICAgICAgIG5hbWU6ICdDaGlsZCAxLjEnLFxyXG4gICAgICAgICAgZXhwYW5kZWQ6IGZhbHNlLFxyXG4gICAgICAgICAgZGF0YTogWzMsIDRdLFxyXG4gICAgICAgICAgY2hpbGRyZW46IFtcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgIG5hbWU6ICdHcmFuZGNoaWxkIDEuMS4xJyxcclxuICAgICAgICAgICAgICBleHBhbmRlZDogZmFsc2UsXHJcbiAgICAgICAgICAgICAgZGF0YTogWzUsIDZdLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgbmFtZTogJ0dyYW5kY2hpbGQgMS4xLjInLFxyXG4gICAgICAgICAgICAgIGV4cGFuZGVkOiBmYWxzZSxcclxuICAgICAgICAgICAgICBkYXRhOiBbNywgMF0sXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICBdLFxyXG4gICAgICAgIH0sXHJcbiAgICAgICAgLy8gLi4uIG90aGVyIG5vZGVzXHJcbiAgICAgIF0sXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBuYW1lOiAnUm9vdCAyJyxcclxuICAgICAgZXhwYW5kZWQ6IGZhbHNlLFxyXG4gICAgICBkYXRhOiBbOSwgMTBdLFxyXG4gICAgICBjaGlsZHJlbjogW1xyXG4gICAgICAgIHtcclxuICAgICAgICAgIG5hbWU6ICdDaGlsZCAyLjEnLFxyXG4gICAgICAgICAgZXhwYW5kZWQ6IGZhbHNlLFxyXG4gICAgICAgICAgZGF0YTogWzExLCAxMl0sXHJcbiAgICAgICAgICBjaGlsZHJlbjogW1xyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgbmFtZTogJ0dyYW5kY2hpbGQgMi4xLjEnLFxyXG4gICAgICAgICAgICAgIGV4cGFuZGVkOiBmYWxzZSxcclxuICAgICAgICAgICAgICBkYXRhOiBbMTMsIDE0XSxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgIG5hbWU6ICdHcmFuZGNoaWxkIDIuMS4yJyxcclxuICAgICAgICAgICAgICBleHBhbmRlZDogZmFsc2UsXHJcbiAgICAgICAgICAgICAgZGF0YTogWzE1LCAxNl0sXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICBdLFxyXG4gICAgICAgIH0sXHJcbiAgICAgICAgLy8gLi4uIG90aGVyIG5vZGVzXHJcbiAgICAgIF0sXHJcbiAgICB9LFxyXG4gICAgLy8gLi4uIG90aGVyIHJvb3Qgbm9kZXNcclxuICBdO1xyXG59XHJcbiJdfQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { Component, ViewEncapsulation, HostBinding, Input, NgModule, Injectable, Pipe } 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';
|
|
@@ -18,13 +18,7 @@ class StackedLineChartComponent {
|
|
|
18
18
|
this.chartOptions = {
|
|
19
19
|
title: {},
|
|
20
20
|
tooltip: {
|
|
21
|
-
trigger: 'axis'
|
|
22
|
-
axisPointer: {
|
|
23
|
-
type: 'cross',
|
|
24
|
-
label: {
|
|
25
|
-
backgroundColor: '#6a7985'
|
|
26
|
-
}
|
|
27
|
-
}
|
|
21
|
+
trigger: 'axis'
|
|
28
22
|
},
|
|
29
23
|
legend: {},
|
|
30
24
|
grid: {
|
|
@@ -38,17 +32,12 @@ class StackedLineChartComponent {
|
|
|
38
32
|
saveAsImage: {}
|
|
39
33
|
}
|
|
40
34
|
},
|
|
41
|
-
xAxis: {
|
|
42
|
-
type: 'category',
|
|
43
|
-
boundaryGap: false,
|
|
44
|
-
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
|
|
45
|
-
},
|
|
35
|
+
xAxis: {},
|
|
46
36
|
yAxis: {
|
|
47
37
|
type: 'value'
|
|
48
38
|
},
|
|
49
39
|
series: {}
|
|
50
40
|
};
|
|
51
|
-
this.chartEventEmitter = new EventEmitter();
|
|
52
41
|
}
|
|
53
42
|
showClass() {
|
|
54
43
|
return true;
|
|
@@ -63,17 +52,13 @@ class StackedLineChartComponent {
|
|
|
63
52
|
};
|
|
64
53
|
this.chartOptions.legend['data'] = this.chartLegend;
|
|
65
54
|
}
|
|
66
|
-
onChartEvent(event, type) {
|
|
67
|
-
console.log('chart event:', type, event);
|
|
68
|
-
this.chartEventEmitter.emit(event);
|
|
69
|
-
}
|
|
70
55
|
}
|
|
71
56
|
StackedLineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
72
|
-
StackedLineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: StackedLineChartComponent, selector: "co-stacked-line-chart", inputs: { chartName: "chartName", chartData: "chartData", chartLegend: "chartLegend", chartXAxis: "chartXAxis", chartHeight: "chartHeight", chartWidth: "chartWidth", chartOptions: "chartOptions" },
|
|
57
|
+
StackedLineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: StackedLineChartComponent, selector: "co-stacked-line-chart", inputs: { chartName: "chartName", chartData: "chartData", chartLegend: "chartLegend", chartXAxis: "chartXAxis", chartHeight: "chartHeight", chartWidth: "chartWidth", chartOptions: "chartOptions" }, host: { properties: { "class.co-co-stacked-line-chart": "this.showClass" } }, ngImport: i0, template: `
|
|
73
58
|
|
|
74
59
|
<div echarts [options]="chartOptions" [initOpts]="{
|
|
75
60
|
width: chartWidth,
|
|
76
|
-
height: chartHeight}"
|
|
61
|
+
height: chartHeight}" class="chart"></div>
|
|
77
62
|
|
|
78
63
|
`, isInline: true, directives: [{ type: i1.NgxEchartsDirective, selector: "echarts, [echarts]", inputs: ["autoResize", "loadingType", "options", "theme", "loading", "initOpts", "merge", "loadingOpts"], outputs: ["chartInit", "optionsError", "chartClick", "chartDblClick", "chartMouseDown", "chartMouseMove", "chartMouseUp", "chartMouseOver", "chartMouseOut", "chartGlobalOut", "chartContextMenu", "chartLegendSelectChanged", "chartLegendSelected", "chartLegendUnselected", "chartLegendScroll", "chartDataZoom", "chartDataRangeSelected", "chartTimelineChanged", "chartTimelinePlayChanged", "chartRestore", "chartDataViewChanged", "chartMagicTypeChanged", "chartPieSelectChanged", "chartPieSelected", "chartPieUnselected", "chartMapSelectChanged", "chartMapSelected", "chartMapUnselected", "chartAxisAreaSelected", "chartFocusNodeAdjacency", "chartUnfocusNodeAdjacency", "chartBrush", "chartBrushEnd", "chartBrushSelected", "chartRendered", "chartFinished"], exportAs: ["echarts"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
79
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, decorators: [{
|
|
@@ -84,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
84
69
|
|
|
85
70
|
<div echarts [options]="chartOptions" [initOpts]="{
|
|
86
71
|
width: chartWidth,
|
|
87
|
-
height: chartHeight}"
|
|
72
|
+
height: chartHeight}" class="chart"></div>
|
|
88
73
|
|
|
89
74
|
`,
|
|
90
75
|
encapsulation: ViewEncapsulation.None
|
|
@@ -106,8 +91,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
106
91
|
type: Input
|
|
107
92
|
}], chartOptions: [{
|
|
108
93
|
type: Input
|
|
109
|
-
}], chartEventEmitter: [{
|
|
110
|
-
type: Output
|
|
111
94
|
}] } });
|
|
112
95
|
|
|
113
96
|
class StackedLineChartModule {
|
|
@@ -800,10 +783,10 @@ class RecursiveListComponent {
|
|
|
800
783
|
getCurrentIcon(item) {
|
|
801
784
|
return item.expanded ? this.icons.ArrowPointDown : this.icons.ArrowPointRight;
|
|
802
785
|
}
|
|
803
|
-
formatDataValue(dataValue) {
|
|
786
|
+
formatDataValue(dataValue, params) {
|
|
804
787
|
if (this.dataPipe && typeof dataValue === 'number') {
|
|
805
788
|
// Apply data formatting pipe here
|
|
806
|
-
return this.dataPipe.transform(dataValue);
|
|
789
|
+
return this.dataPipe.transform(dataValue, params);
|
|
807
790
|
}
|
|
808
791
|
else {
|
|
809
792
|
return dataValue.toString(); // No formatting needed
|
|
@@ -811,7 +794,7 @@ class RecursiveListComponent {
|
|
|
811
794
|
}
|
|
812
795
|
}
|
|
813
796
|
RecursiveListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListComponent, deps: [{ token: IconCacheService }], target: i0.ɵɵFactoryTarget.Component });
|
|
814
|
-
RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RecursiveListComponent, selector: "co-recursive-list", inputs: { collection: "collection", columns: "columns", tableLegend: "tableLegend", depth: "depth", indentation: "indentation", dataPipe: "dataPipe" }, ngImport: i0, template: `
|
|
797
|
+
RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RecursiveListComponent, selector: "co-recursive-list", inputs: { collection: "collection", columns: "columns", tableLegend: "tableLegend", depth: "depth", indentation: "indentation", dataPipe: "dataPipe", params: "params" }, ngImport: i0, template: `
|
|
815
798
|
<div class="co-recursive-list">
|
|
816
799
|
<div class="table-header-row">
|
|
817
800
|
<div class="table-legend" *ngIf="tableLegend.length > 1">
|
|
@@ -820,7 +803,7 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
820
803
|
<div class="table-header" *ngIf="columns && columns.length > 0">
|
|
821
804
|
<div class="table-row">
|
|
822
805
|
<div class="table-cell" *ngFor="let column of columns">
|
|
823
|
-
<span [textContent]="column"></span>
|
|
806
|
+
<span [textContent]="formatDataValue(column)"></span>
|
|
824
807
|
</div>
|
|
825
808
|
</div>
|
|
826
809
|
</div>
|
|
@@ -828,21 +811,21 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
828
811
|
<div class="tree-node" [class.background]="depth === 0" *ngFor="let item of collection" (click)="toggleCollapse($event, item)">
|
|
829
812
|
<div class="table-row">
|
|
830
813
|
<div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
|
|
831
|
-
<co-icon [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
814
|
+
<co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
832
815
|
<span [textContent]="item.name"></span>
|
|
833
816
|
</div>
|
|
834
817
|
<div class="table-cell data-points">
|
|
835
818
|
<div *ngFor="let dataPoint of item.data" class="custom-property">
|
|
836
|
-
<span [textContent]="formatDataValue(dataPoint)"></span>
|
|
819
|
+
<span [textContent]="formatDataValue(dataPoint, params)"></span>
|
|
837
820
|
</div>
|
|
838
821
|
</div>
|
|
839
822
|
</div>
|
|
840
823
|
<ng-container *ngIf="item.children && item.children.length > 0 && item.expanded">
|
|
841
|
-
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20"></co-recursive-list>
|
|
824
|
+
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
|
|
842
825
|
</ng-container>
|
|
843
826
|
</div>
|
|
844
827
|
</div>
|
|
845
|
-
`, isInline: true, components: [{ type: i2.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "tableLegend", "depth", "indentation", "dataPipe"] }], 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"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
828
|
+
`, isInline: true, components: [{ type: i2.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "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"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
846
829
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListComponent, decorators: [{
|
|
847
830
|
type: Component,
|
|
848
831
|
args: [{
|
|
@@ -856,7 +839,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
856
839
|
<div class="table-header" *ngIf="columns && columns.length > 0">
|
|
857
840
|
<div class="table-row">
|
|
858
841
|
<div class="table-cell" *ngFor="let column of columns">
|
|
859
|
-
<span [textContent]="column"></span>
|
|
842
|
+
<span [textContent]="formatDataValue(column)"></span>
|
|
860
843
|
</div>
|
|
861
844
|
</div>
|
|
862
845
|
</div>
|
|
@@ -864,17 +847,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
864
847
|
<div class="tree-node" [class.background]="depth === 0" *ngFor="let item of collection" (click)="toggleCollapse($event, item)">
|
|
865
848
|
<div class="table-row">
|
|
866
849
|
<div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
|
|
867
|
-
<co-icon [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
850
|
+
<co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
868
851
|
<span [textContent]="item.name"></span>
|
|
869
852
|
</div>
|
|
870
853
|
<div class="table-cell data-points">
|
|
871
854
|
<div *ngFor="let dataPoint of item.data" class="custom-property">
|
|
872
|
-
<span [textContent]="formatDataValue(dataPoint)"></span>
|
|
855
|
+
<span [textContent]="formatDataValue(dataPoint, params)"></span>
|
|
873
856
|
</div>
|
|
874
857
|
</div>
|
|
875
858
|
</div>
|
|
876
859
|
<ng-container *ngIf="item.children && item.children.length > 0 && item.expanded">
|
|
877
|
-
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20"></co-recursive-list>
|
|
860
|
+
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
|
|
878
861
|
</ng-container>
|
|
879
862
|
</div>
|
|
880
863
|
</div>
|
|
@@ -893,6 +876,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
893
876
|
type: Input
|
|
894
877
|
}], dataPipe: [{
|
|
895
878
|
type: Input
|
|
879
|
+
}], params: [{
|
|
880
|
+
type: Input
|
|
896
881
|
}] } });
|
|
897
882
|
|
|
898
883
|
// summary-grid.component.ts
|
|
@@ -921,7 +906,7 @@ class SummaryGridComponent {
|
|
|
921
906
|
{
|
|
922
907
|
name: 'Grandchild 1.1.2',
|
|
923
908
|
expanded: false,
|
|
924
|
-
data: [7,
|
|
909
|
+
data: [7, 0],
|
|
925
910
|
},
|
|
926
911
|
],
|
|
927
912
|
},
|
|
@@ -958,14 +943,15 @@ class SummaryGridComponent {
|
|
|
958
943
|
}
|
|
959
944
|
}
|
|
960
945
|
SummaryGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
961
|
-
SummaryGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SummaryGridComponent, selector: "co-summary-grid", inputs: { columns: "columns", tableLegend: "tableLegend", dataPipe: "dataPipe", collection: "collection" }, host: { properties: { "class.co-summary-grid": "this.showClass" } }, ngImport: i0, template: `
|
|
946
|
+
SummaryGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SummaryGridComponent, selector: "co-summary-grid", inputs: { columns: "columns", tableLegend: "tableLegend", dataPipe: "dataPipe", params: "params", collection: "collection" }, host: { properties: { "class.co-summary-grid": "this.showClass" } }, ngImport: i0, template: `
|
|
962
947
|
<co-recursive-list
|
|
963
948
|
[collection]="collection"
|
|
964
949
|
[columns]="columns"
|
|
965
950
|
[tableLegend]="tableLegend"
|
|
966
951
|
[dataPipe]="dataPipe"
|
|
952
|
+
[params]="params"
|
|
967
953
|
></co-recursive-list>
|
|
968
|
-
`, isInline: true, components: [{ type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "tableLegend", "depth", "indentation", "dataPipe"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
954
|
+
`, isInline: true, components: [{ type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "tableLegend", "depth", "indentation", "dataPipe", "params"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
969
955
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, decorators: [{
|
|
970
956
|
type: Component,
|
|
971
957
|
args: [{
|
|
@@ -976,6 +962,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
976
962
|
[columns]="columns"
|
|
977
963
|
[tableLegend]="tableLegend"
|
|
978
964
|
[dataPipe]="dataPipe"
|
|
965
|
+
[params]="params"
|
|
979
966
|
></co-recursive-list>
|
|
980
967
|
`,
|
|
981
968
|
encapsulation: ViewEncapsulation.None,
|
|
@@ -989,6 +976,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
989
976
|
type: Input
|
|
990
977
|
}], dataPipe: [{
|
|
991
978
|
type: Input
|
|
979
|
+
}], params: [{
|
|
980
|
+
type: Input
|
|
992
981
|
}], collection: [{
|
|
993
982
|
type: Input
|
|
994
983
|
}] } });
|