tmg-media-player 0.0.1

package/dist/chunk-ZTMXXISI.js

@@ -0,0 +1,158 @@
+import {
+  getBoolOrStr,
+  getUIOpt
+} from "./chunk-BROAUWON.js";
+
+// src/ts/plugs/menus/settings/voice.ts
+var getSettingsVoiceMenu = (plug) => ({
+  id: "general",
+  label: "Advanced",
+  icon: "settings",
+  widget: "group",
+  getValue: () => "",
+  items: [
+    {
+      id: "voice",
+      label: "Voice",
+      widget: "group",
+      getValue: () => getUIOpt(plug.config.active.options, plug.config.active.value),
+      configPaths: ["settings.voice.active.value"],
+      items: [
+        {
+          id: "voiceActive",
+          label: "Active",
+          widget: "select",
+          getValue: () => getUIOpt(plug.config.active.options, plug.config.active.value),
+          getOptions: () => plug.config.active.options,
+          onChange: (val) => plug.config.active.value = getBoolOrStr(val),
+          configPaths: ["settings.voice.active.value"],
+          tipHTML: "Turn the voice control engine on or off or passive (listens for the wake word to turn on)."
+        },
+        {
+          id: "voiceWakeWord",
+          label: "Wake word",
+          widget: "input",
+          inputs: [{ label: "Phrase", placeholder: "hey player", type: "text", value: () => plug.config.wakeWord, helperText: { info: "Phrase used to wake the assistant hands-free. Clear to disable." } }],
+          getValue: () => plug.config.wakeWord ? `"${plug.config.wakeWord}"` : "",
+          onChange: (val) => plug.config.wakeWord = val["Phrase"].trim(),
+          configPaths: ["settings.voice.wakeWord"]
+        },
+        {
+          id: "voiceBehavior",
+          label: "UI Behavior",
+          widget: "select",
+          getOptions: () => plug.config.behavior.options,
+          getValue: () => getUIOpt(plug.config.behavior.options, plug.config.behavior.value),
+          onChange: (val) => plug.config.behavior.value = val,
+          configPaths: ["settings.voice.behavior.value"],
+          tipHTML: "Determines how and when the voice listening toast appears on screen."
+        },
+        {
+          id: "voiceTimeout",
+          label: "Sleep timeout",
+          widget: "input",
+          inputs: [{ label: "ms", placeholder: "7000", helperText: { info: "Time in ms of silence before the voice assistant goes back to sleep." }, type: "number", min: "1000", value: () => plug.config.timeout }],
+          getValue: () => `${plug.config.timeout}ms`,
+          onChange: (val) => plug.config.timeout = Number(val["ms"]),
+          configPaths: ["settings.voice.timeout"]
+        },
+        {
+          id: "voiceInputs",
+          label: "Inputs",
+          widget: "group",
+          getValue: () => "",
+          items: [
+            {
+              id: "voiceInputsDirect",
+              label: "Direct",
+              widget: "toggle",
+              getValue: () => plug.config.inputs.direct ? "On" : "Off",
+              onChange: (val) => plug.config.inputs.direct = val,
+              configPaths: ["settings.voice.inputs.direct"],
+              title: "Skips the root menu, dropping you straight into Media > Intent so you can say things like 'Volume 80' immediately."
+            },
+            {
+              id: "voiceInputsStrict",
+              label: "Strict",
+              widget: "select",
+              getOptions: () => plug.config.inputs.strict.options,
+              getValue: () => getUIOpt(plug.config.inputs.strict.options, plug.config.inputs.strict.value),
+              onChange: (val) => plug.config.inputs.strict.value = getBoolOrStr(val),
+              configPaths: ["settings.voice.inputs.strict"],
+              title: "If enabled, the voice assistant will always require your approval before executing a command otherwise they'll be executed automatically except for text."
+            },
+            {
+              id: "voiceInputsAccuracy",
+              label: "Match accuracy",
+              widget: "range",
+              getValue: () => `${Math.round(plug.config.inputs.accuracy * 100)}%`,
+              getRange: () => ({ min: 10, max: 100, step: 5, formatTooltip: (v) => `${Math.round(v)}%` }),
+              onChange: (val) => plug.config.inputs.accuracy = Number(val) / 100,
+              configPaths: ["settings.voice.inputs.accuracy"],
+              tipHTML: "Lower values allow for more speech-to-text typos (e.g., 'metadata' vs 'metadita'), but may trigger the wrong command."
+            }
+          ]
+        },
+        {
+          id: "voiceCommands",
+          label: "Commands",
+          widget: "group",
+          getValue: () => "",
+          items: [
+            {
+              id: "voiceCommandsDisabled",
+              label: "Disabled",
+              widget: "toggle",
+              getValue: () => plug.config.commandsDisabled ? "On" : "Off",
+              onChange: (val) => plug.config.commandsDisabled = val,
+              configPaths: ["settings.voice.commandsDisabled"],
+              tipHTML: "Disable all custom and built-in voice commands (direct paths navigation will still work)."
+            },
+            {
+              id: "voiceAutoToggles",
+              label: "Auto-toggles",
+              widget: "toggle",
+              getValue: () => plug.config.autoToggles ? "On" : "Off",
+              onChange: (val) => plug.config.autoToggles = val,
+              configPaths: ["settings.voice.autoToggles"],
+              tipHTML: "Automatically toggle boolean values when navigating directly to their path without needing an explicit on/off phrase."
+            }
+          ]
+        },
+        {
+          id: "voicePositionGroup",
+          label: "Positioning",
+          widget: "group",
+          getValue: () => "",
+          items: [
+            {
+              id: "voiceListenerPos",
+              label: "Listener",
+              widget: "select",
+              getOptions: () => plug.config.listenerPos.options,
+              getValue: () => getUIOpt(plug.config.listenerPos.options, plug.config.listenerPos.value),
+              onChange: (val) => plug.config.listenerPos.value = val,
+              configPaths: ["settings.voice.listenerPos.value"],
+              tipHTML: "Where the main microphone transcript appears"
+            },
+            {
+              id: "voicePredictPos",
+              label: "Predictor",
+              widget: "select",
+              getOptions: () => plug.config.predictorPos.options,
+              getValue: () => getUIOpt(plug.config.predictorPos.options, plug.config.predictorPos.value),
+              onChange: (val) => plug.config.predictorPos.value = val,
+              configPaths: ["settings.voice.predictorPos.value"],
+              tipHTML: "Where the AI prediction hints appear"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+});
+
+export {
+  getSettingsVoiceMenu
+};
+//# sourceMappingURL=chunk-ZTMXXISI.js.map

package/dist/chunk-ZTMXXISI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/voice.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport type { VoicePlug } from \"@plugs/settings/voice\";\nimport { getBoolOrStr, getUIOpt } from \"@utils/obj\";\n\nexport const getSettingsVoiceMenu = (plug: VoicePlug): SettingsMenuItem => ({\n  id: \"general\",\n  label: \"Advanced\",\n  icon: \"settings\",\n  widget: \"group\",\n  getValue: () => \"\",\n  items: [\n    {\n      id: \"voice\",\n      label: \"Voice\",\n      widget: \"group\",\n      getValue: () => getUIOpt(plug.config.active.options, plug.config.active.value),\n      configPaths: [\"settings.voice.active.value\"],\n      items: [\n        {\n          id: \"voiceActive\",\n          label: \"Active\",\n          widget: \"select\",\n          getValue: () => getUIOpt(plug.config.active.options, plug.config.active.value),\n          getOptions: () => plug.config.active.options!,\n          onChange: (val: boolean) => (plug.config.active.value = getBoolOrStr(val) as typeof plug.config.active.value),\n          configPaths: [\"settings.voice.active.value\"],\n          tipHTML: \"Turn the voice control engine on or off or passive (listens for the wake word to turn on).\",\n        },\n        {\n          id: \"voiceWakeWord\",\n          label: \"Wake word\",\n          widget: \"input\",\n          inputs: [{ label: \"Phrase\", placeholder: \"hey player\", type: \"text\", value: () => plug.config.wakeWord, helperText: { info: \"Phrase used to wake the assistant hands-free. Clear to disable.\" } }],\n          getValue: () => (plug.config.wakeWord ? `\"${plug.config.wakeWord}\"` : \"\"),\n          onChange: (val: Record<string, any>) => (plug.config.wakeWord = val[\"Phrase\"].trim()),\n          configPaths: [\"settings.voice.wakeWord\"],\n        },\n        {\n          id: \"voiceBehavior\",\n          label: \"UI Behavior\",\n          widget: \"select\",\n          getOptions: () => plug.config.behavior.options!,\n          getValue: () => getUIOpt(plug.config.behavior.options, plug.config.behavior.value),\n          onChange: (val: string) => (plug.config.behavior.value = val as typeof plug.config.behavior.value),\n          configPaths: [\"settings.voice.behavior.value\"],\n          tipHTML: \"Determines how and when the voice listening toast appears on screen.\",\n        },\n        {\n          id: \"voiceTimeout\",\n          label: \"Sleep timeout\",\n          widget: \"input\",\n          inputs: [{ label: \"ms\", placeholder: \"7000\", helperText: { info: \"Time in ms of silence before the voice assistant goes back to sleep.\" }, type: \"number\", min: \"1000\", value: () => plug.config.timeout }],\n          getValue: () => `${plug.config.timeout}ms`,\n          onChange: (val: Record<string, any>) => (plug.config.timeout = Number(val[\"ms\"])),\n          configPaths: [\"settings.voice.timeout\"],\n        },\n        {\n          id: \"voiceInputs\",\n          label: \"Inputs\",\n          widget: \"group\",\n          getValue: () => \"\",\n          items: [\n            {\n              id: \"voiceInputsDirect\",\n              label: \"Direct\",\n              widget: \"toggle\",\n              getValue: () => (plug.config.inputs.direct ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.inputs.direct = val),\n              configPaths: [\"settings.voice.inputs.direct\"],\n              title: \"Skips the root menu, dropping you straight into Media > Intent so you can say things like 'Volume 80' immediately.\",\n            },\n            {\n              id: \"voiceInputsStrict\",\n              label: \"Strict\",\n              widget: \"select\",\n              getOptions: () => plug.config.inputs.strict.options!,\n              getValue: () => getUIOpt(plug.config.inputs.strict.options, plug.config.inputs.strict.value),\n              onChange: (val: string) => (plug.config.inputs.strict.value = getBoolOrStr(val) as typeof plug.config.inputs.strict.value),\n              configPaths: [\"settings.voice.inputs.strict\"],\n              title: \"If enabled, the voice assistant will always require your approval before executing a command otherwise they'll be executed automatically except for text.\",\n            },\n            {\n              id: \"voiceInputsAccuracy\",\n              label: \"Match accuracy\",\n              widget: \"range\",\n              getValue: () => `${Math.round(plug.config.inputs.accuracy * 100)}%`,\n              getRange: () => ({ min: 10, max: 100, step: 5, formatTooltip: (v: number) => `${Math.round(v)}%` }),\n              onChange: (val: number | string) => (plug.config.inputs.accuracy = Number(val) / 100),\n              configPaths: [\"settings.voice.inputs.accuracy\"],\n              tipHTML: \"Lower values allow for more speech-to-text typos (e.g., 'metadata' vs 'metadita'), but may trigger the wrong command.\",\n            },\n          ],\n        },\n        {\n          id: \"voiceCommands\",\n          label: \"Commands\",\n          widget: \"group\",\n          getValue: () => \"\",\n          items: [\n            {\n              id: \"voiceCommandsDisabled\",\n              label: \"Disabled\",\n              widget: \"toggle\",\n              getValue: () => (plug.config.commandsDisabled ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.commandsDisabled = val),\n              configPaths: [\"settings.voice.commandsDisabled\"],\n              tipHTML: \"Disable all custom and built-in voice commands (direct paths navigation will still work).\",\n            },\n            {\n              id: \"voiceAutoToggles\",\n              label: \"Auto-toggles\",\n              widget: \"toggle\",\n              getValue: () => (plug.config.autoToggles ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.autoToggles = val),\n              configPaths: [\"settings.voice.autoToggles\"],\n              tipHTML: \"Automatically toggle boolean values when navigating directly to their path without needing an explicit on/off phrase.\",\n            },\n          ],\n        },\n        {\n          id: \"voicePositionGroup\",\n          label: \"Positioning\",\n          widget: \"group\",\n          getValue: () => \"\",\n          items: [\n            {\n              id: \"voiceListenerPos\",\n              label: \"Listener\",\n              widget: \"select\",\n              getOptions: () => plug.config.listenerPos.options!,\n              getValue: () => getUIOpt(plug.config.listenerPos.options, plug.config.listenerPos.value),\n              onChange: (val: string) => (plug.config.listenerPos.value = val as typeof plug.config.listenerPos.value),\n              configPaths: [\"settings.voice.listenerPos.value\"],\n              tipHTML: \"Where the main microphone transcript appears\",\n            },\n            {\n              id: \"voicePredictPos\",\n              label: \"Predictor\",\n              widget: \"select\",\n              getOptions: () => plug.config.predictorPos.options!,\n              getValue: () => getUIOpt(plug.config.predictorPos.options, plug.config.predictorPos.value),\n              onChange: (val: string) => (plug.config.predictorPos.value = val as typeof plug.config.predictorPos.value),\n              configPaths: [\"settings.voice.predictorPos.value\"],\n              tipHTML: \"Where the AI prediction hints appear\",\n            },\n          ],\n        },\n      ],\n    },\n  ],\n});\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.voice\": typeof getSettingsVoiceMenu;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-ZUMPSWHW.js

@@ -0,0 +1,138 @@
+import {
+  TIME_BUILD
+} from "./chunk-274C5J22.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  IS_MOBILE
+} from "./chunk-XGVDXMS3.js";
+import {
+  parseIfPercent,
+  safeNum
+} from "./chunk-ZSB6HGB5.js";
+import {
+  getMediaMax,
+  getMediaMin
+} from "./chunk-WSBH5QD6.js";
+import {
+  formatMediaTime
+} from "./chunk-YVCKIDL5.js";
+import {
+  clamp,
+  parseCSSTime,
+  setTimeout2
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/time/index.ts
+import { silence } from "sia-reactor/modules";
+var TimePlug = class extends BasePlug {
+  constructor(ctlr, config = ctlr.settings.time) {
+    super(ctlr, config, {
+      whitelist: ["lightState.preview.time", "settings.time.min", "settings.time.max", "settings.time.start", "settings.time.end", "settings.auto.next.preview.time"]
+      // #DEFAULT: build privilege
+    });
+    __publicField(this, "realStart", 0);
+    __publicField(this, "pseudoStart", 0);
+    __publicField(this, "skipDuration", 0);
+    __publicField(this, "skipNotifier", null);
+    __publicField(this, "skipDurationId", -1);
+  }
+  wire() {
+    this.realStart = this.pseudoStart = this.config.start ?? 0;
+    this.media.set("intent.currentTime", (v) => clamp(this.config.min, v, this.config.max), { signal: this.signal });
+    this.ctlr.config.watch("settings.time.start", (v) => v !== this.pseudoStart && (this.realStart = +v), { signal: this.signal });
+    this.state.on("whitelist", this.handleWhitelistState, { init: true, signal: this.signal });
+    this.media.on("status.loadedData", this.handleLoadedDataStatus, { signal: this.signal });
+    this.media.on("state.currentTime", this.handleCurrentTimeState, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("status.waiting", this.handleWaitingStatus, { signal: this.signal });
+    this.ctlr.registerAction("skipFwd", { fn: this.handleKeySkipFwd, keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("skipBwd", { fn: this.handleKeySkipBwd, keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("timeMode", { fn: this.toggleMode, keyboard: { phase: "keyup" } });
+    this.ctlr.registerAction("timeFormat", { fn: this.rotateFormat, keyboard: { phase: "keyup" } });
+    super.wire();
+  }
+  handleWhitelistState({ value: paths = [] }) {
+    for (const path of paths) this.ctlr.config.get(path, this.toTimeVal, { signal: this.signal });
+  }
+  handleLoadedDataStatus({ value }) {
+    if (value && this.config.start != null && this.media.state.currentTime !== this.realStart) this.media.intent.currentTime = this.realStart;
+  }
+  handleCurrentTimeState({ value: curr }) {
+    curr = safeNum(curr);
+    (curr < this.config.min || curr > this.config.max) && silence(() => (this.media.intent.currentTime = this.config.loop ? this.config.min : curr, !this.config.loop && (this.media.intent.paused = true)));
+    if (this.media.status.readyState && curr && this.ctlr.payload.wired) this.config.start = this.pseudoStart = curr > 3 && curr < (this.config.end ?? this.media.status.duration) - 3 ? curr : this.realStart;
+  }
+  handleWaitingStatus({ value }) {
+    value && IS_MOBILE && this.media.once("status.waiting", () => this.ctlr.plug("settings.overlay")?.[this.skipNotifier ? "hide" : "delay"](), { signal: this.signal });
+  }
+  toTimeVal(value) {
+    return parseIfPercent(value, this.media.status.duration);
+  }
+  toTimeText(time = this.media.state.currentTime, useMode = false, showMs = false) {
+    if (!useMode || this.config.mode !== "remaining") return formatMediaTime({ time, format: this.config.format, elapsed: true, showMs });
+    return formatMediaTime({ time: this.media.status.duration - time, format: this.config.format, elapsed: false, showMs });
+  }
+  get nextMode() {
+    return this.config.mode === "elapsed" ? "remaining" : "elapsed";
+  }
+  toggleMode() {
+    this.config.mode = this.nextMode;
+  }
+  get nextFormat() {
+    return this.config.format === "digital" ? "human" : this.config.format === "human" ? "human-long" : "digital";
+  }
+  rotateFormat() {
+    this.config.format = this.nextFormat;
+  }
+  skip(duration) {
+    const overlay = this.ctlr.plug("settings.overlay"), notifier = this.ctlr.plug("settings.notifiers")?.comp("fwdbwdnotifier")?.[duration > 0 ? "fwdDiv" : "bwdDiv"], [min, max, time] = [getMediaMin(this.media), getMediaMax(this.media), this.media.state.currentTime];
+    duration = min >= max ? 0 : safeNum(duration > 0 ? max - time > duration ? duration : max - time : duration < 0 ? time - min > Math.abs(duration) ? duration : -(time - min) : 0);
+    if (min < max) this.media.intent.currentTime = time + duration;
+    const plug = this.ctlr.plug("settings.gesture");
+    if (plug?.state.skipPersist) {
+      if (this.skipNotifier && notifier !== this.skipNotifier) {
+        this.skipDuration = 0;
+        this.skipNotifier.classList.remove("tmg-media-control-persist");
+      }
+      overlay?.show();
+      this.skipNotifier = notifier;
+      notifier?.classList.add("tmg-media-control-persist");
+      this.skipDuration += duration;
+      clearTimeout(this.skipDurationId);
+      this.skipDurationId = setTimeout2(
+        () => {
+          plug.stopSkipPersist();
+          notifier?.classList.remove("tmg-media-control-persist");
+          this.skipDuration = 0;
+          this.skipNotifier = null;
+          !this.media.state.paused ? overlay?.hide() : overlay?.show();
+        },
+        parseCSSTime(this.settings.css.notifiersAnimationTime),
+        this.signal
+      );
+      return void notifier?.setAttribute("data-skip", String(Math.trunc(this.skipDuration)));
+    } else this.skipNotifier?.classList.remove("tmg-media-control-persist");
+    notifier?.setAttribute("data-skip", String(Math.trunc(Math.abs(duration))));
+  }
+  handleKeySkipFwd() {
+    this.ctlr.plug("settings.gesture")?.stopSkipPersist();
+    this.skip(this.ctlr.plug("settings.keys")?.getModded("skip", "", this.config.skip) ?? this.config.skip);
+    this.ctlr.plug("settings.notifiers")?.notify("fwd");
+  }
+  handleKeySkipBwd() {
+    this.ctlr.plug("settings.gesture")?.stopSkipPersist();
+    this.skip(-(this.ctlr.plug("settings.keys")?.getModded("skip", "", this.config.skip) ?? this.config.skip));
+    this.ctlr.plug("settings.notifiers")?.notify("bwd");
+  }
+};
+__publicField(TimePlug, "plugName", "time");
+__publicField(TimePlug, "BUILD", TIME_BUILD);
+
+export {
+  TimePlug
+};
+//# sourceMappingURL=chunk-ZUMPSWHW.js.map

package/dist/chunk-ZUMPSWHW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/time/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\r\nimport type { TimeConfig, TimeState } from \"./types\";\r\nimport { TIME_BUILD } from \"./build\";\r\nimport { IS_MOBILE } from \"@utils/env\";\r\nimport { setTimeout } from \"@utils/fn\";\r\nimport { parseIfPercent, clamp, safeNum } from \"@utils/num\";\r\nimport { parseCSSTime } from \"@utils/str\";\r\nimport { formatMediaTime } from \"@utils/time\";\r\nimport { type REvent } from \"sia-reactor\";\r\nimport { CtlrMedia } from \"@defs/contract\";\r\nimport type { Controller } from \"@core/controller\";\r\nimport { silence } from \"sia-reactor/modules\";\r\nimport { getMediaMax, getMediaMin } from \"@utils/media\";\r\n\r\nexport class TimePlug extends BasePlug<TimeConfig, TimeState> {\r\n  public static readonly plugName = \"time\";\r\n  public static readonly BUILD = TIME_BUILD;\r\n  public realStart = 0;\r\n  public pseudoStart = 0;\r\n  public skipDuration = 0;\r\n  public skipNotifier?: HTMLElement | null = null;\r\n  private skipDurationId = -1;\r\n\r\n  constructor(ctlr: Controller, config = ctlr.settings.time) {\r\n    super(ctlr, config, {\r\n      whitelist: [\"lightState.preview.time\", \"settings.time.min\", \"settings.time.max\", \"settings.time.start\", \"settings.time.end\", \"settings.auto.next.preview.time\"], // #DEFAULT: build privilege\r\n    });\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Variables Assignment\r\n    this.realStart = this.pseudoStart = this.config.start ?? 0;\r\n    // Ctlr Media Setters\r\n    this.media.set(\"intent.currentTime\", (v) => clamp(this.config.min, v, this.config.max), { signal: this.signal }); // #VALIDATOR: rules enforcement\r\n    // ---- Config Watchers\r\n    this.ctlr.config.watch(\"settings.time.start\", (v) => v !== this.pseudoStart && (this.realStart = +v!), { signal: this.signal });\r\n    // State Listeners\r\n    this.state.on(\"whitelist\", this.handleWhitelistState, { init: true, signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"status.loadedData\", this.handleLoadedDataStatus, { signal: this.signal });\r\n    this.media.on(\"state.currentTime\", this.handleCurrentTimeState, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"status.waiting\", this.handleWaitingStatus, { signal: this.signal });\r\n    // Post Wiring\r\n    this.ctlr.registerAction(\"skipFwd\", { fn: this.handleKeySkipFwd, keyboard: { phase: \"keydown\" } });\r\n    this.ctlr.registerAction(\"skipBwd\", { fn: this.handleKeySkipBwd, keyboard: { phase: \"keydown\" } });\r\n    this.ctlr.registerAction(\"timeMode\", { fn: this.toggleMode, keyboard: { phase: \"keyup\" } });\r\n    this.ctlr.registerAction(\"timeFormat\", { fn: this.rotateFormat, keyboard: { phase: \"keyup\" } });\r\n    super.wire();\r\n  }\r\n\r\n  protected handleWhitelistState({ value: paths = [] }: REvent<TimeState, \"whitelist\">): void {\r\n    for (const path of paths) this.ctlr.config.get(path, this.toTimeVal, { signal: this.signal });\r\n  }\r\n\r\n  protected handleLoadedDataStatus({ value }: REvent<CtlrMedia, \"status.loadedData\">): void {\r\n    if (value && this.config.start != null && this.media.state.currentTime !== this.realStart) this.media.intent.currentTime = this.realStart;\r\n  }\r\n\r\n  protected handleCurrentTimeState({ value: curr }: REvent<CtlrMedia, \"state.currentTime\">): void {\r\n    curr = safeNum(curr);\r\n    (curr < this.config.min || curr > this.config.max) && silence(() => ((this.media.intent.currentTime = this.config.loop ? this.config.min : curr), !this.config.loop && (this.media.intent.paused = true))); // \"Time Clamp Guard\" if transaction\r\n    if (this.media.status.readyState && curr && this.ctlr.payload.wired) this.config.start = this.pseudoStart = curr > 3 && curr < (this.config.end ?? this.media.status.duration) - 3 ? curr : this.realStart;\r\n  }\r\n\r\n  protected handleWaitingStatus({ value }: REvent<CtlrMedia, \"status.waiting\">): void {\r\n    value && IS_MOBILE && this.media.once(\"status.waiting\", () => this.ctlr.plug(\"settings.overlay\")?.[this.skipNotifier ? \"hide\" : \"delay\"](), { signal: this.signal });\r\n  }\r\n\r\n  public toTimeVal(value?: any): number {\r\n    return parseIfPercent(value, this.media.status.duration);\r\n  }\r\n  public toTimeText(time = this.media.state.currentTime, useMode = false, showMs = false): string {\r\n    if (!useMode || this.config.mode !== \"remaining\") return formatMediaTime({ time, format: this.config.format, elapsed: true, showMs });\r\n    return formatMediaTime({ time: this.media.status.duration - time, format: this.config.format, elapsed: false, showMs });\r\n  }\r\n\r\n  public get nextMode(): TimeConfig[\"mode\"] {\r\n    return this.config.mode === \"elapsed\" ? \"remaining\" : \"elapsed\";\r\n  }\r\n  public toggleMode(): void {\r\n    this.config.mode = this.nextMode;\r\n  }\r\n\r\n  public get nextFormat(): TimeConfig[\"format\"] {\r\n    return this.config.format === \"digital\" ? \"human\" : this.config.format === \"human\" ? \"human-long\" : \"digital\";\r\n  }\r\n  public rotateFormat(): void {\r\n    this.config.format = this.nextFormat;\r\n  }\r\n\r\n  public skip(duration: number): void {\r\n    const overlay = this.ctlr.plug(\"settings.overlay\"),\r\n      notifier = this.ctlr.plug(\"settings.notifiers\")?.comp(\"fwdbwdnotifier\")?.[duration > 0 ? \"fwdDiv\" : \"bwdDiv\"],\r\n      [min, max, time] = [getMediaMin(this.media), getMediaMax(this.media), this.media.state.currentTime];\r\n    duration = min >= max ? 0 : safeNum(duration > 0 ? (max - time > duration ? duration : max - time) : duration < 0 ? (time - min > Math.abs(duration) ? duration : -(time - min)) : 0);\r\n    if (min < max) this.media.intent.currentTime = time + duration; // Apprentice Slider syncs, no CSS hack\r\n    // this.settings.css.currentPlayedPosition = this.settings.css.currentThumbPosition = safeNum(this.media.intent.currentTime / this.media.status.duration);\r\n    const plug = this.ctlr.plug(\"settings.gesture\");\r\n    if (plug?.state.skipPersist) {\r\n      if (this.skipNotifier && notifier !== this.skipNotifier) {\r\n        this.skipDuration = 0;\r\n        this.skipNotifier.classList.remove(\"tmg-media-control-persist\");\r\n      }\r\n      overlay?.show();\r\n      this.skipNotifier = notifier;\r\n      notifier?.classList.add(\"tmg-media-control-persist\");\r\n      this.skipDuration += duration;\r\n      clearTimeout(this.skipDurationId);\r\n      this.skipDurationId = setTimeout(\r\n        () => {\r\n          plug.stopSkipPersist();\r\n          notifier?.classList.remove(\"tmg-media-control-persist\");\r\n          this.skipDuration = 0;\r\n          this.skipNotifier = null;\r\n          !this.media.state.paused ? overlay?.hide() : overlay?.show();\r\n        },\r\n        parseCSSTime(this.settings.css.notifiersAnimationTime),\r\n        this.signal\r\n      );\r\n      return void notifier?.setAttribute(\"data-skip\", String(Math.trunc(this.skipDuration)));\r\n    } else this.skipNotifier?.classList.remove(\"tmg-media-control-persist\");\r\n    notifier?.setAttribute(\"data-skip\", String(Math.trunc(Math.abs(duration))));\r\n  }\r\n\r\n  protected handleKeySkipFwd(): void {\r\n    this.ctlr.plug(\"settings.gesture\")?.stopSkipPersist();\r\n    this.skip(this.ctlr.plug(\"settings.keys\")?.getModded(\"skip\", \"\", this.config.skip) ?? this.config.skip);\r\n    this.ctlr.plug(\"settings.notifiers\")?.notify(\"fwd\");\r\n  }\r\n\r\n  protected handleKeySkipBwd(): void {\r\n    this.ctlr.plug(\"settings.gesture\")?.stopSkipPersist();\r\n    this.skip(-(this.ctlr.plug(\"settings.keys\")?.getModded(\"skip\", \"\", this.config.skip) ?? this.config.skip));\r\n    this.ctlr.plug(\"settings.notifiers\")?.notify(\"bwd\");\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PlugRegistryMap {\r\n    \"settings.time\": typeof TimePlug;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/config\" {\r\n  interface Settings {\r\n    time: TimeConfig;\r\n  }\r\n}\r\n\r\nexport type * from \"./types\";\r\nexport * from \"./build\";\r\n"],"mappings":"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","names":[]}

package/dist/chunk-ZUYSQ37E.js

@@ -0,0 +1,88 @@
+import {
+  VolumeSlider
+} from "./chunk-FIUVWAAQ.js";
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  formatKeyForDisplay
+} from "./chunk-LYKZAKVN.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl,
+  setTimeout2
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/volume/index.ts
+var VolumeControl = class extends BaseComponent {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "slider");
+    __publicField(this, "button");
+    __publicField(this, "sliderWrapper");
+    __publicField(this, "delayActiveId");
+  }
+  get plug() {
+    return this.ctlr.plug("settings.volume");
+  }
+  create() {
+    this.slider = new VolumeSlider(this.ctlr, this.config);
+    this.element = createEl("div", { className: "tmg-media-volume-container tmg-media-vb-container" }, { draggableControl: "", controlId: this.name });
+    this.button = createEl("button", { className: "tmg-media-mute-btn tmg-media-vb-btn", type: "button", innerHTML: IconRegistry.get("volumehigh") + IconRegistry.get("volumelow") + IconRegistry.get("volumemuted") });
+    this.sliderWrapper = createEl("span", { className: "tmg-media-volume-slider-wrapper tmg-media-vb-slider-wrapper" });
+    const sliderEl = this.slider.create();
+    sliderEl.classList.add("tmg-media-vb-slider", "tmg-media-volume-slider");
+    this.sliderWrapper.append(sliderEl);
+    return this.el.append(this.button, this.sliderWrapper), this.el;
+  }
+  mount() {
+    this.slider.setup();
+  }
+  wire() {
+    this.media.on("features.volume", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.button.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.el.addEventListener("mousemove", this.startActive, { signal: this.signal });
+    this.el.addEventListener("mouseleave", this.stopActive, { signal: this.signal });
+    this.slider.config.on("value", this.delayActive, { signal: this.signal });
+    this.media.on("state.volume", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("state.muted", this.syncARIA, { signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.mute", this.syncARIA, { signal: this.signal });
+  }
+  handleClick() {
+    this.plug?.toggle("auto");
+  }
+  startActive() {
+    this.slider.active(), this.delayActive();
+  }
+  delayActive() {
+    this.ctlr.plug("settings.overlay")?.delay();
+    clearTimeout(this.delayActiveId);
+    this.delayActiveId = setTimeout2(() => this.stopActive(), this.settings.overlay.delay, this.signal);
+  }
+  stopActive() {
+    if (this.slider.el.matches(":active")) return this.delayActive();
+    clearTimeout(this.delayActiveId), this.slider.inactive();
+    this.slider.config.previewValue = this.slider.config.value;
+  }
+  syncARIA() {
+    this.state.label = this.media.state.muted || this.media.state.volume === 0 ? "Unmute" : "Mute";
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.mute, this.settings.voice.commands.mute);
+    this.button.title = this.state.label + this.state.cmd;
+    this.setBtnARIA(void 0, this.button);
+  }
+  onDestroy() {
+    this.slider.destroy(), super.onDestroy();
+  }
+};
+__publicField(VolumeControl, "componentName", "volume");
+__publicField(VolumeControl, "isControl", true);
+
+export {
+  VolumeControl
+};
+//# sourceMappingURL=chunk-ZUYSQ37E.js.map

package/dist/chunk-ZUYSQ37E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/volume/index.ts"],"sourcesContent":["import { BaseComponent, type ComponentState } from \"@components/base\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { formatKeyForDisplay } from \"@utils/keys\";\r\nimport { setTimeout } from \"@utils/fn\";\r\nimport { VolumeSlider, type VolumeSliderConfig } from \"./slider\";\r\n\r\nexport type VolumeConfig = VolumeSliderConfig;\r\n\r\nexport class VolumeControl extends BaseComponent<VolumeConfig, ComponentState> {\r\n  public static readonly componentName: string = \"volume\";\r\n  public static readonly isControl: boolean = true;\r\n  public slider!: VolumeSlider;\r\n  protected button!: HTMLButtonElement;\r\n  protected sliderWrapper!: HTMLSpanElement;\r\n  protected delayActiveId?: number;\r\n  protected get plug() {\r\n    return this.ctlr.plug(\"settings.volume\");\r\n  }\r\n\r\n  public override create(): HTMLElement {\r\n    // Variables Assignments\r\n    this.slider = new VolumeSlider(this.ctlr, this.config);\r\n    this.element = createEl(\"div\", { className: \"tmg-media-volume-container tmg-media-vb-container\" }, { draggableControl: \"\", controlId: this.name });\r\n    this.button = createEl(\"button\", { className: \"tmg-media-mute-btn tmg-media-vb-btn\", type: \"button\", innerHTML: IconRegistry.get(\"volumehigh\") + IconRegistry.get(\"volumelow\") + IconRegistry.get(\"volumemuted\") });\r\n    this.sliderWrapper = createEl(\"span\", { className: \"tmg-media-volume-slider-wrapper tmg-media-vb-slider-wrapper\" });\r\n    const sliderEl = this.slider.create();\r\n    // DOM Injection\r\n    sliderEl.classList.add(\"tmg-media-vb-slider\", \"tmg-media-volume-slider\");\r\n    this.sliderWrapper.append(sliderEl);\r\n    return this.el.append(this.button, this.sliderWrapper), this.el;\r\n  }\r\n\r\n  public override mount(): void {\r\n    this.slider.setup();\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Features Gating\r\n    this.media.on(\"features.volume\", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // Event Listeners\r\n    this.button.addEventListener(\"click\", this.handleClick, { signal: this.signal });\r\n    this.el.addEventListener(\"mousemove\", this.startActive, { signal: this.signal });\r\n    this.el.addEventListener(\"mouseleave\", this.stopActive, { signal: this.signal });\r\n    // State Listeners\r\n    this.slider.config.on(\"value\", this.delayActive, { signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.volume\", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"state.muted\", this.syncARIA, { signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.mute\", this.syncARIA, { signal: this.signal });\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.plug?.toggle(\"auto\");\r\n  }\r\n\r\n  protected startActive(): void {\r\n    this.slider.active(), this.delayActive();\r\n  }\r\n  protected delayActive(): void {\r\n    this.ctlr.plug(\"settings.overlay\")?.delay();\r\n    clearTimeout(this.delayActiveId);\r\n    this.delayActiveId = setTimeout(() => this.stopActive(), this.settings.overlay.delay, this.signal);\r\n  }\r\n  protected stopActive(): void {\r\n    if (this.slider.el.matches(\":active\")) return this.delayActive();\r\n    clearTimeout(this.delayActiveId), this.slider.inactive();\r\n    this.slider.config.previewValue = this.slider.config.value;\r\n  }\r\n\r\n  public syncARIA(): void {\r\n    this.state.label = this.media.state.muted || this.media.state.volume === 0 ? \"Unmute\" : \"Mute\";\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.mute, this.settings.voice.commands.mute);\r\n    this.button.title = this.state.label + this.state.cmd;\r\n    this.setBtnARIA(undefined, this.button);\r\n  }\r\n\r\n  protected override onDestroy(): void {\r\n    this.slider.destroy(), super.onDestroy();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    volume: typeof VolumeControl;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AASO,IAAM,gBAAN,cAA4B,cAA4C;AAAA,EAAxE;AAAA;AAGL,wBAAO;AACP,wBAAU;AACV,wBAAU;AACV,wBAAU;AAAA;AAAA,EACV,IAAc,OAAO;AACnB,WAAO,KAAK,KAAK,KAAK,iBAAiB;AAAA,EACzC;AAAA,EAEgB,SAAsB;AAEpC,SAAK,SAAS,IAAI,aAAa,KAAK,MAAM,KAAK,MAAM;AACrD,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,oDAAoD,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AACjJ,SAAK,SAAS,SAAS,UAAU,EAAE,WAAW,uCAAuC,MAAM,UAAU,WAAW,aAAa,IAAI,YAAY,IAAI,aAAa,IAAI,WAAW,IAAI,aAAa,IAAI,aAAa,EAAE,CAAC;AAClN,SAAK,gBAAgB,SAAS,QAAQ,EAAE,WAAW,8DAA8D,CAAC;AAClH,UAAM,WAAW,KAAK,OAAO,OAAO;AAEpC,aAAS,UAAU,IAAI,uBAAuB,yBAAyB;AACvE,SAAK,cAAc,OAAO,QAAQ;AAClC,WAAO,KAAK,GAAG,OAAO,KAAK,QAAQ,KAAK,aAAa,GAAG,KAAK;AAAA,EAC/D;AAAA,EAEgB,QAAc;AAC5B,SAAK,OAAO,MAAM;AAAA,EACpB;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,mBAAmB,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAElG,SAAK,OAAO,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAC/E,SAAK,GAAG,iBAAiB,aAAa,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAC/E,SAAK,GAAG,iBAAiB,cAAc,KAAK,YAAY,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE/E,SAAK,OAAO,OAAO,GAAG,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAExE,SAAK,MAAM,GAAG,gBAAgB,KAAK,UAAU,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AACnG,SAAK,MAAM,GAAG,eAAe,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAEnE,SAAK,KAAK,OAAO,GAAG,gCAAgC,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EAC5F;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,OAAO,MAAM;AAAA,EAC1B;AAAA,EAEU,cAAoB;AAC5B,SAAK,OAAO,OAAO,GAAG,KAAK,YAAY;AAAA,EACzC;AAAA,EACU,cAAoB;AAC5B,SAAK,KAAK,KAAK,kBAAkB,GAAG,MAAM;AAC1C,iBAAa,KAAK,aAAa;AAC/B,SAAK,gBAAgB,YAAW,MAAM,KAAK,WAAW,GAAG,KAAK,SAAS,QAAQ,OAAO,KAAK,MAAM;AAAA,EACnG;AAAA,EACU,aAAmB;AAC3B,QAAI,KAAK,OAAO,GAAG,QAAQ,SAAS,EAAG,QAAO,KAAK,YAAY;AAC/D,iBAAa,KAAK,aAAa,GAAG,KAAK,OAAO,SAAS;AACvD,SAAK,OAAO,OAAO,eAAe,KAAK,OAAO,OAAO;AAAA,EACvD;AAAA,EAEO,WAAiB;AACtB,SAAK,MAAM,QAAQ,KAAK,MAAM,MAAM,SAAS,KAAK,MAAM,MAAM,WAAW,IAAI,WAAW;AACxF,SAAK,MAAM,MAAM,oBAAoB,KAAK,SAAS,KAAK,UAAU,MAAM,KAAK,SAAS,MAAM,SAAS,IAAI;AACzG,SAAK,OAAO,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM;AAClD,SAAK,WAAW,QAAW,KAAK,MAAM;AAAA,EACxC;AAAA,EAEmB,YAAkB;AACnC,SAAK,OAAO,QAAQ,GAAG,MAAM,UAAU;AAAA,EACzC;AACF;AAvEE,cADW,eACY,iBAAwB;AAC/C,cAFW,eAEY,aAAqB;","names":[]}

package/dist/components/base/index.cjs

@@ -0,0 +1,156 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/ts/components/base/index.ts
+var base_exports = {};
+__export(base_exports, {
+  BaseComponent: () => BaseComponent
+});
+module.exports = __toCommonJS(base_exports);
+
+// src/ts/core/controllable.ts
+var import_sia_reactor3 = require("sia-reactor");
+var import_utils11 = require("sia-reactor/utils");
+
+// ../t007-tools/packages/utils/dist/chunk-ZALPHCSJ.js
+var import_utils = require("sia-reactor/utils");
+var import_utils2 = require("sia-reactor/utils");
+var import_sia_reactor = require("sia-reactor");
+var import_sia_reactor2 = require("sia-reactor");
+var import_utils3 = require("sia-reactor/utils");
+var import_utils4 = require("sia-reactor/utils");
+var import_utils5 = require("sia-reactor/utils");
+var import_utils6 = require("sia-reactor/utils");
+var import_utils7 = require("sia-reactor/utils");
+var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
+function isFunc(val) {
+  return "function" === typeof val;
+}
+if ("undefined" !== typeof window) {
+  (window.t007 ?? (window.t007 = {})).VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;
+  window.T007_TOAST_JS_SRC ?? (window.T007_TOAST_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest`);
+  window.T007_INPUT_JS_SRC ?? (window.T007_INPUT_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest`);
+  window.T007_DIALOG_JS_SRC ?? (window.T007_DIALOG_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`);
+  window.T007_TOAST_CSS_SRC ?? (window.T007_TOAST_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.min.css`);
+  window.T007_INPUT_CSS_SRC ?? (window.T007_INPUT_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.min.css`);
+  window.T007_DIALOG_CSS_SRC ?? (window.T007_DIALOG_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`);
+}
+
+// src/ts/utils/obj.ts
+var import_utils9 = require("sia-reactor/utils");
+
+// src/ts/core/controllable.ts
+var Controllable = class {
+  // for easy reach, better devx
+  constructor(ctlr, config, state) {
+    __publicField(this, "ac", new AbortController());
+    __publicField(this, "signal", this.ac.signal);
+    __publicField(this, "ctlr");
+    __publicField(this, "media");
+    __publicField(this, "state");
+    // for reactivity needs of those who pass it up
+    __publicField(this, "config");
+    (0, import_utils7.guardAllMethods)(this, ctlr.guard);
+    this.signal = AbortSignal.any([this.signal, ctlr.signal]);
+    this.ctlr = ctlr;
+    this.media = ctlr.media;
+    this.state = (0, import_utils3.isObj)(state) ? (0, import_sia_reactor3.reactive)(state) : state;
+    this.config = config;
+  }
+  // may be a reactive obj node or the obj itself
+  get settings() {
+    return this.ctlr.settings;
+  }
+  setup() {
+    return this.onSetup(), this;
+  }
+  destroy() {
+    !this.signal.aborted && this.ac.abort(`[TMG Controllable] Instance is being destroyed`);
+    this.onDestroy(), this.state?.destroy?.(), this.config !== this.media && isFunc(this.config?.destroy) && this.config?.destroy?.();
+    (0, import_utils11.nuke)(this);
+  }
+  onDestroy() {
+  }
+};
+
+// src/ts/components/base/index.ts
+var BaseComponent = class extends Controllable {
+  constructor(ctlr, config, state) {
+    super(ctlr, config, { label: "", cmd: "", active: false, disabled: false, hidden: false, ...state });
+    __publicField(this, "element");
+  }
+  get name() {
+    return this.constructor.componentName;
+  }
+  get el() {
+    return this.element;
+  }
+  onSetup() {
+    this.mount?.();
+    this.ctlr.state.readyState ? this.wire?.() : this.wire && this.ctlr.state.wonce("readyState", this.wire, { signal: this.signal });
+  }
+  onDestroy() {
+    this.unmount();
+  }
+  // Must assign to this.element before returning
+  mount() {
+  }
+  unmount() {
+    this.el.remove();
+  }
+  wire() {
+  }
+  // auto unwiring
+  active() {
+    this.el.classList.toggle("tmg-media-control-active", this.state.active = true);
+  }
+  inactive() {
+    this.el.classList.toggle("tmg-media-control-active", this.state.active = false);
+  }
+  disable() {
+    this.el.classList.toggle("tmg-media-control-disabled", this.state.disabled = true);
+  }
+  enable() {
+    this.el.classList.toggle("tmg-media-control-disabled", this.state.disabled = false);
+  }
+  hide() {
+    this.el.classList.toggle("tmg-media-control-hidden", this.state.hidden = true);
+  }
+  show() {
+    this.el.classList.toggle("tmg-media-control-hidden", this.state.hidden = false);
+  }
+  gate(e) {
+    !e.value ? this.hide() : this.canShow && this.show();
+  }
+  get canShow() {
+    return true;
+  }
+  // override to make gating smarter
+  setBtnARIA(dblAction, target = this.el) {
+    this.state.label && target.setAttribute("aria-label", this.state.label);
+    this.state.cmd && target.setAttribute("aria-keyshortcuts", (0, import_utils6.parseForARIAKS)(this.state.cmd));
+    if (dblAction) target.setAttribute("aria-description", `Double-press to ${dblAction}`);
+    else if (target.hasAttribute("aria-description")) target.removeAttribute("aria-description");
+  }
+};
+__publicField(BaseComponent, "componentName");
+__publicField(BaseComponent, "isControl", false);
+//# sourceMappingURL=index.cjs.map