tmg-media-player 0.0.1

package/dist/chunk-7MOZI57I.js

@@ -0,0 +1,59 @@
+// src/ts/plugs/menus/settings/settingsView.ts
+var getSettingsSettingsViewMenu = (plug) => ({
+  id: "general",
+  label: "Advanced",
+  icon: "settings",
+  widget: "group",
+  getValue: () => "",
+  items: [
+    {
+      id: "settingsView",
+      label: "Settings View",
+      widget: "group",
+      getValue: () => "",
+      items: [
+        {
+          id: "settingsViewAutoPause",
+          label: "Auto-pause on open",
+          widget: "toggle",
+          getValue: () => plug.config.autoPause ? "On" : "Off",
+          onChange: (val) => plug.config.autoPause = val,
+          configPaths: ["settings.settingsView.autoPause"],
+          title: "Automatically pause the media when the settings view is opened"
+        },
+        {
+          id: "settingsViewMenu",
+          label: "Menu",
+          widget: "group",
+          getValue: () => "",
+          items: [
+            {
+              id: "settingsViewPreserveStack",
+              label: "Remember last opened",
+              widget: "toggle",
+              getValue: () => plug.config.menu.preserveStack ? "On" : "Off",
+              onChange: (val) => plug.config.menu.preserveStack = val,
+              configPaths: ["settings.settingsView.menu.preserveStack"],
+              title: "Remember the last opened menu when re-opening the settings menu"
+            }
+          ]
+        }
+      ]
+    },
+    // Dev Mode is last in General, registered by settingsView (the last General contributor)
+    {
+      id: "generalDevMode",
+      label: "Developer Mode",
+      widget: "toggle",
+      getValue: () => plug.ctlr.config.devMode ? "On" : "Off",
+      onChange: (val) => plug.ctlr.config.devMode = val,
+      configPaths: ["devMode"],
+      tipHTML: "Enables developer tools, verbose logging, and debug overlays."
+    }
+  ]
+});
+
+export {
+  getSettingsSettingsViewMenu
+};
+//# sourceMappingURL=chunk-7MOZI57I.js.map

package/dist/chunk-7MOZI57I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/settingsView.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport type { SettingsViewPlug } from \"@plugs/settings/settingsView\";\n\nexport const getSettingsSettingsViewMenu = (plug: SettingsViewPlug): SettingsMenuItem => ({\n  id: \"general\",\n  label: \"Advanced\",\n  icon: \"settings\",\n  widget: \"group\",\n  getValue: () => \"\",\n  items: [\n    {\n      id: \"settingsView\",\n      label: \"Settings View\",\n      widget: \"group\",\n      getValue: () => \"\",\n      items: [\n        {\n          id: \"settingsViewAutoPause\",\n          label: \"Auto-pause on open\",\n          widget: \"toggle\",\n          getValue: () => (plug.config.autoPause ? \"On\" : \"Off\"),\n          onChange: (val: boolean) => (plug.config.autoPause = val),\n          configPaths: [\"settings.settingsView.autoPause\"],\n          title: \"Automatically pause the media when the settings view is opened\",\n        },\n        {\n          id: \"settingsViewMenu\",\n          label: \"Menu\",\n          widget: \"group\",\n          getValue: () => \"\",\n          items: [\n            {\n              id: \"settingsViewPreserveStack\",\n              label: \"Remember last opened\",\n              widget: \"toggle\",\n              getValue: () => (plug.config.menu.preserveStack ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.menu.preserveStack = val),\n              configPaths: [\"settings.settingsView.menu.preserveStack\"],\n              title: \"Remember the last opened menu when re-opening the settings menu\",\n            },\n          ],\n        },\n      ],\n    },\n    // Dev Mode is last in General, registered by settingsView (the last General contributor)\n    {\n      id: \"generalDevMode\",\n      label: \"Developer Mode\",\n      widget: \"toggle\",\n      getValue: () => (plug.ctlr.config.devMode ? \"On\" : \"Off\"),\n      onChange: (val: boolean) => (plug.ctlr.config.devMode = val),\n      configPaths: [\"devMode\"],\n      tipHTML: \"Enables developer tools, verbose logging, and debug overlays.\",\n    },\n  ],\n});\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.settingsView\": typeof getSettingsSettingsViewMenu;\n  }\n}\n"],"mappings":";AAGO,IAAM,8BAA8B,CAAC,UAA8C;AAAA,EACxF,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU,MAAM;AAAA,EAChB,OAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU,MAAM;AAAA,MAChB,OAAO;AAAA,QACL;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU,MAAO,KAAK,OAAO,YAAY,OAAO;AAAA,UAChD,UAAU,CAAC,QAAkB,KAAK,OAAO,YAAY;AAAA,UACrD,aAAa,CAAC,iCAAiC;AAAA,UAC/C,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU,MAAM;AAAA,UAChB,OAAO;AAAA,YACL;AAAA,cACE,IAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,UAAU,MAAO,KAAK,OAAO,KAAK,gBAAgB,OAAO;AAAA,cACzD,UAAU,CAAC,QAAkB,KAAK,OAAO,KAAK,gBAAgB;AAAA,cAC9D,aAAa,CAAC,0CAA0C;AAAA,cACxD,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU,MAAO,KAAK,KAAK,OAAO,UAAU,OAAO;AAAA,MACnD,UAAU,CAAC,QAAkB,KAAK,KAAK,OAAO,UAAU;AAAA,MACxD,aAAa,CAAC,SAAS;AAAA,MACvB,SAAS;AAAA,IACX;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-7PHLWSKV.js

