tmg-media-player 0.0.1

package/dist/chunk-OP3PIADD.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/fullscreen.ts
+var FullscreenButton = class extends BaseComponent {
+  create() {
+    return this.element = createEl("button", { className: "tmg-media-fullscreen-btn", type: "button", innerHTML: IconRegistry.get("enterfullscreen") + IconRegistry.get("leavefullscreen") }, { draggableControl: "", controlId: this.name });
+  }
+  wire() {
+    this.media.on("features.fullscreen", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.el.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.media.on("state.fullscreen", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.fullscreen", this.syncARIA, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.voice.commands.fullscreen", this.syncARIA, { signal: this.signal });
+  }
+  handleClick() {
+    this.media.intent.fullscreen = !this.media.state.fullscreen;
+  }
+  syncARIA() {
+    this.state.label = this.media.state.fullscreen ? "Exit full screen" : "Full screen";
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.fullscreen, this.settings.voice.commands.fullscreen);
+    this.el.title = this.state.label + this.state.cmd;
+    this.setBtnARIA();
+  }
+};
+__publicField(FullscreenButton, "componentName", "fullscreen");
+__publicField(FullscreenButton, "isControl", true);
+
+export {
+  FullscreenButton
+};
+//# sourceMappingURL=chunk-OP3PIADD.js.map

package/dist/chunk-OP3PIADD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/fullscreen.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"@components/base\";\nimport { IconRegistry } from \"@core/registries\";\nimport { createEl } from \"@utils/dom\";\nimport { formatKeyForDisplay } from \"@utils/keys\";\n\nexport type FullscreenConfig = undefined;\n\nexport class FullscreenButton extends BaseComponent<FullscreenConfig, ComponentState, HTMLButtonElement> {\n  public static readonly componentName: string = \"fullscreen\";\n  public static readonly isControl: boolean = true;\n\n  public override create() {\n    return (this.element = createEl(\"button\", { className: \"tmg-media-fullscreen-btn\", type: \"button\", innerHTML: IconRegistry.get(\"enterfullscreen\") + IconRegistry.get(\"leavefullscreen\") }, { draggableControl: \"\", controlId: this.name }));\n  }\n\n  public override wire(): void {\n    // Features Gating\n    this.media.on(\"features.fullscreen\", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });\n    // Event Listeners\n    this.el.addEventListener(\"click\", this.handleClick, { signal: this.signal });\n    // Ctlr Media Listeners\n    this.media.on(\"state.fullscreen\", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });\n    // ---- Config --------\n    this.ctlr.config.on(\"settings.keys.shortcuts.fullscreen\", this.syncARIA, { init: true, signal: this.signal });\n    this.ctlr.config.on(\"settings.voice.commands.fullscreen\", this.syncARIA, { signal: this.signal });\n  }\n\n  protected handleClick(): void {\n    this.media.intent.fullscreen = !this.media.state.fullscreen;\n  }\n\n  public syncARIA(): void {\n    this.state.label = this.media.state.fullscreen ? \"Exit full screen\" : \"Full screen\";\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.fullscreen, this.settings.voice.commands.fullscreen);\n    this.el.title = this.state.label + this.state.cmd;\n    this.setBtnARIA();\n  }\n}\n\ndeclare module \"@defs/registries\" {\n  interface ComponentRegistryMap {\n    fullscreen: typeof FullscreenButton;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAOO,IAAM,mBAAN,cAA+B,cAAmE;AAAA,EAIvF,SAAS;AACvB,WAAQ,KAAK,UAAU,SAAS,UAAU,EAAE,WAAW,4BAA4B,MAAM,UAAU,WAAW,aAAa,IAAI,iBAAiB,IAAI,aAAa,IAAI,iBAAiB,EAAE,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AAAA,EAC3O;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,uBAAuB,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEtG,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,MAAM,GAAG,oBAAoB,KAAK,UAAU,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEvG,SAAK,KAAK,OAAO,GAAG,sCAAsC,KAAK,UAAU,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC5G,SAAK,KAAK,OAAO,GAAG,sCAAsC,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EAClG;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,OAAO,aAAa,CAAC,KAAK,MAAM,MAAM;AAAA,EACnD;AAAA,EAEO,WAAiB;AACtB,SAAK,MAAM,QAAQ,KAAK,MAAM,MAAM,aAAa,qBAAqB;AACtE,SAAK,MAAM,MAAM,oBAAoB,KAAK,SAAS,KAAK,UAAU,YAAY,KAAK,SAAS,MAAM,SAAS,UAAU;AACrH,SAAK,GAAG,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM;AAC9C,SAAK,WAAW;AAAA,EAClB;AACF;AA7BE,cADW,kBACY,iBAAwB;AAC/C,cAFW,kBAEY,aAAqB;","names":[]}

package/dist/chunk-OSDM6ZVT.js

@@ -0,0 +1,7 @@
+// src/ts/components/icons/loop.ts
+var loop = `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"/></svg>`;
+
+export {
+  loop
+};
+//# sourceMappingURL=chunk-OSDM6ZVT.js.map

package/dist/chunk-OSDM6ZVT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/loop.ts"],"sourcesContent":["export const loop = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z\"/></svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    loop: typeof loop;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,OAAO;","names":[]}

package/dist/chunk-OZEEIRCS.js

@@ -0,0 +1,9 @@
+// src/ts/plugs/main/skeleton/build.ts
+var SKELETON_BUILD = {
+  autoPauseAll: true
+};
+
+export {
+  SKELETON_BUILD
+};
+//# sourceMappingURL=chunk-OZEEIRCS.js.map

package/dist/chunk-OZEEIRCS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/main/skeleton/build.ts"],"sourcesContent":["import { SkeletonConfig } from \"./types\";\r\n\r\nexport const SKELETON_BUILD: Partial<SkeletonConfig> = {\r\n  autoPauseAll: true,\r\n};\r\n"],"mappings":";AAEO,IAAM,iBAA0C;AAAA,EACrD,cAAc;AAChB;","names":[]}

package/dist/chunk-PGSBJUJ4.js

