itube-modern-player 0.3.0 → 0.4.0

package/dist/core.js

@@ -1,33 +1,33 @@
-import { d as V } from "./labels-C3gAZEm-.js";
-function a(o, t, e) {
-  const i = document.createElement(o);
+import { d as q } from "./labels-DZFT0XMa.js";
+function o(l, t, e) {
+  const i = document.createElement(l);
   if (t && (i.className = t), e)
     for (const [s, n] of Object.entries(e)) i.setAttribute(s, n);
   return i;
 }
-function f(o, t, e) {
-  const i = a("button", `imp-btn ${o}`, { type: "button", "aria-label": t, title: t });
+function f(l, t, e) {
+  const i = o("button", `imp-btn ${l}`, { type: "button", "aria-label": t, title: t });
   return i.innerHTML = e, i;
 }
-function M(o, t, e) {
-  o.innerHTML = t, e !== void 0 && (o.setAttribute("aria-label", e), o.setAttribute("title", e));
+function E(l, t, e) {
+  l.innerHTML = t, e !== void 0 && (l.setAttribute("aria-label", e), l.setAttribute("title", e));
 }
-function w(o, t, e) {
-  return Math.min(e, Math.max(t, o));
+function w(l, t, e) {
+  return Math.min(e, Math.max(t, l));
 }
-function x(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");
+function x(l) {
+  if (!Number.isFinite(l) || l < 0) return "0:00";
+  const t = Math.floor(l % 60), e = Math.floor(l / 60 % 60), i = Math.floor(l / 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 $(o) {
-  const t = o.trim().match(/^(?:(\d+):)?(\d{1,2}):(\d{2})(?:[.,](\d{1,3}))?$/);
+function I(l) {
+  const t = l.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 Q(o) {
-  const t = [], e = o.replace(/\r\n?/g, `
+function Q(l) {
+  const t = [], e = l.replace(/\r\n?/g, `
 `).split(/\n\n+/);
   for (const i of e) {
     const s = i.split(`
@@ -35,7 +35,7 @@ function Q(o) {
     if (s.length === 0) continue;
     let n = s.findIndex((p) => p.includes("-->"));
     if (n === -1) continue;
-    const [r, l] = s[n].split("-->"), h = $(r), c = $((l ?? "").split(" ")[1] ?? l ?? "") ?? $(l ?? "");
+    const [r, a] = s[n].split("-->"), h = I(r), c = I((a ?? "").split(" ")[1] ?? a ?? "") ?? I(a ?? "");
     if (h === null || c === null) continue;
     const u = s.slice(n + 1).join(`
 `).trim();
@@ -43,14 +43,14 @@ function Q(o) {
   }
   return t;
 }
-function G(o, t) {
+function X(l, t) {
   try {
-    return new URL(o, new URL(t, window.location.href)).toString();
+    return new URL(l, new URL(t, window.location.href)).toString();
   } catch {
-    return o;
+    return l;
   }
 }
-class X {
+class K {
   constructor() {
     this.listeners = /* @__PURE__ */ new Map();
   }
@@ -82,7 +82,7 @@ class X {
     this.listeners.clear();
   }
 }
-const v = (o, t = "0 0 24 24") => `<svg viewBox="${t}" fill="currentColor" aria-hidden="true" focusable="false">${o}</svg>`, K = {
+const v = (l, t = "0 0 24 24") => `<svg viewBox="${t}" fill="currentColor" aria-hidden="true" focusable="false">${l}</svg>`, J = {
   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"/>'),
@@ -113,25 +113,25 @@ const v = (o, t = "0 0 24 24") => `<svg viewBox="${t}" fill="currentColor" aria-
   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"/>')
-}, P = { en: V };
-function Lt(o, t) {
-  P[o] = t;
+}, P = { en: q };
+function _t(l, t) {
+  P[l] = t;
 }
-function St(o) {
-  for (const [t, e] of Object.entries(o))
+function Lt(l) {
+  for (const [t, e] of Object.entries(l))
     e && (P[t] = e);
 }
-function J(o) {
-  return o && P[o] || V;
+function Y(l) {
+  return l && P[l] || q;
 }
-function _t() {
+function Bt() {
   return Object.keys(P);
 }
-function Y(o, t, e = 100) {
-  if (o.length === 0 || !Number.isFinite(t) || t <= 0) return [];
+function tt(l, t, e = 100) {
+  if (l.length === 0 || !Number.isFinite(t) || t <= 0) return [];
   const i = new Array(e).fill(0);
   let s = !1;
-  for (const c of o) {
+  for (const c of l) {
     if (!Number.isFinite(c.time) || c.time < 0 || c.time > t) continue;
     const u = Math.max(0, c.value);
     if (u === 0) continue;
@@ -140,93 +140,93 @@ function Y(o, t, e = 100) {
   }
   if (!s) return [];
   const n = [0.06, 0.24, 0.4, 0.24, 0.06], r = i.map(
-    (c, u) => n.reduce((p, m, b) => p + m * (i[u + b - 2] ?? 0), 0)
-  ), l = Math.max(...r);
-  if (l <= 0) return [];
+    (c, u) => n.reduce((p, m, y) => p + m * (i[u + y - 2] ?? 0), 0)
+  ), a = Math.max(...r);
+  if (a <= 0) return [];
   const h = 0.08;
-  return r.map((c) => h + (1 - h) * (c / l));
+  return r.map((c) => h + (1 - h) * (c / a));
 }
-function tt(o, t = 1e3, e = 100) {
-  if (o.length === 0) return "";
-  const i = t / (o.length - 1 || 1);
+function et(l, t = 1e3, e = 100) {
+  if (l.length === 0) return "";
+  const i = t / (l.length - 1 || 1);
   let s = `M 0 ${e}`;
-  return o.forEach((n, r) => {
+  return l.forEach((n, r) => {
     s += ` L ${(r * i).toFixed(1)} ${(e - n * e).toFixed(1)}`;
   }), s += ` L ${t} ${e} Z`, s;
 }
-async function et(o, t) {
-  if (o.src)
+async function it(l, t) {
+  if (l.src)
     return {
-      roll: o.roll,
-      mediaUrl: o.src,
-      clickThrough: o.clickUrl,
+      roll: l.roll,
+      mediaUrl: l.src,
+      clickThrough: l.clickUrl,
       impressions: [],
       tracking: {}
     };
-  if (!o.vastTag) throw new Error('Ad roll has neither "vastTag" nor "src"');
-  return z(o, o.vastTag, t, 0, { impressions: [], tracking: {} });
+  if (!l.vastTag) throw new Error('Ad roll has neither "vastTag" nor "src"');
+  return z(l, l.vastTag, t, 0, { impressions: [], tracking: {} });
 }
-async function z(o, t, e, i, s) {
+async function z(l, 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;
+  let a;
   try {
     const g = await fetch(t, { signal: n.signal, credentials: "omit" });
     if (!g.ok) throw new Error(`VAST request failed (${g.status})`);
-    l = await g.text();
+    a = await g.text();
   } finally {
     clearTimeout(r);
   }
-  const h = new DOMParser().parseFromString(l, "text/xml");
+  const h = new DOMParser().parseFromString(a, "text/xml");
   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");
-  it(c, s);
+  st(c, s);
   const u = c.querySelector(":scope > Wrapper");
   if (u) {
-    const g = L(u.querySelector("VASTAdTagURI"));
+    const g = S(u.querySelector("VASTAdTagURI"));
     if (!g) throw new Error("VAST wrapper without VASTAdTagURI");
-    return z(o, g, e, i + 1, s);
+    return z(l, g, e, i + 1, s);
   }
   const p = c.querySelector(":scope > InLine");
   if (!p) throw new Error("VAST ad has neither InLine nor Wrapper");
   const m = p.querySelector("Creatives > Creative > Linear");
   if (!m) throw new Error("VAST ad has no Linear creative");
-  const b = st(m);
-  if (!b) throw new Error("VAST ad has no playable MediaFile");
+  const y = nt(m);
+  if (!y) throw new Error("VAST ad has no playable MediaFile");
   return {
-    roll: o.roll,
-    mediaUrl: b.url,
-    mediaType: b.type,
-    clickThrough: L(m.querySelector("VideoClicks > ClickThrough")) ?? o.clickUrl,
-    duration: N(L(m.querySelector(":scope > Duration"))),
-    skipOffset: nt(
+    roll: l.roll,
+    mediaUrl: y.url,
+    mediaType: y.type,
+    clickThrough: S(m.querySelector("VideoClicks > ClickThrough")) ?? l.clickUrl,
+    duration: N(S(m.querySelector(":scope > Duration"))),
+    skipOffset: rt(
       m.getAttribute("skipoffset"),
-      N(L(m.querySelector(":scope > Duration")))
+      N(S(m.querySelector(":scope > Duration")))
     ),
     impressions: s.impressions,
     tracking: s.tracking,
-    adTitle: L(p.querySelector(":scope > AdTitle")) ?? void 0
+    adTitle: S(p.querySelector(":scope > AdTitle")) ?? void 0
   };
 }
-function it(o, t) {
+function st(l, t) {
   var e, i;
-  for (const s of o.querySelectorAll("Impression")) {
-    const n = L(s);
+  for (const s of l.querySelectorAll("Impression")) {
+    const n = S(s);
     n && t.impressions.push(n);
   }
-  for (const s of o.querySelectorAll("Linear > TrackingEvents > Tracking")) {
-    const n = s.getAttribute("event"), r = L(s);
+  for (const s of l.querySelectorAll("Linear > TrackingEvents > Tracking")) {
+    const n = s.getAttribute("event"), r = S(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 = L(s);
+  for (const s of l.querySelectorAll("Linear > VideoClicks > ClickTracking")) {
+    const n = S(s);
     n && ((i = t.tracking).click ?? (i.click = [])).push(n);
   }
 }
-function st(o) {
-  const e = [...o.querySelectorAll("MediaFiles > MediaFile")].map((r) => ({
-    url: L(r) ?? "",
+function nt(l) {
+  const e = [...l.querySelectorAll("MediaFiles > MediaFile")].map((r) => ({
+    url: S(r) ?? "",
     type: r.getAttribute("type") ?? void 0,
     delivery: r.getAttribute("delivery") ?? "",
     bitrate: Number(r.getAttribute("bitrate") ?? 0),
@@ -235,33 +235,33 @@ function st(o) {
     (r) => !r.type || /(video\/(mp4|webm|ogg)|application\/(x-mpegurl|vnd\.apple\.mpegurl))/i.test(r.type)
   );
   if (e.length === 0) return null;
-  e.sort((r, l) => r.bitrate - l.bitrate);
+  e.sort((r, a) => r.bitrate - a.bitrate);
   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 N(o) {
-  if (!o) return;
-  const t = o.trim().match(/^(?:(\d+):)?(\d{1,2}):(\d{2})(?:\.(\d{1,3}))?$/);
+function N(l) {
+  if (!l) return;
+  const t = l.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 nt(o, t) {
-  if (!o) return;
-  const e = o.trim().match(/^(\d+(?:\.\d+)?)%$/);
-  return e ? t !== void 0 ? Number(e[1]) / 100 * t : void 0 : N(o);
+function rt(l, t) {
+  if (!l) return;
+  const e = l.trim().match(/^(\d+(?:\.\d+)?)%$/);
+  return e ? t !== void 0 ? Number(e[1]) / 100 * t : void 0 : N(l);
 }
-function T(o) {
-  if (o)
-    for (const t of o)
+function M(l) {
+  if (l)
+    for (const t of l)
       try {
         new Image().src = t;
       } catch {
       }
 }
-function L(o) {
-  return o?.textContent?.trim().replace(/^<!\[CDATA\[|\]\]>$/g, "").trim() || null;
+function S(l) {
+  return l?.textContent?.trim().replace(/^<!\[CDATA\[|\]\]>$/g, "").trim() || null;
 }
-class rt {
+class ot {
   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,
@@ -280,7 +280,7 @@ class rt {
    */
   ensureAdVideo() {
     if (!this.adVideo) {
-      this.adVideo = a("video", "imp-ad__video", { playsinline: "" });
+      this.adVideo = o("video", "imp-ad__video", { playsinline: "" });
       try {
         this.adVideo.load();
       } catch {
@@ -328,11 +328,11 @@ class rt {
       for (const n of t) {
         this.playedRolls.add(n);
         try {
-          const r = await et(n, this.opts);
+          const r = await it(n, this.opts);
           await this.playAd(r);
         } catch (r) {
-          const l = r instanceof Error ? r : new Error(String(r));
-          this.host.emitter.emit("aderror", { roll: n, error: l });
+          const a = r instanceof Error ? r : new Error(String(r));
+          this.host.emitter.emit("aderror", { roll: n, error: a });
         }
         if (this.destroyed) return;
       }
@@ -345,28 +345,28 @@ class rt {
   }
   playAd(t) {
     return new Promise((e) => {
-      const { labels: i } = this.host, s = a("div", "imp-ad"), n = this.ensureAdVideo(), r = new AbortController(), l = r.signal;
+      const { labels: i } = this.host, s = o("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 = a("div", "imp-spinner imp-ad__spinner"), c = a("div", "imp-ad__hud"), u = a("span", "imp-ad__badge");
+      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 p = a("span", "imp-ad__countdown");
+      const p = o("span", "imp-ad__countdown");
       c.append(u, p);
-      const m = a("div", "imp-ad__actions");
-      let b = null;
-      t.clickThrough && (b = a("button", "imp-ad__visit", { type: "button" }), b.textContent = i.visitAdvertiser, m.append(b));
-      const g = a("button", "imp-ad__skip", { type: "button" });
+      const m = o("div", "imp-ad__actions");
+      let y = null;
+      t.clickThrough && (y = o("button", "imp-ad__visit", { type: "button" }), y.textContent = i.visitAdvertiser, m.append(y));
+      const g = o("button", "imp-ad__skip", { type: "button" });
       g.hidden = !0, m.append(g), s.append(n, h, c, m), this.host.container.append(s), this.layer = s;
-      const B = t.skipOffset ?? this.opts.skipDelay, d = /* @__PURE__ */ new Set(), y = (k) => {
-        d.has(k) || (d.add(k), T(t.tracking[k]));
+      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;
+      let A = Date.now(), V = -1;
       const j = setInterval(() => {
         if (n.paused) {
           A = Date.now();
           return;
         }
-        if (n.currentTime !== F) {
-          F = n.currentTime, A = Date.now();
+        if (n.currentTime !== V) {
+          V = n.currentTime, A = Date.now();
           return;
         }
         Date.now() - A >= this.opts.mediaTimeout && (this.host.emitter.emit("aderror", {
@@ -376,38 +376,38 @@ class rt {
       }, 500), R = () => {
         clearInterval(j), r.abort(), n.pause(), n.removeAttribute("src"), n.load(), s.remove(), this.layer = null, e();
       }, H = (k) => {
-        k ? (y("skip"), this.host.emitter.emit("adskip", { ad: t })) : y("complete"), this.host.emitter.emit("adend", { ad: t }), R();
+        k ? (b("skip"), this.host.emitter.emit("adskip", { ad: t })) : b("complete"), this.host.emitter.emit("adend", { ad: t }), R();
       };
       n.addEventListener("playing", () => {
-        T(t.impressions), y("start"), this.host.emitter.emit("adstart", { ad: t });
-      }, { once: !0, signal: l }), n.addEventListener("playing", () => {
+        M(t.impressions), b("start"), this.host.emitter.emit("adstart", { ad: t });
+      }, { once: !0, signal: a }), n.addEventListener("playing", () => {
         h.hidden = !0;
-      }, { signal: l }), n.addEventListener("waiting", () => {
+      }, { signal: a }), n.addEventListener("waiting", () => {
         h.hidden = !1;
-      }, { signal: l }), n.addEventListener("timeupdate", () => {
-        const k = n.currentTime, _ = n.duration;
-        if (Number.isFinite(_) && _ > 0 && (p.textContent = x(Math.max(0, _ - k)), k / _ >= 0.25 && y("firstQuartile"), k / _ >= 0.5 && y("midpoint"), k / _ >= 0.75 && y("thirdQuartile")), B >= 0) {
-          const D = Math.ceil(B - k);
+      }, { signal: a }), n.addEventListener("timeupdate", () => {
+        const k = n.currentTime, L = n.duration;
+        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 ? (g.hidden = !1, g.disabled = !0, g.textContent = `${i.skipAdIn} ${D}`) : (g.hidden = !1, g.disabled = !1, g.textContent = i.skipAd);
         }
-      }, { signal: l }), n.addEventListener("ended", () => H(!1), { signal: l }), n.addEventListener("error", () => {
+      }, { signal: a }), n.addEventListener("ended", () => H(!1), { signal: a }), n.addEventListener("error", () => {
         this.host.emitter.emit("aderror", {
           roll: { roll: t.roll },
           error: new Error("Ad media failed to play")
         }), R();
-      }, { signal: l }), g.addEventListener("click", () => H(!0));
+      }, { signal: a }), g.addEventListener("click", () => H(!0));
       const O = () => {
-        t.clickThrough && (y("click"), this.host.emitter.emit("adclick", { ad: t }), window.open(t.clickThrough, "_blank", "noopener"), n.pause());
+        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 }), b?.addEventListener("click", O);
+      n.addEventListener("click", O, { signal: a }), y?.addEventListener("click", O);
       let Z = !1, C = !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, T(t.tracking.pause), this.host.emitter.emit("adpause", { ad: t })));
-      }, { signal: l }), n.addEventListener("play", () => {
-        s.classList.remove("imp-ad--paused"), C && (C = !1, T(t.tracking.resume), this.host.emitter.emit("adresume", { ad: t }));
-      }, { signal: l }), s.addEventListener("click", (k) => {
+      }, { once: !0, signal: a }), 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 })));
+      }, { signal: a }), n.addEventListener("play", () => {
+        s.classList.remove("imp-ad--paused"), C && (C = !1, M(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(() => {
         });
       }), n.play().catch(() => {
@@ -423,8 +423,8 @@ class rt {
     this.destroyed = !0, this.adVideo?.pause(), this.layer?.remove(), this.layer = null, this.adVideo = null;
   }
 }
-function ot(o, t) {
-  const e = [...o].sort((s, n) => s.start - n.start), i = [];
+function W(l, t) {
+  const e = [...l].sort((s, n) => s.start - n.start), i = [];
   for (let s = 0; s < e.length; s++) {
     const n = Math.max(0, e[s].start);
     if (Number.isFinite(t) && n >= t) continue;
@@ -433,41 +433,41 @@ function ot(o, t) {
   }
   return i;
 }
-async function lt(o) {
-  const t = await fetch(o);
+async function lt(l) {
+  const t = await fetch(l);
   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 }));
 }
-function U(o, t) {
-  for (const e of o)
+function U(l, t) {
+  for (const e of l)
     if (t >= e.start && t < e.end) return e;
   return null;
 }
-function at(o, t) {
-  return t ? /application\/(x-mpegurl|vnd\.apple\.mpegurl)/i.test(t) : /\.m3u8(\?|#|$)/i.test(o);
+function at(l, t) {
+  return t ? /application\/(x-mpegurl|vnd\.apple\.mpegurl)/i.test(t) : /\.m3u8(\?|#|$)/i.test(l);
 }
-let S;
+let _;
 async function ht() {
-  if (S !== void 0) return S;
-  const o = globalThis.Hls;
-  if (o)
-    return S = o, S;
+  if (_ !== void 0) return _;
+  const l = globalThis.Hls;
+  if (l)
+    return _ = l, _;
   try {
-    S = (await import("hls.js/light")).default;
+    _ = (await import("hls.js/light")).default;
   } catch {
-    S = null;
+    _ = null;
   }
-  return S;
+  return _;
 }
-async function ct(o, t, e, i) {
+async function ct(l, t, e, i) {
   if (at(t, e)) {
-    const s = o.canPlayType("application/vnd.apple.mpegurl"), n = s ? null : await ht();
-    return n && n.isSupported() ? dt(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));
+    const s = l.canPlayType("application/vnd.apple.mpegurl"), n = s ? null : await ht();
+    return n && n.isSupported() ? dt(n, l, t, i) : s ? (l.src = t, $(l)) : (i.onError("HLS is not supported in this browser and hls.js could not be loaded."), $(l));
   }
-  return o.src = t, q(o);
+  return l.src = t, $(l);
 }
-function q(o) {
+function $(l) {
   return {
     kind: "native",
     levels: [],
@@ -475,12 +475,12 @@ function q(o) {
     setLevel() {
     },
     destroy() {
-      o.removeAttribute("src"), o.load();
+      l.removeAttribute("src"), l.load();
     }
   };
 }
-function dt(o, t, e, i) {
-  const s = new o({ enableWorker: !0 }), n = {
+function dt(l, t, e, i) {
+  const s = new l({ enableWorker: !0 }), n = {
     kind: "hls",
     levels: [],
     selected: -1,
@@ -491,30 +491,30 @@ function dt(o, t, e, i) {
       s.destroy(), t.removeAttribute("src"), t.load();
     }
   };
-  s.on(o.Events.MANIFEST_PARSED, () => {
+  s.on(l.Events.MANIFEST_PARSED, () => {
     n.levels = s.levels.map((h, c) => ({
       index: c,
       label: h.height ? `${h.height}p` : `${Math.round(h.bitrate / 1e3)} kbps`
     })).reverse(), i.onLevels(n.levels);
-  }), s.on(o.Events.LEVEL_SWITCHED, (h, c) => {
+  }), s.on(l.Events.LEVEL_SWITCHED, (h, c) => {
     const u = s.levels[c.level];
     u && i.onLevelSwitch(u.height ? `${u.height}p` : `${Math.round(u.bitrate / 1e3)} kbps`);
   });
-  let r = 0, l = !1;
-  return s.on(o.Events.ERROR, (h, c) => {
+  let r = 0, a = !1;
+  return s.on(l.Events.ERROR, (h, c) => {
     if (c.fatal)
       switch (c.type) {
-        case o.ErrorTypes.NETWORK_ERROR:
+        case l.ErrorTypes.NETWORK_ERROR:
           s.startLoad();
           break;
-        case o.ErrorTypes.MEDIA_ERROR:
+        case l.ErrorTypes.MEDIA_ERROR:
           r < 3 ? (r++, s.recoverMediaError()) : (i.onError(`HLS media error: ${c.details}`, c), s.destroy());
           break;
         default:
-          if (l)
+          if (a)
             i.onError(`HLS fatal error: ${c.details}`, c), s.destroy();
           else {
-            l = !0;
+            a = !0;
             try {
               s.loadSource(e), s.startLoad();
             } catch {
@@ -524,7 +524,7 @@ function dt(o, t, e, i) {
       }
   }), s.loadSource(e), s.attachMedia(t), n;
 }
-class I {
+class F {
   constructor(t) {
     this.cues = t;
   }
@@ -533,16 +533,16 @@ class I {
     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)) {
-      const [r, l] = n.text.trim().split("#");
+      const [r, a] = n.text.trim().split("#");
       if (!r) continue;
       const h = {
         start: n.start,
         end: n.end,
-        src: G(r, t)
-      }, c = l?.match(/xywh=(\d+),(\d+),(\d+),(\d+)/);
+        src: X(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 I(s);
+    return s.sort((n, r) => n.start - r.start), new F(s);
   }
   cueAt(t) {
     let e = 0, i = this.cues.length - 1;
@@ -556,9 +556,9 @@ class I {
   }
 }
 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>';
-class E {
+class B {
   constructor(t) {
-    this.anchor = t, this.outsideListener = null, this.root = a("div", "imp-menu"), this.root.hidden = !0, this.backdrop = a("div", "imp-menu__backdrop"), this.backdrop.hidden = !0, this.backdrop.addEventListener("pointerdown", (e) => {
+    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) => {
       e.preventDefault(), this.close();
     }), t.append(this.backdrop);
   }
@@ -583,38 +583,57 @@ class E {
   }
   renderSettingsRoot(t) {
     this.root.textContent = "";
-    const e = a("div", "imp-menu__section");
+    const e = o("div", "imp-menu__section");
     for (const i of t) {
-      const s = a("button", "imp-menu__item imp-menu__row", { type: "button" }), n = a("span", "imp-menu__label");
+      if (i.toggle) {
+        e.append(this.buildToggleRow(i, i.toggle));
+        continue;
+      }
+      const s = o("button", "imp-menu__item imp-menu__row", { type: "button" }), n = o("span", "imp-menu__label");
       n.textContent = i.label;
-      const r = a("span", "imp-menu__value");
-      r.textContent = i.value;
-      const l = a("span", "imp-menu__chevron");
-      l.innerHTML = ut, s.append(n, r, l), s.addEventListener("click", () => this.renderSettingsDetail(t, i)), e.append(s);
+      const r = o("span", "imp-menu__value");
+      r.textContent = i.value ?? "";
+      const a = o("span", "imp-menu__chevron");
+      a.innerHTML = ut, s.append(n, r, a), s.addEventListener("click", () => this.renderSettingsDetail(t, i)), e.append(s);
     }
     this.root.append(e);
   }
+  /** Toggle row: label + an on/off switch. Stays in the menu (no close). */
+  buildToggleRow(t, e) {
+    const i = o("button", "imp-menu__item imp-menu__row imp-menu__toggle", {
+      type: "button",
+      role: "switch",
+      "aria-checked": String(e.value)
+    }), s = o("span", "imp-menu__label");
+    s.textContent = t.label;
+    const n = o("span", "imp-switch");
+    return n.append(o("span", "imp-switch__knob")), i.classList.toggle("imp-menu__toggle--on", e.value), i.append(s, n), i.addEventListener("click", () => {
+      const r = i.getAttribute("aria-checked") !== "true";
+      i.setAttribute("aria-checked", String(r)), i.classList.toggle("imp-menu__toggle--on", r), e.onChange(r);
+    }), i;
+  }
   renderSettingsDetail(t, e) {
+    if (!e.section) return;
     this.root.textContent = "";
-    const i = a("button", "imp-menu__item imp-menu__back", { type: "button" }), s = a("span", "imp-menu__chevron");
+    const i = o("button", "imp-menu__item imp-menu__back", { type: "button" }), s = o("span", "imp-menu__chevron");
     s.innerHTML = pt;
-    const n = a("span", "imp-menu__label");
+    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;
   }
   /** Build one option block (radio items) from a section. */
   renderSection(t) {
-    const e = a("div", "imp-menu__section");
+    const e = o("div", "imp-menu__section");
     if (t.title) {
-      const i = a("div", "imp-menu__title");
+      const i = o("div", "imp-menu__title");
       i.textContent = t.title, e.append(i);
     }
     for (const i of t.items) {
-      const s = a("button", "imp-menu__item", { type: "button", role: "menuitemradio" });
+      const s = o("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 = a("span", "imp-menu__icon");
-        i.icon.trimStart().startsWith("<svg") ? r.innerHTML = i.icon : r.append(a("img", "", { src: i.icon, alt: "" })), s.append(r);
+        const r = o("span", "imp-menu__icon");
+        i.icon.trimStart().startsWith("<svg") ? r.innerHTML = i.icon : r.append(o("img", "", { src: i.icon, alt: "" })), s.append(r);
       }
-      const n = a("span", "imp-menu__label");
+      const n = o("span", "imp-menu__label");
       n.textContent = i.label, s.append(n), s.addEventListener("click", () => {
         t.onSelect(i.value), this.close();
       }), e.append(s);
@@ -639,7 +658,7 @@ class E {
 }
 class mt {
   constructor(t) {
-    this.cb = t, this.segments = [], this.duration = 0, this.chapters = [], this.thumbnails = null, this.scrubbing = !1, this.root = a("div", "imp-progress", { role: "slider", "aria-label": "Seek", tabindex: "-1" }), this.buffered = a("div", "imp-progress__buffered"), this.track = a("div", "imp-progress__track"), this.handle = a("div", "imp-progress__handle"), this.tooltipThumb = a("div", "imp-progress__thumb"), this.tooltipChapter = a("div", "imp-progress__tooltip-chapter"), this.tooltipTime = a("div", "imp-progress__tooltip-time"), this.tooltip = a("div", "imp-progress__tooltip"), this.tooltip.append(this.tooltipThumb, this.tooltipChapter, this.tooltipTime), this.heatmap = a("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();
+    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();
   }
   /** Render the popularity curve (empty array hides it). */
   setHeatmap(t) {
@@ -647,7 +666,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="${tt(t)}"/></svg>`, this.heatmap.hidden = !1;
+    this.heatmap.innerHTML = `<svg viewBox="0 0 1000 100" preserveAspectRatio="none" aria-hidden="true"><path d="${et(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([]);
@@ -660,10 +679,10 @@ class mt {
       n.start > s && i.push({ start: s, end: n.start, title: "" }), i.push(n), s = n.end;
     this.duration > 0 && s < this.duration && i.push({ start: s, end: this.duration, title: "" });
     for (const n of i) {
-      const r = a("div", "imp-progress__segment");
+      const r = o("div", "imp-progress__segment");
       r.style.flexGrow = String(Math.max(n.end - n.start, 0.01));
-      const l = a("div", "imp-progress__fill");
-      r.append(l), this.track.append(r), this.segments.push({ chapter: n, root: r, fill: l });
+      const a = o("div", "imp-progress__fill");
+      r.append(a), this.track.append(r), this.segments.push({ chapter: n, root: r, fill: a });
     }
   }
   setThumbnails(t) {
@@ -705,8 +724,8 @@ class mt {
     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");
-    const n = this.root.getBoundingClientRect(), r = w(t.clientX - n.left, 0, n.width), l = this.tooltip.offsetWidth / 2;
-    this.tooltip.style.left = `${w(r, l, Math.max(l, n.width - l))}px`;
+    const n = this.root.getBoundingClientRect(), r = w(t.clientX - n.left, 0, n.width), a = this.tooltip.offsetWidth / 2;
+    this.tooltip.style.left = `${w(r, a, Math.max(a, n.width - a))}px`;
   }
   hideTooltip() {
     this.tooltip.classList.remove("imp-progress__tooltip--visible");
@@ -714,9 +733,9 @@ class mt {
 }
 class vt {
   constructor(t) {
-    this.player = t, 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.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;
+    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 = a("div", "imp-controls"), this.progress = new mt({
+    this.root = o("div", "imp-controls"), this.progress = new mt({
       onSeek: (d) => t.seek(d),
       onScrubStart: () => {
         this.wasPlayingBeforeScrub = !t.paused, t.pause();
@@ -725,16 +744,16 @@ class vt {
         this.wasPlayingBeforeScrub && t.play();
       }
     }), s.progress && this.root.append(this.progress.root);
-    const n = a("div", "imp-controls__row");
+    const n = o("div", "imp-controls__row");
     this.row = n, this.root.append(n);
-    const r = a("div", "imp-controls__group"), l = a("div", "imp-controls__group");
-    this.rightGroup = l;
-    const h = a("div", "imp-controls__spacer");
-    this.chapterLabel = a("div", "imp-controls__chapter"), n.append(r, h, l), h.append(this.chapterLabel);
+    const r = o("div", "imp-controls__group"), a = o("div", "imp-controls__group");
+    this.rightGroup = a;
+    const h = o("div", "imp-controls__spacer");
+    this.chapterLabel = o("div", "imp-controls__chapter"), n.append(r, h, a), h.append(this.chapterLabel);
     const c = typeof s.seekButtons == "object" ? s.seekButtons : {}, u = c.back ?? t.seekStep, p = c.forward ?? t.seekStep;
-    if (s.playlist && t.hasPlaylist && !s.hidePrev && (this.prevBtn = f("imp-btn--prev", e.previous, i.previous), this.prevBtn.addEventListener("click", () => t.previous()), r.append(this.prevBtn)), s.seekButtons && (this.seekBackBtn = f("imp-btn--seek-back", `${e.seekBack} ${u}s`, i.seekBack), this.addStepBadge(this.seekBackBtn, u), this.seekBackBtn.addEventListener("click", () => t.skip(-u)), r.append(this.seekBackBtn)), s.play && (this.playBtn = f("imp-btn--play", e.play, i.play), this.playBtn.addEventListener("click", () => t.togglePlay()), r.append(this.playBtn)), s.seekButtons && (this.seekFwdBtn = f("imp-btn--seek-forward", `${e.seekForward} ${p}s`, i.seekForward), this.addStepBadge(this.seekFwdBtn, p), this.seekFwdBtn.addEventListener("click", () => t.skip(p)), r.append(this.seekFwdBtn)), s.playlist && t.hasPlaylist && (this.nextBtn = f("imp-btn--next", e.next, i.next), this.nextBtn.addEventListener("click", () => t.next()), r.append(this.nextBtn)), s.volume) {
-      const d = a("div", "imp-volume");
-      this.muteBtn = f("imp-btn--mute", e.mute, i.volumeHigh), this.muteBtn.addEventListener("click", () => t.toggleMute()), this.volumeSlider = a("input", "imp-volume__slider", {
+    if (this.seekLabelFn = c.label, s.playlist && t.hasPlaylist && !s.hidePrev && (this.prevBtn = f("imp-btn--prev", e.previous, i.previous), this.prevBtn.addEventListener("click", () => t.previous()), r.append(this.prevBtn)), s.seekButtons && (this.seekBackBtn = f("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 = f("imp-btn--play", e.play, i.play), this.playBtn.addEventListener("click", () => t.togglePlay()), r.append(this.playBtn)), s.seekButtons && (this.seekFwdBtn = f("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 = f("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 = f("imp-btn--mute", e.mute, i.volumeHigh), this.muteBtn.addEventListener("click", () => t.toggleMute()), this.volumeSlider = o("input", "imp-volume__slider", {
         type: "range",
         min: "0",
         max: "1",
@@ -744,22 +763,22 @@ class vt {
         t.setVolume(Number(this.volumeSlider.value));
       }), d.append(this.muteBtn, this.volumeSlider), r.append(d);
     }
-    s.time && (this.timeLabel = a("div", "imp-controls__time"), this.liveBadge = a("span", "imp-controls__live"), this.liveBadge.textContent = e.live, this.liveBadge.hidden = !0, r.append(this.timeLabel, this.liveBadge)), this.buildLikeDislike(l);
-    for (const d of (t.actionsOptions.custom ?? []).filter((y) => y.placement === "bar")) {
-      const y = f(`imp-btn--custom imp-btn--custom-${d.id}`, d.title, d.icon ?? i.more);
-      y.addEventListener("click", () => t.emit("customaction", { id: d.id })), l.append(y), this.registerCollapsible({
+    s.time && (this.timeLabel = o("div", "imp-controls__time"), this.liveBadge = o("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 = f(`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({
         key: `custom:${d.id}`,
-        el: y,
+        el: b,
         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", b = m(s.subtitles), g = m(s.quality), B = m(s.speed);
-    if (this.gear = { speed: B === "gear", quality: g === "gear", subtitles: b === "gear" }, b === "bar") {
-      this.subtitlesBtn = f("imp-btn--subtitles", e.subtitles, i.subtitles), this.subtitlesMenu = new E(this.subtitlesBtn);
-      const d = a("div", "imp-controls__menu-anchor");
-      d.append(this.subtitlesBtn, this.subtitlesMenu.root), this.subtitlesBtn.addEventListener("click", () => this.toggleSubtitlesMenu()), l.append(d), this.registerCollapsible({
+    const m = (d) => d === !1 ? "off" : d === "bar" ? "bar" : "gear", y = m(s.subtitles), g = m(s.quality), T = m(s.speed);
+    if (this.gear = { speed: T === "gear", quality: g === "gear", subtitles: y === "gear" }, y === "bar") {
+      this.subtitlesBtn = f("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({
         key: "subtitles",
         el: d,
         priority: 30,
@@ -768,9 +787,9 @@ class vt {
       });
     }
     if (g === "bar") {
-      this.qualityBtn = f("imp-btn--quality", e.quality, i.settings), this.qualityMenu = new E(this.qualityBtn);
-      const d = a("div", "imp-controls__menu-anchor");
-      d.append(this.qualityBtn, this.qualityMenu.root), this.qualityBtn.addEventListener("click", () => this.toggleQualityMenu()), l.append(d), this.registerCollapsible({
+      this.qualityBtn = f("imp-btn--quality", e.quality, i.settings), this.qualityMenu = new B(this.qualityBtn);
+      const d = o("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",
         el: d,
         priority: 10,
@@ -778,10 +797,10 @@ class vt {
         section: () => this.qualitySection()
       });
     }
-    if (B === "bar") {
-      this.settingsBtn = f("imp-btn--speed", e.speed, i.speed), this.settingsMenu = new E(this.settingsBtn);
-      const d = a("div", "imp-controls__menu-anchor");
-      d.append(this.settingsBtn, this.settingsMenu.root), this.settingsBtn.addEventListener("click", () => this.toggleSettingsMenu()), l.append(d), this.registerCollapsible({
+    if (T === "bar") {
+      this.settingsBtn = f("imp-btn--speed", e.speed, i.speed), this.settingsMenu = new B(this.settingsBtn);
+      const d = o("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",
         el: d,
         priority: 40,
@@ -789,15 +808,26 @@ class vt {
         section: () => this.speedSection()
       });
     }
-    if (s.scenes && (this.scenesBtn = f("imp-btn--scenes", e.scenes, i.scenes), this.scenesBtn.addEventListener("click", () => t.toggleScenesPanel()), l.append(this.scenesBtn), this.registerCollapsible({
+    if (s.scenes && (this.scenesBtn = f("imp-btn--scenes", e.scenes, i.scenes), this.scenesBtn.addEventListener("click", () => t.toggleScenesPanel()), this.rightItems.set("scenes", this.scenesBtn), this.registerCollapsible({
       key: "scenes",
       el: this.scenesBtn,
       priority: 25,
       available: () => t.chapterList.length > 0,
       section: () => this.simpleSection("scenes", e.scenes, i.scenes, () => t.toggleScenesPanel())
-    })), s.playlist && t.hasPlaylist) {
+    })), s.sceneTypes !== !1) {
+      this.sceneTypeBtn = o("button", "imp-btn imp-btn--scene-types", { type: "button" }), this.sceneTypeMenu = new B(this.sceneTypeBtn);
+      const d = o("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",
+        el: d,
+        priority: 26,
+        available: () => t.sceneTypes.length > 0,
+        section: () => this.sceneTypeSection()
+      });
+    }
+    if (s.playlist && t.hasPlaylist) {
       const d = f("imp-btn--list", e.playlist, i.list);
-      d.addEventListener("click", () => t.togglePlaylistPanel()), l.append(d), this.registerCollapsible({
+      d.addEventListener("click", () => t.togglePlaylistPanel()), this.rightItems.set("playlist", d), this.registerCollapsible({
         key: "list",
         el: d,
         priority: 50,
@@ -807,7 +837,7 @@ class vt {
     }
     if (s.pip && "requestPictureInPicture" in HTMLVideoElement.prototype) {
       const d = f("imp-btn--pip", e.pip, i.pip);
-      d.addEventListener("click", () => void t.togglePip()), l.append(d), this.registerCollapsible({
+      d.addEventListener("click", () => void t.togglePip()), this.rightItems.set("pip", d), this.registerCollapsible({
         key: "pip",
         el: d,
         priority: 20,
@@ -815,7 +845,7 @@ class vt {
         section: () => this.simpleSection("pip", e.pip, i.pip, () => void t.togglePip())
       });
     }
-    if (s.fullscreen && (this.fullscreenBtn = f("imp-btn--fullscreen", e.fullscreen, i.fullscreen), this.fullscreenBtn.addEventListener("click", () => void t.toggleFullscreen()), l.append(this.fullscreenBtn)), this.prevBtn && this.registerCollapsible({
+    if (s.fullscreen && (this.fullscreenBtn = f("imp-btn--fullscreen", e.fullscreen, i.fullscreen), this.fullscreenBtn.addEventListener("click", () => void t.toggleFullscreen()), this.rightItems.set("fullscreen", this.fullscreenBtn)), this.prevBtn && this.registerCollapsible({
       key: "prev",
       el: this.prevBtn,
       priority: 70,
@@ -847,18 +877,18 @@ class vt {
         section: () => this.simpleSection("seekFwd", `${e.seekForward} ${p}s`, i.seekForward, () => t.skip(p))
       });
     }
-    if (this.center = a("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) {
+    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) {
       const d = this.makeCenterButton("seek-back", `${e.seekBack} ${u}s`, i.seekBack);
-      this.addStepBadge(d, u), d.addEventListener("click", () => t.skip(-u)), this.center.append(d);
+      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} ${p}s`, i.seekForward);
-      this.addStepBadge(d, p), d.addEventListener("click", () => t.skip(p)), this.center.append(d);
+      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 = f("imp-btn--settings", e.settings, i.settings), this.gearMenu = new E(this.gearBtn);
-      const d = a("div", "imp-controls__menu-anchor");
-      d.append(this.gearBtn, this.gearMenu.root), this.gearBtn.addEventListener("click", () => this.toggleGearMenu()), l.append(d), this.registerCollapsible({
+      this.gearBtn = f("imp-btn--settings", e.settings, i.settings), this.gearMenu = new B(this.gearBtn);
+      const d = o("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",
         el: d,
         priority: 40,
@@ -866,20 +896,40 @@ class vt {
         section: () => this.gearSections()
       });
     }
-    this.buildMoreDropdown(l), this.bind(), this.syncVolume(), this.syncPlayState(), this.setLikeState(t.actionsOptions.likeState ?? null), typeof ResizeObserver < "u" && (this.resizeObserver = new ResizeObserver(() => this.scheduleReflow()), this.resizeObserver.observe(t.container)), this.onWindowResize = () => this.scheduleReflow(), window.addEventListener("resize", this.onWindowResize);
+    this.layoutRightCluster(a), this.buildMoreDropdown(a), this.bind(), this.syncVolume(), this.syncPlayState(), this.setLikeState(t.actionsOptions.likeState ?? null), typeof ResizeObserver < "u" && (this.resizeObserver = new ResizeObserver(() => this.scheduleReflow()), this.resizeObserver.observe(t.container)), this.onWindowResize = () => this.scheduleReflow(), window.addEventListener("resize", this.onWindowResize);
   }
   registerCollapsible(t) {
     this.collapsibles.push(t);
   }
+  /**
+   * Append the right-cluster controls. Built-in order = creation order; if
+   * `controls.order` is set, its keys go first (in that order), then any
+   * unlisted controls keep their default position. (⋯ is appended separately.)
+   */
+  layoutRightCluster(t) {
+    const e = [...this.rightItems.keys()], i = this.player.controlsOptions.order;
+    let s = e;
+    if (i.length > 0) {
+      const n = /* @__PURE__ */ new Set();
+      s = [];
+      for (const r of i)
+        this.rightItems.has(r) && !n.has(r) && (s.push(r), n.add(r));
+      for (const r of e) n.has(r) || s.push(r);
+    }
+    for (const n of s) {
+      const r = this.rightItems.get(n);
+      r && t.append(r);
+    }
+  }
   /** Center-cluster button — deliberately NOT `.imp-btn` (own sizing/look). */
   makeCenterButton(t, e, i) {
-    const s = a("button", `imp-center-btn imp-center-btn--${t}`, { type: "button", "aria-label": e, title: e });
+    const s = o("button", `imp-center-btn imp-center-btn--${t}`, { type: "button", "aria-label": e, title: e });
     return s.innerHTML = i, s;
   }
-  /** Overlay the seek step value (e.g. "15") inside the circular-arrow icon. */
-  addStepBadge(t, e) {
-    const i = a("span", "imp-seek-num");
-    i.textContent = String(e), t.append(i);
+  /** Caption under the seek arrow. Default "−15s"/"+15s"; overridable via `controls.seekButtons.label`. */
+  addStepBadge(t, e, i) {
+    const s = o("span", "imp-seek-num");
+    s.textContent = this.seekLabelFn ? this.seekLabelFn(e, i) : `${i === "back" ? "−" : "+"}${e}${this.player.labels.secondsShort}`, t.append(s);
   }
   // === gear (unified settings) ==========================================
   /** Sections for the gear when overflowed into ⋯ (expanded, no drill-down). */
@@ -890,7 +940,11 @@ class vt {
   /** Gear drill-down rows: one per setting, each showing its current value. */
   gearEntries() {
     const t = this.player, e = [];
-    if (this.gear.quality && t.qualityLevels.length > 0) {
+    if (t.hasPlaylist && e.push({
+      key: "autoplay",
+      label: t.labels.autoplay,
+      toggle: { value: t.autoAdvance, onChange: (i) => t.setAutoAdvance(i) }
+    }), this.gear.quality && t.qualityLevels.length > 0) {
       const i = t.currentQuality === -1 ? t.labels.qualityAuto : t.qualityLevels.find((s) => s.index === t.currentQuality)?.label ?? t.labels.qualityAuto;
       e.push({ key: "quality", label: t.labels.quality, value: i, section: () => this.qualitySection() });
     }
@@ -904,6 +958,38 @@ class vt {
     }
     return e;
   }
+  // === scene types ======================================================
+  /** Update the scene-type button to the active group's icon + title. */
+  refreshSceneTypeButton() {
+    const t = this.sceneTypeBtn;
+    if (!t) return;
+    const e = this.player.activeSceneType;
+    if (t.textContent = "", !e) return;
+    if (e.icon) {
+      const s = o("span", "imp-scene-type__icon");
+      e.icon.trimStart().startsWith("<svg") ? s.innerHTML = e.icon : s.append(o("img", "", { src: e.icon, alt: "" })), t.append(s);
+    }
+    const i = o("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;
+  }
+  sceneTypeSection() {
+    const t = this.player;
+    return {
+      title: t.labels.sceneTypes,
+      items: t.sceneTypes.map((e) => ({
+        label: e.title,
+        value: e.id,
+        icon: e.icon,
+        active: e.id === (t.activeSceneType?.id ?? "")
+      })),
+      onSelect: (e) => {
+        t.setSceneGroup(e), this.refreshSceneTypeButton();
+      }
+    };
+  }
+  toggleSceneTypeMenu() {
+    !this.sceneTypeMenu || this.player.sceneTypes.length === 0 || (this.closeMenus(this.sceneTypeMenu), this.sceneTypeMenu.toggle([this.sceneTypeSection()]));
+  }
   toggleGearMenu() {
     if (!this.gearMenu) return;
     const t = this.gearEntries();
@@ -919,7 +1005,7 @@ class vt {
       title: i.title ?? !0,
       duration: i.duration ?? !0,
       meta: i.meta ?? !0
-    }, this.nextPreviewEl = a("div", "imp-next-preview"), this.nextPreviewEl.hidden = !0, t.container.append(this.nextPreviewEl), this.nextBtn && this.bindNextPreview(this.nextBtn), this.centerNextBtn && this.bindNextPreview(this.centerNextBtn);
+    }, this.nextPreviewEl = o("div", "imp-next-preview"), this.nextPreviewEl.hidden = !0, t.container.append(this.nextPreviewEl), this.nextBtn && this.bindNextPreview(this.nextBtn), this.centerNextBtn && this.bindNextPreview(this.centerNextBtn);
   }
   bindNextPreview(t) {
     t.addEventListener("pointerenter", (e) => {
@@ -932,62 +1018,62 @@ class vt {
     const s = this.player.nextSource;
     if (!s) return;
     e.textContent = "";
-    const n = a("div", "imp-next-preview__kicker");
+    const n = o("div", "imp-next-preview__kicker");
     if (n.textContent = this.player.labels.next, e.append(n), i.thumbnail && s.poster) {
-      const m = a("div", "imp-next-preview__thumb");
+      const m = o("div", "imp-next-preview__thumb");
       if (m.style.backgroundImage = `url("${s.poster}")`, i.duration && s.duration) {
-        const b = a("span", "imp-next-preview__duration");
-        b.textContent = x(s.duration), m.append(b);
+        const y = o("span", "imp-next-preview__duration");
+        y.textContent = x(s.duration), m.append(y);
       }
       e.append(m);
     }
     if (i.title && s.title) {
-      const m = a("div", "imp-next-preview__title");
+      const m = o("div", "imp-next-preview__title");
       m.textContent = s.title, e.append(m);
     }
     if (i.meta && s.previewMeta?.length) {
-      const m = a("div", "imp-next-preview__meta");
+      const m = o("div", "imp-next-preview__meta");
       m.textContent = s.previewMeta.join(" · "), e.append(m);
     }
     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`;
+    const r = this.player.container.getBoundingClientRect(), a = t.getBoundingClientRect(), h = 8, c = e.offsetWidth, u = a.left - r.left + a.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 - (a.top - r.top) + 10}px`;
   }
   hideNextPreview() {
     this.nextPreviewEl && (this.nextPreviewEl.hidden = !0);
   }
   /** like/dislike — visible buttons (collapsible), highlightable via `setLikeState`. */
-  buildLikeDislike(t) {
-    const e = this.player, i = e.actionsOptions, { labels: s, icons: n } = e;
-    if (i.like) {
-      this.likeBtn = f("imp-btn--like", s.like, n.like), this.likeBtn.addEventListener("click", () => e.emit("action", { id: "like" })), this.likeCountEl = this.attachCountTooltip(this.likeBtn, i.likeCount);
-      const r = this.wrapWithTooltip(this.likeBtn, this.likeCountEl);
-      t.append(r), this.registerCollapsible({
+  buildLikeDislike() {
+    const t = this.player, e = t.actionsOptions, { labels: i, icons: s } = t;
+    if (e.like) {
+      this.likeBtn = f("imp-btn--like", i.like, s.like), this.likeBtn.addEventListener("click", () => t.emit("action", { id: "like" })), this.likeCountEl = this.attachCountTooltip(this.likeBtn, e.likeCount);
+      const n = this.wrapWithTooltip(this.likeBtn, this.likeCountEl);
+      this.rightItems.set("like", n), this.registerCollapsible({
         key: "like",
-        el: r,
+        el: n,
         priority: 62,
         available: () => !0,
-        section: () => this.simpleSection("like", s.like, n.like, () => e.emit("action", { id: "like" }))
+        section: () => this.simpleSection("like", i.like, s.like, () => t.emit("action", { id: "like" }))
       });
     }
-    if (i.dislike) {
-      this.dislikeBtn = f("imp-btn--dislike", s.dislike, n.dislike), this.dislikeBtn.addEventListener("click", () => e.emit("action", { id: "dislike" })), this.dislikeCountEl = this.attachCountTooltip(this.dislikeBtn, i.dislikeCount);
-      const r = this.wrapWithTooltip(this.dislikeBtn, this.dislikeCountEl);
-      t.append(r), this.registerCollapsible({
+    if (e.dislike) {
+      this.dislikeBtn = f("imp-btn--dislike", i.dislike, s.dislike), this.dislikeBtn.addEventListener("click", () => t.emit("action", { id: "dislike" })), this.dislikeCountEl = this.attachCountTooltip(this.dislikeBtn, e.dislikeCount);
+      const n = this.wrapWithTooltip(this.dislikeBtn, this.dislikeCountEl);
+      this.rightItems.set("dislike", n), this.registerCollapsible({
         key: "dislike",
-        el: r,
+        el: n,
         priority: 60,
         available: () => !0,
-        section: () => this.simpleSection("dislike", s.dislike, n.dislike, () => e.emit("action", { id: "dislike" }))
+        section: () => this.simpleSection("dislike", i.dislike, s.dislike, () => t.emit("action", { id: "dislike" }))
       });
     }
   }
   attachCountTooltip(t, e) {
-    const i = a("span", "imp-count-tooltip");
+    const i = o("span", "imp-count-tooltip");
     return this.setCountText(i, e), i;
   }
   wrapWithTooltip(t, e) {
-    const i = a("div", "imp-action");
+    const i = o("div", "imp-action");
     return i.append(t, e), i;
   }
   setCountText(t, e) {
@@ -1007,20 +1093,20 @@ class vt {
     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 = f("imp-btn--more", s.more, n.more);
-    this.moreMenu = new E(r);
-    const l = a("div", "imp-controls__menu-anchor imp-controls__more");
-    l.append(r, this.moreMenu.root), r.addEventListener("click", () => {
+    this.moreMenu = new B(r);
+    const a = o("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());
-    }), t.append(l), this.moreWrap = l;
+    }), t.append(a), this.moreWrap = a;
   }
   /** ⋯ menu = overflowed controls (in display order) + consumer actions. */
   buildMoreSections() {
-    const t = [], e = /* @__PURE__ */ new Map(), i = [], s = ["prev", "next", "seekBack", "seekFwd", "like", "dislike", "scenes", "pip", "list", "subtitles", "speed", "quality", "gear"], n = (l) => {
-      const h = s.indexOf(l);
+    const t = [], e = /* @__PURE__ */ new Map(), i = [], s = ["prev", "next", "seekBack", "seekFwd", "like", "dislike", "scenes", "sceneTypes", "pip", "list", "subtitles", "speed", "quality", "gear"], n = (a) => {
+      const h = s.indexOf(a);
       return h === -1 ? s.length : h;
-    }, r = this.collapsibles.filter((l) => this.overflowed.has(l.key) && l.available()).sort((l, h) => n(l.key) - n(h.key));
-    for (const l of r) {
-      const h = l.section();
+    }, r = this.collapsibles.filter((a) => this.overflowed.has(a.key) && a.available()).sort((a, h) => n(a.key) - n(h.key));
+    for (const a of r) {
+      const h = a.section();
       if (h)
         for (const c of Array.isArray(h) ? h : [h])
           if (!c.title && c.items.length === 1) {
@@ -1029,12 +1115,12 @@ class vt {
           } else
             t.push(c);
     }
-    if (i.length > 0 && t.unshift({ title: "", items: i, onSelect: (l) => e.get(l)?.() }), this.actionItems.length > 0) {
-      const l = new Map(this.actionItems.map((h) => [h.value, h.run]));
+    if (i.length > 0 && t.unshift({ title: "", items: i, onSelect: (a) => e.get(a)?.() }), this.actionItems.length > 0) {
+      const a = new Map(this.actionItems.map((h) => [h.value, h.run]));
       t.push({
         title: "",
         items: this.actionItems.map(({ value: h, label: c, icon: u }) => ({ value: h, label: c, icon: u, active: !1 })),
-        onSelect: (h) => l.get(h)?.()
+        onSelect: (h) => a.get(h)?.()
       });
     }
     return t;
@@ -1089,26 +1175,26 @@ class vt {
   reflow() {
     const t = window.innerWidth <= 767, i = this.player.controlsOptions.seekPlacement !== "bar" || t;
     this.center.style.display = i ? "flex" : "none", this.centerPrevBtn && (this.centerPrevBtn.style.display = t ? "" : "none"), this.centerNextBtn && (this.centerNextBtn.style.display = t ? "" : "none"), this.playBtn && (this.playBtn.style.display = t ? "none" : "");
-    const s = (l) => l === "seekBack" || l === "seekFwd" ? i : l === "prev" || l === "next" ? t : !1;
+    const s = (a) => a === "seekBack" || a === "seekFwd" ? i : a === "prev" || a === "next" ? t : !1;
     this.overflowed.clear();
-    for (const l of this.collapsibles) {
-      if (s(l.key)) {
-        l.el.style.display = "none";
+    for (const a of this.collapsibles) {
+      if (s(a.key)) {
+        a.el.style.display = "none";
         continue;
       }
-      const h = l.available();
-      l.el.style.display = h ? "" : "none", l.el.classList.remove("imp-collapsed");
+      const h = a.available();
+      a.el.style.display = h ? "" : "none", a.el.classList.remove("imp-collapsed");
     }
-    const n = this.collapsibles.filter((l) => l.available() && !s(l.key)).sort((l, h) => l.priority - h.priority);
+    const n = this.collapsibles.filter((a) => a.available() && !s(a.key)).sort((a, h) => a.priority - h.priority);
     let r = n.length;
     for (; r-- > 0 && this.overflowsRow(); ) {
-      const l = n.find((h) => !this.overflowed.has(h.key));
-      if (!l) break;
-      l.el.style.display = "none", l.el.classList.add("imp-collapsed"), this.overflowed.add(l.key);
+      const a = n.find((h) => !this.overflowed.has(h.key));
+      if (!a) break;
+      a.el.style.display = "none", a.el.classList.add("imp-collapsed"), this.overflowed.add(a.key);
     }
     if (this.moreWrap) {
-      const l = this.actionItems.length > 0 || this.overflowed.size > 0;
-      this.moreWrap.style.display = l ? "" : "none";
+      const a = this.actionItems.length > 0 || this.overflowed.size > 0;
+      this.moreWrap.style.display = a ? "" : "none";
     }
   }
   overflowsRow() {
@@ -1129,7 +1215,7 @@ class vt {
         this.chapterLabel.textContent = e?.title ?? "";
       }),
       t.on("fullscreenchange", ({ active: e }) => {
-        this.fullscreenBtn && M(this.fullscreenBtn, e ? t.icons.fullscreenExit : t.icons.fullscreen, e ? t.labels.exitFullscreen : t.labels.fullscreen), this.scheduleReflow();
+        this.fullscreenBtn && E(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();
@@ -1141,23 +1227,23 @@ 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 && M(this.playBtn, e, i), this.centerPlayBtn && M(this.centerPlayBtn, e, i);
+    this.playBtn && E(this.playBtn, e, i), this.centerPlayBtn && E(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;
-    M(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}%`);
+    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}%`);
   }
   /** Called by the player when per-source data (chapters/quality/subtitles) changes. */
   syncFeatureButtons() {
-    this.scheduleReflow();
+    this.refreshSceneTypeButton(), this.scheduleReflow();
   }
   syncPlaylistButtons() {
     const t = this.player;
     this.prevBtn && (this.prevBtn.disabled = !t.hasPrevious), this.nextBtn && (this.nextBtn.disabled = !t.hasNext), this.centerPrevBtn && (this.centerPrevBtn.disabled = !t.hasPrevious), this.centerNextBtn && (this.centerNextBtn.disabled = !t.hasNext);
   }
   closeMenus(t) {
-    for (const e of [this.gearMenu, this.settingsMenu, this.subtitlesMenu, this.qualityMenu, this.moreMenu])
+    for (const e of [this.gearMenu, this.settingsMenu, this.subtitlesMenu, this.qualityMenu, this.sceneTypeMenu, this.moreMenu])
       e && e !== t && e.close();
   }
   toggleSettingsMenu() {
@@ -1171,12 +1257,12 @@ class vt {
   }
   destroy() {
     for (const t of this.disposers) t();
-    this.disposers = [], this.resizeObserver?.disconnect(), this.onWindowResize && window.removeEventListener("resize", this.onWindowResize), this.gearMenu?.destroy(), this.settingsMenu?.destroy(), this.subtitlesMenu?.destroy(), this.qualityMenu?.destroy(), this.moreMenu?.destroy(), this.nextPreviewEl?.remove(), this.root.remove();
+    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 {
   constructor(t) {
-    this.root = a("div", "imp-poster"), this.image = a("img", "imp-poster__image", { alt: "", decoding: "async" }), this.image.hidden = !0;
+    this.root = o("div", "imp-poster"), this.image = o("img", "imp-poster__image", { alt: "", decoding: "async" }), this.image.hidden = !0;
     const e = f("imp-poster__play", t.labels.play, t.icons.bigPlay);
     e.addEventListener("click", () => void t.play()), this.root.append(this.image, e), this.root.addEventListener("click", (i) => {
       (i.target === this.root || i.target === this.image) && t.play();
@@ -1194,11 +1280,11 @@ class ft {
 }
 class gt {
   constructor(t) {
-    this.labels = t, this.channelUrl = null, this.custom = null, this.visible = { title: !0, description: !0, sponsor: !0 }, this.root = a("div", "imp-pause-screen"), this.root.hidden = !0, this.defaultContent = a("div", "imp-pause-screen__default"), this.channel = a("button", "imp-channel", { type: "button" }), this.channel.hidden = !0, this.channelAvatar = a("div", "imp-channel__avatar"), this.channelName = a("div", "imp-channel__name"), this.channel.append(this.channelName, this.channelAvatar), this.channel.addEventListener("click", () => {
+    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");
     });
-    const e = a("div", "imp-pause-screen__heading");
-    this.title = a("div", "imp-pause-screen__title"), this.description = a("div", "imp-pause-screen__description"), this.sponsor = a("a", "imp-sponsor", { target: "_blank", rel: "nofollow noopener" }), this.sponsor.hidden = !0, this.sponsorLabel = a("span", "imp-sponsor__label"), this.sponsorText = a("span", "imp-sponsor__text"), this.sponsor.append(this.sponsorLabel, this.sponsorText), this.sponsor.addEventListener("click", (i) => i.stopPropagation()), e.append(this.sponsor, this.title, this.description), this.defaultContent.append(e, this.channel), this.root.append(this.defaultContent);
+    const e = o("div", "imp-pause-screen__heading");
+    this.title = o("div", "imp-pause-screen__title"), this.description = o("div", "imp-pause-screen__description"), this.sponsor = o("a", "imp-sponsor", { target: "_blank", rel: "nofollow noopener" }), this.sponsor.hidden = !0, this.sponsorLabel = o("span", "imp-sponsor__label"), this.sponsorText = o("span", "imp-sponsor__text"), this.sponsor.append(this.sponsorLabel, this.sponsorText), this.sponsor.addEventListener("click", (i) => i.stopPropagation()), e.append(this.sponsor, this.title, this.description), this.defaultContent.append(e, this.channel), this.root.append(this.defaultContent);
   }
   setCustomContent(t) {
     this.custom?.remove(), this.custom = t, t && (t.classList.add("imp-pause-screen__custom"), this.root.append(t)), this.defaultContent.hidden = t !== null, this.root.classList.toggle("imp-pause-screen--custom", t !== null);
@@ -1229,9 +1315,9 @@ class gt {
     this.root.hidden = !0;
   }
 }
-class bt {
+class yt {
   constructor(t) {
-    this.player = t, this.clickBehavior = "player", this.root = a("div", "imp-related"), this.root.hidden = !0, this.heading = a("div", "imp-related__title"), this.grid = a("div", "imp-related__grid");
+    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 = f("imp-related__close", "Close", t.icons.close);
     e.addEventListener("click", () => this.hide()), this.root.append(e, this.heading, this.grid);
   }
@@ -1243,12 +1329,12 @@ class bt {
     }
   }
   buildCard(t) {
-    const e = a("button", "imp-related__card", { type: "button" }), i = a("div", "imp-related__thumb");
+    const e = o("button", "imp-related__card", { type: "button" }), i = o("div", "imp-related__thumb");
     if (t.poster && (i.style.backgroundImage = `url("${t.poster}")`), t.duration) {
-      const n = a("span", "imp-related__duration");
+      const n = o("span", "imp-related__duration");
       n.textContent = t.duration, i.append(n);
     }
-    const s = a("div", "imp-related__card-title");
+    const s = o("div", "imp-related__card-title");
     return s.textContent = t.title, e.append(i, s), e.addEventListener("click", () => {
       this.player.emit("relatedclick", { item: t }), this.hide(), this.activate(t);
     }), e;
@@ -1278,39 +1364,76 @@ class bt {
     this.root.hidden = !0;
   }
 }
-class yt {
+class bt {
+  constructor(t) {
+    this.player = t, this.root = o("div", "imp-upnext"), this.root.hidden = !0;
+  }
+  get visible() {
+    return !this.root.hidden;
+  }
+  show() {
+    const t = this.player.nextSource;
+    if (!t) return;
+    const { labels: e } = this.player;
+    this.root.textContent = "";
+    const i = o("div", "imp-upnext__card"), s = o("div", "imp-upnext__kicker");
+    if (s.textContent = e.next, i.append(s), t.poster) {
+      const r = o("button", "imp-upnext__thumb", { type: "button", "aria-label": e.playNext });
+      if (r.style.backgroundImage = `url("${t.poster}")`, t.duration) {
+        const h = o("span", "imp-upnext__duration");
+        h.textContent = x(t.duration), r.append(h);
+      }
+      const a = o("span", "imp-upnext__thumb-play");
+      a.innerHTML = this.player.icons.bigPlay, r.append(a), r.addEventListener("click", () => this.player.next()), i.append(r);
+    }
+    if (t.title) {
+      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");
+      r.textContent = t.previewMeta.join(" · "), i.append(r);
+    }
+    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;
+  }
+  hide() {
+    this.root.hidden = !0;
+  }
+}
+class kt {
   constructor(t, e = "sidebar", i) {
-    this.player = t, this.root = a("div", `imp-playlist imp-playlist--${e}`), this.root.hidden = !0;
-    const s = a("div", "imp-playlist__header"), n = a("div", "imp-playlist__heading");
+    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");
     if (i) {
-      const h = a("div", "imp-playlist__kicker");
+      const h = o("div", "imp-playlist__kicker");
       h.textContent = t.labels.playlist;
-      const c = a("div", "imp-playlist__name");
+      const c = o("div", "imp-playlist__name");
       c.textContent = i, n.append(h, c);
     } else
       n.textContent = t.labels.playlist;
-    const r = a("div", "imp-playlist__tools");
+    const r = o("div", "imp-playlist__tools");
     this.shuffleBtn = f("imp-playlist__shuffle", t.labels.shuffle, t.icons.shuffle), this.shuffleBtn.addEventListener("click", () => {
       t.setShuffle(!t.shuffle), this.syncModes();
     }), this.repeatBtn = f("imp-playlist__repeat", t.labels.repeat, t.icons.repeat), this.repeatBtn.addEventListener("click", () => {
       t.setRepeat(!t.repeat), this.syncModes();
     });
-    const l = f("imp-playlist__close", "Close", t.icons.close);
-    l.addEventListener("click", () => this.hide()), r.append(this.shuffleBtn, this.repeatBtn, l), s.append(n, r), this.list = a("div", "imp-playlist__list"), this.root.append(s, this.list), this.rebuild(), this.syncModes();
+    const a = f("imp-playlist__close", "Close", t.icons.close);
+    a.addEventListener("click", () => this.hide()), r.append(this.shuffleBtn, this.repeatBtn, a), s.append(n, r), this.list = o("div", "imp-playlist__list"), this.root.append(s, this.list), this.rebuild(), this.syncModes();
   }
   syncModes() {
     this.shuffleBtn.classList.toggle("imp-btn--active", this.player.shuffle), this.repeatBtn.classList.toggle("imp-btn--active", this.player.repeat);
   }
   rebuild() {
     this.list.textContent = "", this.player.playlist.forEach((t, e) => {
-      const i = a("button", "imp-playlist__item", { type: "button" });
+      const i = o("button", "imp-playlist__item", { type: "button" });
       e === this.player.index && i.classList.add("imp-playlist__item--active");
-      const s = a("div", "imp-playlist__thumb");
+      const s = o("div", "imp-playlist__thumb");
       t.poster && (s.style.backgroundImage = `url("${t.poster}")`);
-      const n = a("div", "imp-playlist__meta"), r = a("div", "imp-playlist__title");
+      const n = o("div", "imp-playlist__meta"), r = o("div", "imp-playlist__title");
       if (r.textContent = t.title ?? `#${e + 1}`, n.append(r), t.duration) {
-        const l = a("div", "imp-playlist__duration");
-        l.textContent = x(t.duration), n.append(l);
+        const a = o("div", "imp-playlist__duration");
+        a.textContent = x(t.duration), n.append(a);
       }
       i.append(s, n), i.addEventListener("click", () => {
         this.player.playItem(e), window.innerWidth <= 767 && this.hide();
@@ -1330,28 +1453,28 @@ class yt {
     this.visible ? this.hide() : this.show();
   }
 }
-class kt {
+class wt {
   constructor(t, e = "bottom") {
-    this.player = t, this.items = [], this.root = a("div", `imp-playlist imp-scenes imp-playlist--${e}`), this.root.hidden = !0;
-    const i = a("div", "imp-playlist__header"), s = a("span");
+    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");
     s.textContent = t.labels.scenes;
     const n = f("imp-playlist__close", "Close", t.icons.close);
-    n.addEventListener("click", () => this.hide()), i.append(s, n), this.list = a("div", "imp-playlist__list"), this.root.append(i, this.list), t.on("chapterchange", () => this.syncActive());
+    n.addEventListener("click", () => this.hide()), i.append(s, n), this.list = o("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. */
   rebuild() {
     this.list.textContent = "", this.items = [];
     const t = this.player.thumbnails;
     for (const e of this.player.chapterList) {
-      const i = a("button", "imp-playlist__item", { type: "button" }), s = a("div", "imp-playlist__thumb"), n = t?.cueAt(e.start + 0.01) ?? null;
+      const i = o("button", "imp-playlist__item", { type: "button" }), s = o("div", "imp-playlist__thumb"), n = t?.cueAt(e.start + 0.01) ?? null;
       if (n?.xywh) {
-        const c = a("div", "imp-scenes__sprite");
+        const c = o("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}")`);
-      const r = a("div", "imp-playlist__meta"), l = a("div", "imp-playlist__title");
-      l.textContent = e.title || x(e.start);
-      const h = a("div", "imp-playlist__duration");
-      h.textContent = x(e.start), r.append(l, h), i.append(s, r), i.addEventListener("click", () => {
+      const r = o("div", "imp-playlist__meta"), a = o("div", "imp-playlist__title");
+      a.textContent = e.title || x(e.start);
+      const h = o("div", "imp-playlist__duration");
+      h.textContent = x(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);
     }
@@ -1376,10 +1499,10 @@ class kt {
     this.visible ? this.hide() : this.show();
   }
 }
-function W(o) {
-  return o ? typeof o == "string" ? [{ src: o, label: "Subtitles" }] : Array.isArray(o) ? o : [o] : [];
+function G(l) {
+  return l ? typeof l == "string" ? [{ src: l, label: "Subtitles" }] : Array.isArray(l) ? l : [l] : [];
 }
-const wt = {
+const xt = {
   play: !0,
   progress: !0,
   time: !0,
@@ -1392,38 +1515,41 @@ const wt = {
   // legacy alias for `speed`; resolved in the constructor
   quality: "gear",
   scenes: !0,
+  sceneTypes: !0,
   heatmap: !0,
   subtitles: "gear",
   seekButtons: !0,
   // Prev/seek/play/next as a centered overlay on every viewport.
   seekPlacement: "overlay",
+  order: [],
+  // empty → built-in right-cluster order
   playlist: !0,
   hidePrev: !0,
   nextPreview: !0,
   hideDelay: 2500
 };
-class Bt {
+class Tt {
   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.progressiveQuality = -1, this.thumbTrack = null, this.shuffleMode = !1, this.decodeRecoveries = 0, this.adManager = null, this.playedOnce = !1, this.idleTimer = null, this.destroyed = !1;
+    this.scrubbing = !1, this.emitter = new K(), 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.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, ...J(e.language), ...e.labels }, this.icons = { ...K, ...e.icons };
+    this.mount = i, this.options = e, this.labels = { ...q, ...Y(e.language), ...e.labels }, this.icons = { ...J, ...e.icons };
     const s = e.controls ?? {}, n = s.speed ?? s.settings ?? "gear";
-    this.controlsOptions = { ...wt, ...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, this.sources = e.source ? Array.isArray(e.source) ? [...e.source] : [e.source] : [], this.container = a("div", "imp-player", { tabindex: "0" }), e.className && this.container.classList.add(e.className);
+    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, this.autoAdvanceEnabled = 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 r = e.styling;
     if (r?.themeColor && this.container.style.setProperty("--imp-accent", r.themeColor), r?.likeColor && this.container.style.setProperty("--imp-like", r.likeColor), r?.dislikeColor && this.container.style.setProperty("--imp-dislike", r.dislikeColor), r?.borderRadius !== void 0) {
       const p = typeof r.borderRadius == "number" ? `${r.borderRadius}px` : r.borderRadius;
       this.container.style.setProperty("--imp-radius", p);
     }
-    r?.playButtonStyle === "inverted" && this.container.classList.add("imp-player--play-inverted"), this.video = a("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), e.muted && (this.video.muted = !0), this.video.volume = w(e.volume ?? 1, 0, 1);
-    const l = a("div", "imp-layer");
-    this.spinner = a("div", "imp-spinner"), this.spinner.hidden = !0, this.errorBox = a("div", "imp-error"), this.errorBox.hidden = !0, this.pauseScreen = new gt(this.labels), this.poster = new ft(this), this.related = new bt(this), this.related.setOptions(e.related), this.controls = new vt(this), this.playlistPanel = new yt(this, this.playlistOptions.layout, this.playlistOptions.title || void 0), this.scenesPanel = new kt(this, e.scenes?.layout ?? "bottom");
-    const h = a("div", "imp-layer__middle");
+    r?.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), e.muted && (this.video.muted = !0), this.video.volume = w(e.volume ?? 1, 0, 1);
+    const a = 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");
+    const h = o("div", "imp-layer__middle");
     h.append(this.spinner, this.errorBox, this.controls.center);
-    const c = a("div", "imp-layer__bottom");
-    c.append(this.controls.root), l.append(this.pauseScreen.root, this.related.root, h, c), this.container.append(this.video, l, 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 c = o("div", "imp-layer__bottom");
+    c.append(this.controls.root), a.append(this.pauseScreen.root, this.related.root, this.upNext.root, h, c), this.container.append(this.video, a, 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 u = e.adConfig ?? e.ads;
-    u && u.adList.length > 0 && (this.adManager = new rt(
+    u && u.adList.length > 0 && (this.adManager = new ot(
       { container: this.container, contentVideo: this.video, emitter: this.emitter, labels: this.labels, closeIcon: this.icons.close },
       u
     )), this.emitter.on("error", ({ message: p }) => {
@@ -1542,7 +1668,7 @@ class Bt {
   }
   // === subtitles ========================================================
   get subtitleTracks() {
-    return W(this.source?.subtitles);
+    return G(this.source?.subtitles);
   }
   get activeSubtitle() {
     const t = this.video.textTracks;
@@ -1653,6 +1779,23 @@ class Bt {
   get chapter() {
     return this.currentChapter;
   }
+  // === scene types (groups) =============================================
+  /** Typed scene breakdowns attached to the current source (may be empty). */
+  get sceneTypes() {
+    return this.sceneGroupList;
+  }
+  /** Currently selected scene type, or null when there are no groups. */
+  get activeSceneType() {
+    return this.sceneGroupList.find((t) => t.id === this.activeSceneGroupId) ?? null;
+  }
+  /** Switch the active scene type — rebuilds the timeline segments + scenes panel. */
+  setSceneGroup(t) {
+    t === this.activeSceneGroupId || !this.sceneGroupList.some((e) => e.id === t) || (this.activeSceneGroupId = t, this.applyActiveSceneGroup(), this.emitter.emit("scenetypechange", { group: this.activeSceneType }));
+  }
+  /** Normalize the active group's scenes into `chapters` and refresh the UI. */
+  applyActiveSceneGroup() {
+    this.chapters = W(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 ==========================================================
   /**
    * Share the current video: native share sheet when the device has one,
@@ -1694,11 +1837,11 @@ class Bt {
   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.progressiveQuality = -1, this.playedOnce = !1;
+    this.currentIndex = t, this.sourceController?.destroy(), this.sourceController = null, this.chapters = [], this.currentChapter = null, this.sceneGroupList = [], this.activeSceneGroupId = "", this.progressiveQuality = -1, this.playedOnce = !1;
     for (const h of [...this.video.querySelectorAll("track")]) h.remove();
-    this.adManager?.resetForNewSource(), this.related.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 h of W(s.subtitles)) {
-      const c = a("track", "", {
+    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 h of G(s.subtitles)) {
+      const c = o("track", "", {
         kind: "subtitles",
         src: h.src,
         label: h.label,
@@ -1712,7 +1855,7 @@ class Bt {
       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 a = await ct(this.video, n, r, {
       onLevels: () => {
         i === this.loadToken && this.controls.syncFeatureButtons();
       },
@@ -1720,15 +1863,21 @@ class Bt {
       onError: (h, c) => this.emitter.emit("error", { message: h, cause: c })
     });
     if (i !== this.loadToken) {
-      l.destroy();
+      a.destroy();
       return;
     }
-    if (this.sourceController = l, this.emitter.emit("sourcechange", { source: s, index: t }), s.thumbnails && I.load(s.thumbnails).then((h) => {
+    if (this.sourceController = a, this.emitter.emit("sourcechange", { source: s, index: t }), s.thumbnails && F.load(s.thumbnails).then((h) => {
       i === this.loadToken && (this.thumbTrack = h, this.controls.progress.setThumbnails(h), this.scenesPanel.visible && this.scenesPanel.rebuild());
-    }).catch((h) => this.emitter.emit("error", { message: "Failed to load thumbnails track", cause: h })), s.chapters) {
+    }).catch((h) => this.emitter.emit("error", { message: "Failed to load thumbnails track", cause: h })), s.sceneGroups && s.sceneGroups.length > 0) {
+      this.sceneGroupList = s.sceneGroups, this.activeSceneGroupId = s.sceneGroups[0].id;
+      const h = () => {
+        i === this.loadToken && this.applyActiveSceneGroup();
+      };
+      Number.isFinite(this.video.duration) && this.video.duration > 0 ? h() : this.video.addEventListener("loadedmetadata", h, { once: !0, signal: this.abort.signal });
+    } else if (s.chapters) {
       const h = (c) => {
         const u = () => {
-          i === this.loadToken && (this.chapters = ot(c, this.video.duration), this.controls.progress.setChapters(this.chapters), this.controls.syncFeatureButtons(), this.scenesPanel.visible && this.scenesPanel.rebuild());
+          i === this.loadToken && (this.chapters = W(c, 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 ? u() : this.video.addEventListener("loadedmetadata", u, { once: !0, signal: this.abort.signal });
       };
@@ -1736,7 +1885,7 @@ class Bt {
     }
     if (s.heatmap && s.heatmap.length > 0 && this.controlsOptions.heatmap) {
       const h = s.heatmap, c = () => {
-        i === this.loadToken && this.controls.progress.setHeatmap(Y(h, this.video.duration));
+        i === this.loadToken && this.controls.progress.setHeatmap(tt(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 });
     }
@@ -1747,7 +1896,7 @@ class Bt {
   bindVideoEvents() {
     const { signal: t } = this.abort, e = this.video;
     e.addEventListener("play", () => {
-      this.playedOnce = !0, this.poster.hide(), this.pauseScreen.hide(), this.related.visible || this.related.hide(), this.related.hide(), e.readyState < 3 && (this.spinner.hidden = !1), this.emitter.emit("play", void 0), this.scheduleIdle();
+      this.playedOnce = !0, this.poster.hide(), this.pauseScreen.hide(), this.related.visible || this.related.hide(), this.related.hide(), this.upNext.hide(), e.readyState < 3 && (this.spinner.hidden = !1), this.emitter.emit("play", void 0), this.scheduleIdle();
     }, { signal: t }), e.addEventListener("pause", () => {
       this.spinner.hidden = !0, this.emitter.emit("pause", void 0), this.showControlsNow(), !(this.video.ended || this.scrubbing || this.adPlaying || !this.playedOnce) && (this.options.pauseScreen !== !1 && this.pauseScreen.show(), this.options.related?.showOn?.includes("pause") && this.related.show());
     }, { signal: t }), e.addEventListener("ended", () => {
@@ -1774,7 +1923,7 @@ class Bt {
         this.decodeRecoveries++;
         const n = e.currentTime, r = !e.paused;
         e.load();
-        const l = () => {
+        const a = () => {
           try {
             e.currentTime = n;
           } catch {
@@ -1782,7 +1931,7 @@ class Bt {
           r && e.play().catch(() => {
           });
         };
-        e.readyState >= 1 ? l() : e.addEventListener("loadedmetadata", l, { once: !0, signal: this.abort.signal });
+        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 });
@@ -1792,13 +1941,24 @@ class Bt {
   }
   async handleEnded() {
     if (this.emitter.emit("ended", void 0), this.showControlsNow(), !(this.adManager && (await this.adManager.playPostRoll(), this.destroyed))) {
-      if (this.playlistOptions.autoAdvance && this.hasNext) {
+      if (this.autoAdvanceEnabled && this.hasNext) {
         this.next();
         return;
       }
+      if (!this.autoAdvanceEnabled && this.hasNext) {
+        this.upNext.show();
+        return;
+      }
       (this.options.related?.showOn?.includes("ended") ?? !!this.options.related) && this.related.show();
     }
   }
+  /** Autoplay-next state (gear switch). Off → show the up-next card on end. */
+  get autoAdvance() {
+    return this.autoAdvanceEnabled;
+  }
+  setAutoAdvance(t) {
+    this.autoAdvanceEnabled = t, t && this.upNext.hide();
+  }
   // === controls visibility ==============================================
   bindIdleHide() {
     const { signal: t } = this.abort, e = () => {
@@ -1863,22 +2023,22 @@ class Bt {
   }
 }
 export {
-  X as Emitter,
-  Bt as Player,
-  I as ThumbnailTrack,
-  Y as buildHeatmapValues,
+  K as Emitter,
+  Tt as Player,
+  F as ThumbnailTrack,
+  tt as buildHeatmapValues,
   U as chapterAt,
-  K as defaultIcons,
-  V as defaultLabels,
+  J as defaultIcons,
+  q as defaultLabels,
   x as formatTime,
-  J as getLocale,
-  tt as heatmapPath,
+  Y as getLocale,
+  et as heatmapPath,
   at as isHlsSource,
   lt as loadChaptersVtt,
-  ot as normalizeChapters,
-  Lt as registerLocale,
-  St as registerLocales,
-  _t as registeredLanguages,
-  et as resolveVast
+  W as normalizeChapters,
+  _t as registerLocale,
+  Lt as registerLocales,
+  Bt as registeredLanguages,
+  it as resolveVast
 };
 //# sourceMappingURL=core.js.map