tmg-media-player 0.0.1

package/dist/chunk-HYG6W442.js

@@ -0,0 +1,66 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  initScrollAssist,
+  removeScrollAssist
+} from "./chunk-HCSCY6DU.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/meta.ts
+var Meta = class extends BaseComponent {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "profile");
+    __publicField(this, "title");
+    __publicField(this, "artist");
+    __publicField(this, "scrollers", []);
+  }
+  create() {
+    this.element = createEl("div", { className: "tmg-media-meta-wrapper" }, { draggableControl: "", dragId: "wrapper", controlId: this.name });
+    const textsCover = createEl("div", { className: "tmg-media-meta-text-wrapper-cover" }), profileLink = createEl("a", { className: "tmg-media-profile-link" }), titleWrapper = createEl("div", { className: "tmg-media-title-wrapper" }), artistWrapper = createEl("div", { className: "tmg-media-artist-wrapper" });
+    this.ctlr.DOM.mediaProfile = this.profile = this.ctlr.syncImgLoadState(createEl("img", { alt: "Profile", className: "tmg-media-profile" }));
+    this.ctlr.DOM.mediaTitle = this.title = createEl("a", { className: "tmg-media-title tmg-media-meta-text" });
+    this.ctlr.DOM.mediaArtist = this.artist = createEl("a", { className: "tmg-media-artist tmg-media-meta-text" });
+    profileLink.append(this.profile), titleWrapper.append(this.title), artistWrapper.append(this.artist), textsCover.append(titleWrapper, artistWrapper);
+    return this.el.append(profileLink, textsCover), this.element;
+  }
+  wire() {
+    this.ctlr.config.on("settings.controlPanel.profile", this.syncProfile, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.controlPanel.title", this.syncTitle, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.controlPanel.artist", this.syncArtist, { init: true, signal: this.signal });
+    this.scrollers.push((initScrollAssist(this.title, { pxPerSecond: 60 }), this.title));
+    this.scrollers.push((initScrollAssist(this.artist, { pxPerSecond: 30 }), this.artist));
+  }
+  syncUI() {
+    this.syncProfile(), this.syncTitle(), this.syncArtist();
+  }
+  syncProfile() {
+    const profile = this.settings.controlPanel.profile;
+    if (profile !== true) this.profile.dataset.loaded = "false", this.profile.dataset.mediaProfile = this.profile.src = profile || "";
+  }
+  syncTitle() {
+    const title = this.settings.controlPanel.title;
+    if (title !== true) this.title.dataset.mediaTitle = this.title.textContent = title || "";
+  }
+  syncArtist() {
+    const artist = this.settings.controlPanel.artist;
+    if (artist !== true) this.artist.dataset.mediaArtist = this.artist.textContent = artist || "";
+  }
+  onDestroy() {
+    for (const el of this.scrollers) removeScrollAssist(el);
+    super.onDestroy();
+  }
+};
+__publicField(Meta, "componentName", "meta");
+__publicField(Meta, "isControl", true);
+
+export {
+  Meta
+};
+//# sourceMappingURL=chunk-HYG6W442.js.map

package/dist/chunk-HYG6W442.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/meta.ts"],"sourcesContent":["import { BaseComponent } from \"../base\";\r\nimport type { ComponentState } from \"../base\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { initScrollAssist, removeScrollAssist } from \"@t007/utils/hooks/vanilla\";\r\n\r\nexport type MetaConfig = undefined;\r\n\r\nexport class Meta extends BaseComponent<MetaConfig, ComponentState, HTMLDivElement> {\r\n  public static readonly componentName: string = \"meta\";\r\n  public static readonly isControl: boolean = true;\r\n  public profile!: HTMLImageElement;\r\n  public title!: HTMLAnchorElement;\r\n  public artist!: HTMLAnchorElement;\r\n  protected scrollers: HTMLElement[] = [];\r\n\r\n  public override create(): HTMLDivElement {\r\n    // Variables Assignment\r\n    this.element = createEl(\"div\", { className: \"tmg-media-meta-wrapper\" }, { draggableControl: \"\", dragId: \"wrapper\", controlId: this.name });\r\n    const textsCover = createEl(\"div\", { className: \"tmg-media-meta-text-wrapper-cover\" }),\r\n      profileLink = createEl(\"a\", { className: \"tmg-media-profile-link\" }),\r\n      titleWrapper = createEl(\"div\", { className: \"tmg-media-title-wrapper\" }),\r\n      artistWrapper = createEl(\"div\", { className: \"tmg-media-artist-wrapper\" });\r\n    this.ctlr.DOM.mediaProfile = this.profile = this.ctlr.syncImgLoadState(createEl(\"img\", { alt: \"Profile\", className: \"tmg-media-profile\" }));\r\n    this.ctlr.DOM.mediaTitle = this.title = createEl(\"a\", { className: \"tmg-media-title tmg-media-meta-text\" });\r\n    this.ctlr.DOM.mediaArtist = this.artist = createEl(\"a\", { className: \"tmg-media-artist tmg-media-meta-text\" });\r\n    // DOM Injection\r\n    profileLink.append(this.profile), titleWrapper.append(this.title), artistWrapper.append(this.artist), textsCover.append(titleWrapper, artistWrapper);\r\n    return this.el.append(profileLink, textsCover), this.element;\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Ctlr Config Listeners\r\n    this.ctlr.config.on(\"settings.controlPanel.profile\", this.syncProfile, { init: true, signal: this.signal });\r\n    this.ctlr.config.on(\"settings.controlPanel.title\", this.syncTitle, { init: true, signal: this.signal });\r\n    this.ctlr.config.on(\"settings.controlPanel.artist\", this.syncArtist, { init: true, signal: this.signal });\r\n    // Post Wiring\r\n    this.scrollers.push((initScrollAssist(this.title, { pxPerSecond: 60 }), this.title));\r\n    this.scrollers.push((initScrollAssist(this.artist, { pxPerSecond: 30 }), this.artist));\r\n  }\r\n\r\n  public syncUI(): void {\r\n    this.syncProfile(), this.syncTitle(), this.syncArtist();\r\n  }\r\n  public syncProfile(): void {\r\n    const profile = this.settings.controlPanel.profile;\r\n    if (profile !== true) (this.profile.dataset.loaded = \"false\"), (this.profile.dataset.mediaProfile = this.profile.src = profile || \"\");\r\n  }\r\n  public syncTitle(): void {\r\n    const title = this.settings.controlPanel.title;\r\n    if (title !== true) this.title.dataset.mediaTitle = this.title.textContent = title || \"\";\r\n  }\r\n  public syncArtist(): void {\r\n    const artist = this.settings.controlPanel.artist;\r\n    if (artist !== true) this.artist.dataset.mediaArtist = this.artist.textContent = artist || \"\";\r\n  }\r\n\r\n  protected override onDestroy(): void {\r\n    for (const el of this.scrollers) removeScrollAssist(el);\r\n    super.onDestroy();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    meta: typeof Meta;\r\n  }\r\n  interface ControllerDOMMap {\r\n    mediaProfile?: HTMLImageElement;\r\n    mediaTitle?: HTMLAnchorElement;\r\n    mediaArtist?: HTMLAnchorElement;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;AAOO,IAAM,OAAN,cAAmB,cAA0D;AAAA,EAA7E;AAAA;AAGL,wBAAO;AACP,wBAAO;AACP,wBAAO;AACP,wBAAU,aAA2B,CAAC;AAAA;AAAA,EAEtB,SAAyB;AAEvC,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,yBAAyB,GAAG,EAAE,kBAAkB,IAAI,QAAQ,WAAW,WAAW,KAAK,KAAK,CAAC;AACzI,UAAM,aAAa,SAAS,OAAO,EAAE,WAAW,oCAAoC,CAAC,GACnF,cAAc,SAAS,KAAK,EAAE,WAAW,yBAAyB,CAAC,GACnE,eAAe,SAAS,OAAO,EAAE,WAAW,0BAA0B,CAAC,GACvE,gBAAgB,SAAS,OAAO,EAAE,WAAW,2BAA2B,CAAC;AAC3E,SAAK,KAAK,IAAI,eAAe,KAAK,UAAU,KAAK,KAAK,iBAAiB,SAAS,OAAO,EAAE,KAAK,WAAW,WAAW,oBAAoB,CAAC,CAAC;AAC1I,SAAK,KAAK,IAAI,aAAa,KAAK,QAAQ,SAAS,KAAK,EAAE,WAAW,sCAAsC,CAAC;AAC1G,SAAK,KAAK,IAAI,cAAc,KAAK,SAAS,SAAS,KAAK,EAAE,WAAW,uCAAuC,CAAC;AAE7G,gBAAY,OAAO,KAAK,OAAO,GAAG,aAAa,OAAO,KAAK,KAAK,GAAG,cAAc,OAAO,KAAK,MAAM,GAAG,WAAW,OAAO,cAAc,aAAa;AACnJ,WAAO,KAAK,GAAG,OAAO,aAAa,UAAU,GAAG,KAAK;AAAA,EACvD;AAAA,EAEgB,OAAa;AAE3B,SAAK,KAAK,OAAO,GAAG,iCAAiC,KAAK,aAAa,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC1G,SAAK,KAAK,OAAO,GAAG,+BAA+B,KAAK,WAAW,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AACtG,SAAK,KAAK,OAAO,GAAG,gCAAgC,KAAK,YAAY,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAExG,SAAK,UAAU,MAAM,iBAAiB,KAAK,OAAO,EAAE,aAAa,GAAG,CAAC,GAAG,KAAK,MAAM;AACnF,SAAK,UAAU,MAAM,iBAAiB,KAAK,QAAQ,EAAE,aAAa,GAAG,CAAC,GAAG,KAAK,OAAO;AAAA,EACvF;AAAA,EAEO,SAAe;AACpB,SAAK,YAAY,GAAG,KAAK,UAAU,GAAG,KAAK,WAAW;AAAA,EACxD;AAAA,EACO,cAAoB;AACzB,UAAM,UAAU,KAAK,SAAS,aAAa;AAC3C,QAAI,YAAY,KAAM,CAAC,KAAK,QAAQ,QAAQ,SAAS,SAAW,KAAK,QAAQ,QAAQ,eAAe,KAAK,QAAQ,MAAM,WAAW;AAAA,EACpI;AAAA,EACO,YAAkB;AACvB,UAAM,QAAQ,KAAK,SAAS,aAAa;AACzC,QAAI,UAAU,KAAM,MAAK,MAAM,QAAQ,aAAa,KAAK,MAAM,cAAc,SAAS;AAAA,EACxF;AAAA,EACO,aAAmB;AACxB,UAAM,SAAS,KAAK,SAAS,aAAa;AAC1C,QAAI,WAAW,KAAM,MAAK,OAAO,QAAQ,cAAc,KAAK,OAAO,cAAc,UAAU;AAAA,EAC7F;AAAA,EAEmB,YAAkB;AACnC,eAAW,MAAM,KAAK,UAAW,oBAAmB,EAAE;AACtD,UAAM,UAAU;AAAA,EAClB;AACF;AApDE,cADW,MACY,iBAAwB;AAC/C,cAFW,MAEY,aAAqB;","names":[]}