@@ -0,0 +1,95 @@
+import {
+  LOCKED_BUILD
+} from "./chunk-FHL5Z6MX.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  ComponentRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl,
+  mockAsync,
+  parseCSSTime,
+  setTimeout2
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/locked/index.ts
+var LockedPlug = class extends BasePlug {
+  constructor(ctlr, config = ctlr.settings.locked) {
+    super(ctlr, config, { visible: false });
+    __publicField(this, "lockOverlayDelayId", -1);
+    __publicField(this, "wrapper");
+    __publicField(this, "control", null);
+  }
+  mount() {
+    this.wrapper = createEl("div", { className: "tmg-media-screen-locked-wrapper", innerHTML: `<p>Screen Locked</p><p>Tap to Unlock</p>` });
+    this.control = ComponentRegistry.init("screenlock", this.ctlr);
+    this.ctlr.DOM.containerContentWrapper?.append(this.wrapper);
+  }
+  unmount() {
+    this.wrapper.remove();
+  }
+  wire() {
+    this.media.container.addEventListener("click", this.handleScreenClick, { signal: this.signal });
+    this.media.watch("tech", () => {
+      var _a;
+      return (_a = this.media.features).locked || (_a.locked = !this.config.disabled);
+    }, { init: true, signal: this.signal });
+    this.media.on("intent.locked", this.handleLockedIntent, { capture: true, init: this.ctlr.payload.wired, initType: "set", signal: this.signal });
+    this.ctlr.config.on("settings.locked.disabled", this.handleDisabled, { init: true, signal: this.signal });
+    super.wire();
+  }
+  handleDisabled({ value }) {
+    this.media.features.locked = !value;
+    if (value && this.ctlr.isUIActive("locked")) this.media.intent.locked = false;
+  }
+  handleLockedIntent(e) {
+    if (e.resolved) return;
+    const active = this.ctlr.isUIActive("locked");
+    e.value && !active ? this.enter() : active && this.exit();
+    e.resolve(this.name);
+  }
+  enter() {
+    this.ctlr.plug("settings.settingsView")?.leaveView();
+    setTimeout2(this.showOverlay, 0, this.signal);
+    this.media.container.classList.add("tmg-media-locked", "tmg-media-progress-bar");
+  }
+  // #STANDALONE: suitable partner courtesy
+  async exit() {
+    this.removeOverlay();
+    await mockAsync(parseCSSTime(this.settings.css.switchTransitionTime));
+    this.media.container.classList.toggle("tmg-media-progress-bar", this.settings.controlPanel.progressBar);
+    this.media.container.classList.remove("tmg-media-locked");
+  }
+  // #STANDALONE: needs scoped behavior
+  handleScreenClick() {
+    if (!this.config.disabled) this.state.visible ? this?.removeOverlay() : this?.showOverlay();
+  }
+  showOverlay() {
+    this.media.container.classList.add("tmg-media-locked-overlay");
+    this.state.visible = true;
+    this.delayOverlay();
+  }
+  removeOverlay() {
+    this.media.container.classList.remove("tmg-media-locked-overlay");
+    this.state.visible = false;
+  }
+  delayOverlay() {
+    clearTimeout(this.lockOverlayDelayId);
+    this.lockOverlayDelayId = setTimeout2(this.removeOverlay, this.settings.overlay.delay, this.signal);
+  }
+  onDestroy() {
+    this.control?.destroy(), super.onDestroy();
+  }
+};
+__publicField(LockedPlug, "plugName", "locked");
+__publicField(LockedPlug, "BUILD", LOCKED_BUILD);
+
+export {
+  LockedPlug
+};
+//# sourceMappingURL=chunk-7PHLWSKV.js.map

package/dist/chunk-7PHLWSKV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/locked/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\r\nimport type { LockedConfig, LockedState } from \"./types\";\r\nimport { LOCKED_BUILD } from \"./build\";\r\nimport type { Controller } from \"@core/controller\";\r\nimport type { ScreenLockButton } from \"@components/screenlock\";\r\nimport type { REvent } from \"sia-reactor\";\r\nimport { ComponentRegistry } from \"@core/registries\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { setTimeout, mockAsync } from \"@utils/fn\";\r\nimport { parseCSSTime } from \"@utils/str\";\r\nimport { CtlrMedia } from \"@defs/contract\";\r\nimport { CtlrConfig } from \"@defs/config\";\r\n\r\nexport class LockedPlug extends BasePlug<LockedConfig, LockedState> {\r\n  public static readonly plugName = \"locked\";\r\n  public static readonly BUILD = LOCKED_BUILD;\r\n  public lockOverlayDelayId = -1;\r\n  public wrapper!: HTMLDivElement;\r\n  public control: ScreenLockButton | null = null;\r\n\r\n  constructor(ctlr: Controller, config = ctlr.settings.locked) {\r\n    super(ctlr, config, { visible: false });\r\n  }\r\n\r\n  public override mount(): void {\r\n    // Variables Assignment\r\n    this.wrapper = createEl(\"div\", { className: \"tmg-media-screen-locked-wrapper\", innerHTML: `<p>Screen Locked</p><p>Tap to Unlock</p>` });\r\n    this.control = ComponentRegistry.init(\"screenlock\", this.ctlr);\r\n    // DOM Injection\r\n    this.ctlr.DOM.containerContentWrapper?.append(this.wrapper);\r\n  }\r\n  public override unmount(): void {\r\n    this.wrapper.remove();\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Event Listeners\r\n    this.media.container.addEventListener(\"click\", this.handleScreenClick, { signal: this.signal });\r\n    // Ctlr Media Watchers\r\n    this.media.watch(\"tech\", () => (this.media.features.locked ||= !this.config.disabled), { init: true, signal: this.signal });\r\n    // ---------- Listeners\r\n    this.media.on(\"intent.locked\", this.handleLockedIntent, { capture: true, init: this.ctlr.payload.wired, initType: \"set\", signal: this.signal }); // #HIGHER-POWER: power arbitration\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.locked.disabled\", this.handleDisabled, { init: true, signal: this.signal });\r\n    // Post Wiring\r\n    super.wire();\r\n  }\r\n\r\n  protected handleDisabled({ value }: REvent<CtlrConfig, \"settings.locked.disabled\">): void {\r\n    this.media.features.locked = !value;\r\n    if (value && this.ctlr.isUIActive(\"locked\")) this.media.intent.locked = false;\r\n  }\r\n\r\n  protected handleLockedIntent(e: REvent<CtlrMedia, \"intent.locked\">): void {\r\n    if (e.resolved) return;\r\n    const active = this.ctlr.isUIActive(\"locked\");\r\n    e.value && !active ? this.enter() : active && this.exit();\r\n    e.resolve(this.name);\r\n  }\r\n\r\n  protected enter(): void {\r\n    this.ctlr.plug(\"settings.settingsView\")?.leaveView();\r\n    setTimeout(this.showOverlay, 0, this.signal);\r\n    this.media.container.classList.add(\"tmg-media-locked\", \"tmg-media-progress-bar\");\r\n    // this.ctlr.plug(\"settings.overlay\")?.hide(\"force\"), this.ctlr.plug(\"settings.keys\")?.setEventListeners(\"remove\");\r\n  } // #STANDALONE: suitable partner courtesy\r\n\r\n  protected async exit(): Promise<void> {\r\n    this.removeOverlay();\r\n    await mockAsync(parseCSSTime(this.settings.css.switchTransitionTime));\r\n    this.media.container.classList.toggle(\"tmg-media-progress-bar\", this.settings.controlPanel.progressBar);\r\n    this.media.container.classList.remove(\"tmg-media-locked\");\r\n    // this.ctlr.plug(\"settings.overlay\")?.show(), this.ctlr.plug(\"settings.keys\")?.setEventListeners();\r\n  } // #STANDALONE: needs scoped behavior\r\n\r\n  protected handleScreenClick(): void {\r\n    if (!this.config.disabled) this.state.visible ? this?.removeOverlay() : this?.showOverlay();\r\n  }\r\n\r\n  public showOverlay(): void {\r\n    this.media.container.classList.add(\"tmg-media-locked-overlay\");\r\n    this.state.visible = true;\r\n    this.delayOverlay();\r\n  }\r\n\r\n  public removeOverlay(): void {\r\n    this.media.container.classList.remove(\"tmg-media-locked-overlay\");\r\n    this.state.visible = false;\r\n  }\r\n\r\n  public delayOverlay(): void {\r\n    clearTimeout(this.lockOverlayDelayId);\r\n    this.lockOverlayDelayId = setTimeout(this.removeOverlay, this.settings.overlay.delay, this.signal);\r\n  }\r\n\r\n  protected override onDestroy(): void {\r\n    this.control?.destroy(), super.onDestroy();\r\n  }\r\n}\r\n\r\nexport type * from \"./types\";\r\nexport * from \"./build\";\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PlugRegistryMap {\r\n    \"settings.locked\": typeof LockedPlug;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/config\" {\r\n  interface Settings {\r\n    locked: LockedConfig;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-7Y4LQ5ED.js

