tmg-media-player 0.0.1

package/dist/chunk-XGVDXMS3.js

@@ -0,0 +1,90 @@
+// src/ts/utils/env.ts
+var win = "undefined" !== typeof window ? window : void 0;
+var nav = win?.navigator;
+var ua = nav?.userAgent || "";
+var uaData = nav?.userAgentData;
+var IS_ANDROID = false;
+var IS_WINDOWS = false;
+var IS_FIREFOX = false;
+var IS_EDGE = false;
+var IS_CHROME = false;
+var IS_CHROMIUM = false;
+var IS_SAFARI = false;
+var IS_IE = false;
+var IS_TIZEN = false;
+var IS_WEBOS = false;
+var IS_IPOD = false;
+var IS_IPAD = false;
+var IS_IPHONE = false;
+var IOS_VERSION = null;
+var ANDROID_VERSION = null;
+var CHROME_VERSION = null;
+var CHROMIUM_VERSION = null;
+var IE_VERSION = null;
+var IS_IOS = false;
+var IS_MOBILE = false;
+var IS_SMART_TV = false;
+var IS_CHROMECAST_RECEIVER = Boolean(win?.cast?.framework?.CastReceiverContext);
+var MSE_ENABLED = Boolean(win && ("MediaSource" in win || "webkitMediaSource" in win));
+var TOUCH_ENABLED = Boolean(win && ("ontouchstart" in win || nav?.maxTouchPoints || win.DocumentTouch && win.document instanceof win.DocumentTouch));
+var queryMediaMobile = (query = `(max-width: 480px), (max-width: 940px) and (max-height: 480px) and (orientation: landscape)`) => Boolean(win && "matchMedia" in win && win.matchMedia(query).matches);
+if (uaData?.platform && uaData?.brands) {
+  const pickVersion = (brands, needle) => brands.find((b) => b.brand === needle && b.version)?.version || null;
+  IS_ANDROID = uaData.platform === "Android";
+  IS_WINDOWS = uaData.platform === "Windows";
+  IS_EDGE = uaData.brands.some((b) => b.brand === "Microsoft Edge");
+  IS_CHROMIUM = uaData.brands.some((b) => b.brand === "Chromium" || b.brand === "Google Chrome");
+  IS_CHROME = IS_CHROMIUM && !IS_EDGE;
+  CHROMIUM_VERSION = CHROME_VERSION = pickVersion(uaData.brands, "Chromium") || pickVersion(uaData.brands, "Google Chrome");
+}
+if (true) {
+  IS_ANDROID || (IS_ANDROID = /Android/i.test(ua));
+  IS_WINDOWS || (IS_WINDOWS = /Windows/i.test(ua));
+  IS_FIREFOX = /Firefox|FxiOS/i.test(ua);
+  IS_EDGE || (IS_EDGE = /Edg|EdgiOS/i.test(ua));
+  IS_CHROMIUM || (IS_CHROMIUM = /Chrome|CriOS/i.test(ua));
+  IS_CHROME = IS_CHROMIUM && !IS_EDGE;
+  IS_SAFARI = /Safari/i.test(ua) && !IS_CHROME && !IS_FIREFOX && !IS_EDGE;
+  IS_IE = /MSIE|(Trident\/7.0)|(rv:11.0)/i.test(ua);
+  IS_TIZEN = /Tizen/i.test(ua);
+  IS_WEBOS = /Web0S/i.test(ua);
+  IS_IPOD = /iPod/i.test(ua);
+  IS_IPAD = /iPad/i.test(ua) || IS_SAFARI && TOUCH_ENABLED && !/iPhone/i.test(ua);
+  IS_IPHONE = /iPhone/i.test(ua) && !IS_IPAD;
+  IOS_VERSION = ua.match(/OS (\d+)_/i)?.[1] ?? null;
+  ANDROID_VERSION = ua.match(/Android\s(\d+(?:\.\d+)+)/i)?.[1] ?? null;
+  CHROMIUM_VERSION = CHROME_VERSION = ua.match(/(?:Chrome|CriOS)\/(\d+)/)?.[1] ?? CHROMIUM_VERSION;
+  IE_VERSION = ua.match(/MSIE\s(\d+)\.\d/)?.[1] || (/Trident\/7.0/i.test(ua) && /rv:11.0/.test(ua) ? "11.0" : null);
+}
+IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
+IS_MOBILE = Boolean(IS_ANDROID || IS_IPHONE || IS_IPOD || IS_IPAD);
+IS_SMART_TV = IS_TIZEN || IS_WEBOS;
+
+export {
+  IS_ANDROID,
+  IS_WINDOWS,
+  IS_FIREFOX,
+  IS_EDGE,
+  IS_CHROME,
+  IS_CHROMIUM,
+  IS_SAFARI,
+  IS_IE,
+  IS_TIZEN,
+  IS_WEBOS,
+  IS_IPOD,
+  IS_IPAD,
+  IS_IPHONE,
+  IOS_VERSION,
+  ANDROID_VERSION,
+  CHROME_VERSION,
+  CHROMIUM_VERSION,
+  IE_VERSION,
+  IS_IOS,
+  IS_MOBILE,
+  IS_SMART_TV,
+  IS_CHROMECAST_RECEIVER,
+  MSE_ENABLED,
+  TOUCH_ENABLED,
+  queryMediaMobile
+};
+//# sourceMappingURL=chunk-XGVDXMS3.js.map

