tmg-media-player 0.0.1

package/dist/components/controls/objectfit.cjs

@@ -0,0 +1,444 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/ts/components/controls/objectfit.ts
+var objectfit_exports = {};
+__export(objectfit_exports, {
+  ObjectFitButton: () => ObjectFitButton
+});
+module.exports = __toCommonJS(objectfit_exports);
+
+// src/ts/core/controllable.ts
+var import_sia_reactor3 = require("sia-reactor");
+var import_utils11 = require("sia-reactor/utils");
+
+// ../t007-tools/packages/utils/dist/chunk-ZALPHCSJ.js
+var import_utils = require("sia-reactor/utils");
+var import_utils2 = require("sia-reactor/utils");
+var import_sia_reactor = require("sia-reactor");
+var import_sia_reactor2 = require("sia-reactor");
+var import_utils3 = require("sia-reactor/utils");
+var import_utils4 = require("sia-reactor/utils");
+var import_utils5 = require("sia-reactor/utils");
+var import_utils6 = require("sia-reactor/utils");
+var import_utils7 = require("sia-reactor/utils");
+var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
+function isFunc(val) {
+  return "function" === typeof val;
+}
+if ("undefined" !== typeof window) {
+  (window.t007 ?? (window.t007 = {})).VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;
+  window.T007_TOAST_JS_SRC ?? (window.T007_TOAST_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest`);
+  window.T007_INPUT_JS_SRC ?? (window.T007_INPUT_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest`);
+  window.T007_DIALOG_JS_SRC ?? (window.T007_DIALOG_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`);
+  window.T007_TOAST_CSS_SRC ?? (window.T007_TOAST_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.min.css`);
+  window.T007_INPUT_CSS_SRC ?? (window.T007_INPUT_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.min.css`);
+  window.T007_DIALOG_CSS_SRC ?? (window.T007_DIALOG_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`);
+}
+
+// src/ts/utils/obj.ts
+var import_utils9 = require("sia-reactor/utils");
+
+// src/ts/core/controllable.ts
+var Controllable = class {
+  // for easy reach, better devx
+  constructor(ctlr, config, state) {
+    __publicField(this, "ac", new AbortController());
+    __publicField(this, "signal", this.ac.signal);
+    __publicField(this, "ctlr");
+    __publicField(this, "media");
+    __publicField(this, "state");
+    // for reactivity needs of those who pass it up
+    __publicField(this, "config");
+    (0, import_utils7.guardAllMethods)(this, ctlr.guard);
+    this.signal = AbortSignal.any([this.signal, ctlr.signal]);
+    this.ctlr = ctlr;
+    this.media = ctlr.media;
+    this.state = (0, import_utils3.isObj)(state) ? (0, import_sia_reactor3.reactive)(state) : state;
+    this.config = config;
+  }
+  // may be a reactive obj node or the obj itself
+  get settings() {
+    return this.ctlr.settings;
+  }
+  setup() {
+    return this.onSetup(), this;
+  }
+  destroy() {
+    !this.signal.aborted && this.ac.abort(`[TMG Controllable] Instance is being destroyed`);
+    this.onDestroy(), this.state?.destroy?.(), this.config !== this.media && isFunc(this.config?.destroy) && this.config?.destroy?.();
+    (0, import_utils11.nuke)(this);
+  }
+  onDestroy() {
+  }
+};
+
+// src/ts/utils/keys.ts
+function formatActionForDisplay(keyShortcut, voiceCmd) {
+  const kArr = Array.isArray(keyShortcut) ? keyShortcut : keyShortcut ? [keyShortcut] : [];
+  return [kArr.length ? `\u2328\uFE0F ${kArr.map((c) => (0, import_utils6.cleanKeyCombo)(c).replace(" ", "space")).join(" or ")}` : "", voiceCmd?.length ? `\u{1F399}\uFE0F "${voiceCmd[0]}"` : ""].filter(Boolean).join(" \xB7 ");
+}
+function formatKeyForDisplay2(keyShortcut, voiceCmd) {
+  const combined = formatActionForDisplay(keyShortcut, voiceCmd);
+  return combined ? ` ( ${combined} )` : "";
+}
+
+// src/ts/components/base/index.ts
+var BaseComponent = class extends Controllable {
+  constructor(ctlr, config, state) {
+    super(ctlr, config, { label: "", cmd: "", active: false, disabled: false, hidden: false, ...state });
+    __publicField(this, "element");
+  }
+  get name() {
+    return this.constructor.componentName;
+  }
+  get el() {
+    return this.element;
+  }
+  onSetup() {
+    this.mount?.();
+    this.ctlr.state.readyState ? this.wire?.() : this.wire && this.ctlr.state.wonce("readyState", this.wire, { signal: this.signal });
+  }
+  onDestroy() {
+    this.unmount();
+  }
+  // Must assign to this.element before returning
+  mount() {
+  }
+  unmount() {
+    this.el.remove();
+  }
+  wire() {
+  }
+  // auto unwiring
+  active() {
+    this.el.classList.toggle("tmg-media-control-active", this.state.active = true);
+  }
+  inactive() {
+    this.el.classList.toggle("tmg-media-control-active", this.state.active = false);
+  }
+  disable() {
+    this.el.classList.toggle("tmg-media-control-disabled", this.state.disabled = true);
+  }
+  enable() {
+    this.el.classList.toggle("tmg-media-control-disabled", this.state.disabled = false);
+  }
+  hide() {
+    this.el.classList.toggle("tmg-media-control-hidden", this.state.hidden = true);
+  }
+  show() {
+    this.el.classList.toggle("tmg-media-control-hidden", this.state.hidden = false);
+  }
+  gate(e) {
+    !e.value ? this.hide() : this.canShow && this.show();
+  }
+  get canShow() {
+    return true;
+  }
+  // override to make gating smarter
+  setBtnARIA(dblAction, target = this.el) {
+    this.state.label && target.setAttribute("aria-label", this.state.label);
+    this.state.cmd && target.setAttribute("aria-keyshortcuts", (0, import_utils6.parseForARIAKS)(this.state.cmd));
+    if (dblAction) target.setAttribute("aria-description", `Double-press to ${dblAction}`);
+    else if (target.hasAttribute("aria-description")) target.removeAttribute("aria-description");
+  }
+};
+__publicField(BaseComponent, "componentName");
+__publicField(BaseComponent, "isControl", false);
+
+// src/ts/consts/config.ts
+var import_sia_reactor4 = require("sia-reactor");
+
+// src/ts/consts/actions.ts
+var ACTIONS_BUILD = {
+  // --- Keyboard-only actions (no default voice triggers; path router covers voice) ---
+  playPause: { label: "Play / Pause" },
+  skipFwd: { label: "Skip Forward", notify: "fwd" },
+  skipBwd: { label: "Skip Back", notify: "bwd" },
+  volumeUp: { label: "Volume Up", notify: "volumeup" },
+  volumeDown: { label: "Volume Down", notify: "volumedown" },
+  brightnessUp: { label: "Brightness Up", notify: "brightnessup" },
+  brightnessDown: { label: "Brightness Down", notify: "brightnessdown" },
+  playbackRateUp: { label: "Playback Rate Up", notify: "playbackrateup" },
+  playbackRateDown: { label: "Playback Rate Down", notify: "playbackratedown" },
+  stepFwd: { label: "Step Forward", notify: "fwd" },
+  stepBwd: { label: "Step Back", notify: "bwd" },
+  prev: { label: "Previous", notify: "mediaprev" },
+  next: { label: "Next", notify: "medianext" },
+  captions: { label: "Captions", notify: "captions" },
+  captionsFontSizeUp: { label: "Captions: Font Size Up" },
+  captionsFontSizeDown: { label: "Captions: Font Size Down" },
+  captionsFontFamily: { label: "Captions: Font Family" },
+  captionsFontWeight: { label: "Captions: Font Weight" },
+  captionsFontVariant: { label: "Captions: Font Variant" },
+  captionsFontOpacity: { label: "Captions: Font Opacity" },
+  captionsBackgroundOpacity: { label: "Captions: Background Opacity" },
+  captionsWindowOpacity: { label: "Captions: Window Opacity" },
+  captionsCharacterEdgeStyle: { label: "Captions: Character Edge" },
+  captionsTextAlignment: { label: "Captions: Text Alignment" },
+  objectFit: { label: "Object Fit" },
+  capture: { label: "Capture Frame", notify: "capture" },
+  cast: { label: "Cast", notify: "cast" },
+  airplay: { label: "AirPlay", notify: "airplay" },
+  dark: { label: "Dark Mode" },
+  settings: { label: "Settings", zen: true },
+  // --- Logic-expressible actions (logic[] + keyboard, no default voice triggers) ---
+  mute: { label: "Mute", notify: "volumemuted" },
+  fullscreen: { label: "Fullscreen", notify: "fullscreen", logic: [{ path: "media.intent.fullscreen", op: "toggle" }] },
+  theater: { label: "Theater", notify: "theater", logic: [{ path: "media.intent.theater", op: "toggle" }] },
+  pictureInPicture: { label: "Picture in Picture", notify: "pictureinpicture", logic: [{ path: "media.intent.pictureInPicture", op: "toggle" }] },
+  timeFormat: { label: "Time Format" },
+  timeMode: { label: "Time Mode" },
+  // --- Compound (voice|time)-only actions (voice engine meta, path router can't reach these) ---
+  timeTravelUndo: { label: "Time Travel: Undo", zen: true },
+  timeTravelRedo: { label: "Time Travel: Redo", zen: true },
+  voiceQuit: { label: "Voice: Quit", zen: true },
+  voiceSleep: { label: "Voice: Sleep", zen: true },
+  voiceSubmit: { label: "Voice: Submit", zen: true },
+  voiceHistoryFirst: { label: "Voice: Go to Root", zen: true },
+  voiceHistoryPrev: { label: "Voice: Go Back", zen: true },
+  voiceHistoryNext: { label: "Voice: Go Forward", zen: true },
+  voiceHistoryLast: { label: "Voice: Go to Leaf", zen: true },
+  voiceHistoryClear: { label: "Voice: Clear History", zen: true },
+  voiceToggleOn: { label: "Voice: Toggle On", zen: true },
+  voiceToggleOff: { label: "Voice: Toggle Off", zen: true }
+};
+
+// src/ts/consts/config.ts
+var CONFIG_BUILD = {
+  mediaType: "video",
+  mediaPlayer: "TMG",
+  media: { intent: { playsInline: true, textVisible: true, brightness: 100 } },
+  actions: Object.fromEntries(Object.entries(ACTIONS_BUILD).map(([k, v]) => [k, { id: k, ...v }])),
+  logicPathBlacklist: ["media.state", "media.status", "media.tech", "media.features", "media.type", "media.element", "media.pseudoElement", "media.container", "media.pseudoContainer"],
+  settings: {
+    // techOrder: [
+    //   "youtube", // 1. Black-box (Regex must catch these URLs instantly)
+    //   "vimeo", // 2. Black-box (Regex must catch these URLs instantly)
+    //   "shaka", // 3. THE APEX PREDATOR (Catches .mpd and .m3u8 first)
+    //   "hls", // 4. Fallback (Catches .m3u8 ONLY if Shaka is disabled/fails)
+    //   "dash", // 5. Fallback (Catches .mpd ONLY if Shaka is disabled/fails)
+    //   "html5", // 6. The Native Floor (Catches raw .mp4, .webm, .mp3, etc.)
+    // ],
+  },
+  debug: true,
+  devMode: import_sia_reactor4.CTX.isDevEnv,
+  noPlugList: []
+  // dev: "settings.persist"
+};
+
+// src/ts/core/registries.ts
+var import_utils15 = require("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 && (0, import_utils15.setPath)(CONFIG_BUILD, Plug.fullName, Plug.BUILD);
+  }
+  static unregister(fullName, editBuild = true) {
+    this.instance.unregister(fullName);
+    editBuild && (0, import_utils15.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 && (0, import_utils15.setPath)(CONFIG_BUILD, Pin.Plug.fullName + "." + Pin.pinName, Pin.BUILD);
+  }
+  static unregister(fullName, editBuild = true) {
+    this.instance.unregister(fullName);
+    editBuild && (0, import_utils15.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;
+
+// src/ts/utils/dom.ts
+var import_sia_reactor5 = require("sia-reactor");
+var win = "undefined" !== typeof window ? window : void 0;
+var intersectionObserver = win ? new IntersectionObserver(
+  (entries) => {
+    for (const entry of entries) if (entry.target._intersectCbs) for (const cb of entry.target._intersectCbs) cb(entry);
+  },
+  { root: null, rootMargin: "0px", threshold: 0.3 }
+) : null;
+var resizeObserver = win ? new ResizeObserver((entries) => {
+  for (const entry of entries) if (entry.target._resizeCbs) for (const cb of entry.target._resizeCbs) cb(entry);
+}) : null;
+var mutationObserver = win ? new MutationObserver((mutations) => {
+  const target = mutations[0].target;
+  if (target._mutationCbs) for (const cb of target._mutationCbs) cb(mutations);
+}) : null;
+
+// src/ts/components/controls/objectfit.ts
+var ObjectFitButton = class extends BaseComponent {
+  get plug() {
+    return this.ctlr.plug("settings.objectFit");
+  }
+  create() {
+    return this.element = (0, import_utils.createEl)("button", { className: "tmg-media-object-fit-btn", type: "button", innerHTML: IconRegistry.get("objectfitcontain") + IconRegistry.get("objectfitcover") + IconRegistry.get("objectfitfill") }, { draggableControl: "", controlId: this.name });
+  }
+  wire() {
+    this.media.on("features.objectFit", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.el.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.media.on("state.objectFit", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.objectFit", this.syncARIA, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.voice.commands.objectFit", this.syncARIA, { signal: this.signal });
+  }
+  handleClick() {
+    this.plug?.rotateFit();
+  }
+  syncARIA() {
+    this.state.label = this.plug?.toLabel(this.plug?.nextFit) || "";
+    this.state.cmd = formatKeyForDisplay2(this.settings.keys.shortcuts.objectFit, this.settings.voice.commands.objectFit);
+    this.el.title = this.state.label + this.state.cmd;
+    this.setBtnARIA();
+  }
+};
+__publicField(ObjectFitButton, "componentName", "objectfit");
+__publicField(ObjectFitButton, "isControl", true);
+//# sourceMappingURL=objectfit.cjs.map

package/dist/components/controls/objectfit.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ts/components/controls/objectfit.ts","../../../src/ts/core/controllable.ts","../../../../t007-tools/packages/utils/dist/chunk-ZALPHCSJ.js","../../../src/ts/utils/obj.ts","../../../src/ts/utils/keys.ts","../../../src/ts/components/base/index.ts","../../../src/ts/consts/config.ts","../../../src/ts/consts/actions.ts","../../../src/ts/core/registries.ts","../../../src/ts/utils/dom.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"@components/base\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { formatKeyForDisplay } from \"@utils/keys\";\r\n\r\nexport type ObjectFit = undefined;\r\n\r\nexport class ObjectFitButton extends BaseComponent<ObjectFit, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName: string = \"objectfit\";\r\n  public static readonly isControl: boolean = true;\r\n\r\n  protected get plug() {\r\n    return this.ctlr.plug(\"settings.objectFit\");\r\n  }\r\n\r\n  public override create() {\r\n    return (this.element = createEl(\"button\", { className: \"tmg-media-object-fit-btn\", type: \"button\", innerHTML: IconRegistry.get(\"objectfitcontain\") + IconRegistry.get(\"objectfitcover\") + IconRegistry.get(\"objectfitfill\") }, { draggableControl: \"\", controlId: this.name }));\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Features Gating\r\n    this.media.on(\"features.objectFit\", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // Event Listeners\r\n    this.el.addEventListener(\"click\", this.handleClick, { signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.objectFit\", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.objectFit\", this.syncARIA, { init: true, signal: this.signal });\n    this.ctlr.config.on(\"settings.voice.commands.objectFit\", this.syncARIA, { signal: this.signal });\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.plug?.rotateFit();\r\n  }\r\n\r\n  public syncARIA(): void {\r\n    this.state.label = this.plug?.toLabel(this.plug?.nextFit) || \"\";\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.objectFit, this.settings.voice.commands.objectFit);\r\n    this.el.title = this.state.label + this.state.cmd;\r\n    this.setBtnARIA();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    objectfit: typeof ObjectFitButton;\r\n  }\r\n}\r\n","import { Controller } from \"./controller\";\r\nimport { type Reactive, reactive } from \"sia-reactor\";\r\nimport { nuke } from \"sia-reactor/utils\";\r\nimport { guardAllMethods } from \"@utils/methd\";\r\nimport { isObj } from \"@utils/obj\";\r\nimport { isFunc } from \"@t007/utils\";\r\n\r\n// A lifecylce controlled by it's Controller\r\n// Try to use methods for most things so they can be customized when extended and also auto guarded\r\nexport abstract class Controllable<Config = any, State = any> {\r\n  protected readonly ac = new AbortController();\r\n  protected readonly signal = this.ac.signal;\r\n  public readonly ctlr: Controller;\r\n  public readonly media: Controller[\"media\"];\r\n  public readonly state!: State extends object ? Reactive<State> : State; // for reactivity needs of those who pass it up\r\n  public config: Config; // may be a reactive obj node or the obj itself\r\n  public get settings() {\r\n    return this.ctlr.settings; // can change ref\r\n  } // for easy reach, better devx\r\n\r\n  constructor(ctlr: Controller, config: Config, state?: State) {\r\n    guardAllMethods(this, ctlr.guard);\r\n    this.signal = AbortSignal.any([this.signal, ctlr.signal]);\r\n    this.ctlr = ctlr;\r\n    this.media = ctlr.media; // can't change ref\r\n    this.state = (isObj(state) ? reactive(state) : state) as Controllable[\"state\"];\r\n    this.config = config;\r\n  }\r\n\r\n  public setup(): this {\r\n    return this.onSetup(), this; // We let the subclass do its work\r\n  }\r\n  protected abstract onSetup(): void;\r\n\r\n  public destroy(): void {\r\n    !this.signal.aborted && this.ac.abort(`[TMG Controllable] Instance is being destroyed`); // incase controller already aborted, kills all listeners and timers before proper destruction below\r\n    this.onDestroy(), (this.state as any)?.destroy?.(), this.config !== this.media && isFunc((this.config as any)?.destroy) && (this.config as any)?.destroy?.(); // Can I clean here?... Anatoly :)\r\n    nuke(this);\r\n  }\r\n  protected onDestroy(): void {}\r\n}\r\n","// src/ts/core/dom.ts\nimport { createEl, assignEl } from \"sia-reactor/utils\";\nimport { getActiveEl } from \"sia-reactor/utils\";\nimport { NOOP } from \"sia-reactor\";\nvar INTERACTIVE_SELECTOR = \":is(button,[href],input:not([type='hidden']),select,textarea,details>summary,[contenteditable],iframe,audio[controls],video[controls],[tabindex]):not([disabled],[tabindex='-1'],[data-focus-guard],[inert],[inert] *)\";\nvar isInteractive = (target) => target instanceof HTMLElement && target.matches(INTERACTIVE_SELECTOR);\nvar VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for(\"T007_VIRTUAL_RESOURCE\");\nfunction loadResource(req, type = \"style\", { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, win = window) {\n  win.t007 ??= {}, win.t007._resourceCache ??= {};\n  if (req === VIRTUAL_RESOURCE || isSym(req)) return Promise.resolve();\n  const src = req;\n  if (win.t007._resourceCache[src]) return win.t007._resourceCache[src];\n  const existing = type === \"script\" ? Array.prototype.find.call(win.document.scripts, (s) => isSameURL(s.src, src)) : type === \"style\" ? Array.prototype.find.call(win.document.styleSheets, (s) => isSameURL(s.href, src)) : null;\n  if (existing) return win.t007._resourceCache[src] = Promise.resolve(existing);\n  win.t007._resourceCache[src] = new Promise((resolve, reject) => {\n    (function tryLoad(remaining, el) {\n      const onerror = () => {\n        el?.remove?.();\n        if (remaining > 1) {\n          setTimeout(tryLoad, 1e3, remaining - 1);\n          console.warn(`Retrying ${type} load for \"${src}\" (${attempts - remaining + 1})...`);\n        } else {\n          delete win.t007._resourceCache[src];\n          reject(new Error(`${capitalize(type)} load failed for \"${src}\" after ${attempts - 1} attempts`));\n        }\n      };\n      const url = retryKey && remaining < attempts ? `${src}${src.includes(\"?\") ? \"&\" : \"?\"}_${retryKey}=${Date.now()}` : src;\n      if (type === \"script\") win.document.body.append(el = createEl(\"script\", { src: url, type: module ? \"module\" : \"text/javascript\", crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, onload: () => resolve(el), onerror }) || \"\");\n      else if (type === \"style\") win.document.head.append(el = createEl(\"link\", { rel: \"stylesheet\", href: url, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, onload: () => resolve(el), onerror }) || \"\");\n      else reject(new Error(`Unsupported resource type: ${type}`));\n    })(attempts);\n  });\n  return win.t007._resourceCache[src];\n}\nfunction getWindow(el = window) {\n  return el?.ownerDocument?.defaultView ?? el?.defaultView ?? window;\n}\nfunction createListRenderer({ container, getKey, createNode, updateNode = NOOP, destroyNode = NOOP, initNode }) {\n  let nodeRegistry = /* @__PURE__ */ new Map();\n  if (initNode) {\n    const children = Array.from(container.children);\n    for (let i = 0, len = children.length; i < len; i++) initNode(children[i], (key) => nodeRegistry.set(key, children[i]));\n  }\n  return function syncDOM(array, strict = true) {\n    const newRegistry = /* @__PURE__ */ new Map(), seenKeys = /* @__PURE__ */ new Set(), oldPositions = /* @__PURE__ */ new WeakMap(), children = Array.from(container.children);\n    for (let i = 0, len = children.length; i < len; i++) oldPositions.set(children[i], i);\n    const futureNodes = [], oldIndices = [];\n    for (let i = 0, len = array.length; i < len; i++) {\n      const item = array[i], key = getKey(item);\n      if (seenKeys.has(key)) throw new Error(`[List Renderer] Duplicate key \"${key}\" detected`);\n      let node = nodeRegistry.get(key);\n      if (!node) {\n        node = createNode(item);\n        if (!node) {\n          if (strict) throw new Error(`[List Renderer] No HTMLElement for key \"${key}\"`);\n          continue;\n        }\n        oldIndices.push(-1);\n      } else updateNode(node, item), oldIndices.push(oldPositions.get(node) ?? -1);\n      seenKeys.add(key), futureNodes.push(node), newRegistry.set(key, node);\n    }\n    for (const [key, node] of nodeRegistry.entries()) !seenKeys.has(key) && node.parentElement === container && (destroyNode(node, key), node.remove());\n    const sequence = longestIncreasingSubsequence(oldIndices), stable = new Set(sequence);\n    let anchor = null;\n    for (let i = futureNodes.length - 1; i >= 0; i--) {\n      const node = futureNodes[i];\n      if (oldIndices[i] !== -1 && stable.has(i)) {\n        anchor = node;\n        continue;\n      }\n      container.insertBefore(node, anchor), anchor = node;\n    }\n    nodeRegistry = newRegistry;\n  };\n}\n\n// src/ts/index.ts\nimport { NIL, NOOP as NOOP2 } from \"sia-reactor\";\n\n// src/ts/core/obj.ts\nimport { isObj } from \"sia-reactor/utils\";\nfunction isDef(val) {\n  return \"undefined\" !== typeof val;\n}\nfunction isSym(val) {\n  return \"symbol\" === typeof val;\n}\nfunction isBool(val) {\n  return \"boolean\" === typeof val;\n}\nfunction isNum(val) {\n  return \"number\" === typeof val;\n}\nfunction isStr(val) {\n  return \"string\" === typeof val;\n}\nfunction isArr(obj) {\n  return Array.isArray(obj);\n}\nfunction isPOJO(obj, crossRealms = false, typecheck = true) {\n  return (typecheck ? isObj(obj, false) : true) && (crossRealms ? Object.prototype.toString.call(obj) === \"[object Object]\" : obj.constructor === Object);\n}\nfunction isIter(obj) {\n  return obj != null && \"function\" === typeof obj[Symbol.iterator];\n}\nfunction isFunc(val) {\n  return \"function\" === typeof val;\n}\nfunction inBoolArrOpt(opt, str) {\n  return opt?.includes?.(str) ?? opt;\n}\n\n// src/ts/core/num.ts\nimport { clamp } from \"sia-reactor/utils\";\nfunction longestIncreasingSubsequence(array) {\n  const n = array.length, parent = new Array(n), tails = [];\n  for (let i = 0; i < n; i++) {\n    const value = array[i];\n    if (value === -1) continue;\n    let left = 0;\n    let right = tails.length;\n    while (left < right) {\n      const mid = left + right >> 1;\n      if (array[tails[mid]] < value) left = mid + 1;\n      else right = mid;\n    }\n    if (left > 0) parent[i] = tails[left - 1];\n    else parent[i] = -1;\n    tails[left] = i;\n  }\n  if (!tails.length) return [];\n  const result = [];\n  let k = tails[tails.length - 1];\n  while (k >= 0) result.push(k), k = parent[k];\n  return result.reverse(), result;\n}\n\n// src/ts/core/str.ts\nfunction uid(prefix = \"\") {\n  return prefix + Date.now().toString(36) + \"_\" + performance.now().toString(36).replace(\".\", \"\") + \"_\" + Math.random().toString(36).slice(2);\n}\nfunction capitalize(word = \"\") {\n  return word.replace(/^(\\s*)([a-z])/i, (_, s, l) => s + l.toUpperCase());\n}\nfunction camelize(str = \"\", { source } = /[\\s_-]+/, { preserveInnerCase: pIC = true, upperFirst: uF = false } = {}) {\n  return (pIC ? str : str.toLowerCase()).replace(new RegExp(source + \"(\\\\w)\", \"g\"), (_, c) => c.toUpperCase()).replace(/^\\w/, (c) => c[uF ? \"toUpperCase\" : \"toLowerCase\"]());\n}\nfunction uncamelize(str, separator = \" \") {\n  return str.replace(/([a-z])([A-Z])/g, `$1${separator}$2`).toLowerCase();\n}\nfunction remToPx(rem, el = document.documentElement) {\n  return rem * parseFloat(getComputedStyle(el).fontSize);\n}\nfunction pxToRem(px, el = document.documentElement) {\n  return px / parseFloat(getComputedStyle(el).fontSize);\n}\nfunction parseCSSTime(time) {\n  return time?.endsWith?.(\"ms\") ? parseFloat(time) : parseFloat(time) * 1e3;\n}\nfunction parseCSSSize(size, el) {\n  return size?.endsWith?.(\"px\") ? parseFloat(size) : remToPx(parseFloat(size), el);\n}\nfunction cleanURL(url) {\n  try {\n    const u = new URL(url, window.location.href);\n    return decodeURIComponent(u.origin + u.pathname);\n  } catch {\n    return url.replace(/\\\\/g, \"/\").split(\"?\")[0].trim();\n  }\n}\nfunction isSameURL(url1, url2) {\n  if (url1 === url2) return true;\n  if (!isStr(url1) || !isStr(url2) || !url1 || !url2) return false;\n  return cleanURL(url1) === cleanURL(url2);\n}\n\n// src/ts/core/fn.ts\nimport { setTimeout as setTimeout2, setInterval, requestAnimationFrame } from \"sia-reactor/utils\";\nfunction throttle(key, fn, delay = 30, strict = true, signal, win) {\n  const throttleMap = t007._throttlers ??= /* @__PURE__ */ new Map();\n  if (strict === true) {\n    const now = performance.now();\n    return now - (throttleMap.get(key) ?? 0) < delay ? void 0 : (throttleMap.set(key, now), fn());\n  }\n  if (throttleMap.has(key)) return;\n  const id = strict === false ? setTimeout2(() => throttleMap.delete(key), delay, signal, win) : strict(() => throttleMap.delete(key));\n  return throttleMap.set(key, id), fn();\n}\nfunction debounce(key, fn, delay = 30, strict = true, signal, win) {\n  const debounceMap = t007._debouncers ??= /* @__PURE__ */ new Map();\n  if (strict) {\n    const now = performance.now(), prev = debounceMap.get(key) ?? 0;\n    return debounceMap.set(key, now), now - prev < delay ? void 0 : fn();\n  }\n  const prevId = debounceMap.get(key);\n  prevId !== void 0 && (win ?? window).clearTimeout(prevId);\n  const id = setTimeout2(() => (debounceMap.delete(key), fn()), delay, signal, win);\n  return void debounceMap.set(key, id);\n}\nfunction RAFLoop(key, fn, signal, win) {\n  const rafLoopMap = t007._RAFLoopers ??= /* @__PURE__ */ new Map();\n  if (rafLoopMap.has(key)) return void rafLoopMap.set(key, fn);\n  rafLoopMap.set(key, fn);\n  const loop = (_ = 0, fn2 = rafLoopMap.get(key)) => fn2 && (fn2(), requestAnimationFrame(loop, signal, win));\n  loop();\n}\nvar cancelRAFLoop = (key) => t007._RAFLoopers ? t007._RAFLoopers.delete(key) : false;\nfunction limited(FN_KEY, fn, opts = {}) {\n  let count = 0, { key, maxTimes: max = 1, oncePerSession = true } = isStr(opts) ? { key: opts } : opts;\n  const getReg = () => JSON.parse(localStorage.getItem(FN_KEY) || \"{}\"), setReg = (r) => localStorage.setItem(FN_KEY, JSON.stringify(r));\n  const handle = (...args) => {\n    if (oncePerSession && count > 0) return void 0;\n    if (!key) return count++ < max ? fn(...args) : void 0;\n    const r = getReg(), c = r[key] || 0;\n    return c < max ? (count++, r[key] = c + 1, setReg(r), fn(...args)) : void 0;\n  };\n  handle.left = max - (handle.count = count);\n  handle.reset = () => (count = 0, key && ((r) => (delete r[key], setReg(r)))(getReg()));\n  handle.block = () => (count = max, key && ((r) => (r[key] = max, setReg(r)))(getReg()));\n  return handle;\n}\nvar mockAsync = (timeout = 250) => new Promise((resolve) => setTimeout2(resolve, timeout));\nvar breath = (w = window) => new Promise((res) => w.requestAnimationFrame(res));\nvar deepBreath = (w = window) => new Promise((res) => w.requestAnimationFrame(() => w.requestAnimationFrame(res)));\nfunction bindCleanupToSignal(cleanup, signal) {\n  signal?.aborted ? cleanup() : signal?.addEventListener(\"abort\", cleanup, { once: true });\n  if (signal && !signal.aborted) cleanup = (() => (signal.removeEventListener(\"abort\", cleanup), cleanup()));\n  return cleanup;\n}\n\n// src/ts/core/keys.ts\nimport { KEYS_BLOCKS, parseKeyCombo, stringifyKeyEvent, cleanKeyCombo, matchKeys, getTermsForKey, keyEventAllowed, formatKeyForDisplay, formatKeyShortcutsForDisplay, parseForARIAKS } from \"sia-reactor/utils\";\n\n// src/ts/core/file.ts\nfunction formatSize(bytes, decimals = 3, base = 1e3) {\n  if (bytes < base) return `${bytes} byte${bytes == 1 ? \"\" : \"s\"}`;\n  const units = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"], exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(base)), units.length - 1);\n  return `${(bytes / Math.pow(base, exponent)).toFixed(decimals).replace(/\\.0+$/, \"\")} ${units[exponent]}`;\n}\n\n// src/ts/mixins/methd.ts\nimport { onAllMethods, bindAllMethods, guardAllMethods, guardMethod } from \"sia-reactor/utils\";\n\n// src/ts/index.ts\nif (\"undefined\" !== typeof window) {\n  (window.t007 ??= {}).VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;\n  window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;\n  window.T007_INPUT_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest`;\n  window.T007_DIALOG_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`;\n  window.T007_TOAST_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.min.css`;\n  window.T007_INPUT_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.min.css`;\n  window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`;\n}\n\nexport {\n  createEl,\n  assignEl,\n  INTERACTIVE_SELECTOR,\n  isInteractive,\n  VIRTUAL_RESOURCE,\n  loadResource,\n  getWindow,\n  createListRenderer,\n  getActiveEl,\n  isObj,\n  isDef,\n  isSym,\n  isBool,\n  isNum,\n  isStr,\n  isArr,\n  isPOJO,\n  isIter,\n  isFunc,\n  inBoolArrOpt,\n  longestIncreasingSubsequence,\n  clamp,\n  uid,\n  capitalize,\n  camelize,\n  uncamelize,\n  remToPx,\n  pxToRem,\n  parseCSSTime,\n  parseCSSSize,\n  cleanURL,\n  isSameURL,\n  setTimeout2 as setTimeout,\n  setInterval,\n  requestAnimationFrame,\n  throttle,\n  debounce,\n  RAFLoop,\n  cancelRAFLoop,\n  limited,\n  mockAsync,\n  breath,\n  deepBreath,\n  bindCleanupToSignal,\n  KEYS_BLOCKS,\n  parseKeyCombo,\n  stringifyKeyEvent,\n  cleanKeyCombo,\n  matchKeys,\n  getTermsForKey,\n  keyEventAllowed,\n  formatKeyForDisplay,\n  formatKeyShortcutsForDisplay,\n  parseForARIAKS,\n  formatSize,\n  onAllMethods,\n  bindAllMethods,\n  guardAllMethods,\n  guardMethod,\n  NIL,\n  NOOP2 as NOOP\n};\n","import { camelize } from \"./str\";\r\nimport type { Control, ControlPanelBottomTuple } from \"@plugs/settings/controlPanel/types\";\r\nimport { type Paths, type PathValue } from \"sia-reactor\";\r\nimport { setPath } from \"sia-reactor/utils\";\r\nimport type { UIObject, UISettings, UIOption, UITuple } from \"@defs/UIOptions\";\r\nimport { isObj, isArr } from \"@t007/utils\";\r\n\r\nexport { isArr, isObj };\r\nexport { isDef, isSym, isBool, isNum, isStr, isPOJO, isIter, isFunc, inBoolArrOpt } from \"@t007/utils\";\r\n\r\n// Type Guards\r\nexport function isUISetting<T = unknown>(obj: unknown): obj is UISettings<T> {\r\n  return isObj(obj) && \"options\" in obj && isArr((obj as UISettings<T>).options);\r\n}\r\nexport function isUIOption<T>(opt: UIOption<T>): opt is UITuple<T> {\r\n  return isObj(opt) && \"value\" in (opt as object);\r\n}\r\n\r\n// Assignment & Derivation\r\nexport function setHTMLConfig<T extends object>(target: T, attr: `tmg--${Paths<T, \"--\">}`, value: string): void {\r\n  value = value.trim();\r\n  const path = attr.replace(\"tmg--\", \"\") as Paths<T, \"--\">;\r\n  const parsedValue = (() => {\r\n    if (value.includes(\",\")) return value.split(\",\")?.map((v: string) => v.trim());\r\n    if (value === \"true\") return true;\r\n    if (value === \"false\") return false;\r\n    if (value === \"null\") return null;\r\n    if (/^\\d+$/.test(value)) return Number(value);\r\n    return value;\r\n  })() as PathValue<T, typeof path, \"--\">;\r\n  setPath<T, \"--\">(target, path, parsedValue, \"--\", (p) => camelize(p));\r\n}\r\n\r\nexport function getBoolOrStr(value: string | boolean): string | boolean {\r\n  return value === \"true\" ? true : value === \"false\" ? false : value;\r\n}\r\n\r\nexport function getUIOpt<T = unknown>(opts: UIOption<T>[] | undefined, value: T, key: \"display\" | \"value\" = \"display\"): string {\r\n  if (opts)\r\n    for (const opt of opts) {\r\n      const p = parseUIOpt<T>(opt);\r\n      if (p.value == value) return p[key] as string;\r\n    }\r\n  return String(value);\r\n}\r\n\r\nexport function getUniqueOpts<T>(options: UITuple<T>[]) {\r\n  const counts: Record<string, number> = {};\r\n  options.forEach((opt) => (counts[opt.display] = (counts[opt.display] || 0) + 1)); // First pass: Count occurrences of each display name\r\n  const seen: Record<string, number> = {};\r\n  for (let i = options.length - 1; i >= 0; i--) {\r\n    const opt = options[i];\r\n    if (counts[opt.display] > 1) {\r\n      seen[opt.display] = (seen[opt.display] || 0) + 1;\r\n      const num = counts[opt.display] - seen[opt.display] + 1;\r\n      opt.display = `${opt.display} (${num})`;\r\n    }\r\n  } // Second pass: Add numbers to duplicates, tracking our current index from the back\r\n  return options;\r\n}\r\n\r\nexport function parseUIOpt<T = unknown>(opt: UIOption<T>): UITuple<T> {\r\n  return isUIOption<T>(opt) ? { value: opt.value, display: String(opt.display ?? opt.value), infoText: opt.infoText } : { value: opt as T, display: String(opt) };\r\n}\r\nexport function parseUIOpts<T = unknown>(opts: UIOption<T>[]): T[] {\r\n  return opts.map((opt) => parseUIOpt(opt).value);\r\n}\r\n\r\nexport function parseUIObj<T extends Record<string, any>>(obj: T): UIObject<T> {\r\n  const result: any = {} as UIObject<T>,\r\n    keys = Object.keys(obj);\r\n  for (let i = 0; i < keys.length; i++) {\r\n    const entry = obj[keys[i]];\r\n    if (!isObj(entry)) continue;\r\n    if (isUISetting(entry))\r\n      result[keys[i]] = {\r\n        values: entry.options.map((opt: UIOption<unknown>) => parseUIOpt(opt).value),\r\n        displays: entry.options.map((opt: UIOption<unknown>) => parseUIOpt(opt).display),\r\n      };\r\n    else result[keys[i]] = parseUIObj(entry); // recurse on sub-branch\r\n  }\r\n  return result;\r\n}\r\n\r\n// Control Panel Utilities\r\nexport function parsePanelBottomObj(obj: Partial<ControlPanelBottomTuple> | Control[][] | Control[] | unknown, arr?: false): ControlPanelBottomTuple | false;\r\nexport function parsePanelBottomObj(obj: Partial<ControlPanelBottomTuple> | Control[][] | Control[] | unknown, arr: true): Control[] | false;\r\nexport function parsePanelBottomObj(obj: Partial<ControlPanelBottomTuple> | Control[][] | Control[] | unknown = [], arr = false): ControlPanelBottomTuple | Control[] | false {\r\n  if (!isObj(obj) && !isArr(obj)) return false;\r\n  const [third = [], second = [], first = []] = isObj<Partial<ControlPanelBottomTuple>>(obj) ? (Object.values(obj).reverse() as Control[][]) : isArr((obj as Control[][])[0]) ? [...(obj as Control[][])].reverse() : [obj as Control[]];\r\n  return arr ? ([...third, ...second, ...first] as Control[]) : ({ 1: first, 2: second, 3: third } as ControlPanelBottomTuple);\r\n}\r\n\r\nexport function getPanelSplitCtrls<T = any>(row: T[]): { left: T[]; center: T[]; right: T[] } {\r\n  if (!row?.length) return { left: [], center: [], right: [] };\r\n  const s1 = row.indexOf(\"spacer\" as any),\r\n    s2 = row.indexOf(\"spacer\" as any, s1 + 1);\r\n  return s1 === -1 ? { left: row, center: [], right: [] } : s2 === -1 ? { left: row.slice(0, s1), center: [], right: row.slice(s1 + 1) } : { left: row.slice(0, s1), center: row.slice(s1 + 1, s2), right: row.slice(s2 + 1) };\r\n}\r\n\r\nexport function getPanelLocation(b: any, id: string) {\r\n  if (isArr(b.top) && b.top.includes(id)) return { path: \"top\", row: b.top, zone: getPanelSplitCtrls(b.top).left.includes(id) ? \"left\" : getPanelSplitCtrls(b.top).center.includes(id) ? \"center\" : \"right\" };\r\n  if (isArr(b.center) && b.center.includes(id)) return { path: \"center\", row: b.center, zone: \"zone\" };\r\n  if (b.bottom) {\r\n    const dB = parsePanelBottomObj(b.bottom);\r\n    if (dB) for (const k in dB) if ((dB as any)[k]?.includes(id)) return { path: `bottom.${k}`, row: (dB as any)[k], zone: getPanelSplitCtrls((dB as any)[k]).left.includes(id) ? \"left\" : getPanelSplitCtrls((dB as any)[k]).center.includes(id) ? \"center\" : \"right\" };\r\n  }\r\n  return { path: \"bottom.1\", row: [], zone: \"left\" };\r\n}\r\n\r\nexport function insertPanelCtrl(current: any[], defaults: readonly any[], id: string): void {\r\n  let s = 0;\r\n  for (let i = 0; i < defaults.indexOf(id); i++) if (defaults[i] === \"spacer\") s++;\r\n  for (let i = defaults.indexOf(id) + 1; i < defaults.length; i++)\r\n    if (defaults[i] === \"spacer\") {\r\n      let c = 0;\r\n      for (let j = 0; j < current.length; j++) if (current[j] === \"spacer\" && ++c === s + 1) return void current.splice(j, 0, id);\r\n    } else {\r\n      const idx = current.indexOf(defaults[i]);\r\n      if (idx !== -1) return void current.splice(idx, 0, id);\r\n    }\r\n  current.push(id);\r\n}\r\n","import { cleanKeyCombo } from \"@t007/utils\";\nexport { type KeysSettings, type KeyStruct, parseKeyCombo, stringifyKeyEvent, cleanKeyCombo, matchKeys, getTermsForKey, keyEventAllowed, formatKeyShortcutsForDisplay, parseForARIAKS } from \"@t007/utils\";\n\nexport function formatActionForDisplay(keyShortcut: string | string[] | undefined, voiceCmd?: string[] | undefined): string {\n  const kArr = Array.isArray(keyShortcut) ? keyShortcut : keyShortcut ? [keyShortcut] : [];\n  return [kArr.length ? `⌨️ ${kArr.map((c) => cleanKeyCombo(c).replace(\" \", \"space\")).join(\" or \")}` : \"\", voiceCmd?.length ? `🎙️ \"${voiceCmd[0]}\"` : \"\"].filter(Boolean).join(\" · \");\n}\n\nexport function formatKeyForDisplay(keyShortcut: string | string[] | undefined, voiceCmd?: string[] | undefined): string {\n  const combined = formatActionForDisplay(keyShortcut, voiceCmd);\n  return combined ? ` ( ${combined} )` : \"\";\n}\n","import { REvent } from \"sia-reactor\";\r\nimport { Controllable } from \"@core/controllable\";\r\nimport { Controller } from \"@core/controller\";\r\nimport { parseForARIAKS } from \"@utils/keys\";\r\nimport { CtlrMedia, MediaFeatures } from \"@defs/contract\";\r\nimport { ComponentConstructor, ComponentState } from \"./types\";\r\n\r\nexport abstract class BaseComponent<Config = any, State extends ComponentState = any, El extends HTMLElement = HTMLElement> extends Controllable<Config, State> {\r\n  public static readonly componentName: string;\r\n  public static readonly isControl: boolean = false;\r\n  public get name() {\r\n    return (this.constructor as ComponentConstructor).componentName;\r\n  }\r\n  public element!: El;\r\n  public get el() {\r\n    return this.element;\r\n  }\r\n\r\n  constructor(ctlr: Controller, config: Config, state?: State) {\r\n    super(ctlr, config, { label: \"\", cmd: \"\", active: false, disabled: false, hidden: false, ...state } as State);\r\n  }\r\n  protected override onSetup(): void {\r\n    this.mount?.();\r\n    this.ctlr.state.readyState ? this.wire?.() : this.wire && this.ctlr.state.wonce(\"readyState\", this.wire, { signal: this.signal }); // wire after all plugs setup\r\n  }\r\n  protected override onDestroy(): void {\r\n    this.unmount();\r\n  }\r\n\r\n  public abstract create(): El; // Must assign to this.element before returning\r\n  public mount?(): void {}\r\n  public unmount(): void {\r\n    this.el.remove();\r\n  }\r\n  public wire?(): void {} // auto unwiring\r\n\r\n  public active() {\r\n    this.el.classList.toggle(\"tmg-media-control-active\", (this.state.active = true));\r\n  }\r\n  public inactive() {\r\n    this.el.classList.toggle(\"tmg-media-control-active\", (this.state.active = false));\r\n  }\r\n  public disable(): void {\r\n    this.el.classList.toggle(\"tmg-media-control-disabled\", (this.state.disabled = true));\r\n  }\r\n  public enable(): void {\r\n    this.el.classList.toggle(\"tmg-media-control-disabled\", (this.state.disabled = false));\r\n  }\r\n  public hide(): void {\r\n    this.el.classList.toggle(\"tmg-media-control-hidden\", (this.state.hidden = true));\r\n  }\r\n  public show(): void {\r\n    this.el.classList.toggle(\"tmg-media-control-hidden\", (this.state.hidden = false));\r\n  }\r\n  protected gate(e: REvent<CtlrMedia, `features.${keyof MediaFeatures}`>): void {\r\n    !e.value ? this.hide() : this.canShow && this.show();\r\n  }\r\n  protected get canShow(): boolean {\r\n    return true;\r\n  } // override to make gating smarter\r\n\r\n  protected setBtnARIA(dblAction?: string, target: HTMLElement = this.el): void {\r\n    this.state.label && target.setAttribute(\"aria-label\", this.state.label);\r\n    this.state.cmd && target.setAttribute(\"aria-keyshortcuts\", parseForARIAKS(this.state.cmd));\r\n    if (dblAction) target.setAttribute(\"aria-description\", `Double-press to ${dblAction}`);\r\n    else if (target.hasAttribute(\"aria-description\")) target.removeAttribute(\"aria-description\");\r\n  }\r\n}\r\n\r\nexport type * from \"./types\";\r\n","import type { CtlrConfig } from \"@defs/config\";\r\nimport { CTX, type DeepPartial } from \"sia-reactor\";\r\nimport { ACTIONS_BUILD } from \"./actions\";\r\n\r\nexport const CONFIG_BUILD: DeepPartial<CtlrConfig> = {\r\n  mediaType: \"video\",\r\n  mediaPlayer: \"TMG\",\r\n  media: { intent: { playsInline: true, textVisible: true, brightness: 100 } },\r\n  actions: Object.fromEntries(Object.entries(ACTIONS_BUILD).map(([k, v]) => [k, { id: k, ...v }])) as any,\r\n  logicPathBlacklist: [\"media.state\", \"media.status\", \"media.tech\", \"media.features\", \"media.type\", \"media.element\", \"media.pseudoElement\", \"media.container\", \"media.pseudoContainer\"],\r\n  settings: {\r\n    // techOrder: [\r\n    //   \"youtube\", // 1. Black-box (Regex must catch these URLs instantly)\r\n    //   \"vimeo\", // 2. Black-box (Regex must catch these URLs instantly)\r\n    //   \"shaka\", // 3. THE APEX PREDATOR (Catches .mpd and .m3u8 first)\r\n    //   \"hls\", // 4. Fallback (Catches .m3u8 ONLY if Shaka is disabled/fails)\r\n    //   \"dash\", // 5. Fallback (Catches .mpd ONLY if Shaka is disabled/fails)\r\n    //   \"html5\", // 6. The Native Floor (Catches raw .mp4, .webm, .mp3, etc.)\r\n    // ],\r\n  },\r\n  debug: true,\r\n  devMode: CTX.isDevEnv,\r\n  noPlugList: [], // dev: \"settings.persist\"\r\n};\r\n","export const ACTIONS_BUILD = {\n  // --- Keyboard-only actions (no default voice triggers; path router covers voice) ---\n  playPause: { label: \"Play / Pause\" },\n  skipFwd: { label: \"Skip Forward\", notify: \"fwd\" },\n  skipBwd: { label: \"Skip Back\", notify: \"bwd\" },\n  volumeUp: { label: \"Volume Up\", notify: \"volumeup\" },\n  volumeDown: { label: \"Volume Down\", notify: \"volumedown\" },\n  brightnessUp: { label: \"Brightness Up\", notify: \"brightnessup\" },\n  brightnessDown: { label: \"Brightness Down\", notify: \"brightnessdown\" },\n  playbackRateUp: { label: \"Playback Rate Up\", notify: \"playbackrateup\" },\n  playbackRateDown: { label: \"Playback Rate Down\", notify: \"playbackratedown\" },\n  stepFwd: { label: \"Step Forward\", notify: \"fwd\" },\n  stepBwd: { label: \"Step Back\", notify: \"bwd\" },\n  prev: { label: \"Previous\", notify: \"mediaprev\" },\n  next: { label: \"Next\", notify: \"medianext\" },\n  captions: { label: \"Captions\", notify: \"captions\" },\n  captionsFontSizeUp: { label: \"Captions: Font Size Up\" },\n  captionsFontSizeDown: { label: \"Captions: Font Size Down\" },\n  captionsFontFamily: { label: \"Captions: Font Family\" },\n  captionsFontWeight: { label: \"Captions: Font Weight\" },\n  captionsFontVariant: { label: \"Captions: Font Variant\" },\n  captionsFontOpacity: { label: \"Captions: Font Opacity\" },\n  captionsBackgroundOpacity: { label: \"Captions: Background Opacity\" },\n  captionsWindowOpacity: { label: \"Captions: Window Opacity\" },\n  captionsCharacterEdgeStyle: { label: \"Captions: Character Edge\" },\n  captionsTextAlignment: { label: \"Captions: Text Alignment\" },\n  objectFit: { label: \"Object Fit\" },\n  capture: { label: \"Capture Frame\", notify: \"capture\" },\n  cast: { label: \"Cast\", notify: \"cast\" },\n  airplay: { label: \"AirPlay\", notify: \"airplay\" },\n  dark: { label: \"Dark Mode\" },\n  settings: { label: \"Settings\", zen: true },\n  // --- Logic-expressible actions (logic[] + keyboard, no default voice triggers) ---\n  mute: { label: \"Mute\", notify: \"volumemuted\" },\n  fullscreen: { label: \"Fullscreen\", notify: \"fullscreen\", logic: [{ path: \"media.intent.fullscreen\", op: \"toggle\" }] },\n  theater: { label: \"Theater\", notify: \"theater\", logic: [{ path: \"media.intent.theater\", op: \"toggle\" }] },\n  pictureInPicture: { label: \"Picture in Picture\", notify: \"pictureinpicture\", logic: [{ path: \"media.intent.pictureInPicture\", op: \"toggle\" }] },\n  timeFormat: { label: \"Time Format\" },\n  timeMode: { label: \"Time Mode\" },\n  // --- Compound (voice|time)-only actions (voice engine meta, path router can't reach these) ---\n  timeTravelUndo: { label: \"Time Travel: Undo\", zen: true },\n  timeTravelRedo: { label: \"Time Travel: Redo\", zen: true },\n  voiceQuit: { label: \"Voice: Quit\", zen: true },\n  voiceSleep: { label: \"Voice: Sleep\", zen: true },\n  voiceSubmit: { label: \"Voice: Submit\", zen: true },\n  voiceHistoryFirst: { label: \"Voice: Go to Root\", zen: true },\n  voiceHistoryPrev: { label: \"Voice: Go Back\", zen: true },\n  voiceHistoryNext: { label: \"Voice: Go Forward\", zen: true },\n  voiceHistoryLast: { label: \"Voice: Go to Leaf\", zen: true },\n  voiceHistoryClear: { label: \"Voice: Clear History\", zen: true },\n  voiceToggleOn: { label: \"Voice: Toggle On\", zen: true },\n  voiceToggleOff: { label: \"Voice: Toggle Off\", zen: true },\n} as const;\n","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","import { NOOP } from \"sia-reactor\";\r\nimport { bindCleanupToSignal as bindSig } from \"./fn\";\r\nconst win = \"undefined\" !== typeof window ? window : undefined;\r\n\r\n// Element Factory\r\nexport { createEl, assignEl, getWindow, createListRenderer } from \"@t007/utils\";\r\nexport { initVScrollerator } from \"@t007/utils/hooks/vanilla\";\r\n\r\n// Resource Loading\r\nexport { loadResource } from \"@t007/utils\";\r\n\r\n// Viewport Checks\r\nexport function inDocView(el: Element, axis: \"x\" | \"y\" = \"y\"): boolean {\r\n  const rect = el.getBoundingClientRect(),\r\n    inX = rect.left + win!.scrollX >= 0 && rect.right + win!.scrollX <= win!.scrollX + (win!.innerWidth || win!.document.documentElement.clientWidth),\r\n    inY = rect.top + win!.scrollY >= 0 && rect.bottom + win!.scrollY <= win!.scrollY + (win!.innerHeight || win!.document.documentElement.clientHeight);\r\n  return axis === \"x\" ? inY : axis === \"y\" ? inX : inY && inX;\r\n}\r\n\r\nexport function getElSiblingAt(p: number, dir: \"x\" | \"y\", els: HTMLElement[] | NodeListOf<HTMLElement>, pos: \"before\" | \"after\" | \"at\" = \"after\"): HTMLElement | undefined {\r\n  return (\r\n    els.length &&\r\n    (\r\n      Array.prototype.reduce.call(\r\n        els,\r\n        ((closest: { offset: number; element: Element | undefined }, child: Element) => {\r\n          const { top: cT, left: cL, width: cW, height: cH } = child.getBoundingClientRect(),\r\n            offset = p - (dir === \"y\" ? cT : cL) - (dir === \"y\" ? cH : cW) / 2,\r\n            condition = pos === \"after\" ? offset < 0 && offset > closest.offset : pos === \"before\" ? offset > 0 && offset < closest.offset : pos === \"at\" ? Math.abs(offset) <= (dir === \"y\" ? cH : cW) / 2 && Math.abs(offset) < Math.abs(closest.offset) : false;\r\n          return condition ? { offset, element: child } : closest;\r\n        }) as any,\r\n        { offset: pos === \"after\" ? -Infinity : Infinity, element: undefined }\r\n      ) as any\r\n    ).element\r\n  );\r\n}\r\n\r\n// Fullscreen & Picture-in-Picture\r\nexport const queryFullscreen = (): boolean => Boolean(queryFullscreenEl());\r\nexport const queryFullscreenEl = (d = document as any): Element | null => d.fullscreenElement || d.webkitFullscreenElement || d.mozFullScreenElement || d.msFullscreenElement || null;\r\n\r\nexport const queryPictureInPicture = (): boolean => Boolean(queryPictureInPictureEl());\r\nexport const queryPictureInPictureEl = () => document.pictureInPictureElement;\r\n\r\nexport const supportsFullscreen = (vp = HTMLVideoElement.prototype as any, d = document as any) => Boolean(d.fullscreenEnabled || d.mozFullscreenEnabled || d.msFullscreenEnabled || d.webkitFullscreenEnabled || d.webkitSupportsFullscreen || vp.webkitEnterFullscreen);\r\nexport const supportsPictureInPicture = (vp = HTMLVideoElement.prototype as any, d = document as any, w = window as any) => Boolean(d.pictureInPictureEnabled || vp.requestPictureInPicture || w.documentPictureInPicture);\r\n\r\nexport const enterFullscreen = (el: any): Promise<void> => (el.webkitEnterFullscreen ? el.webkitEnterFullscreen() : el.requestFullscreen ? el.requestFullscreen() : el.mozRequestFullScreen ? el.mozRequestFullScreen() : el.webkitRequestFullscreen ? el.webkitRequestFullscreen() : el.msRequestFullscreen ? el.msRequestFullscreen() : Promise.reject(new Error(\"Fullscreen API is not supported\")));\r\nexport const exitFullscreen = (el: any, d = document as any): Promise<void> => (queryFullscreenEl(d) === el ? (el.webkitExitFullscreen ? el.webkitExitFullscreen() : d.exitFullscreen ? d.exitFullscreen() : d.mozCancelFullScreen ? d.mozCancelFullScreen() : d.webkitExitFullscreen ? d.webkitExitFullscreen() : d.msExitFullscreen ? d.msExitFullscreen() : Promise.reject(new Error(\"Fullscreen API is not supported\"))) : Promise.resolve());\r\n\r\n// Safe Click Handling\r\ntype SafeClickEl = HTMLElement & {\r\n  _clickHandler?: (e: MouseEvent) => void;\r\n  _dblClickHandler?: (e: MouseEvent) => void;\r\n  _clickTimeoutId?: ReturnType<typeof setTimeout>;\r\n};\r\nexport function addSafeClicks(el?: SafeClickEl | null, onClick: (e: MouseEvent) => any = NOOP, onDblClick: (e: MouseEvent) => any = NOOP, options?: boolean | AddEventListenerOptions): void {\r\n  el && removeSafeClicks(el);\r\n  el?.addEventListener(\"click\", (el._clickHandler = (e: MouseEvent) => (clearTimeout(el._clickTimeoutId), (el._clickTimeoutId = setTimeout(() => onClick(e), 300)))), options);\r\n  el?.addEventListener(\"dblclick\", (el._dblClickHandler = (e: MouseEvent) => (clearTimeout(el._clickTimeoutId), onDblClick(e))), options);\r\n}\r\nexport function removeSafeClicks(el?: SafeClickEl | null): void {\r\n  el?.removeEventListener(\"click\", el._clickHandler as EventListener);\r\n  el?.removeEventListener(\"dblclick\", el._dblClickHandler as EventListener);\r\n}\r\n\r\n// DOM Observers\r\ndeclare global {\r\n  interface Element {\r\n    _resizeCbs?: Set<(entry: ResizeObserverEntry) => void>;\r\n    _intersectCbs?: Set<(entry: IntersectionObserverEntry) => void>;\r\n    _mutationCbs?: Set<(mutations: MutationRecord[]) => void>;\r\n  }\r\n}\r\n\r\nexport const intersectionObserver = win\r\n  ? new IntersectionObserver(\r\n      (entries) => {\r\n        for (const entry of entries) if (entry.target._intersectCbs) for (const cb of entry.target._intersectCbs) cb(entry);\r\n      },\r\n      { root: null, rootMargin: \"0px\", threshold: 0.3 }\r\n    )\r\n  : null;\r\n\r\nexport const resizeObserver = win\r\n  ? new ResizeObserver((entries) => {\r\n      for (const entry of entries) if (entry.target._resizeCbs) for (const cb of entry.target._resizeCbs) cb(entry);\r\n    })\r\n  : null;\r\n\r\nexport const mutationObserver = win\r\n  ? new MutationObserver((mutations) => {\r\n      // Dispatch to specific targets if they are being observed directly\r\n      // Note: MutationObserver works differently; this handles the 'root' observer callbacks\r\n      // We map the *target* of the observation, not the mutation target usually.\r\n      // For this util, we assume the observer instance calls the callback associated with the observed node.\r\n      // Since we use one global observer, we need to map back.\r\n      // Actually, for MutationObserver it's cleaner to keep separate instances if configs differ,\r\n      // but for \"utils\" style, we can use a Map logic or just basic callback sets.\r\n      // Current implementation assumes the caller handles the mutation list.\r\n      const target = mutations[0].target as Element; // Batch usually targets one observer\r\n      if (target._mutationCbs) for (const cb of target._mutationCbs) cb(mutations);\r\n    })\r\n  : null;\r\n\r\n// --- PUBLIC API ---\r\nexport function observeResize(el: Element, cb: (entry: ResizeObserverEntry) => void, sig?: AbortSignal) {\r\n  (el._resizeCbs ?? (el._resizeCbs = new Set())).add(cb);\r\n  resizeObserver?.observe(el);\r\n  return bindSig(() => (el._resizeCbs?.delete(cb), !el._resizeCbs?.size && resizeObserver?.unobserve(el)), sig);\r\n}\r\n\r\nexport function observeIntersection(el: Element, cb: (entry: IntersectionObserverEntry) => void, sig?: AbortSignal) {\r\n  (el._intersectCbs ?? (el._intersectCbs = new Set())).add(cb);\r\n  intersectionObserver?.observe(el);\r\n  return bindSig(() => (el._intersectCbs?.delete(cb), !el._intersectCbs?.size && intersectionObserver?.unobserve(el)), sig);\r\n}\r\n\r\nexport function observeMutation(el: Element, cb: (mutations: MutationRecord[]) => void, options: MutationObserverInit, sig?: AbortSignal) {\r\n  (el._mutationCbs ?? (el._mutationCbs = new Set())).add(cb);\r\n  mutationObserver?.observe(el, options);\r\n  return bindSig(() => el._mutationCbs?.delete(cb), sig);\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,IAAAA,sBAAwC;AACxC,IAAAC,iBAAqB;;;ACDrB,mBAAmC;AACnC,IAAAC,gBAA4B;AAC5B,yBAAqB;AA0ErB,IAAAC,sBAAmC;AAGnC,IAAAD,gBAAsB;AAiCtB,IAAAA,gBAAsB;AAgEtB,IAAAA,gBAA8E;AAsD9E,IAAAA,gBAA4L;AAU5L,IAAAA,gBAA2E;AA3O3E,IAAI,mBAAmC,uBAAO,IAAI,uBAAuB;AAmGzE,SAAS,OAAO,KAAK;AACnB,SAAO,eAAe,OAAO;AAC/B;AAyIA,IAAI,gBAAgB,OAAO,QAAQ;AACjC,GAAC,OAAO,SAAP,OAAO,OAAS,CAAC,IAAG,mBAAmB;AACxC,SAAO,sBAAP,OAAO,oBAAsB;AAC7B,SAAO,sBAAP,OAAO,oBAAsB;AAC7B,SAAO,uBAAP,OAAO,qBAAuB;AAC9B,SAAO,uBAAP,OAAO,qBAAuB;AAC9B,SAAO,uBAAP,OAAO,qBAAuB;AAC9B,SAAO,wBAAP,OAAO,sBAAwB;AACjC;;;ACzPA,IAAAE,gBAAwB;;;AFMjB,IAAe,eAAf,MAAuD;AAAA;AAAA,EAW5D,YAAY,MAAkB,QAAgB,OAAe;AAV7D,wBAAmB,MAAK,IAAI,gBAAgB;AAC5C,wBAAmB,UAAS,KAAK,GAAG;AACpC,wBAAgB;AAChB,wBAAgB;AAChB,wBAAgB;AAChB;AAAA,wBAAO;AAML,uCAAgB,MAAM,KAAK,KAAK;AAChC,SAAK,SAAS,YAAY,IAAI,CAAC,KAAK,QAAQ,KAAK,MAAM,CAAC;AACxD,SAAK,OAAO;AACZ,SAAK,QAAQ,KAAK;AAClB,SAAK,YAAS,qBAAM,KAAK,QAAI,8BAAS,KAAK,IAAI;AAC/C,SAAK,SAAS;AAAA,EAChB;AAAA;AAAA,EAXA,IAAW,WAAW;AACpB,WAAO,KAAK,KAAK;AAAA,EACnB;AAAA,EAWO,QAAc;AACnB,WAAO,KAAK,QAAQ,GAAG;AAAA,EACzB;AAAA,EAGO,UAAgB;AACrB,KAAC,KAAK,OAAO,WAAW,KAAK,GAAG,MAAM,gDAAgD;AACtF,SAAK,UAAU,GAAI,KAAK,OAAe,UAAU,GAAG,KAAK,WAAW,KAAK,SAAS,OAAQ,KAAK,QAAgB,OAAO,KAAM,KAAK,QAAgB,UAAU;AAC3J,6BAAK,IAAI;AAAA,EACX;AAAA,EACU,YAAkB;AAAA,EAAC;AAC/B;;;AGrCO,SAAS,uBAAuB,aAA4C,UAAyC;AAC1H,QAAM,OAAO,MAAM,QAAQ,WAAW,IAAI,cAAc,cAAc,CAAC,WAAW,IAAI,CAAC;AACvF,SAAO,CAAC,KAAK,SAAS,gBAAM,KAAK,IAAI,CAAC,UAAM,6BAAc,CAAC,EAAE,QAAQ,KAAK,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,KAAK,IAAI,UAAU,SAAS,oBAAQ,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,QAAK;AACrL;AAEO,SAASC,qBAAoB,aAA4C,UAAyC;AACvH,QAAM,WAAW,uBAAuB,aAAa,QAAQ;AAC7D,SAAO,WAAW,MAAM,QAAQ,OAAO;AACzC;;;ACJO,IAAe,gBAAf,cAA6H,aAA4B;AAAA,EAW9J,YAAY,MAAkB,QAAgB,OAAe;AAC3D,UAAM,MAAM,QAAQ,EAAE,OAAO,IAAI,KAAK,IAAI,QAAQ,OAAO,UAAU,OAAO,QAAQ,OAAO,GAAG,MAAM,CAAU;AAN9G,wBAAO;AAAA,EAOP;AAAA,EAVA,IAAW,OAAO;AAChB,WAAQ,KAAK,YAAqC;AAAA,EACpD;AAAA,EAEA,IAAW,KAAK;AACd,WAAO,KAAK;AAAA,EACd;AAAA,EAKmB,UAAgB;AACjC,SAAK,QAAQ;AACb,SAAK,KAAK,MAAM,aAAa,KAAK,OAAO,IAAI,KAAK,QAAQ,KAAK,KAAK,MAAM,MAAM,cAAc,KAAK,MAAM,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EAClI;AAAA,EACmB,YAAkB;AACnC,SAAK,QAAQ;AAAA,EACf;AAAA;AAAA,EAGO,QAAe;AAAA,EAAC;AAAA,EAChB,UAAgB;AACrB,SAAK,GAAG,OAAO;AAAA,EACjB;AAAA,EACO,OAAc;AAAA,EAAC;AAAA;AAAA,EAEf,SAAS;AACd,SAAK,GAAG,UAAU,OAAO,4BAA6B,KAAK,MAAM,SAAS,IAAK;AAAA,EACjF;AAAA,EACO,WAAW;AAChB,SAAK,GAAG,UAAU,OAAO,4BAA6B,KAAK,MAAM,SAAS,KAAM;AAAA,EAClF;AAAA,EACO,UAAgB;AACrB,SAAK,GAAG,UAAU,OAAO,8BAA+B,KAAK,MAAM,WAAW,IAAK;AAAA,EACrF;AAAA,EACO,SAAe;AACpB,SAAK,GAAG,UAAU,OAAO,8BAA+B,KAAK,MAAM,WAAW,KAAM;AAAA,EACtF;AAAA,EACO,OAAa;AAClB,SAAK,GAAG,UAAU,OAAO,4BAA6B,KAAK,MAAM,SAAS,IAAK;AAAA,EACjF;AAAA,EACO,OAAa;AAClB,SAAK,GAAG,UAAU,OAAO,4BAA6B,KAAK,MAAM,SAAS,KAAM;AAAA,EAClF;AAAA,EACU,KAAK,GAA+D;AAC5E,KAAC,EAAE,QAAQ,KAAK,KAAK,IAAI,KAAK,WAAW,KAAK,KAAK;AAAA,EACrD;AAAA,EACA,IAAc,UAAmB;AAC/B,WAAO;AAAA,EACT;AAAA;AAAA,EAEU,WAAW,WAAoB,SAAsB,KAAK,IAAU;AAC5E,SAAK,MAAM,SAAS,OAAO,aAAa,cAAc,KAAK,MAAM,KAAK;AACtE,SAAK,MAAM,OAAO,OAAO,aAAa,yBAAqB,8BAAe,KAAK,MAAM,GAAG,CAAC;AACzF,QAAI,UAAW,QAAO,aAAa,oBAAoB,mBAAmB,SAAS,EAAE;AAAA,aAC5E,OAAO,aAAa,kBAAkB,EAAG,QAAO,gBAAgB,kBAAkB;AAAA,EAC7F;AACF;AA3DE,cADoB,eACG;AACvB,cAFoB,eAEG,aAAqB;;;ACR9C,IAAAC,sBAAsC;;;ACD/B,IAAM,gBAAgB;AAAA;AAAA,EAE3B,WAAW,EAAE,OAAO,eAAe;AAAA,EACnC,SAAS,EAAE,OAAO,gBAAgB,QAAQ,MAAM;AAAA,EAChD,SAAS,EAAE,OAAO,aAAa,QAAQ,MAAM;AAAA,EAC7C,UAAU,EAAE,OAAO,aAAa,QAAQ,WAAW;AAAA,EACnD,YAAY,EAAE,OAAO,eAAe,QAAQ,aAAa;AAAA,EACzD,cAAc,EAAE,OAAO,iBAAiB,QAAQ,eAAe;AAAA,EAC/D,gBAAgB,EAAE,OAAO,mBAAmB,QAAQ,iBAAiB;AAAA,EACrE,gBAAgB,EAAE,OAAO,oBAAoB,QAAQ,iBAAiB;AAAA,EACtE,kBAAkB,EAAE,OAAO,sBAAsB,QAAQ,mBAAmB;AAAA,EAC5E,SAAS,EAAE,OAAO,gBAAgB,QAAQ,MAAM;AAAA,EAChD,SAAS,EAAE,OAAO,aAAa,QAAQ,MAAM;AAAA,EAC7C,MAAM,EAAE,OAAO,YAAY,QAAQ,YAAY;AAAA,EAC/C,MAAM,EAAE,OAAO,QAAQ,QAAQ,YAAY;AAAA,EAC3C,UAAU,EAAE,OAAO,YAAY,QAAQ,WAAW;AAAA,EAClD,oBAAoB,EAAE,OAAO,yBAAyB;AAAA,EACtD,sBAAsB,EAAE,OAAO,2BAA2B;AAAA,EAC1D,oBAAoB,EAAE,OAAO,wBAAwB;AAAA,EACrD,oBAAoB,EAAE,OAAO,wBAAwB;AAAA,EACrD,qBAAqB,EAAE,OAAO,yBAAyB;AAAA,EACvD,qBAAqB,EAAE,OAAO,yBAAyB;AAAA,EACvD,2BAA2B,EAAE,OAAO,+BAA+B;AAAA,EACnE,uBAAuB,EAAE,OAAO,2BAA2B;AAAA,EAC3D,4BAA4B,EAAE,OAAO,2BAA2B;AAAA,EAChE,uBAAuB,EAAE,OAAO,2BAA2B;AAAA,EAC3D,WAAW,EAAE,OAAO,aAAa;AAAA,EACjC,SAAS,EAAE,OAAO,iBAAiB,QAAQ,UAAU;AAAA,EACrD,MAAM,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,EACtC,SAAS,EAAE,OAAO,WAAW,QAAQ,UAAU;AAAA,EAC/C,MAAM,EAAE,OAAO,YAAY;AAAA,EAC3B,UAAU,EAAE,OAAO,YAAY,KAAK,KAAK;AAAA;AAAA,EAEzC,MAAM,EAAE,OAAO,QAAQ,QAAQ,cAAc;AAAA,EAC7C,YAAY,EAAE,OAAO,cAAc,QAAQ,cAAc,OAAO,CAAC,EAAE,MAAM,2BAA2B,IAAI,SAAS,CAAC,EAAE;AAAA,EACpH,SAAS,EAAE,OAAO,WAAW,QAAQ,WAAW,OAAO,CAAC,EAAE,MAAM,wBAAwB,IAAI,SAAS,CAAC,EAAE;AAAA,EACxG,kBAAkB,EAAE,OAAO,sBAAsB,QAAQ,oBAAoB,OAAO,CAAC,EAAE,MAAM,iCAAiC,IAAI,SAAS,CAAC,EAAE;AAAA,EAC9I,YAAY,EAAE,OAAO,cAAc;AAAA,EACnC,UAAU,EAAE,OAAO,YAAY;AAAA;AAAA,EAE/B,gBAAgB,EAAE,OAAO,qBAAqB,KAAK,KAAK;AAAA,EACxD,gBAAgB,EAAE,OAAO,qBAAqB,KAAK,KAAK;AAAA,EACxD,WAAW,EAAE,OAAO,eAAe,KAAK,KAAK;AAAA,EAC7C,YAAY,EAAE,OAAO,gBAAgB,KAAK,KAAK;AAAA,EAC/C,aAAa,EAAE,OAAO,iBAAiB,KAAK,KAAK;AAAA,EACjD,mBAAmB,EAAE,OAAO,qBAAqB,KAAK,KAAK;AAAA,EAC3D,kBAAkB,EAAE,OAAO,kBAAkB,KAAK,KAAK;AAAA,EACvD,kBAAkB,EAAE,OAAO,qBAAqB,KAAK,KAAK;AAAA,EAC1D,kBAAkB,EAAE,OAAO,qBAAqB,KAAK,KAAK;AAAA,EAC1D,mBAAmB,EAAE,OAAO,wBAAwB,KAAK,KAAK;AAAA,EAC9D,eAAe,EAAE,OAAO,oBAAoB,KAAK,KAAK;AAAA,EACtD,gBAAgB,EAAE,OAAO,qBAAqB,KAAK,KAAK;AAC1D;;;ADhDO,IAAM,eAAwC;AAAA,EACnD,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO,EAAE,QAAQ,EAAE,aAAa,MAAM,aAAa,MAAM,YAAY,IAAI,EAAE;AAAA,EAC3E,SAAS,OAAO,YAAY,OAAO,QAAQ,aAAa,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC;AAAA,EAC/F,oBAAoB,CAAC,eAAe,gBAAgB,cAAc,kBAAkB,cAAc,iBAAiB,uBAAuB,mBAAmB,uBAAuB;AAAA,EACpL,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASV;AAAA,EACA,OAAO;AAAA,EACP,SAAS,wBAAI;AAAA,EACb,YAAY,CAAC;AAAA;AACf;;;AElBA,IAAAC,iBAAoC;AAS7B,IAAM,eAAN,MAAsB;AAAA,EAAtB;AACL,wBAAU,SAA2B,CAAC;AAAA;AAAA,EAE/B,SAAS,MAAc,OAAU,QAAoB;AAC1D,WAAO,KAAK,WAAW,IAAI,GAAG,KAAK,MAAM,KAAK,EAAE,MAAM,OAAO,OAAO,CAAC,GAAG;AAAA,EAC1E;AAAA,EACO,WAAW,MAAc,MAAM,KAAK,MAAM,UAAU,CAAC,MAAM,EAAE,SAAS,IAAI,GAAS;AACxF,WAAO,QAAQ,MAAM,KAAK,MAAM,OAAO,KAAK,CAAC,GAAG;AAAA,EAClD;AAAA,EACO,IAAI,MAA6B;AACtC,WAAO,KAAK,MAAM,KAAK,CAAC,MAAM,EAAE,SAAS,IAAI,GAAG;AAAA,EAClD;AAAA,EACO,OAAO,OAAuB;AACnC,QAAI,CAAC,MAAO,QAAO,KAAK,MAAM,IAAI,CAAC,MAAM,EAAE,KAAK;AAChD,WAAO,KAAK,MAAM,KAAK,CAAC,GAAG,GAAG,KAAK,MAAM,QAAQ,EAAE,IAAI,GAAG,KAAK,MAAM,QAAQ,EAAE,IAAI,MAAO,OAAO,MAAM,OAAO,KAAK,IAAI,OAAO,KAAK,IAAI,OAAO,KAAK,KAAK,KAAK,EAAG,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK;AAAA,EACtL;AAAA,EACO,QAAQ;AACb,WAAQ,KAAK,QAAQ,CAAC,GAAI;AAAA,EAC5B;AACF;AAEO,IAAM,kBAAN,cAAiC,aAAgB;AAAA,EAC/C,cAAc,MAAc,OAAU,QAAc;AACzD,WAAO,KAAK,WAAW,IAAI,GAAG,KAAK,MAAM,QAAQ,EAAE,MAAM,OAAO,OAAO,CAAC,GAAG;AAAA,EAC7E;AAAA,EACO,eAAe,KAAa,MAAc,OAAU,QAAc;AACvE,SAAK,WAAW,IAAI;AACpB,UAAM,MAAM,KAAK,MAAM,UAAU,CAAC,MAAM,EAAE,SAAS,GAAG;AACtD,WAAO,QAAQ,MAAM,KAAK,MAAM,OAAO,KAAK,GAAG,EAAE,MAAM,OAAO,OAAO,CAAC,GAAG,QAAQ,KAAK,SAAS,MAAM,OAAO,MAAM;AAAA,EACpH;AAAA,EACO,cAAc,KAAa,MAAc,OAAU,QAAc;AACtE,SAAK,WAAW,IAAI;AACpB,UAAM,MAAM,KAAK,MAAM,UAAU,CAAC,MAAM,EAAE,SAAS,GAAG;AACtD,WAAO,QAAQ,MAAM,KAAK,MAAM,OAAO,MAAM,GAAG,GAAG,EAAE,MAAM,OAAO,OAAO,CAAC,GAAG,QAAQ,KAAK,SAAS,MAAM,OAAO,MAAM;AAAA,EACxH;AACF;AAEO,IAAM,gBAAN,MAAM,sBAAqB,gBAAiC;AAAA,EAKjE,OAAc,IAAI,MAAmB;AACnC,WAAO,KAAK,SAAS,IAAI,IAAI;AAAA,EAC/B;AAAA,EACA,OAAc,SAAS,MAA6B;AAClD,SAAK,SAAS,SAAS,KAAK,UAAU,IAAI;AAAA,EAC5C;AAAA,EACA,OAAc,WAAW,MAAoB;AAC3C,SAAK,SAAS,WAAW,IAAI;AAAA,EAC/B;AAAA,EACA,OAAc,eAAe,KAAa,MAA6B;AACrE,SAAK,SAAS,eAAe,KAAK,KAAK,UAAU,IAAI;AAAA,EACvD;AAAA,EACA,OAAc,cAAc,KAAa,MAA6B;AACpE,SAAK,SAAS,cAAc,KAAK,KAAK,UAAU,IAAI;AAAA,EACtD;AAAA,EACA,OAAc,KAAK,KAAa,WAA8C;AAC5E,WAAO,KAAK,SAAS,OAAO,SAAS,EAAE,KAAK,CAAC,SAAS,KAAK,cAAc,GAAG,CAAC,KAAK;AAAA,EACpF;AACF;AAtBE,cADW,eACI,YAAW,IAAI,cAAa;AADtC,IAAM,eAAN;AAyBA,IAAM,gBAAN,MAAM,sBAAqB,gBAAiC;AAAA,EAKjE,OAAc,IAAI,MAAmB;AACnC,WAAO,KAAK,SAAS,IAAI,IAAI;AAAA,EAC/B;AAAA,EACA,OAAc,SAAS,MAAuB,YAAY,KAAK,UAAU,QAAiB;AACxF,SAAK,SAAS,SAAS,KAAK,UAAU,IAAI;AAC1C,qBAAa,wBAAQ,cAAW,KAAK,UAAU,KAAK,KAAK;AAAA,EAC3D;AAAA,EACA,OAAc,WAAW,UAAkB,YAAY,MAAY;AACjE,SAAK,SAAS,WAAW,QAAQ;AACjC,qBAAa,2BAAW,cAAW,QAAQ;AAAA,EAC7C;AAAA,EACA,OAAc,eAAe,KAAa,MAA6B;AACrE,SAAK,SAAS,eAAe,KAAK,KAAK,UAAU,IAAI;AAAA,EACvD;AAAA,EACA,OAAc,cAAc,KAAa,MAA6B;AACpE,SAAK,SAAS,cAAc,KAAK,KAAK,UAAU,IAAI;AAAA,EACtD;AAAA,EACA,OAAc,aAAgC;AAC5C,WAAO,KAAK,SAAS,OAAO;AAAA,EAC9B;AACF;AAxBE,cADW,eACI,YAAW,IAAI,cAAa;AADtC,IAAM,eAAN;AA2BA,IAAM,eAAN,MAAM,qBAAoB,aAA6B;AAAA,EAK5D,OAAc,IAAI,MAAmB;AACnC,WAAO,KAAK,SAAS,IAAI,IAAI;AAAA,EAC/B;AAAA,EACA,OAAc,SAAS,KAAqB,YAAY,IAAI,UAAU,QAAiB;AACrF,SAAK,SAAS,SAAS,IAAI,UAAU,GAAG;AACxC,qBAAa,wBAAQ,cAAW,IAAI,KAAK,WAAW,MAAM,IAAI,SAAS,IAAI,KAAK;AAAA,EAClF;AAAA,EACA,OAAc,WAAW,UAAkB,YAAY,MAAY;AACjE,SAAK,SAAS,WAAW,QAAQ;AACjC,qBAAa,2BAAY,SAAS,MAAM,GAAG,SAAS,QAAQ,GAAG,CAAC,KAAK,eAAK,eAAK,aAAG,UAAkB,QAAQ;AAAA,EAC9G;AACF;AAfE,cADW,cACI,YAAW,IAAI,aAAY;AADrC,IAAM,cAAN;AAkBA,IAAM,gBAAN,MAAM,sBAAqB,aAAkB;AAAA,EAIlD,OAAc,IAAI,MAAmB;AACnC,WAAO,KAAK,SAAS,IAAI,IAAI;AAAA,EAC/B;AAAA,EAEA,OAAc,SAAS,MAAc,SAAoB;AACvD,SAAK,SAAS,SAAS,MAAM,OAAO;AAAA,EACtC;AAAA,EACA,OAAc,WAAW,MAAmC;AAC1D,SAAK,SAAS,WAAW,IAAI;AAAA,EAC/B;AACF;AAbE,cADW,eACI,YAAW,IAAI,cAAa;AADtC,IAAM,eAAN;AAgBA,IAAM,qBAAN,MAAM,2BAA0B,aAAmC;AAAA,EAKxE,OAAc,IAAI,MAAmB;AACnC,WAAO,KAAK,SAAS,IAAI,IAAI;AAAA,EAC/B;AAAA,EACA,OAAc,SAAS,MAAkC;AACvD,SAAK,SAAS,SAAS,KAAK,eAAe,IAAI;AAAA,EACjD;AAAA,EACA,OAAc,WAAW,MAAwC;AAC/D,SAAK,SAAS,WAAW,IAAI;AAAA,EAC/B;AAAA,EAGA,OAAc,KAAK,MAAc,MAAW,SAAS,CAAC,GAAQ;AAC5D,UAAM,OAAO,KAAK,SAAS,IAAI,IAAI;AACnC,QAAI,CAAC,KAAM,QAAO;AAClB,UAAM,WAAW,IAAI,KAAK,MAAM,MAAM;AACtC,WAAO,SAAS,OAAO,GAAG,SAAS,MAAM;AAAA,EAC3C;AAAA,EACA,OAAc,SAAiC;AAC7C,WAAO,KAAK,SAAS,OAAO;AAAA,EAC9B;AACF;AAxBE,cADW,oBACI,YAAW,IAAI,mBAAkB;AAD3C,IAAM,oBAAN;AA2BA,IAAM,gBAAN,MAAM,sBAAqB,aAAqB;AAAA,EAIrD,OAAc,IAAI,MAAc,MAAM,OAAO,QAAQ,4BAA4B;AAC/E,YAAQ,MAAM,KAAK,SAAS,IAAI,IAAI,GAAG,QAAQ,OAAO,EAAE,IAAI,KAAK,SAAS,IAAI,IAAI,MAAM;AAAA,EAC1F;AAAA,EAEA,OAAc,SAAS,MAAc,KAAmB;AACtD,SAAK,SAAS,SAAS,MAAM,GAAG;AAAA,EAClC;AAAA,EACA,OAAc,WAAW,MAAmC;AAC1D,SAAK,SAAS,WAAW,IAAI;AAAA,EAC/B;AAAA;AAAA,EAEA,OAAc,YAAY,OAAoF;AAC5G,eAAW,KAAK,OAAO,KAAK,KAAK,EAAG,MAAK,SAAS,SAAS,GAA4B,MAAM,CAA0B,CAAC;AAAA,EAC1H;AACF;AAjBE,cADW,eACI,YAAW,IAAI,cAAa;AADtC,IAAM,eAAN;;;ACpKP,IAAAC,sBAAqB;AAErB,IAAM,MAAM,gBAAgB,OAAO,SAAS,SAAS;AAyE9C,IAAM,uBAAuB,MAChC,IAAI;AAAA,EACF,CAAC,YAAY;AACX,eAAW,SAAS,QAAS,KAAI,MAAM,OAAO,cAAe,YAAW,MAAM,MAAM,OAAO,cAAe,IAAG,KAAK;AAAA,EACpH;AAAA,EACA,EAAE,MAAM,MAAM,YAAY,OAAO,WAAW,IAAI;AAClD,IACA;AAEG,IAAM,iBAAiB,MAC1B,IAAI,eAAe,CAAC,YAAY;AAC9B,aAAW,SAAS,QAAS,KAAI,MAAM,OAAO,WAAY,YAAW,MAAM,MAAM,OAAO,WAAY,IAAG,KAAK;AAC9G,CAAC,IACD;AAEG,IAAM,mBAAmB,MAC5B,IAAI,iBAAiB,CAAC,cAAc;AASlC,QAAM,SAAS,UAAU,CAAC,EAAE;AAC5B,MAAI,OAAO,aAAc,YAAW,MAAM,OAAO,aAAc,IAAG,SAAS;AAC7E,CAAC,IACD;;;AThGG,IAAM,kBAAN,cAA8B,cAA4D;AAAA,EAI/F,IAAc,OAAO;AACnB,WAAO,KAAK,KAAK,KAAK,oBAAoB;AAAA,EAC5C;AAAA,EAEgB,SAAS;AACvB,WAAQ,KAAK,cAAU,uBAAS,UAAU,EAAE,WAAW,4BAA4B,MAAM,UAAU,WAAW,aAAa,IAAI,kBAAkB,IAAI,aAAa,IAAI,gBAAgB,IAAI,aAAa,IAAI,eAAe,EAAE,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AAAA,EAC/Q;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,sBAAsB,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAErG,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,MAAM,GAAG,mBAAmB,KAAK,UAAU,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEtG,SAAK,KAAK,OAAO,GAAG,qCAAqC,KAAK,UAAU,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC3G,SAAK,KAAK,OAAO,GAAG,qCAAqC,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EACjG;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,UAAU;AAAA,EACvB;AAAA,EAEO,WAAiB;AACtB,SAAK,MAAM,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM,OAAO,KAAK;AAC7D,SAAK,MAAM,MAAMC,qBAAoB,KAAK,SAAS,KAAK,UAAU,WAAW,KAAK,SAAS,MAAM,SAAS,SAAS;AACnH,SAAK,GAAG,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM;AAC9C,SAAK,WAAW;AAAA,EAClB;AACF;AAjCE,cADW,iBACY,iBAAwB;AAC/C,cAFW,iBAEY,aAAqB;","names":["import_sia_reactor","import_utils","import_utils","import_sia_reactor","import_utils","formatKeyForDisplay","import_sia_reactor","import_utils","import_sia_reactor","formatKeyForDisplay"]}

package/dist/components/controls/objectfit.js

@@ -0,0 +1,21 @@
+import {
+  ObjectFitButton
+} from "../../chunk-N52KK6K5.js";
+import "../../chunk-SWYNIQHD.js";
+import "../../chunk-LYKZAKVN.js";
+import "../../chunk-2JW4RYM4.js";
+import "../../chunk-HCSCY6DU.js";
+import "../../chunk-ZCQ5UWVE.js";
+import "../../chunk-RM6NFJ7V.js";
+import "../../chunk-EY7PB3LA.js";
+import "../../chunk-YXO6NQ4E.js";
+import "../../chunk-4W6H5CZF.js";
+import "../../chunk-BROAUWON.js";
+import "../../chunk-6U3M7V32.js";
+import "../../chunk-57L2PE3B.js";
+import "../../chunk-ZJ6KVLUS.js";
+import "../../chunk-UVKRO5ER.js";
+export {
+  ObjectFitButton
+};
+//# sourceMappingURL=objectfit.js.map

package/dist/components/controls/objectfit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}