@coreui/angular-chartjs 4.2.14 → 4.2.33

package/fesm2020/coreui-angular-chartjs.mjs

@@ -1,240 +1,244 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, HostBinding, Output, ViewChild, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, HostBinding, Output, ViewChild, NgModule } from '@angular/core';
 import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';
 import merge from 'lodash-es/merge';
 import { Chart, registerables } from 'chart.js';
 import { customTooltips } from '@coreui/chartjs';
 
-Chart.register(...registerables);
-let nextId = 0;
-class ChartjsComponent {
-    constructor(elementRef, ngZone, renderer) {
-        this.elementRef = elementRef;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.customTooltips = true;
-        this.id = `c-chartjs-${nextId++}`;
-        this.plugins = [];
-        this._redraw = false;
-        this.type = 'bar';
-        this.wrapper = true;
-        this.getDatasetAtEvent = new EventEmitter();
-        this.getElementAtEvent = new EventEmitter();
-        this.getElementsAtEvent = new EventEmitter();
-    }
-    set height(value) {
-        this._height = coerceNumberProperty(value);
-    }
-    get height() {
-        return this._height;
-    }
-    set redraw(value) {
-        this._redraw = coerceBooleanProperty(value);
-    }
-    get redraw() {
-        return this._redraw;
-    }
-    set width(value) {
-        this._width = coerceNumberProperty(value);
-    }
-    get width() {
-        return this._width;
-    }
-    get hostClasses() {
-        return {
-            'chart-wrapper': this.wrapper
-        };
-    }
-    ngAfterViewInit() {
-        this.chartRender();
-        // this.chartUpdate();
-    }
-    ngOnChanges(changes) {
-        if (changes['data'] && !changes['data'].firstChange) {
-            this.chartUpdate();
-        }
-    }
-    ngOnDestroy() {
-        this.chartDestroy();
-    }
-    handleOnClick($event) {
-        if (!this.chart)
-            return;
-        const datasetAtEvent = this.chart.getElementsAtEventForMode($event, 'dataset', { intersect: true }, false);
-        this.getDatasetAtEvent.emit(datasetAtEvent);
-        const elementAtEvent = this.chart.getElementsAtEventForMode($event, 'nearest', { intersect: true }, false);
-        this.getElementAtEvent.emit(elementAtEvent);
-        const elementsAtEvent = this.chart.getElementsAtEventForMode($event, 'index', { intersect: true }, false);
-        this.getElementsAtEvent.emit(elementsAtEvent);
-    }
-    chartDestroy() {
-        this.chart?.destroy();
-    }
-    chartRender() {
-        if (!this.canvasElement)
-            return;
-        const ctx = this.canvasElement.nativeElement.getContext('2d');
-        this.ngZone.runOutsideAngular(() => {
-            const config = this.chartConfig();
-            if (config) {
-                setTimeout(() => {
-                    this.chart = new Chart(ctx, config);
-                    this.renderer.setStyle(this.canvasElement.nativeElement, 'display', 'block');
-                });
-            }
-        });
-    }
-    chartUpdate() {
-        if (!this.chart)
-            return;
-        if (this.redraw) {
-            this.chartDestroy();
-            setTimeout(() => {
-                this.chartRender();
-            });
-            return;
-        }
-        const config = this.chartConfig();
-        if (this.options) {
-            // todo
-            // @ts-ignore
-            Object.assign(this.chart.options, config.options);
-        }
-        if (!this.chart.config.data) {
-            this.chart.config.data = { ...config.data };
-            this.chartUpdateOutsideAngular();
-        }
-        if (this.chart) {
-            // todo
-            // @ts-ignore
-            Object.assign(this.chart.config.options, config.options);
-            // todo
-            // @ts-ignore
-            Object.assign(this.chart.config.plugins, config.plugins);
-            Object.assign(this.chart.config.data, config.data);
-        }
-        this.chartUpdateOutsideAngular();
-    }
-    chartUpdateOutsideAngular() {
-        setTimeout(() => {
-            this.ngZone.runOutsideAngular(() => {
-                this.chart?.update();
-            });
-        });
-    }
-    chartToBase64Image() {
-        return this.chart?.toBase64Image();
-    }
-    chartDataConfig() {
-        return {
-            labels: this.data?.labels ?? [],
-            datasets: this.data?.datasets ?? []
-        };
-    }
-    chartOptions() {
-        return this.options;
-    }
-    chartConfig() {
-        this.chartCustomTooltips();
-        return {
-            data: this.chartDataConfig(),
-            options: this.chartOptions(),
-            plugins: this.plugins,
-            type: this.type
-        };
-    }
-    chartCustomTooltips() {
-        if (this.customTooltips) {
-            const options = this.options;
-            // @ts-ignore
-            const plugins = this.options?.plugins;
-            // @ts-ignore
-            const tooltip = this.options?.plugins?.tooltip;
-            this.options = merge({
-                ...options,
-                plugins: {
-                    ...plugins,
-                    tooltip: {
-                        ...tooltip,
-                        enabled: false,
-                        mode: 'index',
-                        position: 'nearest',
-                        external: customTooltips
-                    }
-                }
-            });
-        }
-    }
-    ;
-}
-ChartjsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ChartjsComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-ChartjsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: ChartjsComponent, selector: "c-chart", inputs: { customTooltips: "customTooltips", data: "data", height: "height", id: "id", options: "options", plugins: "plugins", redraw: "redraw", type: "type", width: "width", wrapper: "wrapper" }, outputs: { getDatasetAtEvent: "getDatasetAtEvent", getElementAtEvent: "getElementAtEvent", getElementsAtEvent: "getElementsAtEvent" }, host: { properties: { "style.height.px": "this.height", "style.width.px": "this.width", "class": "this.hostClasses" } }, viewQueries: [{ propertyName: "canvasElement", first: true, predicate: ["canvasElement"], descendants: true }], exportAs: ["cChart"], usesOnChanges: true, ngImport: i0, template: "<canvas\r\n  #canvasElement\r\n  (click)=\"handleOnClick($event)\"\r\n  [height]=\"height\"\r\n  [id]=\"id\"\r\n  [width]=\"width\"\r\n  role=\"img\"\r\n  style=\"display: none;\"\r\n>\r\n  <ng-content></ng-content>\r\n</canvas>\r\n", styles: [":host.chart-wrapper{display:block}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ChartjsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'c-chart', exportAs: 'cChart', template: "<canvas\r\n  #canvasElement\r\n  (click)=\"handleOnClick($event)\"\r\n  [height]=\"height\"\r\n  [id]=\"id\"\r\n  [width]=\"width\"\r\n  role=\"img\"\r\n  style=\"display: none;\"\r\n>\r\n  <ng-content></ng-content>\r\n</canvas>\r\n", styles: [":host.chart-wrapper{display:block}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { customTooltips: [{
-                type: Input
-            }], data: [{
-                type: Input
-            }], height: [{
-                type: HostBinding,
-                args: ['style.height.px']
-            }, {
-                type: Input
-            }], id: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], plugins: [{
-                type: Input
-            }], redraw: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], width: [{
-                type: HostBinding,
-                args: ['style.width.px']
-            }, {
-                type: Input
-            }], wrapper: [{
-                type: Input
-            }], getDatasetAtEvent: [{
-                type: Output
-            }], getElementAtEvent: [{
-                type: Output
-            }], getElementsAtEvent: [{
-                type: Output
-            }], canvasElement: [{
-                type: ViewChild,
-                args: ['canvasElement']
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
+Chart.register(...registerables);
+let nextId = 0;
+class ChartjsComponent {
+    constructor(elementRef, ngZone, renderer, changeDetectorRef) {
+        this.elementRef = elementRef;
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.changeDetectorRef = changeDetectorRef;
+        this.customTooltips = true;
+        this.id = `c-chartjs-${nextId++}`;
+        this.plugins = [];
+        this._redraw = false;
+        this.type = 'bar';
+        this.wrapper = true;
+        this.getDatasetAtEvent = new EventEmitter();
+        this.getElementAtEvent = new EventEmitter();
+        this.getElementsAtEvent = new EventEmitter();
+        this.chartRef = new EventEmitter();
+    }
+    set height(value) {
+        this._height = coerceNumberProperty(value);
+    }
+    get height() {
+        return this._height;
+    }
+    set redraw(value) {
+        this._redraw = coerceBooleanProperty(value);
+    }
+    get redraw() {
+        return this._redraw;
+    }
+    set width(value) {
+        this._width = coerceNumberProperty(value);
+    }
+    get width() {
+        return this._width;
+    }
+    get hostClasses() {
+        return {
+            'chart-wrapper': this.wrapper
+        };
+    }
+    ngAfterViewInit() {
+        this.chartRender();
+    }
+    ngOnChanges(changes) {
+        if (changes['data'] && !changes['data'].firstChange) {
+            this.chartUpdate();
+        }
+    }
+    ngOnDestroy() {
+        this.chartDestroy();
+    }
+    handleClick($event) {
+        if (!this.chart) {
+            return;
+        }
+        const datasetAtEvent = this.chart.getElementsAtEventForMode($event, 'dataset', { intersect: true }, false);
+        this.getDatasetAtEvent.emit(datasetAtEvent);
+        const elementAtEvent = this.chart.getElementsAtEventForMode($event, 'nearest', { intersect: true }, false);
+        this.getElementAtEvent.emit(elementAtEvent);
+        const elementsAtEvent = this.chart.getElementsAtEventForMode($event, 'index', { intersect: true }, false);
+        this.getElementsAtEvent.emit(elementsAtEvent);
+    }
+    chartDestroy() {
+        this.chart?.destroy();
+        this.chartRef.emit(undefined);
+    }
+    chartRender() {
+        if (!this.canvasElement) {
+            return;
+        }
+        const ctx = this.canvasElement.nativeElement.getContext('2d');
+        this.ngZone.runOutsideAngular(() => {
+            const config = this.chartConfig();
+            if (config) {
+                setTimeout(() => {
+                    this.chart = new Chart(ctx, config);
+                    this.renderer.setStyle(this.canvasElement.nativeElement, 'display', 'block');
+                    this.changeDetectorRef.markForCheck();
+                    this.chartRef.emit(this.chart);
+                });
+            }
+        });
+    }
+    chartUpdate() {
+        if (!this.chart) {
+            return;
+        }
+        if (this.redraw) {
+            this.chartDestroy();
+            setTimeout(() => {
+                this.chartRender();
+            });
+            return;
+        }
+        const config = this.chartConfig();
+        if (this.options) {
+            Object.assign(this.chart.options ?? {}, config.options ?? {});
+        }
+        if (!this.chart.config.data) {
+            this.chart.config.data = { ...config.data };
+            this.chartUpdateOutsideAngular();
+        }
+        if (this.chart) {
+            Object.assign(this.chart.config.options ?? {}, config.options ?? {});
+            Object.assign(this.chart.config.plugins ?? [], config.plugins ?? []);
+            Object.assign(this.chart.config.data, config.data);
+        }
+        this.chartUpdateOutsideAngular();
+    }
+    chartUpdateOutsideAngular() {
+        setTimeout(() => {
+            this.ngZone.runOutsideAngular(() => {
+                this.chart?.update();
+                this.changeDetectorRef.markForCheck();
+            });
+        });
+    }
+    chartToBase64Image() {
+        return this.chart?.toBase64Image();
+    }
+    chartDataConfig() {
+        return {
+            labels: this.data?.labels ?? [],
+            datasets: this.data?.datasets ?? []
+        };
+    }
+    chartOptions() {
+        return this.options;
+    }
+    chartConfig() {
+        this.chartCustomTooltips();
+        return {
+            data: this.chartDataConfig(),
+            options: this.chartOptions(),
+            plugins: this.plugins,
+            type: this.type
+        };
+    }
+    chartCustomTooltips() {
+        if (this.customTooltips) {
+            const options = this.options;
+            // @ts-ignore
+            const plugins = this.options?.plugins;
+            // @ts-ignore
+            const tooltip = this.options?.plugins?.tooltip;
+            this.options = merge({
+                ...options,
+                plugins: {
+                    ...plugins,
+                    tooltip: {
+                        ...tooltip,
+                        enabled: false,
+                        mode: 'index',
+                        position: 'nearest',
+                        external: customTooltips
+                    }
+                }
+            });
+        }
+    }
+    ;
+}
+ChartjsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ChartjsComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ChartjsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ChartjsComponent, isStandalone: true, selector: "c-chart", inputs: { customTooltips: "customTooltips", data: "data", height: "height", id: "id", options: "options", plugins: "plugins", redraw: "redraw", type: "type", width: "width", wrapper: "wrapper" }, outputs: { getDatasetAtEvent: "getDatasetAtEvent", getElementAtEvent: "getElementAtEvent", getElementsAtEvent: "getElementsAtEvent", chartRef: "chartRef" }, host: { properties: { "style.height.px": "this.height", "style.width.px": "this.width", "class": "this.hostClasses" } }, viewQueries: [{ propertyName: "canvasElement", first: true, predicate: ["canvasElement"], descendants: true }], exportAs: ["cChart"], usesOnChanges: true, ngImport: i0, template: "<canvas\n  #canvasElement\n  (click)=\"handleClick($event)\"\n  [height]=\"height\"\n  [id]=\"id\"\n  [width]=\"width\"\n  role=\"img\"\n  style=\"display: none;\"\n>\n  <ng-content></ng-content>\n</canvas>\n", styles: [":host.chart-wrapper{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ChartjsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c-chart', exportAs: 'cChart', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<canvas\n  #canvasElement\n  (click)=\"handleClick($event)\"\n  [height]=\"height\"\n  [id]=\"id\"\n  [width]=\"width\"\n  role=\"img\"\n  style=\"display: none;\"\n>\n  <ng-content></ng-content>\n</canvas>\n", styles: [":host.chart-wrapper{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { customTooltips: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], height: [{
+                type: HostBinding,
+                args: ['style.height.px']
+            }, {
+                type: Input
+            }], id: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], plugins: [{
+                type: Input
+            }], redraw: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], width: [{
+                type: HostBinding,
+                args: ['style.width.px']
+            }, {
+                type: Input
+            }], wrapper: [{
+                type: Input
+            }], getDatasetAtEvent: [{
+                type: Output
+            }], getElementAtEvent: [{
+                type: Output
+            }], getElementsAtEvent: [{
+                type: Output
+            }], chartRef: [{
+                type: Output
+            }], canvasElement: [{
+                type: ViewChild,
+                args: ['canvasElement']
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
             }] } });
 