package/dist/chunk-XGVDXMS3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/utils/env.ts"],"sourcesContent":["/*\r\n * Portions of this code are derived from Video.js\r\n * https://github.com/videojs/video.js\r\n * Licensed under Apache License 2.0\r\n * Copyright (c) Brightcove, Inc. and contributors\r\n */\r\n\r\n// Types\r\ntype Version = string | null;\r\ntype BrandEntry = { brand?: string; version?: string };\r\n\r\n// Environment guards\r\nconst win = \"undefined\" !== typeof window ? window : undefined,\r\n  nav = win?.navigator,\r\n  ua = nav?.userAgent || \"\",\r\n  uaData = (nav as Navigator & { userAgentData?: { platform?: string; brands?: BrandEntry[] } })?.userAgentData;\r\n\r\n// Base flags: bools first, versions second for readability\r\nexport let IS_ANDROID = false;\r\nexport let IS_WINDOWS = false;\r\nexport let IS_FIREFOX = false;\r\nexport let IS_EDGE = false;\r\nexport let IS_CHROME = false;\r\nexport let IS_CHROMIUM = false;\r\nexport let IS_SAFARI = false;\r\nexport let IS_IE = false;\r\nexport let IS_TIZEN = false;\r\nexport let IS_WEBOS = false;\r\nexport let IS_IPOD = false;\r\nexport let IS_IPAD = false;\r\nexport let IS_IPHONE = false;\r\n// Versioned details\r\nexport let IOS_VERSION: Version = null;\r\nexport let ANDROID_VERSION: Version = null;\r\nexport let CHROME_VERSION: Version = null;\r\nexport let CHROMIUM_VERSION: Version = null;\r\nexport let IE_VERSION: Version = null;\r\n// Composite Flags\r\nexport let IS_IOS = false;\r\nexport let IS_MOBILE = false;\r\nexport let IS_SMART_TV = false;\r\n// Capabilities\r\nexport const IS_CHROMECAST_RECEIVER = Boolean((win as any)?.cast?.framework?.CastReceiverContext);\r\nexport const MSE_ENABLED = Boolean(win && (\"MediaSource\" in win || \"webkitMediaSource\" in win));\r\nexport const TOUCH_ENABLED = Boolean(win && (\"ontouchstart\" in win || (nav as Navigator & { maxTouchPoints?: number })?.maxTouchPoints || ((win as any).DocumentTouch && win.document instanceof (win as any).DocumentTouch)));\r\n// Media Queries\r\nexport const queryMediaMobile = (query = `(max-width: 480px), (max-width: 940px) and (max-height: 480px) and (orientation: landscape)`) => Boolean(win && \"matchMedia\" in win && win.matchMedia(query).matches);\r\n\r\n// Modern detection first (userAgentData)\r\nif (uaData?.platform && uaData?.brands) {\r\n  // Helpers\r\n  const pickVersion = (brands: BrandEntry[], needle: string): Version => brands.find((b) => b.brand === needle && b.version)?.version || null;\r\n  // Platform first\r\n  IS_ANDROID = uaData.platform === \"Android\";\r\n  IS_WINDOWS = uaData.platform === \"Windows\";\r\n  // Browser family\r\n  IS_EDGE = uaData.brands.some((b) => b.brand === \"Microsoft Edge\");\r\n  IS_CHROMIUM = uaData.brands.some((b) => b.brand === \"Chromium\" || b.brand === \"Google Chrome\");\r\n  IS_CHROME = IS_CHROMIUM && !IS_EDGE;\r\n  // Versions\r\n  CHROMIUM_VERSION = CHROME_VERSION = pickVersion(uaData.brands, \"Chromium\") || pickVersion(uaData.brands, \"Google Chrome\");\r\n}\r\n\r\n// Fallback / additional parsing via UA string\r\nif (true || !IS_CHROMIUM || !CHROMIUM_VERSION) {\r\n  // General Platforms\r\n  IS_ANDROID ||= /Android/i.test(ua);\r\n  IS_WINDOWS ||= /Windows/i.test(ua);\r\n  // Desktop & general browsers (include iOS-branded variants)\r\n  IS_FIREFOX = /Firefox|FxiOS/i.test(ua);\r\n  IS_EDGE ||= /Edg|EdgiOS/i.test(ua);\r\n  IS_CHROMIUM ||= /Chrome|CriOS/i.test(ua);\r\n  IS_CHROME = IS_CHROMIUM && !IS_EDGE;\r\n  IS_SAFARI = /Safari/i.test(ua) && !IS_CHROME && !IS_FIREFOX && !IS_EDGE;\r\n  IS_IE = /MSIE|(Trident\\/7.0)|(rv:11.0)/i.test(ua);\r\n  // TVs\r\n  IS_TIZEN = /Tizen/i.test(ua);\r\n  IS_WEBOS = /Web0S/i.test(ua);\r\n  // Apple desktop/mobile device refinement\r\n  IS_IPOD = /iPod/i.test(ua);\r\n  IS_IPAD = /iPad/i.test(ua) || (IS_SAFARI && TOUCH_ENABLED && !/iPhone/i.test(ua));\r\n  IS_IPHONE = /iPhone/i.test(ua) && !IS_IPAD;\r\n  // Versions\r\n  IOS_VERSION = ua.match(/OS (\\d+)_/i)?.[1] ?? null;\r\n  ANDROID_VERSION = ua.match(/Android\\s(\\d+(?:\\.\\d+)+)/i)?.[1] ?? null;\r\n  CHROMIUM_VERSION = CHROME_VERSION = ua.match(/(?:Chrome|CriOS)\\/(\\d+)/)?.[1] ?? CHROMIUM_VERSION;\r\n  IE_VERSION = ua.match(/MSIE\\s(\\d+)\\.\\d/)?.[1] || (/Trident\\/7.0/i.test(ua) && /rv:11.0/.test(ua) ? \"11.0\" : null);\r\n} // `true` override for devtools predictability\r\n\r\n// Composite Flags\r\nIS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;\r\nIS_MOBILE = Boolean(IS_ANDROID || IS_IPHONE || IS_IPOD || IS_IPAD);\r\nIS_SMART_TV = IS_TIZEN || IS_WEBOS;\r\n"],"mappings":";AAYA,IAAM,MAAM,gBAAgB,OAAO,SAAS,SAAS;AAArD,IACE,MAAM,KAAK;AADb,IAEE,KAAK,KAAK,aAAa;AAFzB,IAGE,SAAU,KAAsF;AAG3F,IAAI,aAAa;AACjB,IAAI,aAAa;AACjB,IAAI,aAAa;AACjB,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,YAAY;AAEhB,IAAI,cAAuB;AAC3B,IAAI,kBAA2B;AAC/B,IAAI,iBAA0B;AAC9B,IAAI,mBAA4B;AAChC,IAAI,aAAsB;AAE1B,IAAI,SAAS;AACb,IAAI,YAAY;AAChB,IAAI,cAAc;AAElB,IAAM,yBAAyB,QAAS,KAAa,MAAM,WAAW,mBAAmB;AACzF,IAAM,cAAc,QAAQ,QAAQ,iBAAiB,OAAO,uBAAuB,IAAI;AACvF,IAAM,gBAAgB,QAAQ,QAAQ,kBAAkB,OAAQ,KAAiD,kBAAoB,IAAY,iBAAiB,IAAI,oBAAqB,IAAY,cAAe;AAEtN,IAAM,mBAAmB,CAAC,QAAQ,kGAAkG,QAAQ,OAAO,gBAAgB,OAAO,IAAI,WAAW,KAAK,EAAE,OAAO;AAG9M,IAAI,QAAQ,YAAY,QAAQ,QAAQ;AAEtC,QAAM,cAAc,CAAC,QAAsB,WAA4B,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,UAAU,EAAE,OAAO,GAAG,WAAW;AAEvI,eAAa,OAAO,aAAa;AACjC,eAAa,OAAO,aAAa;AAEjC,YAAU,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,gBAAgB;AAChE,gBAAc,OAAO,OAAO,KAAK,CAAC,MAAM,EAAE,UAAU,cAAc,EAAE,UAAU,eAAe;AAC7F,cAAY,eAAe,CAAC;AAE5B,qBAAmB,iBAAiB,YAAY,OAAO,QAAQ,UAAU,KAAK,YAAY,OAAO,QAAQ,eAAe;AAC1H;AAGA,IAAI,MAA2C;AAE7C,8BAAe,WAAW,KAAK,EAAE;AACjC,8BAAe,WAAW,KAAK,EAAE;AAEjC,eAAa,iBAAiB,KAAK,EAAE;AACrC,wBAAY,cAAc,KAAK,EAAE;AACjC,gCAAgB,gBAAgB,KAAK,EAAE;AACvC,cAAY,eAAe,CAAC;AAC5B,cAAY,UAAU,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;AAChE,UAAQ,iCAAiC,KAAK,EAAE;AAEhD,aAAW,SAAS,KAAK,EAAE;AAC3B,aAAW,SAAS,KAAK,EAAE;AAE3B,YAAU,QAAQ,KAAK,EAAE;AACzB,YAAU,QAAQ,KAAK,EAAE,KAAM,aAAa,iBAAiB,CAAC,UAAU,KAAK,EAAE;AAC/E,cAAY,UAAU,KAAK,EAAE,KAAK,CAAC;AAEnC,gBAAc,GAAG,MAAM,YAAY,IAAI,CAAC,KAAK;AAC7C,oBAAkB,GAAG,MAAM,2BAA2B,IAAI,CAAC,KAAK;AAChE,qBAAmB,iBAAiB,GAAG,MAAM,yBAAyB,IAAI,CAAC,KAAK;AAChF,eAAa,GAAG,MAAM,iBAAiB,IAAI,CAAC,MAAM,gBAAgB,KAAK,EAAE,KAAK,UAAU,KAAK,EAAE,IAAI,SAAS;AAC9G;AAGA,SAAS,aAAa,WAAW;AACjC,YAAY,QAAQ,cAAc,aAAa,WAAW,OAAO;AACjE,cAAc,YAAY;","names":[]}