@@ -0,0 +1,45 @@
+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/brightness.ts
+var BrightnessNotifier = class extends BaseNotifier {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "content");
+    __publicField(this, "upDiv");
+    __publicField(this, "downDiv");
+    __publicField(this, "darkDiv");
+  }
+  create() {
+    this.content = createEl("div", { className: "tmg-media-brightness-notifier-content tmg-media-notifier-content" });
+    this.upDiv = createEl("div", { className: "tmg-media-brightness-up-notifier", innerHTML: IconRegistry.get("brightnesshigh", true) });
+    this.downDiv = createEl("div", { className: "tmg-media-brightness-down-notifier", innerHTML: IconRegistry.get("brightnesslow", true) });
+    this.darkDiv = createEl("div", { className: "tmg-media-brightness-dark-notifier", innerHTML: IconRegistry.get("brightnessdark", true) });
+    return this.bindNodes([this.content, this.upDiv, this.downDiv, this.darkDiv]);
+  }
+  wire() {
+    super.wire();
+    this.ctlr.plug("settings.brightness")?.state.on("aptValue", this.handleBrightnessState, { signal: this.signal });
+    this.media.on("state.brightness", this.handleBrightnessState, { init: this.ctlr.payload.wired, signal: this.signal });
+  }
+  handleBrightnessState({ value }) {
+    this.content.innerHTML = `${value}% ${value > 100 ? `<strong style="color: var(--tmg-media-range-track-boost-color, red); vertical-align: 4%;">\u2191</strong>` : ""}`.trim();
+  }
+};
+__publicField(BrightnessNotifier, "componentName", "brightnessnotifier");
+__publicField(BrightnessNotifier, "triggers", ["brightnessup", "brightnessdown", "brightnessdark"]);
+
+export {
+  BrightnessNotifier
+};
+//# sourceMappingURL=chunk-7Y4LQ5ED.js.map

package/dist/chunk-7Y4LQ5ED.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/notifiers/brightness.ts"],"sourcesContent":["import { BaseNotifier, ComponentState } from \"./base\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport type { REvent } from \"sia-reactor\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport type { BrightnessPlug, BrightnessState } from \"@plugs/settings/brightness\";\r\n\r\nexport class BrightnessNotifier extends BaseNotifier<undefined, ComponentState, HTMLDivElement> {\r\n  public static readonly componentName = \"brightnessnotifier\";\r\n  public static readonly triggers = [\"brightnessup\", \"brightnessdown\", \"brightnessdark\"];\r\n  public content!: HTMLDivElement;\r\n  public upDiv!: HTMLDivElement;\r\n  public downDiv!: HTMLDivElement;\r\n  public darkDiv!: HTMLDivElement;\r\n\r\n  public override create() {\r\n    this.content = createEl(\"div\", { className: \"tmg-media-brightness-notifier-content tmg-media-notifier-content\" });\r\n    this.upDiv = createEl(\"div\", { className: \"tmg-media-brightness-up-notifier\", innerHTML: IconRegistry.get(\"brightnesshigh\", true) });\r\n    this.downDiv = createEl(\"div\", { className: \"tmg-media-brightness-down-notifier\", innerHTML: IconRegistry.get(\"brightnesslow\", true) });\r\n    this.darkDiv = createEl(\"div\", { className: \"tmg-media-brightness-dark-notifier\", innerHTML: IconRegistry.get(\"brightnessdark\", true) });\r\n    return this.bindNodes([this.content, this.upDiv, this.downDiv, this.darkDiv]);\r\n  }\r\n\r\n  public override wire(): void {\r\n    super.wire();\r\n    // Plug Listeners\r\n    this.ctlr.plug(\"settings.brightness\")?.state.on(\"aptValue\", this.handleBrightnessState, { signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.brightness\", this.handleBrightnessState, { init: this.ctlr.payload.wired, signal: this.signal });\r\n  }\r\n\r\n  protected handleBrightnessState({ value }: REvent<CtlrMedia, \"state.brightness\"> | REvent<BrightnessState, \"aptValue\">): void {\r\n    this.content.innerHTML = `${value}% ${value > 100 ? `<strong style=\"color: var(--tmg-media-range-track-boost-color, red); vertical-align: 4%;\">↑</strong>` : \"\"}`.trim();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    brightnessnotifier: typeof BrightnessNotifier;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAOO,IAAM,qBAAN,cAAiC,aAAwD;AAAA,EAAzF;AAAA;AAGL,wBAAO;AACP,wBAAO;AACP,wBAAO;AACP,wBAAO;AAAA;AAAA,EAES,SAAS;AACvB,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,mEAAmE,CAAC;AAChH,SAAK,QAAQ,SAAS,OAAO,EAAE,WAAW,oCAAoC,WAAW,aAAa,IAAI,kBAAkB,IAAI,EAAE,CAAC;AACnI,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,sCAAsC,WAAW,aAAa,IAAI,iBAAiB,IAAI,EAAE,CAAC;AACtI,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,sCAAsC,WAAW,aAAa,IAAI,kBAAkB,IAAI,EAAE,CAAC;AACvI,WAAO,KAAK,UAAU,CAAC,KAAK,SAAS,KAAK,OAAO,KAAK,SAAS,KAAK,OAAO,CAAC;AAAA,EAC9E;AAAA,EAEgB,OAAa;AAC3B,UAAM,KAAK;AAEX,SAAK,KAAK,KAAK,qBAAqB,GAAG,MAAM,GAAG,YAAY,KAAK,uBAAuB,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE/G,SAAK,MAAM,GAAG,oBAAoB,KAAK,uBAAuB,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAAA,EACtH;AAAA,EAEU,sBAAsB,EAAE,MAAM,GAAsF;AAC5H,SAAK,QAAQ,YAAY,GAAG,KAAK,KAAK,QAAQ,MAAM,8GAAyG,EAAE,GAAG,KAAK;AAAA,EACzK;AACF;AA1BE,cADW,oBACY,iBAAgB;AACvC,cAFW,oBAEY,YAAW,CAAC,gBAAgB,kBAAkB,gBAAgB;","names":[]}

