@colijnit/extendedcomponents 12.0.6 → 12.0.8

package/esm2015/lib/translation/extended-components-translation.module.js

@@ -14,7 +14,7 @@ export class ExtendedComponentsTranslationModule {
     }
 }
 ExtendedComponentsTranslationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ExtendedComponentsTranslationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationModule, declarations: [LocalizePipe] });
+ExtendedComponentsTranslationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationModule, declarations: [LocalizePipe], exports: [LocalizePipe] });
 ExtendedComponentsTranslationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationModule, providers: [
         ExtendedComponentsTranslationService,
         DictionaryService
@@ -30,8 +30,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         DictionaryService
                     ],
                     exports: [
-                    // LocalizePipe
+                        LocalizePipe,
+                        // LocalizePipe
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXh0ZW5kZWQtY29tcG9uZW50cy10cmFuc2xhdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHRlbmRlZGNvbXBvbmVudHMvc3JjL2xpYi90cmFuc2xhdGlvbi9leHRlbmRlZC1jb21wb25lbnRzLXRyYW5zbGF0aW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXNCLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUMsb0NBQW9DLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUMvRixPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUN2RCxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7O0FBYzdDLE1BQU0sT0FBTyxtQ0FBbUM7SUFDNUMsTUFBTSxDQUFDLE9BQU87UUFDVixPQUFPO1lBQ0gsUUFBUSxFQUFFLG1DQUFtQztZQUM3QyxTQUFTLEVBQUU7Z0JBQ1Asb0NBQW9DO2FBQ3ZDO1NBQ0osQ0FBQztJQUNOLENBQUM7O2lJQVJRLG1DQUFtQztrSUFBbkMsbUNBQW1DLGlCQVZ4QyxZQUFZO2tJQVVQLG1DQUFtQyxhQVJqQztRQUNQLG9DQUFvQztRQUNwQyxpQkFBaUI7S0FDcEI7NEZBS1EsbUNBQW1DO2tCQVovQyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDVixZQUFZO3FCQUNmO29CQUNELFNBQVMsRUFBRTt3QkFDUCxvQ0FBb0M7d0JBQ3BDLGlCQUFpQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO29CQUNMLGVBQWU7cUJBQ2xCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7RXh0ZW5kZWRDb21wb25lbnRzVHJhbnNsYXRpb25TZXJ2aWNlfSBmcm9tICcuL2V4dGVuZGVkLWNvbXBvbmVudHMtdHJhbnNsYXRpb24uc2VydmljZSc7XHJcbmltcG9ydCB7RGljdGlvbmFyeVNlcnZpY2V9IGZyb20gJy4vZGljdGlvbmFyeS5zZXJ2aWNlJztcclxuaW1wb3J0IHtMb2NhbGl6ZVBpcGV9IGZyb20gJy4vbG9jYWxpemUucGlwZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICAgICAgTG9jYWxpemVQaXBlXHJcbiAgICBdLFxyXG4gICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAgRXh0ZW5kZWRDb21wb25lbnRzVHJhbnNsYXRpb25TZXJ2aWNlLFxyXG4gICAgICAgIERpY3Rpb25hcnlTZXJ2aWNlXHJcbiAgICBdLFxyXG4gICAgZXhwb3J0czogW1xyXG4gICAgICAgIC8vIExvY2FsaXplUGlwZVxyXG4gICAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRXh0ZW5kZWRDb21wb25lbnRzVHJhbnNsYXRpb25Nb2R1bGUge1xyXG4gICAgc3RhdGljIGZvclJvb3QoKTogTW9kdWxlV2l0aFByb3ZpZGVyczxFeHRlbmRlZENvbXBvbmVudHNUcmFuc2xhdGlvbk1vZHVsZT4ge1xyXG4gICAgICAgIHJldHVybiB7XHJcbiAgICAgICAgICAgIG5nTW9kdWxlOiBFeHRlbmRlZENvbXBvbmVudHNUcmFuc2xhdGlvbk1vZHVsZSxcclxuICAgICAgICAgICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAgICAgICAgICBFeHRlbmRlZENvbXBvbmVudHNUcmFuc2xhdGlvblNlcnZpY2VcclxuICAgICAgICAgICAgXVxyXG4gICAgICAgIH07XHJcbiAgICB9XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXh0ZW5kZWQtY29tcG9uZW50cy10cmFuc2xhdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHRlbmRlZGNvbXBvbmVudHMvc3JjL2xpYi90cmFuc2xhdGlvbi9leHRlbmRlZC1jb21wb25lbnRzLXRyYW5zbGF0aW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXNCLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUMsb0NBQW9DLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUMvRixPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUN2RCxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7O0FBZTdDLE1BQU0sT0FBTyxtQ0FBbUM7SUFDNUMsTUFBTSxDQUFDLE9BQU87UUFDVixPQUFPO1lBQ0gsUUFBUSxFQUFFLG1DQUFtQztZQUM3QyxTQUFTLEVBQUU7Z0JBQ1Asb0NBQW9DO2FBQ3ZDO1NBQ0osQ0FBQztJQUNOLENBQUM7O2lJQVJRLG1DQUFtQztrSUFBbkMsbUNBQW1DLGlCQVh4QyxZQUFZLGFBT1osWUFBWTtrSUFJUCxtQ0FBbUMsYUFUakM7UUFDUCxvQ0FBb0M7UUFDcEMsaUJBQWlCO0tBQ3BCOzRGQU1RLG1DQUFtQztrQkFiL0MsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1YsWUFBWTtxQkFDZjtvQkFDRCxTQUFTLEVBQUU7d0JBQ1Asb0NBQW9DO3dCQUNwQyxpQkFBaUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGVBQWU7cUJBQ2xCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7RXh0ZW5kZWRDb21wb25lbnRzVHJhbnNsYXRpb25TZXJ2aWNlfSBmcm9tICcuL2V4dGVuZGVkLWNvbXBvbmVudHMtdHJhbnNsYXRpb24uc2VydmljZSc7XHJcbmltcG9ydCB7RGljdGlvbmFyeVNlcnZpY2V9IGZyb20gJy4vZGljdGlvbmFyeS5zZXJ2aWNlJztcclxuaW1wb3J0IHtMb2NhbGl6ZVBpcGV9IGZyb20gJy4vbG9jYWxpemUucGlwZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICAgICAgTG9jYWxpemVQaXBlXHJcbiAgICBdLFxyXG4gICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAgRXh0ZW5kZWRDb21wb25lbnRzVHJhbnNsYXRpb25TZXJ2aWNlLFxyXG4gICAgICAgIERpY3Rpb25hcnlTZXJ2aWNlXHJcbiAgICBdLFxyXG4gICAgZXhwb3J0czogW1xyXG4gICAgICAgIExvY2FsaXplUGlwZSxcclxuICAgICAgICAvLyBMb2NhbGl6ZVBpcGVcclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEV4dGVuZGVkQ29tcG9uZW50c1RyYW5zbGF0aW9uTW9kdWxlIHtcclxuICAgIHN0YXRpYyBmb3JSb290KCk6IE1vZHVsZVdpdGhQcm92aWRlcnM8RXh0ZW5kZWRDb21wb25lbnRzVHJhbnNsYXRpb25Nb2R1bGU+IHtcclxuICAgICAgICByZXR1cm4ge1xyXG4gICAgICAgICAgICBuZ01vZHVsZTogRXh0ZW5kZWRDb21wb25lbnRzVHJhbnNsYXRpb25Nb2R1bGUsXHJcbiAgICAgICAgICAgIHByb3ZpZGVyczogW1xyXG4gICAgICAgICAgICAgICAgRXh0ZW5kZWRDb21wb25lbnRzVHJhbnNsYXRpb25TZXJ2aWNlXHJcbiAgICAgICAgICAgIF1cclxuICAgICAgICB9O1xyXG4gICAgfVxyXG59XHJcbiJdfQ==

package/esm2015/public-api.js

@@ -7,4 +7,5 @@ export * from './lib/components/summary-grid/summary-grid.module';
 export * from './lib/components/summary-grid/summary-grid.component';
 export * from './lib/translation/extended-components-translation.module';
 export * from './lib/translation/extended-components-translation.service';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsa0VBQWtFLENBQUM7QUFDakYsY0FBYyxxRUFBcUUsQ0FBQztBQUVwRixjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsc0RBQXNELENBQUM7QUFFckUsY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLDJEQUEyRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGV4dGVuZGVkY29tcG9uZW50c1xyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc3RhY2tlZC1saW5lLWNoYXJ0L2NvLXN0YWNrZWQtbGluZS1jaGFydC5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3N0YWNrZWQtbGluZS1jaGFydC9jby1zdGFja2VkLWxpbmUtY2hhcnQuY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc3VtbWFyeS1ncmlkL3N1bW1hcnktZ3JpZC5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3N1bW1hcnktZ3JpZC9zdW1tYXJ5LWdyaWQuY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3RyYW5zbGF0aW9uL2V4dGVuZGVkLWNvbXBvbmVudHMtdHJhbnNsYXRpb24ubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdHJhbnNsYXRpb24vZXh0ZW5kZWQtY29tcG9uZW50cy10cmFuc2xhdGlvbi5zZXJ2aWNlJztcclxuIl19
+export * from './lib/translation/localize.pipe';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsa0VBQWtFLENBQUM7QUFDakYsY0FBYyxxRUFBcUUsQ0FBQztBQUVwRixjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsc0RBQXNELENBQUM7QUFFckUsY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMsaUNBQWlDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgZXh0ZW5kZWRjb21wb25lbnRzXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdGFja2VkLWxpbmUtY2hhcnQvY28tc3RhY2tlZC1saW5lLWNoYXJ0Lm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc3RhY2tlZC1saW5lLWNoYXJ0L2NvLXN0YWNrZWQtbGluZS1jaGFydC5jb21wb25lbnQnO1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdW1tYXJ5LWdyaWQvc3VtbWFyeS1ncmlkLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc3VtbWFyeS1ncmlkL3N1bW1hcnktZ3JpZC5jb21wb25lbnQnO1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdHJhbnNsYXRpb24vZXh0ZW5kZWQtY29tcG9uZW50cy10cmFuc2xhdGlvbi5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90cmFuc2xhdGlvbi9leHRlbmRlZC1jb21wb25lbnRzLXRyYW5zbGF0aW9uLnNlcnZpY2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90cmFuc2xhdGlvbi9sb2NhbGl6ZS5waXBlJztcclxuIl19

package/fesm2015/colijnit-extendedcomponents.js

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, HostBinding, Input, Output, NgModule, Injectable, Pipe } from '@angular/core';
+import { Component, ViewEncapsulation, HostBinding, Input, NgModule, Injectable, Pipe } from '@angular/core';
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from 'ngx-echarts';
@@ -18,13 +18,7 @@ class StackedLineChartComponent {
         this.chartOptions = {
             title: {},
             tooltip: {
-                trigger: 'axis',
-                axisPointer: {
-                    type: 'cross',
-                    label: {
-                        backgroundColor: '#6a7985'
-                    }
-                }
+                trigger: 'axis'
             },
             legend: {},
             grid: {
@@ -38,17 +32,12 @@ class StackedLineChartComponent {
                     saveAsImage: {}
                 }
             },
-            xAxis: {
-                type: 'category',
-                boundaryGap: false,
-                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-            },
+            xAxis: {},
             yAxis: {
                 type: 'value'
             },
             series: {}
         };
-        this.chartEventEmitter = new EventEmitter();
     }
     showClass() {
         return true;
@@ -63,17 +52,13 @@ class StackedLineChartComponent {
         };
         this.chartOptions.legend['data'] = this.chartLegend;
     }