package/dist/chunk-XHXIXEGS.js

@@ -0,0 +1,7 @@
+// src/ts/components/icons/ambience.ts
+var ambience = `<svg viewBox="0 0 24 24" class="tmg-media-ambience-icon" stroke-width="1" stroke="currentColor"><path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM9 14.47L8.03 12.3l-2.17-.97 2.17-.97L9 8.2l.97 2.17 2.17.97-2.17.97L9 14.47zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"/></svg>`;
+
+export {
+  ambience
+};
+//# sourceMappingURL=chunk-XHXIXEGS.js.map

package/dist/chunk-XHXIXEGS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/ambience.ts"],"sourcesContent":["export const ambience = `<svg viewBox=\"0 0 24 24\" class=\"tmg-media-ambience-icon\" stroke-width=\"1\" stroke=\"currentColor\"><path d=\"M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM9 14.47L8.03 12.3l-2.17-.97 2.17-.97L9 8.2l.97 2.17 2.17.97-2.17.97L9 14.47zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z\"/></svg>`;\n\ndeclare module \"@defs/registries\" {\n  interface IconRegistryMap {\n    ambience: typeof ambience;\n  }\n}\n"],"mappings":";AAAO,IAAM,WAAW;","names":[]}

package/dist/chunk-XJ6HO3WP.js

@@ -0,0 +1,46 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/notifiers/base.ts
+var BaseNotifier = class extends BaseComponent {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "nodes", []);
+  }
+  get plug() {
+    return this.ctlr.plug("settings.notifiers");
+  }
+  get events() {
+    return this.constructor.triggers;
+  }
+  mount() {
+    const nodes = this.nodes.length ? this.nodes : [this.element];
+    for (const node of nodes) node.classList.add("tmg-media-notifier");
+    this.ctlr.DOM.notifiersContainer?.append(...nodes);
+  }
+  unmount() {
+    for (const node of this.nodes.length ? this.nodes : [this.element]) node.remove();
+  }
+  wire() {
+    for (const node of this.nodes.length ? this.nodes : [this.element]) node.addEventListener("animationend", this.handleAnimationEnd, { signal: this.signal });
+    this.plug?.state.events.push(...this.events);
+  }
+  handleAnimationEnd() {
+    this.plug?.reset("", true);
+  }
+  bindNodes(nodes) {
+    return this.nodes = nodes, this.element = nodes[0];
+  }
+};
+__publicField(BaseNotifier, "componentName", "base");
+__publicField(BaseNotifier, "isNotifier", true);
+__publicField(BaseNotifier, "triggers", []);
+
+export {
+  BaseNotifier
+};
+//# sourceMappingURL=chunk-XJ6HO3WP.js.map