@@ -0,0 +1,9 @@
+// src/ts/components/icons/forward10.ts
+var forward10 = `
+<svg viewBox="0 0 24 24" class="tmg-media-forward10-icon"><path fill="currentColor" d="M18 13c0 3.31-2.69 6-6 6s-6-2.69-6-6 2.69-6 6-6v4l5-5-5-5v4c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8h-2z"/><text x="12" y="16.5" font-family="sans-serif" font-size="7" font-weight="bold" text-anchor="middle" fill="currentColor">10</text></svg>
+`;
+
+export {
+  forward10
+};
+//# sourceMappingURL=chunk-PGSBJUJ4.js.map

package/dist/chunk-PGSBJUJ4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/forward10.ts"],"sourcesContent":["export const forward10 = `\n<svg viewBox=\"0 0 24 24\" class=\"tmg-media-forward10-icon\"><path fill=\"currentColor\" d=\"M18 13c0 3.31-2.69 6-6 6s-6-2.69-6-6 2.69-6 6-6v4l5-5-5-5v4c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8h-2z\"/><text x=\"12\" y=\"16.5\" font-family=\"sans-serif\" font-size=\"7\" font-weight=\"bold\" text-anchor=\"middle\" fill=\"currentColor\">10</text></svg>\n`;\n\ndeclare module \"@defs/registries\" {\n  interface IconRegistryMap {\n    forward10: typeof forward10;\n  }\n}\n"],"mappings":";AAAO,IAAM,YAAY;AAAA;AAAA;","names":[]}

package/dist/chunk-PPIDZONA.js

@@ -0,0 +1,38 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/backward10.ts
+var Backward10Button = class extends BaseComponent {
+  create() {
+    return this.element = createEl("button", { className: "tmg-media-backward10-btn", type: "button", innerHTML: IconRegistry.get("backward10") }, { draggableControl: "", controlId: this.name });
+  }
+  wire() {
+    this.el.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.syncARIA();
+  }
+  handleClick() {
+    this.media.intent.currentTime -= 10;
+  }
+  syncARIA() {
+    this.state.label = "Backward 10s";
+    this.el.title = this.state.label + this.state.cmd;
+    this.setBtnARIA();
+  }
+};
+__publicField(Backward10Button, "componentName", "backward10");
+__publicField(Backward10Button, "isControl", true);
+
+export {
+  Backward10Button
+};
+//# sourceMappingURL=chunk-PPIDZONA.js.map

package/dist/chunk-PPIDZONA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/backward10.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"../base\";\nimport { IconRegistry } from \"@core/registries\";\nimport { createEl } from \"@utils/dom\";\n\nexport type Backward10Config = undefined;\n\nexport class Backward10Button extends BaseComponent<Backward10Config, ComponentState, HTMLButtonElement> {\n  public static readonly componentName: string = \"backward10\";\n  public static readonly isControl: boolean = true;\n\n  public override create() {\n    return (this.element = createEl(\"button\", { className: \"tmg-media-backward10-btn\", type: \"button\", innerHTML: IconRegistry.get(\"backward10\") }, { draggableControl: \"\", controlId: this.name }));\n  }\n\n  public override wire(): void {\n    // Event Listeners\n    this.el.addEventListener(\"click\", this.handleClick, { signal: this.signal });\n    // Post Wiring\n    this.syncARIA();\n  }\n\n  protected handleClick(): void {\n    this.media.intent.currentTime -= 10;\n  }\n\n  public syncARIA(): void {\n    this.state.label = \"Backward 10s\";\n    this.el.title = this.state.label + this.state.cmd;\n    this.setBtnARIA();\n  }\n}\n\ndeclare module \"@defs/registries\" {\n  interface ComponentRegistryMap {\n    backward10: typeof Backward10Button;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAMO,IAAM,mBAAN,cAA+B,cAAmE;AAAA,EAIvF,SAAS;AACvB,WAAQ,KAAK,UAAU,SAAS,UAAU,EAAE,WAAW,4BAA4B,MAAM,UAAU,WAAW,aAAa,IAAI,YAAY,EAAE,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AAAA,EAChM;AAAA,EAEgB,OAAa;AAE3B,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,SAAS;AAAA,EAChB;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,OAAO,eAAe;AAAA,EACnC;AAAA,EAEO,WAAiB;AACtB,SAAK,MAAM,QAAQ;AACnB,SAAK,GAAG,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM;AAC9C,SAAK,WAAW;AAAA,EAClB;AACF;AAvBE,cADW,kBACY,iBAAwB;AAC/C,cAFW,kBAEY,aAAqB;","names":[]}

package/dist/chunk-PTMZQ7E3.js

@@ -0,0 +1,7 @@
+// src/ts/components/icons/quality.ts
+var quality = `<svg viewBox="0 0 24 24" class="tmg-media-quality-icon" stroke-width="1" stroke="currentColor"><path d="M15 17h6v1h-6v-1zm-2 0H3v1h10v-1zm1-2h1v3h-1v-3zm3-4h4v1h-4v-1zm-5 0H3v1h9v-1zm1-2h1v3h-1V9zm-5-4h11v1H8V5zM3 5h3v1H3V5zm2-2h1v3H5V3z"/></svg>`;
+
+export {
+  quality
+};
+//# sourceMappingURL=chunk-PTMZQ7E3.js.map

package/dist/chunk-PTMZQ7E3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/quality.ts"],"sourcesContent":["export const quality = `<svg viewBox=\"0 0 24 24\" class=\"tmg-media-quality-icon\" stroke-width=\"1\" stroke=\"currentColor\"><path d=\"M15 17h6v1h-6v-1zm-2 0H3v1h10v-1zm1-2h1v3h-1v-3zm3-4h4v1h-4v-1zm-5 0H3v1h9v-1zm1-2h1v3h-1V9zm-5-4h11v1H8V5zM3 5h3v1H3V5zm2-2h1v3H5V3z\"/></svg>`;\n\ndeclare module \"@defs/registries\" {\n  interface IconRegistryMap {\n    quality: typeof quality;\n  }\n}\n"],"mappings":";AAAO,IAAM,UAAU;","names":[]}

package/dist/chunk-PV24XKW2.js

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

package/dist/chunk-PV24XKW2.js.map

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

package/dist/chunk-PXU563OY.js

