@colijnit/extendedcomponents 12.0.4 → 12.0.5

package/bundles/colijnit-extendedcomponents.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@syncfusion/ej2-angular-kanban'), require('@syncfusion/ej2-angular-schedule'), require('@angular/forms'), require('@syncfusion/ej2-angular-grids'), require('rxjs'), require('@syncfusion/ej2-angular-pivotview'), require('ngx-echarts')) :
-  typeof define === 'function' && define.amd ? define('@colijnit/extendedcomponents', ['exports', '@angular/core', '@angular/common', '@syncfusion/ej2-angular-kanban', '@syncfusion/ej2-angular-schedule', '@angular/forms', '@syncfusion/ej2-angular-grids', 'rxjs', '@syncfusion/ej2-angular-pivotview', 'ngx-echarts'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.extendedcomponents = {}), global.ng.core, global.ng.common, global.i1, global.i1$1, global.ng.forms, global.i1$2, global.rxjs, global.i1$3, global.i1$4));
-})(this, (function (exports, i0, common, i1, i1$1, forms, i1$2, rxjs, i1$3, i1$4) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ngx-echarts')) :
+  typeof define === 'function' && define.amd ? define('@colijnit/extendedcomponents', ['exports', '@angular/core', '@angular/common', 'ngx-echarts'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.extendedcomponents = {}), global.ng.core, global.ng.common, global.i1));
+})(this, (function (exports, i0, common, i1) { 'use strict';
 
   function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -24,223 +24,162 @@
 
   var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
   var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-  var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-  var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
-  var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
-  var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
 
-  var CoKanbanComponent = /** @class */ (function () {
-      function CoKanbanComponent() {
-          this.allowDragAndDrop = true;
-          this.allowKeyboard = true;
-          this.enablePersistence = false;
-          this.enableTooltip = false;
-          this.keyField = "";
-          this.showEmptyColumn = false;
-          this.cardClickEvent = new i0.EventEmitter();
-          this.cardDoubleClickEvent = new i0.EventEmitter();
-          this.dragStartEvent = new i0.EventEmitter();
-          this.dragStopEvent = new i0.EventEmitter();
+  var StackedLineChartComponent = /** @class */ (function () {
+      function StackedLineChartComponent() {
+          this.chartData = [];
+          this.chartLegend = [];
+          this.chartXAxis = [];
+          this.chartHeight = "auto";
+          this.chartWidth = "auto";
+          this.chartOptions = {
+              title: {},
+              tooltip: {
+                  trigger: 'axis'
+              },
+              legend: {},
+              grid: {
+                  left: '3%',
+                  right: '4%',
+                  bottom: '3%',
+                  containLabel: true
+              },
+              toolbox: {
+                  feature: {
+                      saveAsImage: {}
+                  }
+              },
+              xAxis: {},
+              yAxis: {
+                  type: 'value'
+              },
+              series: {}
+          };
       }
-      CoKanbanComponent.prototype.showClass = function () {
+      StackedLineChartComponent.prototype.showClass = function () {
           return true;
       };
-      CoKanbanComponent.prototype.ngOnInit = function () {
-      };
-      CoKanbanComponent.prototype.ngAfterViewInit = function () {
-          if (this.columns) {
-              this.kanban.columns = this.columns;
-          }
-      };
-      CoKanbanComponent.prototype.dialogOpen = function (args) {
-          args.cancel = true;
-      };
-      CoKanbanComponent.prototype.handleCardClick = function (args) {
-          this.cardClickEvent.next(args);
-      };
-      CoKanbanComponent.prototype.handleCardDoubleClick = function (args) {
-          this.cardDoubleClickEvent.next(args);
-      };
-      CoKanbanComponent.prototype.handleDragStart = function (args) {
-          this.dragStartEvent.next(args);
-      };
-      CoKanbanComponent.prototype.handleDragStop = function (args) {
-          this.dragStopEvent.next(args);
+      StackedLineChartComponent.prototype.ngOnInit = function () {
+          this.chartOptions.title['text'] = this.chartName;
+          this.chartOptions.series = this.chartData;
+          this.chartOptions.xAxis = {
+              type: 'category',
+              boundaryGap: false,
+              data: this.chartXAxis
+          };
+          this.chartOptions.legend['data'] = this.chartLegend;
       };
-      return CoKanbanComponent;
+      return StackedLineChartComponent;
   }());
-  CoKanbanComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoKanbanComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  CoKanbanComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CoKanbanComponent, selector: "co-kanban", inputs: { allowDragAndDrop: "allowDragAndDrop", allowKeyboard: "allowKeyboard", cardSettings: "cardSettings", enablePersistence: "enablePersistence", enableTooltip: "enableTooltip", keyField: "keyField", showEmptyColumn: "showEmptyColumn", swimlaneSettings: "swimlaneSettings", columns: "columns", data: "data" }, outputs: { cardClickEvent: "cardClickEvent", cardDoubleClickEvent: "cardDoubleClickEvent", dragStartEvent: "dragStartEvent", dragStopEvent: "dragStopEvent" }, host: { properties: { "class.co-kanban": "this.showClass" } }, viewQueries: [{ propertyName: "kanban", first: true, predicate: ["kanban"], descendants: true }], ngImport: i0__namespace, template: "\n    <ejs-kanban\n        #kanban\n        id=\"kanban\"\n        [allowDragAndDrop]=\"allowDragAndDrop\"\n        [allowKeyboard]=\"allowKeyboard\"\n        [cardSettings]=\"cardSettings\"\n        [enablePersistence]=\"enablePersistence\"\n        [enableTooltip]=\"enableTooltip\"\n        [keyField]=\"keyField\"\n        [showEmptyColumn]=\"showEmptyColumn\"\n        [swimlaneSettings]=\"swimlaneSettings\"\n        [dataSource]=\"data\"\n        (cardClick)=\"handleCardClick($event)\"\n        (cardDoubleClick)=\"handleCardDoubleClick($event)\"\n        (dialogOpen)=\"dialogOpen($event)\"\n        (dragStart)=\"handleDragStart($event)\"\n        (dragStop)=\"handleDragStop($event)\"\n    >\n    </ejs-kanban>\n  ", isInline: true, components: [{ type: i1__namespace.KanbanComponent, selector: "ejs-kanban", inputs: ["allowDragAndDrop", "allowKeyboard", "cardSettings", "columns", "constraintType", "cssClass", "dataSource", "dialogSettings", "enableHtmlSanitizer", "enablePersistence", "enableRtl", "enableTooltip", "externalDropId", "height", "keyField", "locale", "query", "showEmptyColumn", "sortSettings", "stackedHeaders", "swimlaneSettings", "tooltipTemplate", "width"], outputs: ["actionBegin", "actionComplete", "actionFailure", "cardClick", "cardDoubleClick", "cardRendered", "created", "dataBinding", "dataBound", "dataSourceChanged", "dataStateChange", "dialogClose", "dialogOpen", "drag", "dragStart", "dragStop", "queryCellInfo"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoKanbanComponent, decorators: [{
+  StackedLineChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+  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 });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartComponent, decorators: [{
               type: i0.Component,
               args: [{
-                      selector: 'co-kanban',
-                      template: "\n    <ejs-kanban\n        #kanban\n        id=\"kanban\"\n        [allowDragAndDrop]=\"allowDragAndDrop\"\n        [allowKeyboard]=\"allowKeyboard\"\n        [cardSettings]=\"cardSettings\"\n        [enablePersistence]=\"enablePersistence\"\n        [enableTooltip]=\"enableTooltip\"\n        [keyField]=\"keyField\"\n        [showEmptyColumn]=\"showEmptyColumn\"\n        [swimlaneSettings]=\"swimlaneSettings\"\n        [dataSource]=\"data\"\n        (cardClick)=\"handleCardClick($event)\"\n        (cardDoubleClick)=\"handleCardDoubleClick($event)\"\n        (dialogOpen)=\"dialogOpen($event)\"\n        (dragStart)=\"handleDragStart($event)\"\n        (dragStop)=\"handleDragStop($event)\"\n    >\n    </ejs-kanban>\n  ",
+                      selector: "co-stacked-line-chart",
+                      template: "\n\n      <div echarts [options]=\"chartOptions\" [initOpts]=\"{\n        width: chartWidth,\n        height: chartHeight}\" class=\"chart\"></div>\n\n  ",
                       encapsulation: i0.ViewEncapsulation.None
                   }]
-          }], ctorParameters: function () { return []; }, propDecorators: { kanban: [{
-                  type: i0.ViewChild,
-                  args: ['kanban', { static: false }]
-              }], allowDragAndDrop: [{
-                  type: i0.Input
-              }], allowKeyboard: [{
-                  type: i0.Input
-              }], cardSettings: [{
-                  type: i0.Input
-              }], enablePersistence: [{
+          }], propDecorators: { showClass: [{
+                  type: i0.HostBinding,
+                  args: ["class.co-co-stacked-line-chart"]
+              }], chartName: [{
                   type: i0.Input
-              }], enableTooltip: [{
+              }], chartData: [{
                   type: i0.Input
-              }], keyField: [{
+              }], chartLegend: [{
                   type: i0.Input
-              }], showEmptyColumn: [{
+              }], chartXAxis: [{
                   type: i0.Input
-              }], swimlaneSettings: [{
+              }], chartHeight: [{
                   type: i0.Input
-              }], columns: [{
+              }], chartWidth: [{
                   type: i0.Input
-              }], data: [{
+              }], chartOptions: [{
                   type: i0.Input
-              }], cardClickEvent: [{
-                  type: i0.Output
-              }], cardDoubleClickEvent: [{
-                  type: i0.Output
-              }], dragStartEvent: [{
-                  type: i0.Output
-              }], dragStopEvent: [{
-                  type: i0.Output
-              }], showClass: [{
-                  type: i0.HostBinding,
-                  args: ["class.co-kanban"]
               }] } });
 
-  var CoKanbanModule = /** @class */ (function () {
-      function CoKanbanModule() {
+  var StackedLineChartModule = /** @class */ (function () {
+      function StackedLineChartModule() {
       }
-      return CoKanbanModule;
+      return StackedLineChartModule;
   }());
-  CoKanbanModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoKanbanModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  CoKanbanModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoKanbanModule, declarations: [CoKanbanComponent], imports: [common.CommonModule,
-          i1.KanbanModule], exports: [CoKanbanComponent] });
-  CoKanbanModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoKanbanModule, imports: [[
+  StackedLineChartModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  StackedLineChartModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartModule, declarations: [StackedLineChartComponent], imports: [common.CommonModule, i1__namespace.NgxEchartsModule], exports: [StackedLineChartComponent] });
+  StackedLineChartModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartModule, imports: [[
               common.CommonModule,
-              i1.KanbanModule
+              i1.NgxEchartsModule.forRoot({
+                  echarts: function () { return import('echarts'); }
+              })
           ]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoKanbanModule, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartModule, decorators: [{
               type: i0.NgModule,
               args: [{
                       imports: [
                           common.CommonModule,
-                          i1.KanbanModule
+                          i1.NgxEchartsModule.forRoot({
+                              echarts: function () { return import('echarts'); }
+                          })
                       ],
                       declarations: [
-                          CoKanbanComponent
+                          StackedLineChartComponent
                       ],
                       exports: [
-                          CoKanbanComponent
+                          StackedLineChartComponent
                       ]
                   }]
           }] });
 
-  var CoScheduleComponent = /** @class */ (function () {
-      function CoScheduleComponent() {
-          this.enablePersistence = false;
-          this.actionBegin = new i0.EventEmitter();
-          this.actionComplete = new i0.EventEmitter();
-          this.actionFailure = new i0.EventEmitter();
-          this.showClass = true;
+  // The localization service, providing peers with text translation functionality.
+  var DictionaryService = /** @class */ (function () {
+      function DictionaryService() {
+          // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
+          this._placeholder = "|~";
       }
-      CoScheduleComponent.prototype.ngOnInit = function () {
-      };
-      CoScheduleComponent.prototype.onActionBegin = function (args) {
-          this.actionBegin.emit(args);
-      };
-      CoScheduleComponent.prototype.onActionComplete = function (args) {
-          this.actionComplete.emit(args);
-      };
-      CoScheduleComponent.prototype.onActionFailure = function (args) {
-          this.actionFailure.emit(args);
+      /**
+       * 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
+       */
+      DictionaryService.prototype.get = function (key, upperCaseFirst) {
+          if (upperCaseFirst === void 0) { upperCaseFirst = true; }
+          var replacementTexts = [];
+          for (var _i = 2; _i < arguments.length; _i++) {
+              replacementTexts[_i - 2] = arguments[_i];
+          }
+          var 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;
       };
-      return CoScheduleComponent;
+      return DictionaryService;
   }());
-  CoScheduleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoScheduleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  CoScheduleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CoScheduleComponent, selector: "co-schedule", inputs: { selectedDate: "selectedDate", currentView: "currentView", eventSettings: "eventSettings", enablePersistence: "enablePersistence" }, outputs: { actionBegin: "actionBegin", actionComplete: "actionComplete", actionFailure: "actionFailure" }, host: { properties: { "class.co-schedule": "this.showClass" } }, providers: [
-          i1$1.DayService,
-          i1$1.WeekService,
-          i1$1.WorkWeekService,
-          i1$1.MonthService,
-          i1$1.AgendaService,
-          i1$1.MonthAgendaService,
-          i1$1.TimelineViewsService,
-          i1$1.TimelineMonthService
-      ], viewQueries: [{ propertyName: "scheduleObj", first: true, predicate: ["ejsSchedule"], descendants: true, static: true }], ngImport: i0__namespace, template: "\n    <ejs-schedule\n        #ejsSchedule\n        [selectedDate]=\"selectedDate\"\n        [currentView]=\"currentView\"\n        [eventSettings]=\"eventSettings\"\n        [enablePersistence]=\"enablePersistence\"\n        (actionBegin)=\"onActionBegin($event)\"\n        (actionComplete)=\"onActionComplete($event)\"\n        (actionFailure)=\"onActionFailure($event)\"\n    ><ng-content></ng-content>\n    </ejs-schedule>\n  ", isInline: true, components: [{ type: i1__namespace$1.ScheduleComponent, selector: "ejs-schedule", inputs: ["agendaDaysCount", "allowDragAndDrop", "allowInline", "allowKeyboardInteraction", "allowMultiCellSelection", "allowMultiDrag", "allowMultiRowSelection", "allowResizing", "allowSwiping", "calendarMode", "cellHeaderTemplate", "cellTemplate", "cssClass", "currentView", "dateFormat", "dateHeaderTemplate", "dateRangeTemplate", "dayHeaderTemplate", "editorTemplate", "enableAdaptiveUI", "enableAllDayScroll", "enableHtmlSanitizer", "enablePersistence", "enableRecurrenceValidation", "enableRtl", "endHour", "eventDragArea", "eventSettings", "firstDayOfWeek", "firstMonthOfYear", "group", "headerIndentTemplate", "headerRows", "height", "hideEmptyAgendaDays", "locale", "maxDate", "minDate", "monthHeaderTemplate", "monthsCount", "quickInfoOnSelectionEnd", "quickInfoTemplates", "readonly", "resourceHeaderTemplate", "resources", "rowAutoHeight", "selectedDate", "showHeaderBar", "showQuickInfo", "showTimeIndicator", "showWeekNumber", "showWeekend", "startHour", "timeFormat", "timeScale", "timezone", "timezoneDataSource", "views", "weekRule", "width", "workDays", "workHours"], outputs: ["actionBegin", "actionComplete", "actionFailure", "cellClick", "cellDoubleClick", "created", "dataBinding", "dataBound", "destroyed", "drag", "dragStart", "dragStop", "eventClick", "eventRendered", "hover", "moreEventsClick", "navigating", "popupClose", "popupOpen", "renderCell", "resizeStart", "resizeStop", "resizing", "select", "currentViewChange", "selectedDateChange"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoScheduleComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'co-schedule',
-                      template: "\n    <ejs-schedule\n        #ejsSchedule\n        [selectedDate]=\"selectedDate\"\n        [currentView]=\"currentView\"\n        [eventSettings]=\"eventSettings\"\n        [enablePersistence]=\"enablePersistence\"\n        (actionBegin)=\"onActionBegin($event)\"\n        (actionComplete)=\"onActionComplete($event)\"\n        (actionFailure)=\"onActionFailure($event)\"\n    ><ng-content></ng-content>\n    </ejs-schedule>\n  ",
-                      providers: [
-                          i1$1.DayService,
-                          i1$1.WeekService,
-                          i1$1.WorkWeekService,
-                          i1$1.MonthService,
-                          i1$1.AgendaService,
-                          i1$1.MonthAgendaService,
-                          i1$1.TimelineViewsService,
-                          i1$1.TimelineMonthService
-                      ],
-                      encapsulation: i0.ViewEncapsulation.None,
-                      changeDetection: i0.ChangeDetectionStrategy.OnPush
-                  }]
-          }], ctorParameters: function () { return []; }, propDecorators: { scheduleObj: [{
-                  type: i0.ViewChild,
-                  args: ['ejsSchedule', { static: true }]
-              }], selectedDate: [{
-                  type: i0.Input
-              }], currentView: [{
-                  type: i0.Input
-              }], eventSettings: [{
-                  type: i0.Input
-              }], enablePersistence: [{
-                  type: i0.Input
-              }], actionBegin: [{
-                  type: i0.Output
-              }], actionComplete: [{
-                  type: i0.Output
-              }], actionFailure: [{
-                  type: i0.Output
-              }], showClass: [{
-                  type: i0.HostBinding,
-                  args: ['class.co-schedule']
-              }] } });
+  DictionaryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  DictionaryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService, decorators: [{
+              type: i0.Injectable
+          }] });
 
-  var CoScheduleModule = /** @class */ (function () {
-      function CoScheduleModule() {
+  var ExtendedComponentsTranslationService = /** @class */ (function () {
+      function ExtendedComponentsTranslationService(_dictionaryService) {
+          this._dictionaryService = _dictionaryService;
       }
-      return CoScheduleModule;
+      ExtendedComponentsTranslationService.prototype.setTranslation = function (translation) {
+          this._dictionaryService.translation = translation;
+      };
+      return ExtendedComponentsTranslationService;
   }());
-  CoScheduleModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoScheduleModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  CoScheduleModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoScheduleModule, declarations: [CoScheduleComponent], imports: [common.CommonModule,
-          i1$1.ScheduleModule], exports: [CoScheduleComponent] });
-  CoScheduleModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoScheduleModule, imports: [[
-              common.CommonModule,
-              i1$1.ScheduleModule
-          ]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoScheduleModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      declarations: [
-                          CoScheduleComponent
-                      ],
-                      imports: [
-                          common.CommonModule,
-                          i1$1.ScheduleModule
-                      ],
-                      exports: [
-                          CoScheduleComponent
-                      ]
-                  }]
-          }] });
+  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 });
+  ExtendedComponentsTranslationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService, decorators: [{
+              type: i0.Injectable
+          }], ctorParameters: function () { return [{ type: DictionaryService }]; } });
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -654,790 +593,6 @@
       __classPrivateFieldIn: __classPrivateFieldIn,
   };
 
