tmg-media-player 0.0.35 → 0.0.36

package/dist/{chunk-NWLGQPP5.js → chunk-4GCFVEYB.js}

@@ -1,9 +1,9 @@
-import {
-  KEYS_BUILD
-} from "./chunk-7RDKXCJV.js";
 import {
   BasePlug
 } from "./chunk-M5UU3BRE.js";
+import {
+  KEYS_BUILD
+} from "./chunk-7RDKXCJV.js";
 import {
   keyEventAllowed
 } from "./chunk-JG62LR2N.js";
@@ -91,4 +91,4 @@ __publicField(KeysPlug, "BUILD", KEYS_BUILD);
 export {
   KeysPlug
 };
-//# sourceMappingURL=chunk-NWLGQPP5.js.map
+//# sourceMappingURL=chunk-4GCFVEYB.js.map

package/dist/{chunk-NDUBVELP.js → chunk-63NJ5FHU.js}

@@ -1,27 +1,9 @@
-import {
-  ScrubNotifier
-} from "./chunk-4XIB3IG4.js";
-import {
-  TouchBrightnessNotifier
-} from "./chunk-U5NODW7P.js";
-import {
-  TouchTimelineNotifier
-} from "./chunk-UT5X6ECA.js";
 import {
   TouchVolumeNotifier
 } from "./chunk-4NHGVX5L.js";
 import {
   VolumeNotifier
 } from "./chunk-T7C4XGX3.js";
-import {
-  CastNotifier
-} from "./chunk-UMTBPTP2.js";
-import {
-  ChapterNotifier
-} from "./chunk-4KJKHWXK.js";
-import {
-  FastPlayNotifier
-} from "./chunk-EDGLMQBM.js";
 import {
   FwdBwdNotifier
 } from "./chunk-BNOS73YA.js";
@@ -38,8 +20,14 @@ import {
   PrevNextNotifier
 } from "./chunk-YXZIQHOI.js";
 import {
-  AirPlayNotifier
-} from "./chunk-ALRAGTNO.js";
+  ScrubNotifier
+} from "./chunk-4XIB3IG4.js";
+import {
+  TouchBrightnessNotifier
+} from "./chunk-U5NODW7P.js";
+import {
+  TouchTimelineNotifier
+} from "./chunk-UT5X6ECA.js";
 import {
   BrightnessNotifier
 } from "./chunk-WAH5KO3D.js";
@@ -52,6 +40,18 @@ import {
 import {
   CaptureNotifier
 } from "./chunk-W72JHZQX.js";
+import {
+  CastNotifier
+} from "./chunk-UMTBPTP2.js";
+import {
+  ChapterNotifier
+} from "./chunk-4KJKHWXK.js";
+import {
+  FastPlayNotifier
+} from "./chunk-EDGLMQBM.js";
+import {
+  AirPlayNotifier
+} from "./chunk-ALRAGTNO.js";
 import {
   ComponentRegistry
 } from "./chunk-ATGOEAKN.js";
@@ -79,4 +79,4 @@ for (const Comp of [
   AirPlayNotifier
 ])
   ComponentRegistry.register(Comp);
-//# sourceMappingURL=chunk-NDUBVELP.js.map
+//# sourceMappingURL=chunk-63NJ5FHU.js.map

package/dist/{chunk-CXXZ2VZZ.js → chunk-C4QNF3M4.js}

@@ -108,7 +108,7 @@ import {
 } from "./chunk-KBCRTZLG.js";
 import {
   CaptionsView
-} from "./chunk-T6UOZ2AG.js";
+} from "./chunk-TKLVM4YO.js";
 import {
   ScreenLockButton
 } from "./chunk-QEKYGFJI.js";
@@ -159,4 +159,4 @@ for (const Comp of [
   ErrorPlaceholder
 ])
   ComponentRegistry.register(Comp);
