itube-modern-player 0.4.2 → 0.4.3

package/dist/core.js

@@ -9,7 +9,19 @@ function g(a, t, e) {
   const i = o("button", `imp-btn ${a}`, { type: "button", "aria-label": t, title: t });
   return i.innerHTML = e, i;
 }
-function E(a, t, e) {
+function Q(a, t) {
+  const e = o("div", `${t}__meta`);
+  return a.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, l = o("span", `${t}__meta-chunk`);
+    if (r) {
+      const h = o("span", `${t}__meta-icon`);
+      h.innerHTML = r, l.append(h);
+    }
+    l.append(document.createTextNode(n)), e.append(l);
+  }), e;
+}
+function C(a, t, e) {
   a.innerHTML = t, e !== void 0 && (a.setAttribute("aria-label", e), a.setAttribute("title", e));
 }
 function w(a, t, e) {
@@ -26,14 +38,14 @@ function I(a) {
   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 Q(a) {
+function z(a) {
   const t = [], e = a.replace(/\r\n?/g, `
 `).split(/\n\n+/);
   for (const i of e) {
     const s = i.split(`
-`).filter((m) => m.trim() !== "");
+`).filter((p) => p.trim() !== "");
     if (s.length === 0) continue;
-    let n = s.findIndex((m) => m.includes("-->"));
+    let n = s.findIndex((p) => p.includes("-->"));
     if (n === -1) continue;
     const [r, l] = s[n].split("-->"), h = I(r), c = I((l ?? "").split(" ")[1] ?? l ?? "") ?? I(l ?? "");
     if (h === null || c === null) continue;
@@ -43,14 +55,14 @@ function Q(a) {
   }
   return t;
 }
-function K(a, t) {
+function X(a, t) {
   try {
     return new URL(a, new URL(t, window.location.href)).toString();
   } catch {
     return a;
   }
 }
-class X {
+class J {
   constructor() {
     this.listeners = /* @__PURE__ */ new Map();
   }
@@ -82,56 +94,56 @@ class X {
     this.listeners.clear();
   }
 }
-const f = (a, t = "0 0 24 24") => `<svg viewBox="${t}" fill="currentColor" aria-hidden="true" focusable="false">${a}</svg>`, J = {
-  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 v = (a, t = "0 0 24 24") => `<svg viewBox="${t}" fill="currentColor" aria-hidden="true" focusable="false">${a}</svg>`, Y = {
+  play: v('<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: v('<rect x="6" y="5" width="4" height="14" rx="1"/><rect x="14" y="5" width="4" height="14" rx="1"/>'),
+  replay: v('<path d="M12 5V2.5L7.5 6 12 9.5V7a5 5 0 1 1-5 5H5a7 7 0 1 0 7-7Z"/>'),
+  bigPlay: v('<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: v('<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: v('<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: v('<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: v('<path d="M5 5h5v2H7v3H5V5Zm9 0h5v5h-2V7h-3V5ZM5 14h2v3h3v2H5v-5Zm12 0h2v5h-5v-2h3v-3Z"/>'),
+  fullscreenExit: v('<path d="M10 10H5V8h3V5h2v5Zm4 0V5h2v3h3v2h-5Zm-4 4v5H8v-3H5v-2h5Zm4 0h5v2h-3v3h-2v-5Z"/>'),
+  pip: v('<path d="M3 5h18v14H3V5Zm2 2v10h14V7H5Z"/><rect x="12" y="11" width="6" height="4"/>'),
+  settings: v('<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: v('<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: v('<path d="M3 5h18v14H3V5Zm2 2v10h3V7H5Zm5 0v10h9V7h-9Zm-5 3h3v1H5v-1Zm0 3h3v1H5v-1Z"/>'),
+  shuffle: v('<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: v('<path d="M7 7h10v2.5L21 6l-4-3.5V5H5v6h2V7Zm10 10H7v-2.5L3 18l4 3.5V19h12v-6h-2v4Z"/>'),
+  subtitles: v('<path d="M3 5h18v14H3V5Zm2 2v10h14V7H5Zm2 3h6v2H7v-2Zm8 0h2v2h-2v-2ZM7 14h2v2H7v-2Zm4 0h6v2h-6v-2Z"/>'),
+  list: v('<path d="M4 6h2v2H4V6Zm4 0h12v2H8V6ZM4 11h2v2H4v-2Zm4 0h12v2H8v-2ZM4 16h2v2H4v-2Zm4 0h12v2H8v-2Z"/>'),
+  next: v('<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: v('<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: v('<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: v('<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: v('<path d="M4 6h12v2H4V6Zm0 4h12v2H4v-2Zm0 4h8v2H4v-2Zm14 0v-4h2v4h4v2h-4v4h-2v-4h-4v-2h4Z"/>'),
+  share: v('<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: v('<path d="M5 3h2v18H5V3Zm4 1h10l-2.5 4L19 12H9V4Z"/>'),
+  more: v('<circle cx="12" cy="5" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="12" cy="19" r="2"/>'),
+  close: v('<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: v('<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"/>')
+  channel: v('<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"/>')
 }, P = { en: V };
-function _t(a, t) {
+function Lt(a, t) {
   P[a] = t;
 }
-function Lt(a) {
+function Bt(a) {
   for (const [t, e] of Object.entries(a))
     e && (P[t] = e);
 }
-function Y(a) {
+function tt(a) {
   return a && P[a] || V;
 }
-function Bt() {
+function Tt() {
   return Object.keys(P);
 }
-function tt(a, t, e = 100) {
+function et(a, t, e = 100) {
   if (a.length === 0 || !Number.isFinite(t) || t <= 0) return [];
   const i = new Array(e).fill(0);
   let s = !1;
@@ -139,18 +151,18 @@ function tt(a, t, e = 100) {
     if (!Number.isFinite(c.time) || c.time < 0 || c.time > t) continue;
     const u = Math.max(0, c.value);
     if (u === 0) continue;
-    const m = Math.min(e - 1, Math.floor(c.time / t * e));
-    i[m] += u, s = !0;
+    const p = Math.min(e - 1, Math.floor(c.time / t * e));
+    i[p] += u, s = !0;
   }
   if (!s) return [];
   const n = [0.06, 0.24, 0.4, 0.24, 0.06], r = i.map(
-    (c, u) => n.reduce((m, p, v) => m + p * (i[u + v - 2] ?? 0), 0)
+    (c, u) => n.reduce((p, f, m) => p + f * (i[u + m - 2] ?? 0), 0)
   ), l = Math.max(...r);
   if (l <= 0) return [];
   const h = 0.08;
   return r.map((c) => h + (1 - h) * (c / l));
 }
-function et(a, t = 1e3, e = 100) {
+function it(a, t = 1e3, e = 100) {
   if (a.length === 0) return "";
   const i = t / (a.length - 1 || 1);
   let s = `M 0 ${e}`;
@@ -158,7 +170,7 @@ function et(a, t = 1e3, e = 100) {
     s += ` L ${(r * i).toFixed(1)} ${(e - n * e).toFixed(1)}`;
   }), s += ` L ${t} ${e} Z`, s;
 }
-async function it(a, t) {
+async function st(a, t) {
   if (a.src)
     return {
       roll: a.roll,
@@ -168,9 +180,9 @@ async function it(a, t) {
       tracking: {}
     };
   if (!a.vastTag) throw new Error('Ad roll has neither "vastTag" nor "src"');
-  return z(a, a.vastTag, t, 0, { impressions: [], tracking: {} });
+  return U(a, a.vastTag, t, 0, { impressions: [], tracking: {} });
 }
-async function z(a, t, e, i, s) {
+async function U(a, 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 l;
@@ -185,35 +197,35 @@ async function z(a, 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");
-  st(c, s);
+  nt(c, s);
   const u = c.querySelector(":scope > Wrapper");
   if (u) {
     const y = S(u.querySelector("VASTAdTagURI"));
     if (!y) throw new Error("VAST wrapper without VASTAdTagURI");
-    return z(a, y, 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 = nt(p);
-  if (!v) throw new Error("VAST ad has no playable MediaFile");
+    return U(a, y, e, i + 1, s);
+  }
+  const p = c.querySelector(":scope > InLine");
+  if (!p) throw new Error("VAST ad has neither InLine nor Wrapper");
+  const f = p.querySelector("Creatives > Creative > Linear");
+  if (!f) throw new Error("VAST ad has no Linear creative");
+  const m = rt(f);
+  if (!m) throw new Error("VAST ad has no playable MediaFile");
   return {
     roll: a.roll,
-    mediaUrl: v.url,
-    mediaType: v.type,
-    clickThrough: S(p.querySelector("VideoClicks > ClickThrough")) ?? a.clickUrl,
-    duration: N(S(p.querySelector(":scope > Duration"))),
-    skipOffset: rt(
-      p.getAttribute("skipoffset"),
-      N(S(p.querySelector(":scope > Duration")))
+    mediaUrl: m.url,
+    mediaType: m.type,
+    clickThrough: S(f.querySelector("VideoClicks > ClickThrough")) ?? a.clickUrl,
+    duration: N(S(f.querySelector(":scope > Duration"))),
+    skipOffset: ot(
+      f.getAttribute("skipoffset"),
+      N(S(f.querySelector(":scope > Duration")))
     ),
     impressions: s.impressions,
     tracking: s.tracking,
-    adTitle: S(m.querySelector(":scope > AdTitle")) ?? void 0
+    adTitle: S(p.querySelector(":scope > AdTitle")) ?? void 0
   };
 }
-function st(a, t) {
+function nt(a, t) {
   var e, i;
   for (const s of a.querySelectorAll("Impression")) {
     const n = S(s);
@@ -228,7 +240,7 @@ function st(a, t) {
     n && ((i = t.tracking).click ?? (i.click = [])).push(n);
   }
 }
-function nt(a) {
+function rt(a) {
   const e = [...a.querySelectorAll("MediaFiles > MediaFile")].map((r) => ({
     url: S(r) ?? "",
     type: r.getAttribute("type") ?? void 0,
@@ -249,7 +261,7 @@ function N(a) {
   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 rt(a, t) {
+function ot(a, t) {
   if (!a) return;
   const e = a.trim().match(/^(\d+(?:\.\d+)?)%$/);
   return e ? t !== void 0 ? Number(e[1]) / 100 * t : void 0 : N(a);
@@ -265,7 +277,7 @@ function M(a) {
 function S(a) {
   return a?.textContent?.trim().replace(/^<!\[CDATA\[|\]\]>$/g, "").trim() || null;
 }
-class ot {
+class lt {
   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,
@@ -332,7 +344,7 @@ class ot {
       for (const n of t) {
         this.playedRolls.add(n);
         try {
-          const r = await it(n, this.opts);
+          const r = await st(n, this.opts);
           await this.playAd(r);
         } catch (r) {
           const l = r instanceof Error ? r : new Error(String(r));
@@ -353,18 +365,18 @@ class ot {
       n.src = t.mediaUrl, n.muted = this.host.contentVideo.muted, n.volume = this.host.contentVideo.volume;
       const h = o("div", "imp-spinner imp-ad__spinner"), c = o("div", "imp-ad__hud"), u = o("span", "imp-ad__badge");
       u.textContent = t.adTitle ? `${i.adLabel} · ${t.adTitle}` : i.adLabel;
-      const m = o("span", "imp-ad__countdown");
-      c.append(u, m);
-      const p = o("div", "imp-ad__actions");
-      let v = null;
-      t.clickThrough && (v = o("button", "imp-ad__visit", { type: "button" }), v.textContent = i.visitAdvertiser, p.append(v));
+      const p = o("span", "imp-ad__countdown");
+      c.append(u, p);
+      const f = o("div", "imp-ad__actions");
+      let m = null;
+      t.clickThrough && (m = o("button", "imp-ad__visit", { type: "button" }), m.textContent = i.visitAdvertiser, f.append(m));
       const y = o("button", "imp-ad__skip", { type: "button" });
-      y.hidden = !0, p.append(y), s.append(n, h, c, p), this.host.container.append(s), this.layer = s;
+      y.hidden = !0, f.append(y), s.append(n, h, c, f), this.host.container.append(s), this.layer = s;
       const T = t.skipOffset ?? this.opts.skipDelay, d = /* @__PURE__ */ new Set(), b = (k) => {
         d.has(k) || (d.add(k), M(t.tracking[k]));
       };
       let A = Date.now(), F = -1;
-      const j = setInterval(() => {
+      const K = setInterval(() => {
         if (n.paused) {
           A = Date.now();
           return;
@@ -378,7 +390,7 @@ class ot {
           error: new Error(`Ad media stalled for ${this.opts.mediaTimeout} ms — skipping`)
         }), R());
       }, 500), R = () => {
-        clearInterval(j), r.abort(), n.pause(), n.removeAttribute("src"), n.load(), s.remove(), this.layer = null, e();
+        clearInterval(K), r.abort(), n.pause(), n.removeAttribute("src"), n.load(), s.remove(), this.layer = null, e();
       }, H = (k) => {
         k ? (b("skip"), this.host.emitter.emit("adskip", { ad: t })) : b("complete"), this.host.emitter.emit("adend", { ad: t }), R();
       };
@@ -390,7 +402,7 @@ class ot {
         h.hidden = !1;
       }, { signal: l }), n.addEventListener("timeupdate", () => {
         const k = n.currentTime, L = n.duration;
-        if (Number.isFinite(L) && L > 0 && (m.textContent = x(Math.max(0, L - k)), k / L >= 0.25 && b("firstQuartile"), k / L >= 0.5 && b("midpoint"), k / L >= 0.75 && b("thirdQuartile")), T >= 0) {
+        if (Number.isFinite(L) && L > 0 && (p.textContent = x(Math.max(0, L - k)), k / L >= 0.25 && b("firstQuartile"), k / L >= 0.5 && b("midpoint"), k / L >= 0.75 && b("thirdQuartile")), T >= 0) {
           const D = Math.ceil(T - k);
           D > 0 ? (y.hidden = !1, y.disabled = !0, y.textContent = `${i.skipAdIn} ${D}`) : (y.hidden = !1, y.disabled = !1, y.textContent = i.skipAd);
         }
@@ -403,14 +415,14 @@ class ot {
       const O = () => {
         t.clickThrough && (b("click"), this.host.emitter.emit("adclick", { ad: t }), window.open(t.clickThrough, "_blank", "noopener"), n.pause());
       };
-      n.addEventListener("click", O, { signal: l }), v?.addEventListener("click", O);
-      let Z = !1, C = !1;
+      n.addEventListener("click", O, { signal: l }), m?.addEventListener("click", O);
+      let Z = !1, E = !1;
       n.addEventListener("playing", () => {
         Z = !0;
       }, { once: !0, signal: l }), n.addEventListener("pause", () => {
-        n.ended || !s.isConnected || (s.classList.add("imp-ad--paused"), Z && !C && (C = !0, M(t.tracking.pause), this.host.emitter.emit("adpause", { ad: t })));
+        n.ended || !s.isConnected || (s.classList.add("imp-ad--paused"), Z && !E && (E = !0, M(t.tracking.pause), this.host.emitter.emit("adpause", { ad: t })));
       }, { signal: l }), n.addEventListener("play", () => {
-        s.classList.remove("imp-ad--paused"), C && (C = !1, M(t.tracking.resume), this.host.emitter.emit("adresume", { ad: t }));
+        s.classList.remove("imp-ad--paused"), E && (E = !1, M(t.tracking.resume), this.host.emitter.emit("adresume", { ad: t }));
       }, { signal: l }), s.addEventListener("click", (k) => {
         (k.target === s || s.classList.contains("imp-ad--paused")) && n.paused && n.play().catch(() => {
         });
@@ -437,22 +449,22 @@ function W(a, t) {
   }
   return i;
 }
-async function lt(a) {
+async function at(a) {
   const t = await fetch(a);
   if (!t.ok) throw new Error(`Failed to load chapters VTT (${t.status})`);
   const e = await t.text();
-  return Q(e).map((i) => ({ start: i.start, end: i.end, title: i.text }));
+  return z(e).map((i) => ({ start: i.start, end: i.end, title: i.text }));
 }
-function U(a, t) {
+function j(a, t) {
   for (const e of a)
     if (t >= e.start && t < e.end) return e;
   return null;
 }
-function at(a, t) {
+function ht(a, t) {
   return t ? /application\/(x-mpegurl|vnd\.apple\.mpegurl)/i.test(t) : /\.m3u8(\?|#|$)/i.test(a);
 }
 let _;
-async function ht() {
+async function ct() {
   if (_ !== void 0) return _;
   const a = globalThis.Hls;
   if (a)
@@ -464,10 +476,10 @@ async function ht() {
   }
   return _;
 }
-async function ct(a, t, e, i) {
-  if (at(t, e)) {
-    const s = a.canPlayType("application/vnd.apple.mpegurl"), n = s ? null : await ht();
-    return n && n.isSupported() ? dt(n, a, t, i) : s ? (a.src = t, $(a)) : (i.onError("HLS is not supported in this browser and hls.js could not be loaded."), $(a));
+async function dt(a, t, e, i) {
+  if (ht(t, e)) {
+    const s = a.canPlayType("application/vnd.apple.mpegurl"), n = s ? null : await ct();
+    return n && n.isSupported() ? ut(n, a, t, i) : s ? (a.src = t, $(a)) : (i.onError("HLS is not supported in this browser and hls.js could not be loaded."), $(a));
   }
   return a.src = t, $(a);
 }
@@ -483,7 +495,7 @@ function $(a) {
     }
   };
 }
-function dt(a, t, e, i) {
+function ut(a, t, e, i) {
   const s = new a({ enableWorker: !0 }), n = {
     kind: "hls",
     levels: [],
@@ -536,13 +548,13 @@ class q {
     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 Q(i)) {
+    for (const n of z(i)) {
       const [r, l] = n.text.trim().split("#");
       if (!r) continue;
       const h = {
         start: n.start,
         end: n.end,
-        src: K(r, t)
+        src: X(r, t)
       }, c = l?.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);
     }
@@ -559,7 +571,7 @@ class q {
     return null;
   }
 }
-const ut = '<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>', pt = '<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>';
+const pt = '<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>', mt = '<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 B {
   constructor(t) {
     this.anchor = t, this.outsideListener = null, this.root = o("div", "imp-menu"), this.root.hidden = !0, this.backdrop = o("div", "imp-menu__backdrop"), this.backdrop.hidden = !0, this.backdrop.addEventListener("pointerdown", (e) => {
@@ -598,7 +610,7 @@ class B {
       const r = o("span", "imp-menu__value");
       r.textContent = i.value ?? "";
       const l = o("span", "imp-menu__chevron");
-      l.innerHTML = ut, s.append(n, r, l), s.addEventListener("click", () => this.renderSettingsDetail(t, i)), e.append(s);
+      l.innerHTML = pt, s.append(n, r, l), s.addEventListener("click", () => this.renderSettingsDetail(t, i)), e.append(s);
     }
     this.root.append(e);
   }
@@ -620,7 +632,7 @@ class B {
     if (!e.section) return;
     this.root.textContent = "";
     const i = o("button", "imp-menu__item imp-menu__back", { type: "button" }), s = o("span", "imp-menu__chevron");
-    s.innerHTML = pt;
+    s.innerHTML = mt;
     const n = o("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;
   }
@@ -660,7 +672,7 @@ class B {
     this.close(), this.root.remove();
   }
 }
-class mt {
+class vt {
   constructor(t) {
     this.cb = t, this.segments = [], this.duration = 0, this.chapters = [], this.thumbnails = null, this.scrubbing = !1, this.root = o("div", "imp-progress", { role: "slider", "aria-label": "Seek", tabindex: "-1" }), this.buffered = o("div", "imp-progress__buffered"), this.track = o("div", "imp-progress__track"), this.handle = o("div", "imp-progress__handle"), this.tooltipThumb = o("div", "imp-progress__thumb"), this.tooltipChapter = o("div", "imp-progress__tooltip-chapter"), this.tooltipTime = o("div", "imp-progress__tooltip-time"), this.tooltip = o("div", "imp-progress__tooltip"), this.tooltip.append(this.tooltipThumb, this.tooltipChapter, this.tooltipTime), this.heatmap = o("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();
   }
@@ -670,7 +682,7 @@ class mt {
       this.heatmap.hidden = !0, this.heatmap.textContent = "";
       return;
     }
-    this.heatmap.innerHTML = `<svg viewBox="0 0 1000 100" preserveAspectRatio="none" aria-hidden="true"><path d="${et(t)}"/></svg>`, this.heatmap.hidden = !1;
+    this.heatmap.innerHTML = `<svg viewBox="0 0 1000 100" preserveAspectRatio="none" aria-hidden="true"><path d="${it(t)}"/></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([]);
@@ -724,7 +736,7 @@ class mt {
   showTooltip(t) {
     const e = this.timeFromEvent(t);
     this.tooltipTime.textContent = x(e);
-    const i = U(this.chapters, e);
+    const i = j(this.chapters, e);
     this.tooltipChapter.textContent = i?.title ?? "", this.tooltipChapter.hidden = !i?.title;
     const s = this.thumbnails?.cueAt(e) ?? null;
     s ? (this.tooltipThumb.hidden = !1, this.tooltipThumb.style.backgroundImage = `url("${s.src}")`, s.xywh ? (this.tooltipThumb.style.width = `${s.xywh.w}px`, this.tooltipThumb.style.height = `${s.xywh.h}px`, this.tooltipThumb.style.backgroundPosition = `-${s.xywh.x}px -${s.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");
@@ -735,11 +747,11 @@ class mt {
     this.tooltip.classList.remove("imp-progress__tooltip--visible");
   }
 }
-class vt {
+class ft {
   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 = o("div", "imp-controls"), this.progress = new mt({
+    this.root = o("div", "imp-controls"), this.progress = new vt({
       onSeek: (d) => t.seek(d),
       onScrubStart: () => {
         this.wasPlayingBeforeScrub = !t.paused, t.pause();
@@ -754,8 +766,8 @@ class vt {
     this.rightGroup = l;
     const h = o("div", "imp-controls__spacer");
     this.chapterLabel = o("div", "imp-controls__chapter"), n.append(r, h, l), h.append(this.chapterLabel);
-    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 && (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, p = 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} ${p}s`, i.seekForward), this.addStepBadge(this.seekFwdBtn, p, "forward"), this.seekFwdBtn.addEventListener("click", () => t.skip(p)), 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 d = o("div", "imp-volume");
       this.muteBtn = g("imp-btn--mute", e.mute, i.volumeHigh), this.muteBtn.addEventListener("click", () => t.toggleMute()), this.volumeSlider = o("input", "imp-volume__slider", {
         type: "range",
@@ -778,8 +790,8 @@ class vt {
         section: () => this.simpleSection(`custom:${d.id}`, d.title, d.icon ?? i.more, () => t.emit("customaction", { id: d.id }))
       });
     }
-    const p = (d) => d === !1 ? "off" : d === "bar" ? "bar" : "gear", v = p(s.subtitles), y = p(s.quality), T = p(s.speed);
-    if (this.gear = { speed: T === "gear", quality: y === "gear", subtitles: v === "gear" }, v === "bar") {
+    const f = (d) => d === !1 ? "off" : d === "bar" ? "bar" : "gear", m = f(s.subtitles), y = f(s.quality), T = f(s.speed);
+    if (this.gear = { speed: T === "gear", quality: y === "gear", subtitles: m === "gear" }, m === "bar") {
       this.subtitlesBtn = g("imp-btn--subtitles", e.subtitles, i.subtitles), this.subtitlesMenu = new B(this.subtitlesBtn);
       const d = o("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({
@@ -878,7 +890,7 @@ class vt {
         el: d,
         priority: 82,
         available: () => Number.isFinite(t.duration) && t.duration > 0,
-        section: () => this.simpleSection("seekFwd", `${e.seekForward} ${m}s`, i.seekForward, () => t.skip(m))
+        section: () => this.simpleSection("seekFwd", `${e.seekForward} ${p}s`, i.seekForward, () => t.skip(p))
       });
     }
     if (this.center = o("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) {
@@ -886,8 +898,8 @@ class vt {
       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} ${m}s`, i.seekForward);
-      this.addStepBadge(d, m, "forward"), d.addEventListener("click", () => t.skip(m)), this.center.append(d);
+      const d = this.makeCenterButton("seek-forward", `${e.seekForward} ${p}s`, i.seekForward);
+      this.addStepBadge(d, p, "forward"), d.addEventListener("click", () => t.skip(p)), 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 B(this.gearBtn);
@@ -1024,24 +1036,20 @@ class vt {
     e.textContent = "";
     const n = o("div", "imp-next-preview__kicker");
     if (n.textContent = this.player.labels.next, e.append(n), i.thumbnail && s.poster) {
-      const p = o("div", "imp-next-preview__thumb");
-      if (p.style.backgroundImage = `url("${s.poster}")`, i.duration && s.duration) {
-        const v = o("span", "imp-next-preview__duration");
-        v.textContent = x(s.duration), p.append(v);
+      const f = o("div", "imp-next-preview__thumb");
+      if (f.style.backgroundImage = `url("${s.poster}")`, i.duration && s.duration) {
+        const m = o("span", "imp-next-preview__duration");
+        m.textContent = x(s.duration), f.append(m);
       }
-      e.append(p);
+      e.append(f);
     }
     if (i.title && s.title) {
-      const p = o("div", "imp-next-preview__title");
-      p.textContent = s.title, e.append(p);
+      const f = o("div", "imp-next-preview__title");
+      f.textContent = s.title, e.append(f);
     }
-    if (i.meta && s.previewMeta?.length) {
-      const p = o("div", "imp-next-preview__meta");
-      p.textContent = s.previewMeta.join(" · "), e.append(p);
-    }
-    e.hidden = !1;
-    const r = this.player.container.getBoundingClientRect(), l = t.getBoundingClientRect(), h = 8, c = e.offsetWidth, u = l.left - r.left + l.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 - (l.top - r.top) + 10}px`;
+    i.meta && s.previewMeta?.length && e.append(Q(s.previewMeta, "imp-next-preview")), e.hidden = !1;
+    const r = this.player.container.getBoundingClientRect(), l = t.getBoundingClientRect(), h = 8, c = e.offsetWidth, u = l.left - r.left + l.width / 2 - c / 2, p = Math.max(h, Math.min(u, r.width - c - h));
+    e.style.left = `${p}px`, e.style.bottom = `${r.height - (l.top - r.top) + 10}px`;
   }
   hideNextPreview() {
     this.nextPreviewEl && (this.nextPreviewEl.hidden = !0);
@@ -1219,7 +1227,7 @@ class vt {
         this.chapterLabel.textContent = e?.title ?? "";
       }),
       t.on("fullscreenchange", ({ active: e }) => {
-        this.fullscreenBtn && E(this.fullscreenBtn, e ? t.icons.fullscreenExit : t.icons.fullscreen, e ? t.labels.exitFullscreen : t.labels.fullscreen), this.scheduleReflow();
+        this.fullscreenBtn && C(this.fullscreenBtn, e ? t.icons.fullscreenExit : t.icons.fullscreen, e ? t.labels.exitFullscreen : t.labels.fullscreen), this.scheduleReflow();
       }),
       t.on("playlistitemchange", () => {
         this.syncPlaylistButtons(), this.scheduleReflow();
@@ -1231,12 +1239,12 @@ class vt {
   }
   syncPlayState() {
     const t = this.player, [e, i] = t.ended ? [t.icons.replay, t.labels.replay] : t.paused ? [t.icons.play, t.labels.play] : [t.icons.pause, t.labels.pause];
-    this.playBtn && E(this.playBtn, e, i), this.centerPlayBtn && E(this.centerPlayBtn, e, i);
+    this.playBtn && C(this.playBtn, e, i), this.centerPlayBtn && C(this.centerPlayBtn, e, i);
   }
   syncVolume() {
     if (!this.muteBtn) return;
     const t = this.player, e = t.muted ? 0 : t.volume, i = e === 0 ? t.icons.volumeMute : e < 0.5 ? t.icons.volumeLow : t.icons.volumeHigh;
-    E(this.muteBtn, i, t.muted ? t.labels.unmute : t.labels.mute), this.volumeSlider.value = String(e), this.volumeSlider.style.setProperty("--imp-volume-fill", `${e * 100}%`);
+    C(this.muteBtn, i, t.muted ? t.labels.unmute : t.labels.mute), this.volumeSlider.value = String(e), this.volumeSlider.style.setProperty("--imp-volume-fill", `${e * 100}%`);
   }
   /** Called by the player when per-source data (chapters/quality/subtitles) changes. */
   syncFeatureButtons() {
@@ -1264,7 +1272,7 @@ class vt {
     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 ft {
+class gt {
   constructor(t) {
     this.root = o("div", "imp-poster"), this.image = o("img", "imp-poster__image", { alt: "", decoding: "async" }), this.image.hidden = !0;
     const e = g("imp-poster__play", t.labels.play, t.icons.bigPlay);
@@ -1282,7 +1290,7 @@ class ft {
     this.root.hidden = !0;
   }
 }
-class gt {
+class yt {
   constructor(t) {
     this.labels = t, this.channelUrl = null, this.custom = null, this.visible = { title: !0, description: !0, sponsor: !0 }, this.root = o("div", "imp-pause-screen"), this.root.hidden = !0, this.defaultContent = o("div", "imp-pause-screen__default"), this.channel = o("button", "imp-channel", { type: "button" }), this.channel.hidden = !0, this.channelAvatar = o("div", "imp-channel__avatar"), this.channelName = o("div", "imp-channel__name"), this.channel.append(this.channelName, this.channelAvatar), this.channel.addEventListener("click", () => {
       this.channelUrl && window.open(this.channelUrl, "_blank", "noopener");
@@ -1319,7 +1327,7 @@ class gt {
     this.root.hidden = !0;
   }
 }
-class yt {
+class bt {
   constructor(t) {
     this.player = t, this.clickBehavior = "player", this.root = o("div", "imp-related"), this.root.hidden = !0, this.heading = o("div", "imp-related__title"), this.grid = o("div", "imp-related__grid");
     const e = g("imp-related__close", "Close", t.icons.close);
@@ -1368,7 +1376,7 @@ class yt {
     this.root.hidden = !0;
   }
 }
-class bt {
+class kt {
   constructor(t) {
     this.player = t, this.root = o("div", "imp-upnext"), this.root.hidden = !0;
   }
@@ -1394,12 +1402,7 @@ class bt {
       const r = o("div", "imp-upnext__title");
       r.textContent = t.title, i.append(r);
     }
-    if (t.previewMeta?.length) {
-      const r = o("div", "imp-upnext__meta"), l = o("span", "imp-upnext__meta-icon");
-      l.innerHTML = t.metaIcon ?? (t.channel ? this.player.icons.channel : this.player.icons.user);
-      const h = o("span", "imp-upnext__meta-text");
-      h.textContent = t.previewMeta.join(" · "), r.append(l, h), i.append(r);
-    }
+    t.previewMeta?.length && i.append(Q(t.previewMeta, "imp-upnext"));
     const n = o("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;
   }
@@ -1407,7 +1410,7 @@ class bt {
     this.root.hidden = !0;
   }
 }
-class kt {
+class wt {
   constructor(t, e = "sidebar", i) {
     this.player = t, this.root = o("div", `imp-playlist imp-playlist--${e}`), this.root.hidden = !0;
     const s = o("div", "imp-playlist__header"), n = o("div", "imp-playlist__heading");
@@ -1459,7 +1462,7 @@ class kt {
     this.visible ? this.hide() : this.show();
   }
 }
-class wt {
+class xt {
   constructor(t, e = "bottom") {
     this.player = t, this.items = [], this.root = o("div", `imp-playlist imp-scenes imp-playlist--${e}`), this.root.hidden = !0;
     const i = o("div", "imp-playlist__header"), s = o("span");
@@ -1508,7 +1511,7 @@ class wt {
 function G(a) {
   return a ? typeof a == "string" ? [{ src: a, label: "Subtitles" }] : Array.isArray(a) ? a : [a] : [];
 }
-const xt = {
+const St = {
   play: !0,
   progress: !0,
   time: !0,
@@ -1534,49 +1537,49 @@ const xt = {
   nextPreview: !0,
   hideDelay: 2500
 };
-class Tt {
+class Et {
   constructor(t, e = {}) {
-    this.scrubbing = !1, this.emitter = new X(), 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.destroyed = !1;
+    this.scrubbing = !1, this.emitter = new J(), 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.destroyed = !1;
     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 = { ...V, ...Y(e.language), ...e.labels }, this.icons = { ...J, ...e.icons };
+    this.mount = i, this.options = e, this.labels = { ...V, ...tt(e.language), ...e.labels }, this.icons = { ...Y, ...e.icons };
     const s = e.controls ?? {}, n = s.speed ?? s.settings ?? "gear";
-    if (this.controlsOptions = { ...xt, ...s, speed: n, settings: n }, this.actionsOptions = e.actions ?? {}, this.playbackRates = e.playbackRates ?? [0.5, 0.75, 1, 1.25, 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 = { ...St, ...s, speed: n, settings: n }, this.actionsOptions = e.actions ?? {}, this.playbackRates = e.playbackRates ?? [0.5, 0.75, 1, 1.25, 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 m = e.persist === !0 ? {} : e.persist;
+      this.persistKey = m.key ?? "itube-player", this.persistVolume = m.volume !== !1, this.persistAutoAdvance = m.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 = o("div", "imp-player", { tabindex: "0" }), e.className && this.container.classList.add(e.className);
     const l = e.styling;
     if (l?.themeColor && this.container.style.setProperty("--imp-accent", l.themeColor), l?.likeColor && this.container.style.setProperty("--imp-like", l.likeColor), l?.dislikeColor && this.container.style.setProperty("--imp-dislike", l.dislikeColor), l?.borderRadius !== void 0) {
-      const v = typeof l.borderRadius == "number" ? `${l.borderRadius}px` : l.borderRadius;
-      this.container.style.setProperty("--imp-radius", v);
+      const m = typeof l.borderRadius == "number" ? `${l.borderRadius}px` : l.borderRadius;
+      this.container.style.setProperty("--imp-radius", m);
     }
     l?.playButtonStyle === "inverted" && this.container.classList.add("imp-player--play-inverted"), this.video = o("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);
     const c = o("div", "imp-layer");
-    this.spinner = o("div", "imp-spinner"), this.spinner.hidden = !0, this.errorBox = o("div", "imp-error"), this.errorBox.hidden = !0, this.pauseScreen = new gt(this.labels), this.poster = new ft(this), this.related = new yt(this), this.related.setOptions(e.related), this.upNext = new bt(this), this.controls = new vt(this), this.playlistPanel = new kt(this, this.playlistOptions.layout, this.playlistOptions.title || void 0), this.scenesPanel = new wt(this, e.scenes?.layout ?? "bottom");
+    this.spinner = o("div", "imp-spinner"), this.spinner.hidden = !0, this.errorBox = o("div", "imp-error"), this.errorBox.hidden = !0, this.pauseScreen = new yt(this.labels), this.poster = new gt(this), this.related = new bt(this), this.related.setOptions(e.related), this.upNext = new kt(this), this.controls = new ft(this), this.playlistPanel = new wt(this, this.playlistOptions.layout, this.playlistOptions.title || void 0), this.scenesPanel = new xt(this, e.scenes?.layout ?? "bottom");
     const u = o("div", "imp-layer__middle");
     u.append(this.spinner, this.errorBox, this.controls.center);
-    const m = o("div", "imp-layer__bottom");
-    m.append(this.controls.root), c.append(this.pauseScreen.root, this.related.root, this.upNext.root, u, m), 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 p = e.adConfig ?? e.ads;
-    p && p.adList.length > 0 && (this.adManager = new ot(
+    const p = o("div", "imp-layer__bottom");
+    p.append(this.controls.root), c.append(this.pauseScreen.root, this.related.root, this.upNext.root, u, p), 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 lt(
       { container: this.container, contentVideo: this.video, emitter: this.emitter, labels: this.labels, closeIcon: this.icons.close },
-      p
-    )), 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", ({ message: m }) => {
+      this.errorBox.textContent = m, this.errorBox.hidden = !1, this.spinner.hidden = !0, this.poster.hide();
+    }), this.bindVideoEvents(), this.bindIdleHide(), e.keyboard !== !1 && this.bindKeyboard(), this.video.addEventListener("pointerup", (m) => {
       if (!(this.adPlaying || !this.playedOnce)) {
-        if (v.pointerType === "mouse") {
+        if (m.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.pauseScreen.root.addEventListener("click", (m) => {
+      this.pauseScreen.hasCustom || m.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 });
   }
   // === events ===========================================================
@@ -1888,7 +1891,7 @@ class Tt {
       this.progressiveQuality = h, n = s.qualities[h].src, r = s.qualities[h].type ?? r;
     }
     this.video.preload = this.adManager?.hasPendingPreRoll ? "auto" : "metadata";
-    const l = await ct(this.video, n, r, {
+    const l = await dt(this.video, n, r, {
       onLevels: () => {
         i === this.loadToken && this.controls.syncFeatureButtons();
       },
@@ -1914,11 +1917,11 @@ class Tt {
         };
         Number.isFinite(this.video.duration) && this.video.duration > 0 ? u() : this.video.addEventListener("loadedmetadata", u, { once: !0, signal: this.abort.signal });
       };
-      typeof s.chapters == "string" ? lt(s.chapters).then((c) => h(c)).catch((c) => this.emitter.emit("error", { message: "Failed to load chapters track", cause: c })) : h(s.chapters);
+      typeof s.chapters == "string" ? at(s.chapters).then((c) => h(c)).catch((c) => this.emitter.emit("error", { message: "Failed to load chapters track", cause: c })) : h(s.chapters);
     }
     if (s.heatmap && s.heatmap.length > 0 && this.controlsOptions.heatmap) {
       const h = s.heatmap, c = () => {
-        i === this.loadToken && this.controls.progress.setHeatmap(tt(h, this.video.duration));
+        i === this.loadToken && this.controls.progress.setHeatmap(et(h, this.video.duration));
       };
       Number.isFinite(this.video.duration) && this.video.duration > 0 ? c() : this.video.addEventListener("loadedmetadata", c, { once: !0, signal: this.abort.signal });
     }
@@ -1936,7 +1939,7 @@ class Tt {
       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 = U(this.chapters, e.currentTime);
+      const i = j(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 });
@@ -2056,22 +2059,22 @@ class Tt {
   }
 }
 export {
-  X as Emitter,
-  Tt as Player,
+  J as Emitter,
+  Et as Player,
   q as ThumbnailTrack,
-  tt as buildHeatmapValues,
-  U as chapterAt,
-  J as defaultIcons,
+  et as buildHeatmapValues,
+  j as chapterAt,
+  Y as defaultIcons,
   V as defaultLabels,
   x as formatTime,
-  Y as getLocale,
-  et as heatmapPath,
-  at as isHlsSource,
-  lt as loadChaptersVtt,
+  tt as getLocale,
+  it as heatmapPath,
+  ht as isHlsSource,
+  at as loadChaptersVtt,
   W as normalizeChapters,
-  _t as registerLocale,
-  Lt as registerLocales,
-  Bt as registeredLanguages,
-  it as resolveVast
+  Lt as registerLocale,
+  Bt as registerLocales,
+  Tt as registeredLanguages,
+  st as resolveVast
 };
 //# sourceMappingURL=core.js.map