@bizy/core 21.1.0 → 21.3.0

package/fesm2022/bizy-core.mjs

@@ -76,19 +76,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Output
             }] } });
 
-const COMPONENTS$z = [
+const COMPONENTS$B = [
     BizyAccordionComponent,
 ];
 class BizyAccordionModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyAccordionModule, imports: [BizyAccordionComponent], exports: [BizyAccordionComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyAccordionModule, imports: [COMPONENTS$z] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyAccordionModule, imports: [COMPONENTS$B] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyAccordionModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$z,
-                    exports: COMPONENTS$z
+                    imports: COMPONENTS$B,
+                    exports: COMPONENTS$B
                 }]
         }] });
 
@@ -7659,7 +7659,7 @@ var muteAnimation = {
 	markers: markers
 };
 
-const DEFAULT_DOWNLOAD$4 = {
+const DEFAULT_DOWNLOAD$5 = {
     show: true,
     name: 'Bizy'
 };
@@ -7706,9 +7706,9 @@ class BizyAudioPlayerComponent {
         if (!download) {
             return;
         }
-        this._showDownload = download.show ?? DEFAULT_DOWNLOAD$4.show;
+        this._showDownload = download.show ?? DEFAULT_DOWNLOAD$5.show;
         this._downloadURL = download.url ?? null;
-        this._downloadFileName = download.name ?? DEFAULT_DOWNLOAD$4.name;
+        this._downloadFileName = download.name ?? DEFAULT_DOWNLOAD$5.name;
     }
     ;
     set playbackRate(playbackRate) {
@@ -7769,9 +7769,9 @@ class BizyAudioPlayerComponent {
     _paused = true;
     _muted = false;
     _src = null;
-    _showDownload = DEFAULT_DOWNLOAD$4.show;
+    _showDownload = DEFAULT_DOWNLOAD$5.show;
     _downloadURL = null;
-    _downloadFileName = DEFAULT_DOWNLOAD$4.name;
+    _downloadFileName = DEFAULT_DOWNLOAD$5.name;
     _showPlaybackRate = DEFAULT_PLAYBACK_RATE.show;
     _playbackRate = DEFAULT_PLAYBACK_RATE.default;
     MIME_TYPE = MIME_TYPE;
@@ -8378,7 +8378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$y = [BizyAudioPlayerComponent];
+const COMPONENTS$A = [BizyAudioPlayerComponent];
 class BizyAudioPlayerModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyAudioPlayerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyAudioPlayerModule, imports: [BizyAudioPlayerComponent], exports: [BizyAudioPlayerComponent] });
@@ -8387,8 +8387,8 @@ class BizyAudioPlayerModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyAudioPlayerModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$y,
-                    exports: COMPONENTS$y
+                    imports: COMPONENTS$A,
+                    exports: COMPONENTS$A
                 }]
         }] });
 
@@ -8626,7 +8626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Output
             }] } });
 
-const COMPONENTS$x = [
+const COMPONENTS$z = [
     BizyAudioRecorderComponent,
 ];
 class BizyAudioRecorderModule {
@@ -8637,8 +8637,8 @@ class BizyAudioRecorderModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyAudioRecorderModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$x,
-                    exports: COMPONENTS$x
+                    imports: COMPONENTS$z,
+                    exports: COMPONENTS$z
                 }]
         }] });
 
@@ -10056,7 +10056,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 args: ['dynamicComponentContainer', { read: ViewContainerRef }]
             }] } });
 
-const COMPONENTS$w = [
+const COMPONENTS$y = [
     BizyPopupWrapperComponent,
     BizyFullScreenPopupWrapperComponent
 ];
@@ -10065,13 +10065,13 @@ class BizyPopupModule {
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyPopupModule, imports: [BizyPopupWrapperComponent,
             BizyFullScreenPopupWrapperComponent], exports: [BizyPopupWrapperComponent,
             BizyFullScreenPopupWrapperComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyPopupModule, providers: [BizyPopupService], imports: [COMPONENTS$w] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyPopupModule, providers: [BizyPopupService], imports: [COMPONENTS$y] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyPopupModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$w,
-                    exports: COMPONENTS$w,
+                    imports: COMPONENTS$y,
+                    exports: COMPONENTS$y,
                     providers: [BizyPopupService]
                 }]
         }] });
@@ -10140,13 +10140,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 
 const GRID_BOTTOM = 30;
 const Y_AXIS_OFFSET = 50;
-const DEFAULT_CHART_SIZE$3 = '300px';
-const DEFAULT_DOWNLOAD$3 = {
+const DEFAULT_CHART_SIZE$4 = '300px';
+const DEFAULT_DOWNLOAD$4 = {
     show: true,
     label: 'Descargar',
     name: 'Bizy'
 };
-const DEFAULT_TOOLTIP$3 = {
+const DEFAULT_TOOLTIP$4 = {
     show: true
 };
 class BizyBarLineChartComponent {
@@ -10156,8 +10156,8 @@ class BizyBarLineChartComponent {
     #renderer = inject(Renderer2);
     #popup = inject(BizyPopupService);
     resizeRef = null;
-    tooltip = DEFAULT_TOOLTIP$3;
-    download = DEFAULT_DOWNLOAD$3;
+    tooltip = DEFAULT_TOOLTIP$4;
+    download = DEFAULT_DOWNLOAD$4;
     axisPointer = 'line';
     xAxis = null;
     onDownload = new EventEmitter();
@@ -10341,7 +10341,7 @@ class BizyBarLineChartComponent {
                 }
             });
             const tooltip = {
-                show: this.tooltip?.show ?? DEFAULT_TOOLTIP$3.show,
+                show: this.tooltip?.show ?? DEFAULT_TOOLTIP$4.show,
                 trigger: 'axis',
                 appendToBody: true,
                 axisPointer: {
@@ -10377,9 +10377,9 @@ class BizyBarLineChartComponent {
                 show: true,
                 feature: {
                     mySaveAsImage: {
-                        show: this.download?.show ?? DEFAULT_DOWNLOAD$3.show,
+                        show: this.download?.show ?? DEFAULT_DOWNLOAD$4.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 ?? DEFAULT_DOWNLOAD$3.label,
+                        title: this.download?.label ?? DEFAULT_DOWNLOAD$4.label,
                         onclick: () => {
                             this.#popup.open({
                                 disableCloseButton: true,
@@ -10387,7 +10387,7 @@ class BizyBarLineChartComponent {
                                 component: BizyBarLineChartPopupComponent,
                                 data: {
                                     download: {
-                                        name: this.download?.name ?? DEFAULT_DOWNLOAD$3.name,
+                                        name: this.download?.name ?? DEFAULT_DOWNLOAD$4.name,
                                     },
                                     grid: {
                                         left: this.#gridLeft,
@@ -10457,8 +10457,8 @@ class BizyBarLineChartComponent {
         let elementHeight = this.#elementRef.nativeElement.offsetHeight;
         let minWidth = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-line-chart-width');
         let minHeight = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-line-chart-height');
-        const width = minWidth ? minWidth : elementWidth ? `${elementWidth}px` : DEFAULT_CHART_SIZE$3;
-        const height = minHeight ? minHeight : elementHeight ? `${elementHeight}px` : DEFAULT_CHART_SIZE$3;
+        const width = minWidth ? minWidth : elementWidth ? `${elementWidth}px` : DEFAULT_CHART_SIZE$4;
+        const height = minHeight ? minHeight : elementHeight ? `${elementHeight}px` : DEFAULT_CHART_SIZE$4;
         this.#chartContainer = this.#renderer.createElement('div');
         this.#renderer.setStyle(this.#chartContainer, 'width', width);
         this.#renderer.setStyle(this.#chartContainer, 'height', height);
@@ -10519,7 +10519,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$v = [
+const COMPONENTS$x = [
     BizyBarLineChartComponent,
     BizyBarLineChartPopupComponent
 ];
@@ -10533,8 +10533,8 @@ class BizyBarLineChartModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBarLineChartModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$v,
-                    exports: COMPONENTS$v
+                    imports: COMPONENTS$x,
+                    exports: COMPONENTS$x
                 }]
         }] });
 
@@ -10582,30 +10582,30 @@ class BizyBreadcrumbComponent {
         return this.#elementRef.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyBreadcrumbComponent, isStandalone: true, selector: "bizy-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<ul class=\"bizy-breadcrumb\">\n  @for (breadcrumb of _breadcrumbs; track breadcrumb; let last = $last; let i = $index) {\n    @if (breadcrumb.label) {\n      <li>\n        <button\n          class=\"bizy-breadcrumb__link\"\n          [ngClass]=\"{'bizy-breadcrumb__link--skip': breadcrumb.skip || last}\"\n          type=\"button\"\n          (click)=\"goTo(breadcrumb)\">\n          {{breadcrumb.label}}\n        </button>\n        @if (last && showGoBack) {\n          <button\n            type=\"button\"\n            class=\"bizy-breadcrumb__go-back\"\n            (click)=\"goBack()\">\n            <svg\n              class=\"bizy-breadcrumb__go-back__icon\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M0 0h24v24H0z\" fill=\"none\" stroke=\"none\"/>\n              <path d=\"M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1\"/>\n            </svg>\n          </button>\n        }\n      </li>\n    }\n  }\n</ul>\n", styles: [":host{font-size:1rem}.bizy-breadcrumb{list-style:none;margin:0;padding:0}.bizy-breadcrumb li{display:inline}.bizy-breadcrumb li:before{content:\"/\";margin:0 .3rem}.bizy-breadcrumb li:first-child:before{content:\"\";margin:0}.bizy-breadcrumb__link{cursor:pointer;border:none;background-color:transparent;color:var(--bizy-breadcrumb-link-color)}.bizy-breadcrumb__link:hover{filter:brightness(95%)}.bizy-breadcrumb__link--skip{cursor:default;color:var(--bizy-breadcrumb-path-color)}.bizy-breadcrumb__link--skip:hover{color:var(--bizy-breadcrumb-path-color)}.bizy-breadcrumb__go-back{cursor:pointer;margin-left:.4rem;position:relative;top:.5rem;background-color:transparent;border:none}.bizy-breadcrumb__go-back__icon{color:var(--bizy-breadcrumb-link-color);height:1rem;position:relative;bottom:.3rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyBreadcrumbComponent, isStandalone: true, selector: "bizy-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<ul class=\"bizy-breadcrumb\">\n  @for (breadcrumb of _breadcrumbs; track i; let last = $last; let i = $index) {\n    @if (breadcrumb.label) {\n      <li>\n        <button\n          class=\"bizy-breadcrumb__link\"\n          [ngClass]=\"{'bizy-breadcrumb__link--skip': breadcrumb.skip || last}\"\n          type=\"button\"\n          (click)=\"goTo(breadcrumb)\">\n          {{breadcrumb.label}}\n        </button>\n        @if (last && showGoBack) {\n          <button\n            type=\"button\"\n            class=\"bizy-breadcrumb__go-back\"\n            (click)=\"goBack()\">\n            <svg\n              class=\"bizy-breadcrumb__go-back__icon\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M0 0h24v24H0z\" fill=\"none\" stroke=\"none\"/>\n              <path d=\"M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1\"/>\n            </svg>\n          </button>\n        }\n      </li>\n    }\n  }\n</ul>\n", styles: [":host{font-size:1rem}.bizy-breadcrumb{list-style:none;margin:0;padding:0}.bizy-breadcrumb li{display:inline}.bizy-breadcrumb li:before{content:\"/\";margin:0 .3rem}.bizy-breadcrumb li:first-child:before{content:\"\";margin:0}.bizy-breadcrumb__link{cursor:pointer;border:none;background-color:transparent;color:var(--bizy-breadcrumb-link-color)}.bizy-breadcrumb__link:hover{filter:brightness(95%)}.bizy-breadcrumb__link--skip{cursor:default;color:var(--bizy-breadcrumb-path-color)}.bizy-breadcrumb__link--skip:hover{color:var(--bizy-breadcrumb-path-color)}.bizy-breadcrumb__go-back{cursor:pointer;margin-left:.4rem;position:relative;top:.5rem;background-color:transparent;border:none}.bizy-breadcrumb__go-back__icon{color:var(--bizy-breadcrumb-link-color);height:1rem;position:relative;bottom:.3rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizy-breadcrumb', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"bizy-breadcrumb\">\n  @for (breadcrumb of _breadcrumbs; track breadcrumb; let last = $last; let i = $index) {\n    @if (breadcrumb.label) {\n      <li>\n        <button\n          class=\"bizy-breadcrumb__link\"\n          [ngClass]=\"{'bizy-breadcrumb__link--skip': breadcrumb.skip || last}\"\n          type=\"button\"\n          (click)=\"goTo(breadcrumb)\">\n          {{breadcrumb.label}}\n        </button>\n        @if (last && showGoBack) {\n          <button\n            type=\"button\"\n            class=\"bizy-breadcrumb__go-back\"\n            (click)=\"goBack()\">\n            <svg\n              class=\"bizy-breadcrumb__go-back__icon\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M0 0h24v24H0z\" fill=\"none\" stroke=\"none\"/>\n              <path d=\"M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1\"/>\n            </svg>\n          </button>\n        }\n      </li>\n    }\n  }\n</ul>\n", styles: [":host{font-size:1rem}.bizy-breadcrumb{list-style:none;margin:0;padding:0}.bizy-breadcrumb li{display:inline}.bizy-breadcrumb li:before{content:\"/\";margin:0 .3rem}.bizy-breadcrumb li:first-child:before{content:\"\";margin:0}.bizy-breadcrumb__link{cursor:pointer;border:none;background-color:transparent;color:var(--bizy-breadcrumb-link-color)}.bizy-breadcrumb__link:hover{filter:brightness(95%)}.bizy-breadcrumb__link--skip{cursor:default;color:var(--bizy-breadcrumb-path-color)}.bizy-breadcrumb__link--skip:hover{color:var(--bizy-breadcrumb-path-color)}.bizy-breadcrumb__go-back{cursor:pointer;margin-left:.4rem;position:relative;top:.5rem;background-color:transparent;border:none}.bizy-breadcrumb__go-back__icon{color:var(--bizy-breadcrumb-link-color);height:1rem;position:relative;bottom:.3rem}\n"] }]
+            args: [{ selector: 'bizy-breadcrumb', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"bizy-breadcrumb\">\n  @for (breadcrumb of _breadcrumbs; track i; let last = $last; let i = $index) {\n    @if (breadcrumb.label) {\n      <li>\n        <button\n          class=\"bizy-breadcrumb__link\"\n          [ngClass]=\"{'bizy-breadcrumb__link--skip': breadcrumb.skip || last}\"\n          type=\"button\"\n          (click)=\"goTo(breadcrumb)\">\n          {{breadcrumb.label}}\n        </button>\n        @if (last && showGoBack) {\n          <button\n            type=\"button\"\n            class=\"bizy-breadcrumb__go-back\"\n            (click)=\"goBack()\">\n            <svg\n              class=\"bizy-breadcrumb__go-back__icon\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M0 0h24v24H0z\" fill=\"none\" stroke=\"none\"/>\n              <path d=\"M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1\"/>\n            </svg>\n          </button>\n        }\n      </li>\n    }\n  }\n</ul>\n", styles: [":host{font-size:1rem}.bizy-breadcrumb{list-style:none;margin:0;padding:0}.bizy-breadcrumb li{display:inline}.bizy-breadcrumb li:before{content:\"/\";margin:0 .3rem}.bizy-breadcrumb li:first-child:before{content:\"\";margin:0}.bizy-breadcrumb__link{cursor:pointer;border:none;background-color:transparent;color:var(--bizy-breadcrumb-link-color)}.bizy-breadcrumb__link:hover{filter:brightness(95%)}.bizy-breadcrumb__link--skip{cursor:default;color:var(--bizy-breadcrumb-path-color)}.bizy-breadcrumb__link--skip:hover{color:var(--bizy-breadcrumb-path-color)}.bizy-breadcrumb__go-back{cursor:pointer;margin-left:.4rem;position:relative;top:.5rem;background-color:transparent;border:none}.bizy-breadcrumb__go-back__icon{color:var(--bizy-breadcrumb-link-color);height:1rem;position:relative;bottom:.3rem}\n"] }]
         }], propDecorators: { onSelect: [{
                 type: Output
             }], breadcrumbs: [{
                 type: Input
             }] } });
 
-const COMPONENTS$u = [
+const COMPONENTS$w = [
     BizyBreadcrumbComponent,
 ];
 class BizyBreadcrumbModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyBreadcrumbModule, imports: [BizyBreadcrumbComponent], exports: [BizyBreadcrumbComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBreadcrumbModule, imports: [COMPONENTS$u] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBreadcrumbModule, imports: [COMPONENTS$w] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$u,
-                    exports: COMPONENTS$u
+                    imports: COMPONENTS$w,
+                    exports: COMPONENTS$w
                 }]
         }] });
 
