tmg-media-player 0.0.1

package/dist/chunk-CCD3ZXIT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/chapter.ts"],"sourcesContent":["import { silence } from \"sia-reactor/modules\";\r\nimport { BaseComponent, ComponentState } from \"../base\";\r\nimport { createEl } from \"@utils/dom\";\r\n// import { IconRegistry } from \"@core/registries\";\r\n\r\nexport type ChapterConfig = undefined;\r\n\r\nexport class ChapterButton extends BaseComponent<ChapterConfig, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName = \"chapter\";\r\n  public static readonly isControl: boolean = true;\r\n  public textEl!: HTMLSpanElement;\r\n  public iconEl!: HTMLSpanElement;\r\n\r\n  public override create() {\r\n    this.element = createEl(\"button\", { className: \"tmg-media-chapter-btn tmg-media-control-text-btn\", type: \"button\" }, { draggableControl: \"\", controlId: this.name });\r\n    this.iconEl = createEl(\"span\", { className: \"tmg-media-chapter-icon\" }); // innerHTML: IconRegistry.get(\"chevronright\") || \">\"\r\n    this.textEl = createEl(\"span\", { className: \"tmg-media-chapter-text\" });\r\n    return this.element.append(this.textEl, this.iconEl), this.el;\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Features Gating\r\n    this.media.on(\"features.currentChapter\", 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    // Ctlr Media Listeners\r\n    this.media.on(\"state.currentChapter\", this.syncUI, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"settings.metadata.chapterInfo\", this.syncUI, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // Post Wiring\r\n    this.syncARIA();\r\n  }\r\n\r\n  protected async handleClick(): Promise<void> {\r\n    const view = this.ctlr.plug(\"settings.settingsView\");\r\n    if (view) {\r\n      view.menu.open(this.el);\r\n      view.menu.goTo(\"chapters\");\r\n    }\r\n  }\r\n\r\n  protected syncUI(): void {\r\n    const idx = this.media.state.currentChapter,\r\n      chapters = this.media.settings.metadata.chapterInfo;\r\n    if (idx === -1 || !chapters || !chapters[idx]) return void ((this.textEl.textContent = \"\"), this.hide());\r\n    (this.textEl.textContent = chapters[idx].title || `Chapter ${idx + 1}`), this.show();\r\n  }\r\n\r\n  protected syncARIA(): void {\r\n    this.el.title = this.state.label = \"View Chapter\";\r\n    this.setBtnARIA();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    chapter: typeof ChapterButton;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;AAOO,IAAM,gBAAN,cAA4B,cAAgE;AAAA,EAA5F;AAAA;AAGL,wBAAO;AACP,wBAAO;AAAA;AAAA,EAES,SAAS;AACvB,SAAK,UAAU,SAAS,UAAU,EAAE,WAAW,oDAAoD,MAAM,SAAS,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AACnK,SAAK,SAAS,SAAS,QAAQ,EAAE,WAAW,yBAAyB,CAAC;AACtE,SAAK,SAAS,SAAS,QAAQ,EAAE,WAAW,yBAAyB,CAAC;AACtE,WAAO,KAAK,QAAQ,OAAO,KAAK,QAAQ,KAAK,MAAM,GAAG,KAAK;AAAA,EAC7D;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,2BAA2B,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAE1G,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,MAAM,GAAG,wBAAwB,KAAK,QAAQ,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AACzG,SAAK,MAAM,GAAG,iCAAiC,KAAK,QAAQ,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAElH,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,MAAgB,cAA6B;AAC3C,UAAM,OAAO,KAAK,KAAK,KAAK,uBAAuB;AACnD,QAAI,MAAM;AACR,WAAK,KAAK,KAAK,KAAK,EAAE;AACtB,WAAK,KAAK,KAAK,UAAU;AAAA,IAC3B;AAAA,EACF;AAAA,EAEU,SAAe;AACvB,UAAM,MAAM,KAAK,MAAM,MAAM,gBAC3B,WAAW,KAAK,MAAM,SAAS,SAAS;AAC1C,QAAI,QAAQ,MAAM,CAAC,YAAY,CAAC,SAAS,GAAG,EAAG,QAAO,MAAO,KAAK,OAAO,cAAc,IAAK,KAAK,KAAK;AACtG,IAAC,KAAK,OAAO,cAAc,SAAS,GAAG,EAAE,SAAS,WAAW,MAAM,CAAC,IAAK,KAAK,KAAK;AAAA,EACrF;AAAA,EAEU,WAAiB;AACzB,SAAK,GAAG,QAAQ,KAAK,MAAM,QAAQ;AACnC,SAAK,WAAW;AAAA,EAClB;AACF;AA3CE,cADW,eACY,iBAAgB;AACvC,cAFW,eAEY,aAAqB;","names":[]}

package/dist/chunk-CEEX3HQ2.js

@@ -0,0 +1,44 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  formatKeyForDisplay
+} from "./chunk-LYKZAKVN.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/bigplaypause.ts
+var BigPlayPauseButton = class extends BaseComponent {
+  create() {
+    return this.element = createEl("button", { className: "tmg-media-big-play-pause-btn", type: "button", innerHTML: IconRegistry.get("play") + IconRegistry.get("pause") + IconRegistry.get("replay") }, { draggableControl: "", dragId: "big", controlId: this.name });
+  }
+  wire() {
+    this.el.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.media.on("state.paused", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("status.ended", this.syncARIA, { signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.playPause", this.syncARIA, { signal: this.signal });
+  }
+  handleClick() {
+    this.media.intent.paused = !this.media.state.paused;
+  }
+  syncARIA() {
+    this.state.label = this.media.status.ended ? "Replay" : this.media.state.paused ? "Play" : "Pause";
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.playPause, this.settings.voice.commands.playPause);
+    this.el.title = this.state.label + this.state.cmd;
+    this.setBtnARIA();
+  }
+};
+__publicField(BigPlayPauseButton, "componentName", "bigplaypause");
+__publicField(BigPlayPauseButton, "isControl", true);
+
+export {
+  BigPlayPauseButton
+};
+//# sourceMappingURL=chunk-CEEX3HQ2.js.map

package/dist/chunk-CEEX3HQ2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/bigplaypause.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"@components/base\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { formatKeyForDisplay } from \"@utils/keys\";\r\n\r\nexport type BigPlayPauseConfig = undefined;\r\n\r\nexport class BigPlayPauseButton extends BaseComponent<BigPlayPauseConfig, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName: string = \"bigplaypause\";\r\n  public static readonly isControl: boolean = true;\r\n\r\n  public override create() {\r\n    return (this.element = createEl(\"button\", { className: \"tmg-media-big-play-pause-btn\", type: \"button\", innerHTML: IconRegistry.get(\"play\") + IconRegistry.get(\"pause\") + IconRegistry.get(\"replay\") }, { draggableControl: \"\", dragId: \"big\", controlId: this.name }));\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Event Listeners\r\n    this.el.addEventListener(\"click\", this.handleClick, { signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.paused\", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"status.ended\", this.syncARIA, { signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.playPause\", this.syncARIA, { signal: this.signal });\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.media.intent.paused = !this.media.state.paused;\r\n  }\r\n\r\n  public syncARIA(): void {\r\n    this.state.label = this.media.status.ended ? \"Replay\" : this.media.state.paused ? \"Play\" : \"Pause\";\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.playPause, this.settings.voice.commands.playPause);\r\n    this.el.title = this.state.label + this.state.cmd;\r\n    this.setBtnARIA();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    bigplaypause: typeof BigPlayPauseButton;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;AAOO,IAAM,qBAAN,cAAiC,cAAqE;AAAA,EAI3F,SAAS;AACvB,WAAQ,KAAK,UAAU,SAAS,UAAU,EAAE,WAAW,gCAAgC,MAAM,UAAU,WAAW,aAAa,IAAI,MAAM,IAAI,aAAa,IAAI,OAAO,IAAI,aAAa,IAAI,QAAQ,EAAE,GAAG,EAAE,kBAAkB,IAAI,QAAQ,OAAO,WAAW,KAAK,KAAK,CAAC;AAAA,EACtQ;AAAA,EAEgB,OAAa;AAE3B,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,MAAM,GAAG,gBAAgB,KAAK,UAAU,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AACnG,SAAK,MAAM,GAAG,gBAAgB,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAEpE,SAAK,KAAK,OAAO,GAAG,qCAAqC,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EACjG;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,OAAO,SAAS,CAAC,KAAK,MAAM,MAAM;AAAA,EAC/C;AAAA,EAEO,WAAiB;AACtB,SAAK,MAAM,QAAQ,KAAK,MAAM,OAAO,QAAQ,WAAW,KAAK,MAAM,MAAM,SAAS,SAAS;AAC3F,SAAK,MAAM,MAAM,oBAAoB,KAAK,SAAS,KAAK,UAAU,WAAW,KAAK,SAAS,MAAM,SAAS,SAAS;AACnH,SAAK,GAAG,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM;AAC9C,SAAK,WAAW;AAAA,EAClB;AACF;AA3BE,cADW,oBACY,iBAAwB;AAC/C,cAFW,oBAEY,aAAqB;","names":[]}

package/dist/chunk-CIN7HWLH.js

@@ -0,0 +1,26 @@
+import {
+  BaseNotifier
+} from "./chunk-XJ6HO3WP.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/notifiers/captions.ts
+var CaptionsNotifier = class extends BaseNotifier {
+  create() {
+    return this.element = createEl("div", { className: "tmg-media-captions-notifier", innerHTML: IconRegistry.get("subtitles") + IconRegistry.get("captions") });
+  }
+};
+__publicField(CaptionsNotifier, "componentName", "captionsnotifier");
+__publicField(CaptionsNotifier, "triggers", ["captions"]);
+
+export {
+  CaptionsNotifier
+};
+//# sourceMappingURL=chunk-CIN7HWLH.js.map

package/dist/chunk-CIN7HWLH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/notifiers/captions.ts"],"sourcesContent":["import { BaseNotifier, ComponentState } from \"./base\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { IconRegistry } from \"@core/registries\";\r\n\r\nexport class CaptionsNotifier extends BaseNotifier<undefined, ComponentState, HTMLDivElement> {\r\n  public static readonly componentName = \"captionsnotifier\";\r\n  public static readonly triggers = [\"captions\"];\r\n\r\n  public override create() {\r\n    return (this.element = createEl(\"div\", { className: \"tmg-media-captions-notifier\", innerHTML: IconRegistry.get(\"subtitles\") + IconRegistry.get(\"captions\") }));\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    captionsnotifier: typeof CaptionsNotifier;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAIO,IAAM,mBAAN,cAA+B,aAAwD;AAAA,EAI5E,SAAS;AACvB,WAAQ,KAAK,UAAU,SAAS,OAAO,EAAE,WAAW,+BAA+B,WAAW,aAAa,IAAI,WAAW,IAAI,aAAa,IAAI,UAAU,EAAE,CAAC;AAAA,EAC9J;AACF;AANE,cADW,kBACY,iBAAgB;AACvC,cAFW,kBAEY,YAAW,CAAC,UAAU;","names":[]}

