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.
@@ -77,7 +77,7 @@
77
77
  /* Row 2: live-sync pushed to the right */
78
78
  [data-theme="forja"] .eb-player .eb-slot-live-sync {
79
79
  order: 1;
80
- margin-left: auto;
80
+ margin-inline-start: auto;
81
81
  }
82
82
 
83
83
  [data-theme="forja"] .eb-player .eb-slot-settings,
@@ -238,7 +238,7 @@
238
238
  [data-theme="forja"] .eb-player .eb-seekbar-thumb {
239
239
  width: 12px;
240
240
  height: 12px;
241
- right: -6px;
241
+ inset-inline-end: -6px;
242
242
  background: #FC013B;
243
243
  box-shadow: none;
244
244
  border-radius: 50%;
@@ -276,12 +276,12 @@
276
276
  height: 11px;
277
277
  background: #fff;
278
278
  box-shadow: none;
279
- transform: translate(-50%, -50%) scale(0);
279
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(0);
280
280
  transition: transform .15s;
281
281
  }
282
282
 
283
283
  [data-theme="forja"] .eb-player .eb-volume-control:hover .eb-volume-thumb {
284
- transform: translate(-50%, -50%) scale(1);
284
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(1);
285
285
  }
286
286
 
287
287
  /* ============================================================
@@ -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 {
@@ -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
  /* ============================================================
@@ -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
  /* ============================================================
@@ -168,6 +168,16 @@ export interface PlayerConfig {
168
168
  hasPlaylistPicker: boolean;
169
169
  disableCustomAbr: boolean;
170
170
  lang: string | undefined;
171
+ /**
172
+ * Text direction override. When left undefined, direction is derived from
173
+ * `lang` (Arabic implies RTL) — the behaviour of every release up to 2.3.2.
174
+ * Set explicitly to decouple direction from language: `rtl: false` with
175
+ * `lang: 'ar'` gives Arabic labels in an LTR layout.
176
+ *
177
+ * Must default to undefined, not false: `false` would kill the `lang === 'ar'`
178
+ * fallback and silently un-mirror every existing Arabic integration.
179
+ */
180
+ rtl: boolean | undefined;
171
181
  epgContentId: string | undefined;
172
182
  epgPolling: number | null;
173
183
  epgDefaultLang: string;
