@colijnit/extendedcomponents 12.0.7 → 12.0.9

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.
@@ -443,9 +443,9 @@
443
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>",
444
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>",
445
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>",
446
- "arrow_point_down": "<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-248.3,392.2c0.3,0,0.6,0.1,0.8,0.3c0.5,0.5,0.5,1.2,0,1.6l-6.2,6.2c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-6.2-6.2c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.3,0.1-0.6,0.3-0.8c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l5.4,5.4l5.4-5.4C-248.9,392.4-248.6,392.2-248.3,392.2z\"/></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>",
447
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>",
448
- "arrow_point_right": "<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=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></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>",
449
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>",
450
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>",
451
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>",
@@ -780,256 +780,6 @@
780
780
  }]
781
781
  }], ctorParameters: function () { return [{ type: i1__namespace$1.DomSanitizer }]; } });
782
782
 
783
- // recursive-list.component.ts
784
- var RecursiveListComponent = /** @class */ (function () {
785
- function RecursiveListComponent(iconCacheService) {
786
- this.iconCacheService = iconCacheService;
787
- this.icons = Icon;
788
- this.columns = [];
789
- this.tableLegend = "";
790
- this.depth = 0;
791
- this.indentation = 0;
792
- this.dataPipe = null;
793
- }
794
- RecursiveListComponent.prototype.toggleCollapse = function (event, item) {
795
- event.stopPropagation(); // Stop event propagation here
796
- if (item.children && item.children.length > 0) {
797
- item.expanded = !item.expanded;
798
- }
799
- };
800
- RecursiveListComponent.prototype.getCurrentIcon = function (item) {
801
- return item.expanded ? this.icons.ArrowPointDown : this.icons.ArrowPointRight;
802
- };
803
- RecursiveListComponent.prototype.formatDataValue = function (dataValue, params) {
804
- if (this.dataPipe && typeof dataValue === 'number') {
805
- // Apply data formatting pipe here
806
- return this.dataPipe.transform(dataValue, params);
807
- }
808
- else {
809
- return dataValue.toString(); // No formatting needed
810
- }
811
- };
812
- return RecursiveListComponent;
813
- }());
814
- 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 });
815
- 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", 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\"></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)\"></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", "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"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
816
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListComponent, decorators: [{
817
- type: i0.Component,
818
- args: [{
819
- selector: 'co-recursive-list',
820
- 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]=\"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 ",
821
- encapsulation: i0.ViewEncapsulation.None,
822
- }]
823
- }], ctorParameters: function () { return [{ type: IconCacheService }]; }, propDecorators: { collection: [{
824
- type: i0.Input
825
- }], columns: [{
826
- type: i0.Input
827
- }], tableLegend: [{
828
- type: i0.Input
829
- }], depth: [{
830
- type: i0.Input
831
- }], indentation: [{
832
- type: i0.Input
833
- }], dataPipe: [{
834
- type: i0.Input
835
- }], params: [{
836
- type: i0.Input
837
- }] } });
838
-
839
- // summary-grid.component.ts
840
- var SummaryGridComponent = /** @class */ (function () {
841
- function SummaryGridComponent() {
842
- this.showClass = true;
843
- this.columns = ['Column1', 'Column2']; // Add your column headers here
844
- this.tableLegend = "Legend";
845
- this.dataPipe = null;
846
- this.collection = [
847
- {
848
- name: 'Root 1',
849
- expanded: false,
850
- data: [1, 2],
851
- children: [
852
- {
853
- name: 'Child 1.1',
854
- expanded: false,
855
- data: [3, 4],
856
- children: [
857
- {
858
- name: 'Grandchild 1.1.1',
859
- expanded: false,
860
- data: [5, 6],
861
- },
862
- {
863
- name: 'Grandchild 1.1.2',
864
- expanded: false,
865
- data: [7, 0],
866
- },
867
- ],
868
- },
869
- // ... other nodes
870
- ],
871
- },
872
- {
873
- name: 'Root 2',
874
- expanded: false,
875
- data: [9, 10],
876
- children: [
877
- {
878
- name: 'Child 2.1',
879
- expanded: false,
880
- data: [11, 12],
881
- children: [
882
- {
883
- name: 'Grandchild 2.1.1',
884
- expanded: false,
885
- data: [13, 14],
886
- },
887
- {
888
- name: 'Grandchild 2.1.2',
889
- expanded: false,
890
- data: [15, 16],
891
- },
892
- ],
893
- },
894
- // ... other nodes
895
- ],
896
- },
897
- // ... other root nodes
898
- ];
899
- }
900
- return SummaryGridComponent;
901
- }());
902
- SummaryGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
903
- 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", 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 [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", "tableLegend", "depth", "indentation", "dataPipe", "params"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
904
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridComponent, decorators: [{
905
- type: i0.Component,
906
- args: [{
907
- selector: 'co-summary-grid',
908
- template: "\n <co-recursive-list\n [collection]=\"collection\"\n [columns]=\"columns\"\n [tableLegend]=\"tableLegend\"\n [dataPipe]=\"dataPipe\"\n [params]=\"params\"\n ></co-recursive-list>\n ",
909
- encapsulation: i0.ViewEncapsulation.None,
910
- }]
911
- }], propDecorators: { showClass: [{
912
- type: i0.HostBinding,
913
- args: ['class.co-summary-grid']
914
- }], columns: [{
915
- type: i0.Input
916
- }], tableLegend: [{
917
- type: i0.Input
918
- }], dataPipe: [{
919
- type: i0.Input
920
- }], params: [{
921
- type: i0.Input
922
- }], collection: [{
923
- type: i0.Input
924
- }] } });
925
-
926
- var RecursiveListModule = /** @class */ (function () {
927
- function RecursiveListModule() {
928
- }
929
- return RecursiveListModule;
930
- }());
931
- RecursiveListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
932
- RecursiveListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, declarations: [RecursiveListComponent], imports: [i3.CommonModule,
933
- i2.IconModule], exports: [RecursiveListComponent] });
934
- RecursiveListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, imports: [[
935
- i3.CommonModule,
936
- i2.IconModule,
937
- ]] });
938
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, decorators: [{
939
- type: i0.NgModule,
940
- args: [{
941
- imports: [
942
- i3.CommonModule,
943
- i2.IconModule,
944
- ],
945
- declarations: [
946
- RecursiveListComponent
947
- ],
948
- exports: [
949
- RecursiveListComponent
950
- ]
951
- }]
952
- }] });
953
-
954
- var SummaryGridModule = /** @class */ (function () {
955
- function SummaryGridModule() {
956
- }
957
- return SummaryGridModule;
958
- }());
959
- SummaryGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
960
- SummaryGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, declarations: [SummaryGridComponent], imports: [i3.CommonModule,
961
- RecursiveListModule], exports: [SummaryGridComponent] });
962
- SummaryGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, imports: [[
963
- i3.CommonModule,
964
- RecursiveListModule
965
- ]] });
966
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, decorators: [{
967
- type: i0.NgModule,
968
- args: [{
969
- imports: [
970
- i3.CommonModule,
971
- RecursiveListModule
972
- ],
973
- declarations: [
974
- SummaryGridComponent
975
- ],
976
- exports: [
977
- SummaryGridComponent
978
- ]
979
- }]
980
- }] });
981
-
982
- // The localization service, providing peers with text translation functionality.
983
- var DictionaryService = /** @class */ (function () {
984
- function DictionaryService() {
985
- // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
986
- this._placeholder = "|~";
987
- }
988
- /**
989
- * Returns the localized text for the given dictionary key.
990
- * @param {string} key
991
- * @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
992
- * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
993
- * @returns {string} The translated text for given dictionary key
994
- */
995
- DictionaryService.prototype.get = function (key, upperCaseFirst) {
996
- if (upperCaseFirst === void 0) { upperCaseFirst = true; }
997
- var replacementTexts = [];
998
- for (var _i = 2; _i < arguments.length; _i++) {
999
- replacementTexts[_i - 2] = arguments[_i];
1000
- }
1001
- var text = key;
1002
- if (this.translation && this.translation.hasOwnProperty(key)) {
1003
- text = this.translation[key].toLowerCase();
1004
- if (upperCaseFirst) {
1005
- text = text.charAt(0).toUpperCase() + text.slice(1);
1006
- }
1007
- }
1008
- return text;
1009
- };
1010
- return DictionaryService;
1011
- }());
1012
- DictionaryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
1013
- DictionaryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService });
1014
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService, decorators: [{
1015
- type: i0.Injectable
1016
- }] });
1017
-
1018
- var ExtendedComponentsTranslationService = /** @class */ (function () {
1019
- function ExtendedComponentsTranslationService(_dictionaryService) {
1020
- this._dictionaryService = _dictionaryService;
1021
- }
1022
- ExtendedComponentsTranslationService.prototype.setTranslation = function (translation) {
1023
- this._dictionaryService.translation = translation;
1024
- };
1025
- return ExtendedComponentsTranslationService;
1026
- }());
1027
- 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 });
1028
- ExtendedComponentsTranslationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService });
1029
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService, decorators: [{
1030
- type: i0.Injectable
1031
- }], ctorParameters: function () { return [{ type: DictionaryService }]; } });
1032
-
1033
783
  /******************************************************************************
1034
784
  Copyright (c) Microsoft Corporation.
1035
785
 
@@ -1442,6 +1192,42 @@
1442
1192
  __classPrivateFieldIn: __classPrivateFieldIn,
1443
1193
  };
1444
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
+
1445
1231
  var LocalizePipe = /** @class */ (function () {
1446
1232
  function LocalizePipe(_dictionaryService) {
1447
1233
  this._dictionaryService = _dictionaryService;
@@ -1470,6 +1256,118 @@
1470
1256
  }]
1471
1257
  }], ctorParameters: function () { return [{ type: DictionaryService }]; } });