package/dist/chunk-CL24QYM6.js

@@ -0,0 +1,48 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  formatKeyForDisplay
+} from "./chunk-LYKZAKVN.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/next.ts
+var NextButton = class extends BaseComponent {
+  get plug() {
+    return this.ctlr.plug("playlist");
+  }
+  create() {
+    this.element = createEl("button", { className: "tmg-media-next-btn", type: "button", innerHTML: IconRegistry.get("next") }, { draggableControl: "", controlId: this.name });
+    return this.hide(), this.element;
+  }
+  wire() {
+    this.el.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.plug?.state.on("currentIndex", () => this[this.plug.atLast ? "hide" : "show"](), { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.next", this.syncARIA, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.voice.commands.next", this.syncARIA, { signal: this.signal });
+  }
+  handleClick() {
+    this.plug?.next();
+  }
+  syncARIA() {
+    this.state.label = "Next";
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.next, this.settings.voice.commands.next);
+    this.el.title = this.state.label + this.state.cmd;
+    this.setBtnARIA();
+  }
+};
+__publicField(NextButton, "componentName", "next");
+__publicField(NextButton, "isControl", true);
+
+export {
+  NextButton
+};
+//# sourceMappingURL=chunk-CL24QYM6.js.map

package/dist/chunk-CL24QYM6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/next.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"../base\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { formatKeyForDisplay } from \"@utils/keys\";\r\n\r\nexport type NextConfig = undefined;\r\n\r\nexport class NextButton extends BaseComponent<NextConfig, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName: string = \"next\";\r\n  public static readonly isControl: boolean = true;\r\n  protected get plug() {\r\n    return this.ctlr.plug(\"playlist\");\r\n  }\r\n\r\n  public override create() {\r\n    this.element = createEl(\"button\", { className: \"tmg-media-next-btn\", type: \"button\", innerHTML: IconRegistry.get(\"next\") }, { draggableControl: \"\", controlId: this.name });\r\n    return this.hide(), this.element;\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Event Listeners\r\n    this.el.addEventListener(\"click\", this.handleClick, { signal: this.signal });\r\n    // Plug Listeners\r\n    this.plug?.state.on(\"currentIndex\", () => this[this.plug!.atLast ? \"hide\" : \"show\"](), { init: true, signal: this.signal });\r\n    // Ctlr Config Listeners\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.next\", this.syncARIA, { init: true, signal: this.signal });\n    this.ctlr.config.on(\"settings.voice.commands.next\", this.syncARIA, { signal: this.signal });\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.plug?.next();\r\n  }\r\n\r\n  public syncARIA(): void {\r\n    this.state.label = \"Next\";\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.next, this.settings.voice.commands.next);\r\n    this.el.title = this.state.label + this.state.cmd;\r\n    this.setBtnARIA();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    next: typeof NextButton;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;AAOO,IAAM,aAAN,cAAyB,cAA6D;AAAA,EAG3F,IAAc,OAAO;AACnB,WAAO,KAAK,KAAK,KAAK,UAAU;AAAA,EAClC;AAAA,EAEgB,SAAS;AACvB,SAAK,UAAU,SAAS,UAAU,EAAE,WAAW,sBAAsB,MAAM,UAAU,WAAW,aAAa,IAAI,MAAM,EAAE,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AAC1K,WAAO,KAAK,KAAK,GAAG,KAAK;AAAA,EAC3B;AAAA,EAEgB,OAAa;AAE3B,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,MAAM,MAAM,GAAG,gBAAgB,MAAM,KAAK,KAAK,KAAM,SAAS,SAAS,MAAM,EAAE,GAAG,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAE1H,SAAK,KAAK,OAAO,GAAG,gCAAgC,KAAK,UAAU,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AACtG,SAAK,KAAK,OAAO,GAAG,gCAAgC,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EAC5F;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,KAAK;AAAA,EAClB;AAAA,EAEO,WAAiB;AACtB,SAAK,MAAM,QAAQ;AACnB,SAAK,MAAM,MAAM,oBAAoB,KAAK,SAAS,KAAK,UAAU,MAAM,KAAK,SAAS,MAAM,SAAS,IAAI;AACzG,SAAK,GAAG,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM;AAC9C,SAAK,WAAW;AAAA,EAClB;AACF;AA/BE,cADW,YACY,iBAAwB;AAC/C,cAFW,YAEY,aAAqB;","names":[]}

package/dist/chunk-CTSPKWKN.js

@@ -0,0 +1,9 @@
+// src/ts/components/icons/captions.ts
+var captions = `<svg viewBox="0 0 25 25" class="tmg-media-captions-icon" style="scale: 1.15;">
+  <path d="M18,11H16.5V10.5H14.5V13.5H16.5V13H18V14A1,1 0 0,1 17,15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,11H9.5V10.5H7.5V13.5H9.5V13H11V14A1,1 0 0,1 10,15H7A1,1 0 0,1 6,14V10A1,1 0 0,1 7,9H10A1,1 0 0,1 11,10M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z" />
+</svg>`;
+
+export {
+  captions
+};
+//# sourceMappingURL=chunk-CTSPKWKN.js.map