-//# sourceMappingURL=chunk-CXXZ2VZZ.js.map
+//# sourceMappingURL=chunk-C4QNF3M4.js.map

package/dist/{chunk-BKK32VPW.js → chunk-C4VTPU3G.js}

@@ -1,10 +1,10 @@
+import {
+  BasePlug
+} from "./chunk-M5UU3BRE.js";
 import {
   PLAYLIST_BUILD,
   PLAY_ITEM_BUILD
 } from "./chunk-HI6XPVUI.js";
-import {
-  BasePlug
-} from "./chunk-M5UU3BRE.js";
 import {
   smartFlatSort
 } from "./chunk-MPZ62IDU.js";
@@ -104,4 +104,4 @@ __publicField(PlaylistPlug, "BUILD", PLAYLIST_BUILD);
 export {
   PlaylistPlug
 };
-//# sourceMappingURL=chunk-BKK32VPW.js.map
+//# sourceMappingURL=chunk-C4VTPU3G.js.map

package/dist/{chunk-RRBOZLXP.js → chunk-CR6IA5S4.js}

@@ -1,15 +1,15 @@
 import {
   tutorialOpts
 } from "./chunk-JI6DL3N6.js";
+import {
+  BasePin,
+  BasePlug
+} from "./chunk-M5UU3BRE.js";
 import {
   CONTROL_PANEL_BUILD,
   CONTROL_PANEL_DRAGGABLE_BUILD,
   ROWS_ARR
 } from "./chunk-UPYFXPX3.js";
-import {
-  BasePin,
-  BasePlug
-} from "./chunk-M5UU3BRE.js";
 import {
   ComponentRegistry,
   PinRegistry
@@ -311,4 +311,4 @@ export {
   ControlPanelDraggablePin,
   ControlPanelPlug
 };
-//# sourceMappingURL=chunk-RRBOZLXP.js.map
+//# sourceMappingURL=chunk-CR6IA5S4.js.map

package/dist/{chunk-U7OIC5IC.js → chunk-DSJ5BRWP.js}

@@ -1,15 +1,3 @@
-import {
-  getSettingsVolumeMenu
-} from "./chunk-S6NHFDXK.js";
-import {
-  getSettingsPersistMenu
-} from "./chunk-5J74VH7H.js";
-import {
-  getSettingsPlaybackRateMenu
-} from "./chunk-XU6U2S64.js";
-import {
-  getSettingsPosterMenu
-} from "./chunk-GGQFCJML.js";
 import {
   getSettingsSleepTimerMenu
 } from "./chunk-IPV7SSWB.js";
@@ -23,14 +11,8 @@ import {
   getSettingsVoiceMenu
 } from "./chunk-VPSFZWR3.js";
 import {
-  getSettingsFrameMenu
-} from "./chunk-IANQ4ZXU.js";
-import {
-  getSettingsGestureMenu
-} from "./chunk-SL3E3D2U.js";
-import {
-  getSettingsKeysMenu
-} from "./chunk-37QPY4C3.js";
+  getSettingsVolumeMenu
+} from "./chunk-S6NHFDXK.js";
 import {
   getSettingsLockedMenu
 } from "./chunk-BRA3Z2FX.js";
@@ -47,8 +29,14 @@ import {
   getSettingspanelMenu
 } from "./chunk-A4TTYDEZ.js";
 import {
-  getSettingsAmbienceMenu
-} from "./chunk-SDKNPOLX.js";
+  getSettingsPersistMenu
+} from "./chunk-5J74VH7H.js";
+import {
+  getSettingsPlaybackRateMenu
+} from "./chunk-XU6U2S64.js";
+import {
+  getSettingsPosterMenu
+} from "./chunk-GGQFCJML.js";
 import {
   getSettingsAutoMenu
 } from "./chunk-QPITCDJZ.js";