1472
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 = [];
1323
+ this.subColumns = [];
1324
+ this.tableLegend = "";
1325
+ this.dataPipe = null;
1326
+ this.collection = [];
1327
+ }
1328
+ return SummaryGridComponent;
1329
+ }());
1330
+ SummaryGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
1331
+ 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 });
1332
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridComponent, decorators: [{
1333
+ type: i0.Component,
1334
+ args: [{
1335
+ selector: 'co-summary-grid',
1336
+ 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 ",
1337
+ encapsulation: i0.ViewEncapsulation.None,
1338
+ }]
1339
+ }], propDecorators: { showClass: [{
1340
+ type: i0.HostBinding,
1341
+ args: ['class.co-summary-grid']
1342
+ }], columns: [{
1343
+ type: i0.Input
1344
+ }], subColumns: [{
1345
+ type: i0.Input
1346
+ }], tableLegend: [{
1347
+ type: i0.Input
1348
+ }], dataPipe: [{
1349
+ type: i0.Input
1350
+ }], params: [{
1351
+ type: i0.Input
1352
+ }], collection: [{
1353
+ type: i0.Input
1354
+ }] } });
1355
+
1356
+ var ExtendedComponentsTranslationService = /** @class */ (function () {
1357
+ function ExtendedComponentsTranslationService(_dictionaryService) {
1358
+ this._dictionaryService = _dictionaryService;
1359
+ }
1360
+ ExtendedComponentsTranslationService.prototype.setTranslation = function (translation) {
1361
+ this._dictionaryService.translation = translation;
1362
+ };
1363
+ return ExtendedComponentsTranslationService;
1364
+ }());
1365
+ 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 });
1366
+ ExtendedComponentsTranslationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService });
1367
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService, decorators: [{
1368
+ type: i0.Injectable
1369
+ }], ctorParameters: function () { return [{ type: DictionaryService }]; } });
1370
+
1473
1371
  var ExtendedComponentsTranslationModule = /** @class */ (function () {
1474
1372
  function ExtendedComponentsTranslationModule() {
1475
1373
  }
@@ -1484,7 +1382,7 @@
1484
1382
  return ExtendedComponentsTranslationModule;
1485
1383
  }());
