@colijnit/extendedcomponents 12.0.6 → 12.0.8
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 +269 -271
- 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 +32 -16
- package/esm2015/lib/components/summary-grid/components/recursive-list/recursive-list.module.js +6 -2
- package/esm2015/lib/components/summary-grid/summary-grid.component.js +13 -4
- package/esm2015/lib/model/icon-svg.js +3 -3
- package/esm2015/lib/translation/extended-components-translation.module.js +4 -3
- package/esm2015/public-api.js +2 -1
- package/fesm2015/colijnit-extendedcomponents.js +156 -145
- 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 +4 -2
- package/lib/components/summary-grid/components/recursive-list/recursive-list.module.d.ts +2 -1
- package/lib/components/summary-grid/components/recursive-list/style/_layout.scss +14 -10
- package/lib/components/summary-grid/summary-grid.component.d.ts +3 -1
- package/lib/translation/extended-components-translation.module.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -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
|
@@ -5,14 +5,16 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
import * as i1 from "../../../../service/icon-cache.service";
|
|
6
6
|
import * as i2 from "@colijnit/corecomponents_v12";
|
|
7
7
|
import * as i3 from "@angular/common";
|
|
8
|
+
import * as i4 from "../../../../translation/localize.pipe";
|
|
8
9
|
export class RecursiveListComponent {
|
|
9
10
|
constructor(iconCacheService) {
|
|
10
11
|
this.iconCacheService = iconCacheService;
|
|
11
12
|
this.icons = Icon;
|
|
12
13
|
this.columns = [];
|
|
14
|
+
this.subColumns = [];
|
|
13
15
|
this.tableLegend = "";
|
|
14
16
|
this.depth = 0;
|
|
15
|
-
this.indentation =
|
|
17
|
+
this.indentation = 10;
|
|
16
18
|
this.dataPipe = null;
|
|
17
19
|
}
|
|
18
20
|
toggleCollapse(event, item) {
|
|
@@ -24,10 +26,10 @@ export class RecursiveListComponent {
|
|
|
24
26
|
getCurrentIcon(item) {
|
|
25
27
|
return item.expanded ? this.icons.ArrowPointDown : this.icons.ArrowPointRight;
|
|
26
28
|
}
|
|
27
|
-
formatDataValue(dataValue) {
|
|
29
|
+
formatDataValue(dataValue, params) {
|
|
28
30
|
if (this.dataPipe && typeof dataValue === 'number') {
|
|
29
31
|
// Apply data formatting pipe here
|
|
30
|
-
return this.dataPipe.transform(dataValue);
|
|
32
|
+
return this.dataPipe.transform(dataValue, params);
|
|
31
33
|
}
|
|
32
34
|
else {
|
|
33
35
|
return dataValue.toString(); // No formatting needed
|
|
@@ -35,16 +37,21 @@ export class RecursiveListComponent {
|
|
|
35
37
|
}
|
|
36
38
|
}
|
|
37
39
|
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: `
|
|
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: `
|
|
39
41
|
<div class="co-recursive-list">
|
|
40
42
|
<div class="table-header-row">
|
|
41
43
|
<div class="table-legend" *ngIf="tableLegend.length > 1">
|
|
42
|
-
<span [textContent]="tableLegend"></span>
|
|
44
|
+
<span [textContent]="tableLegend | localize"></span>
|
|
43
45
|
</div>
|
|
44
46
|
<div class="table-header" *ngIf="columns && columns.length > 0">
|
|
45
47
|
<div class="table-row">
|
|
46
48
|
<div class="table-cell" *ngFor="let column of columns">
|
|
47
|
-
<span [textContent]="column"></span>
|
|
49
|
+
<span [textContent]="formatDataValue(column) | localize"></span>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
<div class="table-row" *ngIf="subColumns && subColumns.length > 0">
|
|
53
|
+
<div class="table-cell" *ngFor="let column of subColumns">
|
|
54
|
+
<span [textContent]="formatDataValue(column)"></span>
|
|
48
55
|
</div>
|
|
49
56
|
</div>
|
|
50
57
|
</div>
|
|
@@ -52,21 +59,21 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
52
59
|
<div class="tree-node" [class.background]="depth === 0" *ngFor="let item of collection" (click)="toggleCollapse($event, item)">
|
|
53
60
|
<div class="table-row">
|
|
54
61
|
<div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
|
|
55
|
-
<co-icon [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
62
|
+
<co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
56
63
|
<span [textContent]="item.name"></span>
|
|
57
64
|
</div>
|
|
58
65
|
<div class="table-cell data-points">
|
|
59
66
|
<div *ngFor="let dataPoint of item.data" class="custom-property">
|
|
60
|
-
<span [textContent]="formatDataValue(dataPoint)"></span>
|
|
67
|
+
<span [textContent]="formatDataValue(dataPoint, params)"></span>
|
|
61
68
|
</div>
|
|
62
69
|
</div>
|
|
63
70
|
</div>
|
|
64
71
|
<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>
|
|
72
|
+
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
|
|
66
73
|
</ng-container>
|
|
67
74
|
</div>
|
|
68
75
|
</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 });
|
|
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 });
|
|
70
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListComponent, decorators: [{
|
|
71
78
|
type: Component,
|
|
72
79
|
args: [{
|
|
@@ -75,12 +82,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
75
82
|
<div class="co-recursive-list">
|
|
76
83
|
<div class="table-header-row">
|
|
77
84
|
<div class="table-legend" *ngIf="tableLegend.length > 1">
|
|
78
|
-
<span [textContent]="tableLegend"></span>
|
|
85
|
+
<span [textContent]="tableLegend | localize"></span>
|
|
79
86
|
</div>
|
|
80
87
|
<div class="table-header" *ngIf="columns && columns.length > 0">
|
|
81
88
|
<div class="table-row">
|
|
82
89
|
<div class="table-cell" *ngFor="let column of columns">
|
|
83
|
-
<span [textContent]="column"></span>
|
|
90
|
+
<span [textContent]="formatDataValue(column) | localize"></span>
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
<div class="table-row" *ngIf="subColumns && subColumns.length > 0">
|
|
94
|
+
<div class="table-cell" *ngFor="let column of subColumns">
|
|
95
|
+
<span [textContent]="formatDataValue(column)"></span>
|
|
84
96
|
</div>
|
|
85
97
|
</div>
|
|
86
98
|
</div>
|
|
@@ -88,17 +100,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
88
100
|
<div class="tree-node" [class.background]="depth === 0" *ngFor="let item of collection" (click)="toggleCollapse($event, item)">
|
|
89
101
|
<div class="table-row">
|
|
90
102
|
<div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
|
|
91
|
-
<co-icon [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
103
|
+
<co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
|
|
92
104
|
<span [textContent]="item.name"></span>
|
|
93
105
|
</div>
|
|
94
106
|
<div class="table-cell data-points">
|
|
95
107
|
<div *ngFor="let dataPoint of item.data" class="custom-property">
|
|
96
|
-
<span [textContent]="formatDataValue(dataPoint)"></span>
|
|
108
|
+
<span [textContent]="formatDataValue(dataPoint, params)"></span>
|
|
97
109
|
</div>
|
|
98
110
|
</div>
|
|
99
111
|
</div>
|
|
100
112
|
<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>
|
|
113
|
+
<co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
|
|
102
114
|
</ng-container>
|
|
103
115
|
</div>
|
|
104
116
|
</div>
|
|
@@ -109,6 +121,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
109
121
|
type: Input
|
|
110
122
|
}], columns: [{
|
|
111
123
|
type: Input
|
|
124
|
+
}], subColumns: [{
|
|
125
|
+
type: Input
|
|
112
126
|
}], tableLegend: [{
|
|
113
127
|
type: Input
|
|
114
128
|
}], depth: [{
|
|
@@ -117,5 +131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
117
131
|
type: Input
|
|
118
132
|
}], dataPipe: [{
|
|
119
133
|
type: Input
|
|
134
|
+
}], params: [{
|
|
135
|
+
type: Input
|
|
120
136
|
}] } });
|
|
121
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
137
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjdXJzaXZlLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5kZWRjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zdW1tYXJ5LWdyaWQvY29tcG9uZW50cy9yZWN1cnNpdmUtbGlzdC9yZWN1cnNpdmUtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOEJBQThCO0FBRTlCLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFpQixpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVqRixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7OztBQTRDbEQsTUFBTSxPQUFPLHNCQUFzQjtJQWVqQyxZQUFtQixnQkFBa0M7UUFBbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQWRyQyxVQUFLLEdBQWdCLElBQUksQ0FBQztRQUdqQyxZQUFPLEdBQWEsRUFBRSxDQUFDO1FBQ3ZCLGVBQVUsR0FBYSxFQUFFLENBQUM7UUFDMUIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsVUFBSyxHQUFXLENBQUMsQ0FBQztRQUVsQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUV6QixhQUFRLEdBQXlCLElBQUksQ0FBQztJQUlTLENBQUM7SUFFbEQsY0FBYyxDQUFDLEtBQVksRUFBRSxJQUE4QjtRQUNoRSxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUMsQ0FBQyw4QkFBOEI7UUFDdkQsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUM3QyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztTQUNoQztJQUNILENBQUM7SUFFTSxjQUFjLENBQUMsSUFBOEI7UUFDbEQsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUM7SUFDaEYsQ0FBQztJQUVNLGVBQWUsQ0FBQyxTQUEwQixFQUFFLE1BQWM7UUFDL0QsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLE9BQU8sU0FBUyxLQUFLLFFBQVEsRUFBRTtZQUNsRCxrQ0FBa0M7WUFDbEMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDLENBQUM7U0FDbkQ7YUFBTTtZQUNMLE9BQU8sU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsdUJBQXVCO1NBQ3JEO0lBQ0gsQ0FBQzs7b0hBbkNVLHNCQUFzQjt3R0FBdEIsc0JBQXNCLDZQQXZDdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9DVCxzSEFHVSxzQkFBc0I7NEZBQXRCLHNCQUFzQjtrQkF6Q2xDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQ1Q7b0JBQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDO3VHQUlVLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIHJlY3Vyc2l2ZS1saXN0LmNvbXBvbmVudC50c1xyXG5cclxuaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBQaXBlVHJhbnNmb3JtLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25DYWNoZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlL2ljb24tY2FjaGUuc2VydmljZSc7XHJcbmltcG9ydCB7IEljb24gfSBmcm9tICcuLi8uLi8uLi8uLi9lbnVtL2ljb24uZW51bSc7XHJcbmltcG9ydCB7IFJlY3Vyc2l2ZUNvbGxlY3Rpb25MYXllciB9IGZyb20gJy4uLy4uL21vZGVsL3JlY3Vyc2l2ZS1jb2xsZWN0aW9uLWxheWVyLmludGVyZmFjZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvLXJlY3Vyc2l2ZS1saXN0JyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cImNvLXJlY3Vyc2l2ZS1saXN0XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1oZWFkZXItcm93XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWxlZ2VuZFwiICpuZ0lmPVwidGFibGVMZWdlbmQubGVuZ3RoID4gMVwiPlxyXG4gICAgICAgICAgPHNwYW4gW3RleHRDb250ZW50XT1cInRhYmxlTGVnZW5kIHwgbG9jYWxpemVcIj48L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWhlYWRlclwiICpuZ0lmPVwiY29sdW1ucyAmJiBjb2x1bW5zLmxlbmd0aCA+IDBcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1yb3dcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNlbGxcIiAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbHVtbnNcIj5cclxuICAgICAgICAgICAgICA8c3BhbiBbdGV4dENvbnRlbnRdPVwiZm9ybWF0RGF0YVZhbHVlKGNvbHVtbikgfCBsb2NhbGl6ZVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1yb3dcIiAqbmdJZj1cInN1YkNvbHVtbnMgJiYgc3ViQ29sdW1ucy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1jZWxsXCIgKm5nRm9yPVwibGV0IGNvbHVtbiBvZiBzdWJDb2x1bW5zXCI+XHJcbiAgICAgICAgICAgICAgPHNwYW4gW3RleHRDb250ZW50XT1cImZvcm1hdERhdGFWYWx1ZShjb2x1bW4pXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInRyZWUtbm9kZVwiIFtjbGFzcy5iYWNrZ3JvdW5kXT1cImRlcHRoID09PSAwXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgY29sbGVjdGlvblwiIChjbGljayk9XCJ0b2dnbGVDb2xsYXBzZSgkZXZlbnQsIGl0ZW0pXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLXJvd1wiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNlbGwgbm9kZS10ZXh0LWljb25cIiBbbmdTdHlsZV09XCJ7J3BhZGRpbmctbGVmdC5weCcgOiBpbmRlbnRhdGlvbn1cIj5cclxuICAgICAgICAgICAgPGNvLWljb24gKm5nSWY9XCJpdGVtLmNoaWxkcmVuICYmIGl0ZW0uY2hpbGRyZW4ubGVuZ3RoID4gMFwiIFtpY29uRGF0YV09XCJpY29uQ2FjaGVTZXJ2aWNlLmdldEljb24oZ2V0Q3VycmVudEljb24oaXRlbSkpXCI+PC9jby1pY29uPlxyXG4gICAgICAgICAgICA8c3BhbiBbdGV4dENvbnRlbnRdPVwiaXRlbS5uYW1lXCI+PC9zcGFuPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY2VsbCBkYXRhLXBvaW50c1wiPlxyXG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBkYXRhUG9pbnQgb2YgaXRlbS5kYXRhXCIgY2xhc3M9XCJjdXN0b20tcHJvcGVydHlcIj5cclxuICAgICAgICAgICAgICA8c3BhbiBbdGV4dENvbnRlbnRdPVwiZm9ybWF0RGF0YVZhbHVlKGRhdGFQb2ludCwgcGFyYW1zKVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbS5jaGlsZHJlbiAmJiBpdGVtLmNoaWxkcmVuLmxlbmd0aCA+IDAgJiYgaXRlbS5leHBhbmRlZFwiPlxyXG4gICAgICAgICAgPGNvLXJlY3Vyc2l2ZS1saXN0IFtkYXRhUGlwZV09XCJkYXRhUGlwZVwiIFtjb2xsZWN0aW9uXT1cIml0ZW0uY2hpbGRyZW5cIiBbZGVwdGhdPVwiZGVwdGggKyAxXCIgW2luZGVudGF0aW9uXT1cImluZGVudGF0aW9uICsgMjBcIiBbcGFyYW1zXT1cInBhcmFtc1wiPjwvY28tcmVjdXJzaXZlLWxpc3Q+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUmVjdXJzaXZlTGlzdENvbXBvbmVudCB7XHJcbiAgcHVibGljIHJlYWRvbmx5IGljb25zOiB0eXBlb2YgSWNvbiA9IEljb247XHJcblxyXG4gIEBJbnB1dCgpIGNvbGxlY3Rpb246IFJlY3Vyc2l2ZUNvbGxlY3Rpb25MYXllcltdO1xyXG4gIEBJbnB1dCgpIGNvbHVtbnM6IHN0cmluZ1tdID0gW107XHJcbiAgQElucHV0KCkgc3ViQ29sdW1uczogc3RyaW5nW10gPSBbXTtcclxuICBASW5wdXQoKSB0YWJsZUxlZ2VuZDogc3RyaW5nID0gXCJcIjtcclxuICBASW5wdXQoKSBkZXB0aDogbnVtYmVyID0gMDtcclxuXHJcbiAgQElucHV0KCkgaW5kZW50YXRpb246IG51bWJlciA9IDEwO1xyXG5cclxuICBASW5wdXQoKSBkYXRhUGlwZTogUGlwZVRyYW5zZm9ybSB8IG51bGwgPSBudWxsO1xyXG5cclxuICBASW5wdXQoKSBwYXJhbXM6IGFueVtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgaWNvbkNhY2hlU2VydmljZTogSWNvbkNhY2hlU2VydmljZSkge31cclxuXHJcbiAgcHVibGljIHRvZ2dsZUNvbGxhcHNlKGV2ZW50OiBFdmVudCwgaXRlbTogUmVjdXJzaXZlQ29sbGVjdGlvbkxheWVyKTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTsgLy8gU3RvcCBldmVudCBwcm9wYWdhdGlvbiBoZXJlXHJcbiAgICBpZiAoaXRlbS5jaGlsZHJlbiAmJiBpdGVtLmNoaWxkcmVuLmxlbmd0aCA+IDApIHtcclxuICAgICAgaXRlbS5leHBhbmRlZCA9ICFpdGVtLmV4cGFuZGVkO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldEN1cnJlbnRJY29uKGl0ZW06IFJlY3Vyc2l2ZUNvbGxlY3Rpb25MYXllcik6IEljb24ge1xyXG4gICAgcmV0dXJuIGl0ZW0uZXhwYW5kZWQgPyB0aGlzLmljb25zLkFycm93UG9pbnREb3duIDogdGhpcy5pY29ucy5BcnJvd1BvaW50UmlnaHQ7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZm9ybWF0RGF0YVZhbHVlKGRhdGFWYWx1ZTogbnVtYmVyIHwgc3RyaW5nLCBwYXJhbXM/OiBhbnlbXSk6IHN0cmluZyB7XHJcbiAgICBpZiAodGhpcy5kYXRhUGlwZSAmJiB0eXBlb2YgZGF0YVZhbHVlID09PSAnbnVtYmVyJykge1xyXG4gICAgICAvLyBBcHBseSBkYXRhIGZvcm1hdHRpbmcgcGlwZSBoZXJlXHJcbiAgICAgIHJldHVybiB0aGlzLmRhdGFQaXBlLnRyYW5zZm9ybShkYXRhVmFsdWUsIHBhcmFtcyk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICByZXR1cm4gZGF0YVZhbHVlLnRvU3RyaW5nKCk7IC8vIE5vIGZvcm1hdHRpbmcgbmVlZGVkXHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
package/esm2015/lib/components/summary-grid/components/recursive-list/recursive-list.module.js
CHANGED
|
@@ -2,15 +2,18 @@ import { NgModule } from "@angular/core";
|
|
|
2
2
|
import { CommonModule } from "@angular/common";
|
|
3
3
|
import { RecursiveListComponent } from "./recursive-list.component";
|
|
4
4
|
import { IconModule } from "@colijnit/corecomponents_v12";
|
|
5
|
+
import { ExtendedComponentsTranslationModule } from "../../../../translation/extended-components-translation.module";
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export class RecursiveListModule {
|
|
7
8
|
}
|
|
8
9
|
RecursiveListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
10
|
RecursiveListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListModule, declarations: [RecursiveListComponent], imports: [CommonModule,
|
|
10
|
-
IconModule
|
|
11
|
+
IconModule,
|
|
12
|
+
ExtendedComponentsTranslationModule], exports: [RecursiveListComponent] });
|
|
11
13
|
RecursiveListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListModule, imports: [[
|
|
12
14
|
CommonModule,
|
|
13
15
|
IconModule,
|
|
16
|
+
ExtendedComponentsTranslationModule,
|
|
14
17
|
]] });
|
|
15
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListModule, decorators: [{
|
|
16
19
|
type: NgModule,
|
|
@@ -18,6 +21,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
18
21
|
imports: [
|
|
19
22
|
CommonModule,
|
|
20
23
|
IconModule,
|
|
24
|
+
ExtendedComponentsTranslationModule,
|
|
21
25
|
],
|
|
22
26
|
declarations: [
|
|
23
27
|
RecursiveListComponent
|
|
@@ -27,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
27
31
|
]
|
|
28
32
|
}]
|
|
29
33
|
}] });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjdXJzaXZlLWxpc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5kZWRjb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zdW1tYXJ5LWdyaWQvY29tcG9uZW50cy9yZWN1cnNpdmUtbGlzdC9yZWN1cnNpdmUtbGlzdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDbEUsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBQ3hELE9BQU8sRUFBQyxtQ0FBbUMsRUFBQyxNQUFNLGdFQUFnRSxDQUFDOztBQWVuSCxNQUFNLE9BQU8sbUJBQW1COztpSEFBbkIsbUJBQW1CO2tIQUFuQixtQkFBbUIsaUJBTjVCLHNCQUFzQixhQUxsQixZQUFZO1FBQ1osVUFBVTtRQUNWLG1DQUFtQyxhQU12QyxzQkFBc0I7a0hBR2IsbUJBQW1CLFlBWm5CO1lBQ0wsWUFBWTtZQUNaLFVBQVU7WUFDVixtQ0FBbUM7U0FDdEM7NEZBUVEsbUJBQW1CO2tCQWIvQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLFVBQVU7d0JBQ1YsbUNBQW1DO3FCQUN0QztvQkFDSCxZQUFZLEVBQUU7d0JBQ1osc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asc0JBQXNCO3FCQUN2QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcbmltcG9ydCB7UmVjdXJzaXZlTGlzdENvbXBvbmVudH0gZnJvbSBcIi4vcmVjdXJzaXZlLWxpc3QuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7SWNvbk1vZHVsZX0gZnJvbSBcIkBjb2xpam5pdC9jb3JlY29tcG9uZW50c192MTJcIjtcclxuaW1wb3J0IHtFeHRlbmRlZENvbXBvbmVudHNUcmFuc2xhdGlvbk1vZHVsZX0gZnJvbSBcIi4uLy4uLy4uLy4uL3RyYW5zbGF0aW9uL2V4dGVuZGVkLWNvbXBvbmVudHMtdHJhbnNsYXRpb24ubW9kdWxlXCI7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIENvbW1vbk1vZHVsZSxcclxuICAgICAgICBJY29uTW9kdWxlLFxyXG4gICAgICAgIEV4dGVuZGVkQ29tcG9uZW50c1RyYW5zbGF0aW9uTW9kdWxlLFxyXG4gICAgXSxcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFJlY3Vyc2l2ZUxpc3RDb21wb25lbnRcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFJlY3Vyc2l2ZUxpc3RDb21wb25lbnRcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSZWN1cnNpdmVMaXN0TW9kdWxlIHtcclxufVxyXG4iXX0=
|
|
@@ -6,6 +6,7 @@ export class SummaryGridComponent {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.showClass = true;
|
|
8
8
|
this.columns = ['Column1', 'Column2']; // Add your column headers here
|
|
9
|
+
this.subColumns = ['SubColumn1', 'SubColumn2']; // Add your column headers here
|
|
9
10
|
this.tableLegend = "Legend";
|
|
10
11
|
this.dataPipe = null;
|
|
11
12
|
this.collection = [
|
|
@@ -27,7 +28,7 @@ export class SummaryGridComponent {
|
|
|
27
28
|
{
|
|
28
29
|
name: 'Grandchild 1.1.2',
|
|
29
30
|
expanded: false,
|
|
30
|
-
data: [7,
|
|
31
|
+
data: [7, 0],
|
|
31
32
|
},
|
|
32
33
|
],
|
|
33
34
|
},
|
|
@@ -64,14 +65,16 @@ export class SummaryGridComponent {
|
|
|
64
65
|
}
|
|
65
66
|
}
|
|
66
67
|
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: `
|
|
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: `
|
|
68
69
|
<co-recursive-list
|
|
69
70
|
[collection]="collection"
|
|
70
71
|
[columns]="columns"
|
|
72
|
+
[subColumns]="subColumns"
|
|
71
73
|
[tableLegend]="tableLegend"
|
|
72
74
|
[dataPipe]="dataPipe"
|
|
75
|
+
[params]="params"
|
|
73
76
|
></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 });
|
|
77
|
+
`, isInline: true, components: [{ type: i1.RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
75
78
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, decorators: [{
|
|
76
79
|
type: Component,
|
|
77
80
|
args: [{
|
|
@@ -80,8 +83,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
80
83
|
<co-recursive-list
|
|
81
84
|
[collection]="collection"
|
|
82
85
|
[columns]="columns"
|
|
86
|
+
[subColumns]="subColumns"
|
|
83
87
|
[tableLegend]="tableLegend"
|
|
84
88
|
[dataPipe]="dataPipe"
|
|
89
|
+
[params]="params"
|
|
85
90
|
></co-recursive-list>
|
|
86
91
|
`,
|
|
87
92
|
encapsulation: ViewEncapsulation.None,
|
|
@@ -91,11 +96,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
91
96
|
args: ['class.co-summary-grid']
|
|
92
97
|
}], columns: [{
|
|
93
98
|
type: Input
|
|
99
|
+
}], subColumns: [{
|
|
100
|
+
type: Input
|
|
94
101
|
}], tableLegend: [{
|
|
95
102
|
type: Input
|
|
96
103
|
}], dataPipe: [{
|
|
97
104
|
type: Input
|
|
105
|
+
}], params: [{
|
|
106
|
+
type: Input
|
|
98
107
|
}], collection: [{
|
|
99
108
|
type: Input
|
|
100
109
|
}] } });
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VtbWFyeS1ncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3VtbWFyeS1ncmlkL3N1bW1hcnktZ3JpZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNEJBQTRCO0FBQzVCLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBaUIsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQWlCOUYsTUFBTSxPQUFPLG9CQUFvQjtJQWRqQztRQWV3QyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBR2hELFlBQU8sR0FBYSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLCtCQUErQjtRQUkzRSxlQUFVLEdBQWEsQ0FBQyxZQUFZLEVBQUUsWUFBWSxDQUFDLENBQUMsQ0FBQywrQkFBK0I7UUFHcEYsZ0JBQVcsR0FBVyxRQUFRLENBQUM7UUFHL0IsYUFBUSxHQUF5QixJQUFJLENBQUM7UUFNdEMsZUFBVSxHQUErQjtZQUM5QztnQkFDRSxJQUFJLEVBQUUsUUFBUTtnQkFDZCxRQUFRLEVBQUUsS0FBSztnQkFDZixJQUFJLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO2dCQUNaLFFBQVEsRUFBRTtvQkFDUjt3QkFDRSxJQUFJLEVBQUUsV0FBVzt3QkFDakIsUUFBUSxFQUFFLEtBQUs7d0JBQ2YsSUFBSSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQzt3QkFDWixRQUFRLEVBQUU7NEJBQ1I7Z0NBQ0UsSUFBSSxFQUFFLGtCQUFrQjtnQ0FDeEIsUUFBUSxFQUFFLEtBQUs7Z0NBQ2YsSUFBSSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQzs2QkFDYjs0QkFDRDtnQ0FDRSxJQUFJLEVBQUUsa0JBQWtCO2dDQUN4QixRQUFRLEVBQUUsS0FBSztnQ0FDZixJQUFJLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDOzZCQUNiO3lCQUNGO3FCQUNGO29CQUNELGtCQUFrQjtpQkFDbkI7YUFDRjtZQUNEO2dCQUNFLElBQUksRUFBRSxRQUFRO2dCQUNkLFFBQVEsRUFBRSxLQUFLO2dCQUNmLElBQUksRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUM7Z0JBQ2IsUUFBUSxFQUFFO29CQUNSO3dCQUNFLElBQUksRUFBRSxXQUFXO3dCQUNqQixRQUFRLEVBQUUsS0FBSzt3QkFDZixJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDO3dCQUNkLFFBQVEsRUFBRTs0QkFDUjtnQ0FDRSxJQUFJLEVBQUUsa0JBQWtCO2dDQUN4QixRQUFRLEVBQUUsS0FBSztnQ0FDZixJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDOzZCQUNmOzRCQUNEO2dDQUNFLElBQUksRUFBRSxrQkFBa0I7Z0NBQ3hCLFFBQVEsRUFBRSxLQUFLO2dDQUNmLElBQUksRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUM7NkJBQ2Y7eUJBQ0Y7cUJBQ0Y7b0JBQ0Qsa0JBQWtCO2lCQUNuQjthQUNGO1lBQ0QsdUJBQXVCO1NBQ3hCLENBQUM7S0FDSDs7a0hBekVZLG9CQUFvQjtzR0FBcEIsb0JBQW9CLG9SQVpyQjs7Ozs7Ozs7O0dBU1Q7NEZBR1Usb0JBQW9CO2tCQWRoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFFBQVEsRUFBRTs7Ozs7Ozs7O0dBU1Q7b0JBQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDOzhCQUV1QyxTQUFTO3NCQUE5QyxXQUFXO3VCQUFDLHVCQUF1QjtnQkFHN0IsT0FBTztzQkFEYixLQUFLO2dCQUtDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBSUMsV0FBVztzQkFEakIsS0FBSztnQkFJQyxRQUFRO3NCQURkLEtBQUs7Z0JBSUMsTUFBTTtzQkFEWixLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBzdW1tYXJ5LWdyaWQuY29tcG9uZW50LnRzXHJcbmltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFBpcGVUcmFuc2Zvcm0sIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtSZWN1cnNpdmVDb2xsZWN0aW9uTGF5ZXJ9IGZyb20gXCIuL21vZGVsL3JlY3Vyc2l2ZS1jb2xsZWN0aW9uLWxheWVyLmludGVyZmFjZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjby1zdW1tYXJ5LWdyaWQnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8Y28tcmVjdXJzaXZlLWxpc3RcclxuICAgICAgW2NvbGxlY3Rpb25dPVwiY29sbGVjdGlvblwiXHJcbiAgICAgIFtjb2x1bW5zXT1cImNvbHVtbnNcIlxyXG4gICAgICBbc3ViQ29sdW1uc109XCJzdWJDb2x1bW5zXCJcclxuICAgICAgW3RhYmxlTGVnZW5kXT1cInRhYmxlTGVnZW5kXCJcclxuICAgICAgW2RhdGFQaXBlXT1cImRhdGFQaXBlXCJcclxuICAgICAgW3BhcmFtc109XCJwYXJhbXNcIlxyXG4gICAgPjwvY28tcmVjdXJzaXZlLWxpc3Q+XHJcbiAgYCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3VtbWFyeUdyaWRDb21wb25lbnQge1xyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY28tc3VtbWFyeS1ncmlkJykgc2hvd0NsYXNzID0gdHJ1ZTtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY29sdW1uczogc3RyaW5nW10gPSBbJ0NvbHVtbjEnLCAnQ29sdW1uMiddOyAvLyBBZGQgeW91ciBjb2x1bW4gaGVhZGVycyBoZXJlXHJcblxyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzdWJDb2x1bW5zOiBzdHJpbmdbXSA9IFsnU3ViQ29sdW1uMScsICdTdWJDb2x1bW4yJ107IC8vIEFkZCB5b3VyIGNvbHVtbiBoZWFkZXJzIGhlcmVcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgdGFibGVMZWdlbmQ6IHN0cmluZyA9IFwiTGVnZW5kXCI7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGRhdGFQaXBlOiBQaXBlVHJhbnNmb3JtIHwgbnVsbCA9IG51bGw7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHBhcmFtczogYW55W107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNvbGxlY3Rpb246IFJlY3Vyc2l2ZUNvbGxlY3Rpb25MYXllcltdID0gW1xyXG4gICAge1xyXG4gICAgICBuYW1lOiAnUm9vdCAxJyxcclxuICAgICAgZXhwYW5kZWQ6IGZhbHNlLFxyXG4gICAgICBkYXRhOiBbMSwgMl0sXHJcbiAgICAgIGNoaWxkcmVuOiBbXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgbmFtZTogJ0NoaWxkIDEuMScsXHJcbiAgICAgICAgICBleHBhbmRlZDogZmFsc2UsXHJcbiAgICAgICAgICBkYXRhOiBbMywgNF0sXHJcbiAgICAgICAgICBjaGlsZHJlbjogW1xyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgbmFtZTogJ0dyYW5kY2hpbGQgMS4xLjEnLFxyXG4gICAgICAgICAgICAgIGV4cGFuZGVkOiBmYWxzZSxcclxuICAgICAgICAgICAgICBkYXRhOiBbNSwgNl0sXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICBuYW1lOiAnR3JhbmRjaGlsZCAxLjEuMicsXHJcbiAgICAgICAgICAgICAgZXhwYW5kZWQ6IGZhbHNlLFxyXG4gICAgICAgICAgICAgIGRhdGE6IFs3LCAwXSxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgIF0sXHJcbiAgICAgICAgfSxcclxuICAgICAgICAvLyAuLi4gb3RoZXIgbm9kZXNcclxuICAgICAgXSxcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIG5hbWU6ICdSb290IDInLFxyXG4gICAgICBleHBhbmRlZDogZmFsc2UsXHJcbiAgICAgIGRhdGE6IFs5LCAxMF0sXHJcbiAgICAgIGNoaWxkcmVuOiBbXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgbmFtZTogJ0NoaWxkIDIuMScsXHJcbiAgICAgICAgICBleHBhbmRlZDogZmFsc2UsXHJcbiAgICAgICAgICBkYXRhOiBbMTEsIDEyXSxcclxuICAgICAgICAgIGNoaWxkcmVuOiBbXHJcbiAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICBuYW1lOiAnR3JhbmRjaGlsZCAyLjEuMScsXHJcbiAgICAgICAgICAgICAgZXhwYW5kZWQ6IGZhbHNlLFxyXG4gICAgICAgICAgICAgIGRhdGE6IFsxMywgMTRdLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgbmFtZTogJ0dyYW5kY2hpbGQgMi4xLjInLFxyXG4gICAgICAgICAgICAgIGV4cGFuZGVkOiBmYWxzZSxcclxuICAgICAgICAgICAgICBkYXRhOiBbMTUsIDE2XSxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgIF0sXHJcbiAgICAgICAgfSxcclxuICAgICAgICAvLyAuLi4gb3RoZXIgbm9kZXNcclxuICAgICAgXSxcclxuICAgIH0sXHJcbiAgICAvLyAuLi4gb3RoZXIgcm9vdCBub2Rlc1xyXG4gIF07XHJcbn1cclxuIl19
|