package/dist/chunk-CTSPKWKN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/captions.ts"],"sourcesContent":["export const captions = `<svg viewBox=\"0 0 25 25\" class=\"tmg-media-captions-icon\" style=\"scale: 1.15;\">\r\n  <path d=\"M18,11H16.5V10.5H14.5V13.5H16.5V13H18V14A1,1 0 0,1 17,15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,11H9.5V10.5H7.5V13.5H9.5V13H11V14A1,1 0 0,1 10,15H7A1,1 0 0,1 6,14V10A1,1 0 0,1 7,9H10A1,1 0 0,1 11,10M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z\" />\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    captions: typeof captions;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,WAAW;AAAA;AAAA;","names":[]}

package/dist/chunk-CYUYF57A.js

@@ -0,0 +1,139 @@
+import {
+  CAST_BUILD
+} from "./chunk-FCQDAU2C.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  getMimeTypeFromExtension
+} from "./chunk-TE4JFCHB.js";
+import {
+  ComponentRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  loadResource
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/cast/index.ts
+import { silence } from "sia-reactor/modules";
+var CastPlug = class extends BasePlug {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "remotePlayer", null);
+    __publicField(this, "remoteController", null);
+    __publicField(this, "apiSetup", false);
+    __publicField(this, "placeholder", null);
+  }
+  mount() {
+    this.ctlr.payload.wired ? this.initApi() : this.ctlr.state.wonce("readyState", this.initApi, { signal: this.signal });
+  }
+  async initApi() {
+    if (this.apiSetup) return;
+    if (typeof cast === "undefined") {
+      const prev = window.__onGCastApiAvailable;
+      window.__onGCastApiAvailable = (can) => (prev?.(can), can && "cast" in window && this.setupApi()), await loadResource(window.TMG_CAST_SENDER_SRC, "script");
+    } else this.setupApi();
+  }
+  wire() {
+    this.media.watch("tech", () => {
+      var _a;
+      return (_a = this.media.features).cast || (_a.cast = this.ctlr.isNativeEl && this.apiSetup);
+    }, { init: true, signal: this.signal });
+    this.media.on("intent.cast", this.handleCastIntent, { capture: true, init: this.ctlr.payload.wired, initType: "set", signal: this.signal });
+    this.media.on("intent.paused", this.handlePausedIntent, { capture: true, signal: this.signal });
+    this.media.on("intent.currentTime", this.handleCurrentTimeIntent, { capture: true, signal: this.signal });
+    this.media.on("intent.volume", this.handleVolumeIntent, { capture: true, signal: this.signal });
+    this.media.on("intent.muted", this.handleMutedIntent, { capture: true, signal: this.signal });
+    this.ctlr.registerAction("cast", { fn: () => this.media.intent.cast = !this.media.state.cast, keyboard: { phase: "keyup" } }), super.wire();
+  }
+  handleCastIntent(e) {
+    if (e.resolved || !this.apiSetup) return;
+    const context = cast.framework.CastContext.getInstance(), active = this.ctlr.isUIActive("cast");
+    if (e.value && !active) {
+      this.ctlr.plug("settings.metadata")?.syncSession();
+      context.requestSession().then(this.loadMediaSession).catch(this.ctlr.notice);
+      this.ctlr.plug("settings.notifiers")?.notify("cast");
+    } else if (active) {
+      context.endCurrentSession(true);
+      this.media.container.classList.remove("tmg-media-cast");
+      this.media.state.cast = false;
+    }
+    e.resolve(this.name);
+  }
+  handlePausedIntent(e) {
+    if (!this.media.state.cast || e.resolved) return;
+    if (e.value !== this.remotePlayer.isPaused) this.remoteController.playOrPause();
+    e.resolve(this.name);
+  }
+  handleCurrentTimeIntent(e) {
+    if (!this.media.state.cast || e.resolved) return;
+    this.remotePlayer.currentTime = e.value;
+    this.remoteController.seek();
+    e.resolve(this.name);
+  }
+  handleVolumeIntent(e) {
+    if (!this.media.state.cast || e.resolved) return;
+    this.remotePlayer.volumeLevel = e.value / 100;
+    this.remoteController.setVolumeLevel();
+    e.resolve(this.name);
+  }
+  handleMutedIntent(e) {
+    if (!this.media.state.cast || e.resolved) return;
+    if (this.remotePlayer.isMuted !== e.value) this.remoteController.muteOrUnmute();
+    e.resolve(this.name);
+  }
+  setupApi() {
+    if (!chrome.cast) return;
+    const context = cast.framework.CastContext.getInstance();
+    context.setOptions({ receiverApplicationId: chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID, autoJoinPolicy: chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED, ...this.config.options });
+    this.remotePlayer = new cast.framework.RemotePlayer();
+    this.remoteController = new cast.framework.RemotePlayerController(this.remotePlayer);
+    this.remoteController.addEventListener(cast.framework.RemotePlayerEventType.ANY_CHANGE, this.syncRemoteState);
+    (this.placeholder = ComponentRegistry.init("castplaceholder", this.ctlr))?.setup();
+    this.media.features.cast = this.apiSetup = true;
+  }
+  async loadMediaSession() {
+    const session = cast.framework.CastContext.getInstance().getCurrentSession();
+    if (!session) return;
+    silence(() => this.media.intent.paused = true);
+    const textEl = this.placeholder?.el.querySelector("p"), request = new chrome.cast.media.LoadRequest(new chrome.cast.media.MediaInfo(this.media.state.src, getMimeTypeFromExtension(this.media.state.src)));
+    request.currentTime = this.media.state.currentTime;
+    await session.loadMedia(request);
+    if (textEl) textEl.textContent = `Casting to ${session.getCastDevice().friendlyName || "External Display"}`;
+    this.media.container.classList.add("tmg-media-cast");
+    this.media.state.cast = true;
+  }
+  // #STANDALONE: needs scoped behavior
+  syncRemoteState(event) {
+    const isConnected = this.remotePlayer.isConnected;
+    if (this.media.state.cast !== isConnected) this.media.state.cast = isConnected;
+    if (!isConnected) return;
+    switch (event.field) {
+      case "currentTime":
+        return void (this.media.state.currentTime = this.remotePlayer.currentTime);
+      case "isPaused":
+        return void (this.media.state.paused = this.remotePlayer.isPaused);
+      case "volumeLevel":
+        return void (this.media.state.volume = this.remotePlayer.volumeLevel * 100);
+      case "isMuted":
+        return void (this.media.state.muted = this.remotePlayer.isMuted);
+      case "duration":
+        return void (this.media.status.duration = this.remotePlayer.duration);
+    }
+  }
+  onDestroy() {
+    this.remoteController?.removeEventListener(cast.framework.RemotePlayerEventType.ANY_CHANGE, this.syncRemoteState);
+    this.media.state.cast && cast.framework.CastContext.getInstance().endCurrentSession(true);
+    this.placeholder?.destroy(), super.onDestroy();
+  }
+};
+__publicField(CastPlug, "plugName", "cast");
+__publicField(CastPlug, "BUILD", CAST_BUILD);
+
+export {
+  CastPlug
+};
+//# sourceMappingURL=chunk-CYUYF57A.js.map

package/dist/chunk-CYUYF57A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/cast/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\r\nimport { type REvent } from \"sia-reactor\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport { loadResource } from \"@utils/dom\";\r\nimport { CastConfig } from \"./types\";\r\nimport { CAST_BUILD } from \"./build\";\r\nimport { ComponentRegistry } from \"@core/registries\";\r\nimport { silence } from \"sia-reactor/modules\";\r\nimport { CastPlaceholder } from \"@components/holders/castplaceholder\";\r\nimport { getMimeTypeFromExtension } from \"@utils/file\";\r\n\r\nexport class CastPlug extends BasePlug<CastConfig> {\r\n  public static readonly plugName = \"cast\";\r\n  public static readonly BUILD = CAST_BUILD;\r\n  public remotePlayer: cast.framework.RemotePlayer | null = null;\r\n  public remoteController: cast.framework.RemotePlayerController | null = null;\r\n  public apiSetup = false;\r\n  protected placeholder: CastPlaceholder | null = null;\r\n\r\n  public override mount(): void {\r\n    this.ctlr.payload.wired ? this.initApi() : this.ctlr.state.wonce(\"readyState\", this.initApi, { signal: this.signal }); // #HEAVY: waits for !lightState\r\n  }\r\n  protected async initApi(): Promise<void> {\r\n    if (this.apiSetup) return;\r\n    if (typeof cast === \"undefined\") {\r\n      const prev = (window as any).__onGCastApiAvailable;\r\n      ((window as any).__onGCastApiAvailable = (can: boolean) => (prev?.(can), can && \"cast\" in window && this.setupApi())), await loadResource(window.TMG_CAST_SENDER_SRC!, \"script\");\r\n    } else this.setupApi();\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Ctlr Media Watchers\r\n    this.media.watch(\"tech\", () => (this.media.features.cast ||= this.ctlr.isNativeEl && this.apiSetup), { init: true, signal: this.signal }); // no YT or Vimeo until d custom client\r\n    // --------- Listeners\r\n    this.media.on(\"intent.cast\", this.handleCastIntent, { capture: true, init: this.ctlr.payload.wired, initType: \"set\", signal: this.signal });\r\n    this.media.on(\"intent.paused\", this.handlePausedIntent, { capture: true, signal: this.signal });\r\n    this.media.on(\"intent.currentTime\", this.handleCurrentTimeIntent, { capture: true, signal: this.signal });\r\n    this.media.on(\"intent.volume\", this.handleVolumeIntent, { capture: true, signal: this.signal });\r\n    this.media.on(\"intent.muted\", this.handleMutedIntent, { capture: true, signal: this.signal });\r\n    // Post Wiring\r\n    this.ctlr.registerAction(\"cast\", { fn: () => (this.media.intent.cast = !this.media.state.cast), keyboard: { phase: \"keyup\" } }), super.wire();\r\n  }\r\n\r\n  protected handleCastIntent(e: REvent<CtlrMedia, \"intent.cast\">): void {\r\n    if (e.resolved || !this.apiSetup) return;\r\n    const context = cast.framework.CastContext.getInstance(),\r\n      active = this.ctlr.isUIActive(\"cast\");\r\n    if (e.value && !active) {\r\n      this.ctlr.plug(\"settings.metadata\")?.syncSession();\r\n      context.requestSession().then(this.loadMediaSession).catch(this.ctlr.notice);\r\n      this.ctlr.plug(\"settings.notifiers\")?.notify(\"cast\"); // #STALLING: necessary optimistic distraction\r\n    } else if (active) {\r\n      context.endCurrentSession(true);\r\n      this.media.container.classList.remove(\"tmg-media-cast\");\r\n      this.media.state.cast = false;\r\n    }\r\n    e.resolve(this.name);\r\n  }\r\n\r\n  protected handlePausedIntent(e: REvent<CtlrMedia, \"intent.paused\">): void {\r\n    if (!this.media.state.cast || e.resolved) return;\r\n    if (e.value !== this.remotePlayer!.isPaused) this.remoteController!.playOrPause();\r\n    e.resolve(this.name);\r\n  }\r\n\r\n  protected handleCurrentTimeIntent(e: REvent<CtlrMedia, \"intent.currentTime\">): void {\r\n    if (!this.media.state.cast || e.resolved) return;\r\n    this.remotePlayer!.currentTime = e.value;\r\n    this.remoteController!.seek();\r\n    e.resolve(this.name);\r\n  }\r\n\r\n  protected handleVolumeIntent(e: REvent<CtlrMedia, \"intent.volume\">): void {\r\n    if (!this.media.state.cast || e.resolved) return;\r\n    this.remotePlayer!.volumeLevel = e.value / 100;\r\n    this.remoteController!.setVolumeLevel();\r\n    e.resolve(this.name);\r\n  }\r\n\r\n  protected handleMutedIntent(e: REvent<CtlrMedia, \"intent.muted\">): void {\r\n    if (!this.media.state.cast || e.resolved) return;\r\n    if (this.remotePlayer!.isMuted !== e.value) this.remoteController!.muteOrUnmute();\r\n    e.resolve(this.name);\r\n  }\r\n\r\n  protected setupApi(): void {\r\n    if (!chrome.cast) return;\r\n    const context = cast.framework.CastContext.getInstance();\r\n    context.setOptions({ receiverApplicationId: chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID, autoJoinPolicy: chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED, ...this.config.options });\r\n    this.remotePlayer = new cast.framework.RemotePlayer();\r\n    this.remoteController = new cast.framework.RemotePlayerController(this.remotePlayer);\r\n    this.remoteController.addEventListener(cast.framework.RemotePlayerEventType.ANY_CHANGE, this.syncRemoteState);\r\n    (this.placeholder = ComponentRegistry.init(\"castplaceholder\", this.ctlr))?.setup();\r\n    this.media.features.cast = this.apiSetup = true; // Unlock the feature UI\r\n  }\r\n\r\n  protected async loadMediaSession(): Promise<void> {\r\n    const session = cast.framework.CastContext.getInstance().getCurrentSession();\r\n    if (!session) return;\r\n    silence(() => (this.media.intent.paused = true)); // pause local playback to avoid double audio\r\n    const textEl = this.placeholder?.el.querySelector(\"p\"),\r\n      request = new chrome.cast.media.LoadRequest(new chrome.cast.media.MediaInfo(this.media.state.src, getMimeTypeFromExtension(this.media.state.src)));\r\n    request.currentTime = this.media.state.currentTime;\r\n    await session.loadMedia(request);\r\n    if (textEl) textEl.textContent = `Casting to ${session.getCastDevice().friendlyName || \"External Display\"}`;\r\n    this.media.container.classList.add(\"tmg-media-cast\");\r\n    this.media.state.cast = true;\r\n    // console.log(\"Media loaded to TV\", this.media.state.src, this.media.state.currentTime); // dev\r\n  } // #STANDALONE: needs scoped behavior\r\n\r\n  protected syncRemoteState(event: cast.framework.RemotePlayerChangedEvent): void {\r\n    const isConnected = this.remotePlayer!.isConnected;\r\n    if (this.media.state.cast !== isConnected) this.media.state.cast = isConnected;\r\n    if (!isConnected) return;\r\n    switch (event.field) {\r\n      case \"currentTime\":\r\n        return void (this.media.state.currentTime = this.remotePlayer!.currentTime);\r\n      case \"isPaused\":\r\n        return void (this.media.state.paused = this.remotePlayer!.isPaused);\r\n      case \"volumeLevel\":\r\n        return void (this.media.state.volume = this.remotePlayer!.volumeLevel * 100);\r\n      case \"isMuted\":\r\n        return void (this.media.state.muted = this.remotePlayer!.isMuted);\r\n      case \"duration\":\r\n        return void (this.media.status.duration = this.remotePlayer!.duration);\r\n    }\r\n  }\r\n\r\n  protected override onDestroy(): void {\r\n    this.remoteController?.removeEventListener(cast.framework.RemotePlayerEventType.ANY_CHANGE, this.syncRemoteState);\r\n    this.media.state.cast && cast.framework.CastContext.getInstance().endCurrentSession(true);\r\n    this.placeholder?.destroy(), super.onDestroy();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PlugRegistryMap {\r\n    \"settings.cast\": typeof CastPlug;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-D5XNDZ4S.js

@@ -0,0 +1,21 @@
+// src/ts/plugs/settings/persist/build.ts
+import { CTX } from "sia-reactor";
+var PERSIST_BUILD = {
+  strict: !CTX.isDevEnv,
+  whitelist: {
+    config: ["lightState", "settings", "actions"],
+    media: ["state", "settings"]
+  },
+  blacklist: {
+    media: ["state.sources", "state.tracks", "state.poster", "state.fullscreen", "state.pictureInPicture", "settings.srcObject"]
+    // "state.src", "state.paused"
+  },
+  mirrorReads: true,
+  mirrorWrites: true,
+  cachePayload: true
+};
+
+export {
+  PERSIST_BUILD
+};
+//# sourceMappingURL=chunk-D5XNDZ4S.js.map

package/dist/chunk-D5XNDZ4S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/persist/build.ts"],"sourcesContent":["import { CTX } from \"sia-reactor\";\r\nimport { PersistConfig } from \"./types\";\r\n\r\nexport const PERSIST_BUILD: Partial<PersistConfig> = {\r\n  strict: !CTX.isDevEnv,\r\n  whitelist: {\r\n    config: [\"lightState\", \"settings\", \"actions\"],\r\n    media: [\"state\", \"settings\"],\r\n  },\r\n  blacklist: {\r\n    media: [\"state.sources\", \"state.tracks\", \"state.poster\", \"state.fullscreen\", \"state.pictureInPicture\", \"settings.srcObject\"], // \"state.src\", \"state.paused\"\r\n  },\r\n  mirrorReads: true,\r\n  mirrorWrites: true,\r\n  cachePayload: true,\r\n};\r\n"],"mappings":";AAAA,SAAS,WAAW;AAGb,IAAM,gBAAwC;AAAA,EACnD,QAAQ,CAAC,IAAI;AAAA,EACb,WAAW;AAAA,IACT,QAAQ,CAAC,cAAc,YAAY,SAAS;AAAA,IAC5C,OAAO,CAAC,SAAS,UAAU;AAAA,EAC7B;AAAA,EACA,WAAW;AAAA,IACT,OAAO,CAAC,iBAAiB,gBAAgB,gBAAgB,oBAAoB,0BAA0B,oBAAoB;AAAA;AAAA,EAC7H;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAChB;","names":[]}

