tmg-media-player 0.0.2 → 0.0.4

package/dist/chunk-3XE23DTB.js

@@ -0,0 +1,38 @@
+// src/ts/plugs/menus/settings/time.ts
+import { fanout } from "sia-reactor/utils";
+var getSettingsTimeMenu = (plug) => ({
+  id: "advanced",
+  label: "Advanced",
+  icon: "settings",
+  widget: "group",
+  getValue: () => "",
+  items: [
+    {
+      id: "limits",
+      label: "Limits",
+      badge: "beta",
+      badgePos: "label",
+      widget: "group",
+      getValue: () => "",
+      items: [
+        {
+          id: "timeLimits",
+          label: "Time",
+          widget: "limits",
+          configPaths: ["settings.time.min", "settings.time.max", "settings.time.skip", "settings.time.start", "settings.time.end"],
+          getValue: () => "",
+          getLimits: () => [
+            { name: "time", label: "Clamp bounds", min: plug.config.min, max: plug.config.max, step: plug.config.skip },
+            { name: "time", label: "Start & End", start: plug.config.start ?? 0, end: plug.config.end }
+          ],
+          onChange: (val) => fanout(plug.config, { min: val.time_min, max: val.time_max, skip: val.time_step, start: val.time_start, end: val.time_end }, { skipUndefined: true })
+        }
+      ]
+    }
+  ]
+});
+
+export {
+  getSettingsTimeMenu
+};
+//# sourceMappingURL=chunk-3XE23DTB.js.map

package/dist/chunk-3XE23DTB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/time.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport type { TimePlug } from \"@plugs/settings/time\";\nimport { fanout } from \"sia-reactor/utils\";\n\nexport const getSettingsTimeMenu = (plug: TimePlug): SettingsMenuItem => ({\n  id: \"advanced\",\n  label: \"Advanced\",\n  icon: \"settings\",\n  widget: \"group\",\n  getValue: () => \"\",\n  items: [\n    {\n      id: \"limits\",\n      label: \"Limits\",\n      badge: \"beta\",\n      badgePos: \"label\",\n      widget: \"group\",\n      getValue: () => \"\",\n      items: [\n        {\n          id: \"timeLimits\",\n          label: \"Time\",\n          widget: \"limits\",\n          configPaths: [\"settings.time.min\", \"settings.time.max\", \"settings.time.skip\", \"settings.time.start\", \"settings.time.end\"],\n          getValue: () => \"\",\n          getLimits: () => [\n              { name: \"time\", label: \"Clamp bounds\", min: plug.config.min, max: plug.config.max, step: plug.config.skip },\n              { name: \"time\", label: \"Start & End\", start: plug.config.start ?? 0, end: plug.config.end },\n            ],\n          onChange: (val: Record<string, number>) => fanout(plug.config, { min: val.time_min, max: val.time_max, skip: val.time_step, start: val.time_start, end: val.time_end }, { skipUndefined: true }),\n        },\n      ],\n    },\n  ],\n});\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.time\": typeof getSettingsTimeMenu;\n  }\n}\n"],"mappings":";AAEA,SAAS,cAAc;AAEhB,IAAM,sBAAsB,CAAC,UAAsC;AAAA,EACxE,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,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU,MAAM;AAAA,MAChB,OAAO;AAAA,QACL;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,aAAa,CAAC,qBAAqB,qBAAqB,sBAAsB,uBAAuB,mBAAmB;AAAA,UACxH,UAAU,MAAM;AAAA,UAChB,WAAW,MAAM;AAAA,YACb,EAAE,MAAM,QAAQ,OAAO,gBAAgB,KAAK,KAAK,OAAO,KAAK,KAAK,KAAK,OAAO,KAAK,MAAM,KAAK,OAAO,KAAK;AAAA,YAC1G,EAAE,MAAM,QAAQ,OAAO,eAAe,OAAO,KAAK,OAAO,SAAS,GAAG,KAAK,KAAK,OAAO,IAAI;AAAA,UAC5F;AAAA,UACF,UAAU,CAAC,QAAgC,OAAO,KAAK,QAAQ,EAAE,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,MAAM,IAAI,WAAW,OAAO,IAAI,YAAY,KAAK,IAAI,SAAS,GAAG,EAAE,eAAe,KAAK,CAAC;AAAA,QACjM;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-445PI4JX.js