@@ -0,0 +1,26 @@
+// src/ts/plugs/settings/overlay/build.ts
+var OVERLAY_BUILD = {
+  delay: 3e3,
+  behavior: {
+    value: "strict",
+    options: [
+      { value: "strict", display: "Strict" },
+      { value: "auto", display: "Auto" },
+      { value: "persistent", display: "Persistent" },
+      { value: "hidden", display: "Hidden" }
+    ]
+  },
+  curtain: {
+    value: "edged",
+    options: [
+      { value: "edged", display: "Edged" },
+      { value: "cover", display: "Cover" },
+      { value: "none", display: "None" }
+    ]
+  }
+};
+
+export {
+  OVERLAY_BUILD
+};
+//# sourceMappingURL=chunk-PXU563OY.js.map

package/dist/chunk-PXU563OY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/overlay/build.ts"],"sourcesContent":["import { OverlayConfig } from \"./types\";\nimport { DeepPartial } from \"sia-reactor\";\n\nexport const OVERLAY_BUILD: DeepPartial<OverlayConfig> = {\n  delay: 3000,\n  behavior: {\n    value: \"strict\",\n    options: [\n      { value: \"strict\", display: \"Strict\" },\n      { value: \"auto\", display: \"Auto\" },\n      { value: \"persistent\", display: \"Persistent\" },\n      { value: \"hidden\", display: \"Hidden\" },\n    ]\n  },\n  curtain: {\n    value: \"edged\",\n    options: [\n      { value: \"edged\", display: \"Edged\" },\n      { value: \"cover\", display: \"Cover\" },\n      { value: \"none\", display: \"None\" },\n    ]\n  }\n};\n"],"mappings":";AAGO,IAAM,gBAA4C;AAAA,EACvD,OAAO;AAAA,EACP,UAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,MACP,EAAE,OAAO,UAAU,SAAS,SAAS;AAAA,MACrC,EAAE,OAAO,QAAQ,SAAS,OAAO;AAAA,MACjC,EAAE,OAAO,cAAc,SAAS,aAAa;AAAA,MAC7C,EAAE,OAAO,UAAU,SAAS,SAAS;AAAA,IACvC;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,MACP,EAAE,OAAO,SAAS,SAAS,QAAQ;AAAA,MACnC,EAAE,OAAO,SAAS,SAAS,QAAQ;AAAA,MACnC,EAAE,OAAO,QAAQ,SAAS,OAAO;AAAA,IACnC;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-Q2XYS26I.js

@@ -0,0 +1,11 @@
+// src/ts/plugs/settings/volume/build.ts
+var VOLUME_BUILD = {
+  min: 0,
+  max: 300,
+  skip: 5
+};
+
+export {
+  VOLUME_BUILD
+};
+//# sourceMappingURL=chunk-Q2XYS26I.js.map

package/dist/chunk-Q2XYS26I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/volume/build.ts"],"sourcesContent":["import { VolumeConfig } from \"./types\";\r\n\r\nexport const VOLUME_BUILD: Partial<VolumeConfig> = {\r\n  min: 0,\r\n  max: 300,\r\n  skip: 5,\r\n};\r\n"],"mappings":";AAEO,IAAM,eAAsC;AAAA,EACjD,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AACR;","names":[]}

package/dist/chunk-Q5NG3DY7.js

@@ -0,0 +1,31 @@
+import {
+  YouTubeTech
+} from "./chunk-M3UOD7TX.js";
+import {
+  DashTech
+} from "./chunk-VSK7766S.js";
+import {
+  HLSTech
+} from "./chunk-C2TANFKK.js";
+import {
+  VimeoTech
+} from "./chunk-SCL4FW6F.js";
+import {
+  HTML5Tech
+} from "./chunk-LWLNQS3O.js";
+import {
+  TechRegistry
+} from "./chunk-2JW4RYM4.js";
+
+// src/ts/techs/z-register.ts
+for (const Tech of [
+  // Priority Order
+  HTML5Tech,
+  // ShakaTech,
+  HLSTech,
+  DashTech,
+  YouTubeTech,
+  VimeoTech
+])
+  TechRegistry.register(Tech);
+//# sourceMappingURL=chunk-Q5NG3DY7.js.map

package/dist/chunk-Q5NG3DY7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/techs/z-register.ts"],"sourcesContent":["import { TechRegistry } from \"@core/registries\";\r\nimport { HTML5Tech } from \"./html5\";\r\nimport { ShakaTech } from \"./shaka\";\r\nimport { DashTech } from \"./dash\";\r\nimport { HLSTech } from \"./hls\";\r\nimport { YouTubeTech } from \"./youtube\";\r\nimport { VimeoTech } from \"./vimeo\";\r\n\r\nfor (const Tech of [\r\n  // Priority Order\r\n  HTML5Tech,\r\n  // ShakaTech,\r\n  HLSTech,\r\n  DashTech,\r\n  YouTubeTech,\r\n  VimeoTech,\r\n])\r\n  TechRegistry.register(Tech);\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQA,WAAW,QAAQ;AAAA;AAAA,EAEjB;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACE,eAAa,SAAS,IAAI;","names":[]}

package/dist/chunk-QADXAWA6.js

