vidply 1.1.19 → 1.2.1

package/dist/dev/vidply.CaptionStyleMenu-R2SCQ6VP.js

@@ -0,0 +1,300 @@
+/*!
+ * VidPly v1.2.1 - Universal, Accessible Video Player
+ * (c) 2026 Matthias Peltzer
+ * Released under GPL-2.0-or-later License
+ */
+import {
+  focusFirstElement
+} from "./vidply.chunk-JAKZNGOR.js";
+import {
+  DOMUtils,
+  i18n
+} from "./vidply.chunk-NSMAZCMB.js";
+
+// src/controls/CaptionStyleMenu.ts
+function captionStylePropertyName(property) {
+  const stripped = property.replace("captions", "");
+  return stripped.charAt(0).toLowerCase() + stripped.slice(1);
+}
+function createStyleControl(player, label, property, options) {
+  const group = DOMUtils.createElement("div", {
+    className: `${player.options.classPrefix}-style-group`
+  });
+  const controlId = `${player.options.classPrefix}-${property}-${Date.now()}`;
+  const labelEl = DOMUtils.createElement("label", {
+    textContent: label,
+    attributes: {
+      "for": controlId
+    },
+    style: {
+      display: "block",
+      fontSize: "12px",
+      marginBottom: "4px",
+      color: "rgba(255,255,255,0.7)"
+    }
+  });
+  group.appendChild(labelEl);
+  const select = DOMUtils.createElement("select", {
+    className: `${player.options.classPrefix}-style-select`,
+    attributes: {
+      "id": controlId
+    },
+    style: {
+      width: "100%",
+      padding: "6px",
+      background: "var(--vidply-white)",
+      border: "1px solid var(--vidply-white-10)",
+      borderRadius: "4px",
+      color: "var(--vidply-black)",
+      fontSize: "13px"
+    }
+  });
+  const currentValue = player.options[property];
+  options.forEach((opt) => {
+    const option = DOMUtils.createElement("option", {
+      textContent: opt.label,
+      attributes: { value: opt.value }
+    });
+    if (opt.value === currentValue) {
+      option.selected = true;
+    }
+    select.appendChild(option);
+  });
+  select.addEventListener("mousedown", (e) => {
+    e.stopPropagation();
+  });
+  select.addEventListener("click", (e) => {
+    e.stopPropagation();
+  });
+  select.addEventListener("change", (e) => {
+    e.stopPropagation();
+    player.options[property] = e.target.value;
+    if (player.captionManager) {
+      player.captionManager.setCaptionStyle(
+        captionStylePropertyName(property),
+        e.target.value
+      );
+    }
+  });
+  group.appendChild(select);
+  return group;
+}
+function createColorControl(player, label, property) {
+  const group = DOMUtils.createElement("div", {
+    className: `${player.options.classPrefix}-style-group`
+  });
+  const controlId = `${player.options.classPrefix}-${property}-${Date.now()}`;
+  const labelEl = DOMUtils.createElement("label", {
+    textContent: label,
+    attributes: {
+      "for": controlId
+    },
+    style: {
+      display: "block",
+      fontSize: "12px",
+      marginBottom: "4px",
+      color: "rgba(255,255,255,0.7)"
+    }
+  });
+  group.appendChild(labelEl);
+  const input = DOMUtils.createElement("input", {
+    attributes: {
+      "id": controlId,
+      type: "color",
+      value: String(player.options[property] ?? "")
+    },
+    style: {
+      width: "100%",
+      height: "32px",
+      padding: "2px",
+      background: "rgba(255,255,255,0.1)",
+      border: "1px solid rgba(255,255,255,0.2)",
+      borderRadius: "4px",
+      cursor: "pointer"
+    }
+  });
+  input.addEventListener("mousedown", (e) => {
+    e.stopPropagation();
+  });
+  input.addEventListener("click", (e) => {
+    e.stopPropagation();
+  });
+  input.addEventListener("change", (e) => {
+    e.stopPropagation();
+    player.options[property] = e.target.value;
+    if (player.captionManager) {
+      player.captionManager.setCaptionStyle(
+        captionStylePropertyName(property),
+        e.target.value
+      );
+    }
+  });
+  group.appendChild(input);
+  return group;
+}
+function createOpacityControl(player, label, property) {
+  const group = DOMUtils.createElement("div", {
+    className: `${player.options.classPrefix}-style-group`
+  });
+  const controlId = `${player.options.classPrefix}-${property}-${Date.now()}`;
+  const labelContainer = DOMUtils.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      marginBottom: "4px"
+    }
+  });
+  const labelEl = DOMUtils.createElement("label", {
+    textContent: label,
+    attributes: {
+      "for": controlId
+    },
+    style: {
+      fontSize: "12px",
+      color: "rgba(255,255,255,0.7)"
+    }
+  });
+  const valueEl = DOMUtils.createElement("span", {
+    textContent: Math.round(Number(player.options[property] ?? 0) * 100) + "%",
+    style: {
+      fontSize: "12px",
+      color: "rgba(255,255,255,0.7)"
+    }
+  });
+  labelContainer.appendChild(labelEl);
+  labelContainer.appendChild(valueEl);
+  group.appendChild(labelContainer);
+  const input = DOMUtils.createElement("input", {
+    attributes: {
+      "id": controlId,
+      type: "range",
+      min: "0",
+      max: "1",
+      step: "0.1",
+      value: String(player.options[property])
+    },
+    style: {
+      width: "100%",
+      cursor: "pointer"
+    }
+  });
+  input.addEventListener("mousedown", (e) => {
+    e.stopPropagation();
+  });
+  input.addEventListener("click", (e) => {
+    e.stopPropagation();
+  });
+  input.addEventListener("input", (e) => {
+    e.stopPropagation();
+    const value = parseFloat(e.target.value);
+    valueEl.textContent = Math.round(value * 100) + "%";
+    player.options[property] = value;
+    if (player.captionManager) {
+      player.captionManager.setCaptionStyle(
+        captionStylePropertyName(property),
+        value
+      );
+    }
+  });
+  group.appendChild(input);
+  return group;
+}
+function showCaptionStyleMenu(controlBar, button) {
+  const player = controlBar.player;
+  const existingMenu = document.querySelector(`.${player.options.classPrefix}-caption-style-menu`);
+  if (existingMenu) {
+    existingMenu.remove();
+    button.setAttribute("aria-expanded", "false");
+    if (controlBar.openMenu === existingMenu) {
+      controlBar.openMenu = null;
+      controlBar.openMenuButton = null;
+    }
+    return;
+  }
+  const menuLabelId = `${player.options.classPrefix}-caption-style-label-${player.instanceId || ""}`;
+  const menu = DOMUtils.createElement("div", {
+    className: `${player.options.classPrefix}-caption-style-menu ${player.options.classPrefix}-menu ${player.options.classPrefix}-settings-menu`,
+    attributes: {
+      "role": "dialog",
+      "aria-modal": "false",
+      "aria-labelledby": menuLabelId
+    }
+  });
+  const visuallyHiddenLabel = DOMUtils.createElement("h2", {
+    textContent: i18n.t("player.captionStyling"),
+    attributes: { id: menuLabelId, class: `${player.options.classPrefix}-sr-only` },
+    style: {
+      position: "absolute",
+      width: "1px",
+      height: "1px",
+      padding: "0",
+      margin: "-1px",
+      overflow: "hidden",
+      clip: "rect(0,0,0,0)",
+      whiteSpace: "nowrap",
+      border: "0"
+    }
+  });
+  menu.appendChild(visuallyHiddenLabel);
+  menu.addEventListener("click", (e) => {
+    e.stopPropagation();
+  });
+  if (!player.captionManager || player.captionManager.tracks.length === 0) {
+    const noTracksItem = DOMUtils.createElement("div", {
+      className: `${player.options.classPrefix}-menu-item`,
+      textContent: i18n.t("player.noCaptions"),
+      attributes: {
+        "role": "status"
+      },
+      style: { opacity: "0.5", cursor: "default", padding: "12px 16px" }
+    });
+    menu.appendChild(noTracksItem);
+    menu.style.visibility = "hidden";
+    menu.style.display = "block";
+    controlBar.insertMenuIntoDOM(menu, button);
+    controlBar.positionMenu(menu, button, true);
+    requestAnimationFrame(() => {
+      menu.style.visibility = "visible";
+    });
+    controlBar.attachMenuCloseHandler(menu, button, true);
+    return;
+  }
+  menu.appendChild(createStyleControl(
+    player,
+    i18n.t("styleLabels.fontSize"),
+    "captionsFontSize",
+    [
+      { label: i18n.t("fontSizes.small"), value: "87.5%" },
+      { label: i18n.t("fontSizes.normal"), value: "100%" },
+      { label: i18n.t("fontSizes.large"), value: "125%" },
+      { label: i18n.t("fontSizes.xlarge"), value: "150%" }
+    ]
+  ));
+  menu.appendChild(createStyleControl(
+    player,
+    i18n.t("styleLabels.font"),
+    "captionsFontFamily",
+    [
+      { label: i18n.t("fontFamilies.sansSerif"), value: "sans-serif" },
+      { label: i18n.t("fontFamilies.serif"), value: "serif" },
+      { label: i18n.t("fontFamilies.monospace"), value: "monospace" }
+    ]
+  ));
+  menu.appendChild(createColorControl(player, i18n.t("styleLabels.textColor"), "captionsColor"));
+  menu.appendChild(createColorControl(player, i18n.t("styleLabels.background"), "captionsBackgroundColor"));
+  menu.appendChild(createOpacityControl(player, i18n.t("styleLabels.opacity"), "captionsOpacity"));
+  menu.style.minWidth = "220px";
+  menu.style.visibility = "hidden";
+  menu.style.display = "block";
+  controlBar.insertMenuIntoDOM(menu, button);
+  controlBar.positionMenu(menu, button, true);
+  requestAnimationFrame(() => {
+    menu.style.visibility = "visible";
+  });
+  controlBar.attachMenuCloseHandler(menu, button, true);
+  focusFirstElement(menu, `.${player.options.classPrefix}-style-select`);
+}
+export {
+  showCaptionStyleMenu
+};
+//# sourceMappingURL=vidply.CaptionStyleMenu-R2SCQ6VP.js.map

