@hopeplayer/core 1.4.0 → 1.6.0

package/dist/chunks/pluginHost-cN2uGFeG.js

@@ -0,0 +1,566 @@
+var k = Object.defineProperty;
+var A = (d, e, t) => e in d ? k(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t;
+var c = (d, e, t) => A(d, typeof e != "symbol" ? e + "" : e, t);
+import { P as b, c as S } from "./player-D2_HRzot.js";
+const w = 6e4, x = 15e3, $ = 300, C = /* @__PURE__ */ new Set([" ", "k", "j", "l", "ArrowLeft", "ArrowRight", ",", "."]);
+class K {
+  constructor(e) {
+    c(this, "active", null);
+    c(this, "prerolls", []);
+    c(this, "mids", []);
+    c(this, "pauses", []);
+    c(this, "endeds", []);
+    c(this, "transforms", []);
+    c(this, "prerollDone", !1);
+    c(this, "gateRunning", !1);
+    c(this, "contentStarted", !1);
+    c(this, "lastPos", 0);
+    c(this, "seekPending", !1);
+    c(this, "pauseTimer", null);
+    c(this, "pauseCleanups", []);
+    // ── Olaylar ──
+    c(this, "onLoadStart", () => {
+      this.prerollDone = !1, this.contentStarted = !1, this.lastPos = 0;
+      for (const e of this.mids) e.fired.clear();
+      this.clearPause();
+    });
+    c(this, "onPlay", () => {
+      const e = this.ctx.video;
+      if (this.active || this.gateRunning) {
+        e.pause();
+        return;
+      }
+      this.clearPause(), !(this.prerollDone || !this.prerolls.length || this.ctx.isAdPlaying()) && (this.prerollDone = !0, e.pause(), this.runPrerolls());
+    });
+    c(this, "onPlaying", () => {
+      !this.active && !this.ctx.isAdPlaying() && (this.contentStarted = !0);
+    });
+    c(this, "onSeeking", () => {
+      this.seekPending = !0;
+    });
+    c(this, "onTimeUpdate", () => {
+      const e = this.ctx.video, t = e.currentTime, s = this.lastPos;
+      this.lastPos = t;
+      const n = this.seekPending;
+      if (this.seekPending = !1, !(this.active || this.ctx.isAdPlaying() || e.paused || e.seeking || t <= s))
+        for (const r of this.mids) {
+          const o = r.marks.filter((u) => s < u && u <= t && !r.fired.has(u));
+          if (o.length) {
+            for (const u of o) r.fired.add(u);
+            n && r.seekPast === "skip" || r.fire(o[o.length - 1]);
+          }
+        }
+    });
+    c(this, "onPause", () => {
+      const e = this.ctx.video;
+      if (!this.pauses.length || e.ended || e.seeking || this.active || this.gateRunning || this.ctx.isAdPlaying()) return;
+      this.clearPause();
+      const t = Math.min(...this.pauses.map((s) => s.delayMs));
+      this.pauseTimer = setTimeout(() => {
+        if (this.pauseTimer = null, !(!e.paused || e.ended || this.active || this.ctx.isAdPlaying()))
+          for (const s of this.pauses)
+            try {
+              const n = s.run();
+              typeof n == "function" && this.pauseCleanups.push(n);
+            } catch (n) {
+              this.ctx.log(`Plugin "${s.owner}" failed in ads.onPause: ${(n == null ? void 0 : n.message) ?? n}`, { plugin: s.owner });
+            }
+      }, t);
+    });
+    c(this, "onEnded", () => {
+      this.clearPause();
+      for (const e of this.endeds) e.run();
+    });
+    c(this, "onKeyDown", (e) => {
+      (this.active || this.gateRunning) && C.has(e.key) && e.preventDefault();
+    });
+    this.ctx = e;
+    const t = e.video;
+    t.addEventListener("loadstart", this.onLoadStart), t.addEventListener("play", this.onPlay, !0), t.addEventListener("playing", this.onPlaying), t.addEventListener("timeupdate", this.onTimeUpdate), t.addEventListener("seeking", this.onSeeking), t.addEventListener("pause", this.onPause), t.addEventListener("ended", this.onEnded, !0), e.element.addEventListener("keydown", this.onKeyDown, !0);
+  }
+  destroy() {
+    var t;
+    const e = this.ctx.video;
+    e.removeEventListener("loadstart", this.onLoadStart), e.removeEventListener("play", this.onPlay, !0), e.removeEventListener("playing", this.onPlaying), e.removeEventListener("timeupdate", this.onTimeUpdate), e.removeEventListener("seeking", this.onSeeking), e.removeEventListener("pause", this.onPause), e.removeEventListener("ended", this.onEnded, !0), this.ctx.element.removeEventListener("keydown", this.onKeyDown, !0), (t = this.active) == null || t.finish(), this.clearPause();
+  }
+  /** Eklenti kaldırılınca onun kayıtları ve süren arası. */
+  removeOwner(e) {
+    var t;
+    this.prerolls = this.prerolls.filter((s) => s.owner !== e), this.mids = this.mids.filter((s) => s.owner !== e), this.pauses = this.pauses.filter((s) => s.owner !== e), this.endeds = this.endeds.filter((s) => s.owner !== e), this.transforms = this.transforms.filter((s) => s.owner !== e), ((t = this.active) == null ? void 0 : t.owner) === e && this.active.finish();
+  }
+  /** IMA isteği öncesi tüm eklentilerin dönüşümleri. */
+  transformTag(e, t) {
+    let s = e;
+    for (const n of this.transforms)
+      try {
+        const r = n.fn(s, t);
+        typeof r == "string" && r && (s = r);
+      } catch (r) {
+        this.ctx.log(`Plugin "${n.owner}" failed in ads.transformTag: ${(r == null ? void 0 : r.message) ?? r}`, { plugin: n.owner });
+      }
+    return s;
+  }
+  /** Bir eklentiye verilen `ads` nesnesi. */
+  api(e, t) {
+    const s = (n, r) => (n.push(r), () => {
+      const o = n.indexOf(r);
+      o >= 0 && n.splice(o, 1);
+    });
+    return {
+      requestBreak: (n, r) => this.requestBreak(e, n, r),
+      beforeContent: (n) => s(this.prerolls, { owner: e, run: n }),
+      atTime: (n, r, o) => {
+        const u = (Array.isArray(n) ? n : [n]).filter((p) => Number.isFinite(p) && p >= 0).sort((p, i) => p - i), g = t((p) => r(p), "ads.atTime");
+        return s(this.mids, { owner: e, marks: u, fired: /* @__PURE__ */ new Set(), seekPast: (o == null ? void 0 : o.seekPast) ?? "last", fire: g });
+      },
+      onPause: (n, r) => s(this.pauses, { owner: e, run: () => n(), delayMs: (r == null ? void 0 : r.delayMs) ?? $ }),
+      onEnded: (n) => s(this.endeds, { owner: e, run: t(() => n(), "ads.onEnded") }),
+      transformTag: (n) => s(this.transforms, { owner: e, fn: n })
+    };
+  }
+  // ── Reklam arası ──
+  requestBreak(e, t, s) {
+    if (this.active || this.ctx.isAdPlaying()) return Promise.resolve(!1);
+    const n = this.ctx.video, r = (s == null ? void 0 : s.type) ?? (n.ended ? "postroll" : this.contentStarted ? "midroll" : "preroll"), o = !n.paused && !n.ended;
+    n.paused || n.pause(), this.ctx.blockAds();
+    const u = document.createElement("div");
+    u.className = "hp-plugin-layer hp-plugin-ad", u.setAttribute("part", `plugin-ad plugin-${e}`), u.dataset.plugin = e, u.dataset.position = "fill", u.toggleAttribute("data-above", !0), u.toggleAttribute("data-interactive", !0);
+    for (const p of ["pointerdown", "mousedown", "mouseup", "touchstart", "touchend", "click", "dblclick"]) u.addEventListener(p, (i) => i.stopPropagation());
+    this.ctx.videoArea.appendChild(u);
+    const g = new AbortController();
+    return this.emit("hp:adstart", r, e), new Promise((p) => {
+      let i = !1;
+      const a = () => {
+        i || (i = !0, clearTimeout(l), g.abort(), u.remove(), this.active = null, this.ctx.unblockAds(), this.emit("hp:adend", r, e), o && r !== "postroll" && n.play().catch(() => {
+        }), p(!0));
+      }, l = setTimeout(() => {
+        this.ctx.log(`Plugin "${e}" ad break timed out`, { plugin: e, type: r }), a();
+      }, (s == null ? void 0 : s.timeoutMs) ?? w);
+      this.active = { owner: e, finish: a };
+      const h = (f) => {
+        this.ctx.log(`Plugin "${e}" failed in ads.requestBreak: ${(f == null ? void 0 : f.message) ?? f}`, { plugin: e, type: r }), a();
+      };
+      try {
+        Promise.resolve(t({ type: r, layer: u, signal: g.signal, end: a })).then(a, h);
+      } catch (f) {
+        h(f);
+      }
+    });
+  }
+  emit(e, t, s) {
+    this.ctx.element.dispatchEvent(new CustomEvent(e, { detail: { type: t, linear: !0, plugin: s } }));
+  }
+  async runPrerolls() {
+    this.gateRunning = !0;
+    const e = Promise.all(
+      this.prerolls.map(
+        (t) => Promise.resolve().then(() => t.run()).catch((s) => this.ctx.log(`Plugin "${t.owner}" failed in ads.beforeContent: ${(s == null ? void 0 : s.message) ?? s}`, { plugin: t.owner }))
+      )
+    );
+    for (await Promise.race([e, new Promise((t) => setTimeout(t, x))]); this.active; ) await new Promise((t) => setTimeout(t, 100));
+    this.gateRunning = !1, this.ctx.video.play().catch(() => {
+    });
+  }
+  clearPause() {
+    this.pauseTimer && clearTimeout(this.pauseTimer), this.pauseTimer = null;
+    for (const e of this.pauseCleanups.splice(0))
+      try {
+        e();
+      } catch {
+      }
+  }
+}
+const m = (d) => typeof d == "function" ? d() : d;
+function O(d) {
+  const e = d.split("+"), t = (e.pop() || "+").toLowerCase(), s = e.map((r) => r.toLowerCase()), n = /^[a-z]$/.test(t);
+  return { key: t, shift: s.includes("shift") ? !0 : n ? !1 : null, alt: s.includes("alt"), ctrl: s.includes("ctrl") || s.includes("control"), meta: s.includes("meta") || s.includes("cmd") };
+}
+function D(d, e) {
+  return e.key.toLowerCase() === d.key && e.altKey === d.alt && e.ctrlKey === d.ctrl && e.metaKey === d.meta && (d.shift === null || e.shiftKey === d.shift);
+}
+class B {
+  constructor(e) {
+    c(this, "instances", /* @__PURE__ */ new Map());
+    c(this, "shortcutList", []);
+    c(this, "syncSeq", 0);
+    c(this, "toastEl", null);
+    c(this, "toastTimer", null);
+    /** Ayar satırı anahtarları. */
+    c(this, "keySeq", 0);
+    c(this, "ads");
+    c(this, "onKeyDown", (e) => {
+      if (e.defaultPrevented) return;
+      const t = e.composedPath()[0];
+      if (!(t instanceof HTMLElement && (t.isContentEditable || /^(input|textarea|select)$/i.test(t.tagName)))) {
+        for (const s of this.shortcutList)
+          if (D(s.spec, e)) {
+            e.preventDefault(), s.handler(e);
+            return;
+          }
+      }
+    });
+    this.ctx = e, e.element.addEventListener("keydown", this.onKeyDown), this.ads = new K(e);
+  }
+  /** IMA tag'i eklenti dönüşümlerinden geçirir. */
+  transformAdTag(e, t) {
+    return this.ads.transformTag(e, t);
+  }
+  /** Listeye eşitler: kurar, kaldırır, günceller (aynı adlıda sonraki kazanır). */
+  async sync(e, t) {
+    const s = ++this.syncSeq, n = await Promise.all([...e, ...t].map((o) => this.resolveEntry(o)));
+    if (s !== this.syncSeq) return;
+    const r = /* @__PURE__ */ new Map();
+    for (const o of n) o && r.set(o.plugin.name, o);
+    for (const [o, u] of this.instances) r.has(o) || this.dispose(o, u);
+    for (const [o, { plugin: u, options: g }] of r) {
+      const p = I(g), i = this.instances.get(o);
+      if (i && i.plugin === u) {
+        if (i.optionsKey === p) continue;
+        if (u.update) {
+          i.optionsKey = p, this.guard(o, () => u.update(g))();
+          continue;
+        }
+      }
+      i && this.dispose(o, i), await this.install(u, g, p);
+    }
+  }
+  /** Dil değişince. */
+  refreshLabels() {
+    for (const [e, t] of this.instances) {
+      for (const s of t.relabel) this.guard(e, s)();
+      for (const s of t.localeHandlers) this.guard(e, () => s(this.ctx.locale()))();
+    }
+  }
+  /** `?` listesi için. */
+  shortcuts() {
+    return this.shortcutList.filter((e) => e.description !== void 0).map((e) => ({ keys: [e.label], description: m(e.description) }));
+  }
+  has(e) {
+    return this.instances.has(e);
+  }
+  destroy() {
+    var e;
+    ++this.syncSeq;
+    for (const [t, s] of this.instances) this.dispose(t, s);
+    this.ctx.element.removeEventListener("keydown", this.onKeyDown), this.ads.destroy(), (e = this.toastEl) == null || e.remove(), this.toastTimer && clearTimeout(this.toastTimer);
+  }
+  // ── Kurulum ──
+  async resolveEntry(e) {
+    const [t, s] = Array.isArray(e) ? e : [e, void 0];
+    try {
+      if (typeof t == "function") {
+        const n = await t(), r = "setup" in n ? n : "default" in n ? n.default : n.plugin;
+        return r && typeof r.setup == "function" ? { plugin: r, options: s } : null;
+      }
+      return t && typeof t.setup == "function" && typeof t.name == "string" ? { plugin: t, options: s } : null;
+    } catch (n) {
+      return this.ctx.log(`Plugin could not be loaded: ${(n == null ? void 0 : n.message) ?? n}`, { plugin: typeof t == "function" ? "loader" : String(t == null ? void 0 : t.name) }), null;
+    }
+  }
+  async install(e, t, s) {
+    const n = e.name;
+    e.apiVersion && e.apiVersion > b && this.ctx.log(`Plugin "${n}" was written for plugin API v${e.apiVersion}; this player has v${b}`, { plugin: n });
+    const r = { plugin: e, optionsKey: s, api: null, disposers: [], relabel: [], localeHandlers: [], cleanup: null, removed: !1 };
+    r.api = this.createApi(r), this.instances.set(n, r);
+    try {
+      const o = await e.setup(r.api, t);
+      if (r.removed) {
+        typeof o == "function" && this.guard(n, o)();
+        return;
+      }
+      typeof o == "function" && (r.cleanup = o);
+    } catch (o) {
+      this.report(n, o, "setup"), this.dispose(n, r);
+    }
+  }
+  dispose(e, t) {
+    if (!t.removed) {
+      t.removed = !0, this.instances.get(e) === t && this.instances.delete(e), t.cleanup && this.guard(e, t.cleanup)();
+      for (const s of t.disposers.reverse())
+        try {
+          s();
+        } catch {
+        }
+      t.disposers = [], this.ads.removeOwner(e);
+      for (let s = this.shortcutList.length - 1; s >= 0; s--) this.shortcutList[s].owner === e && this.shortcutList.splice(s, 1);
+    }
+  }
+  report(e, t, s) {
+    const n = (t == null ? void 0 : t.message) ?? String(t);
+    this.ctx.log(`Plugin "${e}" failed in ${s}: ${n}`, { plugin: e }), console.error(`[hope-player] plugin "${e}" (${s}):`, t);
+  }
+  /** Eklenti kodu hep bundan çağrılır; hata player'a geçmez. */
+  guard(e, t, s = "handler") {
+    return (...n) => {
+      try {
+        const r = t(...n);
+        r instanceof Promise && r.catch((o) => this.report(e, o, s));
+      } catch (r) {
+        this.report(e, r, s);
+      }
+    };
+  }
+  // ── PlayerApi ──
+  createApi(e) {
+    const t = this.ctx, s = e.plugin.name, n = (i) => {
+      e.removed ? i() : e.disposers.push(i);
+    }, r = (i, a) => this.guard(s, i, a), o = {}, u = this, g = (i, a, l = !1) => {
+      const h = i.includes(":") ? t.element : t.video, f = r((T) => {
+        l && y(), a(T);
+      }, `on(${i})`);
+      h.addEventListener(i, f);
+      let v = !1;
+      const y = () => {
+        v || (v = !0, h.removeEventListener(i, f));
+      };
+      return n(y), y;
+    };
+    return {
+      plugin: s,
+      apiVersion: b,
+      element: t.element,
+      video: t.video,
+      get locale() {
+        return t.locale();
+      },
+      labels: t.labels,
+      get currentTime() {
+        return t.video.currentTime;
+      },
+      get duration() {
+        return t.video.duration;
+      },
+      get paused() {
+        return t.video.paused;
+      },
+      get isLive() {
+        return t.video.duration === 1 / 0;
+      },
+      get isAdPlaying() {
+        return t.isAdPlaying();
+      },
+      get isFullscreen() {
+        return t.isFullscreen();
+      },
+      get src() {
+        return t.currentSrc();
+      },
+      play: () => t.video.play(),
+      pause: () => t.video.pause(),
+      seek: (i) => {
+        Number.isFinite(i) && (t.video.currentTime = Math.max(0, i));
+      },
+      on: (i, a) => g(i, a),
+      once: (i, a) => g(i, a, !0),
+      emit: (i, a) => {
+        t.element.dispatchEvent(new CustomEvent(`${s}:${i}`, { detail: a, bubbles: !0, composed: !0 }));
+      },
+      onSourceChange: (i) => g("loadstart", () => i(t.currentSrc())),
+      onLocaleChange: (i) => {
+        e.localeHandlers.push(i);
+        const a = () => {
+          const l = e.localeHandlers.indexOf(i);
+          l >= 0 && e.localeHandlers.splice(l, 1);
+        };
+        return n(a), a;
+      },
+      onDestroy: (i) => n(r(i, "onDestroy")),
+      setTimeout: (i, a) => {
+        const l = window.setTimeout(r(i, "setTimeout"), a);
+        return n(() => clearTimeout(l)), l;
+      },
+      setInterval: (i, a) => {
+        const l = window.setInterval(r(i, "setInterval"), a);
+        return n(() => clearInterval(l)), l;
+      },
+      ui: {
+        addButton: (i) => u.addButton(e, i, n, r),
+        addLayer: (i) => u.addLayer(e, i ?? {}, n),
+        toast: (i, a) => u.toast(i, a == null ? void 0 : a.durationMs)
+      },
+      settings: {
+        addToggle: (i) => {
+          const a = `plugin:${s}:toggle:${++u.keySeq}`, l = () => t.settings.registerToggle({
+            key: a,
+            label: m(i.label),
+            getValueLabel: () => i.get() ? L(t.labels, !0) : L(t.labels, !1),
+            onToggle: r(() => i.set(!i.get()), "settings.toggle")
+          });
+          return l(), e.relabel.push(l), n(() => t.settings.unregisterToggle(a)), P(l, () => t.settings.unregisterToggle(a));
+        },
+        addSelect: (i) => {
+          const a = `plugin:${s}:select:${++u.keySeq}`, l = () => typeof i.options == "function" ? i.options() : i.options, h = () => t.settings.registerSubmenu({
+            key: a,
+            title: m(i.label),
+            getValueLabel: () => {
+              const f = l().find((v) => v.value === i.get());
+              return f ? m(f.label) : "";
+            },
+            getItems: () => l().map((f) => ({ label: m(f.label), active: f.value === i.get(), onSelect: r(() => i.set(f.value), "settings.select") }))
+          });
+          return h(), e.relabel.push(h), n(() => t.settings.unregisterSubmenu(a)), P(h, () => t.settings.unregisterSubmenu(a));
+        },
+        addSubmenu: (i) => {
+          const a = `plugin:${s}:submenu:${++u.keySeq}`, l = () => t.settings.registerSubmenu({
+            key: a,
+            title: m(i.label),
+            getValueLabel: () => i.value ? i.value() : "",
+            getItems: () => i.items().map((h) => ({ label: m(h.label), active: !!h.active, onSelect: r(() => h.onSelect(), "settings.submenu") }))
+          });
+          return l(), e.relabel.push(l), n(() => t.settings.unregisterSubmenu(a)), P(l, () => t.settings.unregisterSubmenu(a));
+        }
+      },
+      keys: {
+        add: (i, a, l) => {
+          const h = { owner: s, spec: O(i), label: i, description: l, handler: r(a, `keys(${i})`) };
+          u.shortcutList.push(h);
+          const f = () => {
+            const v = u.shortcutList.indexOf(h);
+            v >= 0 && u.shortcutList.splice(v, 1);
+          };
+          return n(f), f;
+        }
+      },
+      i18n: {
+        add: (i) => {
+          for (const [a, l] of Object.entries(i)) o[a] = { ...o[a], ...l };
+        },
+        t: (i, a) => {
+          var l, h;
+          return ((l = o[t.locale()]) == null ? void 0 : l[i]) ?? ((h = o.en) == null ? void 0 : h[i]) ?? a ?? i;
+        }
+      },
+      storage: {
+        get: (i, a) => {
+          try {
+            const l = localStorage.getItem(E(s, i));
+            return l === null ? a : JSON.parse(l);
+          } catch {
+            return a;
+          }
+        },
+        set: (i, a) => {
+          try {
+            localStorage.setItem(E(s, i), JSON.stringify(a));
+          } catch {
+          }
+        },
+        remove: (i) => {
+          try {
+            localStorage.removeItem(E(s, i));
+          } catch {
+          }
+        }
+      },
+      ads: (() => {
+        const i = u.ads.api(s, r), a = (l) => ((...h) => {
+          const f = l(...h);
+          return n(f), f;
+        });
+        return {
+          requestBreak: i.requestBreak,
+          beforeContent: a(i.beforeContent),
+          atTime: a(i.atTime),
+          onPause: a(i.onPause),
+          onEnded: a(i.onEnded),
+          transformTag: a(i.transformTag)
+        };
+      })(),
+      log: (i, a) => t.log(i, { plugin: s, ...a })
+    };
+  }
+  addButton(e, t, s, n) {
+    const r = document.createElement("button");
+    r.type = "button", r.className = "hp-chip hp-plugin-btn hp:flex hp:items-center hp:justify-center hp:w-[var(--hp-ctrl-btn-size)] hp:h-[var(--hp-ctrl-btn-size)] hp:cursor-pointer hp:shrink-0", r.setAttribute("part", `plugin-button plugin-${e.plugin.name}`), r.dataset.plugin = e.plugin.name;
+    let o = t.label, u = !!t.active;
+    const g = (l) => {
+      var h;
+      r.textContent = "", l.trim().startsWith("<") ? (r.insertAdjacentHTML("beforeend", l), (h = r.querySelector("svg")) == null || h.setAttribute("aria-hidden", "true")) : r.appendChild(S(l, "hp:text-[length:var(--hp-ctrl-icon-size)]"));
+    }, p = () => r.setAttribute("aria-label", m(o)), i = () => {
+      t.active !== void 0 && r.setAttribute("aria-pressed", String(u));
+    };
+    g(t.icon), p(), i(), e.relabel.push(p);
+    const a = {
+      el: r,
+      get active() {
+        return u;
+      },
+      setLabel: (l) => {
+        o = l, p();
+      },
+      setIcon: g,
+      setActive: (l) => {
+        u = l, r.setAttribute("aria-pressed", String(l));
+      },
+      show: () => {
+        r.style.display = "";
+      },
+      hide: () => {
+        r.style.display = "none";
+      },
+      remove: () => r.remove()
+    };
+    if (t.onClick) {
+      const l = n((h) => t.onClick(h, a), "button.onClick");
+      r.addEventListener("click", (h) => {
+        h.stopPropagation(), l(h);
+      });
+    }
+    return this.ctx.addControlButton(r, t.position ?? "right"), s(() => r.remove()), a;
+  }
+  addLayer(e, t, s) {
+    const n = document.createElement("div");
+    n.className = "hp-plugin-layer", n.setAttribute("part", `plugin-layer plugin-${e.plugin.name}`), n.dataset.plugin = e.plugin.name, n.dataset.position = t.position ?? "fill", n.toggleAttribute("data-autohide", !!t.autoHide), n.toggleAttribute("data-interactive", !!t.interactive), n.toggleAttribute("data-above", !!t.above);
+    let r = t.visible !== !1;
+    n.hidden = !r, t.above ? this.ctx.videoArea.appendChild(n) : this.ctx.videoArea.insertBefore(n, this.ctx.chromeEl);
+    let o = null;
+    t.css && (o = document.createElement("style"), o.textContent = t.css, n.before(o));
+    const u = () => {
+      n.remove(), o == null || o.remove();
+    };
+    if (t.interactive)
+      for (const p of ["pointerdown", "mousedown", "mouseup", "touchstart", "touchend", "click", "dblclick"]) n.addEventListener(p, (i) => i.stopPropagation());
+    s(u);
+    const g = (p) => {
+      r = p, n.hidden = !p;
+    };
+    return {
+      el: n,
+      get visible() {
+        return r;
+      },
+      show: () => g(!0),
+      hide: () => g(!1),
+      toggle: (p) => g(p ?? !r),
+      remove: u
+    };
+  }
+  toast(e, t = 2500) {
+    this.toastEl || (this.toastEl = document.createElement("div"), this.toastEl.className = "hp-plugin-toast", this.toastEl.setAttribute("part", "plugin-toast"), this.toastEl.setAttribute("role", "status"), this.toastEl.setAttribute("aria-live", "polite"), this.ctx.videoArea.appendChild(this.toastEl)), this.toastEl.textContent = e, this.toastEl.setAttribute("data-visible", ""), this.toastTimer && clearTimeout(this.toastTimer), this.toastTimer = setTimeout(() => {
+      var s;
+      return (s = this.toastEl) == null ? void 0 : s.removeAttribute("data-visible");
+    }, Math.max(500, t));
+  }
+}
+function P(d, e) {
+  return { refresh: d, remove: e };
+}
+function L(d, e) {
+  const t = e ? d.a11yOn : d.a11yOff;
+  return typeof t == "string" ? t : e ? "On" : "Off";
+}
+function E(d, e) {
+  return `hp-plugin:${d}:${e}`;
+}
+function I(d) {
+  try {
+    return JSON.stringify(d ?? null, (e, t) => typeof t == "function" ? `fn:${t.name ?? ""}` : t);
+  } catch {
+    return String(Math.random());
+  }
+}
+export {
+  b as PLUGIN_API_VERSION,
+  B as PluginHost
+};
+//# sourceMappingURL=pluginHost-cN2uGFeG.js.map