tmg-media-player 0.0.1

package/dist/components/captionsview.cjs

@@ -0,0 +1,378 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/ts/components/captionsview.ts
+var captionsview_exports = {};
+__export(captionsview_exports, {
+  CaptionsView: () => CaptionsView
+});
+module.exports = __toCommonJS(captionsview_exports);
+
+// src/ts/core/controllable.ts
+var import_sia_reactor3 = require("sia-reactor");
+var import_utils13 = require("sia-reactor/utils");
+
+// ../t007-tools/packages/utils/dist/chunk-ZALPHCSJ.js
+var import_utils = require("sia-reactor/utils");
+var import_utils2 = require("sia-reactor/utils");
+var import_sia_reactor = require("sia-reactor");
+var import_sia_reactor2 = require("sia-reactor");
+var import_utils3 = require("sia-reactor/utils");
+var import_utils4 = require("sia-reactor/utils");
+var import_utils5 = require("sia-reactor/utils");
+var import_utils6 = require("sia-reactor/utils");
+var import_utils7 = require("sia-reactor/utils");
+var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
+function isDef(val) {
+  return "undefined" !== typeof val;
+}
+function isNum(val) {
+  return "number" === typeof val;
+}
+function isStr(val) {
+  return "string" === typeof val;
+}
+function isFunc(val) {
+  return "function" === typeof val;
+}
+function capitalize(word = "") {
+  return word.replace(/^(\s*)([a-z])/i, (_, s, l) => s + l.toUpperCase());
+}
+if ("undefined" !== typeof window) {
+  (window.t007 ?? (window.t007 = {})).VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;
+  window.T007_TOAST_JS_SRC ?? (window.T007_TOAST_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest`);
+  window.T007_INPUT_JS_SRC ?? (window.T007_INPUT_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest`);
+  window.T007_DIALOG_JS_SRC ?? (window.T007_DIALOG_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`);
+  window.T007_TOAST_CSS_SRC ?? (window.T007_TOAST_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.min.css`);
+  window.T007_INPUT_CSS_SRC ?? (window.T007_INPUT_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.min.css`);
+  window.T007_DIALOG_CSS_SRC ?? (window.T007_DIALOG_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`);
+}
+
+// src/ts/utils/obj.ts
+var import_utils10 = require("sia-reactor/utils");
+
+// src/ts/core/controllable.ts
+var Controllable = class {
+  // for easy reach, better devx
+  constructor(ctlr, config, state) {
+    __publicField(this, "ac", new AbortController());
+    __publicField(this, "signal", this.ac.signal);
+    __publicField(this, "ctlr");
+    __publicField(this, "media");
+    __publicField(this, "state");
+    // for reactivity needs of those who pass it up
+    __publicField(this, "config");
+    (0, import_utils7.guardAllMethods)(this, ctlr.guard);
+    this.signal = AbortSignal.any([this.signal, ctlr.signal]);
+    this.ctlr = ctlr;
+    this.media = ctlr.media;
+    this.state = (0, import_utils3.isObj)(state) ? (0, import_sia_reactor3.reactive)(state) : state;
+    this.config = config;
+  }
+  // may be a reactive obj node or the obj itself
+  get settings() {
+    return this.ctlr.settings;
+  }
+  setup() {
+    return this.onSetup(), this;
+  }
+  destroy() {
+    !this.signal.aborted && this.ac.abort(`[TMG Controllable] Instance is being destroyed`);
+    this.onDestroy(), this.state?.destroy?.(), this.config !== this.media && isFunc(this.config?.destroy) && this.config?.destroy?.();
+    (0, import_utils13.nuke)(this);
+  }
+  onDestroy() {
+  }
+};
+
+// src/ts/components/base/index.ts
+var BaseComponent = class extends Controllable {
+  constructor(ctlr, config, state) {
+    super(ctlr, config, { label: "", cmd: "", active: false, disabled: false, hidden: false, ...state });
+    __publicField(this, "element");
+  }
+  get name() {
+    return this.constructor.componentName;
+  }
+  get el() {
+    return this.element;
+  }
+  onSetup() {
+    this.mount?.();
+    this.ctlr.state.readyState ? this.wire?.() : this.wire && this.ctlr.state.wonce("readyState", this.wire, { signal: this.signal });
+  }
+  onDestroy() {
+    this.unmount();
+  }
+  // Must assign to this.element before returning
+  mount() {
+  }
+  unmount() {
+    this.el.remove();
+  }
+  wire() {
+  }
+  // auto unwiring
+  active() {
+    this.el.classList.toggle("tmg-media-control-active", this.state.active = true);
+  }
+  inactive() {
+    this.el.classList.toggle("tmg-media-control-active", this.state.active = false);
+  }
+  disable() {
+    this.el.classList.toggle("tmg-media-control-disabled", this.state.disabled = true);
+  }
+  enable() {
+    this.el.classList.toggle("tmg-media-control-disabled", this.state.disabled = false);
+  }
+  hide() {
+    this.el.classList.toggle("tmg-media-control-hidden", this.state.hidden = true);
+  }
+  show() {
+    this.el.classList.toggle("tmg-media-control-hidden", this.state.hidden = false);
+  }
+  gate(e) {
+    !e.value ? this.hide() : this.canShow && this.show();
+  }
+  get canShow() {
+    return true;
+  }
+  // override to make gating smarter
+  setBtnARIA(dblAction, target = this.el) {
+    this.state.label && target.setAttribute("aria-label", this.state.label);
+    this.state.cmd && target.setAttribute("aria-keyshortcuts", (0, import_utils6.parseForARIAKS)(this.state.cmd));
+    if (dblAction) target.setAttribute("aria-description", `Double-press to ${dblAction}`);
+    else if (target.hasAttribute("aria-description")) target.removeAttribute("aria-description");
+  }
+};
+__publicField(BaseComponent, "componentName");
+__publicField(BaseComponent, "isControl", false);
+
+// src/ts/utils/num.ts
+function isSafeNum(val) {
+  return isNum(val) && !isNaN(val ?? NaN) && val !== Infinity;
+}
+function safeNum(number, fallback = 0) {
+  return isSafeNum(number) ? number : fallback;
+}
+function parseIfPercent(percent, amount, autocap = 0.25) {
+  const val = percent?.endsWith?.("%") ? safeNum(parseFloat(percent) / 100 * amount) : percent;
+  return val && amount && autocap && amount <= val ? amount * autocap : val;
+}
+
+// src/ts/utils/dom.ts
+var import_sia_reactor4 = require("sia-reactor");
+var win = "undefined" !== typeof window ? window : void 0;
+var intersectionObserver = win ? new IntersectionObserver(
+  (entries) => {
+    for (const entry of entries) if (entry.target._intersectCbs) for (const cb of entry.target._intersectCbs) cb(entry);
+  },
+  { root: null, rootMargin: "0px", threshold: 0.3 }
+) : null;
+var resizeObserver = win ? new ResizeObserver((entries) => {
+  for (const entry of entries) if (entry.target._resizeCbs) for (const cb of entry.target._resizeCbs) cb(entry);
+}) : null;
+var mutationObserver = win ? new MutationObserver((mutations) => {
+  const target = mutations[0].target;
+  if (target._mutationCbs) for (const cb of target._mutationCbs) cb(mutations);
+}) : null;
+
+// src/ts/utils/media.ts
+var import_utils19 = require("sia-reactor/utils");
+var DUMMY_VID = (0, import_utils.createEl)("video");
+var DUMMY_AUD = (0, import_utils.createEl)("audio");
+var stripTags = (text) => text.replace(/<(\/)?([a-z0-9.:]+)([^>]*)>/gi, "");
+function parseVttText(text) {
+  const state = { tag: /<(\/)?([a-z0-9.:]+)([^>]*)>/gi, o: "", l: 0, p: null, c: "" }, esc = (s) => s.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
+  let m;
+  while (m = state.tag.exec(text)) {
+    const chunk = text.slice(state.l, m.index);
+    if (chunk) state.c += esc(chunk);
+    const [_, cls, tag_n, rest] = m, low = tag_n.toLowerCase();
+    if (/^[0-9]/.test(tag_n)) {
+      state.o += state.p ? `<span data-part="timed" data-time="${state.p}">${state.c}</span>` : state.c;
+      state.p = tag_n;
+      state.c = "";
+    } else if (cls) state.c += ["c", "v", "lang"].includes(low) ? "</span>" : `</${low}>`;
+    else if (["b", "i", "u", "ruby", "rt"].includes(low)) state.c += `<${low}>`;
+    else if (low === "c") state.c += `<span class="vtt-c ${rest.replace(/\.([a-z0-9_-]+)/gi, "$1 ").trim()}">`;
+    else if (low === "v") state.c += `<span data-part="voice"${rest.trim() ? ` title="${esc(rest.trim())}"` : ""}>`;
+    else if (low === "lang") state.c += `<span lang="${esc(rest.trim())}">`;
+    state.l = state.tag.lastIndex;
+  }
+  const lChunk = text.slice(state.l);
+  if (lChunk) state.c += esc(lChunk);
+  return state.o + (state.p ? `<span data-part="timed" data-time="${state.p}">${state.c}</span>` : state.c);
+}
+function formatVttLine(p, maxChars) {
+  const state = { tokens: p.match(/<[^>]+>|\S+/g) || [], stack: [], parts: [], line: "", len: 0, openStr: "", closeStr: "", timeTag: "", lastWasTag: false }, updateTags = () => (state.openStr = state.stack.map((n) => `<${n}>`).join(""), state.closeStr = state.stack.reduceRight((a, n) => a + `</${n}>`, "")), flush = () => state.line && (state.parts.push(state.line + state.closeStr), state.line = (state.timeTag || "") + state.openStr, state.len = 0, state.lastWasTag = true);
+  for (const tok of state.tokens) {
+    const tag = tok[0] === "<", closeTag = tag && tok[1] === "/";
+    if (tag) {
+      if (state.line && !state.lastWasTag && !closeTag) state.line += " ";
+      const m = tok.match(/^<\/?\s*([a-z0-9._:-]+)/i), n = m?.[1] || "", timing = /^\d/.test(n);
+      if (timing) {
+        state.timeTag = tok, state.line += tok, state.lastWasTag = true;
+        continue;
+      }
+      if (!closeTag && !tok.endsWith("/>") && n) state.stack.push(n), updateTags();
+      if (closeTag && state.stack.length) state.stack.pop(), updateTags();
+      state.lastWasTag = true, state.line += tok;
+      continue;
+    }
+    const len = stripTags(tok).length, needSpace = state.line && !state.lastWasTag;
+    if (state.len + (needSpace ? 1 : 0) + len > maxChars) flush();
+    if (needSpace) state.line += " ", state.len += 1;
+    state.line += tok, state.len += len, state.lastWasTag = false;
+  }
+  return flush(), state.parts;
+}
+
+// src/ts/components/captionsview.ts
+var CaptionsView = class extends BaseComponent {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "isMain", false);
+    __publicField(this, "prevCue", null);
+    __publicField(this, "karaokeNodes", null);
+    __publicField(this, "lastPreview", "");
+    __publicField(this, "timeoutId", -1);
+    __publicField(this, "charW", 0);
+    __publicField(this, "lineHPx", 0);
+    __publicField(this, "lastPosX", 0);
+    __publicField(this, "lastPosY", 0);
+    __publicField(this, "lastPtrX", 0);
+    __publicField(this, "lastPtrY", 0);
+    __publicField(this, "dragX");
+    __publicField(this, "dragY");
+    __publicField(this, "prevEX");
+    __publicField(this, "prevEY");
+  }
+  create() {
+    return this.element = (0, import_utils.createEl)("div", { className: "tmg-media-captions-container" }, { part: "region" });
+  }
+  mount() {
+    this.ctlr.DOM.controlsContainer?.prepend(this.element);
+  }
+  wire() {
+    if (!(this.isMain = this.element === this.ctlr.DOM.captionsContainer)) this.dragY = `calc((var(--tmg-media-current-captions-container-height) * ${this.config.secondaryOrder ?? 1}) + (var(--tmg-media-current-captions-container-height) / 2) + (var(--tmg-media-current-unit) / 2))`;
+    this.el.addEventListener("pointerdown", this.handleDragStart, { signal: this.signal });
+    this.ctlr.state.watch("dimensions.container.width", () => (this.syncSize(), this.preview("")), { init: true, signal: this.signal });
+  }
+  syncSize() {
+    this.el.style.setProperty("display", "block", "important");
+    const measurer = (0, import_utils.createEl)("span", { className: "tmg-media-captions-text", innerHTML: "abcdefghijklmnopqrstuvwxyz".repeat(2) }, {}, { visibility: "hidden" });
+    this.el.append(measurer);
+    this.charW = measurer.offsetWidth / 52;
+    const { lineHeight, fontSize } = getComputedStyle(measurer);
+    this.lineHPx = !safeNum(parseFloat(lineHeight), 0) ? safeNum(parseFloat(fontSize), 16) * 1.2 : parseFloat(lineHeight);
+    measurer.remove(), this.el.style.removeProperty("display");
+  }
+  preview(cue = `${capitalize(this.media.container.dataset.trackKind || "captions")} look like this`, flush = this.isPreviewing()) {
+    const text = isStr(cue) ? cue : cue.text || "", should = flush || !this.ctlr.isUIActive("captions") || !this.el.textContent;
+    should && this.media.container.classList.add("tmg-media-captions-preview");
+    this.render(should ? (0, import_utils3.isObj)(cue) ? cue : { text: cue } : this.prevCue);
+    clearTimeout(this.timeoutId);
+    this.timeoutId = (0, import_utils5.setTimeout)((flush2 = this.isPreviewing(text)) => (this.media.container.classList.remove("tmg-media-captions-preview"), flush2 && (this.el.innerHTML = "")), this.settings.captions.previewTimeout, this.signal);
+    this.lastPreview = text;
+  }
+  isPreviewing(text = this.lastPreview) {
+    return !!this.el.innerHTML && this.el.textContent.replace(/\s/g, "") === text?.replace(/\s/g, "");
+  }
+  render(cue) {
+    const existing = this.el.querySelector(".tmg-media-captions-wrapper");
+    if (!cue) return existing?.remove();
+    const wrapper = existing ?? (0, import_utils.createEl)("div", { className: "tmg-media-captions-wrapper", ariaLive: "Off", ariaAtomic: "true" }, { part: "cue-display" }), { offsetWidth: vCWidth, offsetHeight: vCHeight } = this.media.container, allowOverride = this.settings.captions.allowOverride || !this.isMain;
+    for (const attr of ["style", "data-active", "data-scroll"]) this.el.removeAttribute(attr);
+    if (!this.isMain) this.dragX && this.el.style.setProperty("--tmg-media-current-captions-x", this.dragX), this.dragY && this.el.style.setProperty("--tmg-media-current-captions-y", this.dragY);
+    wrapper.innerHTML = "", cue.text || (cue.text = ""), this.prevCue = cue;
+    const lines = cue.text.replace(/(<br\s*\/>)|\\N/gi, "\n").split(/\n/);
+    for (const p of lines) for (const l of formatVttLine(p, Math.floor(vCWidth / this.charW))) wrapper.append((0, import_utils.createEl)("div", { className: "tmg-media-captions-line" }, cue.id ? { part: "cue", id: cue.id } : { part: "cue" }, allowOverride && cue.align ? { textAlign: cue.align } : void 0).appendChild((0, import_utils.createEl)("span", { className: "tmg-media-captions-text", innerHTML: parseVttText(l) })).parentElement);
+    !existing && this.el.append(wrapper);
+    const { offsetWidth: cWidth, offsetHeight: cHeight } = this.element;
+    this.isMain ? this.settings.css.currentCaptionsContainerHeight = `${cHeight}px` : this.el.style.setProperty("--tmg-media-current-captions-container-height", `${cHeight}px`);
+    this.isMain ? this.settings.css.currentCaptionsContainerWidth = `${cWidth}px` : this.el.style.setProperty("--tmg-media-current-captions-container-width", `${cWidth}px`);
+    if (allowOverride) {
+      if (cue.region) {
+        this.el.setAttribute("data-active", "");
+        const { width, lines: regionLines, viewportAnchorX: vpAnX, viewportAnchorY: vpAnY, scroll } = cue.region;
+        if (isDef(vpAnX)) this.el.style.setProperty("--tmg-media-current-captions-x", `${vpAnX}%`);
+        if (isDef(vpAnY)) this.el.style.setProperty("--tmg-media-current-captions-y", `${100 - Number(vpAnY)}%`);
+        if (isDef(width)) this.el.style.maxWidth = `${width}%`;
+        if (isDef(regionLines)) this.el.style.maxHeight = `${Number(regionLines) * (this.lineHPx / vCHeight * 100)}%`;
+        if (scroll === "up") {
+          this.el.style.maxHeight = `${regionLines * (this.lineHPx / vCHeight * 100)}%`;
+          this.el.dataset.scroll = scroll;
+          this.ctlr.config.stall(() => this.el.scrollTop = wrapper.scrollHeight);
+        }
+      } else {
+        if (isDef(cue.position) && cue.position !== "auto") {
+          const elHalfWPct = cWidth / vCWidth * 100 / 2, posOffset = cue.positionAlign === "line-left" ? 0 : cue.positionAlign === "line-right" ? -2 * elHalfWPct : -elHalfWPct;
+          this.el.style.setProperty("--tmg-media-current-captions-x", `calc(${cue.position}% + ${posOffset}% + ${elHalfWPct}%)`);
+        }
+        if (isDef(cue.line) && cue.line !== "auto") {
+          const line = parseIfPercent(cue.line, 100), lhPct = this.lineHPx / vCHeight * 100, elHalfHPct = cHeight / vCHeight * 100 / 2, lAlign = cue.lineAlign && cue.lineAlign !== "auto" ? cue.lineAlign : line < 0 ? "end" : "start", lineOffset = lAlign === "start" ? -2 * elHalfHPct : lAlign === "end" ? 0 : -elHalfHPct, bottomVal = cue.snapToLines ? line < 0 ? (Math.abs(line) - 1) * lhPct : 100 - line * lhPct : 100 - line;
+          this.el.style.setProperty("--tmg-media-current-captions-y", `calc(${bottomVal}% + ${lineOffset}% + ${elHalfHPct}%)`);
+        }
+        if (isDef(cue.size) && cue.size !== 100) this.el.style.maxWidth = `${cue.size}%`;
+      }
+      if (cue.vertical) this.el.style.writingMode = cue.vertical === "lr" ? "vertical-lr" : "vertical-rl";
+    }
+    this.karaokeNodes = Array.from(wrapper.querySelectorAll("[data-part='timed']")).map((el) => {
+      const [, m, s, ms] = (el.dataset.time || "").match(/(\d+):(\d+)\.(\d+)/) || [];
+      return { el, time: m ? +m * 60 + +s + +ms / 1e3 : 0 };
+    });
+    this.syncKaraoke();
+  }
+  syncKaraoke() {
+    if (!this.karaokeNodes) return;
+    for (const { el, time } of this.karaokeNodes) {
+      const isPast = safeNum(this.media.state.currentTime) > time;
+      el.toggleAttribute("data-past", isPast), el.toggleAttribute("data-future", !isPast);
+    }
+  }
+  handleDragStart(e) {
+    this.el.setPointerCapture(e.pointerId);
+    const { left, bottom } = getComputedStyle(this.element);
+    this.lastPosX = parseFloat(left), this.lastPosY = parseFloat(bottom);
+    this.lastPtrX = e.clientX, this.lastPtrY = e.clientY;
+    this.el.addEventListener("pointermove", this.handleDragging, { signal: this.signal });
+    this.el.addEventListener("pointerup", this.handleDragEnd, { signal: this.signal });
+  }
+  handleDragging(e) {
+    this.media.container.classList.add("tmg-media-captions-dragging");
+    this.ctlr.RAFLoop("captionsDragging", () => {
+      if (e.clientX === this.prevEX && e.clientY === this.prevEY) return;
+      this.prevEX = e.clientX, this.prevEY = e.clientY;
+      const { offsetWidth: ww, offsetHeight: hh } = this.media.container, { offsetWidth: w, offsetHeight: h } = this.element, posX = (0, import_utils4.clamp)(w / 2, this.lastPosX + (e.clientX - this.lastPtrX), ww - w / 2), posY = (0, import_utils4.clamp)(h / 2, this.lastPosY - (e.clientY - this.lastPtrY), hh - h / 2);
+      if (this.isMain) this.settings.css.currentCaptionsX = `${posX / ww * 100}%`, this.settings.css.currentCaptionsY = `${posY / hh * 100}%`;
+      else this.el.style.setProperty("--tmg-media-current-captions-x", this.dragX = `${posX / ww * 100}%`), this.el.style.setProperty("--tmg-media-current-captions-y", this.dragY = `${posY / hh * 100}%`);
+    });
+  }
+  handleDragEnd() {
+    this.ctlr.cancelRAFLoop("captionsDragging");
+    this.media.container.classList.remove("tmg-media-captions-dragging");
+    this.el.removeEventListener("pointermove", this.handleDragging);
+    this.el.removeEventListener("pointerup", this.handleDragEnd);
+  }
+};
+__publicField(CaptionsView, "componentName", "captionsview");
+//# sourceMappingURL=captionsview.cjs.map

