itube-modern-player 0.6.0 → 0.7.0

package/dist/core.js

@@ -1,75 +1,79 @@
-import { d as H } from "./labels-DRuCG6N8.js";
+import { d as Z } from "./labels-CCjOCBKU.js";
 function l(o, t, e) {
   const i = document.createElement(o);
   if (t && (i.className = t), e)
     for (const [s, n] of Object.entries(e)) i.setAttribute(s, n);
   return i;
 }
-function B(o, t) {
+function T(o, t) {
   if (o.textContent = "", typeof t == "object") {
     "url" in t ? o.append(l("img", "imp-icon-img", { src: t.url, alt: "" })) : o.innerHTML = t.svg;
     return;
   }
   /^\s*</.test(t) ? o.innerHTML = t : o.append(l("img", "imp-icon-img", { src: t, alt: "" }));
 }
+function S(o, t = "") {
+  const e = l("img", "imp-cover-img", { alt: t, decoding: "async" });
+  return e.src = o, e;
+}
 function g(o, t, e) {
   const i = l("button", `imp-btn ${o}`, { type: "button", "aria-label": t, title: t });
-  return B(i, e), i;
+  return T(i, e), i;
 }
-function U(o, t) {
+function j(o, t) {
   const e = l("div", `${t}__meta`);
   return o.forEach((i, s) => {
     s > 0 && e.append(document.createTextNode(" "));
     const n = typeof i == "string" ? i : i.text, r = typeof i == "string" ? void 0 : i.icon, a = l("span", `${t}__meta-chunk`);
     if (r) {
       const h = l("span", `${t}__meta-icon`);
-      B(h, r), a.append(h);
+      T(h, r), a.append(h);
     }
     a.append(document.createTextNode(n)), e.append(a);
   }), e;
 }
 function I(o, t, e) {
-  B(o, t), e !== void 0 && (o.setAttribute("aria-label", e), o.setAttribute("title", e));
+  T(o, t), e !== void 0 && (o.setAttribute("aria-label", e), o.setAttribute("title", e));
 }
-function w(o, t, e) {
+function x(o, t, e) {
   return Math.min(e, Math.max(t, o));
 }
-function x(o) {
+function _(o) {
   if (!Number.isFinite(o) || o < 0) return "0:00";
   const t = Math.floor(o % 60), e = Math.floor(o / 60 % 60), i = Math.floor(o / 3600), s = i > 0 ? String(e).padStart(2, "0") : String(e), n = String(t).padStart(2, "0");
   return i > 0 ? `${i}:${s}:${n}` : `${s}:${n}`;
 }
-function F(o) {
+function V(o) {
   const t = o.trim().match(/^(?:(\d+):)?(\d{1,2}):(\d{2})(?:[.,](\d{1,3}))?$/);
   if (!t) return null;
   const e = t[1] ? Number(t[1]) : 0, i = Number(t[2]), s = Number(t[3]), n = t[4] ? Number(t[4].padEnd(3, "0")) : 0;
   return e * 3600 + i * 60 + s + n / 1e3;
 }
-function j(o) {
+function K(o) {
   const t = [], e = o.replace(/\r\n?/g, `
 `).split(/\n\n+/);
   for (const i of e) {
     const s = i.split(`
-`).filter((u) => u.trim() !== "");
+`).filter((m) => m.trim() !== "");
     if (s.length === 0) continue;
-    let n = s.findIndex((u) => u.includes("-->"));
+    let n = s.findIndex((m) => m.includes("-->"));
     if (n === -1) continue;
-    const [r, a] = s[n].split("-->"), h = F(r), c = F((a ?? "").split(" ")[1] ?? a ?? "") ?? F(a ?? "");
+    const [r, a] = s[n].split("-->"), h = V(r), c = V((a ?? "").split(" ")[1] ?? a ?? "") ?? V(a ?? "");
     if (h === null || c === null) continue;
-    const p = s.slice(n + 1).join(`
+    const u = s.slice(n + 1).join(`
 `).trim();
-    p && t.push({ start: h, end: c, text: p });
+    u && t.push({ start: h, end: c, text: u });
   }
   return t;
 }
-function Y(o, t) {
+function it(o, t) {
   try {
     return new URL(o, new URL(t, window.location.href)).toString();
   } catch {
     return o;
   }
 }
-class tt {
+class st {
   constructor() {
     this.listeners = /* @__PURE__ */ new Map();
   }
@@ -101,56 +105,56 @@ class tt {
     this.listeners.clear();
   }
 }
-const f = (o, t = "0 0 24 24") => `<svg viewBox="${t}" fill="currentColor" aria-hidden="true" focusable="false">${o}</svg>`, et = {
-  play: f('<path d="M8 5.14v13.72c0 .8.87 1.3 1.56.88l10.54-6.86a1.05 1.05 0 0 0 0-1.76L9.56 4.26C8.87 3.84 8 4.34 8 5.14Z"/>'),
-  pause: f('<rect x="6" y="5" width="4" height="14" rx="1"/><rect x="14" y="5" width="4" height="14" rx="1"/>'),
-  replay: f('<path d="M12 5V2.5L7.5 6 12 9.5V7a5 5 0 1 1-5 5H5a7 7 0 1 0 7-7Z"/>'),
-  bigPlay: f('<path d="M8 5.14v13.72c0 .8.87 1.3 1.56.88l10.54-6.86a1.05 1.05 0 0 0 0-1.76L9.56 4.26C8.87 3.84 8 4.34 8 5.14Z"/>'),
-  volumeHigh: f('<path d="M4 9v6h3.5L12 19.5v-15L7.5 9H4Z"/><path d="M14.5 8.6a4.5 4.5 0 0 1 0 6.8v-1.9a2.5 2.5 0 0 0 0-3v-1.9Z"/><path d="M14.5 5.2a8 8 0 0 1 0 13.6v-2a6 6 0 0 0 0-9.6v-2Z"/>'),
-  volumeLow: f('<path d="M4 9v6h3.5L12 19.5v-15L7.5 9H4Z"/><path d="M14.5 8.6a4.5 4.5 0 0 1 0 6.8v-1.9a2.5 2.5 0 0 0 0-3v-1.9Z"/>'),
-  volumeMute: f('<path d="M4 9v6h3.5L12 19.5v-15L7.5 9H4Z"/><path d="m15.3 9.3 1.4 1.4 1.4-1.4 1.4 1.4-1.4 1.4 1.4 1.4-1.4 1.4-1.4-1.4-1.4 1.4-1.4-1.4 1.4-1.4-1.4-1.4 1.4-1.4Z"/>'),
-  fullscreen: f('<path d="M5 5h5v2H7v3H5V5Zm9 0h5v5h-2V7h-3V5ZM5 14h2v3h3v2H5v-5Zm12 0h2v5h-5v-2h3v-3Z"/>'),
-  fullscreenExit: f('<path d="M10 10H5V8h3V5h2v5Zm4 0V5h2v3h3v2h-5Zm-4 4v5H8v-3H5v-2h5Zm4 0h5v2h-3v3h-2v-5Z"/>'),
-  pip: f('<path d="M3 5h18v14H3V5Zm2 2v10h14V7H5Z"/><rect x="12" y="11" width="6" height="4"/>'),
-  settings: f('<path d="M12 8.5A3.5 3.5 0 1 0 12 15.5 3.5 3.5 0 0 0 12 8.5Zm0 2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/><path d="M10.3 2.8 9.9 5.1a7 7 0 0 0-1.5.86l-2.2-.8-1.7 3 1.8 1.5a7 7 0 0 0 0 1.7l-1.8 1.5 1.7 3 2.2-.8c.46.36.97.65 1.5.86l.4 2.3h3.4l.4-2.3a7 7 0 0 0 1.5-.86l2.2.8 1.7-3-1.8-1.5a7 7 0 0 0 0-1.7l1.8-1.5-1.7-3-2.2.8a7 7 0 0 0-1.5-.86l-.4-2.3h-3.4Zm1.7 5.7a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Z"/>'),
-  speed: f('<path d="M12 4a9 9 0 0 0-9 9 8.96 8.96 0 0 0 1.62 5.16l1.64-1.15A7 7 0 0 1 5 13a7 7 0 1 1 12.74 4.01l1.64 1.15A8.96 8.96 0 0 0 21 13a9 9 0 0 0-9-9Z"/><path d="m15.6 8.3-3.95 3.13a1.5 1.5 0 1 0 1.92 1.92L16.7 9.4a.78.78 0 0 0-1.1-1.1Z"/>'),
-  scenes: f('<path d="M3 5h18v14H3V5Zm2 2v10h3V7H5Zm5 0v10h9V7h-9Zm-5 3h3v1H5v-1Zm0 3h3v1H5v-1Z"/>'),
-  shuffle: f('<path d="M4 6h2.6c1.5 0 2.9.7 3.8 1.9l4.1 5.4a2.75 2.75 0 0 0 2.2 1.1H19l-1.8-1.8 1.4-1.4 4.2 4.2-4.2 4.2-1.4-1.4L19 16.4h-2.3a4.75 4.75 0 0 1-3.8-1.9L8.8 9.1A2.75 2.75 0 0 0 6.6 8H4V6Z"/><path d="M19 7.6h-2.3c-.86 0-1.67.41-2.18 1.1l-.93 1.23-1.25-1.65.58-.77A4.75 4.75 0 0 1 16.7 5.6H19L17.2 3.8l1.4-1.4 4.2 4.2-4.2 4.2-1.4-1.4L19 7.6Z" transform="translate(0 1.2)"/>'),
-  repeat: f('<path d="M7 7h10v2.5L21 6l-4-3.5V5H5v6h2V7Zm10 10H7v-2.5L3 18l4 3.5V19h12v-6h-2v4Z"/>'),
-  subtitles: f('<path d="M3 5h18v14H3V5Zm2 2v10h14V7H5Zm2 3h6v2H7v-2Zm8 0h2v2h-2v-2ZM7 14h2v2H7v-2Zm4 0h6v2h-6v-2Z"/>'),
-  list: f('<path d="M4 6h2v2H4V6Zm4 0h12v2H8V6ZM4 11h2v2H4v-2Zm4 0h12v2H8v-2ZM4 16h2v2H4v-2Zm4 0h12v2H8v-2Z"/>'),
-  next: f('<path d="M6 5.5v13c0 .77.84 1.25 1.5.85l9-6.5a1 1 0 0 0 0-1.7l-9-6.5c-.66-.4-1.5.08-1.5.85Z"/><rect x="17" y="5" width="2.5" height="14" rx="1"/>'),
-  previous: f('<path d="M18 5.5v13c0 .77-.84 1.25-1.5.85l-9-6.5a1 1 0 0 1 0-1.7l9-6.5c.66-.4 1.5.08 1.5.85Z"/><rect x="4.5" y="5" width="2.5" height="14" rx="1"/>'),
+const y = (o, t = "0 0 24 24") => `<svg viewBox="${t}" fill="currentColor" aria-hidden="true" focusable="false">${o}</svg>`, nt = {
+  play: y('<path d="M8 5.14v13.72c0 .8.87 1.3 1.56.88l10.54-6.86a1.05 1.05 0 0 0 0-1.76L9.56 4.26C8.87 3.84 8 4.34 8 5.14Z"/>'),
+  pause: y('<rect x="6" y="5" width="4" height="14" rx="1"/><rect x="14" y="5" width="4" height="14" rx="1"/>'),
+  replay: y('<path d="M12 5V2.5L7.5 6 12 9.5V7a5 5 0 1 1-5 5H5a7 7 0 1 0 7-7Z"/>'),
+  bigPlay: y('<path d="M8 5.14v13.72c0 .8.87 1.3 1.56.88l10.54-6.86a1.05 1.05 0 0 0 0-1.76L9.56 4.26C8.87 3.84 8 4.34 8 5.14Z"/>'),
+  volumeHigh: y('<path d="M4 9v6h3.5L12 19.5v-15L7.5 9H4Z"/><path d="M14.5 8.6a4.5 4.5 0 0 1 0 6.8v-1.9a2.5 2.5 0 0 0 0-3v-1.9Z"/><path d="M14.5 5.2a8 8 0 0 1 0 13.6v-2a6 6 0 0 0 0-9.6v-2Z"/>'),
+  volumeLow: y('<path d="M4 9v6h3.5L12 19.5v-15L7.5 9H4Z"/><path d="M14.5 8.6a4.5 4.5 0 0 1 0 6.8v-1.9a2.5 2.5 0 0 0 0-3v-1.9Z"/>'),
+  volumeMute: y('<path d="M4 9v6h3.5L12 19.5v-15L7.5 9H4Z"/><path d="m15.3 9.3 1.4 1.4 1.4-1.4 1.4 1.4-1.4 1.4 1.4 1.4-1.4 1.4-1.4-1.4-1.4 1.4-1.4-1.4 1.4-1.4-1.4-1.4 1.4-1.4Z"/>'),
+  fullscreen: y('<path d="M5 5h5v2H7v3H5V5Zm9 0h5v5h-2V7h-3V5ZM5 14h2v3h3v2H5v-5Zm12 0h2v5h-5v-2h3v-3Z"/>'),
+  fullscreenExit: y('<path d="M10 10H5V8h3V5h2v5Zm4 0V5h2v3h3v2h-5Zm-4 4v5H8v-3H5v-2h5Zm4 0h5v2h-3v3h-2v-5Z"/>'),
+  pip: y('<path d="M3 5h18v14H3V5Zm2 2v10h14V7H5Z"/><rect x="12" y="11" width="6" height="4"/>'),
+  settings: y('<path d="M12 8.5A3.5 3.5 0 1 0 12 15.5 3.5 3.5 0 0 0 12 8.5Zm0 2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/><path d="M10.3 2.8 9.9 5.1a7 7 0 0 0-1.5.86l-2.2-.8-1.7 3 1.8 1.5a7 7 0 0 0 0 1.7l-1.8 1.5 1.7 3 2.2-.8c.46.36.97.65 1.5.86l.4 2.3h3.4l.4-2.3a7 7 0 0 0 1.5-.86l2.2.8 1.7-3-1.8-1.5a7 7 0 0 0 0-1.7l1.8-1.5-1.7-3-2.2.8a7 7 0 0 0-1.5-.86l-.4-2.3h-3.4Zm1.7 5.7a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Z"/>'),
+  speed: y('<path d="M12 4a9 9 0 0 0-9 9 8.96 8.96 0 0 0 1.62 5.16l1.64-1.15A7 7 0 0 1 5 13a7 7 0 1 1 12.74 4.01l1.64 1.15A8.96 8.96 0 0 0 21 13a9 9 0 0 0-9-9Z"/><path d="m15.6 8.3-3.95 3.13a1.5 1.5 0 1 0 1.92 1.92L16.7 9.4a.78.78 0 0 0-1.1-1.1Z"/>'),
+  scenes: y('<path d="M3 5h18v14H3V5Zm2 2v10h3V7H5Zm5 0v10h9V7h-9Zm-5 3h3v1H5v-1Zm0 3h3v1H5v-1Z"/>'),
+  shuffle: y('<path d="M4 6h2.6c1.5 0 2.9.7 3.8 1.9l4.1 5.4a2.75 2.75 0 0 0 2.2 1.1H19l-1.8-1.8 1.4-1.4 4.2 4.2-4.2 4.2-1.4-1.4L19 16.4h-2.3a4.75 4.75 0 0 1-3.8-1.9L8.8 9.1A2.75 2.75 0 0 0 6.6 8H4V6Z"/><path d="M19 7.6h-2.3c-.86 0-1.67.41-2.18 1.1l-.93 1.23-1.25-1.65.58-.77A4.75 4.75 0 0 1 16.7 5.6H19L17.2 3.8l1.4-1.4 4.2 4.2-4.2 4.2-1.4-1.4L19 7.6Z" transform="translate(0 1.2)"/>'),
+  repeat: y('<path d="M7 7h10v2.5L21 6l-4-3.5V5H5v6h2V7Zm10 10H7v-2.5L3 18l4 3.5V19h12v-6h-2v4Z"/>'),
+  subtitles: y('<path d="M3 5h18v14H3V5Zm2 2v10h14V7H5Zm2 3h6v2H7v-2Zm8 0h2v2h-2v-2ZM7 14h2v2H7v-2Zm4 0h6v2h-6v-2Z"/>'),
+  list: y('<path d="M4 6h2v2H4V6Zm4 0h12v2H8V6ZM4 11h2v2H4v-2Zm4 0h12v2H8v-2ZM4 16h2v2H4v-2Zm4 0h12v2H8v-2Z"/>'),
+  next: y('<path d="M6 5.5v13c0 .77.84 1.25 1.5.85l9-6.5a1 1 0 0 0 0-1.7l-9-6.5c-.66-.4-1.5.08-1.5.85Z"/><rect x="17" y="5" width="2.5" height="14" rx="1"/>'),
+  previous: y('<path d="M18 5.5v13c0 .77-.84 1.25-1.5.85l-9-6.5a1 1 0 0 1 0-1.7l9-6.5c.66-.4 1.5.08 1.5.85Z"/><rect x="4.5" y="5" width="2.5" height="14" rx="1"/>'),
   // Thin circular-arrow ("rotate") icons — open center so the step number reads
   // clearly inside the ring (matches the reference skip ±N look).
   seekForward: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/></svg>',
   seekBack: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/></svg>',
-  like: f('<path d="M9 21H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h4v11Zm2 0h7.1a2 2 0 0 0 2-1.6l1.3-7a2 2 0 0 0-2-2.4H14V5.5A2.5 2.5 0 0 0 11.5 3l-.5.1V10h-.9L11 21Z"/>'),
-  dislike: f('<path d="M15 3h4a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-4V3Zm-2 0H5.9a2 2 0 0 0-2 1.6l-1.3 7a2 2 0 0 0 2 2.4H10v4.5A2.5 2.5 0 0 0 12.5 21l.5-.1V14h.9L13 3Z"/>'),
-  addTo: f('<path d="M4 6h12v2H4V6Zm0 4h12v2H4v-2Zm0 4h8v2H4v-2Zm14 0v-4h2v4h4v2h-4v4h-2v-4h-4v-2h4Z"/>'),
-  share: f('<path d="M18 8a3 3 0 1 0-2.83-4H15a3 3 0 0 0 .14 1.06L8.4 8.94a3 3 0 1 0 0 6.12l6.74 3.88A3 3 0 1 0 16 16.6l-6.74-3.88a3.03 3.03 0 0 0 0-1.44L16 7.4c.55.38 1.24.6 2 .6Z"/>'),
-  report: f('<path d="M5 3h2v18H5V3Zm4 1h10l-2.5 4L19 12H9V4Z"/>'),
-  more: f('<circle cx="12" cy="5" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="12" cy="19" r="2"/>'),
-  close: f('<path d="m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6 10.6 12 5 6.4 6.4 5Z"/>'),
+  like: y('<path d="M9 21H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h4v11Zm2 0h7.1a2 2 0 0 0 2-1.6l1.3-7a2 2 0 0 0-2-2.4H14V5.5A2.5 2.5 0 0 0 11.5 3l-.5.1V10h-.9L11 21Z"/>'),
+  dislike: y('<path d="M15 3h4a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-4V3Zm-2 0H5.9a2 2 0 0 0-2 1.6l-1.3 7a2 2 0 0 0 2 2.4H10v4.5A2.5 2.5 0 0 0 12.5 21l.5-.1V14h.9L13 3Z"/>'),
+  addTo: y('<path d="M4 6h12v2H4V6Zm0 4h12v2H4v-2Zm0 4h8v2H4v-2Zm14 0v-4h2v4h4v2h-4v4h-2v-4h-4v-2h4Z"/>'),
+  share: y('<path d="M18 8a3 3 0 1 0-2.83-4H15a3 3 0 0 0 .14 1.06L8.4 8.94a3 3 0 1 0 0 6.12l6.74 3.88A3 3 0 1 0 16 16.6l-6.74-3.88a3.03 3.03 0 0 0 0-1.44L16 7.4c.55.38 1.24.6 2 .6Z"/>'),
+  report: y('<path d="M5 3h2v18H5V3Zm4 1h10l-2.5 4L19 12H9V4Z"/>'),
+  more: y('<circle cx="12" cy="5" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="12" cy="19" r="2"/>'),
+  close: y('<path d="m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6 10.6 12 5 6.4 6.4 5Z"/>'),
   // Generic "uploaded by a user" glyph (head + shoulders) for preview meta.
-  user: f('<path d="M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-3.6 0-8 1.8-8 4.4V21h16v-2.6c0-2.6-4.4-4.4-8-4.4Z"/>'),
+  user: y('<path d="M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-3.6 0-8 1.8-8 4.4V21h16v-2.6c0-2.6-4.4-4.4-8-4.4Z"/>'),
   // Generic "channel" glyph (play badge) for preview meta when a channel is set.
-  channel: f('<path d="M3 5h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Zm7 3.5v7l6-3.5-6-3.5Z"/>')
-}, N = { en: H };
-function Et(o, t) {
-  N[o] = t;
+  channel: y('<path d="M3 5h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Zm7 3.5v7l6-3.5-6-3.5Z"/>')
+}, q = { en: Z };
+function It(o, t) {
+  q[o] = t;
 }
-function Pt(o) {
+function $t(o) {
   for (const [t, e] of Object.entries(o))
-    e && (N[t] = e);
+    e && (q[t] = e);
 }
-function it(o) {
-  return o && N[o] || H;
+function rt(o) {
+  return o && q[o] || Z;
 }
-function At() {
-  return Object.keys(N);
+function qt() {
+  return Object.keys(q);
 }
-function st(o) {
+function ot(o) {
   const t = [0.06, 0.24, 0.4, 0.24, 0.06], e = o.length;
   return o.map(
     (i, s) => t.reduce((n, r, a) => {
@@ -159,19 +163,19 @@ function st(o) {
     }, 0)
   );
 }
-function nt(o, t) {
+function lt(o, t) {
   if (o.length === 0) return 0;
   const e = Math.min(o.length - 1, Math.max(0, Math.round((o.length - 1) * t)));
   return o[e];
 }
-function K(o, t) {
+function X(o, t) {
   if (o.length === 0 || o.every((n) => n <= 0)) return [];
-  const e = st(o), i = t === "retention" ? nt([...e].sort((n, r) => n - r), 0.95) : Math.max(...e);
+  const e = ot(o), i = t === "retention" ? lt([...e].sort((n, r) => n - r), 0.95) : Math.max(...e);
   if (i <= 0) return [];
   const s = 0.08;
   return e.map((n) => s + (1 - s) * Math.min(1, Math.max(0, n / i)));
 }
-function rt(o, t, e = 100) {
+function at(o, t, e = 100) {
   if (o.length === 0 || !Number.isFinite(t) || t <= 0) return [];
   const i = new Array(e).fill(0);
   let s = !1;
@@ -180,27 +184,35 @@ function rt(o, t, e = 100) {
     const r = Math.max(0, n.value);
     r !== 0 && (i[Math.min(e - 1, Math.floor(n.time / t * e))] += r, s = !0);
   }
-  return s ? K(i, "peaks") : [];
+  return s ? X(i, "peaks") : [];
 }
-function ot(o, t = "peaks") {
-  const e = o.map((i) => Number.isFinite(i) ? Math.max(0, i) : 0);
-  return K(e, t);
+function ht(o, t = "peaks", e = 200) {
+  let i = o.map((s) => Number.isFinite(s) ? Math.max(0, s) : 0);
+  if (i.length > e) {
+    const s = new Array(e).fill(0), n = new Array(e).fill(0);
+    for (let r = 0; r < i.length; r++) {
+      const a = Math.min(e - 1, Math.floor(r / i.length * e));
+      s[a] += i[r], n[a]++;
+    }
+    i = s.map((r, a) => n[a] > 0 ? r / n[a] : 0);
+  }
+  return X(i, t);
 }
-function lt(o, t = 1, e = 1e3, i = 100) {
+function ct(o, t = 1, e = 1e3, i = 100) {
   const s = o.length;
   if (s === 0) return "";
-  const n = e / (s - 1 || 1), r = Math.max(0, t) / 6, a = (p) => {
-    const u = Math.min(s - 1, Math.max(0, p));
-    return [u * n, i - o[u] * i];
+  const n = e / (s - 1 || 1), r = Math.max(0, t) / 6, a = (u) => {
+    const m = Math.min(s - 1, Math.max(0, u));
+    return [m * n, i - o[m] * i];
   }, [, h] = a(0);
   let c = `M 0 ${i} L 0 ${h.toFixed(1)}`;
-  for (let p = 0; p < s - 1; p++) {
-    const [u, m] = a(p - 1), [v, y] = a(p), [_, d] = a(p + 1), [b, M] = a(p + 2), P = v + (_ - u) * r, V = y + (d - m) * r, E = _ - (b - v) * r, A = d - (M - y) * r;
-    c += ` C ${P.toFixed(1)} ${V.toFixed(1)} ${E.toFixed(1)} ${A.toFixed(1)} ${_.toFixed(1)} ${d.toFixed(1)}`;
+  for (let u = 0; u < s - 1; u++) {
+    const [m, p] = a(u - 1), [v, f] = a(u), [b, d] = a(u + 1), [k, C] = a(u + 2), A = v + (b - m) * r, F = Math.min(i, Math.max(0, f + (d - p) * r)), P = b - (k - v) * r, R = Math.min(i, Math.max(0, d - (C - f) * r));
+    c += ` C ${A.toFixed(1)} ${F.toFixed(1)} ${P.toFixed(1)} ${R.toFixed(1)} ${b.toFixed(1)} ${d.toFixed(1)}`;
   }
   return c += ` L ${e} ${i} Z`, c;
 }
-async function at(o, t) {
+async function dt(o, t) {
   if (o.src)
     return {
       roll: o.roll,
@@ -210,16 +222,16 @@ async function at(o, t) {
       tracking: {}
     };
   if (!o.vastTag) throw new Error('Ad roll has neither "vastTag" nor "src"');
-  return X(o, o.vastTag, t, 0, { impressions: [], tracking: {} });
+  return J(o, o.vastTag, t, 0, { impressions: [], tracking: {} });
 }
-async function X(o, t, e, i, s) {
+async function J(o, t, e, i, s) {
   if (i > e.maxWrapperDepth) throw new Error("VAST wrapper depth limit exceeded");
   const n = new AbortController(), r = setTimeout(() => n.abort(), e.requestTimeout);
   let a;
   try {
-    const y = await fetch(t, { signal: n.signal, credentials: "omit" });
-    if (!y.ok) throw new Error(`VAST request failed (${y.status})`);
-    a = await y.text();
+    const f = await fetch(t, { signal: n.signal, credentials: "omit" });
+    if (!f.ok) throw new Error(`VAST request failed (${f.status})`);
+    a = await f.text();
   } finally {
     clearTimeout(r);
   }
@@ -227,52 +239,52 @@ async function X(o, t, e, i, s) {
   if (h.querySelector("parsererror")) throw new Error("VAST response is not valid XML");
   const c = h.querySelector("VAST > Ad");
   if (!c) throw new Error("VAST response contains no ads");
-  ht(c, s);
-  const p = c.querySelector(":scope > Wrapper");
-  if (p) {
-    const y = S(p.querySelector("VASTAdTagURI"));
-    if (!y) throw new Error("VAST wrapper without VASTAdTagURI");
-    return X(o, y, e, i + 1, s);
-  }
-  const u = c.querySelector(":scope > InLine");
-  if (!u) throw new Error("VAST ad has neither InLine nor Wrapper");
-  const m = u.querySelector("Creatives > Creative > Linear");
-  if (!m) throw new Error("VAST ad has no Linear creative");
-  const v = ct(m);
+  ut(c, s);
+  const u = c.querySelector(":scope > Wrapper");
+  if (u) {
+    const f = L(u.querySelector("VASTAdTagURI"));
+    if (!f) throw new Error("VAST wrapper without VASTAdTagURI");
+    return J(o, f, e, i + 1, s);
+  }
+  const m = c.querySelector(":scope > InLine");
+  if (!m) throw new Error("VAST ad has neither InLine nor Wrapper");
+  const p = m.querySelector("Creatives > Creative > Linear");
+  if (!p) throw new Error("VAST ad has no Linear creative");
+  const v = pt(p);
   if (!v) throw new Error("VAST ad has no playable MediaFile");
   return {
     roll: o.roll,
     mediaUrl: v.url,
     mediaType: v.type,
-    clickThrough: S(m.querySelector("VideoClicks > ClickThrough")) ?? o.clickUrl,
-    duration: O(S(m.querySelector(":scope > Duration"))),
-    skipOffset: dt(
-      m.getAttribute("skipoffset"),
-      O(S(m.querySelector(":scope > Duration")))
+    clickThrough: L(p.querySelector("VideoClicks > ClickThrough")) ?? o.clickUrl,
+    duration: H(L(p.querySelector(":scope > Duration"))),
+    skipOffset: mt(
+      p.getAttribute("skipoffset"),
+      H(L(p.querySelector(":scope > Duration")))
     ),
     impressions: s.impressions,
     tracking: s.tracking,
-    adTitle: S(u.querySelector(":scope > AdTitle")) ?? void 0
+    adTitle: L(m.querySelector(":scope > AdTitle")) ?? void 0
   };
 }
-function ht(o, t) {
+function ut(o, t) {
   var e, i;
   for (const s of o.querySelectorAll("Impression")) {
-    const n = S(s);
+    const n = L(s);
     n && t.impressions.push(n);
   }
   for (const s of o.querySelectorAll("Linear > TrackingEvents > Tracking")) {
-    const n = s.getAttribute("event"), r = S(s);
+    const n = s.getAttribute("event"), r = L(s);
     !n || !r || ["start", "firstQuartile", "midpoint", "thirdQuartile", "complete", "skip", "pause", "resume"].includes(n) && ((e = t.tracking)[n] ?? (e[n] = [])).push(r);
   }
   for (const s of o.querySelectorAll("Linear > VideoClicks > ClickTracking")) {
-    const n = S(s);
+    const n = L(s);
     n && ((i = t.tracking).click ?? (i.click = [])).push(n);
   }
 }
-function ct(o) {
+function pt(o) {
   const e = [...o.querySelectorAll("MediaFiles > MediaFile")].map((r) => ({
-    url: S(r) ?? "",
+    url: L(r) ?? "",
     type: r.getAttribute("type") ?? void 0,
     delivery: r.getAttribute("delivery") ?? "",
     bitrate: Number(r.getAttribute("bitrate") ?? 0),
@@ -285,16 +297,16 @@ function ct(o) {
   const i = e.filter((r) => r.delivery !== "streaming"), s = i.length > 0 ? i : e, n = s[Math.floor(s.length / 2)];
   return { url: n.url, type: n.type };
 }
-function O(o) {
+function H(o) {
   if (!o) return;
   const t = o.trim().match(/^(?:(\d+):)?(\d{1,2}):(\d{2})(?:\.(\d{1,3}))?$/);
   if (t)
     return (t[1] ? Number(t[1]) * 3600 : 0) + Number(t[2]) * 60 + Number(t[3]) + (t[4] ? Number(t[4].padEnd(3, "0")) / 1e3 : 0);
 }
-function dt(o, t) {
+function mt(o, t) {
   if (!o) return;
   const e = o.trim().match(/^(\d+(?:\.\d+)?)%$/);
-  return e ? t !== void 0 ? Number(e[1]) / 100 * t : void 0 : O(o);
+  return e ? t !== void 0 ? Number(e[1]) / 100 * t : void 0 : H(o);
 }
 function $(o) {
   if (o)
@@ -304,10 +316,10 @@ function $(o) {
       } catch {
       }
 }
-function S(o) {
+function L(o) {
   return o?.textContent?.trim().replace(/^<!\[CDATA\[|\]\]>$/g, "").trim() || null;
 }
-class ut {
+class vt {
   constructor(t, e) {
     this.host = t, this.playedRolls = /* @__PURE__ */ new Set(), this.sourcesSeen = 0, this.activeBreak = null, this.layer = null, this.adVideo = null, this.destroyed = !1, this.opts = {
       skipDelay: 5,
@@ -374,7 +386,7 @@ class ut {
       for (const n of t) {
         this.playedRolls.add(n);
         try {
-          const r = await at(n, this.opts);
+          const r = await dt(n, this.opts);
           await this.playAd(r);
         } catch (r) {
           const a = r instanceof Error ? r : new Error(String(r));
@@ -393,68 +405,68 @@ class ut {
     return new Promise((e) => {
       const { labels: i } = this.host, s = l("div", "imp-ad"), n = this.ensureAdVideo(), r = new AbortController(), a = r.signal;
       n.src = t.mediaUrl, n.muted = this.host.contentVideo.muted, n.volume = this.host.contentVideo.volume;
-      const h = l("div", "imp-spinner imp-ad__spinner"), c = l("div", "imp-ad__hud"), p = l("span", "imp-ad__badge");
-      p.textContent = t.adTitle ? `${i.adLabel} · ${t.adTitle}` : i.adLabel;
-      const u = l("span", "imp-ad__countdown");
-      c.append(p, u);
-      const m = l("div", "imp-ad__actions");
+      const h = l("div", "imp-spinner imp-ad__spinner"), c = l("div", "imp-ad__hud"), u = l("span", "imp-ad__badge");
+      u.textContent = t.adTitle ? `${i.adLabel} · ${t.adTitle}` : i.adLabel;
+      const m = l("span", "imp-ad__countdown");
+      c.append(u, m);
+      const p = l("div", "imp-ad__actions");
       let v = null;
-      t.clickThrough && (v = l("button", "imp-ad__visit", { type: "button" }), v.textContent = i.visitAdvertiser, m.append(v));
-      const y = l("button", "imp-ad__skip", { type: "button" });
-      y.hidden = !0, m.append(y), s.append(n, h, c, m), this.host.container.append(s), this.layer = s;
-      const _ = t.skipOffset ?? this.opts.skipDelay, d = /* @__PURE__ */ new Set(), b = (k) => {
-        d.has(k) || (d.add(k), $(t.tracking[k]));
+      t.clickThrough && (v = l("button", "imp-ad__visit", { type: "button" }), v.textContent = i.visitAdvertiser, p.append(v));
+      const f = l("button", "imp-ad__skip", { type: "button" });
+      f.hidden = !0, p.append(f), s.append(n, h, c, p), this.host.container.append(s), this.layer = s;
+      const b = t.skipOffset ?? this.opts.skipDelay, d = /* @__PURE__ */ new Set(), k = (w) => {
+        d.has(w) || (d.add(w), $(t.tracking[w]));
       };
-      let M = Date.now(), P = -1;
-      const V = setInterval(() => {
+      let C = Date.now(), A = -1;
+      const F = setInterval(() => {
         if (n.paused) {
-          M = Date.now();
+          C = Date.now();
           return;
         }
-        if (n.currentTime !== P) {
-          P = n.currentTime, M = Date.now();
+        if (n.currentTime !== A) {
+          A = n.currentTime, C = Date.now();
           return;
         }
-        Date.now() - M >= this.opts.mediaTimeout && (this.host.emitter.emit("aderror", {
+        Date.now() - C >= this.opts.mediaTimeout && (this.host.emitter.emit("aderror", {
           roll: { roll: t.roll },
           error: new Error(`Ad media stalled for ${this.opts.mediaTimeout} ms — skipping`)
-        }), E());
-      }, 500), E = () => {
-        clearInterval(V), r.abort(), n.pause(), n.removeAttribute("src"), n.load(), s.remove(), this.layer = null, e();
-      }, A = (k) => {
-        k ? (b("skip"), this.host.emitter.emit("adskip", { ad: t })) : b("complete"), this.host.emitter.emit("adend", { ad: t }), E();
+        }), P());
+      }, 500), P = () => {
+        clearInterval(F), r.abort(), n.pause(), n.removeAttribute("src"), n.load(), s.remove(), this.layer = null, e();
+      }, R = (w) => {
+        w ? (k("skip"), this.host.emitter.emit("adskip", { ad: t })) : k("complete"), this.host.emitter.emit("adend", { ad: t }), P();
       };
       n.addEventListener("playing", () => {
-        $(t.impressions), b("start"), this.host.emitter.emit("adstart", { ad: t });
+        $(t.impressions), k("start"), this.host.emitter.emit("adstart", { ad: t });
       }, { once: !0, signal: a }), n.addEventListener("playing", () => {
         h.hidden = !0;
       }, { signal: a }), n.addEventListener("waiting", () => {
         h.hidden = !1;
       }, { signal: a }), n.addEventListener("timeupdate", () => {
-        const k = n.currentTime, T = n.duration;
-        if (Number.isFinite(T) && T > 0 && (u.textContent = x(Math.max(0, T - k)), k / T >= 0.25 && b("firstQuartile"), k / T >= 0.5 && b("midpoint"), k / T >= 0.75 && b("thirdQuartile")), _ >= 0) {
-          const W = Math.ceil(_ - k);
-          W > 0 ? (y.hidden = !1, y.disabled = !0, y.textContent = `${i.skipAdIn} ${W}`) : (y.hidden = !1, y.disabled = !1, y.textContent = i.skipAd);
+        const w = n.currentTime, B = n.duration;
+        if (Number.isFinite(B) && B > 0 && (m.textContent = _(Math.max(0, B - w)), w / B >= 0.25 && k("firstQuartile"), w / B >= 0.5 && k("midpoint"), w / B >= 0.75 && k("thirdQuartile")), b >= 0) {
+          const z = Math.ceil(b - w);
+          z > 0 ? (f.hidden = !1, f.disabled = !0, f.textContent = `${i.skipAdIn} ${z}`) : (f.hidden = !1, f.disabled = !1, f.textContent = i.skipAd);
         }
-      }, { signal: a }), n.addEventListener("ended", () => A(!1), { signal: a }), n.addEventListener("error", () => {
+      }, { signal: a }), n.addEventListener("ended", () => R(!1), { signal: a }), n.addEventListener("error", () => {
         this.host.emitter.emit("aderror", {
           roll: { roll: t.roll },
           error: new Error("Ad media failed to play")
-        }), E();
-      }, { signal: a }), y.addEventListener("click", () => A(!0));
-      const D = () => {
-        t.clickThrough && (b("click"), this.host.emitter.emit("adclick", { ad: t }), window.open(t.clickThrough, "_blank", "noopener"), n.pause());
+        }), P();
+      }, { signal: a }), f.addEventListener("click", () => R(!0));
+      const G = () => {
+        t.clickThrough && (k("click"), this.host.emitter.emit("adclick", { ad: t }), window.open(t.clickThrough, "_blank", "noopener"), n.pause());
       };
-      n.addEventListener("click", D, { signal: a }), v?.addEventListener("click", D);
-      let G = !1, R = !1;
+      n.addEventListener("click", G, { signal: a }), v?.addEventListener("click", G);
+      let W = !1, N = !1;
       n.addEventListener("playing", () => {
-        G = !0;
+        W = !0;
       }, { once: !0, signal: a }), n.addEventListener("pause", () => {
-        n.ended || !s.isConnected || (s.classList.add("imp-ad--paused"), G && !R && (R = !0, $(t.tracking.pause), this.host.emitter.emit("adpause", { ad: t })));
+        n.ended || !s.isConnected || (s.classList.add("imp-ad--paused"), W && !N && (N = !0, $(t.tracking.pause), this.host.emitter.emit("adpause", { ad: t })));
       }, { signal: a }), n.addEventListener("play", () => {
-        s.classList.remove("imp-ad--paused"), R && (R = !1, $(t.tracking.resume), this.host.emitter.emit("adresume", { ad: t }));
-      }, { signal: a }), s.addEventListener("click", (k) => {
-        (k.target === s || s.classList.contains("imp-ad--paused")) && n.paused && n.play().catch(() => {
+        s.classList.remove("imp-ad--paused"), N && (N = !1, $(t.tracking.resume), this.host.emitter.emit("adresume", { ad: t }));
+      }, { signal: a }), s.addEventListener("click", (w) => {
+        (w.target === s || s.classList.contains("imp-ad--paused")) && n.paused && n.play().catch(() => {
         });
       }), n.play().catch(() => {
         s.classList.add("imp-ad--paused");
@@ -469,7 +481,7 @@ class ut {
     this.destroyed = !0, this.adVideo?.pause(), this.layer?.remove(), this.layer = null, this.adVideo = null;
   }
 }
-function z(o, t) {
+function Q(o, t) {
   const e = [...o].sort((s, n) => s.start - n.start), i = [];
   for (let s = 0; s < e.length; s++) {
     const n = Math.max(0, e[s].start);
@@ -479,41 +491,40 @@ function z(o, t) {
   }
   return i;
 }
-async function pt(o) {
+async function ft(o) {
   const t = await fetch(o);
   if (!t.ok) throw new Error(`Failed to load chapters VTT (${t.status})`);
   const e = await t.text();
-  return j(e).map((i) => ({ start: i.start, end: i.end, title: i.text }));
+  return K(e).map((i) => ({ start: i.start, end: i.end, title: i.text }));
 }
-function J(o, t) {
+function Y(o, t) {
   for (const e of o)
     if (t >= e.start && t < e.end) return e;
   return null;
 }
-function mt(o, t) {
+function yt(o, t) {
   return t ? /application\/(x-mpegurl|vnd\.apple\.mpegurl)/i.test(t) : /\.m3u8(\?|#|$)/i.test(o);
 }
-let L;
-async function vt() {
-  if (L !== void 0) return L;
+let E;
+async function gt() {
+  if (E !== void 0) return E;
   const o = globalThis.Hls;
   if (o)
-    return L = o, L;
+    return E = o, E;
   try {
-    L = (await import("hls.js/light")).default;
+    return E = (await import("hls.js/light")).default, E;
   } catch {
-    L = null;
+    return null;
   }
-  return L;
 }
-async function ft(o, t, e, i) {
-  if (mt(t, e)) {
-    const s = o.canPlayType("application/vnd.apple.mpegurl"), n = s ? null : await vt();
-    return n && n.isSupported() ? gt(n, o, t, i) : s ? (o.src = t, q(o)) : (i.onError("HLS is not supported in this browser and hls.js could not be loaded."), q(o));
+async function bt(o, t, e, i) {
+  if (yt(t, e)) {
+    const s = o.canPlayType("application/vnd.apple.mpegurl"), n = s ? null : await gt();
+    return n && n.isSupported() ? kt(n, o, t, i) : s ? (o.src = t, O(o)) : (i.onError("HLS is not supported in this browser and hls.js could not be loaded."), O(o));
   }
-  return o.src = t, q(o);
+  return o.src = t, O(o);
 }
-function q(o) {
+function O(o) {
   return {
     kind: "native",
     levels: [],
@@ -525,52 +536,54 @@ function q(o) {
     }
   };
 }
-function gt(o, t, e, i) {
+function kt(o, t, e, i) {
   const s = new o({ enableWorker: !0 }), n = {
     kind: "hls",
     levels: [],
     selected: -1,
-    setLevel(h) {
-      n.selected = h, s.currentLevel = h;
+    setLevel(c) {
+      n.selected = c, s.currentLevel = c;
     },
     destroy() {
       s.destroy(), t.removeAttribute("src"), t.load();
     }
   };
   s.on(o.Events.MANIFEST_PARSED, () => {
-    n.levels = s.levels.map((h, c) => ({
-      index: c,
-      label: h.height ? `${h.height}p` : `${Math.round(h.bitrate / 1e3)} kbps`
+    n.levels = s.levels.map((c, u) => ({
+      index: u,
+      label: c.height ? `${c.height}p` : `${Math.round(c.bitrate / 1e3)} kbps`
     })).reverse(), i.onLevels(n.levels);
-  }), s.on(o.Events.LEVEL_SWITCHED, (h, c) => {
-    const p = s.levels[c.level];
-    p && i.onLevelSwitch(p.height ? `${p.height}p` : `${Math.round(p.bitrate / 1e3)} kbps`);
+  }), s.on(o.Events.LEVEL_SWITCHED, (c, u) => {
+    const m = s.levels[u.level];
+    m && i.onLevelSwitch(m.height ? `${m.height}p` : `${Math.round(m.bitrate / 1e3)} kbps`);
   });
-  let r = 0, a = !1;
-  return s.on(o.Events.ERROR, (h, c) => {
-    if (c.fatal)
-      switch (c.type) {
+  let r = 0, a = 0, h = !1;
+  return s.on(o.Events.FRAG_BUFFERED, () => {
+    a = 0;
+  }), s.on(o.Events.ERROR, (c, u) => {
+    if (u.fatal)
+      switch (u.type) {
         case o.ErrorTypes.NETWORK_ERROR:
-          s.startLoad();
+          a < 3 ? (a++, s.startLoad()) : (i.onError(`HLS network error: ${u.details}`, u), s.destroy());
           break;
         case o.ErrorTypes.MEDIA_ERROR:
-          r < 3 ? (r++, s.recoverMediaError()) : (i.onError(`HLS media error: ${c.details}`, c), s.destroy());
+          r < 3 ? (r++, s.recoverMediaError()) : (i.onError(`HLS media error: ${u.details}`, u), s.destroy());
           break;
         default:
-          if (a)
-            i.onError(`HLS fatal error: ${c.details}`, c), s.destroy();
+          if (h)
+            i.onError(`HLS fatal error: ${u.details}`, u), s.destroy();
           else {
-            a = !0;
+            h = !0;
             try {
               s.loadSource(e), s.startLoad();
             } catch {
-              i.onError(`HLS fatal error: ${c.details}`, c), s.destroy();
+              i.onError(`HLS fatal error: ${u.details}`, u), s.destroy();
             }
           }
       }
   }), s.loadSource(e), s.attachMedia(t), n;
 }
-class Z {
+class D {
   constructor(t) {
     this.cues = t;
   }
@@ -578,17 +591,17 @@ class Z {
     const e = await fetch(t);
     if (!e.ok) throw new Error(`Failed to load thumbnails VTT (${e.status})`);
     const i = await e.text(), s = [];
-    for (const n of j(i)) {
+    for (const n of K(i)) {
       const [r, a] = n.text.trim().split("#");
       if (!r) continue;
       const h = {
         start: n.start,
         end: n.end,
-        src: Y(r, t)
+        src: it(r, t)
       }, c = a?.match(/xywh=(\d+),(\d+),(\d+),(\d+)/);
       c && (h.xywh = { x: Number(c[1]), y: Number(c[2]), w: Number(c[3]), h: Number(c[4]) }), s.push(h);
     }
-    return s.sort((n, r) => n.start - r.start), new Z(s);
+    return s.sort((n, r) => n.start - r.start), new D(s);
   }
   cueAt(t) {
     let e = 0, i = this.cues.length - 1;
@@ -601,12 +614,12 @@ class Z {
     return null;
   }
 }
-const yt = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg>', bt = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m15 6-6 6 6 6"/></svg>';
-class C {
+const wt = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg>', xt = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m15 6-6 6 6 6"/></svg>';
+class M {
   constructor(t) {
-    this.anchor = t, this.outsideListener = null, this.root = l("div", "imp-menu"), this.root.hidden = !0, this.backdrop = l("div", "imp-menu__backdrop"), this.backdrop.hidden = !0, this.backdrop.addEventListener("pointerdown", (e) => {
+    this.anchor = t, this.outsideListener = null, this.escListener = null, this.root = l("div", "imp-menu"), this.root.hidden = !0, this.backdrop = l("div", "imp-menu__backdrop"), this.backdrop.hidden = !0, this.backdrop.addEventListener("pointerdown", (e) => {
       e.preventDefault(), this.close();
-    }), t.append(this.backdrop);
+    });
   }
   get open() {
     return !this.root.hidden;
@@ -640,7 +653,7 @@ class C {
       const r = l("span", "imp-menu__value");
       r.textContent = i.value ?? "";
       const a = l("span", "imp-menu__chevron");
-      a.innerHTML = yt, s.append(n, r, a), s.addEventListener("click", () => this.renderSettingsDetail(t, i)), e.append(s);
+      a.innerHTML = wt, s.append(n, r, a), s.addEventListener("click", () => this.renderSettingsDetail(t, i)), e.append(s);
     }
     this.root.append(e);
   }
@@ -662,7 +675,7 @@ class C {
     if (!e.section) return;
     this.root.textContent = "";
     const i = l("button", "imp-menu__item imp-menu__back", { type: "button" }), s = l("span", "imp-menu__chevron");
-    s.innerHTML = bt;
+    s.innerHTML = xt;
     const n = l("span", "imp-menu__label");
     n.textContent = e.label, i.append(s, n), i.addEventListener("click", () => this.renderSettingsRoot(t)), this.root.append(i), this.root.append(this.renderSection(e.section())), this.root.scrollTop = 0;
   }
@@ -677,7 +690,7 @@ class C {
       const s = l("button", "imp-menu__item", { type: "button", role: "menuitemradio" });
       if (s.setAttribute("aria-checked", String(i.active)), i.active && s.classList.add("imp-menu__item--active"), i.icon) {
         const r = l("span", "imp-menu__icon");
-        B(r, i.icon), s.append(r);
+        T(r, i.icon), s.append(r);
       }
       const n = l("span", "imp-menu__label");
       n.textContent = i.label, s.append(n), s.addEventListener("click", () => {
@@ -686,25 +699,28 @@ class C {
     }
     return e;
   }
-  /** Reveal the populated menu + backdrop and arm the outside-click listener. */
+  /** Reveal the populated menu + backdrop and arm outside-click / Escape. */
   reveal() {
-    this.root.hidden = !1, this.backdrop.hidden = !1, this.outsideListener = (t) => {
-      const e = t.target;
-      !this.root.contains(e) && !this.anchor.contains(e) && this.close();
-    }, setTimeout(() => {
+    const t = this.root.parentElement;
+    t && this.backdrop.parentElement !== t && t.insertBefore(this.backdrop, this.root), this.root.hidden = !1, this.backdrop.hidden = !1, this.outsideListener = (e) => {
+      const i = e.target;
+      !this.root.contains(i) && !this.anchor.contains(i) && this.close();
+    }, this.escListener = (e) => {
+      e.key === "Escape" && this.close();
+    }, document.addEventListener("keydown", this.escListener), setTimeout(() => {
       this.outsideListener && document.addEventListener("pointerdown", this.outsideListener);
     }, 0);
   }
   close() {
-    this.root.hidden = !0, this.root.classList.remove("imp-menu--wide"), this.backdrop.hidden = !0, this.outsideListener && (document.removeEventListener("pointerdown", this.outsideListener), this.outsideListener = null);
+    this.root.hidden = !0, this.root.classList.remove("imp-menu--wide"), this.backdrop.hidden = !0, this.outsideListener && (document.removeEventListener("pointerdown", this.outsideListener), this.outsideListener = null), this.escListener && (document.removeEventListener("keydown", this.escListener), this.escListener = null);
   }
   destroy() {
-    this.close(), this.root.remove();
+    this.close(), this.backdrop.remove(), this.root.remove();
   }
 }
-class kt {
-  constructor(t) {
-    this.cb = t, this.segments = [], this.duration = 0, this.chapters = [], this.thumbnails = null, this.scrubbing = !1, this.root = l("div", "imp-progress", { role: "slider", "aria-label": "Seek", tabindex: "-1" }), this.buffered = l("div", "imp-progress__buffered"), this.track = l("div", "imp-progress__track"), this.handle = l("div", "imp-progress__handle"), this.tooltipThumb = l("div", "imp-progress__thumb"), this.tooltipChapter = l("div", "imp-progress__tooltip-chapter"), this.tooltipTime = l("div", "imp-progress__tooltip-time"), this.tooltipCaption = l("div", "imp-progress__caption"), this.tooltipCaption.append(this.tooltipChapter, this.tooltipTime), this.tooltip = l("div", "imp-progress__tooltip"), this.tooltip.append(this.tooltipThumb, this.tooltipCaption), this.heatmap = l("div", "imp-progress__heatmap"), this.heatmap.hidden = !0, this.root.append(this.heatmap, this.buffered, this.track, this.handle, this.tooltip), this.setChapters([]), this.bindPointer();
+class _t {
+  constructor(t, e = "Seek") {
+    this.cb = t, this.segments = [], this.duration = 0, this.chapters = [], this.thumbnails = null, this.scrubbing = !1, this.root = l("div", "imp-progress", { role: "slider", "aria-label": e, tabindex: "-1" }), this.buffered = l("div", "imp-progress__buffered"), this.track = l("div", "imp-progress__track"), this.handle = l("div", "imp-progress__handle"), this.tooltipThumb = l("div", "imp-progress__thumb"), this.tooltipChapter = l("div", "imp-progress__tooltip-chapter"), this.tooltipTime = l("div", "imp-progress__tooltip-time"), this.tooltipCaption = l("div", "imp-progress__caption"), this.tooltipCaption.append(this.tooltipChapter, this.tooltipTime), this.tooltip = l("div", "imp-progress__tooltip"), this.tooltip.append(this.tooltipThumb, this.tooltipCaption), this.heatmap = l("div", "imp-progress__heatmap"), this.heatmap.hidden = !0, this.root.append(this.heatmap, this.buffered, this.track, this.handle, this.tooltip), this.setChapters([]), this.bindPointer();
   }
   /** Render the popularity curve (empty array hides it). */
   setHeatmap(t, e = 1) {
@@ -712,7 +728,7 @@ class kt {
       this.heatmap.hidden = !0, this.heatmap.textContent = "";
       return;
     }
-    this.heatmap.innerHTML = `<svg viewBox="0 0 1000 100" preserveAspectRatio="none" aria-hidden="true"><path d="${lt(t, e)}"/></svg>`, this.heatmap.hidden = !1;
+    this.heatmap.innerHTML = `<svg viewBox="0 0 1000 100" preserveAspectRatio="none" aria-hidden="true"><path d="${ct(t, e)}"/></svg>`, this.heatmap.hidden = !1;
   }
   setDuration(t) {
     this.duration = Number.isFinite(t) ? t : 0, this.root.classList.toggle("imp-progress--live", !Number.isFinite(t)), this.chapters.length === 0 && this.setChapters([]);
@@ -737,20 +753,20 @@ class kt {
   update(t, e, i) {
     if (e !== this.duration && Number.isFinite(e) && this.setDuration(e), this.scrubbing) return;
     this.render(t);
-    const s = this.duration > 0 ? w(i / this.duration, 0, 1) : 0;
-    this.buffered.style.width = `${s * 100}%`, this.root.setAttribute("aria-valuemin", "0"), this.root.setAttribute("aria-valuemax", String(Math.round(this.duration))), this.root.setAttribute("aria-valuenow", String(Math.round(t))), this.root.setAttribute("aria-valuetext", `${x(t)} / ${x(this.duration)}`);
+    const s = this.duration > 0 ? x(i / this.duration, 0, 1) : 0;
+    this.buffered.style.width = `${s * 100}%`, this.root.setAttribute("aria-valuemin", "0"), this.root.setAttribute("aria-valuemax", String(Math.round(this.duration))), this.root.setAttribute("aria-valuenow", String(Math.round(t))), this.root.setAttribute("aria-valuetext", `${_(t)} / ${_(this.duration)}`);
   }
   render(t) {
     for (const { chapter: i, fill: s } of this.segments) {
-      const n = i.end - i.start, r = n > 0 ? w((t - i.start) / n, 0, 1) : 0;
+      const n = i.end - i.start, r = n > 0 ? x((t - i.start) / n, 0, 1) : 0;
       s.style.transform = `scaleX(${r})`;
     }
-    const e = this.duration > 0 ? w(t / this.duration, 0, 1) : 0;
+    const e = this.duration > 0 ? x(t / this.duration, 0, 1) : 0;
     this.handle.style.left = `${e * 100}%`;
   }
   timeFromEvent(t) {
     const e = this.root.getBoundingClientRect();
-    return (e.width > 0 ? w((t.clientX - e.left) / e.width, 0, 1) : 0) * this.duration;
+    return (e.width > 0 ? x((t.clientX - e.left) / e.width, 0, 1) : 0) * this.duration;
   }
   bindPointer() {
     this.root.addEventListener("pointerdown", (t) => {
@@ -765,64 +781,64 @@ class kt {
   }
   showTooltip(t) {
     const e = this.timeFromEvent(t);
-    this.tooltipTime.textContent = x(e);
-    const i = J(this.chapters, e), s = !!i?.title;
+    this.tooltipTime.textContent = _(e);
+    const i = Y(this.chapters, e), s = !!i?.title;
     this.tooltipChapter.textContent = i?.title ?? "", this.tooltipChapter.hidden = !s, this.tooltipCaption.classList.toggle("imp-progress__caption--time-only", !s);
     const n = this.thumbnails?.cueAt(e) ?? null;
     this.tooltip.classList.toggle("imp-progress__tooltip--thumb", !!n), n ? (this.tooltipThumb.hidden = !1, this.tooltipThumb.style.backgroundImage = `url("${n.src}")`, n.xywh ? (this.tooltipThumb.style.width = `${n.xywh.w}px`, this.tooltipThumb.style.height = `${n.xywh.h}px`, this.tooltipThumb.style.backgroundPosition = `-${n.xywh.x}px -${n.xywh.y}px`, this.tooltipThumb.style.backgroundSize = "auto") : (this.tooltipThumb.style.width = "160px", this.tooltipThumb.style.height = "90px", this.tooltipThumb.style.backgroundPosition = "center", this.tooltipThumb.style.backgroundSize = "cover")) : this.tooltipThumb.hidden = !0, this.tooltip.classList.add("imp-progress__tooltip--visible");
-    const r = this.root.getBoundingClientRect(), a = w(t.clientX - r.left, 0, r.width), h = this.tooltip.offsetWidth / 2;
-    this.tooltip.style.left = `${w(a, h, Math.max(h, r.width - h))}px`;
+    const r = this.root.getBoundingClientRect(), a = x(t.clientX - r.left, 0, r.width), h = this.tooltip.offsetWidth / 2;
+    this.tooltip.style.left = `${x(a, h, Math.max(h, r.width - h))}px`;
   }
   hideTooltip() {
     this.tooltip.classList.remove("imp-progress__tooltip--visible");
   }
 }
-class wt {
+class Lt {
   constructor(t) {
     this.player = t, this.rightItems = /* @__PURE__ */ new Map(), this.subtitlesBtn = null, this.settingsBtn = null, this.settingsMenu = null, this.subtitlesMenu = null, this.moreMenu = null, this.moreWrap = null, this.qualityBtn = null, this.qualityMenu = null, this.gearBtn = null, this.gearMenu = null, this.gear = { speed: !1, quality: !1, subtitles: !1 }, this.nextPreviewEl = null, this.nextPreviewOpts = null, this.scenesBtn = null, this.sceneTypeBtn = null, this.sceneTypeMenu = null, this.likeBtn = null, this.dislikeBtn = null, this.likeCountEl = null, this.dislikeCountEl = null, this.prevBtn = null, this.nextBtn = null, this.seekBackBtn = null, this.seekFwdBtn = null, this.centerPlayBtn = null, this.centerPrevBtn = null, this.centerNextBtn = null, this.collapsibles = [], this.overflowed = /* @__PURE__ */ new Set(), this.resizeObserver = null, this.reflowScheduled = !1, this.actionItems = [], this.wasPlayingBeforeScrub = !1, this.disposers = [], this.onWindowResize = null;
     const { labels: e, icons: i } = t, s = t.controlsOptions;
-    this.root = l("div", "imp-controls"), this.progress = new kt({
+    this.root = l("div", "imp-controls"), this.progress = new _t({
       onSeek: (d) => t.seek(d),
       onScrubStart: () => {
-        this.wasPlayingBeforeScrub = !t.paused, t.pause();
+        t.scrubbing = !0, this.wasPlayingBeforeScrub = !t.paused, t.pause();
       },
       onScrubEnd: () => {
-        this.wasPlayingBeforeScrub && t.play();
+        t.scrubbing = !1, this.wasPlayingBeforeScrub && t.play(!0);
       }
-    }), s.progress && this.root.append(this.progress.root);
+    }, t.labels.seek), s.progress && this.root.append(this.progress.root);
     const n = l("div", "imp-controls__row");
     this.row = n, this.root.append(n);
     const r = l("div", "imp-controls__group"), a = l("div", "imp-controls__group");
     this.rightGroup = a;
     const h = l("div", "imp-controls__spacer");
     this.chapterLabel = l("div", "imp-controls__chapter"), n.append(r, h, a), h.append(this.chapterLabel);
-    const c = typeof s.seekButtons == "object" ? s.seekButtons : {}, p = c.back ?? t.seekStep, u = c.forward ?? t.seekStep;
-    if (this.seekLabelFn = c.label, s.playlist && t.hasPlaylist && !s.hidePrev && (this.prevBtn = g("imp-btn--prev", e.previous, i.previous), this.prevBtn.addEventListener("click", () => t.previous()), r.append(this.prevBtn)), s.seekButtons && (this.seekBackBtn = g("imp-btn--seek-back", `${e.seekBack} ${p}s`, i.seekBack), this.addStepBadge(this.seekBackBtn, p, "back"), this.seekBackBtn.addEventListener("click", () => t.skip(-p)), r.append(this.seekBackBtn)), s.play && (this.playBtn = g("imp-btn--play", e.play, i.play), this.playBtn.addEventListener("click", () => t.togglePlay()), r.append(this.playBtn)), s.seekButtons && (this.seekFwdBtn = g("imp-btn--seek-forward", `${e.seekForward} ${u}s`, i.seekForward), this.addStepBadge(this.seekFwdBtn, u, "forward"), this.seekFwdBtn.addEventListener("click", () => t.skip(u)), r.append(this.seekFwdBtn)), s.playlist && t.hasPlaylist && (this.nextBtn = g("imp-btn--next", e.next, i.next), this.nextBtn.addEventListener("click", () => t.next()), r.append(this.nextBtn)), s.volume) {
+    const c = typeof s.seekButtons == "object" ? s.seekButtons : {}, u = c.back ?? t.seekStep, m = c.forward ?? t.seekStep;
+    if (this.seekLabelFn = c.label, s.playlist && t.hasPlaylist && !s.hidePrev && (this.prevBtn = g("imp-btn--prev", e.previous, i.previous), this.prevBtn.addEventListener("click", () => t.previous()), r.append(this.prevBtn)), s.seekButtons && (this.seekBackBtn = g("imp-btn--seek-back", `${e.seekBack} ${u}s`, i.seekBack), this.addStepBadge(this.seekBackBtn, u, "back"), this.seekBackBtn.addEventListener("click", () => t.skip(-u)), r.append(this.seekBackBtn)), s.play && (this.playBtn = g("imp-btn--play", e.play, i.play), this.playBtn.addEventListener("click", () => t.togglePlay()), r.append(this.playBtn)), s.seekButtons && (this.seekFwdBtn = g("imp-btn--seek-forward", `${e.seekForward} ${m}s`, i.seekForward), this.addStepBadge(this.seekFwdBtn, m, "forward"), this.seekFwdBtn.addEventListener("click", () => t.skip(m)), r.append(this.seekFwdBtn)), s.playlist && t.hasPlaylist && !s.hideNext && (this.nextBtn = g("imp-btn--next", e.next, i.next), this.nextBtn.addEventListener("click", () => t.next()), r.append(this.nextBtn)), s.volume) {
       const d = l("div", "imp-volume");
       this.muteBtn = g("imp-btn--mute", e.mute, i.volumeHigh), this.muteBtn.addEventListener("click", () => t.toggleMute()), this.volumeSlider = l("input", "imp-volume__slider", {
         type: "range",
         min: "0",
         max: "1",
         step: "0.05",
-        "aria-label": "Volume"
+        "aria-label": e.volume
       }), this.volumeSlider.addEventListener("input", () => {
         t.setVolume(Number(this.volumeSlider.value));
       }), d.append(this.muteBtn, this.volumeSlider), r.append(d);
     }
     s.time && (this.timeLabel = l("div", "imp-controls__time"), this.timeCurrent = l("span", "imp-controls__time-current"), this.timeTotal = l("span", "imp-controls__time-total"), this.timeLabel.append(this.timeCurrent, this.timeTotal), this.liveBadge = l("span", "imp-controls__live"), this.liveBadge.textContent = e.live, this.liveBadge.hidden = !0, r.append(this.timeLabel, this.liveBadge)), this.buildLikeDislike();
-    for (const d of (t.actionsOptions.custom ?? []).filter((b) => b.placement === "bar")) {
-      const b = g(`imp-btn--custom imp-btn--custom-${d.id}`, d.title, d.icon ?? i.more);
-      b.addEventListener("click", () => t.emit("customaction", { id: d.id })), this.rightItems.set(`custom:${d.id}`, b), this.registerCollapsible({
+    for (const d of (t.actionsOptions.custom ?? []).filter((k) => k.placement === "bar")) {
+      const k = g(`imp-btn--custom imp-btn--custom-${d.id}`, d.title, d.icon ?? i.more);
+      k.addEventListener("click", () => t.emit("customaction", { id: d.id })), this.rightItems.set(`custom:${d.id}`, k), this.registerCollapsible({
         key: `custom:${d.id}`,
-        el: b,
+        el: k,
         priority: 55,
         available: () => !0,
         section: () => this.simpleSection(`custom:${d.id}`, d.title, d.icon ?? i.more, () => t.emit("customaction", { id: d.id }))
       });
     }
-    const m = (d) => d === !1 ? "off" : d === "bar" ? "bar" : "gear", v = m(s.subtitles), y = m(s.quality), _ = m(s.speed);
-    if (this.gear = { speed: _ === "gear", quality: y === "gear", subtitles: v === "gear" }, v === "bar") {
-      this.subtitlesBtn = g("imp-btn--subtitles", e.subtitles, i.subtitles), this.subtitlesMenu = new C(this.subtitlesBtn);
+    const p = (d) => d === !1 ? "off" : d === "bar" ? "bar" : "gear", v = p(s.subtitles), f = p(s.quality), b = p(s.speed);
+    if (this.gear = { speed: b === "gear", quality: f === "gear", subtitles: v === "gear" }, v === "bar") {
+      this.subtitlesBtn = g("imp-btn--subtitles", e.subtitles, i.subtitles), this.subtitlesMenu = new M(this.subtitlesBtn);
       const d = l("div", "imp-controls__menu-anchor");
       d.append(this.subtitlesBtn, this.subtitlesMenu.root), this.subtitlesBtn.addEventListener("click", () => this.toggleSubtitlesMenu()), this.rightItems.set("subtitles", d), this.registerCollapsible({
         key: "subtitles",
@@ -832,8 +848,8 @@ class wt {
         section: () => this.subtitlesSection()
       });
     }
-    if (y === "bar") {
-      this.qualityBtn = g("imp-btn--quality", e.quality, i.settings), this.qualityMenu = new C(this.qualityBtn);
+    if (f === "bar") {
+      this.qualityBtn = g("imp-btn--quality", e.quality, i.settings), this.qualityMenu = new M(this.qualityBtn);
       const d = l("div", "imp-controls__menu-anchor");
       d.append(this.qualityBtn, this.qualityMenu.root), this.qualityBtn.addEventListener("click", () => this.toggleQualityMenu()), this.rightItems.set("quality", d), this.registerCollapsible({
         key: "quality",
@@ -843,8 +859,8 @@ class wt {
         section: () => this.qualitySection()
       });
     }
-    if (_ === "bar") {
-      this.settingsBtn = g("imp-btn--speed", e.speed, i.speed), this.settingsMenu = new C(this.settingsBtn);
+    if (b === "bar") {
+      this.settingsBtn = g("imp-btn--speed", e.speed, i.speed), this.settingsMenu = new M(this.settingsBtn);
       const d = l("div", "imp-controls__menu-anchor");
       d.append(this.settingsBtn, this.settingsMenu.root), this.settingsBtn.addEventListener("click", () => this.toggleSettingsMenu()), this.rightItems.set("speed", d), this.registerCollapsible({
         key: "speed",
@@ -861,7 +877,7 @@ class wt {
       available: () => t.chapterList.length > 0,
       section: () => this.simpleSection("scenes", e.scenes, i.scenes, () => t.toggleScenesPanel())
     })), s.sceneTypes !== !1) {
-      this.sceneTypeBtn = l("button", "imp-btn imp-btn--scene-types", { type: "button" }), this.sceneTypeMenu = new C(this.sceneTypeBtn);
+      this.sceneTypeBtn = l("button", "imp-btn imp-btn--scene-types", { type: "button" }), this.sceneTypeMenu = new M(this.sceneTypeBtn);
       const d = l("div", "imp-controls__menu-anchor");
       d.append(this.sceneTypeBtn, this.sceneTypeMenu.root), this.sceneTypeBtn.addEventListener("click", () => this.toggleSceneTypeMenu()), this.rightItems.set("sceneTypes", d), this.refreshSceneTypeButton(), this.registerCollapsible({
         key: "sceneTypes",
@@ -871,7 +887,7 @@ class wt {
         section: () => this.sceneTypeSection()
       });
     }
-    if (s.playlist && t.hasPlaylist) {
+    if (s.playlist && t.hasPlaylist && s.playlistButton !== !1) {
       const d = g("imp-btn--list", e.playlist, i.list);
       d.addEventListener("click", () => t.togglePlaylistPanel()), this.rightItems.set("playlist", d), this.registerCollapsible({
         key: "list",
@@ -910,7 +926,7 @@ class wt {
         el: d,
         priority: 80,
         available: () => Number.isFinite(t.duration) && t.duration > 0,
-        section: () => this.simpleSection("seekBack", `${e.seekBack} ${p}s`, i.seekBack, () => t.skip(-p))
+        section: () => this.simpleSection("seekBack", `${e.seekBack} ${u}s`, i.seekBack, () => t.skip(-u))
       });
     }
     if (this.seekFwdBtn) {
@@ -920,19 +936,19 @@ class wt {
         el: d,
         priority: 82,
         available: () => Number.isFinite(t.duration) && t.duration > 0,
-        section: () => this.simpleSection("seekFwd", `${e.seekForward} ${u}s`, i.seekForward, () => t.skip(u))
+        section: () => this.simpleSection("seekFwd", `${e.seekForward} ${m}s`, i.seekForward, () => t.skip(m))
       });
     }
     if (this.center = l("div", "imp-center-controls"), s.playlist && t.hasPlaylist && (this.centerPrevBtn = this.makeCenterButton("prev", e.previous, i.previous), this.centerPrevBtn.addEventListener("click", () => t.previous()), this.center.append(this.centerPrevBtn)), s.seekButtons) {
-      const d = this.makeCenterButton("seek-back", `${e.seekBack} ${p}s`, i.seekBack);
-      this.addStepBadge(d, p, "back"), d.addEventListener("click", () => t.skip(-p)), this.center.append(d);
+      const d = this.makeCenterButton("seek-back", `${e.seekBack} ${u}s`, i.seekBack);
+      this.addStepBadge(d, u, "back"), d.addEventListener("click", () => t.skip(-u)), this.center.append(d);
     }
     if (s.play && (this.centerPlayBtn = this.makeCenterButton("play", e.play, i.play), this.centerPlayBtn.addEventListener("click", () => t.togglePlay()), this.center.append(this.centerPlayBtn)), s.seekButtons) {
-      const d = this.makeCenterButton("seek-forward", `${e.seekForward} ${u}s`, i.seekForward);
-      this.addStepBadge(d, u, "forward"), d.addEventListener("click", () => t.skip(u)), this.center.append(d);
+      const d = this.makeCenterButton("seek-forward", `${e.seekForward} ${m}s`, i.seekForward);
+      this.addStepBadge(d, m, "forward"), d.addEventListener("click", () => t.skip(m)), this.center.append(d);
     }
     if (s.playlist && t.hasPlaylist && (this.centerNextBtn = this.makeCenterButton("next", e.next, i.next), this.centerNextBtn.addEventListener("click", () => t.next()), this.center.append(this.centerNextBtn)), this.center.style.display = "none", this.setupNextPreview(), this.gear.speed || this.gear.quality || this.gear.subtitles) {
-      this.gearBtn = g("imp-btn--settings", e.settings, i.settings), this.gearMenu = new C(this.gearBtn);
+      this.gearBtn = g("imp-btn--settings", e.settings, i.settings), this.gearMenu = new M(this.gearBtn);
       const d = l("div", "imp-controls__menu-anchor");
       d.append(this.gearBtn, this.gearMenu.root), this.gearBtn.addEventListener("click", () => this.toggleGearMenu()), this.rightItems.set("gear", d), this.registerCollapsible({
         key: "gear",
@@ -970,7 +986,7 @@ class wt {
   /** Center-cluster button — deliberately NOT `.imp-btn` (own sizing/look). */
   makeCenterButton(t, e, i) {
     const s = l("button", `imp-center-btn imp-center-btn--${t}`, { type: "button", "aria-label": e, title: e });
-    return B(s, i), s;
+    return T(s, i), s;
   }
   /** Caption under the seek arrow. Default "−15s"/"+15s"; overridable via `controls.seekButtons.label`. */
   addStepBadge(t, e, i) {
@@ -996,7 +1012,7 @@ class wt {
     }
     if (this.gear.speed) {
       const i = t.playbackRate;
-      e.push({ key: "speed", label: t.labels.speed, value: i === 1 ? "Normal" : `${i}×`, section: () => this.speedSection() });
+      e.push({ key: "speed", label: t.labels.speed, value: i === 1 ? t.labels.speedNormal : `${i}×`, section: () => this.speedSection() });
     }
     if (this.gear.subtitles && t.subtitleTracks.length > 0) {
       const i = t.activeSubtitle === -1 ? t.labels.subtitlesOff : t.subtitleTracks[t.activeSubtitle]?.label ?? t.labels.subtitlesOff;
@@ -1013,7 +1029,7 @@ class wt {
     if (t.textContent = "", !e) return;
     if (e.icon) {
       const s = l("span", "imp-scene-type__icon");
-      B(s, e.icon), t.append(s);
+      T(s, e.icon), t.append(s);
     }
     const i = l("span", "imp-scene-type__label");
     i.textContent = e.title, t.append(i), t.setAttribute("aria-label", `${this.player.labels.sceneTypes}: ${e.title}`), t.title = e.title;
@@ -1066,20 +1082,20 @@ class wt {
     e.textContent = "";
     const n = l("div", "imp-next-preview__kicker");
     if (n.textContent = this.player.labels.next, e.append(n), i.thumbnail && s.poster) {
-      const m = l("div", "imp-next-preview__thumb");
-      if (m.style.backgroundImage = `url("${s.poster}")`, i.duration && s.duration) {
+      const p = l("div", "imp-next-preview__thumb");
+      if (p.append(S(s.poster)), i.duration && s.duration) {
         const v = l("span", "imp-next-preview__duration");
-        v.textContent = x(s.duration), m.append(v);
+        v.textContent = _(s.duration), p.append(v);
       }
-      e.append(m);
+      e.append(p);
     }
     if (i.title && s.title) {
-      const m = l("div", "imp-next-preview__title");
-      m.textContent = s.title, e.append(m);
+      const p = l("div", "imp-next-preview__title");
+      p.textContent = s.title, e.append(p);
     }
-    i.meta && s.previewMeta?.length && e.append(U(s.previewMeta, "imp-next-preview")), e.hidden = !1;
-    const r = this.player.container.getBoundingClientRect(), a = t.getBoundingClientRect(), h = 8, c = e.offsetWidth, p = a.left - r.left + a.width / 2 - c / 2, u = Math.max(h, Math.min(p, r.width - c - h));
-    e.style.left = `${u}px`, e.style.bottom = `${r.height - (a.top - r.top) + 10}px`;
+    i.meta && s.previewMeta?.length && e.append(j(s.previewMeta, "imp-next-preview")), e.hidden = !1;
+    const r = this.player.container.getBoundingClientRect(), a = t.getBoundingClientRect(), h = 8, c = e.offsetWidth, u = a.left - r.left + a.width / 2 - c / 2, m = Math.max(h, Math.min(u, r.width - c - h));
+    e.style.left = `${m}px`, e.style.bottom = `${r.height - (a.top - r.top) + 10}px`;
   }
   hideNextPreview() {
     this.nextPreviewEl && (this.nextPreviewEl.hidden = !0);
@@ -1135,7 +1151,7 @@ class wt {
     for (const h of (i.custom ?? []).filter((c) => c.placement !== "bar"))
       this.actionItems.push({ value: `custom:${h.id}`, label: h.title, icon: h.icon, run: () => e.emit("customaction", { id: h.id }) });
     const r = g("imp-btn--more", s.more, n.more);
-    this.moreMenu = new C(r);
+    this.moreMenu = new M(r);
     const a = l("div", "imp-controls__menu-anchor imp-controls__more");
     a.append(r, this.moreMenu.root), r.addEventListener("click", () => {
       this.closeMenus(this.moreMenu), this.moreMenu?.toggle(this.buildMoreSections());
@@ -1152,8 +1168,8 @@ class wt {
       if (h)
         for (const c of Array.isArray(h) ? h : [h])
           if (!c.title && c.items.length === 1) {
-            const p = c.items[0];
-            i.push(p), e.set(p.value, () => c.onSelect(p.value));
+            const u = c.items[0];
+            i.push(u), e.set(u.value, () => c.onSelect(u.value));
           } else
             t.push(c);
     }
@@ -1161,7 +1177,7 @@ class wt {
       const a = new Map(this.actionItems.map((h) => [h.value, h.run]));
       t.push({
         title: "",
-        items: this.actionItems.map(({ value: h, label: c, icon: p }) => ({ value: h, label: c, icon: p, active: !1 })),
+        items: this.actionItems.map(({ value: h, label: c, icon: u }) => ({ value: h, label: c, icon: u, active: !1 })),
         onSelect: (h) => a.get(h)?.()
       });
     }
@@ -1175,7 +1191,7 @@ class wt {
     return {
       title: t.labels.speed,
       items: t.playbackRates.map((e) => ({
-        label: e === 1 ? "Normal" : `${e}×`,
+        label: e === 1 ? t.labels.speedNormal : `${e}×`,
         value: String(e),
         active: t.playbackRate === e
       })),
@@ -1247,7 +1263,7 @@ class wt {
     const t = this.player;
     this.disposers.push(
       t.on("timeupdate", ({ currentTime: e, duration: i }) => {
-        this.progress.update(e, i, t.bufferedEnd), this.timeLabel && (t.live ? (this.timeLabel.hidden = !0, this.liveBadge.hidden = !1) : (this.timeLabel.hidden = !1, this.liveBadge.hidden = !0, this.timeCurrent.textContent = x(e), this.timeTotal.textContent = ` / ${x(i)}`));
+        this.progress.update(e, i, t.bufferedEnd), this.timeLabel && (t.live ? (this.timeLabel.hidden = !0, this.liveBadge.hidden = !1) : (this.timeLabel.hidden = !1, this.liveBadge.hidden = !0, this.timeCurrent.textContent = _(e), this.timeTotal.textContent = ` / ${_(i)}`));
       }),
       t.on("play", () => this.syncPlayState()),
       t.on("pause", () => this.syncPlayState()),
@@ -1306,16 +1322,16 @@ class wt {
     this.disposers = [], this.resizeObserver?.disconnect(), this.onWindowResize && window.removeEventListener("resize", this.onWindowResize), this.gearMenu?.destroy(), this.sceneTypeMenu?.destroy(), this.settingsMenu?.destroy(), this.subtitlesMenu?.destroy(), this.qualityMenu?.destroy(), this.moreMenu?.destroy(), this.nextPreviewEl?.remove(), this.root.remove();
   }
 }
-class xt {
+class Tt {
   constructor(t) {
-    this.root = l("div", "imp-poster"), this.image = l("img", "imp-poster__image", { alt: "", decoding: "async" }), this.image.hidden = !0;
+    this.root = l("div", "imp-poster"), this.image = l("div", "imp-poster__image"), this.image.hidden = !0, this.img = S(""), this.image.append(this.img);
     const e = g("imp-poster__play", t.labels.play, t.icons.bigPlay);
     e.addEventListener("click", () => void t.play()), this.root.append(this.image, e), this.root.addEventListener("pointerup", (i) => {
-      i.target !== this.root && i.target !== this.image || i.pointerType === "touch" && t.posterTapReveal() || t.play();
+      i.target !== this.root && i.target !== this.image && i.target !== this.img || i.pointerType === "touch" && t.posterTapReveal() || t.play();
     });
   }
   setSource(t) {
-    t?.poster ? (this.image.src = t.poster, this.image.fetchPriority = "high", this.image.hidden = !1) : (this.image.removeAttribute("src"), this.image.hidden = !0);
+    t?.poster ? (this.img.src = t.poster, this.img.fetchPriority = "high", this.image.hidden = !1) : (this.img.removeAttribute("src"), this.image.hidden = !0);
   }
   show() {
     this.root.hidden = !1;
@@ -1324,7 +1340,7 @@ class xt {
     this.root.hidden = !0;
   }
 }
-class _t {
+class St {
   constructor(t) {
     this.labels = t, this.channelUrl = null, this.custom = null, this.visible = { title: !0, description: !0, sponsor: !0 }, this.root = l("div", "imp-pause-screen"), this.root.hidden = !0, this.defaultContent = l("div", "imp-pause-screen__default"), this.channel = l("button", "imp-channel", { type: "button" }), this.channel.hidden = !0, this.channelAvatar = l("div", "imp-channel__avatar"), this.channelName = l("div", "imp-channel__name"), this.channel.append(this.channelName, this.channelAvatar), this.channel.addEventListener("click", () => {
       this.channelUrl && window.open(this.channelUrl, "_blank", "noopener");
@@ -1352,7 +1368,7 @@ class _t {
     const e = this.visible.sponsor ? t?.sponsor : void 0;
     this.sponsor.hidden = !e, e && (this.sponsor.href = e.url, this.sponsorText.textContent = e.text, this.sponsorLabel.textContent = e.label ?? this.labels.sponsored);
     const i = t?.channel;
-    this.channel.hidden = !i, this.channelUrl = i?.url ?? null, this.channel.classList.toggle("imp-channel--link", !!i?.url), i && (this.channelName.textContent = i.name, this.channelAvatar.className = `imp-channel__avatar imp-channel__avatar--${i.avatarShape ?? "circle"}`, i.avatar ? (this.channelAvatar.textContent = "", this.channelAvatar.style.backgroundImage = `url("${i.avatar}")`) : (this.channelAvatar.style.backgroundImage = "", this.channelAvatar.textContent = (i.name.trim()[0] ?? "?").toUpperCase()));
+    this.channel.hidden = !i, this.channelUrl = i?.url ?? null, this.channel.classList.toggle("imp-channel--link", !!i?.url), i && (this.channelName.textContent = i.name, this.channelAvatar.className = `imp-channel__avatar imp-channel__avatar--${i.avatarShape ?? "circle"}`, i.avatar ? (this.channelAvatar.textContent = "", this.channelAvatar.append(S(i.avatar, i.name))) : this.channelAvatar.textContent = (i.name.trim()[0] ?? "?").toUpperCase());
   }
   show() {
     this.root.hidden = !1;
@@ -1361,10 +1377,10 @@ class _t {
     this.root.hidden = !0;
   }
 }
-class St {
+class Bt {
   constructor(t) {
     this.player = t, this.clickBehavior = "player", this.root = l("div", "imp-related"), this.root.hidden = !0, this.heading = l("div", "imp-related__title"), this.grid = l("div", "imp-related__grid");
-    const e = g("imp-related__close", "Close", t.icons.close);
+    const e = g("imp-related__close", t.labels.close, t.icons.close);
     e.addEventListener("click", () => this.hide()), this.root.append(e, this.heading, this.grid);
   }
   setOptions(t) {
@@ -1376,7 +1392,7 @@ class St {
   }
   buildCard(t) {
     const e = l("button", "imp-related__card", { type: "button" }), i = l("div", "imp-related__thumb");
-    if (t.poster && (i.style.backgroundImage = `url("${t.poster}")`), t.duration) {
+    if (t.poster && i.append(S(t.poster)), t.duration) {
       const n = l("span", "imp-related__duration");
       n.textContent = t.duration, i.append(n);
     }
@@ -1410,7 +1426,7 @@ class St {
     this.root.hidden = !0;
   }
 }
-class Lt {
+class Et {
   constructor(t) {
     this.player = t, this.root = l("div", "imp-upnext"), this.root.hidden = !0;
   }
@@ -1425,18 +1441,18 @@ class Lt {
     const i = l("div", "imp-upnext__card"), s = l("div", "imp-upnext__kicker");
     if (s.textContent = e.nextVideo, i.append(s), t.poster) {
       const r = l("button", "imp-upnext__thumb", { type: "button", "aria-label": e.playNext });
-      if (r.style.backgroundImage = `url("${t.poster}")`, t.duration) {
+      if (r.append(S(t.poster)), t.duration) {
         const h = l("span", "imp-upnext__duration");
-        h.textContent = x(t.duration), r.append(h);
+        h.textContent = _(t.duration), r.append(h);
       }
       const a = l("span", "imp-upnext__thumb-play");
-      B(a, this.player.icons.bigPlay), r.append(a), r.addEventListener("click", () => this.player.next()), i.append(r);
+      T(a, this.player.icons.bigPlay), r.append(a), r.addEventListener("click", () => this.player.next()), i.append(r);
     }
     if (t.title) {
       const r = l("div", "imp-upnext__title");
       r.textContent = t.title, i.append(r);
     }
-    t.previewMeta?.length && i.append(U(t.previewMeta, "imp-upnext"));
+    t.previewMeta?.length && i.append(j(t.previewMeta, "imp-upnext"));
     const n = l("button", "imp-upnext__btn", { type: "button" });
     n.textContent = e.playNext, n.addEventListener("click", () => this.player.next()), i.append(n), this.root.append(i), this.root.hidden = !1;
   }
@@ -1444,7 +1460,7 @@ class Lt {
     this.root.hidden = !0;
   }
 }
-class Bt {
+class Mt {
   constructor(t, e = "sidebar", i) {
     this.player = t, this.root = l("div", `imp-playlist imp-playlist--${e}`), this.root.hidden = !0;
     const s = l("div", "imp-playlist__header"), n = l("div", "imp-playlist__heading");
@@ -1461,7 +1477,7 @@ class Bt {
     }), this.repeatBtn = g("imp-playlist__repeat", t.labels.repeat, t.icons.repeat), this.repeatBtn.addEventListener("click", () => {
       t.setRepeat(!t.repeat), this.syncModes();
     });
-    const a = g("imp-playlist__close", "Close", t.icons.close);
+    const a = g("imp-playlist__close", t.labels.close, t.icons.close);
     a.addEventListener("click", () => this.hide()), r.append(this.shuffleBtn, this.repeatBtn, a), s.append(n, r), this.list = l("div", "imp-playlist__list"), this.root.append(s, this.list), this.rebuild(), this.syncModes();
   }
   syncModes() {
@@ -1472,11 +1488,11 @@ class Bt {
       const i = l("button", "imp-playlist__item", { type: "button" });
       e === this.player.index && i.classList.add("imp-playlist__item--active");
       const s = l("div", "imp-playlist__thumb");
-      t.poster && (s.style.backgroundImage = `url("${t.poster}")`);
+      t.poster && s.append(S(t.poster));
       const n = l("div", "imp-playlist__meta"), r = l("div", "imp-playlist__title");
       if (r.textContent = t.title ?? `#${e + 1}`, n.append(r), t.duration) {
         const a = l("div", "imp-playlist__duration");
-        a.textContent = x(t.duration), n.append(a);
+        a.textContent = _(t.duration), n.append(a);
       }
       i.append(s, n), i.addEventListener("click", () => {
         this.player.playItem(e), window.innerWidth <= 767 && this.hide();
@@ -1496,12 +1512,12 @@ class Bt {
     this.visible ? this.hide() : this.show();
   }
 }
-class Tt {
+class Ct {
   constructor(t, e = "bottom") {
     this.player = t, this.items = [], this.root = l("div", `imp-playlist imp-scenes imp-playlist--${e}`), this.root.hidden = !0;
     const i = l("div", "imp-playlist__header"), s = l("span");
     s.textContent = t.labels.scenes;
-    const n = g("imp-playlist__close", "Close", t.icons.close);
+    const n = g("imp-playlist__close", t.labels.close, t.icons.close);
     n.addEventListener("click", () => this.hide()), i.append(s, n), this.list = l("div", "imp-playlist__list"), this.root.append(i, this.list), t.on("chapterchange", () => this.syncActive());
   }
   /** Re-render from the player's current chapters + thumbnail track. */
@@ -1513,11 +1529,11 @@ class Tt {
       if (n?.xywh) {
         const c = l("div", "imp-scenes__sprite");
         c.style.width = `${n.xywh.w}px`, c.style.height = `${n.xywh.h}px`, c.style.backgroundImage = `url("${n.src}")`, c.style.backgroundPosition = `-${n.xywh.x}px -${n.xywh.y}px`, c.style.setProperty("--imp-sprite-w", String(n.xywh.w)), s.append(c);
-      } else n && (s.style.backgroundImage = `url("${n.src}")`);
+      } else n && s.append(S(n.src));
       const r = l("div", "imp-playlist__meta"), a = l("div", "imp-playlist__title");
-      a.textContent = e.title || x(e.start);
+      a.textContent = e.title || _(e.start);
       const h = l("div", "imp-playlist__duration");
-      h.textContent = x(e.start), r.append(a, h), i.append(s, r), i.addEventListener("click", () => {
+      h.textContent = _(e.start), r.append(a, h), i.append(s, r), i.addEventListener("click", () => {
         this.player.seek(e.start), this.player.play(), window.innerWidth <= 767 && this.hide();
       }), this.list.append(i), this.items.push(i);
     }
@@ -1542,10 +1558,21 @@ class Tt {
     this.visible ? this.hide() : this.show();
   }
 }
-function Q(o) {
+let tt = 0;
+function et(o) {
+  const t = o.reason;
+  t?.name === "AbortError" && /interrupted by a (new load request|call to pause)/i.test(t.message ?? "") && o.preventDefault();
+}
+function Pt() {
+  typeof window < "u" && ++tt === 1 && window.addEventListener("unhandledrejection", et);
+}
+function At() {
+  typeof window < "u" && --tt === 0 && window.removeEventListener("unhandledrejection", et);
+}
+function U(o) {
   return o ? typeof o == "string" ? [{ src: o, label: "Subtitles" }] : Array.isArray(o) ? o : [o] : [];
 }
-const Ct = {
+const Rt = {
   play: !0,
   progress: !0,
   time: !0,
@@ -1568,54 +1595,66 @@ const Ct = {
   // empty → built-in right-cluster order
   playlist: !0,
   hidePrev: !0,
+  hideNext: !1,
+  playlistButton: !0,
   nextPreview: !0,
   hideDelay: 2500,
   revealBeforePlay: !0
 };
-class Rt {
+class Ft {
   constructor(t, e = {}) {
-    this.scrubbing = !1, this.emitter = new tt(), this.abort = new AbortController(), this.sources = [], this.currentIndex = -1, this.sourceController = null, this.loadToken = 0, this.chapters = [], this.currentChapter = null, this.sceneGroupList = [], this.activeSceneGroupId = "", this.progressiveQuality = -1, this.thumbTrack = null, this.shuffleMode = !1, this.autoAdvanceEnabled = !0, this.persistKey = null, this.persistVolume = !1, this.persistAutoAdvance = !1, this.decodeRecoveries = 0, this.adManager = null, this.playedOnce = !1, this.idleTimer = null, this.peekTimer = null, this.destroyed = !1;
+    this.scrubbing = !1, this.emitter = new st(), this.externalAdvance = !1, this.abort = new AbortController(), this.sources = [], this.currentIndex = -1, this.sourceController = null, this.loadToken = 0, this.chapters = [], this.currentChapter = null, this.sceneGroupList = [], this.activeSceneGroupId = "", this.progressiveQuality = -1, this.thumbTrack = null, this.shuffleMode = !1, this.autoAdvanceEnabled = !0, this.persistKey = null, this.persistVolume = !1, this.persistAutoAdvance = !1, this.decodeRecoveries = 0, this.adManager = null, this.playedOnce = !1, this.idleTimer = null, this.peekTimer = null, this.lastRetryAt = 0, this.retryTimer = null, this.errorResumeTime = 0, this.lastPlayheadTime = 0, this.destroyed = !1, this.persistTimer = null;
     const i = typeof t == "string" ? document.querySelector(t) : t;
     if (!i) throw new Error(`[itube-player] mount target not found: ${String(t)}`);
-    this.mount = i, this.options = e, this.labels = { ...H, ...it(e.language), ...e.labels }, this.icons = { ...et, ...e.icons };
+    this.mount = i, this.options = e, this.labels = { ...Z, ...rt(e.language), ...e.labels }, this.icons = { ...nt, ...e.icons };
     const s = e.controls ?? {}, n = s.speed ?? s.settings ?? "gear";
-    if (this.controlsOptions = { ...Ct, ...s, speed: n, settings: n }, this.actionsOptions = e.actions ?? {}, this.playbackRates = e.playbackRates ?? [0.5, 1, 1.5, 2], this.seekStep = e.seekStep ?? 15, this.playlistOptions = { title: "", autoAdvance: !0, loop: !1, shuffle: !1, startIndex: 0, layout: "sidebar", ...e.playlist }, this.shuffleMode = this.playlistOptions.shuffle, e.persist) {
-      const v = e.persist === !0 ? {} : e.persist;
-      this.persistKey = v.key ?? "itube-player", this.persistVolume = v.volume !== !1, this.persistAutoAdvance = v.autoAdvance !== !1;
+    if (this.controlsOptions = { ...Rt, ...s, speed: n, settings: n }, this.actionsOptions = e.actions ?? {}, this.playbackRates = e.playbackRates ?? [0.5, 1, 1.5, 2], this.seekStep = e.seekStep ?? 15, this.playlistOptions = { title: "", autoAdvance: !0, loop: !1, shuffle: !1, startIndex: 0, layout: "sidebar", externalAdvance: !1, ...e.playlist }, this.shuffleMode = this.playlistOptions.shuffle, this.externalAdvance = this.playlistOptions.externalAdvance, e.persist) {
+      const b = e.persist === !0 ? {} : e.persist;
+      this.persistKey = b.key ?? "itube-player", this.persistVolume = b.volume !== !1, this.persistAutoAdvance = b.autoAdvance !== !1;
     }
     const r = this.readPersisted();
     this.autoAdvanceEnabled = this.persistAutoAdvance && typeof r?.autoAdvance == "boolean" ? r.autoAdvance : this.playlistOptions.autoAdvance, this.sources = e.source ? Array.isArray(e.source) ? [...e.source] : [e.source] : [], this.container = l("div", "imp-player", { tabindex: "0" }), e.className && this.container.classList.add(e.className);
     const a = e.styling;
     if (a?.themeColor && this.container.style.setProperty("--imp-accent", a.themeColor), a?.likeColor && this.container.style.setProperty("--imp-like", a.likeColor), a?.dislikeColor && this.container.style.setProperty("--imp-dislike", a.dislikeColor), a?.fontFamily && this.container.style.setProperty("--imp-font", a.fontFamily), a?.borderRadius !== void 0) {
-      const v = typeof a.borderRadius == "number" ? `${a.borderRadius}px` : a.borderRadius;
-      this.container.style.setProperty("--imp-radius", v);
+      const b = typeof a.borderRadius == "number" ? `${a.borderRadius}px` : a.borderRadius;
+      this.container.style.setProperty("--imp-radius", b);
     }
     a?.playButtonStyle === "inverted" && this.container.classList.add("imp-player--play-inverted"), this.video = l("video", "imp-video"), e.playsInline !== !1 && this.video.setAttribute("playsinline", ""), e.crossOrigin !== void 0 && (this.video.crossOrigin = e.crossOrigin), this.video.preload = "metadata", e.loop && (this.video.loop = !0);
     const h = this.persistVolume ? r : null;
-    this.video.volume = w(h?.volume ?? e.volume ?? 1, 0, 1), (h?.muted ?? e.muted) && (this.video.muted = !0);
+    this.video.volume = x(h?.volume ?? e.volume ?? 1, 0, 1), (h?.muted ?? e.muted) && (this.video.muted = !0);
     const c = l("div", "imp-layer");
-    this.spinner = l("div", "imp-spinner"), this.spinner.hidden = !0, this.errorBox = l("div", "imp-error"), this.errorBox.hidden = !0, this.pauseScreen = new _t(this.labels), this.poster = new xt(this), this.related = new St(this), this.related.setOptions(e.related), this.upNext = new Lt(this), this.controls = new wt(this), this.playlistPanel = new Bt(this, this.playlistOptions.layout, this.playlistOptions.title || void 0), this.scenesPanel = new Tt(this, e.scenes?.layout ?? "bottom");
+    this.spinner = l("div", "imp-spinner"), this.spinner.hidden = !0, this.errorBox = l("div", "imp-error"), this.errorBox.hidden = !0, this.errorText = l("div", "imp-error__text"), this.retryBtn = l("button", "imp-error__retry", { type: "button" });
+    const u = l("span", "imp-error__retry-label");
+    u.textContent = this.labels.tryAgain, this.retryBtn.append(u, l("span", "imp-error__retry-spinner")), this.retryBtn.addEventListener("click", () => this.retry()), this.errorNextBtn = l("button", "imp-error__next", { type: "button" }), this.errorNextBtn.textContent = this.labels.nextVideo, this.errorNextBtn.addEventListener("click", () => {
+      this.clearError(), this.next();
+    });
+    const m = l("div", "imp-error__actions");
+    m.append(this.retryBtn, this.errorNextBtn), this.errorBox.append(this.errorText, m), this.pauseScreen = new St(this.labels), this.poster = new Tt(this), this.related = new Bt(this), this.related.setOptions(e.related), this.upNext = new Et(this), this.controls = new Lt(this), this.playlistPanel = new Mt(this, this.playlistOptions.layout, this.playlistOptions.title || void 0), this.scenesPanel = new Ct(this, e.scenes?.layout ?? "bottom");
     const p = l("div", "imp-layer__middle");
     p.append(this.spinner, this.errorBox, this.controls.center);
-    const u = l("div", "imp-layer__bottom");
-    u.append(this.controls.root), c.append(this.pauseScreen.root, this.related.root, this.upNext.root, p, u), this.container.append(this.video, c, this.poster.root, this.playlistPanel.root, this.scenesPanel.root), this.mount.append(this.container), e.pauseScreen instanceof HTMLElement ? this.pauseScreen.setCustomContent(e.pauseScreen) : typeof e.pauseScreen == "function" ? this.pauseScreen.setCustomContent(e.pauseScreen(this)) : e.pauseScreen && typeof e.pauseScreen == "object" && this.pauseScreen.setVisibility(e.pauseScreen);
-    const m = e.adConfig ?? e.ads;
-    m && m.adList.length > 0 && (this.adManager = new ut(
+    const v = l("div", "imp-layer__bottom");
+    v.append(this.controls.root), c.append(this.pauseScreen.root, this.related.root, this.upNext.root, p, v), this.container.append(this.video, c, this.poster.root, this.playlistPanel.root, this.scenesPanel.root), this.mount.append(this.container), e.pauseScreen instanceof HTMLElement ? this.pauseScreen.setCustomContent(e.pauseScreen) : typeof e.pauseScreen == "function" ? this.pauseScreen.setCustomContent(e.pauseScreen(this)) : e.pauseScreen && typeof e.pauseScreen == "object" && this.pauseScreen.setVisibility(e.pauseScreen);
+    const f = e.adConfig ?? e.ads;
+    f && f.adList.length > 0 && (this.adManager = new vt(
       { container: this.container, contentVideo: this.video, emitter: this.emitter, labels: this.labels, closeIcon: this.icons.close },
-      m
-    )), this.emitter.on("error", ({ message: v }) => {
-      this.errorBox.textContent = v, this.errorBox.hidden = !1, this.spinner.hidden = !0, this.poster.hide();
-    }), this.bindVideoEvents(), this.bindIdleHide(), e.keyboard !== !1 && this.bindKeyboard(), this.video.addEventListener("pointerup", (v) => {
+      f
+    )), this.emitter.on("error", ({ fatal: b }) => {
+      if (!b) return;
+      const d = this.lastPlayheadTime || this.video.currentTime;
+      Number.isFinite(d) && d > 0 && (this.errorResumeTime = d), this.errorText.textContent = this.labels.videoNotFound, this.errorNextBtn.hidden = !this.hasNext, this.errorBox.hidden = !1, this.spinner.hidden = !0, this.poster.hide(), this.container.classList.add("imp-player--error");
+    }), Pt(), this.bindVideoEvents(), this.bindIdleHide(), e.keyboard !== !1 && this.bindKeyboard(), this.video.addEventListener("pointerup", (b) => {
       if (!(this.adPlaying || !this.playedOnce)) {
-        if (v.pointerType === "mouse") {
+        if (b.pointerType === "mouse") {
           this.togglePlay();
           return;
         }
         this.container.classList.contains("imp-player--idle") ? (this.showControlsNow(), this.scheduleIdle()) : this.video.paused || this.container.classList.add("imp-player--idle");
       }
-    }, { signal: this.abort.signal }), this.pauseScreen.root.addEventListener("click", (v) => {
-      this.pauseScreen.hasCustom || v.target === this.pauseScreen.root && this.togglePlay();
-    }, { signal: this.abort.signal }), this.sources.length > 0 && this.loadItem(w(this.playlistOptions.startIndex, 0, this.sources.length - 1), !!e.autoplay), this.emitter.emit("ready", { player: this });
+    }, { signal: this.abort.signal }), this.pauseScreen.root.addEventListener("click", (b) => {
+      this.pauseScreen.hasCustom || b.target === this.pauseScreen.root && this.togglePlay();
+    }, { signal: this.abort.signal }), this.sources.length > 0 && this.loadItem(x(this.playlistOptions.startIndex, 0, this.sources.length - 1), !!e.autoplay), queueMicrotask(() => {
+      this.destroyed || this.emitter.emit("ready", { player: this });
+    });
   }
   // === events ===========================================================
   on(t, e) {
@@ -1654,8 +1693,22 @@ class Rt {
   get adPlaying() {
     return this.adManager?.adPlaying ?? !1;
   }
-  async play() {
-    this.destroyed || this.adPlaying || this.adManager && (await this.adManager.playPreRoll(), this.destroyed || !this.video.paused) || await this.video.play();
+  async play(t = !1) {
+    if (!(this.destroyed || this.adPlaying) && !(this.adManager && !t && (await this.adManager.playPreRoll(), this.destroyed || !this.video.paused)))
+      try {
+        await this.video.play();
+      } catch (e) {
+        const i = e?.name;
+        if (i === "NotSupportedError" && this.video.readyState === 0) {
+          const s = this.loadToken;
+          this.video.addEventListener("loadedmetadata", () => {
+            s === this.loadToken && this.video.play().catch(() => {
+            });
+          }, { once: !0, signal: this.abort.signal });
+          return;
+        }
+        i !== "AbortError" && !this.playedOnce && this.poster.show();
+      }
   }
   pause() {
     this.adPlaying || this.video.pause();
@@ -1663,8 +1716,34 @@ class Rt {
   togglePlay() {
     this.video.paused || this.video.ended ? this.play() : this.pause();
   }
+  /**
+   * Clear a fatal-error overlay and reload the current source, resuming from
+   * where playback broke. Rate-limited by `options.retryThrottle` (default 5s):
+   * the button is disabled for that window after each press.
+   */
+  retry() {
+    const t = this.options.retryThrottle ?? 5e3, e = Date.now();
+    if (e - this.lastRetryAt < t) return;
+    this.lastRetryAt = e, this.retryBtn.disabled = !0, this.retryBtn.classList.add("imp-error__retry--loading"), this.retryTimer && clearTimeout(this.retryTimer), this.retryTimer = setTimeout(() => {
+      this.destroyed || (this.retryBtn.disabled = !1, this.retryBtn.classList.remove("imp-error__retry--loading"));
+    }, t);
+    const i = this.errorResumeTime;
+    if (this.loadItem(this.currentIndex, !0, !0), this.errorResumeTime = i, i > 0) {
+      const s = this.loadToken;
+      this.video.addEventListener("loadedmetadata", () => {
+        if (s === this.loadToken)
+          try {
+            this.video.currentTime = i;
+          } catch {
+          }
+      }, { once: !0, signal: this.abort.signal });
+    }
+  }
+  clearError() {
+    this.errorBox.hidden = !0, this.container.classList.remove("imp-player--error");
+  }
   seek(t) {
-    Number.isFinite(this.video.duration) && (this.video.currentTime = w(t, 0, this.video.duration));
+    Number.isFinite(this.video.duration) && (this.video.currentTime = x(t, 0, this.video.duration));
   }
   /** Relative seek, e.g. `skip(-10)`. */
   skip(t) {
@@ -1678,7 +1757,7 @@ class Rt {
     return this.video.muted;
   }
   setVolume(t) {
-    this.video.volume = w(t, 0, 1), t > 0 && (this.video.muted = !1);
+    this.video.volume = x(t, 0, 1), t > 0 && (this.video.muted = !1);
   }
   setMuted(t) {
     this.video.muted = t;
@@ -1697,6 +1776,12 @@ class Rt {
       return null;
     }
   }
+  /** Debounced persistState — for high-frequency triggers (volume drag). */
+  schedulePersist() {
+    this.persistTimer && clearTimeout(this.persistTimer), this.persistTimer = setTimeout(() => {
+      this.persistTimer = null, this.destroyed || this.persistState();
+    }, 300);
+  }
   /** Write the enabled prefs to localStorage. No-op when persistence is off. */
   persistState() {
     if (this.persistKey)
@@ -1727,19 +1812,29 @@ class Rt {
   setQuality(t) {
     if (this.sourceController?.kind === "hls") {
       this.sourceController.setLevel(t);
-      const n = t === -1 ? this.labels.qualityAuto : this.sourceController.levels.find((r) => r.index === t)?.label ?? String(t);
-      this.emitter.emit("qualitychange", { label: n });
+      const r = t === -1 ? this.labels.qualityAuto : this.sourceController.levels.find((a) => a.index === t)?.label ?? String(t);
+      this.emitter.emit("qualitychange", { label: r });
       return;
     }
     const e = this.source?.qualities;
     if (!e || !e[t] || t === this.progressiveQuality) return;
     const i = this.video.currentTime, s = !this.video.paused && !this.video.ended;
-    this.progressiveQuality = t, this.video.src = e[t].src, this.video.currentTime = i, s && this.video.play().catch(() => {
-    }), this.emitter.emit("qualitychange", { label: e[t].label ?? String(e[t].quality ?? t) });
+    this.progressiveQuality = t, this.video.src = e[t].src;
+    const n = this.loadToken;
+    this.video.addEventListener("loadedmetadata", () => {
+      if (n === this.loadToken) {
+        try {
+          this.video.currentTime = i;
+        } catch {
+        }
+        s && this.video.play().catch(() => {
+        });
+      }
+    }, { once: !0, signal: this.abort.signal }), this.emitter.emit("qualitychange", { label: e[t].label ?? String(e[t].quality ?? t) });
   }
   // === subtitles ========================================================
   get subtitleTracks() {
-    return Q(this.source?.subtitles);
+    return U(this.source?.subtitles);
   }
   get activeSubtitle() {
     const t = this.video.textTracks;
@@ -1773,13 +1868,13 @@ class Rt {
     return t < this.sources.length ? this.sources[t] : this.playlistOptions.loop ? this.sources[0] ?? null : null;
   }
   get hasPlaylist() {
-    return this.sources.length > 1;
+    return this.sources.length > 1 || this.externalAdvance;
   }
   get hasNext() {
-    return this.shuffleMode || this.playlistOptions.loop ? this.sources.length > 1 : this.currentIndex < this.sources.length - 1;
+    return this.externalAdvance ? !0 : this.shuffleMode || this.playlistOptions.loop ? this.sources.length > 1 : this.currentIndex < this.sources.length - 1;
   }
   get hasPrevious() {
-    return this.playlistOptions.loop ? this.sources.length > 1 : this.currentIndex > 0;
+    return this.externalAdvance ? !0 : this.playlistOptions.loop ? this.sources.length > 1 : this.currentIndex > 0;
   }
   /** Shuffle mode: `next()` and auto-advance pick a random item. */
   get shuffle() {
@@ -1795,8 +1890,18 @@ class Rt {
   setRepeat(t) {
     this.playlistOptions.loop = t;
   }
+  /** External mode: emit the intent instead of switching. Returns true when handled. */
+  emitAdvanceRequest(t, e) {
+    if (!this.externalAdvance) return !1;
+    const i = e !== null && e >= 0 && e < this.sources.length;
+    return this.emitter.emit("advancerequest", {
+      direction: t,
+      index: i ? e : null,
+      source: i ? this.sources[e] : null
+    }), !0;
+  }
   next() {
-    if (this.hasNext) {
+    if (this.hasNext && !this.emitAdvanceRequest("next", this.sources.length > 1 ? (this.currentIndex + 1) % this.sources.length : null)) {
       if (this.shuffleMode && this.sources.length > 1) {
         let t = this.currentIndex;
         for (; t === this.currentIndex; ) t = Math.floor(Math.random() * this.sources.length);
@@ -1807,11 +1912,11 @@ class Rt {
     }
   }
   previous() {
-    this.hasPrevious && this.playItem((this.currentIndex - 1 + this.sources.length) % this.sources.length);
+    this.hasPrevious && (this.emitAdvanceRequest("previous", this.sources.length > 1 ? (this.currentIndex - 1 + this.sources.length) % this.sources.length : null) || this.playItem((this.currentIndex - 1 + this.sources.length) % this.sources.length));
   }
-  /** Jump to a playlist item and start playback. */
+  /** Jump to a playlist item and start playback (external mode: emits the intent instead). */
   playItem(t) {
-    t < 0 || t >= this.sources.length || this.loadItem(t, !0).then(() => {
+    t < 0 || t >= this.sources.length || t !== this.currentIndex && this.emitAdvanceRequest("select", t) || this.loadItem(t, !0).then(() => {
       this.emitter.emit("playlistitemchange", { source: this.sources[t], index: t });
     });
   }
@@ -1830,17 +1935,23 @@ class Rt {
    * to one item; an array installs a new playlist.
    */
   load(t, e = 0) {
-    this.sources = Array.isArray(t) ? [...t] : [t], this.playlistPanel.rebuild(), this.loadItem(w(e, 0, this.sources.length - 1), !1);
+    this.sources = Array.isArray(t) ? [...t] : [t], this.playlistPanel.rebuild(), this.loadItem(x(e, 0, this.sources.length - 1), !1);
   }
   // === fullscreen / pip =================================================
   get isFullscreen() {
     return document.fullscreenElement === this.container;
   }
   async toggleFullscreen() {
-    this.isFullscreen ? await document.exitFullscreen() : this.container.requestFullscreen ? await this.container.requestFullscreen() : this.video.webkitEnterFullscreen?.();
+    try {
+      this.isFullscreen ? await document.exitFullscreen() : this.container.requestFullscreen ? await this.container.requestFullscreen() : this.video.webkitEnterFullscreen?.();
+    } catch {
+    }
   }
   async togglePip() {
-    document.pictureInPictureElement === this.video ? await document.exitPictureInPicture() : await this.video.requestPictureInPicture();
+    try {
+      document.pictureInPictureElement === this.video ? await document.exitPictureInPicture() : await this.video.requestPictureInPicture();
+    } catch {
+    }
   }
   // === chapters =========================================================
   /** Normalized chapters of the current source (after metadata is known). */
@@ -1865,7 +1976,7 @@ class Rt {
   }
   /** Normalize the active group's scenes into `chapters` and refresh the UI. */
   applyActiveSceneGroup() {
-    this.chapters = z(this.activeSceneType?.scenes ?? [], this.video.duration), this.currentChapter = null, this.controls.progress.setChapters(this.chapters), this.controls.syncFeatureButtons(), this.scenesPanel.visible && this.scenesPanel.rebuild();
+    this.chapters = Q(this.activeSceneType?.scenes ?? [], this.video.duration), this.currentChapter = null, this.controls.progress.setChapters(this.chapters), this.controls.syncFeatureButtons(), this.scenesPanel.visible && this.scenesPanel.rebuild();
   }
   // === actions ==========================================================
   /**
@@ -1902,70 +2013,68 @@ class Rt {
   }
   // === teardown =========================================================
   destroy() {
-    this.destroyed || (this.destroyed = !0, this.loadToken++, this.adManager?.destroy(), this.controls.destroy(), this.sourceController?.destroy(), this.abort.abort(), this.idleTimer && clearTimeout(this.idleTimer), this.peekTimer && clearTimeout(this.peekTimer), this.container.remove(), this.emitter.emit("destroy", void 0), this.emitter.removeAll());
+    this.destroyed || (this.destroyed = !0, this.loadToken++, this.adManager?.destroy(), this.controls.destroy(), this.sourceController?.destroy(), this.abort.abort(), this.idleTimer && clearTimeout(this.idleTimer), this.peekTimer && clearTimeout(this.peekTimer), this.retryTimer && clearTimeout(this.retryTimer), this.persistTimer && (clearTimeout(this.persistTimer), this.persistTimer = null, this.persistState()), this.container.remove(), At(), this.emitter.emit("destroy", void 0), this.emitter.removeAll());
   }
   // === internals ========================================================
-  async loadItem(t, e) {
-    const i = ++this.loadToken, s = this.sources[t];
-    if (!s) return;
-    this.currentIndex = t, this.sourceController?.destroy(), this.sourceController = null, this.chapters = [], this.currentChapter = null, this.sceneGroupList = [], this.activeSceneGroupId = "", this.progressiveQuality = -1, this.playedOnce = !1, this.endPeek();
-    for (const u of [...this.video.querySelectorAll("track")]) u.remove();
-    this.adManager?.resetForNewSource(), this.related.hide(), this.upNext.hide(), this.pauseScreen.hide(), this.scenesPanel.hide(), this.thumbTrack = null, this.errorBox.hidden = !0, this.decodeRecoveries = 0, this.video.poster = s.poster ?? "", this.poster.setSource(s), this.pauseScreen.setSource(s), this.controls.progress.setChapters([]), this.controls.progress.setThumbnails(null), this.controls.progress.setHeatmap([]), e ? this.poster.hide() : this.poster.show(), this.playlistPanel.rebuild();
-    for (const u of Q(s.subtitles)) {
-      const m = l("track", "", {
+  async loadItem(t, e, i = !1) {
+    const s = ++this.loadToken, n = this.sources[t];
+    if (!n) return;
+    this.currentIndex = t, this.sourceController?.destroy(), this.sourceController = null, this.chapters = [], this.currentChapter = null, this.sceneGroupList = [], this.activeSceneGroupId = "", this.progressiveQuality = -1, this.playedOnce = !1, this.lastPlayheadTime = 0, this.errorResumeTime = 0, this.endPeek();
+    for (const p of [...this.video.querySelectorAll("track")]) p.remove();
+    this.adManager?.resetForNewSource(), this.related.hide(), this.upNext.hide(), this.pauseScreen.hide(), this.scenesPanel.hide(), this.thumbTrack = null, this.decodeRecoveries = 0, this.video.poster = n.poster ?? "", this.poster.setSource(n), this.pauseScreen.setSource(n), this.controls.progress.setChapters([]), this.controls.progress.setThumbnails(null), this.controls.progress.setHeatmap([]), e ? this.poster.hide() : this.poster.show(), this.playlistPanel.rebuild();
+    for (const p of U(n.subtitles)) {
+      const v = l("track", "", {
         kind: "subtitles",
-        src: u.src,
-        label: u.label,
-        ...u.srclang ? { srclang: u.srclang } : {}
+        src: p.src,
+        label: p.label,
+        ...p.srclang ? { srclang: p.srclang } : {}
       });
-      u.default && m.setAttribute("default", ""), this.video.append(m);
+      p.default && v.setAttribute("default", ""), this.video.append(v);
     }
-    let n = s.src, r = s.type;
-    if (s.qualities && s.qualities.length > 0) {
-      const u = Math.max(0, s.qualities.findIndex((m) => m.src === s.src));
-      this.progressiveQuality = u, n = s.qualities[u].src, r = s.qualities[u].type ?? r;
+    let r = n.src, a = n.type;
+    if (n.qualities && n.qualities.length > 0) {
+      const p = Math.max(0, n.qualities.findIndex((v) => v.src === n.src));
+      this.progressiveQuality = p, r = n.qualities[p].src, a = n.qualities[p].type ?? a;
     }
     this.video.preload = this.adManager?.hasPendingPreRoll ? "auto" : "metadata";
-    const a = await ft(this.video, n, r, {
+    const h = await bt(this.video, r, a, {
       onLevels: () => {
-        i === this.loadToken && this.controls.syncFeatureButtons();
+        s === this.loadToken && this.controls.syncFeatureButtons();
       },
-      onLevelSwitch: (u) => this.emitter.emit("qualitychange", { label: u }),
-      onError: (u, m) => this.emitter.emit("error", { message: u, cause: m })
+      onLevelSwitch: (p) => this.emitter.emit("qualitychange", { label: p }),
+      onError: (p, v) => this.emitter.emit("error", { message: p, cause: v, fatal: !0 })
     });
-    if (i !== this.loadToken) {
-      a.destroy();
+    if (s !== this.loadToken) {
+      h.destroy();
       return;
     }
-    if (this.sourceController = a, this.emitter.emit("sourcechange", { source: s, index: t }), s.thumbnails && Z.load(s.thumbnails).then((u) => {
-      i === this.loadToken && (this.thumbTrack = u, this.controls.progress.setThumbnails(u), this.scenesPanel.visible && this.scenesPanel.rebuild());
-    }).catch((u) => this.emitter.emit("error", { message: "Failed to load thumbnails track", cause: u })), s.sceneGroups && s.sceneGroups.length > 0) {
-      this.sceneGroupList = s.sceneGroups, this.activeSceneGroupId = s.sceneGroups[0].id;
-      const u = () => {
-        i === this.loadToken && this.applyActiveSceneGroup();
+    if (this.sourceController = h, this.emitter.emit("sourcechange", { source: n, index: t }), n.thumbnails && D.load(n.thumbnails).then((p) => {
+      s === this.loadToken && (this.thumbTrack = p, this.controls.progress.setThumbnails(p), this.scenesPanel.visible && this.scenesPanel.rebuild());
+    }).catch((p) => this.emitter.emit("error", { message: "Failed to load thumbnails track", cause: p })), n.sceneGroups && n.sceneGroups.length > 0) {
+      this.sceneGroupList = n.sceneGroups, this.activeSceneGroupId = n.sceneGroups[0].id;
+      const p = () => {
+        s === this.loadToken && this.applyActiveSceneGroup();
       };
-      Number.isFinite(this.video.duration) && this.video.duration > 0 ? u() : this.video.addEventListener("loadedmetadata", u, { once: !0, signal: this.abort.signal });
-    } else if (s.chapters) {
-      const u = (m) => {
-        const v = () => {
-          i === this.loadToken && (this.chapters = z(m, this.video.duration), this.controls.progress.setChapters(this.chapters), this.controls.syncFeatureButtons(), this.scenesPanel.visible && this.scenesPanel.rebuild());
+      Number.isFinite(this.video.duration) && this.video.duration > 0 ? p() : this.video.addEventListener("loadedmetadata", p, { once: !0, signal: this.abort.signal });
+    } else if (n.chapters) {
+      const p = (v) => {
+        const f = () => {
+          s === this.loadToken && (this.chapters = Q(v, this.video.duration), this.controls.progress.setChapters(this.chapters), this.controls.syncFeatureButtons(), this.scenesPanel.visible && this.scenesPanel.rebuild());
         };
-        Number.isFinite(this.video.duration) && this.video.duration > 0 ? v() : this.video.addEventListener("loadedmetadata", v, { once: !0, signal: this.abort.signal });
+        Number.isFinite(this.video.duration) && this.video.duration > 0 ? f() : this.video.addEventListener("loadedmetadata", f, { once: !0, signal: this.abort.signal });
       };
-      typeof s.chapters == "string" ? pt(s.chapters).then((m) => u(m)).catch((m) => this.emitter.emit("error", { message: "Failed to load chapters track", cause: m })) : u(s.chapters);
+      typeof n.chapters == "string" ? ft(n.chapters).then((v) => p(v)).catch((v) => this.emitter.emit("error", { message: "Failed to load chapters track", cause: v })) : p(n.chapters);
     }
-    const h = s.heatmap, c = h && !Array.isArray(h), p = c ? h.values.length > 0 : !!(h && h.length > 0);
-    if (h && p && this.controlsOptions.heatmap) {
-      const u = () => {
-        if (i !== this.loadToken) return;
-        const m = c ? ot(h.values, h.mode) : rt(h, this.video.duration);
-        this.controls.progress.setHeatmap(m, c ? h.smoothing ?? 1 : 1);
+    const c = n.heatmap, u = c && !Array.isArray(c), m = u ? c.values.length > 0 : !!(c && c.length > 0);
+    if (c && m && this.controlsOptions.heatmap) {
+      const p = () => {
+        if (s !== this.loadToken) return;
+        const v = u ? ht(c.values, c.mode) : at(c, this.video.duration);
+        this.controls.progress.setHeatmap(v, u ? c.smoothing ?? 1 : 1);
       };
-      c || Number.isFinite(this.video.duration) && this.video.duration > 0 ? u() : this.video.addEventListener("loadedmetadata", u, { once: !0, signal: this.abort.signal });
+      u || Number.isFinite(this.video.duration) && this.video.duration > 0 ? p() : this.video.addEventListener("loadedmetadata", p, { once: !0, signal: this.abort.signal });
     }
-    e && this.play().catch(() => {
-      i === this.loadToken && this.poster.show();
-    });
+    e && this.play(i);
   }
   bindVideoEvents() {
     const { signal: t } = this.abort, e = this.video;
@@ -1976,19 +2085,19 @@ class Rt {
     }, { signal: t }), e.addEventListener("ended", () => {
       this.handleEnded();
     }, { signal: t }), e.addEventListener("timeupdate", () => {
-      this.emitter.emit("timeupdate", { currentTime: e.currentTime, duration: e.duration || 0 }), this.adManager?.checkMidRolls(e.currentTime);
-      const i = J(this.chapters, e.currentTime);
+      !this.adPlaying && e.currentTime > 0 && (this.lastPlayheadTime = e.currentTime), this.emitter.emit("timeupdate", { currentTime: e.currentTime, duration: e.duration || 0 }), this.adManager?.checkMidRolls(e.currentTime);
+      const i = Y(this.chapters, e.currentTime);
       i !== this.currentChapter && (this.currentChapter = i, this.emitter.emit("chapterchange", { chapter: i }));
     }, { signal: t }), e.addEventListener("progress", () => {
       this.emitter.emit("progress", { buffered: this.bufferedEnd });
     }, { signal: t }), e.addEventListener("volumechange", () => {
-      this.emitter.emit("volumechange", { volume: e.volume, muted: e.muted }), this.persistVolume && this.persistState();
+      this.emitter.emit("volumechange", { volume: e.volume, muted: e.muted }), this.persistVolume && this.schedulePersist();
     }, { signal: t }), e.addEventListener("seeking", () => this.emitter.emit("seeking", { currentTime: e.currentTime }), { signal: t }), e.addEventListener("seeked", () => this.emitter.emit("seeked", { currentTime: e.currentTime }), { signal: t }), e.addEventListener("waiting", () => {
       this.spinner.hidden = !1;
     }, { signal: t });
     for (const i of ["playing", "canplay", "seeked"])
       e.addEventListener(i, () => {
-        this.spinner.hidden = !0, this.errorBox.hidden = !0, this.decodeRecoveries = 0;
+        this.spinner.hidden = !0, this.decodeRecoveries = 0, i === "playing" && this.clearError();
       }, { signal: t });
     e.addEventListener("error", () => {
       const i = e.error;
@@ -2008,14 +2117,19 @@ class Rt {
         e.readyState >= 1 ? a() : e.addEventListener("loadedmetadata", a, { once: !0, signal: this.abort.signal });
         return;
       }
-      this.emitter.emit("error", { message: i.message || `Media error (code ${i.code})`, cause: i });
+      this.emitter.emit("error", { message: i.message || `Media error (code ${i.code})`, cause: i, fatal: !0 });
     }, { signal: t }), e.addEventListener("enterpictureinpicture", () => this.emitter.emit("pipchange", { active: !0 }), { signal: t }), e.addEventListener("leavepictureinpicture", () => this.emitter.emit("pipchange", { active: !1 }), { signal: t }), document.addEventListener("fullscreenchange", () => {
       this.emitter.emit("fullscreenchange", { active: this.isFullscreen }), this.container.classList.toggle("imp-player--fullscreen", this.isFullscreen);
+    }, { signal: t }), e.addEventListener("webkitbeginfullscreen", () => {
+      this.emitter.emit("fullscreenchange", { active: !0 }), this.container.classList.add("imp-player--fullscreen");
+    }, { signal: t }), e.addEventListener("webkitendfullscreen", () => {
+      this.emitter.emit("fullscreenchange", { active: !1 }), this.container.classList.remove("imp-player--fullscreen");
     }, { signal: t });
   }
   async handleEnded() {
     if (this.emitter.emit("ended", void 0), this.showControlsNow(), !(this.adManager && (await this.adManager.playPostRoll(), this.destroyed))) {
       if (this.autoAdvanceEnabled && this.hasNext) {
+        if (this.emitAdvanceRequest("ended", this.sources.length > 1 ? (this.currentIndex + 1) % this.sources.length : null)) return;
         this.next();
         return;
       }
@@ -2118,22 +2232,22 @@ class Rt {
   }
 }
 export {
-  tt as Emitter,
-  Rt as Player,
-  Z as ThumbnailTrack,
-  rt as buildHeatmapValues,
-  J as chapterAt,
-  et as defaultIcons,
-  H as defaultLabels,
-  x as formatTime,
-  it as getLocale,
-  lt as heatmapPath,
-  mt as isHlsSource,
-  pt as loadChaptersVtt,
-  z as normalizeChapters,
-  Et as registerLocale,
-  Pt as registerLocales,
-  At as registeredLanguages,
-  at as resolveVast
+  st as Emitter,
+  Ft as Player,
+  D as ThumbnailTrack,
+  at as buildHeatmapValues,
+  Y as chapterAt,
+  nt as defaultIcons,
+  Z as defaultLabels,
+  _ as formatTime,
+  rt as getLocale,
+  ct as heatmapPath,
+  yt as isHlsSource,
+  ft as loadChaptersVtt,
+  Q as normalizeChapters,
+  It as registerLocale,
+  $t as registerLocales,
+  qt as registeredLanguages,
+  dt as resolveVast
 };
 //# sourceMappingURL=core.js.map