tmg-media-player 0.0.1

package/dist/chunk-MFYNCWAO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/volume.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport type { VolumePlug } from \"@plugs/settings/volume\";\nimport { fanout } from \"sia-reactor/utils\";\n\nexport const getSettingsVolumeMenu = (plug: VolumePlug): SettingsMenuItem => ({\n  id: \"limits\",\n  label: \"Limits\",\n  icon: \"configure\",\n  widget: \"group\",\n  getValue: () => \"\",\n  items: [\n    {\n      id: \"volumeLimits\",\n      label: \"Volume\",\n      widget: \"limits\",\n      configPaths: [\"settings.volume.skip\"],\n      getValue: () => \"\",\n      getLimits: () => [{ name: \"volume\", 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.volume_min, max: val.volume_max, skip: val.volume_step }, { skipUndefined: true }),\n    },\n  ],\n});\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.volume\": typeof getSettingsVolumeMenu;\n  }\n}\n"],"mappings":";AAEA,SAAS,cAAc;AAEhB,IAAM,wBAAwB,CAAC,UAAwC;AAAA,EAC5E,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU,MAAM;AAAA,EAChB,OAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,aAAa,CAAC,sBAAsB;AAAA,MACpC,UAAU,MAAM;AAAA,MAChB,WAAW,MAAM,CAAC,EAAE,MAAM,UAAU,OAAO,gBAAgB,KAAK,KAAK,OAAO,KAAK,KAAK,KAAK,OAAO,KAAK,MAAM,KAAK,OAAO,KAAK,CAAC;AAAA,MAC/H,UAAU,CAAC,QAAgC,OAAO,KAAK,QAAQ,EAAE,KAAK,IAAI,YAAY,KAAK,IAAI,YAAY,MAAM,IAAI,YAAY,GAAG,EAAE,eAAe,KAAK,CAAC;AAAA,IAC7J;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-MJ26PFRF.js

@@ -0,0 +1,12 @@
+// src/ts/components/icons/objectfitfill.ts
+var objectfitfill = `<svg class="tmg-media-object-fit-fill-icon" viewBox="0 0 16 16" style="scale: 0.75;">
+  <rect x="4" y="4" width="8" height="8" rx="1" ry="1" fill="none" stroke-width="1.5" stroke="currentColor"/>
+    <g stroke-width="1" stroke="currentColor" transform="translate(3, 3)">
+  <path style="scale: 0.65;" 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) translate(-3.25, 2.75)" /><path style="scale: 0.65;" 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) translate(2.5, -3.25)" />
+  </g>
+</svg>`;
+
+export {
+  objectfitfill
+};
+//# sourceMappingURL=chunk-MJ26PFRF.js.map