package/dist/dev/vidply.CaptionStyleMenu-R2SCQ6VP.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/controls/CaptionStyleMenu.ts"],
+  "sourcesContent": ["/**\n * Caption-style menu (font size/family, text & background color, opacity).\n *\n * Extracted from ControlBar and loaded on demand via dynamic import() so the\n * builder code for this relatively rarely-opened panel is not part of the\n * always-loaded core bundle. ControlBar.showCaptionStyleMenu() awaits this\n * module the first time the panel is opened.\n */\n\nimport { DOMUtils } from '../utils/DOMUtils.js';\nimport { i18n } from '../i18n/i18n.js';\nimport { focusFirstElement } from '../utils/FocusUtils.js';\nimport type { ControlBar } from './ControlBar.js';\nimport type { Player } from '../core/Player.js';\n\nfunction captionStylePropertyName(property: string): string {\n    const stripped = property.replace('captions', '');\n    return stripped.charAt(0).toLowerCase() + stripped.slice(1);\n}\n\nfunction createStyleControl(\n    player: Player,\n    label: string,\n    property: string,\n    options: Array<{ label: string; value: string }>\n): HTMLElement {\n    const group = DOMUtils.createElement('div', {\n        className: `${player.options.classPrefix}-style-group`\n    });\n\n    const controlId = `${player.options.classPrefix}-${property}-${Date.now()}`;\n\n    const labelEl = DOMUtils.createElement('label', {\n        textContent: label,\n        attributes: {\n            'for': controlId\n        },\n        style: {\n            display: 'block',\n            fontSize: '12px',\n            marginBottom: '4px',\n            color: 'rgba(255,255,255,0.7)'\n        }\n    });\n    group.appendChild(labelEl);\n\n    const select = DOMUtils.createElement('select', {\n        className: `${player.options.classPrefix}-style-select`,\n        attributes: {\n            'id': controlId\n        },\n        style: {\n            width: '100%',\n            padding: '6px',\n            background: 'var(--vidply-white)',\n            border: '1px solid var(--vidply-white-10)',\n            borderRadius: '4px',\n            color: 'var(--vidply-black)',\n            fontSize: '13px'\n        }\n    });\n\n    const currentValue = player.options[property];\n    options.forEach((opt) => {\n        const option = DOMUtils.createElement('option', {\n            textContent: opt.label,\n            attributes: { value: opt.value }\n        });\n        if (opt.value === currentValue) {\n            (option as HTMLOptionElement).selected = true;\n        }\n        select.appendChild(option);\n    });\n\n    select.addEventListener('mousedown', (e) => {\n        e.stopPropagation();\n    });\n\n    select.addEventListener('click', (e) => {\n        e.stopPropagation();\n    });\n\n    select.addEventListener('change', (e) => {\n        e.stopPropagation();\n        player.options[property] = (e.target as HTMLSelectElement).value;\n        if (player.captionManager) {\n            player.captionManager.setCaptionStyle(\n                captionStylePropertyName(property),\n                (e.target as HTMLSelectElement).value\n            );\n        }\n    });\n\n    group.appendChild(select);\n    return group;\n}\n\nfunction createColorControl(player: Player, label: string, property: string): HTMLElement {\n    const group = DOMUtils.createElement('div', {\n        className: `${player.options.classPrefix}-style-group`\n    });\n\n    const controlId = `${player.options.classPrefix}-${property}-${Date.now()}`;\n\n    const labelEl = DOMUtils.createElement('label', {\n        textContent: label,\n        attributes: {\n            'for': controlId\n        },\n        style: {\n            display: 'block',\n            fontSize: '12px',\n            marginBottom: '4px',\n            color: 'rgba(255,255,255,0.7)'\n        }\n    });\n    group.appendChild(labelEl);\n\n    const input = DOMUtils.createElement('input', {\n        attributes: {\n            'id': controlId,\n            type: 'color',\n            value: String(player.options[property] ?? '')\n        },\n        style: {\n            width: '100%',\n            height: '32px',\n            padding: '2px',\n            background: 'rgba(255,255,255,0.1)',\n            border: '1px solid rgba(255,255,255,0.2)',\n            borderRadius: '4px',\n            cursor: 'pointer'\n        }\n    });\n\n    input.addEventListener('mousedown', (e) => {\n        e.stopPropagation();\n    });\n\n    input.addEventListener('click', (e) => {\n        e.stopPropagation();\n    });\n\n    input.addEventListener('change', (e) => {\n        e.stopPropagation();\n        player.options[property] = (e.target as HTMLInputElement).value;\n        if (player.captionManager) {\n            player.captionManager.setCaptionStyle(\n                captionStylePropertyName(property),\n                (e.target as HTMLInputElement).value\n            );\n        }\n    });\n\n    group.appendChild(input);\n    return group;\n}\n\nfunction createOpacityControl(player: Player, label: string, property: string): HTMLElement {\n    const group = DOMUtils.createElement('div', {\n        className: `${player.options.classPrefix}-style-group`\n    });\n\n    const controlId = `${player.options.classPrefix}-${property}-${Date.now()}`;\n\n    const labelContainer = DOMUtils.createElement('div', {\n        style: {\n            display: 'flex',\n            justifyContent: 'space-between',\n            marginBottom: '4px'\n        }\n    });\n\n    const labelEl = DOMUtils.createElement('label', {\n        textContent: label,\n        attributes: {\n            'for': controlId\n        },\n        style: {\n            fontSize: '12px',\n            color: 'rgba(255,255,255,0.7)'\n        }\n    });\n\n    const valueEl = DOMUtils.createElement('span', {\n        textContent: Math.round(Number(player.options[property] ?? 0) * 100) + '%',\n        style: {\n            fontSize: '12px',\n            color: 'rgba(255,255,255,0.7)'\n        }\n    });\n\n    labelContainer.appendChild(labelEl);\n    labelContainer.appendChild(valueEl);\n    group.appendChild(labelContainer);\n\n    const input = DOMUtils.createElement('input', {\n        attributes: {\n            'id': controlId,\n            type: 'range',\n            min: '0',\n            max: '1',\n            step: '0.1',\n            value: String(player.options[property])\n        },\n        style: {\n            width: '100%',\n            cursor: 'pointer'\n        }\n    });\n\n    input.addEventListener('mousedown', (e) => {\n        e.stopPropagation();\n    });\n\n    input.addEventListener('click', (e) => {\n        e.stopPropagation();\n    });\n\n    input.addEventListener('input', (e) => {\n        e.stopPropagation();\n        const value = parseFloat((e.target as HTMLInputElement).value);\n        valueEl.textContent = Math.round(value * 100) + '%';\n        player.options[property] = value;\n        if (player.captionManager) {\n            player.captionManager.setCaptionStyle(\n                captionStylePropertyName(property),\n                value\n            );\n        }\n    });\n\n    group.appendChild(input);\n    return group;\n}\n\n/**\n * Build and show the caption-style dialog for the given ControlBar. Mirrors\n * the toggle/positioning behavior of the other ControlBar menus by delegating\n * back to the ControlBar's shared DOM-insertion / positioning / close helpers.\n */\nexport function showCaptionStyleMenu(controlBar: ControlBar, button: HTMLElement): void {\n    const player = controlBar.player;\n\n    // Remove existing menu if any (toggle behavior)\n    const existingMenu = document.querySelector(`.${player.options.classPrefix}-caption-style-menu`);\n    if (existingMenu) {\n        existingMenu.remove();\n        button.setAttribute('aria-expanded', 'false');\n        if (controlBar.openMenu === existingMenu) {\n            controlBar.openMenu = null;\n            controlBar.openMenuButton = null;\n        }\n        return;\n    }\n\n    // The caption-style panel contains form controls (selects, color\n    // inputs, sliders), not single-action menuitems. Modeling it as a\n    // dialog yields correct semantics for AT and matches the\n    // SettingsDialog pattern.\n    const menuLabelId = `${player.options.classPrefix}-caption-style-label-${player.instanceId || ''}`;\n    const menu = DOMUtils.createElement('div', {\n        className: `${player.options.classPrefix}-caption-style-menu ${player.options.classPrefix}-menu ${player.options.classPrefix}-settings-menu`,\n        attributes: {\n            'role': 'dialog',\n            'aria-modal': 'false',\n            'aria-labelledby': menuLabelId\n        }\n    });\n    const visuallyHiddenLabel = DOMUtils.createElement('h2', {\n        textContent: i18n.t('player.captionStyling'),\n        attributes: { id: menuLabelId, class: `${player.options.classPrefix}-sr-only` },\n        style: {\n            position: 'absolute',\n            width: '1px',\n            height: '1px',\n            padding: '0',\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0,0,0,0)',\n            whiteSpace: 'nowrap',\n            border: '0'\n        }\n    });\n    menu.appendChild(visuallyHiddenLabel);\n\n    // Prevent menu from closing when clicking inside\n    menu.addEventListener('click', (e) => {\n        e.stopPropagation();\n    });\n\n    // Check if there are any caption tracks\n    if (!player.captionManager || player.captionManager.tracks.length === 0) {\n        // Show \"No captions available\" message\n        const noTracksItem = DOMUtils.createElement('div', {\n            className: `${player.options.classPrefix}-menu-item`,\n            textContent: i18n.t('player.noCaptions'),\n            attributes: {\n                'role': 'status'\n            },\n            style: { opacity: '0.5', cursor: 'default', padding: '12px 16px' }\n        });\n        menu.appendChild(noTracksItem);\n\n        menu.style.visibility = 'hidden';\n        menu.style.display = 'block';\n\n        controlBar.insertMenuIntoDOM(menu, button);\n        controlBar.positionMenu(menu, button, true);\n\n        requestAnimationFrame(() => {\n            menu.style.visibility = 'visible';\n        });\n\n        controlBar.attachMenuCloseHandler(menu, button, true);\n        return;\n    }\n\n    // Font Size\n    menu.appendChild(createStyleControl(\n        player,\n        i18n.t('styleLabels.fontSize'),\n        'captionsFontSize',\n        [\n            { label: i18n.t('fontSizes.small'), value: '87.5%' },\n            { label: i18n.t('fontSizes.normal'), value: '100%' },\n            { label: i18n.t('fontSizes.large'), value: '125%' },\n            { label: i18n.t('fontSizes.xlarge'), value: '150%' }\n        ]\n    ));\n\n    // Font Family\n    menu.appendChild(createStyleControl(\n        player,\n        i18n.t('styleLabels.font'),\n        'captionsFontFamily',\n        [\n            { label: i18n.t('fontFamilies.sansSerif'), value: 'sans-serif' },\n            { label: i18n.t('fontFamilies.serif'), value: 'serif' },\n            { label: i18n.t('fontFamilies.monospace'), value: 'monospace' }\n        ]\n    ));\n\n    // Text Color\n    menu.appendChild(createColorControl(player, i18n.t('styleLabels.textColor'), 'captionsColor'));\n\n    // Background Color\n    menu.appendChild(createColorControl(player, i18n.t('styleLabels.background'), 'captionsBackgroundColor'));\n\n    // Opacity\n    menu.appendChild(createOpacityControl(player, i18n.t('styleLabels.opacity'), 'captionsOpacity'));\n\n    // Set min-width for caption style menu\n    menu.style.minWidth = '220px';\n\n    menu.style.visibility = 'hidden';\n    menu.style.display = 'block';\n\n    controlBar.insertMenuIntoDOM(menu, button);\n    controlBar.positionMenu(menu, button, true);\n\n    requestAnimationFrame(() => {\n        menu.style.visibility = 'visible';\n    });\n\n    controlBar.attachMenuCloseHandler(menu, button, true);\n\n    // Auto-focus the first style select element\n    focusFirstElement(menu, `.${player.options.classPrefix}-style-select`);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/dev/{vidply.DASHRenderer-SYXX6RRS.js → vidply.DASHRenderer-EOVEW73H.js}

@@ -1,8 +1,11 @@
 /*!
- * VidPly v1.1.19 - Universal, Accessible Video Player
+ * VidPly v1.2.1 - Universal, Accessible Video Player
  * (c) 2026 Matthias Peltzer
  * Released under GPL-2.0-or-later License
  */
+import {
+  loadScriptOnce
+} from "./vidply.chunk-HOYEMJSD.js";
 
 // src/renderers/DASHRenderer.ts
 var DASHRenderer = class {
@@ -22,6 +25,11 @@ var DASHRenderer = class {
   _pendingTimeouts;
   _ttmlDiv;
   _manifestUrl;
+  // Detaches all media listeners (attachMediaEvents) in destroy().
+  _listenerController;
+  // Deferred 'ready' handler from updateCaptionButtonsForStreaming, removed on
+  // destroy if it never fired.
+  _pendingReadyHandler;
   constructor(player) {
     this.player = player;
     this.media = player.element;
@@ -38,6 +46,8 @@ var DASHRenderer = class {
     this._pendingTimeouts = [];
     this._ttmlDiv = null;
     this._manifestUrl = null;
+    this._listenerController = new AbortController();
+    this._pendingReadyHandler = null;
   }
   async init() {
     this.player.log("Using dash.js for DASH support");
@@ -52,7 +62,7 @@ var DASHRenderer = class {
     const sourceElements = Array.from(this.media.querySelectorAll("source"));
     let originalSrc = null;
     if (sourceElements.length > 0) {
-      originalSrc = sourceElements[0].getAttribute("src");
+      originalSrc = sourceElements[0]?.getAttribute("src") ?? null;
       sourceElements.forEach((source) => source.remove());
       this.player.log("Removed <source> elements for HTML5 validity (dash.js uses MSE)");
     }
@@ -167,18 +177,7 @@ var DASHRenderer = class {
     const defaultUrl = "https://cdn.jsdelivr.net/npm/dashjs@5.2.0/dist/modern/umd/dash.all.min.js";
     const url = this.player.options.dashScriptUrl || defaultUrl;
     const integrity = this.player.options.dashScriptIntegrity;
-    return new Promise((resolve, reject) => {
-      const script = document.createElement("script");
-      script.src = url;
-      if (integrity) {
-        script.integrity = integrity;
-        script.crossOrigin = "anonymous";
-        script.referrerPolicy = "no-referrer";
-      }
-      script.onload = () => resolve();
-      script.onerror = () => reject(new Error("Failed to load dash.js"));
-      document.head.appendChild(script);
-    });
+    return loadScriptOnce(url, { integrity });
   }
   _setTimeout(fn, delay) {
     const id = setTimeout(() => {
@@ -269,7 +268,7 @@ var DASHRenderer = class {
     if (!textTracks) return total;
     for (let i = 0; i < textTracks.length; i++) {
       const track = textTracks[i];
-      if ((track.kind === "subtitles" || track.kind === "captions") && !track._vidplyStale && track.cues) {
+      if (track && (track.kind === "subtitles" || track.kind === "captions") && !track._vidplyStale && track.cues) {
         total += track.cues.length;
       }
     }
@@ -386,7 +385,7 @@ var DASHRenderer = class {
     let count = 0;
     for (let i = 0; i < tracks.length; i++) {
       const track = tracks[i];
-      if ((track.kind === "subtitles" || track.kind === "captions") && !track._vidplyStale) {
+      if (track && (track.kind === "subtitles" || track.kind === "captions") && !track._vidplyStale) {
         count++;
       }
     }
@@ -438,22 +437,25 @@ var DASHRenderer = class {
     }
     const onReady = () => {
       this.player.off("ready", onReady);
+      this._pendingReadyHandler = null;
       doUpdate();
     };
+    this._pendingReadyHandler = onReady;
     this.player.on("ready", onReady);
   }
   attachMediaEvents() {
+    const { signal } = this._listenerController;
     this.media.addEventListener("loadedmetadata", () => {
       this.player.state.duration = this.media.duration;
       this.player.emit("loadedmetadata");
-    });
+    }, { signal });
     this.media.addEventListener("durationchange", () => {
       const duration = this.media.duration;
       if (duration && isFinite(duration) && duration > 0) {
         this.player.state.duration = duration;
         this.player.emit("durationchange", duration);
       }
-    });
+    }, { signal });
     this.media.addEventListener("play", () => {
       this.player.state.playing = true;
       this.player.state.paused = false;
@@ -462,7 +464,7 @@ var DASHRenderer = class {
       if (this.player.options.onPlay) {
         this.player.options.onPlay.call(this.player);
       }
-    });
+    }, { signal });
     this.media.addEventListener("pause", () => {
       this.player.state.playing = false;
       this.player.state.paused = true;
@@ -470,7 +472,7 @@ var DASHRenderer = class {
       if (this.player.options.onPause) {
         this.player.options.onPause.call(this.player);
       }
-    });
+    }, { signal });
     this.media.addEventListener("ended", () => {
       this.player.state.playing = false;
       this.player.state.paused = true;
@@ -483,19 +485,19 @@ var DASHRenderer = class {
         this.player.seek(0);
         this.player.play();
       }
-    });
+    }, { signal });
     this.media.addEventListener("timeupdate", () => {
       this.player.state.currentTime = this.media.currentTime;
       this.player.emit("timeupdate", this.media.currentTime);
       if (this.player.options.onTimeUpdate) {
         this.player.options.onTimeUpdate.call(this.player, this.media.currentTime);
       }
-    });
+    }, { signal });
     this.media.addEventListener("volumechange", () => {
       this.player.state.volume = this.media.volume;
       this.player.state.muted = this.media.muted;
       this.player.emit("volumechange", this.media.volume);
-    });
+    }, { signal });
     this.media.addEventListener("seeking", () => {
       this.player.state.seeking = true;
       this.player.emit("seeking");
@@ -503,22 +505,22 @@ var DASHRenderer = class {
         this.player.state.buffering = true;
         this.player.emit("waiting");
       }
-    });
+    }, { signal });
     this.media.addEventListener("seeked", () => {
       this.player.state.seeking = false;
       this.player.emit("seeked");
-    });
+    }, { signal });
     this.media.addEventListener("waiting", () => {
       this.player.state.buffering = true;
       this.player.emit("waiting");
-    });
+    }, { signal });
     this.media.addEventListener("canplay", () => {
       this.player.state.buffering = false;
       this.player.emit("canplay");
-    });
+    }, { signal });
     this.media.addEventListener("error", () => {
       this.player.handleError(this.media.error);
-    });
+    }, { signal });
   }
   handleDashError(e) {
     const wrapped = e;
@@ -633,7 +635,7 @@ var DASHRenderer = class {
           const bitrate = Number(rep.bandwidth || rep.bitrate) || 0;
           const kb = bitrate > 0 ? Math.round(bitrate / 1e3) : 0;
           let name;
-          if (height > 0 && heightCounts2[height] > 1 && kb > 0) {
+          if (height > 0 && (heightCounts2[height] ?? 0) > 1 && kb > 0) {
             name = `${height}p (${kb} kbps)`;
           } else if (height > 0) {
             name = `${height}p`;
@@ -662,7 +664,7 @@ var DASHRenderer = class {
         const bitrate = Number(info.bitrate) || 0;
         const kb = bitrate > 0 ? Math.round(bitrate / 1e3) : 0;
         let name;
-        if (height > 0 && heightCounts[height] > 1 && kb > 0) {
+        if (height > 0 && (heightCounts[height] ?? 0) > 1 && kb > 0) {
           name = `${height}p (${kb} kbps)`;
         } else if (height > 0) {
           name = `${height}p`;
@@ -815,6 +817,11 @@ var DASHRenderer = class {
     this._pendingTimeouts = [];
     this._stopCueUpdatePolling();
     this._lastKnownCueCount = 0;
+    this._listenerController.abort();
+    if (this._pendingReadyHandler) {
+      this.player.off("ready", this._pendingReadyHandler);
+      this._pendingReadyHandler = null;
+    }
     if (this._captionEnabledHandler) {
       this.player.off("captionsenabled", this._captionEnabledHandler);
       this._captionEnabledHandler = null;
@@ -830,7 +837,7 @@ var DASHRenderer = class {
     const textTracks = this.media.textTracks;
     for (let i = 0; i < textTracks.length; i++) {
       const track = textTracks[i];
-      if (track.kind === "subtitles" || track.kind === "captions") {
+      if (track && (track.kind === "subtitles" || track.kind === "captions")) {
         track._vidplyStale = true;
         track.mode = "disabled";
       }
@@ -855,4 +862,4 @@ var DASHRenderer = class {
 export {
   DASHRenderer
 };
-//# sourceMappingURL=vidply.DASHRenderer-SYXX6RRS.js.map
+//# sourceMappingURL=vidply.DASHRenderer-EOVEW73H.js.map