package/dist/chunk-I3LBJOUW.js

@@ -0,0 +1,249 @@
+import {
+  tripletriangleleft
+} from "./chunk-NTNVW4BG.js";
+import {
+  tripletriangleright
+} from "./chunk-YF3LWJL4.js";
+import {
+  unlock
+} from "./chunk-TMTWPBFD.js";
+import {
+  videotrack
+} from "./chunk-QMLGJPHC.js";
+import {
+  volumehigh
+} from "./chunk-JRWYWTTT.js";
+import {
+  volumelow
+} from "./chunk-KOAHN3L5.js";
+import {
+  volumemuted
+} from "./chunk-EF7RQIJK.js";
+import {
+  removeminiplayer
+} from "./chunk-N2Q3TZXW.js";
+import {
+  replay
+} from "./chunk-YHTCXXEG.js";
+import {
+  returnback
+} from "./chunk-VCVMCKZI.js";
+import {
+  settings
+} from "./chunk-2J3FJY73.js";
+import {
+  shuffle
+} from "./chunk-OEHNS7YX.js";
+import {
+  subtitles
+} from "./chunk-D7JQDN74.js";
+import {
+  timer
+} from "./chunk-R4HNE7TL.js";
+import {
+  triangleleft
+} from "./chunk-HN2UT66M.js";
+import {
+  objectfitfill
+} from "./chunk-MJ26PFRF.js";
+import {
+  pause
+} from "./chunk-OOXUZMZ7.js";
+import {
+  pipplaceholder
+} from "./chunk-S2XKXJNC.js";
+import {
+  play
+} from "./chunk-K4UHBEDT.js";
+import {
+  playbackrate
+} from "./chunk-NGX5YDCB.js";
+import {
+  playlist
+} from "./chunk-KLAI7YSD.js";
+import {
+  prev
+} from "./chunk-M5DFGJF7.js";
+import {
+  quality
+} from "./chunk-PTMZQ7E3.js";
+import {
+  leavefullscreen
+} from "./chunk-IVA7LFT2.js";
+import {
+  leavepip
+} from "./chunk-3WHPH6Q5.js";
+import {
+  leavetheater
+} from "./chunk-2VOAIUTU.js";
+import {
+  lock
+} from "./chunk-R5PBXGKK.js";
+import {
+  loop
+} from "./chunk-OSDM6ZVT.js";
+import {
+  next
+} from "./chunk-MP2GRDUX.js";
+import {
+  objectfitcontain
+} from "./chunk-ZFCTBLWX.js";
+import {
+  objectfitcover
+} from "./chunk-27FHLV4M.js";
+import {
+  edit
+} from "./chunk-5GX67WSG.js";
+import {
+  enterfullscreen
+} from "./chunk-3OZEBWCF.js";
+import {
+  enterpip
+} from "./chunk-WQXLL5IV.js";
+import {
+  entertheater
+} from "./chunk-H24E5FRE.js";
+import {
+  expandminiplayer
+} from "./chunk-RKBRRJY6.js";
+import {
+  forward10
+} from "./chunk-PGSBJUJ4.js";
+import {
+  fullscreenorientation
+} from "./chunk-MUDO3ZPJ.js";
+import {
+  fwd
+} from "./chunk-XXYOJDOZ.js";
+import {
+  cast
+} from "./chunk-6S5BMP4A.js";
+import {
+  castplaceholder
+} from "./chunk-ATE4NMIF.js";
+import {
+  chapters
+} from "./chunk-2W5XWGGE.js";
+import {
+  configure
+} from "./chunk-NPK5ITEG.js";
+import {
+  deleteicon
+} from "./chunk-UJTVBENE.js";
+import {
+  doubletriangleleft
+} from "./chunk-GQ7ITX5B.js";
+import {
+  doubletriangleright
+} from "./chunk-EVUTNLHC.js";
+import {
+  dragindicator
+} from "./chunk-SITF6GNM.js";
+import {
+  autoplay
+} from "./chunk-WTHHXWQM.js";
+import {
+  backward10
+} from "./chunk-3KD22Z7D.js";
+import {
+  brightnessdark
+} from "./chunk-6IFGKHVM.js";
+import {
+  brightnesshigh
+} from "./chunk-5TJURBKV.js";
+import {
+  brightnesslow
+} from "./chunk-MAXX5M6N.js";
+import {
+  bwd
+} from "./chunk-PV24XKW2.js";
+import {
+  captions
+} from "./chunk-CTSPKWKN.js";
+import {
+  capture
+} from "./chunk-HA2GK6KH.js";
+import {
+  add
+} from "./chunk-ID72UAJE.js";
+import {
+  airplay
+} from "./chunk-JP5X5JDL.js";
+import {
+  airplayplaceholder
+} from "./chunk-7YDZDHZH.js";
+import {
+  ambience
+} from "./chunk-XHXIXEGS.js";
+import {
+  audiotrack
+} from "./chunk-OBQNTU5F.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+
+// src/ts/components/icons/z-register.ts
+IconRegistry.registerAll({
+  // Random Order
+  play,
+  pause,
+  replay,
+  prev,
+  next,
+  settings,
+  lock,
+  unlock,
+  enterfullscreen,
+  leavefullscreen,
+  enterpip,
+  leavepip,
+  expandminiplayer,
+  removeminiplayer,
+  capture,
+  cast,
+  airplay,
+  objectfitcontain,
+  objectfitcover,
+  objectfitfill,
+  volumehigh,
+  volumelow,
+  volumemuted,
+  brightnesshigh,
+  brightnesslow,
+  brightnessdark,
+  subtitles,
+  captions,
+  entertheater,
+  leavetheater,
+  fullscreenorientation,
+  returnback,
+  triangleleft,
+  doubletriangleleft,
+  doubletriangleright,
+  tripletriangleleft,
+  tripletriangleright,
+  fwd,
+  bwd,
+  forward10,
+  backward10,
+  pipplaceholder,
+  castplaceholder,
+  airplayplaceholder,
+  dragindicator,
+  delete: deleteicon,
+  playlist,
+  autoplay,
+  loop,
+  quality,
+  audiotrack,
+  videotrack,
+  chapters,
+  ambience,
+  playbackrate,
+  timer,
+  shuffle,
+  add,
+  configure,
+  edit
+});
+//# sourceMappingURL=chunk-I3LBJOUW.js.map

