@bizy/core 20.3.2 → 20.4.0

package/fesm2022/bizy-core.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { inject, ChangeDetectorRef, ElementRef, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule, DOCUMENT, Renderer2, Injectable, Inject, Directive, ViewChild, ContentChildren, ContentChild, Pipe, ViewContainerRef, TemplateRef, RendererFactory2, HostListener, Host } from '@angular/core';
 import * as i1 from '@angular/common';
-import { CommonModule, registerLocaleData, DatePipe } from '@angular/common';
+import { CommonModule, registerLocaleData, DatePipe, DOCUMENT as DOCUMENT$1 } from '@angular/common';
 import { Subject, Subscription, BehaviorSubject, filter, take, skip, auditTime, throttleTime, debounceTime as debounceTime$1, interval, fromEvent, merge } from 'rxjs';
 import { debounceTime, distinctUntilChanged, takeUntil, map, filter as filter$1, take as take$1 } from 'rxjs/operators';
 import html2canvas from 'html2canvas';
@@ -77,19 +77,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Output
             }] } });
 
-const COMPONENTS$v = [
+const COMPONENTS$w = [
     BizyAccordionComponent,
 ];
 class BizyAccordionModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyAccordionModule, imports: [BizyAccordionComponent], exports: [BizyAccordionComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAccordionModule, imports: [COMPONENTS$v] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAccordionModule, imports: [COMPONENTS$w] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAccordionModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$v,
-                    exports: COMPONENTS$v
+                    imports: COMPONENTS$w,
+                    exports: COMPONENTS$w
                 }]
         }] });
 
@@ -133,19 +133,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Output
             }] } });
 
-const COMPONENTS$u = [
+const COMPONENTS$v = [
     BizyButtonComponent,
 ];
 class BizyButtonModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyButtonModule, imports: [BizyButtonComponent], exports: [BizyButtonComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyButtonModule, imports: [COMPONENTS$u] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyButtonModule, imports: [COMPONENTS$v] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyButtonModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$u,
-                    exports: COMPONENTS$u
+                    imports: COMPONENTS$v,
+                    exports: COMPONENTS$v
                 }]
         }] });
 
@@ -297,19 +297,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$t = [
+const COMPONENTS$u = [
     BizyAudioPlayerComponent,
 ];
 class BizyAudioPlayerModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerModule, imports: [BizyAudioPlayerComponent], exports: [BizyAudioPlayerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerModule, imports: [COMPONENTS$t] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerModule, imports: [COMPONENTS$u] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$t,
-                    exports: COMPONENTS$t
+                    imports: COMPONENTS$u,
+                    exports: COMPONENTS$u
                 }]
         }] });
 
@@ -667,19 +667,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$s = [
+const COMPONENTS$t = [
     BizyBarLineChartComponent,
 ];
 class BizyBarLineChartModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBarLineChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyBarLineChartModule, imports: [BizyBarLineChartComponent], exports: [BizyBarLineChartComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBarLineChartModule, imports: [COMPONENTS$s] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBarLineChartModule, imports: [COMPONENTS$t] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBarLineChartModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$s,
-                    exports: COMPONENTS$s
+                    imports: COMPONENTS$t,
+                    exports: COMPONENTS$t
                 }]
         }] });
 
@@ -738,19 +738,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$r = [
+const COMPONENTS$s = [
     BizyBreadcrumbComponent,
 ];
 class BizyBreadcrumbModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyBreadcrumbModule, imports: [BizyBreadcrumbComponent], exports: [BizyBreadcrumbComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBreadcrumbModule, imports: [COMPONENTS$r] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBreadcrumbModule, imports: [COMPONENTS$s] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$r,
-                    exports: COMPONENTS$r
+                    imports: COMPONENTS$s,
+                    exports: COMPONENTS$s
                 }]
         }] });
 
@@ -1021,19 +1021,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$q = [
+const COMPONENTS$r = [
     BizyCalendarComponent,
 ];
 class BizyCalendarModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyCalendarModule, imports: [BizyCalendarComponent], exports: [BizyCalendarComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCalendarModule, imports: [COMPONENTS$q] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCalendarModule, imports: [COMPONENTS$r] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCalendarModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$q,
-                    exports: COMPONENTS$q
+                    imports: COMPONENTS$r,
+                    exports: COMPONENTS$r
                 }]
         }] });
 
