tmg-media-player 0.0.1

package/dist/chunk-RM6NFJ7V.js

@@ -0,0 +1,32 @@
+import {
+  ACTIONS_BUILD
+} from "./chunk-EY7PB3LA.js";
+
+// src/ts/consts/config.ts
+import { CTX } from "sia-reactor";
+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: CTX.isDevEnv,
+  noPlugList: []
+  // dev: "settings.persist"
+};
+
+export {
+  CONFIG_BUILD
+};
+//# sourceMappingURL=chunk-RM6NFJ7V.js.map

package/dist/chunk-RM6NFJ7V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/consts/config.ts"],"sourcesContent":["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"],"mappings":";;;;;AACA,SAAS,WAA6B;AAG/B,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,IAAI;AAAA,EACb,YAAY,CAAC;AAAA;AACf;","names":[]}

package/dist/chunk-RRYAXULQ.js

@@ -0,0 +1,48 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  formatKeyForDisplay
+} from "./chunk-LYKZAKVN.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/prev.ts
+var PrevButton = class extends BaseComponent {
+  get plug() {
+    return this.ctlr.plug("playlist");
+  }
+  create() {
+    this.element = createEl("button", { className: "tmg-media-prev-btn", type: "button", innerHTML: IconRegistry.get("prev") }, { draggableControl: "", controlId: this.name });
+    return this.hide(), this.element;
+  }
+  wire() {
+    this.el.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.plug?.state.on("currentIndex", () => this[this.plug.atFirst ? "hide" : "show"](), { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.prev", this.syncARIA, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.voice.commands.prev", this.syncARIA, { signal: this.signal });
+  }
+  handleClick() {
+    this.plug?.previous();
+  }
+  syncARIA() {
+    this.state.label = "Previous";
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.prev, this.settings.voice.commands.prev);
+    this.el.title = this.state.label + this.state.cmd;
+    this.setBtnARIA();
+  }
+};
+__publicField(PrevButton, "componentName", "prev");
+__publicField(PrevButton, "isControl", true);
+
+export {
+  PrevButton
+};
+//# sourceMappingURL=chunk-RRYAXULQ.js.map

package/dist/chunk-RRYAXULQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/prev.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 PrevConfig = undefined;\r\n\r\nexport class PrevButton extends BaseComponent<PrevConfig, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName: string = \"prev\";\r\n  public static readonly isControl: boolean = true;\r\n  protected get plug() {\r\n    return this.ctlr.plug(\"playlist\");\r\n  }\r\n\r\n  public override create() {\r\n    this.element = createEl(\"button\", { className: \"tmg-media-prev-btn\", type: \"button\", innerHTML: IconRegistry.get(\"prev\") }, { draggableControl: \"\", controlId: this.name });\r\n    return this.hide(), this.element;\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Event Listeners\r\n    this.el.addEventListener(\"click\", this.handleClick, { signal: this.signal });\r\n    // Plug Listeners\r\n    this.plug?.state.on(\"currentIndex\", () => this[this.plug!.atFirst ? \"hide\" : \"show\"](), { init: true, signal: this.signal });\r\n    // Ctlr Config Listeners\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.prev\", this.syncARIA, { init: true, signal: this.signal });\n    this.ctlr.config.on(\"settings.voice.commands.prev\", this.syncARIA, { signal: this.signal });\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.plug?.previous();\r\n  }\r\n\r\n  public syncARIA(): void {\r\n    this.state.label = \"Previous\";\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.prev, this.settings.voice.commands.prev);\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    prev: typeof PrevButton;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;AAOO,IAAM,aAAN,cAAyB,cAA6D;AAAA,EAG3F,IAAc,OAAO;AACnB,WAAO,KAAK,KAAK,KAAK,UAAU;AAAA,EAClC;AAAA,EAEgB,SAAS;AACvB,SAAK,UAAU,SAAS,UAAU,EAAE,WAAW,sBAAsB,MAAM,UAAU,WAAW,aAAa,IAAI,MAAM,EAAE,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AAC1K,WAAO,KAAK,KAAK,GAAG,KAAK;AAAA,EAC3B;AAAA,EAEgB,OAAa;AAE3B,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,MAAM,MAAM,GAAG,gBAAgB,MAAM,KAAK,KAAK,KAAM,UAAU,SAAS,MAAM,EAAE,GAAG,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAE3H,SAAK,KAAK,OAAO,GAAG,gCAAgC,KAAK,UAAU,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AACtG,SAAK,KAAK,OAAO,GAAG,gCAAgC,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EAC5F;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,SAAS;AAAA,EACtB;AAAA,EAEO,WAAiB;AACtB,SAAK,MAAM,QAAQ;AACnB,SAAK,MAAM,MAAM,oBAAoB,KAAK,SAAS,KAAK,UAAU,MAAM,KAAK,SAAS,MAAM,SAAS,IAAI;AACzG,SAAK,GAAG,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM;AAC9C,SAAK,WAAW;AAAA,EAClB;AACF;AA/BE,cADW,YACY,iBAAwB;AAC/C,cAFW,YAEY,aAAqB;","names":[]}