package/dist/chunk-7YDZDHZH.js

@@ -0,0 +1,19 @@
+// src/ts/components/icons/airplayplaceholder.ts
+var airplayplaceholder = `<svg class="tmg-media-airplay-placeholder-icon" viewBox="0 0 73 73">
+  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g transform="translate(2, 2)" fill-rule="nonzero" stroke-width="2" class="tmg-media-airplay-icon-background">
+      <rect x="-1" y="-1" width="71" height="71" rx="14" />
+    </g>
+    <g transform="translate(11, 14)">
+      <rect class="tmg-media-airplay-icon-content-background" fill="currentColor" x="0" y="0" width="51" height="36" rx="4" />
+      <rect class="tmg-media-airplay-icon-content-backdrop" fill="currentColor" x="3" y="3" width="45" height="30" />
+      <polygon class="tmg-media-airplay-icon-content" fill="currentColor" points="48 22 48 33 22 33 28 20 34 26 42 16" />
+    </g>
+    <polygon class="tmg-media-airplay-icon-arrow" fill="currentColor" points="36.5 40 48 56 25 56" />
+  </g>
+</svg>`;
+
+export {
+  airplayplaceholder
+};
+//# sourceMappingURL=chunk-7YDZDHZH.js.map

package/dist/chunk-7YDZDHZH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/airplayplaceholder.ts"],"sourcesContent":["export const airplayplaceholder = `<svg class=\"tmg-media-airplay-placeholder-icon\" viewBox=\"0 0 73 73\">\r\n  <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n    <g transform=\"translate(2, 2)\" fill-rule=\"nonzero\" stroke-width=\"2\" class=\"tmg-media-airplay-icon-background\">\r\n      <rect x=\"-1\" y=\"-1\" width=\"71\" height=\"71\" rx=\"14\" />\r\n    </g>\r\n    <g transform=\"translate(11, 14)\">\r\n      <rect class=\"tmg-media-airplay-icon-content-background\" fill=\"currentColor\" x=\"0\" y=\"0\" width=\"51\" height=\"36\" rx=\"4\" />\r\n      <rect class=\"tmg-media-airplay-icon-content-backdrop\" fill=\"currentColor\" x=\"3\" y=\"3\" width=\"45\" height=\"30\" />\r\n      <polygon class=\"tmg-media-airplay-icon-content\" fill=\"currentColor\" points=\"48 22 48 33 22 33 28 20 34 26 42 16\" />\r\n    </g>\r\n    <polygon class=\"tmg-media-airplay-icon-arrow\" fill=\"currentColor\" points=\"36.5 40 48 56 25 56\" />\r\n  </g>\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    airplayplaceholder: typeof airplayplaceholder;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-A7EG6K2X.js

@@ -0,0 +1,54 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  formatKeyForDisplay
+} from "./chunk-LYKZAKVN.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  capitalize,
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/captions.ts
+var CaptionsButton = class extends BaseComponent {
+  get plug() {
+    return this.ctlr.plug("settings.captions");
+  }
+  create() {
+    return this.element = createEl("button", { className: "tmg-media-captions-btn", type: "button", innerHTML: IconRegistry.get("subtitles") + IconRegistry.get("captions") }, { draggableControl: "", controlId: this.name });
+  }
+  wire() {
+    this.media.on("features.textVisible", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.el.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.media.on("state.currentTextTrack", this.syncUI, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("status.textTracks", this.syncUI, { signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.captions", this.syncARIA, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.voice.commands.captions", this.syncARIA, { signal: this.signal });
+  }
+  handleClick() {
+    this.plug?.toggleVisible();
+  }
+  syncUI() {
+    this[!this.plug?.canVisible ? "disable" : "enable"]();
+    this.syncARIA();
+  }
+  syncARIA() {
+    this.state.label = capitalize(this.plug?.getTrackKind()) || "Captions";
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.captions, this.settings.voice.commands.captions);
+    this.el.title = this.state.label + this.state.cmd;
+    this.setBtnARIA();
+  }
+};
+__publicField(CaptionsButton, "componentName", "captions");
+__publicField(CaptionsButton, "isControl", true);
+
+export {
+  CaptionsButton
+};
+//# sourceMappingURL=chunk-A7EG6K2X.js.map

package/dist/chunk-A7EG6K2X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/captions.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\nimport { capitalize } from \"@utils/str\";\r\n\r\nexport type CaptionsConfig = undefined;\r\n\r\nexport class CaptionsButton extends BaseComponent<CaptionsConfig, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName: string = \"captions\";\r\n  public static readonly isControl: boolean = true;\r\n  protected get plug() {\r\n    return this.ctlr.plug(\"settings.captions\");\r\n  }\r\n\r\n  public override create() {\r\n    return (this.element = createEl(\"button\", { className: \"tmg-media-captions-btn\", type: \"button\", innerHTML: IconRegistry.get(\"subtitles\") + IconRegistry.get(\"captions\") }, { draggableControl: \"\", controlId: this.name }));\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Features Gating\r\n    this.media.on(\"features.textVisible\", 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.currentTextTrack\", this.syncUI, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"status.textTracks\", this.syncUI, { signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.captions\", this.syncARIA, { init: true, signal: this.signal });\n    this.ctlr.config.on(\"settings.voice.commands.captions\", this.syncARIA, { signal: this.signal });\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.plug?.toggleVisible();\r\n  }\r\n\r\n  public syncUI(): void {\r\n    this[!this.plug?.canVisible ? \"disable\" : \"enable\"]();\r\n    this.syncARIA();\r\n  }\r\n  public syncARIA(): void {\r\n    this.state.label = capitalize(this.plug?.getTrackKind()) || \"Captions\";\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.captions, this.settings.voice.commands.captions);\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    captions: typeof CaptionsButton;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;AAQO,IAAM,iBAAN,cAA6B,cAAiE;AAAA,EAGnG,IAAc,OAAO;AACnB,WAAO,KAAK,KAAK,KAAK,mBAAmB;AAAA,EAC3C;AAAA,EAEgB,SAAS;AACvB,WAAQ,KAAK,UAAU,SAAS,UAAU,EAAE,WAAW,0BAA0B,MAAM,UAAU,WAAW,aAAa,IAAI,WAAW,IAAI,aAAa,IAAI,UAAU,EAAE,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AAAA,EAC5N;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,wBAAwB,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEvG,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,MAAM,GAAG,0BAA0B,KAAK,QAAQ,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAC3G,SAAK,MAAM,GAAG,qBAAqB,KAAK,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC;AAEvE,SAAK,KAAK,OAAO,GAAG,oCAAoC,KAAK,UAAU,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC1G,SAAK,KAAK,OAAO,GAAG,oCAAoC,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EAChG;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,cAAc;AAAA,EAC3B;AAAA,EAEO,SAAe;AACpB,SAAK,CAAC,KAAK,MAAM,aAAa,YAAY,QAAQ,EAAE;AACpD,SAAK,SAAS;AAAA,EAChB;AAAA,EACO,WAAiB;AACtB,SAAK,MAAM,QAAQ,WAAW,KAAK,MAAM,aAAa,CAAC,KAAK;AAC5D,SAAK,MAAM,MAAM,oBAAoB,KAAK,SAAS,KAAK,UAAU,UAAU,KAAK,SAAS,MAAM,SAAS,QAAQ;AACjH,SAAK,GAAG,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM;AAC9C,SAAK,WAAW;AAAA,EAClB;AACF;AArCE,cADW,gBACY,iBAAwB;AAC/C,cAFW,gBAEY,aAAqB;","names":[]}

package/dist/chunk-ABRBZ4IH.js

@@ -0,0 +1,108 @@
+import {
+  BaseMenuPanel
+} from "./chunk-YKB67FZ5.js";
+import {
+  GroupWidget
+} from "./chunk-EHQJNRJV.js";
+import {
+  WidgetRegistry
+} from "./chunk-ZSG6ROJA.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl,
+  isFunc,
+  requestAnimationFrame
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/settingsView/menu/panel/sub.ts
+var SubMenuPanel = class extends BaseMenuPanel {
+  constructor(ctlr) {
+    super(ctlr, void 0, "tmg-media-smenu-sub-panel");
+    __publicField(this, "headerLabel");
+    __publicField(this, "widgetSlot");
+    __publicField(this, "backBtn");
+    __publicField(this, "widget", null);
+    __publicField(this, "item", null);
+    __publicField(this, "headerActions");
+    __publicField(this, "footerSlot");
+    __publicField(this, "onBack");
+    __publicField(this, "onSubItemClick");
+  }
+  onSetup() {
+    this.buildShell();
+  }
+  buildShell() {
+    const header = createEl("div", { className: "tmg-media-smenu-sub-header" });
+    this.backBtn = createEl("button", { type: "button", className: "tmg-media-smenu-back-btn", ariaLabel: "Back", innerHTML: `<span class="tmg-media-smenu-back-arrow">&#8249;</span>`, tabIndex: 0 });
+    this.headerLabel = createEl("span", { className: "tmg-media-smenu-sub-title", tabIndex: -1 });
+    this.backBtn.addEventListener("click", (e) => (e.stopPropagation(), this.onBack?.()));
+    header.addEventListener("click", () => this.onBack?.());
+    this.headerActions = createEl("div", { className: "tmg-media-smenu-sub-actions" });
+    header.append(this.backBtn, this.headerLabel, this.headerActions);
+    this.widgetSlot = createEl("div", { className: "tmg-media-smenu-widget-slot" });
+    this.footerSlot = createEl("div", { className: "tmg-media-smenu-sub-footer" });
+    this.content.append(header, this.widgetSlot, this.footerSlot);
+  }
+  enter(dir) {
+    super.enter(dir), requestAnimationFrame(() => this.element.querySelector(":is([tabindex='0'], button:not([disabled]), input:not([type='checkbox'], [type='radio'], [disabled])):not(.tmg-media-smenu-back-btn, .tmg-media-range-container)")?.focus(), this.ctlr.signal);
+  }
+  load(item) {
+    this.headerLabel.textContent = item.label;
+    if (this.item?.id === item.id) return void this.widget?.syncUI();
+    if (this.widget) this.widget.element?.remove(), this.widget.destroy();
+    this.item = item;
+    const widget = WidgetRegistry.create(item, this.ctlr);
+    if (!widget) return;
+    if (widget instanceof GroupWidget) widget.onSubItemClick = (sub) => this.onSubItemClick?.(sub);
+    this.widget = widget;
+    this.widgetSlot.append(widget.render());
+    this.headerActions.innerHTML = "";
+    if (item.actions) {
+      for (const action of item.actions) {
+        const label = action.getLabel(), btn = createEl("button", { className: "tmg-media-smenu-sub-action-btn" + (!action.icon ? " tmg-media-smenu-input-btn tmg-media-smenu-text-action" : ""), type: "button", ariaLabel: label, title: label });
+        if (action.id === "delete" || action.icon === "delete") btn.classList.add("tmg-media-smenu-delete-btn");
+        action.icon ? btn.innerHTML = IconRegistry.get(action.icon, true) || label : btn.textContent = label;
+        btn.addEventListener("click", (e) => (e.stopPropagation(), action.onClick()));
+        this.headerActions.append(btn);
+      }
+    }
+    this.footerSlot.innerHTML = "";
+    if (item.tipHTML) this.footerSlot.innerHTML = isFunc(item.tipHTML) ? item.tipHTML() : item.tipHTML;
+    if (item.footerActions?.length) {
+      const actionsWrap = createEl("div", { className: "tmg-media-smenu-footer-actions" });
+      for (const action of item.footerActions) {
+        const btn = createEl("button", { className: "tmg-media-smenu-input-btn", type: "button", textContent: action.getLabel() });
+        btn.addEventListener("click", () => action.onClick()), actionsWrap.append(btn);
+      }
+      this.footerSlot.append(actionsWrap);
+    }
+  }
+  syncUI() {
+    this.widget?.syncUI();
+    if (this.item?.footerActions?.length) {
+      const btns = this.footerSlot.querySelectorAll("button");
+      this.item.footerActions.forEach((action, i) => btns[i] && (btns[i].textContent = action.getLabel()));
+    }
+    if (this.item?.actions?.length) {
+      const btns = this.headerActions.querySelectorAll("button");
+      this.item.actions.forEach((action, i) => {
+        if (!btns[i]) return;
+        const lbl = action.getLabel();
+        btns[i].innerHTML = action.icon ? IconRegistry.get(action.icon, true) || lbl : lbl;
+      });
+    }
+  }
+  get activeId() {
+    return this.item?.id ?? null;
+  }
+};
+
+export {
+  SubMenuPanel
+};
+//# sourceMappingURL=chunk-ABRBZ4IH.js.map