package/dist/chunk-XJ6HO3WP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/notifiers/base.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"../base\";\r\n\r\nexport abstract class BaseNotifier<Config = any, State extends ComponentState = any, El extends HTMLElement = HTMLElement> extends BaseComponent<Config, State, El> {\r\n  public static readonly componentName: string = \"base\";\r\n  public static readonly isNotifier: boolean = true;\r\n  public static readonly triggers: string[] = [];\r\n  public nodes: El[] = [];\r\n  protected get plug() {\r\n    return this.ctlr.plug(\"settings.notifiers\");\r\n  }\r\n  public get events() {\r\n    return (this.constructor as typeof BaseNotifier).triggers;\r\n  }\r\n\r\n  public override mount() {\r\n    const nodes = this.nodes.length ? this.nodes : [this.element];\r\n    for (const node of nodes) node.classList.add(\"tmg-media-notifier\");\r\n    this.ctlr.DOM.notifiersContainer?.append(...nodes);\r\n  }\r\n  public override unmount(): void {\r\n    for (const node of this.nodes.length ? this.nodes : [this.element]) node.remove();\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Event Listeners\r\n    for (const node of this.nodes.length ? this.nodes : [this.element]) node.addEventListener(\"animationend\", this.handleAnimationEnd, { signal: this.signal });\r\n    // Post Wiring\r\n    this.plug?.state.events.push(...this.events);\r\n  }\r\n  \r\n  protected handleAnimationEnd(): void {\r\n    this.plug?.reset(\"\", true);\r\n  }\r\n\r\n  protected bindNodes(nodes: El[]): El {\r\n    return (this.nodes = nodes), (this.element = nodes[0]);\r\n  }\r\n}\r\n\r\nexport type { ComponentState };\r\n"],"mappings":";;;;;;;;AAEO,IAAe,eAAf,cAA4H,cAAiC;AAAA,EAA7J;AAAA;AAIL,wBAAO,SAAc,CAAC;AAAA;AAAA,EACtB,IAAc,OAAO;AACnB,WAAO,KAAK,KAAK,KAAK,oBAAoB;AAAA,EAC5C;AAAA,EACA,IAAW,SAAS;AAClB,WAAQ,KAAK,YAAoC;AAAA,EACnD;AAAA,EAEgB,QAAQ;AACtB,UAAM,QAAQ,KAAK,MAAM,SAAS,KAAK,QAAQ,CAAC,KAAK,OAAO;AAC5D,eAAW,QAAQ,MAAO,MAAK,UAAU,IAAI,oBAAoB;AACjE,SAAK,KAAK,IAAI,oBAAoB,OAAO,GAAG,KAAK;AAAA,EACnD;AAAA,EACgB,UAAgB;AAC9B,eAAW,QAAQ,KAAK,MAAM,SAAS,KAAK,QAAQ,CAAC,KAAK,OAAO,EAAG,MAAK,OAAO;AAAA,EAClF;AAAA,EAEgB,OAAa;AAE3B,eAAW,QAAQ,KAAK,MAAM,SAAS,KAAK,QAAQ,CAAC,KAAK,OAAO,EAAG,MAAK,iBAAiB,gBAAgB,KAAK,oBAAoB,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE1J,SAAK,MAAM,MAAM,OAAO,KAAK,GAAG,KAAK,MAAM;AAAA,EAC7C;AAAA,EAEU,qBAA2B;AACnC,SAAK,MAAM,MAAM,IAAI,IAAI;AAAA,EAC3B;AAAA,EAEU,UAAU,OAAiB;AACnC,WAAQ,KAAK,QAAQ,OAAS,KAAK,UAAU,MAAM,CAAC;AAAA,EACtD;AACF;AAlCE,cADoB,cACG,iBAAwB;AAC/C,cAFoB,cAEG,cAAsB;AAC7C,cAHoB,cAGG,YAAqB,CAAC;","names":[]}

package/dist/chunk-XMR6HHTA.js

@@ -0,0 +1,59 @@
+import {
+  TIME_TRAVEL_BUILD
+} from "./chunk-KQXT3GDF.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  getCtlrIdx
+} from "./chunk-IUS3FRXS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/timeTravel/index.ts
+import { fanout } from "sia-reactor/utils";
+import { createTxPathMerger, TimeTravelModule } from "sia-reactor/modules";
+import { TimeTravelConsole } from "sia-reactor/adapters/vanilla";
+var TimeTravelPlug = class extends BasePlug {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "module");
+    __publicField(this, "console");
+  }
+  mount() {
+    this.module = new TimeTravelModule({ beforeEntry: createTxPathMerger(), ...this.config.module });
+    const pmdle = this.ctlr.plug("settings.persist")?.module;
+    pmdle?.attach(this.module.state, "timeTravel.state");
+    this.media.use(this.module), pmdle && !pmdle.state.hydrated && (this.module.untrack(), pmdle.state.once("hydrated", this.module.track, { signal: this.signal }));
+  }
+  wire() {
+    this.console = new TimeTravelConsole(this.module, { title: `TMG Controller ${getCtlrIdx(this.ctlr) + 1} Tape`, ...this.config.console });
+    this.ctlr.config.watch("settings.css.brandColor", (v) => this.console.config.color = v, { init: true, signal: this.signal });
+    this.ctlr.config.on(
+      "settings.timeTravel.persist",
+      (e) => {
+        const pmdle = this.ctlr.plug("settings.persist")?.module;
+        if (!pmdle) return;
+        Array.isArray(pmdle.config.whitelist) ? pmdle.config.whitelist = { "0": pmdle.config.whitelist } : !pmdle.config.whitelist && (pmdle.config.whitelist = {});
+        pmdle.config.whitelist["timeTravel.state"] = e.value ? ["*"] : [];
+      },
+      { signal: this.signal, init: true }
+    );
+    this.ctlr.config.on("settings.timeTravel.module", (e) => fanout(this.module.config, e.currentTarget.value), { signal: this.signal, init: false });
+    this.ctlr.config.on("settings.timeTravel.console", (e) => fanout(this.console.config, e.currentTarget.value), { signal: this.signal, init: false });
+    this.ctlr.registerAction("timeTravelUndo", { fn: this.module.undo, zen: true });
+    this.ctlr.registerAction("timeTravelRedo", { fn: this.module.redo, zen: true });
+    super.wire();
+  }
+  onDestroy() {
+    this.console.destroy(), this.module.destroy(), super.onDestroy();
+  }
+};
+__publicField(TimeTravelPlug, "plugName", "timeTravel");
+__publicField(TimeTravelPlug, "BUILD", TIME_TRAVEL_BUILD);
+
+export {
+  TimeTravelPlug
+};
+//# sourceMappingURL=chunk-XMR6HHTA.js.map

