eb-player 2.3.1 → 2.4.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.
Files changed (17) hide show
  1. package/dist/build/eb-player.css +49 -59
  2. package/dist/build/ebplayer.bundle.js +9 -4
  3. package/dist/build/ebplayer.bundle.js.map +1 -1
  4. package/dist/build/theme-forja.css +4 -4
  5. package/dist/build/theme-lequipe.css +7 -7
  6. package/dist/build/theme-modern.css +7 -7
  7. package/dist/build/theme-v2.css +6 -6
  8. package/dist/build/types/src/core/config.d.ts +10 -0
  9. package/dist/build/types/src/core/config.d.ts.map +1 -1
  10. package/dist/build/types/src/core/lifecycle.d.ts.map +1 -1
  11. package/dist/build/types/src/skin/controls/volume-control.d.ts.map +1 -1
  12. package/dist/eb-player.css +49 -59
  13. package/dist/theme-forja.css +4 -4
  14. package/dist/theme-lequipe.css +7 -7
  15. package/dist/theme-modern.css +7 -7
  16. package/dist/theme-v2.css +6 -6
  17. package/package.json +1 -1
package/dist/theme-lequipe.css CHANGED
@@ -304,7 +304,7 @@
304
304
  [data-theme="lequipe"] .eb-player .eb-seekbar-thumb {
305
305
  width: 14px;
306
306
  height: 14px;
307
- right: -7px;
307
+ inset-inline-end: -7px;
308
308
  background: #fff;
309
309
  box-shadow: 0 0 0 3px rgba(214,30,0,.45);
310
310
  }
@@ -345,7 +345,7 @@
345
345
  background: rgba(0,0,0,.45);
346
346
  border-radius: 1px;
347
347
  top: 50%;
348
- transform: translate(-50%, -50%);
348
+ transform: translate(var(--eb-chapter-marker-x, -50%), -50%);
349
349
  }
350
350
 
351
351
  /* ============================================================
@@ -354,7 +354,7 @@
354
354
  [data-theme="lequipe"] .eb-player .eb-volume-control {
355
355
  flex-direction: row;
356
356
  gap: 0;
357
- margin-right: 0;
357
+ margin-inline-end: 0;
358
358
  }
359
359
 
360
360
  [data-theme="lequipe"] .eb-player .eb-volume-track {
@@ -382,12 +382,12 @@
382
382
  height: 11px;
383
383
  background: #fff;
384
384
  box-shadow: 0 0 0 2px rgba(255,255,255,.35);
385
- transform: translate(-50%, -50%) scale(0);
385
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(0);
386
386
  transition: transform .15s;
387
387
  }
388
388
 
389
389
  [data-theme="lequipe"] .eb-player .eb-volume-control:hover .eb-volume-thumb {
390
- transform: translate(-50%, -50%) scale(1);
390
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(1);
391
391
  }
392
392
 
393
393
  /* ============================================================
@@ -508,7 +508,7 @@
508
508
  border: none;
509
509
  background: none;
510
510
  cursor: pointer;
511
- text-align: left;
511
+ text-align: start;
512
512
  }
513
513
 
514
514
  [data-theme="lequipe"] .eb-player .eb-settings-category:last-child {
@@ -611,7 +611,7 @@
611
611
  border-top: none;
612
612
  background: none;
613
613
  cursor: pointer;
614
- text-align: left;
614
+ text-align: start;
615
615
  }
616
616
 
617
617
  [data-theme="lequipe"] .eb-player .eb-settings-item:last-child {
package/dist/theme-modern.css CHANGED
@@ -233,7 +233,7 @@
233
233
  [data-theme="modern"] .eb-player .eb-seekbar-thumb {
234
234
  width: 14px;
235
235
  height: 14px;
236
- right: -7px;
236
+ inset-inline-end: -7px;
237
237
  background: #fff;
238
238
  box-shadow: 0 0 0 3px rgba(124,58,237,.45);
239
239
  }
@@ -266,7 +266,7 @@
266
266
  background: rgba(0,0,0,.45);
267
267
  border-radius: 1px;
268
268
  top: 50%;
269
- transform: translate(-50%, -50%);
269
+ transform: translate(var(--eb-chapter-marker-x, -50%), -50%);
270
270
  }
271
271
 
272
272
  /* ============================================================
@@ -275,7 +275,7 @@
275
275
  [data-theme="modern"] .eb-player .eb-volume-control {
276
276
  flex-direction: row;
277
277
  gap: 0;
278
- margin-right: 0;
278
+ margin-inline-end: 0;
279
279
  }
280
280
 
281
281
  [data-theme="modern"] .eb-player .eb-volume-track {
@@ -303,12 +303,12 @@
303
303
  height: 11px;
304
304
  background: #fff;
305
305
  box-shadow: 0 0 0 2px rgba(255,255,255,.35);
306
- transform: translate(-50%, -50%) scale(0);
306
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(0);
307
307
  transition: transform .15s;
308
308
  }
309
309
 
310
310
  [data-theme="modern"] .eb-player .eb-volume-control:hover .eb-volume-thumb {
311
- transform: translate(-50%, -50%) scale(1);
311
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(1);
312
312
  }
313
313
 
314
314
  /* ============================================================
@@ -496,7 +496,7 @@
496
496
  /* Time display sits before seekbar visually (after live badge) */