@@ -10642,19 +10642,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Output
             }] } });
 
-const COMPONENTS$t = [
+const COMPONENTS$v = [
     BizyButtonComponent,
 ];
 class BizyButtonModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyButtonModule, imports: [BizyButtonComponent], exports: [BizyButtonComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyButtonModule, imports: [COMPONENTS$t] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyButtonModule, imports: [COMPONENTS$v] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyButtonModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$t,
-                    exports: COMPONENTS$t
+                    imports: COMPONENTS$v,
+                    exports: COMPONENTS$v
                 }]
         }] });
 
@@ -10925,19 +10925,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$s = [
+const COMPONENTS$u = [
     BizyCalendarComponent,
 ];
 class BizyCalendarModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyCalendarModule, imports: [BizyCalendarComponent], exports: [BizyCalendarComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyCalendarModule, imports: [COMPONENTS$s] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyCalendarModule, imports: [COMPONENTS$u] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyCalendarModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$s,
-                    exports: COMPONENTS$s
+                    imports: COMPONENTS$u,
+                    exports: COMPONENTS$u
                 }]
         }] });
 
@@ -10973,19 +10973,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Output
             }] } });
 
-const COMPONENTS$r = [
+const COMPONENTS$t = [
     BizyCardComponent,
 ];
 class BizyCardModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyCardModule, imports: [BizyCardComponent], exports: [BizyCardComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyCardModule, imports: [COMPONENTS$r] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyCardModule, imports: [COMPONENTS$t] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyCardModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$r,
-                    exports: COMPONENTS$r
+                    imports: COMPONENTS$t,
+                    exports: COMPONENTS$t
                 }]
         }] });
 
@@ -11026,19 +11026,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Output
             }] } });
 
-const COMPONENTS$q = [
+const COMPONENTS$s = [
     BizyCheckboxComponent,
 ];
 class BizyCheckboxModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyCheckboxModule, imports: [BizyCheckboxComponent], exports: [BizyCheckboxComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyCheckboxModule, imports: [COMPONENTS$q] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyCheckboxModule, imports: [COMPONENTS$s] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$q,
-                    exports: COMPONENTS$q
+                    imports: COMPONENTS$s,
+                    exports: COMPONENTS$s
                 }]
         }] });
 
@@ -11053,7 +11053,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             args: [{ selector: 'bizy-content', imports: [], 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$p = [
+const COMPONENTS$r = [
     BizyContentComponent,
 ];
 class BizyContentModule {
@@ -11064,8 +11064,8 @@ class BizyContentModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyContentModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$p,
-                    exports: COMPONENTS$p
+                    imports: COMPONENTS$r,
+                    exports: COMPONENTS$r
                 }]
         }] });
 
@@ -11573,98 +11573,519 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$o = [
+const COMPONENTS$q = [
     BizyDatePickerComponent,
 ];
 class BizyDatePickerModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyDatePickerModule, imports: [BizyDatePickerComponent], exports: [BizyDatePickerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDatePickerModule, imports: [COMPONENTS$o] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDatePickerModule, imports: [COMPONENTS$q] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDatePickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$o,
-                    exports: COMPONENTS$o
+                    imports: COMPONENTS$q,
+                    exports: COMPONENTS$q
                 }]
         }] });
 
-const ES = {
-    ...es_ES,
-    strings: {
-        ...es_ES.strings,
-        noDuplicates: 'Archivo duplicado: \'%{fileName}\'',
-        browseFiles: 'buscar archivo',
-        dropPasteFiles: 'Soltar archivo aquí, pegar o %{browse}'
+class BizyDonutChartPopupComponent {
+    #popup = inject(BizyPopupService);
+    #renderer = inject(Renderer2);
+    #elementRef = inject(ElementRef);
+    #ref = inject(ChangeDetectorRef);
+    #document = inject(DOCUMENT);
+    #echarts = null;
+    #chartContainer = null;
+    ngOnInit() {
+        const data = this.#popup.getData();
+        if (!data || !data.option) {
+            this.#popup.close();
+            return;
+        }
+        this.#chartContainer = this.#renderer.createElement('div');
+        this.#renderer.setStyle(this.#chartContainer, 'width', '100%');
+        this.#renderer.setStyle(this.#chartContainer, 'height', '100%');
+        this.#renderer.appendChild(this.#elementRef.nativeElement, this.#chartContainer);
+        this.#ref.detectChanges();
+        import('echarts').then(echarts => {
+            this.#echarts = echarts.init(this.#chartContainer);
+            Promise.resolve().then(() => {
+                this.#echarts.setOption({
+                    ...data.option,
+                    series: [{
+                            ...data.option.series[0],
+                            minAngle: 1,
+                            label: {
+                                ...data.option.series[0].label,
+                                width: 'none',
+                                overflow: 'break',
+                            },
+                            labelLine: {
+                                show: data.option.series[0].labelLine?.show,
+                                length: 50,
+                                length2: 50
+                            },
+                            labelLayout() {
+                                return {
+                                    moverOverlap: 'shiftY',
+                                    hideOverlap: false
+                                };
+                            },
+                        }],
+                    toolbox: {
+                        show: true,
+                        feature: {
+                            mySaveAsImage: {
+                                show: data.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: data.download.label,
+                                onclick: () => {
+                                    setTimeout(() => {
+                                        import('html2canvas').then(module => {
+                                            const html2canvas = module.default;
+                                            html2canvas(this.#chartContainer).then(canvas => {
+                                                var link = this.#renderer.createElement('a');
+                                                link.href = canvas.toDataURL('image/png');
+                                                link.download = `${data.download.name}.png`;
+                                                this.#renderer.appendChild(this.#document.body, link);
+                                                link.click();
+                                                this.#renderer.removeChild(this.#document.body, link);
+                                            });
+                                        });
+                                    }, 500);
+                                }
+                            }
+                        }
+                    }
+                });
+            });
+        }).catch(() => {
+            this.#popup.close();
+            return;
+        });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDonutChartPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyDonutChartPopupComponent, isStandalone: true, selector: "bizy-donut-chart-popup", ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-block;height:min(60rem,90dvh);width:min(60rem,85dvw)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDonutChartPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bizy-donut-chart-popup', template: '', styles: [":host{display:inline-block;height:min(60rem,90dvh);width:min(60rem,85dvw)}\n"] }]
+        }] });
+
+const EMPTY_CHART$1 = [0];
+const DEFAULT_CHART_SIZE$3 = '300px';
+const DEFAULT_DOWNLOAD$3 = {
+    show: true,
+    label: 'Descargar',
+    name: 'Bizy'
 };
