@colijnit/extendedcomponents 12.0.3 → 12.0.4

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('echarts/core'), require('echarts/components'), require('echarts/charts'), require('echarts/features'), require('echarts/renderers')) :
-  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', 'echarts/core', 'echarts/components', 'echarts/charts', 'echarts/features', 'echarts/renderers'], 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.echarts, global.components, global.charts, global.features, global.renderers));
-})(this, (function (exports, i0, common, i1, i1$1, forms, i1$2, rxjs, i1$3, echarts, components, charts, features, renderers) { 'use strict';
+  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';
 
   function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -27,7 +27,7 @@
   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 echarts__namespace = /*#__PURE__*/_interopNamespace(echarts);
+  var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
 
   var CoKanbanComponent = /** @class */ (function () {
       function CoKanbanComponent() {
@@ -1287,7 +1287,8 @@
           this.chartData = [];
           this.chartLegend = [];
           this.chartXAxis = [];
-          this.chartHeight = 600;
+          this.chartHeight = "auto";
+          this.chartWidth = "auto";
           this.chartOptions = {
               title: {},
               tooltip: {
@@ -1316,21 +1317,6 @@
           return true;
       };
       StackedLineChartComponent.prototype.ngOnInit = function () {
-          echarts__namespace.use([
-              components.TitleComponent,
-              components.ToolboxComponent,
-              components.TooltipComponent,
-              components.GridComponent,
-              components.LegendComponent,
-              charts.LineChart,
-              renderers.CanvasRenderer,
-              features.UniversalTransition
-          ]);
-          var chartDom = document.getElementById('chart-container');
-          var myChart = echarts__namespace.init(chartDom, undefined, {
-              width: this.chartWidth,
-              height: this.chartHeight
-          });
           this.chartOptions.title['text'] = this.chartName;
           this.chartOptions.series = this.chartData;
           this.chartOptions.xAxis = {
@@ -1339,17 +1325,16 @@
               data: this.chartXAxis
           };
           this.chartOptions.legend['data'] = this.chartLegend;
-          this.chartOptions && myChart.setOption(this.chartOptions);
       };
       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 id=\"chart-container\" class=\"component-wrapper\">\n    </div>\n\n    ", isInline: true, encapsulation: i0__namespace.ViewEncapsulation.None });
+  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 id=\"chart-container\" class=\"component-wrapper\">\n    </div>\n\n    ",
+                      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: [{
@@ -1377,15 +1362,21 @@
       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], exports: [StackedLineChartComponent] });
+  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
+              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
+                          common.CommonModule,
+                          i1$4.NgxEchartsModule.forRoot({
+                              echarts: function () { return import('echarts'); }
+                          })
                       ],
                       declarations: [
                           StackedLineChartComponent