1486
1384
  ExtendedComponentsTranslationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
1487
- ExtendedComponentsTranslationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationModule, declarations: [LocalizePipe] });
1385
+ ExtendedComponentsTranslationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationModule, declarations: [LocalizePipe], exports: [LocalizePipe] });
1488
1386
  ExtendedComponentsTranslationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationModule, providers: [
1489
1387
  ExtendedComponentsTranslationService,
1490
1388
  DictionaryService
@@ -1500,7 +1398,67 @@
1500
1398
  DictionaryService
1501
1399
  ],
1502
1400
  exports: [
1503
- // LocalizePipe
1401
+ LocalizePipe,
1402
+ // LocalizePipe
1403
+ ]
1404
+ }]
1405
+ }] });
1406
+
1407
+ var RecursiveListModule = /** @class */ (function () {
1408
+ function RecursiveListModule() {
1409
+ }
1410
+ return RecursiveListModule;
1411
+ }());
1412
+ RecursiveListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
1413
+ RecursiveListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, declarations: [RecursiveListComponent], imports: [i3.CommonModule,
1414
+ i2.IconModule,
1415
+ ExtendedComponentsTranslationModule], exports: [RecursiveListComponent] });
1416
+ RecursiveListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, imports: [[
1417
+ i3.CommonModule,
1418
+ i2.IconModule,
1419
+ ExtendedComponentsTranslationModule,
1420
+ ]] });
1421
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecursiveListModule, decorators: [{
1422
+ type: i0.NgModule,
1423
+ args: [{
1424
+ imports: [
1425
+ i3.CommonModule,
1426
+ i2.IconModule,
1427
+ ExtendedComponentsTranslationModule,
1428
+ ],
1429
+ declarations: [
1430
+ RecursiveListComponent
1431
+ ],
1432
+ exports: [
1433
+ RecursiveListComponent
1434
+ ]
1435
+ }]
1436
+ }] });
1437
+
1438
+ var SummaryGridModule = /** @class */ (function () {
1439
+ function SummaryGridModule() {
1440
+ }
1441
+ return SummaryGridModule;
1442
+ }());
1443
+ SummaryGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
1444
+ SummaryGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, declarations: [SummaryGridComponent], imports: [i3.CommonModule,
1445
+ RecursiveListModule], exports: [SummaryGridComponent] });
1446
+ SummaryGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, imports: [[
1447
+ i3.CommonModule,
1448
+ RecursiveListModule
1449
+ ]] });
1450
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SummaryGridModule, decorators: [{
1451
+ type: i0.NgModule,
1452
+ args: [{
1453
+ imports: [
1454
+ i3.CommonModule,
1455
+ RecursiveListModule
1456
+ ],
1457
+ declarations: [
1458
+ SummaryGridComponent
1459
+ ],
1460
+ exports: [
1461
+ SummaryGridComponent
1504
1462
  ]
1505
1463
  }]
1506
1464
  }] });
@@ -1515,6 +1473,7 @@
1515
1473
 
1516
1474
  exports.ExtendedComponentsTranslationModule = ExtendedComponentsTranslationModule;
1517
1475
  exports.ExtendedComponentsTranslationService = ExtendedComponentsTranslationService;
1476
+ exports.LocalizePipe = LocalizePipe;
1518
1477
  exports.StackedLineChartComponent = StackedLineChartComponent;
1519
1478
  exports.StackedLineChartModule = StackedLineChartModule;
1520
1479
  exports.SummaryGridComponent = SummaryGridComponent;