package/dist/chunk-XMR6HHTA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/timeTravel/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\nimport { TIME_TRAVEL_BUILD } from \"./build\";\nimport type { TimeTravelConfig } from \"./types\";\nimport { fanout } from \"sia-reactor/utils\";\nimport { createTxPathMerger, TimeTravelModule } from \"sia-reactor/modules\";\nimport { TimeTravelConsole } from \"sia-reactor/adapters/vanilla\";\nimport { getCtlrIdx } from \"@tools/player\";\n\nexport class TimeTravelPlug extends BasePlug<TimeTravelConfig> {\n  public static readonly plugName = \"timeTravel\";\n  public static readonly BUILD = TIME_TRAVEL_BUILD;\n  public module!: TimeTravelModule<any>;\n  public console!: TimeTravelConsole;\n\n  public override mount(): void {\n    // Variables Assignment\n    this.module = new TimeTravelModule({ beforeEntry: createTxPathMerger(), ...this.config.module });\n    const pmdle = this.ctlr.plug(\"settings.persist\")?.module;\n    // Utility Injection\n    pmdle?.attach(this.module.state, \"timeTravel.state\");\n    this.media.use(this.module), pmdle && !pmdle.state.hydrated && (this.module.untrack(), pmdle.state.once(\"hydrated\", this.module.track, { signal: this.signal }));\n  }\n\n  public override wire(): void {\n    // Variables Assignment\n    this.console = new TimeTravelConsole(this.module, { title: `TMG Controller ${getCtlrIdx(this.ctlr) + 1} Tape`, ...(this.config.console as Partial<TimeTravelConfig[\"console\"]>) });\n    // Ctlr Config Watchers\n    this.ctlr.config.watch(\"settings.css.brandColor\", (v) => (this.console.config.color = v as string), { init: true, signal: this.signal });\n    // ----------- Listeners\n    this.ctlr.config.on(\n      \"settings.timeTravel.persist\",\n      (e) => {\n        const pmdle = this.ctlr.plug(\"settings.persist\")?.module;\n        if (!pmdle) return;\n        Array.isArray(pmdle.config.whitelist) ? (pmdle.config.whitelist = { \"0\": pmdle.config.whitelist } as any) : !pmdle.config.whitelist && (pmdle.config.whitelist = {} as any);\n        (pmdle.config.whitelist as Record<string, string[]>)[\"timeTravel.state\"] = e.value ? [\"*\"] : [];\n      },\n      { signal: this.signal, init: true }\n    );\n    this.ctlr.config.on(\"settings.timeTravel.module\", (e) => fanout(this.module.config, e.currentTarget.value), { signal: this.signal, init: false }); // #STABLE: snubs unchanged writes\n    this.ctlr.config.on(\"settings.timeTravel.console\", (e) => fanout(this.console.config, e.currentTarget.value), { signal: this.signal, init: false }); // #STABLE: snubs unchanged writes\n    // Post Wiring\n    this.ctlr.registerAction(\"timeTravelUndo\", { fn: this.module.undo, zen: true });\n    this.ctlr.registerAction(\"timeTravelRedo\", { fn: this.module.redo, zen: true });\n    super.wire();\n  }\n\n  protected override onDestroy(): void {\n    this.console.destroy(), this.module.destroy(), super.onDestroy();\n  }\n}\n\nexport type * from \"./types\";\nexport * from \"./build\";\n\ndeclare module \"@defs/registries\" {\n  interface PlugRegistryMap {\n    \"settings.timeTravel\": typeof TimeTravelPlug;\n  }\n}\n\ndeclare module \"@defs/config\" {\n  interface Settings {\n    timeTravel: TimeTravelConfig;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAGA,SAAS,cAAc;AACvB,SAAS,oBAAoB,wBAAwB;AACrD,SAAS,yBAAyB;AAG3B,IAAM,iBAAN,cAA6B,SAA2B;AAAA,EAAxD;AAAA;AAGL,wBAAO;AACP,wBAAO;AAAA;AAAA,EAES,QAAc;AAE5B,SAAK,SAAS,IAAI,iBAAiB,EAAE,aAAa,mBAAmB,GAAG,GAAG,KAAK,OAAO,OAAO,CAAC;AAC/F,UAAM,QAAQ,KAAK,KAAK,KAAK,kBAAkB,GAAG;AAElD,WAAO,OAAO,KAAK,OAAO,OAAO,kBAAkB;AACnD,SAAK,MAAM,IAAI,KAAK,MAAM,GAAG,SAAS,CAAC,MAAM,MAAM,aAAa,KAAK,OAAO,QAAQ,GAAG,MAAM,MAAM,KAAK,YAAY,KAAK,OAAO,OAAO,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EAChK;AAAA,EAEgB,OAAa;AAE3B,SAAK,UAAU,IAAI,kBAAkB,KAAK,QAAQ,EAAE,OAAO,kBAAkB,WAAW,KAAK,IAAI,IAAI,CAAC,SAAS,GAAI,KAAK,OAAO,QAAiD,CAAC;AAEjL,SAAK,KAAK,OAAO,MAAM,2BAA2B,CAAC,MAAO,KAAK,QAAQ,OAAO,QAAQ,GAAc,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAEvI,SAAK,KAAK,OAAO;AAAA,MACf;AAAA,MACA,CAAC,MAAM;AACL,cAAM,QAAQ,KAAK,KAAK,KAAK,kBAAkB,GAAG;AAClD,YAAI,CAAC,MAAO;AACZ,cAAM,QAAQ,MAAM,OAAO,SAAS,IAAK,MAAM,OAAO,YAAY,EAAE,KAAK,MAAM,OAAO,UAAU,IAAY,CAAC,MAAM,OAAO,cAAc,MAAM,OAAO,YAAY,CAAC;AAClK,QAAC,MAAM,OAAO,UAAuC,kBAAkB,IAAI,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC;AAAA,MAChG;AAAA,MACA,EAAE,QAAQ,KAAK,QAAQ,MAAM,KAAK;AAAA,IACpC;AACA,SAAK,KAAK,OAAO,GAAG,8BAA8B,CAAC,MAAM,OAAO,KAAK,OAAO,QAAQ,EAAE,cAAc,KAAK,GAAG,EAAE,QAAQ,KAAK,QAAQ,MAAM,MAAM,CAAC;AAChJ,SAAK,KAAK,OAAO,GAAG,+BAA+B,CAAC,MAAM,OAAO,KAAK,QAAQ,QAAQ,EAAE,cAAc,KAAK,GAAG,EAAE,QAAQ,KAAK,QAAQ,MAAM,MAAM,CAAC;AAElJ,SAAK,KAAK,eAAe,kBAAkB,EAAE,IAAI,KAAK,OAAO,MAAM,KAAK,KAAK,CAAC;AAC9E,SAAK,KAAK,eAAe,kBAAkB,EAAE,IAAI,KAAK,OAAO,MAAM,KAAK,KAAK,CAAC;AAC9E,UAAM,KAAK;AAAA,EACb;AAAA,EAEmB,YAAkB;AACnC,SAAK,QAAQ,QAAQ,GAAG,KAAK,OAAO,QAAQ,GAAG,MAAM,UAAU;AAAA,EACjE;AACF;AAzCE,cADW,gBACY,YAAW;AAClC,cAFW,gBAEY,SAAQ;","names":[]}

package/dist/chunk-XR2KBJIP.js