package/dist/chunk-RS4W2FAL.js

@@ -0,0 +1,89 @@
+import {
+  LIGHT_STATE_BUILD
+} from "./chunk-GM7YMURS.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  inBoolArrOpt
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/main/lightState/index.ts
+import { TERMINATOR } from "sia-reactor";
+import { silence } from "sia-reactor/modules";
+var LightStatePlug = class extends BasePlug {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "hasStalled", false);
+    __publicField(this, "shadowTime");
+  }
+  wire() {
+    this.ctlr.state.set("readyState", (v) => v === 2 && !this.config.disabled ? (this.hasStalled = true, TERMINATOR) : v, { signal: this.signal });
+    this.media.on("intent.currentTime", this.handleCurrentTimeIntent, { capture: true, signal: this.signal });
+    this.ctlr.config.on("lightState.disabled", this.handleDisabled, { init: true, signal: this.signal });
+    this.ctlr.config.on("lightState.controls", this.handleControls, { init: true, signal: this.signal });
+    this.ctlr.config.on("lightState.preview.usePoster", this.handleUsePoster, { signal: this.signal });
+    this.ctlr.config.on("lightState.preview.time", this.handleTime, { signal: this.signal });
+    super.wire();
+  }
+  handleCurrentTimeIntent(e) {
+    if (e.resolved || this.config.disabled) return;
+    if (e.value !== this.shadowTime) e.resolve(this.name);
+  }
+  handleDisabled({ value }) {
+    if (value) {
+      if (this.settings.time.start != null) this.media.intent.currentTime = this.settings.time.start;
+      this.media.container.classList.remove("tmg-media-light");
+      this.media.nowatch("state.paused", this.remove);
+      this.ctlr.DOM.controlsContainer?.removeEventListener("click", this.handleClick);
+      !this.ctlr.payload.wired && this.hasStalled && this.ctlr.setReadyState(2);
+    } else {
+      this.config.preview.usePoster = this.config.preview.usePoster;
+      this.media.container.classList.add("tmg-media-light");
+      this.media.watch("state.paused", this.remove, { signal: this.signal });
+      this.ctlr.DOM.controlsContainer?.addEventListener("click", this.handleClick, { signal: this.signal });
+    }
+  }
+  handleControls() {
+    for (const c of this.ctlr.queryDOM("[data-control-id]", true)) c.dataset.lightControl = this.isLight(c.dataset.controlId) ? "true" : "false";
+  }
+  handleUsePoster({ target: { value, object } }) {
+    if (this.config.disabled || value && this.media.state.poster) return;
+    silence(() => this.media.intent.currentTime = this.shadowTime = object.time);
+    if (!this.media.status.loadedMetadata) this.media.once("status.loadedMetadata", () => this.config.preview.usePoster = value, { signal: this.signal });
+  }
+  handleTime({ target: { object } }) {
+    !this.config.disabled && (!object.usePoster || !this.media.state.poster) && silence(() => this.media.intent.currentTime = this.shadowTime = object.time);
+  }
+  handleClick({ target }) {
+    target === this.ctlr.DOM.controlsContainer && this.remove();
+  }
+  add() {
+    this.config.disabled = false;
+  }
+  remove() {
+    this.config.disabled = true;
+    this.isLight("bigplaypause") && this.stall();
+    this.media.intent.paused = false;
+  }
+  stall() {
+    this.ctlr.plug("settings.overlay")?.show();
+    const bigPlayBtn = this.ctlr.plug("settings.controlPanel")?.compEl("bigplaypause");
+    bigPlayBtn && this.media.container.classList.add("tmg-media-stall");
+    bigPlayBtn?.addEventListener("animationend", () => this.media.container.classList.remove("tmg-media-stall"), { once: true, signal: this.signal });
+  }
+  isLight(controlId) {
+    return inBoolArrOpt(this.config.controls, controlId);
+  }
+};
+__publicField(LightStatePlug, "plugName", "lightState");
+__publicField(LightStatePlug, "isMain", true);
+__publicField(LightStatePlug, "BUILD", LIGHT_STATE_BUILD);
+
+export {
+  LightStatePlug
+};
+//# sourceMappingURL=chunk-RS4W2FAL.js.map