-class ChartjsModule {
-}
-ChartjsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ChartjsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ChartjsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: ChartjsModule, declarations: [ChartjsComponent], exports: [ChartjsComponent] });
-ChartjsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ChartjsModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: ChartjsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ChartjsComponent
-                    ],
-                    exports: [
-                        ChartjsComponent
-                    ]
-                }]
+class ChartjsModule {
+}
+ChartjsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ChartjsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ChartjsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: ChartjsModule, imports: [ChartjsComponent], exports: [ChartjsComponent] });
+ChartjsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ChartjsModule, imports: [ChartjsComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ChartjsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ChartjsComponent
+                    ],
+                    exports: [
+                        ChartjsComponent
+                    ]
+                }]
         }] });
 
-/*
- * Public API Surface of coreui-angular-chartjs
+/*
+ * Public API Surface of coreui-angular-chartjs
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { ChartjsComponent, ChartjsModule };

package/fesm2020/coreui-angular-chartjs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"coreui-angular-chartjs.mjs","sources":["../../../projects/coreui-angular-chartjs/src/lib/chartjs.component.ts","../../../projects/coreui-angular-chartjs/src/lib/chartjs.component.html","../../../projects/coreui-angular-chartjs/src/lib/chartjs.module.ts","../../../projects/coreui-angular-chartjs/src/public-api.ts","../../../projects/coreui-angular-chartjs/src/coreui-angular-chartjs.ts"],"sourcesContent":["import {\r\n  AfterViewInit,\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  HostBinding,\r\n  Input,\r\n  NgZone,\r\n  OnChanges,\r\n  OnDestroy,\r\n  Output,\r\n  Renderer2,\r\n  SimpleChanges,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { BooleanInput, coerceBooleanProperty, coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\r\n\r\nimport merge from 'lodash-es/merge';\r\n\r\nimport { Chart, ChartConfiguration, ChartOptions, ChartType, DefaultDataPoint, registerables } from 'chart.js';\r\nimport { customTooltips as cuiCustomTooltips } from '@coreui/chartjs';\r\n\r\nChart.register(...registerables);\r\n\r\nlet nextId = 0;\r\n\r\n@Component({\r\n  selector: 'c-chart',\r\n  templateUrl: './chartjs.component.html',\r\n  styleUrls: ['./chartjs.component.scss'],\r\n  exportAs: 'cChart'\r\n})\r\nexport class ChartjsComponent<TType extends ChartType = ChartType, TData = DefaultDataPoint<TType>, TLabel = unknown> implements AfterViewInit, OnDestroy, OnChanges {\r\n\r\n  static ngAcceptInputType_height: NumberInput;\r\n  static ngAcceptInputType_width: NumberInput;\r\n  static ngAcceptInputType_redraw: BooleanInput;\r\n\r\n  @Input() customTooltips = true;\r\n  @Input() data?: ChartConfiguration<TType, TData, TLabel>['data'];\r\n\r\n  @HostBinding('style.height.px')\r\n  @Input()\r\n  set height(value: number | undefined) {\r\n    this._height = coerceNumberProperty(value);\r\n  }\r\n\r\n  get height() {\r\n    return this._height;\r\n  }\r\n\r\n  private _height: number | undefined;\r\n\r\n  @Input() id = `c-chartjs-${nextId++}`;\r\n  @Input() options?: ChartConfiguration<TType, TData, TLabel>['options'];\r\n  @Input() plugins: ChartConfiguration<TType, TData, TLabel>['plugins'] = [];\r\n\r\n  @Input()\r\n  set redraw(value: boolean) {\r\n    this._redraw = coerceBooleanProperty(value);\r\n  }\r\n\r\n  get redraw(): boolean {\r\n    return this._redraw;\r\n  }\r\n\r\n  private _redraw = false;\r\n\r\n  @Input() type: ChartConfiguration<TType, TData, TLabel>['type'] = 'bar' as TType;\r\n\r\n  @HostBinding('style.width.px')\r\n  @Input()\r\n  set width(value: number | undefined) {\r\n    this._width = coerceNumberProperty(value);\r\n  }\r\n\r\n  get width() {\r\n    return this._width;\r\n  }\r\n\r\n  private _width: number | undefined;\r\n\r\n  @Input() wrapper = true;\r\n\r\n  @Output() getDatasetAtEvent = new EventEmitter<any>();\r\n  @Output() getElementAtEvent = new EventEmitter<any>();\r\n  @Output() getElementsAtEvent = new EventEmitter<any>();\r\n\r\n  @ViewChild('canvasElement') canvasElement!: ElementRef;\r\n\r\n  chart!: Chart<TType, TData, TLabel>;\r\n\r\n  @HostBinding('class')\r\n  get hostClasses() {\r\n    return {\r\n      'chart-wrapper': this.wrapper\r\n    };\r\n  }\r\n\r\n  constructor(\r\n    private elementRef: ElementRef,\r\n    private ngZone: NgZone,\r\n    private renderer: Renderer2\r\n  ) {}\r\n\r\n  ngAfterViewInit(): void {\r\n    this.chartRender();\r\n    // this.chartUpdate();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes['data'] && !changes['data'].firstChange) {\r\n      this.chartUpdate();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.chartDestroy();\r\n  }\r\n\r\n  public handleOnClick($event: MouseEvent) {\r\n    if (!this.chart) return;\r\n\r\n    const datasetAtEvent = this.chart.getElementsAtEventForMode($event, 'dataset', { intersect: true }, false);\r\n    this.getDatasetAtEvent.emit(datasetAtEvent);\r\n\r\n    const elementAtEvent = this.chart.getElementsAtEventForMode($event, 'nearest', { intersect: true }, false);\r\n    this.getElementAtEvent.emit(elementAtEvent);\r\n\r\n    const elementsAtEvent = this.chart.getElementsAtEventForMode($event, 'index', { intersect: true }, false);\r\n    this.getElementsAtEvent.emit(elementsAtEvent);\r\n  }\r\n\r\n  public chartDestroy() {\r\n    this.chart?.destroy();\r\n  }\r\n\r\n  public chartRender() {\r\n    if (!this.canvasElement) return;\r\n\r\n    const ctx: CanvasRenderingContext2D = this.canvasElement.nativeElement.getContext('2d');\r\n\r\n    this.ngZone.runOutsideAngular(() => {\r\n      const config = this.chartConfig();\r\n      if (config) {\r\n        setTimeout(() => {\r\n          this.chart = new Chart(ctx, config);\r\n          this.renderer.setStyle(this.canvasElement.nativeElement, 'display', 'block');\r\n        });\r\n      }\r\n    });\r\n  }\r\n\r\n  chartUpdate() {\r\n    if (!this.chart) return;\r\n\r\n    if (this.redraw) {\r\n      this.chartDestroy();\r\n      setTimeout(() => {\r\n        this.chartRender();\r\n      });\r\n      return;\r\n    }\r\n\r\n    const config = this.chartConfig();\r\n\r\n    if (this.options) {\r\n      // todo\r\n      // @ts-ignore\r\n      Object.assign(this.chart.options, config.options);\r\n    }\r\n\r\n    if (!this.chart.config.data) {\r\n      this.chart.config.data = { ...config.data };\r\n      this.chartUpdateOutsideAngular();\r\n    }\r\n\r\n    if (this.chart) {\r\n      // todo\r\n      // @ts-ignore\r\n      Object.assign(this.chart.config.options, config.options);\r\n      // todo\r\n      // @ts-ignore\r\n      Object.assign(this.chart.config.plugins, config.plugins);\r\n      Object.assign(this.chart.config.data, config.data);\r\n    }\r\n\r\n    this.chartUpdateOutsideAngular();\r\n  }\r\n\r\n  private chartUpdateOutsideAngular() {\r\n    setTimeout(() => {\r\n      this.ngZone.runOutsideAngular(() => {\r\n        this.chart?.update();\r\n      });\r\n    });\r\n  }\r\n\r\n  public chartToBase64Image(): string | undefined {\r\n    return this.chart?.toBase64Image();\r\n  }\r\n\r\n  private chartDataConfig(): ChartConfiguration<TType, TData, TLabel>['data'] {\r\n    return {\r\n      labels: this.data?.labels ?? [],\r\n      datasets: this.data?.datasets ?? []\r\n    };\r\n  }\r\n\r\n  private chartOptions(): ChartConfiguration<TType, TData, TLabel>['options'] {\r\n    return this.options;\r\n  }\r\n\r\n  private chartConfig(): ChartConfiguration<TType, TData, TLabel> {\r\n    this.chartCustomTooltips();\r\n    return {\r\n      data: this.chartDataConfig(),\r\n      options: this.chartOptions(),\r\n      plugins: this.plugins,\r\n      type: this.type\r\n    };\r\n  }\r\n\r\n  private chartCustomTooltips() {\r\n    if (this.customTooltips) {\r\n      const options = this.options;\r\n      // @ts-ignore\r\n      const plugins = this.options?.plugins;\r\n      // @ts-ignore\r\n      const tooltip = this.options?.plugins?.tooltip;\r\n      this.options = merge({\r\n        ...options,\r\n        plugins: {\r\n          ...plugins,\r\n          tooltip: {\r\n            ...tooltip,\r\n            enabled: false,\r\n            mode: 'index',\r\n            position: 'nearest',\r\n            external: cuiCustomTooltips\r\n          }\r\n        }\r\n      });\r\n    }\r\n  };\r\n}\r\n","<canvas\r\n  #canvasElement\r\n  (click)=\"handleOnClick($event)\"\r\n  [height]=\"height\"\r\n  [id]=\"id\"\r\n  [width]=\"width\"\r\n  role=\"img\"\r\n  style=\"display: none;\"\r\n>\r\n  <ng-content></ng-content>\r\n</canvas>\r\n","import { NgModule } from '@angular/core';\r\nimport { ChartjsComponent } from './chartjs.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    ChartjsComponent\r\n  ],\r\n  exports: [\r\n    ChartjsComponent\r\n  ]\r\n})\r\nexport class ChartjsModule { }\r\n","/*\n * Public API Surface of coreui-angular-chartjs\n */\n\nexport * from './lib/chartjs.component';\nexport * from './lib/chartjs.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["cuiCustomTooltips"],"mappings":"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"}
+{"version":3,"file":"coreui-angular-chartjs.mjs","sources":["../../../projects/coreui-angular-chartjs/src/lib/chartjs.component.ts","../../../projects/coreui-angular-chartjs/src/lib/chartjs.component.html","../../../projects/coreui-angular-chartjs/src/lib/chartjs.module.ts","../../../projects/coreui-angular-chartjs/src/public-api.ts","../../../projects/coreui-angular-chartjs/src/coreui-angular-chartjs.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  Input,\n  NgZone,\n  OnChanges,\n  OnDestroy,\n  Output,\n  Renderer2,\n  SimpleChanges,\n  ViewChild\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty, coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\n\nimport merge from 'lodash-es/merge';\n\nimport { Chart, ChartConfiguration, ChartType, DefaultDataPoint, registerables } from 'chart.js';\nimport { customTooltips as cuiCustomTooltips } from '@coreui/chartjs';\n\nChart.register(...registerables);\n\nlet nextId = 0;\n\n@Component({\n  selector: 'c-chart',\n  templateUrl: './chartjs.component.html',\n  styleUrls: ['./chartjs.component.scss'],\n  exportAs: 'cChart',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ChartjsComponent<TType extends ChartType = ChartType, TData = DefaultDataPoint<TType>, TLabel = unknown> implements AfterViewInit, OnDestroy, OnChanges {\n\n  static ngAcceptInputType_height: NumberInput;\n  static ngAcceptInputType_width: NumberInput;\n  static ngAcceptInputType_redraw: BooleanInput;\n\n  @Input() customTooltips = true;\n  @Input() data?: ChartConfiguration<TType, TData, TLabel>['data'];\n\n  @HostBinding('style.height.px')\n  @Input()\n  set height(value: number | undefined) {\n    this._height = coerceNumberProperty(value);\n  }\n\n  get height() {\n    return this._height;\n  }\n\n  private _height: number | undefined;\n\n  @Input() id = `c-chartjs-${nextId++}`;\n  @Input() options?: ChartConfiguration<TType, TData, TLabel>['options'];\n  @Input() plugins: ChartConfiguration<TType, TData, TLabel>['plugins'] = [];\n\n  @Input()\n  set redraw(value: boolean) {\n    this._redraw = coerceBooleanProperty(value);\n  }\n\n  get redraw(): boolean {\n    return this._redraw;\n  }\n\n  private _redraw = false;\n\n  @Input() type: ChartConfiguration<TType, TData, TLabel>['type'] = 'bar' as TType;\n\n  @HostBinding('style.width.px')\n  @Input()\n  set width(value: number | undefined) {\n    this._width = coerceNumberProperty(value);\n  }\n\n  get width() {\n    return this._width;\n  }\n\n  private _width: number | undefined;\n\n  @Input() wrapper = true;\n\n  @Output() readonly getDatasetAtEvent = new EventEmitter<any>();\n  @Output() readonly getElementAtEvent = new EventEmitter<any>();\n  @Output() readonly getElementsAtEvent = new EventEmitter<any>();\n\n  @Output() readonly chartRef = new EventEmitter<any>();\n\n  @ViewChild('canvasElement') canvasElement!: ElementRef;\n\n  chart!: Chart<TType, TData, TLabel>;\n\n  @HostBinding('class')\n  get hostClasses() {\n    return {\n      'chart-wrapper': this.wrapper\n    };\n  }\n\n  constructor(\n    private elementRef: ElementRef,\n    private ngZone: NgZone,\n    private renderer: Renderer2,\n    private changeDetectorRef: ChangeDetectorRef\n  ) {}\n\n  ngAfterViewInit(): void {\n    this.chartRender();\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['data'] && !changes['data'].firstChange) {\n      this.chartUpdate();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.chartDestroy();\n  }\n\n  public handleClick($event: MouseEvent) {\n    if (!this.chart) {\n      return;\n    }\n\n    const datasetAtEvent = this.chart.getElementsAtEventForMode($event, 'dataset', { intersect: true }, false);\n    this.getDatasetAtEvent.emit(datasetAtEvent);\n\n    const elementAtEvent = this.chart.getElementsAtEventForMode($event, 'nearest', { intersect: true }, false);\n    this.getElementAtEvent.emit(elementAtEvent);\n\n    const elementsAtEvent = this.chart.getElementsAtEventForMode($event, 'index', { intersect: true }, false);\n    this.getElementsAtEvent.emit(elementsAtEvent);\n  }\n\n  public chartDestroy() {\n    this.chart?.destroy();\n    this.chartRef.emit(undefined);\n  }\n\n  public chartRender() {\n    if (!this.canvasElement) {\n      return;\n    }\n\n    const ctx: CanvasRenderingContext2D = this.canvasElement.nativeElement.getContext('2d');\n\n    this.ngZone.runOutsideAngular(() => {\n      const config = this.chartConfig();\n      if (config) {\n        setTimeout(() => {\n          this.chart = new Chart(ctx, config);\n          this.renderer.setStyle(this.canvasElement.nativeElement, 'display', 'block');\n          this.changeDetectorRef.markForCheck();\n          this.chartRef.emit(this.chart);\n        });\n      }\n    });\n  }\n\n  chartUpdate() {\n    if (!this.chart) {\n      return;\n    }\n\n    if (this.redraw) {\n      this.chartDestroy();\n      setTimeout(() => {\n        this.chartRender();\n      });\n      return;\n    }\n\n    const config = this.chartConfig();\n\n    if (this.options) {\n      Object.assign(this.chart.options ?? {}, config.options ?? {});\n    }\n\n    if (!this.chart.config.data) {\n      this.chart.config.data = { ...config.data };\n      this.chartUpdateOutsideAngular();\n    }\n\n    if (this.chart) {\n      Object.assign(this.chart.config.options ?? {}, config.options ?? {});\n      Object.assign(this.chart.config.plugins ?? [], config.plugins ?? []);\n      Object.assign(this.chart.config.data, config.data);\n    }\n\n    this.chartUpdateOutsideAngular();\n  }\n\n  private chartUpdateOutsideAngular() {\n    setTimeout(() => {\n      this.ngZone.runOutsideAngular(() => {\n        this.chart?.update();\n        this.changeDetectorRef.markForCheck();\n      });\n    });\n  }\n\n  public chartToBase64Image(): string | undefined {\n    return this.chart?.toBase64Image();\n  }\n\n  private chartDataConfig(): ChartConfiguration<TType, TData, TLabel>['data'] {\n    return {\n      labels: this.data?.labels ?? [],\n      datasets: this.data?.datasets ?? []\n    };\n  }\n\n  private chartOptions(): ChartConfiguration<TType, TData, TLabel>['options'] {\n    return this.options;\n  }\n\n  private chartConfig(): ChartConfiguration<TType, TData, TLabel> {\n    this.chartCustomTooltips();\n    return {\n      data: this.chartDataConfig(),\n      options: this.chartOptions(),\n      plugins: this.plugins,\n      type: this.type\n    };\n  }\n\n  private chartCustomTooltips() {\n    if (this.customTooltips) {\n      const options = this.options;\n      // @ts-ignore\n      const plugins = this.options?.plugins;\n      // @ts-ignore\n      const tooltip = this.options?.plugins?.tooltip;\n      this.options = merge({\n        ...options,\n        plugins: {\n          ...plugins,\n          tooltip: {\n            ...tooltip,\n            enabled: false,\n            mode: 'index',\n            position: 'nearest',\n            external: cuiCustomTooltips\n          }\n        }\n      });\n    }\n  };\n}\n","<canvas\n  #canvasElement\n  (click)=\"handleClick($event)\"\n  [height]=\"height\"\n  [id]=\"id\"\n  [width]=\"width\"\n  role=\"img\"\n  style=\"display: none;\"\n>\n  <ng-content></ng-content>\n</canvas>\n","import { NgModule } from '@angular/core';\nimport { ChartjsComponent } from './chartjs.component';\n\n@NgModule({\n  imports: [\n    ChartjsComponent\n  ],\n  exports: [\n    ChartjsComponent\n  ]\n})\nexport class ChartjsModule {}\n","/*\n * Public API Surface of coreui-angular-chartjs\n */\n\nexport * from './lib/chartjs.component';\nexport * from './lib/chartjs.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["cuiCustomTooltips"],"mappings":";;;;;;;AAwBA,KAAK,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC,CAAC;AAEjC,IAAI,MAAM,GAAG,CAAC,CAAC;MAUF,gBAAgB,CAAA;AAqE3B,IAAA,WAAA,CACU,UAAsB,EACtB,MAAc,EACd,QAAmB,EACnB,iBAAoC,EAAA;QAHpC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QACtB,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;QACd,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;QACnB,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAmB;QAnErC,IAAc,CAAA,cAAA,GAAG,IAAI,CAAC;AAetB,QAAA,IAAA,CAAA,EAAE,GAAG,CAAA,UAAA,EAAa,MAAM,EAAE,EAAE,CAAC;QAE7B,IAAO,CAAA,OAAA,GAAwD,EAAE,CAAC;QAWnE,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;QAEf,IAAI,CAAA,IAAA,GAAqD,KAAc,CAAC;QAcxE,IAAO,CAAA,OAAA,GAAG,IAAI,CAAC;AAEL,QAAA,IAAA,CAAA,iBAAiB,GAAG,IAAI,YAAY,EAAO,CAAC;AAC5C,QAAA,IAAA,CAAA,iBAAiB,GAAG,IAAI,YAAY,EAAO,CAAC;AAC5C,QAAA,IAAA,CAAA,kBAAkB,GAAG,IAAI,YAAY,EAAO,CAAC;AAE7C,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,YAAY,EAAO,CAAC;KAkBlD;IAjEJ,IAEI,MAAM,CAAC,KAAyB,EAAA;AAClC,QAAA,IAAI,CAAC,OAAO,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;KAC5C;AAED,IAAA,IAAI,MAAM,GAAA;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;KACrB;IAQD,IACI,MAAM,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KAC7C;AAED,IAAA,IAAI,MAAM,GAAA;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;KACrB;IAMD,IAEI,KAAK,CAAC,KAAyB,EAAA;AACjC,QAAA,IAAI,CAAC,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;KAC3C;AAED,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;KACpB;AAgBD,IAAA,IACI,WAAW,GAAA;QACb,OAAO;YACL,eAAe,EAAE,IAAI,CAAC,OAAO;SAC9B,CAAC;KACH;IASD,eAAe,GAAA;QACb,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE;YACnD,IAAI,CAAC,WAAW,EAAE,CAAC;AACpB,SAAA;KACF;IAED,WAAW,GAAA;QACT,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;AAEM,IAAA,WAAW,CAAC,MAAkB,EAAA;AACnC,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,OAAO;AACR,SAAA;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,yBAAyB,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;AAC3G,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAE5C,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,yBAAyB,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;AAC3G,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAE5C,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,yBAAyB,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;AAC1G,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KAC/C;IAEM,YAAY,GAAA;AACjB,QAAA,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;AACtB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KAC/B;IAEM,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO;AACR,SAAA;AAED,QAAA,MAAM,GAAG,GAA6B,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AAExF,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAK;AACjC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;AAClC,YAAA,IAAI,MAAM,EAAE;gBACV,UAAU,CAAC,MAAK;oBACd,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;AACpC,oBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;AAC7E,oBAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;oBACtC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACjC,iBAAC,CAAC,CAAC;AACJ,aAAA;AACH,SAAC,CAAC,CAAC;KACJ;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,OAAO;AACR,SAAA;QAED,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,UAAU,CAAC,MAAK;gBACd,IAAI,CAAC,WAAW,EAAE,CAAC;AACrB,aAAC,CAAC,CAAC;YACH,OAAO;AACR,SAAA;AAED,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAElC,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;AAC/D,SAAA;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE;AAC3B,YAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,EAAE,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC;YAC5C,IAAI,CAAC,yBAAyB,EAAE,CAAC;AAClC,SAAA;QAED,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;AACrE,YAAA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;AACrE,YAAA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;AACpD,SAAA;QAED,IAAI,CAAC,yBAAyB,EAAE,CAAC;KAClC;IAEO,yBAAyB,GAAA;QAC/B,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAK;AACjC,gBAAA,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;AACrB,gBAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;AACxC,aAAC,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;KACJ;IAEM,kBAAkB,GAAA;AACvB,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC;KACpC;IAEO,eAAe,GAAA;QACrB,OAAO;AACL,YAAA,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE;AAC/B,YAAA,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,IAAI,EAAE;SACpC,CAAC;KACH;IAEO,YAAY,GAAA;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC;KACrB;IAEO,WAAW,GAAA;QACjB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,OAAO;AACL,YAAA,IAAI,EAAE,IAAI,CAAC,eAAe,EAAE;AAC5B,YAAA,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE;YAC5B,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC;KACH;IAEO,mBAAmB,GAAA;QACzB,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;;AAE7B,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;;YAEtC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;AAC/C,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;AACnB,gBAAA,GAAG,OAAO;AACV,gBAAA,OAAO,EAAE;AACP,oBAAA,GAAG,OAAO;AACV,oBAAA,OAAO,EAAE;AACP,wBAAA,GAAG,OAAO;AACV,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,QAAQ,EAAE,SAAS;AACnB,wBAAA,QAAQ,EAAEA,cAAiB;AAC5B,qBAAA;AACF,iBAAA;AACF,aAAA,CAAC,CAAC;AACJ,SAAA;KACF;;;8GA1NU,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,wrBCpC7B,kNAWA,EAAA,MAAA,EAAA,CAAA,sCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDyBa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,YAGT,QAAQ,EAAA,UAAA,EACN,IAAI,EACC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kNAAA,EAAA,MAAA,EAAA,CAAA,sCAAA,CAAA,EAAA,CAAA;8KAQtC,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAIF,MAAM,EAAA,CAAA;sBAFT,WAAW;uBAAC,iBAAiB,CAAA;;sBAC7B,KAAK;gBAWG,EAAE,EAAA,CAAA;sBAAV,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAGF,MAAM,EAAA,CAAA;sBADT,KAAK;gBAWG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAIF,KAAK,EAAA,CAAA;sBAFR,WAAW;uBAAC,gBAAgB,CAAA;;sBAC5B,KAAK;gBAWG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAEa,iBAAiB,EAAA,CAAA;sBAAnC,MAAM;gBACY,iBAAiB,EAAA,CAAA;sBAAnC,MAAM;gBACY,kBAAkB,EAAA,CAAA;sBAApC,MAAM;gBAEY,QAAQ,EAAA,CAAA;sBAA1B,MAAM;gBAEqB,aAAa,EAAA,CAAA;sBAAxC,SAAS;uBAAC,eAAe,CAAA;gBAKtB,WAAW,EAAA,CAAA;sBADd,WAAW;uBAAC,OAAO,CAAA;;;MEvFT,aAAa,CAAA;;2GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;4GAAb,aAAa,EAAA,OAAA,EAAA,CANtB,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAGhB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGP,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YANtB,gBAAgB,CAAA,EAAA,CAAA,CAAA;4FAMP,aAAa,EAAA,UAAA,EAAA,CAAA;kBARzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,gBAAgB;AACjB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,gBAAgB;AACjB,qBAAA;AACF,iBAAA,CAAA;;;ACVD;;AAEG;;ACFH;;AAEG;;;;"}

package/index.d.ts

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