@@ -0,0 +1,54 @@
+import {
+  clamp,
+  createEl,
+  isStr
+} from "./chunk-ZJ6KVLUS.js";
+
+// src/ts/utils/color.ts
+function getRGBBri([r, g, b]) {
+  return 0.299 * r + 0.587 * g + 0.114 * b;
+}
+function getRGBSat([r, g, b]) {
+  return Math.max(r, g, b) - Math.min(r, g, b);
+}
+function clampRGBBri([r, g, b], m = 40) {
+  const br = getRGBBri([r, g, b]), d = br < m ? m - br : br > 255 - m ? -(br - (255 - m)) : 0;
+  return [r + d, g + d, b + d].map((v) => clamp(0, v << 0, 255));
+}
+async function getDominantColor(src, format = "hex", raw = false) {
+  if (isStr(src))
+    src = await new Promise((res, rej) => {
+      const i = createEl("img", { src: String(src), crossOrigin: "anonymous", onload: () => res(i), onerror: () => rej(new Error(`Image load error: ${src}`)) });
+    });
+  if (src?.canvas) src = src.canvas;
+  const s = Math.min(64, src.width, src.height), c = createEl("canvas", { width: s, height: s }), x = c.getContext("2d", { willReadFrequently: true, alpha: false });
+  const d = src?.width && src?.height ? (x?.drawImage(src, 0, 0, s, s), x?.getImageData(0, 0, s, s).data) : null, ct = {}, pt = {};
+  for (let i = 0; i < (d?.length ?? 0); i += 4) {
+    if (d[i + 3] < 128) continue;
+    const r2 = d[i] & 240, g2 = d[i + 1] & 240, b2 = d[i + 2] & 240;
+    const k = r2 << 16 | g2 << 8 | b2;
+    ct[k] = (ct[k] || 0) + 1;
+    pt[k] = pt[k] ? [pt[k][0] + d[i], pt[k][1] + d[i + 1], pt[k][2] + d[i + 2]] : [d[i], d[i + 1], d[i + 2]];
+  }
+  const clrs = Object.keys(ct).sort((a, b2) => ct[b2] - ct[a]).slice(0, 7).map((k) => ({ key: k, rgb: pt[k].map((v) => Math.round(v / ct[k])) }));
+  if (!clrs.length) return null;
+  const [r, g, b] = clampRGBBri(clrs.reduce((sat, curr) => getRGBSat(sat.rgb) > getRGBSat(curr.rgb) ? sat : curr, clrs[0]).rgb, 70);
+  return format === "hex" ? `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}` : raw == false ? `rgb(${r},${g},${b})` : [r, g, b];
+}
+function convertToMonoChrome(canvas, context) {
+  const frame = context.getImageData(0, 0, canvas.width || 1, canvas.height || 1);
+  for (let i = 0; i < frame.data.length / 4; i++) {
+    const grey = (frame.data[i * 4 + 0] + frame.data[i * 4 + 1] + frame.data[i * 4 + 2]) / 3;
+    frame.data[i * 4 + 0] = grey, frame.data[i * 4 + 1] = grey, frame.data[i * 4 + 2] = grey;
+  }
+  context.putImageData(frame, 0, 0);
+}
+
+export {
+  getRGBBri,
+  getRGBSat,
+  clampRGBBri,
+  getDominantColor,
+  convertToMonoChrome
+};
+//# sourceMappingURL=chunk-XR2KBJIP.js.map

package/dist/chunk-XR2KBJIP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/utils/color.ts"],"sourcesContent":["import { isStr } from \"@t007/utils\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { clamp } from \"@utils/num\";\r\n\r\n// Types\r\ntype RGB = [number, number, number];\r\n\r\n// RGB Analysis\r\nexport function getRGBBri([r, g, b]: RGB): number {\r\n  return 0.299 * r + 0.587 * g + 0.114 * b;\r\n}\r\n\r\nexport function getRGBSat([r, g, b]: RGB): number {\r\n  return Math.max(r, g, b) - Math.min(r, g, b);\r\n}\r\n\r\nexport function clampRGBBri([r, g, b]: RGB, m = 40): RGB {\r\n  const br = getRGBBri([r, g, b]),\r\n    d = br < m ? m - br : br > 255 - m ? -(br - (255 - m)) : 0;\r\n  return [r + d, g + d, b + d].map((v) => clamp(0, v << 0, 255)) as RGB;\r\n}\r\n\r\n// Dominant Color Detection\r\nexport async function getDominantColor(src: string | HTMLImageElement | HTMLCanvasElement | { canvas: HTMLCanvasElement; width: number; height: number }, format: \"hex\", raw?: false): Promise<string | null>;\r\nexport async function getDominantColor(src: string | HTMLImageElement | HTMLCanvasElement | { canvas: HTMLCanvasElement; width: number; height: number }, format: \"rgb\", raw: true): Promise<RGB | null>;\r\nexport async function getDominantColor(src: string | HTMLImageElement | HTMLCanvasElement | { canvas: HTMLCanvasElement; width: number; height: number }, format?: \"rgb\", raw?: false): Promise<string | null>;\r\nexport async function getDominantColor(src: string | HTMLImageElement | HTMLCanvasElement | { canvas: HTMLCanvasElement; width: number; height: number }, format: \"rgb\" | \"hex\" = \"hex\", raw = false): Promise<string | RGB | null> {\r\n  if (isStr(src))\r\n    src = await new Promise<HTMLImageElement>((res, rej) => {\r\n      const i = createEl(\"img\", { src: String(src), crossOrigin: \"anonymous\", onload: () => res(i), onerror: () => rej(new Error(`Image load error: ${src}`)) });\r\n    });\r\n  if ((src as { canvas?: HTMLCanvasElement })?.canvas) src = (src as { canvas: HTMLCanvasElement }).canvas;\r\n  const s = Math.min(64, (src as HTMLImageElement | HTMLCanvasElement).width, (src as HTMLImageElement | HTMLCanvasElement).height),\r\n    c = createEl(\"canvas\", { width: s, height: s }),\r\n    x = c.getContext(\"2d\", { willReadFrequently: true, alpha: false });\r\n  const d = src?.width && src?.height ? (x?.drawImage(src as CanvasImageSource, 0, 0, s, s), x?.getImageData(0, 0, s, s).data as Uint8ClampedArray) : null, // had to fool ts, coallesced to 0 below\r\n    ct: Record<string, number> = {},\r\n    pt: Record<string, RGB> = {} as Record<string, RGB>;\r\n  for (let i = 0; i < (d?.length ?? 0); i += 4) {\r\n    if (d![i + 3] < 128) continue;\r\n    const r = d![i] & 0xf0,\r\n      g = d![i + 1] & 0xf0,\r\n      b = d![i + 2] & 0xf0; // Optimized bitwise extraction\r\n    const k = (r << 16) | (g << 8) | b;\r\n    ct[k] = (ct[k] || 0) + 1;\r\n    pt[k] = pt[k] ? [pt[k][0] + d![i], pt[k][1] + d![i + 1], pt[k][2] + d![i + 2]] : [d![i], d![i + 1], d![i + 2]];\r\n  }\r\n  const clrs = Object.keys(ct)\r\n    .sort((a, b) => ct[b] - ct[a])\r\n    .slice(0, 7)\r\n    .map((k) => ({ key: k, rgb: pt[k].map((v) => Math.round(v / ct[k])) as RGB }));\r\n  if (!clrs.length) return null;\r\n  const [r, g, b] = clampRGBBri(clrs.reduce((sat, curr) => (getRGBSat(sat.rgb) > getRGBSat(curr.rgb) ? sat : curr), clrs[0]).rgb, 70);\r\n  return format === \"hex\" ? `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}` : raw == false ? `rgb(${r},${g},${b})` : [r, g, b];\r\n}\r\n\r\nexport function convertToMonoChrome(canvas: HTMLCanvasElement, context: CanvasRenderingContext2D): void {\r\n  const frame = context.getImageData(0, 0, canvas.width || 1, canvas.height || 1);\r\n  for (let i = 0; i < frame.data.length / 4; i++) {\r\n    const grey = (frame.data[i * 4 + 0] + frame.data[i * 4 + 1] + frame.data[i * 4 + 2]) / 3;\r\n    (frame.data[i * 4 + 0] = grey), (frame.data[i * 4 + 1] = grey), (frame.data[i * 4 + 2] = grey);\r\n  }\r\n  context.putImageData(frame, 0, 0);\r\n}\r\n"],"mappings":"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","names":["r","g","b"]}