-    onChartEvent(event, type) {
-        console.log('chart event:', type, event);
-        this.chartEventEmitter.emit(event);
-    }
 }
 StackedLineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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" }, outputs: { chartEventEmitter: "chartEventEmitter" }, host: { properties: { "class.co-co-stacked-line-chart": "this.showClass" } }, ngImport: i0, template: `
+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: `
 
       <div echarts [options]="chartOptions" [initOpts]="{
         width: chartWidth,
-        height: chartHeight}" (chartInit)="onChartEvent($event, 'chartInit')" (chartClick)="onChartEvent($event, 'chartClick')" (chartDblClick)="onChartEvent($event, 'chartDblClick')" (chartMouseDown)="onChartEvent($event, 'chartMouseDown')" (chartMouseUp)="onChartEvent($event, 'chartMouseUp')" (chartMouseOver)="onChartEvent($event, 'chartMouseOver')" (chartMouseOut)="onChartEvent($event, 'chartMouseOut')" (chartGlobalOut)="onChartEvent($event, 'chartGlobalOut')" (chartContextMenu)="onChartEvent($event, 'chartContextMenu')" (chartDataZoom)="onChartEvent($event, 'chartDataZoom')" class="chart"></div>
+        height: chartHeight}" class="chart"></div>
 
   `, 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, decorators: [{
@@ -84,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
 
       <div echarts [options]="chartOptions" [initOpts]="{
         width: chartWidth,
-        height: chartHeight}" (chartInit)="onChartEvent($event, 'chartInit')" (chartClick)="onChartEvent($event, 'chartClick')" (chartDblClick)="onChartEvent($event, 'chartDblClick')" (chartMouseDown)="onChartEvent($event, 'chartMouseDown')" (chartMouseUp)="onChartEvent($event, 'chartMouseUp')" (chartMouseOver)="onChartEvent($event, 'chartMouseOver')" (chartMouseOut)="onChartEvent($event, 'chartMouseOut')" (chartGlobalOut)="onChartEvent($event, 'chartGlobalOut')" (chartContextMenu)="onChartEvent($event, 'chartContextMenu')" (chartDataZoom)="onChartEvent($event, 'chartDataZoom')" class="chart"></div>
+        height: chartHeight}" class="chart"></div>
 
   `,
                     encapsulation: ViewEncapsulation.None
@@ -106,8 +91,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], chartOptions: [{
                 type: Input
-            }], chartEventEmitter: [{
-                type: Output
             }] } });
 
 class StackedLineChartModule {
@@ -448,9 +431,9 @@ const IconSvg = {
     "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>",
     "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>",
     "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>",
-    "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>",
+    "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>",
     "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>",
-    "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>",
+    "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>",
     "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>",
     "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>",
     "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,15 +763,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
 
+// The localization service, providing peers with text translation functionality.
+class DictionaryService {
+    constructor() {
+        // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
+        this._placeholder = "|~";
+    }
+    /**
+     * Returns the localized text for the given dictionary key.
+     * @param {string} key
+     * @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
+     * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
+     * @returns {string} The translated text for given dictionary key
+     */
+    get(key, upperCaseFirst = true, ...replacementTexts) {
+        let text = key;
+        if (this.translation && this.translation.hasOwnProperty(key)) {
+            text = this.translation[key].toLowerCase();
+            if (upperCaseFirst) {
+                text = text.charAt(0).toUpperCase() + text.slice(1);
+            }
+        }
+        return text;
+    }
+}
+DictionaryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DictionaryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DictionaryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DictionaryService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DictionaryService, decorators: [{
+            type: Injectable
+        }] });
+
+class LocalizePipe {
+    constructor(_dictionaryService) {
+        this._dictionaryService = _dictionaryService;
+    }
+    transform(value, upperCaseFirst = true, replace = []) {
+        if (!value) {
+            return "";
+        }
+        replace = (replace !== undefined && replace !== null) ? replace : [];
+        if (!Array.isArray(replace)) {
+            replace = [replace];
+        }
+        return this._dictionaryService.get(value, upperCaseFirst, ...replace);
+    }
+}
+LocalizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizePipe, deps: [{ token: DictionaryService }], target: i0.ɵɵFactoryTarget.Pipe });
+LocalizePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizePipe, name: "localize" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "localize"
+                }]
+        }], ctorParameters: function () { return [{ type: DictionaryService }]; } });
+
 // recursive-list.component.ts
 class RecursiveListComponent {
     constructor(iconCacheService) {
         this.iconCacheService = iconCacheService;
         this.icons = Icon;
         this.columns = [];
+        this.subColumns = [];
         this.tableLegend = "";
         this.depth = 0;
-        this.indentation = 0;
+        this.indentation = 10;
         this.dataPipe = null;
     }
     toggleCollapse(event, item) {
@@ -800,10 +838,10 @@ class RecursiveListComponent {
     getCurrentIcon(item) {
         return item.expanded ? this.icons.ArrowPointDown : this.icons.ArrowPointRight;
     }
-    formatDataValue(dataValue) {
+    formatDataValue(dataValue, params) {
         if (this.dataPipe && typeof dataValue === 'number') {
             // Apply data formatting pipe here
-            return this.dataPipe.transform(dataValue);
+            return this.dataPipe.transform(dataValue, params);
         }
         else {
             return dataValue.toString(); // No formatting needed
@@ -811,16 +849,21 @@ class RecursiveListComponent {
     }
 }
 RecursiveListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListComponent, deps: [{ token: IconCacheService }], target: i0.ɵɵFactoryTarget.Component });
-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: `
+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: `
     <div class="co-recursive-list">
       <div class="table-header-row">
         <div class="table-legend" *ngIf="tableLegend.length > 1">
-          <span [textContent]="tableLegend"></span>
+          <span [textContent]="tableLegend | localize"></span>
         </div>
         <div class="table-header" *ngIf="columns && columns.length > 0">
           <div class="table-row">
             <div class="table-cell" *ngFor="let column of columns">
-              <span [textContent]="column"></span>
+              <span [textContent]="formatDataValue(column) | localize"></span>
+            </div>
+          </div>
+          <div class="table-row" *ngIf="subColumns && subColumns.length > 0">
+            <div class="table-cell" *ngFor="let column of subColumns">
+              <span [textContent]="formatDataValue(column)"></span>
             </div>
           </div>
         </div>
@@ -828,21 +871,21 @@ RecursiveListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
       <div class="tree-node" [class.background]="depth === 0" *ngFor="let item of collection" (click)="toggleCollapse($event, item)">
         <div class="table-row">
           <div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
-            <co-icon [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
+            <co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
             <span [textContent]="item.name"></span>
           </div>
           <div class="table-cell data-points">
             <div *ngFor="let dataPoint of item.data" class="custom-property">
-              <span [textContent]="formatDataValue(dataPoint)"></span>
+              <span [textContent]="formatDataValue(dataPoint, params)"></span>
             </div>
           </div>
         </div>
         <ng-container *ngIf="item.children && item.children.length > 0 && item.expanded">
-          <co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20"></co-recursive-list>
+          <co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
         </ng-container>
       </div>
     </div>
-  `, 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 });
+  `, 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": LocalizePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListComponent, decorators: [{
             type: Component,
             args: [{
@@ -851,12 +894,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
     <div class="co-recursive-list">
       <div class="table-header-row">
         <div class="table-legend" *ngIf="tableLegend.length > 1">
-          <span [textContent]="tableLegend"></span>
+          <span [textContent]="tableLegend | localize"></span>
         </div>
         <div class="table-header" *ngIf="columns && columns.length > 0">
           <div class="table-row">
             <div class="table-cell" *ngFor="let column of columns">
-              <span [textContent]="column"></span>
+              <span [textContent]="formatDataValue(column) | localize"></span>
+            </div>
+          </div>
+          <div class="table-row" *ngIf="subColumns && subColumns.length > 0">
+            <div class="table-cell" *ngFor="let column of subColumns">
+              <span [textContent]="formatDataValue(column)"></span>
             </div>
           </div>
         </div>
@@ -864,17 +912,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
       <div class="tree-node" [class.background]="depth === 0" *ngFor="let item of collection" (click)="toggleCollapse($event, item)">
         <div class="table-row">
           <div class="table-cell node-text-icon" [ngStyle]="{'padding-left.px' : indentation}">
-            <co-icon [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
+            <co-icon *ngIf="item.children && item.children.length > 0" [iconData]="iconCacheService.getIcon(getCurrentIcon(item))"></co-icon>
             <span [textContent]="item.name"></span>
           </div>
           <div class="table-cell data-points">
             <div *ngFor="let dataPoint of item.data" class="custom-property">
-              <span [textContent]="formatDataValue(dataPoint)"></span>
+              <span [textContent]="formatDataValue(dataPoint, params)"></span>
             </div>
           </div>
         </div>
         <ng-container *ngIf="item.children && item.children.length > 0 && item.expanded">
-          <co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20"></co-recursive-list>
+          <co-recursive-list [dataPipe]="dataPipe" [collection]="item.children" [depth]="depth + 1" [indentation]="indentation + 20" [params]="params"></co-recursive-list>
         </ng-container>
       </div>
     </div>
@@ -885,6 +933,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], columns: [{
                 type: Input
+            }], subColumns: [{
+                type: Input
             }], tableLegend: [{
                 type: Input
             }], depth: [{
@@ -893,6 +943,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], dataPipe: [{
                 type: Input
+            }], params: [{
+                type: Input
             }] } });
 
 // summary-grid.component.ts
@@ -900,6 +952,7 @@ class SummaryGridComponent {
     constructor() {
         this.showClass = true;
         this.columns = ['Column1', 'Column2']; // Add your column headers here
+        this.subColumns = ['SubColumn1', 'SubColumn2']; // Add your column headers here
         this.tableLegend = "Legend";
         this.dataPipe = null;
         this.collection = [
@@ -921,7 +974,7 @@ class SummaryGridComponent {
                             {
                                 name: 'Grandchild 1.1.2',
                                 expanded: false,
-                                data: [7, 8],
+                                data: [7, 0],
                             },
                         ],
                     },
@@ -958,14 +1011,16 @@ class SummaryGridComponent {
     }
 }
 SummaryGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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: `