package/dist/chunk-MJ26PFRF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/objectfitfill.ts"],"sourcesContent":["export const objectfitfill = `<svg class=\"tmg-media-object-fit-fill-icon\" viewBox=\"0 0 16 16\" style=\"scale: 0.75;\">\r\n  <rect x=\"4\" y=\"4\" width=\"8\" height=\"8\" rx=\"1\" ry=\"1\" fill=\"none\" stroke-width=\"1.5\" stroke=\"currentColor\"/>\r\n    <g stroke-width=\"1\" stroke=\"currentColor\" transform=\"translate(3, 3)\">\r\n  <path style=\"scale: 0.65;\" 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) translate(-3.25, 2.75)\" /><path style=\"scale: 0.65;\" 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) translate(2.5, -3.25)\" />\r\n  </g>\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    objectfitfill: typeof objectfitfill;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-MP2GRDUX.js

@@ -0,0 +1,10 @@
+// src/ts/components/icons/next.ts
+var next = `<svg viewBox="0 0 25 25" class="tmg-media-next-icon">
+  <path d="M8,5.14V19.14L19,12.14L8,5.14Z" transform="translate(-2.5,0)" />
+  <rect x="19" y="5.14" width="2.5" height="14" transform="translate(-2.5,0)" />
+</svg>`;
+
+export {
+  next
+};
+//# sourceMappingURL=chunk-MP2GRDUX.js.map

package/dist/chunk-MP2GRDUX.js.map

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

package/dist/chunk-MTQLUS5O.js

@@ -0,0 +1,51 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  formatKeyForDisplay
+} from "./chunk-LYKZAKVN.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/duration.ts
+import { silence } from "sia-reactor/modules";
+var DurationButton = class extends BaseComponent {
+  get plug() {
+    return this.ctlr.plug("settings.time");
+  }
+  create() {
+    return this.element = createEl("button", { className: "tmg-media-duration-btn tmg-media-control-text-btn", textContent: "-:--" }, { draggableControl: "", controlId: this.name });
+  }
+  wire() {
+    this.el.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.media.on("status.duration", this.syncUI, { signal: this.signal });
+    this.media.on("state.live", (e) => (this.el.classList.toggle("tmg-media-control-live", e.value), this.el.classList.toggle("tmg-media-live-badge", e.value), this.syncARIA()), { signal: this.signal });
+    this.media.on("status.isLive", (e) => (this.media.container.classList.toggle("tmg-media-is-live", e.value), this.syncARIA()), { signal: this.signal });
+    this.ctlr.config.on("settings.time.format", this.syncUI, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.timeFormat", this.syncARIA, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.voice.commands.timeFormat", this.syncARIA, { signal: this.signal });
+  }
+  handleClick() {
+    !this.media.status.isLive || this.media.state.live ? this.plug?.rotateFormat() : silence(() => this.media.intent.live = true);
+  }
+  syncUI() {
+    this.el.textContent = !this.media.status.isLive ? this.plug?.toTimeText(this.media.status.duration) || "-:--" : "Live";
+  }
+  syncARIA() {
+    this.state.label = "Switch time format";
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.timeFormat, this.settings.voice.commands.timeFormat);
+    this.el.title = !this.media.status.isLive || this.media.state.live ? this.state.label + this.state.cmd : "Skip ahead to live broadcast";
+    this.setBtnARIA();
+  }
+};
+__publicField(DurationButton, "componentName", "duration");
+__publicField(DurationButton, "isControl", true);
+
+export {
+  DurationButton
+};
+//# sourceMappingURL=chunk-MTQLUS5O.js.map

package/dist/chunk-MTQLUS5O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/duration.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"@components/base\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { formatKeyForDisplay } from \"@utils/keys\";\r\nimport { silence } from \"sia-reactor/modules\";\r\n\r\nexport type DurationConfig = undefined;\r\n\r\nexport class DurationButton extends BaseComponent<DurationConfig, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName: string = \"duration\";\r\n  public static readonly isControl: boolean = true;\r\n  protected get plug() {\r\n    return this.ctlr.plug(\"settings.time\");\r\n  }\r\n\r\n  public override create() {\r\n    return (this.element = createEl(\"button\", { className: \"tmg-media-duration-btn tmg-media-control-text-btn\", textContent: \"-:--\" }, { draggableControl: \"\", controlId: this.name }));\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Event Listeners\r\n    this.el.addEventListener(\"click\", this.handleClick, { signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"status.duration\", this.syncUI, { signal: this.signal });\r\n    this.media.on(\"state.live\", (e) => (this.el.classList.toggle(\"tmg-media-control-live\", e.value), this.el.classList.toggle(\"tmg-media-live-badge\", e.value), this.syncARIA()), { signal: this.signal });\r\n    this.media.on(\"status.isLive\", (e) => (this.media.container.classList.toggle(\"tmg-media-is-live\", e.value), this.syncARIA()), { signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.time.format\", this.syncUI, { init: true, signal: this.signal });\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.timeFormat\", this.syncARIA, { init: true, signal: this.signal });\n    this.ctlr.config.on(\"settings.voice.commands.timeFormat\", this.syncARIA, { signal: this.signal });\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    !this.media.status.isLive || this.media.state.live ? this.plug?.rotateFormat() : silence(() => (this.media.intent.live = true));\r\n  }\r\n\r\n  public syncUI(): void {\r\n    this.el.textContent = !this.media.status.isLive ? this.plug?.toTimeText(this.media.status.duration) || \"-:--\" : \"Live\";\r\n  }\r\n  public syncARIA(): void {\r\n    this.state.label = \"Switch time format\";\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.timeFormat, this.settings.voice.commands.timeFormat);\r\n    this.el.title = !this.media.status.isLive || this.media.state.live ? this.state.label + this.state.cmd : \"Skip ahead to live broadcast\";\r\n    this.setBtnARIA();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    duration: typeof DurationButton;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAGA,SAAS,eAAe;AAIjB,IAAM,iBAAN,cAA6B,cAAiE;AAAA,EAGnG,IAAc,OAAO;AACnB,WAAO,KAAK,KAAK,KAAK,eAAe;AAAA,EACvC;AAAA,EAEgB,SAAS;AACvB,WAAQ,KAAK,UAAU,SAAS,UAAU,EAAE,WAAW,qDAAqD,aAAa,OAAO,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AAAA,EACnL;AAAA,EAEgB,OAAa;AAE3B,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,MAAM,GAAG,mBAAmB,KAAK,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC;AACrE,SAAK,MAAM,GAAG,cAAc,CAAC,OAAO,KAAK,GAAG,UAAU,OAAO,0BAA0B,EAAE,KAAK,GAAG,KAAK,GAAG,UAAU,OAAO,wBAAwB,EAAE,KAAK,GAAG,KAAK,SAAS,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;AACrM,SAAK,MAAM,GAAG,iBAAiB,CAAC,OAAO,KAAK,MAAM,UAAU,UAAU,OAAO,qBAAqB,EAAE,KAAK,GAAG,KAAK,SAAS,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;AAErJ,SAAK,KAAK,OAAO,GAAG,wBAAwB,KAAK,QAAQ,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC5F,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,KAAC,KAAK,MAAM,OAAO,UAAU,KAAK,MAAM,MAAM,OAAO,KAAK,MAAM,aAAa,IAAI,QAAQ,MAAO,KAAK,MAAM,OAAO,OAAO,IAAK;AAAA,EAChI;AAAA,EAEO,SAAe;AACpB,SAAK,GAAG,cAAc,CAAC,KAAK,MAAM,OAAO,SAAS,KAAK,MAAM,WAAW,KAAK,MAAM,OAAO,QAAQ,KAAK,SAAS;AAAA,EAClH;AAAA,EACO,WAAiB;AACtB,SAAK,MAAM,QAAQ;AACnB,SAAK,MAAM,MAAM,oBAAoB,KAAK,SAAS,KAAK,UAAU,YAAY,KAAK,SAAS,MAAM,SAAS,UAAU;AACrH,SAAK,GAAG,QAAQ,CAAC,KAAK,MAAM,OAAO,UAAU,KAAK,MAAM,MAAM,OAAO,KAAK,MAAM,QAAQ,KAAK,MAAM,MAAM;AACzG,SAAK,WAAW;AAAA,EAClB;AACF;AApCE,cADW,gBACY,iBAAwB;AAC/C,cAFW,gBAEY,aAAqB;","names":[]}

package/dist/chunk-MUDO3ZPJ.js

@@ -0,0 +1,10 @@
+// src/ts/components/icons/fullscreenorientation.ts
+var fullscreenorientation = `<svg class="tmg-media-fullscreen-orientation-icon" viewBox="0 0 512 512" style="scale: 0.925;">
+  <path d="M446.81,275.82H236.18V65.19c0-20.78-16.91-37.69-37.69-37.69H65.19c-20.78,0-37.69,16.91-37.69,37.69v255.32c0,20.78,16.91,37.68,37.69,37.68h88.62v88.62c0,20.78,16.9,37.69,37.68,37.69h255.32c20.78,0,37.69-16.91,37.69-37.69v-133.3C484.5,292.73,467.59,275.82,446.81,275.82zM65.19,326.19c-3.14,0-5.69-2.55-5.69-5.68V65.19c0-3.14,2.55-5.69,5.69-5.69h133.3c3.14,0,5.69,2.55,5.69,5.69v210.63h-12.69c-20.78,0-37.68,16.91-37.68,37.69v12.68H65.19zM452.5,446.81c0,3.14-2.55,5.69-5.69,5.69H191.49c-3.13,0-5.68-2.55-5.68-5.69V342.19v-28.68c0-2.94,2.24-5.37,5.1-5.66c0.19-0.02,0.38-0.03,0.58-0.03h28.69h226.63c3.14,0,5.69,2.55,5.69,5.69V446.81z" />
+  <path d="M369.92,181.53c-6.25-6.25-16.38-6.25-22.63,0c-6.25,6.25-6.25,16.38,0,22.63l44.39,44.39c3.12,3.13,7.22,4.69,11.31,4.69c0.21,0,0.42-0.02,0.63-0.03c0.2,0.01,0.4,0.03,0.6,0.03c6.31,0,11.74-3.66,14.35-8.96l37.86-37.86c6.25-6.25,6.25-16.38,0-22.63c-6.25-6.25-16.38-6.25-22.63,0l-13.59,13.59v-86.58c0-8.84-7.16-16-16-16h-86.29l15.95-15.95c6.25-6.25,6.25-16.38,0-22.63c-6.25-6.25-16.38-6.25-22.63,0l-40.33,40.33c-5.19,2.65-8.75,8.03-8.75,14.25c0,0.19,0.02,0.37,0.03,0.56c-0.01,0.19-0.03,0.38-0.03,0.57c0,4.24,1.69,8.31,4.69,11.31l42.14,42.14c3.12,3.12,7.22,4.69,11.31,4.69s8.19-1.56,11.31-4.69c6.25-6.25,6.25-16.38,0-22.63l-15.95-15.95h72.54v73.05L369.92,181.53z" />
+</svg>`;
+
+export {
+  fullscreenorientation
+};
+//# sourceMappingURL=chunk-MUDO3ZPJ.js.map

package/dist/chunk-MUDO3ZPJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/fullscreenorientation.ts"],"sourcesContent":["export const fullscreenorientation = `<svg class=\"tmg-media-fullscreen-orientation-icon\" viewBox=\"0 0 512 512\" style=\"scale: 0.925;\">\r\n  <path d=\"M446.81,275.82H236.18V65.19c0-20.78-16.91-37.69-37.69-37.69H65.19c-20.78,0-37.69,16.91-37.69,37.69v255.32c0,20.78,16.91,37.68,37.69,37.68h88.62v88.62c0,20.78,16.9,37.69,37.68,37.69h255.32c20.78,0,37.69-16.91,37.69-37.69v-133.3C484.5,292.73,467.59,275.82,446.81,275.82zM65.19,326.19c-3.14,0-5.69-2.55-5.69-5.68V65.19c0-3.14,2.55-5.69,5.69-5.69h133.3c3.14,0,5.69,2.55,5.69,5.69v210.63h-12.69c-20.78,0-37.68,16.91-37.68,37.69v12.68H65.19zM452.5,446.81c0,3.14-2.55,5.69-5.69,5.69H191.49c-3.13,0-5.68-2.55-5.68-5.69V342.19v-28.68c0-2.94,2.24-5.37,5.1-5.66c0.19-0.02,0.38-0.03,0.58-0.03h28.69h226.63c3.14,0,5.69,2.55,5.69,5.69V446.81z\" />\r\n  <path d=\"M369.92,181.53c-6.25-6.25-16.38-6.25-22.63,0c-6.25,6.25-6.25,16.38,0,22.63l44.39,44.39c3.12,3.13,7.22,4.69,11.31,4.69c0.21,0,0.42-0.02,0.63-0.03c0.2,0.01,0.4,0.03,0.6,0.03c6.31,0,11.74-3.66,14.35-8.96l37.86-37.86c6.25-6.25,6.25-16.38,0-22.63c-6.25-6.25-16.38-6.25-22.63,0l-13.59,13.59v-86.58c0-8.84-7.16-16-16-16h-86.29l15.95-15.95c6.25-6.25,6.25-16.38,0-22.63c-6.25-6.25-16.38-6.25-22.63,0l-40.33,40.33c-5.19,2.65-8.75,8.03-8.75,14.25c0,0.19,0.02,0.37,0.03,0.56c-0.01,0.19-0.03,0.38-0.03,0.57c0,4.24,1.69,8.31,4.69,11.31l42.14,42.14c3.12,3.12,7.22,4.69,11.31,4.69s8.19-1.56,11.31-4.69c6.25-6.25,6.25-16.38,0-22.63l-15.95-15.95h72.54v73.05L369.92,181.53z\" />\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    fullscreenorientation: typeof fullscreenorientation;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,wBAAwB;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-N2Q3TZXW.js