@@ -0,0 +1,71 @@
+import {
+  parseUIOpt
+} from "./chunk-BROAUWON.js";
+
+// src/ts/plugs/menus/settings/playbackRate.ts
+import { fanout } from "sia-reactor/utils";
+var getSettingsPlaybackRateMenu = (plug) => [
+  {
+    id: "playbackRate",
+    label: "Playback speed",
+    icon: "playbackrate",
+    widget: "group",
+    feature: "playbackRate",
+    tipHTML: "Configure custom playback speeds",
+    getValue: () => plug.media.state.playbackRate === 1 ? "Normal" : `${plug.media.state.playbackRate}x`,
+    items: [
+      {
+        id: "playbackRateSlider",
+        label: "Custom",
+        widget: "range",
+        inline: true,
+        getRange() {
+          const divs = [];
+          for (let i = Math.ceil(plug.config.min); i <= plug.config.max; i++) divs.push(i);
+          return { min: plug.config.min, max: plug.config.max, step: 0.05, formatTooltip: (v) => `${v.toFixed(2)}x`, divs };
+        },
+        getValue: () => plug.media.state.playbackRate.toFixed(2).replace(/\.?0+$/, "") + "x",
+        onChange: (val) => plug.media.intent.playbackRate = val,
+        configPaths: ["settings.playbackRate.min", "settings.playbackRate.max"],
+        mediaPaths: ["state.playbackRate"]
+      },
+      {
+        id: "playbackRateSelect",
+        label: "Presets",
+        widget: "select",
+        inline: true,
+        getOptions: () => plug.config.options.map((o) => {
+          const p = parseUIOpt(o);
+          return { value: p.value, display: p.value === 1 ? "Normal" : p.display };
+        }),
+        getValue: () => String(plug.media.state.playbackRate),
+        onChange: (val) => plug.media.intent.playbackRate = val,
+        mediaPaths: ["state.playbackRate"]
+      }
+    ],
+    mediaPaths: ["state.playbackRate"]
+  },
+  {
+    id: "limits",
+    label: "Limits",
+    icon: "configure",
+    widget: "group",
+    getValue: () => "",
+    items: [
+      {
+        id: "playbackRateLimits",
+        label: "Playback speed",
+        widget: "limits",
+        configPaths: ["settings.playbackRate.min", "settings.playbackRate.max", "settings.playbackRate.skip"],
+        getValue: () => "",
+        getLimits: () => [{ name: "playbackRate", label: "Clamp bounds", min: plug.config.min, max: plug.config.max, step: plug.config.skip }],
+        onChange: (val) => fanout(plug.config, { min: val.playbackRate_min, max: val.playbackRate_max, skip: val.playbackRate_step }, { skipUndefined: true })
+      }
+    ]
+  }
+];
+
+export {
+  getSettingsPlaybackRateMenu
+};
+//# sourceMappingURL=chunk-QADXAWA6.js.map

package/dist/chunk-QADXAWA6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/playbackRate.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport type { PlaybackRatePlug } from \"@plugs/settings/playbackRate\";\nimport { parseUIOpt } from \"@utils/obj\";\nimport { fanout } from \"sia-reactor/utils\";\nexport const getSettingsPlaybackRateMenu = (plug: PlaybackRatePlug): SettingsMenuItem[] => [\n  {\n    id: \"playbackRate\",\n    label: \"Playback speed\",\n    icon: \"playbackrate\",\n    widget: \"group\",\n    feature: \"playbackRate\",\n    tipHTML: \"Configure custom playback speeds\",\n    getValue: () => (plug.media.state.playbackRate === 1 ? \"Normal\" : `${plug.media.state.playbackRate}x`),\n    items: [\n      {\n        id: \"playbackRateSlider\",\n        label: \"Custom\",\n        widget: \"range\",\n        inline: true,\n        getRange() {\n          const divs = [];\n          for (let i = Math.ceil(plug.config.min); i <= plug.config.max; i++) divs.push(i);\n          return { min: plug.config.min, max: plug.config.max, step: 0.05, formatTooltip: (v: number) => `${v.toFixed(2)}x`, divs };\n        },\n        getValue: () => plug.media.state.playbackRate.toFixed(2).replace(/\\.?0+$/, \"\") + \"x\",\n        onChange: (val: number) => (plug.media.intent.playbackRate = val),\n        configPaths: [\"settings.playbackRate.min\", \"settings.playbackRate.max\"],\n        mediaPaths: [\"state.playbackRate\"],\n      },\n      {\n        id: \"playbackRateSelect\",\n        label: \"Presets\",\n        widget: \"select\",\n        inline: true,\n        getOptions: () =>\n          plug.config.options.map((o) => {\n            const p = parseUIOpt(o);\n            return { value: p.value, display: p.value === 1 ? \"Normal\" : p.display };\n          }),\n        getValue: () => String(plug.media.state.playbackRate),\n        onChange: (val: number) => (plug.media.intent.playbackRate = val),\n        mediaPaths: [\"state.playbackRate\"],\n      },\n    ],\n    mediaPaths: [\"state.playbackRate\"],\n  },\n  {\n    id: \"limits\",\n    label: \"Limits\",\n    icon: \"configure\",\n    widget: \"group\",\n    getValue: () => \"\",\n    items: [\n      {\n        id: \"playbackRateLimits\",\n        label: \"Playback speed\",\n        widget: \"limits\",\n        configPaths: [\"settings.playbackRate.min\", \"settings.playbackRate.max\", \"settings.playbackRate.skip\"],\n        getValue: () => \"\",\n        getLimits: () => [{ name: \"playbackRate\", label: \"Clamp bounds\", min: plug.config.min, max: plug.config.max, step: plug.config.skip }],\n        onChange: (val: Record<string, number>) => fanout(plug.config, { min: val.playbackRate_min, max: val.playbackRate_max, skip: val.playbackRate_step }, { skipUndefined: true }),\n      },\n    ],\n  },\n];\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.playbackRate\": typeof getSettingsPlaybackRateMenu;\n  }\n}\n"],"mappings":";;;;;AAGA,SAAS,cAAc;AAChB,IAAM,8BAA8B,CAAC,SAA+C;AAAA,EACzF;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU,MAAO,KAAK,MAAM,MAAM,iBAAiB,IAAI,WAAW,GAAG,KAAK,MAAM,MAAM,YAAY;AAAA,IAClG,OAAO;AAAA,MACL;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,WAAW;AACT,gBAAM,OAAO,CAAC;AACd,mBAAS,IAAI,KAAK,KAAK,KAAK,OAAO,GAAG,GAAG,KAAK,KAAK,OAAO,KAAK,IAAK,MAAK,KAAK,CAAC;AAC/E,iBAAO,EAAE,KAAK,KAAK,OAAO,KAAK,KAAK,KAAK,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC,MAAc,GAAG,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK;AAAA,QAC1H;AAAA,QACA,UAAU,MAAM,KAAK,MAAM,MAAM,aAAa,QAAQ,CAAC,EAAE,QAAQ,UAAU,EAAE,IAAI;AAAA,QACjF,UAAU,CAAC,QAAiB,KAAK,MAAM,OAAO,eAAe;AAAA,QAC7D,aAAa,CAAC,6BAA6B,2BAA2B;AAAA,QACtE,YAAY,CAAC,oBAAoB;AAAA,MACnC;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,YAAY,MACV,KAAK,OAAO,QAAQ,IAAI,CAAC,MAAM;AAC7B,gBAAM,IAAI,WAAW,CAAC;AACtB,iBAAO,EAAE,OAAO,EAAE,OAAO,SAAS,EAAE,UAAU,IAAI,WAAW,EAAE,QAAQ;AAAA,QACzE,CAAC;AAAA,QACH,UAAU,MAAM,OAAO,KAAK,MAAM,MAAM,YAAY;AAAA,QACpD,UAAU,CAAC,QAAiB,KAAK,MAAM,OAAO,eAAe;AAAA,QAC7D,YAAY,CAAC,oBAAoB;AAAA,MACnC;AAAA,IACF;AAAA,IACA,YAAY,CAAC,oBAAoB;AAAA,EACnC;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU,MAAM;AAAA,IAChB,OAAO;AAAA,MACL;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,aAAa,CAAC,6BAA6B,6BAA6B,4BAA4B;AAAA,QACpG,UAAU,MAAM;AAAA,QAChB,WAAW,MAAM,CAAC,EAAE,MAAM,gBAAgB,OAAO,gBAAgB,KAAK,KAAK,OAAO,KAAK,KAAK,KAAK,OAAO,KAAK,MAAM,KAAK,OAAO,KAAK,CAAC;AAAA,QACrI,UAAU,CAAC,QAAgC,OAAO,KAAK,QAAQ,EAAE,KAAK,IAAI,kBAAkB,KAAK,IAAI,kBAAkB,MAAM,IAAI,kBAAkB,GAAG,EAAE,eAAe,KAAK,CAAC;AAAA,MAC/K;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-QG2FZCJ6.js