package/dist/chunk-RS4W2FAL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/main/lightState/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\r\nimport type { LightStateConfig } from \"./types\";\r\nimport { LIGHT_STATE_BUILD } from \"./build\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport type { CtlrConfig } from \"@defs/config\";\r\nimport { TERMINATOR, type REvent } from \"sia-reactor\";\r\nimport { inBoolArrOpt } from \"@utils/obj\";\r\nimport { silence } from \"sia-reactor/modules\";\r\n\r\nexport class LightStatePlug extends BasePlug<LightStateConfig> {\r\n  public static readonly plugName = \"lightState\";\r\n  public static readonly isMain: boolean = true;\r\n  public static readonly BUILD = LIGHT_STATE_BUILD;\r\n  protected hasStalled = false;\r\n  protected shadowTime?: number;\r\n\r\n  public override wire(): void {\r\n    // Ctlr State Setters\r\n    this.ctlr.state.set(\"readyState\", (v) => (v === 2 && !this.config.disabled ? ((this.hasStalled = true), TERMINATOR) : v), { signal: this.signal }); // #DICTATOR: reliable authority\r\n    // ---- Media Listeners\r\n    this.media.on(\"intent.currentTime\", this.handleCurrentTimeIntent, { capture: true, signal: this.signal }); // #ISOLATION: peak compromise\r\n    // ---- Config Listeners\r\n    this.ctlr.config.on(\"lightState.disabled\", this.handleDisabled, { init: true, signal: this.signal });\r\n    this.ctlr.config.on(\"lightState.controls\", this.handleControls, { init: true, signal: this.signal });\r\n    this.ctlr.config.on(\"lightState.preview.usePoster\", this.handleUsePoster, { signal: this.signal });\r\n    this.ctlr.config.on(\"lightState.preview.time\", this.handleTime, { signal: this.signal });\r\n    // Post Wiring\r\n    super.wire();\r\n  }\r\n\r\n  protected handleCurrentTimeIntent(e: REvent<CtlrMedia, \"intent.currentTime\">): void {\r\n    if (e.resolved || this.config.disabled) return;\r\n    if (e.value !== this.shadowTime) e.resolve(this.name); // tech will get it later, no fear\r\n  }\r\n\r\n  protected handleDisabled({ value }: REvent<CtlrConfig, \"lightState.disabled\">): void {\r\n    if (value) {\r\n      if (this.settings.time.start != null) this.media.intent.currentTime = this.settings.time.start;\r\n      this.media.container.classList.remove(\"tmg-media-light\");\r\n      this.media.nowatch(\"state.paused\", this.remove);\r\n      this.ctlr.DOM.controlsContainer?.removeEventListener(\"click\", this.handleClick);\r\n      !this.ctlr.payload.wired && this.hasStalled && this.ctlr.setReadyState(2); // restoring order\r\n    } else {\r\n      this.config.preview.usePoster = this.config.preview.usePoster;\r\n      this.media.container.classList.add(\"tmg-media-light\");\r\n      this.media.watch(\"state.paused\", this.remove, { signal: this.signal });\r\n      this.ctlr.DOM.controlsContainer?.addEventListener(\"click\", this.handleClick, { signal: this.signal });\r\n    }\r\n  }\r\n\r\n  protected handleControls(): void {\r\n    for (const c of this.ctlr.queryDOM(\"[data-control-id]\", true)) c.dataset.lightControl = this.isLight(c.dataset.controlId!) ? \"true\" : \"false\";\r\n  }\r\n\r\n  protected handleUsePoster({ target: { value, object } }: REvent<CtlrConfig, \"lightState.preview.usePoster\">): void {\r\n    if (this.config.disabled || (value && this.media.state.poster)) return;\r\n    silence(() => (this.media.intent.currentTime = this.shadowTime = object.time));\r\n    if (!this.media.status.loadedMetadata) this.media.once(\"status.loadedMetadata\", () => (this.config.preview.usePoster = value), { signal: this.signal }); // retrigger when metadata is ready in case time is a percentage\r\n  }\r\n\r\n  protected handleTime({ target: { object } }: REvent<CtlrConfig, \"lightState.preview.time\">): void {\r\n    !this.config.disabled && (!object.usePoster || !this.media.state.poster) && silence(() => (this.media.intent.currentTime = this.shadowTime = object.time!));\r\n  }\r\n\r\n  protected handleClick({ target }: MouseEvent): void {\r\n    target === this.ctlr.DOM.controlsContainer && this.remove();\r\n  }\r\n\r\n  protected add(): void {\r\n    this.config.disabled = false;\r\n  }\r\n  protected remove(): void {\r\n    this.config.disabled = true;\r\n    this.isLight(\"bigplaypause\") && this.stall();\r\n    this.media.intent.paused = false;\r\n  }\r\n\r\n  protected stall(): void {\r\n    this.ctlr.plug(\"settings.overlay\")?.show();\r\n    const bigPlayBtn = this.ctlr.plug(\"settings.controlPanel\")?.compEl(\"bigplaypause\");\r\n    bigPlayBtn && this.media.container.classList.add(\"tmg-media-stall\");\r\n    bigPlayBtn?.addEventListener(\"animationend\", () => this.media.container.classList.remove(\"tmg-media-stall\"), { once: true, signal: this.signal });\r\n  }\r\n\r\n  protected isLight(controlId: string): boolean {\r\n    return inBoolArrOpt(this.config.controls, controlId);\r\n  }\r\n}\r\n\r\nexport type * from \"./types\";\r\nexport * from \"./build\";\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PlugRegistryMap {\r\n    lightState: typeof LightStatePlug;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/config\" {\r\n  interface CtlrConfig {\r\n    lightState: LightStateConfig;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-RSUFDTAH.js