package/dist/chunk-I3LBJOUW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/z-register.ts"],"sourcesContent":["import { IconRegistry } from \"@core/registries\";\nimport { play } from \"./play\";\nimport { pause } from \"./pause\";\nimport { replay } from \"./replay\";\nimport { prev } from \"./prev\";\nimport { next } from \"./next\";\nimport { settings } from \"./settings\";\nimport { lock } from \"./lock\";\nimport { unlock } from \"./unlock\";\nimport { enterfullscreen } from \"./enterfullscreen\";\nimport { leavefullscreen } from \"./leavefullscreen\";\nimport { enterpip } from \"./enterpip\";\nimport { leavepip } from \"./leavepip\";\nimport { pipplaceholder } from \"./pipplaceholder\";\nimport { expandminiplayer } from \"./expandminiplayer\";\nimport { removeminiplayer } from \"./removeminiplayer\";\nimport { capture } from \"./capture\";\nimport { objectfitcontain } from \"./objectfitcontain\";\nimport { objectfitcover } from \"./objectfitcover\";\nimport { objectfitfill } from \"./objectfitfill\";\nimport { volumehigh } from \"./volumehigh\";\nimport { volumelow } from \"./volumelow\";\nimport { volumemuted } from \"./volumemuted\";\nimport { brightnesshigh } from \"./brightnesshigh\";\nimport { brightnesslow } from \"./brightnesslow\";\nimport { brightnessdark } from \"./brightnessdark\";\nimport { entertheater } from \"./entertheater\";\nimport { leavetheater } from \"./leavetheater\";\nimport { fullscreenorientation } from \"./fullscreenorientation\";\nimport { returnback } from \"./returnback\";\nimport { subtitles } from \"./subtitles\";\nimport { captions } from \"./captions\";\nimport { triangleleft } from \"./triangleleft\";\nimport { doubletriangleleft } from \"./doubletriangleleft\";\nimport { doubletriangleright } from \"./doubletriangleright\";\nimport { tripletriangleleft } from \"./tripletriangleleft\";\nimport { tripletriangleright } from \"./tripletriangleright\";\nimport { fwd } from \"./fwd\";\nimport { bwd } from \"./bwd\";\nimport { forward10 } from \"./forward10\";\nimport { backward10 } from \"./backward10\";\nimport { castplaceholder } from \"./castplaceholder\";\nimport { airplayplaceholder } from \"./airplayplaceholder\";\nimport { dragindicator } from \"./dragindicator\";\nimport { deleteicon } from \"./deleteicon\";\nimport { playlist } from \"./playlist\";\nimport { autoplay } from \"./autoplay\";\nimport { loop } from \"./loop\";\nimport { quality } from \"./quality\";\nimport { audiotrack } from \"./audiotrack\";\nimport { videotrack } from \"./videotrack\";\nimport { chapters } from \"./chapters\";\nimport { ambience } from \"./ambience\";\nimport { playbackrate } from \"./playbackrate\";\nimport { timer } from \"./timer\";\nimport { shuffle } from \"./shuffle\";\nimport { add } from \"./add\";\nimport { configure } from \"./configure\";\nimport { cast } from \"./cast\";\nimport { airplay } from \"./airplay\";\nimport { edit } from \"./edit\";\n\nIconRegistry.registerAll({\n  // Random Order\n  play,\n  pause,\n  replay,\n  prev,\n  next,\n  settings,\n  lock,\n  unlock,\n  enterfullscreen,\n  leavefullscreen,\n  enterpip,\n  leavepip,\n  expandminiplayer,\n  removeminiplayer,\n  capture,\n  cast,\n  airplay,\n  objectfitcontain,\n  objectfitcover,\n  objectfitfill,\n  volumehigh,\n  volumelow,\n  volumemuted,\n  brightnesshigh,\n  brightnesslow,\n  brightnessdark,\n  subtitles,\n  captions,\n  entertheater,\n  leavetheater,\n  fullscreenorientation,\n  returnback,\n  triangleleft,\n  doubletriangleleft,\n  doubletriangleright,\n  tripletriangleleft,\n  tripletriangleright,\n  fwd,\n  bwd,\n  forward10,\n  backward10,\n  pipplaceholder,\n  castplaceholder,\n  airplayplaceholder,\n  dragindicator,\n  delete: deleteicon,\n  playlist,\n  autoplay,\n  loop,\n  quality,\n  audiotrack,\n  videotrack,\n  chapters,\n  ambience,\n  playbackrate,\n  timer,\n  shuffle,\n  add,\n  configure,\n  edit,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,aAAa,YAAY;AAAA;AAAA,EAEvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;","names":[]}

package/dist/chunk-I47VPMZS.js