package/dist/chunk-XVN5W3A7.js

@@ -0,0 +1,50 @@
+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/touchvolume.ts
+var TouchVolumeNotifier = class extends BaseNotifier {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "content");
+    __publicField(this, "slider");
+    __publicField(this, "upSpan");
+    __publicField(this, "lowSpan");
+    __publicField(this, "mutedSpan");
+  }
+  create() {
+    this.content = createEl("span", { className: "tmg-media-touch-volume-content tmg-media-touch-vb-content", textContent: "0" });
+    this.slider = createEl("div", { className: "tmg-media-touch-volume-slider tmg-media-touch-vb-slider" });
+    this.upSpan = createEl("span", { innerHTML: IconRegistry.get("volumehigh") });
+    this.lowSpan = createEl("span", { innerHTML: IconRegistry.get("volumelow") });
+    this.mutedSpan = createEl("span", { innerHTML: IconRegistry.get("volumemuted") });
+    const spanWrapper = createEl("span");
+    this.element = createEl("div", { className: "tmg-media-touch-volume-notifier tmg-media-touch-vb-notifier" });
+    this.el.append(this.content, this.slider, (spanWrapper.append(this.upSpan, this.lowSpan, this.mutedSpan), spanWrapper));
+    return this.element;
+  }
+  wire() {
+    super.wire();
+    this.ctlr.plug("settings.volume")?.state.on("aptValue", this.handleVolumeState, { init: true, signal: this.signal });
+    this.media.on("state.volume", this.handleVolumeState, { init: this.ctlr.payload.wired, signal: this.signal });
+  }
+  handleVolumeState({ value }) {
+    this.content.textContent = `${value}%`;
+  }
+};
+__publicField(TouchVolumeNotifier, "componentName", "touchvolumenotifier");
+__publicField(TouchVolumeNotifier, "triggers", ["volumeup", "volumedown", "volumemuted"]);
+
+export {
+  TouchVolumeNotifier
+};
+//# sourceMappingURL=chunk-XVN5W3A7.js.map

package/dist/chunk-XVN5W3A7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/notifiers/touchvolume.ts"],"sourcesContent":["import { BaseNotifier, ComponentState } from \"./base\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport type { REvent } from \"sia-reactor\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport type { VolumePlug, VolumeState } from \"@plugs/settings/volume\";\r\n\r\nexport class TouchVolumeNotifier extends BaseNotifier<undefined, ComponentState, HTMLDivElement> {\r\n  public static readonly componentName = \"touchvolumenotifier\";\r\n  public static readonly triggers = [\"volumeup\", \"volumedown\", \"volumemuted\"];\r\n  public content!: HTMLSpanElement;\r\n  public slider!: HTMLDivElement;\r\n  public upSpan!: HTMLSpanElement;\r\n  public lowSpan!: HTMLSpanElement;\r\n  public mutedSpan!: HTMLSpanElement;\r\n\r\n  public override create() {\r\n    this.content = createEl(\"span\", { className: \"tmg-media-touch-volume-content tmg-media-touch-vb-content\", textContent: \"0\" });\r\n    this.slider = createEl(\"div\", { className: \"tmg-media-touch-volume-slider tmg-media-touch-vb-slider\" });\r\n    this.upSpan = createEl(\"span\", { innerHTML: IconRegistry.get(\"volumehigh\") });\r\n    this.lowSpan = createEl(\"span\", { innerHTML: IconRegistry.get(\"volumelow\") });\r\n    this.mutedSpan = createEl(\"span\", { innerHTML: IconRegistry.get(\"volumemuted\") });\r\n    const spanWrapper = createEl(\"span\");\r\n    this.element = createEl(\"div\", { className: \"tmg-media-touch-volume-notifier tmg-media-touch-vb-notifier\" });\r\n    this.el.append(this.content, this.slider, (spanWrapper.append(this.upSpan, this.lowSpan, this.mutedSpan), spanWrapper));\r\n    return this.element;\r\n  }\r\n\r\n  public override wire(): void {\r\n    super.wire();\r\n    // Plug Listeners\r\n    this.ctlr.plug(\"settings.volume\")?.state.on(\"aptValue\", this.handleVolumeState, { init: true, signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.volume\", this.handleVolumeState, { init: this.ctlr.payload.wired, signal: this.signal });\r\n  }\r\n\r\n  protected handleVolumeState({ value }: REvent<CtlrMedia, \"state.volume\"> | REvent<VolumeState, \"aptValue\">): void {\r\n    this.content.textContent = `${value}%`;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    touchvolumenotifier: typeof TouchVolumeNotifier;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAOO,IAAM,sBAAN,cAAkC,aAAwD;AAAA,EAA1F;AAAA;AAGL,wBAAO;AACP,wBAAO;AACP,wBAAO;AACP,wBAAO;AACP,wBAAO;AAAA;AAAA,EAES,SAAS;AACvB,SAAK,UAAU,SAAS,QAAQ,EAAE,WAAW,6DAA6D,aAAa,IAAI,CAAC;AAC5H,SAAK,SAAS,SAAS,OAAO,EAAE,WAAW,0DAA0D,CAAC;AACtG,SAAK,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,IAAI,YAAY,EAAE,CAAC;AAC5E,SAAK,UAAU,SAAS,QAAQ,EAAE,WAAW,aAAa,IAAI,WAAW,EAAE,CAAC;AAC5E,SAAK,YAAY,SAAS,QAAQ,EAAE,WAAW,aAAa,IAAI,aAAa,EAAE,CAAC;AAChF,UAAM,cAAc,SAAS,MAAM;AACnC,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,8DAA8D,CAAC;AAC3G,SAAK,GAAG,OAAO,KAAK,SAAS,KAAK,SAAS,YAAY,OAAO,KAAK,QAAQ,KAAK,SAAS,KAAK,SAAS,GAAG,YAAY;AACtH,WAAO,KAAK;AAAA,EACd;AAAA,EAEgB,OAAa;AAC3B,UAAM,KAAK;AAEX,SAAK,KAAK,KAAK,iBAAiB,GAAG,MAAM,GAAG,YAAY,KAAK,mBAAmB,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAEnH,SAAK,MAAM,GAAG,gBAAgB,KAAK,mBAAmB,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAAA,EAC9G;AAAA,EAEU,kBAAkB,EAAE,MAAM,GAA8E;AAChH,SAAK,QAAQ,cAAc,GAAG,KAAK;AAAA,EACrC;AACF;AA/BE,cADW,qBACY,iBAAgB;AACvC,cAFW,qBAEY,YAAW,CAAC,YAAY,cAAc,aAAa;","names":[]}