@@ -0,0 +1,110 @@
+import {
+  getUIOpt
+} from "./chunk-BROAUWON.js";
+
+// src/ts/plugs/menus/settings/fastPlay.ts
+var fPRgx = /all|mouse|touch|pen/;
+var getSettingsFastPlayMenu = (plug) => ({
+  id: "general",
+  label: "Advanced",
+  icon: "settings",
+  widget: "group",
+  getValue: () => "",
+  items: [
+    {
+      id: "fastPlay",
+      label: "Fast play",
+      widget: "group",
+      getValue: () => plug.config.key || fPRgx.test(plug.config.pointer.type.value) ? "On" : "Off",
+      tipHTML: "Configure fast playback gestures, speed, and triggers",
+      configPaths: ["settings.fastPlay.key", "settings.fastPlay.pointer.type.value"],
+      items: [
+        {
+          id: "fastPlayRate",
+          label: "Fast play speed",
+          widget: "range",
+          getValue: () => `${plug.config.playbackRate}x`,
+          getRange() {
+            const divs = [];
+            for (let i = Math.ceil(plug.settings.playbackRate.min); i <= plug.settings.playbackRate.max; i++) divs.push(i);
+            return { min: plug.settings.playbackRate.min, max: plug.settings.playbackRate.max, step: 0.05, formatTooltip: (v) => `${v.toFixed(2)}x`, divs };
+          },
+          onChange: (val) => plug.config.playbackRate = val,
+          configPaths: ["settings.fastPlay.playbackRate", "settings.playbackRate.min", "settings.playbackRate.max"],
+          tipHTML: "Playback speed multiplier when fast play is active"
+        },
+        {
+          id: "fastPlayKey",
+          label: "Keyboard hold trigger",
+          widget: "toggle",
+          getValue: () => plug.config.key ? "On" : "Off",
+          onChange: (val) => plug.config.key = val,
+          configPaths: ["settings.fastPlay.key"],
+          title: "Press and hold the Left/Right arrow keys to temporarily rewind or fast-forward"
+        },
+        {
+          id: "fastPlayPointer",
+          label: "Pointer hold trigger",
+          widget: "group",
+          getValue: () => plug.config.pointer.threshold && fPRgx.test(plug.config.pointer.type.value) ? "On" : "Off",
+          tipHTML: "Press and hold the video with your mouse or finger to temporarily rewind or fast-forward",
+          configPaths: ["settings.fastPlay.pointer.type.value", "settings.fastPlay.pointer.threshold"],
+          items: [
+            {
+              id: "fastPlayPointerType",
+              label: "Pointer type",
+              widget: "select",
+              getValue: () => getUIOpt(plug.config.pointer.type.options, plug.config.pointer.type.value),
+              getOptions: () => plug.config.pointer.type.options,
+              onChange: (val) => plug.config.pointer.type.value = val,
+              configPaths: ["settings.fastPlay.pointer.type.value"],
+              tipHTML: "Which input devices can trigger fast play by long pressing the video."
+            },
+            {
+              id: "fastPlayPointerThreshold",
+              label: "Hold Duration",
+              widget: "input",
+              inputs: [{ label: "ms", placeholder: "2500", helperText: { info: "How long you need to hold your finger or mouse down before fast play starts." }, type: "number", min: "0", value: () => plug.config.pointer.threshold }],
+              getValue: () => `${plug.config.pointer.threshold}ms`,
+              onChange: (val) => plug.config.pointer.threshold = val["ms"],
+              configPaths: ["settings.fastPlay.pointer.threshold"]
+            },
+            {
+              id: "fastPlayPointerInset",
+              label: "Edge inset",
+              widget: "range",
+              getValue: () => `${Math.round(plug.config.pointer.inset)}px`,
+              getRange: () => ({ min: 0, max: 100, step: 5, formatTooltip: (v) => `${Math.round(v)}px` }),
+              onChange: (val) => plug.config.pointer.inset = val,
+              configPaths: ["settings.fastPlay.pointer.inset"],
+              tipHTML: "Distance from the screen edges to ignore long presses (prevents accidental triggers)"
+            }
+          ]
+        },
+        {
+          id: "fastPlayReset",
+          label: "Reset paused on release",
+          widget: "toggle",
+          getValue: () => plug.config.resetPaused ? "On" : "Off",
+          onChange: (val) => plug.config.resetPaused = val,
+          configPaths: ["settings.fastPlay.resetPaused"],
+          title: "Automatically reset play state when you release the trigger"
+        },
+        {
+          id: "fastPlayRewind",
+          label: "Allow rewind",
+          widget: "toggle",
+          getValue: () => plug.config.rewind ? "On" : "Off",
+          onChange: (val) => plug.config.rewind = val,
+          configPaths: ["settings.fastPlay.rewind"],
+          title: "Allow fast playing backwards (rewinding) if triggered on the left side of the screen"
+        }
+      ]
+    }
+  ]
+});
+
+export {
+  getSettingsFastPlayMenu
+};
+//# sourceMappingURL=chunk-RSUFDTAH.js.map

