tmg-media-player 0.0.1

package/dist/chunk-WBLZ5GBM.js

@@ -0,0 +1,158 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  parseIfPercent,
+  safeNum
+} from "./chunk-ZSB6HGB5.js";
+import {
+  formatVttLine,
+  parseVttText
+} from "./chunk-WSBH5QD6.js";
+import {
+  capitalize,
+  clamp,
+  createEl,
+  isDef,
+  isObj,
+  isStr,
+  setTimeout2
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// 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 = 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 = 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 ? isObj(cue) ? cue : { text: cue } : this.prevCue);
+    clearTimeout(this.timeoutId);
+    this.timeoutId = setTimeout2((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 ?? 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(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(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 = clamp(w / 2, this.lastPosX + (e.clientX - this.lastPtrX), ww - w / 2), posY = 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");
+
+export {
+  CaptionsView
+};
+//# sourceMappingURL=chunk-WBLZ5GBM.js.map

package/dist/chunk-WBLZ5GBM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/captionsview.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"],"mappings":"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","names":["flush"]}

package/dist/chunk-WODJ2VQH.js

@@ -0,0 +1,41 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/expandminiplayer.ts
+var ExpandMiniplayerButton = class extends BaseComponent {
+  get pin() {
+    return this.ctlr.plug("settings.modes")?.miniplayer;
+  }
+  create() {
+    return this.element = createEl("button", { className: "tmg-media-miniplayer-expand-btn", type: "button", innerHTML: IconRegistry.get("expandminiplayer") }, { draggableControl: "", controlId: this.name });
+  }
+  wire() {
+    this.media.on("features.miniplayer", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.el.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.syncARIA();
+  }
+  handleClick() {
+    this.pin?.expand();
+  }
+  syncARIA() {
+    this.el.title = this.state.label = "Expand miniplayer";
+    this.setBtnARIA();
+  }
+};
+__publicField(ExpandMiniplayerButton, "componentName", "expandminiplayer");
+__publicField(ExpandMiniplayerButton, "isControl", true);
+
+export {
+  ExpandMiniplayerButton
+};
+//# sourceMappingURL=chunk-WODJ2VQH.js.map

package/dist/chunk-WODJ2VQH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/expandminiplayer.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"../base\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport { createEl } from \"@utils/dom\";\r\n\r\nexport type ExpandMiniplayerConfig = undefined;\r\n\r\nexport class ExpandMiniplayerButton extends BaseComponent<ExpandMiniplayerConfig, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName: string = \"expandminiplayer\";\r\n  public static readonly isControl: boolean = true;\r\n  protected get pin() {\r\n    return this.ctlr.plug(\"settings.modes\")?.miniplayer;\r\n  }\r\n\r\n  public override create(): HTMLButtonElement {\r\n    return (this.element = createEl(\"button\", { className: \"tmg-media-miniplayer-expand-btn\", type: \"button\", innerHTML: IconRegistry.get(\"expandminiplayer\") }, { draggableControl: \"\", controlId: this.name }));\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Features Gating\r\n    this.media.on(\"features.miniplayer\", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // Event Listeners\r\n    this.el.addEventListener(\"click\", this.handleClick, { signal: this.signal });\r\n    // Post Wiring\r\n    this.syncARIA();\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.pin?.expand();\r\n  }\r\n\r\n  public syncARIA(): void {\r\n    this.el.title = this.state.label = \"Expand miniplayer\";\r\n    this.setBtnARIA();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    expandminiplayer: typeof ExpandMiniplayerButton;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAMO,IAAM,yBAAN,cAAqC,cAAyE;AAAA,EAGnH,IAAc,MAAM;AAClB,WAAO,KAAK,KAAK,KAAK,gBAAgB,GAAG;AAAA,EAC3C;AAAA,EAEgB,SAA4B;AAC1C,WAAQ,KAAK,UAAU,SAAS,UAAU,EAAE,WAAW,mCAAmC,MAAM,UAAU,WAAW,aAAa,IAAI,kBAAkB,EAAE,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AAAA,EAC7M;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,uBAAuB,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEtG,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,SAAS;AAAA,EAChB;AAAA,EAEU,cAAoB;AAC5B,SAAK,KAAK,OAAO;AAAA,EACnB;AAAA,EAEO,WAAiB;AACtB,SAAK,GAAG,QAAQ,KAAK,MAAM,QAAQ;AACnC,SAAK,WAAW;AAAA,EAClB;AACF;AA3BE,cADW,wBACY,iBAAwB;AAC/C,cAFW,wBAEY,aAAqB;","names":[]}

package/dist/chunk-WQXLL5IV.js

@@ -0,0 +1,9 @@
+// src/ts/components/icons/enterpip.ts
+var enterpip = `<svg class="tmg-media-enter-picture-in-picture-icon" viewBox="0 0 25 25">
+  <path fill-rule="nonzero" d="M21 3a1 1 0 0 1 1 1v7h-2V5H4v14h6v2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm0 10a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h8zM6.707 6.293l2.25 2.25L11 6.5V12H5.5l2.043-2.043-2.25-2.25 1.414-1.414z" />
+</svg>`;
+
+export {
+  enterpip
+};
+//# sourceMappingURL=chunk-WQXLL5IV.js.map

package/dist/chunk-WQXLL5IV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/enterpip.ts"],"sourcesContent":["export const enterpip = `<svg class=\"tmg-media-enter-picture-in-picture-icon\" viewBox=\"0 0 25 25\">\r\n  <path fill-rule=\"nonzero\" d=\"M21 3a1 1 0 0 1 1 1v7h-2V5H4v14h6v2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm0 10a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h8zM6.707 6.293l2.25 2.25L11 6.5V12H5.5l2.043-2.043-2.25-2.25 1.414-1.414z\" />\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    enterpip: typeof enterpip;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,WAAW;AAAA;AAAA;","names":[]}

package/dist/chunk-WR3327CL.js

@@ -0,0 +1,89 @@
+import {
+  capitalize,
+  uncamelize
+} from "./chunk-ZJ6KVLUS.js";
+
+// src/ts/plugs/menus/settings/timeTravel.ts
+var formatEntry = (entry, index) => {
+  if (!entry) return { display: `(${index + 1}) Unknown`, infoText: "" };
+  if (entry.nodes) return { display: `(${index + 1}) ${entry.label || `Batch (${entry.nodes.length})`}`, infoText: "" };
+  const rawPath = entry.path ? String(entry.path) : "change", typeStr = rawPath.startsWith("state.") ? " (State)" : rawPath.startsWith("intent.") ? " (Intent)" : rawPath.startsWith("config.") ? " (Config)" : "", p = rawPath.replace(/^(intent|state|config)\./, "").split(".").pop() || rawPath;
+  return { display: `(${index + 1}) ${capitalize(uncamelize(p))}${typeStr}`, infoText: entry.to != null ? String(entry.to) : "" };
+};
+var getSettingsTimeTravelMenu = (plug) => ({
+  id: "general",
+  label: "Advanced",
+  icon: "settings",
+  widget: "group",
+  getValue: () => "",
+  items: [
+    {
+      id: "timeTravel",
+      label: "Time travel",
+      widget: "group",
+      getValue: () => plug.module.config.limit ? "On" : "Off",
+      onWire: (syncUI, signal) => plug.module.config.on("limit", syncUI, { signal }),
+      tipHTML: "\u{1F30C} Step through the space-time continuum of your player's state. Rewind mistakes, replay interactions, and witness the magic of reactive architecture firsthand.",
+      items: [
+        {
+          id: "timeTravelHistory",
+          label: "History",
+          widget: "select",
+          getValue: () => plug.module.state.history.length ? `(${plug.module.state.currentFrame}) of ${plug.module.state.history.length}` : "Empty",
+          getOptions: () => {
+            const h = plug.module.state.history, centerIdx = Math.max(0, (plug.module.state.currentFrame ?? 0) - 1), startIdx = Math.max(0, centerIdx - 10);
+            return h.slice(startIdx, Math.min(h.length, centerIdx + 11)).map((entry, i) => {
+              const actualIdx = startIdx + i, formatted = formatEntry(entry, actualIdx);
+              return { value: `(${actualIdx + 1}) of ${plug.module.state.history.length}`, display: formatted.display, infoText: formatted.infoText };
+            }).reverse();
+          },
+          onChange: (val) => {
+            const match = val.match(/\((\d+)\)/);
+            if (match) plug.module.jumpTo(Number(match[1]));
+          },
+          onWire: (syncUI, signal) => {
+            const tk = "tt_" + Math.random();
+            for (const k of ["currentFrame", "tracking", "paused"]) plug.module.state.on(k, () => plug.ctlr.throttle(tk, () => (syncUI(), plug.ctlr.plug("settings.settingsView")?.menu?.syncUI("timeTravelHistory")), 30, false), { signal });
+          },
+          configPaths: ["settings.timeTravel.module"],
+          actions: [
+            {
+              id: "toggleWhitelist",
+              getLabel: () => {
+                const w = plug.module.config.whitelist;
+                return w?.[0] === "state" || w?.[0]?.[0] === "state" ? "Record Intents" : "Record States";
+              },
+              onClick: () => {
+                const w = plug.module.config.whitelist, isState = w?.[0] === "state" || w?.[0]?.[0] === "state";
+                plug.config.module.whitelist = Array.isArray(w) ? [isState ? "intent" : "state"] : { ...w, 0: [isState ? "intent" : "state"] };
+                plug.ctlr.plug("settings.settingsView")?.menu?.syncUI("timeTravelHistory");
+              }
+            }
+          ],
+          footerActions: [
+            { id: "undo", getLabel: () => "Undo", onClick: () => plug.module.undo() },
+            { id: "redo", getLabel: () => "Redo", onClick: () => plug.module.redo() },
+            { id: "playPause", getLabel: () => plug.module.state.paused ? "Play" : "Pause", onClick: () => plug.module.state.paused ? plug.module.play() : plug.module.pause() },
+            { id: "rewind", getLabel: () => "Rewind", onClick: () => plug.module.rewind() },
+            { id: "toggleTrack", getLabel: () => plug.module.state.tracking ? "Untrack" : "Track", onClick: () => plug.module.state.tracking ? plug.module.untrack() : plug.module.track() },
+            { id: "clear", getLabel: () => "Clear", onClick: () => plug.module.clear() }
+          ]
+        },
+        {
+          id: "timeTravelPersist",
+          label: "Persist history",
+          widget: "toggle",
+          getValue: () => plug.config.persist ? "On" : "Off",
+          onChange: (val) => plug.config.persist = val,
+          configPaths: ["settings.timeTravel.persist"],
+          title: "Save your state history across page reloads"
+        }
+      ]
+    }
+  ]
+});
+
+export {
+  getSettingsTimeTravelMenu
+};
+//# sourceMappingURL=chunk-WR3327CL.js.map

package/dist/chunk-WR3327CL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/timeTravel.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport type { TimeTravelPlug } from \"@plugs/settings/timeTravel\";\nimport { capitalize, uncamelize } from \"@utils/str\";\n\nconst formatEntry = (entry: any, index: number) => {\n  if (!entry) return { display: `(${index + 1}) Unknown`, infoText: \"\" };\n  if (entry.nodes) return { display: `(${index + 1}) ${entry.label || `Batch (${entry.nodes.length})`}`, infoText: \"\" };\n  const rawPath = entry.path ? String(entry.path) : \"change\",\n    typeStr = rawPath.startsWith(\"state.\") ? \" (State)\" : rawPath.startsWith(\"intent.\") ? \" (Intent)\" : rawPath.startsWith(\"config.\") ? \" (Config)\" : \"\",\n    // prettier-ignore\n    p = rawPath.replace(/^(intent|state|config)\\./, \"\").split(\".\").pop() || rawPath;\n  return { display: `(${index + 1}) ${capitalize(uncamelize(p))}${typeStr}`, infoText: entry.to != null ? String(entry.to) : \"\" };\n};\n\nexport const getSettingsTimeTravelMenu = (plug: TimeTravelPlug): SettingsMenuItem => ({\n  id: \"general\",\n  label: \"Advanced\",\n  icon: \"settings\",\n  widget: \"group\",\n  getValue: () => \"\",\n  items: [\n    {\n      id: \"timeTravel\",\n      label: \"Time travel\",\n      widget: \"group\",\n      getValue: () => (plug.module.config.limit ? \"On\" : \"Off\"),\n      onWire: (syncUI, signal) => plug.module.config.on(\"limit\", syncUI, { signal }),\n      tipHTML: \"🌌 Step through the space-time continuum of your player's state. Rewind mistakes, replay interactions, and witness the magic of reactive architecture firsthand.\",\n      items: [\n        {\n          id: \"timeTravelHistory\",\n          label: \"History\",\n          widget: \"select\",\n          getValue: () => (plug.module.state.history.length ? `(${plug.module.state.currentFrame}) of ${plug.module.state.history.length}` : \"Empty\"),\n          getOptions: () => {\n            const h = plug.module.state.history,\n              centerIdx = Math.max(0, (plug.module.state.currentFrame ?? 0) - 1),\n              startIdx = Math.max(0, centerIdx - 10);\n            return h\n              .slice(startIdx, Math.min(h.length, centerIdx + 11))\n              .map((entry, i) => {\n                const actualIdx = startIdx + i,\n                  formatted = formatEntry(entry, actualIdx);\n                return { value: `(${actualIdx + 1}) of ${plug.module.state.history.length}`, display: formatted.display, infoText: formatted.infoText };\n              })\n              .reverse();\n          },\n          onChange: (val: string) => {\n            const match = val.match(/\\((\\d+)\\)/);\n            if (match) plug.module.jumpTo(Number(match[1]));\n          },\n          onWire: (syncUI, signal) => {\n            const tk = \"tt_\" + Math.random();\n            for (const k of [\"currentFrame\", \"tracking\", \"paused\"]) plug.module.state.on(k as any, () => plug.ctlr.throttle(tk, () => (syncUI(), plug.ctlr.plug(\"settings.settingsView\")?.menu?.syncUI(\"timeTravelHistory\")), 30, false), { signal });\n          },\n          configPaths: [\"settings.timeTravel.module\"],\n          actions: [\n            {\n              id: \"toggleWhitelist\",\n              getLabel: () => {\n                const w = plug.module.config.whitelist as string[] | undefined;\n                return w?.[0] === \"state\" || w?.[0]?.[0] === \"state\" ? \"Record Intents\" : \"Record States\";\n              },\n              onClick: () => {\n                const w = plug.module.config.whitelist as any,\n                  isState = w?.[0] === \"state\" || w?.[0]?.[0] === \"state\";\n                plug.config.module.whitelist = Array.isArray(w) ? [isState ? \"intent\" : \"state\"] : { ...w, 0: [isState ? \"intent\" : \"state\"] };\n                plug.ctlr.plug(\"settings.settingsView\")?.menu?.syncUI(\"timeTravelHistory\");\n              },\n            },\n          ],\n          footerActions: [\n            { id: \"undo\", getLabel: () => \"Undo\", onClick: () => plug.module.undo() },\n            { id: \"redo\", getLabel: () => \"Redo\", onClick: () => plug.module.redo() },\n            { id: \"playPause\", getLabel: () => (plug.module.state.paused ? \"Play\" : \"Pause\"), onClick: () => (plug.module.state.paused ? plug.module.play() : plug.module.pause()) },\n            { id: \"rewind\", getLabel: () => \"Rewind\", onClick: () => plug.module.rewind() },\n            { id: \"toggleTrack\", getLabel: () => (plug.module.state.tracking ? \"Untrack\" : \"Track\"), onClick: () => (plug.module.state.tracking ? plug.module.untrack() : plug.module.track()) },\n            { id: \"clear\", getLabel: () => \"Clear\", onClick: () => plug.module.clear() },\n          ],\n        },\n        {\n          id: \"timeTravelPersist\",\n          label: \"Persist history\",\n          widget: \"toggle\",\n          getValue: () => (plug.config.persist ? \"On\" : \"Off\"),\n          onChange: (val: boolean) => (plug.config.persist = val),\n          configPaths: [\"settings.timeTravel.persist\"],\n          title: \"Save your state history across page reloads\",\n        },\n      ],\n    },\n  ],\n});\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.timeTravel\": typeof getSettingsTimeTravelMenu;\n  }\n}\n"],"mappings":"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","names":[]}