-const EN = {
-    ...en_US,
-    strings: {
-        ...en_US.strings,
-        noDuplicates: 'Duplicated file: \'%{fileName}\'',
-        browseFiles: 'browse file',
-        dropPasteFiles: 'Drop a file here or %{browse}'
+const DEFAULT_EXPAND$2 = {
+    show: true,
+    label: 'Expandir'
+};
+const DEFAULT_TOOLTIP$3 = {
+    show: true
+};
+const DEFAULT_LEGEND$1 = {
+    show: true,
+    orient: 'vertical',
+    position: {
+        x: 'auto',
+        y: 'auto'
     }
 };
-class BizyFileUploaderService {
+const DEFAULT_LABEL$1 = {
+    show: false,
+    overflow: 'break',
+    line: true
+};
+class BizyDonutChartComponent {
+    #elementRef = inject(ElementRef);
+    #document = inject(DOCUMENT);
+    #ref = inject(ChangeDetectorRef);
     #renderer = inject(Renderer2);
-    #document = inject(DOCUMENT$1);
-    #fileLoaded = new Subject();
-    #fileRemoved = new Subject();
-    #upload = new Subject();
-    #uploadSuccess = new Subject();
-    #error = new Subject();
-    #cancelAll = new Subject();
-    #complete = new Subject();
-    #disableLocalFiles = false;
-    #uppy = null;
-    get fileLoaded$() {
-        return this.#fileLoaded.asObservable();
-    }
-    get fileRemoved$() {
-        return this.#fileRemoved.asObservable();
-    }
-    get upload$() {
-        return this.#upload.asObservable();
-    }
-    get uploadSuccess$() {
-        return this.#uploadSuccess.asObservable();
-    }
-    get error$() {
-        return this.#error.asObservable();
-    }
-    get cancelAll$() {
-        return this.#cancelAll.asObservable();
+    #popup = inject(BizyPopupService);
+    resizeRef = null;
+    centerLabel = null;
+    tooltip = DEFAULT_TOOLTIP$3;
+    legend = DEFAULT_LEGEND$1;
+    download = DEFAULT_DOWNLOAD$3;
+    expand = DEFAULT_EXPAND$2;
+    label = DEFAULT_LABEL$1;
+    onSelect = new EventEmitter();
+    onDownload = new EventEmitter();
+    #echarts = null;
+    #resizeObserver = null;
+    #afterViewInitSubscription = new Subscription();
+    #resizeSubscription = new Subscription();
+    #chartContainer = null;
+    #afterViewInit = new BehaviorSubject(false);
+    #resize$ = new Subject();
+    #data = EMPTY_CHART$1;
+    ngAfterViewInit() {
+        this.#afterViewInit.next(true);
     }
-    get complete$() {
-        return this.#complete.asObservable();
+    getNativeElement = () => this.#elementRef?.nativeElement;
+    set data(data) {
+        if (!data) {
+            return;
+        }
+        if (data.length > 0) {
+            this.#setChartData(data);
+        }
+        else {
+            this.#deleteChartContainer();
+            this.#setChartData(EMPTY_CHART$1);
+        }
     }
-    createFileUploader(data) {
-        const locale = data.language === 'es' ? ES : EN;
-        this.#disableLocalFiles = data.disableLocalFiles;
-        this.#uppy = new Uppy({
-            locale,
-            infoTimeout: 2500,
-            restrictions: {
-                maxFileSize: data.maxFileSize,
-                minFileSize: data.minFileSize,
-                maxTotalFileSize: data.maxTotalFileSize,
-                maxNumberOfFiles: data.maxNumberOfFiles,
-                minNumberOfFiles: data.minNumberOfFiles,
-                allowedFileTypes: data.allowedFileTypes
-            }
-        })
-            .use(Dashboard, {
-            inline: true,
-            singleFileFullScreen: false,
-            target: `#${data.templateId}`,
-            width: data.dragDropAreaWidth,
-            height: data.dragDropAreaHeight,
-            hideCancelButton: data.hideCancelButton,
-            hideUploadButton: data.hideUploadButton,
-            hidePauseResumeButton: data.hidePauseResumeButton,
-            disableLocalFiles: data.disableLocalFiles
+    async #setChartData(data) {
+        this.#afterViewInitSubscription.add(this.#afterViewInit.pipe(filter$1(value => value === true), take(1)).subscribe(() => {
+            /**
+             * setTimeout fix angular render problem
+             */
+            setTimeout(() => {
+                this.#createChartContainer();
+                if (!this.#chartContainer) {
+                    return;
+                }
+                if (data && data.length > 0 && data[0] !== 0) {
+                    this.#data = [];
+                    data.forEach(_d => {
+                        if (!_d.value) {
+                            _d.value = 0;
+                        }
+                        if (!_d.name) {
+                            _d.name = '---';
+                        }
+                        const itemStyle = _d.color ? { color: _d.color } : {};
+                        this.#data.push({
+                            name: _d.name,
+                            value: _d.value,
+                            itemStyle
+                        });
+                    });
+                }
+                else {
+                    this.#data = EMPTY_CHART$1;
+                }
+                const itemStyle = {
+                    borderRadius: 10,
+                    borderColor: '#fff',
+                    borderWidth: 2
+                };
+                const label = {
+                    show: this.label?.show ?? DEFAULT_LABEL$1.show,
+                    overflow: this.label?.overflow ?? DEFAULT_LABEL$1.overflow,
+                    position: 'center',
+                    formatter: this.label?.formatter
+                };
+                const labelLine = {
+                    show: this.label?.line ?? DEFAULT_LABEL$1.line
+                };
+                const series = [{
+                        type: 'pie',
+                        radius: ['50%', '70%'],
+                        center: ['50%', '50%'],
+                        data: this.#data,
+                        itemStyle,
+                        label,
+                        labelLine
+                    }];
+                const textColor = getComputedStyle(this.#document.documentElement).getPropertyValue('--bizy-donut-chart-tooltip-color');
+                const textBackgroundColor = getComputedStyle(this.#document.documentElement).getPropertyValue('--bizy-donut-chart-tooltip-background-color');
+                const borderColor = getComputedStyle(this.#document.documentElement).getPropertyValue('--bizy-donut-chart-tooltip-border-color');
+                const toolbox = {
+                    show: true,
+                    feature: {
+                        mySaveAsImage: {
+                            show: this.download.show ?? DEFAULT_DOWNLOAD$3.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 ?? DEFAULT_DOWNLOAD$3.label,
+                            onclick: () => {
+                                setTimeout(() => {
+                                    import('html2canvas').then(module => {
+                                        const html2canvas = module.default;
+                                        html2canvas(this.#chartContainer).then(canvas => {
+                                            var link = this.#renderer.createElement('a');
+                                            link.href = canvas.toDataURL('image/png');
+                                            link.download = `${this.download.name ?? DEFAULT_DOWNLOAD$3.name}.png`;
+                                            this.#renderer.appendChild(this.#document.body, link);
+                                            link.click();
+                                            this.#renderer.removeChild(this.#document.body, link);
+                                            this.onDownload.emit();
+                                        });
+                                    });
+                                }, 500);
+                            }
+                        },
+                        myExpandChart: {
+                            show: this.expand.show ?? DEFAULT_EXPAND$2.show,
+                            icon: 'path://M264 96L120 96C106.7 96 96 106.7 96 120L96 264C96 273.7 101.8 282.5 110.8 286.2C119.8 289.9 130.1 287.8 137 281L177 241L256 320L177 399L137 359C130.1 352.1 119.8 350.1 110.8 353.8C101.8 357.5 96 366.3 96 376L96 520C96 533.3 106.7 544 120 544L264 544C273.7 544 282.5 538.2 286.2 529.2C289.9 520.2 287.9 509.9 281 503L241 463L320 384L399 463L359 503C352.1 509.9 350.1 520.2 353.8 529.2C357.5 538.2 366.3 544 376 544L520 544C533.3 544 544 533.3 544 520L544 376C544 366.3 538.2 357.5 529.2 353.8C520.2 350.1 509.9 352.1 503 359L463 399L384 320L463 241L503 281C509.9 287.9 520.2 289.9 529.2 286.2C538.2 282.5 544 273.7 544 264L544 120C544 106.7 533.3 96 520 96L376 96C366.3 96 357.5 101.8 353.8 110.8C350.1 119.8 352.2 130.1 359 137L399 177L320 256L241 177L281 137C287.9 130.1 289.9 119.8 286.2 110.8C282.5 101.8 273.7 96 264 96z',
+                            title: this.expand.label ?? DEFAULT_EXPAND$2.label,
+                            onclick: () => {
+                                this.#popup.open({
+                                    component: BizyDonutChartPopupComponent,
+                                    data: {
+                                        download: {
+                                            show: this.download?.show ?? DEFAULT_DOWNLOAD$3.show,
+                                            label: this.download?.label ?? DEFAULT_DOWNLOAD$3.label,
+                                            name: this.download?.name ?? DEFAULT_DOWNLOAD$3.name,
+                                        },
+                                        option: this.#echarts.getOption()
+                                    }
+                                });
+                            }
+                        }
+                    },
+                    emphasis: {
+                        iconStyle: {
+                            color: textColor,
+                            borderColor,
+                            borderWidth: 1,
+                            textBackgroundColor,
+                            textPadding: 5,
+                        }
+                    }
+                };
+                const tooltip = {
+                    show: this.tooltip?.show ?? DEFAULT_TOOLTIP$3.show,
+                    trigger: 'item',
+                    appendToBody: true,
+                    formatter: this.tooltip?.formatter
+                };
+                let legend = {
+                    show: this.legend?.show ?? DEFAULT_LEGEND$1.show,
+                    orient: this.legend?.orient ?? DEFAULT_LEGEND$1.orient,
+                    left: this.legend?.position ? this.legend?.position.x : DEFAULT_LEGEND$1.position.x,
+                    top: this.legend?.position ? this.legend?.position.y : DEFAULT_LEGEND$1.position.y,
+                };
+                let graphic;
+                if (this.centerLabel) {
+                    let centerLabelColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-donut-chart-center-label-color');
+                    let { width, height } = this.#chartContainer.getBoundingClientRect();
+                    let base = Math.min(width, height);
+                    let fontSize = base / 6;
+                    graphic = {
+                        type: 'text',
+                        left: 'center',
+                        top: 'center',
+                        style: {
+                            text: this.centerLabel,
+                            fill: centerLabelColor,
+                            textAlign: 'center',
+                            fontSize,
+                            fontWeight: 'bold'
+                        }
+                    };
+                }
+                const option = {
+                    tooltip,
+                    toolbox,
+                    legend,
+                    series,
+                    graphic
+                };
+                import('echarts').then(echarts => {
+                    this.#echarts = echarts.init(this.#chartContainer);
+                    Promise.resolve().then(() => {
+                        this.#echarts.setOption(option);
+                        this.#echarts.on('click', params => {
+                            this.onSelect.emit(params.name);
+                        });
+                        this.#resizeSubscription.unsubscribe();
+                        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.#resizeSubscription = new Subscription();
+                        this.#resizeSubscription.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);
+                            Promise.resolve().then(() => {
+                                this.#echarts.setOption({ ...option, series: option.series.map(_serie => { return { ..._serie, data: this.#data }; }) });
+                                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-donut-chart-width');
+        let minHeight = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-donut-chart-height');
+        const width = minWidth ? minWidth : elementWidth ? `${elementWidth * 0.99}px` : DEFAULT_CHART_SIZE$3;
+        const height = minHeight ? minHeight : elementHeight ? `${elementHeight}px` : DEFAULT_CHART_SIZE$3;
+        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(document.documentElement).getPropertyValue(cssVariable).trim();
+        return rootValue || null;
+    };
+    ngOnDestroy() {
+        this.#afterViewInitSubscription.unsubscribe();
+        this.#resizeSubscription.unsubscribe();
+        if (this.#resizeObserver) {
+            this.#resizeObserver.disconnect();
+        }
+        if (this.#echarts) {
+            this.#echarts.clear();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDonutChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyDonutChartComponent, isStandalone: true, selector: "bizy-donut-chart", inputs: { resizeRef: "resizeRef", centerLabel: "centerLabel", tooltip: "tooltip", legend: "legend", download: "download", expand: "expand", label: "label", data: "data" }, outputs: { onSelect: "onSelect", onDownload: "onDownload" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:flex;justify-content:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDonutChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bizy-donut-chart', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;justify-content:center}\n"] }]
+        }], propDecorators: { resizeRef: [{
+                type: Input
+            }], centerLabel: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], legend: [{
+                type: Input
+            }], download: [{
+                type: Input
+            }], expand: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], onSelect: [{
+                type: Output
+            }], onDownload: [{
+                type: Output
+            }], data: [{
+                type: Input
+            }] } });
+
+const COMPONENTS$p = [
+    BizyDonutChartComponent,
+    BizyDonutChartPopupComponent
+];
+class BizyDonutChartModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDonutChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyDonutChartModule, imports: [BizyDonutChartComponent,
+            BizyDonutChartPopupComponent], exports: [BizyDonutChartComponent,
+            BizyDonutChartPopupComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDonutChartModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDonutChartModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: COMPONENTS$p,
+                    exports: COMPONENTS$p,
+                }]
+        }] });
+
+const ES = {
+    ...es_ES,
+    strings: {
+        ...es_ES.strings,
+        noDuplicates: 'Archivo duplicado: \'%{fileName}\'',
+        browseFiles: 'buscar archivo',
+        dropPasteFiles: 'Soltar archivo aquí, pegar o %{browse}'
+    }
+};
+const EN = {
+    ...en_US,
+    strings: {
+        ...en_US.strings,
+        noDuplicates: 'Duplicated file: \'%{fileName}\'',
+        browseFiles: 'browse file',
+        dropPasteFiles: 'Drop a file here or %{browse}'
+    }
+};
+class BizyFileUploaderService {
+    #renderer = inject(Renderer2);
+    #document = inject(DOCUMENT$1);
+    #fileLoaded = new Subject();
+    #fileRemoved = new Subject();
+    #upload = new Subject();
+    #uploadSuccess = new Subject();
+    #error = new Subject();
+    #cancelAll = new Subject();
+    #complete = new Subject();
+    #disableLocalFiles = false;
+    #uppy = null;
+    get fileLoaded$() {
+        return this.#fileLoaded.asObservable();
+    }
+    get fileRemoved$() {
+        return this.#fileRemoved.asObservable();
+    }
+    get upload$() {
+        return this.#upload.asObservable();
+    }
+    get uploadSuccess$() {
+        return this.#uploadSuccess.asObservable();
+    }
+    get error$() {
+        return this.#error.asObservable();
+    }
+    get cancelAll$() {
+        return this.#cancelAll.asObservable();
+    }
+    get complete$() {
+        return this.#complete.asObservable();
+    }
+    createFileUploader(data) {
+        const locale = data.language === 'es' ? ES : EN;
+        this.#disableLocalFiles = data.disableLocalFiles;
+        this.#uppy = new Uppy({
+            locale,
+            infoTimeout: 2500,
+            restrictions: {
+                maxFileSize: data.maxFileSize,
+                minFileSize: data.minFileSize,
+                maxTotalFileSize: data.maxTotalFileSize,
+                maxNumberOfFiles: data.maxNumberOfFiles,
+                minNumberOfFiles: data.minNumberOfFiles,
+                allowedFileTypes: data.allowedFileTypes
+            }
+        })
+            .use(Dashboard, {
+            inline: true,
+            singleFileFullScreen: false,
+            target: `#${data.templateId}`,
+            width: data.dragDropAreaWidth,
+            height: data.dragDropAreaHeight,
+            hideCancelButton: data.hideCancelButton,
+            hideUploadButton: data.hideUploadButton,
+            hidePauseResumeButton: data.hidePauseResumeButton,
+            disableLocalFiles: data.disableLocalFiles
         })
             .use(XHRUpload, {
             endpoint: '',
@@ -11927,7 +12348,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Output
             }] } });
 