@@ -0,0 +1,40 @@
+import {
+  BasePin
+} from "./chunk-TB3GE2MH.js";
+import {
+  safeNum
+} from "./chunk-ZSB6HGB5.js";
+import {
+  getMediaMax,
+  getMediaMin,
+  getMediaTime
+} from "./chunk-WSBH5QD6.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/gesture/base.ts
+import { clamp } from "sia-reactor/utils";
+var GestureBasePin = class extends BasePin {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "nextTime", 0);
+  }
+  applyTimeline({ percent, sign, multiplier }) {
+    multiplier = +multiplier.toFixed(1);
+    percent = percent * multiplier;
+    const curr = safeNum(this.media.state.currentTime), change = safeNum(getMediaTime(this.media, percent)) * multiplier, next = curr + (sign === "+" ? change : -change), textEl = this.ctlr.plug("settings.notifiers")?.compEl("touchtimelinenotifier"), toText = this.ctlr.plug("settings.time")?.toTimeText;
+    this.nextTime = clamp(getMediaMin(this.media), next, getMediaMax(this.media));
+    if (textEl) textEl.textContent = `${sign}${toText?.(Math.abs(this.nextTime - curr))} (${toText?.(this.nextTime, true)}) ${multiplier < 1 ? `x${multiplier}` : ""}`;
+  }
+  applyRange(key, percent, sign) {
+    const range = this.settings[key], value = sign === "+" ? this.media.state[key] + percent * range.max : this.media.state[key] - percent * range.max;
+    this.ctlr.plug("settings." + key)?.handleSliderInput?.(clamp(0, Math.round(value), range.max));
+  }
+};
+__publicField(GestureBasePin, "plugName", "gesture");
+
+export {
+  GestureBasePin
+};
+//# sourceMappingURL=chunk-I47VPMZS.js.map

package/dist/chunk-I47VPMZS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/gesture/base.ts"],"sourcesContent":["import { clamp } from \"sia-reactor/utils\";\r\nimport { GesturePlug } from \".\";\r\nimport { safeNum } from \"@utils/num\";\r\nimport { BasePin } from \"../../base\";\r\nimport { getMediaMin, getMediaMax, getMediaTime } from \"@utils/media\";\r\n\r\nexport class GestureBasePin<Config> extends BasePin<GesturePlug, Config> {\r\n  public static readonly plugName = \"gesture\";\r\n  protected nextTime = 0;\r\n\r\n  protected applyTimeline({ percent, sign, multiplier }: { percent: number; sign: string; multiplier: number }): void {\r\n    multiplier = +multiplier.toFixed(1);\r\n    percent = percent * multiplier;\r\n    const curr = safeNum(this.media.state.currentTime),\r\n      change = safeNum(getMediaTime(this.media, percent)) * multiplier,\r\n      next = curr + (sign === \"+\" ? change : -change),\r\n      textEl = this.ctlr.plug(\"settings.notifiers\")?.compEl(\"touchtimelinenotifier\"),\r\n      toText = this.ctlr.plug(\"settings.time\")?.toTimeText;\r\n    this.nextTime = clamp(getMediaMin(this.media), next, getMediaMax(this.media));\r\n    if (textEl) textEl.textContent = `${sign}${toText?.(Math.abs(this.nextTime - curr))} (${toText?.(this.nextTime, true)}) ${multiplier < 1 ? `x${multiplier}` : \"\"}`;\r\n  }\r\n\r\n  protected applyRange(key: \"volume\" | \"brightness\", percent: number, sign: string): void {\r\n    const range = this.settings[key],\r\n      value = sign === \"+\" ? this.media.state[key] + percent * range.max : this.media.state[key] - percent * range.max;\r\n    this.ctlr.plug((\"settings.\" + key) as \"settings.volume\")?.handleSliderInput?.(clamp(0, Math.round(value), range.max));\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,SAAS,aAAa;AAMf,IAAM,iBAAN,cAAqC,QAA6B;AAAA,EAAlE;AAAA;AAEL,wBAAU,YAAW;AAAA;AAAA,EAEX,cAAc,EAAE,SAAS,MAAM,WAAW,GAAgE;AAClH,iBAAa,CAAC,WAAW,QAAQ,CAAC;AAClC,cAAU,UAAU;AACpB,UAAM,OAAO,QAAQ,KAAK,MAAM,MAAM,WAAW,GAC/C,SAAS,QAAQ,aAAa,KAAK,OAAO,OAAO,CAAC,IAAI,YACtD,OAAO,QAAQ,SAAS,MAAM,SAAS,CAAC,SACxC,SAAS,KAAK,KAAK,KAAK,oBAAoB,GAAG,OAAO,uBAAuB,GAC7E,SAAS,KAAK,KAAK,KAAK,eAAe,GAAG;AAC5C,SAAK,WAAW,MAAM,YAAY,KAAK,KAAK,GAAG,MAAM,YAAY,KAAK,KAAK,CAAC;AAC5E,QAAI,OAAQ,QAAO,cAAc,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,KAAK,WAAW,IAAI,CAAC,CAAC,KAAK,SAAS,KAAK,UAAU,IAAI,CAAC,KAAK,aAAa,IAAI,IAAI,UAAU,KAAK,EAAE;AAAA,EAClK;AAAA,EAEU,WAAW,KAA8B,SAAiB,MAAoB;AACtF,UAAM,QAAQ,KAAK,SAAS,GAAG,GAC7B,QAAQ,SAAS,MAAM,KAAK,MAAM,MAAM,GAAG,IAAI,UAAU,MAAM,MAAM,KAAK,MAAM,MAAM,GAAG,IAAI,UAAU,MAAM;AAC/G,SAAK,KAAK,KAAM,cAAc,GAAyB,GAAG,oBAAoB,MAAM,GAAG,KAAK,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC;AAAA,EACtH;AACF;AApBE,cADW,gBACY,YAAW;","names":[]}

package/dist/chunk-ID72UAJE.js

@@ -0,0 +1,7 @@
+// src/ts/components/icons/add.ts
+var add = `<svg viewBox="0 0 24 24" class="tmg-media-add-icon" stroke-width="1" stroke="currentColor"><path d="M20 12h-8v8h-1v-8H3v-1h8V3h1v8h8v1z"/></svg>`;
+
+export {
+  add
+};
+//# sourceMappingURL=chunk-ID72UAJE.js.map

package/dist/chunk-ID72UAJE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/add.ts"],"sourcesContent":["export const add = `<svg viewBox=\"0 0 24 24\" class=\"tmg-media-add-icon\" stroke-width=\"1\" stroke=\"currentColor\"><path d=\"M20 12h-8v8h-1v-8H3v-1h8V3h1v8h8v1z\"/></svg>`;\n\ndeclare module \"@defs/registries\" {\n  interface IconRegistryMap {\n    add: typeof add;\n  }\n}\n"],"mappings":";AAAO,IAAM,MAAM;","names":[]}

package/dist/chunk-IENUYESB.js

@@ -0,0 +1,33 @@
+// src/ts/plugs/menus/settings/locked.ts
+var getSettingsLockedMenu = (plug) => ({
+  id: "general",
+  label: "Advanced",
+  icon: "settings",
+  widget: "group",
+  getValue: () => "",
+  items: [
+    {
+      id: "locked",
+      label: "Lockable",
+      widget: "group",
+      getValue: () => plug.config.disabled ? "Off" : "On",
+      configPaths: ["settings.locked.disabled"],
+      tipHTML: "Configure whether the player can be locked to prevent accidental interactions.",
+      items: [
+        {
+          id: "lockedDisabled",
+          label: "Disable",
+          widget: "toggle",
+          getValue: () => plug.config.disabled ? "On" : "Off",
+          onChange: (val) => plug.config.disabled = val,
+          configPaths: ["settings.locked.disabled"]
+        }
+      ]
+    }
+  ]
+});
+
+export {
+  getSettingsLockedMenu
+};
+//# sourceMappingURL=chunk-IENUYESB.js.map