@@ -64,6 +52,15 @@ import {
 import {
   getSettingsFastPlayMenu
 } from "./chunk-W3VCDKGN.js";
+import {
+  getSettingsFrameMenu
+} from "./chunk-IANQ4ZXU.js";
+import {
+  getSettingsGestureMenu
+} from "./chunk-SL3E3D2U.js";
+import {
+  getSettingsKeysMenu
+} from "./chunk-37QPY4C3.js";
 import {
   getActionsMenu
 } from "./chunk-W32FR2SU.js";
@@ -76,6 +73,9 @@ import {
 import {
   getSkeletonMenu
 } from "./chunk-G6GMINKP.js";
+import {
+  getSettingsAmbienceMenu
+} from "./chunk-SDKNPOLX.js";
 import {
   MenuRegistry
 } from "./chunk-ATGOEAKN.js";
@@ -110,4 +110,4 @@ for (const [key, menu] of [
   ["settings.panel", getSettingspanelMenu]
 ])
   MenuRegistry.register(key, menu);
-//# sourceMappingURL=chunk-U7OIC5IC.js.map
+//# sourceMappingURL=chunk-DSJ5BRWP.js.map

package/dist/{chunk-KTSAXGHQ.js → chunk-EATEXIQQ.js}

@@ -9,14 +9,14 @@ import {
   CONFIG_BUILD,
   STATE_BUILD
 } from "./chunk-HNXV3ITV.js";
-import {
-  ACTIONS_DICT,
-  ACTIONS_ENTRIES
-} from "./chunk-EEZLT2G2.js";
 import {
   FN_KEY,
   LUID_KEY
 } from "./chunk-26QMCQE3.js";
+import {
+  ACTIONS_DICT,
+  ACTIONS_ENTRIES
+} from "./chunk-EEZLT2G2.js";
 import {
   __export
 } from "./chunk-UVKRO5ER.js";
@@ -40,4 +40,4 @@ __export(consts_exports, {
 export {
   consts_exports
 };
-//# sourceMappingURL=chunk-KTSAXGHQ.js.map
+//# sourceMappingURL=chunk-EATEXIQQ.js.map

package/dist/{chunk-FCO6XMXF.js → chunk-HHRR7R5I.js}

@@ -1,3 +1,7 @@
+import {
+  VIMEO_EVENTS,
+  VimeoTech
+} from "./chunk-NMA7IMZX.js";
 import {
   YouTubeTech
 } from "./chunk-HKZHYXKF.js";
@@ -10,10 +14,6 @@ import {
 import {
   ShakaTech
 } from "./chunk-I7MZGLSL.js";
-import {
-  VIMEO_EVENTS,
-  VimeoTech
-} from "./chunk-NMA7IMZX.js";
 import {
   IMATech
 } from "./chunk-5OXQBGAJ.js";
@@ -46,4 +46,4 @@ __export(techs_exports, {
 export {
   techs_exports
 };
-//# sourceMappingURL=chunk-FCO6XMXF.js.map
+//# sourceMappingURL=chunk-HHRR7R5I.js.map

package/dist/{chunk-LJMZRSAF.js → chunk-KMJKJOWW.js}

@@ -1,27 +1,9 @@
-import {
-  ScrubNotifier
-} from "./chunk-4XIB3IG4.js";
-import {
-  TouchBrightnessNotifier
-} from "./chunk-U5NODW7P.js";
-import {
-  TouchTimelineNotifier
-} from "./chunk-UT5X6ECA.js";
 import {
   TouchVolumeNotifier
 } from "./chunk-4NHGVX5L.js";
 import {
   VolumeNotifier
 } from "./chunk-T7C4XGX3.js";
-import {
-  CastNotifier
-} from "./chunk-UMTBPTP2.js";
-import {
-  ChapterNotifier
-} from "./chunk-4KJKHWXK.js";
-import {
-  FastPlayNotifier
-} from "./chunk-EDGLMQBM.js";
 import {
   FwdBwdNotifier
 } from "./chunk-BNOS73YA.js";
@@ -38,8 +20,14 @@ import {
   PrevNextNotifier
 } from "./chunk-YXZIQHOI.js";
 import {
-  AirPlayNotifier
-} from "./chunk-ALRAGTNO.js";
+  ScrubNotifier
+} from "./chunk-4XIB3IG4.js";
+import {
+  TouchBrightnessNotifier
+} from "./chunk-U5NODW7P.js";
+import {
+  TouchTimelineNotifier
+} from "./chunk-UT5X6ECA.js";
 import {
   BrightnessNotifier
 } from "./chunk-WAH5KO3D.js";
@@ -53,8 +41,14 @@ import {
   CaptureNotifier
 } from "./chunk-W72JHZQX.js";
 import {
-  BaseNotifier
-} from "./chunk-6UF5ALUV.js";
+  CastNotifier
+} from "./chunk-UMTBPTP2.js";
+import {
+  ChapterNotifier
+} from "./chunk-4KJKHWXK.js";
+import {
+  FastPlayNotifier
+} from "./chunk-EDGLMQBM.js";
 import {
   volumeHigh
 } from "./chunk-W6TNR6NH.js";
@@ -64,6 +58,12 @@ import {
 import {
   volumeMuted
 } from "./chunk-2WOP45O7.js";
+import {
+  AirPlayNotifier
+} from "./chunk-ALRAGTNO.js";
+import {
+  BaseNotifier
+} from "./chunk-6UF5ALUV.js";
 import {
   sort
 } from "./chunk-QP2X53HC.js";
@@ -357,7 +357,7 @@ import {
 } from "./chunk-KBCRTZLG.js";
 import {
   CaptionsView
-} from "./chunk-T6UOZ2AG.js";
+} from "./chunk-TKLVM4YO.js";
 import {
   ScreenLockButton
 } from "./chunk-QEKYGFJI.js";
@@ -498,4 +498,4 @@ __export(components_exports, {
 export {
   components_exports
 };
-//# sourceMappingURL=chunk-LJMZRSAF.js.map
+//# sourceMappingURL=chunk-KMJKJOWW.js.map

package/dist/{chunk-LH3LZHFD.js → chunk-M6TQYKWW.js}

@@ -1,9 +1,3 @@
-import {
-  TimeTravelPlug
-} from "./chunk-2S65C2XE.js";
-import {
-  TIME_TRAVEL_BUILD
-} from "./chunk-33JQXI7I.js";
 import {
   VoicePlug
 } from "./chunk-KQKZJ7XM.js";
@@ -11,6 +5,12 @@ import {
   VOICE_BUILD,
   VOICE_COMMANDS
 } from "./chunk-WAR2VQBP.js";
+import {
+  PosterPlug
+} from "./chunk-X4AR4VBV.js";
+import {
+  POSTER_BUILD
+} from "./chunk-MBRGHAFE.js";
 import {
   VolumePlug
 } from "./chunk-XGW7PNJE.js";
@@ -21,11 +21,11 @@ import {
   SleepTimerPlug
 } from "./chunk-3ITV4OCM.js";
 import {
-  TimePlug
-} from "./chunk-RNRCIAK3.js";
+  TimeTravelPlug
+} from "./chunk-2S65C2XE.js";
 import {
-  TIME_BUILD
-} from "./chunk-2SZXTLHZ.js";
+  TIME_TRAVEL_BUILD
+} from "./chunk-33JQXI7I.js";
 import {
   PlaybackRatePlug
 } from "./chunk-3VC6RGW2.js";
@@ -33,14 +33,20 @@ import {
   PLAYBACK_RATE_BUILD
 } from "./chunk-K7AAKFQF.js";
 import {
-  PosterPlug
-} from "./chunk-X4AR4VBV.js";
+  TimePlug
+} from "./chunk-RNRCIAK3.js";
 import {
-  POSTER_BUILD
-} from "./chunk-MBRGHAFE.js";
+  TIME_BUILD
+} from "./chunk-2SZXTLHZ.js";
 import {
   SLEEP_TIMER_BUILD
 } from "./chunk-XLFHANYG.js";
+import {
+  OverlayPlug
+} from "./chunk-4ML5MPU7.js";
+import {
+  OVERLAY_BUILD
+} from "./chunk-PXU563OY.js";
 import {
   PanelPlug
 } from "./chunk-FFG2IEPM.js";
@@ -48,18 +54,21 @@ import {
   MENU_FOCUS_SELECTOR,
   SETTINGS_BUILD
 } from "./chunk-H3WJQ4QQ.js";
-import {
-  OverlayPlug
-} from "./chunk-4ML5MPU7.js";
-import {
-  OVERLAY_BUILD
-} from "./chunk-PXU563OY.js";
 import {
   PersistPlug
 } from "./chunk-ACFCFWNJ.js";
 import {
   PERSIST_BUILD
 } from "./chunk-NAUZH3E6.js";
+import {
+  MetadataPlug
+} from "./chunk-QYTNYM3N.js";
+import {
+  NotifiersPlug
+} from "./chunk-3UYGAAAN.js";
+import {
+  NOTIFIERS_BUILD
+} from "./chunk-VK3HTM6U.js";
 import {
   ObjectFitPlug
 } from "./chunk-AW77JH5D.js";
@@ -68,11 +77,17 @@ import {
   objectFits
 } from "./chunk-KD3OBG25.js";
 import {
-  NotifiersPlug
-} from "./chunk-3UYGAAAN.js";
+  METADATA_BUILD
+} from "./chunk-VZG6IJLU.js";
 import {
-  NOTIFIERS_BUILD
-} from "./chunk-VK3HTM6U.js";
+  KeysPlug
+} from "./chunk-4GCFVEYB.js";
+import {
+  LockedPlug
+} from "./chunk-NRI5KTE7.js";
+import {
+  LOCKED_BUILD
+} from "./chunk-IQS7GQSK.js";
 import {
   ModesFullscreenPin,
   ModesMiniplayerPin,
@@ -91,36 +106,9 @@ import {
   ORIENTATION_OPTS,
   RESIZE_DIRS
 } from "./chunk-OBT4ZZUV.js";
-import {
-  KeysPlug
-} from "./chunk-NWLGQPP5.js";
-import {
-  LockedPlug
-} from "./chunk-NRI5KTE7.js";
-import {
-  LOCKED_BUILD
-} from "./chunk-IQS7GQSK.js";
-import {
-  MetadataPlug
-} from "./chunk-QYTNYM3N.js";
-import {
-  METADATA_BUILD
-} from "./chunk-VZG6IJLU.js";
-import {
-  ErrorsPlug
-} from "./chunk-LRSN5BP5.js";
-import {
-  FastPlayPlug
-} from "./chunk-HUTVUF4K.js";
-import {
-  FAST_PLAY_BUILD
-} from "./chunk-VUIEIQLA.js";
 import {
   FramePlug
 } from "./chunk-CK4OHZ3L.js";
-import {
-  FRAME_BUILD
-} from "./chunk-SZ7YMJG6.js";
 import {
   GesturePlug,
   GestureTouchPin,
@@ -131,17 +119,26 @@ import {
   GESTURE_TOUCH_BUILD,
   GESTURE_WHEEL_BUILD
 } from "./chunk-NHQA3G5Z.js";
+import {
+  ErrorsPlug
+} from "./chunk-LRSN5BP5.js";
 import {
   ERRORS_BUILD,
   ERROR_CODES
 } from "./chunk-LE6AZA74.js";
 import {
-  BrightnessPlug
-} from "./chunk-6OEXFDG2.js";
+  FastPlayPlug
+} from "./chunk-HUTVUF4K.js";
+import {
+  FAST_PLAY_BUILD
+} from "./chunk-VUIEIQLA.js";
+import {
+  FRAME_BUILD
+} from "./chunk-SZ7YMJG6.js";
 import {
   ControlPanelDraggablePin,
   ControlPanelPlug
-} from "./chunk-RRBOZLXP.js";
+} from "./chunk-CR6IA5S4.js";
 import {
   ToastsPlug,
   tutorialOpts
@@ -149,15 +146,18 @@ import {
 import {
   TOASTS_BUILD
 } from "./chunk-3GIJOELI.js";
+import {
+  BrightnessPlug
+} from "./chunk-6OEXFDG2.js";
+import {
+  BRIGHTNESS_BUILD
+} from "./chunk-JPWNE7JO.js";
 import {
   CSSPlug
 } from "./chunk-3BEH2VX7.js";
 import {
   CSS_BUILD
 } from "./chunk-UCBDCGYX.js";
-import {
-  CaptionsPlug
-} from "./chunk-GA5HGFYP.js";
 import {
   AutoPlug
 } from "./chunk-GUSSDPDA.js";
@@ -166,11 +166,14 @@ import {
   AUTO_BUILD
 } from "./chunk-ITCB3POV.js";
 import {
-  BRIGHTNESS_BUILD
-} from "./chunk-JPWNE7JO.js";
+  CaptionsPlug
+} from "./chunk-TYEIMVPJ.js";
 import {
   AmbiencePlug
 } from "./chunk-PK55IF4Y.js";
+import {
+  AMBIENT_BUILD
+} from "./chunk-PPWMZTPS.js";
 import {
   SkeletonPlug
 } from "./chunk-ITCBB5PT.js";
@@ -178,11 +181,11 @@ import {
   SKELETON_BUILD
 } from "./chunk-MKBKL3BT.js";
 import {
-  AMBIENT_BUILD
-} from "./chunk-PPWMZTPS.js";
+  DisabledPlug
+} from "./chunk-KSAMKOAJ.js";
 import {
-  PlaylistPlug
-} from "./chunk-BKK32VPW.js";
+  DISABLED_BUILD
+} from "./chunk-WW56NFQS.js";
 import {
   LightPlug
 } from "./chunk-FNOI36AC.js";