-const COMPONENTS$n = [
+const COMPONENTS$o = [
     BizyFileUploaderComponent,
 ];
 class BizyFileUploaderModule {
@@ -11938,8 +12359,8 @@ class BizyFileUploaderModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFileUploaderModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$n,
-                    exports: COMPONENTS$n,
+                    imports: COMPONENTS$o,
+                    exports: COMPONENTS$o,
                     providers: [BizyFileUploaderService]
                 }]
         }] });
@@ -11962,7 +12383,6 @@ class BizyFilterSectionRangeOptionComponent {
         minValue: [null],
         maxValue: [null]
     });
-    ;
     set min(min) {
         if (typeof min === 'undefined' || min === null) {
             this.minValue.setValue(null);
@@ -12545,7 +12965,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 }]
         }] });
 
-const COMPONENTS$m = [
+const COMPONENTS$n = [
     BizyFilterComponent,
     BizyFilterSectionComponent,
     BizyFilterContentComponent,
@@ -12584,8 +13004,8 @@ class BizyFilterModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFilterModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$m.concat(PIPES$1),
-                    exports: COMPONENTS$m.concat(PIPES$1),
+                    imports: COMPONENTS$n.concat(PIPES$1),
+                    exports: COMPONENTS$n.concat(PIPES$1),
                     providers: PIPES$1
                 }]
         }] });
@@ -12818,19 +13238,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$l = [
+const COMPONENTS$m = [
     BizyFormComponent,
 ];
 class BizyFormModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyFormModule, imports: [BizyFormComponent], exports: [BizyFormComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFormModule, imports: [COMPONENTS$l] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFormModule, imports: [COMPONENTS$m] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFormModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$l,
-                    exports: COMPONENTS$l,
+                    imports: COMPONENTS$m,
+                    exports: COMPONENTS$m,
                 }]
         }] });
 
@@ -13212,7 +13632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$k = [
+const COMPONENTS$l = [
     BizyGaugeChartComponent,
     BizyGaugeChartPopupComponent
 ];
@@ -13226,8 +13646,8 @@ class BizyGaugeChartModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyGaugeChartModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$k,
-                    exports: COMPONENTS$k,
+                    imports: COMPONENTS$l,
+                    exports: COMPONENTS$l,
                 }]
         }] });
 
@@ -13380,9 +13800,6 @@ class BizyGridComponent {
         this.itemRows = itemRows;
         this.#ref.detectChanges();
     };
-    trackById(index, item) {
-        return item?.id ?? index;
-    }
     scrollTo(index, behavior = 'smooth') {
         this.virtualScroll.scrollToIndex(index, behavior);
     }
@@ -13397,11 +13814,11 @@ class BizyGridComponent {
     }
     getNativeElement = () => this.#elementRef?.nativeElement;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyGridComponent, isStandalone: true, selector: "bizy-grid", inputs: { resizeRef: "resizeRef" }, queries: [{ propertyName: "gridDirective", first: true, predicate: BizyGridForDirective, descendants: true }], viewQueries: [{ propertyName: "virtualScroll", first: true, predicate: ["cdkVirtualScroll"], descendants: true }, { propertyName: "content", first: true, predicate: ["gridScrollingContent"], descendants: true }], ngImport: i0, template: "<div class=\"bizy-grid\" [ngClass]=\"{'bizy-grid--empty': items && items.length === 0}\">\n\n  <cdk-virtual-scroll-viewport\n    #cdkVirtualScroll\n    class=\"bizy-grid__rows\"\n    [itemSize]=\"rowHeight\"\n    [minBufferPx]=\"rowHeight + (rowHeight * 5)\"\n    [maxBufferPx]=\"rowHeight + (rowHeight * 10)\">\n\n    <ng-content></ng-content>\n\n    <ng-template #gridScrollingContent>\n      <ng-template\n        let-item\n        let-index=\"index\"\n        let-first=\"first\"\n        let-last=\"last\"\n        let-even=\"even\"\n        let-odd=\"odd\"\n        cdkVirtualFor\n        [cdkVirtualForOf]=\"itemRows\">\n        <bizy-grid-row [rowHeight]=\"rowHeight\" [itemsPerRow]=\"itemsPerRow\">\n          @for (it of item; track trackById(i, it); let i = $index) {\n            <ng-template\n                            *ngTemplateOutlet=\"itemTemplate;\n                            context: { \n                                $implicit: it,\n                                index: index * itemsPerRow + i,\n                                rowIndex: index,\n                                rowFirst: first,\n                                rowLast: last,\n                                rowEven: even,\n                                rowOdd: odd\n                            }\"></ng-template>\n          }\n        </bizy-grid-row>\n      </ng-template>\n    </ng-template>\n  </cdk-virtual-scroll-viewport>\n\n</div>\n", styles: [":host{display:inline-block!important;min-height:var(--bizy-grid-min-height);max-height:var(--bizy-grid-max-height);height:var(--bizy-grid-height);width:var(--bizy-grid-width);flex:1;overflow-x:auto;overflow-y:hidden;font-size:1rem}:host:has(.bizy-grid--empty){height:0!important;min-height:0!important;max-height:0!important}.bizy-grid{width:inherit;height:inherit;min-width:fit-content;display:flex;flex-direction:column;row-gap:.3rem;overflow-x:clip;background-color:var(--bizy-grid-background-color)}.bizy-grid__rows{width:100%;display:flex;flex-direction:column;min-width:fit-content;overflow-x:hidden}::ng-deep .cdk-virtual-scrollable{height:100%;width:100%;overflow-y:auto!important;overflow-x:hidden!important;contain:inline-size!important}::ng-deep .cdk-virtual-scroll-content-wrapper{min-width:100%;max-width:100%}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar{width:.5rem;height:.5rem}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--bizy-grid-scroll-bar-color)}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--bizy-grid-scroll-bar-hover-color)}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-button{height:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$2.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$2.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$2.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: BizyGridRowComponent, selector: "bizy-grid-row", inputs: ["rowHeight", "itemsPerRow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyGridComponent, isStandalone: true, selector: "bizy-grid", inputs: { resizeRef: "resizeRef" }, queries: [{ propertyName: "gridDirective", first: true, predicate: BizyGridForDirective, descendants: true }], viewQueries: [{ propertyName: "virtualScroll", first: true, predicate: ["cdkVirtualScroll"], descendants: true }, { propertyName: "content", first: true, predicate: ["gridScrollingContent"], descendants: true }], ngImport: i0, template: "<div class=\"bizy-grid\" [ngClass]=\"{'bizy-grid--empty': items && items.length === 0}\">\n\n  <cdk-virtual-scroll-viewport\n    #cdkVirtualScroll\n    class=\"bizy-grid__rows\"\n    [itemSize]=\"rowHeight\"\n    [minBufferPx]=\"rowHeight + (rowHeight * 5)\"\n    [maxBufferPx]=\"rowHeight + (rowHeight * 10)\">\n\n    <ng-content></ng-content>\n\n    <ng-template #gridScrollingContent>\n      <ng-template\n        let-item\n        let-index=\"index\"\n        let-first=\"first\"\n        let-last=\"last\"\n        let-even=\"even\"\n        let-odd=\"odd\"\n        cdkVirtualFor\n        [cdkVirtualForOf]=\"itemRows\">\n        <bizy-grid-row [rowHeight]=\"rowHeight\" [itemsPerRow]=\"itemsPerRow\">\n          @for (it of item; track it.id ?? i; let i = $index) {\n            <ng-template\n                            *ngTemplateOutlet=\"itemTemplate;\n                            context: { \n                                $implicit: it,\n                                index: index * itemsPerRow + i,\n                                rowIndex: index,\n                                rowFirst: first,\n                                rowLast: last,\n                                rowEven: even,\n                                rowOdd: odd\n                            }\"></ng-template>\n          }\n        </bizy-grid-row>\n      </ng-template>\n    </ng-template>\n  </cdk-virtual-scroll-viewport>\n\n</div>\n", styles: [":host{display:inline-block!important;min-height:var(--bizy-grid-min-height);max-height:var(--bizy-grid-max-height);height:var(--bizy-grid-height);width:var(--bizy-grid-width);flex:1;overflow-x:auto;overflow-y:hidden;font-size:1rem}:host:has(.bizy-grid--empty){height:0!important;min-height:0!important;max-height:0!important}.bizy-grid{width:inherit;height:inherit;min-width:fit-content;display:flex;flex-direction:column;row-gap:.3rem;overflow-x:clip;background-color:var(--bizy-grid-background-color)}.bizy-grid__rows{width:100%;display:flex;flex-direction:column;min-width:fit-content;overflow-x:hidden}::ng-deep .cdk-virtual-scrollable{height:100%;width:100%;overflow-y:auto!important;overflow-x:hidden!important;contain:inline-size!important}::ng-deep .cdk-virtual-scroll-content-wrapper{min-width:100%;max-width:100%}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar{width:.5rem;height:.5rem}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--bizy-grid-scroll-bar-color)}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--bizy-grid-scroll-bar-hover-color)}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-button{height:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$2.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$2.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$2.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: BizyGridRowComponent, selector: "bizy-grid-row", inputs: ["rowHeight", "itemsPerRow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizy-grid', imports: [CommonModule, ScrollingModule, BizyGridRowComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bizy-grid\" [ngClass]=\"{'bizy-grid--empty': items && items.length === 0}\">\n\n  <cdk-virtual-scroll-viewport\n    #cdkVirtualScroll\n    class=\"bizy-grid__rows\"\n    [itemSize]=\"rowHeight\"\n    [minBufferPx]=\"rowHeight + (rowHeight * 5)\"\n    [maxBufferPx]=\"rowHeight + (rowHeight * 10)\">\n\n    <ng-content></ng-content>\n\n    <ng-template #gridScrollingContent>\n      <ng-template\n        let-item\n        let-index=\"index\"\n        let-first=\"first\"\n        let-last=\"last\"\n        let-even=\"even\"\n        let-odd=\"odd\"\n        cdkVirtualFor\n        [cdkVirtualForOf]=\"itemRows\">\n        <bizy-grid-row [rowHeight]=\"rowHeight\" [itemsPerRow]=\"itemsPerRow\">\n          @for (it of item; track trackById(i, it); let i = $index) {\n            <ng-template\n                            *ngTemplateOutlet=\"itemTemplate;\n                            context: { \n                                $implicit: it,\n                                index: index * itemsPerRow + i,\n                                rowIndex: index,\n                                rowFirst: first,\n                                rowLast: last,\n                                rowEven: even,\n                                rowOdd: odd\n                            }\"></ng-template>\n          }\n        </bizy-grid-row>\n      </ng-template>\n    </ng-template>\n  </cdk-virtual-scroll-viewport>\n\n</div>\n", styles: [":host{display:inline-block!important;min-height:var(--bizy-grid-min-height);max-height:var(--bizy-grid-max-height);height:var(--bizy-grid-height);width:var(--bizy-grid-width);flex:1;overflow-x:auto;overflow-y:hidden;font-size:1rem}:host:has(.bizy-grid--empty){height:0!important;min-height:0!important;max-height:0!important}.bizy-grid{width:inherit;height:inherit;min-width:fit-content;display:flex;flex-direction:column;row-gap:.3rem;overflow-x:clip;background-color:var(--bizy-grid-background-color)}.bizy-grid__rows{width:100%;display:flex;flex-direction:column;min-width:fit-content;overflow-x:hidden}::ng-deep .cdk-virtual-scrollable{height:100%;width:100%;overflow-y:auto!important;overflow-x:hidden!important;contain:inline-size!important}::ng-deep .cdk-virtual-scroll-content-wrapper{min-width:100%;max-width:100%}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar{width:.5rem;height:.5rem}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--bizy-grid-scroll-bar-color)}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--bizy-grid-scroll-bar-hover-color)}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-button{height:1rem}\n"] }]