package/dist/chunk-IENUYESB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/locked.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport type { LockedPlug } from \"@plugs/settings/locked\";\n\nexport const getSettingsLockedMenu = (plug: LockedPlug): SettingsMenuItem => ({\n  id: \"general\",\n  label: \"Advanced\",\n  icon: \"settings\",\n  widget: \"group\",\n  getValue: () => \"\",\n  items: [\n    {\n      id: \"locked\",\n      label: \"Lockable\",\n      widget: \"group\",\n      getValue: () => (plug.config.disabled ? \"Off\" : \"On\"),\n      configPaths: [\"settings.locked.disabled\"],\n      tipHTML: \"Configure whether the player can be locked to prevent accidental interactions.\",\n      items: [\n        {\n          id: \"lockedDisabled\",\n          label: \"Disable\",\n          widget: \"toggle\",\n          getValue: () => (plug.config.disabled ? \"On\" : \"Off\"),\n          onChange: (val: boolean) => (plug.config.disabled = val),\n          configPaths: [\"settings.locked.disabled\"],\n        },\n      ],\n    },\n  ],\n});\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.locked\": typeof getSettingsLockedMenu;\n  }\n}\n"],"mappings":";AAGO,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,UAAU,MAAO,KAAK,OAAO,WAAW,QAAQ;AAAA,MAChD,aAAa,CAAC,0BAA0B;AAAA,MACxC,SAAS;AAAA,MACT,OAAO;AAAA,QACL;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU,MAAO,KAAK,OAAO,WAAW,OAAO;AAAA,UAC/C,UAAU,CAAC,QAAkB,KAAK,OAAO,WAAW;AAAA,UACpD,aAAa,CAAC,0BAA0B;AAAA,QAC1C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-IFYBKLFH.js

@@ -0,0 +1,15 @@
+// src/ts/plugs/settings/toasts/build.ts
+var TOASTS_BUILD = {
+  disabled: false,
+  limit: 7,
+  position: "bottom-left",
+  hideProgressBar: true,
+  closeButton: false,
+  animation: "slide-up",
+  dragToCloseDir: "x||y"
+};
+
+export {
+  TOASTS_BUILD
+};
+//# sourceMappingURL=chunk-IFYBKLFH.js.map

package/dist/chunk-IFYBKLFH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/toasts/build.ts"],"sourcesContent":["import { ToastsConfig } from \"./types\";\r\n\r\nexport const TOASTS_BUILD = {\r\n  disabled: false,\r\n  limit: 7,\r\n  position: \"bottom-left\",\r\n  hideProgressBar: true,\r\n  closeButton: false,\r\n  animation: \"slide-up\",\r\n  dragToCloseDir: \"x||y\",\r\n} satisfies ToastsConfig;\r\n"],"mappings":";AAEO,IAAM,eAAe;AAAA,EAC1B,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,gBAAgB;AAClB;","names":[]}

package/dist/chunk-IJJ4F6HI.js

