@therealtinhtute/baroiplayer 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/context/media.js +2 -0
- package/dist/context/media.js.map +1 -0
- package/dist/context/media.mjs +15 -0
- package/dist/context/media.mjs.map +1 -0
- package/dist/context/store.js +2 -0
- package/dist/context/store.js.map +1 -0
- package/dist/context/store.mjs +5 -0
- package/dist/context/store.mjs.map +1 -0
- package/dist/context-Af84FynT.js +1179 -0
- package/dist/context-Af84FynT.js.map +1 -0
- package/dist/context-CwZnPdz0.cjs +23 -0
- package/dist/context-CwZnPdz0.cjs.map +1 -0
- package/dist/core-events-B5W_j8yU.js +480 -0
- package/dist/core-events-B5W_j8yU.js.map +1 -0
- package/dist/core-events-CN0-Vhhq.cjs +2 -0
- package/dist/core-events-CN0-Vhhq.cjs.map +1 -0
- package/dist/core-plugins-Bq9KLany.js +696 -0
- package/dist/core-plugins-Bq9KLany.js.map +1 -0
- package/dist/core-plugins-CPDSHMiQ.cjs +2 -0
- package/dist/core-plugins-CPDSHMiQ.cjs.map +1 -0
- package/dist/core.js +37 -0
- package/dist/core.js.map +1 -0
- package/dist/core.mjs +1217 -0
- package/dist/core.mjs.map +1 -0
- package/dist/enhanced-components-CXnYiOt6.cjs +2 -0
- package/dist/enhanced-components-CXnYiOt6.cjs.map +1 -0
- package/dist/enhanced-components-Da0TSvKe.js +1073 -0
- package/dist/enhanced-components-Da0TSvKe.js.map +1 -0
- package/dist/hooks-BhW_i-9L.js +2013 -0
- package/dist/hooks-BhW_i-9L.js.map +1 -0
- package/dist/hooks-DTXeB5Z-.cjs +4 -0
- package/dist/hooks-DTXeB5Z-.cjs.map +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js.map +1 -0
- package/dist/index.mjs.map +1 -0
- package/dist/minimal-components-B0bILe18.js +2002 -0
- package/dist/minimal-components-B0bILe18.js.map +1 -0
- package/dist/minimal-components-BsqodtY8.cjs +2 -0
- package/dist/minimal-components-BsqodtY8.cjs.map +1 -0
- package/dist/minimal-components.css +589 -0
- package/dist/mona-loading.gif +0 -0
- package/dist/performance-monitor--rzKTlbj.js +302 -0
- package/dist/performance-monitor--rzKTlbj.js.map +1 -0
- package/dist/performance-monitor-cjIvZE2D.cjs +2 -0
- package/dist/performance-monitor-cjIvZE2D.cjs.map +1 -0
- package/dist/src/components/AnimateLoading.tsx +1 -1
- package/dist/src/components/enhanced/debug-panel.tsx +1 -1
- package/dist/src/components/media-player.tsx +2 -2
- package/dist/src/components/ui/media-resource-preloader.tsx +9 -11
- package/dist/src/components/ui/seek-bar.tsx +1 -1
- package/dist/src/core/plugins/enhanced-plugin-system.ts +14 -8
- package/dist/src/core/providers/enhanced-hls-provider.ts +22 -53
- package/dist/src/hooks/use-enhanced-media-player.ts +19 -2
- package/dist/src/types/index.ts +40 -5
- package/dist/styles/minimal-player.css +589 -0
- package/dist/utils-Db13763z.cjs +9 -0
- package/dist/utils-Db13763z.cjs.map +1 -0
- package/dist/utils-nTO4AnHo.js +2809 -0
- package/dist/utils-nTO4AnHo.js.map +1 -0
- package/dist/utils.js +2 -0
- package/dist/utils.js.map +1 -0
- package/dist/utils.mjs +7 -0
- package/dist/utils.mjs.map +1 -0
- package/package.json +1 -1
- package/src/components/AnimateLoading.tsx +1 -1
- package/src/components/enhanced/debug-panel.tsx +1 -1
- package/src/components/media-player.tsx +2 -2
- package/src/components/ui/media-resource-preloader.tsx +9 -11
- package/src/components/ui/seek-bar.tsx +1 -1
- package/src/core/plugins/enhanced-plugin-system.ts +14 -8
- package/src/core/providers/enhanced-hls-provider.ts +22 -53
- package/src/hooks/use-enhanced-media-player.ts +19 -2
- package/src/types/index.ts +40 -5
|
@@ -0,0 +1,589 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Minimal Media Player Styles - Fixed without @apply
|
|
3
|
+
* Uses cyan-700 as primary color
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
@layer components {
|
|
7
|
+
/* Main player container */
|
|
8
|
+
.minimal-player {
|
|
9
|
+
position: relative;
|
|
10
|
+
overflow: hidden;
|
|
11
|
+
border-radius: 0.5rem;
|
|
12
|
+
background-color: #000000;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/* Control bar styles */
|
|
16
|
+
.minimal-control-bar {
|
|
17
|
+
background: linear-gradient(
|
|
18
|
+
to top,
|
|
19
|
+
rgba(0, 0, 0, 0.95) 0%,
|
|
20
|
+
rgba(0, 0, 0, 0.7) 50%,
|
|
21
|
+
transparent 100%
|
|
22
|
+
);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/* Button styles - cyan-700 primary */
|
|
26
|
+
.minimal-btn {
|
|
27
|
+
display: inline-flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
justify-content: center;
|
|
30
|
+
height: 2.5rem;
|
|
31
|
+
width: 2.5rem;
|
|
32
|
+
border-radius: 9999px;
|
|
33
|
+
color: #ffffff;
|
|
34
|
+
transition: all 200ms;
|
|
35
|
+
background: none !important;
|
|
36
|
+
border: none !important;
|
|
37
|
+
outline: none !important;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.minimal-btn:hover {
|
|
41
|
+
color: #67e8f9;
|
|
42
|
+
transform: scale(1.1);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.minimal-btn:active {
|
|
46
|
+
transform: scale(0.95);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.minimal-btn:focus-visible {
|
|
50
|
+
box-shadow: 0 0 0 2px #000000, 0 0 0 4px #06b6d4;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/* Active/highlighted button state */
|
|
54
|
+
.minimal-btn.text-cyan-500 {
|
|
55
|
+
color: #22d3ee;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.minimal-btn.text-cyan-500:hover {
|
|
59
|
+
color: #67e8f9;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/* Larger button variant */
|
|
63
|
+
.minimal-btn-lg {
|
|
64
|
+
height: 3.5rem;
|
|
65
|
+
width: 3.5rem;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
/* Center play button */
|
|
69
|
+
.minimal-center-play {
|
|
70
|
+
position: absolute;
|
|
71
|
+
top: 50%;
|
|
72
|
+
left: 50%;
|
|
73
|
+
transform: translate(-50%, -50%);
|
|
74
|
+
height: 5rem;
|
|
75
|
+
width: 5rem;
|
|
76
|
+
border-radius: 9999px;
|
|
77
|
+
display: flex;
|
|
78
|
+
align-items: center;
|
|
79
|
+
justify-content: center;
|
|
80
|
+
color: #ffffff;
|
|
81
|
+
transition: all 300ms;
|
|
82
|
+
background: none !important;
|
|
83
|
+
border: none !important;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.minimal-center-play:hover {
|
|
87
|
+
color: #67e8f9;
|
|
88
|
+
transform: translate(-50%, -50%) scale(1.1);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
/* Seek bar styles */
|
|
92
|
+
.minimal-seekbar {
|
|
93
|
+
position: relative;
|
|
94
|
+
height: 0.25rem;
|
|
95
|
+
background-color: rgba(255, 255, 255, 0.2);
|
|
96
|
+
border-radius: 9999px;
|
|
97
|
+
cursor: pointer;
|
|
98
|
+
transition: all 200ms;
|
|
99
|
+
opacity: 1;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
/* Always show seekbar but enhance on hover */
|
|
103
|
+
.minimal-seekbar:hover {
|
|
104
|
+
height: 0.375rem;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.minimal-seekbar-buffered {
|
|
108
|
+
position: absolute;
|
|
109
|
+
top: 0;
|
|
110
|
+
height: 100%;
|
|
111
|
+
background: linear-gradient(
|
|
112
|
+
90deg,
|
|
113
|
+
rgba(255, 255, 255, 0.2),
|
|
114
|
+
rgba(255, 255, 255, 0.3)
|
|
115
|
+
);
|
|
116
|
+
border-radius: 9999px;
|
|
117
|
+
transition: all 200ms ease-out;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.minimal-seekbar-progress {
|
|
121
|
+
position: absolute;
|
|
122
|
+
top: 0;
|
|
123
|
+
left: 0;
|
|
124
|
+
height: 100%;
|
|
125
|
+
border-radius: 9999px;
|
|
126
|
+
background: linear-gradient(90deg, rgb(6, 182, 212), rgb(14, 116, 144));
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.minimal-seekbar-thumb {
|
|
130
|
+
position: absolute;
|
|
131
|
+
top: 50%;
|
|
132
|
+
transform: translateY(-50%);
|
|
133
|
+
width: 1rem;
|
|
134
|
+
height: 1rem;
|
|
135
|
+
background-color: #06b6d4;
|
|
136
|
+
border-radius: 9999px;
|
|
137
|
+
box-shadow: 0 10px 15px -3px rgba(6, 182, 212, 0.5), 0 4px 6px -2px rgba(6, 182, 212, 0.5);
|
|
138
|
+
opacity: 0;
|
|
139
|
+
transform: translateY(-50%) scale(0);
|
|
140
|
+
transition: all 200ms;
|
|
141
|
+
border: 2px solid white;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
/* Seeking state styles */
|
|
145
|
+
.minimal-seekbar-seeking {
|
|
146
|
+
opacity: 0.8;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.minimal-seekbar-progress-seeking {
|
|
150
|
+
animation: seekingPulse 1s ease-in-out infinite;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
@keyframes seekingPulse {
|
|
154
|
+
0%, 100% { opacity: 1; }
|
|
155
|
+
50% { opacity: 0.6; }
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.minimal-seekbar-thumb-seeking {
|
|
159
|
+
background-color: #22d3ee;
|
|
160
|
+
animation: thumbPulse 0.8s ease-in-out infinite;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
@keyframes thumbPulse {
|
|
164
|
+
0%, 100% { transform: translateY(-50%) scale(1); }
|
|
165
|
+
50% { transform: translateY(-50%) scale(1.2); }
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
/* Hover indicator */
|
|
169
|
+
.minimal-seekbar-hover-indicator {
|
|
170
|
+
position: absolute;
|
|
171
|
+
top: 0;
|
|
172
|
+
width: 2px;
|
|
173
|
+
height: 100%;
|
|
174
|
+
background-color: rgba(255, 255, 255, 0.5);
|
|
175
|
+
pointer-events: none;
|
|
176
|
+
transition: opacity 150ms;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
/* Ripple effect */
|
|
180
|
+
.minimal-seekbar-ripple {
|
|
181
|
+
position: absolute;
|
|
182
|
+
width: 20px;
|
|
183
|
+
height: 20px;
|
|
184
|
+
border-radius: 50%;
|
|
185
|
+
background-color: rgba(6, 182, 212, 0.3);
|
|
186
|
+
transform: translate(-50%, -50%);
|
|
187
|
+
pointer-events: none;
|
|
188
|
+
animation: ripple 600ms ease-out;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
@keyframes ripple {
|
|
192
|
+
from {
|
|
193
|
+
width: 0;
|
|
194
|
+
height: 0;
|
|
195
|
+
opacity: 1;
|
|
196
|
+
}
|
|
197
|
+
to {
|
|
198
|
+
width: 40px;
|
|
199
|
+
height: 40px;
|
|
200
|
+
opacity: 0;
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.minimal-seekbar:hover .minimal-seekbar-thumb,
|
|
205
|
+
.minimal-seekbar-thumb.active {
|
|
206
|
+
opacity: 1;
|
|
207
|
+
transform: translateY(-50%) scale(1);
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
/* Volume Control Styles */
|
|
211
|
+
.volume-control-wrapper {
|
|
212
|
+
position: relative;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.volume-control-wrapper:hover .volume-slider-horizontal-wrapper {
|
|
216
|
+
width: 6rem;
|
|
217
|
+
opacity: 1;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
/* Horizontal Volume Slider */
|
|
221
|
+
.volume-slider-track-horizontal {
|
|
222
|
+
position: relative;
|
|
223
|
+
height: 0.25rem;
|
|
224
|
+
width: 100%;
|
|
225
|
+
border-radius: 9999px;
|
|
226
|
+
cursor: pointer;
|
|
227
|
+
background-color: rgba(255, 255, 255, 0.2);
|
|
228
|
+
transition: all 200ms;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.volume-slider-track-horizontal:hover {
|
|
232
|
+
height: 0.375rem;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.volume-slider-fill-horizontal {
|
|
236
|
+
position: absolute;
|
|
237
|
+
top: 0;
|
|
238
|
+
left: 0;
|
|
239
|
+
height: 100%;
|
|
240
|
+
border-radius: 9999px;
|
|
241
|
+
transition: all 100ms ease-out;
|
|
242
|
+
background: linear-gradient(
|
|
243
|
+
90deg,
|
|
244
|
+
rgb(6, 182, 212) 0%,
|
|
245
|
+
rgb(14, 116, 144) 50%,
|
|
246
|
+
rgb(8, 145, 178) 100%
|
|
247
|
+
);
|
|
248
|
+
box-shadow: 0 0 8px rgba(6, 182, 212, 0.4);
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
.volume-slider-thumb-horizontal {
|
|
252
|
+
position: absolute;
|
|
253
|
+
top: 50%;
|
|
254
|
+
transform: translate(-50%, -50%);
|
|
255
|
+
width: 0.75rem;
|
|
256
|
+
height: 0.75rem;
|
|
257
|
+
background-color: #ffffff;
|
|
258
|
+
border-radius: 9999px;
|
|
259
|
+
opacity: 0;
|
|
260
|
+
transform: translate(-50%, -50%) scale(0);
|
|
261
|
+
transition: all 200ms;
|
|
262
|
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
263
|
+
border: 1.5px solid rgb(6, 182, 212);
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
.group:hover .volume-slider-thumb-horizontal,
|
|
267
|
+
.volume-slider-thumb-horizontal.active {
|
|
268
|
+
opacity: 1;
|
|
269
|
+
transform: translate(-50%, -50%) scale(1);
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
/* Vertical Volume Slider */
|
|
273
|
+
.volume-slider-track-vertical {
|
|
274
|
+
position: relative;
|
|
275
|
+
width: 0.25rem;
|
|
276
|
+
height: 6rem;
|
|
277
|
+
border-radius: 9999px;
|
|
278
|
+
cursor: pointer;
|
|
279
|
+
background-color: rgba(255, 255, 255, 0.2);
|
|
280
|
+
transition: all 200ms;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
.volume-slider-track-vertical:hover {
|
|
284
|
+
width: 0.375rem;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
.volume-slider-fill-vertical {
|
|
288
|
+
position: absolute;
|
|
289
|
+
bottom: 0;
|
|
290
|
+
left: 0;
|
|
291
|
+
width: 100%;
|
|
292
|
+
border-radius: 9999px;
|
|
293
|
+
transition: all 100ms ease-out;
|
|
294
|
+
background: linear-gradient(
|
|
295
|
+
180deg,
|
|
296
|
+
rgb(6, 182, 212) 0%,
|
|
297
|
+
rgb(14, 116, 144) 50%,
|
|
298
|
+
rgb(8, 145, 178) 100%
|
|
299
|
+
);
|
|
300
|
+
box-shadow: 0 0 8px rgba(6, 182, 212, 0.4);
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.volume-slider-thumb-vertical {
|
|
304
|
+
position: absolute;
|
|
305
|
+
left: 50%;
|
|
306
|
+
transform: translate(-50%, 50%);
|
|
307
|
+
width: 0.75rem;
|
|
308
|
+
height: 0.75rem;
|
|
309
|
+
background-color: #ffffff;
|
|
310
|
+
border-radius: 9999px;
|
|
311
|
+
opacity: 0;
|
|
312
|
+
transform: translate(-50%, 50%) scale(0);
|
|
313
|
+
transition: all 200ms;
|
|
314
|
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
315
|
+
border: 1.5px solid rgb(6, 182, 212);
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.group:hover .volume-slider-thumb-vertical,
|
|
319
|
+
.volume-slider-thumb-vertical.active {
|
|
320
|
+
opacity: 1;
|
|
321
|
+
transform: translate(-50%, 50%) scale(1);
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
/* Hover effects for better interactivity */
|
|
325
|
+
.volume-slider-track-horizontal:active,
|
|
326
|
+
.volume-slider-track-vertical:active {
|
|
327
|
+
opacity: 0.9;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
/* Legacy volume styles */
|
|
331
|
+
.minimal-volume {
|
|
332
|
+
display: flex;
|
|
333
|
+
align-items: center;
|
|
334
|
+
gap: 0.5rem;
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
.minimal-volume-slider {
|
|
338
|
+
width: 0;
|
|
339
|
+
opacity: 0;
|
|
340
|
+
transition: all 300ms;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
.minimal-volume:hover .minimal-volume-slider {
|
|
344
|
+
width: 6rem;
|
|
345
|
+
opacity: 1;
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
.minimal-volume-track {
|
|
349
|
+
height: 0.25rem;
|
|
350
|
+
background-color: rgba(255, 255, 255, 0.2);
|
|
351
|
+
border-radius: 9999px;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
.minimal-volume-fill {
|
|
355
|
+
height: 100%;
|
|
356
|
+
background-color: #06b6d4;
|
|
357
|
+
border-radius: 9999px;
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
/* Time display */
|
|
361
|
+
.minimal-time {
|
|
362
|
+
color: #ffffff;
|
|
363
|
+
font-size: 0.875rem;
|
|
364
|
+
font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
|
|
365
|
+
user-select: none;
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
@media (max-width: 640px) {
|
|
369
|
+
.minimal-time {
|
|
370
|
+
display: none;
|
|
371
|
+
}
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
@media (min-width: 640px) {
|
|
375
|
+
.minimal-time {
|
|
376
|
+
display: block;
|
|
377
|
+
}
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
/* Loading states and animations */
|
|
381
|
+
.minimal-loading {
|
|
382
|
+
position: absolute;
|
|
383
|
+
inset: 0;
|
|
384
|
+
display: flex;
|
|
385
|
+
align-items: center;
|
|
386
|
+
justify-content: center;
|
|
387
|
+
background-color: rgba(0, 0, 0, 0.8);
|
|
388
|
+
z-index: 50;
|
|
389
|
+
animation: fadeIn 200ms ease-out;
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
/* Spinner animation */
|
|
393
|
+
.minimal-loading-spinner {
|
|
394
|
+
animation: spin 1s linear infinite;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
.minimal-spinner {
|
|
398
|
+
width: 3rem;
|
|
399
|
+
height: 3rem;
|
|
400
|
+
border: 4px solid rgba(255, 255, 255, 0.2);
|
|
401
|
+
border-top-color: #06b6d4;
|
|
402
|
+
border-radius: 9999px;
|
|
403
|
+
animation: spin 1s linear infinite;
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
@keyframes spin {
|
|
407
|
+
from { transform: rotate(0deg); }
|
|
408
|
+
to { transform: rotate(360deg); }
|
|
409
|
+
}
|
|
410
|
+
|
|
411
|
+
/* Dots animation */
|
|
412
|
+
.minimal-loading-dot {
|
|
413
|
+
animation: pulse 1.4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
@keyframes pulse {
|
|
417
|
+
0%, 100% {
|
|
418
|
+
opacity: 1;
|
|
419
|
+
transform: scale(1);
|
|
420
|
+
}
|
|
421
|
+
50% {
|
|
422
|
+
opacity: 0.3;
|
|
423
|
+
transform: scale(0.8);
|
|
424
|
+
}
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
/* Skeleton animation */
|
|
428
|
+
.minimal-loading-skeleton {
|
|
429
|
+
animation: shimmer 2s ease-in-out infinite;
|
|
430
|
+
background: linear-gradient(
|
|
431
|
+
90deg,
|
|
432
|
+
rgba(255, 255, 255, 0.1) 0%,
|
|
433
|
+
rgba(255, 255, 255, 0.2) 50%,
|
|
434
|
+
rgba(255, 255, 255, 0.1) 100%
|
|
435
|
+
);
|
|
436
|
+
background-size: 200% 100%;
|
|
437
|
+
}
|
|
438
|
+
|
|
439
|
+
@keyframes shimmer {
|
|
440
|
+
0% { background-position: -200% center; }
|
|
441
|
+
100% { background-position: 200% center; }
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
/* Fade animations */
|
|
445
|
+
@keyframes fadeIn {
|
|
446
|
+
from {
|
|
447
|
+
opacity: 0;
|
|
448
|
+
transform: scale(0.95);
|
|
449
|
+
}
|
|
450
|
+
to {
|
|
451
|
+
opacity: 1;
|
|
452
|
+
transform: scale(1);
|
|
453
|
+
}
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
@keyframes fadeOut {
|
|
457
|
+
from {
|
|
458
|
+
opacity: 1;
|
|
459
|
+
transform: scale(1);
|
|
460
|
+
}
|
|
461
|
+
to {
|
|
462
|
+
opacity: 0;
|
|
463
|
+
transform: scale(0.95);
|
|
464
|
+
}
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
/* Quality/Speed buttons */
|
|
468
|
+
.minimal-quality-btn,
|
|
469
|
+
.minimal-speed-btn {
|
|
470
|
+
padding: 0.375rem 0.75rem;
|
|
471
|
+
border-radius: 0.375rem;
|
|
472
|
+
background-color: rgba(255, 255, 255, 0.1);
|
|
473
|
+
color: #ffffff;
|
|
474
|
+
font-size: 0.875rem;
|
|
475
|
+
font-weight: 500;
|
|
476
|
+
transition: all 200ms;
|
|
477
|
+
border: none !important;
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
.minimal-quality-btn:hover,
|
|
481
|
+
.minimal-speed-btn:hover {
|
|
482
|
+
background-color: rgba(14, 116, 144, 0.3);
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
/* Control visibility animations */
|
|
486
|
+
.minimal-controls-visible {
|
|
487
|
+
opacity: 1;
|
|
488
|
+
transform: translateY(0);
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
.minimal-controls-hidden {
|
|
492
|
+
opacity: 0;
|
|
493
|
+
transform: translateY(0.5rem);
|
|
494
|
+
pointer-events: none;
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
/* Settings dropdown */
|
|
498
|
+
.minimal-settings-dropdown {
|
|
499
|
+
position: absolute;
|
|
500
|
+
bottom: 100%;
|
|
501
|
+
right: 0;
|
|
502
|
+
margin-bottom: 0.5rem;
|
|
503
|
+
background-color: #1f2937;
|
|
504
|
+
border-radius: 0.5rem;
|
|
505
|
+
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
|
|
506
|
+
border: 1px solid #374151;
|
|
507
|
+
min-width: 200px;
|
|
508
|
+
padding: 0.5rem 0;
|
|
509
|
+
animation: slideUp 0.2s ease-out;
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
@keyframes slideUp {
|
|
513
|
+
from {
|
|
514
|
+
opacity: 0;
|
|
515
|
+
transform: translateY(10px);
|
|
516
|
+
}
|
|
517
|
+
to {
|
|
518
|
+
opacity: 1;
|
|
519
|
+
transform: translateY(0);
|
|
520
|
+
}
|
|
521
|
+
}
|
|
522
|
+
|
|
523
|
+
/* Subtitle display */
|
|
524
|
+
.minimal-subtitle-display {
|
|
525
|
+
position: absolute;
|
|
526
|
+
bottom: 5rem;
|
|
527
|
+
left: 0;
|
|
528
|
+
right: 0;
|
|
529
|
+
text-align: center;
|
|
530
|
+
padding: 0 1rem;
|
|
531
|
+
pointer-events: none;
|
|
532
|
+
z-index: 35;
|
|
533
|
+
}
|
|
534
|
+
|
|
535
|
+
.minimal-subtitle-text {
|
|
536
|
+
display: inline-block;
|
|
537
|
+
background-color: rgba(0, 0, 0, 0.75);
|
|
538
|
+
color: #ffffff;
|
|
539
|
+
padding: 0.5rem 1rem;
|
|
540
|
+
border-radius: 0.375rem;
|
|
541
|
+
font-size: 1.125rem;
|
|
542
|
+
font-weight: 500;
|
|
543
|
+
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
|
|
544
|
+
}
|
|
545
|
+
|
|
546
|
+
/* Screenshot button special effect */
|
|
547
|
+
.minimal-btn-screenshot:active {
|
|
548
|
+
animation: flash 0.3s;
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
@keyframes flash {
|
|
552
|
+
0%, 100% { opacity: 1; }
|
|
553
|
+
50% { opacity: 0.5; background-color: rgba(255, 255, 255, 0.3); }
|
|
554
|
+
}
|
|
555
|
+
|
|
556
|
+
/* Remove all default borders */
|
|
557
|
+
.minimal-player * {
|
|
558
|
+
border-color: transparent !important;
|
|
559
|
+
}
|
|
560
|
+
|
|
561
|
+
.minimal-player button {
|
|
562
|
+
border: none !important;
|
|
563
|
+
outline: none !important;
|
|
564
|
+
}
|
|
565
|
+
}
|
|
566
|
+
|
|
567
|
+
/* Cyan-700 color scheme override */
|
|
568
|
+
@layer base {
|
|
569
|
+
.minimal-player {
|
|
570
|
+
--primary: rgb(14, 116, 144);
|
|
571
|
+
--primary-light: rgb(6, 182, 212);
|
|
572
|
+
--primary-dark: rgb(21, 94, 117);
|
|
573
|
+
--primary-hover: rgba(14, 116, 144, 0.3);
|
|
574
|
+
--primary-active: rgba(14, 116, 144, 0.4);
|
|
575
|
+
}
|
|
576
|
+
}
|
|
577
|
+
|
|
578
|
+
/* Z-index management */
|
|
579
|
+
@layer utilities {
|
|
580
|
+
.z-40 { z-index: 40; }
|
|
581
|
+
.z-45 { z-index: 45; }
|
|
582
|
+
.z-50 { z-index: 50; }
|
|
583
|
+
|
|
584
|
+
/* Border utilities */
|
|
585
|
+
.border-3 { border-width: 3px; }
|
|
586
|
+
|
|
587
|
+
/* Backdrop blur utilities - removed for performance */
|
|
588
|
+
.backdrop-blur-xs { /* backdrop-filter: blur(2px); */ }
|
|
589
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";function ke(e){var o,t,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(o=0;o<i;o++)e[o]&&(t=ke(e[o]))&&(r&&(r+=" "),r+=t)}else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function X(){for(var e,o,t=0,r="",i=arguments.length;t<i;t++)(e=arguments[t])&&(o=ke(e))&&(r&&(r+=" "),r+=o);return r}const ae="-",$e=e=>{const o=Ne(e),{conflictingClassGroups:t,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:l=>{const u=l.split(ae);return u[0]===""&&u.length!==1&&u.shift(),ve(u,o)||Te(l)},getConflictingClassGroupIds:(l,u)=>{const p=t[l]||[];return u&&r[l]?[...p,...r[l]]:p}}},ve=(e,o)=>{if(e.length===0)return o.classGroupId;const t=e[0],r=o.nextPart.get(t),i=r?ve(e.slice(1),r):void 0;if(i)return i;if(o.validators.length===0)return;const m=e.join(ae);return o.validators.find(({validator:l})=>l(m))?.classGroupId},be=/^\[(.+)\]$/,Te=e=>{if(be.test(e)){const o=be.exec(e)[1],t=o?.substring(0,o.indexOf(":"));if(t)return"arbitrary.."+t}},Ne=e=>{const{theme:o,classGroups:t}=e,r={nextPart:new Map,validators:[]};for(const i in t)te(t[i],r,i,o);return r},te=(e,o,t,r)=>{e.forEach(i=>{if(typeof i=="string"){const m=i===""?o:he(o,i);m.classGroupId=t;return}if(typeof i=="function"){if(Ee(i)){te(i(r),o,t,r);return}o.validators.push({validator:i,classGroupId:t});return}Object.entries(i).forEach(([m,l])=>{te(l,he(o,m),t,r)})})},he=(e,o)=>{let t=e;return o.split(ae).forEach(r=>{t.nextPart.has(r)||t.nextPart.set(r,{nextPart:new Map,validators:[]}),t=t.nextPart.get(r)}),t},Ee=e=>e.isThemeGetter,Le=e=>{if(e<1)return{get:()=>{},set:()=>{}};let o=0,t=new Map,r=new Map;const i=(m,l)=>{t.set(m,l),o++,o>e&&(o=0,r=t,t=new Map)};return{get(m){let l=t.get(m);if(l!==void 0)return l;if((l=r.get(m))!==void 0)return i(m,l),l},set(m,l){t.has(m)?t.set(m,l):i(m,l)}}},se="!",ne=":",je=ne.length,Oe=e=>{const{prefix:o,experimentalParseClassName:t}=e;let r=i=>{const m=[];let l=0,u=0,p=0,b;for(let y=0;y<i.length;y++){let k=i[y];if(l===0&&u===0){if(k===ne){m.push(i.slice(p,y)),p=y+je;continue}if(k==="/"){b=y;continue}}k==="["?l++:k==="]"?l--:k==="("?u++:k===")"&&u--}const h=m.length===0?i:i.substring(p),S=Ve(h),O=S!==h,V=b&&b>p?b-p:void 0;return{modifiers:m,hasImportantModifier:O,baseClassName:S,maybePostfixModifierPosition:V}};if(o){const i=o+ne,m=r;r=l=>l.startsWith(i)?m(l.substring(i.length)):{isExternal:!0,modifiers:[],hasImportantModifier:!1,baseClassName:l,maybePostfixModifierPosition:void 0}}if(t){const i=r;r=m=>t({className:m,parseClassName:i})}return r},Ve=e=>e.endsWith(se)?e.substring(0,e.length-1):e.startsWith(se)?e.substring(1):e,Fe=e=>{const o=Object.fromEntries(e.orderSensitiveModifiers.map(r=>[r,!0]));return r=>{if(r.length<=1)return r;const i=[];let m=[];return r.forEach(l=>{l[0]==="["||o[l]?(i.push(...m.sort(),l),m=[]):m.push(l)}),i.push(...m.sort()),i}},We=e=>({cache:Le(e.cacheSize),parseClassName:Oe(e),sortModifiers:Fe(e),...$e(e)}),Be=/\s+/,_e=(e,o)=>{const{parseClassName:t,getClassGroupId:r,getConflictingClassGroupIds:i,sortModifiers:m}=o,l=[],u=e.trim().split(Be);let p="";for(let b=u.length-1;b>=0;b-=1){const h=u[b],{isExternal:S,modifiers:O,hasImportantModifier:V,baseClassName:y,maybePostfixModifierPosition:k}=t(h);if(S){p=h+(p.length>0?" "+p:p);continue}let G=!!k,A=r(G?y.substring(0,k):y);if(!A){if(!G){p=h+(p.length>0?" "+p:p);continue}if(A=r(y),!A){p=h+(p.length>0?" "+p:p);continue}G=!1}const _=m(O).join(":"),F=V?_+se:_,$=F+A;if(l.includes($))continue;l.push($);const T=i(A,G);for(let P=0;P<T.length;++P){const W=T[P];l.push(F+W)}p=h+(p.length>0?" "+p:p)}return p};function Ue(){let e=0,o,t,r="";for(;e<arguments.length;)(o=arguments[e++])&&(t=ze(o))&&(r&&(r+=" "),r+=t);return r}const ze=e=>{if(typeof e=="string")return e;let o,t="";for(let r=0;r<e.length;r++)e[r]&&(o=ze(e[r]))&&(t&&(t+=" "),t+=o);return t};function De(e,...o){let t,r,i,m=l;function l(p){const b=o.reduce((h,S)=>S(h),e());return t=We(b),r=t.cache.get,i=t.cache.set,m=u,u(p)}function u(p){const b=r(p);if(b)return b;const h=_e(p,t);return i(p,h),h}return function(){return m(Ue.apply(null,arguments))}}const f=e=>{const o=t=>t[e]||[];return o.isThemeGetter=!0,o},Ce=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Se=/^\((?:(\w[\w-]*):)?(.+)\)$/i,qe=/^\d+\/\d+$/,Ke=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Ze=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,He=/^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/,Je=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,Xe=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,E=e=>qe.test(e),d=e=>!!e&&!Number.isNaN(Number(e)),M=e=>!!e&&Number.isInteger(Number(e)),re=e=>e.endsWith("%")&&d(e.slice(0,-1)),C=e=>Ke.test(e),Qe=()=>!0,Ye=e=>Ze.test(e)&&!He.test(e),Me=()=>!1,er=e=>Je.test(e),rr=e=>Xe.test(e),or=e=>!s(e)&&!n(e),tr=e=>L(e,Ie,Me),s=e=>Ce.test(e),R=e=>L(e,Re,Ye),oe=e=>L(e,lr,d),we=e=>L(e,Ae,Me),sr=e=>L(e,Pe,rr),H=e=>L(e,Ge,er),n=e=>Se.test(e),B=e=>j(e,Re),nr=e=>j(e,cr),xe=e=>j(e,Ae),ar=e=>j(e,Ie),ir=e=>j(e,Pe),J=e=>j(e,Ge,!0),L=(e,o,t)=>{const r=Ce.exec(e);return r?r[1]?o(r[1]):t(r[2]):!1},j=(e,o,t=!1)=>{const r=Se.exec(e);return r?r[1]?o(r[1]):t:!1},Ae=e=>e==="position"||e==="percentage",Pe=e=>e==="image"||e==="url",Ie=e=>e==="length"||e==="size"||e==="bg-size",Re=e=>e==="length",lr=e=>e==="number",cr=e=>e==="family-name",Ge=e=>e==="shadow",dr=()=>{const e=f("color"),o=f("font"),t=f("text"),r=f("font-weight"),i=f("tracking"),m=f("leading"),l=f("breakpoint"),u=f("container"),p=f("spacing"),b=f("radius"),h=f("shadow"),S=f("inset-shadow"),O=f("text-shadow"),V=f("drop-shadow"),y=f("blur"),k=f("perspective"),G=f("aspect"),A=f("ease"),_=f("animate"),F=()=>["auto","avoid","all","avoid-page","page","left","right","column"],$=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],T=()=>[...$(),n,s],P=()=>["auto","hidden","clip","visible","scroll"],W=()=>["auto","contain","none"],c=()=>[n,s,p],v=()=>[E,"full","auto",...c()],le=()=>[M,"none","subgrid",n,s],ce=()=>["auto",{span:["full",M,n,s]},M,n,s],U=()=>[M,"auto",n,s],de=()=>["auto","min","max","fr",n,s],Q=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],N=()=>["start","end","center","stretch","center-safe","end-safe"],z=()=>["auto",...c()],I=()=>[E,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...c()],a=()=>[e,n,s],me=()=>[...$(),xe,we,{position:[n,s]}],pe=()=>["no-repeat",{repeat:["","x","y","space","round"]}],ue=()=>["auto","cover","contain",ar,tr,{size:[n,s]}],Y=()=>[re,B,R],w=()=>["","none","full",b,n,s],x=()=>["",d,B,R],D=()=>["solid","dashed","dotted","double"],fe=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],g=()=>[d,re,xe,we],ge=()=>["","none",y,n,s],q=()=>["none",d,n,s],K=()=>["none",d,n,s],ee=()=>[d,n,s],Z=()=>[E,"full",...c()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[C],breakpoint:[C],color:[Qe],container:[C],"drop-shadow":[C],ease:["in","out","in-out"],font:[or],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[C],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[C],shadow:[C],spacing:["px",d],text:[C],"text-shadow":[C],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",E,s,n,G]}],container:["container"],columns:[{columns:[d,s,n,u]}],"break-after":[{"break-after":F()}],"break-before":[{"break-before":F()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:T()}],overflow:[{overflow:P()}],"overflow-x":[{"overflow-x":P()}],"overflow-y":[{"overflow-y":P()}],overscroll:[{overscroll:W()}],"overscroll-x":[{"overscroll-x":W()}],"overscroll-y":[{"overscroll-y":W()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:v()}],"inset-x":[{"inset-x":v()}],"inset-y":[{"inset-y":v()}],start:[{start:v()}],end:[{end:v()}],top:[{top:v()}],right:[{right:v()}],bottom:[{bottom:v()}],left:[{left:v()}],visibility:["visible","invisible","collapse"],z:[{z:[M,"auto",n,s]}],basis:[{basis:[E,"full","auto",u,...c()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[d,E,"auto","initial","none",s]}],grow:[{grow:["",d,n,s]}],shrink:[{shrink:["",d,n,s]}],order:[{order:[M,"first","last","none",n,s]}],"grid-cols":[{"grid-cols":le()}],"col-start-end":[{col:ce()}],"col-start":[{"col-start":U()}],"col-end":[{"col-end":U()}],"grid-rows":[{"grid-rows":le()}],"row-start-end":[{row:ce()}],"row-start":[{"row-start":U()}],"row-end":[{"row-end":U()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":de()}],"auto-rows":[{"auto-rows":de()}],gap:[{gap:c()}],"gap-x":[{"gap-x":c()}],"gap-y":[{"gap-y":c()}],"justify-content":[{justify:[...Q(),"normal"]}],"justify-items":[{"justify-items":[...N(),"normal"]}],"justify-self":[{"justify-self":["auto",...N()]}],"align-content":[{content:["normal",...Q()]}],"align-items":[{items:[...N(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...N(),{baseline:["","last"]}]}],"place-content":[{"place-content":Q()}],"place-items":[{"place-items":[...N(),"baseline"]}],"place-self":[{"place-self":["auto",...N()]}],p:[{p:c()}],px:[{px:c()}],py:[{py:c()}],ps:[{ps:c()}],pe:[{pe:c()}],pt:[{pt:c()}],pr:[{pr:c()}],pb:[{pb:c()}],pl:[{pl:c()}],m:[{m:z()}],mx:[{mx:z()}],my:[{my:z()}],ms:[{ms:z()}],me:[{me:z()}],mt:[{mt:z()}],mr:[{mr:z()}],mb:[{mb:z()}],ml:[{ml:z()}],"space-x":[{"space-x":c()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":c()}],"space-y-reverse":["space-y-reverse"],size:[{size:I()}],w:[{w:[u,"screen",...I()]}],"min-w":[{"min-w":[u,"screen","none",...I()]}],"max-w":[{"max-w":[u,"screen","none","prose",{screen:[l]},...I()]}],h:[{h:["screen","lh",...I()]}],"min-h":[{"min-h":["screen","lh","none",...I()]}],"max-h":[{"max-h":["screen","lh",...I()]}],"font-size":[{text:["base",t,B,R]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[r,n,oe]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",re,s]}],"font-family":[{font:[nr,s,o]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[i,n,s]}],"line-clamp":[{"line-clamp":[d,"none",n,oe]}],leading:[{leading:[m,...c()]}],"list-image":[{"list-image":["none",n,s]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",n,s]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:a()}],"text-color":[{text:a()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...D(),"wavy"]}],"text-decoration-thickness":[{decoration:[d,"from-font","auto",n,R]}],"text-decoration-color":[{decoration:a()}],"underline-offset":[{"underline-offset":[d,"auto",n,s]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:c()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",n,s]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",n,s]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:me()}],"bg-repeat":[{bg:pe()}],"bg-size":[{bg:ue()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},M,n,s],radial:["",n,s],conic:[M,n,s]},ir,sr]}],"bg-color":[{bg:a()}],"gradient-from-pos":[{from:Y()}],"gradient-via-pos":[{via:Y()}],"gradient-to-pos":[{to:Y()}],"gradient-from":[{from:a()}],"gradient-via":[{via:a()}],"gradient-to":[{to:a()}],rounded:[{rounded:w()}],"rounded-s":[{"rounded-s":w()}],"rounded-e":[{"rounded-e":w()}],"rounded-t":[{"rounded-t":w()}],"rounded-r":[{"rounded-r":w()}],"rounded-b":[{"rounded-b":w()}],"rounded-l":[{"rounded-l":w()}],"rounded-ss":[{"rounded-ss":w()}],"rounded-se":[{"rounded-se":w()}],"rounded-ee":[{"rounded-ee":w()}],"rounded-es":[{"rounded-es":w()}],"rounded-tl":[{"rounded-tl":w()}],"rounded-tr":[{"rounded-tr":w()}],"rounded-br":[{"rounded-br":w()}],"rounded-bl":[{"rounded-bl":w()}],"border-w":[{border:x()}],"border-w-x":[{"border-x":x()}],"border-w-y":[{"border-y":x()}],"border-w-s":[{"border-s":x()}],"border-w-e":[{"border-e":x()}],"border-w-t":[{"border-t":x()}],"border-w-r":[{"border-r":x()}],"border-w-b":[{"border-b":x()}],"border-w-l":[{"border-l":x()}],"divide-x":[{"divide-x":x()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":x()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...D(),"hidden","none"]}],"divide-style":[{divide:[...D(),"hidden","none"]}],"border-color":[{border:a()}],"border-color-x":[{"border-x":a()}],"border-color-y":[{"border-y":a()}],"border-color-s":[{"border-s":a()}],"border-color-e":[{"border-e":a()}],"border-color-t":[{"border-t":a()}],"border-color-r":[{"border-r":a()}],"border-color-b":[{"border-b":a()}],"border-color-l":[{"border-l":a()}],"divide-color":[{divide:a()}],"outline-style":[{outline:[...D(),"none","hidden"]}],"outline-offset":[{"outline-offset":[d,n,s]}],"outline-w":[{outline:["",d,B,R]}],"outline-color":[{outline:a()}],shadow:[{shadow:["","none",h,J,H]}],"shadow-color":[{shadow:a()}],"inset-shadow":[{"inset-shadow":["none",S,J,H]}],"inset-shadow-color":[{"inset-shadow":a()}],"ring-w":[{ring:x()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:a()}],"ring-offset-w":[{"ring-offset":[d,R]}],"ring-offset-color":[{"ring-offset":a()}],"inset-ring-w":[{"inset-ring":x()}],"inset-ring-color":[{"inset-ring":a()}],"text-shadow":[{"text-shadow":["none",O,J,H]}],"text-shadow-color":[{"text-shadow":a()}],opacity:[{opacity:[d,n,s]}],"mix-blend":[{"mix-blend":[...fe(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":fe()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[d]}],"mask-image-linear-from-pos":[{"mask-linear-from":g()}],"mask-image-linear-to-pos":[{"mask-linear-to":g()}],"mask-image-linear-from-color":[{"mask-linear-from":a()}],"mask-image-linear-to-color":[{"mask-linear-to":a()}],"mask-image-t-from-pos":[{"mask-t-from":g()}],"mask-image-t-to-pos":[{"mask-t-to":g()}],"mask-image-t-from-color":[{"mask-t-from":a()}],"mask-image-t-to-color":[{"mask-t-to":a()}],"mask-image-r-from-pos":[{"mask-r-from":g()}],"mask-image-r-to-pos":[{"mask-r-to":g()}],"mask-image-r-from-color":[{"mask-r-from":a()}],"mask-image-r-to-color":[{"mask-r-to":a()}],"mask-image-b-from-pos":[{"mask-b-from":g()}],"mask-image-b-to-pos":[{"mask-b-to":g()}],"mask-image-b-from-color":[{"mask-b-from":a()}],"mask-image-b-to-color":[{"mask-b-to":a()}],"mask-image-l-from-pos":[{"mask-l-from":g()}],"mask-image-l-to-pos":[{"mask-l-to":g()}],"mask-image-l-from-color":[{"mask-l-from":a()}],"mask-image-l-to-color":[{"mask-l-to":a()}],"mask-image-x-from-pos":[{"mask-x-from":g()}],"mask-image-x-to-pos":[{"mask-x-to":g()}],"mask-image-x-from-color":[{"mask-x-from":a()}],"mask-image-x-to-color":[{"mask-x-to":a()}],"mask-image-y-from-pos":[{"mask-y-from":g()}],"mask-image-y-to-pos":[{"mask-y-to":g()}],"mask-image-y-from-color":[{"mask-y-from":a()}],"mask-image-y-to-color":[{"mask-y-to":a()}],"mask-image-radial":[{"mask-radial":[n,s]}],"mask-image-radial-from-pos":[{"mask-radial-from":g()}],"mask-image-radial-to-pos":[{"mask-radial-to":g()}],"mask-image-radial-from-color":[{"mask-radial-from":a()}],"mask-image-radial-to-color":[{"mask-radial-to":a()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":$()}],"mask-image-conic-pos":[{"mask-conic":[d]}],"mask-image-conic-from-pos":[{"mask-conic-from":g()}],"mask-image-conic-to-pos":[{"mask-conic-to":g()}],"mask-image-conic-from-color":[{"mask-conic-from":a()}],"mask-image-conic-to-color":[{"mask-conic-to":a()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:me()}],"mask-repeat":[{mask:pe()}],"mask-size":[{mask:ue()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",n,s]}],filter:[{filter:["","none",n,s]}],blur:[{blur:ge()}],brightness:[{brightness:[d,n,s]}],contrast:[{contrast:[d,n,s]}],"drop-shadow":[{"drop-shadow":["","none",V,J,H]}],"drop-shadow-color":[{"drop-shadow":a()}],grayscale:[{grayscale:["",d,n,s]}],"hue-rotate":[{"hue-rotate":[d,n,s]}],invert:[{invert:["",d,n,s]}],saturate:[{saturate:[d,n,s]}],sepia:[{sepia:["",d,n,s]}],"backdrop-filter":[{"backdrop-filter":["","none",n,s]}],"backdrop-blur":[{"backdrop-blur":ge()}],"backdrop-brightness":[{"backdrop-brightness":[d,n,s]}],"backdrop-contrast":[{"backdrop-contrast":[d,n,s]}],"backdrop-grayscale":[{"backdrop-grayscale":["",d,n,s]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[d,n,s]}],"backdrop-invert":[{"backdrop-invert":["",d,n,s]}],"backdrop-opacity":[{"backdrop-opacity":[d,n,s]}],"backdrop-saturate":[{"backdrop-saturate":[d,n,s]}],"backdrop-sepia":[{"backdrop-sepia":["",d,n,s]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":c()}],"border-spacing-x":[{"border-spacing-x":c()}],"border-spacing-y":[{"border-spacing-y":c()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",n,s]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[d,"initial",n,s]}],ease:[{ease:["linear","initial",A,n,s]}],delay:[{delay:[d,n,s]}],animate:[{animate:["none",_,n,s]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[k,n,s]}],"perspective-origin":[{"perspective-origin":T()}],rotate:[{rotate:q()}],"rotate-x":[{"rotate-x":q()}],"rotate-y":[{"rotate-y":q()}],"rotate-z":[{"rotate-z":q()}],scale:[{scale:K()}],"scale-x":[{"scale-x":K()}],"scale-y":[{"scale-y":K()}],"scale-z":[{"scale-z":K()}],"scale-3d":["scale-3d"],skew:[{skew:ee()}],"skew-x":[{"skew-x":ee()}],"skew-y":[{"skew-y":ee()}],transform:[{transform:[n,s,"","none","gpu","cpu"]}],"transform-origin":[{origin:T()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:Z()}],"translate-x":[{"translate-x":Z()}],"translate-y":[{"translate-y":Z()}],"translate-z":[{"translate-z":Z()}],"translate-none":["translate-none"],accent:[{accent:a()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:a()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",n,s]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":c()}],"scroll-mx":[{"scroll-mx":c()}],"scroll-my":[{"scroll-my":c()}],"scroll-ms":[{"scroll-ms":c()}],"scroll-me":[{"scroll-me":c()}],"scroll-mt":[{"scroll-mt":c()}],"scroll-mr":[{"scroll-mr":c()}],"scroll-mb":[{"scroll-mb":c()}],"scroll-ml":[{"scroll-ml":c()}],"scroll-p":[{"scroll-p":c()}],"scroll-px":[{"scroll-px":c()}],"scroll-py":[{"scroll-py":c()}],"scroll-ps":[{"scroll-ps":c()}],"scroll-pe":[{"scroll-pe":c()}],"scroll-pt":[{"scroll-pt":c()}],"scroll-pr":[{"scroll-pr":c()}],"scroll-pb":[{"scroll-pb":c()}],"scroll-pl":[{"scroll-pl":c()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",n,s]}],fill:[{fill:["none",...a()]}],"stroke-w":[{stroke:[d,B,R,oe]}],stroke:[{stroke:["none",...a()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},ie=De(dr);function mr(...e){return ie(X(e))}function pr(...e){return ie(X(e))}function ur(e){if(isNaN(e)||!isFinite(e))return"0:00";const o=Math.floor(e/3600),t=Math.floor(e%3600/60),r=Math.floor(e%60);return o>0?`${o}:${t.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`:`${t}:${r.toString().padStart(2,"0")}`}function fr(e){const o=e.split(":").map(Number);if(o.length===2){const[t=0,r=0]=o;return t*60+r}else if(o.length===3){const[t=0,r=0,i=0]=o;return t*3600+r*60+i}return 0}/**
|
|
2
|
+
* @license lucide-react v0.511.0 - ISC
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the ISC license.
|
|
5
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/const gr=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),br=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(o,t,r)=>r?r.toUpperCase():t.toLowerCase()),hr=e=>{const o=br(e);return o.charAt(0).toUpperCase()+o.slice(1)},wr=(...e)=>e.filter((o,t,r)=>!!o&&o.trim()!==""&&r.indexOf(o)===t).join(" ").trim(),xr=e=>{for(const o in e)if(o.startsWith("aria-")||o==="role"||o==="title")return!0};function yr(...e){return ie(X(...e))}const ye=new Set;function kr(e,o,t="2.0"){const r=`${e}-${o}-${t}`;ye.has(r)||(ye.add(r),console.warn(`⚠️ [BaroiPlayer] DEPRECATION WARNING: ${e} is deprecated and will be removed in v${t}.
|
|
7
|
+
Please replace it with: ${o}
|
|
8
|
+
See https://github.com/baroi/baroiplayer/blob/main/MIGRATION.md for migration guide.`))}function vr(e){if(isNaN(e)||!isFinite(e))return"0:00";const o=Math.floor(e/3600),t=Math.floor(e%3600/60),r=Math.floor(e%60);return o>0?`${o}:${t.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`:`${t}:${r.toString().padStart(2,"0")}`}exports.clsx=X;exports.cn=pr;exports.cn$1=mr;exports.cn$2=yr;exports.formatTime=ur;exports.formatTime$1=vr;exports.hasA11yProp=xr;exports.mergeClasses=wr;exports.parseTime=fr;exports.showDeprecationWarning=kr;exports.toKebabCase=gr;exports.toPascalCase=hr;
|
|
9
|
+
//# sourceMappingURL=utils-Db13763z.cjs.map
|