+            args: [{ selector: 'bizy-grid', imports: [CommonModule, ScrollingModule, BizyGridRowComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bizy-grid\" [ngClass]=\"{'bizy-grid--empty': items && items.length === 0}\">\n\n  <cdk-virtual-scroll-viewport\n    #cdkVirtualScroll\n    class=\"bizy-grid__rows\"\n    [itemSize]=\"rowHeight\"\n    [minBufferPx]=\"rowHeight + (rowHeight * 5)\"\n    [maxBufferPx]=\"rowHeight + (rowHeight * 10)\">\n\n    <ng-content></ng-content>\n\n    <ng-template #gridScrollingContent>\n      <ng-template\n        let-item\n        let-index=\"index\"\n        let-first=\"first\"\n        let-last=\"last\"\n        let-even=\"even\"\n        let-odd=\"odd\"\n        cdkVirtualFor\n        [cdkVirtualForOf]=\"itemRows\">\n        <bizy-grid-row [rowHeight]=\"rowHeight\" [itemsPerRow]=\"itemsPerRow\">\n          @for (it of item; track it.id ?? i; let i = $index) {\n            <ng-template\n                            *ngTemplateOutlet=\"itemTemplate;\n                            context: { \n                                $implicit: it,\n                                index: index * itemsPerRow + i,\n                                rowIndex: index,\n                                rowFirst: first,\n                                rowLast: last,\n                                rowEven: even,\n                                rowOdd: odd\n                            }\"></ng-template>\n          }\n        </bizy-grid-row>\n      </ng-template>\n    </ng-template>\n  </cdk-virtual-scroll-viewport>\n\n</div>\n", styles: [":host{display:inline-block!important;min-height:var(--bizy-grid-min-height);max-height:var(--bizy-grid-max-height);height:var(--bizy-grid-height);width:var(--bizy-grid-width);flex:1;overflow-x:auto;overflow-y:hidden;font-size:1rem}:host:has(.bizy-grid--empty){height:0!important;min-height:0!important;max-height:0!important}.bizy-grid{width:inherit;height:inherit;min-width:fit-content;display:flex;flex-direction:column;row-gap:.3rem;overflow-x:clip;background-color:var(--bizy-grid-background-color)}.bizy-grid__rows{width:100%;display:flex;flex-direction:column;min-width:fit-content;overflow-x:hidden}::ng-deep .cdk-virtual-scrollable{height:100%;width:100%;overflow-y:auto!important;overflow-x:hidden!important;contain:inline-size!important}::ng-deep .cdk-virtual-scroll-content-wrapper{min-width:100%;max-width:100%}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar{width:.5rem;height:.5rem}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--bizy-grid-scroll-bar-color)}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--bizy-grid-scroll-bar-hover-color)}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-button{height:1rem}\n"] }]
         }], propDecorators: { virtualScroll: [{
                 type: ViewChild,
                 args: ['cdkVirtualScroll']
@@ -13415,7 +13832,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$j = [
+const COMPONENTS$k = [
     BizyGridComponent,
     BizyGridRowComponent
 ];
@@ -13432,8 +13849,8 @@ class BizyGridModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyGridModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$j.concat(DIRECTIVES$2),
-                    exports: COMPONENTS$j.concat(DIRECTIVES$2),
+                    imports: COMPONENTS$k.concat(DIRECTIVES$2),
+                    exports: COMPONENTS$k.concat(DIRECTIVES$2),
                 }]
         }] });
 
@@ -13931,7 +14348,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$i = [
+const COMPONENTS$j = [
     BizyHeatMapChartComponent,
 ];
 class BizyHeatMapChartModule {
@@ -13942,12 +14359,12 @@ class BizyHeatMapChartModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyHeatMapChartModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$i,
-                    exports: COMPONENTS$i,
+                    imports: COMPONENTS$j,
+                    exports: COMPONENTS$j,
                 }]
         }] });
 
-const COMPONENTS$h = [
+const COMPONENTS$i = [
     BizyInputComponent,
     BizyInputOptionComponent
 ];
@@ -13956,13 +14373,13 @@ class BizyInputModule {
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyInputModule, imports: [BizyInputComponent,
             BizyInputOptionComponent], exports: [BizyInputComponent,
             BizyInputOptionComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyInputModule, imports: [COMPONENTS$h] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyInputModule, imports: [COMPONENTS$i] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyInputModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$h,
-                    exports: COMPONENTS$h,
+                    imports: COMPONENTS$i,
+                    exports: COMPONENTS$i,
                 }]
         }] });
 
@@ -13982,7 +14399,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$g = [
+const COMPONENTS$h = [
     BizyListComponent,
 ];
 class BizyListModule {
@@ -13993,8 +14410,8 @@ class BizyListModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyListModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$g,
-                    exports: COMPONENTS$g,
+                    imports: COMPONENTS$h,
+                    exports: COMPONENTS$h,
                 }]
         }] });
 
@@ -14140,7 +14557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$f = [
+const COMPONENTS$g = [
     BizyMenuComponent,
     BizyMenuOptionComponent,
     BizyMenuTitleComponent
@@ -14158,8 +14575,8 @@ class BizyMenuModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyMenuModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$f,
-                    exports: COMPONENTS$f,
+                    imports: COMPONENTS$g,
+                    exports: COMPONENTS$g,
                 }]
         }] });
 
@@ -14274,7 +14691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$e = [
+const COMPONENTS$f = [
     BizyMenuBarComponent,
     BizyMenuBarOptionComponent,
 ];
@@ -14288,8 +14705,8 @@ class BizyMenuBarModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyMenuBarModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$e,
-                    exports: COMPONENTS$e,
+                    imports: COMPONENTS$f,
+                    exports: COMPONENTS$f,
                 }]
         }] });
 
