tmg-media-player 0.0.1

package/dist/chunk-2PA7FU47.js

@@ -0,0 +1,185 @@
+import {
+  CAPTIONS_BUILD,
+  STYLE_PATHS
+} from "./chunk-CAIDFMLB.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  rotateAny
+} from "./chunk-ZSB6HGB5.js";
+import {
+  getTrackIdx
+} from "./chunk-WSBH5QD6.js";
+import {
+  ComponentRegistry,
+  MenuRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  parseUIObj
+} from "./chunk-BROAUWON.js";
+import {
+  camelize
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/captions/index.ts
+import { TERMINATOR } from "sia-reactor";
+import { setPath } from "sia-reactor/utils";
+import { silence } from "sia-reactor/modules";
+var CaptionsPlug = class extends BasePlug {
+  constructor(ctlr, config = ctlr.settings.captions) {
+    super(ctlr, config, { secondaryTracks: [] });
+    __publicField(this, "view", null);
+    __publicField(this, "iView", null);
+    // info view
+    __publicField(this, "shadowCurrentIndex");
+    __publicField(this, "secondaryViews", /* @__PURE__ */ new Map());
+  }
+  mount() {
+    if (this.view = ComponentRegistry.init("captionsview", this.ctlr)) this.ctlr.DOM.captionsContainer = this.view.element;
+    this.iView = ComponentRegistry.init("captionsview", this.ctlr);
+  }
+  wire() {
+    var _a;
+    (_a = this.config).multiple ?? (_a.multiple = false);
+    this.settings.css.currentCaptionsX, this.settings.css.currentCaptionsY;
+    this.state.watch("secondaryTracks", this.syncTracks, { signal: this.signal });
+    this.media.set("state.currentTextTrack", (v) => this.ctlr.isNativeEl && v !== this.shadowCurrentIndex ? TERMINATOR : v, { signal: this.signal });
+    this.media.watch("tech", () => {
+      var _a2, _b, _c, _d;
+      return (_a2 = this.media.features).textTracks || (_a2.textTracks = this.ctlr.isNativeEl), (_b = this.media.features).currentTextTrack || (_b.currentTextTrack = this.ctlr.isNativeEl && this.media.features.textTracks), (_c = this.media.features).textVisible || (_c.textVisible = this.media.features.activeCue), (_d = this.media.features).multipleCaptions || (_d.multipleCaptions = this.media.features.currentTextTrack);
+    }, { init: true, signal: this.signal });
+    this.ctlr.config.watch("settings.captions.multiple", this.syncTracks, { signal: this.signal });
+    for (const p of STYLE_PATHS) this.ctlr.config.watch(`settings.${p}`, (value) => (this.settings.css[camelize(p.replace(".value", ""), /\./)] = p.includes("opacity") ? +value / 100 : value, this.view?.syncSize()), { init: true, signal: this.signal });
+    this.media.on("intent.currentTextTrack", this.handleCurrentTextTrackIntent, { capture: true, init: this.ctlr.payload.wired, initType: "set", signal: this.signal });
+    this.media.on("intent.textVisible", this.handleTextVisibleIntent, { capture: true, init: this.ctlr.payload.wired, initType: "set", signal: this.signal });
+    this.media.on("state.currentTextTrack", this.syncUI, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("state.textVisible", this.handleTextVisibleState, { init: true, signal: this.signal });
+    this.media.on("state.currentTime", () => (this.view?.syncKaraoke(), this.secondaryViews.forEach((view) => view.syncKaraoke())), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("state.src", () => (this.state.secondaryTracks = [], this.config.multiple = false), { signal: this.signal });
+    this.media.on("status.textTracks", () => (this.syncTracks(), this.syncUI()), { signal: this.signal });
+    this.media.on("status.activeCue", this.handleActiveCueStatus, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.ctlr.registerAction("captions", { fn: () => (this.toggleVisible(), this.media.features.textVisible && this.ctlr.plug("settings.notifiers")?.notify("captions")), keyboard: { phase: "keyup" } });
+    this.ctlr.registerAction("captionsFontSizeUp", { fn: () => this.changeFontSize(this.ctlr.plug("settings.keys")?.getModded("captionsFontSize", "", this.config.font.size.skip) ?? this.config.font.size.skip), keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("captionsFontSizeDown", { fn: () => this.changeFontSize(-(this.ctlr.plug("settings.keys")?.getModded("captionsFontSize", "", this.config.font.size.skip) ?? this.config.font.size.skip)), keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("captionsFontFamily", { fn: () => this.rotateProp(parseUIObj(this.config).font.family.values, "captions.font.family.value", false, true), keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("captionsFontWeight", { fn: () => this.rotateProp(parseUIObj(this.config).font.weight.values, "captions.font.weight.value", false, true), keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("captionsFontVariant", { fn: () => this.rotateProp(parseUIObj(this.config).font.variant.values, "captions.font.variant.value", false, true), keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("captionsFontOpacity", { fn: () => this.rotateProp(parseUIObj(this.config).font.opacity.values, "captions.font.opacity.value"), keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("captionsBackgroundOpacity", { fn: () => this.rotateProp(parseUIObj(this.config).background.opacity.values, "captions.background.opacity.value"), keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("captionsWindowOpacity", { fn: () => this.rotateProp(parseUIObj(this.config).window.opacity.values, "captions.window.opacity.value"), keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("captionsCharacterEdgeStyle", { fn: () => this.rotateProp(parseUIObj(this.config).characterEdgeStyle.values, "captions.characterEdgeStyle.value", false), keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("captionsTextAlignment", { fn: () => this.rotateProp(parseUIObj(this.config).textAlignment.values, "captions.textAlignment.value", false), keyboard: { phase: "keydown" } });
+    super.wire();
+  }
+  handleCurrentTextTrackIntent(e) {
+    if (!this.ctlr.isNativeEl) return e.reject(this.name);
+    this.media.tech.when("loadedMetadata", e, () => {
+      this.media.state.currentTextTrack = this.shadowCurrentIndex = e.value;
+      this.syncTracks();
+    });
+    e.resolve(this.name);
+  }
+  handleTextVisibleIntent(e) {
+    if (e.resolved) return;
+    if (!this.media.features.activeCue) return e.reject(this.name);
+    this.media.tech.when("loadedMetadata", e, () => {
+      if (e.value && this.media.status.textTracks.length && this.media.state.currentTextTrack === -1) silence(() => this.media.intent.currentTextTrack = Math.max(0, getTrackIdx(this.media.element, "Text", this.media.state.tracks.find((t) => t.default)?.id, this.media.status.textTracks)));
+      const cssPlug = this.ctlr.plug("settings.css");
+      if (cssPlug) this.settings.css.currentCaptionsX = cssPlug._cache.currentCaptionsX, this.settings.css.currentCaptionsY = cssPlug._cache.currentCaptionsY;
+      this.media.state.textVisible = e.value;
+    });
+    e.resolve(this.name);
+  }
+  handleTextVisibleState({ value }) {
+    this.media.container.classList.toggle("tmg-media-captions", this.canVisible && value);
+    const track = this.media.status.textTracks[this.media.state.currentTextTrack];
+    value && track && this.iView?.preview(this.getPreviewTip(track));
+  }
+  handleActiveCueStatus({ value }) {
+    !(!this.ctlr.isUIActive("captions") && this.view?.isPreviewing()) && this.view?.render(value);
+  }
+  handleCueChange(e, track = e?.target) {
+    const idx = Array.prototype.indexOf.call(this.media.status.textTracks, track);
+    track && idx !== -1 && idx !== this.media.state.currentTextTrack && this.secondaryViews.get(idx)?.render(track.activeCues?.[0] || null);
+  }
+  toggleVisible() {
+    if (!this.canVisible) return this.view?.preview(this.media.features.textTracks ? `No captions available for this ${this.media.type}` : `Captions not supported for this ${this.media.type}`);
+    this.media.intent.textVisible = !this.media.state.textVisible;
+  }
+  changeFontSize(value) {
+    const sign = value >= 0 ? "+" : "-";
+    value = Math.abs(value);
+    const size = Number(this.settings.css.captionsFontSize);
+    switch (sign) {
+      case "-":
+        if (size > this.config.font.size.min) this.config.font.size.value = size - (size % value || value);
+        break;
+      default:
+        if (size < this.config.font.size.max) this.config.font.size.value = size + (size % value ? size % value : value);
+    }
+    this.media.features.activeCue && this.view && this.ctlr.config.stall(this.view.preview), this.iView && this.ctlr.config.stall(() => this.iView.isPreviewing() && this.iView.preview(this.getPreviewTip()));
+  }
+  rotateProp(steps, prop, numeric = true, rerender = false) {
+    if (!steps.length) return;
+    const cssVal = this.settings.css[camelize(prop.replace(".value", ""), /\./)];
+    setPath(this.settings, prop, rotateAny((numeric ? Number : String)(prop.includes("opacity") ? Number(cssVal) * 100 : cssVal), steps));
+    rerender && this.media.features.activeCue && this.view && this.ctlr.config.stall(this.view.preview);
+  }
+  syncUI() {
+    this.media.container.classList.toggle("tmg-media-captions", this.canVisible && this.media.state.textVisible);
+    this.media.container.dataset.trackKind = this.getTrackKind();
+  }
+  get canVisible() {
+    return (this.media.features.textTracks && this.media.features.activeCue ? !!this.media.status.textTracks.length : !this.media.features.activeCue) && !!this.media.features.textVisible;
+  }
+  getTrackKind(track = this.media.status.textTracks[this.media.state.currentTextTrack]) {
+    return (track?.kind ?? track?.type) || "captions";
+  }
+  getPreviewTip(track = this.media.status.textTracks[this.media.state.currentTextTrack]) {
+    return { text: `${track?.label ?? track?.name} ${this.getTrackKind(track)} 
+ Click \u2699 for settings`, region: { viewportAnchorX: 10, viewportAnchorY: 20 } };
+  }
+  syncTracks() {
+    const list = this.media.status.textTracks;
+    if (!list) return;
+    for (const [idx, view] of this.secondaryViews) {
+      if (!this.config.multiple || !this.state.secondaryTracks.includes(idx)) {
+        view.destroy(), this.secondaryViews.delete(idx);
+        const track = list[idx];
+        this.ctlr.isNativeEl && idx !== this.media.state.currentTextTrack && track && (track.mode = "disabled", track.removeEventListener("cuechange", this.handleCueChange));
+      }
+    }
+    if (!this.ctlr.isNativeEl) return;
+    for (let i = 0, len = list.length; i < len; i++) {
+      const isSecondary = this.config.multiple && this.state.secondaryTracks.includes(i);
+      list[i].mode = i === this.media.state.currentTextTrack || isSecondary ? "hidden" : "disabled";
+      if (isSecondary && !this.secondaryViews.has(i)) {
+        const view = ComponentRegistry.init("captionsview", this.ctlr, { secondaryOrder: this.secondaryViews.size + 1 });
+        if (view) this.secondaryViews.set(i, view), list[i].addEventListener("cuechange", this.handleCueChange, { signal: this.signal }), this.handleCueChange({ target: list[i] });
+      }
+    }
+  }
+  registerMenu(items = MenuRegistry.get("settings.captions")?.(this), menu = this.ctlr.plug("settings.settingsView")?.menu) {
+    if (items && menu) menu.unregister("captions"), Array.isArray(items) ? items.forEach((item) => menu.registerBefore("chapters", item)) : menu.registerBefore("chapters", items);
+  }
+  onDestroy() {
+    this.view?.destroy(), this.iView?.destroy();
+    for (const view of this.secondaryViews.values()) view.destroy();
+    this.secondaryViews.clear();
+    const list = this.media.status.textTracks;
+    if (list) for (let i = 0; i < list.length; i++) list[i].removeEventListener("cuechange", this.handleCueChange);
+    if (this.ctlr.DOM.captionsContainer === this.view?.element) this.ctlr.DOM.captionsContainer = null;
+    super.onDestroy();
+  }
+};
+__publicField(CaptionsPlug, "plugName", "captions");
+__publicField(CaptionsPlug, "BUILD", CAPTIONS_BUILD);
+
+export {
+  CaptionsPlug
+};
+//# sourceMappingURL=chunk-2PA7FU47.js.map

package/dist/chunk-2PA7FU47.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/captions/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\nimport type { Controller } from \"@core/controller\";\nimport type { CueLike, CaptionsConfig, CaptionsState } from \"./types\";\nimport { CAPTIONS_BUILD } from \"./build\";\nimport { ROTATE_PATHS, STYLE_PATHS } from \"./build\";\nimport type { CaptionsView } from \"@components/captionsview\";\nimport { ComponentRegistry, MenuRegistry } from \"@core/registries\";\nimport { type REvent, type PathValue, TERMINATOR } from \"sia-reactor\";\nimport { setPath } from \"sia-reactor/utils\";\nimport type { CtlrConfig } from \"@defs/config\";\nimport type { CtlrMedia } from \"@defs/contract\";\nimport { rotateAny } from \"@utils/num\";\nimport { getTrackIdx } from \"@utils/media\";\nimport { camelize } from \"@utils/str\";\nimport { silence } from \"sia-reactor/modules\";\nimport { parseUIObj } from \"@utils/obj\";\n\nexport class CaptionsPlug extends BasePlug<CaptionsConfig, CaptionsState> {\n  public static readonly plugName = \"captions\";\n  public static readonly BUILD = CAPTIONS_BUILD;\n  protected view: CaptionsView | null = null;\n  protected iView: CaptionsView | null = null; // info view\n  protected shadowCurrentIndex?: number;\n  protected secondaryViews = new Map<number, CaptionsView>();\n\n  constructor(ctlr: Controller, config = ctlr.settings.captions) {\n    super(ctlr, config, { secondaryTracks: [] });\n  }\n\n  public override mount(): void {\n    // Variables Assignment\n    if ((this.view = ComponentRegistry.init(\"captionsview\", this.ctlr))) this.ctlr.DOM.captionsContainer = this.view.element;\n    this.iView = ComponentRegistry.init(\"captionsview\", this.ctlr);\n  }\n\n  public override wire(): void {\n    // Variables Assignment\n    this.config.multiple ??= false;\n    this.settings.css.currentCaptionsX, this.settings.css.currentCaptionsY; // Read once so CSSPlug can cache computed values.\n    // State Watchers\n    this.state.watch(\"secondaryTracks\", this.syncTracks, { signal: this.signal });\n    // Ctlr Media Setters\n    this.media.set(\"state.currentTextTrack\", (v) => (this.ctlr.isNativeEl && v !== this.shadowCurrentIndex ? TERMINATOR : v), { signal: this.signal }); // #DICTATOR: reliable authority\n    // ----------- Watchers\n    this.media.watch(\"tech\", () => ((this.media.features.textTracks ||= this.ctlr.isNativeEl), (this.media.features.currentTextTrack ||= this.ctlr.isNativeEl && this.media.features.textTracks), (this.media.features.textVisible ||= this.media.features.activeCue), (this.media.features.multipleCaptions ||= this.media.features.currentTextTrack)), { init: true, signal: this.signal });\n    // ---- Config -------\n    this.ctlr.config.watch(\"settings.captions.multiple\", this.syncTracks, { signal: this.signal });\n    for (const p of STYLE_PATHS) this.ctlr.config.watch(`settings.${p}`, (value) => ((this.settings.css[camelize(p.replace(\".value\", \"\"), /\\./)] = p.includes(\"opacity\") ? +value / 100 : value), this.view?.syncSize()), { init: true, signal: this.signal });\n    // ---- Media Listeners\n    this.media.on(\"intent.currentTextTrack\", this.handleCurrentTextTrackIntent, { capture: true, init: this.ctlr.payload.wired, initType: \"set\", signal: this.signal }); // #HIGHER-POWER: power arbitration\n    this.media.on(\"intent.textVisible\", this.handleTextVisibleIntent, { capture: true, init: this.ctlr.payload.wired, initType: \"set\", signal: this.signal }); // #HIGHER-POWER: power arbitration\n    this.media.on(\"state.currentTextTrack\", this.syncUI, { init: this.ctlr.payload.wired, signal: this.signal });\n    this.media.on(\"state.textVisible\", this.handleTextVisibleState, { init: true, signal: this.signal });\n    this.media.on(\"state.currentTime\", () => (this.view?.syncKaraoke(), this.secondaryViews.forEach((view) => view.syncKaraoke())), { init: this.ctlr.payload.wired, signal: this.signal });\n    this.media.on(\"state.src\", () => ((this.state.secondaryTracks = []), (this.config.multiple = false)), { signal: this.signal });\n    this.media.on(\"status.textTracks\", () => (this.syncTracks(), this.syncUI()), { signal: this.signal });\n    this.media.on(\"status.activeCue\", this.handleActiveCueStatus, { init: this.ctlr.payload.wired, signal: this.signal });\n    // Post Wiring\n    this.ctlr.registerAction(\"captions\", { fn: () => (this.toggleVisible(), this.media.features.textVisible && this.ctlr.plug(\"settings.notifiers\")?.notify(\"captions\")), keyboard: { phase: \"keyup\" } });\n    this.ctlr.registerAction(\"captionsFontSizeUp\", { fn: () => this.changeFontSize(this.ctlr.plug(\"settings.keys\")?.getModded(\"captionsFontSize\", \"\", this.config.font.size.skip) ?? this.config.font.size.skip), keyboard: { phase: \"keydown\" } });\n    this.ctlr.registerAction(\"captionsFontSizeDown\", { fn: () => this.changeFontSize(-(this.ctlr.plug(\"settings.keys\")?.getModded(\"captionsFontSize\", \"\", this.config.font.size.skip) ?? this.config.font.size.skip)), keyboard: { phase: \"keydown\" } });\n    this.ctlr.registerAction(\"captionsFontFamily\", { fn: () => this.rotateProp(parseUIObj(this.config).font.family.values, \"captions.font.family.value\", false, true), keyboard: { phase: \"keydown\" } });\n    this.ctlr.registerAction(\"captionsFontWeight\", { fn: () => this.rotateProp(parseUIObj(this.config).font.weight.values, \"captions.font.weight.value\", false, true), keyboard: { phase: \"keydown\" } });\n    this.ctlr.registerAction(\"captionsFontVariant\", { fn: () => this.rotateProp(parseUIObj(this.config).font.variant.values, \"captions.font.variant.value\", false, true), keyboard: { phase: \"keydown\" } });\n    this.ctlr.registerAction(\"captionsFontOpacity\", { fn: () => this.rotateProp(parseUIObj(this.config).font.opacity.values, \"captions.font.opacity.value\"), keyboard: { phase: \"keydown\" } });\n    this.ctlr.registerAction(\"captionsBackgroundOpacity\", { fn: () => this.rotateProp(parseUIObj(this.config).background.opacity.values, \"captions.background.opacity.value\"), keyboard: { phase: \"keydown\" } });\n    this.ctlr.registerAction(\"captionsWindowOpacity\", { fn: () => this.rotateProp(parseUIObj(this.config).window.opacity.values, \"captions.window.opacity.value\"), keyboard: { phase: \"keydown\" } });\n    this.ctlr.registerAction(\"captionsCharacterEdgeStyle\", { fn: () => this.rotateProp(parseUIObj(this.config).characterEdgeStyle.values, \"captions.characterEdgeStyle.value\", false), keyboard: { phase: \"keydown\" } });\n    this.ctlr.registerAction(\"captionsTextAlignment\", { fn: () => this.rotateProp(parseUIObj(this.config).textAlignment.values, \"captions.textAlignment.value\", false), keyboard: { phase: \"keydown\" } });\n    super.wire();\n  }\n\n  protected handleCurrentTextTrackIntent(e: REvent<CtlrMedia, \"intent.currentTextTrack\">): void {\n    if (!this.ctlr.isNativeEl) return e.reject(this.name);\n    this.media.tech.when(\"loadedMetadata\", e, () => {\n      this.media.state.currentTextTrack = this.shadowCurrentIndex = e.value as number; // #VALIDATED: mediated for cast conformity; no-opy\n      this.syncTracks();\n    });\n    e.resolve(this.name);\n  }\n\n  protected handleTextVisibleIntent(e: REvent<CtlrMedia, \"intent.textVisible\">): void {\n    if (e.resolved) return;\n    if (!this.media.features.activeCue) return e.reject(this.name); // this ain't no cue mega lib\n    this.media.tech.when(\"loadedMetadata\", e, () => {\n      if (e.value && this.media.status.textTracks.length && this.media.state.currentTextTrack === -1) silence(() => (this.media.intent.currentTextTrack = Math.max(0, getTrackIdx(this.media.element, \"Text\", this.media.state.tracks.find((t) => t.default)?.id, this.media.status.textTracks))));\n      const cssPlug = this.ctlr.plug(\"settings.css\");\n      if (cssPlug) (this.settings.css.currentCaptionsX = cssPlug._cache.currentCaptionsX!), (this.settings.css.currentCaptionsY = cssPlug._cache.currentCaptionsY!);\n      this.media.state.textVisible = e.value;\n    });\n    e.resolve(this.name); // hid everytin already but need minors to shutup\n  }\n\n  protected handleTextVisibleState({ value }: REvent<CtlrMedia, \"state.textVisible\">): void {\n    this.media.container.classList.toggle(\"tmg-media-captions\", this.canVisible && value);\n    const track = this.media.status.textTracks[this.media.state.currentTextTrack]; // native, hls, dash compat\n    value && track && this.iView?.preview(this.getPreviewTip(track));\n  }\n\n  protected handleActiveCueStatus({ value }: REvent<CtlrMedia, \"status.activeCue\">): void {\n    !(!this.ctlr.isUIActive(\"captions\") && this.view?.isPreviewing()) && this.view?.render(value);\n  }\n\n  protected handleCueChange(e?: globalThis.Event | { target?: TextTrack }, track = e?.target as TextTrack | null): void {\n    const idx = Array.prototype.indexOf.call(this.media.status.textTracks, track);\n    track && idx !== -1 && idx !== this.media.state.currentTextTrack && this.secondaryViews.get(idx)?.render(track.activeCues?.[0] || null);\n  }\n\n  public toggleVisible(): void {\n    if (!this.canVisible) return this.view?.preview(this.media.features.textTracks ? `No captions available for this ${this.media.type}` : `Captions not supported for this ${this.media.type}`);\n    this.media.intent.textVisible = !this.media.state.textVisible;\n  }\n\n  public changeFontSize(value: number): void {\n    const sign = value >= 0 ? \"+\" : \"-\";\n    value = Math.abs(value);\n    const size = Number(this.settings.css.captionsFontSize);\n    switch (sign) {\n      case \"-\":\n        if (size > this.config.font.size.min) this.config.font.size.value = size - (size % value || value);\n        break;\n      default:\n        if (size < this.config.font.size.max) this.config.font.size.value = size + (size % value ? size % value : value);\n    }\n    this.media.features.activeCue && this.view && this.ctlr.config.stall(this.view.preview), this.iView && this.ctlr.config.stall(() => this.iView!.isPreviewing() && this.iView!.preview(this.getPreviewTip()));\n  }\n\n  protected rotateProp(steps: PathValue<CtlrConfig[\"settings\"], (typeof ROTATE_PATHS)[number]>[], prop: (typeof ROTATE_PATHS)[number], numeric = true, rerender = false): void {\n    if (!steps.length) return;\n    const cssVal = this.settings.css[camelize(prop.replace(\".value\", \"\"), /\\./)];\n    setPath(this.settings, prop, rotateAny((numeric ? Number : String)(prop.includes(\"opacity\") ? Number(cssVal) * 100 : cssVal), steps));\n    rerender && this.media.features.activeCue && this.view && this.ctlr.config.stall(this.view.preview);\n  }\n\n  public syncUI(): void {\n    this.media.container.classList.toggle(\"tmg-media-captions\", this.canVisible && this.media.state.textVisible);\n    this.media.container.dataset.trackKind = this.getTrackKind();\n  }\n\n  public get canVisible(): boolean {\n    return (this.media.features.textTracks && this.media.features.activeCue ? !!this.media.status.textTracks.length : !this.media.features.activeCue) && !!this.media.features.textVisible;\n  }\n\n  public getTrackKind(track = this.media.status.textTracks[this.media.state.currentTextTrack]): string {\n    return (track?.kind ?? track?.type) || \"captions\";\n  }\n\n  public getPreviewTip(track = this.media.status.textTracks[this.media.state.currentTextTrack]): CueLike {\n    return { text: `${track?.label ?? track?.name} ${this.getTrackKind(track)} \\n Click ⚙ for settings`, region: { viewportAnchorX: 10, viewportAnchorY: 20 } };\n  }\n\n  protected syncTracks(): void {\n    const list = this.media.status.textTracks;\n    if (!list) return;\n    for (const [idx, view] of this.secondaryViews) {\n      if (!this.config.multiple || !this.state.secondaryTracks.includes(idx)) {\n        view.destroy(), this.secondaryViews.delete(idx);\n        const track = list[idx];\n        this.ctlr.isNativeEl && idx !== this.media.state.currentTextTrack && track && ((track.mode = \"disabled\"), track.removeEventListener(\"cuechange\", this.handleCueChange));\n      }\n    }\n    if (!this.ctlr.isNativeEl) return;\n    for (let i = 0, len = list.length; i < len; i++) {\n      const isSecondary = this.config.multiple && this.state.secondaryTracks.includes(i);\n      list[i].mode = i === this.media.state.currentTextTrack || isSecondary ? \"hidden\" : \"disabled\";\n      if (isSecondary && !this.secondaryViews.has(i)) {\n        const view = ComponentRegistry.init(\"captionsview\", this.ctlr, { secondaryOrder: this.secondaryViews.size + 1 });\n        if (view) this.secondaryViews.set(i, view), list[i].addEventListener(\"cuechange\", this.handleCueChange, { signal: this.signal }), this.handleCueChange({ target: list[i] });\n      }\n    }\n  }\n\n  protected override registerMenu(items = MenuRegistry.get(\"settings.captions\")?.(this), menu = this.ctlr.plug(\"settings.settingsView\")?.menu): void {\n    if (items && menu) menu.unregister(\"captions\"), Array.isArray(items) ? items.forEach((item) => menu.registerBefore(\"chapters\", item)) : menu.registerBefore(\"chapters\", items);\n  }\n\n  protected override onDestroy(): void {\n    this.view?.destroy(), this.iView?.destroy();\n    for (const view of this.secondaryViews.values()) view.destroy();\n    this.secondaryViews.clear();\n    const list = this.media.status.textTracks;\n    if (list) for (let i = 0; i < list.length; i++) list[i].removeEventListener(\"cuechange\", this.handleCueChange);\n    if (this.ctlr.DOM.captionsContainer === this.view?.element) this.ctlr.DOM.captionsContainer = null;\n    super.onDestroy();\n  }\n}\n\nexport type * from \"./types\";\nexport * from \"./build\";\ndeclare module \"@defs/registries\" {\n  interface PlugRegistryMap {\n    \"settings.captions\": typeof CaptionsPlug;\n  }\n  interface ControllerDOMMap {\n    captionsContainer?: HTMLDivElement | null;\n  }\n}\n\ndeclare module \"@defs/config\" {\n  interface Settings {\n    captions: CaptionsConfig;\n  }\n}\n\ndeclare module \"@plugs/settings/css/types\" {\n  interface CSSMap {\n    captionsCharacterEdgeStyle: \"none\" | \"raised\" | \"depressed\" | \"outline\" | \"drop-shadow\";\n    captionsTextAlignment: \"left\" | \"center\" | \"right\";\n  }\n}\n"],"mappings":"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","names":["_a"]}

package/dist/chunk-2VOAIUTU.js

@@ -0,0 +1,9 @@
+// src/ts/components/icons/leavetheater.ts
+var leavetheater = `<svg class="tmg-media-leave-theater-icon" viewBox="0 0 25 25">
+  <path d="M19 6H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H5V8h14v8z" />
+</svg>`;
+
+export {
+  leavetheater
+};
+//# sourceMappingURL=chunk-2VOAIUTU.js.map

package/dist/chunk-2VOAIUTU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/leavetheater.ts"],"sourcesContent":["export const leavetheater = `<svg class=\"tmg-media-leave-theater-icon\" viewBox=\"0 0 25 25\">\r\n  <path d=\"M19 6H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H5V8h14v8z\" />\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    leavetheater: typeof leavetheater;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,eAAe;AAAA;AAAA;","names":[]}

package/dist/chunk-2W5XWGGE.js

@@ -0,0 +1,7 @@
+// src/ts/components/icons/chapters.ts
+var chapters = `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/></svg>`;
+
+export {
+  chapters
+};
+//# sourceMappingURL=chunk-2W5XWGGE.js.map

package/dist/chunk-2W5XWGGE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/chapters.ts"],"sourcesContent":["export const chapters = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z\"/></svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    chapters: typeof chapters;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,WAAW;","names":[]}

package/dist/chunk-3C3GK24X.js

@@ -0,0 +1,88 @@
+import {
+  BrightnessSlider
+} from "./chunk-YS2PK7QA.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/brightness/index.ts
+var BrightnessControl = class extends BaseComponent {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "slider");
+    __publicField(this, "button");
+    __publicField(this, "sliderWrapper");
+    __publicField(this, "delayActiveId");
+    __publicField(this, "stopActive", () => {
+      if (this.slider.el.matches(":active")) return this.delayActive();
+      clearTimeout(this.delayActiveId), this.slider.inactive();
+      this.slider.config.previewValue = this.slider.config.value;
+    });
+  }
+  get plug() {
+    return this.ctlr.plug("settings.brightness");
+  }
+  create() {
+    this.slider = new BrightnessSlider(this.ctlr, this.config);
+    this.element = createEl("div", { className: "tmg-media-brightness-container tmg-media-vb-container" }, { draggableControl: "", controlId: this.name });
+    this.button = createEl("button", { className: "tmg-media-dark-btn tmg-media-vb-btn", type: "button", innerHTML: IconRegistry.get("brightnesshigh") + IconRegistry.get("brightnesslow") + IconRegistry.get("brightnessdark") });
+    this.sliderWrapper = createEl("span", { className: "tmg-media-brightness-slider-wrapper tmg-media-vb-slider-wrapper" });
+    const sliderEl = this.slider.create();
+    sliderEl.classList.add("tmg-media-vb-slider", "tmg-media-brightness-slider");
+    this.sliderWrapper.append(sliderEl);
+    return this.el.append(this.button, this.sliderWrapper), this.el;
+  }
+  mount() {
+    this.slider.setup();
+  }
+  wire() {
+    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.brightness", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("state.dark", this.syncARIA, { signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.dark", this.syncARIA, { signal: this.signal });
+    this.media.on("features.brightness", this.gate, { init: this.ctlr.payload.wired, 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);
+  }
+  syncARIA() {
+    this.state.label = this.media.state.dark || this.media.state.brightness === 0 ? "Brighten" : "Darken";
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.dark, this.settings.voice.commands.dark);
+    this.button.title = this.state.label + this.state.cmd;
+    this.setBtnARIA(void 0, this.button);
+  }
+  onDestroy() {
+    this.slider.destroy(), super.onDestroy();
+  }
+};
+__publicField(BrightnessControl, "componentName", "brightness");
+__publicField(BrightnessControl, "isControl", true);
+
+export {
+  BrightnessControl
+};
+//# sourceMappingURL=chunk-3C3GK24X.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/brightness/index.ts"],"sourcesContent":["import { BaseComponent, type ComponentState } from \"@components/base\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { setTimeout } from \"@utils/fn\";\r\nimport { formatKeyForDisplay } from \"@utils/keys\";\r\nimport { BrightnessSlider, type BrightnessSliderConfig } from \"./slider\";\r\n\r\nexport type BrightnessConfig = BrightnessSliderConfig;\r\n\r\nexport class BrightnessControl extends BaseComponent<BrightnessConfig, ComponentState> {\r\n  public static readonly componentName: string = \"brightness\";\r\n  public static readonly isControl: boolean = true;\r\n  public slider!: BrightnessSlider;\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.brightness\");\r\n  }\r\n\r\n  public override create(): HTMLElement {\r\n    // Variables Assignments\r\n    this.slider = new BrightnessSlider(this.ctlr, this.config);\r\n    this.element = createEl(\"div\", { className: \"tmg-media-brightness-container tmg-media-vb-container\" }, { draggableControl: \"\", controlId: this.name });\r\n    this.button = createEl(\"button\", { className: \"tmg-media-dark-btn tmg-media-vb-btn\", type: \"button\", innerHTML: IconRegistry.get(\"brightnesshigh\") + IconRegistry.get(\"brightnesslow\") + IconRegistry.get(\"brightnessdark\") });\r\n    this.sliderWrapper = createEl(\"span\", { className: \"tmg-media-brightness-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-brightness-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    // 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    // ---- Media Listeners\r\n    this.media.on(\"state.brightness\", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"state.dark\", this.syncARIA, { signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.dark\", this.syncARIA, { signal: this.signal });\r\n    // Features Gating\r\n    this.media.on(\"features.brightness\", this.gate, { init: this.ctlr.payload.wired, 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.dark || this.media.state.brightness === 0 ? \"Brighten\" : \"Darken\";\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.dark, this.settings.voice.commands.dark);\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    brightness: typeof BrightnessControl;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-3KD22Z7D.js

@@ -0,0 +1,9 @@
+// src/ts/components/icons/backward10.ts
+var backward10 = `
+<svg viewBox="0 0 24 24" class="tmg-media-backward10-icon"><path fill="currentColor" d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/><text x="12" y="16.5" font-family="sans-serif" font-size="7" font-weight="bold" text-anchor="middle" fill="currentColor">10</text></svg>
+`;
+
+export {
+  backward10
+};
+//# sourceMappingURL=chunk-3KD22Z7D.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/backward10.ts"],"sourcesContent":["export const backward10 = `\n<svg viewBox=\"0 0 24 24\" class=\"tmg-media-backward10-icon\"><path fill=\"currentColor\" d=\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"/><text x=\"12\" y=\"16.5\" font-family=\"sans-serif\" font-size=\"7\" font-weight=\"bold\" text-anchor=\"middle\" fill=\"currentColor\">10</text></svg>\n`;\n\ndeclare module \"@defs/registries\" {\n  interface IconRegistryMap {\n    backward10: typeof backward10;\n  }\n}\n"],"mappings":";AAAO,IAAM,aAAa;AAAA;AAAA;","names":[]}

package/dist/chunk-3OLEZVYI.js

@@ -0,0 +1,196 @@
+import {
+  MainMenuPanel
+} from "./chunk-QS3C4KCF.js";
+import {
+  SubMenuPanel
+} from "./chunk-ABRBZ4IH.js";
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  OrderedRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  initArrowNavigation,
+  initFocusTrap,
+  initOutsideClick,
+  removeArrowNavigation,
+  removeFocusTrap,
+  removeOutsideClick,
+  syncArrowNavigation,
+  syncFocusTrap
+} from "./chunk-HCSCY6DU.js";
+import {
+  createEl,
+  getActiveEl,
+  isFunc,
+  requestAnimationFrame
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/settingsView/menu/index.ts
+import { CTX } from "sia-reactor";
+var SettingsMenu = class extends BaseComponent {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "registry", new OrderedRegistry());
+    __publicField(this, "mainPanel");
+    __publicField(this, "subPanels", []);
+    __publicField(this, "navStack", []);
+    __publicField(this, "menuOpen", false);
+    __publicField(this, "anchorEl");
+    __publicField(this, "lastClosedTime", 0);
+  }
+  create() {
+    this.element = createEl("div", { className: "tmg-media-smenu-overlay", inert: true });
+    this.el.addEventListener("keydown", (e, active = getActiveEl(this.el.ownerDocument)) => {
+      if ((e.key === "Enter" || e.key === " ") && active && !active.matches("input,textarea,[contenteditable]") && active.tagName !== "BUTTON" && active.closest(".tmg-media-smenu-panel-active")) e.preventDefault(), active.click();
+      else if (e.key === "ArrowRight" && active?.querySelector(".tmg-media-smenu-row-arrow, .tmg-media-smenu-group-arrow")) e.stopImmediatePropagation(), active.click();
+      else if (e.key === "ArrowLeft" && !active?.matches("input,textarea,[contenteditable]")) e.stopImmediatePropagation(), this.goBack();
+    });
+    return this.element;
+  }
+  mount(onViewClick) {
+    if (!this.element) this.create();
+    this.mainPanel = new MainMenuPanel(this.ctlr, this.config);
+    this.mainPanel.setup(), this.mainPanel.build();
+    this.mainPanel.onItemClick = (item) => this.goTo(item.id);
+    this.mainPanel.onViewClick = onViewClick;
+    this.el.append(this.mainPanel.element);
+    this.media.container.append(this.element);
+  }
+  wire() {
+    this.media.on("state.paused", ({ value }) => !value && this.close(), { signal: this.signal });
+    this.media.on("features", () => this.menuOpen && (this.syncMain(), this.subPanels.forEach((p) => p.syncUI())), { signal: this.signal });
+    this.ctlr.state.on("dimensions.container.width", () => this.menuOpen && this.reposition(this.anchorEl), { signal: this.signal });
+    this.ctlr.state.on("dimensions.container.height", () => this.menuOpen && this.reposition(this.anchorEl), { signal: this.signal });
+  }
+  unmount() {
+    removeOutsideClick(this.element), removeArrowNavigation(this.element), removeFocusTrap(this.element), super.unmount();
+  }
+  mergeItem(item) {
+    const existing = this.getItem(item.id);
+    if (existing) {
+      if (item.items) existing.items = [...existing.items || [], ...item.items];
+      if (item.actions) existing.actions = [...existing.actions || [], ...item.actions];
+      if (item.footerActions) existing.footerActions = [...existing.footerActions || [], ...item.footerActions];
+      if (item.tipHTML && !existing.tipHTML) existing.tipHTML = item.tipHTML;
+      return existing;
+    }
+    return item;
+  }
+  register(items) {
+    if (items) Array.isArray(items) ? items.forEach((item) => (item = this.mergeItem(item), this.registry.register(item.id, item))) : (items = this.mergeItem(items), this.registry.register(items.id, items)), this.menuOpen && this.syncMain();
+  }
+  registerFirst(item) {
+    if (item) item = this.mergeItem(item), this.registry.registerFirst(item.id, item), this.menuOpen && this.syncMain();
+  }
+  registerBefore(key, item) {
+    if (item) item = this.mergeItem(item), this.registry.registerBefore(key, item.id, item), this.menuOpen && this.syncMain();
+  }
+  registerAfter(key, item) {
+    if (item) item = this.mergeItem(item), this.registry.registerAfter(key, item.id, item), this.menuOpen && this.syncMain();
+  }
+  unregister(id) {
+    this.registry.unregister(id), this.menuOpen && this.syncMain();
+  }
+  getItem(id, items = this.registry.getAll()) {
+    for (const item of items)
+      if (item.id === id) return item;
+      else if (item.items) {
+        const found = this.getItem(id, item.items);
+        if (found) return found;
+      }
+    return void 0;
+  }
+  syncUI(id) {
+    if (id) this.subPanels[this.navStack.indexOf(id)]?.syncUI(), this.syncMain();
+    else this.syncMain(), this.subPanels.forEach((p) => p.syncUI());
+  }
+  toggle(anchorEl) {
+    this.menuOpen ? this.close() : this.open(anchorEl);
+  }
+  open(anchorEl) {
+    if (this.menuOpen || performance.now() - this.lastClosedTime < 50) return;
+    this.menuOpen = true;
+    this.anchorEl = anchorEl;
+    if (!this.config.preserveStack) this.navStack = [];
+    if (this.navStack.length === 0) this.syncMain(), this.showPanel(this.mainPanel, "none"), this.subPanels.forEach((p) => this.hidePanel(p));
+    else this.syncUI(this.navStack[this.navStack.length - 1]), this.showPanel(this.subPanels[this.navStack.length - 1], "none"), this.hidePanel(this.mainPanel), this.subPanels.forEach((p, idx) => idx !== this.navStack.length - 1 && this.hidePanel(p));
+    this.reposition(anchorEl), this.el.removeAttribute("inert"), this.el.classList.add("tmg-media-smenu-overlay-open"), this.el.classList.remove("tmg-media-smenu-overlay-closed");
+    this.media.container.classList.add("tmg-media-settings-menu");
+    initOutsideClick(this.element, { enabled: true, onOutside: (e) => !this.anchorEl?.contains(e?.target) && this.close(), outOnFocusOut: !CTX.isDevEnv }), initFocusTrap(this.element, { enabled: true });
+    initArrowNavigation(this.element, { enabled: true, rovingTab: false, focusOnHover: false, grid: { x: 1 }, selector: ".tmg-media-smenu-panel :is([tabindex='0'], button:not([disabled]), input:not([type='checkbox'], [type='radio'], [disabled])):not(.tmg-media-smenu-back-btn, .tmg-media-range-container)" });
+  }
+  close() {
+    if (!this.menuOpen) return;
+    this.menuOpen = false;
+    this.lastClosedTime = performance.now();
+    this.el.setAttribute("inert", ""), this.el.classList.remove("tmg-media-smenu-overlay-open", "tmg-media-smenu-drop-down"), this.media.container.classList.remove("tmg-media-settings-menu");
+    removeOutsideClick(this.element), removeArrowNavigation(this.element), removeFocusTrap(this.element);
+    this.anchorEl?.focus(), this.anchorEl = void 0;
+  }
+  get isOpen() {
+    return this.menuOpen;
+  }
+  getSubPanel(depth) {
+    if (!this.subPanels[depth]) {
+      const p = new SubMenuPanel(this.ctlr);
+      p.setup();
+      p.onBack = this.goBack;
+      p.onSubItemClick = (item) => this.goTo(item.id);
+      this.element.append(p.element), syncFocusTrap(this.element);
+      this.subPanels[depth] = p;
+    }
+    return this.subPanels[depth];
+  }
+  goTo(id) {
+    const item = this.getItem(id);
+    if (!item || !item.items && !item.widget || item.widget === "button" || item.widget === "toggle") return;
+    const activePanel = this.navStack.length === 0 ? this.mainPanel : this.subPanels[this.navStack.length - 1];
+    this.navStack.push(id);
+    const nextPanel = this.getSubPanel(this.navStack.length - 1);
+    nextPanel.load(item);
+    this.showPanel(nextPanel, "forward"), this.hidePanel(activePanel, "backward");
+  }
+  goBack() {
+    if (this.navStack.length === 0) return;
+    const activePanel = this.subPanels[this.navStack.length - 1];
+    this.navStack.pop();
+    this.showPanel(this.navStack.length === 0 ? this.mainPanel : this.subPanels[this.navStack.length - 1], "backward");
+    this.hidePanel(activePanel, "forward");
+  }
+  showPanel(panel, dir = "forward") {
+    panel.enter(dir), this.syncHeight(panel), syncArrowNavigation(this.element);
+  }
+  hidePanel(panel, dir = "backward") {
+    panel.exit(dir);
+  }
+  syncMain() {
+    this.mainPanel.sync(this.registry.getAll().filter((item) => (isFunc(item.hidden) ? item.hidden() : item.hidden) ? false : !item.feature || Boolean(this.media.features[item.feature])));
+  }
+  syncHeight(panel, height = panel.contentHeight) {
+    requestAnimationFrame(() => this.menuOpen && height && (this.el.style.height = `${height}px`), this.signal);
+  }
+  reposition(anchorEl) {
+    const container = this.media.container, cRect = container.getBoundingClientRect(), aRect = anchorEl ? anchorEl.getBoundingClientRect() : this.el.getBoundingClientRect();
+    if (!anchorEl && !this.menuOpen) return;
+    const y = aRect.top - cRect.top;
+    const menuWidth = this.el.offsetWidth || 320;
+    let xPos = aRect.right - cRect.left - menuWidth + 10;
+    const margin = 12;
+    if (xPos < margin) xPos = margin;
+    if (xPos + menuWidth > cRect.width - margin) xPos = cRect.width - menuWidth - margin;
+    this.el.style.setProperty("--tmg-smenu-anchor-x", `${xPos}px`);
+    this.el.style.setProperty("--tmg-smenu-anchor-y", `${y}px`);
+    this.el.classList.toggle("tmg-media-smenu-drop-down", y < cRect.height / 2);
+  }
+};
+__publicField(SettingsMenu, "componentName", "SettingsMenu");
+
+export {
+  SettingsMenu
+};
+//# sourceMappingURL=chunk-3OLEZVYI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/settingsView/menu/index.ts"],"sourcesContent":["import { BaseComponent, type ComponentState } from \"@components/base\";\r\nimport { CTX } from \"sia-reactor\";\r\nimport type { SettingsMenuItem, SettingsMenuConfig } from \"../types\";\r\nimport { MainMenuPanel } from \"./panel/main\";\r\nimport { SubMenuPanel } from \"./panel/sub\";\r\nimport type { BaseMenuPanel, PanelDir } from \"./panel\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { getActiveEl, isFunc } from \"@t007/utils\";\r\nimport { initArrowNavigation, initOutsideClick, initFocusTrap, removeArrowNavigation, removeOutsideClick, removeFocusTrap, syncFocusTrap, syncArrowNavigation } from \"@t007/utils/hooks/vanilla\";\r\nimport { requestAnimationFrame } from \"@utils/fn\";\r\nimport { OrderedRegistry } from \"@core/registries\";\r\n// Side-effect imports so all widgets self-register\r\nimport \"./widgets/select\";\r\nimport \"./widgets/range\";\r\nimport \"./widgets/toggle\";\r\nimport \"./widgets/color\";\r\nimport \"./widgets/group\";\r\n\r\nexport class SettingsMenu extends BaseComponent<SettingsMenuConfig, ComponentState, HTMLElement> {\r\n  public static readonly componentName = \"SettingsMenu\";\r\n  private registry = new OrderedRegistry<SettingsMenuItem>();\r\n  private mainPanel!: MainMenuPanel;\r\n  private subPanels: SubMenuPanel[] = [];\r\n  public navStack: string[] = [];\r\n  private menuOpen = false;\r\n  private anchorEl?: HTMLElement;\r\n\r\n  public override create(): HTMLElement {\r\n    this.element = createEl(\"div\", { className: \"tmg-media-smenu-overlay\", inert: true });\r\n    this.el.addEventListener(\"keydown\", (e: KeyboardEvent, active = getActiveEl(this.el.ownerDocument) as HTMLElement) => {\r\n      if ((e.key === \"Enter\" || e.key === \" \") && active && !active.matches(\"input,textarea,[contenteditable]\") && active.tagName !== \"BUTTON\" && active.closest(\".tmg-media-smenu-panel-active\")) e.preventDefault(), active.click();\r\n      else if (e.key === \"ArrowRight\" && active?.querySelector(\".tmg-media-smenu-row-arrow, .tmg-media-smenu-group-arrow\")) e.stopImmediatePropagation(), active.click();\r\n      else if (e.key === \"ArrowLeft\" && !active?.matches(\"input,textarea,[contenteditable]\")) e.stopImmediatePropagation(), this.goBack();\r\n    });\r\n    return this.element;\r\n  }\r\n\r\n  public override mount(onViewClick?: () => void): void {\r\n    if (!this.element) this.create();\r\n    this.mainPanel = new MainMenuPanel(this.ctlr, this.config);\r\n    this.mainPanel.setup(), this.mainPanel.build();\r\n    this.mainPanel.onItemClick = (item) => this.goTo(item.id);\r\n    this.mainPanel.onViewClick = onViewClick;\r\n    this.el.append(this.mainPanel.element);\r\n    this.media.container.append(this.element);\r\n  }\r\n\r\n  public override wire(): void {\r\n    // ---- Media Listeners\r\n    this.media.on(\"state.paused\", ({ value }) => !value && this.close(), { signal: this.signal });\r\n    this.media.on(\"features\", () => this.menuOpen && (this.syncMain(), this.subPanels.forEach((p) => p.syncUI())), { signal: this.signal });\r\n    // ---- State --------\r\n    this.ctlr.state.on(\"dimensions.container.width\", () => this.menuOpen && this.reposition(this.anchorEl), { signal: this.signal });\r\n    this.ctlr.state.on(\"dimensions.container.height\", () => this.menuOpen && this.reposition(this.anchorEl), { signal: this.signal });\r\n  }\r\n\r\n  public override unmount(): void {\r\n    removeOutsideClick(this.element), removeArrowNavigation(this.element), removeFocusTrap(this.element), super.unmount();\r\n  }\r\n\r\n  private mergeItem(item: SettingsMenuItem): SettingsMenuItem {\r\n    const existing = this.getItem(item.id);\r\n    if (existing) {\r\n      if (item.items) existing.items = [...(existing.items || []), ...item.items];\r\n      if (item.actions) existing.actions = [...(existing.actions || []), ...item.actions];\r\n      if (item.footerActions) existing.footerActions = [...(existing.footerActions || []), ...item.footerActions];\r\n      if (item.tipHTML && !existing.tipHTML) existing.tipHTML = item.tipHTML;\r\n      return existing;\r\n    }\r\n    return item;\r\n  }\r\n  public register(items?: SettingsMenuItem | SettingsMenuItem[]): void {\r\n    if (items) Array.isArray(items) ? items.forEach((item) => ((item = this.mergeItem(item)), this.registry.register(item.id, item))) : ((items = this.mergeItem(items)), this.registry.register(items.id, items)), this.menuOpen && this.syncMain();\r\n  }\r\n  public registerFirst(item?: SettingsMenuItem): void {\r\n    if (item) (item = this.mergeItem(item)), this.registry.registerFirst(item.id, item), this.menuOpen && this.syncMain();\r\n  }\r\n  public registerBefore(key: string, item?: SettingsMenuItem): void {\r\n    if (item) (item = this.mergeItem(item)), this.registry.registerBefore(key, item.id, item), this.menuOpen && this.syncMain();\r\n  }\r\n  public registerAfter(key: string, item?: SettingsMenuItem): void {\r\n    if (item) (item = this.mergeItem(item)), this.registry.registerAfter(key, item.id, item), this.menuOpen && this.syncMain();\r\n  }\r\n  public unregister(id: string): void {\r\n    this.registry.unregister(id), this.menuOpen && this.syncMain();\r\n  }\r\n\r\n  public getItem(id: string, items = this.registry.getAll()): SettingsMenuItem | undefined {\r\n    for (const item of items)\r\n      if (item.id === id) return item;\r\n      else if (item.items) {\r\n        const found = this.getItem(id, item.items);\r\n        if (found) return found;\r\n      }\r\n    return undefined;\r\n  }\r\n\r\n  public syncUI(id?: string): void {\r\n    if (id) this.subPanels[this.navStack.indexOf(id)]?.syncUI(), this.syncMain();\r\n    else this.syncMain(), this.subPanels.forEach((p) => p.syncUI());\r\n  }\r\n\r\n  private lastClosedTime = 0;\r\n  public toggle(anchorEl: HTMLElement): void {\r\n    this.menuOpen ? this.close() : this.open(anchorEl);\r\n  }\r\n\r\n  public open(anchorEl: HTMLElement): void {\r\n    if (this.menuOpen || performance.now() - this.lastClosedTime < 50) return;\r\n    this.menuOpen = true;\r\n    this.anchorEl = anchorEl;\r\n    if (!this.config.preserveStack) this.navStack = [];\r\n    if (this.navStack.length === 0) this.syncMain(), this.showPanel(this.mainPanel, \"none\"), this.subPanels.forEach((p) => this.hidePanel(p));\r\n    else this.syncUI(this.navStack[this.navStack.length - 1]), this.showPanel(this.subPanels[this.navStack.length - 1], \"none\"), this.hidePanel(this.mainPanel), this.subPanels.forEach((p, idx) => idx !== this.navStack.length - 1 && this.hidePanel(p));\r\n    this.reposition(anchorEl), this.el.removeAttribute(\"inert\"), this.el.classList.add(\"tmg-media-smenu-overlay-open\"), this.el.classList.remove(\"tmg-media-smenu-overlay-closed\");\r\n    this.media.container.classList.add(\"tmg-media-settings-menu\");\r\n    initOutsideClick(this.element, { enabled: true, onOutside: (e) => !this.anchorEl?.contains(e?.target as Node) && this.close(), outOnFocusOut: !CTX.isDevEnv }), initFocusTrap(this.element, { enabled: true });\r\n    initArrowNavigation(this.element, { enabled: true, rovingTab: false, focusOnHover: false, grid: { x: 1 }, selector: \".tmg-media-smenu-panel :is([tabindex='0'], button:not([disabled]), input:not([type='checkbox'], [type='radio'], [disabled])):not(.tmg-media-smenu-back-btn, .tmg-media-range-container)\" });\r\n  }\r\n  public close(): void {\r\n    if (!this.menuOpen) return;\r\n    this.menuOpen = false;\r\n    this.lastClosedTime = performance.now();\r\n    this.el.setAttribute(\"inert\", \"\"), this.el.classList.remove(\"tmg-media-smenu-overlay-open\", \"tmg-media-smenu-drop-down\"), this.media.container.classList.remove(\"tmg-media-settings-menu\");\r\n    removeOutsideClick(this.element), removeArrowNavigation(this.element), removeFocusTrap(this.element);\r\n    this.anchorEl?.focus(), (this.anchorEl = undefined);\r\n  }\r\n  public get isOpen(): boolean {\r\n    return this.menuOpen;\r\n  }\r\n\r\n  private getSubPanel(depth: number): SubMenuPanel {\r\n    if (!this.subPanels[depth]) {\r\n      const p = new SubMenuPanel(this.ctlr);\r\n      p.setup();\r\n      p.onBack = this.goBack;\r\n      p.onSubItemClick = (item) => this.goTo(item.id);\r\n      this.element.append(p.element), syncFocusTrap(this.element);\r\n      this.subPanels[depth] = p;\r\n    }\r\n    return this.subPanels[depth];\r\n  }\r\n\r\n  public goTo(id: string): void {\r\n    const item = this.getItem(id);\r\n    if (!item || (!item.items && !item.widget) || item.widget === \"button\" || item.widget === \"toggle\") return;\r\n    const activePanel = this.navStack.length === 0 ? this.mainPanel : this.subPanels[this.navStack.length - 1];\r\n    this.navStack.push(id);\r\n    const nextPanel = this.getSubPanel(this.navStack.length - 1);\r\n    nextPanel.load(item);\r\n    this.showPanel(nextPanel, \"forward\"), this.hidePanel(activePanel, \"backward\");\r\n  }\r\n  public goBack(): void {\r\n    if (this.navStack.length === 0) return;\r\n    const activePanel = this.subPanels[this.navStack.length - 1];\r\n    this.navStack.pop();\r\n    this.showPanel(this.navStack.length === 0 ? this.mainPanel : this.subPanels[this.navStack.length - 1], \"backward\");\r\n    this.hidePanel(activePanel, \"forward\");\r\n  }\r\n\r\n  private showPanel(panel: BaseMenuPanel, dir: PanelDir = \"forward\"): void {\r\n    panel.enter(dir), this.syncHeight(panel), syncArrowNavigation(this.element);\r\n  }\r\n  private hidePanel(panel: BaseMenuPanel, dir: PanelDir = \"backward\"): void {\r\n    panel.exit(dir);\r\n  }\r\n\r\n  private syncMain(): void {\r\n    this.mainPanel.sync(this.registry.getAll().filter((item) => ((isFunc(item.hidden) ? item.hidden() : item.hidden) ? false : !item.feature || Boolean(this.media.features[item.feature]))));\r\n  }\r\n  private syncHeight(panel: BaseMenuPanel, height = panel.contentHeight): void {\r\n    requestAnimationFrame(() => this.menuOpen && height && (this.el.style.height = `${height}px`), this.signal);\r\n  }\r\n\r\n  private reposition(anchorEl?: HTMLElement): void {\r\n    const container = this.media.container,\r\n      cRect = container.getBoundingClientRect(),\r\n      aRect = anchorEl ? anchorEl.getBoundingClientRect() : this.el.getBoundingClientRect();\r\n    if (!anchorEl && !this.menuOpen) return;\r\n\r\n    const y = aRect.top - cRect.top;\r\n    const menuWidth = this.el.offsetWidth || 320;\r\n\r\n    // Shift logic: align right by default, but clamp rigidly to container bounds\r\n    let xPos = aRect.right - cRect.left - menuWidth + 10;\r\n    const margin = 12;\r\n    if (xPos < margin) xPos = margin;\r\n    if (xPos + menuWidth > cRect.width - margin) xPos = cRect.width - menuWidth - margin;\r\n\r\n    this.el.style.setProperty(\"--tmg-smenu-anchor-x\", `${xPos}px`);\r\n    this.el.style.setProperty(\"--tmg-smenu-anchor-y\", `${y}px`);\r\n    this.el.classList.toggle(\"tmg-media-smenu-drop-down\", y < cRect.height / 2);\r\n  }\r\n}\r\n\r\nexport type * from \"../types\";\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,WAAW;AAiBb,IAAM,eAAN,cAA2B,cAA+D;AAAA,EAA1F;AAAA;AAEL,wBAAQ,YAAW,IAAI,gBAAkC;AACzD,wBAAQ;AACR,wBAAQ,aAA4B,CAAC;AACrC,wBAAO,YAAqB,CAAC;AAC7B,wBAAQ,YAAW;AACnB,wBAAQ;AA6ER,wBAAQ,kBAAiB;AAAA;AAAA,EA3ET,SAAsB;AACpC,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,2BAA2B,OAAO,KAAK,CAAC;AACpF,SAAK,GAAG,iBAAiB,WAAW,CAAC,GAAkB,SAAS,YAAY,KAAK,GAAG,aAAa,MAAqB;AACpH,WAAK,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,UAAU,CAAC,OAAO,QAAQ,kCAAkC,KAAK,OAAO,YAAY,YAAY,OAAO,QAAQ,+BAA+B,EAAG,GAAE,eAAe,GAAG,OAAO,MAAM;AAAA,eACrN,EAAE,QAAQ,gBAAgB,QAAQ,cAAc,0DAA0D,EAAG,GAAE,yBAAyB,GAAG,OAAO,MAAM;AAAA,eACxJ,EAAE,QAAQ,eAAe,CAAC,QAAQ,QAAQ,kCAAkC,EAAG,GAAE,yBAAyB,GAAG,KAAK,OAAO;AAAA,IACpI,CAAC;AACD,WAAO,KAAK;AAAA,EACd;AAAA,EAEgB,MAAM,aAAgC;AACpD,QAAI,CAAC,KAAK,QAAS,MAAK,OAAO;AAC/B,SAAK,YAAY,IAAI,cAAc,KAAK,MAAM,KAAK,MAAM;AACzD,SAAK,UAAU,MAAM,GAAG,KAAK,UAAU,MAAM;AAC7C,SAAK,UAAU,cAAc,CAAC,SAAS,KAAK,KAAK,KAAK,EAAE;AACxD,SAAK,UAAU,cAAc;AAC7B,SAAK,GAAG,OAAO,KAAK,UAAU,OAAO;AACrC,SAAK,MAAM,UAAU,OAAO,KAAK,OAAO;AAAA,EAC1C;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,gBAAgB,CAAC,EAAE,MAAM,MAAM,CAAC,SAAS,KAAK,MAAM,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AAC5F,SAAK,MAAM,GAAG,YAAY,MAAM,KAAK,aAAa,KAAK,SAAS,GAAG,KAAK,UAAU,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;AAEtI,SAAK,KAAK,MAAM,GAAG,8BAA8B,MAAM,KAAK,YAAY,KAAK,WAAW,KAAK,QAAQ,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AAC/H,SAAK,KAAK,MAAM,GAAG,+BAA+B,MAAM,KAAK,YAAY,KAAK,WAAW,KAAK,QAAQ,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EAClI;AAAA,EAEgB,UAAgB;AAC9B,uBAAmB,KAAK,OAAO,GAAG,sBAAsB,KAAK,OAAO,GAAG,gBAAgB,KAAK,OAAO,GAAG,MAAM,QAAQ;AAAA,EACtH;AAAA,EAEQ,UAAU,MAA0C;AAC1D,UAAM,WAAW,KAAK,QAAQ,KAAK,EAAE;AACrC,QAAI,UAAU;AACZ,UAAI,KAAK,MAAO,UAAS,QAAQ,CAAC,GAAI,SAAS,SAAS,CAAC,GAAI,GAAG,KAAK,KAAK;AAC1E,UAAI,KAAK,QAAS,UAAS,UAAU,CAAC,GAAI,SAAS,WAAW,CAAC,GAAI,GAAG,KAAK,OAAO;AAClF,UAAI,KAAK,cAAe,UAAS,gBAAgB,CAAC,GAAI,SAAS,iBAAiB,CAAC,GAAI,GAAG,KAAK,aAAa;AAC1G,UAAI,KAAK,WAAW,CAAC,SAAS,QAAS,UAAS,UAAU,KAAK;AAC/D,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AAAA,EACO,SAAS,OAAqD;AACnE,QAAI,MAAO,OAAM,QAAQ,KAAK,IAAI,MAAM,QAAQ,CAAC,UAAW,OAAO,KAAK,UAAU,IAAI,GAAI,KAAK,SAAS,SAAS,KAAK,IAAI,IAAI,EAAE,KAAM,QAAQ,KAAK,UAAU,KAAK,GAAI,KAAK,SAAS,SAAS,MAAM,IAAI,KAAK,IAAI,KAAK,YAAY,KAAK,SAAS;AAAA,EACjP;AAAA,EACO,cAAc,MAA+B;AAClD,QAAI,KAAM,CAAC,OAAO,KAAK,UAAU,IAAI,GAAI,KAAK,SAAS,cAAc,KAAK,IAAI,IAAI,GAAG,KAAK,YAAY,KAAK,SAAS;AAAA,EACtH;AAAA,EACO,eAAe,KAAa,MAA+B;AAChE,QAAI,KAAM,CAAC,OAAO,KAAK,UAAU,IAAI,GAAI,KAAK,SAAS,eAAe,KAAK,KAAK,IAAI,IAAI,GAAG,KAAK,YAAY,KAAK,SAAS;AAAA,EAC5H;AAAA,EACO,cAAc,KAAa,MAA+B;AAC/D,QAAI,KAAM,CAAC,OAAO,KAAK,UAAU,IAAI,GAAI,KAAK,SAAS,cAAc,KAAK,KAAK,IAAI,IAAI,GAAG,KAAK,YAAY,KAAK,SAAS;AAAA,EAC3H;AAAA,EACO,WAAW,IAAkB;AAClC,SAAK,SAAS,WAAW,EAAE,GAAG,KAAK,YAAY,KAAK,SAAS;AAAA,EAC/D;AAAA,EAEO,QAAQ,IAAY,QAAQ,KAAK,SAAS,OAAO,GAAiC;AACvF,eAAW,QAAQ;AACjB,UAAI,KAAK,OAAO,GAAI,QAAO;AAAA,eAClB,KAAK,OAAO;AACnB,cAAM,QAAQ,KAAK,QAAQ,IAAI,KAAK,KAAK;AACzC,YAAI,MAAO,QAAO;AAAA,MACpB;AACF,WAAO;AAAA,EACT;AAAA,EAEO,OAAO,IAAmB;AAC/B,QAAI,GAAI,MAAK,UAAU,KAAK,SAAS,QAAQ,EAAE,CAAC,GAAG,OAAO,GAAG,KAAK,SAAS;AAAA,QACtE,MAAK,SAAS,GAAG,KAAK,UAAU,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;AAAA,EAChE;AAAA,EAGO,OAAO,UAA6B;AACzC,SAAK,WAAW,KAAK,MAAM,IAAI,KAAK,KAAK,QAAQ;AAAA,EACnD;AAAA,EAEO,KAAK,UAA6B;AACvC,QAAI,KAAK,YAAY,YAAY,IAAI,IAAI,KAAK,iBAAiB,GAAI;AACnE,SAAK,WAAW;AAChB,SAAK,WAAW;AAChB,QAAI,CAAC,KAAK,OAAO,cAAe,MAAK,WAAW,CAAC;AACjD,QAAI,KAAK,SAAS,WAAW,EAAG,MAAK,SAAS,GAAG,KAAK,UAAU,KAAK,WAAW,MAAM,GAAG,KAAK,UAAU,QAAQ,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC;AAAA,QACnI,MAAK,OAAO,KAAK,SAAS,KAAK,SAAS,SAAS,CAAC,CAAC,GAAG,KAAK,UAAU,KAAK,UAAU,KAAK,SAAS,SAAS,CAAC,GAAG,MAAM,GAAG,KAAK,UAAU,KAAK,SAAS,GAAG,KAAK,UAAU,QAAQ,CAAC,GAAG,QAAQ,QAAQ,KAAK,SAAS,SAAS,KAAK,KAAK,UAAU,CAAC,CAAC;AACrP,SAAK,WAAW,QAAQ,GAAG,KAAK,GAAG,gBAAgB,OAAO,GAAG,KAAK,GAAG,UAAU,IAAI,8BAA8B,GAAG,KAAK,GAAG,UAAU,OAAO,gCAAgC;AAC7K,SAAK,MAAM,UAAU,UAAU,IAAI,yBAAyB;AAC5D,qBAAiB,KAAK,SAAS,EAAE,SAAS,MAAM,WAAW,CAAC,MAAM,CAAC,KAAK,UAAU,SAAS,GAAG,MAAc,KAAK,KAAK,MAAM,GAAG,eAAe,CAAC,IAAI,SAAS,CAAC,GAAG,cAAc,KAAK,SAAS,EAAE,SAAS,KAAK,CAAC;AAC7M,wBAAoB,KAAK,SAAS,EAAE,SAAS,MAAM,WAAW,OAAO,cAAc,OAAO,MAAM,EAAE,GAAG,EAAE,GAAG,UAAU,0LAA0L,CAAC;AAAA,EACjT;AAAA,EACO,QAAc;AACnB,QAAI,CAAC,KAAK,SAAU;AACpB,SAAK,WAAW;AAChB,SAAK,iBAAiB,YAAY,IAAI;AACtC,SAAK,GAAG,aAAa,SAAS,EAAE,GAAG,KAAK,GAAG,UAAU,OAAO,gCAAgC,2BAA2B,GAAG,KAAK,MAAM,UAAU,UAAU,OAAO,yBAAyB;AACzL,uBAAmB,KAAK,OAAO,GAAG,sBAAsB,KAAK,OAAO,GAAG,gBAAgB,KAAK,OAAO;AACnG,SAAK,UAAU,MAAM,GAAI,KAAK,WAAW;AAAA,EAC3C;AAAA,EACA,IAAW,SAAkB;AAC3B,WAAO,KAAK;AAAA,EACd;AAAA,EAEQ,YAAY,OAA6B;AAC/C,QAAI,CAAC,KAAK,UAAU,KAAK,GAAG;AAC1B,YAAM,IAAI,IAAI,aAAa,KAAK,IAAI;AACpC,QAAE,MAAM;AACR,QAAE,SAAS,KAAK;AAChB,QAAE,iBAAiB,CAAC,SAAS,KAAK,KAAK,KAAK,EAAE;AAC9C,WAAK,QAAQ,OAAO,EAAE,OAAO,GAAG,cAAc,KAAK,OAAO;AAC1D,WAAK,UAAU,KAAK,IAAI;AAAA,IAC1B;AACA,WAAO,KAAK,UAAU,KAAK;AAAA,EAC7B;AAAA,EAEO,KAAK,IAAkB;AAC5B,UAAM,OAAO,KAAK,QAAQ,EAAE;AAC5B,QAAI,CAAC,QAAS,CAAC,KAAK,SAAS,CAAC,KAAK,UAAW,KAAK,WAAW,YAAY,KAAK,WAAW,SAAU;AACpG,UAAM,cAAc,KAAK,SAAS,WAAW,IAAI,KAAK,YAAY,KAAK,UAAU,KAAK,SAAS,SAAS,CAAC;AACzG,SAAK,SAAS,KAAK,EAAE;AACrB,UAAM,YAAY,KAAK,YAAY,KAAK,SAAS,SAAS,CAAC;AAC3D,cAAU,KAAK,IAAI;AACnB,SAAK,UAAU,WAAW,SAAS,GAAG,KAAK,UAAU,aAAa,UAAU;AAAA,EAC9E;AAAA,EACO,SAAe;AACpB,QAAI,KAAK,SAAS,WAAW,EAAG;AAChC,UAAM,cAAc,KAAK,UAAU,KAAK,SAAS,SAAS,CAAC;AAC3D,SAAK,SAAS,IAAI;AAClB,SAAK,UAAU,KAAK,SAAS,WAAW,IAAI,KAAK,YAAY,KAAK,UAAU,KAAK,SAAS,SAAS,CAAC,GAAG,UAAU;AACjH,SAAK,UAAU,aAAa,SAAS;AAAA,EACvC;AAAA,EAEQ,UAAU,OAAsB,MAAgB,WAAiB;AACvE,UAAM,MAAM,GAAG,GAAG,KAAK,WAAW,KAAK,GAAG,oBAAoB,KAAK,OAAO;AAAA,EAC5E;AAAA,EACQ,UAAU,OAAsB,MAAgB,YAAkB;AACxE,UAAM,KAAK,GAAG;AAAA,EAChB;AAAA,EAEQ,WAAiB;AACvB,SAAK,UAAU,KAAK,KAAK,SAAS,OAAO,EAAE,OAAO,CAAC,UAAW,OAAO,KAAK,MAAM,IAAI,KAAK,OAAO,IAAI,KAAK,UAAU,QAAQ,CAAC,KAAK,WAAW,QAAQ,KAAK,MAAM,SAAS,KAAK,OAAO,CAAC,CAAE,CAAC;AAAA,EAC1L;AAAA,EACQ,WAAW,OAAsB,SAAS,MAAM,eAAqB;AAC3E,0BAAsB,MAAM,KAAK,YAAY,WAAW,KAAK,GAAG,MAAM,SAAS,GAAG,MAAM,OAAO,KAAK,MAAM;AAAA,EAC5G;AAAA,EAEQ,WAAW,UAA8B;AAC/C,UAAM,YAAY,KAAK,MAAM,WAC3B,QAAQ,UAAU,sBAAsB,GACxC,QAAQ,WAAW,SAAS,sBAAsB,IAAI,KAAK,GAAG,sBAAsB;AACtF,QAAI,CAAC,YAAY,CAAC,KAAK,SAAU;AAEjC,UAAM,IAAI,MAAM,MAAM,MAAM;AAC5B,UAAM,YAAY,KAAK,GAAG,eAAe;AAGzC,QAAI,OAAO,MAAM,QAAQ,MAAM,OAAO,YAAY;AAClD,UAAM,SAAS;AACf,QAAI,OAAO,OAAQ,QAAO;AAC1B,QAAI,OAAO,YAAY,MAAM,QAAQ,OAAQ,QAAO,MAAM,QAAQ,YAAY;AAE9E,SAAK,GAAG,MAAM,YAAY,wBAAwB,GAAG,IAAI,IAAI;AAC7D,SAAK,GAAG,MAAM,YAAY,wBAAwB,GAAG,CAAC,IAAI;AAC1D,SAAK,GAAG,UAAU,OAAO,6BAA6B,IAAI,MAAM,SAAS,CAAC;AAAA,EAC5E;AACF;AA9KE,cADW,cACY,iBAAgB;","names":[]}