@@ -0,0 +1,9 @@
+// src/ts/components/icons/removeminiplayer.ts
+var removeminiplayer = `<svg class="tmg-media-miniplayer-remove-icon" viewBox="0 -960 960 960">
+  <path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" />
+</svg>`;
+
+export {
+  removeminiplayer
+};
+//# sourceMappingURL=chunk-N2Q3TZXW.js.map

package/dist/chunk-N2Q3TZXW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/removeminiplayer.ts"],"sourcesContent":["export const removeminiplayer = `<svg class=\"tmg-media-miniplayer-remove-icon\" viewBox=\"0 -960 960 960\">\r\n  <path d=\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\" />\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    removeminiplayer: typeof removeminiplayer;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,mBAAmB;AAAA;AAAA;","names":[]}

package/dist/chunk-N52KK6K5.js

@@ -0,0 +1,48 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  formatKeyForDisplay
+} from "./chunk-LYKZAKVN.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/objectfit.ts
+var ObjectFitButton = class extends BaseComponent {
+  get plug() {
+    return this.ctlr.plug("settings.objectFit");
+  }
+  create() {
+    return this.element = createEl("button", { className: "tmg-media-object-fit-btn", type: "button", innerHTML: IconRegistry.get("objectfitcontain") + IconRegistry.get("objectfitcover") + IconRegistry.get("objectfitfill") }, { draggableControl: "", controlId: this.name });
+  }
+  wire() {
+    this.media.on("features.objectFit", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.el.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.media.on("state.objectFit", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.objectFit", this.syncARIA, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.voice.commands.objectFit", this.syncARIA, { signal: this.signal });
+  }
+  handleClick() {
+    this.plug?.rotateFit();
+  }
+  syncARIA() {
+    this.state.label = this.plug?.toLabel(this.plug?.nextFit) || "";
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.objectFit, this.settings.voice.commands.objectFit);
+    this.el.title = this.state.label + this.state.cmd;
+    this.setBtnARIA();
+  }
+};
+__publicField(ObjectFitButton, "componentName", "objectfit");
+__publicField(ObjectFitButton, "isControl", true);
+
+export {
+  ObjectFitButton
+};
+//# sourceMappingURL=chunk-N52KK6K5.js.map

package/dist/chunk-N52KK6K5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/objectfit.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"@components/base\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { formatKeyForDisplay } from \"@utils/keys\";\r\n\r\nexport type ObjectFit = undefined;\r\n\r\nexport class ObjectFitButton extends BaseComponent<ObjectFit, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName: string = \"objectfit\";\r\n  public static readonly isControl: boolean = true;\r\n\r\n  protected get plug() {\r\n    return this.ctlr.plug(\"settings.objectFit\");\r\n  }\r\n\r\n  public override create() {\r\n    return (this.element = createEl(\"button\", { className: \"tmg-media-object-fit-btn\", type: \"button\", innerHTML: IconRegistry.get(\"objectfitcontain\") + IconRegistry.get(\"objectfitcover\") + IconRegistry.get(\"objectfitfill\") }, { draggableControl: \"\", controlId: this.name }));\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Features Gating\r\n    this.media.on(\"features.objectFit\", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // Event Listeners\r\n    this.el.addEventListener(\"click\", this.handleClick, { signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.objectFit\", this.syncARIA, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.objectFit\", this.syncARIA, { init: true, signal: this.signal });\n    this.ctlr.config.on(\"settings.voice.commands.objectFit\", this.syncARIA, { signal: this.signal });\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.plug?.rotateFit();\r\n  }\r\n\r\n  public syncARIA(): void {\r\n    this.state.label = this.plug?.toLabel(this.plug?.nextFit) || \"\";\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.objectFit, this.settings.voice.commands.objectFit);\r\n    this.el.title = this.state.label + this.state.cmd;\r\n    this.setBtnARIA();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    objectfit: typeof ObjectFitButton;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;AAOO,IAAM,kBAAN,cAA8B,cAA4D;AAAA,EAI/F,IAAc,OAAO;AACnB,WAAO,KAAK,KAAK,KAAK,oBAAoB;AAAA,EAC5C;AAAA,EAEgB,SAAS;AACvB,WAAQ,KAAK,UAAU,SAAS,UAAU,EAAE,WAAW,4BAA4B,MAAM,UAAU,WAAW,aAAa,IAAI,kBAAkB,IAAI,aAAa,IAAI,gBAAgB,IAAI,aAAa,IAAI,eAAe,EAAE,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AAAA,EAC/Q;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,sBAAsB,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAErG,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,MAAM,GAAG,mBAAmB,KAAK,UAAU,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEtG,SAAK,KAAK,OAAO,GAAG,qCAAqC,KAAK,UAAU,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC3G,SAAK,KAAK,OAAO,GAAG,qCAAqC,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EACjG;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,UAAU;AAAA,EACvB;AAAA,EAEO,WAAiB;AACtB,SAAK,MAAM,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM,OAAO,KAAK;AAC7D,SAAK,MAAM,MAAM,oBAAoB,KAAK,SAAS,KAAK,UAAU,WAAW,KAAK,SAAS,MAAM,SAAS,SAAS;AACnH,SAAK,GAAG,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM;AAC9C,SAAK,WAAW;AAAA,EAClB;AACF;AAjCE,cADW,iBACY,iBAAwB;AAC/C,cAFW,iBAEY,aAAqB;","names":[]}

package/dist/chunk-N5F2YHLD.js

@@ -0,0 +1,28 @@
+// src/ts/plugs/menus/settings/time.ts
+import { fanout } from "sia-reactor/utils";
+var getSettingsTimeMenu = (plug) => ({
+  id: "limits",
+  label: "Limits",
+  icon: "configure",
+  widget: "group",
+  getValue: () => "",
+  items: [
+    {
+      id: "timeLimits",
+      label: "Time",
+      widget: "limits",
+      configPaths: ["settings.time.min", "settings.time.max", "settings.time.skip", "settings.time.start", "settings.time.end"],
+      getValue: () => "",
+      getLimits: () => [
+        { name: "time", label: "Clamp bounds", min: plug.config.min, max: plug.config.max, step: plug.config.skip },
+        { name: "time", label: "Start & End", start: plug.config.start ?? 0, end: plug.config.end }
+      ],
+      onChange: (val) => fanout(plug.config, { min: val.time_min, max: val.time_max, skip: val.time_step, start: val.time_start, end: val.time_end }, { skipUndefined: true })
+    }
+  ]
+});
+
+export {
+  getSettingsTimeMenu
+};
+//# sourceMappingURL=chunk-N5F2YHLD.js.map

package/dist/chunk-N5F2YHLD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/time.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport type { TimePlug } from \"@plugs/settings/time\";\nimport { fanout } from \"sia-reactor/utils\";\n\nexport const getSettingsTimeMenu = (plug: TimePlug): SettingsMenuItem => ({\n  id: \"limits\",\n  label: \"Limits\",\n  icon: \"configure\",\n  widget: \"group\",\n  getValue: () => \"\",\n  items: [\n    {\n      id: \"timeLimits\",\n      label: \"Time\",\n      widget: \"limits\",\n      configPaths: [\"settings.time.min\", \"settings.time.max\", \"settings.time.skip\", \"settings.time.start\", \"settings.time.end\"],\n      getValue: () => \"\",\n      getLimits: () => [\n        { name: \"time\", label: \"Clamp bounds\", min: plug.config.min, max: plug.config.max, step: plug.config.skip },\n        { name: \"time\", label: \"Start & End\", start: plug.config.start ?? 0, end: plug.config.end },\n      ],\n      onChange: (val: Record<string, number>) => fanout(plug.config, { min: val.time_min, max: val.time_max, skip: val.time_step, start: val.time_start, end: val.time_end }, { skipUndefined: true }),\n    },\n  ],\n});\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.time\": typeof getSettingsTimeMenu;\n  }\n}\n"],"mappings":";AAEA,SAAS,cAAc;AAEhB,IAAM,sBAAsB,CAAC,UAAsC;AAAA,EACxE,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU,MAAM;AAAA,EAChB,OAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,aAAa,CAAC,qBAAqB,qBAAqB,sBAAsB,uBAAuB,mBAAmB;AAAA,MACxH,UAAU,MAAM;AAAA,MAChB,WAAW,MAAM;AAAA,QACf,EAAE,MAAM,QAAQ,OAAO,gBAAgB,KAAK,KAAK,OAAO,KAAK,KAAK,KAAK,OAAO,KAAK,MAAM,KAAK,OAAO,KAAK;AAAA,QAC1G,EAAE,MAAM,QAAQ,OAAO,eAAe,OAAO,KAAK,OAAO,SAAS,GAAG,KAAK,KAAK,OAAO,IAAI;AAAA,MAC5F;AAAA,MACA,UAAU,CAAC,QAAgC,OAAO,KAAK,QAAQ,EAAE,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,MAAM,IAAI,WAAW,OAAO,IAAI,YAAY,KAAK,IAAI,SAAS,GAAG,EAAE,eAAe,KAAK,CAAC;AAAA,IACjM;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-NGX5YDCB.js

@@ -0,0 +1,7 @@
+// src/ts/components/icons/playbackrate.ts
+var playbackrate = `<svg viewBox="0 0 24 24" class="tmg-media-playback-rate-icon" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path fill="none" d="m12 14 4-4"></path><path fill="none" d="M3.34 16A10 10 0 1 1 20.66 16"></path></svg>`;
+
+export {
+  playbackrate
+};
+//# sourceMappingURL=chunk-NGX5YDCB.js.map

package/dist/chunk-NGX5YDCB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/playbackrate.ts"],"sourcesContent":["export const playbackrate = `<svg viewBox=\"0 0 24 24\" class=\"tmg-media-playback-rate-icon\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" d=\"m12 14 4-4\"></path><path fill=\"none\" d=\"M3.34 16A10 10 0 1 1 20.66 16\"></path></svg>`;\n\ndeclare module \"@defs/registries\" {\n  interface IconRegistryMap {\n    playbackrate: typeof playbackrate;\n  }\n}\n"],"mappings":";AAAO,IAAM,eAAe;","names":[]}

