@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 +136 -273
- package/audio.component.d.ts +10 -0
- package/esm2022/audio.component.mjs +39 -8
- package/esm2022/interfaces/function-control-event.interface.mjs +1 -1
- package/fesm2022/libs-ui-components-audio.mjs +38 -7
- package/fesm2022/libs-ui-components-audio.mjs.map +1 -1
- package/interfaces/function-control-event.interface.d.ts +2 -13
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,347 +1,210 @@
|
|
|
1
|
-
#
|
|
1
|
+
# @libs-ui/components-audio
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
> Component phát âm thanh với đầy đủ chức năng điều khiển cho Angular.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
## Giới thiệu
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
`LibsUiComponentsAudioComponent` là 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
|
|
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
|
-
-
|
|
16
|
-
-
|
|
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
|
-
|
|
24
|
+
# yarn
|
|
29
25
|
yarn add @libs-ui/components-audio
|
|
30
26
|
```
|
|
31
27
|
|
|
32
28
|
## Sử dụng
|
|
33
29
|
|
|
34
|
-
### Import
|
|
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 {
|
|
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: [
|
|
39
|
+
imports: [LibsUiComponentsAudioComponent],
|
|
59
40
|
template: `
|
|
60
41
|
<libs_ui-components-audio
|
|
61
|
-
[fileAudio]="
|
|
62
|
-
[checkPermissionDownloadAudio]="
|
|
63
|
-
(outFunctionsControl)="
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
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
|
-
|
|
73
|
-
|
|
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
|
-
|
|
76
|
-
|
|
77
|
-
return Promise.resolve(true);
|
|
66
|
+
onVolumeChange(volume: number) {
|
|
67
|
+
console.log('Âm lượng:', volume);
|
|
78
68
|
}
|
|
79
69
|
|
|
80
|
-
|
|
81
|
-
|
|
70
|
+
onTimeUpdate(time: { currentTime: string; duration: string }) {
|
|
71
|
+
console.log('Thời gian:', time.currentTime, '/', time.duration);
|
|
82
72
|
}
|
|
83
73
|
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
this.functionControls.playPause();
|
|
87
|
-
}
|
|
74
|
+
onMuteChange(isMuted: boolean) {
|
|
75
|
+
console.log('Tắt tiếng:', isMuted);
|
|
88
76
|
}
|
|
89
77
|
|
|
90
|
-
|
|
91
|
-
|
|
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
|
|
103
|
-
|
|
|
104
|
-
| fileAudio | `string` |
|
|
105
|
-
| checkPermissionDownloadAudio | `() => Promise<boolean>` |
|
|
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
|
|
110
|
-
|
|
|
111
|
-
| outFunctionsControl | `IAudioFunctionControlEvent` |
|
|
112
|
-
| outVolumeControl | `number` |
|
|
113
|
-
| outTimeUpdate | `{ currentTime: string, duration: string }` |
|
|
114
|
-
| outEnded | `void` |
|
|
115
|
-
| outMute | `boolean` |
|
|
116
|
-
| outPlay | `boolean` |
|
|
117
|
-
|
|
118
|
-
###
|
|
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
|
-
##
|
|
170
|
+
## Công nghệ sử dụng
|
|
146
171
|
|
|
147
|
-
|
|
172
|
+
- **Angular 18+** - Standalone Components
|
|
173
|
+
- **Angular Signals** - Reactive state management
|
|
174
|
+
- **RxJS** - Event handling với `takeUntilDestroyed`
|
|
175
|
+
- **TailwindCSS** - Styling
|
|
148
176
|
|
|
149
|
-
|
|
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
|
-
|
|
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 có sẵn trong ứng dụng `core-ui`:
|
|
165
180
|
|
|
166
|
-
|
|
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
|
-
|
|
180
|
-
|
|
181
|
-
### Sử dụng Function Control
|
|
185
|
+
**File demo:** `apps/core-ui/src/app/components/audio/audio.component.ts`
|
|
182
186
|
|
|
183
|
-
|
|
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
|
-
|
|
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
|
-
|
|
250
|
-
|
|
251
|
-
|
|
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
|
-
|
|
257
|
-
if (this.functionControls) {
|
|
258
|
-
this.functionControls.toggleMute();
|
|
259
|
-
this.isMuted.set(this.functionControls.isMuted());
|
|
260
|
-
}
|
|
261
|
-
}
|
|
195
|
+
## Unit Tests
|
|
262
196
|
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
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
|
-
|
|
272
|
-
|
|
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
|
-
|
|
280
|
-
|
|
281
|
-
this.functionControls.download();
|
|
282
|
-
}
|
|
283
|
-
}
|
|
284
|
-
}
|
|
204
|
+
# Watch mode
|
|
205
|
+
npx nx test components-audio --watch
|
|
285
206
|
```
|
|
286
207
|
|
|
287
|
-
|
|
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
|
-
|
|
340
|
-
this.isMuted.set(isMuted);
|
|
341
|
-
}
|
|
342
|
-
|
|
343
|
-
handleEnded() {
|
|
344
|
-
this.isPlaying.set(false);
|
|
345
|
-
}
|
|
346
|
-
}
|
|
347
|
-
```
|
|
210
|
+
MIT
|
package/audio.component.d.ts
CHANGED
|
@@ -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
|
-
//
|
|
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
|
-
//
|
|
19
|
+
// =========================================
|
|
20
|
+
// INPUTS
|
|
21
|
+
// =========================================
|
|
18
22
|
fileAudio = input.required();
|
|
19
23
|
checkPermissionDownloadAudio = input.required();
|
|
20
|
-
|
|
24
|
+
// =========================================
|
|
25
|
+
// VIEW CHILDREN
|
|
26
|
+
// =========================================
|
|
21
27
|
audioRef = viewChild.required('audioRef');
|
|
22
28
|
volumeControlRef = viewChild.required('volumeControlRef');
|
|
23
|
-
|
|
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
|
-
|
|
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(),
|
|
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,
|
|
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
|
-
//
|
|
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
|
-
//
|
|
20
|
+
// =========================================
|
|
21
|
+
// INPUTS
|
|
22
|
+
// =========================================
|
|
19
23
|
fileAudio = input.required();
|
|
20
24
|
checkPermissionDownloadAudio = input.required();
|
|
21
|
-
|
|
25
|
+
// =========================================
|
|
26
|
+
// VIEW CHILDREN
|
|
27
|
+
// =========================================
|
|
22
28
|
audioRef = viewChild.required('audioRef');
|
|
23
29
|
volumeControlRef = viewChild.required('volumeControlRef');
|
|
24
|
-
|
|
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
|
-
|
|
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(),
|
|
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
|
-
*
|
|
3
|
-
*
|
|
2
|
+
* Public control surface để điều khiển audio từ component cha.
|
|
3
|
+
* Chỉ mô 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.
|
|
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.
|
|
6
|
+
"@libs-ui/components-inputs-range-slider": "0.2.356-0",
|
|
7
7
|
"rxjs": "~7.8.0"
|
|
8
8
|
},
|
|
9
9
|
"sideEffects": false,
|