@bizy/core 20.10.0 → 20.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8050,6 +8050,9 @@ class BizyAudioPlayerComponent {
8050
8050
  if (this.enableLogs) {
8051
8051
  console.debug('bizy audio player - canplay', event);
8052
8052
  }
8053
+ if (this.autoplay) {
8054
+ this.play();
8055
+ }
8053
8056
  this.canPlay.emit(event);
8054
8057
  }, {
8055
8058
  once: true,
@@ -8298,11 +8301,11 @@ class BizyAudioPlayerComponent {
8298
8301
  this.#removeListeners();
8299
8302
  }
8300
8303
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8301
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: BizyAudioPlayerComponent, isStandalone: true, selector: "bizy-audio-player", inputs: { enableLogs: "enableLogs", disabled: "disabled", autoplay: "autoplay", download: "download", playbackRate: "playbackRate", src: "src" }, outputs: { onPlaybackRate: "onPlaybackRate", 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", onSeeked: "onSeeked", onSeeking: "onSeeking", onSuspend: "onSuspend", onTimeUpdate: "onTimeUpdate", onVolumeChange: "onVolumeChange", onWaiting: "onWaiting" }, viewQueries: [{ propertyName: "playButtonRef", first: true, predicate: ["bizyAudioPlayerPlayButtonRef"], descendants: true }, { propertyName: "audioRef", first: true, predicate: ["bizyAudioPlayerAudioRef"], descendants: true }, { propertyName: "seekSliderRef", first: true, predicate: ["bizyAudioPlayerSeekSliderRef"], descendants: true }, { propertyName: "muteButtonRef", first: true, predicate: ["bizyAudioPlayerMuteButtonRef"], descendants: true }], ngImport: i0, template: "<button \n type=\"button\"\n #bizyAudioPlayerPlayButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__play-button\"\n (click)=\"togglePlay()\"\n (keyup.enter)=\"togglePlay()\">\n</button>\n\n<audio #bizyAudioPlayerAudioRef preload=\"metadata\" [autoplay]=\"autoplay\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.WAV\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.OGG\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.MPEG\">\n</audio>\n\n<h6 [class.bizy-audio-player--disabled]=\"disabled\">{{_currentTime | bizyAudioPlayerFormatSeconds}}</h6>\n<input \n #bizyAudioPlayerSeekSliderRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__slider\"\n type=\"range\"\n [max]=\"_duration\"\n [value]=\"_currentTime\">\n<h6 [class.bizy-audio-player--disabled]=\"disabled\">{{_duration | bizyAudioPlayerFormatSeconds}}</h6>\n\n<button \n type=\"button\"\n #bizyAudioPlayerMuteButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__mute-button\"\n (click)=\"toggleMute()\"\n (keyup.enter)=\"toggleMute()\">\n</button>\n\n@if (_showPlaybackRate) {\n <button \n type=\"button\"\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__playback-rate-button\"\n (click)=\"setPlaybackRate()\"\n (keyup.enter)=\"setPlaybackRate()\">\n <h6 class=\"bizy-audio-player__playback-rate-button__text\">{{_playbackRate}}x</h6>\n </button>\n}\n\n@if (_showDownload) {\n <button \n type=\"button\"\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__download-button\"\n (click)=\"downloadAudio()\"\n (keyup.enter)=\"downloadAudio()\">\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 </button>\n}\n", styles: [":host{font-size:1rem;display:flex;align-items:center;column-gap:.3rem;width:var(--bizy-audio-player-width);height:var(--bizy-audio-player-height)}.bizy-audio-player__play-button{height:var(--bizy-audio-player-height);width:var(--bizy-audio-player-height);border:none;padding:.3rem 0;background-color:transparent;cursor:pointer}.bizy-audio-player__mute-button{height:var(--bizy-audio-player-height);width:var(--bizy-audio-player-height);padding:.7rem 0;border:none;background-color:transparent;cursor:pointer}.bizy-audio-player__playback-rate-button{height:fit-content;width:fit-content;min-width:2.4rem;border:.1rem solid var(--bizy-audio-player-playback-rate-button-color);border-radius:.3rem;padding:.2rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}.bizy-audio-player__playback-rate-button:hover{background-color:var(--bizy-audio-player-playback-rate-button-hover-color)}.bizy-audio-player__playback-rate-button__text{color:var(--bizy-audio-player-playback-rate-button-color);text-wrap:nowrap}.bizy-audio-player__download-button{height:fit-content;width:fit-content;min-width:2.4rem;border:.1rem solid var(--bizy-audio-player-download-button-color);border-radius:.3rem;padding:.2rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}.bizy-audio-player__download-button:hover{background-color:var(--bizy-audio-player-download-button-hover-color)}.bizy-audio-player__download-button__icon{height:1rem;stroke:var(--bizy-audio-player-download-button-color)}.bizy-audio-player__slider{flex:1;position:relative;background-color:transparent;-webkit-appearance:none;outline:none}.bizy-audio-player__slider::-webkit-slider-runnable-track{width:100%;height:.3rem;cursor:pointer;border-radius:12rem;background:linear-gradient(to right,rgba(0,125,181,.6) var(--bizy-audio-player-volume-before-width),rgba(0,125,181,.2) var(--bizy-audio-player-volume-before-width))}.bizy-audio-player__slider:before{position:absolute;content:\"\";top:0;left:0;border-radius:12rem;width:var(--bizy-audio-player-seek-before-width);height:.3rem;background-color:var(--bizy-audio-player-seek-before-background-color);cursor:pointer}.bizy-audio-player__slider::-webkit-slider-thumb{position:relative;-webkit-appearance:none;box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer;margin:-.4rem 0 0}.bizy-audio-player__slider:active::-webkit-slider-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player__slider::-moz-range-track{width:100%;height:.3rem;cursor:pointer;background:linear-gradient(to right,rgba(0,125,181,.6) var(--bizy-audio-player-volume-before-width),rgba(0,125,181,.2) var(--bizy-audio-player-volume-before-width))}.bizy-audio-player__slider::-moz-range-progress{background-color:var(--bizy-audio-player-seek-before-background-color)}.bizy-audio-player__slider::-moz-focus-outer{border:0}.bizy-audio-player__slider::-moz-range-thumb{box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer}.bizy-audio-player__slider:active::-moz-range-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player__slider::-ms-track{width:100%;height:.3rem;cursor:pointer;background:transparent;border:solid transparent;color:transparent}.bizy-audio-player__slider::-ms-fill-lower{background-color:var(--bizy-audio-player-seek-before-background-color)}.bizy-audio-player__slider::-ms-thumb{box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer}.bizy-audio-player__slider:active::-ms-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: BizyAudioPlayerFormatSecondsPipe, name: "bizyAudioPlayerFormatSeconds" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
8304
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: BizyAudioPlayerComponent, isStandalone: true, selector: "bizy-audio-player", inputs: { enableLogs: "enableLogs", disabled: "disabled", autoplay: "autoplay", download: "download", playbackRate: "playbackRate", src: "src" }, outputs: { onPlaybackRate: "onPlaybackRate", 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", onSeeked: "onSeeked", onSeeking: "onSeeking", onSuspend: "onSuspend", onTimeUpdate: "onTimeUpdate", onVolumeChange: "onVolumeChange", onWaiting: "onWaiting" }, viewQueries: [{ propertyName: "playButtonRef", first: true, predicate: ["bizyAudioPlayerPlayButtonRef"], descendants: true }, { propertyName: "audioRef", first: true, predicate: ["bizyAudioPlayerAudioRef"], descendants: true }, { propertyName: "seekSliderRef", first: true, predicate: ["bizyAudioPlayerSeekSliderRef"], descendants: true }, { propertyName: "muteButtonRef", first: true, predicate: ["bizyAudioPlayerMuteButtonRef"], descendants: true }], ngImport: i0, template: "<button \n type=\"button\"\n #bizyAudioPlayerPlayButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__play-button\"\n (click)=\"togglePlay()\"\n (keyup.enter)=\"togglePlay()\">\n</button>\n\n<audio #bizyAudioPlayerAudioRef preload=\"metadata\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.WAV\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.OGG\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.MPEG\">\n</audio>\n\n<h6 [class.bizy-audio-player--disabled]=\"disabled\">{{_currentTime | bizyAudioPlayerFormatSeconds}}</h6>\n<input \n #bizyAudioPlayerSeekSliderRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__slider\"\n type=\"range\"\n [max]=\"_duration\"\n [value]=\"_currentTime\">\n<h6 [class.bizy-audio-player--disabled]=\"disabled\">{{_duration | bizyAudioPlayerFormatSeconds}}</h6>\n\n<button \n type=\"button\"\n #bizyAudioPlayerMuteButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__mute-button\"\n (click)=\"toggleMute()\"\n (keyup.enter)=\"toggleMute()\">\n</button>\n\n@if (_showPlaybackRate) {\n <button \n type=\"button\"\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__playback-rate-button\"\n (click)=\"setPlaybackRate()\"\n (keyup.enter)=\"setPlaybackRate()\">\n <h6 class=\"bizy-audio-player__playback-rate-button__text\">{{_playbackRate}}x</h6>\n </button>\n}\n\n@if (_showDownload) {\n <button \n type=\"button\"\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__download-button\"\n (click)=\"downloadAudio()\"\n (keyup.enter)=\"downloadAudio()\">\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 </button>\n}\n", styles: [":host{font-size:1rem;display:flex;align-items:center;column-gap:.3rem;width:var(--bizy-audio-player-width);height:var(--bizy-audio-player-height)}.bizy-audio-player__play-button{height:var(--bizy-audio-player-height);width:var(--bizy-audio-player-height);border:none;padding:.3rem 0;background-color:transparent;cursor:pointer}.bizy-audio-player__mute-button{height:var(--bizy-audio-player-height);width:var(--bizy-audio-player-height);padding:.7rem 0;border:none;background-color:transparent;cursor:pointer}.bizy-audio-player__playback-rate-button{height:fit-content;width:fit-content;min-width:2.4rem;border:.1rem solid var(--bizy-audio-player-playback-rate-button-color);border-radius:.3rem;padding:.2rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}.bizy-audio-player__playback-rate-button:hover{background-color:var(--bizy-audio-player-playback-rate-button-hover-color)}.bizy-audio-player__playback-rate-button__text{color:var(--bizy-audio-player-playback-rate-button-color);text-wrap:nowrap}.bizy-audio-player__download-button{height:fit-content;width:fit-content;min-width:2.4rem;border:.1rem solid var(--bizy-audio-player-download-button-color);border-radius:.3rem;padding:.2rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}.bizy-audio-player__download-button:hover{background-color:var(--bizy-audio-player-download-button-hover-color)}.bizy-audio-player__download-button__icon{height:1rem;stroke:var(--bizy-audio-player-download-button-color)}.bizy-audio-player__slider{flex:1;position:relative;background-color:transparent;-webkit-appearance:none;outline:none}.bizy-audio-player__slider::-webkit-slider-runnable-track{width:100%;height:.3rem;cursor:pointer;border-radius:12rem;background:linear-gradient(to right,rgba(0,125,181,.6) var(--bizy-audio-player-volume-before-width),rgba(0,125,181,.2) var(--bizy-audio-player-volume-before-width))}.bizy-audio-player__slider:before{position:absolute;content:\"\";top:0;left:0;border-radius:12rem;width:var(--bizy-audio-player-seek-before-width);height:.3rem;background-color:var(--bizy-audio-player-seek-before-background-color);cursor:pointer}.bizy-audio-player__slider::-webkit-slider-thumb{position:relative;-webkit-appearance:none;box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer;margin:-.4rem 0 0}.bizy-audio-player__slider:active::-webkit-slider-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player__slider::-moz-range-track{width:100%;height:.3rem;cursor:pointer;background:linear-gradient(to right,rgba(0,125,181,.6) var(--bizy-audio-player-volume-before-width),rgba(0,125,181,.2) var(--bizy-audio-player-volume-before-width))}.bizy-audio-player__slider::-moz-range-progress{background-color:var(--bizy-audio-player-seek-before-background-color)}.bizy-audio-player__slider::-moz-focus-outer{border:0}.bizy-audio-player__slider::-moz-range-thumb{box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer}.bizy-audio-player__slider:active::-moz-range-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player__slider::-ms-track{width:100%;height:.3rem;cursor:pointer;background:transparent;border:solid transparent;color:transparent}.bizy-audio-player__slider::-ms-fill-lower{background-color:var(--bizy-audio-player-seek-before-background-color)}.bizy-audio-player__slider::-ms-thumb{box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer}.bizy-audio-player__slider:active::-ms-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: BizyAudioPlayerFormatSecondsPipe, name: "bizyAudioPlayerFormatSeconds" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
8302
8305
  }
8303
8306
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyAudioPlayerComponent, decorators: [{
8304
8307
  type: Component,
8305
- args: [{ selector: 'bizy-audio-player', imports: [CommonModule, BizyAudioPlayerFormatSecondsPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n type=\"button\"\n #bizyAudioPlayerPlayButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__play-button\"\n (click)=\"togglePlay()\"\n (keyup.enter)=\"togglePlay()\">\n</button>\n\n<audio #bizyAudioPlayerAudioRef preload=\"metadata\" [autoplay]=\"autoplay\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.WAV\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.OGG\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.MPEG\">\n</audio>\n\n<h6 [class.bizy-audio-player--disabled]=\"disabled\">{{_currentTime | bizyAudioPlayerFormatSeconds}}</h6>\n<input \n #bizyAudioPlayerSeekSliderRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__slider\"\n type=\"range\"\n [max]=\"_duration\"\n [value]=\"_currentTime\">\n<h6 [class.bizy-audio-player--disabled]=\"disabled\">{{_duration | bizyAudioPlayerFormatSeconds}}</h6>\n\n<button \n type=\"button\"\n #bizyAudioPlayerMuteButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__mute-button\"\n (click)=\"toggleMute()\"\n (keyup.enter)=\"toggleMute()\">\n</button>\n\n@if (_showPlaybackRate) {\n <button \n type=\"button\"\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__playback-rate-button\"\n (click)=\"setPlaybackRate()\"\n (keyup.enter)=\"setPlaybackRate()\">\n <h6 class=\"bizy-audio-player__playback-rate-button__text\">{{_playbackRate}}x</h6>\n </button>\n}\n\n@if (_showDownload) {\n <button \n type=\"button\"\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__download-button\"\n (click)=\"downloadAudio()\"\n (keyup.enter)=\"downloadAudio()\">\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 </button>\n}\n", styles: [":host{font-size:1rem;display:flex;align-items:center;column-gap:.3rem;width:var(--bizy-audio-player-width);height:var(--bizy-audio-player-height)}.bizy-audio-player__play-button{height:var(--bizy-audio-player-height);width:var(--bizy-audio-player-height);border:none;padding:.3rem 0;background-color:transparent;cursor:pointer}.bizy-audio-player__mute-button{height:var(--bizy-audio-player-height);width:var(--bizy-audio-player-height);padding:.7rem 0;border:none;background-color:transparent;cursor:pointer}.bizy-audio-player__playback-rate-button{height:fit-content;width:fit-content;min-width:2.4rem;border:.1rem solid var(--bizy-audio-player-playback-rate-button-color);border-radius:.3rem;padding:.2rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}.bizy-audio-player__playback-rate-button:hover{background-color:var(--bizy-audio-player-playback-rate-button-hover-color)}.bizy-audio-player__playback-rate-button__text{color:var(--bizy-audio-player-playback-rate-button-color);text-wrap:nowrap}.bizy-audio-player__download-button{height:fit-content;width:fit-content;min-width:2.4rem;border:.1rem solid var(--bizy-audio-player-download-button-color);border-radius:.3rem;padding:.2rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}.bizy-audio-player__download-button:hover{background-color:var(--bizy-audio-player-download-button-hover-color)}.bizy-audio-player__download-button__icon{height:1rem;stroke:var(--bizy-audio-player-download-button-color)}.bizy-audio-player__slider{flex:1;position:relative;background-color:transparent;-webkit-appearance:none;outline:none}.bizy-audio-player__slider::-webkit-slider-runnable-track{width:100%;height:.3rem;cursor:pointer;border-radius:12rem;background:linear-gradient(to right,rgba(0,125,181,.6) var(--bizy-audio-player-volume-before-width),rgba(0,125,181,.2) var(--bizy-audio-player-volume-before-width))}.bizy-audio-player__slider:before{position:absolute;content:\"\";top:0;left:0;border-radius:12rem;width:var(--bizy-audio-player-seek-before-width);height:.3rem;background-color:var(--bizy-audio-player-seek-before-background-color);cursor:pointer}.bizy-audio-player__slider::-webkit-slider-thumb{position:relative;-webkit-appearance:none;box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer;margin:-.4rem 0 0}.bizy-audio-player__slider:active::-webkit-slider-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player__slider::-moz-range-track{width:100%;height:.3rem;cursor:pointer;background:linear-gradient(to right,rgba(0,125,181,.6) var(--bizy-audio-player-volume-before-width),rgba(0,125,181,.2) var(--bizy-audio-player-volume-before-width))}.bizy-audio-player__slider::-moz-range-progress{background-color:var(--bizy-audio-player-seek-before-background-color)}.bizy-audio-player__slider::-moz-focus-outer{border:0}.bizy-audio-player__slider::-moz-range-thumb{box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer}.bizy-audio-player__slider:active::-moz-range-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player__slider::-ms-track{width:100%;height:.3rem;cursor:pointer;background:transparent;border:solid transparent;color:transparent}.bizy-audio-player__slider::-ms-fill-lower{background-color:var(--bizy-audio-player-seek-before-background-color)}.bizy-audio-player__slider::-ms-thumb{box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer}.bizy-audio-player__slider:active::-ms-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}\n"] }]
8308
+ args: [{ selector: 'bizy-audio-player', imports: [CommonModule, BizyAudioPlayerFormatSecondsPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n type=\"button\"\n #bizyAudioPlayerPlayButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__play-button\"\n (click)=\"togglePlay()\"\n (keyup.enter)=\"togglePlay()\">\n</button>\n\n<audio #bizyAudioPlayerAudioRef preload=\"metadata\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.WAV\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.OGG\">\n <source [src]=\"_src\" [type]=\"MIME_TYPE.MPEG\">\n</audio>\n\n<h6 [class.bizy-audio-player--disabled]=\"disabled\">{{_currentTime | bizyAudioPlayerFormatSeconds}}</h6>\n<input \n #bizyAudioPlayerSeekSliderRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__slider\"\n type=\"range\"\n [max]=\"_duration\"\n [value]=\"_currentTime\">\n<h6 [class.bizy-audio-player--disabled]=\"disabled\">{{_duration | bizyAudioPlayerFormatSeconds}}</h6>\n\n<button \n type=\"button\"\n #bizyAudioPlayerMuteButtonRef\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__mute-button\"\n (click)=\"toggleMute()\"\n (keyup.enter)=\"toggleMute()\">\n</button>\n\n@if (_showPlaybackRate) {\n <button \n type=\"button\"\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__playback-rate-button\"\n (click)=\"setPlaybackRate()\"\n (keyup.enter)=\"setPlaybackRate()\">\n <h6 class=\"bizy-audio-player__playback-rate-button__text\">{{_playbackRate}}x</h6>\n </button>\n}\n\n@if (_showDownload) {\n <button \n type=\"button\"\n [class.bizy-audio-player--disabled]=\"disabled\"\n class=\"bizy-audio-player__download-button\"\n (click)=\"downloadAudio()\"\n (keyup.enter)=\"downloadAudio()\">\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 </button>\n}\n", styles: [":host{font-size:1rem;display:flex;align-items:center;column-gap:.3rem;width:var(--bizy-audio-player-width);height:var(--bizy-audio-player-height)}.bizy-audio-player__play-button{height:var(--bizy-audio-player-height);width:var(--bizy-audio-player-height);border:none;padding:.3rem 0;background-color:transparent;cursor:pointer}.bizy-audio-player__mute-button{height:var(--bizy-audio-player-height);width:var(--bizy-audio-player-height);padding:.7rem 0;border:none;background-color:transparent;cursor:pointer}.bizy-audio-player__playback-rate-button{height:fit-content;width:fit-content;min-width:2.4rem;border:.1rem solid var(--bizy-audio-player-playback-rate-button-color);border-radius:.3rem;padding:.2rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}.bizy-audio-player__playback-rate-button:hover{background-color:var(--bizy-audio-player-playback-rate-button-hover-color)}.bizy-audio-player__playback-rate-button__text{color:var(--bizy-audio-player-playback-rate-button-color);text-wrap:nowrap}.bizy-audio-player__download-button{height:fit-content;width:fit-content;min-width:2.4rem;border:.1rem solid var(--bizy-audio-player-download-button-color);border-radius:.3rem;padding:.2rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}.bizy-audio-player__download-button:hover{background-color:var(--bizy-audio-player-download-button-hover-color)}.bizy-audio-player__download-button__icon{height:1rem;stroke:var(--bizy-audio-player-download-button-color)}.bizy-audio-player__slider{flex:1;position:relative;background-color:transparent;-webkit-appearance:none;outline:none}.bizy-audio-player__slider::-webkit-slider-runnable-track{width:100%;height:.3rem;cursor:pointer;border-radius:12rem;background:linear-gradient(to right,rgba(0,125,181,.6) var(--bizy-audio-player-volume-before-width),rgba(0,125,181,.2) var(--bizy-audio-player-volume-before-width))}.bizy-audio-player__slider:before{position:absolute;content:\"\";top:0;left:0;border-radius:12rem;width:var(--bizy-audio-player-seek-before-width);height:.3rem;background-color:var(--bizy-audio-player-seek-before-background-color);cursor:pointer}.bizy-audio-player__slider::-webkit-slider-thumb{position:relative;-webkit-appearance:none;box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer;margin:-.4rem 0 0}.bizy-audio-player__slider:active::-webkit-slider-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player__slider::-moz-range-track{width:100%;height:.3rem;cursor:pointer;background:linear-gradient(to right,rgba(0,125,181,.6) var(--bizy-audio-player-volume-before-width),rgba(0,125,181,.2) var(--bizy-audio-player-volume-before-width))}.bizy-audio-player__slider::-moz-range-progress{background-color:var(--bizy-audio-player-seek-before-background-color)}.bizy-audio-player__slider::-moz-focus-outer{border:0}.bizy-audio-player__slider::-moz-range-thumb{box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer}.bizy-audio-player__slider:active::-moz-range-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player__slider::-ms-track{width:100%;height:.3rem;cursor:pointer;background:transparent;border:solid transparent;color:transparent}.bizy-audio-player__slider::-ms-fill-lower{background-color:var(--bizy-audio-player-seek-before-background-color)}.bizy-audio-player__slider::-ms-thumb{box-sizing:content-box;border:var(--bizy-audio-player-seek-slider-thumb-border);height:1rem;width:1rem;border-radius:50%;background-color:var(--bizy-audio-player-seek-slider-thumb-background-color);cursor:pointer}.bizy-audio-player__slider:active::-ms-thumb{transform:scale(1.2);background:var(--bizy-audio-player-seek-slider-thumb-active-background-color)}.bizy-audio-player--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}\n"] }]
8306
8309
  }], propDecorators: { playButtonRef: [{
8307
8310
  type: ViewChild,
8308
8311
  args: ['bizyAudioPlayerPlayButtonRef']
@@ -16194,6 +16197,9 @@ var LANGUAGE;
16194
16197
  })(LANGUAGE || (LANGUAGE = {}));
16195
16198
  class BizyTranslateService {
16196
16199
  #translate = inject(TranslateService);
16200
+ get language$() {
16201
+ return this.#translate.onLangChange;
16202
+ }
16197
16203
  loadTranslations(...args) {
16198
16204
  const locales = [...args];
16199
16205
  locales.forEach(locale => {
@@ -16237,12 +16243,13 @@ class BizyTranslatePipe {
16237
16243
  return this.translate.get(label);
16238
16244
  }
16239
16245
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyTranslatePipe, deps: [{ token: BizyTranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
16240
- static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyTranslatePipe, isStandalone: true, name: "translate" });
16246
+ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: BizyTranslatePipe, isStandalone: true, name: "translate", pure: false });
16241
16247
  }
16242
16248
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyTranslatePipe, decorators: [{
16243
16249
  type: Pipe,
16244
16250
  args: [{
16245
16251
  name: 'translate',
16252
+ pure: false
16246
16253
  }]
16247
16254
  }], ctorParameters: () => [{ type: BizyTranslateService, decorators: [{
16248
16255
  type: Inject,