package/dist/chunk-NHDRXRXA.js

@@ -0,0 +1,33 @@
+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/fwdbwd.ts
+var FwdBwdNotifier = class extends BaseNotifier {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "fwdDiv");
+    __publicField(this, "bwdDiv");
+  }
+  create() {
+    this.fwdDiv = createEl("div", { className: "tmg-media-fwd-notifier", innerHTML: IconRegistry.get("fwd") });
+    this.bwdDiv = createEl("div", { className: "tmg-media-bwd-notifier", innerHTML: IconRegistry.get("bwd") });
+    return this.bindNodes([this.fwdDiv, this.bwdDiv]);
+  }
+};
+__publicField(FwdBwdNotifier, "componentName", "fwdbwdnotifier");
+__publicField(FwdBwdNotifier, "triggers", ["fwd", "bwd"]);
+
+export {
+  FwdBwdNotifier
+};
+//# sourceMappingURL=chunk-NHDRXRXA.js.map

package/dist/chunk-NHDRXRXA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/notifiers/fwdbwd.ts"],"sourcesContent":["import { BaseNotifier, ComponentState } from \"./base\";\r\n\r\nimport { createEl } from \"@utils/dom\";\r\nimport { IconRegistry } from \"@core/registries\";\r\n\r\nexport class FwdBwdNotifier extends BaseNotifier<undefined, ComponentState, HTMLDivElement> {\r\n  public static readonly componentName = \"fwdbwdnotifier\";\r\n  public static readonly triggers = [\"fwd\", \"bwd\"];\r\n  public fwdDiv!: HTMLDivElement;\r\n  public bwdDiv!: HTMLDivElement;\r\n\r\n  public override create() {\r\n    this.fwdDiv = createEl(\"div\", { className: \"tmg-media-fwd-notifier\", innerHTML: IconRegistry.get(\"fwd\") });\r\n    this.bwdDiv = createEl(\"div\", { className: \"tmg-media-bwd-notifier\", innerHTML: IconRegistry.get(\"bwd\") });\r\n    return this.bindNodes([this.fwdDiv, this.bwdDiv]);\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    fwdbwdnotifier: typeof FwdBwdNotifier;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAKO,IAAM,iBAAN,cAA6B,aAAwD;AAAA,EAArF;AAAA;AAGL,wBAAO;AACP,wBAAO;AAAA;AAAA,EAES,SAAS;AACvB,SAAK,SAAS,SAAS,OAAO,EAAE,WAAW,0BAA0B,WAAW,aAAa,IAAI,KAAK,EAAE,CAAC;AACzG,SAAK,SAAS,SAAS,OAAO,EAAE,WAAW,0BAA0B,WAAW,aAAa,IAAI,KAAK,EAAE,CAAC;AACzG,WAAO,KAAK,UAAU,CAAC,KAAK,QAAQ,KAAK,MAAM,CAAC;AAAA,EAClD;AACF;AAVE,cADW,gBACY,iBAAgB;AACvC,cAFW,gBAEY,YAAW,CAAC,OAAO,KAAK;","names":[]}