@@ -1 +1 @@
1
- {"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../../src/core/config.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../../src/core/config.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../../../../src/core/lifecycle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAY7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGxD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,gBAAgB;IAC3B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,GAAG,EAAE,aAAa,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAA;IAC7B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAA;IAEnB,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,UAAU,CAAoB;IACtC,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAS;IAEjD,IAAI,MAAM,IAAI,WAAW,CAExB;IAED;;;OAGG;IACH,IAAI,SAAS,IAAI,WAAW,GAAG,IAAI,CAElC;gBAEW,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC;IAmBzC;;;;;;;;;;;;;;OAcG;IACH,KAAK,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAmGnC;;;OAGG;IACH,iBAAiB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAI7C;;;OAGG;IACH,kBAAkB,IAAI,eAAe;IAOrC;;;;OAIG;IACH,aAAa,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI;IAQ1C;;;;;;;;OAQG;IACH,OAAO,IAAI,IAAI;IAwBf;;;;;;;OAOG;IACH,OAAO,CAAC,YAAY;IAapB;;;OAGG;IACH,OAAO,CAAC,gBAAgB;CA8FzB"}
1
+ {"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../../../../src/core/lifecycle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAY7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGxD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,gBAAgB;IAC3B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,GAAG,EAAE,aAAa,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAA;IAC7B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAA;IAEnB,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,UAAU,CAAoB;IACtC,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAS;IAEjD,IAAI,MAAM,IAAI,WAAW,CAExB;IAED;;;OAGG;IACH,IAAI,SAAS,IAAI,WAAW,GAAG,IAAI,CAElC;gBAEW,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC;IAmBzC;;;;;;;;;;;;;;OAcG;IACH,KAAK,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAqGnC;;;OAGG;IACH,iBAAiB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAI7C;;;OAGG;IACH,kBAAkB,IAAI,eAAe;IAOrC;;;;OAIG;IACH,aAAa,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI;IAQ1C;;;;;;;;OAQG;IACH,OAAO,IAAI,IAAI;IAwBf;;;;;;;OAOG;IACH,OAAO,CAAC,YAAY;IAapB;;;OAGG;IACH,OAAO,CAAC,gBAAgB;CA8FzB"}
@@ -1 +1 @@
1
- {"version":3,"file":"volume-control.d.ts","sourceRoot":"","sources":["../../../../../../src/skin/controls/volume-control.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGjD;;;;;;;GAOG;AACH,qBAAa,aAAc,SAAQ,aAAa;IAC9C,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,aAAa,CAA+C;IACpE,OAAO,CAAC,WAAW,CAA+C;IAElE,SAAS,CAAC,SAAS,IAAI,IAAI;IAiB3B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,iBAAiB;IAsBzB,OAAO,CAAC,aAAa;IAMrB,SAAS,CAAC,QAAQ,IAAI,cAAc;CAwBrC"}
1
+ {"version":3,"file":"volume-control.d.ts","sourceRoot":"","sources":["../../../../../../src/skin/controls/volume-control.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGjD;;;;;;;GAOG;AACH,qBAAa,aAAc,SAAQ,aAAa;IAC9C,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,aAAa,CAA+C;IACpE,OAAO,CAAC,WAAW,CAA+C;IAElE,SAAS,CAAC,SAAS,IAAI,IAAI;IAiB3B,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,iBAAiB;IAsBzB,OAAO,CAAC,aAAa;IAMrB,SAAS,CAAC,QAAQ,IAAI,cAAc;CAwBrC"}
@@ -124,7 +124,7 @@
124
124
  /* Row 2: live-sync pushed to the right */
125
125
  [data-theme="forja"] .eb-player .eb-slot-live-sync {
126
126
  order: 1;
127
- margin-left: auto;
127
+ margin-inline-start: auto;
128
128
  }
129
129
 
130
130
  [data-theme="forja"] .eb-player .eb-slot-settings,
@@ -285,7 +285,7 @@
285
285
  [data-theme="forja"] .eb-player .eb-seekbar-thumb {
286
286
  width: 12px;
287
287
  height: 12px;
288
- right: -6px;
288
+ inset-inline-end: -6px;
289
289
  background: #FC013B;
290
290
  box-shadow: none;
291
291
  border-radius: 50%;
@@ -323,12 +323,12 @@
323
323
  height: 11px;
324
324
  background: #fff;
325
325
  box-shadow: none;
326
- transform: translate(-50%, -50%) scale(0);
326
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(0);
327
327
  transition: transform .15s;
328
328
  }
329
329
 
330
330
  [data-theme="forja"] .eb-player .eb-volume-control:hover .eb-volume-thumb {
331
- transform: translate(-50%, -50%) scale(1);
331
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(1);
332
332
  }
333
333
 
334
334
  /* ============================================================
@@ -767,7 +767,7 @@
767
767
  [data-theme="lequipe"] .eb-player .eb-seekbar-thumb {
768
768
  width: 14px;
769
769
  height: 14px;
770
- right: -7px;
770
+ inset-inline-end: -7px;
771
771
  background: #fff;
772
772
  box-shadow: 0 0 0 3px rgba(214,30,0,.45);
773
773
  }
@@ -808,7 +808,7 @@
808
808
  background: rgba(0,0,0,.45);
809
809
  border-radius: 1px;
810
810
  top: 50%;
811
- transform: translate(-50%, -50%);
811
+ transform: translate(var(--eb-chapter-marker-x, -50%), -50%);
812
812
  }
813
813
 
814
814
  /* ============================================================
@@ -817,7 +817,7 @@
817
817
  [data-theme="lequipe"] .eb-player .eb-volume-control {
818
818
  flex-direction: row;
819
819
  gap: 0;
820
- margin-right: 0;
820
+ margin-inline-end: 0;
821
821
  }
822
822
 
823
823
  [data-theme="lequipe"] .eb-player .eb-volume-track {
@@ -845,12 +845,12 @@
845
845
  height: 11px;
846
846
  background: #fff;
847
847
  box-shadow: 0 0 0 2px rgba(255,255,255,.35);
848
- transform: translate(-50%, -50%) scale(0);
848
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(0);
849
849
  transition: transform .15s;
850
850
  }
851
851
 
852
852
  [data-theme="lequipe"] .eb-player .eb-volume-control:hover .eb-volume-thumb {
853
- transform: translate(-50%, -50%) scale(1);
853
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(1);
854
854
  }
855
855
 
856
856
  /* ============================================================
@@ -971,7 +971,7 @@
971
971
  border: none;
972
972
  background: none;
973
973
  cursor: pointer;
974
- text-align: left;
974
+ text-align: start;
975
975
  }
976
976
 
977
977
  [data-theme="lequipe"] .eb-player .eb-settings-category:last-child {
@@ -1074,7 +1074,7 @@
1074
1074
  border-top: none;
1075
1075
  background: none;
1076
1076
  cursor: pointer;
1077
- text-align: left;
1077
+ text-align: start;
1078
1078
  }
1079
1079
 
1080
1080
  [data-theme="lequipe"] .eb-player .eb-settings-item:last-child {
@@ -1457,7 +1457,7 @@
1457
1457
  [data-theme="modern"] .eb-player .eb-seekbar-thumb {
1458
1458
  width: 14px;
1459
1459
  height: 14px;
1460
- right: -7px;
1460
+ inset-inline-end: -7px;
1461
1461
  background: #fff;
1462
1462
  box-shadow: 0 0 0 3px rgba(124,58,237,.45);
1463
1463
  }
@@ -1490,7 +1490,7 @@
1490
1490
  background: rgba(0,0,0,.45);
1491
1491
  border-radius: 1px;
1492
1492
  top: 50%;
1493
- transform: translate(-50%, -50%);
1493
+ transform: translate(var(--eb-chapter-marker-x, -50%), -50%);
1494
1494
  }
1495
1495
 
1496
1496
  /* ============================================================
@@ -1499,7 +1499,7 @@
1499
1499
  [data-theme="modern"] .eb-player .eb-volume-control {
1500
1500
  flex-direction: row;
1501
1501
  gap: 0;
1502
- margin-right: 0;
1502
+ margin-inline-end: 0;
1503
1503
  }
1504
1504
 
1505
1505
  [data-theme="modern"] .eb-player .eb-volume-track {
@@ -1527,12 +1527,12 @@
1527
1527
  height: 11px;
1528
1528
  background: #fff;
1529
1529
  box-shadow: 0 0 0 2px rgba(255,255,255,.35);
1530
- transform: translate(-50%, -50%) scale(0);
1530
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(0);
1531
1531
  transition: transform .15s;
1532
1532
  }
1533
1533
 
1534
1534
  [data-theme="modern"] .eb-player .eb-volume-control:hover .eb-volume-thumb {
1535
- transform: translate(-50%, -50%) scale(1);
1535
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(1);
1536
1536
  }
1537
1537
 
1538
1538
  /* ============================================================
@@ -1720,7 +1720,7 @@
1720
1720
  /* Time display sits before seekbar visually (after live badge) */
1721
1721
  [data-theme="modern"] .eb-player .eb-slot-time {
1722
1722
  order: -1;
1723
- margin-left: auto;
1723
+ margin-inline-start: auto;
1724
1724
  }
1725
1725
 
1726
1726
  /* Live sync badge before time */
@@ -1730,7 +1730,7 @@
1730
1730
 
1731
1731
  /* Move settings + pip to right end of control row */
1732
1732
  [data-theme="modern"] .eb-player .eb-slot-settings {
1733
- margin-left: auto;
1733
+ margin-inline-start: auto;
1734
1734
  }
1735
1735
 
1736
1736
  /* ============================================================
@@ -1903,7 +1903,7 @@
1903
1903
 
1904
1904
  /* Align row 1 with the seekbar: offset by play-pause width (38px) + gap (8px) */
1905
1905
  [data-theme="v2"] .eb-player .eb-slot-live-sync {
1906
- margin-left: calc(38px + 8px);
1906
+ margin-inline-start: calc(38px + 8px);
1907
1907
  }
1908
1908
 
1909
1909
  /* Invisible full-width flex break between row 1 and row 2 */
@@ -2117,7 +2117,7 @@
2117
2117
  [data-theme="v2"] .eb-player .eb-seekbar-thumb {
2118
2118
  width: 14px;
2119
2119
  height: 14px;
2120
- right: -7px;
2120
+ inset-inline-end: -7px;
2121
2121
  background: #fff;
2122
2122
  box-shadow: 0 0 0 3px rgba(61,64,151,.45);
2123
2123
  }
@@ -2158,7 +2158,7 @@
2158
2158
  background: rgba(0,0,0,.45);
2159
2159
  border-radius: 1px;
2160
2160
  top: 50%;
2161
- transform: translate(-50%, -50%);
2161
+ transform: translate(var(--eb-chapter-marker-x, -50%), -50%);
2162
2162
  }
2163
2163
 
2164
2164
  /* ============================================================
@@ -2167,7 +2167,7 @@
2167
2167
  [data-theme="v2"] .eb-player .eb-volume-control {
2168
2168
  flex-direction: row;
2169
2169
  gap: 0;
2170
- margin-right: 0;
2170
+ margin-inline-end: 0;
2171
2171
  }
2172
2172
 
2173
2173
  [data-theme="v2"] .eb-player .eb-volume-track {
@@ -2195,12 +2195,12 @@
2195
2195
  height: 11px;
2196
2196
  background: #fff;
2197
2197
  box-shadow: 0 0 0 2px rgba(255,255,255,.35);
2198
- transform: translate(-50%, -50%) scale(0);
2198
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(0);
2199
2199
  transition: transform .15s;
2200
2200
  }
2201
2201
 
2202
2202
  [data-theme="v2"] .eb-player .eb-volume-control:hover .eb-volume-thumb {
2203
- transform: translate(-50%, -50%) scale(1);
2203
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(1);
2204
2204
  }
2205
2205
 
2206
2206
  /* ============================================================
@@ -2581,7 +2581,7 @@
2581
2581
  display: flex;
2582
2582
  align-items: center;
2583
2583
  gap: 4px;
2584
- margin-left: auto;
2584
+ margin-inline-start: auto;
2585
2585
  }
2586
2586
 
2587
2587
  /* ============================================================
@@ -2718,7 +2718,7 @@
2718
2718
 
2719
2719
  .eb-extension-controls-extra {
2720
2720
  bottom: 0;
2721
- right: 0;
2721
+ inset-inline-end: 0;
2722
2722
  display: flex;
2723
2723
  align-items: center;
2724
2724
  gap: 4px;
@@ -2757,7 +2757,7 @@
2757
2757
  display: flex;
2758
2758
  align-items: center;
2759
2759
  gap: 4px;
2760
- margin-right: 8px;
2760
+ margin-inline-end: 8px;
2761
2761
  }
2762
2762
 
2763
2763
  .eb-volume-track {
@@ -2772,7 +2772,7 @@
2772
2772
  .eb-volume-fill {
2773
2773
  position: absolute;
2774
2774
  top: 0;
2775
- left: 0;
2775
+ inset-inline-start: 0;
2776
2776
  height: 100%;
2777
2777
  background: var(--eb-color-volume, var(--eb-color-primary, #fff));
2778
2778
  border-radius: 2px;
@@ -2786,7 +2786,9 @@
2786
2786
  height: 10px;
2787
2787
  border-radius: 50%;
2788
2788
  background: var(--eb-color-volume, var(--eb-color-primary, #fff));
2789
- transform: translate(-50%, -50%);
2789
+ /* Centre on the inline-start offset; the sign flips under RTL (see RTL block) */
2790
+ --eb-volume-thumb-x: -50%;
2791
+ transform: translate(var(--eb-volume-thumb-x), -50%);
2790
2792
  pointer-events: none;
2791
2793
  }