@@ -0,0 +1,105 @@
+import {
+  SKELETON_BUILD
+} from "./chunk-OZEEIRCS.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  IS_MOBILE
+} from "./chunk-XGVDXMS3.js";
+import {
+  IconRegistry,
+  MenuRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  assignEl,
+  capitalize
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/main/skeleton/index.ts
+var SkeletonPlug = class extends BasePlug {
+  mount() {
+    assignEl(this.media.container, { role: "region", ariaLabel: `${capitalize(this.media.type)} Player`, className: `tmg-${this.media.type}-container tmg-media-container tmg-host-container${IS_MOBILE ? " tmg-media-mobile" : ""}${this.media.state.paused ? " tmg-media-paused" : ""}` }, { trackKind: "captions", volumeLevel: "muted", brightnessLevel: "dark", objectFit: "contain" });
+    assignEl(this.media.pseudoContainer, { role: "status", className: `tmg-pseudo-${this.media.type}-container tmg-pseudo-media-container tmg-host-container` });
+    assignEl(this.media.pseudoElement, { ariaHidden: "true", className: `tmg-pseudo-${this.media.type} tmg-pseudo-media tmg-host`, muted: true, autoplay: false });
+    this.media.pseudoContainer.appendChild(this.media.pseudoElement);
+    this.media.element.parentElement?.insertBefore(this.media.container, this.media.element);
+    this.injectInterface(), this.ctlr.DOM.containerContent?.prepend(this.media.element);
+  }
+  unmount() {
+    if (this.media.pseudoElement.isConnected) this.media.element.isConnected && this.leavePseudoMode(true), this.media.container.remove();
+    else if (this.media.element.isConnected) this.media.container.parentElement?.replaceChild(this.media.element, this.media.container);
+  }
+  wire() {
+    this.media.on("state.paused", this.handlePaused, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("state.poster", ({ value }) => this.settings.css.currentPosterUrl = `url(${value})`, { signal: this.signal });
+    this.media.on("status.ended", ({ value }) => this.media.container.classList.toggle("tmg-media-replay", value), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("status.waiting", ({ value }) => this.media.container.classList.toggle("tmg-media-buffering", value), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("status.loadedMetadata", this.handleLoadedMetadataStatus, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.ctlr.state.on("readyState", () => this.media.container.dataset.readyTier = "x".repeat(this.ctlr.state.readyState), { init: this.ctlr.payload.wired, signal: this.signal });
+    const menu = this.ctlr.plug("settings.settingsView")?.menu;
+    menu?.register(MenuRegistry.get("main.skeleton")?.(this.ctlr));
+    menu?.register(MenuRegistry.get("settings.actions")?.(this.ctlr));
+    super.wire();
+  }
+  injectInterface() {
+    !this.ctlr.queryDOM(".tmg-media-container-content-wrapper") && this.media.container.insertAdjacentHTML(
+      "beforeend",
+      `<div class="tmg-media-container-content-wrapper">
+          <div class="tmg-media-container-content">
+            <div class="tmg-media-controls-container">
+              <div class="tmg-media-curtain tmg-media-top-curtain"></div><div class="tmg-media-curtain tmg-media-bottom-curtain"></div><div class="tmg-media-curtain tmg-media-cover-curtain"></div>
+            </div>
+          </div>
+          <div class="tmg-media-settings" inert>
+            <div class="tmg-media-settings-content">
+              <div class="tmg-media-settings-top-panel"><button type="button" class="tmg-media-settings-close-btn">${IconRegistry.get("returnback")}<span>Close Settings</span></button></div>
+              <div class="tmg-media-settings-bottom-panel"><p>More Settings Coming Soon!</p></div>
+            </div>
+          </div>
+        </div>`
+    );
+    this.ctlr.DOM.containerContentWrapper = this.ctlr.queryDOM(".tmg-media-container-content-wrapper");
+    this.ctlr.DOM.containerContent = this.ctlr.queryDOM(".tmg-media-container-content");
+    this.ctlr.DOM.controlsContainer = this.ctlr.queryDOM(".tmg-media-controls-container");
+    this.ctlr.DOM.settings = this.ctlr.queryDOM(".tmg-media-settings");
+    this.ctlr.DOM.settingsContent = this.ctlr.queryDOM(".tmg-media-settings-content");
+    this.ctlr.DOM.settingsTopPanel = this.ctlr.queryDOM(".tmg-media-settings-top-panel");
+    this.ctlr.DOM.settingsBottomPanel = this.ctlr.queryDOM(".tmg-media-settings-bottom-panel");
+  }
+  handlePaused({ value, rejectable, resolved }) {
+    if (rejectable && !resolved) return;
+    if (!rejectable && !value && this.config.autoPauseAll) for (const media of document.querySelectorAll("video, audio")) media !== this.media.element && !media.paused && media.pause();
+    this.media.container.classList.toggle("tmg-media-paused", value);
+  }
+  handleLoadedMetadataStatus({ value }) {
+    if (!value) return;
+    this.media.pseudoElement.src = this.media.element.currentSrc;
+    this.media.pseudoElement.crossOrigin = this.media.element.crossOrigin;
+  }
+  enterPseudoMode() {
+    this.media.pseudoElement.id = this.media.element.id, this.media.element.id = "";
+    this.media.pseudoElement.className += " " + this.media.element.className.replace(/tmg-media|tmg-video|tmg-audio|tmg-host/g, "");
+    this.media.pseudoContainer.className += " " + this.media.container.className.replace(/tmg-media-container|tmg-video-container|tmg-audio-container|tmg-host-container/g, "");
+    this.media.container.parentElement?.insertBefore(this.media.pseudoContainer, this.media.container);
+    document.body.append(this.media.container);
+  }
+  leavePseudoMode(destroy = false) {
+    this.media.element.id = this.media.pseudoElement.id, this.media.pseudoElement.id = "";
+    this.media.pseudoElement.className = `tmg-pseudo-${this.media.type} tmg-pseudo-media tmg-host`;
+    this.media.pseudoContainer.className = `tmg-pseudo-${this.media.type}-container tmg-pseudo-media-container tmg-host-container`;
+    this.media.pseudoContainer.parentElement?.replaceChild(destroy ? this.media.element : this.media.container, this.media.pseudoContainer);
+  }
+};
+__publicField(SkeletonPlug, "plugName", "skeleton");
+__publicField(SkeletonPlug, "BUILD", SKELETON_BUILD);
+__publicField(SkeletonPlug, "isCore", true);
+__publicField(SkeletonPlug, "isMain", true);
+
+export {
+  SkeletonPlug
+};
+//# sourceMappingURL=chunk-IJJ4F6HI.js.map

package/dist/chunk-IJJ4F6HI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/main/skeleton/index.ts"],"sourcesContent":["import { BasePlug } from \"../../base\";\r\nimport type { SkeletonConfig } from \"./types\";\r\nimport { SKELETON_BUILD } from \"./build\";\r\nimport type { REvent } from \"sia-reactor\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport { assignEl } from \"@utils/dom\";\r\nimport { capitalize } from \"@utils/str\";\r\nimport { IS_MOBILE } from \"@utils/env\";\r\nimport { IconRegistry, MenuRegistry } from \"@core/registries\";\r\n\r\nexport class SkeletonPlug extends BasePlug<SkeletonConfig> {\r\n  public static readonly plugName = \"skeleton\";\r\n  public static readonly BUILD = SKELETON_BUILD;\r\n  public static readonly isCore: boolean = true;\r\n  public static readonly isMain: boolean = true;\r\n\r\n  public override mount(): void {\r\n    // Properties Assignment\r\n    assignEl(this.media.container, { role: \"region\", ariaLabel: `${capitalize(this.media.type)} Player`, className: `tmg-${this.media.type}-container tmg-media-container tmg-host-container${IS_MOBILE ? \" tmg-media-mobile\" : \"\"}${this.media.state.paused ? \" tmg-media-paused\" : \"\"}` }, { trackKind: \"captions\", volumeLevel: \"muted\", brightnessLevel: \"dark\", objectFit: \"contain\" });\r\n    assignEl(this.media.pseudoContainer, { role: \"status\", className: `tmg-pseudo-${this.media.type}-container tmg-pseudo-media-container tmg-host-container` });\r\n    assignEl(this.media.pseudoElement, { ariaHidden: \"true\", className: `tmg-pseudo-${this.media.type} tmg-pseudo-media tmg-host`, muted: true, autoplay: false });\r\n    // DOM Injection\r\n    this.media.pseudoContainer.appendChild(this.media.pseudoElement);\r\n    this.media.element.parentElement?.insertBefore(this.media.container, this.media.element);\r\n    this.injectInterface(), this.ctlr.DOM.containerContent?.prepend(this.media.element);\r\n  }\r\n  public override unmount(): void {\r\n    if (this.media.pseudoElement.isConnected) this.media.element.isConnected && this.leavePseudoMode(true), this.media.container.remove();\r\n    else if (this.media.element.isConnected) this.media.container.parentElement?.replaceChild(this.media.element, this.media.container);\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.paused\", this.handlePaused, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // this.media.on(\"intent.paused\", this.handlePaused, { signal: this.signal }); // #APPRENTICE: folklore embodiment\r\n    this.media.on(\"state.poster\", ({ value }) => (this.settings.css.currentPosterUrl = `url(${value})`), { signal: this.signal });\r\n    this.media.on(\"status.ended\", ({ value }) => this.media.container.classList.toggle(\"tmg-media-replay\", value), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"status.waiting\", ({ value }) => this.media.container.classList.toggle(\"tmg-media-buffering\", value), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"status.loadedMetadata\", this.handleLoadedMetadataStatus, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // ---- State --------\r\n    this.ctlr.state.on(\"readyState\", () => (this.media.container.dataset.readyTier = \"x\".repeat(this.ctlr.state.readyState)), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // Post Wiring\r\n    const menu = this.ctlr.plug(\"settings.settingsView\")?.menu;\r\n    menu?.register(MenuRegistry.get(\"main.skeleton\")?.(this.ctlr));\r\n    menu?.register(MenuRegistry.get(\"settings.actions\")?.(this.ctlr));\r\n    super.wire();\r\n  }\r\n\r\n  protected injectInterface(): void {\r\n    !this.ctlr.queryDOM(\".tmg-media-container-content-wrapper\") &&\r\n      this.media.container.insertAdjacentHTML(\r\n        \"beforeend\",\r\n        `<div class=\"tmg-media-container-content-wrapper\">\r\n          <div class=\"tmg-media-container-content\">\r\n            <div class=\"tmg-media-controls-container\">\r\n              <div class=\"tmg-media-curtain tmg-media-top-curtain\"></div><div class=\"tmg-media-curtain tmg-media-bottom-curtain\"></div><div class=\"tmg-media-curtain tmg-media-cover-curtain\"></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"tmg-media-settings\" inert>\r\n            <div class=\"tmg-media-settings-content\">\r\n              <div class=\"tmg-media-settings-top-panel\"><button type=\"button\" class=\"tmg-media-settings-close-btn\">${IconRegistry.get(\"returnback\")}<span>Close Settings</span></button></div>\r\n              <div class=\"tmg-media-settings-bottom-panel\"><p>More Settings Coming Soon!</p></div>\r\n            </div>\r\n          </div>\r\n        </div>`\r\n      );\r\n    this.ctlr.DOM.containerContentWrapper = this.ctlr.queryDOM(\".tmg-media-container-content-wrapper\");\r\n    this.ctlr.DOM.containerContent = this.ctlr.queryDOM(\".tmg-media-container-content\");\r\n    this.ctlr.DOM.controlsContainer = this.ctlr.queryDOM(\".tmg-media-controls-container\");\r\n    this.ctlr.DOM.settings = this.ctlr.queryDOM(\".tmg-media-settings\");\r\n    this.ctlr.DOM.settingsContent = this.ctlr.queryDOM(\".tmg-media-settings-content\");\r\n    this.ctlr.DOM.settingsTopPanel = this.ctlr.queryDOM(\".tmg-media-settings-top-panel\");\r\n    this.ctlr.DOM.settingsBottomPanel = this.ctlr.queryDOM(\".tmg-media-settings-bottom-panel\");\r\n  }\r\n\r\n  protected handlePaused({ value, rejectable, resolved }: REvent<CtlrMedia, \"state.paused\" | \"intent.paused\">): void {\r\n    if (rejectable && !resolved) return;\r\n    if (!rejectable && !value && this.config.autoPauseAll) for (const media of document.querySelectorAll<HTMLMediaElement>(\"video, audio\")) media !== this.media.element && !media.paused && media.pause();\r\n    this.media.container.classList.toggle(\"tmg-media-paused\", value);\r\n  }\r\n\r\n  protected handleLoadedMetadataStatus({ value }: REvent<CtlrMedia, \"status.loadedMetadata\">): void {\r\n    if (!value) return;\r\n    this.media.pseudoElement.src = this.media.element.currentSrc;\r\n    this.media.pseudoElement.crossOrigin = this.media.element.crossOrigin;\r\n  }\r\n\r\n  public enterPseudoMode(): void {\r\n    (this.media.pseudoElement.id = this.media.element.id), (this.media.element.id = \"\");\r\n    this.media.pseudoElement.className += \" \" + this.media.element.className.replace(/tmg-media|tmg-video|tmg-audio|tmg-host/g, \"\");\r\n    this.media.pseudoContainer.className += \" \" + this.media.container.className.replace(/tmg-media-container|tmg-video-container|tmg-audio-container|tmg-host-container/g, \"\");\r\n    this.media.container.parentElement?.insertBefore(this.media.pseudoContainer, this.media.container);\r\n    document.body.append(this.media.container);\r\n  }\r\n\r\n  public leavePseudoMode(destroy = false): void {\r\n    (this.media.element.id = this.media.pseudoElement.id), (this.media.pseudoElement.id = \"\");\r\n    this.media.pseudoElement.className = `tmg-pseudo-${this.media.type} tmg-pseudo-media tmg-host`;\r\n    this.media.pseudoContainer.className = `tmg-pseudo-${this.media.type}-container tmg-pseudo-media-container tmg-host-container`;\r\n    this.media.pseudoContainer.parentElement?.replaceChild(destroy ? this.media.element : this.media.container, this.media.pseudoContainer);\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    skeleton: typeof SkeletonPlug;\r\n  }\r\n  interface ControllerDOMMap {\r\n    containerContentWrapper?: HTMLDivElement | null;\r\n    containerContent?: HTMLDivElement | null;\r\n    controlsContainer?: HTMLDivElement | null;\r\n    settings?: HTMLDivElement | null;\r\n    settingsContent?: HTMLDivElement | null;\r\n    settingsTopPanel?: HTMLDivElement | null;\r\n    settingsBottomPanel?: HTMLDivElement | null;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUO,IAAM,eAAN,cAA2B,SAAyB;AAAA,EAMzC,QAAc;AAE5B,aAAS,KAAK,MAAM,WAAW,EAAE,MAAM,UAAU,WAAW,GAAG,WAAW,KAAK,MAAM,IAAI,CAAC,WAAW,WAAW,OAAO,KAAK,MAAM,IAAI,oDAAoD,YAAY,sBAAsB,EAAE,GAAG,KAAK,MAAM,MAAM,SAAS,sBAAsB,EAAE,GAAG,GAAG,EAAE,WAAW,YAAY,aAAa,SAAS,iBAAiB,QAAQ,WAAW,UAAU,CAAC;AACvX,aAAS,KAAK,MAAM,iBAAiB,EAAE,MAAM,UAAU,WAAW,cAAc,KAAK,MAAM,IAAI,2DAA2D,CAAC;AAC3J,aAAS,KAAK,MAAM,eAAe,EAAE,YAAY,QAAQ,WAAW,cAAc,KAAK,MAAM,IAAI,8BAA8B,OAAO,MAAM,UAAU,MAAM,CAAC;AAE7J,SAAK,MAAM,gBAAgB,YAAY,KAAK,MAAM,aAAa;AAC/D,SAAK,MAAM,QAAQ,eAAe,aAAa,KAAK,MAAM,WAAW,KAAK,MAAM,OAAO;AACvF,SAAK,gBAAgB,GAAG,KAAK,KAAK,IAAI,kBAAkB,QAAQ,KAAK,MAAM,OAAO;AAAA,EACpF;AAAA,EACgB,UAAgB;AAC9B,QAAI,KAAK,MAAM,cAAc,YAAa,MAAK,MAAM,QAAQ,eAAe,KAAK,gBAAgB,IAAI,GAAG,KAAK,MAAM,UAAU,OAAO;AAAA,aAC3H,KAAK,MAAM,QAAQ,YAAa,MAAK,MAAM,UAAU,eAAe,aAAa,KAAK,MAAM,SAAS,KAAK,MAAM,SAAS;AAAA,EACpI;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,gBAAgB,KAAK,cAAc,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEvG,SAAK,MAAM,GAAG,gBAAgB,CAAC,EAAE,MAAM,MAAO,KAAK,SAAS,IAAI,mBAAmB,OAAO,KAAK,KAAM,EAAE,QAAQ,KAAK,OAAO,CAAC;AAC5H,SAAK,MAAM,GAAG,gBAAgB,CAAC,EAAE,MAAM,MAAM,KAAK,MAAM,UAAU,UAAU,OAAO,oBAAoB,KAAK,GAAG,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AACrK,SAAK,MAAM,GAAG,kBAAkB,CAAC,EAAE,MAAM,MAAM,KAAK,MAAM,UAAU,UAAU,OAAO,uBAAuB,KAAK,GAAG,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAC1K,SAAK,MAAM,GAAG,yBAAyB,KAAK,4BAA4B,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAE9H,SAAK,KAAK,MAAM,GAAG,cAAc,MAAO,KAAK,MAAM,UAAU,QAAQ,YAAY,IAAI,OAAO,KAAK,KAAK,MAAM,UAAU,GAAI,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEhL,UAAM,OAAO,KAAK,KAAK,KAAK,uBAAuB,GAAG;AACtD,UAAM,SAAS,aAAa,IAAI,eAAe,IAAI,KAAK,IAAI,CAAC;AAC7D,UAAM,SAAS,aAAa,IAAI,kBAAkB,IAAI,KAAK,IAAI,CAAC;AAChE,UAAM,KAAK;AAAA,EACb;AAAA,EAEU,kBAAwB;AAChC,KAAC,KAAK,KAAK,SAAS,sCAAsC,KACxD,KAAK,MAAM,UAAU;AAAA,MACnB;AAAA,MACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qHAQ6G,aAAa,IAAI,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAK7I;AACF,SAAK,KAAK,IAAI,0BAA0B,KAAK,KAAK,SAAS,sCAAsC;AACjG,SAAK,KAAK,IAAI,mBAAmB,KAAK,KAAK,SAAS,8BAA8B;AAClF,SAAK,KAAK,IAAI,oBAAoB,KAAK,KAAK,SAAS,+BAA+B;AACpF,SAAK,KAAK,IAAI,WAAW,KAAK,KAAK,SAAS,qBAAqB;AACjE,SAAK,KAAK,IAAI,kBAAkB,KAAK,KAAK,SAAS,6BAA6B;AAChF,SAAK,KAAK,IAAI,mBAAmB,KAAK,KAAK,SAAS,+BAA+B;AACnF,SAAK,KAAK,IAAI,sBAAsB,KAAK,KAAK,SAAS,kCAAkC;AAAA,EAC3F;AAAA,EAEU,aAAa,EAAE,OAAO,YAAY,SAAS,GAA8D;AACjH,QAAI,cAAc,CAAC,SAAU;AAC7B,QAAI,CAAC,cAAc,CAAC,SAAS,KAAK,OAAO,aAAc,YAAW,SAAS,SAAS,iBAAmC,cAAc,EAAG,WAAU,KAAK,MAAM,WAAW,CAAC,MAAM,UAAU,MAAM,MAAM;AACrM,SAAK,MAAM,UAAU,UAAU,OAAO,oBAAoB,KAAK;AAAA,EACjE;AAAA,EAEU,2BAA2B,EAAE,MAAM,GAAqD;AAChG,QAAI,CAAC,MAAO;AACZ,SAAK,MAAM,cAAc,MAAM,KAAK,MAAM,QAAQ;AAClD,SAAK,MAAM,cAAc,cAAc,KAAK,MAAM,QAAQ;AAAA,EAC5D;AAAA,EAEO,kBAAwB;AAC7B,IAAC,KAAK,MAAM,cAAc,KAAK,KAAK,MAAM,QAAQ,IAAM,KAAK,MAAM,QAAQ,KAAK;AAChF,SAAK,MAAM,cAAc,aAAa,MAAM,KAAK,MAAM,QAAQ,UAAU,QAAQ,2CAA2C,EAAE;AAC9H,SAAK,MAAM,gBAAgB,aAAa,MAAM,KAAK,MAAM,UAAU,UAAU,QAAQ,mFAAmF,EAAE;AAC1K,SAAK,MAAM,UAAU,eAAe,aAAa,KAAK,MAAM,iBAAiB,KAAK,MAAM,SAAS;AACjG,aAAS,KAAK,OAAO,KAAK,MAAM,SAAS;AAAA,EAC3C;AAAA,EAEO,gBAAgB,UAAU,OAAa;AAC5C,IAAC,KAAK,MAAM,QAAQ,KAAK,KAAK,MAAM,cAAc,IAAM,KAAK,MAAM,cAAc,KAAK;AACtF,SAAK,MAAM,cAAc,YAAY,cAAc,KAAK,MAAM,IAAI;AAClE,SAAK,MAAM,gBAAgB,YAAY,cAAc,KAAK,MAAM,IAAI;AACpE,SAAK,MAAM,gBAAgB,eAAe,aAAa,UAAU,KAAK,MAAM,UAAU,KAAK,MAAM,WAAW,KAAK,MAAM,eAAe;AAAA,EACxI;AACF;AA1FE,cADW,cACY,YAAW;AAClC,cAFW,cAEY,SAAQ;AAC/B,cAHW,cAGY,UAAkB;AACzC,cAJW,cAIY,UAAkB;","names":[]}

package/dist/chunk-IKKQYZNA.js

@@ -0,0 +1,43 @@
+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/fastplay.ts
+var FastPlayNotifier = class extends BaseNotifier {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "text");
+  }
+  create() {
+    this.element = createEl("div", { className: "tmg-media-fast-play-notifier tmg-media-text-notifier tmg-media-top-text-notifier", innerHTML: `${IconRegistry.get("doubletriangleleft")}${IconRegistry.get("doubletriangleright")}` });
+    this.text = createEl("p", { className: "tmg-media-fast-play-notifier-text" });
+    return this.el.insertBefore(this.text, this.el.lastChild), this.el;
+  }
+  wire() {
+    super.wire();
+    this.media.on("state.playbackRate", this.handlePlaybackRateState, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("state.currentTime", this.handleCurrentTimeState, { init: this.ctlr.payload.wired, signal: this.signal });
+  }
+  handlePlaybackRateState({ value }) {
+    this.text.textContent = `${value}x`;
+  }
+  handleCurrentTimeState({ value }) {
+    this.el.setAttribute("data-current-time", this.ctlr.plug("settings.time")?.toTimeText(value, true) ?? "0:00");
+  }
+};
+__publicField(FastPlayNotifier, "componentName", "fastplaynotifier");
+__publicField(FastPlayNotifier, "triggers", ["fastplay"]);
+
+export {
+  FastPlayNotifier
+};
+//# sourceMappingURL=chunk-IKKQYZNA.js.map

package/dist/chunk-IKKQYZNA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/notifiers/fastplay.ts"],"sourcesContent":["import { BaseNotifier, ComponentState } from \"./base\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport type { REvent } from \"sia-reactor\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\n\r\nexport class FastPlayNotifier extends BaseNotifier<undefined, ComponentState, HTMLDivElement> {\r\n  public static readonly componentName = \"fastplaynotifier\";\r\n  public static readonly triggers = [\"fastplay\"];\r\n  public text!: HTMLParagraphElement;\r\n\r\n  public override create() {\r\n    this.element = createEl(\"div\", { className: \"tmg-media-fast-play-notifier tmg-media-text-notifier tmg-media-top-text-notifier\", innerHTML: `${IconRegistry.get(\"doubletriangleleft\")}${IconRegistry.get(\"doubletriangleright\")}` });\r\n    this.text = createEl(\"p\", { className: \"tmg-media-fast-play-notifier-text\" });\r\n    return this.el.insertBefore(this.text, this.el.lastChild), this.el;\r\n  }\r\n\r\n  public override wire(): void {\r\n    super.wire();\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.playbackRate\", this.handlePlaybackRateState, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"state.currentTime\", this.handleCurrentTimeState, { init: this.ctlr.payload.wired, signal: this.signal });\r\n  }\r\n\r\n  protected handlePlaybackRateState({ value }: REvent<CtlrMedia, \"state.playbackRate\">): void {\r\n    this.text.textContent = `${value}x`;\r\n  }\r\n\r\n  protected handleCurrentTimeState({ value }: REvent<CtlrMedia, \"state.currentTime\">): void {\r\n    this.el.setAttribute(\"data-current-time\", this.ctlr.plug(\"settings.time\")?.toTimeText(value, true) ?? \"0:00\");\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    fastplaynotifier: typeof FastPlayNotifier;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAMO,IAAM,mBAAN,cAA+B,aAAwD;AAAA,EAAvF;AAAA;AAGL,wBAAO;AAAA;AAAA,EAES,SAAS;AACvB,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,oFAAoF,WAAW,GAAG,aAAa,IAAI,oBAAoB,CAAC,GAAG,aAAa,IAAI,qBAAqB,CAAC,GAAG,CAAC;AAClO,SAAK,OAAO,SAAS,KAAK,EAAE,WAAW,oCAAoC,CAAC;AAC5E,WAAO,KAAK,GAAG,aAAa,KAAK,MAAM,KAAK,GAAG,SAAS,GAAG,KAAK;AAAA,EAClE;AAAA,EAEgB,OAAa;AAC3B,UAAM,KAAK;AAEX,SAAK,MAAM,GAAG,sBAAsB,KAAK,yBAAyB,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AACxH,SAAK,MAAM,GAAG,qBAAqB,KAAK,wBAAwB,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAAA,EACxH;AAAA,EAEU,wBAAwB,EAAE,MAAM,GAAkD;AAC1F,SAAK,KAAK,cAAc,GAAG,KAAK;AAAA,EAClC;AAAA,EAEU,uBAAuB,EAAE,MAAM,GAAiD;AACxF,SAAK,GAAG,aAAa,qBAAqB,KAAK,KAAK,KAAK,eAAe,GAAG,WAAW,OAAO,IAAI,KAAK,MAAM;AAAA,EAC9G;AACF;AAxBE,cADW,kBACY,iBAAgB;AACvC,cAFW,kBAEY,YAAW,CAAC,UAAU;","names":[]}