@@ -14391,20 +14808,32 @@ const DEFAULT_EXPAND = {
 const DEFAULT_TOOLTIP = {
     show: true
 };
+const DEFAULT_LEGEND = {
+    show: false,
+    orient: 'vertical',
+    position: {
+        x: 'auto',
+        y: 'auto'
+    }
+};
+const DEFAULT_LABEL = {
+    show: true,
+    overflow: 'break',
+    line: true
+};
 class BizyPieChartComponent {
     #elementRef = inject(ElementRef);
-    #document = inject(DOCUMENT$1);
+    #document = inject(DOCUMENT);
     #ref = inject(ChangeDetectorRef);
     #renderer = inject(Renderer2);
     #popup = inject(BizyPopupService);
     resizeRef = null;
-    type = 'pie';
     centerLabel = null;
     tooltip = DEFAULT_TOOLTIP;
     legend = null;
     download = DEFAULT_DOWNLOAD;
     expand = DEFAULT_EXPAND;
-    label = null;
+    label = DEFAULT_LABEL;
     onSelect = new EventEmitter();
     onDownload = new EventEmitter();
     #echarts = null;
@@ -14433,190 +14862,182 @@ class BizyPieChartComponent {
     }
     async #setChartData(data) {
         this.#afterViewInitSubscription.add(this.#afterViewInit.pipe(filter$1(value => value === true), take(1)).subscribe(() => {
-            this.#createChartContainer();
-            if (!this.#chartContainer) {
-                return;
-            }
-            if (data && data.length > 0 && data[0] !== 0) {
-                this.#data = [];
-                data.forEach(_d => {
-                    if (!_d.value) {
-                        _d.value = 0;
-                    }
-                    if (!_d.name) {
-                        _d.name = '---';
-                    }
-                    const itemStyle = _d.color ? { color: _d.color } : {};
-                    this.#data.push({
-                        name: _d.name,
-                        value: _d.value,
-                        itemStyle
+            /**
+             * setTimeout fix angular render problem
+             */
+            setTimeout(() => {
+                this.#createChartContainer();
+                if (!this.#chartContainer) {
+                    return;
+                }
+                if (data && data.length > 0 && data[0] !== 0) {
+                    this.#data = [];
+                    data.forEach(_d => {
+                        if (!_d.value) {
+                            _d.value = 0;
+                        }
+                        if (!_d.name) {
+                            _d.name = '---';
+                        }
+                        const itemStyle = _d.color ? { color: _d.color } : {};
+                        this.#data.push({
+                            name: _d.name,
+                            value: _d.value,
+                            itemStyle,
+                            metadata: _d.metadata
+                        });
                     });
-                });
-            }
-            else {
-                this.#data = EMPTY_CHART;
-            }
-            const itemStyle = this.type === 'donut' ?
-                {
-                    borderRadius: 10,
-                    borderColor: '#fff',
-                    borderWidth: 2
-                } : {};
-            const label = this.label ?
-                {
-                    show: this.label.show ?? true,
-                    overflow: this.label.overflow ?? 'break',
+                }
+                else {
+                    this.#data = EMPTY_CHART;
+                }
+                const label = {
+                    show: this.label?.show ?? DEFAULT_LABEL.show,
+                    overflow: this.label?.overflow ?? DEFAULT_LABEL.overflow,
                     formatter: this.label?.formatter
-                } :
-                this.type === 'pie' ?
-                    {
-                        show: true
-                    } :
-                    {
-                        show: false,
-                        position: 'center'
-                    };
-            const labelLine = {
-                show: this.label?.line ?? true
-            };
-            const series = [{
-                    type: 'pie',
-                    radius: this.type === 'pie' ? '50%' : ['50%', '70%'],
-                    center: ['50%', '50%'],
-                    data: this.#data,
-                    itemStyle,
-                    label,
-                    labelLine
-                }];
-            const textColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-tooltip-color');
-            const textBackgroundColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-tooltip-background-color');
-            const borderColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-tooltip-border-color');
-            const toolbox = {
-                show: true,
-                feature: {
-                    mySaveAsImage: {
-                        show: this.download.show ?? DEFAULT_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 ?? DEFAULT_DOWNLOAD.label,
-                        onclick: () => {
-                            setTimeout(() => {
-                                import('html2canvas').then(module => {
-                                    const html2canvas = module.default;
-                                    html2canvas(this.#chartContainer).then(canvas => {
-                                        var link = this.#renderer.createElement('a');
-                                        link.href = canvas.toDataURL('image/png');
-                                        link.download = `${this.download.name ?? DEFAULT_DOWNLOAD.name}.png`;
-                                        this.#renderer.appendChild(this.#document.body, link);
-                                        link.click();
-                                        this.#renderer.removeChild(this.#document.body, link);
-                                        this.onDownload.emit();
+                };
+                const labelLine = {
+                    show: this.label?.line ?? true
+                };
+                const series = [{
+                        type: 'pie',
+                        radius: '50%',
+                        center: ['50%', '50%'],
+                        data: this.#data,
+                        label,
+                        labelLine
+                    }];
+                const textColor = getComputedStyle(this.#document.documentElement).getPropertyValue('--bizy-pie-chart-tooltip-color');
+                const textBackgroundColor = getComputedStyle(this.#document.documentElement).getPropertyValue('--bizy-pie-chart-tooltip-background-color');
+                const borderColor = getComputedStyle(this.#document.documentElement).getPropertyValue('--bizy-pie-chart-tooltip-border-color');
+                const toolbox = {
+                    show: true,
+                    feature: {
+                        mySaveAsImage: {
+                            show: this.download.show ?? DEFAULT_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 ?? DEFAULT_DOWNLOAD.label,
+                            onclick: () => {
+                                setTimeout(() => {
+                                    import('html2canvas').then(module => {
+                                        const html2canvas = module.default;
+                                        html2canvas(this.#chartContainer).then(canvas => {
+                                            var link = this.#renderer.createElement('a');
+                                            link.href = canvas.toDataURL('image/png');
+                                            link.download = `${this.download.name ?? DEFAULT_DOWNLOAD.name}.png`;
+                                            this.#renderer.appendChild(this.#document.body, link);
+                                            link.click();
+                                            this.#renderer.removeChild(this.#document.body, link);
+                                            this.onDownload.emit();
+                                        });
                                     });
+                                }, 500);
+                            }
+                        },
+                        myExpandChart: {
+                            show: this.expand.show ?? DEFAULT_EXPAND.show,
+                            icon: 'path://M264 96L120 96C106.7 96 96 106.7 96 120L96 264C96 273.7 101.8 282.5 110.8 286.2C119.8 289.9 130.1 287.8 137 281L177 241L256 320L177 399L137 359C130.1 352.1 119.8 350.1 110.8 353.8C101.8 357.5 96 366.3 96 376L96 520C96 533.3 106.7 544 120 544L264 544C273.7 544 282.5 538.2 286.2 529.2C289.9 520.2 287.9 509.9 281 503L241 463L320 384L399 463L359 503C352.1 509.9 350.1 520.2 353.8 529.2C357.5 538.2 366.3 544 376 544L520 544C533.3 544 544 533.3 544 520L544 376C544 366.3 538.2 357.5 529.2 353.8C520.2 350.1 509.9 352.1 503 359L463 399L384 320L463 241L503 281C509.9 287.9 520.2 289.9 529.2 286.2C538.2 282.5 544 273.7 544 264L544 120C544 106.7 533.3 96 520 96L376 96C366.3 96 357.5 101.8 353.8 110.8C350.1 119.8 352.2 130.1 359 137L399 177L320 256L241 177L281 137C287.9 130.1 289.9 119.8 286.2 110.8C282.5 101.8 273.7 96 264 96z',
+                            title: this.expand.label ?? DEFAULT_EXPAND.label,
+                            onclick: () => {
+                                this.#popup.open({
+                                    component: BizyPieChartPopupComponent,
+                                    data: {
+                                        download: {
+                                            show: this.download?.show ?? DEFAULT_DOWNLOAD.show,
+                                            label: this.download?.label ?? DEFAULT_DOWNLOAD.label,
+                                            name: this.download?.name ?? DEFAULT_DOWNLOAD.name,
+                                        },
+                                        option: this.#echarts.getOption()
+                                    }
                                 });
-                            }, 500);
+                            }
                         }
                     },
-                    myExpandChart: {
-                        show: this.expand.show ?? DEFAULT_EXPAND.show,
-                        icon: 'path://M264 96L120 96C106.7 96 96 106.7 96 120L96 264C96 273.7 101.8 282.5 110.8 286.2C119.8 289.9 130.1 287.8 137 281L177 241L256 320L177 399L137 359C130.1 352.1 119.8 350.1 110.8 353.8C101.8 357.5 96 366.3 96 376L96 520C96 533.3 106.7 544 120 544L264 544C273.7 544 282.5 538.2 286.2 529.2C289.9 520.2 287.9 509.9 281 503L241 463L320 384L399 463L359 503C352.1 509.9 350.1 520.2 353.8 529.2C357.5 538.2 366.3 544 376 544L520 544C533.3 544 544 533.3 544 520L544 376C544 366.3 538.2 357.5 529.2 353.8C520.2 350.1 509.9 352.1 503 359L463 399L384 320L463 241L503 281C509.9 287.9 520.2 289.9 529.2 286.2C538.2 282.5 544 273.7 544 264L544 120C544 106.7 533.3 96 520 96L376 96C366.3 96 357.5 101.8 353.8 110.8C350.1 119.8 352.2 130.1 359 137L399 177L320 256L241 177L281 137C287.9 130.1 289.9 119.8 286.2 110.8C282.5 101.8 273.7 96 264 96z',
-                        title: this.expand.label ?? DEFAULT_EXPAND.label,
-                        onclick: () => {
-                            this.#popup.open({
-                                component: BizyPieChartPopupComponent,
-                                data: {
-                                    download: {
-                                        show: this.download?.show ?? DEFAULT_DOWNLOAD.show,
-                                        label: this.download?.label ?? DEFAULT_DOWNLOAD.label,
-                                        name: this.download?.name ?? DEFAULT_DOWNLOAD.name,
-                                    },
-                                    option: this.#echarts.getOption()
-                                }
-                            });
+                    emphasis: {
+                        iconStyle: {
+                            color: textColor,
+                            borderColor,
+                            borderWidth: 1,
+                            textBackgroundColor,
+                            textPadding: 5,
                         }
                     }
-                },
-                emphasis: {
-                    iconStyle: {
-                        color: textColor,
-                        borderColor,
-                        borderWidth: 1,
-                        textBackgroundColor,
-                        textPadding: 5,
-                    }
-                }
-            };
-            const tooltip = {
-                show: this.tooltip?.show ?? DEFAULT_TOOLTIP.show,
-                trigger: 'item',
-                appendToBody: true,
-                formatter: this.tooltip?.formatter
-            };
-            let legend = {};
-            if (this.legend) {
-                legend.show = this.legend.show;
-                legend.orient = this.legend.orient;
-                legend.left = this.legend.position ? this.legend.position.x : 'auto';
-                legend.top = this.legend.position ? this.legend.position.y : 'auto';
-            }
-            else {
-                legend = this.type === 'pie' ? { show: false } : {
-                    show: true,
-                    orient: 'vertical',
-                    left: 'left'
                 };
-            }
-            let graphic;
-            if (this.centerLabel) {
-                let centerLabelColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-center-label-color');
-                let { width, height } = this.#chartContainer.getBoundingClientRect();
-                let base = Math.min(width, height);
-                let fontSize = base / 6;
-                graphic = {
-                    type: 'text',
-                    left: 'center',
-                    top: 'center',
-                    style: {
-                        text: String(this.centerLabel.value),
-                        fill: this.centerLabel.color || centerLabelColor,
-                        textAlign: 'center',
-                        fontSize,
-                        fontWeight: 'bold'
-                    }
+                const tooltip = {
+                    show: this.tooltip?.show ?? DEFAULT_TOOLTIP.show,
+                    trigger: 'item',
+                    appendToBody: true,
+                    formatter: this.tooltip?.formatter
                 };
-            }
-            const option = {
-                tooltip,
-                toolbox,
-                legend,
-                series,
-                graphic
-            };
-            import('echarts').then(echarts => {
-                this.#echarts = echarts.init(this.#chartContainer);
-                Promise.resolve().then(() => {
-                    this.#echarts.setOption(option);
-                    this.#echarts.on('click', params => {
-                        this.onSelect.emit(params.name);
-                    });
-                    this.#resizeSubscription.unsubscribe();
-                    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.#resizeSubscription = new Subscription();
-                    this.#resizeSubscription.add(this.#resize$.pipe(skip(1), auditTime(300), throttleTime(500)).subscribe(() => {
-                        this.#deleteChartContainer();
-                        this.#createChartContainer();
-                        if (!this.#chartContainer) {
-                            return;
+                let legend = {
+                    show: this.legend?.show ?? DEFAULT_LEGEND.show,
+                    orient: this.legend?.orient ?? DEFAULT_LEGEND.orient,
+                    left: this.legend?.position ? this.legend?.position.x : DEFAULT_LEGEND.position.x,
+                    top: this.legend?.position ? this.legend?.position.y : DEFAULT_LEGEND.position.y,
+                };
+                let graphic;
+                if (this.centerLabel) {
+                    let centerLabelColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-center-label-color');
+                    let { width, height } = this.#chartContainer.getBoundingClientRect();
+                    let base = Math.min(width, height);
+                    let fontSize = base / 6;
+                    graphic = {
+                        type: 'text',
+                        left: 'center',
+                        top: 'center',
+                        style: {
+                            text: this.centerLabel,
+                            fill: centerLabelColor,
+                            textAlign: 'center',
+                            fontSize,
+                            fontWeight: 'bold'
                         }
-                        this.#echarts = echarts.init(this.#chartContainer);
-                        Promise.resolve().then(() => {
-                            this.#echarts.setOption({ ...option, series: option.series.map(_serie => { return { ..._serie, data: this.#data }; }) });
-                            this.#echarts.on('click', params => {
-                                this.onSelect.emit(params.name);
+                    };
+                }
+                const option = {
+                    tooltip,
+                    toolbox,
+                    legend,
+                    series,
+                    graphic
+                };
+                import('echarts').then(echarts => {
+                    this.#echarts = echarts.init(this.#chartContainer);
+                    Promise.resolve().then(() => {
+                        this.#echarts.setOption(option);
+                        this.#echarts.on('click', (params) => {
+                            this.onSelect.emit({
+                                name: params.data.name,
+                                value: params.data.value,
+                                color: params.data.itemStyle.color,
+                                metadata: params.data.metadata || {}
                             });
                         });
-                    }));
+                        this.#resizeSubscription.unsubscribe();
+                        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.#resizeSubscription = new Subscription();
+                        this.#resizeSubscription.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);
+                            Promise.resolve().then(() => {
+                                this.#echarts.setOption({ ...option, series: option.series.map(_serie => { return { ..._serie, data: this.#data }; }) });
+                                this.#echarts.on('click', (params) => {
+                                    this.onSelect.emit({
+                                        name: params.data.name,
+                                        value: params.data.value,
+                                        color: params.data.itemStyle.color,
+                                        metadata: params.data.metadata || {}
+                                    });
+                                });
+                            });
+                        }));
+                    });
                 });
             });
         }));
