@abp/ng.components 5.0.1 → 5.0.2

package/README.md

@@ -1,3 +1,3 @@
-<h1> @abp/ng.components </h1>
-
-[docs.abp.io](https://docs.abp.io)
+<h1> @abp/ng.components </h1>
+
+[docs.abp.io](https://docs.abp.io)

package/abp-ng.components.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@abp/ng.components" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@abp/ng.components" />
+export * from './public-api';

package/bundles/abp-ng.components-chart.js.umd.js

@@ -24,153 +24,153 @@
 
   var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
 
-  var Chart;
-  var ChartComponent = /** @class */ (function () {
-      function ChartComponent(el, cdr) {
-          var _this = this;
-          this.el = el;
-          this.cdr = cdr;
-          this.data = {};
-          this.options = {};
-          this.plugins = [];
-          this.responsive = true;
-          this.dataSelect = new i0.EventEmitter();
-          this.initialized = new i0.EventEmitter();
-          this.initChart = function () {
-              var opts = _this.options || {};
-              opts.responsive = _this.responsive;
-              // allows chart to resize in responsive mode
-              if (opts.responsive && (_this.height || _this.width)) {
-                  opts.maintainAspectRatio = false;
-              }
-              _this.chart = new Chart(_this.canvas.nativeElement, {
-                  type: _this.type,
-                  data: _this.data,
-                  options: _this.options,
-              });
-          };
-          this.getCanvas = function () {
-              return _this.canvas.nativeElement;
-          };
-          this.getBase64Image = function () {
-              return _this.chart.toBase64Image();
-          };
-          this.generateLegend = function () {
-              if (_this.chart) {
-                  return _this.chart.generateLegend();
-              }
-          };
-          this.refresh = function () {
-              if (_this.chart) {
-                  _this.chart.update();
-                  _this.cdr.detectChanges();
-              }
-          };
-          this.reinit = function () {
-              if (!_this.chart)
-                  return;
-              _this.chart.destroy();
-              _this.initChart();
-          };
-      }
-      ChartComponent.prototype.ngAfterViewInit = function () {
-          var _this = this;
-          import('chart.js/auto').then(function (module) {
-              Chart = module.default;
-              _this.initChart();
-              _this.initialized.emit(true);
-          });
-      };
-      ChartComponent.prototype.onCanvasClick = function (event) {
-          if (this.chart) {
-              var element = this.chart.getElementsAtEventForMode(event, 'nearest', { intersect: true }, false);
-              var dataset = this.chart.getElementsAtEventForMode(event, 'dataset', { intersect: true }, false);
-              if (element && element[0] && dataset) {
-                  this.dataSelect.emit({ originalEvent: event, element: element[0], dataset: dataset });
-              }
-          }
-      };
-      ChartComponent.prototype.ngOnDestroy = function () {
-          if (this.chart) {
-              this.chart.destroy();
-              this.chart = null;
-          }
-      };
-      ChartComponent.prototype.ngOnChanges = function (changes) {
-          var _a, _b;
-          if (!this.chart)
-              return;
-          if (((_a = changes.data) === null || _a === void 0 ? void 0 : _a.currentValue) || ((_b = changes.options) === null || _b === void 0 ? void 0 : _b.currentValue)) {
-              this.chart.destroy();
-              this.initChart();
-          }
-      };
-      return ChartComponent;
-  }());
-  ChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChartComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  ChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ChartComponent, selector: "abp-chart", inputs: { type: "type", data: "data", options: "options", plugins: "plugins", width: "width", height: "height", responsive: "responsive" }, outputs: { dataSelect: "dataSelect", initialized: "initialized" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], exportAs: ["abpChart"], usesOnChanges: true, ngImport: i0__namespace, template: "\n    <div\n      style=\"position:relative\"\n      [style.width]=\"responsive && !width ? null : width\"\n      [style.height]=\"responsive && !height ? null : height\"\n    >\n      <canvas\n        #canvas\n        [attr.width]=\"responsive && !width ? null : width\"\n        [attr.height]=\"responsive && !height ? null : height\"\n        (click)=\"onCanvasClick($event)\"\n      ></canvas>\n    </div>\n  ", isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChartComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'abp-chart',
-                      template: "\n    <div\n      style=\"position:relative\"\n      [style.width]=\"responsive && !width ? null : width\"\n      [style.height]=\"responsive && !height ? null : height\"\n    >\n      <canvas\n        #canvas\n        [attr.width]=\"responsive && !width ? null : width\"\n        [attr.height]=\"responsive && !height ? null : height\"\n        (click)=\"onCanvasClick($event)\"\n      ></canvas>\n    </div>\n  ",
-                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                      exportAs: 'abpChart',
-                  }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { type: [{
-                  type: i0.Input
-              }], data: [{
-                  type: i0.Input
-              }], options: [{
-                  type: i0.Input
-              }], plugins: [{
-                  type: i0.Input
-              }], width: [{
-                  type: i0.Input
-              }], height: [{
-                  type: i0.Input
-              }], responsive: [{
-                  type: i0.Input
-              }], dataSelect: [{
-                  type: i0.Output
-              }], initialized: [{
-                  type: i0.Output
-              }], canvas: [{
-                  type: i0.ViewChild,
-                  args: ['canvas']
+  var Chart;
+  var ChartComponent = /** @class */ (function () {
+      function ChartComponent(el, cdr) {
+          var _this = this;
+          this.el = el;
+          this.cdr = cdr;
+          this.data = {};
+          this.options = {};
+          this.plugins = [];
+          this.responsive = true;
+          this.dataSelect = new i0.EventEmitter();
+          this.initialized = new i0.EventEmitter();
+          this.initChart = function () {
+              var opts = _this.options || {};
+              opts.responsive = _this.responsive;
+              // allows chart to resize in responsive mode
+              if (opts.responsive && (_this.height || _this.width)) {
+                  opts.maintainAspectRatio = false;
+              }
+              _this.chart = new Chart(_this.canvas.nativeElement, {
+                  type: _this.type,
+                  data: _this.data,
+                  options: _this.options,
+              });
+          };
+          this.getCanvas = function () {
+              return _this.canvas.nativeElement;
+          };
+          this.getBase64Image = function () {
+              return _this.chart.toBase64Image();
+          };
+          this.generateLegend = function () {
+              if (_this.chart) {
+                  return _this.chart.generateLegend();
+              }
+          };
+          this.refresh = function () {
+              if (_this.chart) {
+                  _this.chart.update();
+                  _this.cdr.detectChanges();
+              }
+          };
+          this.reinit = function () {
+              if (!_this.chart)
+                  return;
+              _this.chart.destroy();
+              _this.initChart();
+          };
+      }
+      ChartComponent.prototype.ngAfterViewInit = function () {
+          var _this = this;
+          import('chart.js/auto').then(function (module) {
+              Chart = module.default;
+              _this.initChart();
+              _this.initialized.emit(true);
+          });
+      };
+      ChartComponent.prototype.onCanvasClick = function (event) {
+          if (this.chart) {
+              var element = this.chart.getElementsAtEventForMode(event, 'nearest', { intersect: true }, false);
+              var dataset = this.chart.getElementsAtEventForMode(event, 'dataset', { intersect: true }, false);
+              if (element && element[0] && dataset) {
+                  this.dataSelect.emit({ originalEvent: event, element: element[0], dataset: dataset });
+              }
+          }
+      };
+      ChartComponent.prototype.ngOnDestroy = function () {
+          if (this.chart) {
+              this.chart.destroy();
+              this.chart = null;
+          }
+      };
+      ChartComponent.prototype.ngOnChanges = function (changes) {
+          var _a, _b;
+          if (!this.chart)
+              return;
+          if (((_a = changes.data) === null || _a === void 0 ? void 0 : _a.currentValue) || ((_b = changes.options) === null || _b === void 0 ? void 0 : _b.currentValue)) {
+              this.chart.destroy();
+              this.initChart();
+          }
+      };
+      return ChartComponent;
+  }());
+  ChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChartComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  ChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ChartComponent, selector: "abp-chart", inputs: { type: "type", data: "data", options: "options", plugins: "plugins", width: "width", height: "height", responsive: "responsive" }, outputs: { dataSelect: "dataSelect", initialized: "initialized" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], exportAs: ["abpChart"], usesOnChanges: true, ngImport: i0__namespace, template: "\n    <div\n      style=\"position:relative\"\n      [style.width]=\"responsive && !width ? null : width\"\n      [style.height]=\"responsive && !height ? null : height\"\n    >\n      <canvas\n        #canvas\n        [attr.width]=\"responsive && !width ? null : width\"\n        [attr.height]=\"responsive && !height ? null : height\"\n        (click)=\"onCanvasClick($event)\"\n      ></canvas>\n    </div>\n  ", isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChartComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'abp-chart',
+                      template: "\n    <div\n      style=\"position:relative\"\n      [style.width]=\"responsive && !width ? null : width\"\n      [style.height]=\"responsive && !height ? null : height\"\n    >\n      <canvas\n        #canvas\n        [attr.width]=\"responsive && !width ? null : width\"\n        [attr.height]=\"responsive && !height ? null : height\"\n        (click)=\"onCanvasClick($event)\"\n      ></canvas>\n    </div>\n  ",
+                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                      exportAs: 'abpChart',
+                  }]
+          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { type: [{
+                  type: i0.Input
+              }], data: [{
+                  type: i0.Input
+              }], options: [{
+                  type: i0.Input
+              }], plugins: [{
+                  type: i0.Input
+              }], width: [{
+                  type: i0.Input
+              }], height: [{
+                  type: i0.Input
+              }], responsive: [{
+                  type: i0.Input
+              }], dataSelect: [{
+                  type: i0.Output
+              }], initialized: [{
+                  type: i0.Output
+              }], canvas: [{
+                  type: i0.ViewChild,
+                  args: ['canvas']
               }] } });
 