@@ -0,0 +1,170 @@
+import {
+  CONFIG_BUILD
+} from "./chunk-LFC5Y3T2.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/core/registries.ts
+import { deletePath, setPath } from "sia-reactor/utils";
+var BaseRegistry = class {
+  constructor() {
+    __publicField(this, "items", []);
+  }
+  register(name, value, config) {
+    return this.unregister(name), this.items.push({ name, value, config }), this;
+  }
+  unregister(name, idx = this.items.findIndex((i) => i.name === name)) {
+    return idx !== -1 && this.items.splice(idx, 1), this;
+  }
+  get(name) {
+    return this.items.find((i) => i.name === name)?.value;
+  }
+  getAll(order) {
+    if (!order) return this.items.map((i) => i.value);
+    return this.items.sort((a, b, ai = order.indexOf(a.name), bi = order.indexOf(b.name)) => ai === -1 && bi === -1 ? 0 : ai === -1 ? 1 : bi === -1 ? -1 : ai - bi).map((i) => i.value);
+  }
+  clear() {
+    return this.items = [], this;
+  }
+};
+var OrderedRegistry = class extends BaseRegistry {
+  registerFirst(name, value, config) {
+    return this.unregister(name), this.items.unshift({ name, value, config }), this;
+  }
+  registerBefore(key, name, value, config) {
+    this.unregister(name);
+    const idx = this.items.findIndex((i) => i.name === key);
+    return idx !== -1 ? (this.items.splice(idx, 0, { name, value, config }), this) : this.register(name, value, config);
+  }
+  registerAfter(key, name, value, config) {
+    this.unregister(name);
+    const idx = this.items.findIndex((i) => i.name === key);
+    return idx !== -1 ? (this.items.splice(idx + 1, 0, { name, value, config }), this) : this.register(name, value, config);
+  }
+};
+var _TechRegistry = class _TechRegistry extends OrderedRegistry {
+  static get(name) {
+    return this.instance.get(name);
+  }
+  static register(Tech) {
+    this.instance.register(Tech.techName, Tech);
+  }
+  static unregister(name) {
+    this.instance.unregister(name);
+  }
+  static registerBefore(key, Tech) {
+    this.instance.registerBefore(key, Tech.techName, Tech);
+  }
+  static registerAfter(key, Tech) {
+    this.instance.registerAfter(key, Tech.techName, Tech);
+  }
+  static pick(src, techOrder) {
+    return this.instance.getAll(techOrder).find((Tech) => Tech.canPlaySource(src)) || null;
+  }
+};
+__publicField(_TechRegistry, "instance", new _TechRegistry());
+var TechRegistry = _TechRegistry;
+var _PlugRegistry = class _PlugRegistry extends OrderedRegistry {
+  static get(name) {
+    return this.instance.get(name);
+  }
+  static register(Plug, editBuild = Plug.BUILD !== void 0) {
+    this.instance.register(Plug.fullName, Plug);
+    editBuild && setPath(CONFIG_BUILD, Plug.fullName, Plug.BUILD);
+  }
+  static unregister(fullName, editBuild = true) {
+    this.instance.unregister(fullName);
+    editBuild && deletePath(CONFIG_BUILD, fullName);
+  }
+  static registerBefore(key, Plug) {
+    this.instance.registerBefore(key, Plug.fullName, Plug);
+  }
+  static registerAfter(key, Plug) {
+    this.instance.registerAfter(key, Plug.fullName, Plug);
+  }
+  static getOrdered() {
+    return this.instance.getAll();
+  }
+};
+__publicField(_PlugRegistry, "instance", new _PlugRegistry());
+var PlugRegistry = _PlugRegistry;
+var _PinRegistry = class _PinRegistry extends BaseRegistry {
+  static get(name) {
+    return this.instance.get(name);
+  }
+  static register(Pin, editBuild = Pin.BUILD !== void 0) {
+    this.instance.register(Pin.fullName, Pin);
+    editBuild && setPath(CONFIG_BUILD, Pin.Plug.fullName + "." + Pin.pinName, Pin.BUILD);
+  }
+  static unregister(fullName, editBuild = true) {
+    this.instance.unregister(fullName);
+    editBuild && deletePath(fullName.slice(0, fullName.indexOf(".")) in CONFIG_BUILD ? CONFIG_BUILD : CONFIG_BUILD.settings, fullName);
+  }
+};
+__publicField(_PinRegistry, "instance", new _PinRegistry());
+var PinRegistry = _PinRegistry;
+var _MenuRegistry = class _MenuRegistry extends BaseRegistry {
+  static get(name) {
+    return this.instance.get(name);
+  }
+  static register(name, factory) {
+    this.instance.register(name, factory);
+  }
+  static unregister(name) {
+    this.instance.unregister(name);
+  }
+};
+__publicField(_MenuRegistry, "instance", new _MenuRegistry());
+var MenuRegistry = _MenuRegistry;
+var _ComponentRegistry = class _ComponentRegistry extends BaseRegistry {
+  static get(name) {
+    return this.instance.get(name);
+  }
+  static register(Comp) {
+    this.instance.register(Comp.componentName, Comp);
+  }
+  static unregister(name) {
+    this.instance.unregister(name);
+  }
+  static init(name, ctlr, config = {}) {
+    const Comp = this.instance.get(name);
+    if (!Comp) return null;
+    const instance = new Comp(ctlr, config);
+    return instance.create(), instance.setup();
+  }
+  static getAll() {
+    return this.instance.getAll();
+  }
+};
+__publicField(_ComponentRegistry, "instance", new _ComponentRegistry());
+var ComponentRegistry = _ComponentRegistry;
+var _IconRegistry = class _IconRegistry extends BaseRegistry {
+  static get(name, raw = false, token = /\btmg-media-[^\s"']+\s*/g) {
+    return (raw ? this.instance.get(name)?.replace(token, "") : this.instance.get(name)) || `<svg></svg>`;
+  }
+  static register(name, svg) {
+    this.instance.register(name, svg);
+  }
+  static unregister(name) {
+    this.instance.unregister(name);
+  }
+  // Bulk register a map of icons { play: "<svg...>", pause: "<svg...>" }
+  static registerAll(icons) {
+    for (const k of Object.keys(icons)) this.instance.register(k, icons[k]);
+  }
+};
+__publicField(_IconRegistry, "instance", new _IconRegistry());
+var IconRegistry = _IconRegistry;
+
+export {
+  BaseRegistry,
+  OrderedRegistry,
+  TechRegistry,
+  PlugRegistry,
+  PinRegistry,
+  MenuRegistry,
+  ComponentRegistry,
+  IconRegistry
+};
+//# sourceMappingURL=chunk-445PI4JX.js.map

package/dist/chunk-445PI4JX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/core/registries.ts"],"sourcesContent":["import type { BaseTech, TechConstructor } from \"@techs/base\";\r\nimport type { BasePin, BasePlug, PinConstructor, PlugConstructor } from \"@plugs/base\";\r\nimport type { BaseComponent, ComponentConstructor } from \"@components/base\";\r\nimport { CONFIG_BUILD as CB } from \"@consts/config\";\r\nimport type { ComponentRegistryMap, IconRegistryMap, PinRegistryMap, PlugRegistryMap, TechRegistryMap, MenuRegistryMap } from \"@defs/registries\";\r\nimport { deletePath, setPath } from \"sia-reactor/utils\";\r\nimport { Controller } from \"./controller\";\r\n\r\nexport interface RegistryItem<T> {\r\n  name: string;\r\n  value: T;\r\n  config?: any; // no closed doors\r\n}\r\n\r\nexport class BaseRegistry<T> {\r\n  protected items: RegistryItem<T>[] = [];\r\n\r\n  public register(name: string, value: T, config?: any): this {\r\n    return this.unregister(name), this.items.push({ name, value, config }), this;\r\n  }\r\n  public unregister(name: string, idx = this.items.findIndex((i) => i.name === name)): this {\r\n    return idx !== -1 && this.items.splice(idx, 1), this;\r\n  }\r\n  public get(name: string): T | undefined {\r\n    return this.items.find((i) => i.name === name)?.value;\r\n  }\r\n  public getAll(order?: string[]): T[] {\r\n    if (!order) return this.items.map((i) => i.value);\r\n    return this.items.sort((a, b, ai = order.indexOf(a.name), bi = order.indexOf(b.name)) => (ai === -1 && bi === -1 ? 0 : ai === -1 ? 1 : bi === -1 ? -1 : ai - bi)).map((i) => i.value);\r\n  }\r\n  public clear() {\r\n    return (this.items = []), this;\r\n  }\r\n}\r\n\r\nexport class OrderedRegistry<T> extends BaseRegistry<T> {\r\n  public registerFirst(name: string, value: T, config?: any) {\r\n    return this.unregister(name), this.items.unshift({ name, value, config }), this;\r\n  }\r\n  public registerBefore(key: string, name: string, value: T, config?: any) {\r\n    this.unregister(name);\r\n    const idx = this.items.findIndex((i) => i.name === key);\r\n    return idx !== -1 ? (this.items.splice(idx, 0, { name, value, config }), this) : this.register(name, value, config);\r\n  }\r\n  public registerAfter(key: string, name: string, value: T, config?: any) {\r\n    this.unregister(name);\r\n    const idx = this.items.findIndex((i) => i.name === key);\r\n    return idx !== -1 ? (this.items.splice(idx + 1, 0, { name, value, config }), this) : this.register(name, value, config);\r\n  }\r\n}\r\n\r\nexport class TechRegistry extends OrderedRegistry<TechConstructor> {\r\n  private static instance = new TechRegistry();\r\n\r\n  public static get<K extends keyof TechRegistryMap>(name: K): TechRegistryMap[K] | undefined;\r\n  public static get<T extends BaseTech = BaseTech>(name: string): TechConstructor<T> | undefined;\r\n  public static get(name: string): any {\r\n    return this.instance.get(name);\r\n  }\r\n  public static register(Tech: TechConstructor): void {\r\n    this.instance.register(Tech.techName, Tech);\r\n  }\r\n  public static unregister(name: string): void {\r\n    this.instance.unregister(name);\r\n  }\r\n  public static registerBefore(key: string, Tech: TechConstructor): void {\r\n    this.instance.registerBefore(key, Tech.techName, Tech);\r\n  }\r\n  public static registerAfter(key: string, Tech: TechConstructor): void {\r\n    this.instance.registerAfter(key, Tech.techName, Tech);\r\n  }\r\n  public static pick(src: string, techOrder?: string[]): TechConstructor | null {\r\n    return this.instance.getAll(techOrder).find((Tech) => Tech.canPlaySource(src)) || null;\r\n  }\r\n}\r\n\r\nexport class PlugRegistry extends OrderedRegistry<PlugConstructor> {\r\n  private static instance = new PlugRegistry();\r\n\r\n  public static get<K extends keyof PlugRegistryMap>(name: K): PlugRegistryMap[K] | undefined;\r\n  public static get<T extends BasePlug = BasePlug>(name: string): PlugConstructor<T> | undefined;\r\n  public static get(name: string): any {\r\n    return this.instance.get(name);\r\n  }\r\n  public static register(Plug: PlugConstructor, editBuild = Plug.BUILD !== undefined): void {\r\n    this.instance.register(Plug.fullName, Plug);\r\n    editBuild && setPath(CB as any, Plug.fullName, Plug.BUILD);\r\n  }\r\n  public static unregister(fullName: string, editBuild = true): void {\r\n    this.instance.unregister(fullName);\r\n    editBuild && deletePath(CB as any, fullName);\r\n  }\r\n  public static registerBefore(key: string, Plug: PlugConstructor): void {\r\n    this.instance.registerBefore(key, Plug.fullName, Plug);\r\n  }\r\n  public static registerAfter(key: string, Plug: PlugConstructor): void {\r\n    this.instance.registerAfter(key, Plug.fullName, Plug);\r\n  }\r\n  public static getOrdered(): PlugConstructor[] {\r\n    return this.instance.getAll();\r\n  }\r\n}\r\n\r\nexport class PinRegistry extends BaseRegistry<PinConstructor> {\r\n  private static instance = new PinRegistry();\r\n\r\n  public static get<K extends keyof PinRegistryMap>(name: K): PinRegistryMap[K] | undefined;\r\n  public static get<T extends BasePin = BasePin>(name: string): PinConstructor<T> | undefined;\r\n  public static get(name: string): any {\r\n    return this.instance.get(name);\r\n  }\r\n  public static register(Pin: PinConstructor, editBuild = Pin.BUILD !== undefined): void {\r\n    this.instance.register(Pin.fullName, Pin);\r\n    editBuild && setPath(CB as any, Pin.Plug.fullName + \".\" + Pin.pinName, Pin.BUILD);\r\n  }\r\n  public static unregister(fullName: string, editBuild = true): void {\r\n    this.instance.unregister(fullName);\r\n    editBuild && deletePath((fullName.slice(0, fullName.indexOf(\".\")) in CB ? CB : CB.settings) as any, fullName);\r\n  }\r\n}\r\n\r\nexport class MenuRegistry extends BaseRegistry<any> {\r\n  private static instance = new MenuRegistry();\r\n\r\n  public static get<K extends keyof MenuRegistryMap>(name: K): MenuRegistryMap[K] | undefined;\r\n  public static get(name: string): any {\r\n    return this.instance.get(name);\r\n  }\r\n  public static register<K extends keyof MenuRegistryMap>(name: K, factory: MenuRegistryMap[K]): void;\r\n  public static register(name: string, factory: any): void {\r\n    this.instance.register(name, factory);\r\n  }\r\n  public static unregister(name: keyof MenuRegistryMap): void {\r\n    this.instance.unregister(name);\r\n  }\r\n}\r\n\r\nexport class ComponentRegistry extends BaseRegistry<ComponentConstructor> {\r\n  private static instance = new ComponentRegistry();\r\n\r\n  public static get<K extends keyof ComponentRegistryMap>(name: K): ComponentRegistryMap[K] | undefined;\r\n  public static get<T extends BaseComponent = BaseComponent>(name: string): ComponentConstructor<T> | undefined;\r\n  public static get(name: string): any {\r\n    return this.instance.get(name);\r\n  }\r\n  public static register(Comp: ComponentConstructor): void {\r\n    this.instance.register(Comp.componentName, Comp);\r\n  }\r\n  public static unregister(name: keyof ComponentRegistryMap): void {\r\n    this.instance.unregister(name);\r\n  }\r\n  public static init<K extends keyof ComponentRegistryMap>(name: K, ctlr: Controller, config?: any): InstanceType<ComponentRegistryMap[K]> | null;\r\n  public static init<T extends BaseComponent = BaseComponent>(name: string, ctlr: any, config?: any): T | null;\r\n  public static init(name: string, ctlr: any, config = {}): any {\r\n    const Comp = this.instance.get(name);\r\n    if (!Comp) return null;\r\n    const instance = new Comp(ctlr, config);\r\n    return instance.create(), instance.setup();\r\n  }\r\n  public static getAll(): ComponentConstructor[] {\r\n    return this.instance.getAll();\r\n  }\r\n}\r\n\r\nexport class IconRegistry extends BaseRegistry<string> {\r\n  private static instance = new IconRegistry();\r\n\r\n  public static get<K extends keyof IconRegistryMap>(name: K, raw?: boolean, token?: RegExp | string): IconRegistryMap[K] | string;\r\n  public static get(name: string, raw = false, token = /\\btmg-media-[^\\s\"']+\\s*/g) {\r\n    return (raw ? this.instance.get(name)?.replace(token, \"\") : this.instance.get(name)) || `<svg></svg>`;\r\n  }\r\n  public static register<K extends keyof IconRegistryMap>(name: K, svg: IconRegistryMap[K]): void;\r\n  public static register(name: string, svg: string): void {\r\n    this.instance.register(name, svg);\r\n  }\r\n  public static unregister(name: keyof IconRegistryMap): void {\r\n    this.instance.unregister(name);\r\n  }\r\n  // Bulk register a map of icons { play: \"<svg...>\", pause: \"<svg...>\" }\r\n  public static registerAll(icons: Record<keyof IconRegistryMap, IconRegistryMap[keyof IconRegistryMap]>): void {\r\n    for (const k of Object.keys(icons)) this.instance.register(k as keyof IconRegistryMap, icons[k as keyof IconRegistryMap]);\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-4EUZQ3VT.js

@@ -0,0 +1,119 @@
+import {
+  BaseMenuPanel
+} from "./chunk-64KE2OQX.js";
+import {
+  GroupWidget
+} from "./chunk-TCC6QCKW.js";
+import {
+  WidgetRegistry
+} from "./chunk-D7JLA6WJ.js";
+import {
+  IconRegistry
+} from "./chunk-445PI4JX.js";
+import {
+  createEl
+} from "./chunk-P35LSI7D.js";
+import {
+  requestAnimationFrame
+} from "./chunk-YUE6GU4Y.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.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;
+        if (action.getDisabled) btn.disabled = action.getDisabled();
+        if (action.hidden) btn.style.display = action.hidden() ? "none" : "";
+        btn.addEventListener("click", (e) => (e.stopPropagation(), action.onClick()));
+        this.headerActions.append(btn);
+      }
+    }
+    this.footerSlot.innerHTML = "";
+    if (item.getTipHTML) this.footerSlot.innerHTML = item.getTipHTML();
+    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() });
+        if (action.getDisabled) btn.disabled = action.getDisabled();
+        if (action.hidden) btn.style.display = action.hidden() ? "none" : "";
+        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) => {
+        if (!btns[i]) return;
+        btns[i].textContent = action.getLabel();
+        if (action.getDisabled) btns[i].disabled = action.getDisabled();
+        if (action.hidden) btns[i].style.display = action.hidden() ? "none" : "";
+      });
+    }
+    if (this.item?.actions?.length) {
+      const btns = this.headerActions.querySelectorAll("button");
+      this.item.actions.forEach((action, i) => {
+        if (!btns[i]) return;
+        btns[i].innerHTML = action.icon ? IconRegistry.get(action.icon, true) || action.getLabel() : action.getLabel();
+        if (action.getDisabled) btns[i].disabled = action.getDisabled();
+        if (action.hidden) btns[i].style.display = action.hidden() ? "none" : "";
+      });
+    }
+  }
+  get activeId() {
+    return this.item?.id ?? null;
+  }
+};
+
+export {
+  SubMenuPanel
+};
+//# sourceMappingURL=chunk-4EUZQ3VT.js.map