package/dist/components/captionsview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ts/components/captionsview.ts","../../src/ts/core/controllable.ts","../../../t007-tools/packages/utils/dist/chunk-ZALPHCSJ.js","../../src/ts/utils/obj.ts","../../src/ts/components/base/index.ts","../../src/ts/utils/num.ts","../../src/ts/utils/dom.ts","../../src/ts/utils/media.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"./base\";\r\nimport type { CueLike } from \"@plugs/settings/captions\";\r\nimport { capitalize } from \"@utils/str\";\r\nimport { clamp, parseIfPercent, safeNum } from \"@utils/num\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { formatVttLine, parseVttText } from \"@utils/media\";\r\nimport { isDef, isObj, isStr } from \"@utils/obj\";\r\nimport { setTimeout } from \"@utils/fn\";\r\n\r\nexport type CaptionsViewConfig = { secondaryOrder?: number };\r\ntype KaraokeNode = { el: HTMLElement; time: number };\r\n\r\nexport class CaptionsView extends BaseComponent<CaptionsViewConfig, ComponentState, HTMLDivElement> {\r\n  public static readonly componentName: string = \"captionsview\";\r\n  public isMain = false;\r\n  protected prevCue: CueLike | null = null;\r\n  protected karaokeNodes: KaraokeNode[] | null = null;\r\n  protected lastPreview = \"\";\r\n  protected timeoutId = -1;\r\n  protected charW = 0;\r\n  protected lineHPx = 0;\r\n  protected lastPosX = 0;\r\n  protected lastPosY = 0;\r\n  protected lastPtrX = 0;\r\n  protected lastPtrY = 0;\r\n  protected dragX?: string;\r\n  protected dragY?: string;\r\n\r\n  public override create(): HTMLDivElement {\r\n    return (this.element = createEl(\"div\", { className: \"tmg-media-captions-container\" }, { part: \"region\" }));\r\n  }\r\n\r\n  public override mount(): void {\r\n    // DOM Injection\r\n    this.ctlr.DOM.controlsContainer?.prepend(this.element);\r\n  }\r\n\r\n  public override wire(): void {\r\n    //Variables Assignment\r\n    if (!(this.isMain = this.element === this.ctlr.DOM.captionsContainer)) this.dragY = `calc((var(--tmg-media-current-captions-container-height) * ${this.config.secondaryOrder ?? 1}) + (var(--tmg-media-current-captions-container-height) / 2) + (var(--tmg-media-current-unit) / 2))`; // Offset secondary captions to avoid overlap, CSS clamps\r\n    // Event Listeners\r\n    this.el.addEventListener(\"pointerdown\", this.handleDragStart, { signal: this.signal });\r\n    // Ctlr State Watchers\r\n    this.ctlr.state.watch(\"dimensions.container.width\", () => (this.syncSize(), this.preview(\"\")), { init: true, signal: this.signal });\r\n  }\r\n\r\n  public syncSize(): void {\r\n    this.el.style.setProperty(\"display\", \"block\", \"important\");\r\n    const measurer = createEl(\"span\", { className: \"tmg-media-captions-text\", innerHTML: \"abcdefghijklmnopqrstuvwxyz\".repeat(2) }, {}, { visibility: \"hidden\" });\r\n    this.el.append(measurer);\r\n    this.charW = measurer.offsetWidth / 52;\r\n    const { lineHeight, fontSize } = getComputedStyle(measurer);\r\n    this.lineHPx = !safeNum(parseFloat(lineHeight), 0) ? safeNum(parseFloat(fontSize), 16) * 1.2 : parseFloat(lineHeight);\r\n    measurer.remove(), this.el.style.removeProperty(\"display\");\r\n  }\r\n\r\n  public preview(cue: CueLike | string = `${capitalize(this.media.container.dataset.trackKind || \"captions\")} look like this`, flush = this.isPreviewing()): void {\r\n    const text = isStr(cue) ? cue : cue.text || \"\",\r\n      should = flush || !this.ctlr.isUIActive(\"captions\") || !this.el.textContent;\r\n    should && this.media.container.classList.add(\"tmg-media-captions-preview\");\r\n    this.render(should ? (isObj(cue) ? cue : { text: cue }) : this.prevCue);\r\n    clearTimeout(this.timeoutId);\r\n    this.timeoutId = setTimeout((flush = this.isPreviewing(text)) => (this.media.container.classList.remove(\"tmg-media-captions-preview\"), flush && (this.el.innerHTML = \"\")), this.settings.captions.previewTimeout, this.signal);\r\n    this.lastPreview = text;\r\n  }\r\n  public isPreviewing(text = this.lastPreview): boolean {\r\n    return !!this.el.innerHTML && this.el.textContent.replace(/\\s/g, \"\") === text?.replace(/\\s/g, \"\");\r\n  }\r\n\r\n  public render(cue: CueLike | null): void {\r\n    const existing = this.el.querySelector<HTMLElement>(\".tmg-media-captions-wrapper\");\r\n    if (!cue) return existing?.remove();\r\n    const wrapper = existing ?? createEl(\"div\", { className: \"tmg-media-captions-wrapper\", ariaLive: \"Off\", ariaAtomic: \"true\" }, { part: \"cue-display\" }),\r\n      { offsetWidth: vCWidth, offsetHeight: vCHeight } = this.media.container,\r\n      allowOverride = this.settings.captions.allowOverride || !this.isMain;\r\n    for (const attr of [\"style\", \"data-active\", \"data-scroll\"]) this.el.removeAttribute(attr);\r\n    if (!this.isMain) this.dragX && this.el.style.setProperty(\"--tmg-media-current-captions-x\", this.dragX), this.dragY && this.el.style.setProperty(\"--tmg-media-current-captions-y\", this.dragY);\r\n    (wrapper.innerHTML = \"\"), (cue.text ||= \"\"), (this.prevCue = cue);\r\n    const lines = cue.text.replace(/(<br\\s*\\/>)|\\\\N/gi, \"\\n\").split(/\\n/);\r\n    for (const p of lines) for (const l of formatVttLine(p, Math.floor(vCWidth / this.charW))) wrapper.append(createEl(\"div\", { className: \"tmg-media-captions-line\" }, cue.id ? { part: \"cue\", id: cue.id } : { part: \"cue\" }, allowOverride && cue.align ? { textAlign: cue.align } : undefined)!.appendChild(createEl(\"span\", { className: \"tmg-media-captions-text\", innerHTML: parseVttText(l) })!).parentElement!);\r\n    !existing && this.el.append(wrapper);\r\n    const { offsetWidth: cWidth, offsetHeight: cHeight } = this.element;\r\n    this.isMain ? (this.settings.css.currentCaptionsContainerHeight = `${cHeight}px`) : this.el.style.setProperty(\"--tmg-media-current-captions-container-height\", `${cHeight}px`);\r\n    this.isMain ? (this.settings.css.currentCaptionsContainerWidth = `${cWidth}px`) : this.el.style.setProperty(\"--tmg-media-current-captions-container-width\", `${cWidth}px`);\r\n    if (allowOverride) {\r\n      if (cue.region) {\r\n        this.el.setAttribute(\"data-active\", \"\");\r\n        const { width, lines: regionLines, viewportAnchorX: vpAnX, viewportAnchorY: vpAnY, scroll } = cue.region;\r\n        if (isDef(vpAnX)) this.el.style.setProperty(\"--tmg-media-current-captions-x\", `${vpAnX}%`);\r\n        if (isDef(vpAnY)) this.el.style.setProperty(\"--tmg-media-current-captions-y\", `${100 - Number(vpAnY)}%`);\r\n        if (isDef(width)) this.el.style.maxWidth = `${width}%`;\r\n        if (isDef(regionLines)) this.el.style.maxHeight = `${Number(regionLines) * ((this.lineHPx / vCHeight) * 100)}%`;\r\n        if (scroll === \"up\") {\r\n          this.el.style.maxHeight = `${regionLines! * ((this.lineHPx / vCHeight) * 100)}%`;\r\n          this.el.dataset.scroll = scroll;\r\n          this.ctlr.config.stall(() => (this.el.scrollTop = wrapper.scrollHeight));\r\n        }\r\n      } else {\r\n        if (isDef(cue.position) && cue.position !== \"auto\") {\r\n          const elHalfWPct = ((cWidth / vCWidth) * 100) / 2,\r\n            posOffset = cue.positionAlign === \"line-left\" ? 0 : cue.positionAlign === \"line-right\" ? -2 * elHalfWPct : -elHalfWPct;\r\n          this.el.style.setProperty(\"--tmg-media-current-captions-x\", `calc(${cue.position}% + ${posOffset}% + ${elHalfWPct}%)`);\r\n        }\r\n        if (isDef(cue.line) && cue.line !== \"auto\") {\r\n          const line = parseIfPercent(cue.line, 100),\r\n            lhPct = (this.lineHPx / vCHeight) * 100,\r\n            elHalfHPct = ((cHeight / vCHeight) * 100) / 2,\r\n            lAlign = cue.lineAlign && cue.lineAlign !== \"auto\" ? cue.lineAlign : line < 0 ? \"end\" : \"start\",\r\n            lineOffset = lAlign === \"start\" ? -2 * elHalfHPct : lAlign === \"end\" ? 0 : -elHalfHPct,\r\n            bottomVal = cue.snapToLines ? (line < 0 ? (Math.abs(line) - 1) * lhPct : 100 - line * lhPct) : 100 - line;\r\n          this.el.style.setProperty(\"--tmg-media-current-captions-y\", `calc(${bottomVal}% + ${lineOffset}% + ${elHalfHPct}%)`);\r\n        }\r\n        if (isDef(cue.size) && cue.size !== 100) this.el.style.maxWidth = `${cue.size}%`;\r\n      }\r\n      if (cue.vertical) this.el.style.writingMode = cue.vertical === \"lr\" ? \"vertical-lr\" : \"vertical-rl\";\r\n    }\r\n    this.karaokeNodes = Array.from(wrapper.querySelectorAll<HTMLElement>(\"[data-part='timed']\")).map((el) => {\r\n      const [, m, s, ms] = (el.dataset.time || \"\").match(/(\\d+):(\\d+)\\.(\\d+)/) || [];\r\n      return { el, time: m ? +m * 60 + +s + +ms / 1000 : 0 };\r\n    });\r\n    this.syncKaraoke();\r\n  }\r\n\r\n  public syncKaraoke(): void {\r\n    if (!this.karaokeNodes) return;\r\n    for (const { el, time } of this.karaokeNodes) {\r\n      const isPast = safeNum(this.media.state.currentTime) > time;\r\n      el.toggleAttribute(\"data-past\", isPast), el.toggleAttribute(\"data-future\", !isPast);\r\n    }\r\n  }\r\n\r\n  protected handleDragStart(e: PointerEvent): void {\r\n    this.el.setPointerCapture(e.pointerId);\r\n    const { left, bottom } = getComputedStyle(this.element);\r\n    (this.lastPosX = parseFloat(left)), (this.lastPosY = parseFloat(bottom));\r\n    (this.lastPtrX = e.clientX), (this.lastPtrY = e.clientY);\r\n    this.el.addEventListener(\"pointermove\", this.handleDragging, { signal: this.signal });\r\n    this.el.addEventListener(\"pointerup\", this.handleDragEnd, { signal: this.signal });\r\n  }\r\n\r\n  protected handleDragging(e: PointerEvent): void {\r\n    this.media.container.classList.add(\"tmg-media-captions-dragging\");\r\n    this.ctlr.RAFLoop(\"captionsDragging\", () => {\r\n      if (e.clientX === this.prevEX && e.clientY === this.prevEY) return; // #CONSERVATION: peak stays peak\r\n      (this.prevEX = e.clientX), (this.prevEY = e.clientY);\r\n      const { offsetWidth: ww, offsetHeight: hh } = this.media.container,\r\n        { offsetWidth: w, offsetHeight: h } = this.element,\r\n        posX = clamp(w / 2, this.lastPosX + (e.clientX - this.lastPtrX), ww - w / 2),\r\n        posY = clamp(h / 2, this.lastPosY - (e.clientY - this.lastPtrY), hh - h / 2);\r\n      if (this.isMain) (this.settings.css.currentCaptionsX = `${(posX / ww) * 100}%`), (this.settings.css.currentCaptionsY = `${(posY / hh) * 100}%`);\r\n      else this.el.style.setProperty(\"--tmg-media-current-captions-x\", (this.dragX = `${(posX / ww) * 100}%`)), this.el.style.setProperty(\"--tmg-media-current-captions-y\", (this.dragY = `${(posY / hh) * 100}%`));\r\n    });\r\n  }\r\n  private prevEX?: number;\r\n  private prevEY?: number;\r\n\r\n  protected handleDragEnd(): void {\r\n    this.ctlr.cancelRAFLoop(\"captionsDragging\");\r\n    this.media.container.classList.remove(\"tmg-media-captions-dragging\");\r\n    this.el.removeEventListener(\"pointermove\", this.handleDragging);\r\n    this.el.removeEventListener(\"pointerup\", this.handleDragEnd);\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    captionsview: typeof CaptionsView;\r\n  }\r\n}\r\n","import { Controller } from \"./controller\";\r\nimport { type Reactive, reactive } from \"sia-reactor\";\r\nimport { nuke } from \"sia-reactor/utils\";\r\nimport { guardAllMethods } from \"@utils/methd\";\r\nimport { isObj } from \"@utils/obj\";\r\nimport { isFunc } from \"@t007/utils\";\r\n\r\n// A lifecylce controlled by it's Controller\r\n// Try to use methods for most things so they can be customized when extended and also auto guarded\r\nexport abstract class Controllable<Config = any, State = any> {\r\n  protected readonly ac = new AbortController();\r\n  protected readonly signal = this.ac.signal;\r\n  public readonly ctlr: Controller;\r\n  public readonly media: Controller[\"media\"];\r\n  public readonly state!: State extends object ? Reactive<State> : State; // for reactivity needs of those who pass it up\r\n  public config: Config; // may be a reactive obj node or the obj itself\r\n  public get settings() {\r\n    return this.ctlr.settings; // can change ref\r\n  } // for easy reach, better devx\r\n\r\n  constructor(ctlr: Controller, config: Config, state?: State) {\r\n    guardAllMethods(this, ctlr.guard);\r\n    this.signal = AbortSignal.any([this.signal, ctlr.signal]);\r\n    this.ctlr = ctlr;\r\n    this.media = ctlr.media; // can't change ref\r\n    this.state = (isObj(state) ? reactive(state) : state) as Controllable[\"state\"];\r\n    this.config = config;\r\n  }\r\n\r\n  public setup(): this {\r\n    return this.onSetup(), this; // We let the subclass do its work\r\n  }\r\n  protected abstract onSetup(): void;\r\n\r\n  public destroy(): void {\r\n    !this.signal.aborted && this.ac.abort(`[TMG Controllable] Instance is being destroyed`); // incase controller already aborted, kills all listeners and timers before proper destruction below\r\n    this.onDestroy(), (this.state as any)?.destroy?.(), this.config !== this.media && isFunc((this.config as any)?.destroy) && (this.config as any)?.destroy?.(); // Can I clean here?... Anatoly :)\r\n    nuke(this);\r\n  }\r\n  protected onDestroy(): void {}\r\n}\r\n","// src/ts/core/dom.ts\nimport { createEl, assignEl } from \"sia-reactor/utils\";\nimport { getActiveEl } from \"sia-reactor/utils\";\nimport { NOOP } from \"sia-reactor\";\nvar INTERACTIVE_SELECTOR = \":is(button,[href],input:not([type='hidden']),select,textarea,details>summary,[contenteditable],iframe,audio[controls],video[controls],[tabindex]):not([disabled],[tabindex='-1'],[data-focus-guard],[inert],[inert] *)\";\nvar isInteractive = (target) => target instanceof HTMLElement && target.matches(INTERACTIVE_SELECTOR);\nvar VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for(\"T007_VIRTUAL_RESOURCE\");\nfunction loadResource(req, type = \"style\", { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, win = window) {\n  win.t007 ??= {}, win.t007._resourceCache ??= {};\n  if (req === VIRTUAL_RESOURCE || isSym(req)) return Promise.resolve();\n  const src = req;\n  if (win.t007._resourceCache[src]) return win.t007._resourceCache[src];\n  const existing = type === \"script\" ? Array.prototype.find.call(win.document.scripts, (s) => isSameURL(s.src, src)) : type === \"style\" ? Array.prototype.find.call(win.document.styleSheets, (s) => isSameURL(s.href, src)) : null;\n  if (existing) return win.t007._resourceCache[src] = Promise.resolve(existing);\n  win.t007._resourceCache[src] = new Promise((resolve, reject) => {\n    (function tryLoad(remaining, el) {\n      const onerror = () => {\n        el?.remove?.();\n        if (remaining > 1) {\n          setTimeout(tryLoad, 1e3, remaining - 1);\n          console.warn(`Retrying ${type} load for \"${src}\" (${attempts - remaining + 1})...`);\n        } else {\n          delete win.t007._resourceCache[src];\n          reject(new Error(`${capitalize(type)} load failed for \"${src}\" after ${attempts - 1} attempts`));\n        }\n      };\n      const url = retryKey && remaining < attempts ? `${src}${src.includes(\"?\") ? \"&\" : \"?\"}_${retryKey}=${Date.now()}` : src;\n      if (type === \"script\") win.document.body.append(el = createEl(\"script\", { src: url, type: module ? \"module\" : \"text/javascript\", crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, onload: () => resolve(el), onerror }) || \"\");\n      else if (type === \"style\") win.document.head.append(el = createEl(\"link\", { rel: \"stylesheet\", href: url, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, onload: () => resolve(el), onerror }) || \"\");\n      else reject(new Error(`Unsupported resource type: ${type}`));\n    })(attempts);\n  });\n  return win.t007._resourceCache[src];\n}\nfunction getWindow(el = window) {\n  return el?.ownerDocument?.defaultView ?? el?.defaultView ?? window;\n}\nfunction createListRenderer({ container, getKey, createNode, updateNode = NOOP, destroyNode = NOOP, initNode }) {\n  let nodeRegistry = /* @__PURE__ */ new Map();\n  if (initNode) {\n    const children = Array.from(container.children);\n    for (let i = 0, len = children.length; i < len; i++) initNode(children[i], (key) => nodeRegistry.set(key, children[i]));\n  }\n  return function syncDOM(array, strict = true) {\n    const newRegistry = /* @__PURE__ */ new Map(), seenKeys = /* @__PURE__ */ new Set(), oldPositions = /* @__PURE__ */ new WeakMap(), children = Array.from(container.children);\n    for (let i = 0, len = children.length; i < len; i++) oldPositions.set(children[i], i);\n    const futureNodes = [], oldIndices = [];\n    for (let i = 0, len = array.length; i < len; i++) {\n      const item = array[i], key = getKey(item);\n      if (seenKeys.has(key)) throw new Error(`[List Renderer] Duplicate key \"${key}\" detected`);\n      let node = nodeRegistry.get(key);\n      if (!node) {\n        node = createNode(item);\n        if (!node) {\n          if (strict) throw new Error(`[List Renderer] No HTMLElement for key \"${key}\"`);\n          continue;\n        }\n        oldIndices.push(-1);\n      } else updateNode(node, item), oldIndices.push(oldPositions.get(node) ?? -1);\n      seenKeys.add(key), futureNodes.push(node), newRegistry.set(key, node);\n    }\n    for (const [key, node] of nodeRegistry.entries()) !seenKeys.has(key) && node.parentElement === container && (destroyNode(node, key), node.remove());\n    const sequence = longestIncreasingSubsequence(oldIndices), stable = new Set(sequence);\n    let anchor = null;\n    for (let i = futureNodes.length - 1; i >= 0; i--) {\n      const node = futureNodes[i];\n      if (oldIndices[i] !== -1 && stable.has(i)) {\n        anchor = node;\n        continue;\n      }\n      container.insertBefore(node, anchor), anchor = node;\n    }\n    nodeRegistry = newRegistry;\n  };\n}\n\n// src/ts/index.ts\nimport { NIL, NOOP as NOOP2 } from \"sia-reactor\";\n\n// src/ts/core/obj.ts\nimport { isObj } from \"sia-reactor/utils\";\nfunction isDef(val) {\n  return \"undefined\" !== typeof val;\n}\nfunction isSym(val) {\n  return \"symbol\" === typeof val;\n}\nfunction isBool(val) {\n  return \"boolean\" === typeof val;\n}\nfunction isNum(val) {\n  return \"number\" === typeof val;\n}\nfunction isStr(val) {\n  return \"string\" === typeof val;\n}\nfunction isArr(obj) {\n  return Array.isArray(obj);\n}\nfunction isPOJO(obj, crossRealms = false, typecheck = true) {\n  return (typecheck ? isObj(obj, false) : true) && (crossRealms ? Object.prototype.toString.call(obj) === \"[object Object]\" : obj.constructor === Object);\n}\nfunction isIter(obj) {\n  return obj != null && \"function\" === typeof obj[Symbol.iterator];\n}\nfunction isFunc(val) {\n  return \"function\" === typeof val;\n}\nfunction inBoolArrOpt(opt, str) {\n  return opt?.includes?.(str) ?? opt;\n}\n\n// src/ts/core/num.ts\nimport { clamp } from \"sia-reactor/utils\";\nfunction longestIncreasingSubsequence(array) {\n  const n = array.length, parent = new Array(n), tails = [];\n  for (let i = 0; i < n; i++) {\n    const value = array[i];\n    if (value === -1) continue;\n    let left = 0;\n    let right = tails.length;\n    while (left < right) {\n      const mid = left + right >> 1;\n      if (array[tails[mid]] < value) left = mid + 1;\n      else right = mid;\n    }\n    if (left > 0) parent[i] = tails[left - 1];\n    else parent[i] = -1;\n    tails[left] = i;\n  }\n  if (!tails.length) return [];\n  const result = [];\n  let k = tails[tails.length - 1];\n  while (k >= 0) result.push(k), k = parent[k];\n  return result.reverse(), result;\n}\n\n// src/ts/core/str.ts\nfunction uid(prefix = \"\") {\n  return prefix + Date.now().toString(36) + \"_\" + performance.now().toString(36).replace(\".\", \"\") + \"_\" + Math.random().toString(36).slice(2);\n}\nfunction capitalize(word = \"\") {\n  return word.replace(/^(\\s*)([a-z])/i, (_, s, l) => s + l.toUpperCase());\n}\nfunction camelize(str = \"\", { source } = /[\\s_-]+/, { preserveInnerCase: pIC = true, upperFirst: uF = false } = {}) {\n  return (pIC ? str : str.toLowerCase()).replace(new RegExp(source + \"(\\\\w)\", \"g\"), (_, c) => c.toUpperCase()).replace(/^\\w/, (c) => c[uF ? \"toUpperCase\" : \"toLowerCase\"]());\n}\nfunction uncamelize(str, separator = \" \") {\n  return str.replace(/([a-z])([A-Z])/g, `$1${separator}$2`).toLowerCase();\n}\nfunction remToPx(rem, el = document.documentElement) {\n  return rem * parseFloat(getComputedStyle(el).fontSize);\n}\nfunction pxToRem(px, el = document.documentElement) {\n  return px / parseFloat(getComputedStyle(el).fontSize);\n}\nfunction parseCSSTime(time) {\n  return time?.endsWith?.(\"ms\") ? parseFloat(time) : parseFloat(time) * 1e3;\n}\nfunction parseCSSSize(size, el) {\n  return size?.endsWith?.(\"px\") ? parseFloat(size) : remToPx(parseFloat(size), el);\n}\nfunction cleanURL(url) {\n  try {\n    const u = new URL(url, window.location.href);\n    return decodeURIComponent(u.origin + u.pathname);\n  } catch {\n    return url.replace(/\\\\/g, \"/\").split(\"?\")[0].trim();\n  }\n}\nfunction isSameURL(url1, url2) {\n  if (url1 === url2) return true;\n  if (!isStr(url1) || !isStr(url2) || !url1 || !url2) return false;\n  return cleanURL(url1) === cleanURL(url2);\n}\n\n// src/ts/core/fn.ts\nimport { setTimeout as setTimeout2, setInterval, requestAnimationFrame } from \"sia-reactor/utils\";\nfunction throttle(key, fn, delay = 30, strict = true, signal, win) {\n  const throttleMap = t007._throttlers ??= /* @__PURE__ */ new Map();\n  if (strict === true) {\n    const now = performance.now();\n    return now - (throttleMap.get(key) ?? 0) < delay ? void 0 : (throttleMap.set(key, now), fn());\n  }\n  if (throttleMap.has(key)) return;\n  const id = strict === false ? setTimeout2(() => throttleMap.delete(key), delay, signal, win) : strict(() => throttleMap.delete(key));\n  return throttleMap.set(key, id), fn();\n}\nfunction debounce(key, fn, delay = 30, strict = true, signal, win) {\n  const debounceMap = t007._debouncers ??= /* @__PURE__ */ new Map();\n  if (strict) {\n    const now = performance.now(), prev = debounceMap.get(key) ?? 0;\n    return debounceMap.set(key, now), now - prev < delay ? void 0 : fn();\n  }\n  const prevId = debounceMap.get(key);\n  prevId !== void 0 && (win ?? window).clearTimeout(prevId);\n  const id = setTimeout2(() => (debounceMap.delete(key), fn()), delay, signal, win);\n  return void debounceMap.set(key, id);\n}\nfunction RAFLoop(key, fn, signal, win) {\n  const rafLoopMap = t007._RAFLoopers ??= /* @__PURE__ */ new Map();\n  if (rafLoopMap.has(key)) return void rafLoopMap.set(key, fn);\n  rafLoopMap.set(key, fn);\n  const loop = (_ = 0, fn2 = rafLoopMap.get(key)) => fn2 && (fn2(), requestAnimationFrame(loop, signal, win));\n  loop();\n}\nvar cancelRAFLoop = (key) => t007._RAFLoopers ? t007._RAFLoopers.delete(key) : false;\nfunction limited(FN_KEY, fn, opts = {}) {\n  let count = 0, { key, maxTimes: max = 1, oncePerSession = true } = isStr(opts) ? { key: opts } : opts;\n  const getReg = () => JSON.parse(localStorage.getItem(FN_KEY) || \"{}\"), setReg = (r) => localStorage.setItem(FN_KEY, JSON.stringify(r));\n  const handle = (...args) => {\n    if (oncePerSession && count > 0) return void 0;\n    if (!key) return count++ < max ? fn(...args) : void 0;\n    const r = getReg(), c = r[key] || 0;\n    return c < max ? (count++, r[key] = c + 1, setReg(r), fn(...args)) : void 0;\n  };\n  handle.left = max - (handle.count = count);\n  handle.reset = () => (count = 0, key && ((r) => (delete r[key], setReg(r)))(getReg()));\n  handle.block = () => (count = max, key && ((r) => (r[key] = max, setReg(r)))(getReg()));\n  return handle;\n}\nvar mockAsync = (timeout = 250) => new Promise((resolve) => setTimeout2(resolve, timeout));\nvar breath = (w = window) => new Promise((res) => w.requestAnimationFrame(res));\nvar deepBreath = (w = window) => new Promise((res) => w.requestAnimationFrame(() => w.requestAnimationFrame(res)));\nfunction bindCleanupToSignal(cleanup, signal) {\n  signal?.aborted ? cleanup() : signal?.addEventListener(\"abort\", cleanup, { once: true });\n  if (signal && !signal.aborted) cleanup = (() => (signal.removeEventListener(\"abort\", cleanup), cleanup()));\n  return cleanup;\n}\n\n// src/ts/core/keys.ts\nimport { KEYS_BLOCKS, parseKeyCombo, stringifyKeyEvent, cleanKeyCombo, matchKeys, getTermsForKey, keyEventAllowed, formatKeyForDisplay, formatKeyShortcutsForDisplay, parseForARIAKS } from \"sia-reactor/utils\";\n\n// src/ts/core/file.ts\nfunction formatSize(bytes, decimals = 3, base = 1e3) {\n  if (bytes < base) return `${bytes} byte${bytes == 1 ? \"\" : \"s\"}`;\n  const units = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"], exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(base)), units.length - 1);\n  return `${(bytes / Math.pow(base, exponent)).toFixed(decimals).replace(/\\.0+$/, \"\")} ${units[exponent]}`;\n}\n\n// src/ts/mixins/methd.ts\nimport { onAllMethods, bindAllMethods, guardAllMethods, guardMethod } from \"sia-reactor/utils\";\n\n// src/ts/index.ts\nif (\"undefined\" !== typeof window) {\n  (window.t007 ??= {}).VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;\n  window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;\n  window.T007_INPUT_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest`;\n  window.T007_DIALOG_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`;\n  window.T007_TOAST_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.min.css`;\n  window.T007_INPUT_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.min.css`;\n  window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`;\n}\n\nexport {\n  createEl,\n  assignEl,\n  INTERACTIVE_SELECTOR,\n  isInteractive,\n  VIRTUAL_RESOURCE,\n  loadResource,\n  getWindow,\n  createListRenderer,\n  getActiveEl,\n  isObj,\n  isDef,\n  isSym,\n  isBool,\n  isNum,\n  isStr,\n  isArr,\n  isPOJO,\n  isIter,\n  isFunc,\n  inBoolArrOpt,\n  longestIncreasingSubsequence,\n  clamp,\n  uid,\n  capitalize,\n  camelize,\n  uncamelize,\n  remToPx,\n  pxToRem,\n  parseCSSTime,\n  parseCSSSize,\n  cleanURL,\n  isSameURL,\n  setTimeout2 as setTimeout,\n  setInterval,\n  requestAnimationFrame,\n  throttle,\n  debounce,\n  RAFLoop,\n  cancelRAFLoop,\n  limited,\n  mockAsync,\n  breath,\n  deepBreath,\n  bindCleanupToSignal,\n  KEYS_BLOCKS,\n  parseKeyCombo,\n  stringifyKeyEvent,\n  cleanKeyCombo,\n  matchKeys,\n  getTermsForKey,\n  keyEventAllowed,\n  formatKeyForDisplay,\n  formatKeyShortcutsForDisplay,\n  parseForARIAKS,\n  formatSize,\n  onAllMethods,\n  bindAllMethods,\n  guardAllMethods,\n  guardMethod,\n  NIL,\n  NOOP2 as NOOP\n};\n","import { camelize } from \"./str\";\r\nimport type { Control, ControlPanelBottomTuple } from \"@plugs/settings/controlPanel/types\";\r\nimport { type Paths, type PathValue } from \"sia-reactor\";\r\nimport { setPath } from \"sia-reactor/utils\";\r\nimport type { UIObject, UISettings, UIOption, UITuple } from \"@defs/UIOptions\";\r\nimport { isObj, isArr } from \"@t007/utils\";\r\n\r\nexport { isArr, isObj };\r\nexport { isDef, isSym, isBool, isNum, isStr, isPOJO, isIter, isFunc, inBoolArrOpt } from \"@t007/utils\";\r\n\r\n// Type Guards\r\nexport function isUISetting<T = unknown>(obj: unknown): obj is UISettings<T> {\r\n  return isObj(obj) && \"options\" in obj && isArr((obj as UISettings<T>).options);\r\n}\r\nexport function isUIOption<T>(opt: UIOption<T>): opt is UITuple<T> {\r\n  return isObj(opt) && \"value\" in (opt as object);\r\n}\r\n\r\n// Assignment & Derivation\r\nexport function setHTMLConfig<T extends object>(target: T, attr: `tmg--${Paths<T, \"--\">}`, value: string): void {\r\n  value = value.trim();\r\n  const path = attr.replace(\"tmg--\", \"\") as Paths<T, \"--\">;\r\n  const parsedValue = (() => {\r\n    if (value.includes(\",\")) return value.split(\",\")?.map((v: string) => v.trim());\r\n    if (value === \"true\") return true;\r\n    if (value === \"false\") return false;\r\n    if (value === \"null\") return null;\r\n    if (/^\\d+$/.test(value)) return Number(value);\r\n    return value;\r\n  })() as PathValue<T, typeof path, \"--\">;\r\n  setPath<T, \"--\">(target, path, parsedValue, \"--\", (p) => camelize(p));\r\n}\r\n\r\nexport function getBoolOrStr(value: string | boolean): string | boolean {\r\n  return value === \"true\" ? true : value === \"false\" ? false : value;\r\n}\r\n\r\nexport function getUIOpt<T = unknown>(opts: UIOption<T>[] | undefined, value: T, key: \"display\" | \"value\" = \"display\"): string {\r\n  if (opts)\r\n    for (const opt of opts) {\r\n      const p = parseUIOpt<T>(opt);\r\n      if (p.value == value) return p[key] as string;\r\n    }\r\n  return String(value);\r\n}\r\n\r\nexport function getUniqueOpts<T>(options: UITuple<T>[]) {\r\n  const counts: Record<string, number> = {};\r\n  options.forEach((opt) => (counts[opt.display] = (counts[opt.display] || 0) + 1)); // First pass: Count occurrences of each display name\r\n  const seen: Record<string, number> = {};\r\n  for (let i = options.length - 1; i >= 0; i--) {\r\n    const opt = options[i];\r\n    if (counts[opt.display] > 1) {\r\n      seen[opt.display] = (seen[opt.display] || 0) + 1;\r\n      const num = counts[opt.display] - seen[opt.display] + 1;\r\n      opt.display = `${opt.display} (${num})`;\r\n    }\r\n  } // Second pass: Add numbers to duplicates, tracking our current index from the back\r\n  return options;\r\n}\r\n\r\nexport function parseUIOpt<T = unknown>(opt: UIOption<T>): UITuple<T> {\r\n  return isUIOption<T>(opt) ? { value: opt.value, display: String(opt.display ?? opt.value), infoText: opt.infoText } : { value: opt as T, display: String(opt) };\r\n}\r\nexport function parseUIOpts<T = unknown>(opts: UIOption<T>[]): T[] {\r\n  return opts.map((opt) => parseUIOpt(opt).value);\r\n}\r\n\r\nexport function parseUIObj<T extends Record<string, any>>(obj: T): UIObject<T> {\r\n  const result: any = {} as UIObject<T>,\r\n    keys = Object.keys(obj);\r\n  for (let i = 0; i < keys.length; i++) {\r\n    const entry = obj[keys[i]];\r\n    if (!isObj(entry)) continue;\r\n    if (isUISetting(entry))\r\n      result[keys[i]] = {\r\n        values: entry.options.map((opt: UIOption<unknown>) => parseUIOpt(opt).value),\r\n        displays: entry.options.map((opt: UIOption<unknown>) => parseUIOpt(opt).display),\r\n      };\r\n    else result[keys[i]] = parseUIObj(entry); // recurse on sub-branch\r\n  }\r\n  return result;\r\n}\r\n\r\n// Control Panel Utilities\r\nexport function parsePanelBottomObj(obj: Partial<ControlPanelBottomTuple> | Control[][] | Control[] | unknown, arr?: false): ControlPanelBottomTuple | false;\r\nexport function parsePanelBottomObj(obj: Partial<ControlPanelBottomTuple> | Control[][] | Control[] | unknown, arr: true): Control[] | false;\r\nexport function parsePanelBottomObj(obj: Partial<ControlPanelBottomTuple> | Control[][] | Control[] | unknown = [], arr = false): ControlPanelBottomTuple | Control[] | false {\r\n  if (!isObj(obj) && !isArr(obj)) return false;\r\n  const [third = [], second = [], first = []] = isObj<Partial<ControlPanelBottomTuple>>(obj) ? (Object.values(obj).reverse() as Control[][]) : isArr((obj as Control[][])[0]) ? [...(obj as Control[][])].reverse() : [obj as Control[]];\r\n  return arr ? ([...third, ...second, ...first] as Control[]) : ({ 1: first, 2: second, 3: third } as ControlPanelBottomTuple);\r\n}\r\n\r\nexport function getPanelSplitCtrls<T = any>(row: T[]): { left: T[]; center: T[]; right: T[] } {\r\n  if (!row?.length) return { left: [], center: [], right: [] };\r\n  const s1 = row.indexOf(\"spacer\" as any),\r\n    s2 = row.indexOf(\"spacer\" as any, s1 + 1);\r\n  return s1 === -1 ? { left: row, center: [], right: [] } : s2 === -1 ? { left: row.slice(0, s1), center: [], right: row.slice(s1 + 1) } : { left: row.slice(0, s1), center: row.slice(s1 + 1, s2), right: row.slice(s2 + 1) };\r\n}\r\n\r\nexport function getPanelLocation(b: any, id: string) {\r\n  if (isArr(b.top) && b.top.includes(id)) return { path: \"top\", row: b.top, zone: getPanelSplitCtrls(b.top).left.includes(id) ? \"left\" : getPanelSplitCtrls(b.top).center.includes(id) ? \"center\" : \"right\" };\r\n  if (isArr(b.center) && b.center.includes(id)) return { path: \"center\", row: b.center, zone: \"zone\" };\r\n  if (b.bottom) {\r\n    const dB = parsePanelBottomObj(b.bottom);\r\n    if (dB) for (const k in dB) if ((dB as any)[k]?.includes(id)) return { path: `bottom.${k}`, row: (dB as any)[k], zone: getPanelSplitCtrls((dB as any)[k]).left.includes(id) ? \"left\" : getPanelSplitCtrls((dB as any)[k]).center.includes(id) ? \"center\" : \"right\" };\r\n  }\r\n  return { path: \"bottom.1\", row: [], zone: \"left\" };\r\n}\r\n\r\nexport function insertPanelCtrl(current: any[], defaults: readonly any[], id: string): void {\r\n  let s = 0;\r\n  for (let i = 0; i < defaults.indexOf(id); i++) if (defaults[i] === \"spacer\") s++;\r\n  for (let i = defaults.indexOf(id) + 1; i < defaults.length; i++)\r\n    if (defaults[i] === \"spacer\") {\r\n      let c = 0;\r\n      for (let j = 0; j < current.length; j++) if (current[j] === \"spacer\" && ++c === s + 1) return void current.splice(j, 0, id);\r\n    } else {\r\n      const idx = current.indexOf(defaults[i]);\r\n      if (idx !== -1) return void current.splice(idx, 0, id);\r\n    }\r\n  current.push(id);\r\n}\r\n","import { REvent } from \"sia-reactor\";\r\nimport { Controllable } from \"@core/controllable\";\r\nimport { Controller } from \"@core/controller\";\r\nimport { parseForARIAKS } from \"@utils/keys\";\r\nimport { CtlrMedia, MediaFeatures } from \"@defs/contract\";\r\nimport { ComponentConstructor, ComponentState } from \"./types\";\r\n\r\nexport abstract class BaseComponent<Config = any, State extends ComponentState = any, El extends HTMLElement = HTMLElement> extends Controllable<Config, State> {\r\n  public static readonly componentName: string;\r\n  public static readonly isControl: boolean = false;\r\n  public get name() {\r\n    return (this.constructor as ComponentConstructor).componentName;\r\n  }\r\n  public element!: El;\r\n  public get el() {\r\n    return this.element;\r\n  }\r\n\r\n  constructor(ctlr: Controller, config: Config, state?: State) {\r\n    super(ctlr, config, { label: \"\", cmd: \"\", active: false, disabled: false, hidden: false, ...state } as State);\r\n  }\r\n  protected override onSetup(): void {\r\n    this.mount?.();\r\n    this.ctlr.state.readyState ? this.wire?.() : this.wire && this.ctlr.state.wonce(\"readyState\", this.wire, { signal: this.signal }); // wire after all plugs setup\r\n  }\r\n  protected override onDestroy(): void {\r\n    this.unmount();\r\n  }\r\n\r\n  public abstract create(): El; // Must assign to this.element before returning\r\n  public mount?(): void {}\r\n  public unmount(): void {\r\n    this.el.remove();\r\n  }\r\n  public wire?(): void {} // auto unwiring\r\n\r\n  public active() {\r\n    this.el.classList.toggle(\"tmg-media-control-active\", (this.state.active = true));\r\n  }\r\n  public inactive() {\r\n    this.el.classList.toggle(\"tmg-media-control-active\", (this.state.active = false));\r\n  }\r\n  public disable(): void {\r\n    this.el.classList.toggle(\"tmg-media-control-disabled\", (this.state.disabled = true));\r\n  }\r\n  public enable(): void {\r\n    this.el.classList.toggle(\"tmg-media-control-disabled\", (this.state.disabled = false));\r\n  }\r\n  public hide(): void {\r\n    this.el.classList.toggle(\"tmg-media-control-hidden\", (this.state.hidden = true));\r\n  }\r\n  public show(): void {\r\n    this.el.classList.toggle(\"tmg-media-control-hidden\", (this.state.hidden = false));\r\n  }\r\n  protected gate(e: REvent<CtlrMedia, `features.${keyof MediaFeatures}`>): void {\r\n    !e.value ? this.hide() : this.canShow && this.show();\r\n  }\r\n  protected get canShow(): boolean {\r\n    return true;\r\n  } // override to make gating smarter\r\n\r\n  protected setBtnARIA(dblAction?: string, target: HTMLElement = this.el): void {\r\n    this.state.label && target.setAttribute(\"aria-label\", this.state.label);\r\n    this.state.cmd && target.setAttribute(\"aria-keyshortcuts\", parseForARIAKS(this.state.cmd));\r\n    if (dblAction) target.setAttribute(\"aria-description\", `Double-press to ${dblAction}`);\r\n    else if (target.hasAttribute(\"aria-description\")) target.removeAttribute(\"aria-description\");\r\n  }\r\n}\r\n\r\nexport type * from \"./types\";\r\n","import { AptRange } from \"@defs/generics\";\r\nimport { isNum, clamp } from \"@t007/utils\";\r\n\r\n// Validators\r\nexport { clamp };\r\n\r\nexport function isSafeNum(val: any): boolean {\r\n  return isNum(val) && !isNaN(val ?? NaN) && val !== Infinity;\r\n}\r\n\r\nexport function safeNum(number: any, fallback = 0): number {\r\n  return isSafeNum(number) ? number : fallback;\r\n}\r\n\r\n// Parsers\r\nexport function parseIfPercent(percent: any, amount: any, autocap = 0.25): number {\r\n  const val = percent?.endsWith?.(\"%\") ? safeNum((parseFloat(percent) / 100) * amount) : percent;\r\n  return val && amount && autocap && amount <= val ? amount * autocap : val;\r\n}\r\n\r\nexport function parseRomanNum(roman: string, valid = /^[IVXLCDM]+$/i.test(roman), ROMAN = { I: 1, V: 5, X: 10, L: 50, C: 100, D: 500, M: 1000 } as Record<string, number>): number {\r\n  if (!valid) return 0; // ← Invalid input\r\n  return roman\r\n    .toUpperCase() // Ensure consistent uppercase (e.g., 'iv' becomes 'IV')\r\n    .split(\"\") // Turn into array of characters: 'XIV' → ['X','I','V']\r\n    .reduce((acc, val, i, arr) => {\r\n      const curr = ROMAN[val] || 0, // Current character's value\r\n        next = ROMAN[arr[i + 1]] || 0; // Look ahead to the next character (if any)\r\n      return acc + (curr < next ? -curr : curr); // Subtractive notation: if current is less than next (e.g., I before V → 4); Otherwise, just add normally\r\n    }, 0); // Start accumulator at 0\r\n}\r\n\r\n// Helpers\r\nexport function stepNum<T extends AptRange>(v = 0, { min, max, step }: T): number {\r\n  const s = step ? Math.round((safeNum(v) - (min || 0)) / step) * step + (min || 0) : safeNum(v);\r\n  return clamp(min, +s.toFixed(10), max); // no gymnastics, for sliders only; to reach near native speed\r\n}\r\n\r\nconst _stepsCache = new Map<string, number[]>();\r\nexport function rotateAny<T>(cur: T, steps: T[] | readonly T[], dir?: \"forwards\" | \"backwards\", wrap?: boolean): T;\r\nexport function rotateAny(cur: number, steps: AptRange, dir?: \"forwards\" | \"backwards\", wrap?: boolean): number;\r\nexport function rotateAny(cur: any, steps: any, dir: \"forwards\" | \"backwards\" = \"forwards\", wrap = true): any {\r\n  let list: any[];\r\n  if (Array.isArray(steps)) list = steps;\r\n  else {\r\n    const key = `${steps.min}|${steps.max}|${steps.step}`; // Generate cache key from min|max|step\r\n    if (_stepsCache.has(key)) list = _stepsCache.get(key)!;\r\n    else _stepsCache.set(key, (list = Array.from({ length: Math.floor((steps.max - steps.min) / steps.step) + 1 }, (_, i) => steps.min + i * steps.step)));\r\n  }\r\n  let idx = isNum(cur) ? list.reduce((p, c, x) => (Math.abs(c - cur) < Math.abs(list[p] - cur) ? x : p), 0) : list.indexOf(cur);\r\n  idx = idx + (dir === \"forwards\" ? 1 : -1);\r\n  return list[wrap ? (idx + list.length) % list.length : clamp(0, idx, list.length - 1)];\r\n}\r\n","import { NOOP } from \"sia-reactor\";\r\nimport { bindCleanupToSignal as bindSig } from \"./fn\";\r\nconst win = \"undefined\" !== typeof window ? window : undefined;\r\n\r\n// Element Factory\r\nexport { createEl, assignEl, getWindow, createListRenderer } from \"@t007/utils\";\r\nexport { initVScrollerator } from \"@t007/utils/hooks/vanilla\";\r\n\r\n// Resource Loading\r\nexport { loadResource } from \"@t007/utils\";\r\n\r\n// Viewport Checks\r\nexport function inDocView(el: Element, axis: \"x\" | \"y\" = \"y\"): boolean {\r\n  const rect = el.getBoundingClientRect(),\r\n    inX = rect.left + win!.scrollX >= 0 && rect.right + win!.scrollX <= win!.scrollX + (win!.innerWidth || win!.document.documentElement.clientWidth),\r\n    inY = rect.top + win!.scrollY >= 0 && rect.bottom + win!.scrollY <= win!.scrollY + (win!.innerHeight || win!.document.documentElement.clientHeight);\r\n  return axis === \"x\" ? inY : axis === \"y\" ? inX : inY && inX;\r\n}\r\n\r\nexport function getElSiblingAt(p: number, dir: \"x\" | \"y\", els: HTMLElement[] | NodeListOf<HTMLElement>, pos: \"before\" | \"after\" | \"at\" = \"after\"): HTMLElement | undefined {\r\n  return (\r\n    els.length &&\r\n    (\r\n      Array.prototype.reduce.call(\r\n        els,\r\n        ((closest: { offset: number; element: Element | undefined }, child: Element) => {\r\n          const { top: cT, left: cL, width: cW, height: cH } = child.getBoundingClientRect(),\r\n            offset = p - (dir === \"y\" ? cT : cL) - (dir === \"y\" ? cH : cW) / 2,\r\n            condition = pos === \"after\" ? offset < 0 && offset > closest.offset : pos === \"before\" ? offset > 0 && offset < closest.offset : pos === \"at\" ? Math.abs(offset) <= (dir === \"y\" ? cH : cW) / 2 && Math.abs(offset) < Math.abs(closest.offset) : false;\r\n          return condition ? { offset, element: child } : closest;\r\n        }) as any,\r\n        { offset: pos === \"after\" ? -Infinity : Infinity, element: undefined }\r\n      ) as any\r\n    ).element\r\n  );\r\n}\r\n\r\n// Fullscreen & Picture-in-Picture\r\nexport const queryFullscreen = (): boolean => Boolean(queryFullscreenEl());\r\nexport const queryFullscreenEl = (d = document as any): Element | null => d.fullscreenElement || d.webkitFullscreenElement || d.mozFullScreenElement || d.msFullscreenElement || null;\r\n\r\nexport const queryPictureInPicture = (): boolean => Boolean(queryPictureInPictureEl());\r\nexport const queryPictureInPictureEl = () => document.pictureInPictureElement;\r\n\r\nexport const supportsFullscreen = (vp = HTMLVideoElement.prototype as any, d = document as any) => Boolean(d.fullscreenEnabled || d.mozFullscreenEnabled || d.msFullscreenEnabled || d.webkitFullscreenEnabled || d.webkitSupportsFullscreen || vp.webkitEnterFullscreen);\r\nexport const supportsPictureInPicture = (vp = HTMLVideoElement.prototype as any, d = document as any, w = window as any) => Boolean(d.pictureInPictureEnabled || vp.requestPictureInPicture || w.documentPictureInPicture);\r\n\r\nexport const enterFullscreen = (el: any): Promise<void> => (el.webkitEnterFullscreen ? el.webkitEnterFullscreen() : el.requestFullscreen ? el.requestFullscreen() : el.mozRequestFullScreen ? el.mozRequestFullScreen() : el.webkitRequestFullscreen ? el.webkitRequestFullscreen() : el.msRequestFullscreen ? el.msRequestFullscreen() : Promise.reject(new Error(\"Fullscreen API is not supported\")));\r\nexport const exitFullscreen = (el: any, d = document as any): Promise<void> => (queryFullscreenEl(d) === el ? (el.webkitExitFullscreen ? el.webkitExitFullscreen() : d.exitFullscreen ? d.exitFullscreen() : d.mozCancelFullScreen ? d.mozCancelFullScreen() : d.webkitExitFullscreen ? d.webkitExitFullscreen() : d.msExitFullscreen ? d.msExitFullscreen() : Promise.reject(new Error(\"Fullscreen API is not supported\"))) : Promise.resolve());\r\n\r\n// Safe Click Handling\r\ntype SafeClickEl = HTMLElement & {\r\n  _clickHandler?: (e: MouseEvent) => void;\r\n  _dblClickHandler?: (e: MouseEvent) => void;\r\n  _clickTimeoutId?: ReturnType<typeof setTimeout>;\r\n};\r\nexport function addSafeClicks(el?: SafeClickEl | null, onClick: (e: MouseEvent) => any = NOOP, onDblClick: (e: MouseEvent) => any = NOOP, options?: boolean | AddEventListenerOptions): void {\r\n  el && removeSafeClicks(el);\r\n  el?.addEventListener(\"click\", (el._clickHandler = (e: MouseEvent) => (clearTimeout(el._clickTimeoutId), (el._clickTimeoutId = setTimeout(() => onClick(e), 300)))), options);\r\n  el?.addEventListener(\"dblclick\", (el._dblClickHandler = (e: MouseEvent) => (clearTimeout(el._clickTimeoutId), onDblClick(e))), options);\r\n}\r\nexport function removeSafeClicks(el?: SafeClickEl | null): void {\r\n  el?.removeEventListener(\"click\", el._clickHandler as EventListener);\r\n  el?.removeEventListener(\"dblclick\", el._dblClickHandler as EventListener);\r\n}\r\n\r\n// DOM Observers\r\ndeclare global {\r\n  interface Element {\r\n    _resizeCbs?: Set<(entry: ResizeObserverEntry) => void>;\r\n    _intersectCbs?: Set<(entry: IntersectionObserverEntry) => void>;\r\n    _mutationCbs?: Set<(mutations: MutationRecord[]) => void>;\r\n  }\r\n}\r\n\r\nexport const intersectionObserver = win\r\n  ? new IntersectionObserver(\r\n      (entries) => {\r\n        for (const entry of entries) if (entry.target._intersectCbs) for (const cb of entry.target._intersectCbs) cb(entry);\r\n      },\r\n      { root: null, rootMargin: \"0px\", threshold: 0.3 }\r\n    )\r\n  : null;\r\n\r\nexport const resizeObserver = win\r\n  ? new ResizeObserver((entries) => {\r\n      for (const entry of entries) if (entry.target._resizeCbs) for (const cb of entry.target._resizeCbs) cb(entry);\r\n    })\r\n  : null;\r\n\r\nexport const mutationObserver = win\r\n  ? new MutationObserver((mutations) => {\r\n      // Dispatch to specific targets if they are being observed directly\r\n      // Note: MutationObserver works differently; this handles the 'root' observer callbacks\r\n      // We map the *target* of the observation, not the mutation target usually.\r\n      // For this util, we assume the observer instance calls the callback associated with the observed node.\r\n      // Since we use one global observer, we need to map back.\r\n      // Actually, for MutationObserver it's cleaner to keep separate instances if configs differ,\r\n      // but for \"utils\" style, we can use a Map logic or just basic callback sets.\r\n      // Current implementation assumes the caller handles the mutation list.\r\n      const target = mutations[0].target as Element; // Batch usually targets one observer\r\n      if (target._mutationCbs) for (const cb of target._mutationCbs) cb(mutations);\r\n    })\r\n  : null;\r\n\r\n// --- PUBLIC API ---\r\nexport function observeResize(el: Element, cb: (entry: ResizeObserverEntry) => void, sig?: AbortSignal) {\r\n  (el._resizeCbs ?? (el._resizeCbs = new Set())).add(cb);\r\n  resizeObserver?.observe(el);\r\n  return bindSig(() => (el._resizeCbs?.delete(cb), !el._resizeCbs?.size && resizeObserver?.unobserve(el)), sig);\r\n}\r\n\r\nexport function observeIntersection(el: Element, cb: (entry: IntersectionObserverEntry) => void, sig?: AbortSignal) {\r\n  (el._intersectCbs ?? (el._intersectCbs = new Set())).add(cb);\r\n  intersectionObserver?.observe(el);\r\n  return bindSig(() => (el._intersectCbs?.delete(cb), !el._intersectCbs?.size && intersectionObserver?.unobserve(el)), sig);\r\n}\r\n\r\nexport function observeMutation(el: Element, cb: (mutations: MutationRecord[]) => void, options: MutationObserverInit, sig?: AbortSignal) {\r\n  (el._mutationCbs ?? (el._mutationCbs = new Set())).add(cb);\r\n  mutationObserver?.observe(el, options);\r\n  return bindSig(() => el._mutationCbs?.delete(cb), sig);\r\n}\r\n","import { MEDIA_INTENT_BUILD, MEDIA_SETTINGS_BUILD, MEDIA_STATE_BUILD, MEDIA_STATUS_BUILD } from \"@consts/media\";\r\nimport { MediaState, MediaStatus, MediaSettings, MediaReport, CtlrMedia } from \"@defs/contract\";\r\nimport { isStr, isNum, isIter, isSameURL, cleanURL } from \"@t007/utils\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { queryFullscreenEl, queryPictureInPictureEl } from \"@utils/dom\";\r\nimport { Dimensions, MediaType, Source, Sources, Track, Tracks } from \"@defs/generics\";\r\nimport { mergeObjs as merge } from \"sia-reactor/utils\";\r\nimport { DeepPartial } from \"sia-reactor\";\r\n\r\n// ============ Video Utilities ============\r\n// Types\r\ntype SourceLike = Source | (HTMLSourceElement & Record<string, any>);\r\ntype TrackLike = Track | (HTMLTrackElement & Record<string, any>);\r\n\r\n// Report Generation\r\nexport function getMediaReport(m: HTMLMediaElement, isVid = m instanceof HTMLVideoElement, opts = { skipUndefined: true }): MediaReport {\r\n  const txtTrackIdx = getTrackIdx(m, \"Text\"),\r\n    report = { state: getMediaState(m, isVid, txtTrackIdx), status: getMediaStatus(m, isVid, txtTrackIdx), settings: getMediaSettings(m) };\r\n  return { state: merge(MEDIA_STATE_BUILD, report.state, opts), intent: merge(MEDIA_INTENT_BUILD, report.state, opts), status: merge(MEDIA_STATUS_BUILD, report.status, opts), settings: merge(MEDIA_SETTINGS_BUILD, report.settings, opts) } as MediaReport;\r\n}\r\nexport const getMediaState = (m: HTMLMediaElement, isVid = m instanceof HTMLVideoElement, _txtTrackIdx = getTrackIdx(m, \"Text\")): Partial<MediaState> => ({ src: m.src, currentTime: m.currentTime, paused: m.paused, volume: m.volume * 100, muted: m.muted, playbackRate: m.playbackRate, pictureInPicture: queryPictureInPictureEl() === m, fullscreen: queryFullscreenEl() === m, currentTextTrack: _txtTrackIdx, currentAudioTrack: getTrackIdx(m, \"Audio\"), currentVideoTrack: getTrackIdx(m, \"Video\"), poster: isVid ? (m as HTMLVideoElement).poster : \"\", autoplay: m.autoplay, loop: m.loop, preload: m.preload, playsInline: isVid ? m.playsInline : false, crossOrigin: m.crossOrigin, controls: m.controls, controlsList: m.controlsList ?? m.getAttribute(\"controlsList\"), disablePictureInPicture: isVid ? m.disablePictureInPicture ?? m.hasAttribute(\"disablePictureInPicture\") : false, sources: getSources(m), tracks: getTracks(m) });\r\nexport const getMediaStatus = (m: HTMLMediaElement, isVid = m instanceof HTMLVideoElement, _txtTrackIdx = getTrackIdx(m, \"Text\"), _flagsOnly = false): Partial<MediaStatus> => ({ readyState: m.readyState, networkState: m.networkState, error: m.error, seeking: m.seeking, buffered: m.buffered, played: m.played, seekable: m.seekable, duration: m.duration, ended: m.ended, loadedMetadata: m.readyState >= 1, loadedData: m.readyState >= 2, canPlay: m.readyState >= 3, canPlayThrough: m.readyState >= 4, videoWidth: isVid ? (m as HTMLVideoElement).videoWidth : 0, videoHeight: isVid ? (m as HTMLVideoElement).videoHeight : 0, textTracks: _flagsOnly ? undefined : m.textTracks, audioTracks: _flagsOnly ? undefined : (m as any).audioTracks, videoTracks: _flagsOnly ? undefined : (m as any).videoTracks, activeCue: _flagsOnly ? undefined : m.textTracks[_txtTrackIdx]?.activeCues?.[0] || null });\r\nexport const getMediaSettings = (m: HTMLMediaElement): DeepPartial<MediaSettings> => ({ defaultMuted: m.defaultMuted, defaultPlaybackRate: m.defaultPlaybackRate, srcObject: m.srcObject });\r\n\r\nexport function getMediaProgress({ state: s, status: st }: CtlrMedia, time = s.currentTime): number {\r\n  if (st.isLive) {\r\n    if (!st.seekable.length || s.live) return 1;\r\n    const min = st.seekable.start(0),\r\n      dvr = st.seekable.end(st.seekable.length - 1) - min;\r\n    return dvr > 0 ? (time - min) / dvr : 1;\r\n  } else return time / st.duration;\r\n}\r\nexport const getMediaTime = (media: CtlrMedia, percent: number, _min = getMediaMin(media)): number => (media.status.isLive ? _min! + percent * (getMediaMax(media) - _min!) : percent * media.status.duration);\r\nexport const getMediaMin = ({ status: st, state: s }: Pick<CtlrMedia, \"state\" | \"status\">): number => (st.isLive ? (st.seekable.length ? (st.canSeekLive ? st.seekable.start(0) : st.seekable.end(st.seekable.length - 1)) : s.currentTime) : 0); // live?, can't seek?, jump to edge\r\nexport const getMediaMax = ({ status: st, state: s }: Pick<CtlrMedia, \"state\" | \"status\">): number => (st.isLive ? (st.seekable.length ? st.seekable.end(st.seekable.length - 1) : s.currentTime) : st.duration);\r\n\r\nexport function getBooleanMediaProps(media: CtlrMedia, prop: \"intent\" | \"state\" = \"intent\"): string[] {\r\n  return Object.keys(media[prop]).filter((k) => typeof media[prop][k as keyof MediaState] === \"boolean\");\r\n}\r\n\r\n// Geometry\r\nexport function getRenderedBox({ videoHeight, videoWidth }: { videoHeight?: number; videoWidth?: number }, { width: clientWidth = 0, height: clientHeight = 0 }: { width?: number; height?: number }, { objectFit = \"cover\", objectPosition = \"50% 50%\" }: { objectFit?: string; objectPosition?: string }): Partial<Dimensions & { left: number; top: number }> {\r\n  const bbox = { width: clientWidth, height: clientHeight } as DOMRect,\r\n    obj = (((videoHeight ||= 1080), (videoWidth ||= videoHeight * (16 / 9))), videoWidth && videoHeight ? { width: videoWidth, height: videoHeight } : null);\r\n  if (!obj || !objectFit || !objectPosition) return {};\r\n  if (objectFit === \"scale-down\") objectFit = bbox.width < obj.width || bbox.height < obj.height ? \"contain\" : \"none\";\r\n  if (objectFit === \"none\") return { ...parseObjectPos(objectPosition, bbox, obj), ...obj };\r\n  else if (objectFit === \"contain\") {\r\n    const objRatio = obj.height / obj.width,\r\n      bboxRatio = bbox.height / bbox.width,\r\n      width = bboxRatio > objRatio ? bbox.width : bbox.height / objRatio,\r\n      height = bboxRatio > objRatio ? bbox.width * objRatio : bbox.height;\r\n    return { ...parseObjectPos(objectPosition, bbox, { width, height }), width, height };\r\n  } else if (objectFit === \"fill\") {\r\n    const { left, top, rawLeft, rawTop } = parseObjectPos(objectPosition, bbox, obj);\r\n    return { left: rawLeft.endsWith(\"%\") ? 0 : left, top: rawTop.endsWith(\"%\") ? 0 : top, width: bbox.width, height: bbox.height }; // Relative positioning is discarded with `obj-fit: fill`, so we need to check here if it's relative or not\r\n  } else if (objectFit === \"cover\") {\r\n    const minRatio = Math.min(bbox.width / obj.width, bbox.height / obj.height);\r\n    let width = obj.width * minRatio,\r\n      height = obj.height * minRatio,\r\n      outRatio = 1;\r\n    if (width < bbox.width) outRatio = bbox.width / width;\r\n    if (Math.abs(outRatio - 1) < 1e-14 && height < bbox.height) outRatio = bbox.height / height;\r\n    (width *= outRatio), (height *= outRatio);\r\n    return { ...parseObjectPos(objectPosition, bbox, { width, height }), width, height };\r\n  }\r\n  return {};\r\n}\r\nconst parsePosAsPx = (str: string, bboxSize: number, objectSize: number): number => {\r\n  str === \"center\" ? (str = \"50%\") : str === \"left\" || str === \"top\" ? (str = \"0%\") : (str === \"right\" || str === \"bottom\") && (str = \"100%\");\r\n  const num = parseFloat(str);\r\n  return !str.endsWith(\"%\") ? num : (bboxSize - objectSize) * (num / 100);\r\n};\r\nconst parseObjectPos = (position: string, bbox: DOMRect, object: Dimensions): { left: number; top: number; rawLeft: string; rawTop: string } => {\r\n  if (position === \"center\") position = \"50% 50%\";\r\n  const [left, top = \"50%\"] = position.split(\" \");\r\n  return { left: parsePosAsPx(left, bbox.width, object.width), top: parsePosAsPx(top, bbox.height, object.height), rawLeft: left, rawTop: top };\r\n};\r\n\r\nexport function getSizeTier(container: HTMLElement, { offsetWidth: w, offsetHeight: h } = container) {\r\n  return { width: w, height: h, tier: h <= 130 ? \"xxxxx\" : w <= 280 ? \"xxxx\" : w <= 380 ? \"xxx\" : w <= 480 ? \"xx\" : w <= 630 ? \"x\" : \"\" };\r\n}\r\n\r\n// Media Element Cloning\r\nexport function cloneMedia<M extends HTMLMediaElement>(v: M): M {\r\n  const newV = v.cloneNode(true) as M;\r\n  newV.tmgPlayer = v.tmgPlayer;\r\n  v.parentElement?.replaceChild(newV, v);\r\n  if (v.currentTime) newV.currentTime = v.currentTime;\r\n  if (v.playbackRate !== 1) newV.playbackRate = v.playbackRate;\r\n  if (v.defaultPlaybackRate !== 1) newV.defaultPlaybackRate = v.defaultPlaybackRate;\r\n  if (v.volume !== 1) newV.volume = v.volume;\r\n  if (v.muted) newV.muted = true;\r\n  if (v.defaultMuted) newV.defaultMuted = true;\r\n  if (v.srcObject) newV.srcObject = v.srcObject;\r\n  if (v.autoplay) newV.autoplay = true;\r\n  if (v.loop) newV.loop = true;\r\n  if (v.controls) newV.controls = true;\r\n  if (v.crossOrigin) newV.crossOrigin = v.crossOrigin;\r\n  if (v.playsInline) newV.playsInline = true;\r\n  if (v.controlsList?.length) newV.controlsList = v.controlsList;\r\n  if (v.disablePictureInPicture) newV.disablePictureInPicture = true;\r\n  if (!v.paused && newV.isConnected) newV.play();\r\n  return newV;\r\n}\r\n\r\n// Source Management\r\nexport function putSourceDetails(source: any, el: HTMLSourceElement | Record<string, any>): void {\r\n  if (source.src) el.src = source.src;\r\n  if (source.type) el.type = source.type;\r\n  if (source.media) el.media = source.media;\r\n}\r\nexport function addSources(sources: SourceLike | Iterable<SourceLike> = [], medium: HTMLElement): HTMLSourceElement | HTMLSourceElement[] {\r\n  const addSource = (source: SourceLike, med: HTMLElement) => {\r\n    const sourceEl = createEl(\"source\");\r\n    putSourceDetails(source, sourceEl);\r\n    return med.appendChild(sourceEl);\r\n  };\r\n  return isIter(sources) ? Array.from(sources as Iterable<SourceLike>, (source) => addSource(source, medium)) : addSource(sources, medium);\r\n}\r\nexport function getSources(medium: HTMLElement): MediaState[\"sources\"] {\r\n  const sources = medium.querySelectorAll<HTMLSourceElement>(\"source\"),\r\n    _sources: SourceLike[] = [];\r\n  for (const source of sources) {\r\n    const obj: Record<string, any> = {};\r\n    putSourceDetails(source, obj);\r\n    _sources.push(obj as SourceLike);\r\n  }\r\n  return _sources as MediaState[\"sources\"];\r\n}\r\nexport const removeSources = (medium: HTMLElement, sources = medium?.querySelectorAll(\"source\")): void => {\r\n  if (sources) for (const source of sources) source.remove();\r\n};\r\nexport function isSameSources(a?: Sources, b?: Sources): boolean {\r\n  if (!a || !b || a.length !== b.length) return false;\r\n  const set = new Set(b.map((s) => `${cleanURL(s.src)}|${s.type}|${s.media}`));\r\n  return a.every((s) => set.has(`${cleanURL(s.src)}|${s.type}|${s.media}`));\r\n}\r\n\r\n// Track Management\r\nexport type TrackType = \"Audio\" | \"Video\" | \"Text\";\r\nexport function putTrackDetails(track: any, el: HTMLTrackElement | Record<string, any>): void {\r\n  if (track.id) el.id = track.id;\r\n  if (track.kind) el.kind = track.kind;\r\n  if (track.label) el.label = track.label;\r\n  if (track.srclang) el.srclang = track.srclang;\r\n  if (track.src) el.src = track.src;\r\n  if (track.default) el.default = track.default;\r\n}\r\nexport function addTracks(tracks: TrackLike | Iterable<TrackLike> = [], medium: HTMLElement): HTMLTrackElement | HTMLTrackElement[] {\r\n  const addTrack = (track: TrackLike, med: HTMLElement) => {\r\n    const trackEl = createEl(\"track\");\r\n    return putTrackDetails(track, trackEl), med.appendChild(trackEl);\r\n  };\r\n  return isIter(tracks) ? Array.from(tracks as Iterable<TrackLike>, (track) => addTrack(track, medium)) : addTrack(tracks, medium);\r\n}\r\nexport function getTracks(medium: HTMLElement, cues = false): TrackLike[] {\r\n  const tracks = medium.querySelectorAll<HTMLTrackElement>(!cues ? \"track\" : \"track:is([kind='captions'], [kind='subtitles'])\"),\r\n    _tracks: TrackLike[] = [];\r\n  for (const track of tracks) {\r\n    const obj: Record<string, any> = {};\r\n    putTrackDetails(track, obj), _tracks.push(obj as TrackLike);\r\n  }\r\n  return _tracks;\r\n}\r\nexport const removeTracks = (medium: HTMLElement, tracks = medium?.querySelectorAll(\"track\")): void => {\r\n  if (tracks) for (const track of tracks) if (track.kind === \"subtitles\" || track.kind === \"captions\") track.remove();\r\n};\r\nexport function isSameTracks(a?: Tracks, b?: Tracks): boolean {\r\n  if (!a || !b || a.length !== b.length) return false;\r\n  const set = new Set(b.map((t) => `${cleanURL(t.src)}|${t.kind}|${t.label}|${t.srclang}|${t.default}`));\r\n  return a.every((t) => set.has(`${cleanURL(t.src)}|${t.kind}|${t.label}|${t.srclang}|${t.default}`));\r\n}\r\nconst isTrack = (type: TrackType, term: any) => `${type}Track` in window && term instanceof (window as any)[`${type}Track`];\r\nexport function getTrackIdx(medium: HTMLMediaElement, type: TrackType = \"Text\", term: any = \"active\", list = (medium as any)[`${type.toLowerCase()}Tracks`]): number {\r\n  if (isNum(term)) return term;\r\n  if (list && term === \"active\") {\r\n    if (type === \"Text\") for (let i = 0; i < +list.length; i++) if (list[i].mode === \"showing\") return i;\r\n    if (type === \"Audio\") for (let i = 0; i < +list.length; i++) if (list[i].enabled) return i;\r\n    if (type === \"Video\") return list.selectedIndex ?? -1;\r\n  }\r\n  if (list && isTrack(type, term)) return Array.prototype.indexOf.call(list, term);\r\n  if (list && isStr(term)) {\r\n    term = term.toLowerCase();\r\n    return !isNaN(+term) ? +term : Array.prototype.findIndex.call(list, (t: any) => t.id.toLowerCase() === term || t.label.toLowerCase() === term || t.srclang?.toLowerCase() === term || t.language.toLowerCase() === term || isSameURL(t.src, term));\r\n  }\r\n  return -1;\r\n}\r\nexport function setCurrentTrack(medium: HTMLMediaElement, type: TrackType = \"Text\", term: any, flush = false, list = (medium as any)[`${type.toLowerCase()}Tracks`]): void {\r\n  const idx = getTrackIdx(medium, type, term, list);\r\n  if (list && type !== \"Video\") for (let i = 0; i < list.length; i++) type === \"Text\" ? (list[i].mode = i === idx ? \"showing\" : flush ? \"disabled\" : \"hidden\") : (list[i].enabled = i === idx);\r\n  else list?.[idx] && (list[idx].selected = true);\r\n}\r\n\r\n// Capbailities\r\nexport const DUMMY_VID = createEl(\"video\");\r\nexport const DUMMY_AUD = createEl(\"audio\");\r\nexport function canUseVolume(type: MediaType = \"video\", dummy = type === \"video\" ? DUMMY_VID : DUMMY_AUD): boolean {\r\n  try {\r\n    const prev = dummy.volume;\r\n    dummy.volume = 0.5;\r\n    const works = dummy.volume === 0.5;\r\n    return (dummy.volume = prev), works;\r\n  } catch {\r\n    return false;\r\n  }\r\n}\r\nexport const canMuteVolume = (type: MediaType = \"video\", dummy = type === \"video\" ? DUMMY_VID : DUMMY_AUD): boolean => !!dummy && \"muted\" in dummy;\r\nexport function canUseRate(type: MediaType = \"video\", dummy = type === \"video\" ? DUMMY_VID : DUMMY_AUD): boolean {\r\n  try {\r\n    const prev = dummy.playbackRate;\r\n    dummy.playbackRate = 0.5;\r\n    const works = dummy.playbackRate === 0.5;\r\n    return (dummy.playbackRate = prev), works;\r\n  } catch {\r\n    return false;\r\n  }\r\n}\r\nexport const canTextTracks = (type: MediaType = \"video\", dummy = type === \"video\" ? DUMMY_VID : DUMMY_AUD): boolean => !!dummy && \"textTracks\" in dummy;\r\nexport const canVideoTracks = (type: MediaType = \"video\", dummy = type === \"video\" ? DUMMY_VID : DUMMY_AUD): boolean => !!dummy && \"videoTracks\" in dummy;\r\nexport const canAudioTracks = (type: MediaType = \"video\", dummy = type === \"video\" ? DUMMY_VID : DUMMY_AUD): boolean => !!dummy && \"audioTracks\" in dummy;\r\n\r\n// ============ Caption/Subtitle Utilities ============\r\nexport const stripTags = (text: string): string => text.replace(/<(\\/)?([a-z0-9.:]+)([^>]*)>/gi, \"\");\r\n\r\nexport function srtToVtt(srt: string, vttLines: string[] = [\"WEBVTT\", \"\"]): string {\r\n  const input = srt.replace(/\\r\\n?/g, \"\\n\").trim();\r\n  for (const block of input.split(/\\n{2,}/)) {\r\n    const lines = block.split(\"\\n\");\r\n    let idx = /^\\d+$/.test(lines[0].trim()) ? 1 : 0;\r\n    const timing = lines[idx]?.trim().replace(/\\s+/g, \" \"),\r\n      m = timing?.match(/(\\d{1,2}:\\d{2}:\\d{2})(?:[.,](\\d{1,3}))?\\s*-->\\s*(\\d{1,2}:\\d{2}:\\d{2})(?:[.,](\\d{1,3}))?/);\r\n    if (!m) continue;\r\n    const [, startHms, startMsRaw = \"0\", endHms, endMsRaw = \"0\"] = m,\r\n      to3 = (ms: string) => ms.padEnd(3, \"0\").slice(0, 3);\r\n    vttLines.push(startHms + \".\" + to3(startMsRaw) + \" --> \" + endHms + \".\" + to3(endMsRaw));\r\n    for (let i = idx + 1; i < lines.length; i++) vttLines.push(lines[i]);\r\n    vttLines.push(\"\");\r\n  }\r\n  return vttLines.join(\"\\n\");\r\n}\r\n\r\nexport function parseVttText(text: string): string {\r\n  const state = { tag: /<(\\/)?([a-z0-9.:]+)([^>]*)>/gi, o: \"\", l: 0, p: null as string | null, c: \"\" },\r\n    esc = (s: string) => s.replace(/[&<>\"']/g, (c) => ({ \"&\": \"&amp;\", \"<\": \"&lt;\", \">\": \"&gt;\", '\"': \"&quot;\", \"'\": \"&#39;\" }[c]!));\r\n  let m: RegExpExecArray | null;\r\n  while ((m = state.tag.exec(text))) {\r\n    const chunk = text.slice(state.l, m.index);\r\n    if (chunk) state.c += esc(chunk);\r\n    const [_, cls, tag_n, rest] = m,\r\n      low = tag_n.toLowerCase();\r\n    if (/^[0-9]/.test(tag_n)) {\r\n      state.o += state.p ? `<span data-part=\"timed\" data-time=\"${state.p}\">${state.c}</span>` : state.c;\r\n      state.p = tag_n;\r\n      state.c = \"\";\r\n    } else if (cls) state.c += [\"c\", \"v\", \"lang\"].includes(low) ? \"</span>\" : `</${low}>`;\r\n    else if ([\"b\", \"i\", \"u\", \"ruby\", \"rt\"].includes(low)) state.c += `<${low}>`;\r\n    else if (low === \"c\") state.c += `<span class=\"vtt-c ${rest.replace(/\\.([a-z0-9_-]+)/gi, \"$1 \").trim()}\">`;\r\n    else if (low === \"v\") state.c += `<span data-part=\"voice\"${rest.trim() ? ` title=\"${esc(rest.trim())}\"` : \"\"}>`;\r\n    else if (low === \"lang\") state.c += `<span lang=\"${esc(rest.trim())}\">`;\r\n    state.l = state.tag.lastIndex;\r\n  }\r\n  const lChunk = text.slice(state.l);\r\n  if (lChunk) state.c += esc(lChunk);\r\n  return state.o + (state.p ? `<span data-part=\"timed\" data-time=\"${state.p}\">${state.c}</span>` : state.c);\r\n}\r\n\r\nexport function formatVttLine(p: string, maxChars: number): string[] {\r\n  const state = { tokens: p.match(/<[^>]+>|\\S+/g) || [], stack: [] as string[], parts: [] as string[], line: \"\", len: 0, openStr: \"\", closeStr: \"\", timeTag: \"\", lastWasTag: false },\r\n    updateTags = () => ((state.openStr = state.stack.map((n) => `<${n}>`).join(\"\")), (state.closeStr = state.stack.reduceRight((a, n) => a + `</${n}>`, \"\"))),\r\n    flush = () => state.line && (state.parts.push(state.line + state.closeStr), (state.line = (state.timeTag || \"\") + state.openStr), (state.len = 0), (state.lastWasTag = true));\r\n  for (const tok of state.tokens) {\r\n    const tag = tok[0] === \"<\",\r\n      closeTag = tag && tok[1] === \"/\";\r\n    if (tag) {\r\n      if (state.line && !state.lastWasTag && !closeTag) state.line += \" \";\r\n      const m = tok.match(/^<\\/?\\s*([a-z0-9._:-]+)/i),\r\n        n = m?.[1] || \"\",\r\n        timing = /^\\d/.test(n);\r\n      if (timing) {\r\n        (state.timeTag = tok), (state.line += tok), (state.lastWasTag = true);\r\n        continue;\r\n      }\r\n      if (!closeTag && !tok.endsWith(\"/>\") && n) state.stack.push(n), updateTags();\r\n      if (closeTag && state.stack.length) state.stack.pop(), updateTags();\r\n      (state.lastWasTag = true), (state.line += tok);\r\n      continue;\r\n    }\r\n    const len = stripTags(tok).length,\r\n      needSpace = state.line && !state.lastWasTag;\r\n    if (state.len + (needSpace ? 1 : 0) + len > maxChars) flush();\r\n    if (needSpace) (state.line += \" \"), (state.len += 1);\r\n    (state.line += tok), (state.len += len), (state.lastWasTag = false);\r\n  }\r\n  return flush(), state.parts;\r\n}\r\n"],"mappings":"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","names":["import_sia_reactor","import_utils","import_utils","import_sia_reactor","import_utils","import_sia_reactor","import_utils","setTimeout2","flush"]}

package/dist/components/captionsview.js

@@ -0,0 +1,22 @@
+import {
+  CaptionsView
+} from "../chunk-WBLZ5GBM.js";
+import "../chunk-SWYNIQHD.js";
+import "../chunk-LYKZAKVN.js";
+import "../chunk-ZSB6HGB5.js";
+import "../chunk-WSBH5QD6.js";
+import "../chunk-HCSCY6DU.js";
+import "../chunk-ZCQ5UWVE.js";
+import "../chunk-J2SIL62L.js";
+import "../chunk-YVCKIDL5.js";
+import "../chunk-YXO6NQ4E.js";
+import "../chunk-4W6H5CZF.js";
+import "../chunk-BROAUWON.js";
+import "../chunk-6U3M7V32.js";
+import "../chunk-57L2PE3B.js";
+import "../chunk-ZJ6KVLUS.js";
+import "../chunk-UVKRO5ER.js";
+export {
+  CaptionsView
+};
+//# sourceMappingURL=captionsview.js.map

package/dist/components/captionsview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}