-  var ChartModule = /** @class */ (function () {
-      function ChartModule() {
-      }
-      return ChartModule;
-  }());
-  ChartModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChartModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  ChartModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChartModule, declarations: [ChartComponent], imports: [common.CommonModule], exports: [ChartComponent] });
-  ChartModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChartModule, providers: [], imports: [[common.CommonModule]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChartModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      imports: [common.CommonModule],
-                      exports: [ChartComponent],
-                      declarations: [ChartComponent],
-                      providers: [],
-                  }]
+  var ChartModule = /** @class */ (function () {
+      function ChartModule() {
+      }
+      return ChartModule;
+  }());
+  ChartModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChartModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  ChartModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChartModule, declarations: [ChartComponent], imports: [common.CommonModule], exports: [ChartComponent] });
+  ChartModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChartModule, providers: [], imports: [[common.CommonModule]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChartModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      imports: [common.CommonModule],
+                      exports: [ChartComponent],
+                      declarations: [ChartComponent],
+                      providers: [],
+                  }]
           }] });
 
-  function getRandomBackgroundColor(count) {
-      var colors = [];
-      for (var i = 0; i < count; i++) {
-          var r = ((i + 5) * (i + 5) * 474) % 255;
-          var g = ((i + 5) * (i + 5) * 1600) % 255;
-          var b = ((i + 5) * (i + 5) * 84065) % 255;
-          colors.push('rgba(' + r + ', ' + g + ', ' + b + ', 0.7)');
-      }
-      return colors;
+  function getRandomBackgroundColor(count) {
+      var colors = [];
+      for (var i = 0; i < count; i++) {
+          var r = ((i + 5) * (i + 5) * 474) % 255;
+          var g = ((i + 5) * (i + 5) * 1600) % 255;
+          var b = ((i + 5) * (i + 5) * 84065) % 255;
+          colors.push('rgba(' + r + ', ' + g + ', ' + b + ', 0.7)');
+      }
+      return colors;
   }
 
-  /**
-   * Generated bundle index. Do not edit.
+  /**
+   * Generated bundle index. Do not edit.
    */
 
   exports.ChartComponent = ChartComponent;

package/bundles/abp-ng.components-chart.js.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"abp-ng.components-chart.js.umd.js","sources":["../../../../packages/components/chart.js/src/chart.component.ts","../../../../packages/components/chart.js/src/chart.module.ts","../../../../packages/components/chart.js/src/widget-utils.ts","../../../../packages/components/chart.js/src/abp-ng.components-chart.js.ts"],"sourcesContent":["import {\r\n  AfterViewInit,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Input,\r\n  OnChanges,\r\n  OnDestroy,\r\n  Output,\r\n  SimpleChanges,\r\n  ViewChild,\r\n} from '@angular/core';\r\n\r\nlet Chart: any;\r\n\r\n@Component({\r\n  selector: 'abp-chart',\r\n  template: `\r\n    <div\r\n      style=\"position:relative\"\r\n      [style.width]=\"responsive && !width ? null : width\"\r\n      [style.height]=\"responsive && !height ? null : height\"\r\n    >\r\n      <canvas\r\n        #canvas\r\n        [attr.width]=\"responsive && !width ? null : width\"\r\n        [attr.height]=\"responsive && !height ? null : height\"\r\n        (click)=\"onCanvasClick($event)\"\r\n      ></canvas>\r\n    </div>\r\n  `,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  exportAs: 'abpChart',\r\n})\r\nexport class ChartComponent implements AfterViewInit, OnDestroy, OnChanges {\r\n  @Input() type: string;\r\n\r\n  @Input() data: any = {};\r\n\r\n  @Input() options: any = {};\r\n\r\n  @Input() plugins: any[] = [];\r\n\r\n  @Input() width: string;\r\n\r\n  @Input() height: string;\r\n\r\n  @Input() responsive = true;\r\n\r\n  @Output() dataSelect = new EventEmitter();\r\n\r\n  @Output() initialized = new EventEmitter<boolean>();\r\n\r\n  @ViewChild('canvas') canvas: ElementRef<HTMLCanvasElement>;\r\n\r\n  chart: any;\r\n\r\n  constructor(public el: ElementRef, private cdr: ChangeDetectorRef) {}\r\n\r\n  ngAfterViewInit() {\r\n    import('chart.js/auto').then(module => {\r\n      Chart = module.default;\r\n      this.initChart();\r\n      this.initialized.emit(true);\r\n    });\r\n  }\r\n\r\n  onCanvasClick(event) {\r\n    if (this.chart) {\r\n      const element = this.chart.getElementsAtEventForMode(\r\n        event,\r\n        'nearest',\r\n        { intersect: true },\r\n        false,\r\n      );\r\n      const dataset = this.chart.getElementsAtEventForMode(\r\n        event,\r\n        'dataset',\r\n        { intersect: true },\r\n        false,\r\n      );\r\n\r\n      if (element && element[0] && dataset) {\r\n        this.dataSelect.emit({ originalEvent: event, element: element[0], dataset: dataset });\r\n      }\r\n    }\r\n  }\r\n\r\n  private initChart = () => {\r\n    const opts = this.options || {};\r\n    opts.responsive = this.responsive;\r\n\r\n    // allows chart to resize in responsive mode\r\n    if (opts.responsive && (this.height || this.width)) {\r\n      opts.maintainAspectRatio = false;\r\n    }\r\n\r\n    this.chart = new Chart(this.canvas.nativeElement, {\r\n      type: this.type as any,\r\n      data: this.data,\r\n      options: this.options,\r\n    });\r\n  };\r\n\r\n  getCanvas = () => {\r\n    return this.canvas.nativeElement;\r\n  };\r\n\r\n  getBase64Image = () => {\r\n    return this.chart.toBase64Image();\r\n  };\r\n\r\n  generateLegend = () => {\r\n    if (this.chart) {\r\n      return this.chart.generateLegend();\r\n    }\r\n  };\r\n\r\n  refresh = () => {\r\n    if (this.chart) {\r\n      this.chart.update();\r\n      this.cdr.detectChanges();\r\n    }\r\n  };\r\n\r\n  reinit = () => {\r\n    if (!this.chart) return;\r\n    this.chart.destroy();\r\n    this.initChart();\r\n  };\r\n\r\n  ngOnDestroy() {\r\n    if (this.chart) {\r\n      this.chart.destroy();\r\n      this.chart = null;\r\n    }\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    if (!this.chart) return;\r\n\r\n    if (changes.data?.currentValue || changes.options?.currentValue) {\r\n      this.chart.destroy();\r\n      this.initChart();\r\n    }\r\n  }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { ChartComponent } from './chart.component';\r\n\r\n@NgModule({\r\n  imports: [CommonModule],\r\n  exports: [ChartComponent],\r\n  declarations: [ChartComponent],\r\n  providers: [],\r\n})\r\nexport class ChartModule {}\r\n","export function getRandomBackgroundColor(count) {\r\n  const colors = [];\r\n\r\n  for (let i = 0; i < count; i++) {\r\n    const r = ((i + 5) * (i + 5) * 474) % 255;\r\n    const g = ((i + 5) * (i + 5) * 1600) % 255;\r\n    const b = ((i + 5) * (i + 5) * 84065) % 255;\r\n    colors.push('rgba(' + r + ', ' + g + ', ' + b + ', 0.7)');\r\n  }\r\n\r\n  return colors;\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","ChangeDetectionStrategy","Input","Output","ViewChild","CommonModule","NgModule"],"mappings":"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"}
+{"version":3,"file":"abp-ng.components-chart.js.umd.js","sources":["../../../../packages/components/chart.js/src/chart.component.ts","../../../../packages/components/chart.js/src/chart.module.ts","../../../../packages/components/chart.js/src/widget-utils.ts","../../../../packages/components/chart.js/src/abp-ng.components-chart.js.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  SimpleChanges,\n  ViewChild,\n} from '@angular/core';\n\nlet Chart: any;\n\n@Component({\n  selector: 'abp-chart',\n  template: `\n    <div\n      style=\"position:relative\"\n      [style.width]=\"responsive && !width ? null : width\"\n      [style.height]=\"responsive && !height ? null : height\"\n    >\n      <canvas\n        #canvas\n        [attr.width]=\"responsive && !width ? null : width\"\n        [attr.height]=\"responsive && !height ? null : height\"\n        (click)=\"onCanvasClick($event)\"\n      ></canvas>\n    </div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  exportAs: 'abpChart',\n})\nexport class ChartComponent implements AfterViewInit, OnDestroy, OnChanges {\n  @Input() type: string;\n\n  @Input() data: any = {};\n\n  @Input() options: any = {};\n\n  @Input() plugins: any[] = [];\n\n  @Input() width: string;\n\n  @Input() height: string;\n\n  @Input() responsive = true;\n\n  @Output() dataSelect = new EventEmitter();\n\n  @Output() initialized = new EventEmitter<boolean>();\n\n  @ViewChild('canvas') canvas: ElementRef<HTMLCanvasElement>;\n\n  chart: any;\n\n  constructor(public el: ElementRef, private cdr: ChangeDetectorRef) {}\n\n  ngAfterViewInit() {\n    import('chart.js/auto').then(module => {\n      Chart = module.default;\n      this.initChart();\n      this.initialized.emit(true);\n    });\n  }\n\n  onCanvasClick(event) {\n    if (this.chart) {\n      const element = this.chart.getElementsAtEventForMode(\n        event,\n        'nearest',\n        { intersect: true },\n        false,\n      );\n      const dataset = this.chart.getElementsAtEventForMode(\n        event,\n        'dataset',\n        { intersect: true },\n        false,\n      );\n\n      if (element && element[0] && dataset) {\n        this.dataSelect.emit({ originalEvent: event, element: element[0], dataset: dataset });\n      }\n    }\n  }\n\n  private initChart = () => {\n    const opts = this.options || {};\n    opts.responsive = this.responsive;\n\n    // allows chart to resize in responsive mode\n    if (opts.responsive && (this.height || this.width)) {\n      opts.maintainAspectRatio = false;\n    }\n\n    this.chart = new Chart(this.canvas.nativeElement, {\n      type: this.type as any,\n      data: this.data,\n      options: this.options,\n    });\n  };\n\n  getCanvas = () => {\n    return this.canvas.nativeElement;\n  };\n\n  getBase64Image = () => {\n    return this.chart.toBase64Image();\n  };\n\n  generateLegend = () => {\n    if (this.chart) {\n      return this.chart.generateLegend();\n    }\n  };\n\n  refresh = () => {\n    if (this.chart) {\n      this.chart.update();\n      this.cdr.detectChanges();\n    }\n  };\n\n  reinit = () => {\n    if (!this.chart) return;\n    this.chart.destroy();\n    this.initChart();\n  };\n\n  ngOnDestroy() {\n    if (this.chart) {\n      this.chart.destroy();\n      this.chart = null;\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (!this.chart) return;\n\n    if (changes.data?.currentValue || changes.options?.currentValue) {\n      this.chart.destroy();\n      this.initChart();\n    }\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ChartComponent } from './chart.component';\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [ChartComponent],\n  declarations: [ChartComponent],\n  providers: [],\n})\nexport class ChartModule {}\n","export function getRandomBackgroundColor(count) {\n  const colors = [];\n\n  for (let i = 0; i < count; i++) {\n    const r = ((i + 5) * (i + 5) * 474) % 255;\n    const g = ((i + 5) * (i + 5) * 1600) % 255;\n    const b = ((i + 5) * (i + 5) * 84065) % 255;\n    colors.push('rgba(' + r + ', ' + g + ', ' + b + ', 0.7)');\n  }\n\n  return colors;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","ChangeDetectionStrategy","Input","Output","ViewChild","CommonModule","NgModule"],"mappings":"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"}