package/dist/chunk-4EUZQ3VT.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 { 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.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        if (action.getDisabled) btn.disabled = action.getDisabled();\r\n        if (action.hidden) btn.style.display = action.hidden() ? \"none\" : \"\";\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.getTipHTML) this.footerSlot.innerHTML = item.getTipHTML();\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        if (action.getDisabled) btn.disabled = action.getDisabled();\r\n        if (action.hidden) btn.style.display = action.hidden() ? \"none\" : \"\";\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<HTMLButtonElement>(\"button\");\r\n      this.item.footerActions.forEach((action, i) => {\r\n        if (!btns[i]) return;\r\n        btns[i].textContent = action.getLabel();\r\n        if (action.getDisabled) btns[i].disabled = action.getDisabled();\r\n        if (action.hidden) btns[i].style.display = action.hidden() ? \"none\" : \"\";\r\n      });\r\n    }\r\n    if (this.item?.actions?.length) {\r\n      const btns = this.headerActions.querySelectorAll<HTMLButtonElement>(\"button\");\r\n      this.item.actions.forEach((action, i) => {\r\n        if (!btns[i]) return;\r\n        btns[i].innerHTML = action.icon ? IconRegistry.get(action.icon, true) || action.getLabel() : action.getLabel();\r\n        if (action.getDisabled) btns[i].disabled = action.getDisabled();\r\n        if (action.hidden) btns[i].style.display = action.hidden() ? \"none\" : \"\";\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-4JEJQEH5.js

@@ -0,0 +1,34 @@
+import {
+  BaseWidget,
+  WidgetRegistry
+} from "./chunk-D7JLA6WJ.js";
+import {
+  IconRegistry
+} from "./chunk-445PI4JX.js";
+import {
+  createEl
+} from "./chunk-P35LSI7D.js";
+
+// src/ts/plugs/settings/settingsView/menu/widgets/button.ts
+var ButtonWidget = class extends BaseWidget {
+  render() {
+    this.element = createEl("ul", { className: "tmg-media-smenu-select-list", role: "listbox" });
+    const actions = this.item.actions || [{ getLabel: () => this.item.label, icon: this.item.icon, onClick: () => this.item.onChange?.(null) }];
+    for (const action of actions) {
+      const btn = createEl("li", { className: "tmg-media-smenu-select-option", role: "option", ariaLabel: action.getLabel(), title: action.getLabel(), tabIndex: 0 });
+      btn.innerHTML = (action.icon ? `<span class="tmg-media-smenu-row-icon">${IconRegistry.get(action.icon, true) || ""}</span>` : "") + `<span class="tmg-media-smenu-row-label">${action.getLabel()}</span>`;
+      btn.addEventListener("click", (e) => (e.stopPropagation(), action.onClick()));
+      btn.addEventListener("keydown", (e) => e.key === "Enter" && (e.preventDefault(), action.onClick()));
+      this.element.append(btn);
+    }
+    return this.element;
+  }
+  syncUI() {
+  }
+};
+WidgetRegistry.register("button", ButtonWidget);
+
+export {
+  ButtonWidget
+};
+//# sourceMappingURL=chunk-4JEJQEH5.js.map

package/dist/chunk-4JEJQEH5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/settingsView/menu/widgets/button.ts"],"sourcesContent":["import { BaseWidget, WidgetRegistry } from \"./base\";\nimport { createEl } from \"@utils/dom\";\nimport { IconRegistry } from \"@core/registries\";\n\nexport class ButtonWidget extends BaseWidget {\n  public override render(): HTMLElement {\n    this.element = createEl(\"ul\", { className: \"tmg-media-smenu-select-list\", role: \"listbox\" });\n    const actions = this.item.actions || [{ getLabel: () => this.item.label, icon: this.item.icon, onClick: () => this.item.onChange?.(null) }];\n    for (const action of actions) {\n      const btn = createEl(\"li\", { className: \"tmg-media-smenu-select-option\", role: \"option\", ariaLabel: action.getLabel(), title: action.getLabel(), tabIndex: 0 });\n      btn.innerHTML = (action.icon ? `<span class=\"tmg-media-smenu-row-icon\">${IconRegistry.get(action.icon, true) || \"\"}</span>` : \"\") + `<span class=\"tmg-media-smenu-row-label\">${action.getLabel()}</span>`;\n      btn.addEventListener(\"click\", (e) => (e.stopPropagation(), action.onClick()));\n      btn.addEventListener(\"keydown\", (e) => e.key === \"Enter\" && (e.preventDefault(), action.onClick()));\n      this.element.append(btn);\n    }\n    return this.element;\n  }\n  public override syncUI(): void {}\n}\n\nWidgetRegistry.register(\"button\", ButtonWidget);\n"],"mappings":";;;;;;;;;;;;AAIO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAC3B,SAAsB;AACpC,SAAK,UAAU,SAAS,MAAM,EAAE,WAAW,+BAA+B,MAAM,UAAU,CAAC;AAC3F,UAAM,UAAU,KAAK,KAAK,WAAW,CAAC,EAAE,UAAU,MAAM,KAAK,KAAK,OAAO,MAAM,KAAK,KAAK,MAAM,SAAS,MAAM,KAAK,KAAK,WAAW,IAAI,EAAE,CAAC;AAC1I,eAAW,UAAU,SAAS;AAC5B,YAAM,MAAM,SAAS,MAAM,EAAE,WAAW,iCAAiC,MAAM,UAAU,WAAW,OAAO,SAAS,GAAG,OAAO,OAAO,SAAS,GAAG,UAAU,EAAE,CAAC;AAC9J,UAAI,aAAa,OAAO,OAAO,0CAA0C,aAAa,IAAI,OAAO,MAAM,IAAI,KAAK,EAAE,YAAY,MAAM,2CAA2C,OAAO,SAAS,CAAC;AAChM,UAAI,iBAAiB,SAAS,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,QAAQ,EAAE;AAC5E,UAAI,iBAAiB,WAAW,CAAC,MAAM,EAAE,QAAQ,YAAY,EAAE,eAAe,GAAG,OAAO,QAAQ,EAAE;AAClG,WAAK,QAAQ,OAAO,GAAG;AAAA,IACzB;AACA,WAAO,KAAK;AAAA,EACd;AAAA,EACgB,SAAe;AAAA,EAAC;AAClC;AAEA,eAAe,SAAS,UAAU,YAAY;","names":[]}

