@bizy/core 20.4.3 → 20.5.0

package/fesm2022/bizy-core.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, ElementRef, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule, DOCUMENT, Renderer2, Injectable, Inject, Directive, ViewChild, ContentChildren, ContentChild, Pipe, ViewContainerRef, TemplateRef, RendererFactory2, HostListener, Host } from '@angular/core';
+import { inject, ChangeDetectorRef, ElementRef, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule, Renderer2, DOCUMENT as DOCUMENT$1, Injectable, Inject, Directive, ViewChild, ContentChildren, ContentChild, Pipe, ViewContainerRef, TemplateRef, RendererFactory2, HostListener, Host } from '@angular/core';
 import * as i1 from '@angular/common';
-import { CommonModule, registerLocaleData, DatePipe, DOCUMENT as DOCUMENT$1 } from '@angular/common';
-import { Subject, Subscription, BehaviorSubject, filter, take, skip, auditTime, throttleTime, debounceTime as debounceTime$1, interval, fromEvent, merge } from 'rxjs';
-import { debounceTime, distinctUntilChanged, takeUntil, map, filter as filter$1, take as take$1 } from 'rxjs/operators';
+import { CommonModule, DOCUMENT, registerLocaleData, DatePipe } from '@angular/common';
+import { BehaviorSubject, Subject, Subscription, filter, take as take$1, skip, auditTime, throttleTime, debounceTime as debounceTime$1, interval, fromEvent, merge } from 'rxjs';
+import { skipWhile, take, debounceTime, distinctUntilChanged, takeUntil, map, filter as filter$1 } from 'rxjs/operators';
 import html2canvas from 'html2canvas';
 import * as i2 from 'angular-calendar';
 import { CalendarNativeDateFormatter, CalendarModule, CalendarUtils, CalendarA11y, CalendarEventTitleFormatter, DateAdapter, CalendarDateFormatter } from 'angular-calendar';
@@ -99,6 +99,10 @@ var MIME_TYPE;
     MIME_TYPE["MPEG"] = "audio/mpeg";
     MIME_TYPE["WAV"] = "audio/wav";
 })(MIME_TYPE || (MIME_TYPE = {}));
+var MODE;
+(function (MODE) {
+    MODE["NORMAL"] = "NORMAL";
+})(MODE || (MODE = {}));
 
 class BizyButtonComponent {
     #elementRef = inject(ElementRef);
@@ -152,98 +156,460 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
 class BizyAudioPlayerComponent {
     #document = inject(DOCUMENT);
     #renderer = inject(Renderer2);
+    #ref = inject(ChangeDetectorRef);
     #elementRef = inject(ElementRef);
     id = `bizy-audio-player-${Math.random()}`;
-    mimeType;
+    enableLogs = false;
     audioPlayerError = 'Error';
     showDownload = true;
     autoplay = false;
     disabled = false;
     downloadURL;
     downloadFileName = 'bizy_audio';
+    onTrackPlayerRate = new EventEmitter();
     onDownload = new EventEmitter();
+    canPlay = new EventEmitter();
+    onPause = new EventEmitter();
+    onEnded = new EventEmitter();
+    onStalled = new EventEmitter();
+    onAbort = new EventEmitter();
+    onError = new EventEmitter();
+    onEmptied = new EventEmitter();
     canPlayThrough = new EventEmitter();
-    onTrackPlayerRate = new EventEmitter();
+    durationChange = new EventEmitter();
+    onLoadedData = new EventEmitter();
+    onLoadedMetadata = new EventEmitter();
+    onLoadStart = new EventEmitter();
+    onPlay = new EventEmitter();
+    onPlaying = new EventEmitter();
+    onProgress = new EventEmitter();
+    onRateChange = new EventEmitter();
+    onSeeked = new EventEmitter();
+    onSeeking = new EventEmitter();
+    onSuspend = new EventEmitter();
+    onTimeUpdate = new EventEmitter();
+    onVolumeChange = new EventEmitter();
+    onWaiting = new EventEmitter();
+    #abortAbortController = new AbortController();
+    #canPlayAbortController = new AbortController();
+    #canPlayThroughAbortController = new AbortController();
+    #pauseAbortController = new AbortController();
+    #endedAbortController = new AbortController();
+    #emptiedAbortController = new AbortController();
+    #errorAbortController = new AbortController();
+    #stalledAbortController = new AbortController();
+    #durationChangeAbortController = new AbortController();
+    #loadedDataAbortController = new AbortController();
+    #loadedMetadataAbortController = new AbortController();
+    #loadStartAbortController = new AbortController();
+    #playAbortController = new AbortController();
+    #playingAbortController = new AbortController();
+    #progressAbortController = new AbortController();
+    #rateChangeAbortController = new AbortController();
+    #seekedAbortController = new AbortController();
+    #seekingAbortController = new AbortController();
+    #suspendAbortController = new AbortController();
+    #timeUpdateAbortController = new AbortController();
+    #volumeChangeAbortController = new AbortController();
+    #waitingAbortController = new AbortController();
+    #afterViewInit = new BehaviorSubject(false);
+    MIME_TYPE = MIME_TYPE;
+    MODE = MODE;
+    BACKWARD_SECONDS = -15;
+    FORWARD_SECONDS = 15;
+    _duration = 0;
+    _currentTime = 0;
+    _paused = true;
+    #normalRef;
+    _mode = MODE.NORMAL;
+    _audioURL = null;
+    _playbackRate = 1;
+    _loading = false;
+    #trackPlaybackRate$ = new Subject();
+    #subscription = new Subscription();
+    get duration() {
+        return this._duration;
+    }
+    get currentTime() {
+        return this._currentTime;
+    }
+    get paused() {
+        return this._paused;
+    }
     set audioURL(audioURL) {
         if (!audioURL) {
+            this.#removeListeners();
+            this._currentTime = 0;
+            this._duration = 0;
+            this._paused = true;
+            this.#normalRef = null;
+            this.#ref.detectChanges();
             return;
         }
-        this._ready = false;
         this._audioURL = audioURL;
-        if (!this.mimeType) {
-            const isOGG = this._audioURL.toLowerCase().includes('ogg');
-            if (isOGG) {
-                this.mimeType = MIME_TYPE.OGG;
-            }
-            else {
-                const isWAV = this._audioURL.toLowerCase().includes('wav');
-                if (isWAV) {
-                    this.mimeType = MIME_TYPE.WAV;
-                }
-                else {
-                    this.mimeType = MIME_TYPE.MPEG;
-                }
+        if (this._mode === MODE.NORMAL) {
+            this.#onNormal();
+        }
+    }
+    set mode(mode) {
+        if (!mode) {
+            return;
+        }
+        this._mode = mode;
+        this.#ref.detectChanges();
+        if (this._audioURL) {
+            if (this._mode === MODE.NORMAL) {
+                this.#onNormal();
             }
         }
-        this.#audioRef = this.#document.getElementById(this.id);
-        if (this.#audioRef) {
-            this.#audioRef.load();
-            this._trackPlayerRate();
+    }
+    ngAfterViewInit() {
+        this.#afterViewInit.next(true);
+    }
+    getNativeElement = () => this.#elementRef?.nativeElement;
+    #onNormal() {
+        this.#removeListeners();
+        this.#subscription = new Subscription();
+        this.#subscription.add(this.#afterViewInit.pipe(skipWhile(val => !val), take(1)).subscribe(() => {
+            this.#normalRef = this.#document.getElementById(this.id);
+            if (!this.#normalRef) {
+                return;
+            }
+            this.#addEventListeners(this.#normalRef);
+            this.#normalRef.load();
             if (this.autoplay) {
-                this.#audioRef.play();
+                this.play();
             }
-        }
-        else {
-            const interval = setInterval(() => {
-                this.#audioRef = this.#document.getElementById(this.id);
-                if (this.#audioRef) {
-                    this.#audioRef.load();
-                    this._trackPlayerRate();
-                    if (this.autoplay) {
-                        this.#audioRef.play();
-                    }
-                    clearInterval(interval);
-                }
-            }, 300);
-        }
+            this.#trackPlayerRate();
+            this.#normalRef.playbackRate = this._playbackRate;
+            this.#ref.detectChanges();
+        }));
     }
-    _audioURL = null;
-    _ready = false;
-    #audioRef;
-    _playbackRate = 1;
-    #trackPlaybackRate$ = new Subject();
-    #subscription = new Subscription();
-    _trackPlayerRate() {
+    #trackPlayerRate() {
         this.#subscription.add(this.#trackPlaybackRate$.pipe(debounceTime(500), distinctUntilChanged()).subscribe(value => {
             this.onTrackPlayerRate.emit(value);
         }));
     }
