@libs-ui/components-audio 0.2.10-6.2 → 0.2.30-6.1

package/README.md

@@ -1,3 +1,352 @@
-# audio
+# Audio Component
 
-This library was generated with [Nx](https://nx.dev).
+## Giới thiệu
+
+`audio` là một component mạnh mẽ dùng để phát âm thanh trong ứng dụng Angular. Component này cung cấp giao diện đơn giản để phát, tạm dừng và điều khiển các tệp âm thanh với nhiều tính năng.
+
+## Tính năng
+
+- Phát/tạm dừng âm thanh
+- Điều chỉnh âm lượng với chức năng tắt/bật tiếng
+- Hiển thị thời gian theo định dạng HH:MM:SS
+- Thanh tiến độ với chức năng tua nhanh/tua lại
+- Tải xuống audio với kiểm soát quyền
+- Function Control API cho phép điều khiển từ bên ngoài
+- Thiết kế responsive
+- Source audio có thể cấu hình
+
+## Cài đặt
+
+Để cài đặt component `audio`, sử dụng npm hoặc yarn:
+
+```bash
+npm install @libs-ui/components-audio
+```
+
+hoặc
+
+```bash
+yarn add @libs-ui/components-audio
+```
+
+## Sử dụng
+
+### Import module
+
+```typescript
+import { LibsUiComponentsAudioComponent } from '@libs-ui/components-audio';
+
+@NgModule({
+  declarations: [
+    AppComponent
+  ],
+  imports: [
+    BrowserModule,
+    LibsUiComponentsAudioComponent
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }
+```
+
+Hoặc trong component standalone:
+
+```typescript
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { LibsUiComponentsAudioComponent } from '@libs-ui/components-audio';
+import { IAudioFunctionControlEvent } from '@libs-ui/components-audio';
+
+@Component({
+  selector: 'app-example',
+  standalone: true,
+  imports: [CommonModule, LibsUiComponentsAudioComponent],
+  template: `
+    <libs_ui-components-audio
+      [fileAudio]="audioSource"
+      [checkPermissionDownloadAudio]="checkDownloadPermission"
+      (outFunctionsControl)="registerFunctions($event)">
+    </libs_ui-components-audio>
+    
+    <div class="controls">
+      <button (click)="playAudio()">Phát/Tạm dừng</button>
+      <button (click)="toggleMute()">Bật/Tắt tiếng</button>
+    </div>
+  `
+})
+export class ExampleComponent {
+  audioSource = 'path/to/audio/file.mp3';
+  functionControls: IAudioFunctionControlEvent | null = null;
+
+  checkDownloadPermission(): Promise<boolean> {
+    // Kiểm tra quyền download
+    return Promise.resolve(true);
+  }
+  
+  registerFunctions(event: IAudioFunctionControlEvent) {
+    this.functionControls = event;
+  }
+  
+  playAudio() {
+    if (this.functionControls) {
+      this.functionControls.playPause();
+    }
+  }
+  
+  toggleMute() {
+    if (this.functionControls) {
+      this.functionControls.toggleMute();
+    }
+  }
+}
+```
+
+## API Reference
+
+### Inputs
+
+| Tên                         | Kiểu                         | Mặc định  | Mô tả                                                          |
+|-----------------------------|------------------------------|-----------|----------------------------------------------------------------|
+| fileAudio                   | `string`                     | required  | URL của file audio cần phát.                                   |
+| checkPermissionDownloadAudio| `() => Promise<boolean>`     | required  | Function trả về promise với kết quả boolean cho biết nếu được phép download. |
+
+### Outputs
+
+| Tên                    | Kiểu                                   | Mô tả                                                      |
+|------------------------|----------------------------------------|------------------------------------------------------------|
+| outFunctionsControl    | `IAudioFunctionControlEvent`           | Event chứa các hàm điều khiển của audio component.         |
+| outVolumeControl       | `number`                               | Phát ra giá trị âm lượng hiện tại (0-100).                |
+| outTimeUpdate          | `{ currentTime: string, duration: string }` | Phát ra thông tin thời gian hiện tại và tổng thời gian.    |
+| outEnded               | `void`                                 | Phát ra khi audio kết thúc phát.                           |
+| outMute                | `boolean`                              | Phát ra trạng thái tắt/bật tiếng.                          |
+| outPlay                | `boolean`                              | Phát ra trạng thái phát/tạm dừng.                          |
+
+### Các phương thức (qua outFunctionsControl)
+
+| Tên phương thức | Tham số          | Kiểu trả về | Mô tả                                              |
+|-----------------|------------------|-------------|----------------------------------------------------|
+| playPause       | `event?: Event`  | `void`      | Bắt đầu/tạm dừng phát audio.                      |
+| toggleMute      | `event?: Event`  | `void`      | Bật/tắt âm thanh.                                  |
+| setVolume       | `value: number`  | `void`      | Điều chỉnh âm lượng (0-100).                      |
+| seekTo          | `value: number`  | `void`      | Di chuyển đến vị trí cụ thể trong audio (0-100).   |
+| download        | `event?: Event`  | `void`      | Tải xuống file audio.                              |
+| isPlaying       | `-`              | `boolean`   | Kiểm tra trạng thái đang phát audio.               |
+| isMuted         | `-`              | `boolean`   | Kiểm tra trạng thái tắt tiếng.                     |
+
+## Interfaces
+
+```typescript
+// Audio Function Control Event
+interface IAudioFunctionControlEvent {
+  playPause: (event?: Event) => void;
+  toggleMute: (event?: Event) => void;
+  setVolume: (value: number) => void;
+  seekTo: (value: number) => void;
+  download: (event?: Event) => void;
+  isPlaying: () => boolean;
+  isMuted: () => boolean;
+}
+```
+
+## Styling Volume Slider
+
+Để tạo hiệu ứng thanh trượt âm lượng có màu nền thay đổi theo giá trị, bạn có thể sử dụng CSS variables:
+
+```css
+/* Định nghĩa thanh trượt âm lượng */
+input[type="range"].volume-slider {
+  background: linear-gradient(to right, #3b82f6 var(--volume-percent, 50%), #e5e7eb var(--volume-percent, 50%));
+}
+
+/* Track styling cho WebKit browsers */
+input[type="range"].volume-slider::-webkit-slider-runnable-track {
+  background: linear-gradient(to right, #3b82f6 var(--volume-percent, 50%), #e5e7eb var(--volume-percent, 50%));
+}
+
+/* Track styling cho Firefox */
+input[type="range"].volume-slider::-moz-range-track {
+  background: linear-gradient(to right, #3b82f6 var(--volume-percent, 50%), #e5e7eb var(--volume-percent, 50%));
+}
+```
+
+Và trong template:
+
+```html
+<input type="range"
+  min="0"
+  max="100"
+  [value]="volumePercent()"
+  (input)="changeVolume($event)"
+  class="volume-slider"
+  [style.--volume-percent.%]="volumePercent()">
+```
+
+## Ví dụ
+
+### Sử dụng Function Control
+
+```typescript
+import { Component, signal, computed } from '@angular/core';
+import { IAudioFunctionControlEvent } from '@libs-ui/components-audio';
+
+@Component({
+  selector: 'app-example',
+  template: `
+    <libs_ui-components-audio
+      [fileAudio]="audioSource()"
+      [checkPermissionDownloadAudio]="checkDownloadPermission"
+      (outFunctionsControl)="registerFunctions($event)">
+    </libs_ui-components-audio>
+    
+    <div class="audio-controls">
+      <button (click)="playPauseAudio()">{{ isPlaying() ? 'Tạm dừng' : 'Phát' }}</button>
+      <button (click)="toggleMuteAudio()">{{ isMuted() ? 'Bật tiếng' : 'Tắt tiếng' }}</button>
+      <div class="volume-control">
+        <span>Âm lượng:</span>
+        <input type="range" 
+          min="0" 
+          max="100" 
+          [value]="volumePercent()" 
+          (input)="changeVolume($event)"
+          class="volume-slider"
+          [style.--volume-percent.%]="volumePercent()">
+        <span>{{ volumePercent() }}%</span>
+      </div>
+      <div class="progress-control">
+        <span>Tiến độ:</span>
+        <input type="range" 
+          min="0" 
+          max="100" 
+          [value]="progress()" 
+          (input)="changeProgress($event)">
+        <span>{{ progress() }}%</span>
+      </div>
+      <button (click)="downloadAudio()">Tải xuống</button>
+    </div>
+  `
+})
+export class ExampleComponent {
+  audioSource = signal('path/to/audio.mp3');
+  functionControls: IAudioFunctionControlEvent | null = null;
+  isPlaying = signal(false);
+  isMuted = signal(false);
+  volume = signal(80);
+  progress = signal(0);
+  
+  // Computed properties
+  volumePercent = computed(() => Math.round(this.volume()));
+
+  checkDownloadPermission = (): Promise<boolean> => {
+    return Promise.resolve(true);
+  }
+
+  registerFunctions(event: IAudioFunctionControlEvent) {
+    this.functionControls = event;
+    
+    // Initialize state
+    if (this.functionControls) {
+      this.isPlaying.set(this.functionControls.isPlaying());
+      this.isMuted.set(this.functionControls.isMuted());
+    }
+  }
+
+  playPauseAudio() {
+    if (this.functionControls) {
+      this.functionControls.playPause();
+      this.isPlaying.set(this.functionControls.isPlaying());
+    }
+  }
+
+  toggleMuteAudio() {
+    if (this.functionControls) {
+      this.functionControls.toggleMute();
+      this.isMuted.set(this.functionControls.isMuted());
+    }
+  }
+
+  changeVolume(event: Event) {
+    if (this.functionControls && event.target) {
+      const value = parseInt((event.target as HTMLInputElement).value);
+      this.volume.set(value);
+      this.functionControls.setVolume(value / 100); // Convert to 0-1 range
+    }
+  }
+
+  changeProgress(event: Event) {
+    if (this.functionControls && event.target) {
+      const value = parseInt((event.target as HTMLInputElement).value);
+      this.progress.set(value);
+      this.functionControls.seekTo(value);
+    }
+  }
+
+  downloadAudio() {
+    if (this.functionControls) {
+      this.functionControls.download();
+    }
+  }
+}
+```
+
+### Sử dụng Events
+
+Sử dụng các events để phản ứng với thay đổi từ audio player:
+
+```typescript
+import { Component, signal } from '@angular/core';
+
+@Component({
+  selector: 'app-example',
+  template: `
+    <libs_ui-components-audio
+      [fileAudio]="audioSource()"
+      [checkPermissionDownloadAudio]="checkPermission"
+      (outTimeUpdate)="handleTimeUpdate($event)"
+      (outVolumeControl)="handleVolumeChange($event)" 
+      (outPlay)="handlePlayChange($event)"
+      (outMute)="handleMuteChange($event)"
+      (outEnded)="handleEnded()">
+    </libs_ui-components-audio>
+    
+    <div class="audio-info">
+      <p>Trạng thái: {{ isPlaying() ? 'Đang phát' : 'Tạm dừng' }}</p>
+      <p>Thời gian hiện tại: {{ currentTime() }}</p>
+      <p>Tổng thời gian: {{ duration() }}</p>
+      <p>Âm lượng: {{ volumeLevel() }}%</p>
+    </div>
+  `
+})
+export class ExampleComponent {
+  audioSource = signal('path/to/audio.mp3');
+  isPlaying = signal(false);
+  isMuted = signal(false);
+  currentTime = signal('00:00:00');
+  duration = signal('00:00:00');
+  volumeLevel = signal(100);
+  
+  checkPermission = (): Promise<boolean> => {
+    return Promise.resolve(true);
+  }
+  
+  handleTimeUpdate(timeInfo: { currentTime: string, duration: string }) {
+    this.currentTime.set(timeInfo.currentTime);
+    this.duration.set(timeInfo.duration);
+  }
+  
+  handleVolumeChange(volume: number) {
+    this.volumeLevel.set(volume);
+  }
+  
+  handlePlayChange(isPlaying: boolean) {
+    this.isPlaying.set(isPlaying);
+  }
+  
+  handleMuteChange(isMuted: boolean) {
+    this.isMuted.set(isMuted);
+  }
+  
+  handleEnded() {
+    this.isPlaying.set(false);
+  }
+}
+```

package/audio.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
+import { IAudioFunctionControlEvent } from './interfaces/function-control-event.interface';
 import * as i0 from "@angular/core";
 export declare class LibsUiComponentsAudioComponent implements AfterViewInit, OnDestroy {
     protected audioRatioValue: import("@angular/core").WritableSignal<number>;
@@ -12,22 +13,33 @@ export declare class LibsUiComponentsAudioComponent implements AfterViewInit, On
     protected showFullControlVolume: import("@angular/core").WritableSignal<boolean>;
     private onDestroy;
     readonly fileAudio: import("@angular/core").InputSignal<string>;
-    checkPermissionDownloadAudio?: () => Promise<boolean>;
+    readonly checkPermissionDownloadAudio: import("@angular/core").InputSignal<() => Promise<boolean>>;
     readonly audioRef: import("@angular/core").Signal<ElementRef<any>>;
     readonly volumeControlRef: import("@angular/core").Signal<ElementRef<any>>;
+    readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IAudioFunctionControlEvent>;
+    readonly outVolumeControl: import("@angular/core").OutputEmitterRef<number>;
+    readonly outTimeUpdate: import("@angular/core").OutputEmitterRef<{
+        currentTime: string;
+        duration: string;
+    }>;
+    readonly outEnded: import("@angular/core").OutputEmitterRef<void>;
+    readonly outMute: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly outPlay: import("@angular/core").OutputEmitterRef<boolean>;
+    constructor();
     ngAfterViewInit(): void;
+    get FunctionsControl(): IAudioFunctionControlEvent;
     private initObservable;
     protected handlerKeyPressAudio(): Promise<void>;
-    protected handlerAudioMuteMuted(event: Event): Promise<void>;
-    protected handlerAudioPausePlay(event: Event): Promise<void>;
+    protected handlerAudioMuteMuted(event?: Event): Promise<void>;
+    protected handlerAudioPausePlay(event?: Event): Promise<void>;
     protected handlerLoadedData(event: Event): Promise<void>;
-    protected handlerTimeUpdate(event: Event): Promise<void>;
+    protected handlerTimeUpdate(event?: Event): Promise<void>;
     private toHHMMSS;
     protected handlerChangeAudio(value: number): Promise<void>;
     protected handlerChangeVolume(value: number): Promise<void>;
     protected handlerEnded(event: Event): Promise<void>;
-    protected handlerDownload(e: Event): Promise<void>;
+    protected handlerDownload(e?: Event): Promise<void>;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsAudioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsAudioComponent, "libs_ui-components-audio", never, { "fileAudio": { "alias": "fileAudio"; "required": true; "isSignal": true; }; "checkPermissionDownloadAudio": { "alias": "checkPermissionDownloadAudio"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsAudioComponent, "libs_ui-components-audio", never, { "fileAudio": { "alias": "fileAudio"; "required": true; "isSignal": true; }; "checkPermissionDownloadAudio": { "alias": "checkPermissionDownloadAudio"; "required": true; "isSignal": true; }; }, { "outFunctionsControl": "outFunctionsControl"; "outVolumeControl": "outVolumeControl"; "outTimeUpdate": "outTimeUpdate"; "outEnded": "outEnded"; "outMute": "outMute"; "outPlay": "outPlay"; }, never, never, true, never>;
 }

package/esm2022/audio.component.mjs

@@ -1,9 +1,9 @@
-import { ChangeDetectionStrategy, Component, input, Input, signal, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, effect, input, output, signal, viewChild } from '@angular/core';
 import { LibsUiComponentsInputsRangeSliderComponent } from '@libs-ui/components-inputs-range-slider';
 import { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs';
 import * as i0 from "@angular/core";
 export class LibsUiComponentsAudioComponent {
-    /* PROPERTY */
+    // #region PROPERTY
     audioRatioValue = signal(0);
     volumeRatioValue = signal(100);
     isPlay = signal(false);
@@ -14,14 +14,57 @@ export class LibsUiComponentsAudioComponent {
     audioTimeDuration = signal('_:_:_');
     showFullControlVolume = signal(false);
     onDestroy = new Subject();
-    /* INPUT */
+    // #region INPUT
     fileAudio = input.required();
-    checkPermissionDownloadAudio;
+    checkPermissionDownloadAudio = input.required();
     /* VIEW CHILD */
     audioRef = viewChild.required('audioRef');
     volumeControlRef = viewChild.required('volumeControlRef');
+    /* OUTPUTS */
+    outFunctionsControl = output();
+    outVolumeControl = output();
+    outTimeUpdate = output();
+    outEnded = output();
+    outMute = output();
+    outPlay = output();
+    constructor() {
+        // Watch for file audio changes
+        effect(() => {
+            if (this.fileAudio() && this.audioRef()) {
+                // Skip initial setup, only reload on changes
+                setTimeout(() => {
+                    this.audioRef().nativeElement.load();
+                }, 0);
+            }
+        });
+        effect(() => {
+            this.outVolumeControl.emit(this.volumeRatioValue());
+        });
+        effect(() => {
+            this.outTimeUpdate.emit({ currentTime: this.audioTimeCurrent(), duration: this.audioTimeDuration() });
+        });
+        effect(() => {
+            this.outMute.emit(this.isMute());
+        });
+        effect(() => {
+            this.outPlay.emit(this.isPlay());
+        });
+    }
     ngAfterViewInit() {
         merge(this.initObservable(this.volumeControlRef().nativeElement, 'mouseenter').pipe(tap(() => this.showFullControlVolume.set(true))), this.initObservable(this.volumeControlRef().nativeElement, 'mouseleave').pipe(tap(() => this.showFullControlVolume.set(false)))).pipe(takeUntil(this.onDestroy)).subscribe();
+        // Emit function control event after view is initialized
+        this.outFunctionsControl.emit(this.FunctionsControl);
+    }
+    get FunctionsControl() {
+        return {
+            playPause: (event) => this.handlerAudioPausePlay(event),
+            toggleMute: (event) => this.handlerAudioMuteMuted(event),
+            seekTo: this.handlerChangeAudio.bind(this),
+            setVolume: this.handlerChangeVolume.bind(this),
+            download: (event) => this.handlerDownload(event),
+            isPlaying: () => this.isPlay(),
+            isMuted: () => this.isMute()
+        };
     }
     /* FUNCTIONS */
     initObservable(el, eventName) {
@@ -31,7 +74,9 @@ export class LibsUiComponentsAudioComponent {
         this.isSliderAudioPress.set(true);
     }
     async handlerAudioMuteMuted(event) {
-        event.stopPropagation();
+        if (event) {
+            event.stopPropagation();
+        }
         if (this.audioRef().nativeElement.muted === true) {
             this.audioRef().nativeElement.muted = false;
             this.isMute.set(false);
@@ -43,7 +88,9 @@ export class LibsUiComponentsAudioComponent {
         this.audioRef().nativeElement.muted = true;
     }
     async handlerAudioPausePlay(event) {
-        event.stopPropagation();
+        if (event) {
+            event.stopPropagation();
+        }
         const audioElement = this.audioRef().nativeElement;
         if (!audioElement.paused) {
             audioElement.pause();
@@ -59,31 +106,40 @@ export class LibsUiComponentsAudioComponent {
         }
     }
     async handlerLoadedData(event) {
-        event.stopPropagation();
+        if (event) {
+            event.stopPropagation();
+        }
         if (this.audioRef().nativeElement) {
             this.audioTimeDuration.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.duration)));
-            this.audioTimeCurrent.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.currentTime)));
+            this.audioTimeCurrent.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.currentTime || 0)));
             this.isDisable.set(false);
+            this.isPlay.set(false);
+            this.audioRatioValue.set(0);
+            this.audioRef().nativeElement.pause();
         }
     }
     async handlerTimeUpdate(event) {
-        event.stopPropagation();
+        if (event) {
+            event.stopPropagation();
+        }
+        this.isDisable.set(!(this.audioRef().nativeElement.duration || 0));
         if (!this.audioRef().nativeElement) {
             return;
         }
         this.audioTimeDuration.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.duration)));