package/dist/chunk-NPK5ITEG.js

@@ -0,0 +1,7 @@
+// src/ts/components/icons/configure.ts
+var configure = `<svg viewBox="0 0 24 24" class="tmg-media-limits-icon" stroke-width="0.2" stroke="currentColor"><path d="M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z"/></svg>`;
+
+export {
+  configure
+};
+//# sourceMappingURL=chunk-NPK5ITEG.js.map

package/dist/chunk-NPK5ITEG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/configure.ts"],"sourcesContent":["export const configure = `<svg viewBox=\"0 0 24 24\" class=\"tmg-media-limits-icon\" stroke-width=\"0.2\" stroke=\"currentColor\"><path d=\"M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z\"/></svg>`;\n\ndeclare module \"@defs/registries\" {\n  interface IconRegistryMap {\n    configure: typeof configure;\n  }\n}\n"],"mappings":";AAAO,IAAM,YAAY;","names":[]}

package/dist/chunk-NPTM6BGC.js

@@ -0,0 +1,15 @@
+// src/ts/plugs/settings/settingsView/build.ts
+var SETTINGS_BUILD = {
+  autoPause: true,
+  menu: {
+    disabled: false,
+    showView: true,
+    viewLabel: "See More",
+    preserveStack: false
+  }
+};
+
+export {
+  SETTINGS_BUILD
+};
+//# sourceMappingURL=chunk-NPTM6BGC.js.map

package/dist/chunk-NPTM6BGC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/settingsView/build.ts"],"sourcesContent":["import { DeepPartial } from \"sia-reactor\";\r\nimport { SettingsViewConfig } from \"./types\";\r\n\r\nexport const SETTINGS_BUILD: DeepPartial<SettingsViewConfig> = {\r\n  autoPause: true,\r\n  menu: {\r\n    disabled: false,\r\n    showView: true,\r\n    viewLabel: \"See More\",\r\n    preserveStack: false,\r\n  },\r\n};\n"],"mappings":";AAGO,IAAM,iBAAkD;AAAA,EAC7D,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,eAAe;AAAA,EACjB;AACF;","names":[]}

package/dist/chunk-NTNVW4BG.js

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

package/dist/chunk-NTNVW4BG.js.map

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

package/dist/chunk-OBASYXH2.js

@@ -0,0 +1,26 @@
+// src/ts/plugs/settings/fastPlay/build.ts
+var FAST_PLAY_BUILD = {
+  playbackRate: 2,
+  key: true,
+  pointer: {
+    type: {
+      value: "all",
+      options: [
+        { value: "all", display: "All" },
+        { value: "mouse", display: "Mouse" },
+        { value: "touch", display: "Touch" },
+        { value: "pen", display: "Pen" },
+        { value: "none", display: "None" }
+      ]
+    },
+    threshold: 800,
+    inset: 20
+  },
+  resetPaused: true,
+  rewind: true
+};
+
+export {
+  FAST_PLAY_BUILD
+};
+//# sourceMappingURL=chunk-OBASYXH2.js.map

package/dist/chunk-OBASYXH2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/fastPlay/build.ts"],"sourcesContent":["import { DeepPartial } from \"sia-reactor\";\nimport { FastPlayConfig } from \"./types\";\n\nexport const FAST_PLAY_BUILD: DeepPartial<FastPlayConfig> = {\n  playbackRate: 2,\n  key: true,\n  pointer: {\n    type: {\n      value: \"all\",\n      options: [\n        { value: \"all\", display: \"All\" },\n        { value: \"mouse\", display: \"Mouse\" },\n        { value: \"touch\", display: \"Touch\" },\n        { value: \"pen\", display: \"Pen\" },\n        { value: \"none\", display: \"None\" },\n      ]\n    },\n    threshold: 800,\n    inset: 20,\n  },\n  resetPaused: true,\n  rewind: true,\n};\n"],"mappings":";AAGO,IAAM,kBAA+C;AAAA,EAC1D,cAAc;AAAA,EACd,KAAK;AAAA,EACL,SAAS;AAAA,IACP,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,OAAO,SAAS,MAAM;AAAA,QAC/B,EAAE,OAAO,SAAS,SAAS,QAAQ;AAAA,QACnC,EAAE,OAAO,SAAS,SAAS,QAAQ;AAAA,QACnC,EAAE,OAAO,OAAO,SAAS,MAAM;AAAA,QAC/B,EAAE,OAAO,QAAQ,SAAS,OAAO;AAAA,MACnC;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,EACb,QAAQ;AACV;","names":[]}

package/dist/chunk-OBQNTU5F.js