package/dist/chunk-RSUFDTAH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/fastPlay.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport type { FastPlayPlug } from \"@plugs/settings/fastPlay\";\nimport { getUIOpt } from \"@utils/obj\";\n\nconst fPRgx = /all|mouse|touch|pen/;\n\nexport const getSettingsFastPlayMenu = (plug: FastPlayPlug): SettingsMenuItem => ({\n  id: \"general\",\n  label: \"Advanced\",\n  icon: \"settings\",\n  widget: \"group\",\n  getValue: () => \"\",\n  items: [\n    {\n      id: \"fastPlay\",\n      label: \"Fast play\",\n      widget: \"group\",\n      getValue: () => (plug.config.key || fPRgx.test(plug.config.pointer.type.value) ? \"On\" : \"Off\"),\n      tipHTML: \"Configure fast playback gestures, speed, and triggers\",\n      configPaths: [\"settings.fastPlay.key\", \"settings.fastPlay.pointer.type.value\"],\n      items: [\n        {\n          id: \"fastPlayRate\",\n          label: \"Fast play speed\",\n          widget: \"range\",\n          getValue: () => `${plug.config.playbackRate}x`,\n          getRange() {\n            const divs = [];\n            for (let i = Math.ceil(plug.settings.playbackRate.min); i <= plug.settings.playbackRate.max; i++) divs.push(i);\n            return { min: plug.settings.playbackRate.min, max: plug.settings.playbackRate.max, step: 0.05, formatTooltip: (v: number) => `${v.toFixed(2)}x`, divs };\n          },\n          onChange: (val: number) => (plug.config.playbackRate = val),\n          configPaths: [\"settings.fastPlay.playbackRate\", \"settings.playbackRate.min\", \"settings.playbackRate.max\"],\n          tipHTML: \"Playback speed multiplier when fast play is active\",\n        },\n        {\n          id: \"fastPlayKey\",\n          label: \"Keyboard hold trigger\",\n          widget: \"toggle\",\n          getValue: () => (plug.config.key ? \"On\" : \"Off\"),\n          onChange: (val: boolean) => (plug.config.key = val),\n          configPaths: [\"settings.fastPlay.key\"],\n          title: \"Press and hold the Left/Right arrow keys to temporarily rewind or fast-forward\",\n        },\n        {\n          id: \"fastPlayPointer\",\n          label: \"Pointer hold trigger\",\n          widget: \"group\",\n          getValue: () => (plug.config.pointer.threshold && fPRgx.test(plug.config.pointer.type.value) ? \"On\" : \"Off\"),\n          tipHTML: \"Press and hold the video with your mouse or finger to temporarily rewind or fast-forward\",\n          configPaths: [\"settings.fastPlay.pointer.type.value\", \"settings.fastPlay.pointer.threshold\"],\n          items: [\n            {\n              id: \"fastPlayPointerType\",\n              label: \"Pointer type\",\n              widget: \"select\",\n              getValue: () => getUIOpt(plug.config.pointer.type.options, plug.config.pointer.type.value),\n              getOptions: () => plug.config.pointer.type.options!,\n              onChange: (val: string) => (plug.config.pointer.type.value = val),\n              configPaths: [\"settings.fastPlay.pointer.type.value\"],\n              tipHTML: \"Which input devices can trigger fast play by long pressing the video.\",\n            },\n            {\n              id: \"fastPlayPointerThreshold\",\n              label: \"Hold Duration\",\n              widget: \"input\",\n              inputs: [{ label: \"ms\", placeholder: \"2500\", helperText: { info: \"How long you need to hold your finger or mouse down before fast play starts.\" }, type: \"number\", min: \"0\", value: () => plug.config.pointer.threshold }],\n              getValue: () => `${plug.config.pointer.threshold}ms`,\n              onChange: (val: Record<string, any>) => (plug.config.pointer.threshold = val[\"ms\"]),\n              configPaths: [\"settings.fastPlay.pointer.threshold\"],\n            },\n            {\n              id: \"fastPlayPointerInset\",\n              label: \"Edge inset\",\n              widget: \"range\",\n              getValue: () => `${Math.round(plug.config.pointer.inset)}px`,\n              getRange: () => ({ min: 0, max: 100, step: 5, formatTooltip: (v: number) => `${Math.round(v)}px` }),\n              onChange: (val: number) => (plug.config.pointer.inset = val),\n              configPaths: [\"settings.fastPlay.pointer.inset\"],\n              tipHTML: \"Distance from the screen edges to ignore long presses (prevents accidental triggers)\",\n            },\n          ],\n        },\n        {\n          id: \"fastPlayReset\",\n          label: \"Reset paused on release\",\n          widget: \"toggle\",\n          getValue: () => (plug.config.resetPaused ? \"On\" : \"Off\"),\n          onChange: (val: boolean) => (plug.config.resetPaused = val),\n          configPaths: [\"settings.fastPlay.resetPaused\"],\n          title: \"Automatically reset play state when you release the trigger\",\n        },\n        {\n          id: \"fastPlayRewind\",\n          label: \"Allow rewind\",\n          widget: \"toggle\",\n          getValue: () => (plug.config.rewind ? \"On\" : \"Off\"),\n          onChange: (val: boolean) => (plug.config.rewind = val),\n          configPaths: [\"settings.fastPlay.rewind\"],\n          title: \"Allow fast playing backwards (rewinding) if triggered on the left side of the screen\",\n        },\n      ],\n    },\n  ],\n});\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.fastPlay\": typeof getSettingsFastPlayMenu;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-S2XKXJNC.js