package/dist/chunk-D7JQDN74.js

@@ -0,0 +1,9 @@
+// src/ts/components/icons/subtitles.ts
+var subtitles = `<svg viewBox="0 0 25 25" class="tmg-media-subtitles-icon">
+  <path style="scale: 0.5;" d="M44,6H4A2,2,0,0,0,2,8V40a2,2,0,0,0,2,2H44a2,2,0,0,0,2-2V8A2,2,0,0,0,44,6ZM12,26h4a2,2,0,0,1,0,4H12a2,2,0,0,1,0-4ZM26,36H12a2,2,0,0,1,0-4H26a2,2,0,0,1,0,4Zm10,0H32a2,2,0,0,1,0-4h4a2,2,0,0,1,0,4Zm0-6H22a2,2,0,0,1,0-4H36a2,2,0,0,1,0,4Z" />
+</svg>`;
+
+export {
+  subtitles
+};
+//# sourceMappingURL=chunk-D7JQDN74.js.map

package/dist/chunk-D7JQDN74.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/subtitles.ts"],"sourcesContent":["export const subtitles = `<svg viewBox=\"0 0 25 25\" class=\"tmg-media-subtitles-icon\">\r\n  <path style=\"scale: 0.5;\" d=\"M44,6H4A2,2,0,0,0,2,8V40a2,2,0,0,0,2,2H44a2,2,0,0,0,2-2V8A2,2,0,0,0,44,6ZM12,26h4a2,2,0,0,1,0,4H12a2,2,0,0,1,0-4ZM26,36H12a2,2,0,0,1,0-4H26a2,2,0,0,1,0,4Zm10,0H32a2,2,0,0,1,0-4h4a2,2,0,0,1,0,4Zm0-6H22a2,2,0,0,1,0-4H36a2,2,0,0,1,0,4Z\" />\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    subtitles: typeof subtitles;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,YAAY;AAAA;AAAA;","names":[]}

package/dist/chunk-DKS7SZFN.js

@@ -0,0 +1,165 @@
+import {
+  SettingsMenu
+} from "./chunk-3OLEZVYI.js";
+import {
+  SETTINGS_BUILD
+} from "./chunk-NPTM6BGC.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  createEl,
+  mockAsync,
+  parseCSSTime
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/settingsView/index.ts
+import { silence } from "sia-reactor/modules";
+var SettingsViewPlug = class extends BasePlug {
+  constructor(ctlr, config, state) {
+    super(ctlr, config, state);
+    __publicField(this, "closeBtn");
+    __publicField(this, "menu");
+    __publicField(this, "wasPaused", false);
+    __publicField(this, "viewReady", false);
+    this.menu = new SettingsMenu(this.ctlr, this.config.menu);
+  }
+  mount() {
+    this.closeBtn = this.ctlr.queryDOM(".tmg-media-settings-close-btn");
+    !this.config.menu.disabled && this.menu.mount(this.enterView);
+  }
+  unmount() {
+    this.media.container.classList.remove("tmg-media-settings-view");
+    this.ctlr.queryDOM(".tmg-media-settings-tips-btn")?.remove(), this.ctlr.queryDOM(".tmg-media-settings-brand-wrapper")?.remove(), this.ctlr.queryDOM(".tmg-media-settings-theme-wrapper")?.remove();
+  }
+  wire() {
+    this.closeBtn?.addEventListener("click", this.leaveView, { signal: this.signal });
+    this.media.on("state.paused", ({ value }) => !value && this.leaveView(), { signal: this.signal });
+    this.ctlr.registerAction("settings", { fn: this.toggleView, keyboard: { phase: "keyup" }, zen: true });
+    !this.config.menu.disabled && this.menu.wire(), super.wire();
+  }
+  async enterView() {
+    if (this.ctlr.isUIActive("settings")) return;
+    if (!this.viewReady) this.initView(), this.viewReady = true;
+    this.menu.close();
+    this.wasPaused = this.media.state.paused;
+    if (this.config.autoPause) silence(() => this.media.intent.paused = true);
+    this.media.container.classList.add("tmg-media-settings-view");
+    await mockAsync(parseCSSTime(this.settings.css.settingsViewTransitionTime));
+    this.ctlr.plug("settings.overlay")?.show();
+    this.ctlr.DOM.settings?.removeAttribute("inert"), this.ctlr.DOM.containerContent?.setAttribute("inert", "");
+    this.closeBtn?.focus();
+  }
+  // #STANDALONE: needs scoped behavior
+  async leaveView() {
+    if (!this.ctlr.isUIActive("settings")) return;
+    this.media.container.classList.remove("tmg-media-settings-view");
+    await mockAsync(parseCSSTime(this.settings.css.settingsViewTransitionTime));
+    if (this.config.autoPause) silence(() => this.media.intent.paused = this.wasPaused);
+    this.ctlr.DOM.settings?.setAttribute("inert", ""), this.ctlr.DOM.containerContent?.removeAttribute("inert");
+  }
+  // #STANDALONE: needs scoped behavior
+  async toggleView() {
+    this.ctlr.isUIActive("settings") ? await this.leaveView() : await this.enterView();
+  }
+  initView() {
+    const options = [{ option: "Light Blue", value: "#3198f5" }, { option: "Hot Pink", value: "#ff69b4" }, { option: "Fiery Red", value: "#ff0033" }, { option: "Dark Turquoise", value: "#00ced1" }, { option: "Custom Hue", value: "custom" }, { option: "Video Derived", value: "auto" }], gcolors = options.slice(0, -2).map((opt) => opt.value), defs = { brand: this.settings.css.brandColor ?? "#e26e02", theme: this.settings.css.themeColor ?? "#ffffff", bcolors: ["#e26e02", ...gcolors], tcolors: ["#ffffff", ...gcolors] }, bField = t007.field({ type: "select", label: "Brand Color", helperText: { info: "Just try changing your brand color for now" }, options: [{ option: "Tastey Orange", value: "#e26e02" }, ...options], value: !defs.bcolors.includes(defs.brand) ? !this.settings.css.syncWithMedia.brandColor ? "custom" : "auto" : defs.brand }), cBField = t007.field({ type: "color" }), tField = t007.field({ type: "select", label: "Theme Color", helperText: { info: "Also try changing your theme color for now" }, options: [{ option: "Pure White", value: "#ffffff" }, ...options], value: !defs.tcolors.includes(defs.theme) ? !this.settings.css.syncWithMedia.themeColor ? "custom" : "auto" : defs.theme }), cTField = t007.field({ type: "color" }), bWrapper = createEl("div", { className: "tmg-media-settings-brand-wrapper" }), tWrapper = createEl("div", { className: "tmg-media-settings-theme-wrapper" });
+    this.ctlr.config.watch("settings.css.brandColor", (v = defs.brand) => (v = v.toLowerCase(), cBField.inputEl.value = v, cBField.style.setProperty("--input-color", v), bField.inputEl.value = !defs.bcolors.includes(v) ? !this.settings.css.syncWithMedia.brandColor ? "custom" : "auto" : v), { init: true, signal: this.signal });
+    this.ctlr.config.watch("settings.css.themeColor", (v = defs.theme) => (v = v.toLowerCase(), cTField.inputEl.value = v, cTField.style.setProperty("--input-color", v), tField.inputEl.value = !defs.tcolors.includes(v) ? !this.settings.css.syncWithMedia.themeColor ? "custom" : "auto" : v), { init: true, signal: this.signal });
+    this.ctlr.DOM.settingsBottomPanel?.append((bWrapper.append(bField, cBField), bWrapper), (tWrapper.append(tField, cTField), tWrapper));
+    const id = { theme: "", brand: "" }, sync = (cb, req = true, type = "brand") => (this.settings.css.syncWithMedia[`${type}Color`] = req, cb(req)), assert = (opts, type = "brand") => this.ctlr.plug("settings.toasts")?.toast?.update(id[type], { render: `Still here in case you change your choice about the ${type}`, ...opts }), onBColorChange = ({ target: { value: val } }) => this.ctlr.throttle(
+      "brandColorPicking",
+      async () => {
+        id.brand && t007.toast?.dismiss(id.brand);
+        let col;
+        if (val === "custom") return cBField.inputEl.click();
+        if (val !== "auto") col = this.settings.css.brandColor = val;
+        else col = this.settings.css.brandColor = (this.media.status.loadedData ? await this.ctlr.plug("settings.frame")?.getMainColor(this.media.state.currentTime) : null) ?? this.ctlr.plug("settings.css")?._cache.brandColor;
+        const cb = (s) => bField.inputEl.value = defs.bcolors.includes(col) ? col : s ? "auto" : "custom", No = () => (sync(cb, false), assert({ actions: { Yes } })), Yes = () => (sync(cb, true), assert({ actions: { No } }));
+        sync(cb, val === "auto");
+        val === "auto" && (id.brand = this.ctlr.plug("settings.toasts")?.toast?.("Should the brand color change anytime a video loads?", { icon: "\u{1F3A8}", autoClose: 15e3, hideProgressBar: false, actions: { Yes, No }, onClose: () => id.brand = "", signal: this.signal }) || "");
+      },
+      150
+    ), onTColorChange = ({ target: { value: val } }) => this.ctlr.throttle(
+      "themeColorPicking",
+      async () => {
+        id.theme && t007.toast?.dismiss(id.theme);
+        let col;
+        if (val === "custom") return cTField.inputEl.click();
+        if (val !== "auto") col = this.settings.css.themeColor = val;
+        else col = this.settings.css.themeColor = (this.media.status.loadedData ? await this.ctlr.plug("settings.frame")?.getMainColor(this.media.state.currentTime) : null) ?? this.ctlr.plug("settings.css")?._cache.themeColor;
+        const cb = (s) => tField.inputEl.value = defs.tcolors.includes(col) ? col : s ? "auto" : "custom", No = () => (sync(cb, false, "theme"), assert({ actions: { Yes } }, "theme")), Yes = () => (sync(cb, true, "theme"), assert({ actions: { No } }, "theme"));
+        sync(cb, val === "auto", "theme");
+        val === "auto" && (id.theme = this.ctlr.plug("settings.toasts")?.toast?.("Should the theme color change anytime a video loads?", { icon: "\u{1F3A8}", autoClose: 15e3, hideProgressBar: false, actions: { Yes, No }, onClose: () => id.theme = "", signal: this.signal }) || "");
+      },
+      150
+    );
+    bField.inputEl.addEventListener("input", onBColorChange), cBField.inputEl.addEventListener("input", onBColorChange);
+    tField.inputEl.addEventListener("input", onTColorChange), cTField.inputEl.addEventListener("input", onTColorChange);
+    const tipsBtn = createEl("button", { className: "tmg-media-settings-tips-btn", innerHTML: `<span>\u{1F4A1} Did You Know?</span>` });
+    this.closeBtn?.insertAdjacentElement("afterend", tipsBtn);
+    tipsBtn.addEventListener("click", this.showTipsDialog, { signal: this.signal });
+  }
+  getTipsHTML() {
+    return `
+      <div style="text-align: left; font-family: inherit; color: inherit;">
+        <div style="text-align: center; margin-bottom: 25px;">
+          <h2 style="margin: 0 0 10px 0; letter-spacing: -0.5px;">\u{1F3AC} Welcome to TVP</h2>
+          <p style="margin: 0; opacity: 0.9; line-height: 1.5;">
+            You aren't just watching a video; you're sitting in the cockpit of the most advanced, performance-first media engine on the web. We are thrilled to have you here. 
+            <br><strong>Here is your official flight manual to unlock its full power:</strong>
+          </p>
+        </div>
+        <h3 style="margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;">\u{1F39B}\uFE0F The Smart Canvas (Touch & Mouse)</h3>
+        <ul style="padding-left: 20px; line-height: 1.6; margin-bottom: 25px;">
+          <li><strong>Hyper-Speed on Demand:</strong> Click and hold the right side of the video screen or the play key (<strong>Spacebar</strong>) to fast-forward, left side or <strong>Shift</strong> + play key rewinds.</li>
+          <li><strong>Smart Scrubbing:</strong> Don't hunt for the tiny progress bar. Just scroll horizontally across the middle of the screen to scrub smoothly through time.</li>
+          <li><strong>Invisible Sliders:</strong> Scroll vertically on the <em>right edge</em> for Volume, and the <em>left edge</em> for Brightness.</li>
+          <li><strong>Precision Taps:</strong> Double-tap the edges to skip forward or backward. Double tap the center to toggle Fullscreen (or Play/Pause on mobile).</li>
+        </ul>
+        <h3 style="margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;">\u{1F3D7}\uFE0F Total UI Control</h3>
+        <ul style="padding-left: 20px; line-height: 1.6; margin-bottom: 25px;">
+          <li><strong>Build Your Own Player:</strong> Don't like our layout? <strong>Click and drag</strong> almost any button on the bottom control bar to physically rearrange the interface exactly how you want it.</li>
+          <li><strong>Draggable Subtitles:</strong> Subtitles blocking a crucial part of the scene? Just grab the text box and drag it anywhere else on the screen.</li>
+          <li><strong>The Chameleon Engine:</strong> Head to settings and set your Brand/Theme colors to "Video Derived". TVP will actively analyze the video frames and extract dominant colors to paint the UI dynamically.</li>
+          <li><strong>Descriptive Hints:</strong> Hover over the controls to expose their tooltips and get more information about how to trigger each function.</li>
+        </ul>
+        <h3 style="margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;">\u2328\uFE0F Keyboard Ninja Status</h3>
+        <ul style="padding-left: 20px; line-height: 1.6; margin-bottom: 25px;">
+          <li><strong>The Playback Trinity (J, K, L):</strong> Skip backward, Play/Pause, and Skip forward like a pro editor. Do the same with arrow keys, hold <strong>Ctrl</strong>, <strong>Shift</strong> or <strong>Alt</strong> to spice things up.</li>
+          <li><strong>Time Travel (0 - 9):</strong> Hit any number key to instantly jump to that percentage of the video (e.g., hitting '5' jumps to the exact middle).</li>
+          <li><strong>Frame-by-Frame:</strong> Paused the video? Use <strong>,</strong> (comma) and <strong>.</strong> (period) to step backward or forward one single frame at a time.</li>
+          <li><strong>Warp Speed:</strong> Use <strong>&gt;</strong> and <strong>&lt;</strong> to crank the playback speed up or down.</li>
+        </ul>
+        <h3 style="margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;">\u{1F52C} Advanced Window Tech</h3>
+        <ul style="padding-left: 20px; line-height: 1.6; margin-bottom: 20px;">
+          <li><strong>The Snapshot Engine:</strong> Click the Camera icon or press <strong>s</strong> to screenshot a high-res image of the exact frame. <em>(Easter Egg: Double-Click or press <strong>Alt + s</strong> to capture in pure Black &amp; White!)</em></li>
+          <li><strong>Ultra-readable Time:</strong> Click the time display or press <strong>q</strong> to toggle between elapsed time and remaining time. <em>(Easter Egg: Double-Click or press <strong>z</strong> to display the time in different formats!)</em></li>
+          <li><strong>Floating Miniplayer:</strong> Start playing a video and just scroll down the page. TVP will automatically detach into a draggable miniplayer so you never miss a second.</li>
+          <li><strong>Custom Picture-in-Picture:</strong> We bypassed standard browser limits to give you a floating player that actually keeps all your custom UI controls intact.</li>
+        </ul>
+        <div style="text-align: center; margin-top: 30px; padding: 15px; border-radius: 8px; background: rgba(128, 128, 128, 0.1);">
+          <p style="margin: 0 0 10px 0;"><strong>Enjoy the engine.</strong> We're still in active development, but we're already miles ahead. Welcome to the bleeding edge.</p>
+          <p style="margin: 0; opacity: 0.8;">\u{1F9EA} <strong>Beta Tester?</strong> Check the bottom of the page to find the hidden button to travel through linear time, or <a href="mailto:tobioketade007@gmail.com" style="color: inherit; text-decoration: underline;">drop me an email</a> to collaborate!</p>
+          </div>
+        </div>
+      `;
+  }
+  async showTipsDialog() {
+    await this.leaveView();
+    t007.alert(this.getTipsHTML(), { id: `${this.ctlr.config.id}-tips-dialog`, rootElement: this.ctlr.DOM.containerContent, confirmText: "Got it!" });
+  }
+  onDestroy() {
+    this.menu.destroy(), super.onDestroy();
+  }
+};
+__publicField(SettingsViewPlug, "plugName", "settingsView");
+__publicField(SettingsViewPlug, "BUILD", SETTINGS_BUILD);
+
+export {
+  SettingsViewPlug
+};
+//# sourceMappingURL=chunk-DKS7SZFN.js.map

package/dist/chunk-DKS7SZFN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/settingsView/index.ts"],"sourcesContent":["import { silence } from \"sia-reactor/modules\";\r\nimport { BasePlug } from \"../../base\";\r\nimport { SETTINGS_BUILD } from \"./build\";\r\nimport type { SettingsViewConfig } from \"./types\";\r\nimport { SettingsMenu } from \"./menu\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { mockAsync } from \"@utils/fn\";\r\nimport { parseCSSTime } from \"@utils/str\";\r\n\r\nimport type { Controller } from \"@core/controller\";\r\n\r\nexport class SettingsViewPlug extends BasePlug<SettingsViewConfig> {\r\n  public static readonly plugName = \"settingsView\";\r\n  public static readonly BUILD = SETTINGS_BUILD;\r\n  public closeBtn!: HTMLButtonElement | null;\r\n  public menu!: SettingsMenu;\r\n  protected wasPaused = false;\r\n  private viewReady = false;\r\n\r\n  constructor(ctlr: Controller, config?: SettingsViewConfig, state?: any) {\r\n    super(ctlr, config, state);\r\n    this.menu = new SettingsMenu(this.ctlr, this.config.menu);\r\n  }\r\n\r\n  public override mount(): void {\r\n    this.closeBtn = this.ctlr.queryDOM(\".tmg-media-settings-close-btn\")!;\r\n    !this.config.menu.disabled && this.menu.mount(this.enterView);\r\n  }\r\n  public override unmount(): void {\r\n    this.media.container.classList.remove(\"tmg-media-settings-view\");\r\n    this.ctlr.queryDOM(\".tmg-media-settings-tips-btn\")?.remove(), this.ctlr.queryDOM(\".tmg-media-settings-brand-wrapper\")?.remove(), this.ctlr.queryDOM(\".tmg-media-settings-theme-wrapper\")?.remove();\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Event Listeners\r\n    this.closeBtn?.addEventListener(\"click\", this.leaveView, { signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.paused\", ({ value }) => !value && this.leaveView(), { signal: this.signal });\r\n    // Post Wiring\r\n    this.ctlr.registerAction(\"settings\", { fn: this.toggleView, keyboard: { phase: \"keyup\" }, zen: true });\r\n    !this.config.menu.disabled && this.menu.wire(), super.wire();\r\n  }\r\n\r\n  public async enterView(): Promise<void> {\r\n    if (this.ctlr.isUIActive(\"settings\")) return;\r\n    if (!this.viewReady) this.initView(), (this.viewReady = true);\r\n    this.menu.close();\r\n    this.wasPaused = this.media.state.paused;\r\n    if (this.config.autoPause) silence(() => (this.media.intent.paused = true));\r\n    this.media.container.classList.add(\"tmg-media-settings-view\");\r\n    await mockAsync(parseCSSTime(this.settings.css.settingsViewTransitionTime));\r\n    this.ctlr.plug(\"settings.overlay\")?.show();\r\n    this.ctlr.DOM.settings?.removeAttribute(\"inert\"), this.ctlr.DOM.containerContent?.setAttribute(\"inert\", \"\");\r\n    this.closeBtn?.focus();\r\n  } // #STANDALONE: needs scoped behavior\r\n\r\n  public async leaveView(): Promise<void> {\r\n    if (!this.ctlr.isUIActive(\"settings\")) return;\r\n    this.media.container.classList.remove(\"tmg-media-settings-view\");\r\n    await mockAsync(parseCSSTime(this.settings.css.settingsViewTransitionTime));\r\n    if (this.config.autoPause) silence(() => (this.media.intent.paused = this.wasPaused));\r\n    this.ctlr.DOM.settings?.setAttribute(\"inert\", \"\"), this.ctlr.DOM.containerContent?.removeAttribute(\"inert\");\r\n  } // #STANDALONE: needs scoped behavior\r\n\r\n  public async toggleView(): Promise<void> {\r\n    this.ctlr.isUIActive(\"settings\") ? await this.leaveView() : await this.enterView();\r\n  }\r\n\r\n  private initView() {\r\n    // Theming\r\n    // prettier-ignore\r\n    const options = [{ option: \"Light Blue\", value: \"#3198f5\" }, { option: \"Hot Pink\", value: \"#ff69b4\" }, { option: \"Fiery Red\", value: \"#ff0033\" }, { option: \"Dark Turquoise\", value: \"#00ced1\" }, { option: \"Custom Hue\", value: \"custom\" }, { option: \"Video Derived\", value: \"auto\" }],\r\n      gcolors = options.slice(0, -2).map((opt) => opt.value),\r\n      defs = { brand: this.settings.css.brandColor as string ?? \"#e26e02\", theme: this.settings.css.themeColor as string ?? \"#ffffff\", bcolors: [\"#e26e02\", ...gcolors], tcolors: [\"#ffffff\", ...gcolors] },\r\n      bField = t007.field({ type: \"select\", label: \"Brand Color\", helperText: { info: \"Just try changing your brand color for now\" }, options: [{ option: \"Tastey Orange\", value: \"#e26e02\" }, ...options], value: !defs.bcolors.includes(defs.brand as string) ? (!this.settings.css.syncWithMedia.brandColor ? \"custom\" : \"auto\") : defs.brand }),\r\n      cBField = t007.field({ type: \"color\" }),\r\n      tField = t007.field({ type: \"select\", label: \"Theme Color\", helperText: { info: \"Also try changing your theme color for now\" }, options: [{ option: \"Pure White\", value: \"#ffffff\" }, ...options], value: !defs.tcolors.includes(defs.theme as string) ? (!this.settings.css.syncWithMedia.themeColor ? \"custom\" : \"auto\") : defs.theme }),\r\n      cTField = t007.field({ type: \"color\" }),\r\n      bWrapper = createEl(\"div\", { className: \"tmg-media-settings-brand-wrapper\" }),\r\n      tWrapper = createEl(\"div\", { className: \"tmg-media-settings-theme-wrapper\" });\r\n    this.ctlr.config.watch(\"settings.css.brandColor\", (v = defs.brand) => ((v = (v as string).toLowerCase()), (cBField.inputEl.value = v), cBField.style.setProperty(\"--input-color\", v), (bField.inputEl.value = !defs.bcolors.includes(v) ? (!this.settings.css.syncWithMedia.brandColor ? \"custom\" : \"auto\") : v)), { init: true, signal: this.signal });\r\n    this.ctlr.config.watch(\"settings.css.themeColor\", (v = defs.theme) => ((v = (v as string).toLowerCase()), (cTField.inputEl.value = v), cTField.style.setProperty(\"--input-color\", v), (tField.inputEl.value = !defs.tcolors.includes(v) ? (!this.settings.css.syncWithMedia.themeColor ? \"custom\" : \"auto\") : v)), { init: true, signal: this.signal });\r\n    this.ctlr.DOM.settingsBottomPanel?.append((bWrapper.append(bField, cBField), bWrapper), (tWrapper.append(tField, cTField), tWrapper));\r\n    const id = { theme: \"\", brand: \"\" },\r\n      sync = (cb: any, req = true, type = \"brand\") => ((this.settings.css.syncWithMedia[`${type}Color`] = req), cb(req)),\r\n      assert = (opts: any, type: \"brand\" | \"theme\" = \"brand\") => this.ctlr.plug(\"settings.toasts\")?.toast?.update(id[type], { render: `Still here in case you change your choice about the ${type}`, ...opts }),\r\n      onBColorChange = ({ target: { value: val } }: any) =>\r\n        this.ctlr.throttle(\r\n          \"brandColorPicking\",\r\n          async () => {\r\n            id.brand && t007.toast?.dismiss(id.brand);\r\n            let col;\r\n            if (val === \"custom\") return cBField.inputEl.click();\r\n            if (val !== \"auto\") col = this.settings.css.brandColor = val;\r\n            else col = this.settings.css.brandColor = (this.media.status.loadedData ? await this.ctlr.plug(\"settings.frame\")?.getMainColor(this.media.state.currentTime) : null) ?? this.ctlr.plug(\"settings.css\")?._cache.brandColor!;\r\n            const cb = (s: any) => (bField.inputEl.value = defs.bcolors.includes(col as string) ? (col as string) : s ? \"auto\" : \"custom\"),\r\n              No = () => (sync(cb, false), assert({ actions: { Yes } })),\r\n              Yes = () => (sync(cb, true), assert({ actions: { No } }));\r\n            sync(cb, val === \"auto\");\r\n            val === \"auto\" && (id.brand = this.ctlr.plug(\"settings.toasts\")?.toast?.(\"Should the brand color change anytime a video loads?\", { icon: \"🎨\", autoClose: 15000, hideProgressBar: false, actions: { Yes, No }, onClose: () => (id.brand = \"\"), signal: this.signal }) || \"\");\r\n          },\r\n          150\r\n        ),\r\n      onTColorChange = ({ target: { value: val } }: any) =>\r\n        this.ctlr.throttle(\r\n          \"themeColorPicking\",\r\n          async () => {\r\n            id.theme && t007.toast?.dismiss(id.theme);\r\n            let col;\r\n            if (val === \"custom\") return cTField.inputEl.click();\r\n            if (val !== \"auto\") col = this.settings.css.themeColor = val;\r\n            else col = this.settings.css.themeColor = (this.media.status.loadedData ? await this.ctlr.plug(\"settings.frame\")?.getMainColor(this.media.state.currentTime) : null) ?? this.ctlr.plug(\"settings.css\")?._cache.themeColor!;\r\n            const cb = (s: any) => (tField.inputEl.value = defs.tcolors.includes(col as string) ? (col as string) : s ? \"auto\" : \"custom\"),\r\n              No = () => (sync(cb, false, \"theme\"), assert({ actions: { Yes } }, \"theme\")),\r\n              Yes = () => (sync(cb, true, \"theme\"), assert({ actions: { No } }, \"theme\"));\r\n            sync(cb, val === \"auto\", \"theme\");\r\n            val === \"auto\" && (id.theme = this.ctlr.plug(\"settings.toasts\")?.toast?.(\"Should the theme color change anytime a video loads?\", { icon: \"🎨\", autoClose: 15000, hideProgressBar: false, actions: { Yes, No }, onClose: () => (id.theme = \"\"), signal: this.signal }) || \"\");\r\n          },\r\n          150\r\n        );\r\n    bField.inputEl.addEventListener(\"input\", onBColorChange), cBField.inputEl.addEventListener(\"input\", onBColorChange);\r\n    tField.inputEl.addEventListener(\"input\", onTColorChange), cTField.inputEl.addEventListener(\"input\", onTColorChange);\r\n    // Helpful Tips\r\n    const tipsBtn = createEl(\"button\", { className: \"tmg-media-settings-tips-btn\", innerHTML: `<span>💡 Did You Know?</span>` });\r\n    this.closeBtn?.insertAdjacentElement(\"afterend\", tipsBtn);\r\n    tipsBtn.addEventListener(\"click\", this.showTipsDialog, { signal: this.signal });\r\n  }\r\n\r\n  private getTipsHTML() {\r\n    return `\r\n      <div style=\"text-align: left; font-family: inherit; color: inherit;\">\r\n        <div style=\"text-align: center; margin-bottom: 25px;\">\r\n          <h2 style=\"margin: 0 0 10px 0; letter-spacing: -0.5px;\">🎬 Welcome to TVP</h2>\r\n          <p style=\"margin: 0; opacity: 0.9; line-height: 1.5;\">\r\n            You aren't just watching a video; you're sitting in the cockpit of the most advanced, performance-first media engine on the web. We are thrilled to have you here. \r\n            <br><strong>Here is your official flight manual to unlock its full power:</strong>\r\n          </p>\r\n        </div>\r\n        <h3 style=\"margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;\">🎛️ The Smart Canvas (Touch & Mouse)</h3>\r\n        <ul style=\"padding-left: 20px; line-height: 1.6; margin-bottom: 25px;\">\r\n          <li><strong>Hyper-Speed on Demand:</strong> Click and hold the right side of the video screen or the play key (<strong>Spacebar</strong>) to fast-forward, left side or <strong>Shift</strong> + play key rewinds.</li>\r\n          <li><strong>Smart Scrubbing:</strong> Don't hunt for the tiny progress bar. Just scroll horizontally across the middle of the screen to scrub smoothly through time.</li>\r\n          <li><strong>Invisible Sliders:</strong> Scroll vertically on the <em>right edge</em> for Volume, and the <em>left edge</em> for Brightness.</li>\r\n          <li><strong>Precision Taps:</strong> Double-tap the edges to skip forward or backward. Double tap the center to toggle Fullscreen (or Play/Pause on mobile).</li>\r\n        </ul>\r\n        <h3 style=\"margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;\">🏗️ Total UI Control</h3>\r\n        <ul style=\"padding-left: 20px; line-height: 1.6; margin-bottom: 25px;\">\r\n          <li><strong>Build Your Own Player:</strong> Don't like our layout? <strong>Click and drag</strong> almost any button on the bottom control bar to physically rearrange the interface exactly how you want it.</li>\r\n          <li><strong>Draggable Subtitles:</strong> Subtitles blocking a crucial part of the scene? Just grab the text box and drag it anywhere else on the screen.</li>\r\n          <li><strong>The Chameleon Engine:</strong> Head to settings and set your Brand/Theme colors to \"Video Derived\". TVP will actively analyze the video frames and extract dominant colors to paint the UI dynamically.</li>\r\n          <li><strong>Descriptive Hints:</strong> Hover over the controls to expose their tooltips and get more information about how to trigger each function.</li>\r\n        </ul>\r\n        <h3 style=\"margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;\">⌨️ Keyboard Ninja Status</h3>\r\n        <ul style=\"padding-left: 20px; line-height: 1.6; margin-bottom: 25px;\">\r\n          <li><strong>The Playback Trinity (J, K, L):</strong> Skip backward, Play/Pause, and Skip forward like a pro editor. Do the same with arrow keys, hold <strong>Ctrl</strong>, <strong>Shift</strong> or <strong>Alt</strong> to spice things up.</li>\r\n          <li><strong>Time Travel (0 - 9):</strong> Hit any number key to instantly jump to that percentage of the video (e.g., hitting '5' jumps to the exact middle).</li>\r\n          <li><strong>Frame-by-Frame:</strong> Paused the video? Use <strong>,</strong> (comma) and <strong>.</strong> (period) to step backward or forward one single frame at a time.</li>\r\n          <li><strong>Warp Speed:</strong> Use <strong>&gt;</strong> and <strong>&lt;</strong> to crank the playback speed up or down.</li>\r\n        </ul>\r\n        <h3 style=\"margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;\">🔬 Advanced Window Tech</h3>\r\n        <ul style=\"padding-left: 20px; line-height: 1.6; margin-bottom: 20px;\">\r\n          <li><strong>The Snapshot Engine:</strong> Click the Camera icon or press <strong>s</strong> to screenshot a high-res image of the exact frame. <em>(Easter Egg: Double-Click or press <strong>Alt + s</strong> to capture in pure Black &amp; White!)</em></li>\r\n          <li><strong>Ultra-readable Time:</strong> Click the time display or press <strong>q</strong> to toggle between elapsed time and remaining time. <em>(Easter Egg: Double-Click or press <strong>z</strong> to display the time in different formats!)</em></li>\r\n          <li><strong>Floating Miniplayer:</strong> Start playing a video and just scroll down the page. TVP will automatically detach into a draggable miniplayer so you never miss a second.</li>\r\n          <li><strong>Custom Picture-in-Picture:</strong> We bypassed standard browser limits to give you a floating player that actually keeps all your custom UI controls intact.</li>\r\n        </ul>\r\n        <div style=\"text-align: center; margin-top: 30px; padding: 15px; border-radius: 8px; background: rgba(128, 128, 128, 0.1);\">\r\n          <p style=\"margin: 0 0 10px 0;\"><strong>Enjoy the engine.</strong> We're still in active development, but we're already miles ahead. Welcome to the bleeding edge.</p>\r\n          <p style=\"margin: 0; opacity: 0.8;\">🧪 <strong>Beta Tester?</strong> Check the bottom of the page to find the hidden button to travel through linear time, or <a href=\"mailto:tobioketade007@gmail.com\" style=\"color: inherit; text-decoration: underline;\">drop me an email</a> to collaborate!</p>\r\n          </div>\r\n        </div>\r\n      `;\r\n  }\r\n\r\n  private async showTipsDialog() {\r\n    await this.leaveView();\r\n    t007.alert(this.getTipsHTML(), { id: `${this.ctlr.config.id}-tips-dialog`, rootElement: this.ctlr.DOM.containerContent, confirmText: \"Got it!\" });\r\n  }\r\n\r\n  protected override onDestroy(): void {\r\n    this.menu.destroy(), super.onDestroy();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PlugRegistryMap {\r\n    \"settings.settingsView\": typeof SettingsViewPlug;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/config\" {\r\n  interface Settings {\r\n    settingsView: SettingsViewConfig;\r\n  }\r\n}\r\n\r\nexport type * from \"./types\";\r\nexport * from \"./build\";\r\n"],"mappings":"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","names":[]}