@@ -0,0 +1,7 @@
+// src/ts/plugs/settings/airplay/build.ts
+var AIRPLAY_BUILD = void 0;
+
+export {
+  AIRPLAY_BUILD
+};
+//# sourceMappingURL=chunk-QG2FZCJ6.js.map

package/dist/chunk-QG2FZCJ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/airplay/build.ts"],"sourcesContent":["export const AIRPLAY_BUILD = undefined;\r\n"],"mappings":";AAAO,IAAM,gBAAgB;","names":[]}

package/dist/chunk-QMLGJPHC.js

@@ -0,0 +1,7 @@
+// src/ts/components/icons/videotrack.ts
+var videotrack = `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/></svg>`;
+
+export {
+  videotrack
+};
+//# sourceMappingURL=chunk-QMLGJPHC.js.map

package/dist/chunk-QMLGJPHC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/videotrack.ts"],"sourcesContent":["export const videotrack = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z\"/></svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    videotrack: typeof videotrack;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,aAAa;","names":[]}

package/dist/chunk-QQKXAEXW.js

@@ -0,0 +1,50 @@
+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/holders/castplaceholder.ts
+var CastPlaceholder = class extends BaseComponent {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "iconBtn");
+  }
+  create() {
+    this.element = createEl("div", { className: "tmg-media-placeholder tmg-media-cast-placeholder", innerHTML: `<p>Casting to External Display</p>` });
+    this.iconBtn = createEl("button", { className: "tmg-media-placeholder-icon-btn tmg-media-cast-icon-btn", innerHTML: IconRegistry.get("castplaceholder") });
+    return this.el.prepend(this.iconBtn), this.el;
+  }
+  mount() {
+    this.ctlr.DOM.controlsContainer?.prepend(this.el);
+  }
+  wire() {
+    this.iconBtn.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.cast", this.syncARIA, { init: true, signal: this.signal });
+  }
+  handleClick() {
+    this.media.intent.cast = !this.media.state.cast;
+  }
+  syncARIA() {
+    this.state.label = this.media.state.cast ? "Stop casting" : "Cast to Display";
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.cast);
+    this.iconBtn.title = this.state.label + this.state.cmd;
+    this.setBtnARIA("", this.iconBtn);
+  }
+};
+__publicField(CastPlaceholder, "componentName", "castplaceholder");
+
+export {
+  CastPlaceholder
+};
+//# sourceMappingURL=chunk-QQKXAEXW.js.map

package/dist/chunk-QQKXAEXW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/holders/castplaceholder.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"../base\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport { formatKeyForDisplay } from \"@utils/keys\";\r\n\r\nexport type CastPlaceholderConfig = undefined;\r\n\r\nexport class CastPlaceholder extends BaseComponent<CastPlaceholderConfig, ComponentState, HTMLDivElement> {\r\n  public static readonly componentName = \"castplaceholder\";\r\n  protected iconBtn!: HTMLButtonElement;\r\n\r\n  public override create() {\r\n    this.element = createEl(\"div\", { className: \"tmg-media-placeholder tmg-media-cast-placeholder\", innerHTML: `<p>Casting to External Display</p>` });\r\n    this.iconBtn = createEl(\"button\", { className: \"tmg-media-placeholder-icon-btn tmg-media-cast-icon-btn\", innerHTML: IconRegistry.get(\"castplaceholder\") });\r\n    return this.el.prepend(this.iconBtn), this.el;\r\n  }\r\n\r\n  public override mount(): void {\r\n    // DOM Injection\r\n    this.ctlr.DOM.controlsContainer?.prepend(this.el);\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Event Listeners\r\n    this.iconBtn.addEventListener(\"click\", this.handleClick, { signal: this.signal });\r\n    // Ctlr Config Listeners\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.cast\", this.syncARIA, { init: true, signal: this.signal });\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.media.intent.cast = !this.media.state.cast;\r\n  }\r\n\r\n  public syncARIA(): void {\r\n    this.state.label = this.media.state.cast ? \"Stop casting\" : \"Cast to Display\";\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.cast);\r\n    this.iconBtn.title = this.state.label + this.state.cmd;\r\n    this.setBtnARIA(\"\", this.iconBtn);\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    castplaceholder: typeof CastPlaceholder;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;AAOO,IAAM,kBAAN,cAA8B,cAAqE;AAAA,EAAnG;AAAA;AAEL,wBAAU;AAAA;AAAA,EAEM,SAAS;AACvB,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,oDAAoD,WAAW,qCAAqC,CAAC;AACjJ,SAAK,UAAU,SAAS,UAAU,EAAE,WAAW,0DAA0D,WAAW,aAAa,IAAI,iBAAiB,EAAE,CAAC;AACzJ,WAAO,KAAK,GAAG,QAAQ,KAAK,OAAO,GAAG,KAAK;AAAA,EAC7C;AAAA,EAEgB,QAAc;AAE5B,SAAK,KAAK,IAAI,mBAAmB,QAAQ,KAAK,EAAE;AAAA,EAClD;AAAA,EAEgB,OAAa;AAE3B,SAAK,QAAQ,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAEhF,SAAK,KAAK,OAAO,GAAG,gCAAgC,KAAK,UAAU,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAAA,EACxG;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,OAAO,OAAO,CAAC,KAAK,MAAM,MAAM;AAAA,EAC7C;AAAA,EAEO,WAAiB;AACtB,SAAK,MAAM,QAAQ,KAAK,MAAM,MAAM,OAAO,iBAAiB;AAC5D,SAAK,MAAM,MAAM,oBAAoB,KAAK,SAAS,KAAK,UAAU,IAAI;AACtE,SAAK,QAAQ,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM;AACnD,SAAK,WAAW,IAAI,KAAK,OAAO;AAAA,EAClC;AACF;AA/BE,cADW,iBACY,iBAAgB;","names":[]}