+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: `
     <co-recursive-list
       [collection]="collection"
       [columns]="columns"
+      [subColumns]="subColumns"
       [tableLegend]="tableLegend"
       [dataPipe]="dataPipe"
+      [params]="params"
     ></co-recursive-list>
-  `, isInline: true, components: [{ type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "tableLegend", "depth", "indentation", "dataPipe"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, components: [{ type: RecursiveListComponent, selector: "co-recursive-list", inputs: ["collection", "columns", "subColumns", "tableLegend", "depth", "indentation", "dataPipe", "params"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SummaryGridComponent, decorators: [{
             type: Component,
             args: [{
@@ -974,8 +1029,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
     <co-recursive-list
       [collection]="collection"
       [columns]="columns"
+      [subColumns]="subColumns"
       [tableLegend]="tableLegend"
       [dataPipe]="dataPipe"
+      [params]="params"
     ></co-recursive-list>
   `,
                     encapsulation: ViewEncapsulation.None,
@@ -985,22 +1042,75 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 args: ['class.co-summary-grid']
             }], columns: [{
                 type: Input
+            }], subColumns: [{
+                type: Input
             }], tableLegend: [{
                 type: Input
             }], dataPipe: [{
                 type: Input
+            }], params: [{
+                type: Input
             }], collection: [{
                 type: Input
             }] } });
 
+class ExtendedComponentsTranslationService {
+    constructor(_dictionaryService) {
+        this._dictionaryService = _dictionaryService;
+    }
+    setTranslation(translation) {
+        this._dictionaryService.translation = translation;
+    }
+}
+ExtendedComponentsTranslationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationService, deps: [{ token: DictionaryService }], target: i0.ɵɵFactoryTarget.Injectable });
+ExtendedComponentsTranslationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: DictionaryService }]; } });
+
+class ExtendedComponentsTranslationModule {
+    static forRoot() {
+        return {
+            ngModule: ExtendedComponentsTranslationModule,
+            providers: [
+                ExtendedComponentsTranslationService
+            ]
+        };
+    }
+}
+ExtendedComponentsTranslationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ExtendedComponentsTranslationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationModule, declarations: [LocalizePipe], exports: [LocalizePipe] });
+ExtendedComponentsTranslationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationModule, providers: [
+        ExtendedComponentsTranslationService,
+        DictionaryService
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LocalizePipe
+                    ],
+                    providers: [
+                        ExtendedComponentsTranslationService,
+                        DictionaryService
+                    ],
+                    exports: [
+                        LocalizePipe,
+                        // LocalizePipe
+                    ]
+                }]
+        }] });
+
 class RecursiveListModule {
 }
 RecursiveListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 RecursiveListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListModule, declarations: [RecursiveListComponent], imports: [CommonModule,
-        IconModule], exports: [RecursiveListComponent] });
+        IconModule,
+        ExtendedComponentsTranslationModule], exports: [RecursiveListComponent] });
 RecursiveListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListModule, imports: [[
             CommonModule,
             IconModule,
+            ExtendedComponentsTranslationModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: RecursiveListModule, decorators: [{
             type: NgModule,
@@ -1008,6 +1118,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     imports: [
                         CommonModule,
                         IconModule,
+                        ExtendedComponentsTranslationModule,
                     ],
                     declarations: [
                         RecursiveListComponent
@@ -1043,106 +1154,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
-// The localization service, providing peers with text translation functionality.
-class DictionaryService {
-    constructor() {
-        // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
-        this._placeholder = "|~";
-    }
-    /**
-     * Returns the localized text for the given dictionary key.
-     * @param {string} key
-     * @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
-     * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
-     * @returns {string} The translated text for given dictionary key
-     */
-    get(key, upperCaseFirst = true, ...replacementTexts) {
-        let text = key;
-        if (this.translation && this.translation.hasOwnProperty(key)) {
-            text = this.translation[key].toLowerCase();
-            if (upperCaseFirst) {
-                text = text.charAt(0).toUpperCase() + text.slice(1);
-            }
-        }
-        return text;
-    }
-}
-DictionaryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DictionaryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DictionaryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DictionaryService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DictionaryService, decorators: [{
-            type: Injectable
-        }] });
-
-class ExtendedComponentsTranslationService {
-    constructor(_dictionaryService) {
-        this._dictionaryService = _dictionaryService;
-    }
-    setTranslation(translation) {
-        this._dictionaryService.translation = translation;
-    }
-}
-ExtendedComponentsTranslationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationService, deps: [{ token: DictionaryService }], target: i0.ɵɵFactoryTarget.Injectable });
-ExtendedComponentsTranslationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: DictionaryService }]; } });
-
-class LocalizePipe {
-    constructor(_dictionaryService) {
-        this._dictionaryService = _dictionaryService;
-    }
-    transform(value, upperCaseFirst = true, replace = []) {
-        if (!value) {
-            return "";
-        }
-        replace = (replace !== undefined && replace !== null) ? replace : [];
-        if (!Array.isArray(replace)) {
-            replace = [replace];
-        }
-        return this._dictionaryService.get(value, upperCaseFirst, ...replace);
-    }
-}
-LocalizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizePipe, deps: [{ token: DictionaryService }], target: i0.ɵɵFactoryTarget.Pipe });
-LocalizePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizePipe, name: "localize" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: "localize"
-                }]
-        }], ctorParameters: function () { return [{ type: DictionaryService }]; } });
-
-class ExtendedComponentsTranslationModule {
-    static forRoot() {
-        return {
-            ngModule: ExtendedComponentsTranslationModule,
-            providers: [
-                ExtendedComponentsTranslationService
-            ]
-        };
-    }
-}
-ExtendedComponentsTranslationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ExtendedComponentsTranslationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationModule, declarations: [LocalizePipe] });
-ExtendedComponentsTranslationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationModule, providers: [
-        ExtendedComponentsTranslationService,
-        DictionaryService
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ExtendedComponentsTranslationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        LocalizePipe
-                    ],
-                    providers: [
-                        ExtendedComponentsTranslationService,
-                        DictionaryService
-                    ],
-                    exports: [
-                    // LocalizePipe
-                    ]
-                }]
-        }] });
-
 /*
  * Public API Surface of extendedcomponents
  */
@@ -1151,5 +1162,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ExtendedComponentsTranslationModule, ExtendedComponentsTranslationService, StackedLineChartComponent, StackedLineChartModule, SummaryGridComponent, SummaryGridModule };
+export { ExtendedComponentsTranslationModule, ExtendedComponentsTranslationService, LocalizePipe, StackedLineChartComponent, StackedLineChartModule, SummaryGridComponent, SummaryGridModule };
 //# sourceMappingURL=colijnit-extendedcomponents.js.map