@@ -14629,7 +15050,7 @@ class BizyPieChartComponent {
         let elementHeight = this.#elementRef.nativeElement.offsetHeight;
         let minWidth = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-width');
         let minHeight = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-pie-chart-height');
-        const width = minWidth ? minWidth : elementWidth ? `${elementWidth}px` : DEFAULT_CHART_SIZE;
+        const width = minWidth ? minWidth : elementWidth ? `${elementWidth * 0.99}px` : DEFAULT_CHART_SIZE;
         const height = minHeight ? minHeight : elementHeight ? `${elementHeight}px` : DEFAULT_CHART_SIZE;
         this.#chartContainer = this.#renderer.createElement('div');
         this.#renderer.setStyle(this.#chartContainer, 'width', width);
@@ -14668,15 +15089,13 @@ class BizyPieChartComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyPieChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyPieChartComponent, isStandalone: true, selector: "bizy-pie-chart", inputs: { resizeRef: "resizeRef", type: "type", centerLabel: "centerLabel", tooltip: "tooltip", legend: "legend", download: "download", expand: "expand", label: "label", data: "data" }, outputs: { onSelect: "onSelect", onDownload: "onDownload" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:flex;justify-content:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyPieChartComponent, isStandalone: true, selector: "bizy-pie-chart", inputs: { resizeRef: "resizeRef", centerLabel: "centerLabel", tooltip: "tooltip", legend: "legend", download: "download", expand: "expand", label: "label", data: "data" }, outputs: { onSelect: "onSelect", onDownload: "onDownload" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:flex;justify-content:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyPieChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizy-pie-chart', template: '', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;justify-content:center}\n"] }]
+            args: [{ selector: 'bizy-pie-chart', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;justify-content:center}\n"] }]
         }], propDecorators: { resizeRef: [{
                 type: Input
-            }], type: [{
-                type: Input
             }], centerLabel: [{
                 type: Input
             }], tooltip: [{
@@ -14697,7 +15116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$d = [
+const COMPONENTS$e = [
     BizyPieChartComponent,
     BizyPieChartPopupComponent
 ];
@@ -14711,8 +15130,8 @@ class BizyPieChartModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyPieChartModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$d,
-                    exports: COMPONENTS$d,
+                    imports: COMPONENTS$e,
+                    exports: COMPONENTS$e,
                 }]
         }] });
 
@@ -14735,19 +15154,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$c = [
+const COMPONENTS$d = [
     BizyProgressBarComponent,
 ];
 class BizyProgressBarModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyProgressBarModule, imports: [BizyProgressBarComponent], exports: [BizyProgressBarComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyProgressBarModule, imports: [COMPONENTS$c] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyProgressBarModule, imports: [COMPONENTS$d] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$c,
-                    exports: COMPONENTS$c,
+                    imports: COMPONENTS$d,
+                    exports: COMPONENTS$d,
                 }]
         }] });
 
@@ -14787,19 +15206,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Output
             }] } });
 
-const COMPONENTS$b = [
+const COMPONENTS$c = [
     BizyRadioComponent,
 ];
 class BizyRadioModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyRadioModule, imports: [BizyRadioComponent], exports: [BizyRadioComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyRadioModule, imports: [COMPONENTS$b] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyRadioModule, imports: [COMPONENTS$c] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyRadioModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$b,
-                    exports: COMPONENTS$b,
+                    imports: COMPONENTS$c,
+                    exports: COMPONENTS$c,
                 }]
         }] });
 
@@ -14867,7 +15286,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$a = [
+const COMPONENTS$b = [
     BizySectionComponent,
     BizySectionStartComponent,
     BizySectionCenterComponent,
@@ -14887,12 +15306,12 @@ class BizySectionModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizySectionModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$a,
-                    exports: COMPONENTS$a,
+                    imports: COMPONENTS$b,
+                    exports: COMPONENTS$b,
                 }]
         }] });
 
-const COMPONENTS$9 = [
+const COMPONENTS$a = [
     BizySelectComponent,
     BizySelectOptionComponent
 ];
@@ -14901,13 +15320,13 @@ class BizySelectModule {
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizySelectModule, imports: [BizySelectComponent,
             BizySelectOptionComponent], exports: [BizySelectComponent,
             BizySelectOptionComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizySelectModule, imports: [COMPONENTS$9] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizySelectModule, imports: [COMPONENTS$a] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizySelectModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$9,
-                    exports: COMPONENTS$9,
+                    imports: COMPONENTS$a,
+                    exports: COMPONENTS$a,
                 }]
         }] });
 
@@ -15260,7 +15679,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$8 = [
+const COMPONENTS$9 = [
     BizySidebarComponent,
     BizySidebarFloatingOptionComponent,
     BizySidebarFloatingOptionTitleComponent,
@@ -15282,8 +15701,8 @@ class BizySidebarModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizySidebarModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$8,
-                    exports: COMPONENTS$8,
+                    imports: COMPONENTS$9,
+                    exports: COMPONENTS$9,
                 }]
         }] });
 
@@ -15328,7 +15747,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$7 = [
+const COMPONENTS$8 = [
     BizySkeletonComponent,
 ];
 class BizySkeletonModule {
@@ -15339,8 +15758,8 @@ class BizySkeletonModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizySkeletonModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: COMPONENTS$7,
-                    exports: COMPONENTS$7,
+                    imports: COMPONENTS$8,
+                    exports: COMPONENTS$8,
                 }]
         }] });
 