@@ -190,11 +193,8 @@ import {
   LIGHT_BUILD
 } from "./chunk-BCAAETH4.js";
 import {
-  DisabledPlug
-} from "./chunk-KSAMKOAJ.js";
-import {
-  DISABLED_BUILD
-} from "./chunk-WW56NFQS.js";
+  PlaylistPlug
+} from "./chunk-C4VTPU3G.js";
 import {
   AdsPlug
 } from "./chunk-F4GTKIRC.js";
@@ -203,12 +203,9 @@ import {
   AD_ROLL_BUILD
 } from "./chunk-IW5NSWNS.js";
 import {
-  KEYS_BUILD,
-  KEYS_MODS_ACTIONS,
-  KEYS_OVERIDES,
-  KEYS_SHORTCUTS,
-  KEYS_WHITELIST
-} from "./chunk-7RDKXCJV.js";
+  BasePin,
+  BasePlug
+} from "./chunk-M5UU3BRE.js";
 import {
   CAPTIONS_BUILD,
   ROTATE_PATHS,
@@ -220,14 +217,17 @@ import {
   CONTROL_PANEL_DRAGGABLE_BUILD,
   ROWS_ARR
 } from "./chunk-UPYFXPX3.js";
+import {
+  KEYS_BUILD,
+  KEYS_MODS_ACTIONS,
+  KEYS_OVERIDES,
+  KEYS_SHORTCUTS,
+  KEYS_WHITELIST
+} from "./chunk-7RDKXCJV.js";
 import {
   PLAYLIST_BUILD,
   PLAY_ITEM_BUILD
 } from "./chunk-HI6XPVUI.js";
-import {
-  BasePin,
-  BasePlug
-} from "./chunk-M5UU3BRE.js";
 import {
   __export
 } from "./chunk-UVKRO5ER.js";
@@ -340,4 +340,4 @@ __export(plugs_exports, {
 export {
   plugs_exports
 };
-//# sourceMappingURL=chunk-LH3LZHFD.js.map
+//# sourceMappingURL=chunk-M6TQYKWW.js.map

package/dist/{chunk-T6UOZ2AG.js → chunk-TKLVM4YO.js}

@@ -60,6 +60,7 @@ var CaptionsView = class extends BaseComponent {
     if (this.config.secondaryOrder) this.dragY = `calc(100% - ((var(--tmg-media-current-captions-container-height) * ${this.config.secondaryOrder}) + (var(--tmg-media-current-captions-container-height) / 2) + (var(--tmg-media-current-unit) / 2)))`;
     this.el.addEventListener("pointerdown", this.handleDragStart, { signal: this.signal });
     this.ctlr.state.on("dimensions.container.width", this.rerender, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.captions.multiple", this.rerender, { signal: this.signal });
     this.ctlr.config.on("settings.captions.window.position.lockToVideo", this.rerender, { signal: this.signal });
     this.media.on("state.objectFit", this.rerender, { signal: this.signal });
   }
@@ -82,12 +83,12 @@ var CaptionsView = class extends BaseComponent {
   rerender() {
     if (this.media.state.textVisible || this.previewing) this.syncSize(), this.cues && this.render(this.cues, this.previewing);
   }
-  render(cues, isPreview = false) {
+  render(cues, isPreview = false, opts = this.settings.captions) {
     this.el.classList.toggle("tmg-media-captions-preview", isPreview), !isPreview && clearTimeout(this.timeoutId);
     const existing = this.el.querySelector(".tmg-media-captions-wrapper");
     if (!(this.cues = cues)?.length) return existing?.remove();
     this.syncSize(), this.el.removeAttribute("data-active"), this.el.removeAttribute("data-scroll"), this.el.removeAttribute("style");
-    const wrapper = existing ?? this.el.appendChild(createEl("div", { className: "tmg-media-captions-wrapper", ariaLive: "Off", ariaAtomic: "true" }, { part: "cue-display" })), { width: vCWidth, height: vCHeight } = this.ctlr.state.dimensions.container, allowOverride = this.settings.captions.allowMediaOverride || !this.config.isMain, wrapWidth = (this.settings.captions.window.position.lockToVideo ? this.ctlr.state.dimensions.object.width || vCWidth : vCWidth) - this.fontSize * 2;
+    const wrapper = existing ?? this.el.appendChild(createEl("div", { className: "tmg-media-captions-wrapper", ariaLive: "Off", ariaAtomic: "true" }, { part: "cue-display", badge: opts.multiple && opts.secondaryTracks.length && this.config.isMain ? "M" : "" })), { width: vCWidth, height: vCHeight } = this.ctlr.state.dimensions.container, allowOverride = opts.allowMediaOverride || !this.config.isMain, wrapWidth = (opts.window.position.lockToVideo ? this.ctlr.state.dimensions.object.width || vCWidth : vCWidth) - this.fontSize * 2;
     if (!this.config.isMain) this.dragX && this.el.style.setProperty("--tmg-media-current-captions-x", this.dragX), this.dragY && this.el.style.setProperty("--tmg-media-current-captions-y", this.dragY);
     wrapper.innerHTML = "";
     for (const cue of cues) {
@@ -162,4 +163,4 @@ __publicField(CaptionsView, "componentName", "captionsView");
 export {
   CaptionsView
 };
-//# sourceMappingURL=chunk-T6UOZ2AG.js.map
+//# sourceMappingURL=chunk-TKLVM4YO.js.map