@@ -0,0 +1,7 @@
+// src/ts/components/icons/audiotrack.ts
+var audiotrack = `<svg viewBox="0 0 24 24" class="tmg-media-audiotrack-icon" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path fill="none" d="M9 18V5l12-2v13"></path><circle fill="none" cx="6" cy="18" r="3"></circle><circle fill="none" cx="18" cy="16" r="3"></circle></svg>`;
+
+export {
+  audiotrack
+};
+//# sourceMappingURL=chunk-OBQNTU5F.js.map

package/dist/chunk-OBQNTU5F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/audiotrack.ts"],"sourcesContent":["export const audiotrack = `<svg viewBox=\"0 0 24 24\" class=\"tmg-media-audiotrack-icon\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" d=\"M9 18V5l12-2v13\"></path><circle fill=\"none\" cx=\"6\" cy=\"18\" r=\"3\"></circle><circle fill=\"none\" cx=\"18\" cy=\"16\" r=\"3\"></circle></svg>`;\n\ndeclare module \"@defs/registries\" {\n  interface IconRegistryMap {\n    audiotrack: typeof audiotrack;\n  }\n}\n"],"mappings":";AAAO,IAAM,aAAa;","names":[]}

package/dist/chunk-OEHNS7YX.js

@@ -0,0 +1,7 @@
+// src/ts/components/icons/shuffle.ts
+var shuffle = `<svg viewBox="0 0 24 24" class="tmg-media-shuffle-icon"><path d="M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z"/></svg>`;
+
+export {
+  shuffle
+};
+//# sourceMappingURL=chunk-OEHNS7YX.js.map

package/dist/chunk-OEHNS7YX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/shuffle.ts"],"sourcesContent":["export const shuffle = `<svg viewBox=\"0 0 24 24\" class=\"tmg-media-shuffle-icon\"><path d=\"M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z\"/></svg>`;\n\ndeclare module \"@defs/registries\" {\n  interface IconRegistryMap {\n    shuffle: typeof shuffle;\n  }\n}\n"],"mappings":";AAAO,IAAM,UAAU;","names":[]}

package/dist/chunk-OJAUFHEW.js

@@ -0,0 +1,107 @@
+import {
+  AUTO_BUILD
+} from "./chunk-6KYXFWBF.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  safeNum
+} from "./chunk-ZSB6HGB5.js";
+import {
+  addSources
+} from "./chunk-WSBH5QD6.js";
+import {
+  MenuRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  capitalize,
+  clamp,
+  isStr
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/auto/index.ts
+import { silence } from "sia-reactor/modules";
+var AutoPlug = class extends BasePlug {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "nextPreview", null);
+    __publicField(this, "canAutoMovePlaylist", true);
+  }
+  wire() {
+    this.ctlr.plug("playlist")?.state.watch("currentIndex", () => this.canAutoMovePlaylist = true, { signal: this.signal });
+    this.ctlr.config.watch("settings.auto.play.value", this.forwardAutoPlay, { init: "auto", signal: this.signal });
+    this.media.on("state.currentTime", this.handleCurrentTimeState, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.ctlr.state.on("mediaParentIntersecting", this.handleMediaParentIntersecting, { signal: this.signal });
+    this.ctlr.config.on("settings.auto.next.preview.usePoster", this.handleNextPreviewUsePoster, { signal: this.signal });
+    this.ctlr.config.on("settings.auto.next.preview.tease", this.handleNextPreviewTease, { signal: this.signal });
+    this.ctlr.config.on("settings.auto.next.preview.time", this.handleNextPreviewTime, { signal: this.signal });
+    super.wire();
+  }
+  forwardAutoPlay(value) {
+    silence(() => this.media.intent.autoplay = isStr(value) ? false : !!value);
+  }
+  handleCurrentTimeState({ value: curr }) {
+    if (this.media.status.readyState && curr && this.ctlr.payload.wired && Math.floor((this.settings.time.end ?? this.media.status.duration) - curr) <= this.config.next.value / 1e3) this.autonextMedia();
+  }
+  handleMediaParentIntersecting() {
+    this.mediaAptAutoplay(this.config.pause.value, false), this.mediaAptAutoplay();
+  }
+  handleNextPreviewUsePoster({ target: { value, object } }) {
+    if (!this.nextPreview || value && this.nextPreview.poster) return;
+    if (object.tease) this.config.next.preview.tease = true;
+    else this.nextPreview.currentTime = object.time;
+  }
+  handleNextPreviewTease({ target: { value, object } }) {
+    if (!this.nextPreview) return;
+    this.nextPreview.ontimeupdate = () => this.nextPreview && Number(this.nextPreview.currentTime) >= object.time && this.nextPreview.pause();
+    if (value && (!object.usePoster || !this.nextPreview.poster)) this.nextPreview.play();
+  }
+  handleNextPreviewTime({ target: { value, object } }) {
+    if (!this.nextPreview || object.usePoster && this.nextPreview.poster) return;
+    this.nextPreview.currentTime = Number(value);
+  }
+  mediaAptAutoplay(auto = this.config.play.value, bool = true, p = this.ctlr.state.mediaParentIntersecting ? "in" : "out") {
+    if (auto === `${p}-view-always`) this.media.intent.paused = !bool;
+    else if (auto === `${p}-view` && this.ctlr.state.readyState < 3) this.media.intent.paused = !bool;
+  }
+  autonextMedia() {
+    if (!this.media.status.loadedMetadata || !this.ctlr.config.playlist.content || this.config.next.value < 0 || !this.canAutoMovePlaylist || this.ctlr.plug("playlist").state.currentIndex >= this.ctlr.config.playlist.content.length - 1 || this.media.state.paused || this.media.status.waiting) return;
+    this.canAutoMovePlaylist = false;
+    const count = clamp(1, Math.round(safeNum(this.settings.time.end ?? this.media.status.duration) - safeNum(this.media.state.currentTime)), this.config.next.value / 1e3), m = this.ctlr.config.playlist.content[this.ctlr.plug("playlist").state.currentIndex + 1].media;
+    const nVTId = this.ctlr.plug("settings.toasts")?.toast?.("", {
+      autoClose: count * 1e3,
+      hideProgressBar: false,
+      position: "bottom-right",
+      bodyHTML: `<span title="Play next ${this.media.type}" class="tmg-media-next-preview-wrapper">
+        <button type="button"><svg viewBox="0 0 25 25"><path d="M8,5.14V19.14L19,12.14L8,5.14Z" /></svg></button>
+        <video class="tmg-media-next-preview" poster="${m.intent.poster || m.settings.metadata.artwork?.[0]?.src || ""}" src="${m.intent.src || ""}" muted playsinline webkit-playsinline preload="metadata"></video>
+        <p>${this.ctlr.plug("settings.time")?.toTimeText(NaN) ?? "0:00"}</p>
+      </span>
+      <span class="tmg-media-next-info"><h2>Next ${capitalize(this.media.type)} in <span class="tmg-media-next-countdown">${count}</span></h2>${m.settings.metadata.title ? `<p class="tmg-media-next-title">${m.settings.metadata.title}</p>` : ""}</span>`,
+      onTimeUpdate: (time, el = this.ctlr.queryDOM(".tmg-media-next-countdown")) => el && (el.textContent = String(Math.round((count * 1e3 - time) / 1e3) || 1)),
+      onClose: (elapsed) => void (removeListeners(), elapsed && this.ctlr.plug("playlist")?.next()),
+      tag: "tmg-anvi",
+      signal: this.signal
+    });
+    const evtPaths = ["state.currentTime", "state.paused", "status.waiting"], cleanUp = (permanent = false) => (nVTId && t007.toast?.dismiss(nVTId, "instant"), this.nextPreview = null, this.canAutoMovePlaylist = !permanent), strictCleanUp = () => !this.media.status.ended && cleanUp(), autoCleanUp = () => Math.floor(safeNum((this.settings.time.end ?? this.media.status.duration) - this.media.state.currentTime)) > this.config.next.value / 1e3 && cleanUp(), removeListeners = () => evtPaths.forEach((e, i) => this.media.off(e, !i ? autoCleanUp : strictCleanUp));
+    evtPaths.forEach((e, i) => this.media.on(e, !i ? autoCleanUp : strictCleanUp, { signal: this.signal }));
+    const nVP = this.nextPreview = this.ctlr.queryDOM(".tmg-media-next-preview");
+    if (m.intent.sources?.length) addSources(m.intent.sources, nVP);
+    for (const e of ["loadedmetadata", "loaded", "durationchange"]) nVP?.addEventListener(e, ({ target: p }) => p.nextElementSibling.textContent = this.ctlr.plug("settings.time")?.toTimeText(p.duration) ?? "-:--", { signal: this.signal });
+    this.config.next.preview = this.config.next.preview;
+    nVP?.previousElementSibling?.addEventListener("click", () => (cleanUp(true), this.ctlr.plug("playlist")?.next()), { capture: true, signal: this.signal });
+  }
+  registerMenu() {
+    this.ctlr.plug("settings.settingsView")?.menu.registerFirst(MenuRegistry.get("settings.auto")?.(this));
+  }
+};
+__publicField(AutoPlug, "plugName", "auto");
+__publicField(AutoPlug, "BUILD", AUTO_BUILD);
+
+export {
+  AutoPlug
+};
+//# sourceMappingURL=chunk-OJAUFHEW.js.map