-    _onTrackPlayerRate() {
-        if (!this.disabled) {
+    #addEventListeners = (audio) => {
+        if (!audio) {
+            return;
+        }
+        this.#abortAbortController = new AbortController();
+        this.#canPlayAbortController = new AbortController();
+        this.#canPlayThroughAbortController = new AbortController();
+        this.#durationChangeAbortController = new AbortController();
+        this.#emptiedAbortController = new AbortController();
+        this.#endedAbortController = new AbortController();
+        this.#errorAbortController = new AbortController();
+        this.#loadedDataAbortController = new AbortController();
+        this.#loadedMetadataAbortController = new AbortController();
+        this.#loadStartAbortController = new AbortController();
+        this.#pauseAbortController = new AbortController();
+        this.#playAbortController = new AbortController();
+        this.#playingAbortController = new AbortController();
+        this.#progressAbortController = new AbortController();
+        this.#rateChangeAbortController = new AbortController();
+        this.#seekedAbortController = new AbortController();
+        this.#seekingAbortController = new AbortController();
+        this.#stalledAbortController = new AbortController();
+        this.#suspendAbortController = new AbortController();
+        this.#timeUpdateAbortController = new AbortController();
+        this.#volumeChangeAbortController = new AbortController();
+        this.#waitingAbortController = new AbortController();
+        audio.addEventListener('abort', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - abort', event);
+            }
+            this.onAbort.emit(event);
+        }, {
+            signal: this.#abortAbortController.signal
+        });
+        audio.addEventListener('canplay', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - canplay', event);
+            }
+            this.canPlay.emit(event);
+        }, {
+            once: true,
+            signal: this.#canPlayAbortController.signal
+        });
+        audio.addEventListener('canplaythrough', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - canplaythrough', event);
+            }
+            this.canPlayThrough.emit(event);
+        }, {
+            signal: this.#canPlayThroughAbortController.signal
+        });
+        audio.addEventListener('durationchange', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - durationchange', event);
+            }
+            this.durationChange.emit(event);
+        }, {
+            signal: this.#durationChangeAbortController.signal
+        });
+        audio.addEventListener('emptied', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - emptied', event);
+            }
+            this.onEmptied.emit(event);
+        }, {
+            signal: this.#emptiedAbortController.signal
+        });
+        audio.addEventListener('ended', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - ended', event);
+            }
+            this._paused = true;
+            this.#ref.detectChanges();
+            this.onEnded.emit(event);
+        }, {
+            signal: this.#endedAbortController.signal
+        });
+        audio.addEventListener('error', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - error', event);
+            }
+            this.onError.emit(event);
+        }, {
+            signal: this.#errorAbortController.signal
+        });
+        audio.addEventListener('loadeddata', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - loadeddata', event);
+            }
+            const audio = this.#normalRef;
+            this._duration = audio.duration;
+            this.onLoadedData.emit(event);
+        }, {
+            signal: this.#loadedDataAbortController.signal
+        });
+        audio.addEventListener('loadedmetadata', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - loadedmetadata', event);
+            }
+            this.onLoadedMetadata.emit(event);
+        }, {
+            signal: this.#loadedMetadataAbortController.signal
+        });
+        audio.addEventListener('loadstart', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - loadstart', event);
+            }
+            this.onLoadStart.emit(event);
+        }, {
+            signal: this.#loadStartAbortController.signal
+        });
+        audio.addEventListener('pause', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - pause', event);
+            }
+            this._paused = true;
+            this.#ref.detectChanges();
+            this.onPause.emit(event);
+        }, {
+            signal: this.#pauseAbortController.signal
+        });
+        audio.addEventListener('play', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - play', event);
+            }
+            this._paused = false;
+            this.#ref.detectChanges();
+            this.onPlay.emit(event);
+        }, {
+            signal: this.#playAbortController.signal
+        });
+        audio.addEventListener('playing', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - playing', event);
+            }
+            this._paused = false;
+            this.#ref.detectChanges();
+            this.onPlaying.emit(event);
+        }, {
+            signal: this.#playingAbortController.signal
+        });
+        audio.addEventListener('progress', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - progress', event);
+            }
+            this.onProgress.emit(event);
+        }, {
+            signal: this.#progressAbortController.signal
+        });
+        audio.addEventListener('ratechange', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - ratechange', event);
+            }
+            this.onRateChange.emit(event);
+        }, {
+            signal: this.#rateChangeAbortController.signal
+        });
+        audio.addEventListener('seeked', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - seeked', event);
+            }
+            this.onSeeked.emit(event);
+        }, {
+            signal: this.#seekedAbortController.signal
+        });
+        audio.addEventListener('seeking', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - seeking', event);
+            }
+            this.onSeeking.emit(event);
+        }, {
+            signal: this.#seekingAbortController.signal
+        });
+        audio.addEventListener('stalled', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - stalled', event);
+            }
+            this.onStalled.emit(event);
+        }, {
+            signal: this.#stalledAbortController.signal
+        });
+        audio.addEventListener('suspend', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - suspend', event);
+            }
+            this.onSuspend.emit(event);
+        }, {
+            signal: this.#suspendAbortController.signal
+        });
+        audio.addEventListener('timeupdate', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - timeupdate', event);
+            }
+            this._currentTime = audio.currentTime;
+            this.onTimeUpdate.emit(event);
+        }, {
+            signal: this.#timeUpdateAbortController.signal
+        });
+        audio.addEventListener('volumechange', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - volumechange', event);
+            }
+            this.onVolumeChange.emit(event);
+        }, {
+            signal: this.#volumeChangeAbortController.signal
+        });
+        audio.addEventListener('waiting', (event) => {
+            if (this.enableLogs) {
+                console.debug('bizy audio player - waiting', event);
+            }
+            this.onWaiting.emit(event);
+        }, {
+            signal: this.#waitingAbortController.signal
+        });
+    };
+    #removeListeners = () => {
+        this.#subscription.unsubscribe();
+        this.#abortAbortController.abort();
+        this.#canPlayAbortController.abort();
+        this.#canPlayThroughAbortController.abort();
+        this.#durationChangeAbortController.abort();
+        this.#emptiedAbortController.abort();
+        this.#endedAbortController.abort();
+        this.#errorAbortController.abort();
+        this.#loadedDataAbortController.abort();
+        this.#loadedMetadataAbortController.abort();
+        this.#loadStartAbortController.abort();
+        this.#pauseAbortController.abort();
+        this.#playAbortController.abort();
+        this.#playingAbortController.abort();
+        this.#progressAbortController.abort();
+        this.#rateChangeAbortController.abort();
+        this.#seekedAbortController.abort();
+        this.#seekingAbortController.abort();
+        this.#stalledAbortController.abort();
+        this.#suspendAbortController.abort();
+        this.#timeUpdateAbortController.abort();
+        this.#volumeChangeAbortController.abort();
+        this.#waitingAbortController.abort();
+    };
+    async play() {
+        try {
+            if (this.disabled || !this._audioURL || !this._paused) {
+                return Promise.resolve();
+            }
+            this._paused = false;
+            this.#ref.detectChanges();
+            const audio = this.#normalRef;
+            if (!audio) {
+                this._paused = true;
+                this.#ref.detectChanges();
+                return Promise.resolve();
+            }
+            await audio.play();
+        }
+        catch (error) {
+            this._paused = true;
+            return Promise.reject();
+        }
+    }
+    async pause() {
+        try {
+            if (this.disabled || !this._audioURL || this._paused) {
+                return Promise.resolve();
+            }
+            this._paused = true;
+            this.#ref.detectChanges();
+            const audio = this.#normalRef;
+            if (!audio) {
+                this._paused = false;
+                this.#ref.detectChanges();
+                return Promise.resolve();
+            }
+            await audio.pause();
+        }
+        catch (error) {
+            this._paused = false;
+            return Promise.reject();
+        }
+    }
+    async stop() {
+        if (this.disabled || !this._audioURL) {
+            return Promise.resolve();
+        }
+        await this.pause();
+        this.seekTo(0);
+    }
+    seekTo(seconds) {
+        if (this.disabled || this._loading) {
             return;
         }
-        if (!this.#audioRef) {
-            this.#audioRef = this.#document.getElementById(this.id);
+        const audio = this.#normalRef;
+        if (audio.duration && seconds <= audio.duration) {
+            audio.currentTime = seconds;
         }
-        if (this.#audioRef) {
-            switch (this.#audioRef.playbackRate) {
+    }
+    _onTrackPlayerRate() {
+        if (this.disabled || this._loading) {
+            return;
+        }
+        const audio = this.#normalRef;
+        if (audio) {
+            switch (audio.playbackRate) {
                 case 1:
-                    this.#audioRef.playbackRate = 1.5;
+                    audio.playbackRate = 1.5;
                     this._playbackRate = 1.5;
                     this.#trackPlaybackRate$.next('1.5');
                     break;
                 case 1.5:
-                    this.#audioRef.playbackRate = 2;
+                    audio.playbackRate = 2;
                     this._playbackRate = 2;
                     this.#trackPlaybackRate$.next('2');
                     break;
                 case 2:
-                    this.#audioRef.playbackRate = 1;
+                    audio.playbackRate = 1;
                     this._playbackRate = 1;
                     this.#trackPlaybackRate$.next('1');
                     break;
                 default:
-                    this.#audioRef.playbackRate = 1;
+                    audio.playbackRate = 1;
                     this._playbackRate = 1;
                     this.#trackPlaybackRate$.next('1');
             }
@@ -261,19 +627,19 @@ class BizyAudioPlayerComponent {
         this.#renderer.removeChild(this.#document.body, downloadButton);
         this.onDownload.emit();
     }
-    getNativeElement = () => this.#elementRef?.nativeElement;
     ngOnDestroy() {
         this.#subscription.unsubscribe();
+        this.#removeListeners();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyAudioPlayerComponent, isStandalone: true, selector: "bizy-audio-player", inputs: { id: "id", mimeType: "mimeType", audioPlayerError: "audioPlayerError", showDownload: "showDownload", autoplay: "autoplay", disabled: "disabled", downloadURL: "downloadURL", downloadFileName: "downloadFileName", audioURL: "audioURL" }, outputs: { onDownload: "onDownload", canPlayThrough: "canPlayThrough", onTrackPlayerRate: "onTrackPlayerRate" }, ngImport: i0, template: "<audio\n    class=\"bizy-audio-player__audio\"\n    [ngClass]=\"{'bizy-audio-player__audio--disabled': disabled || !_audioURL || !_ready}\"\n    [id]=\"id\"\n    [autoplay]=\"autoplay\"\n    controls\n    (canplaythrough)=\"_ready = true; canPlayThrough.emit($event)\"\n    controlslist=\"nodownload noplaybackrate\">\n    <source [src]=\"_audioURL\" [type]=\"mimeType\">\n    {{audioPlayerError}}\n</audio>\n\n<bizy-button customClass=\"bizy-audio-player__playback-rate\" (onSelect)=\"_onTrackPlayerRate()\" [disabled]=\"disabled || !_audioURL || !_ready\">\n    <span>{{_playbackRate}}x</span>\n</bizy-button>\n\n<bizy-button customClass=\"bizy-audio-player__download-button\" *ngIf=\"showDownload\" (onSelect)=\"_onDownload()\" [disabled]=\"disabled || !_audioURL || !_ready\">\n    <svg \n        class=\"bizy-audio-player__download-button__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=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"/>\n    </svg>\n</bizy-button>\n", styles: [":host{font-size:1rem;width:100%;display:flex;align-items:center;column-gap:1rem}.bizy-audio-player__audio--disabled{opacity:.5;pointer-events:none;cursor:not-allowed!important}.bizy-audio-player__audio{flex:1;width:100%}::ng-deep .bizy-audio-player__playback-rate{font-size:1rem;--bizy-button-background-color: var(--bizy-audio-player-playback-rate-background-color);--bizy-button-color: var(--bizy-audio-player-playback-rate-color);font-weight:700;border-radius:50%!important;width:4rem;height:2rem;display:grid;place-items:center;cursor:pointer}::ng-deep .bizy-audio-player__download-button{--bizy-button-background-color: var(--bizy-audio-player-download-button-background-color);--bizy-button-color: var(--bizy-audio-player-download-button-color)}.bizy-audio-player__download-button__icon{height:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: BizyButtonModule }, { kind: "component", type: BizyButtonComponent, selector: "bizy-button", inputs: ["id", "disabled", "type", "customClass"], outputs: ["onSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyAudioPlayerComponent, isStandalone: true, selector: "bizy-audio-player", inputs: { id: "id", enableLogs: "enableLogs", audioPlayerError: "audioPlayerError", showDownload: "showDownload", autoplay: "autoplay", disabled: "disabled", downloadURL: "downloadURL", downloadFileName: "downloadFileName", audioURL: "audioURL", mode: "mode" }, outputs: { onTrackPlayerRate: "onTrackPlayerRate", onDownload: "onDownload", canPlay: "canPlay", onPause: "onPause", onEnded: "onEnded", onStalled: "onStalled", onAbort: "onAbort", onError: "onError", onEmptied: "onEmptied", canPlayThrough: "canPlayThrough", durationChange: "durationChange", onLoadedData: "onLoadedData", onLoadedMetadata: "onLoadedMetadata", onLoadStart: "onLoadStart", onPlay: "onPlay", onPlaying: "onPlaying", onProgress: "onProgress", onRateChange: "onRateChange", onSeeked: "onSeeked", onSeeking: "onSeeking", onSuspend: "onSuspend", onTimeUpdate: "onTimeUpdate", onVolumeChange: "onVolumeChange", onWaiting: "onWaiting" }, ngImport: i0, template: "<audio\n    class=\"bizy-audio-player__normal animated fade-in\"\n    [ngClass]=\"{'bizy-audio-player--disabled': disabled || !_audioURL, 'animated fade-in': !disabled }\"\n    [id]=\"id\"\n    *ngIf=\"_mode === MODE.NORMAL\"\n    controls\n    controlslist=\"nodownload noplaybackrate\">\n    <source [src]=\"_audioURL\" [type]=\"MIME_TYPE.WAV\">\n    <source [src]=\"_audioURL\" [type]=\"MIME_TYPE.OGG\">\n    <source [src]=\"_audioURL\" [type]=\"MIME_TYPE.MPEG\">\n    {{audioPlayerError}}\n</audio>\n\n<bizy-button class=\"bizy-audio-player__rate-button\" (onSelect)=\"_onTrackPlayerRate()\" [disabled]=\"disabled || !_audioURL || _loading\">\n    <h6>{{_playbackRate}}x</h6>\n</bizy-button>\n\n<bizy-button class=\"bizy-audio-player__download-button\" *ngIf=\"showDownload\" (onSelect)=\"_onDownload()\" [disabled]=\"disabled || !_audioURL\">\n    <svg \n        class=\"bizy-audio-player__button__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=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"/>\n    </svg>\n</bizy-button>\n", styles: [":host{font-size:1rem;max-width:var(--bizy-audio-player-max-width);flex:1;display:flex;justify-content:flex-end;align-items:center;column-gap:1rem}.bizy-audio-player__normal{flex:1;width:100%;overflow:hidden;min-width:var(--bizy-audio-player-min-width)}.bizy-audio-player--disabled{opacity:.5;pointer-events:none;cursor:not-allowed!important}.bizy-audio-player__rate-button{--bizy-button-min-width: 2rem;--bizy-button-background-color: var(--bizy-audio-player-rate-button-background-color);--bizy-button-color: var(--bizy-audio-player-rate-button-color)}.bizy-audio-player__download-button{--bizy-button-background-color: var(--bizy-audio-player-download-button-background-color);--bizy-button-color: var(--bizy-audio-player-download-button-color)}.bizy-audio-player__button__icon{height:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: BizyButtonModule }, { kind: "component", type: BizyButtonComponent, selector: "bizy-button", inputs: ["id", "disabled", "type", "customClass"], outputs: ["onSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizy-audio-player', imports: [CommonModule, BizyButtonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<audio\n    class=\"bizy-audio-player__audio\"\n    [ngClass]=\"{'bizy-audio-player__audio--disabled': disabled || !_audioURL || !_ready}\"\n    [id]=\"id\"\n    [autoplay]=\"autoplay\"\n    controls\n    (canplaythrough)=\"_ready = true; canPlayThrough.emit($event)\"\n    controlslist=\"nodownload noplaybackrate\">\n    <source [src]=\"_audioURL\" [type]=\"mimeType\">\n    {{audioPlayerError}}\n</audio>\n\n<bizy-button customClass=\"bizy-audio-player__playback-rate\" (onSelect)=\"_onTrackPlayerRate()\" [disabled]=\"disabled || !_audioURL || !_ready\">\n    <span>{{_playbackRate}}x</span>\n</bizy-button>\n\n<bizy-button customClass=\"bizy-audio-player__download-button\" *ngIf=\"showDownload\" (onSelect)=\"_onDownload()\" [disabled]=\"disabled || !_audioURL || !_ready\">\n    <svg \n        class=\"bizy-audio-player__download-button__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=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"/>\n    </svg>\n</bizy-button>\n", styles: [":host{font-size:1rem;width:100%;display:flex;align-items:center;column-gap:1rem}.bizy-audio-player__audio--disabled{opacity:.5;pointer-events:none;cursor:not-allowed!important}.bizy-audio-player__audio{flex:1;width:100%}::ng-deep .bizy-audio-player__playback-rate{font-size:1rem;--bizy-button-background-color: var(--bizy-audio-player-playback-rate-background-color);--bizy-button-color: var(--bizy-audio-player-playback-rate-color);font-weight:700;border-radius:50%!important;width:4rem;height:2rem;display:grid;place-items:center;cursor:pointer}::ng-deep .bizy-audio-player__download-button{--bizy-button-background-color: var(--bizy-audio-player-download-button-background-color);--bizy-button-color: var(--bizy-audio-player-download-button-color)}.bizy-audio-player__download-button__icon{height:1rem}\n"] }]
+            args: [{ selector: 'bizy-audio-player', imports: [CommonModule, BizyButtonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<audio\n    class=\"bizy-audio-player__normal animated fade-in\"\n    [ngClass]=\"{'bizy-audio-player--disabled': disabled || !_audioURL, 'animated fade-in': !disabled }\"\n    [id]=\"id\"\n    *ngIf=\"_mode === MODE.NORMAL\"\n    controls\n    controlslist=\"nodownload noplaybackrate\">\n    <source [src]=\"_audioURL\" [type]=\"MIME_TYPE.WAV\">\n    <source [src]=\"_audioURL\" [type]=\"MIME_TYPE.OGG\">\n    <source [src]=\"_audioURL\" [type]=\"MIME_TYPE.MPEG\">\n    {{audioPlayerError}}\n</audio>\n\n<bizy-button class=\"bizy-audio-player__rate-button\" (onSelect)=\"_onTrackPlayerRate()\" [disabled]=\"disabled || !_audioURL || _loading\">\n    <h6>{{_playbackRate}}x</h6>\n</bizy-button>\n\n<bizy-button class=\"bizy-audio-player__download-button\" *ngIf=\"showDownload\" (onSelect)=\"_onDownload()\" [disabled]=\"disabled || !_audioURL\">\n    <svg \n        class=\"bizy-audio-player__button__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=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"/>\n    </svg>\n</bizy-button>\n", styles: [":host{font-size:1rem;max-width:var(--bizy-audio-player-max-width);flex:1;display:flex;justify-content:flex-end;align-items:center;column-gap:1rem}.bizy-audio-player__normal{flex:1;width:100%;overflow:hidden;min-width:var(--bizy-audio-player-min-width)}.bizy-audio-player--disabled{opacity:.5;pointer-events:none;cursor:not-allowed!important}.bizy-audio-player__rate-button{--bizy-button-min-width: 2rem;--bizy-button-background-color: var(--bizy-audio-player-rate-button-background-color);--bizy-button-color: var(--bizy-audio-player-rate-button-color)}.bizy-audio-player__download-button{--bizy-button-background-color: var(--bizy-audio-player-download-button-background-color);--bizy-button-color: var(--bizy-audio-player-download-button-color)}.bizy-audio-player__button__icon{height:1rem}\n"] }]
         }], propDecorators: { id: [{
                 type: Input
-            }], mimeType: [{
+            }], enableLogs: [{
                 type: Input
             }], audioPlayerError: [{
                 type: Input
@@ -287,14 +653,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Input
             }], downloadFileName: [{
                 type: Input
+            }], onTrackPlayerRate: [{
+                type: Output
             }], onDownload: [{
                 type: Output
+            }], canPlay: [{
+                type: Output
+            }], onPause: [{
+                type: Output
+            }], onEnded: [{
+                type: Output
+            }], onStalled: [{
+                type: Output
+            }], onAbort: [{
+                type: Output
+            }], onError: [{
+                type: Output
+            }], onEmptied: [{
+                type: Output
             }], canPlayThrough: [{
                 type: Output
-            }], onTrackPlayerRate: [{
+            }], durationChange: [{
+                type: Output
+            }], onLoadedData: [{
+                type: Output
+            }], onLoadedMetadata: [{
+                type: Output
+            }], onLoadStart: [{
+                type: Output
+            }], onPlay: [{
+                type: Output
+            }], onPlaying: [{
+                type: Output
+            }], onProgress: [{
+                type: Output
+            }], onRateChange: [{
+                type: Output
+            }], onSeeked: [{
+                type: Output
+            }], onSeeking: [{
+                type: Output
+            }], onSuspend: [{
+                type: Output
+            }], onTimeUpdate: [{
+                type: Output
+            }], onVolumeChange: [{
+                type: Output
+            }], onWaiting: [{
                 type: Output
             }], audioURL: [{
                 type: Input
+            }], mode: [{
+                type: Input
             }] } });
 
 const COMPONENTS$u = [
@@ -318,16 +728,14 @@ const GRID_BOTTOM = 30;
 const DEFAULT_CHART_SIZE$2 = '300px';
 class BizyBarLineChartComponent {
     #elementRef = inject(ElementRef);
-    #document = inject(DOCUMENT);
+    #document = inject(DOCUMENT$1);
     #ref = inject(ChangeDetectorRef);
     #renderer = inject(Renderer2);
     resizeRef = null;
-    tooltip = true;
-    download = { show: true, label: 'Descargar', name: 'Bizy' };
+    tooltip = null;
+    download = null;
     axisPointer = 'line';
-    xAxisLabels = [];
-    onTooltipFormatter;
-    onXAxisLabelFormatter;
+    xAxis = null;
     onDownload = new EventEmitter();
     onSelect = new EventEmitter();
     #echarts = null;
@@ -362,7 +770,7 @@ class BizyBarLineChartComponent {
         this.#leftYAxis = 0;
         this.#chartStacks = [];
         this.#chartNames = [];
-        this.#subscription.add(this.#afterViewInit.pipe(filter(value => value === true), take(1)).subscribe(() => {
+        this.#subscription.add(this.#afterViewInit.pipe(filter(value => value === true), take$1(1)).subscribe(() => {
             this.#createChartContainer();
             if (!this.#chartContainer) {
                 return;
@@ -499,13 +907,13 @@ class BizyBarLineChartComponent {
                 }
             });
             const tooltip = {
-                show: this.tooltip,
+                show: this.tooltip?.show,
                 trigger: 'axis',
                 appendToBody: true,
                 axisPointer: {
                     type: this.axisPointer
                 },
-                formatter: this.onTooltipFormatter
+                formatter: this.tooltip?.formatter
             };
             const grid = {
                 left: this.#leftYAxis > 2 ? (this.#leftYAxis - 2) * Y_AXIS_OFFSET : 10,
@@ -519,9 +927,9 @@ class BizyBarLineChartComponent {
                     axisTick: {
                         alignWithLabel: true
                     },
-                    data: this.xAxisLabels,
+                    data: this.xAxis?.labels,
                     axisLabel: {
-                        formatter: this.onXAxisLabelFormatter,
+                        formatter: this.xAxis.formatter,
                     }
                 }
             ];
@@ -533,13 +941,15 @@ class BizyBarLineChartComponent {
             const textColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-line-chart-tooltip-color');
             const textBackgroundColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-line-chart-tooltip-background-color');
             const borderColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-line-chart-tooltip-border-color');
+            const downloadTitle = this.download?.label || 'Descargar';
+            const downloadName = this.download?.name || 'bizy_chart';
             const toolbox = {
                 show: true,
                 feature: {
                     mySaveAsImage: {
-                        show: this.download.show,
+                        show: this.download?.show,
                         icon: 'path://M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z',
-                        title: this.download.label,
+                        title: downloadTitle,
                         onclick: () => {
                             const showAllLegends = (chart) => {
                                 const option = chart.getOption();
@@ -568,7 +978,7 @@ class BizyBarLineChartComponent {
                                 html2canvas(this.#chartContainer).then(canvas => {
                                     var link = this.#renderer.createElement('a');
                                     link.href = canvas.toDataURL('image/png');
-                                    link.download = `${this.download.name}.png`;
+                                    link.download = downloadName;
                                     this.#renderer.appendChild(this.#document.body, link);
                                     link.click();
                                     this.#renderer.removeChild(this.#document.body, link);
@@ -668,7 +1078,7 @@ class BizyBarLineChartComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBarLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyBarLineChartComponent, isStandalone: true, selector: "bizy-bar-line-chart", inputs: { resizeRef: "resizeRef", tooltip: "tooltip", download: "download", axisPointer: "axisPointer", xAxisLabels: "xAxisLabels", onTooltipFormatter: "onTooltipFormatter", onXAxisLabelFormatter: "onXAxisLabelFormatter", data: "data" }, outputs: { onDownload: "onDownload", onSelect: "onSelect" }, ngImport: i0, template: '', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyBarLineChartComponent, isStandalone: true, selector: "bizy-bar-line-chart", inputs: { resizeRef: "resizeRef", tooltip: "tooltip", download: "download", axisPointer: "axisPointer", xAxis: "xAxis", data: "data" }, outputs: { onDownload: "onDownload", onSelect: "onSelect" }, ngImport: i0, template: '', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyBarLineChartComponent, decorators: [{
             type: Component,
@@ -686,11 +1096,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Input
             }], axisPointer: [{
                 type: Input
-            }], xAxisLabels: [{
-                type: Input
-            }], onTooltipFormatter: [{
-                type: Input
-            }], onXAxisLabelFormatter: [{
+            }], xAxis: [{
                 type: Input
             }], onDownload: [{
                 type: Output
@@ -1085,11 +1491,11 @@ class BizyCardComponent {
     }
     getNativeElement = () => this.#elementRef?.nativeElement;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyCardComponent, isStandalone: true, selector: "bizy-card", inputs: { id: "id", disabled: "disabled", selected: "selected", customClass: "customClass" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<button \n    type=\"button\"\n    (click)=\"_onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\"\n    class=\"bizy-card {{customClass}}\"\n    [ngClass]=\"{'bizy-card--disabled': disabled}\">\n\n    <span class=\"bizy-card__header\">\n\n        <span class=\"bizy-card__header__start bizy-card__slot\">\n            <ng-content select=\"[slot=header-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__header__end bizy-card__slot\">\n            <ng-content select=\"[slot=header-end]\"></ng-content>\n        </span>\n\n    </span>\n\n    <span class=\"bizy-card__content\">\n\n        <ng-content></ng-content>\n\n    </span>\n\n    <span class=\"bizy-card__footer\">\n\n        <span class=\"bizy-card__footer__start bizy-card__slot\">\n            <ng-content select=\"[slot=footer-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__footer__end bizy-card__slot\">\n            <ng-content select=\"[slot=footer-end]\"></ng-content>\n        </span>\n\n    </span>\n\n</button>", styles: [":host{font-size:1rem;height:var(--bizy-card-height);min-height:var(--bizy-card-min-height);max-height:var(--bizy-card-max-height);width:var(--bizy-card-width);min-width:var(--bizy-card-min-width);max-width:var(--bizy-card-max-width)}.bizy-card{height:100%;width:100%;cursor:var(--bizy-card-cursor);border-top:var(--bizy-card-border-top, var(--bizy-card-border, none));border-right:var(--bizy-card-border-right, var(--bizy-card-border, none));border-bottom:var(--bizy-card-border-bottom, var(--bizy-card-border, none));border-left:var(--bizy-card-border-left, var(--bizy-card-border, none));border-radius:var(--bizy-card-border-radius);overflow:hidden;padding:var(--bizy-card-padding);display:flex;flex-direction:column;justify-content:space-between;row-gap:.3rem;background-color:var(--bizy-card-background-color);transition:transform .25s ease-in-out;box-shadow:var(--bizy-card-box-shadow)}.bizy-card:hover{transform:translateY(-1px);box-shadow:var(--bizy-card-hover-box-shadow)}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__content{display:none}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__header:not(:empty){height:100%!important}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__footer:not(:empty){height:100%!important}.bizy-card--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-card__content:not(:empty){display:flex;align-items:center;column-gap:.5rem;height:100%;width:100%;background-color:var(--bizy-card-content-background-color)}.bizy-card__header:has(>.bizy-card__header__start:empty):has(>.bizy-card__header__end:empty){display:none}.bizy-card__header:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.5rem;background-color:var(--bizy-card-header-background-color)}.bizy-card__header__start{justify-content:flex-start}.bizy-card__header__end{justify-content:flex-end}.bizy-card__slot{width:100%;display:flex;align-items:center;column-gap:.5rem;height:100%;overflow:hidden}.bizy-card__footer:has(>.bizy-card__footer__start:empty):has(>.bizy-card__footer__end:empty){display:none}.bizy-card__footer:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.5rem;background-color:var(--bizy-card-footer-background-color)}.bizy-card__footer__start{justify-content:flex-start}.bizy-card__footer__end{justify-content:flex-end}\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: "14.0.0", version: "20.0.5", type: BizyCardComponent, isStandalone: true, selector: "bizy-card", inputs: { id: "id", disabled: "disabled", selected: "selected", customClass: "customClass" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<button \n    type=\"button\"\n    (click)=\"_onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\"\n    class=\"bizy-card {{customClass}}\"\n    [ngClass]=\"{'bizy-card--disabled': disabled}\">\n\n    <span class=\"bizy-card__header\">\n\n        <span class=\"bizy-card__header__start bizy-card__slot\">\n            <ng-content select=\"[slot=header-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__header__end bizy-card__slot\">\n            <ng-content select=\"[slot=header-end]\"></ng-content>\n        </span>\n\n    </span>\n\n    <span class=\"bizy-card__content\">\n\n        <ng-content></ng-content>\n\n    </span>\n\n    <span class=\"bizy-card__footer\">\n\n        <span class=\"bizy-card__footer__start bizy-card__slot\">\n            <ng-content select=\"[slot=footer-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__footer__end bizy-card__slot\">\n            <ng-content select=\"[slot=footer-end]\"></ng-content>\n        </span>\n\n    </span>\n\n</button>", styles: [":host{font-size:1rem;height:var(--bizy-card-height);min-height:var(--bizy-card-min-height);max-height:var(--bizy-card-max-height);width:var(--bizy-card-width);min-width:var(--bizy-card-min-width);max-width:var(--bizy-card-max-width)}.bizy-card{height:100%;width:100%;cursor:var(--bizy-card-cursor);border-top:var(--bizy-card-border-top, var(--bizy-card-border, none));border-right:var(--bizy-card-border-right, var(--bizy-card-border, none));border-bottom:var(--bizy-card-border-bottom, var(--bizy-card-border, none));border-left:var(--bizy-card-border-left, var(--bizy-card-border, none));border-radius:var(--bizy-card-border-radius);overflow:hidden;padding:var(--bizy-card-padding);display:flex;flex-direction:column;justify-content:space-between;row-gap:var(--bizy-card-row-gap);background-color:var(--bizy-card-background-color);transition:transform .25s ease-in-out;box-shadow:var(--bizy-card-box-shadow)}.bizy-card:hover{transform:translateY(-1px);box-shadow:var(--bizy-card-hover-box-shadow)}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__content{display:none}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__header:not(:empty){height:100%!important}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__footer:not(:empty){height:100%!important}.bizy-card--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-card__content:not(:empty){display:flex;align-items:center;column-gap:.5rem;height:100%;width:100%;background-color:var(--bizy-card-content-background-color)}.bizy-card__header:has(>.bizy-card__header__start:empty):has(>.bizy-card__header__end:empty){display:none}.bizy-card__header:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.5rem;background-color:var(--bizy-card-header-background-color)}.bizy-card__header__start{justify-content:flex-start}.bizy-card__header__end{justify-content:flex-end}.bizy-card__slot{width:100%;display:flex;align-items:center;column-gap:.5rem;height:100%;overflow:hidden}.bizy-card__footer:has(>.bizy-card__footer__start:empty):has(>.bizy-card__footer__end:empty){display:none}.bizy-card__footer:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.5rem;background-color:var(--bizy-card-footer-background-color)}.bizy-card__footer__start{justify-content:flex-start}.bizy-card__footer__end{justify-content:flex-end}\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: "20.0.5", ngImport: i0, type: BizyCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizy-card', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n    type=\"button\"\n    (click)=\"_onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\"\n    class=\"bizy-card {{customClass}}\"\n    [ngClass]=\"{'bizy-card--disabled': disabled}\">\n\n    <span class=\"bizy-card__header\">\n\n        <span class=\"bizy-card__header__start bizy-card__slot\">\n            <ng-content select=\"[slot=header-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__header__end bizy-card__slot\">\n            <ng-content select=\"[slot=header-end]\"></ng-content>\n        </span>\n\n    </span>\n\n    <span class=\"bizy-card__content\">\n\n        <ng-content></ng-content>\n\n    </span>\n\n    <span class=\"bizy-card__footer\">\n\n        <span class=\"bizy-card__footer__start bizy-card__slot\">\n            <ng-content select=\"[slot=footer-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__footer__end bizy-card__slot\">\n            <ng-content select=\"[slot=footer-end]\"></ng-content>\n        </span>\n\n    </span>\n\n</button>", styles: [":host{font-size:1rem;height:var(--bizy-card-height);min-height:var(--bizy-card-min-height);max-height:var(--bizy-card-max-height);width:var(--bizy-card-width);min-width:var(--bizy-card-min-width);max-width:var(--bizy-card-max-width)}.bizy-card{height:100%;width:100%;cursor:var(--bizy-card-cursor);border-top:var(--bizy-card-border-top, var(--bizy-card-border, none));border-right:var(--bizy-card-border-right, var(--bizy-card-border, none));border-bottom:var(--bizy-card-border-bottom, var(--bizy-card-border, none));border-left:var(--bizy-card-border-left, var(--bizy-card-border, none));border-radius:var(--bizy-card-border-radius);overflow:hidden;padding:var(--bizy-card-padding);display:flex;flex-direction:column;justify-content:space-between;row-gap:.3rem;background-color:var(--bizy-card-background-color);transition:transform .25s ease-in-out;box-shadow:var(--bizy-card-box-shadow)}.bizy-card:hover{transform:translateY(-1px);box-shadow:var(--bizy-card-hover-box-shadow)}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__content{display:none}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__header:not(:empty){height:100%!important}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__footer:not(:empty){height:100%!important}.bizy-card--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-card__content:not(:empty){display:flex;align-items:center;column-gap:.5rem;height:100%;width:100%;background-color:var(--bizy-card-content-background-color)}.bizy-card__header:has(>.bizy-card__header__start:empty):has(>.bizy-card__header__end:empty){display:none}.bizy-card__header:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.5rem;background-color:var(--bizy-card-header-background-color)}.bizy-card__header__start{justify-content:flex-start}.bizy-card__header__end{justify-content:flex-end}.bizy-card__slot{width:100%;display:flex;align-items:center;column-gap:.5rem;height:100%;overflow:hidden}.bizy-card__footer:has(>.bizy-card__footer__start:empty):has(>.bizy-card__footer__end:empty){display:none}.bizy-card__footer:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.5rem;background-color:var(--bizy-card-footer-background-color)}.bizy-card__footer__start{justify-content:flex-start}.bizy-card__footer__end{justify-content:flex-end}\n"] }]
+            args: [{ selector: 'bizy-card', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n    type=\"button\"\n    (click)=\"_onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\"\n    class=\"bizy-card {{customClass}}\"\n    [ngClass]=\"{'bizy-card--disabled': disabled}\">\n\n    <span class=\"bizy-card__header\">\n\n        <span class=\"bizy-card__header__start bizy-card__slot\">\n            <ng-content select=\"[slot=header-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__header__end bizy-card__slot\">\n            <ng-content select=\"[slot=header-end]\"></ng-content>\n        </span>\n\n    </span>\n\n    <span class=\"bizy-card__content\">\n\n        <ng-content></ng-content>\n\n    </span>\n\n    <span class=\"bizy-card__footer\">\n\n        <span class=\"bizy-card__footer__start bizy-card__slot\">\n            <ng-content select=\"[slot=footer-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__footer__end bizy-card__slot\">\n            <ng-content select=\"[slot=footer-end]\"></ng-content>\n        </span>\n\n    </span>\n\n</button>", styles: [":host{font-size:1rem;height:var(--bizy-card-height);min-height:var(--bizy-card-min-height);max-height:var(--bizy-card-max-height);width:var(--bizy-card-width);min-width:var(--bizy-card-min-width);max-width:var(--bizy-card-max-width)}.bizy-card{height:100%;width:100%;cursor:var(--bizy-card-cursor);border-top:var(--bizy-card-border-top, var(--bizy-card-border, none));border-right:var(--bizy-card-border-right, var(--bizy-card-border, none));border-bottom:var(--bizy-card-border-bottom, var(--bizy-card-border, none));border-left:var(--bizy-card-border-left, var(--bizy-card-border, none));border-radius:var(--bizy-card-border-radius);overflow:hidden;padding:var(--bizy-card-padding);display:flex;flex-direction:column;justify-content:space-between;row-gap:var(--bizy-card-row-gap);background-color:var(--bizy-card-background-color);transition:transform .25s ease-in-out;box-shadow:var(--bizy-card-box-shadow)}.bizy-card:hover{transform:translateY(-1px);box-shadow:var(--bizy-card-hover-box-shadow)}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__content{display:none}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__header:not(:empty){height:100%!important}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__footer:not(:empty){height:100%!important}.bizy-card--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-card__content:not(:empty){display:flex;align-items:center;column-gap:.5rem;height:100%;width:100%;background-color:var(--bizy-card-content-background-color)}.bizy-card__header:has(>.bizy-card__header__start:empty):has(>.bizy-card__header__end:empty){display:none}.bizy-card__header:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.5rem;background-color:var(--bizy-card-header-background-color)}.bizy-card__header__start{justify-content:flex-start}.bizy-card__header__end{justify-content:flex-end}.bizy-card__slot{width:100%;display:flex;align-items:center;column-gap:.5rem;height:100%;overflow:hidden}.bizy-card__footer:has(>.bizy-card__footer__start:empty):has(>.bizy-card__footer__end:empty){display:none}.bizy-card__footer:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.5rem;background-color:var(--bizy-card-footer-background-color)}.bizy-card__footer__start{justify-content:flex-start}.bizy-card__footer__end{justify-content:flex-end}\n"] }]
         }], propDecorators: { id: [{
                 type: Input
             }], disabled: [{
@@ -1735,7 +2141,7 @@ const EN = {
 };
 class BizyFileUploaderService {
     #renderer = inject(Renderer2);
-    #document = inject(DOCUMENT);
+    #document = inject(DOCUMENT$1);
     #fileLoaded = new Subject();
     #fileRemoved = new Subject();
     #upload = new Subject();
@@ -2314,7 +2720,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
 
 class BizyFilterSectionComponent {
     #elementRef = inject(ElementRef);
-    #document = inject(DOCUMENT);
+    #document = inject(DOCUMENT$1);
     #ref = inject(ChangeDetectorRef);
     checkboxOptions;
     rangeOption;
@@ -2447,7 +2853,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
 
 class BizyFilterComponent {
     #elementRef = inject(ElementRef);
-    #document = inject(DOCUMENT);
+    #document = inject(DOCUMENT$1);
     #ref = inject(ChangeDetectorRef);
     sections;
     id = `bizy-filter-${Math.random()}`;
@@ -3014,7 +3420,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
 class BizyGridComponent {
     #elementRef = inject(ElementRef);
     #ref = inject(ChangeDetectorRef);
-    #document = inject(DOCUMENT);
+    #document = inject(DOCUMENT$1);
     #renderer = inject(Renderer2);
     virtualScroll;
     content;
@@ -3169,18 +3575,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
 const DEFAULT_CHART_SIZE$1 = '300px';
 class BizyHeatMapChartComponent {
     #elementRef = inject(ElementRef);
-    #document = inject(DOCUMENT$1);
+    #document = inject(DOCUMENT);
     #ref = inject(ChangeDetectorRef);
     #renderer = inject(Renderer2);
     resizeRef = null;
-    tooltip = true;
+    tooltip = null;
+    download = null;
     ranges = [];
-    download = { show: true, label: 'Descargar', name: 'Bizy' };
-    xAxisLabels = [];
-    yAxisLabels = [];
-    onTooltipFormatter;
-    onXAxisLabelFormatter;
-    onYAxisLabelFormatter;
+    xAxis = null;
+    yAxis = null;
     onDownload = new EventEmitter();
     onSelect = new EventEmitter();
     #echarts = null;
@@ -3207,7 +3610,7 @@ class BizyHeatMapChartComponent {
     }
     async #setChartData(data) {
         this.#data = data;
-        this.#subscription.add(this.#afterViewInit.pipe(filter(value => value === true), take(1)).subscribe(() => {
+        this.#subscription.add(this.#afterViewInit.pipe(filter(value => value === true), take$1(1)).subscribe(() => {
             this.#createChartContainer();
             if (!this.#chartContainer) {
                 return;
@@ -3220,7 +3623,7 @@ class BizyHeatMapChartComponent {
                 show: this.tooltip,
                 trigger: 'item',
                 appendToBody: true,
-                formatter: this.onTooltipFormatter
+                formatter: this.tooltip?.formatter
             };
             const xAxis = [
                 {
@@ -3229,21 +3632,21 @@ class BizyHeatMapChartComponent {
                         show: true
                     },
                     position: 'top',
-                    data: this.xAxisLabels,
+                    data: this.xAxis?.labels,
                     axisLabel: {
-                        formatter: this.onXAxisLabelFormatter,
+                        formatter: this.xAxis?.formatter,
                     }
                 }
             ];
             const yAxis = [
                 {
                     type: 'category',
-                    data: this.yAxisLabels,
+                    data: this.yAxis?.labels,
                     splitArea: {
                         show: true
                     },
                     axisLabel: {
-                        formatter: this.onYAxisLabelFormatter,
+                        formatter: this.yAxis?.formatter,
                     }
                 }
             ];
@@ -3260,19 +3663,21 @@ class BizyHeatMapChartComponent {
             const textColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-tooltip-color');
             const textBackgroundColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-tooltip-background-color');
             const borderColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-heat-map-chart-tooltip-border-color');
+            const downloadTitle = this.download?.label || 'Descargar';
+            const downloadName = this.download?.name || 'bizy_chart';
             const toolbox = {
                 show: true,
                 feature: {
                     mySaveAsImage: {
-                        show: this.download.show,
+                        show: this.download?.show,
                         icon: 'path://M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z',
-                        title: this.download.label,
+                        title: downloadTitle,
                         onclick: () => {
                             setTimeout(() => {
                                 html2canvas(this.#chartContainer).then(canvas => {
                                     var link = this.#renderer.createElement('a');
                                     link.href = canvas.toDataURL('image/png');
-                                    link.download = `${this.download.name}.png`;
+                                    link.download = downloadName;
                                     this.#renderer.appendChild(this.#document.body, link);
                                     link.click();
                                     this.#renderer.removeChild(this.#document.body, link);
@@ -3370,7 +3775,7 @@ class BizyHeatMapChartComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyHeatMapChartComponent, isStandalone: true, selector: "bizy-heat-map-chart", inputs: { resizeRef: "resizeRef", tooltip: "tooltip", ranges: "ranges", download: "download", xAxisLabels: "xAxisLabels", yAxisLabels: "yAxisLabels", onTooltipFormatter: "onTooltipFormatter", onXAxisLabelFormatter: "onXAxisLabelFormatter", onYAxisLabelFormatter: "onYAxisLabelFormatter", data: "data" }, outputs: { onDownload: "onDownload", onSelect: "onSelect" }, ngImport: i0, template: '', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyHeatMapChartComponent, isStandalone: true, selector: "bizy-heat-map-chart", inputs: { resizeRef: "resizeRef", tooltip: "tooltip", download: "download", ranges: "ranges", xAxis: "xAxis", yAxis: "yAxis", data: "data" }, outputs: { onDownload: "onDownload", onSelect: "onSelect" }, ngImport: i0, template: '', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyHeatMapChartComponent, decorators: [{
             type: Component,
@@ -3384,19 +3789,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Input
             }], tooltip: [{
                 type: Input
-            }], ranges: [{
-                type: Input
             }], download: [{
                 type: Input
-            }], xAxisLabels: [{
-                type: Input
-            }], yAxisLabels: [{
-                type: Input
-            }], onTooltipFormatter: [{
+            }], ranges: [{
                 type: Input
-            }], onXAxisLabelFormatter: [{
+            }], xAxis: [{
                 type: Input
-            }], onYAxisLabelFormatter: [{
+            }], yAxis: [{
                 type: Input
             }], onDownload: [{
                 type: Output
@@ -3642,17 +4041,16 @@ const EMPTY_CHART = [0];
 const DEFAULT_CHART_SIZE = '300px';
 class BizyPieChartComponent {
     #elementRef = inject(ElementRef);
-    #document = inject(DOCUMENT);
+    #document = inject(DOCUMENT$1);
     #ref = inject(ChangeDetectorRef);
     #renderer = inject(Renderer2);
     resizeRef = null;
-    tooltip = true;
     centerLabel = null;
     type = 'pie';
     legend = null;
-    download = { show: true, label: 'Descargar', name: 'Bizy' };
-    onLabelFormatter;
-    onTooltipFormatter;
+    download = null;
+    label = null;
+    tooltip = null;
     onSelect = new EventEmitter();
     onDownload = new EventEmitter();
     #echarts = null;
@@ -3679,7 +4077,7 @@ class BizyPieChartComponent {
         }
     }
     async #setChartData(data) {
-        this.#subscription.add(this.#afterViewInit.pipe(filter(value => value === true), take(1)).subscribe(() => {
+        this.#subscription.add(this.#afterViewInit.pipe(filter(value => value === true), take$1(1)).subscribe(() => {
             this.#createChartContainer();
             if (!this.#chartContainer) {
                 return;
@@ -3704,52 +4102,56 @@ class BizyPieChartComponent {
             else {
                 this.#data = EMPTY_CHART;
             }
-            const itemStyle = this.type === 'pie' ? {
-                emphasis: {
-                    label: {
-                        show: true
-                    }
-                },
-                normal: {
-                    label: {
-                        position: 'outer',
-                        formatter: this.onLabelFormatter
-                    },
-                    labelLine: {
-                        show: true
-                    }
-                }
-            } :
+            const itemStyle = this.type === 'donut' ?
                 {
                     borderRadius: 10,
                     borderColor: '#fff',
                     borderWidth: 2
-                };
-            const label = this.type === 'pie' ? undefined : { show: false, position: 'center' };
+                } : {};
+            const label = this.label ?
+                {
+                    show: this.label.show ?? true,
+                    overflow: this.label.overflow ?? 'break',
+                    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
+                    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 downloadTitle = this.download?.label || 'Descargar';
+            const downloadName = this.download?.name || 'bizy_chart';
             const toolbox = {
                 show: true,
                 feature: {
                     mySaveAsImage: {
-                        show: this.download.show,
+                        show: this.download?.show,
                         icon: 'path://M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z',
-                        title: this.download.label,
+                        title: downloadTitle,
                         onclick: () => {
                             setTimeout(() => {
                                 html2canvas(this.#chartContainer).then(canvas => {
                                     var link = this.#renderer.createElement('a');
                                     link.href = canvas.toDataURL('image/png');
-                                    link.download = `${this.download.name}.png`;
+                                    link.download = downloadName;
                                     this.#renderer.appendChild(this.#document.body, link);
                                     link.click();
                                     this.#renderer.removeChild(this.#document.body, link);
@@ -3770,10 +4172,10 @@ class BizyPieChartComponent {
                 }
             };
             const tooltip = {
-                show: this.tooltip,
+                show: this.tooltip?.show,
                 trigger: 'item',
                 appendToBody: true,
-                formatter: this.onTooltipFormatter
+                formatter: this.tooltip?.formatter
             };
             let legend = {};
             if (this.legend) {
@@ -3885,7 +4287,7 @@ class BizyPieChartComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyPieChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyPieChartComponent, isStandalone: true, selector: "bizy-pie-chart", inputs: { resizeRef: "resizeRef", tooltip: "tooltip", centerLabel: "centerLabel", type: "type", legend: "legend", download: "download", onLabelFormatter: "onLabelFormatter", onTooltipFormatter: "onTooltipFormatter", data: "data" }, outputs: { onSelect: "onSelect", onDownload: "onDownload" }, ngImport: i0, template: '', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyPieChartComponent, isStandalone: true, selector: "bizy-pie-chart", inputs: { resizeRef: "resizeRef", centerLabel: "centerLabel", type: "type", legend: "legend", download: "download", label: "label", tooltip: "tooltip", data: "data" }, outputs: { onSelect: "onSelect", onDownload: "onDownload" }, ngImport: i0, template: '', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyPieChartComponent, decorators: [{
             type: Component,
@@ -3897,8 +4299,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 }]
         }], propDecorators: { resizeRef: [{
                 type: Input
-            }], tooltip: [{
-                type: Input
             }], centerLabel: [{
                 type: Input
             }], type: [{
@@ -3907,9 +4307,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Input
             }], download: [{
                 type: Input
-            }], onLabelFormatter: [{
+            }], label: [{
                 type: Input
-            }], onTooltipFormatter: [{
+            }], tooltip: [{
                 type: Input
             }], onSelect: [{
                 type: Output
@@ -4123,7 +4523,7 @@ class BizyKeyboardService {
     isControlHolding() {
         return this.#controlHolding.value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyKeyboardService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyKeyboardService, deps: [{ token: DOCUMENT$1 }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyKeyboardService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyKeyboardService, decorators: [{
@@ -4133,7 +4533,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 }]
         }], ctorParameters: () => [{ type: Document, decorators: [{
                     type: Inject,
-                    args: [DOCUMENT]
+                    args: [DOCUMENT$1]
                 }] }] });
 
 class BizyExportToCSVService {
@@ -4212,7 +4612,7 @@ class BizyExportToCSVService {
         downloadButton.click();
         this.#renderer.removeChild(this.document.body, downloadButton);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyExportToCSVService, deps: [{ token: DOCUMENT }, { token: RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyExportToCSVService, deps: [{ token: DOCUMENT$1 }, { token: RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyExportToCSVService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyExportToCSVService, decorators: [{
@@ -4222,7 +4622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 }]
         }], ctorParameters: () => [{ type: Document, decorators: [{
                     type: Inject,
-                    args: [DOCUMENT]
+                    args: [DOCUMENT$1]
                 }] }, { type: i0.RendererFactory2, decorators: [{
                     type: Inject,
                     args: [RendererFactory2]
@@ -5183,7 +5583,7 @@ class BizyPopupService {
             panelClass: Array.isArray(data.customClass) ? data.customClass : this.#validator.isString(data.customClass) ? [data.customClass] : []
         }));
         BizyPopupService.dialogs.add(dialogRef);
-        dialogRef.closed.pipe(take(1)).subscribe(response => {
+        dialogRef.closed.pipe(take$1(1)).subscribe(response => {
             BizyPopupService.dialogs.delete(dialogRef);
             if (callback) {
                 callback(response);
@@ -6333,7 +6733,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
 // https://github.com/angular/components/issues/15277
 class BizyTableScrollingComponent {
     #elementRef = inject(ElementRef);
-    #document = inject(DOCUMENT);
+    #document = inject(DOCUMENT$1);
     #ref = inject(ChangeDetectorRef);
     viewport;
     content;
@@ -6349,7 +6749,7 @@ class BizyTableScrollingComponent {
             return;
         }
         let itemSize = 30;
-        const rowHeight = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--anura-table-row-height');
+        const rowHeight = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-table-row-height');
         const fontSize = getComputedStyle(this.#document.documentElement).getPropertyValue('font-size');
         const gap = Number(fontSize.split('px')[0]) * 0.1;
         if (rowHeight && rowHeight.includes('rem')) {
@@ -6405,7 +6805,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
 
 class BizyTableComponent {
     #elementRef = inject(ElementRef);
-    #document = inject(DOCUMENT);
+    #document = inject(DOCUMENT$1);
     #ref = inject(ChangeDetectorRef);
     #renderer = inject(Renderer2);
     viewport;
@@ -6934,7 +7334,7 @@ var TOAST;
     TOAST["DANGER"] = "danger";
 })(TOAST || (TOAST = {}));
 class BizyToastService {
-    #document = inject(DOCUMENT);
+    #document = inject(DOCUMENT$1);
     #dialog = inject(Dialog);
     static toasts = [];
     duration = 3000;
@@ -8180,7 +8580,7 @@ class BizyTooltipDirective {
     tooltipLongPressDuration = 500; // Milliseconds
     #elementRef = inject(ElementRef);
     #renderer = inject(Renderer2);
-    #document = inject(DOCUMENT);
+    #document = inject(DOCUMENT$1);
     #tooltip;
     #hiding;
     #longPressTimeout = null;
@@ -8427,7 +8827,7 @@ class BizyAutoFocusDirective {
             this.elementRef.nativeElement.focus();
             this.ref.detectChanges();
         }, 300);
-        fromEvent(this.elementRef.nativeElement, 'focus').pipe(take$1(1)).subscribe(() => {
+        fromEvent(this.elementRef.nativeElement, 'focus').pipe(take(1)).subscribe(() => {
             clearInterval(interval);
         });
     }
@@ -8500,5 +8900,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BIZY_ANIMATION, BIZY_CALENDAR_DAY, BIZY_CALENDAR_EVENT_ACTION, BIZY_CALENDAR_LANGUAGE, BIZY_CALENDAR_MODE, BIZY_FORMAT_SECONDS_FORMAT, BIZY_FORMAT_SECONDS_LANGUAGE, BIZY_SKELETON_SHAPE, BIZY_TAG_TYPE, BizyAccordionComponent, BizyAccordionModule, BizyAnimationService, BizyAudioPlayerComponent, BizyAudioPlayerModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBreadcrumbComponent, BizyBreadcrumbModule, BizyButtonComponent, BizyButtonModule, BizyCacheService, BizyCalendarComponent, BizyCalendarModule, BizyCardComponent, BizyCardModule, BizyCheckboxComponent, BizyCheckboxModule, BizyContentComponent, BizyContentModule, BizyCopyToClipboardDirective, BizyCopyToClipboardService, BizyCurrencyFormatDirective, BizyDatePickerComponent, BizyDatePickerModule, BizyDeviceService, BizyDirectivesModule, BizyEnumToArrayPipe, BizyExportToCSVService, BizyExtractNumbersPipe, BizyFileUploaderComponent, BizyFileUploaderModule, BizyFileUploaderService, BizyFilterComponent, BizyFilterContentComponent, BizyFilterModule, BizyFilterPipe, BizyFilterSectionCheckboxOptionComponent, BizyFilterSectionComponent, BizyFilterSectionRangeOptionComponent, BizyFilterSectionSearchOptionComponent, BizyFilterSectionsComponent, BizyFormComponent, BizyFormModule, BizyFormatSecondsPipe, BizyFormatSecondsService, BizyFullScreenPopupWrapperComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyHeatMapChartComponent, BizyHeatMapChartModule, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRouterService, BizySafePipe, BizySearchPipe, BizySectionCenterComponent, BizySectionComponent, BizySectionEndComponent, BizySectionModule, BizySectionStartComponent, BizySelectComponent, BizySelectModule, BizySelectOptionComponent, BizyServicesModule, BizySetToArrayPipe, BizySidebarComponent, BizySidebarFloatingOptionComponent, BizySidebarFloatingOptionTitleComponent, BizySidebarModule, BizySidebarOptionComponent, BizySkeletonComponent, BizySkeletonModule, BizySliderComponent, BizySliderModule, BizyStorageService, BizyTabComponent, BizyTableColumnArrowsComponent, BizyTableColumnComponent, BizyTableColumnFixedDirective, BizyTableComponent, BizyTableFooterComponent, BizyTableHeaderComponent, BizyTableModule, BizyTableRowComponent, BizyTableRowExpandContentComponent, BizyTableScrollingComponent, BizyTableScrollingDirective, BizyTabsComponent, BizyTabsModule, BizyTagComponent, BizyTagModule, BizyTextEllipsisDirective, BizyTimelineComponent, BizyTimelineEventComponent, BizyTimelineModule, BizyToastModule, BizyToastService, BizyToastWrapperComponent, BizyToggleComponent, BizyToggleModule, BizyToolbarComponent, BizyToolbarModule, BizyTooltipDirective, BizyTrackByIdDirective, BizyTranslateModule, BizyTranslatePipe, BizyTranslateService, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE };
+export { BIZY_ANIMATION, BIZY_CALENDAR_DAY, BIZY_CALENDAR_EVENT_ACTION, BIZY_CALENDAR_LANGUAGE, BIZY_CALENDAR_MODE, BIZY_FORMAT_SECONDS_FORMAT, BIZY_FORMAT_SECONDS_LANGUAGE, BIZY_SKELETON_SHAPE, BIZY_TAG_TYPE, BizyAccordionComponent, BizyAccordionModule, BizyAnimationService, BizyAudioPlayerComponent, BizyAudioPlayerModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBreadcrumbComponent, BizyBreadcrumbModule, BizyButtonComponent, BizyButtonModule, BizyCacheService, BizyCalendarComponent, BizyCalendarModule, BizyCardComponent, BizyCardModule, BizyCheckboxComponent, BizyCheckboxModule, BizyContentComponent, BizyContentModule, BizyCopyToClipboardDirective, BizyCopyToClipboardService, BizyCurrencyFormatDirective, BizyDatePickerComponent, BizyDatePickerModule, BizyDeviceService, BizyDirectivesModule, BizyEnumToArrayPipe, BizyExportToCSVService, BizyExtractNumbersPipe, BizyFileUploaderComponent, BizyFileUploaderModule, BizyFileUploaderService, BizyFilterComponent, BizyFilterContentComponent, BizyFilterModule, BizyFilterPipe, BizyFilterSectionCheckboxOptionComponent, BizyFilterSectionComponent, BizyFilterSectionRangeOptionComponent, BizyFilterSectionSearchOptionComponent, BizyFilterSectionsComponent, BizyFormComponent, BizyFormModule, BizyFormatSecondsPipe, BizyFormatSecondsService, BizyFullScreenPopupWrapperComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyHeatMapChartComponent, BizyHeatMapChartModule, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRouterService, BizySafePipe, BizySearchPipe, BizySectionCenterComponent, BizySectionComponent, BizySectionEndComponent, BizySectionModule, BizySectionStartComponent, BizySelectComponent, BizySelectModule, BizySelectOptionComponent, BizyServicesModule, BizySetToArrayPipe, BizySidebarComponent, BizySidebarFloatingOptionComponent, BizySidebarFloatingOptionTitleComponent, BizySidebarModule, BizySidebarOptionComponent, BizySkeletonComponent, BizySkeletonModule, BizySliderComponent, BizySliderModule, BizyStorageService, BizyTabComponent, BizyTableColumnArrowsComponent, BizyTableColumnComponent, BizyTableColumnFixedDirective, BizyTableComponent, BizyTableFooterComponent, BizyTableHeaderComponent, BizyTableModule, BizyTableRowComponent, BizyTableRowExpandContentComponent, BizyTableScrollingComponent, BizyTableScrollingDirective, BizyTabsComponent, BizyTabsModule, BizyTagComponent, BizyTagModule, BizyTextEllipsisDirective, BizyTimelineComponent, BizyTimelineEventComponent, BizyTimelineModule, BizyToastModule, BizyToastService, BizyToastWrapperComponent, BizyToggleComponent, BizyToggleModule, BizyToolbarComponent, BizyToolbarModule, BizyTooltipDirective, BizyTrackByIdDirective, BizyTranslateModule, BizyTranslatePipe, BizyTranslateService, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE, MODE };
 //# sourceMappingURL=bizy-core.mjs.map