@colijnit/extendedcomponents 12.0.2 → 12.0.3

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')) :
-  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'], 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));
-})(this, (function (exports, i0, common, i1, i1$1, forms, i1$2, rxjs, i1$3) { '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('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';
 
   function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -27,6 +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 CoKanbanComponent = /** @class */ (function () {
       function CoKanbanComponent() {
@@ -1281,6 +1282,120 @@
                   }]
           }] });
 
+  var StackedLineChartComponent = /** @class */ (function () {
+      function StackedLineChartComponent() {
+          this.chartData = [];
+          this.chartLegend = [];
+          this.chartXAxis = [];
+          this.chartHeight = 600;
+          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 () {
+          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 = {
+              type: 'category',
+              boundaryGap: false,
+              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 });
+  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    ",
+                      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], exports: [StackedLineChartComponent] });
+  StackedLineChartModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartModule, imports: [[
+              common.CommonModule
+          ]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StackedLineChartModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      imports: [
+                          common.CommonModule
+                      ],
+                      declarations: [
+                          StackedLineChartComponent
+                      ],
+                      exports: [
+                          StackedLineChartComponent
+                      ]
+                  }]
+          }] });
+
   // The localization service, providing peers with text translation functionality.
   var DictionaryService = /** @class */ (function () {
       function DictionaryService() {
@@ -1413,6 +1528,8 @@
   exports.CoScheduleModule = CoScheduleModule;
   exports.ExtendedComponentsTranslationModule = ExtendedComponentsTranslationModule;
   exports.ExtendedComponentsTranslationService = ExtendedComponentsTranslationService;
+  exports.StackedLineChartComponent = StackedLineChartComponent;
+  exports.StackedLineChartModule = StackedLineChartModule;
 
   Object.defineProperty(exports, '__esModule', { value: true });