@abp/ng.components 5.0.0-rc.1 → 5.0.2

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;