497
497
  [data-theme="modern"] .eb-player .eb-slot-time {
498
498
  order: -1;
499
- margin-left: auto;
499
+ margin-inline-start: auto;
500
500
  }
501
501
 
502
502
  /* Live sync badge before time */
@@ -506,7 +506,7 @@
506
506
 
507
507
  /* Move settings + pip to right end of control row */
508
508
  [data-theme="modern"] .eb-player .eb-slot-settings {
509
- margin-left: auto;
509
+ margin-inline-start: auto;
510
510
  }
511
511
 
512
512
  /* ============================================================
package/dist/theme-v2.css CHANGED
@@ -131,7 +131,7 @@
131
131
 
132
132
  /* Align row 1 with the seekbar: offset by play-pause width (38px) + gap (8px) */
133
133
  [data-theme="v2"] .eb-player .eb-slot-live-sync {
134
- margin-left: calc(38px + 8px);
134
+ margin-inline-start: calc(38px + 8px);
135
135
  }
136
136
 
137
137
  /* Invisible full-width flex break between row 1 and row 2 */
@@ -345,7 +345,7 @@
345
345
  [data-theme="v2"] .eb-player .eb-seekbar-thumb {
346
346
  width: 14px;
347
347
  height: 14px;
348
- right: -7px;
348
+ inset-inline-end: -7px;
349
349
  background: #fff;
350
350
  box-shadow: 0 0 0 3px rgba(61,64,151,.45);
351
351
  }
@@ -386,7 +386,7 @@
386
386
  background: rgba(0,0,0,.45);
387
387
  border-radius: 1px;
388
388
  top: 50%;
389
- transform: translate(-50%, -50%);
389
+ transform: translate(var(--eb-chapter-marker-x, -50%), -50%);
390
390
  }
391
391
 
392
392
  /* ============================================================
@@ -395,7 +395,7 @@
395
395
  [data-theme="v2"] .eb-player .eb-volume-control {
396
396
  flex-direction: row;
397
397
  gap: 0;
398
- margin-right: 0;
398
+ margin-inline-end: 0;
399
399
  }
400
400
 
401
401
  [data-theme="v2"] .eb-player .eb-volume-track {
@@ -423,12 +423,12 @@
423
423
  height: 11px;
424
424
  background: #fff;
425
425
  box-shadow: 0 0 0 2px rgba(255,255,255,.35);
426
- transform: translate(-50%, -50%) scale(0);
426
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(0);
427
427
  transition: transform .15s;
428
428
  }
429
429
 
430
430
  [data-theme="v2"] .eb-player .eb-volume-control:hover .eb-volume-thumb {
431
- transform: translate(-50%, -50%) scale(1);
431
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(1);
432
432
  }
433
433
 
434
434
  /* ============================================================
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eb-player",
3
- "version": "2.3.1",
3
+ "version": "2.4.0",
4
4
  "packageManager": "pnpm@11.24.0",
5
5
  "scripts": {
6
6
  "generate-demo": "pnpm generate --brand default --variant demo && cp dist/players/default/default.js test_player/src/demo.js",