package/dist/chunk-ABRBZ4IH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/settingsView/menu/panel/sub.ts"],"sourcesContent":["import { BaseMenuPanel } from \".\";\r\nimport type { SettingsMenuItem } from \"../../types\";\r\nimport { BaseWidget, WidgetRegistry } from \"../widgets\";\r\nimport { GroupWidget } from \"../widgets/group\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport type { Controller } from \"@core/controller\";\r\nimport { isFunc } from \"@utils/obj\";\r\nimport { requestAnimationFrame } from \"@utils/fn\";\r\n\r\nexport class SubMenuPanel extends BaseMenuPanel {\r\n  private headerLabel!: HTMLElement;\r\n  private widgetSlot!: HTMLElement;\r\n  private backBtn!: HTMLButtonElement;\r\n  private widget: BaseWidget | null = null;\r\n  private item: SettingsMenuItem | null = null;\r\n  private headerActions!: HTMLElement;\r\n  private footerSlot!: HTMLElement;\r\n  public onBack?: () => void;\r\n  public onSubItemClick?: (item: SettingsMenuItem) => void;\r\n\r\n  constructor(ctlr: Controller) {\r\n    super(ctlr, undefined, \"tmg-media-smenu-sub-panel\");\r\n  }\r\n\r\n  protected override onSetup(): void {\r\n    this.buildShell();\r\n  }\r\n\r\n  private buildShell(): void {\r\n    const header = createEl(\"div\", { className: \"tmg-media-smenu-sub-header\" });\r\n    this.backBtn = createEl(\"button\", { type: \"button\", className: \"tmg-media-smenu-back-btn\", ariaLabel: \"Back\", innerHTML: `<span class=\"tmg-media-smenu-back-arrow\">&#8249;</span>`, tabIndex: 0 });\r\n    this.headerLabel = createEl(\"span\", { className: \"tmg-media-smenu-sub-title\", tabIndex: -1 });\r\n    this.backBtn.addEventListener(\"click\", (e) => (e.stopPropagation(), this.onBack?.()));\r\n    header.addEventListener(\"click\", () => this.onBack?.());\r\n    this.headerActions = createEl(\"div\", { className: \"tmg-media-smenu-sub-actions\" });\r\n    header.append(this.backBtn, this.headerLabel, this.headerActions);\r\n    this.widgetSlot = createEl(\"div\", { className: \"tmg-media-smenu-widget-slot\" });\r\n    this.footerSlot = createEl(\"div\", { className: \"tmg-media-smenu-sub-footer\" });\r\n    this.content.append(header, this.widgetSlot, this.footerSlot);\r\n  }\r\n\r\n  public override enter(dir?: \"forward\" | \"backward\" | \"none\") {\r\n    super.enter(dir), requestAnimationFrame(() => this.element.querySelector<HTMLElement>(\":is([tabindex='0'], button:not([disabled]), input:not([type='checkbox'], [type='radio'], [disabled])):not(.tmg-media-smenu-back-btn, .tmg-media-range-container)\")?.focus(), this.ctlr.signal);\r\n  }\r\n\r\n  public load(item: SettingsMenuItem): void {\r\n    this.headerLabel.textContent = item.label;\r\n    if (this.item?.id === item.id) return void this.widget?.syncUI();\r\n    if (this.widget) this.widget.element?.remove(), this.widget.destroy();\r\n    this.item = item;\r\n    const widget = WidgetRegistry.create(item, this.ctlr);\r\n    if (!widget) return;\r\n    if (widget instanceof GroupWidget) widget.onSubItemClick = (sub) => this.onSubItemClick?.(sub);\r\n    this.widget = widget;\r\n    this.widgetSlot.append(widget.render());\r\n    // Populate actions\r\n    this.headerActions.innerHTML = \"\";\r\n    if (item.actions) {\r\n      for (const action of item.actions) {\r\n        const label = action.getLabel(),\r\n          btn = createEl(\"button\", { className: \"tmg-media-smenu-sub-action-btn\" + (!action.icon ? \" tmg-media-smenu-input-btn tmg-media-smenu-text-action\" : \"\"), type: \"button\", ariaLabel: label, title: label });\r\n        if (action.id === \"delete\" || action.icon === \"delete\") btn.classList.add(\"tmg-media-smenu-delete-btn\");\r\n        action.icon ? (btn.innerHTML = IconRegistry.get(action.icon, true) || label) : (btn.textContent = label);\r\n        btn.addEventListener(\"click\", (e) => (e.stopPropagation(), action.onClick()));\r\n        this.headerActions.append(btn);\r\n      }\r\n    }\r\n    // Populate footer\r\n    this.footerSlot.innerHTML = \"\";\r\n    if (item.tipHTML) this.footerSlot.innerHTML = isFunc(item.tipHTML) ? item.tipHTML() : item.tipHTML;\r\n    if (item.footerActions?.length) {\r\n      const actionsWrap = createEl(\"div\", { className: \"tmg-media-smenu-footer-actions\" });\r\n      for (const action of item.footerActions) {\r\n        const btn = createEl(\"button\", { className: \"tmg-media-smenu-input-btn\", type: \"button\", textContent: action.getLabel() });\r\n        btn.addEventListener(\"click\", () => action.onClick()), actionsWrap.append(btn);\r\n      }\r\n      this.footerSlot.append(actionsWrap);\r\n    }\r\n  }\r\n\r\n  public syncUI(): void {\r\n    this.widget?.syncUI();\r\n    if (this.item?.footerActions?.length) {\r\n      const btns = this.footerSlot.querySelectorAll(\"button\");\r\n      this.item.footerActions.forEach((action, i) => btns[i] && (btns[i].textContent = action.getLabel()));\r\n    }\r\n    if (this.item?.actions?.length) {\r\n      const btns = this.headerActions.querySelectorAll(\"button\");\r\n      this.item.actions.forEach((action, i) => {\r\n        if (!btns[i]) return;\r\n        const lbl = action.getLabel();\r\n        btns[i].innerHTML = action.icon ? IconRegistry.get(action.icon, true) || lbl : lbl;\r\n      });\r\n    }\r\n  }\r\n\r\n  public get activeId(): string | null {\r\n    return this.item?.id ?? null;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-ACF6B245.js