2792
2794
 
@@ -2865,7 +2867,7 @@
2865
2867
  color: #fff;
2866
2868
  cursor: pointer;
2867
2869
  font-size: 12px;
2868
- text-align: left;
2870
+ text-align: start;
2869
2871
  }
2870
2872
 
2871
2873
  .eb-settings-back {
@@ -2912,7 +2914,7 @@
2912
2914
  .eb-seekbar-buffered {
2913
2915
  position: absolute;
2914
2916
  top: 0;
2915
- left: 0;
2917
+ inset-inline-start: 0;
2916
2918
  height: 100%;
2917
2919
  background: rgba(255, 255, 255, 0.4);
2918
2920
  border-radius: 2px;
@@ -2922,7 +2924,7 @@
2922
2924
  .eb-seekbar-progress {
2923
2925
  position: absolute;
2924
2926
  top: 0;
2925
- left: 0;
2927
+ inset-inline-start: 0;
2926
2928
  height: 100%;
2927
2929
  background: var(--eb-color-progress, var(--eb-color-primary, #e53935));
2928
2930
  border-radius: 2px;
@@ -2931,7 +2933,7 @@
2931
2933
 
2932
2934
  .eb-seekbar-thumb {
2933
2935
  position: absolute;
2934
- right: -6px;
2936
+ inset-inline-end: -6px;
2935
2937
  top: 50%;
2936
2938
  width: 12px;
2937
2939
  height: 12px;
@@ -2991,7 +2993,9 @@
2991
2993
  width: 3px;
2992
2994
  height: 100%;
2993
2995
  background: rgba(255, 255, 255, 0.6);
2994
- transform: translateX(-50%);
2996
+ /* Centre on the inline-start offset; the sign flips under RTL (see RTL block) */
2997
+ --eb-chapter-marker-x: -50%;
2998
+ transform: translateX(var(--eb-chapter-marker-x));
2995
2999
  pointer-events: none;
2996
3000
  }
2997
3001
 
@@ -3001,7 +3005,7 @@
3001
3005
 
3002
3006
  .eb-chapter-skip {
3003
3007
  position: absolute;
3004
- right: 0;
3008
+ inset-inline-end: 0;
3005
3009
  bottom: calc(100% + 4px);
3006
3010
  background: rgba(0, 0, 0, 0.7);
3007
3011
  color: #fff;
@@ -3020,7 +3024,7 @@
3020
3024
  position: absolute;
3021
3025
  top: 0;
3022
3026
  height: 100%;
3023
- border-right: 1px solid rgba(255, 255, 255, 0.3);
3027
+ border-inline-end: 1px solid rgba(255, 255, 255, 0.3);
3024
3028
  pointer-events: none;
3025
3029
  }
3026
3030
 
@@ -3332,33 +3336,19 @@
3332
3336
 
3333
3337
  /* ============================================================
3334
3338
  RTL support
3339
+ dir="rtl" on .eb-player mirrors the whole UI natively: flex rows lay out
3340
+ right-to-left and the logical properties above (margin-inline-*,
3341
+ inset-inline-*, text-align: start) flip with it. Do not add row-reverse
3342
+ here — it cancels the native mirroring. Only elements positioned with a
3343
+ physical inline style (chapter markers use right: N% under RTL) need an
3344
+ explicit override.
3335
3345
  ============================================================ */
3336
- [dir="rtl"] .eb-bottom-bar__controls-row {
3337
- flex-direction: row-reverse;
3338
- }
3339
-
3340
- [dir="rtl"] .eb-top-bar {
3341
- flex-direction: row-reverse;
3342
- }
3343
-
3344
- [dir="rtl"] .eb-seekbar-buffered,
3345
- [dir="rtl"] .eb-seekbar-progress {
3346
- left: auto;
3347
- right: 0;
3348
- }
3349
-
3350
- [dir="rtl"] .eb-seekbar-thumb {
3351
- right: auto;
3352
- left: -6px;
3353
- }
3354
-
3355
3346
  [dir="rtl"] .eb-chapter-marker {
3356
- transform: translateX(50%);
3347
+ --eb-chapter-marker-x: 50%;
3357
3348
  }
3358
3349
 
3359
- [dir="rtl"] .eb-epg-segment {
3360
- border-right: none;
3361
- border-left: 1px solid rgba(255, 255, 255, 0.3);
3350
+ [dir="rtl"] .eb-volume-thumb {
3351
+ --eb-volume-thumb-x: 50%;
3362
3352
  }
3363
3353
 
3364
3354
  /* ============================================================
@@ -77,7 +77,7 @@
77
77
  /* Row 2: live-sync pushed to the right */
78
78
  [data-theme="forja"] .eb-player .eb-slot-live-sync {
79
79
  order: 1;
80
- margin-left: auto;
80
+ margin-inline-start: auto;
81
81
  }
82
82
 
83
83
  [data-theme="forja"] .eb-player .eb-slot-settings,
@@ -238,7 +238,7 @@
238
238
  [data-theme="forja"] .eb-player .eb-seekbar-thumb {
239
239
  width: 12px;
240
240
  height: 12px;
241
- right: -6px;
241
+ inset-inline-end: -6px;
242
242
  background: #FC013B;
243
243
  box-shadow: none;
244
244
  border-radius: 50%;
@@ -276,12 +276,12 @@
276
276
  height: 11px;
277
277
  background: #fff;
278
278
  box-shadow: none;
279
- transform: translate(-50%, -50%) scale(0);
279
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(0);
280
280
  transition: transform .15s;
281
281
  }
282
282
 
283
283
  [data-theme="forja"] .eb-player .eb-volume-control:hover .eb-volume-thumb {
284
- transform: translate(-50%, -50%) scale(1);
284
+ transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(1);
285
285
  }
286
286
 
287
287
  /* ============================================================