@@ -1069,19 +1069,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Output
             }] } });
 
-const COMPONENTS$p = [
+const COMPONENTS$q = [
     BizyCardComponent,
 ];
 class BizyCardModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyCardModule, imports: [BizyCardComponent], exports: [BizyCardComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCardModule, imports: [COMPONENTS$p] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCardModule, imports: [COMPONENTS$q] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCardModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$p,
-                    exports: COMPONENTS$p
+                    imports: COMPONENTS$q,
+                    exports: COMPONENTS$q
                 }]
         }] });
 
@@ -1119,19 +1119,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Output
             }] } });
 
-const COMPONENTS$o = [
+const COMPONENTS$p = [
     BizyCheckboxComponent,
 ];
 class BizyCheckboxModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyCheckboxModule, imports: [BizyCheckboxComponent], exports: [BizyCheckboxComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCheckboxModule, imports: [COMPONENTS$o] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCheckboxModule, imports: [COMPONENTS$p] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$o,
-                    exports: COMPONENTS$o
+                    imports: COMPONENTS$p,
+                    exports: COMPONENTS$p
                 }]
         }] });
 
@@ -1146,19 +1146,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
             args: [{ selector: 'bizy-content', imports: [CommonModule], template: "<ng-content></ng-content>", styles: [":host{flex:1;padding:var(--bizy-content-padding);width:var(--bizy-content-width);height:var(--bizy-content-height);overflow:auto;display:flex;flex-direction:var(--bizy-content-flex-direction);row-gap:var(--bizy-content-row-gap)}\n"] }]
         }] });
 
-const COMPONENTS$n = [
+const COMPONENTS$o = [
     BizyContentComponent,
 ];
 class BizyContentModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyContentModule, imports: [BizyContentComponent], exports: [BizyContentComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyContentModule, imports: [COMPONENTS$n] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyContentModule, imports: [COMPONENTS$o] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyContentModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$n,
-                    exports: COMPONENTS$n
+                    imports: COMPONENTS$o,
+                    exports: COMPONENTS$o
                 }]
         }] });
 
@@ -1666,19 +1666,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$m = [
+const COMPONENTS$n = [
     BizyDatePickerComponent,
 ];
 class BizyDatePickerModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyDatePickerModule, imports: [BizyDatePickerComponent], exports: [BizyDatePickerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyDatePickerModule, imports: [COMPONENTS$m] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyDatePickerModule, imports: [COMPONENTS$n] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyDatePickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$m,
-                    exports: COMPONENTS$m
+                    imports: COMPONENTS$n,
+                    exports: COMPONENTS$n
                 }]
         }] });
 
@@ -2020,7 +2020,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Output
             }] } });
 
-const COMPONENTS$l = [
+const COMPONENTS$m = [
     BizyFileUploaderComponent,
 ];
 class BizyFileUploaderModule {
@@ -2031,8 +2031,8 @@ class BizyFileUploaderModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFileUploaderModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$l,
-                    exports: COMPONENTS$l,
+                    imports: COMPONENTS$m,
+                    exports: COMPONENTS$m,
                     providers: [BizyFileUploaderService]
                 }]
         }] });
@@ -2637,7 +2637,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 }]
         }] });
 
-const COMPONENTS$k = [
+const COMPONENTS$l = [
     BizyFilterComponent,
     BizyFilterSectionComponent,
     BizyFilterContentComponent,
@@ -2676,8 +2676,8 @@ class BizyFilterModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFilterModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$k.concat(PIPES$1),
-                    exports: COMPONENTS$k.concat(PIPES$1),
+                    imports: COMPONENTS$l.concat(PIPES$1),
+                    exports: COMPONENTS$l.concat(PIPES$1),
                     providers: PIPES$1
                 }]
         }] });