@@ -0,0 +1,17 @@
+import {
+  BaseTech
+} from "./chunk-7HRR4LG4.js";
+import {
+  __export
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/super/techs.ts
+var techs_exports = {};
+__export(techs_exports, {
+  BaseTech: () => BaseTech
+});
+
+export {
+  techs_exports
+};
+//# sourceMappingURL=chunk-ACF6B245.js.map

package/dist/chunk-ACF6B245.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/super/techs.ts"],"sourcesContent":["export * from \"@techs/base\";\nimport \"../techs/z-register\";\n"],"mappings":";;;;;;;;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-ACUUGJUG.js

@@ -0,0 +1,53 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  formatKeyForDisplay
+} from "./chunk-LYKZAKVN.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  addSafeClicks
+} from "./chunk-HCSCY6DU.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/capture.ts
+var CaptureButton = class extends BaseComponent {
+  get plug() {
+    return this.ctlr.plug("settings.frame");
+  }
+  create() {
+    return this.element = createEl("button", { className: "tmg-media-capture-btn", type: "button", innerHTML: IconRegistry.get("capture") }, { draggableControl: "", controlId: this.name });
+  }
+  wire() {
+    this.media.on("features.frameCapture", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });
+    addSafeClicks(this.el, this.handleClick, this.handleDblClick, { signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.capture", this.syncARIA, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.voice.commands.capture", this.syncARIA, { signal: this.signal });
+  }
+  handleClick() {
+    this.plug?.capture();
+  }
+  handleDblClick() {
+    this.plug?.capture("monochrome");
+  }
+  syncARIA() {
+    this.state.label = "Capture frame";
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.capture, this.settings.voice.commands.capture);
+    this.el.title = `Capture${this.state.cmd} \u2194 DblClick\u2192B&W (+alt)`;
+    this.setBtnARIA("Capture monochrome frame");
+  }
+};
+__publicField(CaptureButton, "componentName", "capture");
+__publicField(CaptureButton, "isControl", true);
+
+export {
+  CaptureButton
+};
+//# sourceMappingURL=chunk-ACUUGJUG.js.map