@@ -15412,15 +15831,203 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$6 = [
+const COMPONENTS$7 = [
     BizySliderComponent,
 ];
 class BizySliderModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizySliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizySliderModule, imports: [BizySliderComponent], exports: [BizySliderComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizySliderModule, imports: [COMPONENTS$6] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizySliderModule, imports: [COMPONENTS$7] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizySliderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: COMPONENTS$7,
+                    exports: COMPONENTS$7,
+                }]
+        }] });
+
+class BizyStackedBarChartSegmentComponent {
+    #document = inject(DOCUMENT);
+    #elementRef = inject(ElementRef);
+    id = `bizy-stacked-bar-chart-segment-${Math.random()}`;
+    disabled = false;
+    name = null;
+    onSelect = new EventEmitter();
+    onLegendSelect = new EventEmitter();
+    _width = '100%';
+    #color = new BehaviorSubject('');
+    get color$() {
+        return this.#color.asObservable();
+    }
+    #value = new BehaviorSubject(0);
+    get value$() {
+        return this.#value.asObservable();
+    }
+    set value(value) {
+        if (typeof value === 'undefined' || value === null) {
+            return;
+        }
+        this.#value.next(value);
+    }
+    ngAfterViewChecked() {
+        this.#color.next(this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-stacked-bar-chart-color'));
+    }
+    getNativeElement = () => this.#elementRef?.nativeElement;
+    _onSelect(event) {
+        if (this.disabled) {
+            return;
+        }
+        this.onSelect.emit(event);
+    }
+    _setWidth(width) {
+        this._width = width;
+    }
+    _getValue = () => this.#value.value;
+    #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 || null;
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyStackedBarChartSegmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyStackedBarChartSegmentComponent, isStandalone: true, selector: "bizy-stacked-bar-chart-segment", inputs: { id: "id", disabled: "disabled", name: "name", value: "value" }, outputs: { onSelect: "onSelect", onLegendSelect: "onLegendSelect" }, host: { properties: { "id": "id", "style.width": "this._width" } }, ngImport: i0, template: "<button \n    type=\"button\"\n    class=\"bizy-stacked-bar-chart-segment\"\n    [class.bizy-stacked-bar-chart-segment--disabled]=\"disabled\"\n    [class.bizy-stacked-bar-chart-segment--empty]=\"!(value$ | async)\"\n    (click)=\"_onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\">\n</button>", styles: [":host{font-size:1rem;display:flex}.bizy-stacked-bar-chart-segment{flex:1;transition:width .3s ease;border:none;cursor:pointer;background-color:var(--bizy-stacked-bar-chart-color)}.bizy-stacked-bar-chart-segment--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}.bizy-stacked-bar-chart-segment--empty{background-color:var(--bizy-stacked-bar-chart-background-color)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyStackedBarChartSegmentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bizy-stacked-bar-chart-segment', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], host: {
+                        '[id]': 'id',
+                        '[style.width]': 'this._width',
+                    }, template: "<button \n    type=\"button\"\n    class=\"bizy-stacked-bar-chart-segment\"\n    [class.bizy-stacked-bar-chart-segment--disabled]=\"disabled\"\n    [class.bizy-stacked-bar-chart-segment--empty]=\"!(value$ | async)\"\n    (click)=\"_onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\">\n</button>", styles: [":host{font-size:1rem;display:flex}.bizy-stacked-bar-chart-segment{flex:1;transition:width .3s ease;border:none;cursor:pointer;background-color:var(--bizy-stacked-bar-chart-color)}.bizy-stacked-bar-chart-segment--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}.bizy-stacked-bar-chart-segment--empty{background-color:var(--bizy-stacked-bar-chart-background-color)!important}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], onSelect: [{
+                type: Output
+            }], onLegendSelect: [{
+                type: Output
+            }], value: [{
+                type: Input
+            }] } });
+
+var ANURA_STACKED_BAR_CHART_LEGEND_POSITION;
+(function (ANURA_STACKED_BAR_CHART_LEGEND_POSITION) {
+    ANURA_STACKED_BAR_CHART_LEGEND_POSITION["TOP"] = "top";
+    ANURA_STACKED_BAR_CHART_LEGEND_POSITION["BOTTOM"] = "bottom";
+})(ANURA_STACKED_BAR_CHART_LEGEND_POSITION || (ANURA_STACKED_BAR_CHART_LEGEND_POSITION = {}));
+
+const DEFAULT_LEGENDS = {
+    show: true,
+    position: ANURA_STACKED_BAR_CHART_LEGEND_POSITION.BOTTOM
+};
+class BizyStackedBarChartComponent {
+    #elementRef = inject(ElementRef);
+    id = `bizy-stacked-bar-chart-${Math.random()}`;
+    segments = null;
+    _total = 0;
+    _forcedTotal = 0;
+    _legends = DEFAULT_LEGENDS;
+    #segmentSubscription = new Subscription();
+    #segmentValueSubscription = new Subscription();
+    ANURA_STACKED_BAR_CHART_LEGEND_POSITION = ANURA_STACKED_BAR_CHART_LEGEND_POSITION;
+    getNativeElement = () => this.#elementRef?.nativeElement;
+    ngAfterContentInit() {
+        if (!this.segments || this.segments.length === 0) {
+            return;
+        }
+        this.#segmentSubscription = new Subscription();
+        this.#segmentSubscription.add(this.segments.changes.subscribe(_segments => {
+            this.#segmentValueSubscription.unsubscribe();
+            this.#segmentValueSubscription = new Subscription();
+            _segments.forEach(_segment => {
+                this.#segmentValueSubscription.add(_segment.value$.subscribe(_value => {
+                    this.#calculateWidth();
+                }));
+            });
+        }));
+        this.segments.forEach(_segment => {
+            this.#segmentValueSubscription.add(_segment.value$.subscribe(_value => {
+                this.#calculateWidth();
+            }));
+        });
+    }
+    set legends(legends) {
+        if (!legends) {
+            return;
+        }
+        this._legends = {
+            ...legends,
+            show: typeof legends.show !== 'undefined' && legends.show !== null ? legends.show : DEFAULT_LEGENDS.show,
+            position: legends.position || DEFAULT_LEGENDS.position
+        };
+    }
+    set total(total) {
+        if (!total) {
+            return;
+        }
+        this._forcedTotal = total;
+        this.#calculateWidth();
+    }
+    #calculateWidth() {
+        if (!this.segments) {
+            return;
+        }
+        let _total = this._forcedTotal || this.total || 0;
+        if (!_total) {
+            _total = 0;
+            for (let i = 0; i < this.segments.length; i++) {
+                _total += this.segments.get(i)._getValue() || 0;
+            }
+        }
+        if (_total) {
+            for (let i = 0; i < this.segments.length; i++) {
+                this.segments.get(i)._setWidth(`${(this.segments.get(i)._getValue() / _total) * 100}%`);
+            }
+        }
+    }
+    ngOnDestroy() {
+        this.#segmentSubscription.unsubscribe();
+        this.#segmentValueSubscription.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyStackedBarChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyStackedBarChartComponent, isStandalone: true, selector: "bizy-stacked-bar-chart", inputs: { id: "id", legends: "legends", total: "total" }, host: { properties: { "id": "id" } }, queries: [{ propertyName: "segments", predicate: BizyStackedBarChartSegmentComponent }], ngImport: i0, template: "@if(segments && _legends.show && _legends.position === ANURA_STACKED_BAR_CHART_LEGEND_POSITION.TOP) {\n  <div class=\"bizy-stacked-bar-chart__legends\">\n    @for (segment of segments; track segment.id ?? i; let i = $index) {\n      <button \n        type=\"button\"\n        class=\"bizy-stacked-bar-chart__legends__legend\"\n        [class.bizy-button--disabled]=\"segment.disabled\"\n        (click)=\"segment.disabled ? null : segment.onLegendSelect.emit($event)\"\n        (keyup.enter)=\"segment.disabled ? null : segment.onLegendSelect.emit($event)\">\n        <span class=\"bizy-stacked-bar-chart__legends__legend__bullet\"[style.backgroundColor]=\"(segment.color$ | async)\"></span>\n        <h6>{{segment.name}} <strong>{{(segment.value$ | async) || 0}}</strong></h6>\n      </button>\n    }\n  </div>\n}\n\n<div class=\"bizy-stacked-bar-chart\">\n  <ng-content select=\"bizy-stacked-bar-chart-segment\"></ng-content>\n</div>\n\n\n@if(segments && _legends.show && _legends.position === ANURA_STACKED_BAR_CHART_LEGEND_POSITION.BOTTOM) {\n  <div class=\"bizy-stacked-bar-chart__legends\">\n    @for (segment of segments; track segment.id ?? i; let i = $index) {\n      <button \n        type=\"button\"\n        class=\"bizy-stacked-bar-chart__legends__legend\"\n        [class.bizy-button--disabled]=\"segment.disabled\"\n        (click)=\"segment.disabled ? null : segment.onLegendSelect.emit($event)\"\n        (keyup.enter)=\"segment.disabled ? null : segment.onLegendSelect.emit($event)\">\n        <span class=\"bizy-stacked-bar-chart__legends__legend__bullet\"[style.backgroundColor]=\"(segment.color$ | async)\"></span>\n        <h6>{{segment.name}} <strong>{{(segment.value$ | async) || 0}}</strong></h6>\n      </button>\n    }\n  </div>\n}\n", styles: [":host{font-size:1rem;display:flex;flex-direction:column;row-gap:.3rem;height:fit-content;width:var(--bizy-stacked-bar-chart-width)}.bizy-stacked-bar-chart{display:flex;width:100%;height:var(--bizy-stacked-bar-chart-height);border-top:var(--bizy-stacked-bar-chart-border-top, var(--bizy-stacked-bar-chart-border, none));border-right:var(--bizy-stacked-bar-chart-border-right, var(--bizy-stacked-bar-chart-border, none));border-bottom:var(--bizy-stacked-bar-chart-border-bottom, var(--bizy-stacked-bar-chart-border, none));border-left:var(--bizy-stacked-bar-chart-border-left, var(--bizy-stacked-bar-chart-border, none));border-radius:var(--bizy-stacked-bar-chart-border-radius);overflow:hidden;background-color:var(--bizy-stacked-bar-chart-background-color)}.bizy-stacked-bar-chart__legends{width:100%;display:flex;align-items:center;column-gap:.5rem;flex-wrap:wrap}.bizy-stacked-bar-chart__legends__legend{display:flex;align-items:center;column-gap:.3rem;border:none;background-color:transparent;padding:0;margin:0;cursor:pointer}.bizy-stacked-bar-chart__legends__legend__bullet{border-radius:50%;width:.5rem;height:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyStackedBarChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bizy-stacked-bar-chart', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[id]': 'id',
+                    }, template: "@if(segments && _legends.show && _legends.position === ANURA_STACKED_BAR_CHART_LEGEND_POSITION.TOP) {\n  <div class=\"bizy-stacked-bar-chart__legends\">\n    @for (segment of segments; track segment.id ?? i; let i = $index) {\n      <button \n        type=\"button\"\n        class=\"bizy-stacked-bar-chart__legends__legend\"\n        [class.bizy-button--disabled]=\"segment.disabled\"\n        (click)=\"segment.disabled ? null : segment.onLegendSelect.emit($event)\"\n        (keyup.enter)=\"segment.disabled ? null : segment.onLegendSelect.emit($event)\">\n        <span class=\"bizy-stacked-bar-chart__legends__legend__bullet\"[style.backgroundColor]=\"(segment.color$ | async)\"></span>\n        <h6>{{segment.name}} <strong>{{(segment.value$ | async) || 0}}</strong></h6>\n      </button>\n    }\n  </div>\n}\n\n<div class=\"bizy-stacked-bar-chart\">\n  <ng-content select=\"bizy-stacked-bar-chart-segment\"></ng-content>\n</div>\n\n\n@if(segments && _legends.show && _legends.position === ANURA_STACKED_BAR_CHART_LEGEND_POSITION.BOTTOM) {\n  <div class=\"bizy-stacked-bar-chart__legends\">\n    @for (segment of segments; track segment.id ?? i; let i = $index) {\n      <button \n        type=\"button\"\n        class=\"bizy-stacked-bar-chart__legends__legend\"\n        [class.bizy-button--disabled]=\"segment.disabled\"\n        (click)=\"segment.disabled ? null : segment.onLegendSelect.emit($event)\"\n        (keyup.enter)=\"segment.disabled ? null : segment.onLegendSelect.emit($event)\">\n        <span class=\"bizy-stacked-bar-chart__legends__legend__bullet\"[style.backgroundColor]=\"(segment.color$ | async)\"></span>\n        <h6>{{segment.name}} <strong>{{(segment.value$ | async) || 0}}</strong></h6>\n      </button>\n    }\n  </div>\n}\n", styles: [":host{font-size:1rem;display:flex;flex-direction:column;row-gap:.3rem;height:fit-content;width:var(--bizy-stacked-bar-chart-width)}.bizy-stacked-bar-chart{display:flex;width:100%;height:var(--bizy-stacked-bar-chart-height);border-top:var(--bizy-stacked-bar-chart-border-top, var(--bizy-stacked-bar-chart-border, none));border-right:var(--bizy-stacked-bar-chart-border-right, var(--bizy-stacked-bar-chart-border, none));border-bottom:var(--bizy-stacked-bar-chart-border-bottom, var(--bizy-stacked-bar-chart-border, none));border-left:var(--bizy-stacked-bar-chart-border-left, var(--bizy-stacked-bar-chart-border, none));border-radius:var(--bizy-stacked-bar-chart-border-radius);overflow:hidden;background-color:var(--bizy-stacked-bar-chart-background-color)}.bizy-stacked-bar-chart__legends{width:100%;display:flex;align-items:center;column-gap:.5rem;flex-wrap:wrap}.bizy-stacked-bar-chart__legends__legend{display:flex;align-items:center;column-gap:.3rem;border:none;background-color:transparent;padding:0;margin:0;cursor:pointer}.bizy-stacked-bar-chart__legends__legend__bullet{border-radius:50%;width:.5rem;height:.5rem}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], segments: [{
+                type: ContentChildren,
+                args: [BizyStackedBarChartSegmentComponent]
+            }], legends: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }] } });
+
+const COMPONENTS$6 = [
+    BizyStackedBarChartComponent,
+    BizyStackedBarChartSegmentComponent
+];
+class BizyStackedBarChartModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyStackedBarChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyStackedBarChartModule, imports: [BizyStackedBarChartComponent,
+            BizyStackedBarChartSegmentComponent], exports: [BizyStackedBarChartComponent,
+            BizyStackedBarChartSegmentComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyStackedBarChartModule, imports: [COMPONENTS$6] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyStackedBarChartModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: COMPONENTS$6,
@@ -17997,5 +18604,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.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, BizyAudioPlayerFormatSecondsPipe, BizyAudioPlayerModule, BizyAudioRecorderComponent, BizyAudioRecorderModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBarLineChartPopupComponent, 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, BizyGaugeChartComponent, BizyGaugeChartModule, BizyGaugeChartPopupComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyHeatMapChartComponent, BizyHeatMapChartModule, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuBarComponent, BizyMenuBarModule, BizyMenuBarOptionComponent, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPieChartPopupComponent, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRoundPipe, 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, BizyUniquePipe, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE, POPUP_PLACEMENT };
+export { ANURA_STACKED_BAR_CHART_LEGEND_POSITION, 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, BizyAudioPlayerFormatSecondsPipe, BizyAudioPlayerModule, BizyAudioRecorderComponent, BizyAudioRecorderModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBarLineChartPopupComponent, BizyBreadcrumbComponent, BizyBreadcrumbModule, BizyButtonComponent, BizyButtonModule, BizyCacheService, BizyCalendarComponent, BizyCalendarModule, BizyCardComponent, BizyCardModule, BizyCheckboxComponent, BizyCheckboxModule, BizyContentComponent, BizyContentModule, BizyCopyToClipboardDirective, BizyCopyToClipboardService, BizyCurrencyFormatDirective, BizyDatePickerComponent, BizyDatePickerModule, BizyDeviceService, BizyDirectivesModule, BizyDonutChartComponent, BizyDonutChartModule, BizyDonutChartPopupComponent, BizyEnumToArrayPipe, BizyExportToCSVService, BizyExtractNumbersPipe, BizyFileUploaderComponent, BizyFileUploaderModule, BizyFileUploaderService, BizyFilterComponent, BizyFilterContentComponent, BizyFilterModule, BizyFilterPipe, BizyFilterSectionCheckboxOptionComponent, BizyFilterSectionComponent, BizyFilterSectionRangeOptionComponent, BizyFilterSectionSearchOptionComponent, BizyFilterSectionsComponent, BizyFormComponent, BizyFormModule, BizyFormatSecondsPipe, BizyFormatSecondsService, BizyFullScreenPopupWrapperComponent, BizyGaugeChartComponent, BizyGaugeChartModule, BizyGaugeChartPopupComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyHeatMapChartComponent, BizyHeatMapChartModule, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuBarComponent, BizyMenuBarModule, BizyMenuBarOptionComponent, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPieChartPopupComponent, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRoundPipe, BizyRouterService, BizySafePipe, BizySearchPipe, BizySectionCenterComponent, BizySectionComponent, BizySectionEndComponent, BizySectionModule, BizySectionStartComponent, BizySelectComponent, BizySelectModule, BizySelectOptionComponent, BizyServicesModule, BizySetToArrayPipe, BizySidebarComponent, BizySidebarFloatingOptionComponent, BizySidebarFloatingOptionTitleComponent, BizySidebarModule, BizySidebarOptionComponent, BizySkeletonComponent, BizySkeletonModule, BizySliderComponent, BizySliderModule, BizyStackedBarChartComponent, BizyStackedBarChartModule, BizyStackedBarChartSegmentComponent, 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, BizyUniquePipe, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE, POPUP_PLACEMENT };
 //# sourceMappingURL=bizy-core.mjs.map