@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
|
@@ -38,13 +38,7 @@
|
|
|
38
38
|
this.chartOptions = {
|
|
39
39
|
title: {},
|
|
40
40
|
tooltip: {
|
|
41
|
-
trigger: 'axis'
|
|
42
|
-
axisPointer: {
|
|
43
|
-
type: 'cross',
|
|
44
|
-
label: {
|
|
45
|
-
backgroundColor: '#6a7985'
|
|
46
|
-
}
|
|
47
|
-
}
|
|
41
|
+
trigger: 'axis'
|
|
48
42
|
},
|
|
49
43
|
legend: {},
|
|
50
44
|
grid: {
|
|
@@ -58,17 +52,12 @@
|
|
|
58
52
|
saveAsImage: {}
|
|
59
53
|
}
|
|
60
54
|
},
|
|
61
|
-
xAxis: {
|
|
62
|
-
type: 'category',
|
|
63
|
-
boundaryGap: false,
|
|
64
|
-
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
|
|
65
|
-
},
|
|
55
|
+
xAxis: {},
|
|
66
56
|
yAxis: {
|
|
67
57
|
type: 'value'
|
|
68
58
|
},
|
|
69
59
|
series: {}
|
|
70
60
|
};
|
|
71
|
-
this.chartEventEmitter = new i0.EventEmitter();
|
|
72
61
|
}
|
|
73
62
|
StackedLineChartComponent.prototype.showClass = function () {
|
|
74
63
|
return true;
|
|
@@ -83,19 +72,15 @@
|
|
|
83
72
|
};
|
|
84
73
|
this.chartOptions.legend['data'] = this.chartLegend;
|
|
85
74
|
};
|
|
86
|
-
StackedLineChartComponent.prototype.onChartEvent = function (event, type) {
|
|
87
|
-
console.log('chart event:', type, event);
|
|
88
|
-
this.chartEventEmitter.emit(event);
|
|
89
|
-
};
|
|
90
75
|
return StackedLineChartComponent;
|
|
91
76
|
}());
|
|
92
77
|
StackedLineChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
93
|
-
StackedLineChartComponent.ɵcmp = i0__namespace.ɵɵ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" },
|
|
78
|
+
StackedLineChartComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: "\n\n <div echarts [options]=\"chartOptions\" [initOpts]=\"{\n width: chartWidth,\n height: chartHeight}\" class=\"chart\"></div>\n\n ", isInline: true, directives: [{ type: i1__namespace.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__namespace.ViewEncapsulation.None });
|
|
94
79
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartComponent, decorators: [{
|
|
95
80
|
type: i0.Component,
|
|
96
81
|
args: [{
|
|
97
82
|
selector: "co-stacked-line-chart",
|
|
98
|
-
template: "\n\n <div echarts [options]=\"chartOptions\" [initOpts]=\"{\n width: chartWidth,\n height: chartHeight}\"
|
|
83
|
+
template: "\n\n <div echarts [options]=\"chartOptions\" [initOpts]=\"{\n width: chartWidth,\n height: chartHeight}\" class=\"chart\"></div>\n\n ",
|
|
99
84
|
encapsulation: i0.ViewEncapsulation.None
|
|
100
85
|
}]
|
|
101
86
|
}], propDecorators: { showClass: [{
|
|
@@ -115,8 +100,6 @@
|
|
|
115
100
|
type: i0.Input
|
|
116
101
|
}], chartOptions: [{
|
|
117
102
|
type: i0.Input
|
|
118
|
-
}], chartEventEmitter: [{
|
|
119
|
-
type: i0.Output
|
|
120
103
|
}] } });
|
|
121
104
|
|
|
122
105
|
var StackedLineChartModule = /** @class */ (function () {
|
|
@@ -460,9 +443,9 @@
|
|
|
460
443
|
"arrow_fat_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"37.5 25 25.2 12.7 25.2 20.35 12.5 20.35 12.5 29.66 25.2 29.66 25.2 37.3 37.5 25\" fill=\"#484f60\"/></svg>",
|
|
461
444
|
"arrow_left": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"23.63 33.63 15 25 23.63 16.37 24.6 17.34 16.95 25 24.6 32.66 23.63 33.63\" fill=\"#484f60\" opacity=\"0.98\"/><rect x=\"23.49\" y=\"24.31\" width=\"11.51\" height=\"1.38\" fill=\"#484f60\" opacity=\"0.98\"/></svg>",
|
|
462
445
|
"arrow_left_round_open": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,11.17a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z\" fill=\"#484f60\"/><polygon points=\"23.65 31.43 17.39 25.17 23.65 18.9 24.36 19.61 18.8 25.17 24.36 30.72 23.65 31.43\" fill=\"#484f60\" opacity=\"0.98\"/><rect x=\"23.55\" y=\"24.67\" width=\"8.36\" height=\"1\" fill=\"#484f60\" opacity=\"0.98\"/></svg>",
|
|
463
|
-
"arrow_point_down": "<svg
|
|
446
|
+
"arrow_point_down": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\"/></svg>",
|
|
464
447
|
"arrow_point_left": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M31.9,36.7l-14.7-9.6C17.1,27,17,26.9,17,26.7v-2.4c0-0.2,0.1-0.3,0.2-0.4l14.7-9.6c0.2-0.2,0.5-0.1,0.7,0.1l1.4,2.1c0.2,0.2,0.1,0.5-0.1,0.7l-12,7.8c-0.3,0.2-0.3,0.6,0,0.8l12,7.8c0.2,0.2,0.3,0.5,0.1,0.7l-1.4,2.1C32.4,36.8,32.1,36.8,31.9,36.7z\"/></svg>",
|
|
465
|
-
"arrow_point_right": "<svg
|
|
448
|
+
"arrow_point_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"/></svg>",
|
|
466
449
|
"arrow_point_up": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-280 371 51 51\" enable-background=\"new -280 371 51 51\" ><path fill=\"#29363E\" d=\"M-260.7,400.8c-0.3,0-0.6-0.1-0.8-0.3c-0.5-0.5-0.5-1.2,0-1.6l6.2-6.2c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l6.2,6.2c0.2,0.2,0.3,0.5,0.3,0.8c0,0.3-0.1,0.6-0.3,0.8c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-5.4-5.4l-5.4,5.4C-260.1,400.6-260.4,400.8-260.7,400.8z\"/></svg>",
|
|
467
450
|
"arrow_right_round_open": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,11.17a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z\" fill=\"#484f60\"/><polygon points=\"26.35 31.43 25.64 30.72 31.2 25.17 25.64 19.61 26.35 18.9 32.61 25.17 26.35 31.43\" fill=\"#484f60\" opacity=\"0.98\"/><rect x=\"18.09\" y=\"24.67\" width=\"8.36\" height=\"1\" fill=\"#484f60\" opacity=\"0.98\"/></svg>",
|
|
468
451
|
"arrow_scroll_down": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" ><polygon fill=\"#29363E\" points=\"5,19.4 8.5,15.8 25,27.3 41.5,15.8 45,19.4 25,34.2 \"/></svg>",
|
|
@@ -797,252 +780,6 @@
|
|
|
797
780
|
}]
|
|
798
781
|
}], ctorParameters: function () { return [{ type: i1__namespace$1.DomSanitizer }]; } });
|
|
799
782
|
|
|
800
|
-
// recursive-list.component.ts
|
|
801
|
-
var RecursiveListComponent = /** @class */ (function () {
|
|
802
|
-
function RecursiveListComponent(iconCacheService) {
|
|
803
|
-
this.iconCacheService = iconCacheService;
|
|
804
|
-
this.icons = Icon;
|
|
805
|
-
this.columns = [];
|
|
806
|
-
this.tableLegend = "";
|
|
807
|
-
this.depth = 0;
|
|
808
|
-
this.indentation = 0;
|
|
809
|
-
this.dataPipe = null;
|
|
810
|
-
}
|
|
811
|
-
RecursiveListComponent.prototype.toggleCollapse = function (event, item) {
|
|
812
|
-
event.stopPropagation(); // Stop event propagation here
|
|
813
|
-
if (item.children && item.children.length > 0) {
|
|
814
|
-
item.expanded = !item.expanded;
|
|
815
|
-
}
|
|
816
|
-
};
|
|
817
|
-
RecursiveListComponent.prototype.getCurrentIcon = function (item) {
|
|
818
|
-
return item.expanded ? this.icons.ArrowPointDown : this.icons.ArrowPointRight;
|
|
819
|
-
};
|
|
820
|
-
RecursiveListComponent.prototype.formatDataValue = function (dataValue) {
|
|
821
|
-
if (this.dataPipe && typeof dataValue === 'number') {
|
|
822
|
-
// Apply data formatting pipe here
|
|
823
|
-
return this.dataPipe.transform(dataValue);
|
|
824
|
-
}
|
|
825
|
-
else {
|
|
826
|
-
return dataValue.toString(); // No formatting needed
|
|
827
|
-
}
|
|
828
|
-
};
|
|
829
|
-
return RecursiveListComponent;
|
|
830
|
-
}());
|
|
831
|
-
RecursiveListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListComponent, deps: [{ token: IconCacheService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
832
|
-
RecursiveListComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: "\n <div class=\"co-recursive-list\">\n <div class=\"table-header-row\">\n <div class=\"table-legend\" *ngIf=\"tableLegend.length > 1\">\n <span [textContent]=\"tableLegend\"></span>\n </div>\n <div class=\"table-header\" *ngIf=\"columns && columns.length > 0\">\n <div class=\"table-row\">\n <div class=\"table-cell\" *ngFor=\"let column of columns\">\n <span [textContent]=\"column\"></span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tree-node\" [class.background]=\"depth === 0\" *ngFor=\"let item of collection\" (click)=\"toggleCollapse($event, item)\">\n <div class=\"table-row\">\n <div class=\"table-cell node-text-icon\" [ngStyle]=\"{'padding-left.px' : indentation}\">\n <co-icon [iconData]=\"iconCacheService.getIcon(getCurrentIcon(item))\"></co-icon>\n <span [textContent]=\"item.name\"></span>\n </div>\n <div class=\"table-cell data-points\">\n <div *ngFor=\"let dataPoint of item.data\" class=\"custom-property\">\n <span [textContent]=\"formatDataValue(dataPoint)\"></span>\n </div>\n </div>\n </div>\n <ng-container *ngIf=\"item.children && item.children.length > 0 && item.expanded\">\n <co-recursive-list [dataPipe]=\"dataPipe\" [collection]=\"item.children\" [depth]=\"depth + 1\" [indentation]=\"indentation + 20\"></co-recursive-list>\n </ng-container>\n </div>\n </div>\n ", isInline: true, components: [{ type: i2__namespace.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "tableLegend", "depth", "indentation", "dataPipe"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
833
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListComponent, decorators: [{
|
|
834
|
-
type: i0.Component,
|
|
835
|
-
args: [{
|
|
836
|
-
selector: 'co-recursive-list',
|
|
837
|
-
template: "\n <div class=\"co-recursive-list\">\n <div class=\"table-header-row\">\n <div class=\"table-legend\" *ngIf=\"tableLegend.length > 1\">\n <span [textContent]=\"tableLegend\"></span>\n </div>\n <div class=\"table-header\" *ngIf=\"columns && columns.length > 0\">\n <div class=\"table-row\">\n <div class=\"table-cell\" *ngFor=\"let column of columns\">\n <span [textContent]=\"column\"></span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tree-node\" [class.background]=\"depth === 0\" *ngFor=\"let item of collection\" (click)=\"toggleCollapse($event, item)\">\n <div class=\"table-row\">\n <div class=\"table-cell node-text-icon\" [ngStyle]=\"{'padding-left.px' : indentation}\">\n <co-icon [iconData]=\"iconCacheService.getIcon(getCurrentIcon(item))\"></co-icon>\n <span [textContent]=\"item.name\"></span>\n </div>\n <div class=\"table-cell data-points\">\n <div *ngFor=\"let dataPoint of item.data\" class=\"custom-property\">\n <span [textContent]=\"formatDataValue(dataPoint)\"></span>\n </div>\n </div>\n </div>\n <ng-container *ngIf=\"item.children && item.children.length > 0 && item.expanded\">\n <co-recursive-list [dataPipe]=\"dataPipe\" [collection]=\"item.children\" [depth]=\"depth + 1\" [indentation]=\"indentation + 20\"></co-recursive-list>\n </ng-container>\n </div>\n </div>\n ",
|
|
838
|
-
encapsulation: i0.ViewEncapsulation.None,
|
|
839
|
-
}]
|
|
840
|
-
}], ctorParameters: function () { return [{ type: IconCacheService }]; }, propDecorators: { collection: [{
|
|
841
|
-
type: i0.Input
|
|
842
|
-
}], columns: [{
|
|
843
|
-
type: i0.Input
|
|
844
|
-
}], tableLegend: [{
|
|
845
|
-
type: i0.Input
|
|
846
|
-
}], depth: [{
|
|
847
|
-
type: i0.Input
|
|
848
|
-
}], indentation: [{
|
|
849
|
-
type: i0.Input
|
|
850
|
-
}], dataPipe: [{
|
|
851
|
-
type: i0.Input
|
|
852
|
-
}] } });
|
|
853
|
-
|
|
854
|
-
// summary-grid.component.ts
|
|
855
|
-
var SummaryGridComponent = /** @class */ (function () {
|
|
856
|
-
function SummaryGridComponent() {
|
|
857
|
-
this.showClass = true;
|
|
858
|
-
this.columns = ['Column1', 'Column2']; // Add your column headers here
|
|
859
|
-
this.tableLegend = "Legend";
|
|
860
|
-
this.dataPipe = null;
|
|
861
|
-
this.collection = [
|
|
862
|
-
{
|
|
863
|
-
name: 'Root 1',
|
|
864
|
-
expanded: false,
|
|
865
|
-
data: [1, 2],
|
|
866
|
-
children: [
|
|
867
|
-
{
|
|
868
|
-
name: 'Child 1.1',
|
|
869
|
-
expanded: false,
|
|
870
|
-
data: [3, 4],
|
|
871
|
-
children: [
|
|
872
|
-
{
|
|
873
|
-
name: 'Grandchild 1.1.1',
|
|
874
|
-
expanded: false,
|
|
875
|
-
data: [5, 6],
|
|
876
|
-
},
|
|
877
|
-
{
|
|
878
|
-
name: 'Grandchild 1.1.2',
|
|
879
|
-
expanded: false,
|
|
880
|
-
data: [7, 8],
|
|
881
|
-
},
|
|
882
|
-
],
|
|
883
|
-
},
|
|
884
|
-
// ... other nodes
|
|
885
|
-
],
|
|
886
|
-
},
|
|
887
|
-
{
|
|
888
|
-
name: 'Root 2',
|
|
889
|
-
expanded: false,
|
|
890
|
-
data: [9, 10],
|
|
891
|
-
children: [
|
|
892
|
-
{
|
|
893
|
-
name: 'Child 2.1',
|
|
894
|
-
expanded: false,
|
|
895
|
-
data: [11, 12],
|
|
896
|
-
children: [
|
|
897
|
-
{
|
|
898
|
-
name: 'Grandchild 2.1.1',
|
|
899
|
-
expanded: false,
|
|
900
|
-
data: [13, 14],
|
|
901
|
-
},
|
|
902
|
-
{
|
|
903
|
-
name: 'Grandchild 2.1.2',
|
|
904
|
-
expanded: false,
|
|
905
|
-
data: [15, 16],
|
|
906
|
-
},
|
|
907
|
-
],
|
|
908
|
-
},
|
|
909
|
-
// ... other nodes
|
|
910
|
-
],
|
|
911
|
-
},
|
|
912
|
-
// ... other root nodes
|
|
913
|
-
];
|
|
914
|
-
}
|
|
915
|
-
return SummaryGridComponent;
|
|
916
|
-
}());
|
|
917
|
-
SummaryGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
918
|
-
SummaryGridComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: "\n <co-recursive-list\n [collection]=\"collection\"\n [columns]=\"columns\"\n [tableLegend]=\"tableLegend\"\n [dataPipe]=\"dataPipe\"\n ></co-recursive-list>\n ", isInline: true, components: [{ type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "tableLegend", "depth", "indentation", "dataPipe"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
919
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridComponent, decorators: [{
|
|
920
|
-
type: i0.Component,
|
|
921
|
-
args: [{
|
|
922
|
-
selector: 'co-summary-grid',
|
|
923
|
-
template: "\n <co-recursive-list\n [collection]=\"collection\"\n [columns]=\"columns\"\n [tableLegend]=\"tableLegend\"\n [dataPipe]=\"dataPipe\"\n ></co-recursive-list>\n ",
|
|
924
|
-
encapsulation: i0.ViewEncapsulation.None,
|
|
925
|
-
}]
|
|
926
|
-
}], propDecorators: { showClass: [{
|
|
927
|
-
type: i0.HostBinding,
|
|
928
|
-
args: ['class.co-summary-grid']
|
|
929
|
-
}], columns: [{
|
|
930
|
-
type: i0.Input
|
|
931
|
-
}], tableLegend: [{
|
|
932
|
-
type: i0.Input
|
|
933
|
-
}], dataPipe: [{
|
|
934
|
-
type: i0.Input
|
|
935
|
-
}], collection: [{
|
|
936
|
-
type: i0.Input
|
|
937
|
-
}] } });
|
|
938
|
-
|
|
939
|
-
var RecursiveListModule = /** @class */ (function () {
|
|
940
|
-
function RecursiveListModule() {
|
|
941
|
-
}
|
|
942
|
-
return RecursiveListModule;
|
|
943
|
-
}());
|
|
944
|
-
RecursiveListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
945
|
-
RecursiveListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, declarations: [RecursiveListComponent], imports: [i3.CommonModule,
|
|
946
|
-
i2.IconModule], exports: [RecursiveListComponent] });
|
|
947
|
-
RecursiveListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, imports: [[
|
|
948
|
-
i3.CommonModule,
|
|
949
|
-
i2.IconModule,
|
|
950
|
-
]] });
|
|
951
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, decorators: [{
|
|
952
|
-
type: i0.NgModule,
|
|
953
|
-
args: [{
|
|
954
|
-
imports: [
|
|
955
|
-
i3.CommonModule,
|
|
956
|
-
i2.IconModule,
|
|
957
|
-
],
|
|
958
|
-
declarations: [
|
|
959
|
-
RecursiveListComponent
|
|
960
|
-
],
|
|
961
|
-
exports: [
|
|
962
|
-
RecursiveListComponent
|
|
963
|
-
]
|
|
964
|
-
}]
|
|
965
|
-
}] });
|
|
966
|
-
|
|
967
|
-
var SummaryGridModule = /** @class */ (function () {
|
|
968
|
-
function SummaryGridModule() {
|
|
969
|
-
}
|
|
970
|
-
return SummaryGridModule;
|
|
971
|
-
}());
|
|
972
|
-
SummaryGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
973
|
-
SummaryGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, declarations: [SummaryGridComponent], imports: [i3.CommonModule,
|
|
974
|
-
RecursiveListModule], exports: [SummaryGridComponent] });
|
|
975
|
-
SummaryGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, imports: [[
|
|
976
|
-
i3.CommonModule,
|
|
977
|
-
RecursiveListModule
|
|
978
|
-
]] });
|
|
979
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, decorators: [{
|
|
980
|
-
type: i0.NgModule,
|
|
981
|
-
args: [{
|
|
982
|
-
imports: [
|
|
983
|
-
i3.CommonModule,
|
|
984
|
-
RecursiveListModule
|
|
985
|
-
],
|
|
986
|
-
declarations: [
|
|
987
|
-
SummaryGridComponent
|
|
988
|
-
],
|
|
989
|
-
exports: [
|
|
990
|
-
SummaryGridComponent
|
|
991
|
-
]
|
|
992
|
-
}]
|
|
993
|
-
}] });
|
|
994
|
-
|
|
995
|
-
// The localization service, providing peers with text translation functionality.
|
|
996
|
-
var DictionaryService = /** @class */ (function () {
|
|
997
|
-
function DictionaryService() {
|
|
998
|
-
// Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
|
|
999
|
-
this._placeholder = "|~";
|
|
1000
|
-
}
|
|
1001
|
-
/**
|
|
1002
|
-
* Returns the localized text for the given dictionary key.
|
|
1003
|
-
* @param {string} key
|
|
1004
|
-
* @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
|
|
1005
|
-
* @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
|
|
1006
|
-
* @returns {string} The translated text for given dictionary key
|
|
1007
|
-
*/
|
|
1008
|
-
DictionaryService.prototype.get = function (key, upperCaseFirst) {
|
|
1009
|
-
if (upperCaseFirst === void 0) { upperCaseFirst = true; }
|
|
1010
|
-
var replacementTexts = [];
|
|
1011
|
-
for (var _i = 2; _i < arguments.length; _i++) {
|
|
1012
|
-
replacementTexts[_i - 2] = arguments[_i];
|
|
1013
|
-
}
|
|
1014
|
-
var text = key;
|
|
1015
|
-
if (this.translation && this.translation.hasOwnProperty(key)) {
|
|
1016
|
-
text = this.translation[key].toLowerCase();
|
|
1017
|
-
if (upperCaseFirst) {
|
|
1018
|
-
text = text.charAt(0).toUpperCase() + text.slice(1);
|
|
1019
|
-
}
|
|
1020
|
-
}
|
|
1021
|
-
return text;
|
|
1022
|
-
};
|
|
1023
|
-
return DictionaryService;
|
|
1024
|
-
}());
|
|
1025
|
-
DictionaryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1026
|
-
DictionaryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService });
|
|
1027
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService, decorators: [{
|
|
1028
|
-
type: i0.Injectable
|
|
1029
|
-
}] });
|
|
1030
|
-
|
|
1031
|
-
var ExtendedComponentsTranslationService = /** @class */ (function () {
|
|
1032
|
-
function ExtendedComponentsTranslationService(_dictionaryService) {
|
|
1033
|
-
this._dictionaryService = _dictionaryService;
|
|
1034
|
-
}
|
|
1035
|
-
ExtendedComponentsTranslationService.prototype.setTranslation = function (translation) {
|
|
1036
|
-
this._dictionaryService.translation = translation;
|
|
1037
|
-
};
|
|
1038
|
-
return ExtendedComponentsTranslationService;
|
|
1039
|
-
}());
|
|
1040
|
-
ExtendedComponentsTranslationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService, deps: [{ token: DictionaryService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1041
|
-
ExtendedComponentsTranslationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService });
|
|
1042
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService, decorators: [{
|
|
1043
|
-
type: i0.Injectable
|
|
1044
|
-
}], ctorParameters: function () { return [{ type: DictionaryService }]; } });
|
|
1045
|
-
|
|
1046
783
|
/******************************************************************************
|
|
1047
784
|
Copyright (c) Microsoft Corporation.
|
|
1048
785
|
|
|
@@ -1455,6 +1192,42 @@
|
|
|
1455
1192
|
__classPrivateFieldIn: __classPrivateFieldIn,
|
|
1456
1193
|
};
|
|
1457
1194
|
|
|
1195
|
+
// The localization service, providing peers with text translation functionality.
|
|
1196
|
+
var DictionaryService = /** @class */ (function () {
|
|
1197
|
+
function DictionaryService() {
|
|
1198
|
+
// Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
|
|
1199
|
+
this._placeholder = "|~";
|
|
1200
|
+
}
|
|
1201
|
+
/**
|
|
1202
|
+
* Returns the localized text for the given dictionary key.
|
|
1203
|
+
* @param {string} key
|
|
1204
|
+
* @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
|
|
1205
|
+
* @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
|
|
1206
|
+
* @returns {string} The translated text for given dictionary key
|
|
1207
|
+
*/
|
|
1208
|
+
DictionaryService.prototype.get = function (key, upperCaseFirst) {
|
|
1209
|
+
if (upperCaseFirst === void 0) { upperCaseFirst = true; }
|
|
1210
|
+
var replacementTexts = [];
|
|
1211
|
+
for (var _i = 2; _i < arguments.length; _i++) {
|
|
1212
|
+
replacementTexts[_i - 2] = arguments[_i];
|
|
1213
|
+
}
|
|
1214
|
+
var text = key;
|
|
1215
|
+
if (this.translation && this.translation.hasOwnProperty(key)) {
|
|
1216
|
+
text = this.translation[key].toLowerCase();
|
|
1217
|
+
if (upperCaseFirst) {
|
|
1218
|
+
text = text.charAt(0).toUpperCase() + text.slice(1);
|
|
1219
|
+
}
|
|
1220
|
+
}
|
|
1221
|
+
return text;
|
|
1222
|
+
};
|
|
1223
|
+
return DictionaryService;
|
|
1224
|
+
}());
|
|
1225
|
+
DictionaryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1226
|
+
DictionaryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService });
|
|
1227
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService, decorators: [{
|
|
1228
|
+
type: i0.Injectable
|
|
1229
|
+
}] });
|
|
1230
|
+
|
|
1458
1231
|
var LocalizePipe = /** @class */ (function () {
|
|
1459
1232
|
function LocalizePipe(_dictionaryService) {
|
|
1460
1233
|
this._dictionaryService = _dictionaryService;
|
|
@@ -1483,6 +1256,170 @@
|
|
|
1483
1256
|
}]
|
|
1484
1257
|
}], ctorParameters: function () { return [{ type: DictionaryService }]; } });
|
|
1485
1258
|
|
|
1259
|
+
// recursive-list.component.ts
|
|
1260
|
+
var RecursiveListComponent = /** @class */ (function () {
|
|
1261
|
+
function RecursiveListComponent(iconCacheService) {
|
|
1262
|
+
this.iconCacheService = iconCacheService;
|
|
1263
|
+
this.icons = Icon;
|
|
1264
|
+
this.columns = [];
|
|
1265
|
+
this.subColumns = [];
|
|
1266
|
+
this.tableLegend = "";
|
|
1267
|
+
this.depth = 0;
|
|
1268
|
+
this.indentation = 10;
|
|
1269
|
+
this.dataPipe = null;
|
|
1270
|
+
}
|
|
1271
|
+
RecursiveListComponent.prototype.toggleCollapse = function (event, item) {
|
|
1272
|
+
event.stopPropagation(); // Stop event propagation here
|
|
1273
|
+
if (item.children && item.children.length > 0) {
|
|
1274
|
+
item.expanded = !item.expanded;
|
|
1275
|
+
}
|
|
1276
|
+
};
|
|
1277
|
+
RecursiveListComponent.prototype.getCurrentIcon = function (item) {
|
|
1278
|
+
return item.expanded ? this.icons.ArrowPointDown : this.icons.ArrowPointRight;
|
|
1279
|
+
};
|
|
1280
|
+
RecursiveListComponent.prototype.formatDataValue = function (dataValue, params) {
|
|
1281
|
+
if (this.dataPipe && typeof dataValue === 'number') {
|
|
1282
|
+
// Apply data formatting pipe here
|
|
1283
|
+
return this.dataPipe.transform(dataValue, params);
|
|
1284
|
+
}
|
|
1285
|
+
else {
|
|
1286
|
+
return dataValue.toString(); // No formatting needed
|
|
1287
|
+
}
|
|
1288
|
+
};
|
|
1289
|
+
return RecursiveListComponent;
|
|
1290
|
+
}());
|
|
1291
|
+
RecursiveListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListComponent, deps: [{ token: IconCacheService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1292
|
+
RecursiveListComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: "\n <div class=\"co-recursive-list\">\n <div class=\"table-header-row\">\n <div class=\"table-legend\" *ngIf=\"tableLegend.length > 1\">\n <span [textContent]=\"tableLegend | localize\"></span>\n </div>\n <div class=\"table-header\" *ngIf=\"columns && columns.length > 0\">\n <div class=\"table-row\">\n <div class=\"table-cell\" *ngFor=\"let column of columns\">\n <span [textContent]=\"formatDataValue(column) | localize\"></span>\n </div>\n </div>\n <div class=\"table-row\" *ngIf=\"subColumns && subColumns.length > 0\">\n <div class=\"table-cell\" *ngFor=\"let column of subColumns\">\n <span [textContent]=\"formatDataValue(column)\"></span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tree-node\" [class.background]=\"depth === 0\" *ngFor=\"let item of collection\" (click)=\"toggleCollapse($event, item)\">\n <div class=\"table-row\">\n <div class=\"table-cell node-text-icon\" [ngStyle]=\"{'padding-left.px' : indentation}\">\n <co-icon *ngIf=\"item.children && item.children.length > 0\" [iconData]=\"iconCacheService.getIcon(getCurrentIcon(item))\"></co-icon>\n <span [textContent]=\"item.name\"></span>\n </div>\n <div class=\"table-cell data-points\">\n <div *ngFor=\"let dataPoint of item.data\" class=\"custom-property\">\n <span [textContent]=\"formatDataValue(dataPoint, params)\"></span>\n </div>\n </div>\n </div>\n <ng-container *ngIf=\"item.children && item.children.length > 0 && item.expanded\">\n <co-recursive-list [dataPipe]=\"dataPipe\" [collection]=\"item.children\" [depth]=\"depth + 1\" [indentation]=\"indentation + 20\" [params]=\"params\"></co-recursive-list>\n </ng-container>\n </div>\n </div>\n ", isInline: true, components: [{ type: i2__namespace.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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "localize": LocalizePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1293
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListComponent, decorators: [{
|
|
1294
|
+
type: i0.Component,
|
|
1295
|
+
args: [{
|
|
1296
|
+
selector: 'co-recursive-list',
|
|
1297
|
+
template: "\n <div class=\"co-recursive-list\">\n <div class=\"table-header-row\">\n <div class=\"table-legend\" *ngIf=\"tableLegend.length > 1\">\n <span [textContent]=\"tableLegend | localize\"></span>\n </div>\n <div class=\"table-header\" *ngIf=\"columns && columns.length > 0\">\n <div class=\"table-row\">\n <div class=\"table-cell\" *ngFor=\"let column of columns\">\n <span [textContent]=\"formatDataValue(column) | localize\"></span>\n </div>\n </div>\n <div class=\"table-row\" *ngIf=\"subColumns && subColumns.length > 0\">\n <div class=\"table-cell\" *ngFor=\"let column of subColumns\">\n <span [textContent]=\"formatDataValue(column)\"></span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tree-node\" [class.background]=\"depth === 0\" *ngFor=\"let item of collection\" (click)=\"toggleCollapse($event, item)\">\n <div class=\"table-row\">\n <div class=\"table-cell node-text-icon\" [ngStyle]=\"{'padding-left.px' : indentation}\">\n <co-icon *ngIf=\"item.children && item.children.length > 0\" [iconData]=\"iconCacheService.getIcon(getCurrentIcon(item))\"></co-icon>\n <span [textContent]=\"item.name\"></span>\n </div>\n <div class=\"table-cell data-points\">\n <div *ngFor=\"let dataPoint of item.data\" class=\"custom-property\">\n <span [textContent]=\"formatDataValue(dataPoint, params)\"></span>\n </div>\n </div>\n </div>\n <ng-container *ngIf=\"item.children && item.children.length > 0 && item.expanded\">\n <co-recursive-list [dataPipe]=\"dataPipe\" [collection]=\"item.children\" [depth]=\"depth + 1\" [indentation]=\"indentation + 20\" [params]=\"params\"></co-recursive-list>\n </ng-container>\n </div>\n </div>\n ",
|
|
1298
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
1299
|
+
}]
|
|
1300
|
+
}], ctorParameters: function () { return [{ type: IconCacheService }]; }, propDecorators: { collection: [{
|
|
1301
|
+
type: i0.Input
|
|
1302
|
+
}], columns: [{
|
|
1303
|
+
type: i0.Input
|
|
1304
|
+
}], subColumns: [{
|
|
1305
|
+
type: i0.Input
|
|
1306
|
+
}], tableLegend: [{
|
|
1307
|
+
type: i0.Input
|
|
1308
|
+
}], depth: [{
|
|
1309
|
+
type: i0.Input
|
|
1310
|
+
}], indentation: [{
|
|
1311
|
+
type: i0.Input
|
|
1312
|
+
}], dataPipe: [{
|
|
1313
|
+
type: i0.Input
|
|
1314
|
+
}], params: [{
|
|
1315
|
+
type: i0.Input
|
|
1316
|
+
}] } });
|
|
1317
|
+
|
|
1318
|
+
// summary-grid.component.ts
|
|
1319
|
+
var SummaryGridComponent = /** @class */ (function () {
|
|
1320
|
+
function SummaryGridComponent() {
|
|
1321
|
+
this.showClass = true;
|
|
1322
|
+
this.columns = ['Column1', 'Column2']; // Add your column headers here
|
|
1323
|
+
this.subColumns = ['SubColumn1', 'SubColumn2']; // Add your column headers here
|
|
1324
|
+
this.tableLegend = "Legend";
|
|
1325
|
+
this.dataPipe = null;
|
|
1326
|
+
this.collection = [
|
|
1327
|
+
{
|
|
1328
|
+
name: 'Root 1',
|
|
1329
|
+
expanded: false,
|
|
1330
|
+
data: [1, 2],
|
|
1331
|
+
children: [
|
|
1332
|
+
{
|
|
1333
|
+
name: 'Child 1.1',
|
|
1334
|
+
expanded: false,
|
|
1335
|
+
data: [3, 4],
|
|
1336
|
+
children: [
|
|
1337
|
+
{
|
|
1338
|
+
name: 'Grandchild 1.1.1',
|
|
1339
|
+
expanded: false,
|
|
1340
|
+
data: [5, 6],
|
|
1341
|
+
},
|
|
1342
|
+
{
|
|
1343
|
+
name: 'Grandchild 1.1.2',
|
|
1344
|
+
expanded: false,
|
|
1345
|
+
data: [7, 0],
|
|
1346
|
+
},
|
|
1347
|
+
],
|
|
1348
|
+
},
|
|
1349
|
+
// ... other nodes
|
|
1350
|
+
],
|
|
1351
|
+
},
|
|
1352
|
+
{
|
|
1353
|
+
name: 'Root 2',
|
|
1354
|
+
expanded: false,
|
|
1355
|
+
data: [9, 10],
|
|
1356
|
+
children: [
|
|
1357
|
+
{
|
|
1358
|
+
name: 'Child 2.1',
|
|
1359
|
+
expanded: false,
|
|
1360
|
+
data: [11, 12],
|
|
1361
|
+
children: [
|
|
1362
|
+
{
|
|
1363
|
+
name: 'Grandchild 2.1.1',
|
|
1364
|
+
expanded: false,
|
|
1365
|
+
data: [13, 14],
|
|
1366
|
+
},
|
|
1367
|
+
{
|
|
1368
|
+
name: 'Grandchild 2.1.2',
|
|
1369
|
+
expanded: false,
|
|
1370
|
+
data: [15, 16],
|
|
1371
|
+
},
|
|
1372
|
+
],
|
|
1373
|
+
},
|
|
1374
|
+
// ... other nodes
|
|
1375
|
+
],
|
|
1376
|
+
},
|
|
1377
|
+
// ... other root nodes
|
|
1378
|
+
];
|
|
1379
|
+
}
|
|
1380
|
+
return SummaryGridComponent;
|
|
1381
|
+
}());
|
|
1382
|
+
SummaryGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1383
|
+
SummaryGridComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: "\n <co-recursive-list\n [collection]=\"collection\"\n [columns]=\"columns\"\n [subColumns]=\"subColumns\"\n [tableLegend]=\"tableLegend\"\n [dataPipe]=\"dataPipe\"\n [params]=\"params\"\n ></co-recursive-list>\n ", isInline: true, components: [{ type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1384
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridComponent, decorators: [{
|
|
1385
|
+
type: i0.Component,
|
|
1386
|
+
args: [{
|
|
1387
|
+
selector: 'co-summary-grid',
|
|
1388
|
+
template: "\n <co-recursive-list\n [collection]=\"collection\"\n [columns]=\"columns\"\n [subColumns]=\"subColumns\"\n [tableLegend]=\"tableLegend\"\n [dataPipe]=\"dataPipe\"\n [params]=\"params\"\n ></co-recursive-list>\n ",
|
|
1389
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
1390
|
+
}]
|
|
1391
|
+
}], propDecorators: { showClass: [{
|
|
1392
|
+
type: i0.HostBinding,
|
|
1393
|
+
args: ['class.co-summary-grid']
|
|
1394
|
+
}], columns: [{
|
|
1395
|
+
type: i0.Input
|
|
1396
|
+
}], subColumns: [{
|
|
1397
|
+
type: i0.Input
|
|
1398
|
+
}], tableLegend: [{
|
|
1399
|
+
type: i0.Input
|
|
1400
|
+
}], dataPipe: [{
|
|
1401
|
+
type: i0.Input
|
|
1402
|
+
}], params: [{
|
|
1403
|
+
type: i0.Input
|
|
1404
|
+
}], collection: [{
|
|
1405
|
+
type: i0.Input
|
|
1406
|
+
}] } });
|
|
1407
|
+
|
|
1408
|
+
var ExtendedComponentsTranslationService = /** @class */ (function () {
|
|
1409
|
+
function ExtendedComponentsTranslationService(_dictionaryService) {
|
|
1410
|
+
this._dictionaryService = _dictionaryService;
|
|
1411
|
+
}
|
|
1412
|
+
ExtendedComponentsTranslationService.prototype.setTranslation = function (translation) {
|
|
1413
|
+
this._dictionaryService.translation = translation;
|
|
1414
|
+
};
|
|
1415
|
+
return ExtendedComponentsTranslationService;
|
|
1416
|
+
}());
|
|
1417
|
+
ExtendedComponentsTranslationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService, deps: [{ token: DictionaryService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1418
|
+
ExtendedComponentsTranslationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService });
|
|
1419
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService, decorators: [{
|
|
1420
|
+
type: i0.Injectable
|
|
1421
|
+
}], ctorParameters: function () { return [{ type: DictionaryService }]; } });
|
|
1422
|
+
|
|
1486
1423
|
var ExtendedComponentsTranslationModule = /** @class */ (function () {
|
|
1487
1424
|
function ExtendedComponentsTranslationModule() {
|
|
1488
1425
|
}
|
|
@@ -1497,7 +1434,7 @@
|
|
|
1497
1434
|
return ExtendedComponentsTranslationModule;
|
|
1498
1435
|
}());
|
|
1499
1436
|
ExtendedComponentsTranslationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1500
|
-
ExtendedComponentsTranslationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationModule, declarations: [LocalizePipe] });
|
|
1437
|
+
ExtendedComponentsTranslationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationModule, declarations: [LocalizePipe], exports: [LocalizePipe] });
|
|
1501
1438
|
ExtendedComponentsTranslationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationModule, providers: [
|
|
1502
1439
|
ExtendedComponentsTranslationService,
|
|
1503
1440
|
DictionaryService
|
|
@@ -1513,7 +1450,67 @@
|
|
|
1513
1450
|
DictionaryService
|
|
1514
1451
|
],
|
|
1515
1452
|
exports: [
|
|
1516
|
-
|
|
1453
|
+
LocalizePipe,
|
|
1454
|
+
// LocalizePipe
|
|
1455
|
+
]
|
|
1456
|
+
}]
|
|
1457
|
+
}] });
|
|
1458
|
+
|
|
1459
|
+
var RecursiveListModule = /** @class */ (function () {
|
|
1460
|
+
function RecursiveListModule() {
|
|
1461
|
+
}
|
|
1462
|
+
return RecursiveListModule;
|
|
1463
|
+
}());
|
|
1464
|
+
RecursiveListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1465
|
+
RecursiveListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, declarations: [RecursiveListComponent], imports: [i3.CommonModule,
|
|
1466
|
+
i2.IconModule,
|
|
1467
|
+
ExtendedComponentsTranslationModule], exports: [RecursiveListComponent] });
|
|
1468
|
+
RecursiveListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, imports: [[
|
|
1469
|
+
i3.CommonModule,
|
|
1470
|
+
i2.IconModule,
|
|
1471
|
+
ExtendedComponentsTranslationModule,
|
|
1472
|
+
]] });
|
|
1473
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, decorators: [{
|
|
1474
|
+
type: i0.NgModule,
|
|
1475
|
+
args: [{
|
|
1476
|
+
imports: [
|
|
1477
|
+
i3.CommonModule,
|
|
1478
|
+
i2.IconModule,
|
|
1479
|
+
ExtendedComponentsTranslationModule,
|
|
1480
|
+
],
|
|
1481
|
+
declarations: [
|
|
1482
|
+
RecursiveListComponent
|
|
1483
|
+
],
|
|
1484
|
+
exports: [
|
|
1485
|
+
RecursiveListComponent
|
|
1486
|
+
]
|
|
1487
|
+
}]
|
|
1488
|
+
}] });
|
|
1489
|
+
|
|
1490
|
+
var SummaryGridModule = /** @class */ (function () {
|
|
1491
|
+
function SummaryGridModule() {
|
|
1492
|
+
}
|
|
1493
|
+
return SummaryGridModule;
|
|
1494
|
+
}());
|
|
1495
|
+
SummaryGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1496
|
+
SummaryGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, declarations: [SummaryGridComponent], imports: [i3.CommonModule,
|
|
1497
|
+
RecursiveListModule], exports: [SummaryGridComponent] });
|
|
1498
|
+
SummaryGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, imports: [[
|
|
1499
|
+
i3.CommonModule,
|
|
1500
|
+
RecursiveListModule
|
|
1501
|
+
]] });
|
|
1502
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, decorators: [{
|
|
1503
|
+
type: i0.NgModule,
|
|
1504
|
+
args: [{
|
|
1505
|
+
imports: [
|
|
1506
|
+
i3.CommonModule,
|
|
1507
|
+
RecursiveListModule
|
|
1508
|
+
],
|
|
1509
|
+
declarations: [
|
|
1510
|
+
SummaryGridComponent
|
|
1511
|
+
],
|
|
1512
|
+
exports: [
|
|
1513
|
+
SummaryGridComponent
|
|
1517
1514
|
]
|
|
1518
1515
|
}]
|
|
1519
1516
|
}] });
|
|
@@ -1528,6 +1525,7 @@
|
|
|
1528
1525
|
|
|
1529
1526
|
exports.ExtendedComponentsTranslationModule = ExtendedComponentsTranslationModule;
|
|
1530
1527
|
exports.ExtendedComponentsTranslationService = ExtendedComponentsTranslationService;
|
|
1528
|
+
exports.LocalizePipe = LocalizePipe;
|
|
1531
1529
|
exports.StackedLineChartComponent = StackedLineChartComponent;
|
|
1532
1530
|
exports.StackedLineChartModule = StackedLineChartModule;
|
|
1533
1531
|
exports.SummaryGridComponent = SummaryGridComponent;
|