package/dist/chunk-ACUUGJUG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/capture.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"../base\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport { addSafeClicks, createEl } from \"@utils/dom\";\r\nimport { formatKeyForDisplay } from \"@utils/keys\";\r\n\r\nexport type CaptureConfig = undefined;\r\n\r\nexport class CaptureButton extends BaseComponent<CaptureConfig, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName: string = \"capture\";\r\n  public static readonly isControl: boolean = true;\r\n  protected get plug() {\r\n    return this.ctlr.plug(\"settings.frame\");\r\n  }\r\n\r\n  public override create() {\r\n    return (this.element = createEl(\"button\", { className: \"tmg-media-capture-btn\", type: \"button\", innerHTML: IconRegistry.get(\"capture\") }, { draggableControl: \"\", controlId: this.name }));\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Features Gating\r\n    this.media.on(\"features.frameCapture\", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // Event Listeners\r\n    addSafeClicks(this.el, this.handleClick, this.handleDblClick, { signal: this.signal });\r\n    // Ctlr Config Listeners\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.capture\", this.syncARIA, { init: true, signal: this.signal });\n    this.ctlr.config.on(\"settings.voice.commands.capture\", this.syncARIA, { signal: this.signal });\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.plug?.capture();\r\n  }\r\n  protected handleDblClick(): void {\r\n    this.plug?.capture(\"monochrome\");\r\n  }\r\n\r\n  public syncARIA(): void {\r\n    this.state.label = \"Capture frame\";\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.capture, this.settings.voice.commands.capture);\r\n    this.el.title = `Capture${this.state.cmd} ↔ DblClick→B&W (+alt)`;\r\n    this.setBtnARIA(\"Capture monochrome frame\");\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    capture: typeof CaptureButton;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOO,IAAM,gBAAN,cAA4B,cAAgE;AAAA,EAGjG,IAAc,OAAO;AACnB,WAAO,KAAK,KAAK,KAAK,gBAAgB;AAAA,EACxC;AAAA,EAEgB,SAAS;AACvB,WAAQ,KAAK,UAAU,SAAS,UAAU,EAAE,WAAW,yBAAyB,MAAM,UAAU,WAAW,aAAa,IAAI,SAAS,EAAE,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AAAA,EAC1L;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,yBAAyB,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAExG,kBAAc,KAAK,IAAI,KAAK,aAAa,KAAK,gBAAgB,EAAE,QAAQ,KAAK,OAAO,CAAC;AAErF,SAAK,KAAK,OAAO,GAAG,mCAAmC,KAAK,UAAU,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AACzG,SAAK,KAAK,OAAO,GAAG,mCAAmC,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EAC/F;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,QAAQ;AAAA,EACrB;AAAA,EACU,iBAAuB;AAC/B,SAAK,MAAM,QAAQ,YAAY;AAAA,EACjC;AAAA,EAEO,WAAiB;AACtB,SAAK,MAAM,QAAQ;AACnB,SAAK,MAAM,MAAM,oBAAoB,KAAK,SAAS,KAAK,UAAU,SAAS,KAAK,SAAS,MAAM,SAAS,OAAO;AAC/G,SAAK,GAAG,QAAQ,UAAU,KAAK,MAAM,GAAG;AACxC,SAAK,WAAW,0BAA0B;AAAA,EAC5C;AACF;AAjCE,cADW,eACY,iBAAwB;AAC/C,cAFW,eAEY,aAAqB;","names":[]}