package/dist/chunk-QS3C4KCF.js

@@ -0,0 +1,95 @@
+import {
+  BaseMenuPanel
+} from "./chunk-YKB67FZ5.js";
+import {
+  WidgetRegistry
+} from "./chunk-ZSG6ROJA.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl,
+  createListRenderer,
+  isFunc,
+  requestAnimationFrame
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/settingsView/menu/panel/main.ts
+var MainMenuPanel = class extends BaseMenuPanel {
+  constructor(ctlr, menuConfig) {
+    super(ctlr, void 0, "tmg-media-smenu-main-panel");
+    this.menuConfig = menuConfig;
+    __publicField(this, "viewBtn");
+    __publicField(this, "renderRows");
+    __publicField(this, "onItemClick");
+    __publicField(this, "onViewClick");
+  }
+  onSetup() {
+  }
+  build() {
+    const list = createEl("ul", { className: "tmg-media-smenu-main-list", role: "menu" });
+    this.renderRows = createListRenderer({
+      container: list,
+      getKey: (item) => item.id,
+      createNode: (item) => this.buildRow(item),
+      destroyNode: (node) => (node._ac?.abort(), node.widget?.destroy(), node.remove())
+    });
+    this.content.append(list);
+    if (this.menuConfig.showView) {
+      this.viewBtn = createEl("button", { type: "button", className: "tmg-media-smenu-view-btn", innerHTML: `<span class="tmg-media-smenu-row-icon">${IconRegistry.get("returnback")}</span><span class="tmg-media-smenu-view-label">${this.menuConfig.viewLabel}</span>` });
+      this.viewBtn.addEventListener("click", () => this.onViewClick?.()), this.content.append(createEl("div", { className: "tmg-media-smenu-divider" }), this.viewBtn);
+    }
+  }
+  sync(items) {
+    this.renderRows(items), this.isActive && this.focusFirst();
+  }
+  enter(dir) {
+    super.enter(dir), this.focusFirst();
+  }
+  focusFirst() {
+    requestAnimationFrame(() => this.element.querySelector(".tmg-media-smenu-row[tabindex='0']")?.focus(), this.ctlr.signal);
+  }
+  buildRow(item) {
+    const isWidget = item.widget === "toggle" || item.widget === "button" || item.inline, li = createEl("li", { className: "tmg-media-smenu-row" + (item.getDisabled?.() ? " tmg-media-control-disabled" : ""), role: "menuitem", tabIndex: 0, inert: item.getDisabled?.() || void 0 }, { itemId: item.id }), lbl = createEl("span", { className: "tmg-media-smenu-row-label", textContent: item.label });
+    if (item.title) li.title = isFunc(item.title) ? item.title() : item.title;
+    if (item.icon) {
+      const iconSvg = IconRegistry.get(item.icon, true);
+      if (iconSvg) li.append(createEl("span", { className: "tmg-media-smenu-row-icon", innerHTML: iconSvg }));
+    }
+    if (isWidget) {
+      const widget = WidgetRegistry.create(item, this.ctlr);
+      if (widget) {
+        item.inline && item.widget !== "toggle" ? (li.removeAttribute("tabindex"), li.classList.replace("tmg-media-smenu-row", "tmg-media-smenu-inline-wrapper"), li.append(widget.render()), item.widget === "range" && li.classList.add("tmg-media-smenu-row-inline-block")) : (li.append(lbl, widget.render()), li.classList.add("tmg-media-smenu-row-inline"));
+        li.widget = widget;
+        li.addEventListener("click", (e) => !item.getDisabled?.() && (e.target === li || e.target === lbl) && li.querySelector("input, button")?.click());
+      } else li.append(lbl);
+    } else {
+      const val = createEl("span", { className: "tmg-media-smenu-row-value", textContent: item.getValue() || "" });
+      if (item.infoText) {
+        const info = createEl("span", { className: "tmg-media-smenu-row-info", textContent: isFunc(item.infoText) ? item.infoText() : item.infoText });
+        li.append(lbl, info, val, createEl("span", { className: "tmg-media-smenu-row-arrow", ariaHidden: "true", innerHTML: "&#8250;" }));
+      } else li.append(lbl, val, createEl("span", { className: "tmg-media-smenu-row-arrow", ariaHidden: "true", innerHTML: "&#8250;" }));
+      li.addEventListener("click", () => !item.getDisabled?.() && this.onItemClick?.(item));
+      if (item.mediaPaths || item.configPaths || item.onWire) {
+        const ac = new AbortController(), syncUI = () => {
+          const valNode = li.querySelector(".tmg-media-smenu-row-value");
+          valNode ? valNode.textContent = item.getValue() || "" : li.widget?.syncUI();
+          li.inert = !!item.getDisabled?.(), li.classList.toggle("tmg-media-control-disabled", !!item.getDisabled?.());
+        };
+        item.mediaPaths?.forEach((path) => this.media.on(path, syncUI, { signal: ac.signal }));
+        item.configPaths?.forEach((path) => this.ctlr.config.on(path, syncUI, { signal: ac.signal }));
+        item.onWire?.(syncUI, ac.signal);
+        li._ac = ac;
+      }
+    }
+    return li;
+  }
+};
+
+export {
+  MainMenuPanel
+};
+//# sourceMappingURL=chunk-QS3C4KCF.js.map

