tmg-media-player 0.0.1

package/dist/chunk-KMENKVHP.js

@@ -0,0 +1,110 @@
+import {
+  VOLUME_BUILD
+} from "./chunk-Q2XYS26I.js";
+import {
+  BaseSliderPlug
+} from "./chunk-M2NVOKGL.js";
+import {
+  AUDIO_CONTEXT,
+  connectMediaToAudioManager
+} from "./chunk-IUS3FRXS.js";
+import {
+  clamp
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/volume/index.ts
+import { TERMINATOR } from "sia-reactor";
+var VolumePlug = class extends BaseSliderPlug {
+  constructor(ctlr, config = ctlr.settings.volume) {
+    super(ctlr, config, { aptValue: 0 });
+    __publicField(this, "shadowVolume");
+    __publicField(this, "audioSetup", false);
+    __publicField(this, "gainNode");
+    __publicField(this, "handleKeyMute", () => {
+      this.toggle("auto");
+      this.media.features.volume && this.media.wonce("state.volume", (v) => this.ctlr.plug("settings.notifiers")?.notify(!v ? "volumemuted" : "volumeup"), { signal: this.signal });
+    });
+    __publicField(this, "handleKeyVolumeUp", () => {
+      this.changeAptValue(this.ctlr.plug("settings.keys")?.getModded("volume", "", this.config.skip) ?? this.config.skip);
+    });
+    __publicField(this, "handleKeyVolumeDown", () => {
+      this.changeAptValue(-(this.ctlr.plug("settings.keys")?.getModded("volume", "", this.config.skip) ?? this.config.skip));
+    });
+    __publicField(this, "handleNativeVolumeChange", () => {
+      this.media.element.volume = 1, this.ctlr.isNativeEl && this.media.state.muted !== this.media.element.muted && this.toggle();
+    });
+    this.sliderAptValue = 5;
+  }
+  get ctime() {
+    return AUDIO_CONTEXT?.currentTime ?? 0;
+  }
+  get toggleKey() {
+    return "muted";
+  }
+  mount() {
+    this.ctlr.state.audioContextReady ? this.connectAudio() : this.ctlr.state.once("audioContextReady", this.connectAudio, { signal: this.signal });
+  }
+  wire() {
+    const volume = this.media.intent.volume ?? this.media.state.volume;
+    this.state.aptValue = clamp(this.config.min, volume, this.config.max);
+    this.shouldToggle = this.shouldSetAptValue = this.media.state.muted ?? false;
+    this.media.intent.volume = this.shouldToggle ? 0 : this.state.aptValue;
+    this.media.element.addEventListener("volumechange", this.handleNativeVolumeChange, { capture: true, signal: this.signal }), this.handleNativeVolumeChange();
+    this.media.set("intent.volume", (v) => clamp(this.shouldToggle ? 0 : this.config.min, v, this.config.max), { signal: this.signal });
+    this.media.set("state.volume", (v) => this.ctlr.isNativeEl && v !== this.shadowVolume ? TERMINATOR : v, { signal: this.signal });
+    this.media.watch("tech", () => {
+      var _a, _b, _c;
+      return (_a = this.media.features).volume || (_a.volume = this.ctlr.isNativeEl), (_b = this.media.features).muted || (_b.muted = this.ctlr.isNativeEl), (_c = this.media.features).volumeBoost || (_c.volumeBoost = this.ctlr.isNativeEl);
+    }, { init: true, signal: this.signal });
+    this.media.on("intent.volume", this.handleVolumeIntent, { capture: true, init: this.ctlr.payload.wired, initType: "set", signal: this.signal });
+    this.media.on("intent.muted", this.handleMutedIntent, { capture: true, init: this.ctlr.payload.wired, initType: "set", signal: this.signal });
+    this.media.on("state.volume", (e) => this.handleSliderState(e.value), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.ctlr.config.on("settings.volume.min", (e) => this.handleMin(e.value), { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.volume.max", (e) => this.handleMax(e.value), { init: true, signal: this.signal });
+    this.ctlr.registerAction("mute", { fn: this.handleKeyMute, keyboard: { phase: "keyup" } });
+    this.ctlr.registerAction("volumeUp", { fn: this.handleKeyVolumeUp, keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("volumeDown", { fn: this.handleKeyVolumeDown, keyboard: { phase: "keydown" } });
+    super.wire();
+  }
+  handleVolumeIntent(e, isNext = this.nextLevel === e.value) {
+    if (e.resolved) return;
+    if (isNext) this.nextLevel = null;
+    this.setValueState(e.value, isNext);
+    this.ctlr.isNativeEl && this.gainNode?.gain.setTargetAtTime(e.value / 100 * 2, this.ctime, 0.05);
+    if (!isNext && e.value > 0) this.media.settings.defaultMuted = false;
+    if (this.ctlr.isNativeEl) this.media.state.volume = this.shadowVolume = e.value;
+  }
+  handleMutedIntent(e, isNext = this.nextToggle === e.value) {
+    if (e.resolved) return;
+    if (isNext) this.nextToggle = null;
+    else if (this.media.state.muted === e.value && !!this.media.state.volume) return e.resolve(this.name);
+    this.setToggleState(e.value, isNext);
+    this.media.state.muted = e.value;
+  }
+  connectAudio() {
+    if (this.audioSetup || connectMediaToAudioManager(this.media.element) === "unavailable") return;
+    this.gainNode = this.media.element._tmgGainNode;
+    const DCN = this.media.element._tmgDynamicsCompressorNode;
+    if (DCN) DCN.threshold.value = -30, DCN.knee.value = 20, DCN.ratio.value = 12, DCN.attack.value = 3e-3, DCN.release.value = 0.25;
+    this.audioSetup = true;
+    if (this.ctlr.isNativeEl) this.gainNode?.gain.setTargetAtTime(this.media.state.volume / 100 * 2, this.ctime, 0.05);
+  }
+  disconnectAudio() {
+    this.media.element.volume = clamp(0, (this.gainNode?.gain?.value ?? 2) / 2 * 100, 1);
+    this.media.element.mediaElementSourceNode?.disconnect(), this.gainNode?.disconnect();
+    this.audioSetup = false;
+  }
+  onDestroy() {
+    this.disconnectAudio(), super.onDestroy();
+  }
+};
+__publicField(VolumePlug, "plugName", "volume");
+__publicField(VolumePlug, "BUILD", VOLUME_BUILD);
+
+export {
+  VolumePlug
+};
+//# sourceMappingURL=chunk-KMENKVHP.js.map

package/dist/chunk-KMENKVHP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/volume/index.ts"],"sourcesContent":["import { BaseSliderPlug } from \"@plugs/base/slider\";\nimport type { VolumeConfig, VolumeState } from \"./types\";\nimport { VOLUME_BUILD } from \"./build\";\nimport type { Controller } from \"@core/controller\";\nimport { REvent, TERMINATOR } from \"sia-reactor\";\nimport type { CtlrMedia } from \"@defs/contract\";\nimport { clamp } from \"@utils/num\";\nimport { AUDIO_CONTEXT, connectMediaToAudioManager } from \"@tools/runtime\";\n\nexport class VolumePlug extends BaseSliderPlug<VolumeConfig, VolumeState> {\n  public static readonly plugName = \"volume\";\n  public static readonly BUILD = VOLUME_BUILD;\n  protected shadowVolume?: number;\n  protected audioSetup = false;\n  protected gainNode?: GainNode | null;\n  protected get ctime(): number {\n    return AUDIO_CONTEXT?.currentTime ?? 0;\n  }\n  protected get toggleKey() {\n    return \"muted\" as const;\n  }\n\n  constructor(ctlr: Controller, config = ctlr.settings.volume) {\n    super(ctlr, config, { aptValue: 0 });\n    this.sliderAptValue = 5;\n  }\n\n  public override mount(): void {\n    this.ctlr.state.audioContextReady ? this.connectAudio() : this.ctlr.state.once(\"audioContextReady\", this.connectAudio, { signal: this.signal });\n  }\n\n  public override wire(): void {\n    // Variables Assignment\n    const volume = this.media.intent.volume ?? this.media.state.volume;\n    this.state.aptValue = clamp(this.config.min, volume, this.config.max);\n    this.shouldToggle = this.shouldSetAptValue = this.media.state.muted ?? false;\n    this.media.intent.volume = this.shouldToggle ? 0 : this.state.aptValue;\n    // Event Listeners\n    this.media.element.addEventListener(\"volumechange\", this.handleNativeVolumeChange, { capture: true, signal: this.signal }), this.handleNativeVolumeChange();\n    // Ctlr Media Setters\n    this.media.set(\"intent.volume\", (v) => clamp(this.shouldToggle ? 0 : this.config.min, v, this.config.max), { signal: this.signal }); // #VALIDATOR: rules enforcement\n    this.media.set(\"state.volume\", (v) => (this.ctlr.isNativeEl && v !== this.shadowVolume ? TERMINATOR : v), { signal: this.signal }); // #DICTATOR: reliable authority\n    // ----------- Watchers\n    this.media.watch(\"tech\", () => ((this.media.features.volume ||= this.ctlr.isNativeEl), (this.media.features.muted ||= this.ctlr.isNativeEl), (this.media.features.volumeBoost ||= this.ctlr.isNativeEl)), { init: true, signal: this.signal });\n    // ----------- Listeners\n    this.media.on(\"intent.volume\", this.handleVolumeIntent, { capture: true, init: this.ctlr.payload.wired, initType: \"set\", signal: this.signal }); // #HIGHER-POWER: power arbitration\n    this.media.on(\"intent.muted\", this.handleMutedIntent, { capture: true, init: this.ctlr.payload.wired, initType: \"set\", signal: this.signal }); // #HIGHER-POWER: power arbitration\n    this.media.on(\"state.volume\", (e) => this.handleSliderState(e.value), { init: this.ctlr.payload.wired, signal: this.signal });\n    // ---- Config ---------\n    this.ctlr.config.on(\"settings.volume.min\", (e) => this.handleMin(e.value), { init: true, signal: this.signal });\n    this.ctlr.config.on(\"settings.volume.max\", (e) => this.handleMax(e.value), { init: true, signal: this.signal });\n    // Post Wiring\n    this.ctlr.registerAction(\"mute\", { fn: this.handleKeyMute, keyboard: { phase: \"keyup\" } });\n    this.ctlr.registerAction(\"volumeUp\", { fn: this.handleKeyVolumeUp, keyboard: { phase: \"keydown\" } });\n    this.ctlr.registerAction(\"volumeDown\", { fn: this.handleKeyVolumeDown, keyboard: { phase: \"keydown\" } });\n    super.wire();\n  }\n\n  protected handleVolumeIntent(e: REvent<CtlrMedia, \"intent.volume\">, isNext = this.nextLevel === e.value): void {\n    if (e.resolved) return;\n    if (isNext) this.nextLevel = null;\n    this.setValueState(e.value, isNext);\n    this.ctlr.isNativeEl && this.gainNode?.gain.setTargetAtTime((e.value / 100) * 2, this.ctime, 0.05);\n    if (!isNext && e.value > 0) this.media.settings.defaultMuted = false; // youtube courtesy\n    if (this.ctlr.isNativeEl) this.media.state.volume = this.shadowVolume = e.value;\n    // e.resolve(this.name); // #UMBRELLA: must envelope logic\n  }\n\n  protected handleMutedIntent(e: REvent<CtlrMedia, \"intent.muted\">, isNext = this.nextToggle === e.value): void {\n    if (e.resolved) return;\n    if (isNext) this.nextToggle = null;\n    else if (this.media.state.muted === e.value && !!this.media.state.volume) return e.resolve(this.name);\n    this.setToggleState(e.value, isNext);\n    this.media.state.muted = e.value;\n    // e.resolve(this.name); // #UMBRELLA: must envelope logic\n  }\n\n  protected handleKeyMute = (): void => {\n    this.toggle(\"auto\");\n    this.media.features.volume && this.media.wonce(\"state.volume\", (v) => this.ctlr.plug(\"settings.notifiers\")?.notify(!v ? \"volumemuted\" : \"volumeup\"), { signal: this.signal });\n  };\n  protected handleKeyVolumeUp = (): void => {\n    this.changeAptValue(this.ctlr.plug(\"settings.keys\")?.getModded(\"volume\", \"\", this.config.skip) ?? this.config.skip);\n  };\n  protected handleKeyVolumeDown = (): void => {\n    this.changeAptValue(-(this.ctlr.plug(\"settings.keys\")?.getModded(\"volume\", \"\", this.config.skip) ?? this.config.skip));\n  };\n\n  protected handleNativeVolumeChange = (): void => {\n    (this.media.element.volume = 1), this.ctlr.isNativeEl && this.media.state.muted !== this.media.element.muted && this.toggle(); // even advanced systems have edge cases\n  };\n\n  protected connectAudio(): void {\n    if (this.audioSetup || connectMediaToAudioManager(this.media.element) === \"unavailable\") return;\n    this.gainNode = this.media.element._tmgGainNode;\n    const DCN = this.media.element._tmgDynamicsCompressorNode;\n    if (DCN) (DCN.threshold.value = -30), (DCN.knee.value = 20), (DCN.ratio.value = 12), (DCN.attack.value = 0.003), (DCN.release.value = 0.25);\n    this.audioSetup = true;\n    if (this.ctlr.isNativeEl) this.gainNode?.gain.setTargetAtTime((this.media.state.volume / 100) * 2, this.ctime, 0.05);\n  }\n  protected disconnectAudio(): void {\n    this.media.element.volume = clamp(0, ((this.gainNode?.gain?.value ?? 2) / 2) * 100, 1);\n    this.media.element.mediaElementSourceNode?.disconnect(), this.gainNode?.disconnect();\n    this.audioSetup = false;\n  }\n\n  protected override onDestroy(): void {\n    this.disconnectAudio(), super.onDestroy();\n  }\n}\n\nexport type * from \"./types\";\nexport * from \"./build\";\n\ndeclare module \"@defs/registries\" {\n  interface PlugRegistryMap {\n    \"settings.volume\": typeof VolumePlug;\n  }\n}\n\ndeclare module \"@defs/config\" {\n  interface Settings {\n    volume: VolumeConfig;\n  }\n}\n\ndeclare module \"@defs/contract\" {\n  interface MediaExtraFeatures {\n    volumeBoost?: boolean;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-KOAHN3L5.js

@@ -0,0 +1,9 @@
+// src/ts/components/icons/volumelow.ts
+var volumelow = `<svg class="tmg-media-volume-low-icon" viewBox="0 0 25 25">
+  <path d="M5,9V15H9L14,20V4L9,9M18.5,12C18.5,10.23 17.5,8.71 16,7.97V16C17.5,15.29 18.5,13.76 18.5,12Z" />
+</svg>`;
+
+export {
+  volumelow
+};
+//# sourceMappingURL=chunk-KOAHN3L5.js.map

package/dist/chunk-KOAHN3L5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/volumelow.ts"],"sourcesContent":["export const volumelow = `<svg class=\"tmg-media-volume-low-icon\" viewBox=\"0 0 25 25\">\r\n  <path d=\"M5,9V15H9L14,20V4L9,9M18.5,12C18.5,10.23 17.5,8.71 16,7.97V16C17.5,15.29 18.5,13.76 18.5,12Z\" />\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    volumelow: typeof volumelow;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,YAAY;AAAA;AAAA;","names":[]}

package/dist/chunk-KQXT3GDF.js

@@ -0,0 +1,16 @@
+// src/ts/plugs/settings/timeTravel/build.ts
+var TIME_TRAVEL_BUILD = {
+  module: {
+    whitelist: ["intent"],
+    // for undoing actions while "state" for reliving time itself
+    mirrorReads: true,
+    mirrorWrites: true
+  },
+  console: {},
+  persist: false
+};
+
+export {
+  TIME_TRAVEL_BUILD
+};
+//# sourceMappingURL=chunk-KQXT3GDF.js.map

package/dist/chunk-KQXT3GDF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/timeTravel/build.ts"],"sourcesContent":["import { DeepPartial } from \"sia-reactor\";\r\nimport { TimeTravelConfig } from \"./types\";\r\n\r\nexport const TIME_TRAVEL_BUILD: DeepPartial<TimeTravelConfig> = {\r\n  module: {\r\n    whitelist: [\"intent\"], // for undoing actions while \"state\" for reliving time itself\r\n    mirrorReads: true,\r\n    mirrorWrites: true,\r\n  },\r\n  console: {},\r\n  persist: false,\r\n};\r\n"],"mappings":";AAGO,IAAM,oBAAmD;AAAA,EAC9D,QAAQ;AAAA,IACN,WAAW,CAAC,QAAQ;AAAA;AAAA,IACpB,aAAa;AAAA,IACb,cAAc;AAAA,EAChB;AAAA,EACA,SAAS,CAAC;AAAA,EACV,SAAS;AACX;","names":[]}

package/dist/chunk-L6J66EOL.js

@@ -0,0 +1,44 @@
+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/fullscreenlock.ts
+var FullscreenLockButton = class extends BaseComponent {
+  create() {
+    this.element = createEl("button", { type: "button", className: "tmg-media-fullscreen-locked-btn", innerHTML: IconRegistry.get("lock") }, { draggableControl: "", controlId: this.name });
+    return this.hide(), this.element;
+  }
+  wire() {
+    this.media.on("features.fullscreen", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("features.locked", 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[this.canShow ? "show" : "hide"](), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.syncARIA();
+  }
+  handleClick() {
+    this.media.intent.locked = true;
+  }
+  syncARIA() {
+    this.el.title = this.state.label = "Lock Screen";
+    this.setBtnARIA();
+  }
+  get canShow() {
+    return this.media.state.fullscreen && !!this.media.features.fullscreen && !!this.media.features.locked;
+  }
+};
+__publicField(FullscreenLockButton, "componentName", "fullscreenlock");
+__publicField(FullscreenLockButton, "isControl", true);
+
+export {
+  FullscreenLockButton
+};
+//# sourceMappingURL=chunk-L6J66EOL.js.map

package/dist/chunk-L6J66EOL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/fullscreenlock.ts"],"sourcesContent":["import { IconRegistry } from \"@core/registries\";\r\nimport { BaseComponent, ComponentState } from \"../base\";\r\nimport { createEl } from \"@utils/dom\";\r\n\r\nexport type FullscreenLockConfig = undefined;\r\n\r\nexport class FullscreenLockButton extends BaseComponent<FullscreenLockConfig, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName: string = \"fullscreenlock\";\r\n  public static readonly isControl: boolean = true;\r\n\r\n  public override create() {\r\n    this.element = createEl(\"button\", { type: \"button\", className: \"tmg-media-fullscreen-locked-btn\", innerHTML: IconRegistry.get(\"lock\") }, { draggableControl: \"\", controlId: this.name });\r\n    return this.hide(), this.element;\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Features Gating\r\n    this.media.on(\"features.fullscreen\", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"features.locked\", 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.fullscreen\", () => this[this.canShow ? \"show\" : \"hide\"](), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // Post Wiring\r\n    this.syncARIA();\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.media.intent.locked = true;\r\n  }\r\n\r\n  public syncARIA(): void {\r\n    this.el.title = this.state.label = \"Lock Screen\";\r\n    this.setBtnARIA();\r\n  }\r\n\r\n  protected override get canShow(): boolean {\r\n    return this.media.state.fullscreen && !!this.media.features.fullscreen && !!this.media.features.locked;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    fullscreenlock: typeof FullscreenLockButton;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAMO,IAAM,uBAAN,cAAmC,cAAuE;AAAA,EAI/F,SAAS;AACvB,SAAK,UAAU,SAAS,UAAU,EAAE,MAAM,UAAU,WAAW,mCAAmC,WAAW,aAAa,IAAI,MAAM,EAAE,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AACvL,WAAO,KAAK,KAAK,GAAG,KAAK;AAAA,EAC3B;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,uBAAuB,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AACtG,SAAK,MAAM,GAAG,mBAAmB,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAElG,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,MAAM,GAAG,oBAAoB,MAAM,KAAK,KAAK,UAAU,SAAS,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEtI,SAAK,SAAS;AAAA,EAChB;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,OAAO,SAAS;AAAA,EAC7B;AAAA,EAEO,WAAiB;AACtB,SAAK,GAAG,QAAQ,KAAK,MAAM,QAAQ;AACnC,SAAK,WAAW;AAAA,EAClB;AAAA,EAEA,IAAuB,UAAmB;AACxC,WAAO,KAAK,MAAM,MAAM,cAAc,CAAC,CAAC,KAAK,MAAM,SAAS,cAAc,CAAC,CAAC,KAAK,MAAM,SAAS;AAAA,EAClG;AACF;AAhCE,cADW,sBACY,iBAAwB;AAC/C,cAFW,sBAEY,aAAqB;","names":[]}

package/dist/chunk-LNUYM3ZX.js

@@ -0,0 +1,26 @@
+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/capture.ts
+var CaptureNotifier = class extends BaseNotifier {
+  create() {
+    return this.element = createEl("div", { className: "tmg-media-capture-notifier", innerHTML: IconRegistry.get("capture") });
+  }
+};
+__publicField(CaptureNotifier, "componentName", "capturenotifier");
+__publicField(CaptureNotifier, "triggers", ["capture"]);
+
+export {
+  CaptureNotifier
+};
+//# sourceMappingURL=chunk-LNUYM3ZX.js.map

package/dist/chunk-LNUYM3ZX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/notifiers/capture.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 CaptureNotifier extends BaseNotifier<undefined, ComponentState, HTMLDivElement> {\r\n  public static readonly componentName = \"capturenotifier\";\r\n  public static readonly triggers = [\"capture\"];\r\n\r\n  public override create() {\r\n    return (this.element = createEl(\"div\", { className: \"tmg-media-capture-notifier\", innerHTML: IconRegistry.get(\"capture\") }));\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    capturenotifier: typeof CaptureNotifier;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAKO,IAAM,kBAAN,cAA8B,aAAwD;AAAA,EAI3E,SAAS;AACvB,WAAQ,KAAK,UAAU,SAAS,OAAO,EAAE,WAAW,8BAA8B,WAAW,aAAa,IAAI,SAAS,EAAE,CAAC;AAAA,EAC5H;AACF;AANE,cADW,iBACY,iBAAgB;AACvC,cAFW,iBAEY,YAAW,CAAC,SAAS;","names":[]}

package/dist/chunk-LSKNTXY2.js

@@ -0,0 +1,57 @@
+import {
+  POSTER_BUILD
+} from "./chunk-DNY72SCR.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/poster/index.ts
+var PosterPlug = class extends BasePlug {
+  constructor(ctlr, config) {
+    super(ctlr, config, { visible: true });
+    __publicField(this, "element");
+  }
+  mount() {
+    this.element = this.ctlr.syncImgLoadState(createEl("img", { className: "tmg-media-poster tmg-media-filtered tmg-media-object", alt: "Poster Image" }));
+    this.ctlr.DOM.controlsContainer?.prepend(this.element);
+  }
+  unmount() {
+    this.element.remove();
+  }
+  wire() {
+    this.state.on("visible", this.syncView, { signal: this.signal });
+    this.media.watch("tech", () => {
+      var _a;
+      return (_a = this.media.features).poster || (_a.poster = true), this.syncView();
+    }, { init: true, signal: this.signal });
+    this.media.on("intent.poster", this.handlePosterIntent, { capture: true, init: this.ctlr.payload.wired, initType: "set", signal: this.signal });
+    this.media.on("intent.src", (e) => e.resolved && (this.state.visible = true), { signal: this.signal });
+    this.media.on("state.paused", ({ value }) => !value && !this.config.strict && (this.state.visible = false), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("state.currentTime", () => (this.config.strict || this.media.state.currentTime) && (this.state.visible = false), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("status.ended", this.syncView, { signal: this.signal });
+    this.media.on("state.poster", ({ value }) => value ? this.element.src = value : this.element.removeAttribute("src"), { init: this.ctlr.payload.wired, signal: this.signal });
+    super.wire();
+  }
+  handlePosterIntent(e) {
+    if (e.resolved) return;
+    if (e.value) this.element.dataset.loaded = "false", this.element.src = e.value;
+    this.media.state.poster = e.value;
+    e.resolve(this.name);
+  }
+  syncView() {
+    this.media.container.classList.toggle("tmg-media-poster-shown", this.media.type === "audio" || this.state.visible || !this.config.strict && this.media.status.ended);
+  }
+};
+__publicField(PosterPlug, "plugName", "poster");
+__publicField(PosterPlug, "BUILD", POSTER_BUILD);
+
+export {
+  PosterPlug
+};
+//# sourceMappingURL=chunk-LSKNTXY2.js.map

package/dist/chunk-LSKNTXY2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/poster/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\r\nimport type { PosterConfig, PosterState } from \"./types\";\r\nimport { POSTER_BUILD } from \"./build\";\r\nimport type { Controller } from \"@core/controller\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport type { REvent } from \"sia-reactor\";\r\nimport { createEl } from \"@utils/dom\";\r\n\r\nexport class PosterPlug extends BasePlug<PosterConfig, PosterState> {\r\n  public static readonly plugName = \"poster\";\r\n  public static readonly BUILD = POSTER_BUILD;\r\n  public element!: HTMLImageElement;\r\n\r\n  constructor(ctlr: Controller, config?: any) {\r\n    super(ctlr, config, { visible: true });\r\n  }\r\n\r\n  public override mount(): void {\r\n    // Variables Assignment\r\n    this.element = this.ctlr.syncImgLoadState(createEl(\"img\", { className: \"tmg-media-poster tmg-media-filtered tmg-media-object\", alt: \"Poster Image\" }));\r\n    // DOM Injection\r\n    this.ctlr.DOM.controlsContainer?.prepend(this.element);\r\n  }\r\n  public override unmount(): void {\r\n    this.element.remove();\r\n  }\r\n\r\n  public override wire(): void {\r\n    // State Listeners\r\n    this.state.on(\"visible\", this.syncView, { signal: this.signal });\r\n    // Ctlr Media Watchers\r\n    this.media.watch(\"tech\", () => ((this.media.features.poster ||= true), this.syncView()), { init: true, signal: this.signal });\r\n    // --------- Listeners\r\n    this.media.on(\"intent.poster\", this.handlePosterIntent, { capture: true, init: this.ctlr.payload.wired, initType: \"set\", signal: this.signal }); // #HIGHER-POWER: power arbitration\r\n    this.media.on(\"intent.src\", (e) => e.resolved && (this.state.visible = true), { signal: this.signal });\r\n    this.media.on(\"state.paused\", ({ value }) => !value && !this.config.strict && (this.state.visible = false), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"state.currentTime\", () => (this.config.strict || this.media.state.currentTime) && (this.state.visible = false), { init: this.ctlr.payload.wired, signal: this.signal }); // if strict, sets hides like html5, lightState Plug blocks\r\n    this.media.on(\"status.ended\", this.syncView, { signal: this.signal });\r\n    this.media.on(\"state.poster\", ({ value }) => (value ? (this.element.src = value) : this.element.removeAttribute(\"src\")), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // Post Wiring\r\n    super.wire();\r\n  }\r\n\r\n  protected handlePosterIntent(e: REvent<CtlrMedia, \"intent.poster\">): void {\r\n    if (e.resolved) return;\r\n    if (e.value) (this.element.dataset.loaded = \"false\"), (this.element.src = e.value); // start the load\r\n    this.media.state.poster = e.value;\r\n    e.resolve(this.name);\r\n  }\r\n\r\n  protected syncView(): void {\r\n    this.media.container.classList.toggle(\"tmg-media-poster-shown\", this.media.type === \"audio\" || this.state.visible || (!this.config.strict && this.media.status.ended));\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.poster\": typeof PosterPlug;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/config\" {\r\n  interface Settings {\r\n    poster: PosterConfig;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAQO,IAAM,aAAN,cAAyB,SAAoC;AAAA,EAKlE,YAAY,MAAkB,QAAc;AAC1C,UAAM,MAAM,QAAQ,EAAE,SAAS,KAAK,CAAC;AAHvC,wBAAO;AAAA,EAIP;AAAA,EAEgB,QAAc;AAE5B,SAAK,UAAU,KAAK,KAAK,iBAAiB,SAAS,OAAO,EAAE,WAAW,wDAAwD,KAAK,eAAe,CAAC,CAAC;AAErJ,SAAK,KAAK,IAAI,mBAAmB,QAAQ,KAAK,OAAO;AAAA,EACvD;AAAA,EACgB,UAAgB;AAC9B,SAAK,QAAQ,OAAO;AAAA,EACtB;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,WAAW,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE/D,SAAK,MAAM,MAAM,QAAQ,MAAG;AA/BhC;AA+BqC,wBAAK,MAAM,UAAS,WAApB,GAAoB,SAAW,OAAO,KAAK,SAAS;AAAA,OAAI,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAE5H,SAAK,MAAM,GAAG,iBAAiB,KAAK,oBAAoB,EAAE,SAAS,MAAM,MAAM,KAAK,KAAK,QAAQ,OAAO,UAAU,OAAO,QAAQ,KAAK,OAAO,CAAC;AAC9I,SAAK,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,aAAa,KAAK,MAAM,UAAU,OAAO,EAAE,QAAQ,KAAK,OAAO,CAAC;AACrG,SAAK,MAAM,GAAG,gBAAgB,CAAC,EAAE,MAAM,MAAM,CAAC,SAAS,CAAC,KAAK,OAAO,WAAW,KAAK,MAAM,UAAU,QAAQ,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAClK,SAAK,MAAM,GAAG,qBAAqB,OAAO,KAAK,OAAO,UAAU,KAAK,MAAM,MAAM,iBAAiB,KAAK,MAAM,UAAU,QAAQ,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AACrL,SAAK,MAAM,GAAG,gBAAgB,KAAK,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AACpE,SAAK,MAAM,GAAG,gBAAgB,CAAC,EAAE,MAAM,MAAO,QAAS,KAAK,QAAQ,MAAM,QAAS,KAAK,QAAQ,gBAAgB,KAAK,GAAI,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAE/K,UAAM,KAAK;AAAA,EACb;AAAA,EAEU,mBAAmB,GAA6C;AACxE,QAAI,EAAE,SAAU;AAChB,QAAI,EAAE,MAAO,CAAC,KAAK,QAAQ,QAAQ,SAAS,SAAW,KAAK,QAAQ,MAAM,EAAE;AAC5E,SAAK,MAAM,MAAM,SAAS,EAAE;AAC5B,MAAE,QAAQ,KAAK,IAAI;AAAA,EACrB;AAAA,EAEU,WAAiB;AACzB,SAAK,MAAM,UAAU,UAAU,OAAO,0BAA0B,KAAK,MAAM,SAAS,WAAW,KAAK,MAAM,WAAY,CAAC,KAAK,OAAO,UAAU,KAAK,MAAM,OAAO,KAAM;AAAA,EACvK;AACF;AA5CE,cADW,YACY,YAAW;AAClC,cAFW,YAEY,SAAQ;","names":[]}

package/dist/chunk-LTEL7NEG.js

@@ -0,0 +1,219 @@
+import {
+  RangeInput
+} from "./chunk-BLJDDFX2.js";
+import {
+  IS_MOBILE
+} from "./chunk-XGVDXMS3.js";
+import {
+  safeNum
+} from "./chunk-ZSB6HGB5.js";
+import {
+  getMediaMax,
+  getMediaProgress,
+  getMediaTime
+} from "./chunk-WSBH5QD6.js";
+import {
+  formatMediaTime
+} from "./chunk-YVCKIDL5.js";
+import {
+  createEl,
+  isBool,
+  requestAnimationFrame,
+  setTimeout2
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/timeline/index.ts
+import { silence } from "sia-reactor/modules";
+var Timeline = class extends RangeInput {
+  constructor(ctlr, config) {
+    super(ctlr, config);
+    __publicField(this, "chaptersWrapper");
+    __publicField(this, "previewContainer");
+    __publicField(this, "previewImg");
+    __publicField(this, "previewCanvas");
+    __publicField(this, "thumbnailImg");
+    __publicField(this, "thumbnailCanvas");
+    __publicField(this, "previewContext", null);
+    __publicField(this, "thumbnailContext", null);
+    __publicField(this, "wasPaused", false);
+    __publicField(this, "scrubbingId", -1);
+  }
+  get plug() {
+    return this.ctlr.plug("settings.time");
+  }
+  getProgress(time) {
+    return getMediaProgress(this.media, time);
+  }
+  getTime(percent) {
+    return getMediaTime(this.media, percent);
+  }
+  create() {
+    this.element = super.create();
+    this.el.dataset.controlId = this.name;
+    this.previewContainer = createEl("div", { className: "tmg-media-preview-container" });
+    this.previewImg = createEl("div", { className: "tmg-media-preview" });
+    this.previewCanvas = createEl("canvas", { className: "tmg-media-preview" });
+    this.previewContext = this.previewCanvas.getContext("2d", { alpha: false });
+    this.thumbnailImg = createEl("div", { className: "tmg-media-thumbnail tmg-media-filtered tmg-media-object" });
+    this.thumbnailCanvas = createEl("canvas", { className: "tmg-media-thumbnail tmg-media-filtered tmg-media-object" });
+    this.thumbnailContext = this.thumbnailCanvas.getContext("2d", { alpha: false });
+    this.el.classList.add("tmg-media-timeline-container"), this.barsWrapper.classList.add("tmg-media-timeline-bars-wrapper", "tmg-media-timeline"), this.thumbEl.classList.add("tmg-media-timeline-thumb");
+    this.previewContainer.append(this.previewImg, this.previewCanvas);
+    return this.el.append(this.previewContainer), this.el;
+  }
+  mount() {
+    this.ctlr.DOM.controlsContainer?.prepend(this.thumbnailImg, this.thumbnailCanvas);
+  }
+  wire() {
+    super.wire();
+    this.media.pseudoElement.addEventListener("timeupdate", this.syncCanvasPreviews, { signal: this.signal });
+    this.state.on("scrubbing", this.handleScrubbing, { signal: this.signal });
+    this.state.on("previewing", ({ value }) => value ? (this.media.container.classList.add("tmg-media-previewing"), this.clearCanvasPreviews()) : setTimeout2(() => this.media.container.classList.remove("tmg-media-previewing"), 0, this.signal), { signal: this.signal });
+    this.state.on("cancelScrub", ({ value }) => this.ctlr.plug("settings.notifiers")?.comp("cancelscrubnotifier")?.el.classList.toggle("tmg-media-control-active", value), { signal: this.signal });
+    this.config.on("previewValue", this.syncPreviewText, { init: true, signal: this.signal });
+    this.config.on("previews", this.handlePreviews, { init: true, signal: this.signal });
+    this.config.on("autopause", ({ value }) => [this.thumbnailCanvas, this.thumbnailImg].forEach((el) => el.classList.toggle("tmg-media-control-hidden", !value)), { init: true, signal: this.signal });
+    this.config.on("compact", ({ value }) => this.el.classList.toggle("tmg-media-control-compact", value), { init: true, signal: this.signal });
+    this.config.on("bufferMarks", () => this.syncMarks(this.config.marks, true), { init: true, signal: this.signal });
+    this.config.on("playedMarks", () => this.syncMarks(this.config.marks, true), { init: true, signal: this.signal });
+    this.media.on("state.paused", ({ value }) => !value ? this.ctlr.RAFLoop(`${this.config.label}Updating`, this.syncValue, this.signal) : this.ctlr.cancelRAFLoop(`${this.config.label}Updating`), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("state.currentTime", this.handleCurrentTime, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("intent.currentTime", this.handleCurrentTime, { signal: this.signal });
+    this.media.on("status.buffered", this.handleBufferedStatus, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("status.played", () => this.config.playedMarks && this.syncMarks(this.config.marks, true), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("status.duration", ({ value }) => this.el.ariaValueMax = String(Math.floor(value)), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("status.error", ({ value }) => value && this.syncChunks("buffer", 0), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("status.isLive", ({ value }) => this.config.readonly = value && !this.media.status.canSeekLive, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("status.canSeekLive", ({ value }) => this.config.readonly = !value && !!this.media.status.isLive, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("settings.metadata.chapterInfo", this.handleMetadataChapterInfoSetting, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.ctlr.config.on("settings.time.format", this.syncPreviewText, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.time.mode", this.syncPreviewText, { signal: this.signal });
+    this.ctlr.config.on("settings.css.currentObjectWidth", ({ value }) => this.thumbnailCanvas.width = parseInt(value), { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.css.currentObjectHeight", ({ value }) => this.thumbnailCanvas.height = parseInt(value), { init: true, signal: this.signal });
+  }
+  scrub(value, bypass) {
+    return super.scrub(value, bypass) ? (!bypass && (this.media.intent.currentTime = safeNum(this.getTime(value / 100))), true) : false;
+  }
+  handleCurrentTime({ target, rejectable, resolved }) {
+    if (this.state.scrubbing || rejectable && !resolved) return;
+    if (this.media.state.paused) this.syncValue(false, target.value);
+    this.el.ariaValueText = `${formatMediaTime({ time: target.value, format: "human-long" })} of ${formatMediaTime({ time: this.media.status.duration, format: "human-long" })}`;
+  }
+  // !a full embodiment for near native range perf but close enough
+  handleBufferedStatus({ value }) {
+    this.config.bufferMarks && this.syncMarks(this.config.marks, true);
+    for (let i = 0; i < value.length; i++) if (value.start(value.length - 1 - i) < this.media.state.currentTime) return void this.syncChunks("buffer", this.getPosValue(safeNum(value.end(value.length - 1 - i) / getMediaMax(this.media))));
+  }
+  syncValue(auto = true, value = this.media.state.currentTime) {
+    if (auto && !this.ctlr.state.mediaIntersecting) return;
+    if (!this.state.scrubbing) this.config.value = safeNum(this.getProgress(value)) * 100;
+  }
+  handleScrubbing({ value }) {
+    this.media.container.classList.toggle("tmg-media-scrubbing", value);
+    if (!value) {
+      this.config.autopause && silence(() => this.media.intent.paused = this.wasPaused);
+      cancelAnimationFrame(this.scrubbingId);
+      this.ctlr.plug("settings.notifiers")?.comp("scrubnotifier")?.inactive();
+    } else {
+      this.wasPaused = this.media.state.paused;
+      this.scrubbingId = requestAnimationFrame(() => {
+        this.config.autopause && silence(() => this.media.intent.paused = true);
+        IS_MOBILE && this.ctlr.plug("settings.notifiers")?.comp("scrubnotifier")?.active();
+      }, this.signal);
+      this.clearCanvasPreviews();
+    }
+  }
+  handlePreviews({ target }) {
+    const value = target.value === true ? {} : target.value;
+    this.media.container.classList.toggle("tmg-media-no-previews", !value || this.media.type !== "video");
+    if (!value || this.media.type !== "video") return void (this.media.container.dataset.previewType = "none");
+    const manual = value.address && (value.spf || value.cols && value.rows), type = manual ? value.cols && value.rows ? "sprite" : "image" : "canvas";
+    this.media.container.dataset.previewType = type;
+    if (type === "sprite" && value.address) this.settings.css.currentPreviewUrl = this.settings.css.currentThumbnailUrl = `url(${value.address})`;
+    else this.settings.css.currentPreviewPosition = this.settings.css.currentThumbnailPosition = "center";
+  }
+  handleMetadataChapterInfoSetting({ value }) {
+    if (!value || value.length < 2) return void (this.config.divs = []);
+    const divs = [];
+    for (let i = 0, len = value.length; i < len; i++) divs.push({ value: value[i].startTime / getMediaMax(this.media) * 100, label: value[i].title });
+    this.config.divs = divs;
+  }
+  stopScrubbing() {
+    if (!this.state.scrubbing) return;
+    if (!this.state.cancelScrub) this.media.intent.currentTime = this.getTime(this.config.value / 100);
+    super.stopScrubbing();
+  }
+  onInput(_e, pos) {
+    this.ctlr.throttle(
+      `${this.config.label}Previewing`,
+      () => {
+        this.syncElPos(this.previewContainer, !this.config.compact ? pos : 0.5, false, true);
+        const previews = this.config.previews, type = this.media.container.dataset.previewType;
+        if (type === "sprite" && previews && !isBool(previews) && previews.cols && previews.rows) {
+          const frameIndex = Math.floor(pos * getMediaMax(this.media) / (previews.spf || 1)) || 1, { cols, rows } = previews, clampedI = Math.min(frameIndex, cols * rows - 1), xPercent = clampedI % cols * 100 / (cols - 1 || 1), yPercent = Math.floor(clampedI / cols) * 100 / (rows - 1 || 1);
+          if (!this.config.compact) this.settings.css.currentPreviewPosition = `${xPercent}% ${yPercent}%`;
+          if (this.state.scrubbing && this.config.autopause) this.settings.css.currentThumbnailPosition = `${xPercent}% ${yPercent}%`;
+        } else if (type === "image" && previews && !isBool(previews) && previews.address) {
+          const frameIndex = Math.floor(pos * getMediaMax(this.media) / (previews.spf || 1)) || 1, url = `url(${previews.address.replace("$", String(frameIndex))})`;
+          if (!this.config.compact) this.settings.css.currentPreviewUrl = url;
+          if (this.state.scrubbing && this.config.autopause) this.settings.css.currentThumbnailUrl = url;
+        } else if (previews && !this.ctlr.state.frameReadyPromise) this.media.pseudoElement.currentTime = safeNum(this.getTime(pos));
+      },
+      30
+    );
+  }
+  syncPreviewText() {
+    if (this.plug) this.previewContainer.dataset.previewText = `${this.plug.toTimeText(this.getTime(this.config.previewValue / 100), true)}  ${this.getValueChunk(this.config.previewValue)?.label || ""}`.trim();
+  }
+  syncCanvasPreviews() {
+    if (!this.previewContext || !this.thumbnailContext || !this.media.status.loadedData || this.ctlr.state.frameReadyPromise || this.media.pseudoElement.readyState < 2) return;
+    this.ctlr.throttle(
+      "canvasPreviewSync",
+      () => {
+        this.previewCanvas.width = this.previewCanvas.clientWidth || this.previewCanvas.width;
+        this.previewCanvas.height = this.previewCanvas.clientHeight || this.previewCanvas.height;
+        if (!this.config.compact) this.previewContext.drawImage(this.media.pseudoElement, 0, 0, this.previewCanvas.width, this.previewCanvas.height);
+        if (this.state.scrubbing && this.config.autopause) this.thumbnailContext.drawImage(this.media.pseudoElement, 0, 0, this.thumbnailCanvas.width, this.thumbnailCanvas.height);
+      },
+      33
+    );
+  }
+  clearCanvasPreviews(bool = this.media.container.dataset.previewType === "canvas" && this.media.pseudoElement.readyState < 2) {
+    bool && (this.ctlr.setCanvasFallback(this.previewCanvas, this.previewContext), this.ctlr.setCanvasFallback(this.thumbnailCanvas, this.thumbnailContext));
+  }
+  syncDivs(divs = this.config.divs) {
+    super.syncDivs(divs);
+    for (let i = 0, len = this.chunks.length; i < len; i++) {
+      const c = this.chunks[i];
+      c.el.classList.add("tmg-media-timeline-chapter"), c.base.classList.add("tmg-media-timeline-base-bar", "tmg-media-timeline-bar"), c.preview.classList.add("tmg-media-timeline-preview-bar", "tmg-media-timeline-bar"), c.value.classList.add("tmg-media-timeline-played-bar", "tmg-media-timeline-bar");
+      c.el.insertBefore(c.buffer = createEl("div", { className: "tmg-media-range-bar tmg-media-buffered-bar tmg-media-timeline-buffered-bar tmg-media-timeline-bar" }), c.value);
+    }
+    this.handleBufferedStatus({ value: this.media.status.buffered });
+  }
+  syncMarks(marks = this.config.marks, extras = false) {
+    if (extras && !this.ctlr.payload.wired) return;
+    const agg = [...marks], buf = this.media.status.buffered, ply = this.media.status.played, max = getMediaMax(this.media) || 1;
+    if (this.config.bufferMarks)
+      for (let i = 0, len = buf.length; i < len; i++) {
+        const start = buf.start(i), end = buf.end(i);
+        agg.push({ start: start / max * 100, end: end / max * 100, label: `${formatMediaTime({ time: start })}${end > start + 1 ? ` - ${formatMediaTime({ time: end })}` : ""}  Loaded`, type: "buffered" });
+      }
+    if (this.config.playedMarks)
+      for (let i = 0, len = ply.length; i < len; i++) {
+        const start = ply.start(i), end = ply.end(i);
+        agg.push({ start: start / max * 100, end: end / max * 100, label: `${formatMediaTime({ time: start })}${end > start + 1 ? ` - ${formatMediaTime({ time: end })}` : ""}  Played`, type: "played" });
+      }
+    super.syncMarks(agg);
+  }
+};
+__publicField(Timeline, "componentName", "timeline");
+// enforced name
+__publicField(Timeline, "isControl", true);
+
+export {
+  Timeline
+};
+//# sourceMappingURL=chunk-LTEL7NEG.js.map

package/dist/chunk-LTEL7NEG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/timeline/index.ts"],"sourcesContent":["import { RangeInput, RangeInputDiv, type RangeState } from \"@components/rangeinput\";\r\nimport type { TimelineConfig } from \"./types\";\r\nimport type { Controller } from \"@core/controller\";\r\nimport type { REvent } from \"sia-reactor\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport { formatMediaTime } from \"@utils/time\";\r\nimport { IS_MOBILE } from \"@utils/env\";\r\nimport { getMediaMax, getMediaProgress, getMediaTime } from \"@utils/media\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { setTimeout, requestAnimationFrame } from \"@utils/fn\";\r\nimport { safeNum } from \"@utils/num\";\r\nimport { isBool } from \"@t007/utils\";\r\nimport { silence } from \"sia-reactor/modules\";\r\n\r\nexport class Timeline extends RangeInput<TimelineConfig> {\r\n  public static readonly componentName = \"timeline\"; // enforced name\r\n  public static readonly isControl: boolean = true;\r\n  public chaptersWrapper!: HTMLDivElement;\r\n  public previewContainer!: HTMLDivElement;\r\n  public previewImg!: HTMLDivElement;\r\n  public previewCanvas!: HTMLCanvasElement;\r\n  public thumbnailImg!: HTMLDivElement;\r\n  public thumbnailCanvas!: HTMLCanvasElement;\r\n  public previewContext: CanvasRenderingContext2D | null = null;\r\n  public thumbnailContext: CanvasRenderingContext2D | null = null;\r\n  protected wasPaused = false;\r\n  protected scrubbingId = -1;\r\n  protected get plug() {\r\n    return this.ctlr.plug(\"settings.time\");\r\n  }\r\n  protected getProgress(time: number) {\r\n    return getMediaProgress(this.media, time);\r\n  }\r\n  protected getTime(percent: number) {\r\n    return getMediaTime(this.media, percent);\r\n  }\r\n\r\n  constructor(ctlr: Controller, config?: Partial<TimelineConfig>) {\r\n    super(ctlr, config);\r\n  }\r\n\r\n  public override create() {\r\n    // Variables Assignments\r\n    this.element = super.create();\r\n    this.el.dataset.controlId = this.name;\r\n    this.previewContainer = createEl(\"div\", { className: \"tmg-media-preview-container\" });\r\n    this.previewImg = createEl(\"div\", { className: \"tmg-media-preview\" });\r\n    this.previewCanvas = createEl(\"canvas\", { className: \"tmg-media-preview\" });\r\n    this.previewContext = this.previewCanvas.getContext(\"2d\", { alpha: false });\r\n    this.thumbnailImg = createEl(\"div\", { className: \"tmg-media-thumbnail tmg-media-filtered tmg-media-object\" });\r\n    this.thumbnailCanvas = createEl(\"canvas\", { className: \"tmg-media-thumbnail tmg-media-filtered tmg-media-object\" });\r\n    this.thumbnailContext = this.thumbnailCanvas.getContext(\"2d\", { alpha: false });\r\n    // DOM Injection\r\n    this.el.classList.add(\"tmg-media-timeline-container\"), this.barsWrapper.classList.add(\"tmg-media-timeline-bars-wrapper\", \"tmg-media-timeline\"), this.thumbEl.classList.add(\"tmg-media-timeline-thumb\");\r\n    this.previewContainer.append(this.previewImg, this.previewCanvas);\r\n    return this.el.append(this.previewContainer), this.el; // parent handled element assignment\r\n  }\r\n\r\n  public override mount(): void {\r\n    // DOM Injection\r\n    this.ctlr.DOM.controlsContainer?.prepend(this.thumbnailImg, this.thumbnailCanvas);\r\n  }\r\n\r\n  public override wire(): void {\r\n    super.wire();\r\n    // Event Listeners\r\n    this.media.pseudoElement.addEventListener(\"timeupdate\", this.syncCanvasPreviews, { signal: this.signal });\r\n    // State Listeners\r\n    this.state.on(\"scrubbing\", this.handleScrubbing, { signal: this.signal });\r\n    this.state.on(\"previewing\", ({ value }) => (value ? (this.media.container.classList.add(\"tmg-media-previewing\"), this.clearCanvasPreviews()) : setTimeout(() => this.media.container.classList.remove(\"tmg-media-previewing\"), 0, this.signal)), { signal: this.signal });\r\n    this.state.on(\"cancelScrub\", ({ value }) => this.ctlr.plug(\"settings.notifiers\")?.comp(\"cancelscrubnotifier\")?.el.classList.toggle(\"tmg-media-control-active\", value), { signal: this.signal });\r\n    // Config --------\r\n    this.config.on(\"previewValue\", this.syncPreviewText, { init: true, signal: this.signal });\r\n    this.config.on(\"previews\", this.handlePreviews, { init: true, signal: this.signal });\r\n    this.config.on(\"autopause\", ({ value }) => [this.thumbnailCanvas, this.thumbnailImg].forEach((el) => el.classList.toggle(\"tmg-media-control-hidden\", !value)), { init: true, signal: this.signal });\r\n    this.config.on(\"compact\", ({ value }) => this.el.classList.toggle(\"tmg-media-control-compact\", value), { init: true, signal: this.signal });\r\n    this.config.on(\"bufferMarks\", () => this.syncMarks(this.config.marks, true), { init: true, signal: this.signal });\r\n    this.config.on(\"playedMarks\", () => this.syncMarks(this.config.marks, true), { init: true, signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.paused\", ({ value }) => (!value ? this.ctlr.RAFLoop(`${this.config.label}Updating`, this.syncValue, this.signal) : this.ctlr.cancelRAFLoop(`${this.config.label}Updating`)), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"state.currentTime\", this.handleCurrentTime, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"intent.currentTime\", this.handleCurrentTime, { signal: this.signal }); // #APPRENTICE: folklore embodiment\r\n    this.media.on(\"status.buffered\", this.handleBufferedStatus, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"status.played\", () => this.config.playedMarks && this.syncMarks(this.config.marks, true), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"status.duration\", ({ value }) => (this.el.ariaValueMax = String(Math.floor(value))), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"status.error\", ({ value }) => value && this.syncChunks(\"buffer\", 0), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"status.isLive\", ({ value }) => (this.config.readonly = value && !this.media.status.canSeekLive), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"status.canSeekLive\", ({ value }) => (this.config.readonly = !value && !!this.media.status.isLive), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"settings.metadata.chapterInfo\", this.handleMetadataChapterInfoSetting, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.time.format\", this.syncPreviewText, { init: true, signal: this.signal });\r\n    this.ctlr.config.on(\"settings.time.mode\", this.syncPreviewText, { signal: this.signal });\r\n    this.ctlr.config.on(\"settings.css.currentObjectWidth\", ({ value }) => (this.thumbnailCanvas.width = parseInt(value as string)), { init: true, signal: this.signal });\r\n    this.ctlr.config.on(\"settings.css.currentObjectHeight\", ({ value }) => (this.thumbnailCanvas.height = parseInt(value as string)), { init: true, signal: this.signal });\r\n  }\r\n  protected override scrub(value: number, bypass?: boolean): boolean {\r\n    return super.scrub(value, bypass) ? (!bypass && (this.media.intent.currentTime = safeNum(this.getTime(value / 100))), true) : false;\r\n  }\r\n\r\n  protected handleCurrentTime({ target, rejectable, resolved }: REvent<CtlrMedia, \"state.currentTime\" | \"intent.currentTime\">): void {\r\n    if (this.state.scrubbing || (rejectable && !resolved)) return; // shouldn't mind `.scrubbing`; it's binded to `intent.currentTime` but base class `.value` just renders faster\r\n    if (this.media.state.paused) this.syncValue(false, target.value);\r\n    this.el.ariaValueText = `${formatMediaTime({ time: target.value, format: \"human-long\" })} of ${formatMediaTime({ time: this.media.status.duration, format: \"human-long\" })}`;\r\n  } // !a full embodiment for near native range perf but close enough\r\n\r\n  protected handleBufferedStatus({ value }: REvent<CtlrMedia, \"status.buffered\">): void {\r\n    this.config.bufferMarks && this.syncMarks(this.config.marks, true);\r\n    for (let i = 0; i < value.length; i++) if (value.start(value.length - 1 - i) < this.media.state.currentTime) return void this.syncChunks(\"buffer\", this.getPosValue(safeNum(value.end(value.length - 1 - i) / getMediaMax(this.media))));\r\n  }\r\n\r\n  public syncValue(auto = true, value = this.media.state.currentTime): void {\r\n    if (auto && !this.ctlr.state.mediaIntersecting) return;\r\n    if (!this.state.scrubbing) this.config.value = safeNum(this.getProgress(value)) * 100; // (value / safeNum(this.media.status.duration, 60))\r\n  }\r\n\r\n  protected handleScrubbing({ value }: REvent<RangeState, \"scrubbing\">): void {\r\n    this.media.container.classList.toggle(\"tmg-media-scrubbing\", value);\r\n    if (!value) {\r\n      this.config.autopause && silence(() => (this.media.intent.paused = this.wasPaused));\r\n      cancelAnimationFrame(this.scrubbingId);\r\n      this.ctlr.plug(\"settings.notifiers\")?.comp(\"scrubnotifier\")?.inactive();\r\n    } else {\r\n      this.wasPaused = this.media.state.paused;\r\n      this.scrubbingId = requestAnimationFrame(() => {\r\n        this.config.autopause && silence(() => (this.media.intent.paused = true));\r\n        IS_MOBILE && this.ctlr.plug(\"settings.notifiers\")?.comp(\"scrubnotifier\")?.active();\r\n      }, this.signal);\r\n      this.clearCanvasPreviews();\r\n    }\r\n  }\r\n  protected handlePreviews({ target }: REvent<TimelineConfig, \"previews\">): void {\r\n    const value = target.value === true ? {} : target.value;\r\n    this.media.container.classList.toggle(\"tmg-media-no-previews\", !value || this.media.type !== \"video\");\r\n    if (!value || this.media.type !== \"video\") return void (this.media.container.dataset.previewType = \"none\");\r\n    const manual = value.address && (value.spf || (value.cols && value.rows)),\r\n      type = manual ? (value.cols && value.rows ? \"sprite\" : \"image\") : \"canvas\";\r\n    this.media.container.dataset.previewType = type;\r\n    if (type === \"sprite\" && value.address) this.settings.css.currentPreviewUrl = this.settings.css.currentThumbnailUrl = `url(${value.address})`;\r\n    else this.settings.css.currentPreviewPosition = this.settings.css.currentThumbnailPosition = \"center\";\r\n  }\r\n\r\n  protected handleMetadataChapterInfoSetting({ value }: REvent<CtlrMedia, \"settings.metadata.chapterInfo\">): void {\r\n    if (!value || value.length < 2) return void (this.config.divs = []);\r\n    const divs: RangeInputDiv[] = [];\r\n    for (let i = 0, len = value.length; i < len; i++) divs.push({ value: (value[i].startTime / getMediaMax(this.media)) * 100, label: value[i].title });\r\n    this.config.divs = divs;\r\n  }\r\n\r\n  public override stopScrubbing(): void {\r\n    if (!this.state.scrubbing) return;\r\n    if (!this.state.cancelScrub) this.media.intent.currentTime = this.getTime(this.config.value / 100);\r\n    super.stopScrubbing();\r\n  }\r\n\r\n  protected onInput(_e: MouseEvent | PointerEvent, pos: number): void {\r\n    this.ctlr.throttle(\r\n      `${this.config.label}Previewing`,\r\n      () => {\r\n        this.syncElPos(this.previewContainer, !this.config.compact ? pos : 0.5, false, true);\r\n        const previews = this.config.previews,\r\n          type = this.media.container.dataset.previewType;\r\n        if (type === \"sprite\" && previews && !isBool(previews) && previews.cols && previews.rows) {\r\n          const frameIndex = Math.floor((pos * getMediaMax(this.media)) / (previews.spf || 1)) || 1,\r\n            { cols, rows } = previews,\r\n            clampedI = Math.min(frameIndex, cols * rows - 1),\r\n            xPercent = ((clampedI % cols) * 100) / (cols - 1 || 1),\r\n            yPercent = (Math.floor(clampedI / cols) * 100) / (rows - 1 || 1);\r\n          if (!this.config.compact) this.settings.css.currentPreviewPosition = `${xPercent}% ${yPercent}%`;\r\n          if (this.state.scrubbing && this.config.autopause) this.settings.css.currentThumbnailPosition = `${xPercent}% ${yPercent}%`;\r\n        } else if (type === \"image\" && previews && !isBool(previews) && previews.address) {\r\n          const frameIndex = Math.floor((pos * getMediaMax(this.media)) / (previews.spf || 1)) || 1,\r\n            url = `url(${previews.address.replace(\"$\", String(frameIndex))})`;\r\n          if (!this.config.compact) this.settings.css.currentPreviewUrl = url;\r\n          if (this.state.scrubbing && this.config.autopause) this.settings.css.currentThumbnailUrl = url;\r\n        } else if (previews && !this.ctlr.state.frameReadyPromise) this.media.pseudoElement.currentTime = safeNum(this.getTime(pos));\r\n      },\r\n      30\r\n    );\r\n  }\r\n\r\n  public syncPreviewText(): void {\r\n    if (this.plug) this.previewContainer.dataset.previewText = `${this.plug.toTimeText(this.getTime(this.config.previewValue / 100), true)}  ${this.getValueChunk(this.config.previewValue)?.label || \"\"}`.trim();\r\n  }\r\n  public syncCanvasPreviews(): void {\r\n    if (!this.previewContext || !this.thumbnailContext || !this.media.status.loadedData || this.ctlr.state.frameReadyPromise || this.media.pseudoElement.readyState < 2) return;\r\n    this.ctlr.throttle(\r\n      \"canvasPreviewSync\",\r\n      () => {\r\n        this.previewCanvas.width = this.previewCanvas.clientWidth || this.previewCanvas.width;\r\n        this.previewCanvas.height = this.previewCanvas.clientHeight || this.previewCanvas.height;\r\n        if (!this.config.compact) this.previewContext!.drawImage(this.media.pseudoElement as HTMLVideoElement, 0, 0, this.previewCanvas.width, this.previewCanvas.height);\r\n        if (this.state.scrubbing && this.config.autopause) this.thumbnailContext!.drawImage(this.media.pseudoElement as HTMLVideoElement, 0, 0, this.thumbnailCanvas.width, this.thumbnailCanvas.height);\r\n      },\r\n      33\r\n    );\r\n  }\r\n  public clearCanvasPreviews(bool = this.media.container.dataset.previewType === \"canvas\" && this.media.pseudoElement.readyState < 2): void {\r\n    bool && (this.ctlr.setCanvasFallback(this.previewCanvas, this.previewContext), this.ctlr.setCanvasFallback(this.thumbnailCanvas, this.thumbnailContext));\r\n  }\r\n\r\n  protected override syncDivs(divs = this.config.divs): void {\r\n    super.syncDivs(divs);\r\n    for (let i = 0, len = this.chunks.length; i < len; i++) {\r\n      const c = this.chunks[i];\r\n      c.el.classList.add(\"tmg-media-timeline-chapter\"), c.base.classList.add(\"tmg-media-timeline-base-bar\", \"tmg-media-timeline-bar\"), c.preview.classList.add(\"tmg-media-timeline-preview-bar\", \"tmg-media-timeline-bar\"), c.value.classList.add(\"tmg-media-timeline-played-bar\", \"tmg-media-timeline-bar\");\r\n      c.el.insertBefore((c.buffer = createEl(\"div\", { className: \"tmg-media-range-bar tmg-media-buffered-bar tmg-media-timeline-buffered-bar tmg-media-timeline-bar\" })), c.value);\r\n    }\r\n    this.handleBufferedStatus({ value: this.media.status.buffered } as REvent<CtlrMedia, \"status.buffered\">);\r\n  }\r\n  protected override syncMarks(marks = this.config.marks, extras = false): void {\r\n    if (extras && !this.ctlr.payload.wired) return;\r\n    const agg = [...marks],\r\n      buf = this.media.status.buffered,\r\n      ply = this.media.status.played,\r\n      max = getMediaMax(this.media) || 1;\r\n    if (this.config.bufferMarks)\r\n      for (let i = 0, len = buf.length; i < len; i++) {\r\n        const start = buf.start(i),\r\n          end = buf.end(i);\r\n        agg.push({ start: (start / max) * 100, end: (end / max) * 100, label: `${formatMediaTime({ time: start })}${end > start + 1 ? ` - ${formatMediaTime({ time: end })}` : \"\"}  Loaded`, type: \"buffered\" });\r\n      }\r\n    if (this.config.playedMarks)\r\n      for (let i = 0, len = ply.length; i < len; i++) {\r\n        const start = ply.start(i),\r\n          end = ply.end(i);\r\n        agg.push({ start: (start / max) * 100, end: (end / max) * 100, label: `${formatMediaTime({ time: start })}${end > start + 1 ? ` - ${formatMediaTime({ time: end })}` : \"\"}  Played`, type: \"played\" });\r\n      }\r\n    super.syncMarks(agg); // all weightless logic\r\n  }\r\n}\r\n\r\nexport type * from \"./types\";\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    timeline: typeof Timeline;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}