@@ -2910,19 +2910,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$j = [
+const COMPONENTS$k = [
     BizyFormComponent,
 ];
 class BizyFormModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyFormModule, imports: [BizyFormComponent], exports: [BizyFormComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFormModule, imports: [COMPONENTS$j] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFormModule, imports: [COMPONENTS$k] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyFormModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$j,
-                    exports: COMPONENTS$j,
+                    imports: COMPONENTS$k,
+                    exports: COMPONENTS$k,
                 }]
         }] });
 
@@ -3110,7 +3110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$i = [
+const COMPONENTS$j = [
     BizyGridComponent,
     BizyGridRowComponent
 ];
@@ -3128,8 +3128,264 @@ class BizyGridModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyGridModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$i.concat(DIRECTIVES$2),
-                    exports: COMPONENTS$i.concat(DIRECTIVES$2),
+                    imports: COMPONENTS$j.concat(DIRECTIVES$2),
+                    exports: COMPONENTS$j.concat(DIRECTIVES$2),
+                }]
+        }] });
+
+const EMPTY_CHART$1 = [0];
+const DEFAULT_CHART_SIZE$1 = '300px';
+class BizyHeatMapChartComponent {
+    #elementRef = inject(ElementRef);
+    #document = inject(DOCUMENT$1);
+    #ref = inject(ChangeDetectorRef);
+    #renderer = inject(Renderer2);
+    resizeRef = null;
+    tooltip = true;
+    ranges = [];
+    download = { show: true, label: 'Descargar', name: 'Bizy' };
+    xAxisLabels = [];
+    yAxisLabels = [];
+    onTooltipFormatter;
+    onXAxisLabelFormatter;
+    onYAxisLabelFormatter;
+    onDownload = new EventEmitter();
+    onSelect = new EventEmitter();
+    #echarts = null;
+    #resizeObserver = null;
+    #subscription = new Subscription();
+    #chartContainer = null;
+    #afterViewInit = new BehaviorSubject(false);
+    #resize$ = new Subject();
+    #data = EMPTY_CHART$1;
+    ngAfterViewInit() {
+        this.#afterViewInit.next(true);
+    }
+    set data(data) {
+        if (!data) {
+            return;
+        }
+        if (data.length > 0) {
+            this.#setChartData(data);
+        }
+        else {
+            this.#deleteChartContainer();
+        }
+    }
+    async #setChartData(data) {
+        this.#data = data;
+        this.#subscription.add(this.#afterViewInit.pipe(filter(value => value === true), take(1)).subscribe(() => {
+            this.#createChartContainer();
+            if (!this.#chartContainer) {
+                return;
+            }
+            const series = [{
+                    type: 'heatmap',
+                    data: this.#data.map(_cell => [_cell.x, _cell.y, _cell.value ?? '-'])
+                }];
+            const tooltip = {
+                show: this.tooltip,
+                trigger: 'item',
+                appendToBody: true,
+                formatter: this.onTooltipFormatter
+            };
+            const xAxis = [
+                {
+                    type: 'category',
+                    splitArea: {
+                        show: true
+                    },
+                    position: 'top',
+                    data: this.xAxisLabels,
+                    axisLabel: {
+                        formatter: this.onXAxisLabelFormatter,
+                    }
+                }
+            ];
+            const yAxis = [
+                {
+                    type: 'category',
+                    data: this.yAxisLabels,
+                    splitArea: {
+                        show: true
+                    },
+                    axisLabel: {
+                        formatter: this.onYAxisLabelFormatter,
+                    }
+                }
+            ];
+            const outOfRangeColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-out-of-range-color');
+            const visualMap = {
+                type: 'piecewise',
+                orient: 'horizontal',
+                left: 'center',
+                pieces: this.ranges,
+                outOfRange: {
+                    color: outOfRangeColor
+                }
+            };
+            const textColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-tooltip-color');
+            const textBackgroundColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-tooltip-background-color');
+            const borderColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-tooltip-border-color');
+            const toolbox = {
+                show: true,
+                feature: {
+                    mySaveAsImage: {
+                        show: this.download.show,
+                        icon: 'path://M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z',
+                        title: this.download.label,
+                        onclick: () => {
+                            setTimeout(() => {
+                                html2canvas(this.#chartContainer).then(canvas => {
+                                    var link = this.#renderer.createElement('a');
+                                    link.href = canvas.toDataURL('image/png');
+                                    link.download = `${this.download.name}.png`;
+                                    this.#renderer.appendChild(this.#document.body, link);
+                                    link.click();
+                                    this.#renderer.removeChild(this.#document.body, link);
+                                    this.onDownload.emit();
+                                });
+                            }, 500);
+                        }
+                    }
+                },
+                emphasis: {
+                    iconStyle: {
+                        color: textColor,
+                        borderColor,
+                        borderWidth: 1,
+                        textBackgroundColor,
+                        textPadding: 5,
+                    }
+                }
+            };
+            const option = {
+                tooltip,
+                xAxis,
+                yAxis,
+                toolbox,
+                series,
+                visualMap
+            };
+            import('echarts').then(echarts => {
+                this.#echarts = echarts.init(this.#chartContainer);
+                this.#echarts.setOption(option);
+                this.#echarts.on('click', params => {
+                    this.onSelect.emit(params.name);
+                });
+                this.#resizeObserver = new ResizeObserver(() => this.#resize$.next());
+                const resizeRef = this.resizeRef ? this.resizeRef : this.#renderer.parentNode(this.#elementRef.nativeElement) ? this.#renderer.parentNode(this.#elementRef.nativeElement) : this.#elementRef.nativeElement;
+                this.#resizeObserver.observe(resizeRef);
+                this.#subscription.add(this.#resize$.pipe(skip(1), auditTime(300), throttleTime(500)).subscribe(() => {
+                    this.#deleteChartContainer();
+                    this.#createChartContainer();
+                    if (!this.#chartContainer) {
+                        return;
+                    }
+                    this.#echarts = echarts.init(this.#chartContainer);
+                    this.#echarts.setOption(option);
+                    this.#echarts.on('click', params => {
+                        this.onSelect.emit(params.name);
+                    });
+                }));
+            });
+        }));
+    }
+    #createChartContainer = () => {
+        if (this.#chartContainer || !this.#elementRef || !this.#elementRef.nativeElement) {
+            return;
+        }
+        let elementWidth = this.#elementRef.nativeElement.offsetWidth;
+        let elementHeight = this.#elementRef.nativeElement.offsetHeight;
+        let minWidth = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-width');
+        let minHeight = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-height');
+        const width = minWidth ? minWidth : elementWidth ? `${elementWidth}px` : DEFAULT_CHART_SIZE$1;
+        const height = minHeight ? minHeight : elementHeight ? `${elementHeight}px` : DEFAULT_CHART_SIZE$1;
+        this.#chartContainer = this.#renderer.createElement('div');
+        this.#renderer.setStyle(this.#chartContainer, 'width', width);
+        this.#renderer.setStyle(this.#chartContainer, 'height', height);
+        this.#renderer.appendChild(this.#elementRef.nativeElement, this.#chartContainer);
+        this.#ref.detectChanges();
+    };
+    #deleteChartContainer = () => {
+        if (!this.#chartContainer || !this.#elementRef || !this.#elementRef.nativeElement) {
+            return;
+        }
+        this.#echarts.clear();
+        this.#renderer.removeChild(this.#elementRef.nativeElement, this.#chartContainer);
+        this.#chartContainer = null;
+        this.#ref.detectChanges();
+    };
+    #getClosestCssVariable = (element, cssVariable) => {
+        while (element) {
+            const value = getComputedStyle(element).getPropertyValue(cssVariable).trim();
+            if (value) {
+                return value;
+            }
+            element = element.parentElement;
+        }
+        const rootValue = getComputedStyle(this.#document.documentElement).getPropertyValue(cssVariable).trim();
+        return rootValue;
+    };
+    ngOnDestroy() {
+        this.#subscription.unsubscribe();
+        if (this.#resizeObserver) {
+            this.#resizeObserver.disconnect();
+        }
+        if (this.#echarts) {
+            this.#echarts.clear();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyHeatMapChartComponent, isStandalone: true, selector: "bizy-heat-map-chart", inputs: { resizeRef: "resizeRef", tooltip: "tooltip", ranges: "ranges", download: "download", xAxisLabels: "xAxisLabels", yAxisLabels: "yAxisLabels", onTooltipFormatter: "onTooltipFormatter", onXAxisLabelFormatter: "onXAxisLabelFormatter", onYAxisLabelFormatter: "onYAxisLabelFormatter", data: "data" }, outputs: { onDownload: "onDownload", onSelect: "onSelect" }, ngImport: i0, template: '', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bizy-heat-map-chart',
+                    template: '',
+                    imports: [CommonModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { resizeRef: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], ranges: [{
+                type: Input
+            }], download: [{
+                type: Input
+            }], xAxisLabels: [{
+                type: Input
+            }], yAxisLabels: [{
+                type: Input
+            }], onTooltipFormatter: [{
+                type: Input
+            }], onXAxisLabelFormatter: [{
+                type: Input
+            }], onYAxisLabelFormatter: [{
+                type: Input
+            }], onDownload: [{
+                type: Output
+            }], onSelect: [{
+                type: Output
+            }], data: [{
+                type: Input
+            }] } });
+
+const COMPONENTS$i = [
+    BizyHeatMapChartComponent,
+];
+class BizyHeatMapChartModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartModule, imports: [BizyHeatMapChartComponent], exports: [BizyHeatMapChartComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartModule, imports: [COMPONENTS$i] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: COMPONENTS$i,
+                    exports: COMPONENTS$i,
                 }]
         }] });
 
