@libs-ui/components-audio 0.2.355-9 → 0.2.356-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,347 +1,210 @@
1
- # Audio Component
1
+ # @libs-ui/components-audio
2
2
 
3
- ## Giới thiệu
3
+ > Component phát âm thanh với đầy đủ chức năng điều khiển cho Angular.
4
4
 
5
- `audio` 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.
5
+ ## Giới thiệu
6
6
 
7
- ## Tính năng
7
+ `LibsUiComponentsAudioComponent` một standalone Angular component cung cấp giao diện phát audio với các tính năng:
8
8
 
9
- - Phát/tạm dừng âm thanh
10
- - Điều chỉnh âm lượng với chức năng tắt/bật tiếng
11
- - Hiển thị thời gian theo định dạng HH:MM:SS
12
- - Thanh tiến độ với chức năng tua nhanh/tua lại
13
- - Tải xuống audio với kiểm soát quyền
14
- - Function Control API cho phép điều khiển từ bên ngoài
15
- - Thiết kế responsive
16
- - Source audio thể cấu hình
9
+ - Phát/tạm dừng âm thanh với giao diện trực quan
10
+ - Điều chỉnh âm lượng với thanh trượt ẩn/hiện
11
+ - Hiển thị thời gian theo định dạng HH:MM:SS
12
+ - Thanh tiến độ với chức năng tua nhanh/tua lại
13
+ - Tải xuống audio với kiểm soát quyền
14
+ - Function Control API cho phép điều khiển từ bên ngoài
15
+ - Hỗ trợ OnPush Change Detection cho hiệu năng cao
16
+ - Sử dụng Angular Signals cho state management
17
17
 
18
18
  ## Cài đặt
19
19
 
20
- Để cài đặt component `audio`, sử dụng npm hoặc yarn:
21
-
22
20
  ```bash
21
+ # npm
23
22
  npm install @libs-ui/components-audio
24
- ```
25
-
26
- hoặc
27
23
 
28
- ```bash
24
+ # yarn
29
25
  yarn add @libs-ui/components-audio
30
26
  ```
31
27
 
32
28
  ## Sử dụng
33
29
 
34
- ### Import module
35
-
36
- ```typescript
37
- import { LibsUiComponentsAudioComponent } from '@libs-ui/components-audio';
38
-
39
- @NgModule({
40
- declarations: [AppComponent],
41
- imports: [BrowserModule, LibsUiComponentsAudioComponent],
42
- bootstrap: [AppComponent],
43
- })
44
- export class AppModule {}
45
- ```
46
-
47
- Hoặc trong component standalone:
30
+ ### Import Component
48
31
 
49
32
  ```typescript
50
33
  import { Component } from '@angular/core';
51
- import { CommonModule } from '@angular/common';
52
- import { LibsUiComponentsAudioComponent } from '@libs-ui/components-audio';
53
- import { IAudioFunctionControlEvent } from '@libs-ui/components-audio';
34
+ import { LibsUiComponentsAudioComponent, IAudioFunctionControlEvent } from '@libs-ui/components-audio';
54
35
 
55
36
  @Component({
56
37
  selector: 'app-example',
57
38
  standalone: true,
58
- imports: [CommonModule, LibsUiComponentsAudioComponent],
39
+ imports: [LibsUiComponentsAudioComponent],
59
40
  template: `
60
41
  <libs_ui-components-audio
61
- [fileAudio]="audioSource"
62
- [checkPermissionDownloadAudio]="checkDownloadPermission"
63
- (outFunctionsControl)="registerFunctions($event)"></libs_ui-components-audio>
64
-
65
- <div class="controls">
66
- <button (click)="playAudio()">Phát/Tạm dừng</button>
67
- <button (click)="toggleMute()">Bật/Tắt tiếng</button>
68
- </div>
42
+ [fileAudio]="audioUrl"
43
+ [checkPermissionDownloadAudio]="checkPermission"
44
+ (outFunctionsControl)="onFunctionsControl($event)"
45
+ (outPlay)="onPlayChange($event)"
46
+ (outVolumeControl)="onVolumeChange($event)"
47
+ (outTimeUpdate)="onTimeUpdate($event)"
48
+ (outMute)="onMuteChange($event)"
49
+ (outEnded)="onEnded()"></libs_ui-components-audio>
69
50
  `,
70
51
  })
71
52
  export class ExampleComponent {
72
- audioSource = 'path/to/audio/file.mp3';
73
- functionControls: IAudioFunctionControlEvent | null = null;
53
+ audioUrl = 'https://example.com/audio.mp3';
54
+ controls: IAudioFunctionControlEvent | null = null;
55
+
56
+ checkPermission = (): Promise<boolean> => Promise.resolve(true);
57
+
58
+ onFunctionsControl(event: IAudioFunctionControlEvent) {
59
+ this.controls = event;
60
+ }
61
+
62
+ onPlayChange(isPlaying: boolean) {
63
+ console.log('Đang phát:', isPlaying);
64
+ }
74
65
 
75
- checkDownloadPermission(): Promise<boolean> {
76
- // Kiểm tra quyền download
77
- return Promise.resolve(true);
66
+ onVolumeChange(volume: number) {
67
+ console.log('Âm lượng:', volume);
78
68
  }
79
69
 
80
- registerFunctions(event: IAudioFunctionControlEvent) {
81
- this.functionControls = event;
70
+ onTimeUpdate(time: { currentTime: string; duration: string }) {
71
+ console.log('Thời gian:', time.currentTime, '/', time.duration);
82
72
  }
83
73
 
84
- playAudio() {
85
- if (this.functionControls) {
86
- this.functionControls.playPause();
87
- }
74
+ onMuteChange(isMuted: boolean) {
75
+ console.log('Tắt tiếng:', isMuted);
88
76
  }
89
77
 
90
- toggleMute() {
91
- if (this.functionControls) {
92
- this.functionControls.toggleMute();
93
- }
78
+ onEnded() {
79
+ console.log('Audio đã phát xong');
94
80
  }
95
81
  }
96
82
  ```
97
83
 
84
+ ### Điều khiển từ bên ngoài
85
+
86
+ Sử dụng `outFunctionsControl` để lấy reference các hàm điều khiển:
87
+
88
+ ```typescript
89
+ // Phát/Tạm dừng
90
+ this.controls.playPause();
91
+
92
+ // Bật/Tắt tiếng
93
+ this.controls.toggleMute();
94
+
95
+ // Set âm lượng (0-100)
96
+ this.controls.setVolume(50);
97
+
98
+ // Tua đến vị trí (0-100%)
99
+ this.controls.seekTo(25);
100
+
101
+ // Download audio
102
+ this.controls.download();
103
+
104
+ // Kiểm tra trạng thái
105
+ const isPlaying = this.controls.isPlaying();
106
+ const isMuted = this.controls.isMuted();
107
+ ```
108
+
98
109
  ## API Reference
99
110
 
100
111
  ### Inputs
101
112
 
102
- | Tên | Kiểu | Mặc định | Mô tả |
103
- | ---------------------------- | ------------------------ | -------- | ---------------------------------------------------------------------------- |
104
- | fileAudio | `string` | required | URL của file audio cần phát. |
105
- | checkPermissionDownloadAudio | `() => Promise<boolean>` | required | Function trả về promise với kết quả boolean cho biết nếu được phép download. |
113
+ | Tên | Kiểu | Mặc định | Mô tả |
114
+ | ------------------------------ | ------------------------ | ---------- | --------------------------------------------------------------------- |
115
+ | `fileAudio` | `string` | _required_ | URL của file audio cần phát. Hỗ trợ MP3, WAV, OGG. |
116
+ | `checkPermissionDownloadAudio` | `() => Promise<boolean>` | _required_ | Callback kiểm tra quyền download. Trả về Promise với kết quả boolean. |
106
117
 
107
118
  ### Outputs
108
119
 
109
- | Tên | Kiểu | Mô tả |
110
- | ------------------- | ------------------------------------------- | ------------------------------------------------------- |
111
- | outFunctionsControl | `IAudioFunctionControlEvent` | Event chứa các hàm điều khiển của audio component. |
112
- | outVolumeControl | `number` | Phát ra giá trị âm lượng hiện tại (0-100). |
113
- | outTimeUpdate | `{ currentTime: string, duration: string }` | Phát ra thông tin thời gian hiện tại tổng thời gian. |
114
- | outEnded | `void` | Phát ra khi audio kết thúc phát. |
115
- | outMute | `boolean` | Phát ra trạng thái tắt/bật tiếng. |
116
- | outPlay | `boolean` | Phát ra trạng thái phát/tạm dừng. |
117
-
118
- ### Các phương thức (qua outFunctionsControl)
119
-
120
- | Tên phương thức | Tham số | Kiểu trả về | Mô tả |
121
- | --------------- | --------------- | ----------- | ------------------------------------------------ |
122
- | playPause | `event?: Event` | `void` | Bắt đầu/tạm dừng phát audio. |
123
- | toggleMute | `event?: Event` | `void` | Bật/tắt âm thanh. |
124
- | setVolume | `value: number` | `void` | Điều chỉnh âm lượng (0-100). |
125
- | seekTo | `value: number` | `void` | Di chuyển đến vị trí cụ thể trong audio (0-100). |
126
- | download | `event?: Event` | `void` | Tải xuống file audio. |
127
- | isPlaying | `-` | `boolean` | Kiểm tra trạng thái đang phát audio. |
128
- | isMuted | `-` | `boolean` | Kiểm tra trạng thái tắt tiếng. |
129
-
130
- ## Interfaces
120
+ | Tên | Kiểu | Mô tả |
121
+ | --------------------- | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
122
+ | `outFunctionsControl` | `IAudioFunctionControlEvent` | Emit object chứa các hàm điều khiển: playPause, toggleMute, seekTo, setVolume, download, isPlaying, isMuted. |
123
+ | `outVolumeControl` | `number` | Emit giá trị âm lượng hiện tại từ 0-100. |
124
+ | `outTimeUpdate` | `{ currentTime: string, duration: string }` | Emit thông tin thời gian theo định dạng HH:MM:SS. |
125
+ | `outEnded` | `void` | Emit khi audio phát xong. |
126
+ | `outMute` | `boolean` | Emit trạng thái tắt/bật tiếng. |
127
+ | `outPlay` | `boolean` | Emit trạng thái đang phát/tạm dừng. |
128
+
129
+ ### Interface: IAudioFunctionControlEvent
131
130
 
132
131
  ```typescript
133
- // Audio Function Control Event
134
132
  interface IAudioFunctionControlEvent {
133
+ /**
134
+ * Bắt đầu hoặc tạm dừng phát audio
135
+ */
135
136
  playPause: (event?: Event) => void;
137
+
138
+ /**
139
+ * Bật hoặc tắt âm thanh
140
+ */
136
141
  toggleMute: (event?: Event) => void;
142
+
143
+ /**
144
+ * Điều chỉnh âm lượng (0-100)
145
+ */
137
146
  setVolume: (value: number) => void;
147
+
148
+ /**
149
+ * Di chuyển đến vị trí cụ thể (0-100%)
150
+ */
138
151
  seekTo: (value: number) => void;
152
+
153
+ /**
154
+ * Tải xuống file audio
155
+ */
139
156
  download: (event?: Event) => void;
157
+
158
+ /**
159
+ * Kiểm tra trạng thái đang phát
160
+ */
140
161
  isPlaying: () => boolean;
162
+
163
+ /**
164
+ * Kiểm tra trạng thái tắt tiếng
165
+ */
141
166
  isMuted: () => boolean;
142
167
  }
143
168
  ```
144
169
 
145
- ## Styling Volume Slider
170
+ ## Công nghệ sử dụng
146
171
 
147
- Để 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:
172
+ - **Angular 18+** - Standalone Components
173
+ - **Angular Signals** - Reactive state management
174
+ - **RxJS** - Event handling với `takeUntilDestroyed`
175
+ - **TailwindCSS** - Styling
148
176
 
149
- ```css
150
- /* Định nghĩa thanh trượt âm lượng */
151
- input[type='range'].volume-slider {
152
- background: linear-gradient(to right, #3b82f6 var(--volume-percent, 50%), #e5e7eb var(--volume-percent, 50%));
153
- }
154
-
155
- /* Track styling cho WebKit browsers */
156
- input[type='range'].volume-slider::-webkit-slider-runnable-track {
157
- background: linear-gradient(to right, #3b82f6 var(--volume-percent, 50%), #e5e7eb var(--volume-percent, 50%));
158
- }
177
+ ## Demo
159
178
 
160
- /* Track styling cho Firefox */
161
- input[type='range'].volume-slider::-moz-range-track {
162
- background: linear-gradient(to right, #3b82f6 var(--volume-percent, 50%), #e5e7eb var(--volume-percent, 50%));
163
- }
164
- ```
179
+ Demo sẵn trong ứng dụng `core-ui`:
165
180
 
166
- Và trong template:
167
-
168
- ```html
169
- <input
170
- type="range"
171
- min="0"
172
- max="100"
173
- [value]="volumePercent()"
174
- (input)="changeVolume($event)"
175
- class="volume-slider"
176
- [style.--volume-percent.%]="volumePercent()" />
181
+ ```bash
182
+ npx nx serve core-ui
177
183
  ```
178
184
 
179
- ## dụ
180
-
181
- ### Sử dụng Function Control
185
+ **File demo:** `apps/core-ui/src/app/components/audio/audio.component.ts`
182
186
 
183
- ```typescript
184
- import { Component, signal, computed } from '@angular/core';
185
- import { IAudioFunctionControlEvent } from '@libs-ui/components-audio';
187
+ Truy cập: `http://localhost:4500/audio`
186
188
 