@@ -0,0 +1,30 @@
+// src/ts/components/icons/pipplaceholder.ts
+var pipplaceholder = `<svg class="tmg-media-pip-placeholder-icon" viewBox="0 0 73 73">
+  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g transform="translate(2, 2)" fill-rule="nonzero" stroke-width="2" class="tmg-media-pip-icon-background">
+      <rect x="-1" y="-1" width="71" height="71" rx="14" />
+    </g>
+    <g transform="translate(15, 15)" fill-rule="nonzero">
+      <g>
+        <polygon class="tmg-media-pip-icon-content-background" points="0 0 0 36 36 36 36 0" />
+        <rect class="tmg-media-pip-icon-content-backdrop" x="4.2890625" y="4.2890625" width="27.421875" height="13.2679687" />
+        <g transform="translate(4.289063, 27.492187)">
+          <rect x="0" y="0" width="3.1640625" height="2.109375" class="tmg-media-pip-icon-timeline-progress" />
+          <rect x="7.3828125" y="0" width="20.0390625" height="2.109375" class="tmg-media-pip-icon-timeline-base" />
+        </g>
+        <circle class="tmg-media-pip-icon-timeline-thumb" cx="9.5625" cy="28.546875" r="3.1640625" />
+        <polygon class="tmg-media-pip-icon-content" points="31.7109375 17.5569609 31.7109375 23.2734375 4.2890625 23.2734375 4.2890625 17.5569609 13.78125 8.06477344 20.109375 14.3928984 24.328125 10.1741484" />
+      </g>
+      <g transform="translate(21, 26)">
+        <polygon class="tmg-media-pip-icon-content-background" points="0 0 0 17.7727273 23 17.7727273 23 0" />
+        <rect class="tmg-media-pip-icon-content-backdrop" x="2.74023438" y="2.74023438" width="17.5195312" height="8.47675781" />
+        <polygon class="tmg-media-pip-icon-content" points="20.2597656 11.2169473 20.2597656 14.8691406 2.74023438 14.8691406 2.74023438 11.2169473 8.8046875 5.15249414 12.8476562 9.19546289 15.5429687 6.50015039" />
+      </g>
+    </g>
+  </g>
+</svg>`;
+
+export {
+  pipplaceholder
+};
+//# sourceMappingURL=chunk-S2XKXJNC.js.map