package/dist/chunk-QS3C4KCF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/settingsView/menu/panel/main.ts"],"sourcesContent":["import { BaseMenuPanel } from \".\";\r\nimport type { SettingsMenuItem, SettingsMenuConfig, SettingsRowElement } from \"../../types\";\r\nimport { createEl, createListRenderer } from \"@utils/dom\";\r\nimport { WidgetRegistry } from \"../widgets\";\r\nimport type { Controller } from \"@core/controller\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport { isFunc } from \"@utils/obj\";\r\nimport { requestAnimationFrame } from \"@utils/fn\";\r\n\r\nexport class MainMenuPanel extends BaseMenuPanel {\r\n  private viewBtn!: HTMLButtonElement;\r\n  private renderRows!: ReturnType<typeof createListRenderer<SettingsMenuItem>>;\r\n  public onItemClick?: (item: SettingsMenuItem) => void;\r\n  public onViewClick?: () => void;\r\n\r\n  constructor(ctlr: Controller, private readonly menuConfig: SettingsMenuConfig) {\r\n    super(ctlr, undefined, \"tmg-media-smenu-main-panel\");\r\n  }\r\n\r\n  protected override onSetup() {}\r\n\r\n  public build(): void {\r\n    const list = createEl(\"ul\", { className: \"tmg-media-smenu-main-list\", role: \"menu\" });\r\n    this.renderRows = createListRenderer<SettingsMenuItem>({\r\n      container: list,\r\n      getKey: (item) => item.id,\r\n      createNode: (item) => this.buildRow(item),\r\n      destroyNode: (node) => ((node as any)._ac?.abort(), (node as SettingsRowElement).widget?.destroy(), node.remove()),\r\n    });\r\n    this.content.append(list);\r\n    if (this.menuConfig.showView) {\r\n      this.viewBtn = createEl(\"button\", { type: \"button\", className: \"tmg-media-smenu-view-btn\", innerHTML: `<span class=\"tmg-media-smenu-row-icon\">${IconRegistry.get(\"returnback\")}</span><span class=\"tmg-media-smenu-view-label\">${this.menuConfig.viewLabel}</span>` });\r\n      this.viewBtn.addEventListener(\"click\", () => this.onViewClick?.()), this.content.append(createEl(\"div\", { className: \"tmg-media-smenu-divider\" }), this.viewBtn);\r\n    }\r\n  }\r\n\r\n  public sync(items: SettingsMenuItem[]): void {\r\n    this.renderRows(items), this.isActive && this.focusFirst();\r\n  }\r\n  public override enter(dir?: \"forward\" | \"backward\" | \"none\"): void {\r\n    super.enter(dir), this.focusFirst();\r\n  }\r\n  private focusFirst(): void {\r\n    requestAnimationFrame(() => this.element.querySelector<HTMLElement>(\".tmg-media-smenu-row[tabindex='0']\")?.focus(), this.ctlr.signal);\r\n  }\r\n\r\n  private buildRow(item: SettingsMenuItem): HTMLElement {\r\n    const isWidget = item.widget === \"toggle\" || item.widget === \"button\" || item.inline,\r\n      li = createEl(\"li\", { className: \"tmg-media-smenu-row\" + (item.getDisabled?.() ? \" tmg-media-control-disabled\" : \"\"), role: \"menuitem\", tabIndex: 0, inert: item.getDisabled?.() || undefined }, { itemId: item.id }) as SettingsRowElement,\r\n      lbl = createEl(\"span\", { className: \"tmg-media-smenu-row-label\", textContent: item.label });\r\n    if (item.title) li.title = isFunc(item.title) ? item.title() : item.title;\r\n    if (item.icon) {\r\n      const iconSvg = IconRegistry.get(item.icon, true);\r\n      if (iconSvg) li.append(createEl(\"span\", { className: \"tmg-media-smenu-row-icon\", innerHTML: iconSvg }));\r\n    }\r\n    if (isWidget) {\r\n      const widget = WidgetRegistry.create(item, this.ctlr);\r\n      if (widget) {\r\n        item.inline && item.widget !== \"toggle\" ? (li.removeAttribute(\"tabindex\"), li.classList.replace(\"tmg-media-smenu-row\", \"tmg-media-smenu-inline-wrapper\"), li.append(widget.render()), item.widget === \"range\" && li.classList.add(\"tmg-media-smenu-row-inline-block\")) : (li.append(lbl, widget.render()), li.classList.add(\"tmg-media-smenu-row-inline\"));\r\n        li.widget = widget;\r\n        li.addEventListener(\"click\", (e) => !item.getDisabled?.() && (e.target === li || e.target === lbl) && li.querySelector<HTMLElement>(\"input, button\")?.click());\r\n      } else li.append(lbl);\r\n    } else {\r\n      const val = createEl(\"span\", { className: \"tmg-media-smenu-row-value\", textContent: item.getValue() || \"\" });\r\n      if (item.infoText) {\r\n        const info = createEl(\"span\", { className: \"tmg-media-smenu-row-info\", textContent: isFunc(item.infoText) ? item.infoText() : item.infoText });\r\n        li.append(lbl, info, val, createEl(\"span\", { className: \"tmg-media-smenu-row-arrow\", ariaHidden: \"true\", innerHTML: \"&#8250;\" }));\r\n      } else li.append(lbl, val, createEl(\"span\", { className: \"tmg-media-smenu-row-arrow\", ariaHidden: \"true\", innerHTML: \"&#8250;\" }));\r\n      li.addEventListener(\"click\", () => !item.getDisabled?.() && this.onItemClick?.(item));\r\n      if (item.mediaPaths || item.configPaths || item.onWire) {\r\n        const ac = new AbortController(),\r\n          syncUI = () => {\r\n            const valNode = li.querySelector<HTMLElement>(\".tmg-media-smenu-row-value\");\r\n            valNode ? (valNode.textContent = item.getValue() || \"\") : (li as SettingsRowElement).widget?.syncUI();\r\n            (li.inert = !!item.getDisabled?.()), li.classList.toggle(\"tmg-media-control-disabled\", !!item.getDisabled?.());\r\n          };\r\n        item.mediaPaths?.forEach((path) => this.media.on(path, syncUI, { signal: ac.signal }));\r\n        item.configPaths?.forEach((path) => this.ctlr.config.on(path, syncUI, { signal: ac.signal }));\r\n        item.onWire?.(syncUI, ac.signal);\r\n        (li as any)._ac = ac;\r\n      }\r\n    }\r\n    return li;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-R4HNE7TL.js