-  var GridLines;
-  (function (GridLines) {
-      GridLines["None"] = "None";
-      GridLines["Horizontal"] = "Horizontal";
-      GridLines["Vertical"] = "Vertical";
-      GridLines["Both"] = "Both";
-      GridLines["Default"] = "Default";
-  })(GridLines || (GridLines = {}));
-
-  var BaseGridComponent = /** @class */ (function () {
-      function BaseGridComponent(element) {
-          this.element = element;
-          this.gridLines = GridLines.None;
-          this.contextMenuItems = [];
-          this.sortingEnabled = false;
-          this.filteringEnabled = false;
-          this.pagingEnabled = false;
-          this.groupingEnabled = false;
-          this.reorderingEnabled = false;
-          this.rowDragAndDropEnabled = false;
-          this.resizingEnabled = false;
-          this.showColumnMenu = false;
-          this.pageSettings = {};
-      }
-      Object.defineProperty(BaseGridComponent.prototype, "maxNumberOfRows", {
-          set: function (value) {
-              if (value) {
-                  this.pageSettings.pageSize = value;
-              }
-          },
-          enumerable: false,
-          configurable: true
-      });
-      Object.defineProperty(BaseGridComponent.prototype, "columns", {
-          get: function () {
-              return this._columns;
-          },
-          set: function (value) {
-              this._columns = value;
-          },
-          enumerable: false,
-          configurable: true
-      });
-      return BaseGridComponent;
-  }());
-  BaseGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseGridComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-  BaseGridComponent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseGridComponent, inputs: { data: "data", gridLines: "gridLines", contextMenuItems: "contextMenuItems", frozenColumns: "frozenColumns", frozenRows: "frozenRows", sortingEnabled: "sortingEnabled", filteringEnabled: "filteringEnabled", pagingEnabled: "pagingEnabled", groupingEnabled: "groupingEnabled", reorderingEnabled: "reorderingEnabled", rowDragAndDropEnabled: "rowDragAndDropEnabled", rowDropSettings: "rowDropSettings", resizingEnabled: "resizingEnabled", showColumnMenu: "showColumnMenu", maxNumberOfRows: "maxNumberOfRows", columns: "columns" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true }], ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseGridComponent, decorators: [{
-              type: i0.Directive
-          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { grid: [{
-                  type: i0.ViewChild,
-                  args: ['grid', { static: false }]
-              }], data: [{
-                  type: i0.Input
-              }], gridLines: [{
-                  type: i0.Input
-              }], contextMenuItems: [{
-                  type: i0.Input
-              }], frozenColumns: [{
-                  type: i0.Input
-              }], frozenRows: [{
-                  type: i0.Input
-              }], sortingEnabled: [{
-                  type: i0.Input
-              }], filteringEnabled: [{
-                  type: i0.Input
-              }], pagingEnabled: [{
-                  type: i0.Input
-              }], groupingEnabled: [{
-                  type: i0.Input
-              }], reorderingEnabled: [{
-                  type: i0.Input
-              }], rowDragAndDropEnabled: [{
-                  type: i0.Input
-              }], rowDropSettings: [{
-                  type: i0.Input
-              }], resizingEnabled: [{
-                  type: i0.Input
-              }], showColumnMenu: [{
-                  type: i0.Input
-              }], maxNumberOfRows: [{
-                  type: i0.Input
-              }], columns: [{
-                  type: i0.Input
-              }] } });
-
-  var BaseToolbarGridComponent = /** @class */ (function (_super) {
-      __extends(BaseToolbarGridComponent, _super);
-      function BaseToolbarGridComponent() {
-          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-          _this._exportExcelEnabled = false;
-          _this._exportPdfEnabled = false;
-          _this._showColumnChooser = false;
-          return _this;
-      }
-      Object.defineProperty(BaseToolbarGridComponent.prototype, "showColumnChooser", {
-          get: function () {
-              return this._showColumnChooser;
-          },
-          set: function (value) {
-              this._showColumnChooser = value;
-              this.updateToolbar("ColumnChooser", this._showColumnChooser);
-          },
-          enumerable: false,
-          configurable: true
-      });
-      Object.defineProperty(BaseToolbarGridComponent.prototype, "exportExcelEnabled", {
-          get: function () {
-              return this._exportExcelEnabled;
-          },
-          set: function (value) {
-              this._exportExcelEnabled = value;
-              this.updateToolbar("ExcelExport", this._exportExcelEnabled);
-          },
-          enumerable: false,
-          configurable: true
-      });
-      Object.defineProperty(BaseToolbarGridComponent.prototype, "exportPdfEnabled", {
-          get: function () {
-              return this._exportPdfEnabled;
-          },
-          set: function (value) {
-              this._exportPdfEnabled = value;
-              this.updateToolbar("PdfExport", this._exportPdfEnabled);
-          },
-          enumerable: false,
-          configurable: true
-      });
-      BaseToolbarGridComponent.prototype.toolbarClick = function (args) {
-          if (this.grid) {
-              if (args.item.id === 'grid_excelexport') {
-                  this.grid.excelExport();
-              }
-              else if (args.item.id === 'grid_pdfexport') {
-                  this.grid.pdfExport();
-              }
-          }
-      };
-      BaseToolbarGridComponent.prototype.updateToolbar = function (option, add) {
-          if (add) {
-              if (!this.toolbarOptions) {
-                  this.toolbarOptions = [];
-              }
-              this.toolbarOptions.push(option);
-          }
-          else {
-              if (this.toolbarOptions) {
-                  var index = this.toolbarOptions.indexOf(option);
-                  this.toolbarOptions.splice(index, 1);
-              }
-          }
-          if (this.toolbarOptions && this.toolbarOptions.length > 0) {
-              this.toolbarOptions = this.toolbarOptions.slice();
-          }
-          else {
-              this.toolbarOptions = undefined;
-          }
-      };
-      return BaseToolbarGridComponent;
-  }(BaseGridComponent));
-  BaseToolbarGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseToolbarGridComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-  BaseToolbarGridComponent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseToolbarGridComponent, inputs: { showColumnChooser: "showColumnChooser", exportExcelEnabled: "exportExcelEnabled", exportPdfEnabled: "exportPdfEnabled" }, usesInheritance: true, ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseToolbarGridComponent, decorators: [{
-              type: i0.Directive
-          }], propDecorators: { showColumnChooser: [{
-                  type: i0.Input
-              }], exportExcelEnabled: [{
-                  type: i0.Input
-              }], exportPdfEnabled: [{
-                  type: i0.Input
-              }] } });
-
-  var BaseInlineEditGridComponent = /** @class */ (function (_super) {
-      __extends(BaseInlineEditGridComponent, _super);
-      function BaseInlineEditGridComponent() {
-          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-          _this.rowSaved = new i0.EventEmitter();
-          _this.beforeRowDelete = new i0.EventEmitter(false);
-          _this.rowDeleted = new i0.EventEmitter();
-          _this.actionBeginObservable$ = new rxjs.Observable();
-          _this.actionBeginObservableSub = new rxjs.Subscription();
-          return _this;
-      }
-      Object.defineProperty(BaseInlineEditGridComponent.prototype, "inlineEdit", {
-          set: function (value) {
-              if (value) {
-                  this.editSettings = { allowEditing: true, allowAdding: true, allowDeleting: true };
-              }
-              else {
-                  this.editSettings = {};
-              }
-              this.updateToolbar("Add", value);
-              this.updateToolbar("Edit", value);
-              this.updateToolbar("Delete", value);
-              this.updateToolbar("Update", value);
-              this.updateToolbar("Cancel", value);
-          },
-          enumerable: false,
-          configurable: true
-      });
-      BaseInlineEditGridComponent.prototype.ngAfterViewInit = function () {
-          var _this = this;
-          if (this.grid) {
-              this.actionBeginObservable$ = rxjs.fromEvent(this.grid, 'actionBegin');
-              this.actionBeginObservableSub = this.actionBeginObservable$.subscribe(function (action) {
-                  _this.handleActionBegin(action);
-              });
-          }
-      };
-      BaseInlineEditGridComponent.prototype.ngOnDestroy = function () {
-          this.actionBeginObservableSub.unsubscribe();
-      };
-      BaseInlineEditGridComponent.prototype.handleActionBegin = function (action) {
-          return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          if (!action) return [3 /*break*/, 3];
-                          if (!(action.requestType === "delete")) return [3 /*break*/, 2];
-                          return [4 /*yield*/, this.waitForBeforeDelete(action)];
-                      case 1:
-                          _a.sent();
-                          _a.label = 2;
-                      case 2:
-                          if (action.requestType === "save") {
-                              this.rowSaved.next(action.data);
-                          }
-                          _a.label = 3;
-                      case 3: return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      BaseInlineEditGridComponent.prototype.handleActionComplete = function (action) {
-          if (action) {
-              if (action.requestType === "delete") {
-                  this.rowDeleted.next(action.data);
-              }
-              if (action.requestType === "save") {
-                  this.rowSaved.next(action.data);
-              }
-          }
-      };
-      BaseInlineEditGridComponent.prototype.waitForBeforeDelete = function (action) {
-          var _this = this;
-          // @ts-ignore
-          var beforeRowDelete$ = rxjs.fromEvent(this.element, 'beforeRowDelete');
-          return new Promise(function (resolve) {
-              beforeRowDelete$.subscribe(function (result) {
-                  action = result;
-                  return resolve(action);
-              }).unsubscribe();
-              _this.beforeRowDelete.next(action);
-          });
-      };
-      return BaseInlineEditGridComponent;
-  }(BaseToolbarGridComponent));
-  BaseInlineEditGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseInlineEditGridComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-  BaseInlineEditGridComponent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseInlineEditGridComponent, inputs: { inlineEdit: "inlineEdit" }, outputs: { rowSaved: "rowSaved", beforeRowDelete: "beforeRowDelete", rowDeleted: "rowDeleted" }, usesInheritance: true, ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseInlineEditGridComponent, decorators: [{
-              type: i0.Directive
-          }], propDecorators: { inlineEdit: [{
-                  type: i0.Input
-              }], rowSaved: [{
-                  type: i0.Output
-              }], beforeRowDelete: [{
-                  type: i0.Output
-              }], rowDeleted: [{
-                  type: i0.Output
-              }] } });
-
-  var defaultColumn = "<div class=\"detail-wrapper\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"34.55 26.18 34.55 37.49 12.44 37.49 12.44 15.38 24.68 15.38 25.59 14.48 24.05 12.94 10 12.94 10 39.94 36.99 39.94 36.99 25.88 35.92 24.81 34.55 26.18\" fill=\"#484f60\"/><polygon points=\"40 10.4 27.92 10.4 32 14.48 22.24 26.23 24.16 28.15 35.92 18.4 40 22.48 40 10.4\" fill=\"#484f60\"/></svg></div>";
-  var BaseSelectionGridComponent = /** @class */ (function (_super) {
-      __extends(BaseSelectionGridComponent, _super);
-      function BaseSelectionGridComponent() {
-          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-          _this.includeDetailColumn = false;
-          _this.rowsSelected = new i0.EventEmitter();
-          _this.rowDoubleClick = new i0.EventEmitter();
-          _this.detailColumnClick = new i0.EventEmitter();
-          _this.contextMenuItemClick = new i0.EventEmitter();
-          _this.rowDragStartEvent = new i0.EventEmitter();
-          _this.rowDropEvent = new i0.EventEmitter();
-          _this.beforeRowsDelete = new i0.EventEmitter();
-          _this.rowsDeleted = new i0.EventEmitter();
-          _this.selectionOptions = { type: "Single" };
-          return _this;
-      }
-      Object.defineProperty(BaseSelectionGridComponent.prototype, "multipleSelect", {
-          set: function (value) {
-              this.selectionOptions = { type: value ? "Multiple" : "Single" };
-          },
-          enumerable: false,
-          configurable: true
-      });
-      BaseSelectionGridComponent.prototype.ngOnInit = function () {
-          if (this.includeDetailColumn) {
-              this.columns.unshift({
-                  field: "", headerText: "", lockColumn: true, maxWidth: 30, width: 30,
-                  allowFiltering: false, allowResizing: false, allowReordering: false, allowEditing: false, allowSearching: false,
-                  showColumnMenu: false, showInColumnChooser: false,
-                  template: this.detailColumnTemplate ? this.detailColumnTemplate : defaultColumn,
-                  headerTemplate: this.detailColumnTemplate ? this.detailColumnTemplate : defaultColumn
-              });
-          }
-      };
-      BaseSelectionGridComponent.prototype.handleRowSelected = function (rowData) {
-          if (this.grid) {
-              var rows = this.grid.getSelectedRecords();
-              this.rowsSelected.next(rows);
-          }
-      };
-      BaseSelectionGridComponent.prototype.handleDoubleClick = function (clickData) {
-          this.rowDoubleClick.next(clickData.rowData);
-      };
-      BaseSelectionGridComponent.prototype.handleRecordClick = function (clickData) {
-          if (clickData && this.includeDetailColumn && clickData.cellIndex === 0) {
-              this.detailColumnClick.next(clickData.rowData);
-          }
-      };
-      BaseSelectionGridComponent.prototype.selectRow = function (index) {
-          if (this.grid) {
-              var rowIndexes = [];
-              rowIndexes.push(index);
-              this.grid.selectionModule.selectRows(rowIndexes);
-          }
-      };
-      BaseSelectionGridComponent.prototype.contextMenuClick = function (args) {
-          this.contextMenuItemClick.next(args);
-      };
-      BaseSelectionGridComponent.prototype.rowDragStartClick = function (args) {
-          this.rowDragStartEvent.next(args);
-      };
-      BaseSelectionGridComponent.prototype.rowDropClick = function (args) {
-          this.rowDropEvent.next(args);
-      };
-      BaseSelectionGridComponent.prototype.handleBeforeBatchDelete = function (args) {
-          this.beforeRowsDelete.next(args);
-      };
-      BaseSelectionGridComponent.prototype.handleBatchDelete = function (rows) {
-          this.rowsDeleted.next(rows);
-      };
-      return BaseSelectionGridComponent;
-  }(BaseInlineEditGridComponent));
-  BaseSelectionGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseSelectionGridComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-  BaseSelectionGridComponent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseSelectionGridComponent, inputs: { multipleSelect: "multipleSelect", includeDetailColumn: "includeDetailColumn", detailColumnTemplate: "detailColumnTemplate" }, outputs: { rowsSelected: "rowsSelected", rowDoubleClick: "rowDoubleClick", detailColumnClick: "detailColumnClick", contextMenuItemClick: "contextMenuItemClick", rowDragStartEvent: "rowDragStartEvent", rowDropEvent: "rowDropEvent", beforeRowsDelete: "beforeRowsDelete", rowsDeleted: "rowsDeleted" }, host: { properties: { "class.detail-column": "this.includeDetailColumn" } }, usesInheritance: true, ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseSelectionGridComponent, decorators: [{
-              type: i0.Directive
-          }], propDecorators: { multipleSelect: [{
-                  type: i0.Input
-              }], includeDetailColumn: [{
-                  type: i0.HostBinding,
-                  args: ["class.detail-column"]
-              }, {
-                  type: i0.Input
-              }], detailColumnTemplate: [{
-                  type: i0.Input
-              }], rowsSelected: [{
-                  type: i0.Output
-              }], rowDoubleClick: [{
-                  type: i0.Output
-              }], detailColumnClick: [{
-                  type: i0.Output
-              }], contextMenuItemClick: [{
-                  type: i0.Output
-              }], rowDragStartEvent: [{
-                  type: i0.Output
-              }], rowDropEvent: [{
-                  type: i0.Output
-              }], beforeRowsDelete: [{
-                  type: i0.Output
-              }], rowsDeleted: [{
-                  type: i0.Output
-              }] } });
-
-  var CoGridComponent = /** @class */ (function (_super) {
-      __extends(CoGridComponent, _super);
-      function CoGridComponent() {
-          return _super !== null && _super.apply(this, arguments) || this;
-      }
-      CoGridComponent.prototype.showClass = function () {
-          return true;
-      };
-      CoGridComponent.prototype.ngOnInit = function () {
-          _super.prototype.ngOnInit.call(this);
-      };
-      return CoGridComponent;
-  }(BaseSelectionGridComponent));
-  CoGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoGridComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  CoGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CoGridComponent, selector: "co-grid", host: { properties: { "class.co-grid": "this.showClass" } }, providers: [
-          i1$2.RowDDService
-      ], usesInheritance: true, ngImport: i0__namespace, template: "\n      <ejs-grid #grid id=\"grid\"\n                [dataSource]=\"data\"\n                [columns]=\"columns\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [pageSettings]=\"pageSettings\"\n                [toolbar]=\"toolbarOptions\"\n                [gridLines]=\"gridLines\"\n                [frozenColumns]=\"frozenColumns\"\n                [frozenRows]=\"frozenRows\"\n                [selectionSettings]=\"selectionOptions\"\n                [editSettings]=\"editSettings\"\n                [allowPaging]=\"pagingEnabled\"\n                [allowSorting]=\"sortingEnabled\"\n                [allowFiltering]=\"filteringEnabled\"\n                [allowGrouping]=\"groupingEnabled\"\n                [allowReordering]=\"reorderingEnabled\"\n                [allowResizing]=\"resizingEnabled\"\n                [allowRowDragAndDrop]=\"rowDragAndDropEnabled\"\n                [showColumnMenu]=\"showColumnMenu\"\n                [showColumnChooser]=\"showColumnChooser\"\n                [allowExcelExport]=\"exportExcelEnabled\"\n                [allowPdfExport]=\"exportPdfEnabled\"\n                (toolbarClick)=\"toolbarClick($event)\"\n                (rowSelected)=\"handleRowSelected($event)\"\n                (recordDoubleClick)=\"handleDoubleClick($event)\"\n                (recordClick)=\"handleRecordClick($event)\"\n                (actionComplete)=\"handleActionComplete($event)\"\n                (contextMenuClick)=\"contextMenuClick($event)\"\n                (rowDragStart)=\"rowDragStartClick($event)\"\n                (rowDrop)=\"rowDropClick($event)\"\n                (beforeBatchDelete)=\"handleBeforeBatchDelete($event)\"\n                (batchDelete)=\"handleBatchDelete($event)\"\n      >\n      </ejs-grid>\n    ", isInline: true, components: [{ type: i1__namespace$2.GridComponent, selector: "ejs-grid", inputs: ["aggregates", "allowExcelExport", "allowFiltering", "allowGrouping", "allowKeyboard", "allowMultiSorting", "allowPaging", "allowPdfExport", "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTextWrap", "autoFit", "childGrid", "clipMode", "columnChooserSettings", "columnMenuItems", "columnQueryMode", "columns", "contextMenuItems", "cssClass", "currencyCode", "currentAction", "currentViewData", "dataSource", "detailTemplate", "editSettings", "ej2StatePersistenceVersion", "enableAdaptiveUI", "enableAltRow", "enableAutoFill", "enableColumnVirtualization", "enableHeaderFocus", "enableHover", "enableHtmlSanitizer", "enableImmutableMode", "enableInfiniteScrolling", "enablePersistence", "enableRtl", "enableStickyHeader", "enableVirtualMaskRow", "enableVirtualization", "filterSettings", "frozenColumns", "frozenRows", "gridLines", "groupSettings", "height", "hierarchyPrintMode", "infiniteScrollSettings", "loadingIndicator", "locale", "pageSettings", "pagerTemplate", "parentDetails", "printMode", "query", "queryString", "resizeSettings", "rowDropSettings", "rowHeight", "rowRenderingMode", "rowTemplate", "searchSettings", "selectedRowIndex", "selectionSettings", "showColumnChooser", "showColumnMenu", "showHider", "sortSettings", "textWrapSettings", "toolbar", "toolbarTemplate", "width"], outputs: ["actionBegin", "actionComplete", "actionFailure", "batchAdd", "batchCancel", "batchDelete", "beforeAutoFill", "beforeBatchAdd", "beforeBatchDelete", "beforeBatchSave", "beforeCopy", "beforeDataBound", "beforeExcelExport", "beforeOpenAdaptiveDialog", "beforeOpenColumnChooser", "beforePaste", "beforePdfExport", "beforePrint", "beginEdit", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSaved", "cellSelected", "cellSelecting", "checkBoxChange", "columnDataStateChange", "columnDeselected", "columnDeselecting", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "columnSelected", "columnSelecting", "commandClick", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataSourceChanged", "dataStateChange", "destroyed", "detailDataBound", "excelAggregateQueryCellInfo", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "exportDetailDataBound", "exportGroupCaption", "headerCellInfo", "keyPressed", "lazyLoadGroupCollapse", "lazyLoadGroupExpand", "load", "pdfAggregateQueryCellInfo", "pdfExportComplete", "pdfHeaderQueryCellInfo", "pdfQueryCellInfo", "printComplete", "queryCellInfo", "recordClick", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "toolbarClick", "dataSourceChange"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoGridComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'co-grid',
-                      template: "\n      <ejs-grid #grid id=\"grid\"\n                [dataSource]=\"data\"\n                [columns]=\"columns\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [pageSettings]=\"pageSettings\"\n                [toolbar]=\"toolbarOptions\"\n                [gridLines]=\"gridLines\"\n                [frozenColumns]=\"frozenColumns\"\n                [frozenRows]=\"frozenRows\"\n                [selectionSettings]=\"selectionOptions\"\n                [editSettings]=\"editSettings\"\n                [allowPaging]=\"pagingEnabled\"\n                [allowSorting]=\"sortingEnabled\"\n                [allowFiltering]=\"filteringEnabled\"\n                [allowGrouping]=\"groupingEnabled\"\n                [allowReordering]=\"reorderingEnabled\"\n                [allowResizing]=\"resizingEnabled\"\n                [allowRowDragAndDrop]=\"rowDragAndDropEnabled\"\n                [showColumnMenu]=\"showColumnMenu\"\n                [showColumnChooser]=\"showColumnChooser\"\n                [allowExcelExport]=\"exportExcelEnabled\"\n                [allowPdfExport]=\"exportPdfEnabled\"\n                (toolbarClick)=\"toolbarClick($event)\"\n                (rowSelected)=\"handleRowSelected($event)\"\n                (recordDoubleClick)=\"handleDoubleClick($event)\"\n                (recordClick)=\"handleRecordClick($event)\"\n                (actionComplete)=\"handleActionComplete($event)\"\n                (contextMenuClick)=\"contextMenuClick($event)\"\n                (rowDragStart)=\"rowDragStartClick($event)\"\n                (rowDrop)=\"rowDropClick($event)\"\n                (beforeBatchDelete)=\"handleBeforeBatchDelete($event)\"\n                (batchDelete)=\"handleBatchDelete($event)\"\n      >\n      </ejs-grid>\n    ",
-                      providers: [
-                          i1$2.RowDDService
-                      ],
-                      encapsulation: i0.ViewEncapsulation.None
-                  }]
-          }], propDecorators: { showClass: [{
-                  type: i0.HostBinding,
-                  args: ['class.co-grid']
-              }] } });
-
-  var CoGridModule = /** @class */ (function () {
-      function CoGridModule() {
-      }
-      return CoGridModule;
-  }());
-  CoGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  CoGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoGridModule, declarations: [CoGridComponent], imports: [common.CommonModule,
-          forms.FormsModule,
-          i1$2.GridModule], exports: [CoGridComponent] });
-  CoGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoGridModule, providers: [
-          i1$2.PageService,
-          i1$2.SortService,
-          i1$2.FilterService,
-          i1$2.GroupService,
-          i1$2.ReorderService,
-          i1$2.ResizeService,
-          i1$2.ExcelExportService,
-          i1$2.PdfExportService,
-          i1$2.EditService,
-          i1$2.ToolbarService,
-          i1$2.ColumnChooserService,
-          i1$2.ColumnMenuService,
-          i1$2.ContextMenuService
-      ], imports: [[
-              common.CommonModule,
-              forms.FormsModule,
-              i1$2.GridModule
-          ]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoGridModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      imports: [
-                          common.CommonModule,
-                          forms.FormsModule,
-                          i1$2.GridModule
-                      ],
-                      declarations: [CoGridComponent],
-                      exports: [CoGridComponent],
-                      providers: [
-                          i1$2.PageService,
-                          i1$2.SortService,
-                          i1$2.FilterService,
-                          i1$2.GroupService,
-                          i1$2.ReorderService,
-                          i1$2.ResizeService,
-                          i1$2.ExcelExportService,
-                          i1$2.PdfExportService,
-                          i1$2.EditService,
-                          i1$2.ToolbarService,
-                          i1$2.ColumnChooserService,
-                          i1$2.ColumnMenuService,
-                          i1$2.ContextMenuService
-                      ]
-                  }]
-          }] });
-
-  var CoPivotComponent = /** @class */ (function () {
-      function CoPivotComponent() {
-          this.showGroupingBar = false;
-          this.allowGrouping = false;
-          this.enablePersistence = false;
-          this.showFieldList = false;
-          this.showToolbar = false;
-          this.allowExcelExport = false;
-          this.allowPdfExport = false;
-          this.allowConditionalFormatting = true;
-          this.allowNumberFormatting = true;
-          this.allowCalculatedField = false;
-          this.height = "100%";
-          this.saveReportClick = new i0.EventEmitter();
-          this.loadReportClick = new i0.EventEmitter();
-          this.fetchReportClick = new i0.EventEmitter();
-          this.renameReportClick = new i0.EventEmitter();
-          this.removeReportClick = new i0.EventEmitter();
-          this.newReportClick = new i0.EventEmitter();
-          this.beforeToolbarRenderClick = new i0.EventEmitter();
-          this.enginePopulated = new i0.EventEmitter();
-      }
-      CoPivotComponent.prototype.showClass = function () {
-          return true;
-      };
-      CoPivotComponent.prototype.ngOnInit = function () {
-      };
-      CoPivotComponent.prototype.ngAfterViewInit = function () {
-          var _this = this;
-          setTimeout(function () {
-              _this.pivot.refresh();
-              _this.pivot.refreshData();
-              _this.pivot.layoutRefresh();
-          }, 3000);
-      };
-      CoPivotComponent.prototype.saveReport = function (args) {
-          if (args) {
-              this.saveReportClick.next(args);
-          }
-      };
-      CoPivotComponent.prototype.loadReport = function (args) {
-          if (args) {
-              this.loadReportClick.next(args);
-          }
-      };
-      CoPivotComponent.prototype.fetchReport = function (args) {
-          if (args) {
-              this.fetchReportClick.next(args);
-          }
-      };
-      CoPivotComponent.prototype.renameReport = function (args) {
-          if (args) {
-              this.renameReportClick.next(args);
-          }
-      };
-      CoPivotComponent.prototype.removeReport = function (args) {
-          if (args) {
-              this.removeReportClick.next(args);
-          }
-      };
-      CoPivotComponent.prototype.newReport = function () {
-          this.newReportClick.next();
-      };
-      CoPivotComponent.prototype.beforeToolbarRender = function (args) {
-          if (args) {
-              this.beforeToolbarRenderClick.next(args);
-          }
-      };
-      CoPivotComponent.prototype.hanldeEnginePopulated = function (args) {
-          if (args) {
-              this.enginePopulated.next(args);
-          }
-      };
-      return CoPivotComponent;
-  }());
-  CoPivotComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoPivotComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  CoPivotComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CoPivotComponent, selector: "co-pivot", inputs: { dataSourceSettings: "dataSourceSettings", gridSettings: "gridSettings", toolbarOptions: "toolbarOptions", showGroupingBar: "showGroupingBar", allowGrouping: "allowGrouping", enablePersistence: "enablePersistence", showFieldList: "showFieldList", showToolbar: "showToolbar", allowExcelExport: "allowExcelExport", allowPdfExport: "allowPdfExport", allowConditionalFormatting: "allowConditionalFormatting", allowNumberFormatting: "allowNumberFormatting", allowCalculatedField: "allowCalculatedField", height: "height" }, outputs: { saveReportClick: "saveReportClick", loadReportClick: "loadReportClick", fetchReportClick: "fetchReportClick", renameReportClick: "renameReportClick", removeReportClick: "removeReportClick", newReportClick: "newReportClick", beforeToolbarRenderClick: "beforeToolbarRenderClick", enginePopulated: "enginePopulated" }, host: { properties: { "class.co-pivot": "this.showClass" } }, providers: [i1$3.GroupingBarService, i1$3.GroupingService, i1$3.ToolbarService, i1$3.ConditionalFormattingService, i1$3.FieldListService, i1$3.NumberFormattingService], viewQueries: [{ propertyName: "pivot", first: true, predicate: ["pivot"], descendants: true }], ngImport: i0__namespace, template: "\n    <ejs-pivotview\n        #pivot\n        id=\"Pivot\"\n        [dataSourceSettings]=\"dataSourceSettings\"\n        [gridSettings]=\"gridSettings\"\n        [showGroupingBar]=\"showGroupingBar\"\n        [allowGrouping]=\"allowGrouping\"\n        [enablePersistence]=\"enablePersistence\"\n        [showFieldList]=\"showFieldList\"\n        [showToolbar]=\"showToolbar\"\n        [toolbar]=\"toolbarOptions\"\n        [allowExcelExport]=\"allowExcelExport\"\n        [allowConditionalFormatting]=\"allowConditionalFormatting\"\n        [allowNumberFormatting]=\"allowNumberFormatting\"\n        [allowPdfExport]=\"allowPdfExport\"\n        [allowCalculatedField]=\"allowCalculatedField\"\n        [height]=\"height\"\n        (saveReport)=\"saveReport($event)\"\n        (loadReport)=\"loadReport($event)\"\n        (fetchReport)=\"fetchReport($event)\"\n        (renameReport)=\"renameReport($event)\"\n        (removeReport)=\"removeReport($event)\"\n        (newReport)=\"newReport()\"\n        (toolbarRender)=\"beforeToolbarRender($event)\"\n        (enginePopulated)=\"hanldeEnginePopulated($event)\"\n    >\n    </ejs-pivotview>\n  ", isInline: true, components: [{ type: i1__namespace$3.PivotViewComponent, selector: "ejs-pivotview", inputs: ["aggregateTypes", "allowCalculatedField", "allowConditionalFormatting", "allowDataCompression", "allowDeferLayoutUpdate", "allowDrillThrough", "allowExcelExport", "allowGrouping", "allowNumberFormatting", "allowPdfExport", "cellTemplate", "chartSettings", "chartTypes", "cssClass", "dataSourceSettings", "displayOption", "editSettings", "enableFieldSearching", "enableHtmlSanitizer", "enablePaging", "enablePersistence", "enableRtl", "enableValueSorting", "enableVirtualization", "exportAllPages", "gridSettings", "groupingBarSettings", "height", "hyperlinkSettings", "loadOnDemandInMemberEditor", "locale", "maxNodeLimitInMemberEditor", "maxRowsInDrillThrough", "pageSettings", "pagerSettings", "pivotValues", "showFieldList", "showGroupingBar", "showToolbar", "showTooltip", "showValuesButton", "spinnerTemplate", "toolbar", "toolbarTemplate", "tooltipTemplate", "width"], outputs: ["actionBegin", "actionComplete", "actionFailure", "aggregateCellInfo", "aggregateMenuOpen", "beforeExport", "beforeServiceInvoke", "beginDrillThrough", "calculatedFieldCreate", "cellClick", "cellSelected", "cellSelecting", "chartSeriesCreated", "conditionalFormatting", "created", "dataBound", "destroyed", "drill", "drillThrough", "editCompleted", "enginePopulated", "enginePopulating", "exportComplete", "fetchReport", "fieldDragStart", "fieldDrop", "fieldListRefreshed", "fieldRemove", "hyperlinkCellClick", "load", "loadReport", "memberEditorOpen", "memberFiltering", "newReport", "numberFormatting", "onFieldDropped", "onHeadersSort", "onPdfCellRender", "removeReport", "renameReport", "saveReport", "toolbarClick", "toolbarRender"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoPivotComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'co-pivot',
-                      template: "\n    <ejs-pivotview\n        #pivot\n        id=\"Pivot\"\n        [dataSourceSettings]=\"dataSourceSettings\"\n        [gridSettings]=\"gridSettings\"\n        [showGroupingBar]=\"showGroupingBar\"\n        [allowGrouping]=\"allowGrouping\"\n        [enablePersistence]=\"enablePersistence\"\n        [showFieldList]=\"showFieldList\"\n        [showToolbar]=\"showToolbar\"\n        [toolbar]=\"toolbarOptions\"\n        [allowExcelExport]=\"allowExcelExport\"\n        [allowConditionalFormatting]=\"allowConditionalFormatting\"\n        [allowNumberFormatting]=\"allowNumberFormatting\"\n        [allowPdfExport]=\"allowPdfExport\"\n        [allowCalculatedField]=\"allowCalculatedField\"\n        [height]=\"height\"\n        (saveReport)=\"saveReport($event)\"\n        (loadReport)=\"loadReport($event)\"\n        (fetchReport)=\"fetchReport($event)\"\n        (renameReport)=\"renameReport($event)\"\n        (removeReport)=\"removeReport($event)\"\n        (newReport)=\"newReport()\"\n        (toolbarRender)=\"beforeToolbarRender($event)\"\n        (enginePopulated)=\"hanldeEnginePopulated($event)\"\n    >\n    </ejs-pivotview>\n  ",
-                      providers: [i1$3.GroupingBarService, i1$3.GroupingService, i1$3.ToolbarService, i1$3.ConditionalFormattingService, i1$3.FieldListService, i1$3.NumberFormattingService],
-                      encapsulation: i0.ViewEncapsulation.None
-                  }]
-          }], ctorParameters: function () { return []; }, propDecorators: { pivot: [{
-                  type: i0.ViewChild,
-                  args: ['pivot', { static: false }]
-              }], dataSourceSettings: [{
-                  type: i0.Input
-              }], gridSettings: [{
-                  type: i0.Input
-              }], toolbarOptions: [{
-                  type: i0.Input
-              }], showGroupingBar: [{
-                  type: i0.Input
-              }], allowGrouping: [{
-                  type: i0.Input
-              }], enablePersistence: [{
-                  type: i0.Input
-              }], showFieldList: [{
-                  type: i0.Input
-              }], showToolbar: [{
-                  type: i0.Input
-              }], allowExcelExport: [{
-                  type: i0.Input
-              }], allowPdfExport: [{
-                  type: i0.Input
-              }], allowConditionalFormatting: [{
-                  type: i0.Input
-              }], allowNumberFormatting: [{
-                  type: i0.Input
-              }], allowCalculatedField: [{
-                  type: i0.Input
-              }], height: [{
-                  type: i0.Input
-              }], saveReportClick: [{
-                  type: i0.Output
-              }], loadReportClick: [{
-                  type: i0.Output
-              }], fetchReportClick: [{
-                  type: i0.Output
-              }], renameReportClick: [{
-                  type: i0.Output
-              }], removeReportClick: [{
-                  type: i0.Output
-              }], newReportClick: [{
-                  type: i0.Output
-              }], beforeToolbarRenderClick: [{
-                  type: i0.Output
-              }], enginePopulated: [{
-                  type: i0.Output
-              }], showClass: [{
-                  type: i0.HostBinding,
-                  args: ["class.co-pivot"]
-              }] } });
-
-  var CoPivotModule = /** @class */ (function () {
-      function CoPivotModule() {
-      }
-      return CoPivotModule;
-  }());
-  CoPivotModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoPivotModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  CoPivotModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoPivotModule, declarations: [CoPivotComponent], imports: [common.CommonModule,
-          i1$3.PivotViewModule], exports: [CoPivotComponent] });
-  CoPivotModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoPivotModule, imports: [[
-              common.CommonModule,
-              i1$3.PivotViewModule
-          ]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CoPivotModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      imports: [
-                          common.CommonModule,
-                          i1$3.PivotViewModule
-                      ],
-                      declarations: [
-                          CoPivotComponent
-                      ],
-                      exports: [
-                          CoPivotComponent
-                      ]
-                  }]
-          }] });
-
-  var StackedLineChartComponent = /** @class */ (function () {
-      function StackedLineChartComponent() {
-          this.chartData = [];
-          this.chartLegend = [];
-          this.chartXAxis = [];
-          this.chartHeight = "auto";
-          this.chartWidth = "auto";
-          this.chartOptions = {
-              title: {},
-              tooltip: {
-                  trigger: 'axis'
-              },
-              legend: {},
-              grid: {
-                  left: '3%',
-                  right: '4%',
-                  bottom: '3%',
-                  containLabel: true
-              },
-              toolbox: {
-                  feature: {
-                      saveAsImage: {}
-                  }
-              },
-              xAxis: {},
-              yAxis: {
-                  type: 'value'
-              },
-              series: {}
-          };
-      }
-      StackedLineChartComponent.prototype.showClass = function () {
-          return true;
-      };
-      StackedLineChartComponent.prototype.ngOnInit = function () {
-          this.chartOptions.title['text'] = this.chartName;
-          this.chartOptions.series = this.chartData;
-          this.chartOptions.xAxis = {
-              type: 'category',
-              boundaryGap: false,
-              data: this.chartXAxis
-          };
-          this.chartOptions.legend['data'] = this.chartLegend;
-      };
-      return StackedLineChartComponent;
-  }());
-  StackedLineChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  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$4.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 });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: "co-stacked-line-chart",
-                      template: "\n\n      <div echarts [options]=\"chartOptions\" [initOpts]=\"{\n        width: chartWidth,\n        height: chartHeight}\" class=\"chart\"></div>\n\n  ",
-                      encapsulation: i0.ViewEncapsulation.None
-                  }]
-          }], propDecorators: { showClass: [{
-                  type: i0.HostBinding,
-                  args: ["class.co-co-stacked-line-chart"]
-              }], chartName: [{
-                  type: i0.Input
-              }], chartData: [{
-                  type: i0.Input
-              }], chartLegend: [{
-                  type: i0.Input
-              }], chartXAxis: [{
-                  type: i0.Input
-              }], chartHeight: [{
-                  type: i0.Input
-              }], chartWidth: [{
-                  type: i0.Input
-              }], chartOptions: [{
-                  type: i0.Input
-              }] } });
-
-  var StackedLineChartModule = /** @class */ (function () {
-      function StackedLineChartModule() {
-      }
-      return StackedLineChartModule;
-  }());
-  StackedLineChartModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  StackedLineChartModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartModule, declarations: [StackedLineChartComponent], imports: [common.CommonModule, i1__namespace$4.NgxEchartsModule], exports: [StackedLineChartComponent] });
-  StackedLineChartModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartModule, imports: [[
-              common.CommonModule,
-              i1$4.NgxEchartsModule.forRoot({
-                  echarts: function () { return import('echarts'); }
-              })
-          ]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      imports: [
-                          common.CommonModule,
-                          i1$4.NgxEchartsModule.forRoot({
-                              echarts: function () { return import('echarts'); }
-                          })
-                      ],
-                      declarations: [
-                          StackedLineChartComponent
-                      ],
-                      exports: [
-                          StackedLineChartComponent
-                      ]
-                  }]
-          }] });
-
-  // The localization service, providing peers with text translation functionality.
-  var DictionaryService = /** @class */ (function () {
-      function DictionaryService() {
-          // 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
-       */
-      DictionaryService.prototype.get = function (key, upperCaseFirst) {
-          if (upperCaseFirst === void 0) { upperCaseFirst = true; }
-          var replacementTexts = [];
-          for (var _i = 2; _i < arguments.length; _i++) {
-              replacementTexts[_i - 2] = arguments[_i];
-          }
-          var 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;
-      };
-      return DictionaryService;
-  }());
-  DictionaryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  DictionaryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DictionaryService, decorators: [{
-              type: i0.Injectable
-          }] });
-
-  var ExtendedComponentsTranslationService = /** @class */ (function () {
-      function ExtendedComponentsTranslationService(_dictionaryService) {
-          this._dictionaryService = _dictionaryService;
-      }
-      ExtendedComponentsTranslationService.prototype.setTranslation = function (translation) {
-          this._dictionaryService.translation = translation;
-      };
-      return ExtendedComponentsTranslationService;
-  }());
-  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 });
-  ExtendedComponentsTranslationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ExtendedComponentsTranslationService, decorators: [{
-              type: i0.Injectable
-          }], ctorParameters: function () { return [{ type: DictionaryService }]; } });
-
   var LocalizePipe = /** @class */ (function () {
       function LocalizePipe(_dictionaryService) {
           this._dictionaryService = _dictionaryService;
@@ -1509,14 +664,6 @@
    * Generated bundle index. Do not edit.
    */
 
-  exports.CoGridComponent = CoGridComponent;
-  exports.CoGridModule = CoGridModule;
-  exports.CoKanbanComponent = CoKanbanComponent;
-  exports.CoKanbanModule = CoKanbanModule;
-  exports.CoPivotComponent = CoPivotComponent;
-  exports.CoPivotModule = CoPivotModule;
-  exports.CoScheduleComponent = CoScheduleComponent;
-  exports.CoScheduleModule = CoScheduleModule;
   exports.ExtendedComponentsTranslationModule = ExtendedComponentsTranslationModule;
   exports.ExtendedComponentsTranslationService = ExtendedComponentsTranslationService;
   exports.StackedLineChartComponent = StackedLineChartComponent;