package/dist/chunk-AIYSHJLG.js

@@ -0,0 +1,42 @@
+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/playbackrate.ts
+var PlaybackRateNotifier = class extends BaseNotifier {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "content");
+    __publicField(this, "upDiv");
+    __publicField(this, "downDiv");
+  }
+  create() {
+    this.content = createEl("div", { className: "tmg-media-playback-rate-notifier-content tmg-media-notifier-content" });
+    this.upDiv = createEl("div", { className: "tmg-media-playback-rate-up-notifier", innerHTML: IconRegistry.get("doubletriangleright") });
+    this.downDiv = createEl("div", { className: "tmg-media-playback-rate-down-notifier", innerHTML: IconRegistry.get("doubletriangleleft") });
+    return this.bindNodes([this.content, this.upDiv, this.downDiv]);
+  }
+  wire() {
+    super.wire();
+    this.media.on("state.playbackRate", this.handlePlaybackRateState, { init: this.ctlr.payload.wired, signal: this.signal });
+  }
+  handlePlaybackRateState({ value }) {
+    this.content.textContent = `${value}x`;
+  }
+};
+__publicField(PlaybackRateNotifier, "componentName", "playbackratenotifier");
+__publicField(PlaybackRateNotifier, "triggers", ["playbackrateup", "playbackratedown"]);
+
+export {
+  PlaybackRateNotifier
+};
+//# sourceMappingURL=chunk-AIYSHJLG.js.map

package/dist/chunk-AIYSHJLG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/notifiers/playbackrate.ts"],"sourcesContent":["import { BaseNotifier, ComponentState } from \"./base\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport type { REvent } from \"sia-reactor\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\n\r\nexport class PlaybackRateNotifier extends BaseNotifier<undefined, ComponentState, HTMLDivElement> {\r\n  public static readonly componentName = \"playbackratenotifier\";\r\n  public static readonly triggers = [\"playbackrateup\", \"playbackratedown\"];\r\n  public content!: HTMLDivElement;\r\n  public upDiv!: HTMLDivElement;\r\n  public downDiv!: HTMLDivElement;\r\n\r\n  public override create() {\r\n    this.content = createEl(\"div\", { className: \"tmg-media-playback-rate-notifier-content tmg-media-notifier-content\" });\r\n    this.upDiv = createEl(\"div\", { className: \"tmg-media-playback-rate-up-notifier\", innerHTML: IconRegistry.get(\"doubletriangleright\") });\r\n    this.downDiv = createEl(\"div\", { className: \"tmg-media-playback-rate-down-notifier\", innerHTML: IconRegistry.get(\"doubletriangleleft\") });\r\n    return this.bindNodes([this.content, this.upDiv, this.downDiv]);\r\n  }\r\n\r\n  public override wire(): void {\r\n    super.wire();\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.playbackRate\", this.handlePlaybackRateState, { init: this.ctlr.payload.wired, signal: this.signal });\r\n  }\r\n\r\n  protected handlePlaybackRateState({ value }: REvent<CtlrMedia, \"state.playbackRate\">): void {\r\n    this.content.textContent = `${value}x`;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    playbackratenotifier: typeof PlaybackRateNotifier;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAMO,IAAM,uBAAN,cAAmC,aAAwD;AAAA,EAA3F;AAAA;AAGL,wBAAO;AACP,wBAAO;AACP,wBAAO;AAAA;AAAA,EAES,SAAS;AACvB,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,sEAAsE,CAAC;AACnH,SAAK,QAAQ,SAAS,OAAO,EAAE,WAAW,uCAAuC,WAAW,aAAa,IAAI,qBAAqB,EAAE,CAAC;AACrI,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,yCAAyC,WAAW,aAAa,IAAI,oBAAoB,EAAE,CAAC;AACxI,WAAO,KAAK,UAAU,CAAC,KAAK,SAAS,KAAK,OAAO,KAAK,OAAO,CAAC;AAAA,EAChE;AAAA,EAEgB,OAAa;AAC3B,UAAM,KAAK;AAEX,SAAK,MAAM,GAAG,sBAAsB,KAAK,yBAAyB,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAAA,EAC1H;AAAA,EAEU,wBAAwB,EAAE,MAAM,GAAkD;AAC1F,SAAK,QAAQ,cAAc,GAAG,KAAK;AAAA,EACrC;AACF;AAtBE,cADW,sBACY,iBAAgB;AACvC,cAFW,sBAEY,YAAW,CAAC,kBAAkB,kBAAkB;","names":[]}