-        this.audioTimeCurrent.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.currentTime)));
+        this.audioTimeCurrent.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.currentTime || 0)));
         if (this.isSliderAudioPress()) {
-            this.audioRef().nativeElement.currentTime = this.audioRatioValue() * Math.floor(this.audioRef().nativeElement.duration) / 100;
+            this.audioRef().nativeElement.currentTime = this.audioRatioValue() * Math.floor(this.audioRef().nativeElement.duration || 0) / 100;
             return;
         }
-        this.audioRatioValue.set(Math.floor((this.audioRef().nativeElement.currentTime / this.audioRef().nativeElement.duration) * 100));
+        this.audioRatioValue.set(Math.floor(((this.audioRef().nativeElement.currentTime || 0) / (this.audioRef().nativeElement.duration || 1)) * 100));
     }
     async toHHMMSS(time) {
         const hours = Math.floor(time / 3600);
         const minutes = Math.floor((time - (hours * 3600)) / 60);
         const seconds = time - (hours * 3600) - (minutes * 60);
         const getLabel = ((val) => {
+            val = val || 0;
             return `${val < 10 ? '0' : ''}${val}`;
         });
         return `${getLabel(hours)}:${getLabel(minutes)}:${getLabel(seconds)}`;
@@ -92,12 +148,13 @@ export class LibsUiComponentsAudioComponent {
         if (value === this.audioRatioValue()) {
             return;
         }
-        this.audioRef().nativeElement.currentTime = value * this.audioRef().nativeElement.duration / 100;
+        this.audioRef().nativeElement.currentTime = (value || 0) * (this.audioRef().nativeElement.duration || 0) / 100;
         this.audioRatioValue.set(value);
         this.isSliderAudioPress.set(false);
     }
     async handlerChangeVolume(value) {
         this.audioRef().nativeElement.volume = value / 100;
+        this.volumeRatioValue.set(value);
         if (this.audioRef().nativeElement.volume) {
             this.audioRef().nativeElement.muted = false;
             this.isMute.set(false);
@@ -107,14 +164,19 @@ export class LibsUiComponentsAudioComponent {
         this.isMute.set(true);
     }
     async handlerEnded(event) {
-        event.stopPropagation();
+        if (event) {
+            event.stopPropagation();
+        }
         this.isPlay.set(false);
+        this.outEnded.emit();
     }
     async handlerDownload(e) {
-        if (!this.checkPermissionDownloadAudio || !await this.checkPermissionDownloadAudio()) {
+        if (!this.checkPermissionDownloadAudio() || !await this.checkPermissionDownloadAudio()()) {
             return;
         }
-        e.stopPropagation();
+        if (e) {
+            e.stopPropagation();
+        }
         if (!this.fileAudio()) {
             return;
         }
@@ -125,15 +187,12 @@ export class LibsUiComponentsAudioComponent {
         this.onDestroy.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsAudioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: LibsUiComponentsAudioComponent, isStandalone: true, selector: "libs_ui-components-audio", inputs: { fileAudio: { classPropertyName: "fileAudio", publicName: "fileAudio", isSignal: true, isRequired: true, transformFunction: null }, checkPermissionDownloadAudio: { classPropertyName: "checkPermissionDownloadAudio", publicName: "checkPermissionDownloadAudio", isSignal: false, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "audioRef", first: true, predicate: ["audioRef"], descendants: true, isSignal: true }, { propertyName: "volumeControlRef", first: true, predicate: ["volumeControlRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<audio controls\n  #audioRef\n  class=\"hidden\"\n  (timeupdate)=\"handlerTimeUpdate($event)\"\n  (loadeddata)=\"handlerLoadedData($event)\"\n  (ended)=\"handlerEnded($event)\">\n  <source [src]=\"fileAudio()\"\n    type=\"audio/mpeg\">\n</audio>\n<div [class.libs-ui-disable]=\"isDisable()\"\n  [class.pointer-events-none]=\"isDisable()\">\n  <div class=\"flex justify-between items-center\">\n    <div class=\"w-[70%] flex p-0 items-center \">\n      <div class=\"flex mr-[16px] cursor-pointer\"\n        (click)=\"handlerAudioPausePlay($event)\">\n        <i class=\"text-[16px]\"\n          [class.libs-ui-icon-play-solid]=\"!isPlay()\"\n          [class.libs-ui-icon-pause-solid]=\"isPlay()\">\n        </i>\n      </div>\n      <div class=\"libs-ui-font-h5r mr-[16px]\">{{ audioTimeCurrent() }} /{{ audioTimeDuration() }}</div>\n    </div>\n    <div class=\"w-[30%] flex p-0 items-center justify-end\">\n      <div #volumeControlRef\n        class=\"flex py-[3px] items-center rounded-[12px] h-[28px]\"\n        [class.bg-[#e6e7ea]]='showFullControlVolume()'\n        [class.px-[12px]]='showFullControlVolume()'>\n        <i class=\"text-[16px] cursor-pointer\"\n          [class.libs-ui-icon-speaker-on-solid]=\"!isMute()\"\n          [class.libs-ui-icon-speaker-off-solid]=\"isMute()\"\n          (click)=\"handlerAudioMuteMuted($event)\">\n        </i>\n        <libs_ui-components-inputs-range_slider [class.hidden]=\"!showFullControlVolume()\"\n          [mode]=\"'audio'\"\n          classInclude=\"flex items-center !w-[54px] cursor-pointer ml-[8px]\"\n          [value]=\"volumeRatioValue()\"\n          (outChange)=\"handlerChangeVolume($event)\" />\n      </div>\n\n      <i class=\"libs-ui-icon-download-solid ml-[16px] cursor-pointer\"\n        (click)=\"handlerDownload($event)\">\n      </i>\n    </div>\n\n  </div>\n  <div class=\"h-[24px]\">\n    <libs_ui-components-inputs-range_slider [mode]=\"'audio'\"\n      [value]=\"audioRatioValue()\"\n      [disable]='isDisable()'\n      (outChange)=\"handlerChangeAudio($event)\" />\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: LibsUiComponentsInputsRangeSliderComponent, selector: "libs_ui-components-inputs-range_slider", inputs: ["mode", "min", "max", "value", "classInclude", "disable", "unit", "step", "hideProgressingValue", "formatNumber"], outputs: ["valueChange", "outChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: LibsUiComponentsAudioComponent, isStandalone: true, selector: "libs_ui-components-audio", inputs: { fileAudio: { classPropertyName: "fileAudio", publicName: "fileAudio", isSignal: true, isRequired: true, transformFunction: null }, checkPermissionDownloadAudio: { classPropertyName: "checkPermissionDownloadAudio", publicName: "checkPermissionDownloadAudio", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { outFunctionsControl: "outFunctionsControl", outVolumeControl: "outVolumeControl", outTimeUpdate: "outTimeUpdate", outEnded: "outEnded", outMute: "outMute", outPlay: "outPlay" }, viewQueries: [{ propertyName: "audioRef", first: true, predicate: ["audioRef"], descendants: true, isSignal: true }, { propertyName: "volumeControlRef", first: true, predicate: ["volumeControlRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<audio controls\n  #audioRef\n  class=\"hidden\"\n  (timeupdate)=\"handlerTimeUpdate($event)\"\n  (loadeddata)=\"handlerLoadedData($event)\"\n  (ended)=\"handlerEnded($event)\">\n  <source [src]=\"fileAudio()\"\n    type=\"audio/mpeg\">\n</audio>\n<div [class.libs-ui-disable]=\"isDisable()\"\n  [class.pointer-events-none]=\"isDisable()\">\n  <div class=\"flex justify-between items-center\">\n    <div class=\"w-[70%] flex p-0 items-center \">\n      <div class=\"flex mr-[16px] cursor-pointer\"\n        (click)=\"handlerAudioPausePlay($event)\">\n        <i class=\"text-[16px]\"\n          [class.libs-ui-icon-play-solid]=\"!isPlay()\"\n          [class.libs-ui-icon-pause-solid]=\"isPlay()\">\n        </i>\n      </div>\n      <div class=\"libs-ui-font-h5r mr-[16px]\">{{ audioTimeCurrent() }} /{{ audioTimeDuration() }}</div>\n    </div>\n    <div class=\"w-[30%] flex p-0 items-center justify-end\">\n      <div #volumeControlRef\n        class=\"flex py-[3px] items-center rounded-[12px] h-[28px]\"\n        [class.bg-[#e6e7ea]]='showFullControlVolume()'\n        [class.px-[12px]]='showFullControlVolume()'>\n        <i class=\"text-[16px] cursor-pointer\"\n          [class.libs-ui-icon-speaker-on-solid]=\"!isMute()\"\n          [class.libs-ui-icon-speaker-off-solid]=\"isMute()\"\n          (click)=\"handlerAudioMuteMuted($event)\">\n        </i>\n        <libs_ui-components-inputs-range_slider [class.hidden]=\"!showFullControlVolume()\"\n          [mode]=\"'audio'\"\n          classInclude=\"flex items-center !w-[54px] cursor-pointer ml-[8px]\"\n          [value]=\"volumeRatioValue()\"\n          (outChange)=\"handlerChangeVolume($event)\" />\n      </div>\n\n      <i class=\"libs-ui-icon-download-solid ml-[16px] cursor-pointer\"\n        (click)=\"handlerDownload($event)\">\n      </i>\n    </div>\n\n  </div>\n  <div class=\"h-[24px]\">\n    <libs_ui-components-inputs-range_slider [mode]=\"'audio'\"\n      [value]=\"audioRatioValue()\"\n      [disable]='isDisable()'\n      (outChange)=\"handlerChangeAudio($event)\" />\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: LibsUiComponentsInputsRangeSliderComponent, selector: "libs_ui-components-inputs-range_slider", inputs: ["mode", "min", "max", "value", "classInclude", "disable", "unit", "step", "hideProgressingValue", "formatNumber"], outputs: ["valueChange", "outChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsAudioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'libs_ui-components-audio', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         LibsUiComponentsInputsRangeSliderComponent
                     ], template: "<audio controls\n  #audioRef\n  class=\"hidden\"\n  (timeupdate)=\"handlerTimeUpdate($event)\"\n  (loadeddata)=\"handlerLoadedData($event)\"\n  (ended)=\"handlerEnded($event)\">\n  <source [src]=\"fileAudio()\"\n    type=\"audio/mpeg\">\n</audio>\n<div [class.libs-ui-disable]=\"isDisable()\"\n  [class.pointer-events-none]=\"isDisable()\">\n  <div class=\"flex justify-between items-center\">\n    <div class=\"w-[70%] flex p-0 items-center \">\n      <div class=\"flex mr-[16px] cursor-pointer\"\n        (click)=\"handlerAudioPausePlay($event)\">\n        <i class=\"text-[16px]\"\n          [class.libs-ui-icon-play-solid]=\"!isPlay()\"\n          [class.libs-ui-icon-pause-solid]=\"isPlay()\">\n        </i>\n      </div>\n      <div class=\"libs-ui-font-h5r mr-[16px]\">{{ audioTimeCurrent() }} /{{ audioTimeDuration() }}</div>\n    </div>\n    <div class=\"w-[30%] flex p-0 items-center justify-end\">\n      <div #volumeControlRef\n        class=\"flex py-[3px] items-center rounded-[12px] h-[28px]\"\n        [class.bg-[#e6e7ea]]='showFullControlVolume()'\n        [class.px-[12px]]='showFullControlVolume()'>\n        <i class=\"text-[16px] cursor-pointer\"\n          [class.libs-ui-icon-speaker-on-solid]=\"!isMute()\"\n          [class.libs-ui-icon-speaker-off-solid]=\"isMute()\"\n          (click)=\"handlerAudioMuteMuted($event)\">\n        </i>\n        <libs_ui-components-inputs-range_slider [class.hidden]=\"!showFullControlVolume()\"\n          [mode]=\"'audio'\"\n          classInclude=\"flex items-center !w-[54px] cursor-pointer ml-[8px]\"\n          [value]=\"volumeRatioValue()\"\n          (outChange)=\"handlerChangeVolume($event)\" />\n      </div>\n\n      <i class=\"libs-ui-icon-download-solid ml-[16px] cursor-pointer\"\n        (click)=\"handlerDownload($event)\">\n      </i>\n    </div>\n\n  </div>\n  <div class=\"h-[24px]\">\n    <libs_ui-components-inputs-range_slider [mode]=\"'audio'\"\n      [value]=\"audioRatioValue()\"\n      [disable]='isDisable()'\n      (outChange)=\"handlerChangeAudio($event)\" />\n  </div>\n</div>\n" }]
-        }], propDecorators: { checkPermissionDownloadAudio: [{
-                type: Input,
-                args: [{ required: true }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXVkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2F1ZGlvL3NyYy9hdWRpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvYXVkaW8vc3JjL2F1ZGlvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxSSxPQUFPLEVBQUUsMENBQTBDLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNyRyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYyxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFZN0UsTUFBTSxPQUFPLDhCQUE4QjtJQUN6QyxjQUFjO0lBQ0osZUFBZSxHQUFHLE1BQU0sQ0FBUyxDQUFDLENBQUMsQ0FBQztJQUNwQyxnQkFBZ0IsR0FBRyxNQUFNLENBQVMsR0FBRyxDQUFDLENBQUM7SUFDdkMsTUFBTSxHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUNoQyxNQUFNLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLGtCQUFrQixHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUM1QyxTQUFTLEdBQUcsTUFBTSxDQUFVLElBQUksQ0FBQyxDQUFDO0lBQ2xDLGdCQUFnQixHQUFHLE1BQU0sQ0FBUyxPQUFPLENBQUMsQ0FBQztJQUMzQyxpQkFBaUIsR0FBRyxNQUFNLENBQVMsT0FBTyxDQUFDLENBQUM7SUFDNUMscUJBQXFCLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQ2pELFNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO0lBRXhDLFdB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QUFLLENBQUMsWUFBWSxDQUFDLEtBQVk7UUFDdkMsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFUyxLQUFLLENBQUMsZUFBZSxDQUFDLENBQVE7UUFDdEMsSUFBSSxDQUFDLElBQUksQ0FBQyw0QkFBNEIsSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLDRCQUE0QixFQUFFLEVBQUUsQ0FBQztZQUNyRixPQUFPO1FBQ1QsQ0FBQztRQUNELENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUM7WUFDdEIsT0FBTztRQUNULENBQUM7UUFDRCxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM1QixDQUFDO3dHQW5KVSw4QkFBOEI7NEZBQTlCLDhCQUE4Qiw2b0JDZDNDLHNoRUFvREEsNENEekNJLDBDQUEwQzs7NEZBR2pDLDhCQUE4QjtrQkFWMUMsU0FBUzsrQkFFRSwwQkFBMEIsY0FFeEIsSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDO3dCQUNQLDBDQUEwQztxQkFDM0M7OEJBaUIwQiw0QkFBNEI7c0JBQXRELEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgaW5wdXQsIElucHV0LCBPbkRlc3Ryb3ksIHNpZ25hbCwgdmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMaWJzVWlDb21wb25lbnRzSW5wdXRzUmFuZ2VTbGlkZXJDb21wb25lbnQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLWlucHV0cy1yYW5nZS1zbGlkZXInO1xuaW1wb3J0IHsgZnJvbUV2ZW50LCBtZXJnZSwgT2JzZXJ2YWJsZSwgU3ViamVjdCwgdGFrZVVudGlsLCB0YXAgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbGlic191aS1jb21wb25lbnRzLWF1ZGlvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F1ZGlvLmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtcbiAgICBMaWJzVWlDb21wb25lbnRzSW5wdXRzUmFuZ2VTbGlkZXJDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBMaWJzVWlDb21wb25lbnRzQXVkaW9Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICAvKiBQUk9QRVJUWSAqL1xuICBwcm90ZWN0ZWQgYXVkaW9SYXRpb1ZhbHVlID0gc2lnbmFsPG51bWJlcj4oMCk7XG4gIHByb3RlY3RlZCB2b2x1bWVSYXRpb1ZhbHVlID0gc2lnbmFsPG51bWJlcj4oMTAwKTtcbiAgcHJvdGVjdGVkIGlzUGxheSA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG4gIHByb3RlY3RlZCBpc011dGUgPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpO1xuICBwcm90ZWN0ZWQgaXNTbGlkZXJBdWRpb1ByZXNzID0gc2lnbmFsPGJvb2xlYW4+KGZhbHNlKTtcbiAgcHJvdGVjdGVkIGlzRGlzYWJsZSA9IHNpZ25hbDxib29sZWFuPih0cnVlKTtcbiAgcHJvdGVjdGVkIGF1ZGlvVGltZUN1cnJlbnQgPSBzaWduYWw8c3RyaW5nPignXzpfOl8nKTtcbiAgcHJvdGVjdGVkIGF1ZGlvVGltZUR1cmF0aW9uID0gc2lnbmFsPHN0cmluZz4oJ186XzpfJyk7XG4gIHByb3RlY3RlZCBzaG93RnVsbENvbnRyb2xWb2x1bWUgPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpO1xuICBwcml2YXRlIG9uRGVzdHJveSA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgLyogSU5QVVQgKi9cbiAgcmVhZG9ubHkgZmlsZUF1ZGlvID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBjaGVja1Blcm1pc3Npb25Eb3dubG9hZEF1ZGlvPzogKCkgPT4gUHJvbWlzZTxib29sZWFuPjtcblxuICAvKiBWSUVXIENISUxEICovXG4gIHJlYWRvbmx5IGF1ZGlvUmVmID0gdmlld0NoaWxkLnJlcXVpcmVkPEVsZW1lbnRSZWY+KCdhdWRpb1JlZicpO1xuICByZWFkb25seSB2b2x1bWVDb250cm9sUmVmID0gdmlld0NoaWxkLnJlcXVpcmVkPEVsZW1lbnRSZWY+KCd2b2x1bWVDb250cm9sUmVmJyk7XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIG1lcmdlKFxuICAgICAgdGhpcy5pbml0T2JzZXJ2YWJsZSh0aGlzLnZvbHVtZUNvbnRyb2xSZWYoKS5uYXRpdmVFbGVtZW50LCAnbW91c2VlbnRlcicpLnBpcGUodGFwKCgpID0+IHRoaXMuc2hvd0Z1bGxDb250cm9sVm9sdW1lLnNldCh0cnVlKSkpLFxuICAgICAgdGhpcy5pbml0T2JzZXJ2YWJsZSh0aGlzLnZvbHVtZUNvbnRyb2xSZWYoKS5uYXRpdmVFbGVtZW50LCAnbW91c2VsZWF2ZScpLnBpcGUodGFwKCgpID0+IHRoaXMuc2hvd0Z1bGxDb250cm9sVm9sdW1lLnNldChmYWxzZSkpKVxuICAgICkucGlwZSh0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kpKS5zdWJzY3JpYmUoKTtcbiAgfVxuICAvKiBGVU5DVElPTlMgKi9cbiAgcHJpdmF0ZSBpbml0T2JzZXJ2YWJsZShlbDogSFRNTEVsZW1lbnQsIGV2ZW50TmFtZTogc3RyaW5nKTogT2JzZXJ2YWJsZTxNb3VzZUV2ZW50PiB7XG4gICAgcmV0dXJuIGZyb21FdmVudDxNb3VzZUV2ZW50PihlbCwgZXZlbnROYW1lKS5waXBlKFxuICAgICAgdGFwKGUgPT4gZS5zdG9wUHJvcGFnYXRpb24oKSksXG4gICAgICB0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kpXG4gICAgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyS2V5UHJlc3NBdWRpbygpIHtcbiAgICB0aGlzLmlzU2xpZGVyQXVkaW9QcmVzcy5zZXQodHJ1ZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckF1ZGlvTXV0ZU11dGVkKGV2ZW50OiBFdmVudCkge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGlmICh0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5tdXRlZCA9PT0gdHJ1ZSkge1xuICAgICAgdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQubXV0ZWQgPSBmYWxzZTtcbiAgICAgIHRoaXMuaXNNdXRlLnNldChmYWxzZSk7XG4gICAgICB0aGlzLnZvbHVtZVJhdGlvVmFsdWUuc2V0KDUwKTtcblxuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnZvbHVtZVJhdGlvVmFsdWUuc2V0KDApO1xuICAgIHRoaXMuaXNNdXRlLnNldCh0cnVlKTtcbiAgICB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5tdXRlZCA9IHRydWU7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckF1ZGlvUGF1c2VQbGF5KGV2ZW50OiBFdmVudCkge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGNvbnN0IGF1ZGlvRWxlbWVudCA9IHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghYXVkaW9FbGVtZW50LnBhdXNlZCkge1xuICAgICAgYXVkaW9FbGVtZW50LnBhdXNlKCk7XG4gICAgICB0aGlzLmlzUGxheS5zZXQoZmFsc2UpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRyeSB7XG4gICAgICBhd2FpdCBhdWRpb0VsZW1lbnQucGxheSgpO1xuICAgICAgdGhpcy5pc1BsYXkuc2V0KHRydWUpO1xuICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICBjb25zb2xlLmVycm9yKCdFcnJvciBwbGF5aW5nIGF1ZGlvOicsIGVycm9yKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckxvYWRlZERhdGEoZXZlbnQ6IEV2ZW50KSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgaWYgKHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50KSB7XG4gICAgICB0aGlzLmF1ZGlvVGltZUR1cmF0aW9uLnNldChhd2FpdCB0aGlzLnRvSEhNTVNTKE1hdGguZmxvb3IodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuZHVyYXRpb24pKSk7XG4gICAgICB0aGlzLmF1ZGlvVGltZUN1cnJlbnQuc2V0KGF3YWl0IHRoaXMudG9ISE1NU1MoTWF0aC5mbG9vcih0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5jdXJyZW50VGltZSkpKTtcbiAgICAgIHRoaXMuaXNEaXNhYmxlLnNldChmYWxzZSk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJUaW1lVXBkYXRlKGV2ZW50OiBFdmVudCkge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGlmICghdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5hdWRpb1RpbWVEdXJhdGlvbi5zZXQoYXdhaXQgdGhpcy50b0hITU1TUyhNYXRoLmZsb29yKHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LmR1cmF0aW9uKSkpO1xuICAgIHRoaXMuYXVkaW9UaW1lQ3VycmVudC5zZXQoYXdhaXQgdGhpcy50b0hITU1TUyhNYXRoLmZsb29yKHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LmN1cnJlbnRUaW1lKSkpO1xuICAgIGlmICh0aGlzLmlzU2xpZGVyQXVkaW9QcmVzcygpKSB7XG4gICAgICB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5jdXJyZW50VGltZSA9IHRoaXMuYXVkaW9SYXRpb1ZhbHVlKCkgKiBNYXRoLmZsb29yKHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LmR1cmF0aW9uKSAvIDEwMDtcblxuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmF1ZGlvUmF0aW9WYWx1ZS5zZXQoTWF0aC5mbG9vcigodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuY3VycmVudFRpbWUgLyB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5kdXJhdGlvbikgKiAxMDApKTtcbiAgfVxuXG4gIHByaXZhdGUgYXN5bmMgdG9ISE1NU1ModGltZTogbnVtYmVyKSB7XG4gICAgY29uc3QgaG91cnMgPSBNYXRoLmZsb29yKHRpbWUgLyAzNjAwKTtcbiAgICBjb25zdCBtaW51dGVzID0gTWF0aC5mbG9vcigodGltZSAtIChob3VycyAqIDM2MDApKSAvIDYwKTtcbiAgICBjb25zdCBzZWNvbmRzID0gdGltZSAtIChob3VycyAqIDM2MDApIC0gKG1pbnV0ZXMgKiA2MCk7XG5cbiAgICBjb25zdCBnZXRMYWJlbCA9ICgodmFsOiBudW1iZXIpID0+IHtcbiAgICAgIHJldHVybiBgJHt2YWwgPCAxMCA/ICcwJyA6ICcnfSR7dmFsfWA7XG4gICAgfSk7XG5cbiAgICByZXR1cm4gYCR7Z2V0TGFiZWwoaG91cnMpfToke2dldExhYmVsKG1pbnV0ZXMpfToke2dldExhYmVsKHNlY29uZHMpfWA7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckNoYW5nZUF1ZGlvKHZhbHVlOiBudW1iZXIpIHtcbiAgICBpZiAodmFsdWUgPT09IHRoaXMuYXVkaW9SYXRpb1ZhbHVlKCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuY3VycmVudFRpbWUgPSB2YWx1ZSAqIHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LmR1cmF0aW9uIC8gMTAwO1xuICAgIHRoaXMuYXVkaW9SYXRpb1ZhbHVlLnNldCh2YWx1ZSk7XG4gICAgdGhpcy5pc1NsaWRlckF1ZGlvUHJlc3Muc2V0KGZhbHNlKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyQ2hhbmdlVm9sdW1lKHZhbHVlOiBudW1iZXIpIHtcbiAgICB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC52b2x1bWUgPSB2YWx1ZSAvIDEwMDtcblxuICAgIGlmICh0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC52b2x1bWUpIHtcbiAgICAgIHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50Lm11dGVkID0gZmFsc2U7XG4gICAgICB0aGlzLmlzTXV0ZS5zZXQoZmFsc2UpO1xuXG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50Lm11dGVkID0gdHJ1ZTtcbiAgICB0aGlzLmlzTXV0ZS5zZXQodHJ1ZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckVuZGVkKGV2ZW50OiBFdmVudCkge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMuaXNQbGF5LnNldChmYWxzZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckRvd25sb2FkKGU6IEV2ZW50KSB7XG4gICAgaWYgKCF0aGlzLmNoZWNrUGVybWlzc2lvbkRvd25sb2FkQXVkaW8gfHwgIWF3YWl0IHRoaXMuY2hlY2tQZXJtaXNzaW9uRG93bmxvYWRBdWRpbygpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgaWYgKCF0aGlzLmZpbGVBdWRpbygpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHdpbmRvdy5vcGVuKHRoaXMuZmlsZUF1ZGlvKCksIGBfYmxhbmtgKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMub25EZXN0cm95Lm5leHQoKTtcbiAgICB0aGlzLm9uRGVzdHJveS5jb21wbGV0ZSgpO1xuICB9XG59XG4iLCI8YXVkaW8gY29udHJvbHNcbiAgI2F1ZGlvUmVmXG4gIGNsYXNzPVwiaGlkZGVuXCJcbiAgKHRpbWV1cGRhdGUpPVwiaGFuZGxlclRpbWVVcGRhdGUoJGV2ZW50KVwiXG4gIChsb2FkZWRkYXRhKT1cImhhbmRsZXJMb2FkZWREYXRhKCRldmVudClcIlxuICAoZW5kZWQpPVwiaGFuZGxlckVuZGVkKCRldmVudClcIj5cbiAgPHNvdXJjZSBbc3JjXT1cImZpbGVBdWRpbygpXCJcbiAgICB0eXBlPVwiYXVkaW8vbXBlZ1wiPlxuPC9hdWRpbz5cbjxkaXYgW2NsYXNzLmxpYnMtdWktZGlzYWJsZV09XCJpc0Rpc2FibGUoKVwiXG4gIFtjbGFzcy5wb2ludGVyLWV2ZW50cy1ub25lXT1cImlzRGlzYWJsZSgpXCI+XG4gIDxkaXYgY2xhc3M9XCJmbGV4IGp1c3RpZnktYmV0d2VlbiBpdGVtcy1jZW50ZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwidy1bNzAlXSBmbGV4IHAtMCBpdGVtcy1jZW50ZXIgXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBtci1bMTZweF0gY3Vyc29yLXBvaW50ZXJcIlxuICAgICAgICAoY2xpY2spPVwiaGFuZGxlckF1ZGlvUGF1c2VQbGF5KCRldmVudClcIj5cbiAgICAgICAgPGkgY2xhc3M9XCJ0ZXh0LVsxNnB4XVwiXG4gICAgICAgICAgW2NsYXNzLmxpYnMtdWktaWNvbi1wbGF5LXNvbGlkXT1cIiFpc1BsYXkoKVwiXG4gICAgICAgICAgW2NsYXNzLmxpYnMtdWktaWNvbi1wYXVzZS1zb2xpZF09XCJpc1BsYXkoKVwiPlxuICAgICAgICA8L2k+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJsaWJzLXVpLWZvbnQtaDVyIG1yLVsxNnB4XVwiPnt7IGF1ZGlvVGltZUN1cnJlbnQoKSB9fSAve3sgYXVkaW9UaW1lRHVyYXRpb24oKSB9fTwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ3LVszMCVdIGZsZXggcC0wIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWVuZFwiPlxuICAgICAgPGRpdiAjdm9sdW1lQ29udHJvbFJlZlxuICAgICAgICBjbGFzcz1cImZsZXggcHktWzNweF0gaXRlbXMtY2VudGVyIHJvdW5kZWQtWzEycHhdIGgtWzI4cHhdXCJcbiAgICAgICAgW2NsYXNzLmJnLVsjZTZlN2VhXV09J3Nob3dGdWxsQ29udHJvbFZvbHVtZSgpJ1xuICAgICAgICBbY2xhc3MucHgtWzEycHhdXT0nc2hvd0Z1bGxDb250cm9sVm9sdW1lKCknPlxuICAgICAgICA8aSBjbGFzcz1cInRleHQtWzE2cHhdIGN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgICBbY2xhc3MubGlicy11aS1pY29uLXNwZWFrZXItb24tc29saWRdPVwiIWlzTXV0ZSgpXCJcbiAgICAgICAgICBbY2xhc3MubGlicy11aS1pY29uLXNwZWFrZXItb2ZmLXNvbGlkXT1cImlzTXV0ZSgpXCJcbiAgICAgICAgICAoY2xpY2spPVwiaGFuZGxlckF1ZGlvTXV0ZU11dGVkKCRldmVudClcIj5cbiAgICAgICAgPC9pPlxuICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWlucHV0cy1yYW5nZV9zbGlkZXIgW2NsYXNzLmhpZGRlbl09XCIhc2hvd0Z1bGxDb250cm9sVm9sdW1lKClcIlxuICAgICAgICAgIFttb2RlXT1cIidhdWRpbydcIlxuICAgICAgICAgIGNsYXNzSW5jbHVkZT1cImZsZXggaXRlbXMtY2VudGVyICF3LVs1NHB4XSBjdXJzb3ItcG9pbnRlciBtbC1bOHB4XVwiXG4gICAgICAgICAgW3ZhbHVlXT1cInZvbHVtZVJhdGlvVmFsdWUoKVwiXG4gICAgICAgICAgKG91dENoYW5nZSk9XCJoYW5kbGVyQ2hhbmdlVm9sdW1lKCRldmVudClcIiAvPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxpIGNsYXNzPVwibGlicy11aS1pY29uLWRvd25sb2FkLXNvbGlkIG1sLVsxNnB4XSBjdXJzb3ItcG9pbnRlclwiXG4gICAgICAgIChjbGljayk9XCJoYW5kbGVyRG93bmxvYWQoJGV2ZW50KVwiPlxuICAgICAgPC9pPlxuICAgIDwvZGl2PlxuXG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiaC1bMjRweF1cIj5cbiAgICA8bGlic191aS1jb21wb25lbnRzLWlucHV0cy1yYW5nZV9zbGlkZXIgW21vZGVdPVwiJ2F1ZGlvJ1wiXG4gICAgICBbdmFsdWVdPVwiYXVkaW9SYXRpb1ZhbHVlKClcIlxuICAgICAgW2Rpc2FibGVdPSdpc0Rpc2FibGUoKSdcbiAgICAgIChvdXRDaGFuZ2UpPVwiaGFuZGxlckNoYW5nZUF1ZGlvKCRldmVudClcIiAvPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXVkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2F1ZGlvL3NyYy9hdWRpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvYXVkaW8vc3JjL2F1ZGlvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLE1BQU0sRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkosT0FBTyxFQUFFLDBDQUEwQyxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDckcsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWMsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBYTdFLE1BQU0sT0FBTyw4QkFBOEI7SUFDekMsbUJBQW1CO0lBQ1QsZUFBZSxHQUFHLE1BQU0sQ0FBUyxDQUFDLENBQUMsQ0FBQztJQUNwQyxnQkFBZ0IsR0FBRyxNQUFNLENBQVMsR0FBRyxDQUFDLENBQUM7SUFDdkMsTUFBTSxHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUNoQyxNQUFNLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLGtCQUFrQixHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUM1QyxTQUFTLEdBQUcsTUFBTSxDQUFVLElBQUksQ0FBQyxDQUFDO0lBQ2xDLGdCQUFnQixHQUFHLE1BQU0sQ0FBUyxPQUFPLENBQUMsQ0FBQztJQUMzQyxpQkFBaUIsR0FBRyxNQUFNLENBQVMsT0FBTyxDQUFDLENBQUM7SUFDNUMscUJBQXFCLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQ2pELFNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBUSxD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QUFFLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDNUIsQ0FBQzt3R0E1TlUsOEJBQThCOzRGQUE5Qiw4QkFBOEIseTBCQ2YzQyxzaEVBb0RBLDRDRHhDSSwwQ0FBMEM7OzRGQUdqQyw4QkFBOEI7a0JBVjFDLFNBQVM7K0JBRUUsMEJBQTBCLGNBRXhCLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxXQUN0Qzt3QkFDUCwwQ0FBMEM7cUJBQzNDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgZWZmZWN0LCBpbnB1dCwgT25EZXN0cm95LCBvdXRwdXQsIHNpZ25hbCwgdmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMaWJzVWlDb21wb25lbnRzSW5wdXRzUmFuZ2VTbGlkZXJDb21wb25lbnQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLWlucHV0cy1yYW5nZS1zbGlkZXInO1xuaW1wb3J0IHsgZnJvbUV2ZW50LCBtZXJnZSwgT2JzZXJ2YWJsZSwgU3ViamVjdCwgdGFrZVVudGlsLCB0YXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElBdWRpb0Z1bmN0aW9uQ29udHJvbEV2ZW50IH0gZnJvbSAnLi9pbnRlcmZhY2VzL2Z1bmN0aW9uLWNvbnRyb2wtZXZlbnQuaW50ZXJmYWNlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbGlic191aS1jb21wb25lbnRzLWF1ZGlvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F1ZGlvLmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtcbiAgICBMaWJzVWlDb21wb25lbnRzSW5wdXRzUmFuZ2VTbGlkZXJDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBMaWJzVWlDb21wb25lbnRzQXVkaW9Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICAvLyAjcmVnaW9uIFBST1BFUlRZXG4gIHByb3RlY3RlZCBhdWRpb1JhdGlvVmFsdWUgPSBzaWduYWw8bnVtYmVyPigwKTtcbiAgcHJvdGVjdGVkIHZvbHVtZVJhdGlvVmFsdWUgPSBzaWduYWw8bnVtYmVyPigxMDApO1xuICBwcm90ZWN0ZWQgaXNQbGF5ID0gc2lnbmFsPGJvb2xlYW4+KGZhbHNlKTtcbiAgcHJvdGVjdGVkIGlzTXV0ZSA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG4gIHByb3RlY3RlZCBpc1NsaWRlckF1ZGlvUHJlc3MgPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpO1xuICBwcm90ZWN0ZWQgaXNEaXNhYmxlID0gc2lnbmFsPGJvb2xlYW4+KHRydWUpO1xuICBwcm90ZWN0ZWQgYXVkaW9UaW1lQ3VycmVudCA9IHNpZ25hbDxzdHJpbmc+KCdfOl86XycpO1xuICBwcm90ZWN0ZWQgYXVkaW9UaW1lRHVyYXRpb24gPSBzaWduYWw8c3RyaW5nPignXzpfOl8nKTtcbiAgcHJvdGVjdGVkIHNob3dGdWxsQ29udHJvbFZvbHVtZSA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG4gIHByaXZhdGUgb25EZXN0cm95ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiBcblxuICAvLyAjcmVnaW9uIElOUFVUXG4gIHJlYWRvbmx5IGZpbGVBdWRpbyA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgY2hlY2tQZXJtaXNzaW9uRG93bmxvYWRBdWRpbyA9IGlucHV0LnJlcXVpcmVkPCgpID0+IFByb21pc2U8Ym9vbGVhbj4+KCk7XG5cbiAgLyogVklFVyBDSElMRCAqL1xuICByZWFkb25seSBhdWRpb1JlZiA9IHZpZXdDaGlsZC5yZXF1aXJlZDxFbGVtZW50UmVmPignYXVkaW9SZWYnKTtcbiAgcmVhZG9ubHkgdm9sdW1lQ29udHJvbFJlZiA9IHZpZXdDaGlsZC5yZXF1aXJlZDxFbGVtZW50UmVmPigndm9sdW1lQ29udHJvbFJlZicpO1xuXG4gIC8qIE9VVFBVVFMgKi9cbiAgcmVhZG9ubHkgb3V0RnVuY3Rpb25zQ29udHJvbCA9IG91dHB1dDxJQXVkaW9GdW5jdGlvbkNvbnRyb2xFdmVudD4oKTtcbiAgcmVhZG9ubHkgb3V0Vm9sdW1lQ29udHJvbCA9IG91dHB1dDxudW1iZXI+KCk7XG4gIHJlYWRvbmx5IG91dFRpbWVVcGRhdGUgPSBvdXRwdXQ8eyBjdXJyZW50VGltZTogc3RyaW5nLCBkdXJhdGlvbjogc3RyaW5nIH0+KCk7XG4gIHJlYWRvbmx5IG91dEVuZGVkID0gb3V0cHV0PHZvaWQ+KCk7XG4gIHJlYWRvbmx5IG91dE11dGUgPSBvdXRwdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgb3V0UGxheSA9IG91dHB1dDxib29sZWFuPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIC8vIFdhdGNoIGZvciBmaWxlIGF1ZGlvIGNoYW5nZXNcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMuZmlsZUF1ZGlvKCkgJiYgdGhpcy5hdWRpb1JlZigpKSB7XG4gICAgICAgIC8vIFNraXAgaW5pdGlhbCBzZXR1cCwgb25seSByZWxvYWQgb24gY2hhbmdlc1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5sb2FkKCk7XG4gICAgICAgIH0sIDApO1xuICAgICAgfVxuICAgIH0pO1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLm91dFZvbHVtZUNvbnRyb2wuZW1pdCh0aGlzLnZvbHVtZVJhdGlvVmFsdWUoKSk7XG4gICAgfSk7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIHRoaXMub3V0VGltZVVwZGF0ZS5lbWl0KHsgY3VycmVudFRpbWU6IHRoaXMuYXVkaW9UaW1lQ3VycmVudCgpLCBkdXJhdGlvbjogdGhpcy5hdWRpb1RpbWVEdXJhdGlvbigpIH0pO1xuICAgIH0pO1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLm91dE11dGUuZW1pdCh0aGlzLmlzTXV0ZSgpKTtcbiAgICB9KTtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgdGhpcy5vdXRQbGF5LmVtaXQodGhpcy5pc1BsYXkoKSk7XG4gICAgfSk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgbWVyZ2UoXG4gICAgICB0aGlzLmluaXRPYnNlcnZhYmxlKHRoaXMudm9sdW1lQ29udHJvbFJlZigpLm5hdGl2ZUVsZW1lbnQsICdtb3VzZWVudGVyJykucGlwZSh0YXAoKCkgPT4gdGhpcy5zaG93RnVsbENvbnRyb2xWb2x1bWUuc2V0KHRydWUpKSksXG4gICAgICB0aGlzLmluaXRPYnNlcnZhYmxlKHRoaXMudm9sdW1lQ29udHJvbFJlZigpLm5hdGl2ZUVsZW1lbnQsICdtb3VzZWxlYXZlJykucGlwZSh0YXAoKCkgPT4gdGhpcy5zaG93RnVsbENvbnRyb2xWb2x1bWUuc2V0KGZhbHNlKSkpXG4gICAgKS5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSkpLnN1YnNjcmliZSgpO1xuXG4gICAgLy8gRW1pdCBmdW5jdGlvbiBjb250cm9sIGV2ZW50IGFmdGVyIHZpZXcgaXMgaW5pdGlhbGl6ZWRcbiAgICB0aGlzLm91dEZ1bmN0aW9uc0NvbnRyb2wuZW1pdCh0aGlzLkZ1bmN0aW9uc0NvbnRyb2wpO1xuICB9XG5cbiAgcHVibGljIGdldCBGdW5jdGlvbnNDb250cm9sKCk6IElBdWRpb0Z1bmN0aW9uQ29udHJvbEV2ZW50IHtcbiAgICByZXR1cm4ge1xuICAgICAgcGxheVBhdXNlOiAoZXZlbnQ/OiBFdmVudCkgPT4gdGhpcy5oYW5kbGVyQXVkaW9QYXVzZVBsYXkoZXZlbnQpLFxuICAgICAgdG9nZ2xlTXV0ZTogKGV2ZW50PzogRXZlbnQpID0+IHRoaXMuaGFuZGxlckF1ZGlvTXV0ZU11dGVkKGV2ZW50KSxcbiAgICAgIHNlZWtUbzogdGhpcy5oYW5kbGVyQ2hhbmdlQXVkaW8uYmluZCh0aGlzKSxcbiAgICAgIHNldFZvbHVtZTogdGhpcy5oYW5kbGVyQ2hhbmdlVm9sdW1lLmJpbmQodGhpcyksXG4gICAgICBkb3dubG9hZDogKGV2ZW50PzogRXZlbnQpID0+IHRoaXMuaGFuZGxlckRvd25sb2FkKGV2ZW50KSxcbiAgICAgIGlzUGxheWluZzogKCkgPT4gdGhpcy5pc1BsYXkoKSxcbiAgICAgIGlzTXV0ZWQ6ICgpID0+IHRoaXMuaXNNdXRlKClcbiAgICB9O1xuICB9XG5cbiAgLyogRlVOQ1RJT05TICovXG4gIHByaXZhdGUgaW5pdE9ic2VydmFibGUoZWw6IEhUTUxFbGVtZW50LCBldmVudE5hbWU6IHN0cmluZyk6IE9ic2VydmFibGU8TW91c2VFdmVudD4ge1xuICAgIHJldHVybiBmcm9tRXZlbnQ8TW91c2VFdmVudD4oZWwsIGV2ZW50TmFtZSkucGlwZShcbiAgICAgIHRhcChlID0+IGUuc3RvcFByb3BhZ2F0aW9uKCkpLFxuICAgICAgdGFrZVVudGlsKHRoaXMub25EZXN0cm95KVxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlcktleVByZXNzQXVkaW8oKSB7XG4gICAgdGhpcy5pc1NsaWRlckF1ZGlvUHJlc3Muc2V0KHRydWUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJBdWRpb011dGVNdXRlZChldmVudD86IEV2ZW50KSB7XG4gICAgaWYgKGV2ZW50KSB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQubXV0ZWQgPT09IHRydWUpIHtcbiAgICAgIHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50Lm11dGVkID0gZmFsc2U7XG4gICAgICB0aGlzLmlzTXV0ZS5zZXQoZmFsc2UpO1xuICAgICAgdGhpcy52b2x1bWVSYXRpb1ZhbHVlLnNldCg1MCk7XG5cbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy52b2x1bWVSYXRpb1ZhbHVlLnNldCgwKTtcbiAgICB0aGlzLmlzTXV0ZS5zZXQodHJ1ZSk7XG4gICAgdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQubXV0ZWQgPSB0cnVlO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJBdWRpb1BhdXNlUGxheShldmVudD86IEV2ZW50KSB7XG4gICAgaWYgKGV2ZW50KSB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbiAgICBjb25zdCBhdWRpb0VsZW1lbnQgPSB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudDtcbiAgICBpZiAoIWF1ZGlvRWxlbWVudC5wYXVzZWQpIHtcbiAgICAgIGF1ZGlvRWxlbWVudC5wYXVzZSgpO1xuICAgICAgdGhpcy5pc1BsYXkuc2V0KGZhbHNlKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0cnkge1xuICAgICAgYXdhaXQgYXVkaW9FbGVtZW50LnBsYXkoKTtcbiAgICAgIHRoaXMuaXNQbGF5LnNldCh0cnVlKTtcbiAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgY29uc29sZS5lcnJvcignRXJyb3IgcGxheWluZyBhdWRpbzonLCBlcnJvcik7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJMb2FkZWREYXRhKGV2ZW50OiBFdmVudCkge1xuICAgIGlmIChldmVudCkge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50KSB7XG4gICAgICB0aGlzLmF1ZGlvVGltZUR1cmF0aW9uLnNldChhd2FpdCB0aGlzLnRvSEhNTVNTKE1hdGguZmxvb3IodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuZHVyYXRpb24pKSk7XG4gICAgICB0aGlzLmF1ZGlvVGltZUN1cnJlbnQuc2V0KGF3YWl0IHRoaXMudG9ISE1NU1MoTWF0aC5mbG9vcih0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5jdXJyZW50VGltZSB8fCAwKSkpO1xuICAgICAgdGhpcy5pc0Rpc2FibGUuc2V0KGZhbHNlKTtcbiAgICAgIHRoaXMuaXNQbGF5LnNldChmYWxzZSk7XG4gICAgICB0aGlzLmF1ZGlvUmF0aW9WYWx1ZS5zZXQoMCk7XG4gICAgICB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5wYXVzZSgpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyVGltZVVwZGF0ZShldmVudD86IEV2ZW50KSB7XG4gICAgaWYgKGV2ZW50KSB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG4gICAgdGhpcy5pc0Rpc2FibGUuc2V0KCEodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuZHVyYXRpb24gfHwgMCkpO1xuICAgIGlmICghdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5hdWRpb1RpbWVEdXJhdGlvbi5zZXQoYXdhaXQgdGhpcy50b0hITU1TUyhNYXRoLmZsb29yKHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LmR1cmF0aW9uKSkpO1xuICAgIHRoaXMuYXVkaW9UaW1lQ3VycmVudC5zZXQoYXdhaXQgdGhpcy50b0hITU1TUyhNYXRoLmZsb29yKHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LmN1cnJlbnRUaW1lIHx8IDApKSk7XG4gICAgaWYgKHRoaXMuaXNTbGlkZXJBdWRpb1ByZXNzKCkpIHtcbiAgICAgIHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LmN1cnJlbnRUaW1lID0gdGhpcy5hdWRpb1JhdGlvVmFsdWUoKSAqIE1hdGguZmxvb3IodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuZHVyYXRpb24gfHwgMCkgLyAxMDA7XG5cbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5hdWRpb1JhdGlvVmFsdWUuc2V0KE1hdGguZmxvb3IoKCh0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5jdXJyZW50VGltZSB8fCAwKSAvICh0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5kdXJhdGlvbiB8fCAxKSkgKiAxMDApKTtcbiAgfVxuXG4gIHByaXZhdGUgYXN5bmMgdG9ISE1NU1ModGltZTogbnVtYmVyKSB7XG4gICAgY29uc3QgaG91cnMgPSBNYXRoLmZsb29yKHRpbWUgLyAzNjAwKTtcbiAgICBjb25zdCBtaW51dGVzID0gTWF0aC5mbG9vcigodGltZSAtIChob3VycyAqIDM2MDApKSAvIDYwKTtcbiAgICBjb25zdCBzZWNvbmRzID0gdGltZSAtIChob3VycyAqIDM2MDApIC0gKG1pbnV0ZXMgKiA2MCk7XG5cbiAgICBjb25zdCBnZXRMYWJlbCA9ICgodmFsOiBudW1iZXIpID0+IHtcbiAgICAgIHZhbCA9IHZhbCB8fCAwO1xuICAgICAgcmV0dXJuIGAke3ZhbCA8IDEwID8gJzAnIDogJyd9JHt2YWx9YDtcbiAgICB9KTtcblxuICAgIHJldHVybiBgJHtnZXRMYWJlbChob3Vycyl9OiR7Z2V0TGFiZWwobWludXRlcyl9OiR7Z2V0TGFiZWwoc2Vjb25kcyl9YDtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyQ2hhbmdlQXVkaW8odmFsdWU6IG51bWJlcikge1xuICAgIGlmICh2YWx1ZSA9PT0gdGhpcy5hdWRpb1JhdGlvVmFsdWUoKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5jdXJyZW50VGltZSA9ICh2YWx1ZSB8fCAwKSAqICh0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5kdXJhdGlvbiB8fCAwKSAvIDEwMDtcbiAgICB0aGlzLmF1ZGlvUmF0aW9WYWx1ZS5zZXQodmFsdWUpO1xuICAgIHRoaXMuaXNTbGlkZXJBdWRpb1ByZXNzLnNldChmYWxzZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckNoYW5nZVZvbHVtZSh2YWx1ZTogbnVtYmVyKSB7XG4gICAgdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQudm9sdW1lID0gdmFsdWUgLyAxMDA7XG4gICAgdGhpcy52b2x1bWVSYXRpb1ZhbHVlLnNldCh2YWx1ZSk7XG4gICAgaWYgKHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LnZvbHVtZSkge1xuICAgICAgdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQubXV0ZWQgPSBmYWxzZTtcbiAgICAgIHRoaXMuaXNNdXRlLnNldChmYWxzZSk7XG5cbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQubXV0ZWQgPSB0cnVlO1xuICAgIHRoaXMuaXNNdXRlLnNldCh0cnVlKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyRW5kZWQoZXZlbnQ6IEV2ZW50KSB7XG4gICAgaWYgKGV2ZW50KSB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbiAgICB0aGlzLmlzUGxheS5zZXQoZmFsc2UpO1xuICAgIHRoaXMub3V0RW5kZWQuZW1pdCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJEb3dubG9hZChlPzogRXZlbnQpIHtcbiAgICBpZiAoIXRoaXMuY2hlY2tQZXJtaXNzaW9uRG93bmxvYWRBdWRpbygpIHx8ICFhd2FpdCB0aGlzLmNoZWNrUGVybWlzc2lvbkRvd25sb2FkQXVkaW8oKSgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKGUpIHtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG4gICAgaWYgKCF0aGlzLmZpbGVBdWRpbygpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHdpbmRvdy5vcGVuKHRoaXMuZmlsZUF1ZGlvKCksIGBfYmxhbmtgKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMub25EZXN0cm95Lm5leHQoKTtcbiAgICB0aGlzLm9uRGVzdHJveS5jb21wbGV0ZSgpO1xuICB9XG59XG4iLCI8YXVkaW8gY29udHJvbHNcbiAgI2F1ZGlvUmVmXG4gIGNsYXNzPVwiaGlkZGVuXCJcbiAgKHRpbWV1cGRhdGUpPVwiaGFuZGxlclRpbWVVcGRhdGUoJGV2ZW50KVwiXG4gIChsb2FkZWRkYXRhKT1cImhhbmRsZXJMb2FkZWREYXRhKCRldmVudClcIlxuICAoZW5kZWQpPVwiaGFuZGxlckVuZGVkKCRldmVudClcIj5cbiAgPHNvdXJjZSBbc3JjXT1cImZpbGVBdWRpbygpXCJcbiAgICB0eXBlPVwiYXVkaW8vbXBlZ1wiPlxuPC9hdWRpbz5cbjxkaXYgW2NsYXNzLmxpYnMtdWktZGlzYWJsZV09XCJpc0Rpc2FibGUoKVwiXG4gIFtjbGFzcy5wb2ludGVyLWV2ZW50cy1ub25lXT1cImlzRGlzYWJsZSgpXCI+XG4gIDxkaXYgY2xhc3M9XCJmbGV4IGp1c3RpZnktYmV0d2VlbiBpdGVtcy1jZW50ZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwidy1bNzAlXSBmbGV4IHAtMCBpdGVtcy1jZW50ZXIgXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBtci1bMTZweF0gY3Vyc29yLXBvaW50ZXJcIlxuICAgICAgICAoY2xpY2spPVwiaGFuZGxlckF1ZGlvUGF1c2VQbGF5KCRldmVudClcIj5cbiAgICAgICAgPGkgY2xhc3M9XCJ0ZXh0LVsxNnB4XVwiXG4gICAgICAgICAgW2NsYXNzLmxpYnMtdWktaWNvbi1wbGF5LXNvbGlkXT1cIiFpc1BsYXkoKVwiXG4gICAgICAgICAgW2NsYXNzLmxpYnMtdWktaWNvbi1wYXVzZS1zb2xpZF09XCJpc1BsYXkoKVwiPlxuICAgICAgICA8L2k+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJsaWJzLXVpLWZvbnQtaDVyIG1yLVsxNnB4XVwiPnt7IGF1ZGlvVGltZUN1cnJlbnQoKSB9fSAve3sgYXVkaW9UaW1lRHVyYXRpb24oKSB9fTwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ3LVszMCVdIGZsZXggcC0wIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWVuZFwiPlxuICAgICAgPGRpdiAjdm9sdW1lQ29udHJvbFJlZlxuICAgICAgICBjbGFzcz1cImZsZXggcHktWzNweF0gaXRlbXMtY2VudGVyIHJvdW5kZWQtWzEycHhdIGgtWzI4cHhdXCJcbiAgICAgICAgW2NsYXNzLmJnLVsjZTZlN2VhXV09J3Nob3dGdWxsQ29udHJvbFZvbHVtZSgpJ1xuICAgICAgICBbY2xhc3MucHgtWzEycHhdXT0nc2hvd0Z1bGxDb250cm9sVm9sdW1lKCknPlxuICAgICAgICA8aSBjbGFzcz1cInRleHQtWzE2cHhdIGN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgICBbY2xhc3MubGlicy11aS1pY29uLXNwZWFrZXItb24tc29saWRdPVwiIWlzTXV0ZSgpXCJcbiAgICAgICAgICBbY2xhc3MubGlicy11aS1pY29uLXNwZWFrZXItb2ZmLXNvbGlkXT1cImlzTXV0ZSgpXCJcbiAgICAgICAgICAoY2xpY2spPVwiaGFuZGxlckF1ZGlvTXV0ZU11dGVkKCRldmVudClcIj5cbiAgICAgICAgPC9pPlxuICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWlucHV0cy1yYW5nZV9zbGlkZXIgW2NsYXNzLmhpZGRlbl09XCIhc2hvd0Z1bGxDb250cm9sVm9sdW1lKClcIlxuICAgICAgICAgIFttb2RlXT1cIidhdWRpbydcIlxuICAgICAgICAgIGNsYXNzSW5jbHVkZT1cImZsZXggaXRlbXMtY2VudGVyICF3LVs1NHB4XSBjdXJzb3ItcG9pbnRlciBtbC1bOHB4XVwiXG4gICAgICAgICAgW3ZhbHVlXT1cInZvbHVtZVJhdGlvVmFsdWUoKVwiXG4gICAgICAgICAgKG91dENoYW5nZSk9XCJoYW5kbGVyQ2hhbmdlVm9sdW1lKCRldmVudClcIiAvPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxpIGNsYXNzPVwibGlicy11aS1pY29uLWRvd25sb2FkLXNvbGlkIG1sLVsxNnB4XSBjdXJzb3ItcG9pbnRlclwiXG4gICAgICAgIChjbGljayk9XCJoYW5kbGVyRG93bmxvYWQoJGV2ZW50KVwiPlxuICAgICAgPC9pPlxuICAgIDwvZGl2PlxuXG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiaC1bMjRweF1cIj5cbiAgICA8bGlic191aS1jb21wb25lbnRzLWlucHV0cy1yYW5nZV9zbGlkZXIgW21vZGVdPVwiJ2F1ZGlvJ1wiXG4gICAgICBbdmFsdWVdPVwiYXVkaW9SYXRpb1ZhbHVlKClcIlxuICAgICAgW2Rpc2FibGVdPSdpc0Rpc2FibGUoKSdcbiAgICAgIChvdXRDaGFuZ2UpPVwiaGFuZGxlckNoYW5nZUF1ZGlvKCRldmVudClcIiAvPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/index.mjs

@@ -1,2 +1,3 @@
 export * from './audio.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvYXVkaW8vc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2F1ZGlvLmNvbXBvbmVudCc7XG4iXX0=
+export * from './interfaces/function-control-event.interface';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvYXVkaW8vc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYywrQ0FBK0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYXVkaW8uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9mdW5jdGlvbi1jb250cm9sLWV2ZW50LmludGVyZmFjZSc7XG4iXX0=

package/esm2022/interfaces/function-control-event.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuY3Rpb24tY29udHJvbC1ldmVudC5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvYXVkaW8vc3JjL2ludGVyZmFjZXMvZnVuY3Rpb24tY29udHJvbC1ldmVudC5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogSW50ZXJmYWNlIGNobyBjw6FjIGNo4bupYyBuxINuZyDEkWnhu4F1IGtoaeG7g24gYXVkaW8gxJHGsOG7o2MgY3VuZyBj4bqlcCBxdWEgb3V0cHV0IGV2ZW50XG4gKiBAZGVzY3JpcHRpb24gQ3VuZyBj4bqlcCBjw6FjIG1ldGhvZCDEkeG7gyDEkWnhu4F1IGtoaeG7g24gYXVkaW8gcGxheWVyIHThu6sgY29tcG9uZW50IGNoYVxuICovXG5leHBvcnQgaW50ZXJmYWNlIElBdWRpb0Z1bmN0aW9uQ29udHJvbEV2ZW50IHtcblxuICAvKipcbiAgICogS2V5IMSR4buDIMSRaeG7gXUga2hp4buDbiBhdWRpb1xuICAgKiBAcmV0dXJucyB2b2lkXG4gICAqL1xuXG4gIC8qKlxuICAgKiBC4bqvdCDEkeG6p3UgaG/hurdjIHThuqFtIGThu6tuZyBwaMOhdCBhdWRpb1xuICAgKiBAcGFyYW0gZXZlbnQgT3B0aW9uYWwgZXZlbnQgb2JqZWN0XG4gICAqIEByZXR1cm5zIHZvaWRcbiAgICovXG4gIHBsYXlQYXVzZTogKGV2ZW50PzogRXZlbnQpID0+IHZvaWQ7XG5cbiAgLyoqXG4gICAqIELhuq10IGhv4bq3YyB04bqvdCDDom0gdGhhbmhcbiAgICogQHBhcmFtIGV2ZW50IE9wdGlvbmFsIGV2ZW50IG9iamVjdFxuICAgKiBAcmV0dXJucyB2b2lkXG4gICAqL1xuICB0b2dnbGVNdXRlOiAoZXZlbnQ/OiBFdmVudCkgPT4gdm9pZDtcblxuICAvKipcbiAgICogxJBp4buBdSBjaOG7iW5oIMOibSBsxrDhu6NuZ1xuICAgKiBAcGFyYW0gdmFsdWUgR2nDoSB0cuG7iyDDom0gbMaw4bujbmcgdOG7qyAwIMSR4bq/biAxMDBcbiAgICogQHJldHVybnMgdm9pZFxuICAgKi9cbiAgc2V0Vm9sdW1lOiAodmFsdWU6IG51bWJlcikgPT4gdm9pZDtcblxuICAvKipcbiAgICogRGkgY2h1eeG7g24gxJHhur9uIHbhu4sgdHLDrSBj4bulIHRo4buDIHRyb25nIGF1ZGlvXG4gICAqIEBwYXJhbSB2YWx1ZSBHacOhIHRy4buLIHBo4bqnbiB0csSDbSB04burIDAgxJHhur9uIDEwMFxuICAgKiBAcmV0dXJucyB2b2lkXG4gICAqL1xuICBzZWVrVG86ICh2YWx1ZTogbnVtYmVyKSA9PiB2b2lkO1xuXG4gIC8qKlxuICAgKiBU4bqjaSB4deG7kW5nIGZpbGUgYXVkaW9cbiAgICogQHBhcmFtIGV2ZW50IE9wdGlvbmFsIGV2ZW50IG9iamVjdFxuICAgKiBAcmV0dXJucyB2b2lkXG4gICAqL1xuICBkb3dubG9hZDogKGV2ZW50PzogRXZlbnQpID0+IHZvaWQ7XG5cbiAgLyoqXG4gICAqIEtp4buDbSB0cmEgdHLhuqFuZyB0aMOhaSDEkWFuZyBwaMOhdCBhdWRpb1xuICAgKiBAcmV0dXJucyBib29sZWFuIFRydWUgbuG6v3UgxJFhbmcgcGjDoXQsIEZhbHNlIG7hur91IMSRYW5nIHThuqFtIGThu6tuZ1xuICAgKi9cbiAgaXNQbGF5aW5nOiAoKSA9PiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBLaeG7g20gdHJhIHRy4bqhbmcgdGjDoWkgdOG6r3QgdGnhur9uZ1xuICAgKiBAcmV0dXJucyBib29sZWFuIFRydWUgbuG6v3UgxJFhbmcgdOG6r3QgdGnhur9uZywgRmFsc2UgbuG6v3UgxJFhbmcgYuG6rXQgdGnhur9uZ1xuICAgKi9cbiAgaXNNdXRlZDogKCkgPT4gYm9vbGVhbjtcbn0gIl19

package/fesm2022/libs-ui-components-audio.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { signal, input, viewChild, Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { signal, input, viewChild, output, effect, ChangeDetectionStrategy, Component } from '@angular/core';
 import { LibsUiComponentsInputsRangeSliderComponent } from '@libs-ui/components-inputs-range-slider';
 import { Subject, merge, tap, takeUntil, fromEvent } from 'rxjs';
 
 class LibsUiComponentsAudioComponent {
-    /* PROPERTY */
+    // #region PROPERTY
     audioRatioValue = signal(0);
     volumeRatioValue = signal(100);
     isPlay = signal(false);
@@ -15,14 +15,57 @@ class LibsUiComponentsAudioComponent {
     audioTimeDuration = signal('_:_:_');
     showFullControlVolume = signal(false);
     onDestroy = new Subject();
-    /* INPUT */
+    // #region INPUT
     fileAudio = input.required();
-    checkPermissionDownloadAudio;
+    checkPermissionDownloadAudio = input.required();
     /* VIEW CHILD */
     audioRef = viewChild.required('audioRef');
     volumeControlRef = viewChild.required('volumeControlRef');
+    /* OUTPUTS */
+    outFunctionsControl = output();
+    outVolumeControl = output();
+    outTimeUpdate = output();
+    outEnded = output();
+    outMute = output();
+    outPlay = output();
+    constructor() {
+        // Watch for file audio changes
+        effect(() => {
+            if (this.fileAudio() && this.audioRef()) {
+                // Skip initial setup, only reload on changes
+                setTimeout(() => {
+                    this.audioRef().nativeElement.load();
+                }, 0);
+            }
+        });
+        effect(() => {
+            this.outVolumeControl.emit(this.volumeRatioValue());
+        });
+        effect(() => {
+            this.outTimeUpdate.emit({ currentTime: this.audioTimeCurrent(), duration: this.audioTimeDuration() });
+        });
+        effect(() => {
+            this.outMute.emit(this.isMute());
+        });
+        effect(() => {
+            this.outPlay.emit(this.isPlay());
+        });
+    }
     ngAfterViewInit() {
         merge(this.initObservable(this.volumeControlRef().nativeElement, 'mouseenter').pipe(tap(() => this.showFullControlVolume.set(true))), this.initObservable(this.volumeControlRef().nativeElement, 'mouseleave').pipe(tap(() => this.showFullControlVolume.set(false)))).pipe(takeUntil(this.onDestroy)).subscribe();
+        // Emit function control event after view is initialized
+        this.outFunctionsControl.emit(this.FunctionsControl);
+    }
+    get FunctionsControl() {
+        return {
+            playPause: (event) => this.handlerAudioPausePlay(event),
+            toggleMute: (event) => this.handlerAudioMuteMuted(event),
+            seekTo: this.handlerChangeAudio.bind(this),
+            setVolume: this.handlerChangeVolume.bind(this),
+            download: (event) => this.handlerDownload(event),
+            isPlaying: () => this.isPlay(),
+            isMuted: () => this.isMute()
+        };
     }
     /* FUNCTIONS */
     initObservable(el, eventName) {
@@ -32,7 +75,9 @@ class LibsUiComponentsAudioComponent {
         this.isSliderAudioPress.set(true);
     }
     async handlerAudioMuteMuted(event) {
-        event.stopPropagation();
+        if (event) {
+            event.stopPropagation();
+        }
         if (this.audioRef().nativeElement.muted === true) {
             this.audioRef().nativeElement.muted = false;
             this.isMute.set(false);
@@ -44,7 +89,9 @@ class LibsUiComponentsAudioComponent {
         this.audioRef().nativeElement.muted = true;
     }
     async handlerAudioPausePlay(event) {
-        event.stopPropagation();
+        if (event) {
+            event.stopPropagation();
+        }
         const audioElement = this.audioRef().nativeElement;
         if (!audioElement.paused) {
             audioElement.pause();
@@ -60,31 +107,40 @@ class LibsUiComponentsAudioComponent {
         }
     }
     async handlerLoadedData(event) {
-        event.stopPropagation();
+        if (event) {
+            event.stopPropagation();
+        }
         if (this.audioRef().nativeElement) {
             this.audioTimeDuration.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.duration)));
-            this.audioTimeCurrent.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.currentTime)));
+            this.audioTimeCurrent.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.currentTime || 0)));
             this.isDisable.set(false);
+            this.isPlay.set(false);
+            this.audioRatioValue.set(0);
+            this.audioRef().nativeElement.pause();
         }
     }
     async handlerTimeUpdate(event) {
-        event.stopPropagation();
+        if (event) {
+            event.stopPropagation();
+        }
+        this.isDisable.set(!(this.audioRef().nativeElement.duration || 0));
         if (!this.audioRef().nativeElement) {
             return;
         }
         this.audioTimeDuration.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.duration)));
-        this.audioTimeCurrent.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.currentTime)));
+        this.audioTimeCurrent.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.currentTime || 0)));
         if (this.isSliderAudioPress()) {
-            this.audioRef().nativeElement.currentTime = this.audioRatioValue() * Math.floor(this.audioRef().nativeElement.duration) / 100;
+            this.audioRef().nativeElement.currentTime = this.audioRatioValue() * Math.floor(this.audioRef().nativeElement.duration || 0) / 100;
             return;
         }
-        this.audioRatioValue.set(Math.floor((this.audioRef().nativeElement.currentTime / this.audioRef().nativeElement.duration) * 100));
+        this.audioRatioValue.set(Math.floor(((this.audioRef().nativeElement.currentTime || 0) / (this.audioRef().nativeElement.duration || 1)) * 100));
     }
     async toHHMMSS(time) {
         const hours = Math.floor(time / 3600);
         const minutes = Math.floor((time - (hours * 3600)) / 60);
         const seconds = time - (hours * 3600) - (minutes * 60);
         const getLabel = ((val) => {
+            val = val || 0;
             return `${val < 10 ? '0' : ''}${val}`;
         });
         return `${getLabel(hours)}:${getLabel(minutes)}:${getLabel(seconds)}`;
@@ -93,12 +149,13 @@ class LibsUiComponentsAudioComponent {
         if (value === this.audioRatioValue()) {
             return;
         }
-        this.audioRef().nativeElement.currentTime = value * this.audioRef().nativeElement.duration / 100;
+        this.audioRef().nativeElement.currentTime = (value || 0) * (this.audioRef().nativeElement.duration || 0) / 100;
         this.audioRatioValue.set(value);
         this.isSliderAudioPress.set(false);
     }
     async handlerChangeVolume(value) {
         this.audioRef().nativeElement.volume = value / 100;
+        this.volumeRatioValue.set(value);
         if (this.audioRef().nativeElement.volume) {
             this.audioRef().nativeElement.muted = false;
             this.isMute.set(false);
@@ -108,14 +165,19 @@ class LibsUiComponentsAudioComponent {
         this.isMute.set(true);
     }
     async handlerEnded(event) {
-        event.stopPropagation();
+        if (event) {
+            event.stopPropagation();
+        }
         this.isPlay.set(false);
+        this.outEnded.emit();
     }
     async handlerDownload(e) {
-        if (!this.checkPermissionDownloadAudio || !await this.checkPermissionDownloadAudio()) {
+        if (!this.checkPermissionDownloadAudio() || !await this.checkPermissionDownloadAudio()()) {
             return;
         }
-        e.stopPropagation();
+        if (e) {
+            e.stopPropagation();
+        }
         if (!this.fileAudio()) {
             return;
         }
@@ -126,17 +188,14 @@ class LibsUiComponentsAudioComponent {
         this.onDestroy.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsAudioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: LibsUiComponentsAudioComponent, isStandalone: true, selector: "libs_ui-components-audio", inputs: { fileAudio: { classPropertyName: "fileAudio", publicName: "fileAudio", isSignal: true, isRequired: true, transformFunction: null }, checkPermissionDownloadAudio: { classPropertyName: "checkPermissionDownloadAudio", publicName: "checkPermissionDownloadAudio", isSignal: false, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "audioRef", first: true, predicate: ["audioRef"], descendants: true, isSignal: true }, { propertyName: "volumeControlRef", first: true, predicate: ["volumeControlRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<audio controls\n  #audioRef\n  class=\"hidden\"\n  (timeupdate)=\"handlerTimeUpdate($event)\"\n  (loadeddata)=\"handlerLoadedData($event)\"\n  (ended)=\"handlerEnded($event)\">\n  <source [src]=\"fileAudio()\"\n    type=\"audio/mpeg\">\n</audio>\n<div [class.libs-ui-disable]=\"isDisable()\"\n  [class.pointer-events-none]=\"isDisable()\">\n  <div class=\"flex justify-between items-center\">\n    <div class=\"w-[70%] flex p-0 items-center \">\n      <div class=\"flex mr-[16px] cursor-pointer\"\n        (click)=\"handlerAudioPausePlay($event)\">\n        <i class=\"text-[16px]\"\n          [class.libs-ui-icon-play-solid]=\"!isPlay()\"\n          [class.libs-ui-icon-pause-solid]=\"isPlay()\">\n        </i>\n      </div>\n      <div class=\"libs-ui-font-h5r mr-[16px]\">{{ audioTimeCurrent() }} /{{ audioTimeDuration() }}</div>\n    </div>\n    <div class=\"w-[30%] flex p-0 items-center justify-end\">\n      <div #volumeControlRef\n        class=\"flex py-[3px] items-center rounded-[12px] h-[28px]\"\n        [class.bg-[#e6e7ea]]='showFullControlVolume()'\n        [class.px-[12px]]='showFullControlVolume()'>\n        <i class=\"text-[16px] cursor-pointer\"\n          [class.libs-ui-icon-speaker-on-solid]=\"!isMute()\"\n          [class.libs-ui-icon-speaker-off-solid]=\"isMute()\"\n          (click)=\"handlerAudioMuteMuted($event)\">\n        </i>\n        <libs_ui-components-inputs-range_slider [class.hidden]=\"!showFullControlVolume()\"\n          [mode]=\"'audio'\"\n          classInclude=\"flex items-center !w-[54px] cursor-pointer ml-[8px]\"\n          [value]=\"volumeRatioValue()\"\n          (outChange)=\"handlerChangeVolume($event)\" />\n      </div>\n\n      <i class=\"libs-ui-icon-download-solid ml-[16px] cursor-pointer\"\n        (click)=\"handlerDownload($event)\">\n      </i>\n    </div>\n\n  </div>\n  <div class=\"h-[24px]\">\n    <libs_ui-components-inputs-range_slider [mode]=\"'audio'\"\n      [value]=\"audioRatioValue()\"\n      [disable]='isDisable()'\n      (outChange)=\"handlerChangeAudio($event)\" />\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: LibsUiComponentsInputsRangeSliderComponent, selector: "libs_ui-components-inputs-range_slider", inputs: ["mode", "min", "max", "value", "classInclude", "disable", "unit", "step", "hideProgressingValue", "formatNumber"], outputs: ["valueChange", "outChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: LibsUiComponentsAudioComponent, isStandalone: true, selector: "libs_ui-components-audio", inputs: { fileAudio: { classPropertyName: "fileAudio", publicName: "fileAudio", isSignal: true, isRequired: true, transformFunction: null }, checkPermissionDownloadAudio: { classPropertyName: "checkPermissionDownloadAudio", publicName: "checkPermissionDownloadAudio", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { outFunctionsControl: "outFunctionsControl", outVolumeControl: "outVolumeControl", outTimeUpdate: "outTimeUpdate", outEnded: "outEnded", outMute: "outMute", outPlay: "outPlay" }, viewQueries: [{ propertyName: "audioRef", first: true, predicate: ["audioRef"], descendants: true, isSignal: true }, { propertyName: "volumeControlRef", first: true, predicate: ["volumeControlRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<audio controls\n  #audioRef\n  class=\"hidden\"\n  (timeupdate)=\"handlerTimeUpdate($event)\"\n  (loadeddata)=\"handlerLoadedData($event)\"\n  (ended)=\"handlerEnded($event)\">\n  <source [src]=\"fileAudio()\"\n    type=\"audio/mpeg\">\n</audio>\n<div [class.libs-ui-disable]=\"isDisable()\"\n  [class.pointer-events-none]=\"isDisable()\">\n  <div class=\"flex justify-between items-center\">\n    <div class=\"w-[70%] flex p-0 items-center \">\n      <div class=\"flex mr-[16px] cursor-pointer\"\n        (click)=\"handlerAudioPausePlay($event)\">\n        <i class=\"text-[16px]\"\n          [class.libs-ui-icon-play-solid]=\"!isPlay()\"\n          [class.libs-ui-icon-pause-solid]=\"isPlay()\">\n        </i>\n      </div>\n      <div class=\"libs-ui-font-h5r mr-[16px]\">{{ audioTimeCurrent() }} /{{ audioTimeDuration() }}</div>\n    </div>\n    <div class=\"w-[30%] flex p-0 items-center justify-end\">\n      <div #volumeControlRef\n        class=\"flex py-[3px] items-center rounded-[12px] h-[28px]\"\n        [class.bg-[#e6e7ea]]='showFullControlVolume()'\n        [class.px-[12px]]='showFullControlVolume()'>\n        <i class=\"text-[16px] cursor-pointer\"\n          [class.libs-ui-icon-speaker-on-solid]=\"!isMute()\"\n          [class.libs-ui-icon-speaker-off-solid]=\"isMute()\"\n          (click)=\"handlerAudioMuteMuted($event)\">\n        </i>\n        <libs_ui-components-inputs-range_slider [class.hidden]=\"!showFullControlVolume()\"\n          [mode]=\"'audio'\"\n          classInclude=\"flex items-center !w-[54px] cursor-pointer ml-[8px]\"\n          [value]=\"volumeRatioValue()\"\n          (outChange)=\"handlerChangeVolume($event)\" />\n      </div>\n\n      <i class=\"libs-ui-icon-download-solid ml-[16px] cursor-pointer\"\n        (click)=\"handlerDownload($event)\">\n      </i>\n    </div>\n\n  </div>\n  <div class=\"h-[24px]\">\n    <libs_ui-components-inputs-range_slider [mode]=\"'audio'\"\n      [value]=\"audioRatioValue()\"\n      [disable]='isDisable()'\n      (outChange)=\"handlerChangeAudio($event)\" />\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: LibsUiComponentsInputsRangeSliderComponent, selector: "libs_ui-components-inputs-range_slider", inputs: ["mode", "min", "max", "value", "classInclude", "disable", "unit", "step", "hideProgressingValue", "formatNumber"], outputs: ["valueChange", "outChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsAudioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'libs_ui-components-audio', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         LibsUiComponentsInputsRangeSliderComponent
                     ], template: "<audio controls\n  #audioRef\n  class=\"hidden\"\n  (timeupdate)=\"handlerTimeUpdate($event)\"\n  (loadeddata)=\"handlerLoadedData($event)\"\n  (ended)=\"handlerEnded($event)\">\n  <source [src]=\"fileAudio()\"\n    type=\"audio/mpeg\">\n</audio>\n<div [class.libs-ui-disable]=\"isDisable()\"\n  [class.pointer-events-none]=\"isDisable()\">\n  <div class=\"flex justify-between items-center\">\n    <div class=\"w-[70%] flex p-0 items-center \">\n      <div class=\"flex mr-[16px] cursor-pointer\"\n        (click)=\"handlerAudioPausePlay($event)\">\n        <i class=\"text-[16px]\"\n          [class.libs-ui-icon-play-solid]=\"!isPlay()\"\n          [class.libs-ui-icon-pause-solid]=\"isPlay()\">\n        </i>\n      </div>\n      <div class=\"libs-ui-font-h5r mr-[16px]\">{{ audioTimeCurrent() }} /{{ audioTimeDuration() }}</div>\n    </div>\n    <div class=\"w-[30%] flex p-0 items-center justify-end\">\n      <div #volumeControlRef\n        class=\"flex py-[3px] items-center rounded-[12px] h-[28px]\"\n        [class.bg-[#e6e7ea]]='showFullControlVolume()'\n        [class.px-[12px]]='showFullControlVolume()'>\n        <i class=\"text-[16px] cursor-pointer\"\n          [class.libs-ui-icon-speaker-on-solid]=\"!isMute()\"\n          [class.libs-ui-icon-speaker-off-solid]=\"isMute()\"\n          (click)=\"handlerAudioMuteMuted($event)\">\n        </i>\n        <libs_ui-components-inputs-range_slider [class.hidden]=\"!showFullControlVolume()\"\n          [mode]=\"'audio'\"\n          classInclude=\"flex items-center !w-[54px] cursor-pointer ml-[8px]\"\n          [value]=\"volumeRatioValue()\"\n          (outChange)=\"handlerChangeVolume($event)\" />\n      </div>\n\n      <i class=\"libs-ui-icon-download-solid ml-[16px] cursor-pointer\"\n        (click)=\"handlerDownload($event)\">\n      </i>\n    </div>\n\n  </div>\n  <div class=\"h-[24px]\">\n    <libs_ui-components-inputs-range_slider [mode]=\"'audio'\"\n      [value]=\"audioRatioValue()\"\n      [disable]='isDisable()'\n      (outChange)=\"handlerChangeAudio($event)\" />\n  </div>\n</div>\n" }]
-        }], propDecorators: { checkPermissionDownloadAudio: [{
-                type: Input,
-                args: [{ required: true }]
-            }] } });
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/libs-ui-components-audio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"libs-ui-components-audio.mjs","sources":["../../../../../libs-ui/components/audio/src/audio.component.ts","../../../../../libs-ui/components/audio/src/audio.component.html","../../../../../libs-ui/components/audio/src/libs-ui-components-audio.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, input, Input, OnDestroy, signal, viewChild } from '@angular/core';\nimport { LibsUiComponentsInputsRangeSliderComponent } from '@libs-ui/components-inputs-range-slider';\nimport { fromEvent, merge, Observable, Subject, takeUntil, tap } from 'rxjs';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-audio',\n  templateUrl: './audio.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    LibsUiComponentsInputsRangeSliderComponent\n  ]\n})\nexport class LibsUiComponentsAudioComponent implements AfterViewInit, OnDestroy {\n  /* PROPERTY */\n  protected audioRatioValue = signal<number>(0);\n  protected volumeRatioValue = signal<number>(100);\n  protected isPlay = signal<boolean>(false);\n  protected isMute = signal<boolean>(false);\n  protected isSliderAudioPress = signal<boolean>(false);\n  protected isDisable = signal<boolean>(true);\n  protected audioTimeCurrent = signal<string>('_:_:_');\n  protected audioTimeDuration = signal<string>('_:_:_');\n  protected showFullControlVolume = signal<boolean>(false);\n  private onDestroy = new Subject<void>();\n\n  /* INPUT */\n  readonly fileAudio = input.required<string>();\n  @Input({ required: true }) checkPermissionDownloadAudio?: () => Promise<boolean>;\n\n  /* VIEW CHILD */\n  readonly audioRef = viewChild.required<ElementRef>('audioRef');\n  readonly volumeControlRef = viewChild.required<ElementRef>('volumeControlRef');\n\n  ngAfterViewInit() {\n    merge(\n      this.initObservable(this.volumeControlRef().nativeElement, 'mouseenter').pipe(tap(() => this.showFullControlVolume.set(true))),\n      this.initObservable(this.volumeControlRef().nativeElement, 'mouseleave').pipe(tap(() => this.showFullControlVolume.set(false)))\n    ).pipe(takeUntil(this.onDestroy)).subscribe();\n  }\n  /* FUNCTIONS */\n  private initObservable(el: HTMLElement, eventName: string): Observable<MouseEvent> {\n    return fromEvent<MouseEvent>(el, eventName).pipe(\n      tap(e => e.stopPropagation()),\n      takeUntil(this.onDestroy)\n    );\n  }\n\n  protected async handlerKeyPressAudio() {\n    this.isSliderAudioPress.set(true);\n  }\n\n  protected async handlerAudioMuteMuted(event: Event) {\n    event.stopPropagation();\n    if (this.audioRef().nativeElement.muted === true) {\n      this.audioRef().nativeElement.muted = false;\n      this.isMute.set(false);\n      this.volumeRatioValue.set(50);\n\n      return;\n    }\n    this.volumeRatioValue.set(0);\n    this.isMute.set(true);\n    this.audioRef().nativeElement.muted = true;\n  }\n\n  protected async handlerAudioPausePlay(event: Event) {\n    event.stopPropagation();\n    const audioElement = this.audioRef().nativeElement;\n    if (!audioElement.paused) {\n      audioElement.pause();\n      this.isPlay.set(false);\n      return;\n    }\n\n    try {\n      await audioElement.play();\n      this.isPlay.set(true);\n    } catch (error) {\n      console.error('Error playing audio:', error);\n    }\n  }\n\n  protected async handlerLoadedData(event: Event) {\n    event.stopPropagation();\n    if (this.audioRef().nativeElement) {\n      this.audioTimeDuration.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.duration)));\n      this.audioTimeCurrent.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.currentTime)));\n      this.isDisable.set(false);\n    }\n  }\n\n  protected async handlerTimeUpdate(event: Event) {\n    event.stopPropagation();\n    if (!this.audioRef().nativeElement) {\n      return;\n    }\n    this.audioTimeDuration.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.duration)));\n    this.audioTimeCurrent.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.currentTime)));\n    if (this.isSliderAudioPress()) {\n      this.audioRef().nativeElement.currentTime = this.audioRatioValue() * Math.floor(this.audioRef().nativeElement.duration) / 100;\n\n      return;\n    }\n    this.audioRatioValue.set(Math.floor((this.audioRef().nativeElement.currentTime / this.audioRef().nativeElement.duration) * 100));\n  }\n\n  private async toHHMMSS(time: number) {\n    const hours = Math.floor(time / 3600);\n    const minutes = Math.floor((time - (hours * 3600)) / 60);\n    const seconds = time - (hours * 3600) - (minutes * 60);\n\n    const getLabel = ((val: number) => {\n      return `${val < 10 ? '0' : ''}${val}`;\n    });\n\n    return `${getLabel(hours)}:${getLabel(minutes)}:${getLabel(seconds)}`;\n  }\n\n  protected async handlerChangeAudio(value: number) {\n    if (value === this.audioRatioValue()) {\n      return;\n    }\n    this.audioRef().nativeElement.currentTime = value * this.audioRef().nativeElement.duration / 100;\n    this.audioRatioValue.set(value);\n    this.isSliderAudioPress.set(false);\n  }\n\n  protected async handlerChangeVolume(value: number) {\n    this.audioRef().nativeElement.volume = value / 100;\n\n    if (this.audioRef().nativeElement.volume) {\n      this.audioRef().nativeElement.muted = false;\n      this.isMute.set(false);\n\n      return;\n    }\n    this.audioRef().nativeElement.muted = true;\n    this.isMute.set(true);\n  }\n\n  protected async handlerEnded(event: Event) {\n    event.stopPropagation();\n    this.isPlay.set(false);\n  }\n\n  protected async handlerDownload(e: Event) {\n    if (!this.checkPermissionDownloadAudio || !await this.checkPermissionDownloadAudio()) {\n      return;\n    }\n    e.stopPropagation();\n    if (!this.fileAudio()) {\n      return;\n    }\n    window.open(this.fileAudio(), `_blank`);\n  }\n\n  ngOnDestroy(): void {\n    this.onDestroy.next();\n    this.onDestroy.complete();\n  }\n}\n","<audio controls\n  #audioRef\n  class=\"hidden\"\n  (timeupdate)=\"handlerTimeUpdate($event)\"\n  (loadeddata)=\"handlerLoadedData($event)\"\n  (ended)=\"handlerEnded($event)\">\n  <source [src]=\"fileAudio()\"\n    type=\"audio/mpeg\">\n</audio>\n<div [class.libs-ui-disable]=\"isDisable()\"\n  [class.pointer-events-none]=\"isDisable()\">\n  <div class=\"flex justify-between items-center\">\n    <div class=\"w-[70%] flex p-0 items-center \">\n      <div class=\"flex mr-[16px] cursor-pointer\"\n        (click)=\"handlerAudioPausePlay($event)\">\n        <i class=\"text-[16px]\"\n          [class.libs-ui-icon-play-solid]=\"!isPlay()\"\n          [class.libs-ui-icon-pause-solid]=\"isPlay()\">\n        </i>\n      </div>\n      <div class=\"libs-ui-font-h5r mr-[16px]\">{{ audioTimeCurrent() }} /{{ audioTimeDuration() }}</div>\n    </div>\n    <div class=\"w-[30%] flex p-0 items-center justify-end\">\n      <div #volumeControlRef\n        class=\"flex py-[3px] items-center rounded-[12px] h-[28px]\"\n        [class.bg-[#e6e7ea]]='showFullControlVolume()'\n        [class.px-[12px]]='showFullControlVolume()'>\n        <i class=\"text-[16px] cursor-pointer\"\n          [class.libs-ui-icon-speaker-on-solid]=\"!isMute()\"\n          [class.libs-ui-icon-speaker-off-solid]=\"isMute()\"\n          (click)=\"handlerAudioMuteMuted($event)\">\n        </i>\n        <libs_ui-components-inputs-range_slider [class.hidden]=\"!showFullControlVolume()\"\n          [mode]=\"'audio'\"\n          classInclude=\"flex items-center !w-[54px] cursor-pointer ml-[8px]\"\n          [value]=\"volumeRatioValue()\"\n          (outChange)=\"handlerChangeVolume($event)\" />\n      </div>\n\n      <i class=\"libs-ui-icon-download-solid ml-[16px] cursor-pointer\"\n        (click)=\"handlerDownload($event)\">\n      </i>\n    </div>\n\n  </div>\n  <div class=\"h-[24px]\">\n    <libs_ui-components-inputs-range_slider [mode]=\"'audio'\"\n      [value]=\"audioRatioValue()\"\n      [disable]='isDisable()'\n      (outChange)=\"handlerChangeAudio($event)\" />\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAca,8BAA8B,CAAA;;AAE/B,IAAA,eAAe,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;AACpC,IAAA,gBAAgB,GAAG,MAAM,CAAS,GAAG,CAAC,CAAC;AACvC,IAAA,MAAM,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AAChC,IAAA,MAAM,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AAChC,IAAA,kBAAkB,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AAC5C,IAAA,SAAS,GAAG,MAAM,CAAU,IAAI,CAAC,CAAC;AAClC,IAAA,gBAAgB,GAAG,MAAM,CAAS,OAAO,CAAC,CAAC;AAC3C,IAAA,iBAAiB,GAAG,MAAM,CAAS,OAAO,CAAC,CAAC;AAC5C,IAAA,qBAAqB,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AACjD,IAAA,SAAS,GAAG,IAAI,OAAO,EAAQ,CAAC;;AAG/B,IAAA,SAAS,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;AACnB,IAAA,4BAA4B,CAA0B;;AAGxE,IAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAa,UAAU,CAAC,CAAC;AACtD,IAAA,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAa,kBAAkB,CAAC,CAAC;IAE/E,eAAe,GAAA;AACb,QAAA,KAAK,CACH,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAC9H,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAChI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;KAC/C;;IAEO,cAAc,CAAC,EAAe,EAAE,SAAiB,EAAA;AACvD,QAAA,OAAO,SAAS,CAAa,EAAE,EAAE,SAAS,CAAC,CAAC,IAAI,CAC9C,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,EAC7B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B,CAAC;KACH;AAES,IAAA,MAAM,oBAAoB,GAAA;AAClC,QAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACnC;IAES,MAAM,qBAAqB,CAAC,KAAY,EAAA;QAChD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,KAAK,KAAK,IAAI,EAAE;YAChD,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,KAAK,GAAG,KAAK,CAAC;AAC5C,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACvB,YAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAE9B,OAAO;SACR;AACD,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC7B,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACtB,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC;KAC5C;IAES,MAAM,qBAAqB,CAAC,KAAY,EAAA;QAChD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC;AACnD,QAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;YACxB,YAAY,CAAC,KAAK,EAAE,CAAC;AACrB,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACvB,OAAO;SACR;AAED,QAAA,IAAI;AACF,YAAA,MAAM,YAAY,CAAC,IAAI,EAAE,CAAC;AAC1B,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;SACvB;QAAC,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;SAC9C;KACF;IAES,MAAM,iBAAiB,CAAC,KAAY,EAAA;QAC5C,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,EAAE;YACjC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACpG,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;AACtG,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;SAC3B;KACF;IAES,MAAM,iBAAiB,CAAC,KAAY,EAAA;QAC5C,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,EAAE;YAClC,OAAO;SACR;QACD,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACpG,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;AACtG,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE;AAC7B,YAAA,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC;YAE9H,OAAO;SACR;AACD,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,QAAQ,IAAI,GAAG,CAAC,CAAC,CAAC;KAClI;IAEO,MAAM,QAAQ,CAAC,IAAY,EAAA;QACjC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;AACtC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,IAAI,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;AACzD,QAAA,MAAM,OAAO,GAAG,IAAI,IAAI,KAAK,GAAG,IAAI,CAAC,IAAI,OAAO,GAAG,EAAE,CAAC,CAAC;AAEvD,QAAA,MAAM,QAAQ,IAAI,CAAC,GAAW,KAAI;AAChC,YAAA,OAAO,CAAG,EAAA,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,CAAG,EAAA,GAAG,EAAE,CAAC;AACxC,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;KACvE;IAES,MAAM,kBAAkB,CAAC,KAAa,EAAA;AAC9C,QAAA,IAAI,KAAK,KAAK,IAAI,CAAC,eAAe,EAAE,EAAE;YACpC,OAAO;SACR;QACD,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,QAAQ,GAAG,GAAG,CAAC;AACjG,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAChC,QAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;KACpC;IAES,MAAM,mBAAmB,CAAC,KAAa,EAAA;QAC/C,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,MAAM,GAAG,KAAK,GAAG,GAAG,CAAC;QAEnD,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE;YACxC,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,KAAK,GAAG,KAAK,CAAC;AAC5C,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAEvB,OAAO;SACR;QACD,IAAI,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC;AAC3C,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACvB;IAES,MAAM,YAAY,CAAC,KAAY,EAAA;QACvC,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;KACxB;IAES,MAAM,eAAe,CAAC,CAAQ,EAAA;AACtC,QAAA,IAAI,CAAC,IAAI,CAAC,4BAA4B,IAAI,CAAC,MAAM,IAAI,CAAC,4BAA4B,EAAE,EAAE;YACpF,OAAO;SACR;QACD,CAAC,CAAC,eAAe,EAAE,CAAC;AACpB,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE;YACrB,OAAO;SACR;QACD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAQ,MAAA,CAAA,CAAC,CAAC;KACzC;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;KAC3B;wGAnJU,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,4BAAA,EAAA,EAAA,iBAAA,EAAA,8BAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd3C,shEAoDA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDzCI,0CAA0C,EAAA,QAAA,EAAA,wCAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,KAAA,EAAA,OAAA,EAAA,cAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,sBAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAGjC,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAV1C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,cAExB,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,0CAA0C;AAC3C,qBAAA,EAAA,QAAA,EAAA,shEAAA,EAAA,CAAA;8BAiB0B,4BAA4B,EAAA,CAAA;sBAAtD,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;;;AE7B3B;;AAEG;;;;"}
+{"version":3,"file":"libs-ui-components-audio.mjs","sources":["../../../../../libs-ui/components/audio/src/audio.component.ts","../../../../../libs-ui/components/audio/src/audio.component.html","../../../../../libs-ui/components/audio/src/libs-ui-components-audio.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, effect, input, OnDestroy, output, signal, viewChild } from '@angular/core';\nimport { LibsUiComponentsInputsRangeSliderComponent } from '@libs-ui/components-inputs-range-slider';\nimport { fromEvent, merge, Observable, Subject, takeUntil, tap } from 'rxjs';\nimport { IAudioFunctionControlEvent } from './interfaces/function-control-event.interface';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-audio',\n  templateUrl: './audio.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    LibsUiComponentsInputsRangeSliderComponent\n  ]\n})\nexport class LibsUiComponentsAudioComponent implements AfterViewInit, OnDestroy {\n  // #region PROPERTY\n  protected audioRatioValue = signal<number>(0);\n  protected volumeRatioValue = signal<number>(100);\n  protected isPlay = signal<boolean>(false);\n  protected isMute = signal<boolean>(false);\n  protected isSliderAudioPress = signal<boolean>(false);\n  protected isDisable = signal<boolean>(true);\n  protected audioTimeCurrent = signal<string>('_:_:_');\n  protected audioTimeDuration = signal<string>('_:_:_');\n  protected showFullControlVolume = signal<boolean>(false);\n  private onDestroy = new Subject<void>();\n \n\n  // #region INPUT\n  readonly fileAudio = input.required<string>();\n  readonly checkPermissionDownloadAudio = input.required<() => Promise<boolean>>();\n\n  /* VIEW CHILD */\n  readonly audioRef = viewChild.required<ElementRef>('audioRef');\n  readonly volumeControlRef = viewChild.required<ElementRef>('volumeControlRef');\n\n  /* OUTPUTS */\n  readonly outFunctionsControl = output<IAudioFunctionControlEvent>();\n  readonly outVolumeControl = output<number>();\n  readonly outTimeUpdate = output<{ currentTime: string, duration: string }>();\n  readonly outEnded = output<void>();\n  readonly outMute = output<boolean>();\n  readonly outPlay = output<boolean>();\n\n  constructor() {\n    // Watch for file audio changes\n    effect(() => {\n      if (this.fileAudio() && this.audioRef()) {\n        // Skip initial setup, only reload on changes\n        setTimeout(() => {\n          this.audioRef().nativeElement.load();\n        }, 0);\n      }\n    });\n    effect(() => {\n      this.outVolumeControl.emit(this.volumeRatioValue());\n    });\n    effect(() => {\n      this.outTimeUpdate.emit({ currentTime: this.audioTimeCurrent(), duration: this.audioTimeDuration() });\n    });\n    effect(() => {\n      this.outMute.emit(this.isMute());\n    });\n    effect(() => {\n      this.outPlay.emit(this.isPlay());\n    });\n  }\n\n  ngAfterViewInit() {\n    merge(\n      this.initObservable(this.volumeControlRef().nativeElement, 'mouseenter').pipe(tap(() => this.showFullControlVolume.set(true))),\n      this.initObservable(this.volumeControlRef().nativeElement, 'mouseleave').pipe(tap(() => this.showFullControlVolume.set(false)))\n    ).pipe(takeUntil(this.onDestroy)).subscribe();\n\n    // Emit function control event after view is initialized\n    this.outFunctionsControl.emit(this.FunctionsControl);\n  }\n\n  public get FunctionsControl(): IAudioFunctionControlEvent {\n    return {\n      playPause: (event?: Event) => this.handlerAudioPausePlay(event),\n      toggleMute: (event?: Event) => this.handlerAudioMuteMuted(event),\n      seekTo: this.handlerChangeAudio.bind(this),\n      setVolume: this.handlerChangeVolume.bind(this),\n      download: (event?: Event) => this.handlerDownload(event),\n      isPlaying: () => this.isPlay(),\n      isMuted: () => this.isMute()\n    };\n  }\n\n  /* FUNCTIONS */\n  private initObservable(el: HTMLElement, eventName: string): Observable<MouseEvent> {\n    return fromEvent<MouseEvent>(el, eventName).pipe(\n      tap(e => e.stopPropagation()),\n      takeUntil(this.onDestroy)\n    );\n  }\n\n  protected async handlerKeyPressAudio() {\n    this.isSliderAudioPress.set(true);\n  }\n\n  protected async handlerAudioMuteMuted(event?: Event) {\n    if (event) {\n      event.stopPropagation();\n    }\n\n    if (this.audioRef().nativeElement.muted === true) {\n      this.audioRef().nativeElement.muted = false;\n      this.isMute.set(false);\n      this.volumeRatioValue.set(50);\n\n      return;\n    }\n    this.volumeRatioValue.set(0);\n    this.isMute.set(true);\n    this.audioRef().nativeElement.muted = true;\n  }\n\n  protected async handlerAudioPausePlay(event?: Event) {\n    if (event) {\n      event.stopPropagation();\n    }\n\n    const audioElement = this.audioRef().nativeElement;\n    if (!audioElement.paused) {\n      audioElement.pause();\n      this.isPlay.set(false);\n      return;\n    }\n\n    try {\n      await audioElement.play();\n      this.isPlay.set(true);\n    } catch (error) {\n      console.error('Error playing audio:', error);\n    }\n  }\n\n  protected async handlerLoadedData(event: Event) {\n    if (event) {\n      event.stopPropagation();\n    }\n\n    if (this.audioRef().nativeElement) {\n      this.audioTimeDuration.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.duration)));\n      this.audioTimeCurrent.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.currentTime || 0)));\n      this.isDisable.set(false);\n      this.isPlay.set(false);\n      this.audioRatioValue.set(0);\n      this.audioRef().nativeElement.pause();\n    }\n  }\n\n  protected async handlerTimeUpdate(event?: Event) {\n    if (event) {\n      event.stopPropagation();\n    }\n    this.isDisable.set(!(this.audioRef().nativeElement.duration || 0));\n    if (!this.audioRef().nativeElement) {\n      return;\n    }\n    this.audioTimeDuration.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.duration)));\n    this.audioTimeCurrent.set(await this.toHHMMSS(Math.floor(this.audioRef().nativeElement.currentTime || 0)));\n    if (this.isSliderAudioPress()) {\n      this.audioRef().nativeElement.currentTime = this.audioRatioValue() * Math.floor(this.audioRef().nativeElement.duration || 0) / 100;\n\n      return;\n    }\n    this.audioRatioValue.set(Math.floor(((this.audioRef().nativeElement.currentTime || 0) / (this.audioRef().nativeElement.duration || 1)) * 100));\n  }\n\n  private async toHHMMSS(time: number) {\n    const hours = Math.floor(time / 3600);\n    const minutes = Math.floor((time - (hours * 3600)) / 60);\n    const seconds = time - (hours * 3600) - (minutes * 60);\n\n    const getLabel = ((val: number) => {\n      val = val || 0;\n      return `${val < 10 ? '0' : ''}${val}`;\n    });\n\n    return `${getLabel(hours)}:${getLabel(minutes)}:${getLabel(seconds)}`;\n  }\n\n  protected async handlerChangeAudio(value: number) {\n    if (value === this.audioRatioValue()) {\n      return;\n    }\n    this.audioRef().nativeElement.currentTime = (value || 0) * (this.audioRef().nativeElement.duration || 0) / 100;\n    this.audioRatioValue.set(value);\n    this.isSliderAudioPress.set(false);\n  }\n\n  protected async handlerChangeVolume(value: number) {\n    this.audioRef().nativeElement.volume = value / 100;\n    this.volumeRatioValue.set(value);\n    if (this.audioRef().nativeElement.volume) {\n      this.audioRef().nativeElement.muted = false;\n      this.isMute.set(false);\n\n      return;\n    }\n    this.audioRef().nativeElement.muted = true;\n    this.isMute.set(true);\n  }\n\n  protected async handlerEnded(event: Event) {\n    if (event) {\n      event.stopPropagation();\n    }\n\n    this.isPlay.set(false);\n    this.outEnded.emit();\n  }\n\n  protected async handlerDownload(e?: Event) {\n    if (!this.checkPermissionDownloadAudio() || !await this.checkPermissionDownloadAudio()()) {\n      return;\n    }\n\n    if (e) {\n      e.stopPropagation();\n    }\n\n    if (!this.fileAudio()) {\n      return;\n    }\n    window.open(this.fileAudio(), `_blank`);\n  }\n\n  ngOnDestroy(): void {\n    this.onDestroy.next();\n    this.onDestroy.complete();\n  }\n}\n","<audio controls\n  #audioRef\n  class=\"hidden\"\n  (timeupdate)=\"handlerTimeUpdate($event)\"\n  (loadeddata)=\"handlerLoadedData($event)\"\n  (ended)=\"handlerEnded($event)\">\n  <source [src]=\"fileAudio()\"\n    type=\"audio/mpeg\">\n</audio>\n<div [class.libs-ui-disable]=\"isDisable()\"\n  [class.pointer-events-none]=\"isDisable()\">\n  <div class=\"flex justify-between items-center\">\n    <div class=\"w-[70%] flex p-0 items-center \">\n      <div class=\"flex mr-[16px] cursor-pointer\"\n        (click)=\"handlerAudioPausePlay($event)\">\n        <i class=\"text-[16px]\"\n          [class.libs-ui-icon-play-solid]=\"!isPlay()\"\n          [class.libs-ui-icon-pause-solid]=\"isPlay()\">\n        </i>\n      </div>\n      <div class=\"libs-ui-font-h5r mr-[16px]\">{{ audioTimeCurrent() }} /{{ audioTimeDuration() }}</div>\n    </div>\n    <div class=\"w-[30%] flex p-0 items-center justify-end\">\n      <div #volumeControlRef\n        class=\"flex py-[3px] items-center rounded-[12px] h-[28px]\"\n        [class.bg-[#e6e7ea]]='showFullControlVolume()'\n        [class.px-[12px]]='showFullControlVolume()'>\n        <i class=\"text-[16px] cursor-pointer\"\n          [class.libs-ui-icon-speaker-on-solid]=\"!isMute()\"\n          [class.libs-ui-icon-speaker-off-solid]=\"isMute()\"\n          (click)=\"handlerAudioMuteMuted($event)\">\n        </i>\n        <libs_ui-components-inputs-range_slider [class.hidden]=\"!showFullControlVolume()\"\n          [mode]=\"'audio'\"\n          classInclude=\"flex items-center !w-[54px] cursor-pointer ml-[8px]\"\n          [value]=\"volumeRatioValue()\"\n          (outChange)=\"handlerChangeVolume($event)\" />\n      </div>\n\n      <i class=\"libs-ui-icon-download-solid ml-[16px] cursor-pointer\"\n        (click)=\"handlerDownload($event)\">\n      </i>\n    </div>\n\n  </div>\n  <div class=\"h-[24px]\">\n    <libs_ui-components-inputs-range_slider [mode]=\"'audio'\"\n      [value]=\"audioRatioValue()\"\n      [disable]='isDisable()'\n      (outChange)=\"handlerChangeAudio($event)\" />\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -1 +1,2 @@
 export * from './audio.component';
+export * from './interfaces/function-control-event.interface';

package/interfaces/function-control-event.interface.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Interface cho các chức năng điều khiển audio được cung cấp qua output event
+ * @description Cung cấp các method để điều khiển audio player từ component cha
+ */
+export interface IAudioFunctionControlEvent {
+    /**
+     * Key để điều khiển audio
+     * @returns void
+     */
+    /**
+     * Bắt đầu hoặc tạm dừng phát audio
+     * @param event Optional event object
+     * @returns void
+     */
+    playPause: (event?: Event) => void;
+    /**
+     * Bật hoặc tắt âm thanh
+     * @param event Optional event object
+     * @returns void
+     */
+    toggleMute: (event?: Event) => void;
+    /**
+     * Điều chỉnh âm lượng
+     * @param value Giá trị âm lượng từ 0 đến 100
+     * @returns void
+     */
+    setVolume: (value: number) => void;
+    /**
+     * Di chuyển đến vị trí cụ thể trong audio
+     * @param value Giá trị phần trăm từ 0 đến 100
+     * @returns void
+     */
+    seekTo: (value: number) => void;
+    /**
+     * Tải xuống file audio
+     * @param event Optional event object
+     * @returns void
+     */
+    download: (event?: Event) => void;
+    /**
+     * Kiểm tra trạng thái đang phát audio
+     * @returns boolean True nếu đang phát, False nếu đang tạm dừng
+     */
+    isPlaying: () => boolean;
+    /**
+     * Kiểm tra trạng thái tắt tiếng
+     * @returns boolean True nếu đang tắt tiếng, False nếu đang bật tiếng
+     */
+    isMuted: () => boolean;
+}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@libs-ui/components-audio",
-  "version": "0.2.106.2",
+  "version": "0.2.306.1",
   "peerDependencies": {
-    "@angular/common": "^18.2.0",
-    "@angular/core": "^18.2.0"
+    "@angular/core": ">=18.0.0",
+    "@libs-ui/components-inputs-range-slider": "0.2.306.1",
+    "rxjs": "~7.8.0"
   },
   "sideEffects": false,
   "module": "fesm2022/libs-ui-components-audio.mjs",