package/dist/chunk-S2XKXJNC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/pipplaceholder.ts"],"sourcesContent":["export const pipplaceholder = `<svg class=\"tmg-media-pip-placeholder-icon\" viewBox=\"0 0 73 73\">\r\n  <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n    <g transform=\"translate(2, 2)\" fill-rule=\"nonzero\" stroke-width=\"2\" class=\"tmg-media-pip-icon-background\">\r\n      <rect x=\"-1\" y=\"-1\" width=\"71\" height=\"71\" rx=\"14\" />\r\n    </g>\r\n    <g transform=\"translate(15, 15)\" fill-rule=\"nonzero\">\r\n      <g>\r\n        <polygon class=\"tmg-media-pip-icon-content-background\" points=\"0 0 0 36 36 36 36 0\" />\r\n        <rect class=\"tmg-media-pip-icon-content-backdrop\" x=\"4.2890625\" y=\"4.2890625\" width=\"27.421875\" height=\"13.2679687\" />\r\n        <g transform=\"translate(4.289063, 27.492187)\">\r\n          <rect x=\"0\" y=\"0\" width=\"3.1640625\" height=\"2.109375\" class=\"tmg-media-pip-icon-timeline-progress\" />\r\n          <rect x=\"7.3828125\" y=\"0\" width=\"20.0390625\" height=\"2.109375\" class=\"tmg-media-pip-icon-timeline-base\" />\r\n        </g>\r\n        <circle class=\"tmg-media-pip-icon-timeline-thumb\" cx=\"9.5625\" cy=\"28.546875\" r=\"3.1640625\" />\r\n        <polygon class=\"tmg-media-pip-icon-content\" points=\"31.7109375 17.5569609 31.7109375 23.2734375 4.2890625 23.2734375 4.2890625 17.5569609 13.78125 8.06477344 20.109375 14.3928984 24.328125 10.1741484\" />\r\n      </g>\r\n      <g transform=\"translate(21, 26)\">\r\n        <polygon class=\"tmg-media-pip-icon-content-background\" points=\"0 0 0 17.7727273 23 17.7727273 23 0\" />\r\n        <rect class=\"tmg-media-pip-icon-content-backdrop\" x=\"2.74023438\" y=\"2.74023438\" width=\"17.5195312\" height=\"8.47675781\" />\r\n        <polygon class=\"tmg-media-pip-icon-content\" points=\"20.2597656 11.2169473 20.2597656 14.8691406 2.74023438 14.8691406 2.74023438 11.2169473 8.8046875 5.15249414 12.8476562 9.19546289 15.5429687 6.50015039\" />\r\n      </g>\r\n    </g>\r\n  </g>\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    pipplaceholder: typeof pipplaceholder;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-S4NKJDRC.js

@@ -0,0 +1,79 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  formatKeyForDisplay
+} from "./chunk-LYKZAKVN.js";
+import {
+  addSafeClicks
+} from "./chunk-HCSCY6DU.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/timeandduration.ts
+import { silence } from "sia-reactor/modules";
+var TimeAndDurationButton = class extends BaseComponent {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "time");
+    __publicField(this, "bridge");
+    __publicField(this, "duration");
+    __publicField(this, "liveBadge");
+  }
+  get plug() {
+    return this.ctlr.plug("settings.time");
+  }
+  create() {
+    this.element = createEl("button", { className: "tmg-media-time-and-duration-btn tmg-media-control-text-btn" }, { draggableControl: "", controlId: this.name });
+    this.time = createEl("span", { className: "tmg-media-current-time", textContent: "-:--" });
+    this.bridge = createEl("span", { className: "tmg-media-time-bridge", textContent: "/" });
+    this.duration = createEl("span", { className: "tmg-media-duration-time", textContent: "-:--" });
+    this.liveBadge = createEl("span", { className: "tmg-media-live-badge", textContent: "Live" });
+    return this.el.append(this.time, this.bridge, this.duration, this.liveBadge), this.element;
+  }
+  wire() {
+    addSafeClicks(this.element, this.handleClick, this.handleDblClick, { signal: this.signal });
+    this.media.on("state.currentTime", this.syncTime, { signal: this.signal });
+    this.media.on("state.live", (e) => (this.liveBadge.classList.toggle("tmg-media-control-live", e.value), this.syncARIA()), { signal: this.signal });
+    this.media.on("status.duration", this.syncDuration, { signal: this.signal });
+    this.media.on("status.isLive", (e) => (this.media.container.classList.toggle("tmg-media-is-live", e.value), this.syncARIA()), { signal: this.signal });
+    this.ctlr.config.on("settings.time.format", this.syncUI, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.time.mode", this.syncTime, { signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.timeMode", this.syncARIA, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.voice.commands.timeMode", this.syncARIA, { signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.timeFormat", this.syncARIA, { signal: this.signal });
+  }
+  handleClick() {
+    !this.media.status.isLive || this.media.state.live ? this.plug?.toggleMode() : silence(() => this.media.intent.live = true);
+  }
+  handleDblClick() {
+    this.plug?.rotateFormat();
+  }
+  syncUI() {
+    this.bridge.textContent = { digital: "/", human: "of", "human-long": "out of" }[this.settings.time.format] || "/";
+    this.syncTime(), this.syncDuration();
+  }
+  syncTime() {
+    this.time.textContent = this.plug?.toTimeText(this.media.state.currentTime, true) || "-:--";
+  }
+  syncDuration() {
+    this.duration.textContent = this.plug?.toTimeText(this.media.status.duration) || "-:--";
+  }
+  syncARIA() {
+    this.state.label = `Show ${this.plug?.nextMode} time`;
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.timeMode, this.settings.voice.commands.timeMode);
+    this.el.title = !this.media.status.isLive || this.media.state.live ? `Switch (mode${this.state.cmd} / DblClick\u2192format${formatKeyForDisplay(this.settings.keys.shortcuts.timeFormat, this.settings.voice.commands.timeFormat)})` : "Skip ahead to live broadcast";
+    this.setBtnARIA("Switch time format");
+  }
+};
+__publicField(TimeAndDurationButton, "componentName", "timeandduration");
+__publicField(TimeAndDurationButton, "isControl", true);
+
+export {
+  TimeAndDurationButton
+};
+//# sourceMappingURL=chunk-S4NKJDRC.js.map

package/dist/chunk-S4NKJDRC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/timeandduration.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"@components/base\";\r\nimport { addSafeClicks, createEl } from \"@utils/dom\";\r\nimport { formatKeyForDisplay } from \"@utils/keys\";\r\nimport { silence } from \"sia-reactor/modules\";\r\n\r\nexport type TimeAndDurationConfig = undefined;\r\n\r\nexport class TimeAndDurationButton extends BaseComponent<TimeAndDurationConfig, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName: string = \"timeandduration\";\r\n  public static readonly isControl: boolean = true;\r\n  protected time!: HTMLElement;\r\n  protected bridge!: HTMLElement;\r\n  protected duration!: HTMLElement;\r\n  protected liveBadge!: HTMLElement;\r\n  protected get plug() {\r\n    return this.ctlr.plug(\"settings.time\");\r\n  }\r\n\r\n  public override create() {\r\n    // Variables Assignments\r\n    this.element = createEl(\"button\", { className: \"tmg-media-time-and-duration-btn tmg-media-control-text-btn\" }, { draggableControl: \"\", controlId: this.name });\r\n    this.time = createEl(\"span\", { className: \"tmg-media-current-time\", textContent: \"-:--\" });\r\n    this.bridge = createEl(\"span\", { className: \"tmg-media-time-bridge\", textContent: \"/\" });\r\n    this.duration = createEl(\"span\", { className: \"tmg-media-duration-time\", textContent: \"-:--\" });\r\n    this.liveBadge = createEl(\"span\", { className: \"tmg-media-live-badge\", textContent: \"Live\" });\r\n    // DOM Injection\r\n    return this.el.append(this.time, this.bridge, this.duration, this.liveBadge), this.element;\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Event Listeners\r\n    addSafeClicks(this.element, this.handleClick, this.handleDblClick, { signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.currentTime\", this.syncTime, { signal: this.signal });\r\n    this.media.on(\"state.live\", (e) => (this.liveBadge.classList.toggle(\"tmg-media-control-live\", e.value), this.syncARIA()), { signal: this.signal });\r\n    this.media.on(\"status.duration\", this.syncDuration, { signal: this.signal });\r\n    this.media.on(\"status.isLive\", (e) => (this.media.container.classList.toggle(\"tmg-media-is-live\", e.value), this.syncARIA()), { signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.time.format\", this.syncUI, { init: true, signal: this.signal });\r\n    this.ctlr.config.on(\"settings.time.mode\", this.syncTime, { signal: this.signal });\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.timeMode\", this.syncARIA, { init: true, signal: this.signal });\n    this.ctlr.config.on(\"settings.voice.commands.timeMode\", this.syncARIA, { signal: this.signal });\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.timeFormat\", this.syncARIA, { signal: this.signal });\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    !this.media.status.isLive || this.media.state.live ? this.plug?.toggleMode() : silence(() => (this.media.intent.live = true));\r\n  }\r\n  protected handleDblClick(): void {\r\n    this.plug?.rotateFormat();\r\n  }\r\n\r\n  public syncUI(): void {\r\n    this.bridge.textContent = { digital: \"/\", human: \"of\", \"human-long\": \"out of\" }[this.settings.time.format] || \"/\";\r\n    this.syncTime(), this.syncDuration();\r\n  }\r\n  public syncTime(): void {\r\n    this.time.textContent = this.plug?.toTimeText(this.media.state.currentTime, true) || \"-:--\";\r\n  }\r\n  public syncDuration(): void {\r\n    this.duration.textContent = this.plug?.toTimeText(this.media.status.duration) || \"-:--\";\r\n  }\r\n  public syncARIA(): void {\r\n    this.state.label = `Show ${this.plug?.nextMode} time`;\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.timeMode, this.settings.voice.commands.timeMode);\r\n    this.el.title = !this.media.status.isLive || this.media.state.live ? `Switch (mode${this.state.cmd} / DblClick→format${formatKeyForDisplay(this.settings.keys.shortcuts.timeFormat, this.settings.voice.commands.timeFormat)})` : \"Skip ahead to live broadcast\";\r\n    this.setBtnARIA(\"Switch time format\");\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    timeandduration: typeof TimeAndDurationButton;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-S7QGB2FC.js

@@ -0,0 +1,27 @@
+import {
+  BaseNotifier
+} from "./chunk-XJ6HO3WP.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/notifiers/timer.ts
+var TimerNotifier = class extends BaseNotifier {
+  create() {
+    this.element = createEl("div", { className: "tmg-media-timer-notifier", innerHTML: IconRegistry.get("timer") });
+    return this.bindNodes([this.element]);
+  }
+};
+__publicField(TimerNotifier, "componentName", "timernotifier");
+__publicField(TimerNotifier, "triggers", ["timer"]);
+
+export {
+  TimerNotifier
+};
+//# sourceMappingURL=chunk-S7QGB2FC.js.map

package/dist/chunk-S7QGB2FC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/notifiers/timer.ts"],"sourcesContent":["import { BaseNotifier, ComponentState } from \"./base\";\nimport { createEl } from \"@utils/dom\";\nimport { IconRegistry } from \"@core/registries\";\n\nexport class TimerNotifier extends BaseNotifier<undefined, ComponentState, HTMLDivElement> {\n  public static readonly componentName = \"timernotifier\";\n  public static readonly triggers = [\"timer\"];\n\n  public override create() {\n    this.element = createEl(\"div\", { className: \"tmg-media-timer-notifier\", innerHTML: IconRegistry.get(\"timer\") });\n    return this.bindNodes([this.element]);\n  }\n}\n\ndeclare module \"@defs/registries\" {\n  interface ComponentRegistryMap {\n    timernotifier: typeof TimerNotifier;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAIO,IAAM,gBAAN,cAA4B,aAAwD;AAAA,EAIzE,SAAS;AACvB,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,4BAA4B,WAAW,aAAa,IAAI,OAAO,EAAE,CAAC;AAC9G,WAAO,KAAK,UAAU,CAAC,KAAK,OAAO,CAAC;AAAA,EACtC;AACF;AAPE,cADW,eACY,iBAAgB;AACvC,cAFW,eAEY,YAAW,CAAC,OAAO;","names":[]}