@@ -8200,5 +8456,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BIZY_ANIMATION, BIZY_CALENDAR_DAY, BIZY_CALENDAR_EVENT_ACTION, BIZY_CALENDAR_LANGUAGE, BIZY_CALENDAR_MODE, BIZY_FORMAT_SECONDS_FORMAT, BIZY_FORMAT_SECONDS_LANGUAGE, BIZY_SKELETON_SHAPE, BIZY_TAG_TYPE, BizyAccordionComponent, BizyAccordionModule, BizyAnimationService, BizyAudioPlayerComponent, BizyAudioPlayerModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBreadcrumbComponent, BizyBreadcrumbModule, BizyButtonComponent, BizyButtonModule, BizyCacheService, BizyCalendarComponent, BizyCalendarModule, BizyCardComponent, BizyCardModule, BizyCheckboxComponent, BizyCheckboxModule, BizyContentComponent, BizyContentModule, BizyCopyToClipboardDirective, BizyCopyToClipboardService, BizyCurrencyFormatDirective, BizyDatePickerComponent, BizyDatePickerModule, BizyDeviceService, BizyDirectivesModule, BizyEnumToArrayPipe, BizyExportToCSVService, BizyExtractNumbersPipe, BizyFileUploaderComponent, BizyFileUploaderModule, BizyFileUploaderService, BizyFilterComponent, BizyFilterContentComponent, BizyFilterModule, BizyFilterPipe, BizyFilterSectionCheckboxOptionComponent, BizyFilterSectionComponent, BizyFilterSectionRangeOptionComponent, BizyFilterSectionSearchOptionComponent, BizyFilterSectionsComponent, BizyFormComponent, BizyFormModule, BizyFormatSecondsPipe, BizyFormatSecondsService, BizyFullScreenPopupWrapperComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRouterService, BizySafePipe, BizySearchPipe, BizySectionCenterComponent, BizySectionComponent, BizySectionEndComponent, BizySectionModule, BizySectionStartComponent, BizySelectComponent, BizySelectModule, BizySelectOptionComponent, BizyServicesModule, BizySetToArrayPipe, BizySidebarComponent, BizySidebarFloatingOptionComponent, BizySidebarFloatingOptionTitleComponent, BizySidebarModule, BizySidebarOptionComponent, BizySkeletonComponent, BizySkeletonModule, BizySliderComponent, BizySliderModule, BizyStorageService, BizyTabComponent, BizyTableColumnArrowsComponent, BizyTableColumnComponent, BizyTableColumnFixedDirective, BizyTableComponent, BizyTableFooterComponent, BizyTableHeaderComponent, BizyTableModule, BizyTableRowComponent, BizyTableRowExpandContentComponent, BizyTableScrollingComponent, BizyTableScrollingDirective, BizyTabsComponent, BizyTabsModule, BizyTagComponent, BizyTagModule, BizyTextEllipsisDirective, BizyTimelineComponent, BizyTimelineEventComponent, BizyTimelineModule, BizyToastModule, BizyToastService, BizyToastWrapperComponent, BizyToggleComponent, BizyToggleModule, BizyToolbarComponent, BizyToolbarModule, BizyTooltipDirective, BizyTrackByIdDirective, BizyTranslateModule, BizyTranslatePipe, BizyTranslateService, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE };
+export { BIZY_ANIMATION, BIZY_CALENDAR_DAY, BIZY_CALENDAR_EVENT_ACTION, BIZY_CALENDAR_LANGUAGE, BIZY_CALENDAR_MODE, BIZY_FORMAT_SECONDS_FORMAT, BIZY_FORMAT_SECONDS_LANGUAGE, BIZY_SKELETON_SHAPE, BIZY_TAG_TYPE, BizyAccordionComponent, BizyAccordionModule, BizyAnimationService, BizyAudioPlayerComponent, BizyAudioPlayerModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBreadcrumbComponent, BizyBreadcrumbModule, BizyButtonComponent, BizyButtonModule, BizyCacheService, BizyCalendarComponent, BizyCalendarModule, BizyCardComponent, BizyCardModule, BizyCheckboxComponent, BizyCheckboxModule, BizyContentComponent, BizyContentModule, BizyCopyToClipboardDirective, BizyCopyToClipboardService, BizyCurrencyFormatDirective, BizyDatePickerComponent, BizyDatePickerModule, BizyDeviceService, BizyDirectivesModule, BizyEnumToArrayPipe, BizyExportToCSVService, BizyExtractNumbersPipe, BizyFileUploaderComponent, BizyFileUploaderModule, BizyFileUploaderService, BizyFilterComponent, BizyFilterContentComponent, BizyFilterModule, BizyFilterPipe, BizyFilterSectionCheckboxOptionComponent, BizyFilterSectionComponent, BizyFilterSectionRangeOptionComponent, BizyFilterSectionSearchOptionComponent, BizyFilterSectionsComponent, BizyFormComponent, BizyFormModule, BizyFormatSecondsPipe, BizyFormatSecondsService, BizyFullScreenPopupWrapperComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyHeatMapChartComponent, BizyHeatMapChartModule, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRouterService, BizySafePipe, BizySearchPipe, BizySectionCenterComponent, BizySectionComponent, BizySectionEndComponent, BizySectionModule, BizySectionStartComponent, BizySelectComponent, BizySelectModule, BizySelectOptionComponent, BizyServicesModule, BizySetToArrayPipe, BizySidebarComponent, BizySidebarFloatingOptionComponent, BizySidebarFloatingOptionTitleComponent, BizySidebarModule, BizySidebarOptionComponent, BizySkeletonComponent, BizySkeletonModule, BizySliderComponent, BizySliderModule, BizyStorageService, BizyTabComponent, BizyTableColumnArrowsComponent, BizyTableColumnComponent, BizyTableColumnFixedDirective, BizyTableComponent, BizyTableFooterComponent, BizyTableHeaderComponent, BizyTableModule, BizyTableRowComponent, BizyTableRowExpandContentComponent, BizyTableScrollingComponent, BizyTableScrollingDirective, BizyTabsComponent, BizyTabsModule, BizyTagComponent, BizyTagModule, BizyTextEllipsisDirective, BizyTimelineComponent, BizyTimelineEventComponent, BizyTimelineModule, BizyToastModule, BizyToastService, BizyToastWrapperComponent, BizyToggleComponent, BizyToggleModule, BizyToolbarComponent, BizyToolbarModule, BizyTooltipDirective, BizyTrackByIdDirective, BizyTranslateModule, BizyTranslatePipe, BizyTranslateService, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE };
 //# sourceMappingURL=bizy-core.mjs.map