187
- @Component({
188
- selector: 'app-example',
189
- template: `
190
- <libs_ui-components-audio
191
- [fileAudio]="audioSource()"
192
- [checkPermissionDownloadAudio]="checkDownloadPermission"
193
- (outFunctionsControl)="registerFunctions($event)"></libs_ui-components-audio>
194
-
195
- <div class="audio-controls">
196
- <button (click)="playPauseAudio()">{{ isPlaying() ? 'Tạm dừng' : 'Phát' }}</button>
197
- <button (click)="toggleMuteAudio()">{{ isMuted() ? 'Bật tiếng' : 'Tắt tiếng' }}</button>
198
- <div class="volume-control">
199
- <span>Âm lượng:</span>
200
- <input
201
- type="range"
202
- min="0"
203
- max="100"
204
- [value]="volumePercent()"
205
- (input)="changeVolume($event)"
206
- class="volume-slider"
207
- [style.--volume-percent.%]="volumePercent()" />
208
- <span>{{ volumePercent() }}%</span>
209
- </div>
210
- <div class="progress-control">
211
- <span>Tiến độ:</span>
212
- <input
213
- type="range"
214
- min="0"
215
- max="100"
216
- [value]="progress()"
217
- (input)="changeProgress($event)" />
218
- <span>{{ progress() }}%</span>
219
- </div>
220
- <button (click)="downloadAudio()">Tải xuống</button>
221
- </div>
222
- `,
223
- })
224
- export class ExampleComponent {
225
- audioSource = signal('path/to/audio.mp3');
226
- functionControls: IAudioFunctionControlEvent | null = null;
227
- isPlaying = signal(false);
228
- isMuted = signal(false);
229
- volume = signal(80);
230
- progress = signal(0);
231
-
232
- // Computed properties
233
- volumePercent = computed(() => Math.round(this.volume()));
234
-
235
- checkDownloadPermission = (): Promise<boolean> => {
236
- return Promise.resolve(true);
237
- };
238
-
239
- registerFunctions(event: IAudioFunctionControlEvent) {
240
- this.functionControls = event;
241
-
242
- // Initialize state
243
- if (this.functionControls) {
244
- this.isPlaying.set(this.functionControls.isPlaying());
245
- this.isMuted.set(this.functionControls.isMuted());
246
- }
247
- }
189
+ ### Tính năng Demo
248
190
 
249
- playPauseAudio() {
250
- if (this.functionControls) {
251
- this.functionControls.playPause();
252
- this.isPlaying.set(this.functionControls.isPlaying());
253
- }
254
- }
191
+ - 🎮 **Basic Example**: Cách sử dụng cơ bản
192
+ - 🎛️ **External Controls**: Điều khiển audio từ component cha
193
+ - 📊 **Real-time Status**: Hiển thị trạng thái play, mute, time, volume
255
194
 
256
- toggleMuteAudio() {
257
- if (this.functionControls) {
258
- this.functionControls.toggleMute();
259
- this.isMuted.set(this.functionControls.isMuted());
260
- }
261
- }
195
+ ## Unit Tests
262
196
 
263
- changeVolume(event: Event) {
264
- if (this.functionControls && event.target) {
265
- const value = parseInt((event.target as HTMLInputElement).value);
266
- this.volume.set(value);
267
- this.functionControls.setVolume(value / 100); // Convert to 0-1 range
268
- }
269
- }
197
+ ```bash
198
+ # Chạy tests
199
+ npx nx test components-audio
270
200
 
271
- changeProgress(event: Event) {
272
- if (this.functionControls && event.target) {
273
- const value = parseInt((event.target as HTMLInputElement).value);
274
- this.progress.set(value);
275
- this.functionControls.seekTo(value);
276
- }
277
- }
201
+ # Chạy tests với coverage
202
+ npx nx test components-audio --coverage
278
203
 
279
- downloadAudio() {
280
- if (this.functionControls) {
281
- this.functionControls.download();
282
- }
283
- }
284
- }
204
+ # Watch mode
205
+ npx nx test components-audio --watch
285
206
  ```
286
207
 
287
- ### Sử dụng Events
288
-
289
- Sử dụng các events để phản ứng với thay đổi từ audio player:
290
-
291
- ```typescript
292
- import { Component, signal } from '@angular/core';
293
-
294
- @Component({
295
- selector: 'app-example',
296
- template: `
297
- <libs_ui-components-audio
298
- [fileAudio]="audioSource()"
299
- [checkPermissionDownloadAudio]="checkPermission"
300
- (outTimeUpdate)="handleTimeUpdate($event)"
301
- (outVolumeControl)="handleVolumeChange($event)"
302
- (outPlay)="handlePlayChange($event)"
303
- (outMute)="handleMuteChange($event)"
304
- (outEnded)="handleEnded()"></libs_ui-components-audio>
305
-
306
- <div class="audio-info">
307
- <p>Trạng thái: {{ isPlaying() ? 'Đang phát' : 'Tạm dừng' }}</p>
308
- <p>Thời gian hiện tại: {{ currentTime() }}</p>
309
- <p>Tổng thời gian: {{ duration() }}</p>
310
- <p>Âm lượng: {{ volumeLevel() }}%</p>
311
- </div>
312
- `,
313
- })
314
- export class ExampleComponent {
315
- audioSource = signal('path/to/audio.mp3');
316
- isPlaying = signal(false);
317
- isMuted = signal(false);
318
- currentTime = signal('00:00:00');
319
- duration = signal('00:00:00');
320
- volumeLevel = signal(100);
321
-
322
- checkPermission = (): Promise<boolean> => {
323
- return Promise.resolve(true);
324
- };
325
-
326
- handleTimeUpdate(timeInfo: { currentTime: string; duration: string }) {
327
- this.currentTime.set(timeInfo.currentTime);
328
- this.duration.set(timeInfo.duration);
329
- }
330
-
331
- handleVolumeChange(volume: number) {
332
- this.volumeLevel.set(volume);
333
- }
334
-
335
- handlePlayChange(isPlaying: boolean) {
336
- this.isPlaying.set(isPlaying);
337
- }
208
+ ## License
338
209
 
339
- handleMuteChange(isMuted: boolean) {
340
- this.isMuted.set(isMuted);
341
- }
342
-
343
- handleEnded() {
344
- this.isPlaying.set(false);
345
- }
346
- }
347
- ```
210
+ MIT
@@ -34,10 +34,20 @@ export declare class LibsUiComponentsAudioComponent implements AfterViewInit {
34
34
  protected handlerAudioPausePlay(event?: Event): Promise<void>;
35
35
  protected handlerLoadedData(event: Event): Promise<void>;
36
36
  protected handlerTimeUpdate(event?: Event): Promise<void>;
37
+ /**
38
+ * Format seconds -> HH:MM:SS.
39
+ * Used for both `currentTime` and `duration` outputs to keep output stable.
40
+ */
37
41
  private toHHMMSS;
38
42
  protected handlerChangeAudio(value: number): Promise<void>;
39
43
  protected handlerChangeVolume(value: number): Promise<void>;
40
44
  protected handlerEnded(event: Event): Promise<void>;
45
+ /**
46
+ * Download chỉ được thực hiện nếu callback permission trả về `true`.
47
+ * Lưu ý: `checkPermissionDownloadAudio` là input function (factory), nên cần gọi 2 lần:
48
+ * - lần 1: lấy function
49
+ * - lần 2: execute function để lấy Promise<boolean>
50
+ */
41
51
  protected handlerDownload(e?: Event): Promise<void>;
42
52
  static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsAudioComponent, never>;
43
53
  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>;
@@ -4,7 +4,9 @@ import { LibsUiComponentsInputsRangeSliderComponent } from '@libs-ui/components-
4
4
  import { fromEvent, merge, tap } from 'rxjs';
5
5
  import * as i0 from "@angular/core";
6
6
  export class LibsUiComponentsAudioComponent {
7
- // #region PROPERTY
7
+ // =========================================
8
+ // INTERNAL SIGNALS
9
+ // =========================================
8
10
  audioRatioValue = signal(0);
9
11
  volumeRatioValue = signal(100);
10
12
  isPlay = signal(false);
@@ -14,25 +16,36 @@ export class LibsUiComponentsAudioComponent {
14
16
  audioTimeCurrent = signal('_:_:_');
15
17
  audioTimeDuration = signal('_:_:_');
16
18
  showFullControlVolume = signal(false);
17
- // #region INPUT
19
+ // =========================================
20
+ // INPUTS
21
+ // =========================================
18
22
  fileAudio = input.required();
19
23
  checkPermissionDownloadAudio = input.required();
20
- /* VIEW CHILD */
24
+ // =========================================
25
+ // VIEW CHILDREN
26
+ // =========================================
21
27
  audioRef = viewChild.required('audioRef');
22
28
  volumeControlRef = viewChild.required('volumeControlRef');
23
- /* OUTPUTS */
29
+ // =========================================
30
+ // OUTPUTS
31
+ // =========================================
24
32
  outFunctionsControl = output();
25
33
  outVolumeControl = output();
26
34
  outTimeUpdate = output();
27
35
  outEnded = output();
28
36
  outMute = output();
29
37
  outPlay = output();
38
+ // =========================================
39
+ // PRIVATE PROPERTIES
40
+ // =========================================
30
41
  destroyRef = inject(DestroyRef);
42
+ // =========================================
43
+ // CONSTRUCTOR
44
+ // =========================================
31
45
  constructor() {
32
46
  // Watch for file audio changes
33
47
  effect(() => {
34
48
  if (this.fileAudio() && this.audioRef()) {
35
- // Skip initial setup, only reload on changes
36
49
  setTimeout(() => {
37
50
  this.audioRef().nativeElement.load();
38
51
  }, 0);
@@ -51,6 +64,9 @@ export class LibsUiComponentsAudioComponent {
51
64
  this.outPlay.emit(this.isPlay());
52
65
  });
53
66
  }
67
+ // =========================================
68
+ // LIFECYCLE HOOKS
69
+ // =========================================
54
70
  ngAfterViewInit() {
55
71
  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))))
56
72
  .pipe(takeUntilDestroyed(this.destroyRef))
@@ -58,6 +74,9 @@ export class LibsUiComponentsAudioComponent {
58
74
  // Emit function control event after view is initialized
59
75
  this.outFunctionsControl.emit(this.FunctionsControl);
60
76
  }
77
+ // =========================================
78
+ // PUBLIC API
79
+ // =========================================
61
80
  get FunctionsControl() {
62
81
  return {
63
82
  playPause: (event) => this.handlerAudioPausePlay(event),
@@ -69,7 +88,9 @@ export class LibsUiComponentsAudioComponent {
69
88
  isMuted: () => this.isMute(),
70
89
  };
71
90
  }
72
- /* FUNCTIONS */
91
+ // =========================================
92
+ // PRIVATE METHODS
93
+ // =========================================
73
94
  initObservable(el, eventName) {
74
95
  return fromEvent(el, eventName).pipe(tap((e) => e.stopPropagation()), takeUntilDestroyed(this.destroyRef));
75
96
  }
@@ -137,6 +158,10 @@ export class LibsUiComponentsAudioComponent {
137
158
  }
138
159
  this.audioRatioValue.set(Math.floor(((this.audioRef().nativeElement.currentTime || 0) / (this.audioRef().nativeElement.duration || 1)) * 100));
139
160
  }
161
+ /**
162
+ * Format seconds -> HH:MM:SS.
163
+ * Used for both `currentTime` and `duration` outputs to keep output stable.
164
+ */
140
165
  async toHHMMSS(time) {
141
166
  const hours = Math.floor(time / 3600);
142
167
  const minutes = Math.floor((time - hours * 3600) / 60);
@@ -173,6 +198,12 @@ export class LibsUiComponentsAudioComponent {
173
198
  this.isPlay.set(false);
174
199
  this.outEnded.emit();
175
200
  }
201
+ /**
202
+ * Download chỉ được thực hiện nếu callback permission trả về `true`.
203
+ * Lưu ý: `checkPermissionDownloadAudio` là input function (factory), nên cần gọi 2 lần:
204
+ * - lần 1: lấy function
205
+ * - lần 2: execute function để lấy Promise<boolean>
206
+ */
176
207
  async handlerDownload(e) {
177
208
  if (!this.checkPermissionDownloadAudio() || !(await this.checkPermissionDownloadAudio()())) {
178
209
  return;
@@ -183,7 +214,7 @@ export class LibsUiComponentsAudioComponent {
183
214
  if (!this.fileAudio()) {
184
215
  return;
185
216
  }
186
- window.open(this.fileAudio(), `_blank`);
217
+ window.open(this.fileAudio(), '_blank');
187
218
  }
188
219
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsAudioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
189
220
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.14", 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\n controls\n #audioRef\n class=\"hidden\"\n (timeupdate)=\"handlerTimeUpdate($event)\"\n (loadeddata)=\"handlerLoadedData($event)\"\n (ended)=\"handlerEnded($event)\">\n <source\n [src]=\"fileAudio()\"\n type=\"audio/mpeg\" />\n</audio>\n<div\n [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\n class=\"flex mr-[16px] cursor-pointer\"\n (click)=\"handlerAudioPausePlay($event)\">\n <i\n class=\"text-[16px]\"\n [class.libs-ui-icon-play-solid]=\"!isPlay()\"\n [class.libs-ui-icon-pause-solid]=\"isPlay()\"></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\n #volumeControlRef\n class=\"flex py-[3px] items-center rounded-[12px] h-[28px]\"\n [class.bg-[#e6e7ea]]=\"showFullControlVolume()\"\n [class.px-[12px]]=\"showFullControlVolume()\">\n <i\n 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)\"></i>\n <libs_ui-components-inputs-range_slider\n [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\n class=\"libs-ui-icon-download-solid ml-[16px] cursor-pointer\"\n (click)=\"handlerDownload($event)\"></i>\n </div>\n </div>\n <div class=\"h-[24px]\">\n <libs_ui-components-inputs-range_slider\n [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 });
@@ -192,4 +223,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
192
223
  type: Component,
193
224
  args: [{ selector: 'libs_ui-components-audio', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [LibsUiComponentsInputsRangeSliderComponent], template: "<audio\n controls\n #audioRef\n class=\"hidden\"\n (timeupdate)=\"handlerTimeUpdate($event)\"\n (loadeddata)=\"handlerLoadedData($event)\"\n (ended)=\"handlerEnded($event)\">\n <source\n [src]=\"fileAudio()\"\n type=\"audio/mpeg\" />\n</audio>\n<div\n [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\n class=\"flex mr-[16px] cursor-pointer\"\n (click)=\"handlerAudioPausePlay($event)\">\n <i\n class=\"text-[16px]\"\n [class.libs-ui-icon-play-solid]=\"!isPlay()\"\n [class.libs-ui-icon-pause-solid]=\"isPlay()\"></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\n #volumeControlRef\n class=\"flex py-[3px] items-center rounded-[12px] h-[28px]\"\n [class.bg-[#e6e7ea]]=\"showFullControlVolume()\"\n [class.px-[12px]]=\"showFullControlVolume()\">\n <i\n 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)\"></i>\n <libs_ui-components-inputs-range_slider\n [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\n class=\"libs-ui-icon-download-solid ml-[16px] cursor-pointer\"\n (click)=\"handlerDownload($event)\"></i>\n </div>\n </div>\n <div class=\"h-[24px]\">\n <libs_ui-components-inputs-range_slider\n [mode]=\"'audio'\"\n [value]=\"audioRatioValue()\"\n [disable]=\"isDisable()\"\n (outChange)=\"handlerChangeAudio($event)\" />\n </div>\n</div>\n" }]
194
225
  }], ctorParameters: () => [] });
195
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXVkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2F1ZGlvL3NyYy9hdWRpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvYXVkaW8vc3JjL2F1ZGlvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQWMsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1SixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsMENBQTBDLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNyRyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYyxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBV3pELE1BQU0sT0FBTyw4QkFBOEI7SUFDekMsbUJBQW1CO0lBQ1QsZUFBZSxHQUFHLE1BQU0sQ0FBUyxDQUFDLENBQUMsQ0FBQztJQUNwQyxnQkFBZ0IsR0FBRyxNQUFNLENBQVMsR0FBRyxDQUFDLENBQUM7SUFDdkMsTUFBTSxHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUNoQyxNQUFNLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLGtCQUFrQixHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUM1QyxTQUFTLEdBQUcsTUFBTSxDQUFVLElBQUksQ0FBQyxDQUFDO0lBQ2xDLGdCQUFnQixHQUFHLE1BQU0sQ0FBUyxPQUFPLENBQUMsQ0FBQztJQUMzQyxpQkFBaUIsR0FBRyxNQUFNLENBQVMsT0FBTyxDQUFDLENBQUM7SUFDNUMscUJBQXFCLEdBQUcsTUFBTSxDQUFVLEtB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Q1QsQ0FBQztRQUNELE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQzFDLENBQUM7d0dBek5VLDhCQUE4Qjs0RkFBOUIsOEJBQThCLHkwQkNkM0MsNmtFQTBEQSw0Q0Q5Q1ksMENBQTBDOzs0RkFFekMsOEJBQThCO2tCQVIxQyxTQUFTOytCQUVFLDBCQUEwQixjQUV4QixJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQywwQ0FBMEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIERlc3Ryb3lSZWYsIGVmZmVjdCwgRWxlbWVudFJlZiwgaW5qZWN0LCBpbnB1dCwgb3V0cHV0LCBzaWduYWwsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgTGlic1VpQ29tcG9uZW50c0lucHV0c1JhbmdlU2xpZGVyQ29tcG9uZW50IH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1pbnB1dHMtcmFuZ2Utc2xpZGVyJztcbmltcG9ydCB7IGZyb21FdmVudCwgbWVyZ2UsIE9ic2VydmFibGUsIHRhcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgSUF1ZGlvRnVuY3Rpb25Db250cm9sRXZlbnQgfSBmcm9tICcuL2ludGVyZmFjZXMvZnVuY3Rpb24tY29udHJvbC1ldmVudC5pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdsaWJzX3VpLWNvbXBvbmVudHMtYXVkaW8nLFxuICB0ZW1wbGF0ZVVybDogJy4vYXVkaW8uY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0xpYnNVaUNvbXBvbmVudHNJbnB1dHNSYW5nZVNsaWRlckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIExpYnNVaUNvbXBvbmVudHNBdWRpb0NvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICAvLyAjcmVnaW9uIFBST1BFUlRZXG4gIHByb3RlY3RlZCBhdWRpb1JhdGlvVmFsdWUgPSBzaWduYWw8bnVtYmVyPigwKTtcbiAgcHJvdGVjdGVkIHZvbHVtZVJhdGlvVmFsdWUgPSBzaWduYWw8bnVtYmVyPigxMDApO1xuICBwcm90ZWN0ZWQgaXNQbGF5ID0gc2lnbmFsPGJvb2xlYW4+KGZhbHNlKTtcbiAgcHJvdGVjdGVkIGlzTXV0ZSA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG4gIHByb3RlY3RlZCBpc1NsaWRlckF1ZGlvUHJlc3MgPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpO1xuICBwcm90ZWN0ZWQgaXNEaXNhYmxlID0gc2lnbmFsPGJvb2xlYW4+KHRydWUpO1xuICBwcm90ZWN0ZWQgYXVkaW9UaW1lQ3VycmVudCA9IHNpZ25hbDxzdHJpbmc+KCdfOl86XycpO1xuICBwcm90ZWN0ZWQgYXVkaW9UaW1lRHVyYXRpb24gPSBzaWduYWw8c3RyaW5nPignXzpfOl8nKTtcbiAgcHJvdGVjdGVkIHNob3dGdWxsQ29udHJvbFZvbHVtZSA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG5cbiAgLy8gI3JlZ2lvbiBJTlBVVFxuICByZWFkb25seSBmaWxlQXVkaW8gPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGNoZWNrUGVybWlzc2lvbkRvd25sb2FkQXVkaW8gPSBpbnB1dC5yZXF1aXJlZDwoKSA9PiBQcm9taXNlPGJvb2xlYW4+PigpO1xuXG4gIC8qIFZJRVcgQ0hJTEQgKi9cbiAgcmVhZG9ubHkgYXVkaW9SZWYgPSB2aWV3Q2hpbGQucmVxdWlyZWQ8RWxlbWVudFJlZj4oJ2F1ZGlvUmVmJyk7XG4gIHJlYWRvbmx5IHZvbHVtZUNvbnRyb2xSZWYgPSB2aWV3Q2hpbGQucmVxdWlyZWQ8RWxlbWVudFJlZj4oJ3ZvbHVtZUNvbnRyb2xSZWYnKTtcblxuICAvKiBPVVRQVVRTICovXG4gIHJlYWRvbmx5IG91dEZ1bmN0aW9uc0NvbnRyb2wgPSBvdXRwdXQ8SUF1ZGlvRnVuY3Rpb25Db250cm9sRXZlbnQ+KCk7XG4gIHJlYWRvbmx5IG91dFZvbHVtZUNvbnRyb2wgPSBvdXRwdXQ8bnVtYmVyPigpO1xuICByZWFkb25seSBvdXRUaW1lVXBkYXRlID0gb3V0cHV0PHsgY3VycmVudFRpbWU6IHN0cmluZzsgZHVyYXRpb246IHN0cmluZyB9PigpO1xuICByZWFkb25seSBvdXRFbmRlZCA9IG91dHB1dDx2b2lkPigpO1xuICByZWFkb25seSBvdXRNdXRlID0gb3V0cHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IG91dFBsYXkgPSBvdXRwdXQ8Ym9vbGVhbj4oKTtcblxuICBwcml2YXRlIGRlc3Ryb3lSZWYgPSBpbmplY3QoRGVzdHJveVJlZik7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgLy8gV2F0Y2ggZm9yIGZpbGUgYXVkaW8gY2hhbmdlc1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAodGhpcy5maWxlQXVkaW8oKSAmJiB0aGlzLmF1ZGlvUmVmKCkpIHtcbiAgICAgICAgLy8gU2tpcCBpbml0aWFsIHNldHVwLCBvbmx5IHJlbG9hZCBvbiBjaGFuZ2VzXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LmxvYWQoKTtcbiAgICAgICAgfSwgMCk7XG4gICAgICB9XG4gICAgfSk7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIHRoaXMub3V0Vm9sdW1lQ29udHJvbC5lbWl0KHRoaXMudm9sdW1lUmF0aW9WYWx1ZSgpKTtcbiAgICB9KTtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgdGhpcy5vdXRUaW1lVXBkYXRlLmVtaXQoeyBjdXJyZW50VGltZTogdGhpcy5hdWRpb1RpbWVDdXJyZW50KCksIGR1cmF0aW9uOiB0aGlzLmF1ZGlvVGltZUR1cmF0aW9uKCkgfSk7XG4gICAgfSk7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIHRoaXMub3V0TXV0ZS5lbWl0KHRoaXMuaXNNdXRlKCkpO1xuICAgIH0pO1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLm91dFBsYXkuZW1pdCh0aGlzLmlzUGxheSgpKTtcbiAgICB9KTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBtZXJnZShcbiAgICAgIHRoaXMuaW5pdE9ic2VydmFibGUodGhpcy52b2x1bWVDb250cm9sUmVmKCkubmF0aXZlRWxlbWVudCwgJ21vdXNlZW50ZXInKS5waXBlKHRhcCgoKSA9PiB0aGlzLnNob3dGdWxsQ29udHJvbFZvbHVtZS5zZXQodHJ1ZSkpKSxcbiAgICAgIHRoaXMuaW5pdE9ic2VydmFibGUodGhpcy52b2x1bWVDb250cm9sUmVmKCkubmF0aXZlRWxlbWVudCwgJ21vdXNlbGVhdmUnKS5waXBlKHRhcCgoKSA9PiB0aGlzLnNob3dGdWxsQ29udHJvbFZvbHVtZS5zZXQoZmFsc2UpKSlcbiAgICApXG4gICAgICAucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmKSlcbiAgICAgIC5zdWJzY3JpYmUoKTtcblxuICAgIC8vIEVtaXQgZnVuY3Rpb24gY29udHJvbCBldmVudCBhZnRlciB2aWV3IGlzIGluaXRpYWxpemVkXG4gICAgdGhpcy5vdXRGdW5jdGlvbnNDb250cm9sLmVtaXQodGhpcy5GdW5jdGlvbnNDb250cm9sKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgRnVuY3Rpb25zQ29udHJvbCgpOiBJQXVkaW9GdW5jdGlvbkNvbnRyb2xFdmVudCB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHBsYXlQYXVzZTogKGV2ZW50PzogRXZlbnQpID0+IHRoaXMuaGFuZGxlckF1ZGlvUGF1c2VQbGF5KGV2ZW50KSxcbiAgICAgIHRvZ2dsZU11dGU6IChldmVudD86IEV2ZW50KSA9PiB0aGlzLmhhbmRsZXJBdWRpb011dGVNdXRlZChldmVudCksXG4gICAgICBzZWVrVG86IHRoaXMuaGFuZGxlckNoYW5nZUF1ZGlvLmJpbmQodGhpcyksXG4gICAgICBzZXRWb2x1bWU6IHRoaXMuaGFuZGxlckNoYW5nZVZvbHVtZS5iaW5kKHRoaXMpLFxuICAgICAgZG93bmxvYWQ6IChldmVudD86IEV2ZW50KSA9PiB0aGlzLmhhbmRsZXJEb3dubG9hZChldmVudCksXG4gICAgICBpc1BsYXlpbmc6ICgpID0+IHRoaXMuaXNQbGF5KCksXG4gICAgICBpc011dGVkOiAoKSA9PiB0aGlzLmlzTXV0ZSgpLFxuICAgIH07XG4gIH1cblxuICAvKiBGVU5DVElPTlMgKi9cbiAgcHJpdmF0ZSBpbml0T2JzZXJ2YWJsZShlbDogSFRNTEVsZW1lbnQsIGV2ZW50TmFtZTogc3RyaW5nKTogT2JzZXJ2YWJsZTxNb3VzZUV2ZW50PiB7XG4gICAgcmV0dXJuIGZyb21FdmVudDxNb3VzZUV2ZW50PihlbCwgZXZlbnROYW1lKS5waXBlKFxuICAgICAgdGFwKChlKSA9PiBlLnN0b3BQcm9wYWdhdGlvbigpKSxcbiAgICAgIHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLmRlc3Ryb3lSZWYpXG4gICAgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyS2V5UHJlc3NBdWRpbygpIHtcbiAgICB0aGlzLmlzU2xpZGVyQXVkaW9QcmVzcy5zZXQodHJ1ZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckF1ZGlvTXV0ZU11dGVkKGV2ZW50PzogRXZlbnQpIHtcbiAgICBpZiAoZXZlbnQpIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5tdXRlZCA9PT0gdHJ1ZSkge1xuICAgICAgdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQubXV0ZWQgPSBmYWxzZTtcbiAgICAgIHRoaXMuaXNNdXRlLnNldChmYWxzZSk7XG4gICAgICB0aGlzLnZvbHVtZVJhdGlvVmFsdWUuc2V0KDUwKTtcblxuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnZvbHVtZVJhdGlvVmFsdWUuc2V0KDApO1xuICAgIHRoaXMuaXNNdXRlLnNldCh0cnVlKTtcbiAgICB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5tdXRlZCA9IHRydWU7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckF1ZGlvUGF1c2VQbGF5KGV2ZW50PzogRXZlbnQpIHtcbiAgICBpZiAoZXZlbnQpIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIGNvbnN0IGF1ZGlvRWxlbWVudCA9IHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghYXVkaW9FbGVtZW50LnBhdXNlZCkge1xuICAgICAgYXVkaW9FbGVtZW50LnBhdXNlKCk7XG4gICAgICB0aGlzLmlzUGxheS5zZXQoZmFsc2UpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRyeSB7XG4gICAgICBhd2FpdCBhdWRpb0VsZW1lbnQucGxheSgpO1xuICAgICAgdGhpcy5pc1BsYXkuc2V0KHRydWUpO1xuICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICBjb25zb2xlLmVycm9yKCdFcnJvciBwbGF5aW5nIGF1ZGlvOicsIGVycm9yKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckxvYWRlZERhdGEoZXZlbnQ6IEV2ZW50KSB7XG4gICAgaWYgKGV2ZW50KSB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgIHRoaXMuYXVkaW9UaW1lRHVyYXRpb24uc2V0KGF3YWl0IHRoaXMudG9ISE1NU1MoTWF0aC5mbG9vcih0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5kdXJhdGlvbikpKTtcbiAgICAgIHRoaXMuYXVkaW9UaW1lQ3VycmVudC5zZXQoYXdhaXQgdGhpcy50b0hITU1TUyhNYXRoLmZsb29yKHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LmN1cnJlbnRUaW1lIHx8IDApKSk7XG4gICAgICB0aGlzLmlzRGlzYWJsZS5zZXQoZmFsc2UpO1xuICAgICAgdGhpcy5pc1BsYXkuc2V0KGZhbHNlKTtcbiAgICAgIHRoaXMuYXVkaW9SYXRpb1ZhbHVlLnNldCgwKTtcbiAgICAgIHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LnBhdXNlKCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJUaW1lVXBkYXRlKGV2ZW50PzogRXZlbnQpIHtcbiAgICBpZiAoZXZlbnQpIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cbiAgICB0aGlzLmlzRGlzYWJsZS5zZXQoISh0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5kdXJhdGlvbiB8fCAwKSk7XG4gICAgaWYgKCF0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmF1ZGlvVGltZUR1cmF0aW9uLnNldChhd2FpdCB0aGlzLnRvSEhNTVNTKE1hdGguZmxvb3IodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuZHVyYXRpb24pKSk7XG4gICAgdGhpcy5hdWRpb1RpbWVDdXJyZW50LnNldChhd2FpdCB0aGlzLnRvSEhNTVNTKE1hdGguZmxvb3IodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuY3VycmVudFRpbWUgfHwgMCkpKTtcbiAgICBpZiAodGhpcy5pc1NsaWRlckF1ZGlvUHJlc3MoKSkge1xuICAgICAgdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuY3VycmVudFRpbWUgPSAodGhpcy5hdWRpb1JhdGlvVmFsdWUoKSAqIE1hdGguZmxvb3IodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuZHVyYXRpb24gfHwgMCkpIC8gMTAwO1xuXG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuYXVkaW9SYXRpb1ZhbHVlLnNldChNYXRoLmZsb29yKCgodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuY3VycmVudFRpbWUgfHwgMCkgLyAodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuZHVyYXRpb24gfHwgMSkpICogMTAwKSk7XG4gIH1cblxuICBwcml2YXRlIGFzeW5jIHRvSEhNTVNTKHRpbWU6IG51bWJlcikge1xuICAgIGNvbnN0IGhvdXJzID0gTWF0aC5mbG9vcih0aW1lIC8gMzYwMCk7XG4gICAgY29uc3QgbWludXRlcyA9IE1hdGguZmxvb3IoKHRpbWUgLSBob3VycyAqIDM2MDApIC8gNjApO1xuICAgIGNvbnN0IHNlY29uZHMgPSB0aW1lIC0gaG91cnMgKiAzNjAwIC0gbWludXRlcyAqIDYwO1xuXG4gICAgY29uc3QgZ2V0TGFiZWwgPSAodmFsOiBudW1iZXIpID0+IHtcbiAgICAgIHZhbCA9IHZhbCB8fCAwO1xuICAgICAgcmV0dXJuIGAke3ZhbCA8IDEwID8gJzAnIDogJyd9JHt2YWx9YDtcbiAgICB9O1xuXG4gICAgcmV0dXJuIGAke2dldExhYmVsKGhvdXJzKX06JHtnZXRMYWJlbChtaW51dGVzKX06JHtnZXRMYWJlbChzZWNvbmRzKX1gO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJDaGFuZ2VBdWRpbyh2YWx1ZTogbnVtYmVyKSB7XG4gICAgaWYgKHZhbHVlID09PSB0aGlzLmF1ZGlvUmF0aW9WYWx1ZSgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LmN1cnJlbnRUaW1lID0gKCh2YWx1ZSB8fCAwKSAqICh0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5kdXJhdGlvbiB8fCAwKSkgLyAxMDA7XG4gICAgdGhpcy5hdWRpb1JhdGlvVmFsdWUuc2V0KHZhbHVlKTtcbiAgICB0aGlzLmlzU2xpZGVyQXVkaW9QcmVzcy5zZXQoZmFsc2UpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJDaGFuZ2VWb2x1bWUodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LnZvbHVtZSA9IHZhbHVlIC8gMTAwO1xuICAgIHRoaXMudm9sdW1lUmF0aW9WYWx1ZS5zZXQodmFsdWUpO1xuICAgIGlmICh0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC52b2x1bWUpIHtcbiAgICAgIHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50Lm11dGVkID0gZmFsc2U7XG4gICAgICB0aGlzLmlzTXV0ZS5zZXQoZmFsc2UpO1xuXG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50Lm11dGVkID0gdHJ1ZTtcbiAgICB0aGlzLmlzTXV0ZS5zZXQodHJ1ZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckVuZGVkKGV2ZW50OiBFdmVudCkge1xuICAgIGlmIChldmVudCkge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG4gICAgdGhpcy5pc1BsYXkuc2V0KGZhbHNlKTtcbiAgICB0aGlzLm91dEVuZGVkLmVtaXQoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyRG93bmxvYWQoZT86IEV2ZW50KSB7XG4gICAgaWYgKCF0aGlzLmNoZWNrUGVybWlzc2lvbkRvd25sb2FkQXVkaW8oKSB8fCAhKGF3YWl0IHRoaXMuY2hlY2tQZXJtaXNzaW9uRG93bmxvYWRBdWRpbygpKCkpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKGUpIHtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG4gICAgaWYgKCF0aGlzLmZpbGVBdWRpbygpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHdpbmRvdy5vcGVuKHRoaXMuZmlsZUF1ZGlvKCksIGBfYmxhbmtgKTtcbiAgfVxufVxuIiwiPGF1ZGlvXG4gIGNvbnRyb2xzXG4gICNhdWRpb1JlZlxuICBjbGFzcz1cImhpZGRlblwiXG4gICh0aW1ldXBkYXRlKT1cImhhbmRsZXJUaW1lVXBkYXRlKCRldmVudClcIlxuICAobG9hZGVkZGF0YSk9XCJoYW5kbGVyTG9hZGVkRGF0YSgkZXZlbnQpXCJcbiAgKGVuZGVkKT1cImhhbmRsZXJFbmRlZCgkZXZlbnQpXCI+XG4gIDxzb3VyY2VcbiAgICBbc3JjXT1cImZpbGVBdWRpbygpXCJcbiAgICB0eXBlPVwiYXVkaW8vbXBlZ1wiIC8+XG48L2F1ZGlvPlxuPGRpdlxuICBbY2xhc3MubGlicy11aS1kaXNhYmxlXT1cImlzRGlzYWJsZSgpXCJcbiAgW2NsYXNzLnBvaW50ZXItZXZlbnRzLW5vbmVdPVwiaXNEaXNhYmxlKClcIj5cbiAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1iZXR3ZWVuIGl0ZW1zLWNlbnRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJ3LVs3MCVdIGZsZXggcC0wIGl0ZW1zLWNlbnRlclwiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImZsZXggbXItWzE2cHhdIGN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgKGNsaWNrKT1cImhhbmRsZXJBdWRpb1BhdXNlUGxheSgkZXZlbnQpXCI+XG4gICAgICAgIDxpXG4gICAgICAgICAgY2xhc3M9XCJ0ZXh0LVsxNnB4XVwiXG4gICAgICAgICAgW2NsYXNzLmxpYnMtdWktaWNvbi1wbGF5LXNvbGlkXT1cIiFpc1BsYXkoKVwiXG4gICAgICAgICAgW2NsYXNzLmxpYnMtdWktaWNvbi1wYXVzZS1zb2xpZF09XCJpc1BsYXkoKVwiPjwvaT5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImxpYnMtdWktZm9udC1oNXIgbXItWzE2cHhdXCI+e3sgYXVkaW9UaW1lQ3VycmVudCgpIH19IC97eyBhdWRpb1RpbWVEdXJhdGlvbigpIH19PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInctWzMwJV0gZmxleCBwLTAgaXRlbXMtY2VudGVyIGp1c3RpZnktZW5kXCI+XG4gICAgICA8ZGl2XG4gICAgICAgICN2b2x1bWVDb250cm9sUmVmXG4gICAgICAgIGNsYXNzPVwiZmxleCBweS1bM3B4XSBpdGVtcy1jZW50ZXIgcm91bmRlZC1bMTJweF0gaC1bMjhweF1cIlxuICAgICAgICBbY2xhc3MuYmctWyNlNmU3ZWFdXT1cInNob3dGdWxsQ29udHJvbFZvbHVtZSgpXCJcbiAgICAgICAgW2NsYXNzLnB4LVsxMnB4XV09XCJzaG93RnVsbENvbnRyb2xWb2x1bWUoKVwiPlxuICAgICAgICA8aVxuICAgICAgICAgIGNsYXNzPVwidGV4dC1bMTZweF0gY3Vyc29yLXBvaW50ZXJcIlxuICAgICAgICAgIFtjbGFzcy5saWJzLXVpLWljb24tc3BlYWtlci1vbi1zb2xpZF09XCIhaXNNdXRlKClcIlxuICAgICAgICAgIFtjbGFzcy5saWJzLXVpLWljb24tc3BlYWtlci1vZmYtc29saWRdPVwiaXNNdXRlKClcIlxuICAgICAgICAgIChjbGljayk9XCJoYW5kbGVyQXVkaW9NdXRlTXV0ZWQoJGV2ZW50KVwiPjwvaT5cbiAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1pbnB1dHMtcmFuZ2Vfc2xpZGVyXG4gICAgICAgICAgW2NsYXNzLmhpZGRlbl09XCIhc2hvd0Z1bGxDb250cm9sVm9sdW1lKClcIlxuICAgICAgICAgIFttb2RlXT1cIidhdWRpbydcIlxuICAgICAgICAgIGNsYXNzSW5jbHVkZT1cImZsZXggaXRlbXMtY2VudGVyICF3LVs1NHB4XSBjdXJzb3ItcG9pbnRlciBtbC1bOHB4XVwiXG4gICAgICAgICAgW3ZhbHVlXT1cInZvbHVtZVJhdGlvVmFsdWUoKVwiXG4gICAgICAgICAgKG91dENoYW5nZSk9XCJoYW5kbGVyQ2hhbmdlVm9sdW1lKCRldmVudClcIiAvPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxpXG4gICAgICAgIGNsYXNzPVwibGlicy11aS1pY29uLWRvd25sb2FkLXNvbGlkIG1sLVsxNnB4XSBjdXJzb3ItcG9pbnRlclwiXG4gICAgICAgIChjbGljayk9XCJoYW5kbGVyRG93bmxvYWQoJGV2ZW50KVwiPjwvaT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJoLVsyNHB4XVwiPlxuICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtaW5wdXRzLXJhbmdlX3NsaWRlclxuICAgICAgW21vZGVdPVwiJ2F1ZGlvJ1wiXG4gICAgICBbdmFsdWVdPVwiYXVkaW9SYXRpb1ZhbHVlKClcIlxuICAgICAgW2Rpc2FibGVdPVwiaXNEaXNhYmxlKClcIlxuICAgICAgKG91dENoYW5nZSk9XCJoYW5kbGVyQ2hhbmdlQXVkaW8oJGV2ZW50KVwiIC8+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
226
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXVkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2F1ZGlvL3NyYy9hdWRpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvYXVkaW8vc3JjL2F1ZGlvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQWMsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1SixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsMENBQTBDLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNyRyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYyxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBVXpELE1BQU0sT0FBTyw4QkFBOEI7SUFDekMsNENBQTRDO0lBQzVDLG1CQUFtQjtJQUNuQiw0Q0FBNEM7SUFFbEMsZUFBZSxHQUFHLE1BQU0sQ0FBUyxDQUFDLENBQUMsQ0FBQztJQUVwQyxnQkFBZ0IsR0FBRyxNQUFNLENBQVMsR0FBRyxDQUFDLENBQUM7SUFFdkMsTUFBTSxHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUVoQyxNQUFNLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRWhDLGtCQUFrQixHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUU1QyxTQUFTLEdBQUcsTUFBTSxDQUFVLElBQUksQ0FBQyxDQUFDO0lBRWxDLGdCQUFnQixHQUFHLE1BQU0sQ0FBUyxPQUFPLENBQUMsQ0FBQztJQUUzQyxpQkFBaUIsR0FBRyxNQUFNLENBQVMsT0FBTyxDQUFDLENBQUM7SUFF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LENBQUM7SUFFRDs7Ozs7T0FLRztJQUNPLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBUztRQUN2QyxJQUFJLENBQUMsSUFBSSxDQUFDLDRCQUE0QixFQUFFLElBQUksQ0FBQyxDQUFDLE1BQU0sSUFBSSxDQUFDLDRCQUE0QixFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDM0YsT0FBTztRQUNULENBQUM7UUFFRCxJQUFJLENBQUMsRUFBRSxDQUFDO1lBQ04sQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3RCLENBQUM7UUFFRCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUM7WUFDdEIsT0FBTztRQUNULENBQUM7UUFFRCxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUMxQyxDQUFDO3dHQTNSVSw4QkFBOEI7NEZBQTlCLDhCQUE4Qix5MEJDYjNDLDZrRUEwREEsNENEL0NZLDBDQUEwQzs7NEZBRXpDLDhCQUE4QjtrQkFSMUMsU0FBUzsrQkFFRSwwQkFBMEIsY0FFeEIsSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDLENBQUMsMENBQTBDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEZXN0cm95UmVmLCBlZmZlY3QsIEVsZW1lbnRSZWYsIGluamVjdCwgaW5wdXQsIG91dHB1dCwgc2lnbmFsLCB2aWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IExpYnNVaUNvbXBvbmVudHNJbnB1dHNSYW5nZVNsaWRlckNvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtaW5wdXRzLXJhbmdlLXNsaWRlcic7XG5pbXBvcnQgeyBmcm9tRXZlbnQsIG1lcmdlLCBPYnNlcnZhYmxlLCB0YXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElBdWRpb0Z1bmN0aW9uQ29udHJvbEV2ZW50IH0gZnJvbSAnLi9pbnRlcmZhY2VzL2Z1bmN0aW9uLWNvbnRyb2wtZXZlbnQuaW50ZXJmYWNlJztcbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpYnNfdWktY29tcG9uZW50cy1hdWRpbycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdWRpby5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbTGlic1VpQ29tcG9uZW50c0lucHV0c1JhbmdlU2xpZGVyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTGlic1VpQ29tcG9uZW50c0F1ZGlvQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gIC8vIElOVEVSTkFMIFNJR05BTFNcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuICBwcm90ZWN0ZWQgYXVkaW9SYXRpb1ZhbHVlID0gc2lnbmFsPG51bWJlcj4oMCk7XG5cbiAgcHJvdGVjdGVkIHZvbHVtZVJhdGlvVmFsdWUgPSBzaWduYWw8bnVtYmVyPigxMDApO1xuXG4gIHByb3RlY3RlZCBpc1BsYXkgPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIHByb3RlY3RlZCBpc011dGUgPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIHByb3RlY3RlZCBpc1NsaWRlckF1ZGlvUHJlc3MgPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIHByb3RlY3RlZCBpc0Rpc2FibGUgPSBzaWduYWw8Ym9vbGVhbj4odHJ1ZSk7XG5cbiAgcHJvdGVjdGVkIGF1ZGlvVGltZUN1cnJlbnQgPSBzaWduYWw8c3RyaW5nPignXzpfOl8nKTtcblxuICBwcm90ZWN0ZWQgYXVkaW9UaW1lRHVyYXRpb24gPSBzaWduYWw8c3RyaW5nPignXzpfOl8nKTtcblxuICBwcm90ZWN0ZWQgc2hvd0Z1bGxDb250cm9sVm9sdW1lID0gc2lnbmFsPGJvb2xlYW4+KGZhbHNlKTtcblxuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAvLyBJTlBVVFNcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuICByZWFkb25seSBmaWxlQXVkaW8gPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG5cbiAgcmVhZG9ubHkgY2hlY2tQZXJtaXNzaW9uRG93bmxvYWRBdWRpbyA9IGlucHV0LnJlcXVpcmVkPCgpID0+IFByb21pc2U8Ym9vbGVhbj4+KCk7XG5cbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgLy8gVklFVyBDSElMRFJFTlxuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG4gIHJlYWRvbmx5IGF1ZGlvUmVmID0gdmlld0NoaWxkLnJlcXVpcmVkPEVsZW1lbnRSZWY+KCdhdWRpb1JlZicpO1xuXG4gIHJlYWRvbmx5IHZvbHVtZUNvbnRyb2xSZWYgPSB2aWV3Q2hpbGQucmVxdWlyZWQ8RWxlbWVudFJlZj4oJ3ZvbHVtZUNvbnRyb2xSZWYnKTtcblxuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAvLyBPVVRQVVRTXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG5cbiAgcmVhZG9ubHkgb3V0RnVuY3Rpb25zQ29udHJvbCA9IG91dHB1dDxJQXVkaW9GdW5jdGlvbkNvbnRyb2xFdmVudD4oKTtcblxuICByZWFkb25seSBvdXRWb2x1bWVDb250cm9sID0gb3V0cHV0PG51bWJlcj4oKTtcblxuICByZWFkb25seSBvdXRUaW1lVXBkYXRlID0gb3V0cHV0PHsgY3VycmVudFRpbWU6IHN0cmluZzsgZHVyYXRpb246IHN0cmluZyB9PigpO1xuXG4gIHJlYWRvbmx5IG91dEVuZGVkID0gb3V0cHV0PHZvaWQ+KCk7XG5cbiAgcmVhZG9ubHkgb3V0TXV0ZSA9IG91dHB1dDxib29sZWFuPigpO1xuXG4gIHJlYWRvbmx5IG91dFBsYXkgPSBvdXRwdXQ8Ym9vbGVhbj4oKTtcblxuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAvLyBQUklWQVRFIFBST1BFUlRJRVNcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuICBwcml2YXRlIGRlc3Ryb3lSZWYgPSBpbmplY3QoRGVzdHJveVJlZik7XG5cbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgLy8gQ09OU1RSVUNUT1JcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICAvLyBXYXRjaCBmb3IgZmlsZSBhdWRpbyBjaGFuZ2VzXG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICh0aGlzLmZpbGVBdWRpbygpICYmIHRoaXMuYXVkaW9SZWYoKSkge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5sb2FkKCk7XG4gICAgICAgIH0sIDApO1xuICAgICAgfVxuICAgIH0pO1xuXG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIHRoaXMub3V0Vm9sdW1lQ29udHJvbC5lbWl0KHRoaXMudm9sdW1lUmF0aW9WYWx1ZSgpKTtcbiAgICB9KTtcblxuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLm91dFRpbWVVcGRhdGUuZW1pdCh7IGN1cnJlbnRUaW1lOiB0aGlzLmF1ZGlvVGltZUN1cnJlbnQoKSwgZHVyYXRpb246IHRoaXMuYXVkaW9UaW1lRHVyYXRpb24oKSB9KTtcbiAgICB9KTtcblxuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLm91dE11dGUuZW1pdCh0aGlzLmlzTXV0ZSgpKTtcbiAgICB9KTtcblxuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLm91dFBsYXkuZW1pdCh0aGlzLmlzUGxheSgpKTtcbiAgICB9KTtcbiAgfVxuXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gIC8vIExJRkVDWUNMRSBIT09LU1xuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBtZXJnZShcbiAgICAgIHRoaXMuaW5pdE9ic2VydmFibGUodGhpcy52b2x1bWVDb250cm9sUmVmKCkubmF0aXZlRWxlbWVudCwgJ21vdXNlZW50ZXInKS5waXBlKHRhcCgoKSA9PiB0aGlzLnNob3dGdWxsQ29udHJvbFZvbHVtZS5zZXQodHJ1ZSkpKSxcbiAgICAgIHRoaXMuaW5pdE9ic2VydmFibGUodGhpcy52b2x1bWVDb250cm9sUmVmKCkubmF0aXZlRWxlbWVudCwgJ21vdXNlbGVhdmUnKS5waXBlKHRhcCgoKSA9PiB0aGlzLnNob3dGdWxsQ29udHJvbFZvbHVtZS5zZXQoZmFsc2UpKSlcbiAgICApXG4gICAgICAucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmKSlcbiAgICAgIC5zdWJzY3JpYmUoKTtcblxuICAgIC8vIEVtaXQgZnVuY3Rpb24gY29udHJvbCBldmVudCBhZnRlciB2aWV3IGlzIGluaXRpYWxpemVkXG4gICAgdGhpcy5vdXRGdW5jdGlvbnNDb250cm9sLmVtaXQodGhpcy5GdW5jdGlvbnNDb250cm9sKTtcbiAgfVxuXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gIC8vIFBVQkxJQyBBUElcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuICBwdWJsaWMgZ2V0IEZ1bmN0aW9uc0NvbnRyb2woKTogSUF1ZGlvRnVuY3Rpb25Db250cm9sRXZlbnQge1xuICAgIHJldHVybiB7XG4gICAgICBwbGF5UGF1c2U6IChldmVudD86IEV2ZW50KSA9PiB0aGlzLmhhbmRsZXJBdWRpb1BhdXNlUGxheShldmVudCksXG4gICAgICB0b2dnbGVNdXRlOiAoZXZlbnQ/OiBFdmVudCkgPT4gdGhpcy5oYW5kbGVyQXVkaW9NdXRlTXV0ZWQoZXZlbnQpLFxuICAgICAgc2Vla1RvOiB0aGlzLmhhbmRsZXJDaGFuZ2VBdWRpby5iaW5kKHRoaXMpLFxuICAgICAgc2V0Vm9sdW1lOiB0aGlzLmhhbmRsZXJDaGFuZ2VWb2x1bWUuYmluZCh0aGlzKSxcbiAgICAgIGRvd25sb2FkOiAoZXZlbnQ/OiBFdmVudCkgPT4gdGhpcy5oYW5kbGVyRG93bmxvYWQoZXZlbnQpLFxuICAgICAgaXNQbGF5aW5nOiAoKSA9PiB0aGlzLmlzUGxheSgpLFxuICAgICAgaXNNdXRlZDogKCkgPT4gdGhpcy5pc011dGUoKSxcbiAgICB9O1xuICB9XG5cbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgLy8gUFJJVkFURSBNRVRIT0RTXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG5cbiAgcHJpdmF0ZSBpbml0T2JzZXJ2YWJsZShlbDogSFRNTEVsZW1lbnQsIGV2ZW50TmFtZTogc3RyaW5nKTogT2JzZXJ2YWJsZTxNb3VzZUV2ZW50PiB7XG4gICAgcmV0dXJuIGZyb21FdmVudDxNb3VzZUV2ZW50PihlbCwgZXZlbnROYW1lKS5waXBlKFxuICAgICAgdGFwKChlKSA9PiBlLnN0b3BQcm9wYWdhdGlvbigpKSxcbiAgICAgIHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLmRlc3Ryb3lSZWYpXG4gICAgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyS2V5UHJlc3NBdWRpbygpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICB0aGlzLmlzU2xpZGVyQXVkaW9QcmVzcy5zZXQodHJ1ZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckF1ZGlvTXV0ZU11dGVkKGV2ZW50PzogRXZlbnQpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBpZiAoZXZlbnQpIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5tdXRlZCA9PT0gdHJ1ZSkge1xuICAgICAgdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQubXV0ZWQgPSBmYWxzZTtcbiAgICAgIHRoaXMuaXNNdXRlLnNldChmYWxzZSk7XG4gICAgICB0aGlzLnZvbHVtZVJhdGlvVmFsdWUuc2V0KDUwKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnZvbHVtZVJhdGlvVmFsdWUuc2V0KDApO1xuICAgIHRoaXMuaXNNdXRlLnNldCh0cnVlKTtcbiAgICB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5tdXRlZCA9IHRydWU7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckF1ZGlvUGF1c2VQbGF5KGV2ZW50PzogRXZlbnQpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBpZiAoZXZlbnQpIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIGNvbnN0IGF1ZGlvRWxlbWVudCA9IHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghYXVkaW9FbGVtZW50LnBhdXNlZCkge1xuICAgICAgYXVkaW9FbGVtZW50LnBhdXNlKCk7XG4gICAgICB0aGlzLmlzUGxheS5zZXQoZmFsc2UpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRyeSB7XG4gICAgICBhd2FpdCBhdWRpb0VsZW1lbnQucGxheSgpO1xuICAgICAgdGhpcy5pc1BsYXkuc2V0KHRydWUpO1xuICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICBjb25zb2xlLmVycm9yKCdFcnJvciBwbGF5aW5nIGF1ZGlvOicsIGVycm9yKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckxvYWRlZERhdGEoZXZlbnQ6IEV2ZW50KTogUHJvbWlzZTx2b2lkPiB7XG4gICAgaWYgKGV2ZW50KSB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgIHRoaXMuYXVkaW9UaW1lRHVyYXRpb24uc2V0KGF3YWl0IHRoaXMudG9ISE1NU1MoTWF0aC5mbG9vcih0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5kdXJhdGlvbikpKTtcbiAgICAgIHRoaXMuYXVkaW9UaW1lQ3VycmVudC5zZXQoYXdhaXQgdGhpcy50b0hITU1TUyhNYXRoLmZsb29yKHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LmN1cnJlbnRUaW1lIHx8IDApKSk7XG4gICAgICB0aGlzLmlzRGlzYWJsZS5zZXQoZmFsc2UpO1xuICAgICAgdGhpcy5pc1BsYXkuc2V0KGZhbHNlKTtcbiAgICAgIHRoaXMuYXVkaW9SYXRpb1ZhbHVlLnNldCgwKTtcbiAgICAgIHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LnBhdXNlKCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJUaW1lVXBkYXRlKGV2ZW50PzogRXZlbnQpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBpZiAoZXZlbnQpIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIHRoaXMuaXNEaXNhYmxlLnNldCghKHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LmR1cmF0aW9uIHx8IDApKTtcblxuICAgIGlmICghdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmF1ZGlvVGltZUR1cmF0aW9uLnNldChhd2FpdCB0aGlzLnRvSEhNTVNTKE1hdGguZmxvb3IodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuZHVyYXRpb24pKSk7XG4gICAgdGhpcy5hdWRpb1RpbWVDdXJyZW50LnNldChhd2FpdCB0aGlzLnRvSEhNTVNTKE1hdGguZmxvb3IodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuY3VycmVudFRpbWUgfHwgMCkpKTtcblxuICAgIGlmICh0aGlzLmlzU2xpZGVyQXVkaW9QcmVzcygpKSB7XG4gICAgICB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5jdXJyZW50VGltZSA9ICh0aGlzLmF1ZGlvUmF0aW9WYWx1ZSgpICogTWF0aC5mbG9vcih0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5kdXJhdGlvbiB8fCAwKSkgLyAxMDA7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5hdWRpb1JhdGlvVmFsdWUuc2V0KE1hdGguZmxvb3IoKCh0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5jdXJyZW50VGltZSB8fCAwKSAvICh0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5kdXJhdGlvbiB8fCAxKSkgKiAxMDApKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBGb3JtYXQgc2Vjb25kcyAtPiBISDpNTTpTUy5cbiAgICogVXNlZCBmb3IgYm90aCBgY3VycmVudFRpbWVgIGFuZCBgZHVyYXRpb25gIG91dHB1dHMgdG8ga2VlcCBvdXRwdXQgc3RhYmxlLlxuICAgKi9cbiAgcHJpdmF0ZSBhc3luYyB0b0hITU1TUyh0aW1lOiBudW1iZXIpOiBQcm9taXNlPHN0cmluZz4ge1xuICAgIGNvbnN0IGhvdXJzID0gTWF0aC5mbG9vcih0aW1lIC8gMzYwMCk7XG4gICAgY29uc3QgbWludXRlcyA9IE1hdGguZmxvb3IoKHRpbWUgLSBob3VycyAqIDM2MDApIC8gNjApO1xuICAgIGNvbnN0IHNlY29uZHMgPSB0aW1lIC0gaG91cnMgKiAzNjAwIC0gbWludXRlcyAqIDYwO1xuXG4gICAgY29uc3QgZ2V0TGFiZWwgPSAodmFsOiBudW1iZXIpID0+IHtcbiAgICAgIHZhbCA9IHZhbCB8fCAwO1xuICAgICAgcmV0dXJuIGAke3ZhbCA8IDEwID8gJzAnIDogJyd9JHt2YWx9YDtcbiAgICB9O1xuXG4gICAgcmV0dXJuIGAke2dldExhYmVsKGhvdXJzKX06JHtnZXRMYWJlbChtaW51dGVzKX06JHtnZXRMYWJlbChzZWNvbmRzKX1gO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJDaGFuZ2VBdWRpbyh2YWx1ZTogbnVtYmVyKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgaWYgKHZhbHVlID09PSB0aGlzLmF1ZGlvUmF0aW9WYWx1ZSgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQuY3VycmVudFRpbWUgPSAoKHZhbHVlIHx8IDApICogKHRoaXMuYXVkaW9SZWYoKS5uYXRpdmVFbGVtZW50LmR1cmF0aW9uIHx8IDApKSAvIDEwMDtcbiAgICB0aGlzLmF1ZGlvUmF0aW9WYWx1ZS5zZXQodmFsdWUpO1xuICAgIHRoaXMuaXNTbGlkZXJBdWRpb1ByZXNzLnNldChmYWxzZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckNoYW5nZVZvbHVtZSh2YWx1ZTogbnVtYmVyKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgdGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQudm9sdW1lID0gdmFsdWUgLyAxMDA7XG4gICAgdGhpcy52b2x1bWVSYXRpb1ZhbHVlLnNldCh2YWx1ZSk7XG5cbiAgICBpZiAodGhpcy5hdWRpb1JlZigpLm5hdGl2ZUVsZW1lbnQudm9sdW1lKSB7XG4gICAgICB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5tdXRlZCA9IGZhbHNlO1xuICAgICAgdGhpcy5pc011dGUuc2V0KGZhbHNlKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmF1ZGlvUmVmKCkubmF0aXZlRWxlbWVudC5tdXRlZCA9IHRydWU7XG4gICAgdGhpcy5pc011dGUuc2V0KHRydWUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJFbmRlZChldmVudDogRXZlbnQpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBpZiAoZXZlbnQpIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIHRoaXMuaXNQbGF5LnNldChmYWxzZSk7XG4gICAgdGhpcy5vdXRFbmRlZC5lbWl0KCk7XG4gIH1cblxuICAvKipcbiAgICogRG93bmxvYWQgY2jhu4kgxJHGsOG7o2MgdGjhu7FjIGhp4buHbiBu4bq/dSBjYWxsYmFjayBwZXJtaXNzaW9uIHRy4bqjIHbhu4EgYHRydWVgLlxuICAgKiBMxrB1IMO9OiBgY2hlY2tQZXJtaXNzaW9uRG93bmxvYWRBdWRpb2AgbMOgIGlucHV0IGZ1bmN0aW9uIChmYWN0b3J5KSwgbsOqbiBj4bqnbiBn4buNaSAyIGzhuqduOlxuICAgKiAtIGzhuqduIDE6IGzhuqV5IGZ1bmN0aW9uXG4gICAqIC0gbOG6p24gMjogZXhlY3V0ZSBmdW5jdGlvbiDEkeG7gyBs4bqleSBQcm9taXNlPGJvb2xlYW4+XG4gICAqL1xuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckRvd25sb2FkKGU/OiBFdmVudCk6IFByb21pc2U8dm9pZD4ge1xuICAgIGlmICghdGhpcy5jaGVja1Blcm1pc3Npb25Eb3dubG9hZEF1ZGlvKCkgfHwgIShhd2FpdCB0aGlzLmNoZWNrUGVybWlzc2lvbkRvd25sb2FkQXVkaW8oKSgpKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmIChlKSB7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIGlmICghdGhpcy5maWxlQXVkaW8oKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHdpbmRvdy5vcGVuKHRoaXMuZmlsZUF1ZGlvKCksICdfYmxhbmsnKTtcbiAgfVxufVxuIiwiPGF1ZGlvXG4gIGNvbnRyb2xzXG4gICNhdWRpb1JlZlxuICBjbGFzcz1cImhpZGRlblwiXG4gICh0aW1ldXBkYXRlKT1cImhhbmRsZXJUaW1lVXBkYXRlKCRldmVudClcIlxuICAobG9hZGVkZGF0YSk9XCJoYW5kbGVyTG9hZGVkRGF0YSgkZXZlbnQpXCJcbiAgKGVuZGVkKT1cImhhbmRsZXJFbmRlZCgkZXZlbnQpXCI+XG4gIDxzb3VyY2VcbiAgICBbc3JjXT1cImZpbGVBdWRpbygpXCJcbiAgICB0eXBlPVwiYXVkaW8vbXBlZ1wiIC8+XG48L2F1ZGlvPlxuPGRpdlxuICBbY2xhc3MubGlicy11aS1kaXNhYmxlXT1cImlzRGlzYWJsZSgpXCJcbiAgW2NsYXNzLnBvaW50ZXItZXZlbnRzLW5vbmVdPVwiaXNEaXNhYmxlKClcIj5cbiAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1iZXR3ZWVuIGl0ZW1zLWNlbnRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJ3LVs3MCVdIGZsZXggcC0wIGl0ZW1zLWNlbnRlclwiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImZsZXggbXItWzE2cHhdIGN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgKGNsaWNrKT1cImhhbmRsZXJBdWRpb1BhdXNlUGxheSgkZXZlbnQpXCI+XG4gICAgICAgIDxpXG4gICAgICAgICAgY2xhc3M9XCJ0ZXh0LVsxNnB4XVwiXG4gICAgICAgICAgW2NsYXNzLmxpYnMtdWktaWNvbi1wbGF5LXNvbGlkXT1cIiFpc1BsYXkoKVwiXG4gICAgICAgICAgW2NsYXNzLmxpYnMtdWktaWNvbi1wYXVzZS1zb2xpZF09XCJpc1BsYXkoKVwiPjwvaT5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImxpYnMtdWktZm9udC1oNXIgbXItWzE2cHhdXCI+e3sgYXVkaW9UaW1lQ3VycmVudCgpIH19IC97eyBhdWRpb1RpbWVEdXJhdGlvbigpIH19PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInctWzMwJV0gZmxleCBwLTAgaXRlbXMtY2VudGVyIGp1c3RpZnktZW5kXCI+XG4gICAgICA8ZGl2XG4gICAgICAgICN2b2x1bWVDb250cm9sUmVmXG4gICAgICAgIGNsYXNzPVwiZmxleCBweS1bM3B4XSBpdGVtcy1jZW50ZXIgcm91bmRlZC1bMTJweF0gaC1bMjhweF1cIlxuICAgICAgICBbY2xhc3MuYmctWyNlNmU3ZWFdXT1cInNob3dGdWxsQ29udHJvbFZvbHVtZSgpXCJcbiAgICAgICAgW2NsYXNzLnB4LVsxMnB4XV09XCJzaG93RnVsbENvbnRyb2xWb2x1bWUoKVwiPlxuICAgICAgICA8aVxuICAgICAgICAgIGNsYXNzPVwidGV4dC1bMTZweF0gY3Vyc29yLXBvaW50ZXJcIlxuICAgICAgICAgIFtjbGFzcy5saWJzLXVpLWljb24tc3BlYWtlci1vbi1zb2xpZF09XCIhaXNNdXRlKClcIlxuICAgICAgICAgIFtjbGFzcy5saWJzLXVpLWljb24tc3BlYWtlci1vZmYtc29saWRdPVwiaXNNdXRlKClcIlxuICAgICAgICAgIChjbGljayk9XCJoYW5kbGVyQXVkaW9NdXRlTXV0ZWQoJGV2ZW50KVwiPjwvaT5cbiAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1pbnB1dHMtcmFuZ2Vfc2xpZGVyXG4gICAgICAgICAgW2NsYXNzLmhpZGRlbl09XCIhc2hvd0Z1bGxDb250cm9sVm9sdW1lKClcIlxuICAgICAgICAgIFttb2RlXT1cIidhdWRpbydcIlxuICAgICAgICAgIGNsYXNzSW5jbHVkZT1cImZsZXggaXRlbXMtY2VudGVyICF3LVs1NHB4XSBjdXJzb3ItcG9pbnRlciBtbC1bOHB4XVwiXG4gICAgICAgICAgW3ZhbHVlXT1cInZvbHVtZVJhdGlvVmFsdWUoKVwiXG4gICAgICAgICAgKG91dENoYW5nZSk9XCJoYW5kbGVyQ2hhbmdlVm9sdW1lKCRldmVudClcIiAvPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxpXG4gICAgICAgIGNsYXNzPVwibGlicy11aS1pY29uLWRvd25sb2FkLXNvbGlkIG1sLVsxNnB4XSBjdXJzb3ItcG9pbnRlclwiXG4gICAgICAgIChjbGljayk9XCJoYW5kbGVyRG93bmxvYWQoJGV2ZW50KVwiPjwvaT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJoLVsyNHB4XVwiPlxuICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtaW5wdXRzLXJhbmdlX3NsaWRlclxuICAgICAgW21vZGVdPVwiJ2F1ZGlvJ1wiXG4gICAgICBbdmFsdWVdPVwiYXVkaW9SYXRpb1ZhbHVlKClcIlxuICAgICAgW2Rpc2FibGVdPVwiaXNEaXNhYmxlKClcIlxuICAgICAgKG91dENoYW5nZSk9XCJoYW5kbGVyQ2hhbmdlQXVkaW8oJGV2ZW50KVwiIC8+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
@@ -1,2 +1,2 @@
1
1
  export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuY3Rpb24tY29udHJvbC1ldmVudC5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvYXVkaW8vc3JjL2ludGVyZmFjZXMvZnVuY3Rpb24tY29udHJvbC1ldmVudC5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogSW50ZXJmYWNlIGNobyBjw6FjIGNo4bupYyBuxINuZyDEkWnhu4F1IGtoaeG7g24gYXVkaW8gxJHGsOG7o2MgY3VuZyBj4bqlcCBxdWEgb3V0cHV0IGV2ZW50XG4gKiBAZGVzY3JpcHRpb24gQ3VuZyBj4bqlcCBjw6FjIG1ldGhvZCDEkeG7gyDEkWnhu4F1IGtoaeG7g24gYXVkaW8gcGxheWVyIHThu6sgY29tcG9uZW50IGNoYVxuICovXG5leHBvcnQgaW50ZXJmYWNlIElBdWRpb0Z1bmN0aW9uQ29udHJvbEV2ZW50IHtcbiAgLyoqXG4gICAqIEtleSDEkeG7gyDEkWnhu4F1IGtoaeG7g24gYXVkaW9cbiAgICogQHJldHVybnMgdm9pZFxuICAgKi9cblxuICAvKipcbiAgICogQuG6r3QgxJHhuqd1IGhv4bq3YyB04bqhbSBk4burbmcgcGjDoXQgYXVkaW9cbiAgICogQHBhcmFtIGV2ZW50IE9wdGlvbmFsIGV2ZW50IG9iamVjdFxuICAgKiBAcmV0dXJucyB2b2lkXG4gICAqL1xuICBwbGF5UGF1c2U6IChldmVudD86IEV2ZW50KSA9PiB2b2lkO1xuXG4gIC8qKlxuICAgKiBC4bqtdCBob+G6t2MgdOG6r3Qgw6JtIHRoYW5oXG4gICAqIEBwYXJhbSBldmVudCBPcHRpb25hbCBldmVudCBvYmplY3RcbiAgICogQHJldHVybnMgdm9pZFxuICAgKi9cbiAgdG9nZ2xlTXV0ZTogKGV2ZW50PzogRXZlbnQpID0+IHZvaWQ7XG5cbiAgLyoqXG4gICAqIMSQaeG7gXUgY2jhu4luaCDDom0gbMaw4bujbmdcbiAgICogQHBhcmFtIHZhbHVlIEdpw6EgdHLhu4sgw6JtIGzGsOG7o25nIHThu6sgMCDEkeG6v24gMTAwXG4gICAqIEByZXR1cm5zIHZvaWRcbiAgICovXG4gIHNldFZvbHVtZTogKHZhbHVlOiBudW1iZXIpID0+IHZvaWQ7XG5cbiAgLyoqXG4gICAqIERpIGNodXnhu4NuIMSR4bq/biB24buLIHRyw60gY+G7pSB0aOG7gyB0cm9uZyBhdWRpb1xuICAgKiBAcGFyYW0gdmFsdWUgR2nDoSB0cuG7iyBwaOG6p24gdHLEg20gdOG7qyAwIMSR4bq/biAxMDBcbiAgICogQHJldHVybnMgdm9pZFxuICAgKi9cbiAgc2Vla1RvOiAodmFsdWU6IG51bWJlcikgPT4gdm9pZDtcblxuICAvKipcbiAgICogVOG6o2kgeHXhu5FuZyBmaWxlIGF1ZGlvXG4gICAqIEBwYXJhbSBldmVudCBPcHRpb25hbCBldmVudCBvYmplY3RcbiAgICogQHJldHVybnMgdm9pZFxuICAgKi9cbiAgZG93bmxvYWQ6IChldmVudD86IEV2ZW50KSA9PiB2b2lkO1xuXG4gIC8qKlxuICAgKiBLaeG7g20gdHJhIHRy4bqhbmcgdGjDoWkgxJFhbmcgcGjDoXQgYXVkaW9cbiAgICogQHJldHVybnMgYm9vbGVhbiBUcnVlIG7hur91IMSRYW5nIHBow6F0LCBGYWxzZSBu4bq/dSDEkWFuZyB04bqhbSBk4burbmdcbiAgICovXG4gIGlzUGxheWluZzogKCkgPT4gYm9vbGVhbjtcblxuICAvKipcbiAgICogS2nhu4NtIHRyYSB0cuG6oW5nIHRow6FpIHThuq90IHRp4bq/bmdcbiAgICogQHJldHVybnMgYm9vbGVhbiBUcnVlIG7hur91IMSRYW5nIHThuq90IHRp4bq/bmcsIEZhbHNlIG7hur91IMSRYW5nIGLhuq10IHRp4bq/bmdcbiAgICovXG4gIGlzTXV0ZWQ6ICgpID0+IGJvb2xlYW47XG59XG4iXX0=
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuY3Rpb24tY29udHJvbC1ldmVudC5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvYXVkaW8vc3JjL2ludGVyZmFjZXMvZnVuY3Rpb24tY29udHJvbC1ldmVudC5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogUHVibGljIGNvbnRyb2wgc3VyZmFjZSDEkeG7gyDEkWnhu4F1IGtoaeG7g24gYXVkaW8gdOG7qyBjb21wb25lbnQgY2hhLlxuICogQ2jhu4kgbcO0IHThuqMgbmjhu69uZyDEkWnhu4NtIGThu4UgZMO5bmcgc2FpIChuaMawIHJhbmdlL3ZhbHVlKS5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBJQXVkaW9GdW5jdGlvbkNvbnRyb2xFdmVudCB7XG4gIC8qKlxuICAgKiBC4bqvdCDEkeG6p3UgaG/hurdjIHThuqFtIGThu6tuZyBwaMOhdCBhdWRpb1xuICAgKiBAcGFyYW0gZXZlbnQgT3B0aW9uYWwgZXZlbnQgb2JqZWN0XG4gICAqL1xuICBwbGF5UGF1c2U6IChldmVudD86IEV2ZW50KSA9PiB2b2lkO1xuXG4gIC8qKlxuICAgKiBC4bqtdCBob+G6t2MgdOG6r3Qgw6JtIHRoYW5oXG4gICAqIEBwYXJhbSBldmVudCBPcHRpb25hbCBldmVudCBvYmplY3RcbiAgICovXG4gIHRvZ2dsZU11dGU6IChldmVudD86IEV2ZW50KSA9PiB2b2lkO1xuXG4gIC8qKlxuICAgKiDEkGnhu4F1IGNo4buJbmggw6JtIGzGsOG7o25nXG4gICAqIEBwYXJhbSB2YWx1ZSBHacOhIHRy4buLIMOibSBsxrDhu6NuZyB04burIDAgxJHhur9uIDEwMFxuICAgKi9cbiAgc2V0Vm9sdW1lOiAodmFsdWU6IG51bWJlcikgPT4gdm9pZDtcblxuICAvKipcbiAgICogRGkgY2h1eeG7g24gxJHhur9uIHbhu4sgdHLDrSBj4bulIHRo4buDIHRyb25nIGF1ZGlvXG4gICAqIEBwYXJhbSB2YWx1ZSBHacOhIHRy4buLIHBo4bqnbiB0csSDbSB04burIDAgxJHhur9uIDEwMFxuICAgKi9cbiAgc2Vla1RvOiAodmFsdWU6IG51bWJlcikgPT4gdm9pZDtcblxuICAvKipcbiAgICogVOG6o2kgeHXhu5FuZyBmaWxlIGF1ZGlvXG4gICAqIEBwYXJhbSBldmVudCBPcHRpb25hbCBldmVudCBvYmplY3RcbiAgICovXG4gIGRvd25sb2FkOiAoZXZlbnQ/OiBFdmVudCkgPT4gdm9pZDtcblxuICAvKipcbiAgICogS2nhu4NtIHRyYSB0cuG6oW5nIHRow6FpIMSRYW5nIHBow6F0IGF1ZGlvXG4gICAqL1xuICBpc1BsYXlpbmc6ICgpID0+IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEtp4buDbSB0cmEgdHLhuqFuZyB0aMOhaSB04bqvdCB0aeG6v25nXG4gICAqL1xuICBpc011dGVkOiAoKSA9PiBib29sZWFuO1xufVxuIl19
@@ -5,7 +5,9 @@ import { LibsUiComponentsInputsRangeSliderComponent } from '@libs-ui/components-
5
5
  import { merge, tap, fromEvent } from 'rxjs';
6
6
 
7
7
  class LibsUiComponentsAudioComponent {
8
- // #region PROPERTY
8
+ // =========================================
9
+ // INTERNAL SIGNALS
10
+ // =========================================
9
11
  audioRatioValue = signal(0);
10
12
  volumeRatioValue = signal(100);
11
13
  isPlay = signal(false);
@@ -15,25 +17,36 @@ class LibsUiComponentsAudioComponent {
15
17
  audioTimeCurrent = signal('_:_:_');
16
18
  audioTimeDuration = signal('_:_:_');
17
19
  showFullControlVolume = signal(false);
18
- // #region INPUT
20
+ // =========================================
21
+ // INPUTS
22
+ // =========================================
19
23
  fileAudio = input.required();
20
24
  checkPermissionDownloadAudio = input.required();
21
- /* VIEW CHILD */
25
+ // =========================================
26
+ // VIEW CHILDREN
27
+ // =========================================
22
28
  audioRef = viewChild.required('audioRef');
23
29
  volumeControlRef = viewChild.required('volumeControlRef');
24
- /* OUTPUTS */
30
+ // =========================================
31
+ // OUTPUTS
32
+ // =========================================
25
33
  outFunctionsControl = output();
26
34
  outVolumeControl = output();
27
35
  outTimeUpdate = output();
28
36
  outEnded = output();
29
37
  outMute = output();
30
38
  outPlay = output();
39
+ // =========================================
40
+ // PRIVATE PROPERTIES
41
+ // =========================================
31
42
  destroyRef = inject(DestroyRef);
43
+ // =========================================
44
+ // CONSTRUCTOR
45
+ // =========================================
32
46
  constructor() {
33
47
  // Watch for file audio changes
34
48
  effect(() => {
35
49
  if (this.fileAudio() && this.audioRef()) {
36
- // Skip initial setup, only reload on changes
37
50
  setTimeout(() => {
38
51
  this.audioRef().nativeElement.load();
39
52
  }, 0);
@@ -52,6 +65,9 @@ class LibsUiComponentsAudioComponent {
52
65
  this.outPlay.emit(this.isPlay());
53
66
  });
54
67
  }
68
+ // =========================================
69
+ // LIFECYCLE HOOKS
70
+ // =========================================
55
71
  ngAfterViewInit() {
56
72
  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))))
57
73
  .pipe(takeUntilDestroyed(this.destroyRef))
@@ -59,6 +75,9 @@ class LibsUiComponentsAudioComponent {
59
75
  // Emit function control event after view is initialized
60
76
  this.outFunctionsControl.emit(this.FunctionsControl);
61
77
  }
78
+ // =========================================
79
+ // PUBLIC API
80
+ // =========================================
62
81
  get FunctionsControl() {
63
82
  return {
64
83
  playPause: (event) => this.handlerAudioPausePlay(event),
@@ -70,7 +89,9 @@ class LibsUiComponentsAudioComponent {
70
89
  isMuted: () => this.isMute(),
71
90
  };
72
91
  }
73
- /* FUNCTIONS */
92
+ // =========================================
93
+ // PRIVATE METHODS
94
+ // =========================================
74
95
  initObservable(el, eventName) {
75
96
  return fromEvent(el, eventName).pipe(tap((e) => e.stopPropagation()), takeUntilDestroyed(this.destroyRef));
76
97
  }
@@ -138,6 +159,10 @@ class LibsUiComponentsAudioComponent {
138
159
  }
139
160
  this.audioRatioValue.set(Math.floor(((this.audioRef().nativeElement.currentTime || 0) / (this.audioRef().nativeElement.duration || 1)) * 100));
140
161
  }
162
+ /**
163
+ * Format seconds -> HH:MM:SS.
164
+ * Used for both `currentTime` and `duration` outputs to keep output stable.
165
+ */
141
166
  async toHHMMSS(time) {
142
167
  const hours = Math.floor(time / 3600);
143
168
  const minutes = Math.floor((time - hours * 3600) / 60);
@@ -174,6 +199,12 @@ class LibsUiComponentsAudioComponent {
174
199
  this.isPlay.set(false);
175
200
  this.outEnded.emit();
176
201
  }
202
+ /**
203
+ * Download chỉ được thực hiện nếu callback permission trả về `true`.
204
+ * Lưu ý: `checkPermissionDownloadAudio` là input function (factory), nên cần gọi 2 lần:
205
+ * - lần 1: lấy function
206
+ * - lần 2: execute function để lấy Promise<boolean>
207
+ */
177
208
  async handlerDownload(e) {
178
209
  if (!this.checkPermissionDownloadAudio() || !(await this.checkPermissionDownloadAudio()())) {
179
210
  return;
@@ -184,7 +215,7 @@ class LibsUiComponentsAudioComponent {
184
215
  if (!this.fileAudio()) {
185
216
  return;
186
217
  }
187
- window.open(this.fileAudio(), `_blank`);
218
+ window.open(this.fileAudio(), '_blank');
188
219
  }
189
220
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsAudioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
190
221
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.14", 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\n controls\n #audioRef\n class=\"hidden\"\n (timeupdate)=\"handlerTimeUpdate($event)\"\n (loadeddata)=\"handlerLoadedData($event)\"\n (ended)=\"handlerEnded($event)\">\n <source\n [src]=\"fileAudio()\"\n type=\"audio/mpeg\" />\n</audio>\n<div\n [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\n class=\"flex mr-[16px] cursor-pointer\"\n (click)=\"handlerAudioPausePlay($event)\">\n <i\n class=\"text-[16px]\"\n [class.libs-ui-icon-play-solid]=\"!isPlay()\"\n [class.libs-ui-icon-pause-solid]=\"isPlay()\"></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\n #volumeControlRef\n class=\"flex py-[3px] items-center rounded-[12px] h-[28px]\"\n [class.bg-[#e6e7ea]]=\"showFullControlVolume()\"\n [class.px-[12px]]=\"showFullControlVolume()\">\n <i\n 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)\"></i>\n <libs_ui-components-inputs-range_slider\n [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\n class=\"libs-ui-icon-download-solid ml-[16px] cursor-pointer\"\n (click)=\"handlerDownload($event)\"></i>\n </div>\n </div>\n <div class=\"h-[24px]\">\n <libs_ui-components-inputs-range_slider\n [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 });
@@ -1 +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, DestroyRef, effect, ElementRef, inject, input, output, signal, viewChild } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { LibsUiComponentsInputsRangeSliderComponent } from '@libs-ui/components-inputs-range-slider';\nimport { fromEvent, merge, Observable, 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: [LibsUiComponentsInputsRangeSliderComponent],\n})\nexport class LibsUiComponentsAudioComponent implements AfterViewInit {\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\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 private destroyRef = inject(DestroyRef);\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 )\n .pipe(takeUntilDestroyed(this.destroyRef))\n .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 takeUntilDestroyed(this.destroyRef)\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","<audio\n controls\n #audioRef\n class=\"hidden\"\n (timeupdate)=\"handlerTimeUpdate($event)\"\n (loadeddata)=\"handlerLoadedData($event)\"\n (ended)=\"handlerEnded($event)\">\n <source\n [src]=\"fileAudio()\"\n type=\"audio/mpeg\" />\n</audio>\n<div\n [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\n class=\"flex mr-[16px] cursor-pointer\"\n (click)=\"handlerAudioPausePlay($event)\">\n <i\n class=\"text-[16px]\"\n [class.libs-ui-icon-play-solid]=\"!isPlay()\"\n [class.libs-ui-icon-pause-solid]=\"isPlay()\"></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\n #volumeControlRef\n class=\"flex py-[3px] items-center rounded-[12px] h-[28px]\"\n [class.bg-[#e6e7ea]]=\"showFullControlVolume()\"\n [class.px-[12px]]=\"showFullControlVolume()\">\n <i\n 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)\"></i>\n <libs_ui-components-inputs-range_slider\n [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\n class=\"libs-ui-icon-download-solid ml-[16px] cursor-pointer\"\n (click)=\"handlerDownload($event)\"></i>\n </div>\n </div>\n <div class=\"h-[24px]\">\n <libs_ui-components-inputs-range_slider\n [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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"}
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, DestroyRef, effect, ElementRef, inject, input, output, signal, viewChild } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { LibsUiComponentsInputsRangeSliderComponent } from '@libs-ui/components-inputs-range-slider';\nimport { fromEvent, merge, Observable, tap } from 'rxjs';\nimport { IAudioFunctionControlEvent } from './interfaces/function-control-event.interface';\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: [LibsUiComponentsInputsRangeSliderComponent],\n})\nexport class LibsUiComponentsAudioComponent implements AfterViewInit {\n // =========================================\n // INTERNAL SIGNALS\n // =========================================\n\n protected audioRatioValue = signal<number>(0);\n\n protected volumeRatioValue = signal<number>(100);\n\n protected isPlay = signal<boolean>(false);\n\n protected isMute = signal<boolean>(false);\n\n protected isSliderAudioPress = signal<boolean>(false);\n\n protected isDisable = signal<boolean>(true);\n\n protected audioTimeCurrent = signal<string>('_:_:_');\n\n protected audioTimeDuration = signal<string>('_:_:_');\n\n protected showFullControlVolume = signal<boolean>(false);\n\n // =========================================\n // INPUTS\n // =========================================\n\n readonly fileAudio = input.required<string>();\n\n readonly checkPermissionDownloadAudio = input.required<() => Promise<boolean>>();\n\n // =========================================\n // VIEW CHILDREN\n // =========================================\n\n readonly audioRef = viewChild.required<ElementRef>('audioRef');\n\n readonly volumeControlRef = viewChild.required<ElementRef>('volumeControlRef');\n\n // =========================================\n // OUTPUTS\n // =========================================\n\n readonly outFunctionsControl = output<IAudioFunctionControlEvent>();\n\n readonly outVolumeControl = output<number>();\n\n readonly outTimeUpdate = output<{ currentTime: string; duration: string }>();\n\n readonly outEnded = output<void>();\n\n readonly outMute = output<boolean>();\n\n readonly outPlay = output<boolean>();\n\n // =========================================\n // PRIVATE PROPERTIES\n // =========================================\n\n private destroyRef = inject(DestroyRef);\n\n // =========================================\n // CONSTRUCTOR\n // =========================================\n\n constructor() {\n // Watch for file audio changes\n effect(() => {\n if (this.fileAudio() && this.audioRef()) {\n setTimeout(() => {\n this.audioRef().nativeElement.load();\n }, 0);\n }\n });\n\n effect(() => {\n this.outVolumeControl.emit(this.volumeRatioValue());\n });\n\n effect(() => {\n this.outTimeUpdate.emit({ currentTime: this.audioTimeCurrent(), duration: this.audioTimeDuration() });\n });\n\n effect(() => {\n this.outMute.emit(this.isMute());\n });\n\n effect(() => {\n this.outPlay.emit(this.isPlay());\n });\n }\n\n // =========================================\n // LIFECYCLE HOOKS\n // =========================================\n\n ngAfterViewInit(): void {\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 )\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe();\n\n // Emit function control event after view is initialized\n this.outFunctionsControl.emit(this.FunctionsControl);\n }\n\n // =========================================\n // PUBLIC API\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 // =========================================\n // PRIVATE METHODS\n // =========================================\n\n private initObservable(el: HTMLElement, eventName: string): Observable<MouseEvent> {\n return fromEvent<MouseEvent>(el, eventName).pipe(\n tap((e) => e.stopPropagation()),\n takeUntilDestroyed(this.destroyRef)\n );\n }\n\n protected async handlerKeyPressAudio(): Promise<void> {\n this.isSliderAudioPress.set(true);\n }\n\n protected async handlerAudioMuteMuted(event?: Event): Promise<void> {\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 return;\n }\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): Promise<void> {\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): Promise<void> {\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): Promise<void> {\n if (event) {\n event.stopPropagation();\n }\n\n this.isDisable.set(!(this.audioRef().nativeElement.duration || 0));\n\n if (!this.audioRef().nativeElement) {\n return;\n }\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\n if (this.isSliderAudioPress()) {\n this.audioRef().nativeElement.currentTime = (this.audioRatioValue() * Math.floor(this.audioRef().nativeElement.duration || 0)) / 100;\n return;\n }\n\n this.audioRatioValue.set(Math.floor(((this.audioRef().nativeElement.currentTime || 0) / (this.audioRef().nativeElement.duration || 1)) * 100));\n }\n\n /**\n * Format seconds -> HH:MM:SS.\n * Used for both `currentTime` and `duration` outputs to keep output stable.\n */\n private async toHHMMSS(time: number): Promise<string> {\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): Promise<void> {\n if (value === this.audioRatioValue()) {\n return;\n }\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): Promise<void> {\n this.audioRef().nativeElement.volume = value / 100;\n this.volumeRatioValue.set(value);\n\n if (this.audioRef().nativeElement.volume) {\n this.audioRef().nativeElement.muted = false;\n this.isMute.set(false);\n return;\n }\n\n this.audioRef().nativeElement.muted = true;\n this.isMute.set(true);\n }\n\n protected async handlerEnded(event: Event): Promise<void> {\n if (event) {\n event.stopPropagation();\n }\n\n this.isPlay.set(false);\n this.outEnded.emit();\n }\n\n /**\n * Download chỉ được thực hiện nếu callback permission trả về `true`.\n * Lưu ý: `checkPermissionDownloadAudio` là input function (factory), nên cần gọi 2 lần:\n * - lần 1: lấy function\n * - lần 2: execute function để lấy Promise<boolean>\n */\n protected async handlerDownload(e?: Event): Promise<void> {\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\n window.open(this.fileAudio(), '_blank');\n }\n}\n","<audio\n controls\n #audioRef\n class=\"hidden\"\n (timeupdate)=\"handlerTimeUpdate($event)\"\n (loadeddata)=\"handlerLoadedData($event)\"\n (ended)=\"handlerEnded($event)\">\n <source\n [src]=\"fileAudio()\"\n type=\"audio/mpeg\" />\n</audio>\n<div\n [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\n class=\"flex mr-[16px] cursor-pointer\"\n (click)=\"handlerAudioPausePlay($event)\">\n <i\n class=\"text-[16px]\"\n [class.libs-ui-icon-play-solid]=\"!isPlay()\"\n [class.libs-ui-icon-pause-solid]=\"isPlay()\"></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\n #volumeControlRef\n class=\"flex py-[3px] items-center rounded-[12px] h-[28px]\"\n [class.bg-[#e6e7ea]]=\"showFullControlVolume()\"\n [class.px-[12px]]=\"showFullControlVolume()\">\n <i\n 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)\"></i>\n <libs_ui-components-inputs-range_slider\n [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\n class=\"libs-ui-icon-download-solid ml-[16px] cursor-pointer\"\n (click)=\"handlerDownload($event)\"></i>\n </div>\n </div>\n <div class=\"h-[24px]\">\n <libs_ui-components-inputs-range_slider\n [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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"}
@@ -1,50 +1,39 @@
1
1
  /**
2
- * Interface cho các chức năng điều khiển audio được cung cấp qua output event
3
- * @description Cung cấp các method để điều khiển audio player từ component cha
2
+ * Public control surface để điều khiển audio từ component cha.
3
+ * Chỉ tả những điểm dễ dùng sai (như range/value).
4
4
  */
5
5
  export interface IAudioFunctionControlEvent {
6
- /**
7
- * Key để điều khiển audio
8
- * @returns void
9
- */
10
6
  /**
11
7
  * Bắt đầu hoặc tạm dừng phát audio
12
8
  * @param event Optional event object
13
- * @returns void
14
9
  */
15
10
  playPause: (event?: Event) => void;
16
11
  /**
17
12
  * Bật hoặc tắt âm thanh
18
13
  * @param event Optional event object
19
- * @returns void
20
14
  */
21
15
  toggleMute: (event?: Event) => void;
22
16
  /**
23
17
  * Điều chỉnh âm lượng
24
18
  * @param value Giá trị âm lượng từ 0 đến 100
25
- * @returns void
26
19
  */
27
20
  setVolume: (value: number) => void;
28
21
  /**
29
22
  * Di chuyển đến vị trí cụ thể trong audio
30
23
  * @param value Giá trị phần trăm từ 0 đến 100
31
- * @returns void
32
24
  */
33
25
  seekTo: (value: number) => void;
34
26
  /**
35
27
  * Tải xuống file audio
36
28
  * @param event Optional event object
37
- * @returns void
38
29
  */
39
30
  download: (event?: Event) => void;
40
31
  /**
41
32
  * Kiểm tra trạng thái đang phát audio
42
- * @returns boolean True nếu đang phát, False nếu đang tạm dừng
43
33
  */
44
34
  isPlaying: () => boolean;
45
35
  /**
46
36
  * Kiểm tra trạng thái tắt tiếng
47
- * @returns boolean True nếu đang tắt tiếng, False nếu đang bật tiếng
48
37
  */
49
38
  isMuted: () => boolean;
50
39
  }
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@libs-ui/components-audio",
3
- "version": "0.2.355-9",
3
+ "version": "0.2.356-0",
4
4
  "peerDependencies": {
5
5
  "@angular/core": ">=18.0.0",
6
- "@libs-ui/components-inputs-range-slider": "0.2.355-9",
6
+ "@libs-ui/components-inputs-range-slider": "0.2.356-0",
7
7
  "rxjs": "~7.8.0"
8
8
  },
9
9
  "sideEffects": false,