@@ -0,0 +1,7 @@
+// src/ts/components/icons/timer.ts
+var timer = `<svg viewBox="0 0 24 24" class="tmg-media-timer-icon" stroke-width="0.2" stroke="currentColor"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>`;
+
+export {
+  timer
+};
+//# sourceMappingURL=chunk-R4HNE7TL.js.map

package/dist/chunk-R4HNE7TL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/timer.ts"],"sourcesContent":["export const timer = `<svg viewBox=\"0 0 24 24\" class=\"tmg-media-timer-icon\" stroke-width=\"0.2\" stroke=\"currentColor\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"/></svg>`;\n\ndeclare module \"@defs/registries\" {\n  interface IconRegistryMap {\n    timer: typeof timer;\n  }\n}\n"],"mappings":";AAAO,IAAM,QAAQ;","names":[]}

package/dist/chunk-R5PBXGKK.js

@@ -0,0 +1,10 @@
+// src/ts/components/icons/lock.ts
+var lock = `<svg class="tmg-media-screen-locked-icon" viewBox="0 0 512 512" style="scale: 0.825;">
+  <path d="M390.234 171.594v-37.375c.016-36.969-15.078-70.719-39.328-94.906A133.88 133.88 0 0 0 256 0a133.88 133.88 0 0 0-94.906 39.313c-24.25 24.188-39.344 57.938-39.313 94.906v37.375H24.906V512h462.188V171.594zm-210.343-37.375c.016-21.094 8.469-39.938 22.297-53.813C216.047 66.594 234.891 58.125 256 58.125s39.953 8.469 53.813 22.281c13.828 13.875 22.281 32.719 22.297 53.813v37.375H179.891zm-96.86 95.5h345.938v224.156H83.031z"/>
+  <path d="M297.859 321.844c0-23.125-18.75-41.875-41.859-41.875-23.125 0-41.859 18.75-41.859 41.875 0 17.031 10.219 31.625 24.828 38.156l-9.25 60.094h52.562L273.016 360c14.609-6.531 24.843-21.125 24.843-38.156"/>
+</svg>`;
+
+export {
+  lock
+};
+//# sourceMappingURL=chunk-R5PBXGKK.js.map

package/dist/chunk-R5PBXGKK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/lock.ts"],"sourcesContent":["export const lock = `<svg class=\"tmg-media-screen-locked-icon\" viewBox=\"0 0 512 512\" style=\"scale: 0.825;\">\r\n  <path d=\"M390.234 171.594v-37.375c.016-36.969-15.078-70.719-39.328-94.906A133.88 133.88 0 0 0 256 0a133.88 133.88 0 0 0-94.906 39.313c-24.25 24.188-39.344 57.938-39.313 94.906v37.375H24.906V512h462.188V171.594zm-210.343-37.375c.016-21.094 8.469-39.938 22.297-53.813C216.047 66.594 234.891 58.125 256 58.125s39.953 8.469 53.813 22.281c13.828 13.875 22.281 32.719 22.297 53.813v37.375H179.891zm-96.86 95.5h345.938v224.156H83.031z\"/>\r\n  <path d=\"M297.859 321.844c0-23.125-18.75-41.875-41.859-41.875-23.125 0-41.859 18.75-41.859 41.875 0 17.031 10.219 31.625 24.828 38.156l-9.25 60.094h52.562L273.016 360c14.609-6.531 24.843-21.125 24.843-38.156\"/>\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    lock: typeof lock;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,OAAO;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-RFQXCN62.js

@@ -0,0 +1,13 @@
+// src/ts/plugs/settings/ambience/build.ts
+var AMBIENT_BUILD = {
+  active: true,
+  blur: 80,
+  opacity: 1,
+  interval: 100,
+  smoothness: 0.3
+};
+
+export {
+  AMBIENT_BUILD
+};
+//# sourceMappingURL=chunk-RFQXCN62.js.map

package/dist/chunk-RFQXCN62.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/ambience/build.ts"],"sourcesContent":["import { Ambience } from \"./types\";\r\n\r\nexport const AMBIENT_BUILD: Ambience = {\r\n  active: true,\r\n  blur: 80,\r\n  opacity: 1,\r\n  interval: 100,\r\n  smoothness: 0.3,\r\n};\r\n"],"mappings":";AAEO,IAAM,gBAA0B;AAAA,EACrC,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AACd;","names":[]}

package/dist/chunk-RGPGW4ZJ.js

@@ -0,0 +1,9 @@
+// src/ts/plugs/settings/sleepTimer/build.ts
+var SLEEP_TIMER_BUILD = {
+  disabled: false
+};
+
+export {
+  SLEEP_TIMER_BUILD
+};
+//# sourceMappingURL=chunk-RGPGW4ZJ.js.map

package/dist/chunk-RGPGW4ZJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/sleepTimer/build.ts"],"sourcesContent":["import type { SleepTimerConfig } from \"./types\";\n\nexport const SLEEP_TIMER_BUILD: SleepTimerConfig = {\n  disabled: false,\n};\n"],"mappings":";AAEO,IAAM,oBAAsC;AAAA,EACjD,UAAU;AACZ;","names":[]}

package/dist/chunk-RKBRRJY6.js

@@ -0,0 +1,9 @@
+// src/ts/components/icons/expandminiplayer.ts
+var expandminiplayer = `<svg class="tmg-media-miniplayer-expand-icon" viewBox="0 -960 960 960" style="scale: 0.9; rotate: 90deg;">
+  <path d="M120-120v-320h80v184l504-504H520v-80h320v320h-80v-184L256-200h184v80H120Z" />
+</svg>`;
+
+export {
+  expandminiplayer
+};
+//# sourceMappingURL=chunk-RKBRRJY6.js.map

package/dist/chunk-RKBRRJY6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/expandminiplayer.ts"],"sourcesContent":["export const expandminiplayer = `<svg class=\"tmg-media-miniplayer-expand-icon\" viewBox=\"0 -960 960 960\" style=\"scale: 0.9; rotate: 90deg;\">\r\n  <path d=\"M120-120v-320h80v184l504-504H520v-80h320v320h-80v-184L256-200h184v80H120Z\" />\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    expandminiplayer: typeof expandminiplayer;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,mBAAmB;AAAA;AAAA;","names":[]}