package/dist/chunk-OJAUFHEW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/auto/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\r\nimport type { AutoConfig, AptAutoplayOption } from \"./types\";\r\nimport { AUTO_BUILD } from \"./build\";\r\nimport { type REvent } from \"sia-reactor\";\r\nimport { CtlrConfig } from \"@defs/config\";\r\nimport { CtlrMedia } from \"@defs/contract\";\r\nimport { isStr } from \"@utils/obj\";\r\nimport { clamp, safeNum } from \"@utils/num\";\r\nimport { addSources } from \"@utils/media\";\r\nimport { capitalize } from \"@utils/str\";\r\nimport { silence } from \"sia-reactor/modules\";\r\nimport { MenuRegistry } from \"@core/registries\";\r\n\r\nexport class AutoPlug extends BasePlug<AutoConfig> {\r\n  public static readonly plugName = \"auto\";\r\n  public static readonly BUILD = AUTO_BUILD;\r\n  protected nextPreview: HTMLVideoElement | null = null;\r\n  protected canAutoMovePlaylist = true;\r\n\r\n  public override wire(): void {\r\n    // Plug Watchers\r\n    this.ctlr.plug(\"playlist\")?.state.watch(\"currentIndex\", () => (this.canAutoMovePlaylist = true), { signal: this.signal });\r\n    // Ctlr Config Watchers\r\n    this.ctlr.config.watch(\"settings.auto.play.value\", this.forwardAutoPlay, { init: \"auto\", signal: this.signal });\r\n    // ---- Media Listeners\r\n    this.media.on(\"state.currentTime\", this.handleCurrentTimeState, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // ---- State ---------\r\n    this.ctlr.state.on(\"mediaParentIntersecting\", this.handleMediaParentIntersecting, { signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.auto.next.preview.usePoster\", this.handleNextPreviewUsePoster, { signal: this.signal });\r\n    this.ctlr.config.on(\"settings.auto.next.preview.tease\", this.handleNextPreviewTease, { signal: this.signal });\r\n    this.ctlr.config.on(\"settings.auto.next.preview.time\", this.handleNextPreviewTime, { signal: this.signal });\r\n    // Post Wiring\r\n    super.wire();\r\n  }\r\n\r\n  protected forwardAutoPlay(value?: boolean | AptAutoplayOption): void {\r\n    silence(() => (this.media.intent.autoplay = isStr(value) ? false : !!value));\r\n  }\r\n\r\n  protected handleCurrentTimeState({ value: curr }: REvent<CtlrMedia, \"state.currentTime\">): void {\r\n    if (this.media.status.readyState && curr && this.ctlr.payload.wired && Math.floor((this.settings.time.end ?? this.media.status.duration) - curr) <= this.config.next.value / 1000) this.autonextMedia();\r\n  }\r\n\r\n  protected handleMediaParentIntersecting(): void {\r\n    this.mediaAptAutoplay(this.config.pause.value, false), this.mediaAptAutoplay();\r\n  }\r\n\r\n  protected handleNextPreviewUsePoster({ target: { value, object } }: REvent<CtlrConfig, \"settings.auto.next.preview.usePoster\">): void {\r\n    if (!this.nextPreview || (value && this.nextPreview.poster)) return;\r\n    if (object.tease) this.config.next.preview.tease = true;\r\n    else this.nextPreview.currentTime = object.time;\r\n  }\r\n\r\n  protected handleNextPreviewTease({ target: { value, object } }: REvent<CtlrConfig, \"settings.auto.next.preview.tease\">): void {\r\n    if (!this.nextPreview) return;\r\n    this.nextPreview.ontimeupdate = () => this.nextPreview && Number(this.nextPreview.currentTime) >= object.time && this.nextPreview.pause();\r\n    if (value && (!object.usePoster || !this.nextPreview.poster)) this.nextPreview.play();\r\n  }\r\n\r\n  protected handleNextPreviewTime({ target: { value, object } }: REvent<CtlrConfig, \"settings.auto.next.preview.time\">): void {\r\n    if (!this.nextPreview || (object.usePoster && this.nextPreview.poster)) return;\r\n    this.nextPreview.currentTime = Number(value);\r\n  }\r\n\r\n  protected mediaAptAutoplay(auto = this.config.play.value, bool = true, p = this.ctlr.state.mediaParentIntersecting ? \"in\" : \"out\"): void {\r\n    if (auto === `${p}-view-always`) this.media.intent.paused = !bool;\r\n    else if (auto === `${p}-view` && this.ctlr.state.readyState < 3) this.media.intent.paused = !bool; // #PATIENT: only after first play\r\n  }\r\n\r\n  protected autonextMedia(): void {\r\n    if (!this.media.status.loadedMetadata || !this.ctlr.config.playlist.content || this.config.next.value < 0 || !this.canAutoMovePlaylist || this.ctlr.plug(\"playlist\")!.state.currentIndex >= this.ctlr.config.playlist.content.length - 1 || this.media.state.paused || this.media.status.waiting) return;\r\n    this.canAutoMovePlaylist = false;\r\n    const count = clamp(1, Math.round(safeNum(this.settings.time.end ?? this.media.status.duration) - safeNum(this.media.state.currentTime)), this.config.next.value / 1000),\r\n      m = this.ctlr.config.playlist.content[this.ctlr.plug(\"playlist\")!.state.currentIndex + 1].media;\r\n    const nVTId = this.ctlr.plug(\"settings.toasts\")?.toast?.(\"\", {\r\n      autoClose: count * 1000,\r\n      hideProgressBar: false,\r\n      position: \"bottom-right\",\r\n      bodyHTML: `<span title=\"Play next ${this.media.type}\" class=\"tmg-media-next-preview-wrapper\">\r\n        <button type=\"button\"><svg viewBox=\"0 0 25 25\"><path d=\"M8,5.14V19.14L19,12.14L8,5.14Z\" /></svg></button>\r\n        <video class=\"tmg-media-next-preview\" poster=\"${m.intent.poster || m.settings.metadata.artwork?.[0]?.src || \"\"}\" src=\"${m.intent.src || \"\"}\" muted playsinline webkit-playsinline preload=\"metadata\"></video>\r\n        <p>${this.ctlr.plug(\"settings.time\")?.toTimeText(NaN) ?? \"0:00\"}</p>\r\n      </span>\r\n      <span class=\"tmg-media-next-info\"><h2>Next ${capitalize(this.media.type)} in <span class=\"tmg-media-next-countdown\">${count}</span></h2>${m.settings.metadata.title ? `<p class=\"tmg-media-next-title\">${m.settings.metadata.title}</p>` : \"\"}</span>`,\r\n      onTimeUpdate: (time: number, el = this.ctlr.queryDOM(\".tmg-media-next-countdown\")) => el && (el.textContent = String(Math.round((count * 1000 - time) / 1000) || 1)),\r\n      onClose: (elapsed?: boolean) => void (removeListeners(), elapsed && this.ctlr.plug(\"playlist\")?.next()),\r\n      tag: \"tmg-anvi\",\r\n      signal: this.signal,\r\n    });\r\n    const evtPaths = [\"state.currentTime\", \"state.paused\", \"status.waiting\"] as const,\r\n      cleanUp = (permanent = false) => (nVTId && t007.toast?.dismiss(nVTId, \"instant\"), (this.nextPreview = null), (this.canAutoMovePlaylist = !permanent)),\r\n      strictCleanUp = () => !this.media.status.ended && cleanUp(),\r\n      autoCleanUp = () => Math.floor(safeNum((this.settings.time.end ?? this.media.status.duration) - this.media.state.currentTime)) > this.config.next.value / 1000 && cleanUp(),\r\n      removeListeners = () => evtPaths.forEach((e, i) => this.media.off(e, !i ? autoCleanUp : strictCleanUp));\r\n    evtPaths.forEach((e, i) => this.media.on(e, !i ? autoCleanUp : strictCleanUp, { signal: this.signal }));\r\n    const nVP = (this.nextPreview = this.ctlr.queryDOM<HTMLVideoElement>(\".tmg-media-next-preview\"))!;\r\n    if (m.intent.sources?.length) addSources(m.intent.sources, nVP);\r\n    for (const e of [\"loadedmetadata\", \"loaded\", \"durationchange\"] as const) nVP?.addEventListener(e, ({ target: p }) => ((p as HTMLVideoElement).nextElementSibling!.textContent = this.ctlr.plug(\"settings.time\")?.toTimeText((p as HTMLVideoElement).duration) ?? \"-:--\"), { signal: this.signal });\r\n    this.config.next.preview = this.config.next.preview; // force update\r\n    nVP?.previousElementSibling?.addEventListener(\"click\", () => (cleanUp(true), this.ctlr.plug(\"playlist\")?.next()), { capture: true, signal: this.signal });\r\n  }\r\n\r\n  protected override registerMenu(): void {\r\n    this.ctlr.plug(\"settings.settingsView\")?.menu.registerFirst(MenuRegistry.get(\"settings.auto\")?.(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.auto\": typeof AutoPlug;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/config\" {\r\n  interface Settings {\r\n    auto: AutoConfig;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-ONW4BD2Z.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/forward10.ts
+var Forward10Button = class extends BaseComponent {
+  create() {
+    return this.element = createEl("button", { className: "tmg-media-forward10-btn", type: "button", innerHTML: IconRegistry.get("forward10") }, { 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 = "Forward 10s";
+    this.el.title = this.state.label + this.state.cmd;
+    this.setBtnARIA();
+  }
+};
+__publicField(Forward10Button, "componentName", "forward10");
+__publicField(Forward10Button, "isControl", true);
+
+export {
+  Forward10Button
+};
+//# sourceMappingURL=chunk-ONW4BD2Z.js.map

package/dist/chunk-ONW4BD2Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/forward10.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"../base\";\nimport { IconRegistry } from \"@core/registries\";\nimport { createEl } from \"@utils/dom\";\n\nexport type Forward10Config = undefined;\n\nexport class Forward10Button extends BaseComponent<Forward10Config, ComponentState, HTMLButtonElement> {\n  public static readonly componentName: string = \"forward10\";\n  public static readonly isControl: boolean = true;\n\n  public override create() {\n    return (this.element = createEl(\"button\", { className: \"tmg-media-forward10-btn\", type: \"button\", innerHTML: IconRegistry.get(\"forward10\") }, { 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 = \"Forward 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    forward10: typeof Forward10Button;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAMO,IAAM,kBAAN,cAA8B,cAAkE;AAAA,EAIrF,SAAS;AACvB,WAAQ,KAAK,UAAU,SAAS,UAAU,EAAE,WAAW,2BAA2B,MAAM,UAAU,WAAW,aAAa,IAAI,WAAW,EAAE,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AAAA,EAC9L;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,iBACY,iBAAwB;AAC/C,cAFW,iBAEY,aAAqB;","names":[]}

package/dist/chunk-OOXUZMZ7.js

@@ -0,0 +1,9 @@
+// src/ts/components/icons/pause.ts
+var pause = `<svg viewBox="0 0 25 25" class="tmg-media-pause-icon">
+  <path d="M14,19H18V5H14M6,19H10V5H6V19Z" />
+</svg>`;
+
+export {
+  pause
+};
+//# sourceMappingURL=chunk-OOXUZMZ7.js.map

package/dist/chunk-OOXUZMZ7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/pause.ts"],"sourcesContent":["export const pause = `<svg viewBox=\"0 0 25 25\" class=\"tmg-media-pause-icon\">\r\n  <path d=\"M14,19H18V5H14M6,19H10V5H6V19Z\" />\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    pause: typeof pause;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,QAAQ;AAAA;AAAA;","names":[]}