package/dist/chunk-4PWG5DNN.js

@@ -0,0 +1,26 @@
+// src/ts/plugs/settings/errors/build.ts
+var ERROR_CODES = [
+  1,
+  // MEDIA_ERR_ABORTED
+  2,
+  // MEDIA_ERR_NETWORK
+  3,
+  // MEDIA_ERR_DECODE
+  4,
+  // MEDIA_ERR_SRC_NOT_SUPPORTED
+  5
+  // MEDIA_ERR_UNKNOWN
+];
+var ERRORS_BUILD = {
+  1: "The media playback was aborted.",
+  2: "The media failed due to a network error.",
+  3: "The media could not be decoded.",
+  4: "The media source is not supported.",
+  5: "An unknown error occurred with the media :("
+};
+
+export {
+  ERROR_CODES,
+  ERRORS_BUILD
+};
+//# sourceMappingURL=chunk-4PWG5DNN.js.map

package/dist/chunk-4PWG5DNN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/errors/build.ts"],"sourcesContent":["import { ErrorsConfig } from \"./types\";\r\n\r\nexport const ERROR_CODES = [\r\n  1, // MEDIA_ERR_ABORTED\r\n  2, // MEDIA_ERR_NETWORK\r\n  3, // MEDIA_ERR_DECODE\r\n  4, // MEDIA_ERR_SRC_NOT_SUPPORTED\r\n  5, // MEDIA_ERR_UNKNOWN\r\n] as const;\r\n\r\nexport const ERRORS_BUILD: Partial<ErrorsConfig> = {\r\n  1: \"The media playback was aborted.\",\r\n  2: \"The media failed due to a network error.\",\r\n  3: \"The media could not be decoded.\",\r\n  4: \"The media source is not supported.\",\r\n  5: \"An unknown error occurred with the media :(\",\r\n};\r\n"],"mappings":";AAEO,IAAM,cAAc;AAAA,EACzB;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEO,IAAM,eAAsC;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;","names":[]}

package/dist/chunk-4QQXED6P.js

@@ -0,0 +1,11 @@
+// src/ts/plugs/settings/frame/build.ts
+var FRAME_BUILD = {
+  disabled: false,
+  fps: 30,
+  captureAutoClose: 15e3
+};
+
+export {
+  FRAME_BUILD
+};
+//# sourceMappingURL=chunk-4QQXED6P.js.map

package/dist/chunk-4QQXED6P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/frame/build.ts"],"sourcesContent":["import { FrameConfig } from \"./types\";\r\n\r\nexport const FRAME_BUILD: Partial<FrameConfig> = {\r\n  disabled: false,\r\n  fps: 30,\r\n  captureAutoClose: 15000,\r\n};\r\n"],"mappings":";AAEO,IAAM,cAAoC;AAAA,EAC/C,UAAU;AAAA,EACV,KAAK;AAAA,EACL,kBAAkB;AACpB;","names":[]}