package/dist/chunk-XXYOJDOZ.js

@@ -0,0 +1,11 @@
+// src/ts/components/icons/fwd.ts
+var fwd = `
+<svg viewBox="0 0 25 25" class="tmg-media-fwd-icon"><path d="M8,5.14V19.14L19,12.14L8,5.14Z" /></svg>
+<svg viewBox="0 0 25 25" class="tmg-media-fwd-icon"><path d="M8,5.14V19.14L19,12.14L8,5.14Z" /></svg>
+<svg viewBox="0 0 25 25" class="tmg-media-fwd-icon"><path d="M8,5.14V19.14L19,12.14L8,5.14Z" /></svg>
+`;
+
+export {
+  fwd
+};
+//# sourceMappingURL=chunk-XXYOJDOZ.js.map

package/dist/chunk-XXYOJDOZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/fwd.ts"],"sourcesContent":["export const fwd = `\r\n<svg viewBox=\"0 0 25 25\" class=\"tmg-media-fwd-icon\"><path d=\"M8,5.14V19.14L19,12.14L8,5.14Z\" /></svg>\r\n<svg viewBox=\"0 0 25 25\" class=\"tmg-media-fwd-icon\"><path d=\"M8,5.14V19.14L19,12.14L8,5.14Z\" /></svg>\r\n<svg viewBox=\"0 0 25 25\" class=\"tmg-media-fwd-icon\"><path d=\"M8,5.14V19.14L19,12.14L8,5.14Z\" /></svg>\r\n`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    fwd: typeof fwd;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,MAAM;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-XZROR7RJ.js

@@ -0,0 +1,25 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/buffer.ts
+var Buffer = class extends BaseComponent {
+  create() {
+    return this.element = createEl("div", { className: "tmg-media-buffer", innerHTML: `<div class="tmg-media-buffer-accent"></div><div class="tmg-media-buffer-eclipse"><div class="tmg-media-buffer-left"><div class="tmg-media-buffer-circle"></div></div><div class="tmg-media-buffer-right"><div class="tmg-media-buffer-circle"></div></div></div>` });
+  }
+  mount() {
+    this.ctlr.DOM.controlsContainer?.prepend(this.element);
+  }
+};
+__publicField(Buffer, "componentName", "buffer");
+
+export {
+  Buffer
+};
+//# sourceMappingURL=chunk-XZROR7RJ.js.map

package/dist/chunk-XZROR7RJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/buffer.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"./base\";\r\nimport { createEl } from \"@utils/dom\";\r\n\r\nexport type BufferConfig = undefined;\r\n\r\nexport class Buffer extends BaseComponent<BufferConfig, ComponentState, HTMLDivElement> {\r\n  static readonly componentName = \"buffer\";\r\n\r\n  public override create() {\r\n    return (this.element = createEl(\"div\", { className: \"tmg-media-buffer\", innerHTML: `<div class=\"tmg-media-buffer-accent\"></div><div class=\"tmg-media-buffer-eclipse\"><div class=\"tmg-media-buffer-left\"><div class=\"tmg-media-buffer-circle\"></div></div><div class=\"tmg-media-buffer-right\"><div class=\"tmg-media-buffer-circle\"></div></div></div>` }));\r\n  }\r\n\r\n  public override mount(): void {\r\n    // DOM Injection\r\n    this.ctlr.DOM.controlsContainer?.prepend(this.element);\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    buffer: typeof Buffer;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;AAKO,IAAM,SAAN,cAAqB,cAA4D;AAAA,EAGtE,SAAS;AACvB,WAAQ,KAAK,UAAU,SAAS,OAAO,EAAE,WAAW,oBAAoB,WAAW,mQAAmQ,CAAC;AAAA,EACzV;AAAA,EAEgB,QAAc;AAE5B,SAAK,KAAK,IAAI,mBAAmB,QAAQ,KAAK,OAAO;AAAA,EACvD;AACF;AAVE,cADW,QACK,iBAAgB;","names":[]}

package/dist/chunk-YF3LWJL4.js

@@ -0,0 +1,7 @@
+// src/ts/components/icons/tripletriangleright.ts
+var tripletriangleright = `<svg viewBox="0 0 25 25"><path d="M8,5.14V19.14L19,12.14L8,5.14Z" /></svg><svg viewBox="0 0 25 25"><path d="M8,5.14V19.14L19,12.14L8,5.14Z" /></svg><svg viewBox="0 0 25 25"><path d="M8,5.14V19.14L19,12.14L8,5.14Z" /></svg>`;
+
+export {
+  tripletriangleright
+};
+//# sourceMappingURL=chunk-YF3LWJL4.js.map

package/dist/chunk-YF3LWJL4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/tripletriangleright.ts"],"sourcesContent":["export const tripletriangleright = `<svg viewBox=\"0 0 25 25\"><path d=\"M8,5.14V19.14L19,12.14L8,5.14Z\" /></svg><svg viewBox=\"0 0 25 25\"><path d=\"M8,5.14V19.14L19,12.14L8,5.14Z\" /></svg><svg viewBox=\"0 0 25 25\"><path d=\"M8,5.14V19.14L19,12.14L8,5.14Z\" /></svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    tripletriangleright: typeof tripletriangleright;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,sBAAsB;","names":[]}