tmg-media-player 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 OLUWATOBILOBA OKETADE
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,38 @@
+# TMG Media Player
+
+> **Something big is coming to the video player space.**
+
+[![Status](https://img.shields.io/badge/Status-In_Development-F5A623.svg)]()
+[![Ecosystem](https://img.shields.io/badge/Powered_By-S.I.A_Reactor-blue.svg)](https://github.com/Tobi007-del/sia-reactor)
+[![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
+
+[Live Demo](https://tmg-video-player.vercel.app) | [Main Entry](https://tobi007-del.github.io/tmg-media-player/index.html) | [Prototype 1](https://tobi007-del.github.io/tmg-media-player/prototype-1/index.html) | [Prototype 2](https://tobi007-del.github.io/tmg-media-player/prototype-2/index.html) | [Beta Player](https://tobi007-del.github.io/tmg-media-player/beta/index.html)
+
+---
+
+## 🚧 Work In Progress
+
+I am currently completely re-architecting the web video experience from the ground up. 
+
+The next generation of **TMG Media Player** is actively in development. We are stripping away the bloated frameworks and building a hardware-accelerated, highly customizable video engine powered by the experimental [S.I.A. Data DOM Architecture](https://github.com/Tobi007-del/sia-reactor).
+
+### What's cooking in the lab?
+- 🌊 Physics-driven gesture controls
+- ⚡ 60FPS microtask-batched rendering
+- 🧠 Deeply decoupled UI components (via `@t007` tools)
+- 🚀 Unprecedented execution speed and memory management
+- 🔊 Boombox is a future integration concept, planned after a settings UI system is designed.
+- 
+**The paradigm is shifting. Watch this space.**
+
+---
+
+## Author
+
+- Architect & Developer - [Oketade Oluwatobiloba (Tobi007-del)](https://github.com/Tobi007-del)
+
+---
+
+**Made with ❤️ for THE_MOVIE_GARDEN initiative**
+
+**[⬆ Back to Top](#tmg-media-player)**

package/dist/chunk-25AZZYCL.js

@@ -0,0 +1,85 @@
+import {
+  AMBIENT_BUILD
+} from "./chunk-RFQXCN62.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  MenuRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/ambience/index.ts
+var AmbiencePlug = class extends BasePlug {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "wrapper");
+    __publicField(this, "canvas");
+    __publicField(this, "context");
+    __publicField(this, "posterSeq", 0);
+    __publicField(this, "posterImg");
+  }
+  mount() {
+    this.wrapper = createEl("div", { className: "tmg-media-ambience-wrapper tmg-media-filtered", ariaHidden: "true" });
+    this.canvas = createEl("canvas", { className: "tmg-media-ambience-canvas" });
+    this.context = this.canvas.getContext("2d", { alpha: false });
+    this.ctlr.DOM.containerContent?.prepend((this.wrapper.append(this.canvas), this.wrapper));
+  }
+  unmount() {
+    this.canvas.remove();
+  }
+  wire() {
+    this.media.watch("tech", this.syncFeatures, { init: true, signal: this.signal });
+    this.media.on("state.currentTime", this.pulseGlow, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("state.poster", this.syncFeatures, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("features.ambience", ({ value }) => this.syncDisplay(!!value), { signal: this.signal });
+    this.ctlr.state.on("dimensions.container.width", this.syncSize, { init: true, signal: this.signal });
+    this.ctlr.state.on("dimensions.container.height", this.syncSize, { signal: this.signal });
+    this.ctlr.config.on("settings.ambience.active", ({ value }) => this.syncDisplay(value), { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.ambience.blur", this.syncFilter, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.ambience.opacity", this.syncFilter, { signal: this.signal });
+    super.wire();
+  }
+  pulseGlow() {
+    this.ctlr.isNativeEl && this.media.type !== "audio" && this.ctlr.throttle("ambienceGlowing", this.syncGlow, this.config.interval, false);
+  }
+  syncGlow(usePoster = !this.ctlr.isNativeEl || this.media.type === "audio") {
+    if (!this.config.active || !this.media.features.ambience || !this.ctlr.state.mediaIntersecting || !this.context) return;
+    if (usePoster) {
+      if (!this.media.state.poster) return this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+      const seq = ++this.posterSeq, i = this.posterImg && this.posterImg.src === this.media.state.poster ? this.context.drawImage(this.posterImg, 0, 0, this.canvas.width, this.canvas.height) : this.posterImg = createEl("img", { src: this.media.state.poster, crossOrigin: "anonymous", onload: () => seq === this.posterSeq && this.context?.drawImage(i, 0, 0, this.canvas.width, this.canvas.height) });
+    } else if (!this.ctlr.isNativeEl || this.media.element.readyState < 2) return;
+    this.context.globalAlpha = this.config.smoothness;
+    this.context.drawImage(this.media.element, 0, 0, this.canvas.width, this.canvas.height);
+  }
+  syncSize() {
+    this.canvas.width = 32;
+    this.canvas.height = Math.round(32 / (this.ctlr.state.dimensions.container.width / this.ctlr.state.dimensions.container.height));
+    this.syncGlow();
+  }
+  syncDisplay(show) {
+    this.canvas.style.display = !show ? "none" : "block", show && this.syncGlow();
+  }
+  syncFilter() {
+    this.canvas.style.filter = `blur(${this.config.blur}px) opacity(${this.config.opacity})`;
+  }
+  syncFeatures() {
+    var _a;
+    (_a = this.media.features).ambience || (_a.ambience = !!this.media.state.poster), this.syncGlow();
+  }
+  registerMenu() {
+    this.ctlr.plug("settings.settingsView")?.menu.registerFirst(MenuRegistry.get("settings.ambience")?.(this));
+  }
+};
+__publicField(AmbiencePlug, "plugName", "ambience");
+__publicField(AmbiencePlug, "BUILD", AMBIENT_BUILD);
+
+export {
+  AmbiencePlug
+};
+//# sourceMappingURL=chunk-25AZZYCL.js.map

package/dist/chunk-25AZZYCL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/ambience/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\r\nimport type { AmbienceConfig } from \"./types\";\r\nimport { AMBIENT_BUILD } from \"./build\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { MenuRegistry } from \"@core/registries\";\r\n\r\nexport class AmbiencePlug extends BasePlug<AmbienceConfig> {\r\n  public static readonly plugName = \"ambience\";\r\n  public static readonly BUILD = AMBIENT_BUILD;\r\n  public wrapper!: HTMLDivElement;\r\n  public canvas!: HTMLCanvasElement;\r\n  public context!: CanvasRenderingContext2D | null;\r\n\r\n  public override mount(): void {\r\n    // Variables Assignment\r\n    this.wrapper = createEl(\"div\", { className: \"tmg-media-ambience-wrapper tmg-media-filtered\", ariaHidden: \"true\" });\r\n    this.canvas = createEl(\"canvas\", { className: \"tmg-media-ambience-canvas\" });\r\n    this.context = this.canvas.getContext(\"2d\", { alpha: false });\r\n    // DOM Injection\r\n    this.ctlr.DOM.containerContent?.prepend((this.wrapper.append(this.canvas), this.wrapper));\r\n  }\r\n  public override unmount(): void {\r\n    this.canvas.remove();\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Ctlr Media Watchers\r\n    this.media.watch(\"tech\", this.syncFeatures, { init: true, signal: this.signal });\r\n    // --------- Listeners\r\n    this.media.on(\"state.currentTime\", this.pulseGlow, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"state.poster\", this.syncFeatures, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"features.ambience\", ({ value }) => this.syncDisplay(!!value), { signal: this.signal });\r\n    // ---- State ---------\r\n    this.ctlr.state.on(\"dimensions.container.width\", this.syncSize, { init: true, signal: this.signal });\r\n    this.ctlr.state.on(\"dimensions.container.height\", this.syncSize, { signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.ambience.active\", ({ value }) => this.syncDisplay(value), { init: true, signal: this.signal });\r\n    this.ctlr.config.on(\"settings.ambience.blur\", this.syncFilter, { init: true, signal: this.signal });\r\n    this.ctlr.config.on(\"settings.ambience.opacity\", this.syncFilter, { signal: this.signal });\r\n    // Post Wiring\r\n    super.wire();\r\n  }\r\n\r\n  protected pulseGlow(): void {\r\n    this.ctlr.isNativeEl && this.media.type !== \"audio\" && this.ctlr.throttle(\"ambienceGlowing\", this.syncGlow, this.config.interval, false);\r\n  }\r\n  protected syncGlow(usePoster = !this.ctlr.isNativeEl || this.media.type === \"audio\"): void {\r\n    if (!this.config.active || !this.media.features.ambience || !this.ctlr.state.mediaIntersecting || !this.context) return;\r\n    if (usePoster) {\r\n      if (!this.media.state.poster) return this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);\r\n      const seq = ++this.posterSeq,\r\n        i = this.posterImg && this.posterImg.src === this.media.state.poster ? this.context.drawImage(this.posterImg, 0, 0, this.canvas.width, this.canvas.height) : (this.posterImg = createEl(\"img\", { src: this.media.state.poster, crossOrigin: \"anonymous\", onload: () => seq === this.posterSeq && this.context?.drawImage(i as HTMLImageElement, 0, 0, this.canvas.width, this.canvas.height) }));\r\n    } else if (!this.ctlr.isNativeEl || this.media.element.readyState < 2) return;\r\n    this.context.globalAlpha = this.config.smoothness;\r\n    this.context.drawImage(this.media.element as HTMLVideoElement, 0, 0, this.canvas.width, this.canvas.height);\r\n  }\r\n  private posterSeq = 0;\r\n  private posterImg?: HTMLImageElement;\r\n\r\n  protected syncSize(): void {\r\n    this.canvas.width = 32; // Small resolution is heavily performant for blurs; preserve aspect ratio\r\n    this.canvas.height = Math.round(32 / (this.ctlr.state.dimensions.container.width / this.ctlr.state.dimensions.container.height));\r\n    this.syncGlow();\r\n  }\r\n\r\n  protected syncDisplay(show: boolean): void {\r\n    (this.canvas.style.display = !show ? \"none\" : \"block\"), show && this.syncGlow();\r\n  }\r\n\r\n  protected syncFilter(): void {\r\n    this.canvas.style.filter = `blur(${this.config.blur}px) opacity(${this.config.opacity})`;\r\n  }\r\n\r\n  protected syncFeatures(): void {\r\n    (this.media.features.ambience ||= !!this.media.state.poster), this.syncGlow();\r\n  }\r\n\r\n  protected override registerMenu(): void {\r\n    this.ctlr.plug(\"settings.settingsView\")?.menu.registerFirst(MenuRegistry.get(\"settings.ambience\")?.(this));\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    \"settings.ambience\": typeof AmbiencePlug;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/config\" {\r\n  interface Settings {\r\n    ambience: AmbienceConfig;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/contract\" {\r\n  interface MediaExtraFeatures {\r\n    ambience: boolean;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;AAMO,IAAM,eAAN,cAA2B,SAAyB;AAAA,EAApD;AAAA;AAGL,wBAAO;AACP,wBAAO;AACP,wBAAO;AA6CP,wBAAQ,aAAY;AACpB,wBAAQ;AAAA;AAAA,EA5CQ,QAAc;AAE5B,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,iDAAiD,YAAY,OAAO,CAAC;AACjH,SAAK,SAAS,SAAS,UAAU,EAAE,WAAW,4BAA4B,CAAC;AAC3E,SAAK,UAAU,KAAK,OAAO,WAAW,MAAM,EAAE,OAAO,MAAM,CAAC;AAE5D,SAAK,KAAK,IAAI,kBAAkB,SAAS,KAAK,QAAQ,OAAO,KAAK,MAAM,GAAG,KAAK,QAAQ;AAAA,EAC1F;AAAA,EACgB,UAAgB;AAC9B,SAAK,OAAO,OAAO;AAAA,EACrB;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,MAAM,QAAQ,KAAK,cAAc,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAE/E,SAAK,MAAM,GAAG,qBAAqB,KAAK,WAAW,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AACzG,SAAK,MAAM,GAAG,gBAAgB,KAAK,cAAc,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AACvG,SAAK,MAAM,GAAG,qBAAqB,CAAC,EAAE,MAAM,MAAM,KAAK,YAAY,CAAC,CAAC,KAAK,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AAEpG,SAAK,KAAK,MAAM,GAAG,8BAA8B,KAAK,UAAU,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AACnG,SAAK,KAAK,MAAM,GAAG,+BAA+B,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAExF,SAAK,KAAK,OAAO,GAAG,4BAA4B,CAAC,EAAE,MAAM,MAAM,KAAK,YAAY,KAAK,GAAG,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC3H,SAAK,KAAK,OAAO,GAAG,0BAA0B,KAAK,YAAY,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAClG,SAAK,KAAK,OAAO,GAAG,6BAA6B,KAAK,YAAY,EAAE,QAAQ,KAAK,OAAO,CAAC;AAEzF,UAAM,KAAK;AAAA,EACb;AAAA,EAEU,YAAkB;AAC1B,SAAK,KAAK,cAAc,KAAK,MAAM,SAAS,WAAW,KAAK,KAAK,SAAS,mBAAmB,KAAK,UAAU,KAAK,OAAO,UAAU,KAAK;AAAA,EACzI;AAAA,EACU,SAAS,YAAY,CAAC,KAAK,KAAK,cAAc,KAAK,MAAM,SAAS,SAAe;AACzF,QAAI,CAAC,KAAK,OAAO,UAAU,CAAC,KAAK,MAAM,SAAS,YAAY,CAAC,KAAK,KAAK,MAAM,qBAAqB,CAAC,KAAK,QAAS;AACjH,QAAI,WAAW;AACb,UAAI,CAAC,KAAK,MAAM,MAAM,OAAQ,QAAO,KAAK,QAAQ,UAAU,GAAG,GAAG,KAAK,OAAO,OAAO,KAAK,OAAO,MAAM;AACvG,YAAM,MAAM,EAAE,KAAK,WACjB,IAAI,KAAK,aAAa,KAAK,UAAU,QAAQ,KAAK,MAAM,MAAM,SAAS,KAAK,QAAQ,UAAU,KAAK,WAAW,GAAG,GAAG,KAAK,OAAO,OAAO,KAAK,OAAO,MAAM,IAAK,KAAK,YAAY,SAAS,OAAO,EAAE,KAAK,KAAK,MAAM,MAAM,QAAQ,aAAa,aAAa,QAAQ,MAAM,QAAQ,KAAK,aAAa,KAAK,SAAS,UAAU,GAAuB,GAAG,GAAG,KAAK,OAAO,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC;AAAA,IAClY,WAAW,CAAC,KAAK,KAAK,cAAc,KAAK,MAAM,QAAQ,aAAa,EAAG;AACvE,SAAK,QAAQ,cAAc,KAAK,OAAO;AACvC,SAAK,QAAQ,UAAU,KAAK,MAAM,SAA6B,GAAG,GAAG,KAAK,OAAO,OAAO,KAAK,OAAO,MAAM;AAAA,EAC5G;AAAA,EAIU,WAAiB;AACzB,SAAK,OAAO,QAAQ;AACpB,SAAK,OAAO,SAAS,KAAK,MAAM,MAAM,KAAK,KAAK,MAAM,WAAW,UAAU,QAAQ,KAAK,KAAK,MAAM,WAAW,UAAU,OAAO;AAC/H,SAAK,SAAS;AAAA,EAChB;AAAA,EAEU,YAAY,MAAqB;AACzC,IAAC,KAAK,OAAO,MAAM,UAAU,CAAC,OAAO,SAAS,SAAU,QAAQ,KAAK,SAAS;AAAA,EAChF;AAAA,EAEU,aAAmB;AAC3B,SAAK,OAAO,MAAM,SAAS,QAAQ,KAAK,OAAO,IAAI,eAAe,KAAK,OAAO,OAAO;AAAA,EACvF;AAAA,EAEU,eAAqB;AAzEjC;AA0EI,KAAC,UAAK,MAAM,UAAS,aAApB,GAAoB,WAAa,CAAC,CAAC,KAAK,MAAM,MAAM,SAAS,KAAK,SAAS;AAAA,EAC9E;AAAA,EAEmB,eAAqB;AACtC,SAAK,KAAK,KAAK,uBAAuB,GAAG,KAAK,cAAc,aAAa,IAAI,mBAAmB,IAAI,IAAI,CAAC;AAAA,EAC3G;AACF;AAzEE,cADW,cACY,YAAW;AAClC,cAFW,cAEY,SAAQ;","names":[]}

package/dist/chunk-25IKIKAB.js

@@ -0,0 +1,60 @@
+import {
+  IS_MOBILE
+} from "./chunk-XGVDXMS3.js";
+import {
+  capitalize,
+  uncamelize
+} from "./chunk-ZJ6KVLUS.js";
+
+// src/ts/plugs/settings/modes/build.ts
+var ORIENTATION_OPTIONS = ["auto", "landscape", "portrait", "portrait-primary", "portrait-secondary", "landscape-primary", "landscape-secondary"];
+var MODES_FULLSCREEN_BUILD = {
+  disabled: false,
+  orientationLock: {
+    value: "auto",
+    options: [{ value: false, display: "Off" }, ...ORIENTATION_OPTIONS.map((o) => ({ value: o, display: capitalize(uncamelize(o)) }))]
+  },
+  onRotate: {
+    value: 90,
+    options: [
+      { value: false, display: "Off" },
+      { value: 0, display: "0\xB0 Portrait" },
+      { value: 90, display: "90\xB0 Landscape" },
+      { value: 180, display: "180\xB0 Inverted" },
+      { value: 270, display: "270\xB0 Landscape" }
+    ]
+  }
+};
+var MODES_THEATER_BUILD = {
+  disabled: IS_MOBILE
+};
+var MODES_PICTURE_IN_PICTURE_BUILD = {
+  disabled: false,
+  floatingPlayer: {
+    disabled: false,
+    width: 500,
+    height: 280,
+    disallowReturnToOpener: false,
+    preferInitialWindowPlacement: false
+  }
+};
+var MODES_MINIPLAYER_BUILD = {
+  disabled: false,
+  minWindowWidth: 240
+};
+var MODES_BUILD = {
+  // fullscreen: MODES_FULLSCREEN_BUILD,
+  // theater: MODES_THEATER_BUILD,
+  // pictureInPicture: MODES_PICTURE_IN_PICTURE_BUILD,
+  // miniplayer: MODES_MINIPLAYER_BUILD,
+};
+
+export {
+  ORIENTATION_OPTIONS,
+  MODES_FULLSCREEN_BUILD,
+  MODES_THEATER_BUILD,
+  MODES_PICTURE_IN_PICTURE_BUILD,
+  MODES_MINIPLAYER_BUILD,
+  MODES_BUILD
+};
+//# sourceMappingURL=chunk-25IKIKAB.js.map

package/dist/chunk-25IKIKAB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/modes/build.ts"],"sourcesContent":["import { DeepPartial } from \"sia-reactor\";\r\nimport { IS_MOBILE } from \"@utils/env\";\r\nimport { ModesFullscreenConfig, ModesPictureInPictureConfig, ModesMiniplayerConfig, ModesConfig, ModesTheaterConfig } from \"./types\";\r\nimport { capitalize, uncamelize } from \"@utils/str\";\r\n\r\nexport const ORIENTATION_OPTIONS = [\"auto\", \"landscape\", \"portrait\", \"portrait-primary\", \"portrait-secondary\", \"landscape-primary\", \"landscape-secondary\"] as const;\r\n\r\nexport const MODES_FULLSCREEN_BUILD: Partial<ModesFullscreenConfig> = {\r\n  disabled: false,\r\n  orientationLock: {\r\n    value: \"auto\",\r\n    options: [{ value: false, display: \"Off\" }, ...ORIENTATION_OPTIONS.map((o) => ({ value: o, display: capitalize(uncamelize(o)) }))],\r\n  },\r\n  onRotate: {\r\n    value: 90,\r\n    options: [\r\n      { value: false, display: \"Off\" },\r\n      { value: 0, display: \"0° Portrait\" },\r\n      { value: 90, display: \"90° Landscape\" },\r\n      { value: 180, display: \"180° Inverted\" },\r\n      { value: 270, display: \"270° Landscape\" },\r\n    ],\r\n  },\r\n};\r\n\r\nexport const MODES_THEATER_BUILD: Partial<ModesTheaterConfig> = {\r\n  disabled: IS_MOBILE,\r\n};\r\n\r\nexport const MODES_PICTURE_IN_PICTURE_BUILD: Partial<ModesPictureInPictureConfig> = {\r\n  disabled: false,\r\n  floatingPlayer: {\r\n    disabled: false,\r\n    width: 500,\r\n    height: 280,\r\n    disallowReturnToOpener: false,\r\n    preferInitialWindowPlacement: false,\r\n  },\r\n};\r\n\r\nexport const MODES_MINIPLAYER_BUILD: Partial<ModesMiniplayerConfig> = {\r\n  disabled: false,\r\n  minWindowWidth: 240,\r\n};\r\n\r\nexport const MODES_BUILD: DeepPartial<ModesConfig> = {\r\n  // fullscreen: MODES_FULLSCREEN_BUILD,\r\n  // theater: MODES_THEATER_BUILD,\r\n  // pictureInPicture: MODES_PICTURE_IN_PICTURE_BUILD,\r\n  // miniplayer: MODES_MINIPLAYER_BUILD,\r\n};\r\n"],"mappings":";;;;;;;;;AAKO,IAAM,sBAAsB,CAAC,QAAQ,aAAa,YAAY,oBAAoB,sBAAsB,qBAAqB,qBAAqB;AAElJ,IAAM,yBAAyD;AAAA,EACpE,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,SAAS,CAAC,EAAE,OAAO,OAAO,SAAS,MAAM,GAAG,GAAG,oBAAoB,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,WAAW,WAAW,CAAC,CAAC,EAAE,EAAE,CAAC;AAAA,EACnI;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,MACP,EAAE,OAAO,OAAO,SAAS,MAAM;AAAA,MAC/B,EAAE,OAAO,GAAG,SAAS,iBAAc;AAAA,MACnC,EAAE,OAAO,IAAI,SAAS,mBAAgB;AAAA,MACtC,EAAE,OAAO,KAAK,SAAS,mBAAgB;AAAA,MACvC,EAAE,OAAO,KAAK,SAAS,oBAAiB;AAAA,IAC1C;AAAA,EACF;AACF;AAEO,IAAM,sBAAmD;AAAA,EAC9D,UAAU;AACZ;AAEO,IAAM,iCAAuE;AAAA,EAClF,UAAU;AAAA,EACV,gBAAgB;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,wBAAwB;AAAA,IACxB,8BAA8B;AAAA,EAChC;AACF;AAEO,IAAM,yBAAyD;AAAA,EACpE,UAAU;AAAA,EACV,gBAAgB;AAClB;AAEO,IAAM,cAAwC;AAAA;AAAA;AAAA;AAAA;AAKrD;","names":[]}

package/dist/chunk-25ZZLGZ6.js

@@ -0,0 +1,45 @@
+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/theater.ts
+var TheaterButton = class extends BaseComponent {
+  create() {
+    return this.element = createEl("button", { className: "tmg-media-theater-btn", type: "button", innerHTML: IconRegistry.get("entertheater") + IconRegistry.get("leavetheater") }, { draggableControl: "", controlId: this.name });
+  }
+  wire() {
+    this.media.on("features.theater", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.el.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.media.on("state.theater", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.theater", this.syncARIA, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.voice.commands.theater", this.syncARIA, { signal: this.signal });
+  }
+  handleClick() {
+    this.media.intent.theater = !this.media.state.theater;
+  }
+  syncARIA() {
+    this.state.label = this.media.state.theater ? "Default view" : "Cinema mode";
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.theater, this.settings.voice.commands.theater);
+    this.el.title = this.state.label + this.state.cmd;
+    this.setBtnARIA();
+  }
+};
+__publicField(TheaterButton, "componentName", "theater");
+__publicField(TheaterButton, "isControl", true);
+
+export {
+  TheaterButton
+};
+//# sourceMappingURL=chunk-25ZZLGZ6.js.map

package/dist/chunk-25ZZLGZ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/theater.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 TheaterConfig = undefined;\r\n\r\nexport class TheaterButton extends BaseComponent<TheaterConfig, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName: string = \"theater\";\r\n  public static readonly isControl: boolean = true;\r\n\r\n  public override create() {\r\n    return (this.element = createEl(\"button\", { className: \"tmg-media-theater-btn\", type: \"button\", innerHTML: IconRegistry.get(\"entertheater\") + IconRegistry.get(\"leavetheater\") }, { draggableControl: \"\", controlId: this.name }));\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Features Gating\r\n    this.media.on(\"features.theater\", 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.theater\", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.theater\", this.syncARIA, { init: true, signal: this.signal });\n    this.ctlr.config.on(\"settings.voice.commands.theater\", this.syncARIA, { signal: this.signal });\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.media.intent.theater = !this.media.state.theater;\r\n  }\r\n\r\n  public syncARIA(): void {\r\n    this.state.label = this.media.state.theater ? \"Default view\" : \"Cinema mode\";\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.theater, this.settings.voice.commands.theater);\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    theater: typeof TheaterButton;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;AAOO,IAAM,gBAAN,cAA4B,cAAgE;AAAA,EAIjF,SAAS;AACvB,WAAQ,KAAK,UAAU,SAAS,UAAU,EAAE,WAAW,yBAAyB,MAAM,UAAU,WAAW,aAAa,IAAI,cAAc,IAAI,aAAa,IAAI,cAAc,EAAE,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AAAA,EAClO;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,oBAAoB,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEnG,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,MAAM,GAAG,iBAAiB,KAAK,UAAU,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEpG,SAAK,KAAK,OAAO,GAAG,mCAAmC,KAAK,UAAU,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AACzG,SAAK,KAAK,OAAO,GAAG,mCAAmC,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EAC/F;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,OAAO,UAAU,CAAC,KAAK,MAAM,MAAM;AAAA,EAChD;AAAA,EAEO,WAAiB;AACtB,SAAK,MAAM,QAAQ,KAAK,MAAM,MAAM,UAAU,iBAAiB;AAC/D,SAAK,MAAM,MAAM,oBAAoB,KAAK,SAAS,KAAK,UAAU,SAAS,KAAK,SAAS,MAAM,SAAS,OAAO;AAC/G,SAAK,GAAG,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM;AAC9C,SAAK,WAAW;AAAA,EAClB;AACF;AA7BE,cADW,eACY,iBAAwB;AAC/C,cAFW,eAEY,aAAqB;","names":[]}

package/dist/chunk-274C5J22.js

@@ -0,0 +1,12 @@
+// src/ts/plugs/settings/time/build.ts
+var TIME_BUILD = {
+  min: 0,
+  skip: 10,
+  mode: "elapsed",
+  format: "digital"
+};
+
+export {
+  TIME_BUILD
+};
+//# sourceMappingURL=chunk-274C5J22.js.map

package/dist/chunk-274C5J22.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/time/build.ts"],"sourcesContent":["import { TimeConfig } from \"./types\";\r\n\r\nexport const TIME_BUILD: Partial<TimeConfig> = {\r\n  min: 0,\r\n  skip: 10,\r\n  mode: \"elapsed\",\r\n  format: \"digital\",\r\n};\r\n"],"mappings":";AAEO,IAAM,aAAkC;AAAA,EAC7C,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AACV;","names":[]}

package/dist/chunk-27FHLV4M.js

@@ -0,0 +1,12 @@
+// src/ts/components/icons/objectfitcover.ts
+var objectfitcover = `<svg class="tmg-media-object-fit-cover-icon" viewBox="0 0 16 16" style="scale: 0.75;">
+  <rect width="16" height="16" rx="4" ry="4" fill="none" stroke-width="2.25" stroke="currentColor"/>
+  <g stroke-width="1" stroke="currentColor" transform="translate(3,3)">
+    <path style="scale: 0.6;" d="M521.667563,212.999001 L523.509521,212.999001 C523.784943,212.999001 524,213.222859 524,213.499001 C524,213.767068 523.780405,213.999001 523.509521,213.999001 L520.490479,213.999001 C520.354351,213.999001 520.232969,213.944316 520.145011,213.855661 C520.056625,213.763694 520,213.642369 520,213.508523 L520,210.48948 C520,210.214059 520.223858,209.999001 520.5,209.999001 C520.768066,209.999001 521,210.218596 521,210.48948 L521,212.252351 L525.779724,207.472627 C525.975228,207.277123 526.284966,207.283968 526.480228,207.47923 C526.66978,207.668781 526.678447,207.988118 526.486831,208.179734 L521.667563,212.999001 Z" transform="translate(-520 -198)"/><path style="scale: 0.6;" d="M534.330152,212.999001 L532.488194,212.999001 C532.212773,212.999001 531.997715,213.222859 531.997715,213.499001 C531.997715,213.767068 532.21731,213.999001 532.488194,213.999001 L535.507237,213.999001 C535.643364,213.999001 535.764746,213.944316 535.852704,213.855661 C535.94109,213.763694 535.997715,213.642369 535.997715,213.508523 L535.997715,210.48948 C535.997715,210.214059 535.773858,209.999001 535.497715,209.999001 C535.229649,209.999001 534.997715,210.218596 534.997715,210.48948 L534.997715,212.252351 L530.217991,207.472627 C530.022487,207.277123 529.712749,207.283968 529.517487,207.47923 C529.327935,207.668781 529.319269,207.988118 529.510884,208.179734 L534.330152,212.999001 Z" transform="translate(-520 -198)"/><path style="scale: 0.6;" d="M521.667563,199 L523.509521,199 C523.784943,199 524,198.776142 524,198.5 C524,198.231934 523.780405,198 523.509521,198 L520.490479,198 C520.354351,198 520.232969,198.054685 520.145011,198.14334 C520.056625,198.235308 520,198.356632 520,198.490479 L520,201.509521 C520,201.784943 520.223858,202 520.5,202 C520.768066,202 521,201.780405 521,201.509521 L521,199.74665 L525.779724,204.526374 C525.975228,204.721878 526.284966,204.715034 526.480228,204.519772 C526.66978,204.33022 526.678447,204.010883 526.486831,203.819268 L521.667563,199 Z" transform="translate(-520 -198)"/><path style="scale: 0.6;" d="M534.251065,199 L532.488194,199 C532.212773,199 531.997715,198.776142 531.997715,198.5 C531.997715,198.231934 532.21731,198 532.488194,198 L535.507237,198 C535.643364,198 535.764746,198.054685 535.852704,198.14334 C535.94109,198.235308 535.997715,198.356632 535.997715,198.490479 L535.997715,201.509521 C535.997715,201.784943 535.773858,202 535.497715,202 C535.229649,202 534.997715,201.780405 534.997715,201.509521 L534.997715,199.667563 L530.178448,204.486831 C529.982944,204.682335 529.673206,204.67549 529.477943,204.480228 C529.288392,204.290677 529.279725,203.97134 529.471341,203.779724 L534.251065,199 Z" transform="translate(-520 -198)"/>
+  </g>
+</svg>`;
+
+export {
+  objectfitcover
+};
+//# sourceMappingURL=chunk-27FHLV4M.js.map

package/dist/chunk-27FHLV4M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/objectfitcover.ts"],"sourcesContent":["export const objectfitcover = `<svg class=\"tmg-media-object-fit-cover-icon\" viewBox=\"0 0 16 16\" style=\"scale: 0.75;\">\r\n  <rect width=\"16\" height=\"16\" rx=\"4\" ry=\"4\" fill=\"none\" stroke-width=\"2.25\" stroke=\"currentColor\"/>\r\n  <g stroke-width=\"1\" stroke=\"currentColor\" transform=\"translate(3,3)\">\r\n    <path style=\"scale: 0.6;\" d=\"M521.667563,212.999001 L523.509521,212.999001 C523.784943,212.999001 524,213.222859 524,213.499001 C524,213.767068 523.780405,213.999001 523.509521,213.999001 L520.490479,213.999001 C520.354351,213.999001 520.232969,213.944316 520.145011,213.855661 C520.056625,213.763694 520,213.642369 520,213.508523 L520,210.48948 C520,210.214059 520.223858,209.999001 520.5,209.999001 C520.768066,209.999001 521,210.218596 521,210.48948 L521,212.252351 L525.779724,207.472627 C525.975228,207.277123 526.284966,207.283968 526.480228,207.47923 C526.66978,207.668781 526.678447,207.988118 526.486831,208.179734 L521.667563,212.999001 Z\" transform=\"translate(-520 -198)\"/><path style=\"scale: 0.6;\" d=\"M534.330152,212.999001 L532.488194,212.999001 C532.212773,212.999001 531.997715,213.222859 531.997715,213.499001 C531.997715,213.767068 532.21731,213.999001 532.488194,213.999001 L535.507237,213.999001 C535.643364,213.999001 535.764746,213.944316 535.852704,213.855661 C535.94109,213.763694 535.997715,213.642369 535.997715,213.508523 L535.997715,210.48948 C535.997715,210.214059 535.773858,209.999001 535.497715,209.999001 C535.229649,209.999001 534.997715,210.218596 534.997715,210.48948 L534.997715,212.252351 L530.217991,207.472627 C530.022487,207.277123 529.712749,207.283968 529.517487,207.47923 C529.327935,207.668781 529.319269,207.988118 529.510884,208.179734 L534.330152,212.999001 Z\" transform=\"translate(-520 -198)\"/><path style=\"scale: 0.6;\" d=\"M521.667563,199 L523.509521,199 C523.784943,199 524,198.776142 524,198.5 C524,198.231934 523.780405,198 523.509521,198 L520.490479,198 C520.354351,198 520.232969,198.054685 520.145011,198.14334 C520.056625,198.235308 520,198.356632 520,198.490479 L520,201.509521 C520,201.784943 520.223858,202 520.5,202 C520.768066,202 521,201.780405 521,201.509521 L521,199.74665 L525.779724,204.526374 C525.975228,204.721878 526.284966,204.715034 526.480228,204.519772 C526.66978,204.33022 526.678447,204.010883 526.486831,203.819268 L521.667563,199 Z\" transform=\"translate(-520 -198)\"/><path style=\"scale: 0.6;\" d=\"M534.251065,199 L532.488194,199 C532.212773,199 531.997715,198.776142 531.997715,198.5 C531.997715,198.231934 532.21731,198 532.488194,198 L535.507237,198 C535.643364,198 535.764746,198.054685 535.852704,198.14334 C535.94109,198.235308 535.997715,198.356632 535.997715,198.490479 L535.997715,201.509521 C535.997715,201.784943 535.773858,202 535.497715,202 C535.229649,202 534.997715,201.780405 534.997715,201.509521 L534.997715,199.667563 L530.178448,204.486831 C529.982944,204.682335 529.673206,204.67549 529.477943,204.480228 C529.288392,204.290677 529.279725,203.97134 529.471341,203.779724 L534.251065,199 Z\" transform=\"translate(-520 -198)\"/>\r\n  </g>\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    objectfitcover: typeof objectfitcover;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}