tmg-media-player 0.0.1

package/dist/chunk-DM4ZIS4L.js

@@ -0,0 +1,50 @@
+import {
+  PLAYLIST_ITEM_BUILD
+} from "./chunk-IXLSSEE7.js";
+
+// src/ts/plugs/menus/main/playlist.ts
+import { mergeObjs } from "sia-reactor/utils";
+var getMainPlaylistMenu = (plug) => ({
+  id: "playlist",
+  label: "Playlist",
+  icon: "playlist",
+  widget: "drag-select",
+  feature: "playlist",
+  configPaths: ["playlist", "playlist.content"],
+  getValue: () => plug.config.content?.[plug.state.currentIndex]?.media.settings.metadata.title || plug.media.settings.metadata.title || "Playlist",
+  getOptions: () => (plug.config.content?.length ? plug.config.content : [{ media: { settings: { metadata: { title: plug.media.settings.metadata.title || "Unknown" } } } }]).map((opt, i) => ({ value: String(i), display: opt.media.settings.metadata.title || "Unknown" })),
+  getDisabled: () => plug.config.content?.length === 0 && !plug.config.allowOverride.add,
+  onChange: (val) => plug.moveTo(Number(val), true),
+  onReorder: plug.config.allowOverride.move ? (oldIdx, newIdx) => {
+    const p = plug.config.content;
+    if (!p) return;
+    const [moved] = p.splice(oldIdx, 1);
+    p.splice(newIdx, 0, moved);
+  } : void 0,
+  onDelete: plug.config.allowOverride.delete ? plug.remove : void 0,
+  tipHTML: plug.config.allowOverride.move ? "You can drag to reorder items" : void 0,
+  actions: [...plug.config.allowOverride.move ? [{ id: "shuffle", getLabel: () => "Shuffle", icon: "shuffle", onClick: plug.shuffle }] : [], ...plug.config.allowOverride.add ? [{ id: "add", getLabel: () => "Add", icon: "add", onClick: () => plug.ctlr.plug("settings.settingsView")?.menu?.goTo("playlist-add") }] : []],
+  items: [
+    {
+      id: "playlist-add",
+      label: "Add to Playlist",
+      icon: "add",
+      widget: "input",
+      inputs: [
+        { label: "Video URL", placeholder: "https://www.youtube.com/...", type: "url", required: true, helperText: { info: "Input any media (video or audio) url" } },
+        { label: "Title", placeholder: "My Awesome Video", type: "text" }
+      ],
+      getValue: () => "",
+      onChange: (vals) => {
+        const firstItem = { media: { intent: { src: plug.media.state.src }, settings: { metadata: { title: plug.media.settings.metadata.title || "Unknown", chapterInfo: plug.media.settings.metadata.chapterInfo, links: { title: plug.media.settings.metadata.links.title } } } }, settings: { time: { start: plug.settings.time.start }, controlPanel: { timeline: { previews: plug.settings.controlPanel.timeline.previews, marks: [...plug.settings.controlPanel.timeline.marks || []] } } } }, newItem = { media: { intent: { src: vals["Video URL"] }, settings: { metadata: { title: vals["Title"] } } } };
+        plug.config.content = [...plug.config.content ?? [mergeObjs(PLAYLIST_ITEM_BUILD, firstItem)], mergeObjs(PLAYLIST_ITEM_BUILD, newItem)];
+        plug.ctlr.plug("settings.settingsView")?.menu?.goBack();
+      }
+    }
+  ]
+});
+
+export {
+  getMainPlaylistMenu
+};
+//# sourceMappingURL=chunk-DM4ZIS4L.js.map

package/dist/chunk-DM4ZIS4L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/main/playlist.ts"],"sourcesContent":["import type { PlaylistPlug } from \"@plugs/main/playlist\";\r\nimport type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\r\nimport { PLAYLIST_ITEM_BUILD } from \"@plugs/main/playlist/build\";\r\nimport { mergeObjs } from \"sia-reactor/utils\";\r\n\r\nexport const getMainPlaylistMenu = (plug: PlaylistPlug): SettingsMenuItem => ({\r\n  id: \"playlist\",\r\n  label: \"Playlist\",\r\n  icon: \"playlist\",\r\n  widget: \"drag-select\",\r\n  feature: \"playlist\",\r\n  configPaths: [\"playlist\", \"playlist.content\"],\r\n  getValue: () => plug.config.content?.[plug.state.currentIndex]?.media.settings.metadata.title || plug.media.settings.metadata.title || \"Playlist\",\r\n  getOptions: () => (plug.config.content?.length ? plug.config.content : [{ media: { settings: { metadata: { title: plug.media.settings.metadata.title || \"Unknown\" } } } }]).map((opt: any, i: number) => ({ value: String(i), display: opt.media.settings.metadata.title || \"Unknown\" })),\r\n  getDisabled: () => plug.config.content?.length === 0 && !plug.config.allowOverride.add,\r\n  onChange: (val: string) => plug.moveTo(Number(val), true),\r\n  onReorder: plug.config.allowOverride.move\r\n    ? (oldIdx: number, newIdx: number) => {\r\n        const p = plug.config.content;\r\n        if (!p) return;\r\n        const [moved] = p.splice(oldIdx, 1);\r\n        p.splice(newIdx, 0, moved);\r\n      }\r\n    : undefined,\r\n  onDelete: plug.config.allowOverride.delete ? plug.remove : undefined,\r\n  tipHTML: plug.config.allowOverride.move ? \"You can drag to reorder items\" : undefined,\r\n  actions: [...(plug.config.allowOverride.move ? [{ id: \"shuffle\", getLabel: () => \"Shuffle\", icon: \"shuffle\", onClick: plug.shuffle } as const] : []), ...(plug.config.allowOverride.add ? [{ id: \"add\", getLabel: () => \"Add\", icon: \"add\", onClick: () => plug.ctlr.plug(\"settings.settingsView\")?.menu?.goTo(\"playlist-add\") } as const] : [])],\r\n  items: [\r\n    {\r\n      id: \"playlist-add\",\r\n      label: \"Add to Playlist\",\r\n      icon: \"add\",\r\n      widget: \"input\",\r\n      inputs: [\r\n        { label: \"Video URL\", placeholder: \"https://www.youtube.com/...\", type: \"url\", required: true, helperText: { info: \"Input any media (video or audio) url\" } },\r\n        { label: \"Title\", placeholder: \"My Awesome Video\", type: \"text\" },\r\n      ],\r\n      getValue: () => \"\",\r\n      onChange: (vals: any) => {\r\n        const firstItem = { media: { intent: { src: plug.media.state.src }, settings: { metadata: { title: plug.media.settings.metadata.title || \"Unknown\", chapterInfo: plug.media.settings.metadata.chapterInfo, links: { title: plug.media.settings.metadata.links.title } } } }, settings: { time: { start: plug.settings.time.start }, controlPanel: { timeline: { previews: plug.settings.controlPanel.timeline.previews, marks: [...(plug.settings.controlPanel.timeline.marks || [])] } } } },\r\n          newItem = { media: { intent: { src: vals[\"Video URL\"] }, settings: { metadata: { title: vals[\"Title\"] } } } };\r\n        plug.config.content = [...(plug.config.content ?? [mergeObjs(PLAYLIST_ITEM_BUILD as any, firstItem as any)]), mergeObjs(PLAYLIST_ITEM_BUILD as any, newItem as any)] as any;\r\n        plug.ctlr.plug(\"settings.settingsView\")?.menu?.goBack();\r\n      },\r\n    },\r\n  ],\r\n});\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface MenuRegistryMap {\r\n    playlist: typeof getMainPlaylistMenu;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-DNY72SCR.js

@@ -0,0 +1,9 @@
+// src/ts/plugs/settings/poster/build.ts
+var POSTER_BUILD = {
+  strict: false
+};
+
+export {
+  POSTER_BUILD
+};
+//# sourceMappingURL=chunk-DNY72SCR.js.map

package/dist/chunk-DNY72SCR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/poster/build.ts"],"sourcesContent":["import { PosterConfig } from \"./types\";\r\n\r\nexport const POSTER_BUILD: Partial<PosterConfig> = {\r\n  strict: false,\r\n};\r\n"],"mappings":";AAEO,IAAM,eAAsC;AAAA,EACjD,QAAQ;AACV;","names":[]}

package/dist/chunk-DQLWWVM3.js

@@ -0,0 +1,25 @@
+// src/ts/plugs/menus/settings/brightness.ts
+import { fanout } from "sia-reactor/utils";
+var getSettingsBrightnessMenu = (plug) => ({
+  id: "limits",
+  label: "Limits",
+  icon: "configure",
+  widget: "group",
+  getValue: () => "",
+  items: [
+    {
+      id: "brightnessLimits",
+      label: "Brightness",
+      widget: "limits",
+      configPaths: ["settings.brightness.min", "settings.brightness.max", "settings.brightness.skip"],
+      getValue: () => "",
+      getLimits: () => [{ name: "brightness", label: "Clamp bounds", min: plug.config.min, max: plug.config.max, step: plug.config.skip }],
+      onChange: (val) => fanout(plug.config, { min: val.brightness_min, max: val.brightness_max, skip: val.brightness_step }, { skipUndefined: true })
+    }
+  ]
+});
+
+export {
+  getSettingsBrightnessMenu
+};
+//# sourceMappingURL=chunk-DQLWWVM3.js.map

package/dist/chunk-DQLWWVM3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/brightness.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport type { BrightnessPlug } from \"@plugs/settings/brightness\";\nimport { fanout } from \"sia-reactor/utils\";\n\nexport const getSettingsBrightnessMenu = (plug: BrightnessPlug): SettingsMenuItem => ({\n  id: \"limits\",\n  label: \"Limits\",\n  icon: \"configure\",\n  widget: \"group\",\n  getValue: () => \"\",\n  items: [\n    {\n      id: \"brightnessLimits\",\n      label: \"Brightness\",\n      widget: \"limits\",\n      configPaths: [\"settings.brightness.min\", \"settings.brightness.max\", \"settings.brightness.skip\"],\n      getValue: () => \"\",\n      getLimits: () => [{ name: \"brightness\", label: \"Clamp bounds\", min: plug.config.min, max: plug.config.max, step: plug.config.skip }],\n      onChange: (val: Record<string, number>) => fanout(plug.config, { min: val.brightness_min, max: val.brightness_max, skip: val.brightness_step }, { skipUndefined: true }),\n    },\n  ],\n});\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.brightness\": typeof getSettingsBrightnessMenu;\n  }\n}\n"],"mappings":";AAEA,SAAS,cAAc;AAEhB,IAAM,4BAA4B,CAAC,UAA4C;AAAA,EACpF,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU,MAAM;AAAA,EAChB,OAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,aAAa,CAAC,2BAA2B,2BAA2B,0BAA0B;AAAA,MAC9F,UAAU,MAAM;AAAA,MAChB,WAAW,MAAM,CAAC,EAAE,MAAM,cAAc,OAAO,gBAAgB,KAAK,KAAK,OAAO,KAAK,KAAK,KAAK,OAAO,KAAK,MAAM,KAAK,OAAO,KAAK,CAAC;AAAA,MACnI,UAAU,CAAC,QAAgC,OAAO,KAAK,QAAQ,EAAE,KAAK,IAAI,gBAAgB,KAAK,IAAI,gBAAgB,MAAM,IAAI,gBAAgB,GAAG,EAAE,eAAe,KAAK,CAAC;AAAA,IACzK;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-E56H3EOR.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-E56H3EOR.js.map

package/dist/chunk-E56H3EOR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-E56PSUT2.js

@@ -0,0 +1,435 @@
+import {
+  MODES_BUILD,
+  MODES_FULLSCREEN_BUILD,
+  MODES_MINIPLAYER_BUILD,
+  MODES_PICTURE_IN_PICTURE_BUILD,
+  MODES_THEATER_BUILD
+} from "./chunk-25IKIKAB.js";
+import {
+  BasePin,
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  handleDOMMutation
+} from "./chunk-IUS3FRXS.js";
+import {
+  IS_IOS,
+  IS_MOBILE
+} from "./chunk-XGVDXMS3.js";
+import {
+  ComponentRegistry,
+  PinRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  enterFullscreen,
+  exitFullscreen,
+  inDocView,
+  observeMutation,
+  queryFullscreenEl,
+  supportsFullscreen,
+  supportsPictureInPicture
+} from "./chunk-HCSCY6DU.js";
+import {
+  INTERACTIVE_SELECTOR,
+  breath,
+  clamp,
+  createEl,
+  getWindow,
+  isBool,
+  isFunc,
+  isSameURL,
+  isStr,
+  loadResource,
+  mockAsync,
+  setTimeout2
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/modes/theater.ts
+var ModesTheaterPin = class extends BasePin {
+  static get Plug() {
+    return ModesPlug;
+  }
+  wire() {
+    this.media.watch("tech", this.syncFeatures, { init: true, signal: this.signal });
+    this.media.on("intent.theater", this.handleTheaterIntent, { capture: true, init: this.ctlr.payload.wired, initType: "set", signal: this.signal });
+    this.ctlr.config.on("settings.modes.theater.disabled", this.handleDisabled, { init: true, signal: this.signal });
+    this.ctlr.registerAction("theater", { keyboard: { phase: "keyup" } });
+  }
+  handleDisabled({ value }) {
+    this.syncFeatures();
+    if (value && this.ctlr.isUIActive("theater")) this.media.intent.theater = false;
+  }
+  handleTheaterIntent(e) {
+    if (e.resolved || e.value && (this.ctlr.isUIActive("fullscreen") || this.ctlr.isUIActive("miniplayer") || this.ctlr.isUIActive("floatingPlayer"))) return;
+    this.media.container.classList.toggle("tmg-media-theater", e.value);
+    this.media.state.theater = e.value;
+    e.resolve(this.name);
+  }
+  syncFeatures() {
+    var _a;
+    if (this.config.disabled) return void (this.media.features.theater = false);
+    (_a = this.media.features).theater || (_a.theater = true);
+  }
+};
+__publicField(ModesTheaterPin, "pinName", "theater");
+__publicField(ModesTheaterPin, "BUILD", MODES_THEATER_BUILD);
+
+// src/ts/plugs/settings/modes/pictureInPicture.ts
+import { silence } from "sia-reactor/modules";
+var ModesPictureInPicturePin = class extends BasePin {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "inFloatingPlayer", false);
+    // a quick notice flag for external deps
+    __publicField(this, "floatingWindow", null);
+    __publicField(this, "placeholder", null);
+    __publicField(this, "pseudoPlaceholder", null);
+    __publicField(this, "whitelist", []);
+    __publicField(this, "blacklist", []);
+  }
+  static get Plug() {
+    return ModesPlug;
+  }
+  mount() {
+    this.placeholder = ComponentRegistry.init("pipplaceholder", this.ctlr);
+    if (window.documentPictureInPicture) this.pseudoPlaceholder = ComponentRegistry.init("pipplaceholder", this.ctlr);
+    this.placeholder?.mount(), this.pseudoPlaceholder && this.media.pseudoContainer.prepend(this.pseudoPlaceholder.el);
+  }
+  wire() {
+    this.media.watch("tech", this.syncFeatures, { init: true, signal: this.signal });
+    this.media.on("intent.pictureInPicture", this.handlePictureInPictureIntent, { capture: true, init: this.ctlr.payload.wired, initType: "set", signal: this.signal });
+    this.media.on("state.pictureInPicture", this.handlePictureInPictureState, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("state.disablePictureInPicture", this.syncFeatures, { signal: this.signal });
+    this.ctlr.config.on("settings.modes.pictureInPicture.disabled", this.handleDisabled, { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.modes.pictureInPicture.floatingPlayer.disabled", this.handleDisabled, { signal: this.signal });
+    this.ctlr.registerAction("pictureInPicture", { keyboard: { phase: "keyup" } });
+  }
+  handleDisabled({ value }) {
+    this.syncFeatures();
+    if (value && (this.ctlr.isUIActive("pictureInPicture") || this.ctlr.isUIActive("floatingPlayer"))) this.media.intent.pictureInPicture = false;
+  }
+  handlePictureInPictureIntent(e) {
+    if (e.resolved) return;
+    const pipActive = this.ctlr.isUIActive("pictureInPicture");
+    if (!this.ctlr.isNativeEl && this.config.floatingPlayer.disabled) return e.reject(this.name);
+    if (this.ctlr.plug("settings.modes")?.fullscreen?.inFullscreen) silence(() => this.media.intent.fullscreen = false);
+    if (!pipActive && this.media.features.floatingPlayer) {
+      e.value && !this.inFloatingPlayer ? this.initFloatingPlayer() : this.floatingWindow?.close();
+      e.resolve(this.name);
+    }
+  }
+  async handlePictureInPictureState({ value }) {
+    if (this.floatingWindow) return;
+    if (value) {
+      this.media.container.classList.add("tmg-media-picture-in-picture"), this.media.pseudoContainer.classList.add("tmg-media-in-picture-in-picture");
+      this.ctlr.plug("settings.overlay")?.show();
+      silence(() => this.media.intent.miniplayer = false);
+      this.ctlr.plug("settings.metadata")?.syncSession();
+    } else {
+      await mockAsync(180);
+      this.media.container.classList.remove("tmg-media-picture-in-picture"), this.media.pseudoContainer.classList.remove("tmg-media-in-picture-in-picture");
+      this.ctlr.plug("settings.modes")?.miniplayer?.toggle();
+      this.ctlr.plug("settings.overlay")?.delay();
+    }
+  }
+  async initFloatingPlayer() {
+    if (this.inFloatingPlayer) return;
+    window.documentPictureInPicture?.window?.close?.();
+    silence(() => this.media.intent.miniplayer = false);
+    this.floatingWindow = await window.documentPictureInPicture.requestWindow(this.config.floatingPlayer);
+    this.inFloatingPlayer = true;
+    this.floatingWindow.document.documentElement.style.cssText = `height:100%; background:url(${this.media.settings.metadata.profile}) center / 32px no-repeat, url(${this.media.state.poster}) center / ${this.settings.css.bgObjectFit} no-repeat, black;`;
+    await breath(this.floatingWindow);
+    const cssTexts = [], parse = (src) => isStr(src) ? src : null, whitelist = this.whitelist.concat([parse(window.TMG_MEDIA_CSS_SRC), parse(window.T007_TOAST_CSS_SRC), parse(window.T007_INPUT_CSS_SRC), parse(window.T007_DIALOG_CSS_SRC)].filter(Boolean));
+    for (const sheet of document.styleSheets) {
+      try {
+        const nope = (src) => isSameURL(src, sheet.href);
+        if (!whitelist.some(nope) && !this.blacklist.some(nope)) {
+          for (const cssRule of sheet.cssRules) if (cssRule.selectorText?.includes(":root") || cssRule.cssText.includes("tmg") || cssRule.cssText.includes("t007")) cssTexts.push(cssRule.cssText);
+        }
+      } catch {
+        continue;
+      }
+    }
+    this.floatingWindow.document.head.append(createEl("style", { textContent: cssTexts.join("\n") }));
+    await Promise.all(whitelist.map((href) => href.includes(".css") && loadResource(href, "style", void 0, this.floatingWindow)));
+    this.ctlr.plug("skeleton")?.enterPseudoMode();
+    this.media.container.classList.add("tmg-media-floating-player", "tmg-media-progress-bar"), this.media.pseudoContainer.classList.add("tmg-media-in-floating-player");
+    this.floatingWindow.document.body.append(this.media.container);
+    this.floatingWindow.document.documentElement.id = document.documentElement.id;
+    this.floatingWindow.document.documentElement.className = document.documentElement.className;
+    for (const attr of document.documentElement.getAttributeNames()) this.floatingWindow.document.documentElement.setAttribute(attr, document.documentElement.getAttribute(attr));
+    this.signal.addEventListener("abort", observeMutation(this.floatingWindow.document.documentElement, handleDOMMutation, { childList: true, subtree: true }), { once: true });
+    this.floatingWindow.addEventListener("resize", this.handleFloatingPlayerResize, { signal: this.signal });
+    this.floatingWindow.addEventListener("pagehide", this.handleFloatingPlayerClose, { signal: this.signal });
+    this.ctlr.plug("settings.keys")?.setEventListeners();
+    this.media.state.pictureInPicture = true;
+  }
+  // #STANDALONE: needs scoped behavior
+  handleFloatingPlayerResize() {
+    if (!this.config.floatingPlayer.preferInitialWindowPlacement) return;
+    this.config.floatingPlayer.width = this.floatingWindow?.innerWidth ?? this.config.floatingPlayer.width;
+    this.config.floatingPlayer.height = this.floatingWindow?.innerHeight ?? this.config.floatingPlayer.height;
+  }
+  handleFloatingPlayerClose() {
+    this.inFloatingPlayer = false;
+    this.floatingWindow = null;
+    this.media.container.classList.toggle("tmg-media-progress-bar", this.settings.controlPanel.progressBar);
+    this.media.container.classList.remove("tmg-media-floating-player"), this.media.pseudoContainer.classList.remove("tmg-media-in-floating-player");
+    this.ctlr.plug("skeleton")?.leavePseudoMode();
+    this.ctlr.plug("settings.modes")?.miniplayer?.toggle();
+    this.media.state.pictureInPicture = false;
+  }
+  syncFeatures() {
+    var _a, _b;
+    if (this.config.disabled) return void (this.media.features.pictureInPicture = this.media.features.floatingPlayer = false);
+    if (!this.config.floatingPlayer.disabled) (_a = this.media.features).floatingPlayer || (_a.floatingPlayer = window.documentPictureInPicture && this.ctlr.isNativeEl);
+    else this.media.features.floatingPlayer = false;
+    (_b = this.media.features).pictureInPicture || (_b.pictureInPicture = this.ctlr.isNativeEl && (supportsPictureInPicture() && !this.media.state.disablePictureInPicture || this.media.features.floatingPlayer));
+  }
+  onDestroy() {
+    this.floatingWindow?.close(), this.placeholder?.destroy(), this.pseudoPlaceholder?.destroy(), super.onDestroy();
+  }
+};
+__publicField(ModesPictureInPicturePin, "pinName", "pictureInPicture");
+__publicField(ModesPictureInPicturePin, "BUILD", MODES_PICTURE_IN_PICTURE_BUILD);
+
+// src/ts/plugs/settings/modes/miniplayer.ts
+import { silence as silence2 } from "sia-reactor/modules";
+var ModesMiniplayerPin = class extends BasePin {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "lastMiniplayerPosX", 0);
+    __publicField(this, "lastMiniplayerPosY", 0);
+    __publicField(this, "lastMiniplayerPtrX", 0);
+    __publicField(this, "lastMiniplayerPtrY", 0);
+    __publicField(this, "nextMiniplayerX", "");
+    __publicField(this, "nextMiniplayerY", "");
+    __publicField(this, "wildMiniplayerX", "");
+    __publicField(this, "wildMiniplayerY", "");
+    __publicField(this, "prevEX");
+    __publicField(this, "prevEY");
+  }
+  static get Plug() {
+    return ModesPlug;
+  }
+  wire() {
+    this.media.watch("tech", this.syncFeatures, { init: true, signal: this.signal });
+    this.ctlr.state.watch("dimensions.window.width", () => !this.ctlr.isUIActive("fullscreen") && this.toggle(), { signal: this.signal });
+    this.media.on("intent.miniplayer", this.handleMiniplayerIntent, { capture: true, init: this.ctlr.payload.wired, initType: "set", signal: this.signal });
+    this.media.on("state.paused", ({ value }) => !value && this.toggle(), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.ctlr.state.on("mediaParentIntersecting", () => this.ctlr.payload.wired && this.toggle(), { signal: this.signal });
+    this.ctlr.config.on("settings.modes.miniplayer.disabled", this.handleDisabled, { init: true, signal: this.signal });
+  }
+  handleDisabled({ value }) {
+    this.syncFeatures();
+    if (value && this.ctlr.isUIActive("miniplayer")) this.media.intent.miniplayer = false;
+  }
+  handleMiniplayerIntent(e) {
+    if (e.resolved) return;
+    const active = this.ctlr.isUIActive("miniplayer");
+    e.value && !active ? this.enter() : active && this.exit();
+    e.resolve(this.name);
+  }
+  enter() {
+    this.ctlr.plug("skeleton")?.enterPseudoMode();
+    this.media.container.classList.add("tmg-media-miniplayer", "tmg-media-progress-bar"), this.media.pseudoContainer.classList.add("tmg-media-in-miniplayer");
+    for (const type of ["mousedown", "touchstart"]) this.media.container.addEventListener(type, this.handleDragStart, { signal: this.signal });
+    this.media.state.miniplayer = true;
+  }
+  // #STANDALONE: partner courtesy
+  exit(behavior) {
+    if (behavior && inDocView(this.media.pseudoContainer)) this.media.pseudoContainer.scrollIntoView({ behavior, block: "center", inline: "center" });
+    this.ctlr.plug("skeleton")?.leavePseudoMode();
+    this.media.container.classList.remove("tmg-media-miniplayer"), this.media.pseudoContainer.classList.remove("tmg-media-in-miniplayer");
+    this.media.container.classList.toggle("tmg-media-progress-bar", this.settings.controlPanel.progressBar);
+    for (const type of ["mousedown", "touchstart"]) this.media.container.removeEventListener(type, this.handleDragStart);
+    this.media.state.miniplayer = false;
+  }
+  // #STANDALONE: needs scoped behavior
+  expand() {
+    this.media.container.classList.contains("tmg-media-miniplayer") && this.exit("smooth");
+  }
+  remove() {
+    silence2(() => this.media.intent.paused = true), this.exit();
+  }
+  toggle(bool) {
+    const active = this.ctlr.isUIActive("miniplayer");
+    if (!active && (bool === true || this.shouldEnter())) this.media.intent.miniplayer = true;
+    else if (active && (bool === false || this.shouldExit())) this.media.intent.miniplayer = false;
+  }
+  shouldEnter() {
+    const modes = this.ctlr.plug("settings.modes");
+    return !this.ctlr.isUIActive("pictureInPicture") && !modes?.pictureInPicture?.inFloatingPlayer && !modes?.fullscreen?.inFullscreen && !this.ctlr.state.mediaParentIntersecting && getWindow(this.media.container).innerWidth >= this.config.minWindowWidth && !this.media.state.paused;
+  }
+  shouldExit() {
+    return this.ctlr.state.mediaParentIntersecting || getWindow(this.media.container).innerWidth < this.config.minWindowWidth;
+  }
+  handleDragStart(e) {
+    const target = e.target, clientX = e.clientX ?? e.targetTouches?.[0]?.clientX ?? 0, clientY = e.clientY ?? e.targetTouches?.[0]?.clientY ?? 0;
+    if (!this.ctlr.isUIActive("miniplayer") || target.scrollWidth >= target.clientWidth + 3 || [this.ctlr.DOM.topControlsWrapper, this.ctlr.DOM.bottomControlsWrapper, this.ctlr.DOM.captionsContainer].some((w) => w?.contains(target)) || target.closest(`:is(${INTERACTIVE_SELECTOR},[class$='toast-container'])`)) return;
+    const { left, bottom } = getComputedStyle(this.media.container);
+    this.lastMiniplayerPosX = parseFloat(left), this.lastMiniplayerPosY = parseFloat(bottom);
+    this.lastMiniplayerPtrX = clientX, this.lastMiniplayerPtrY = clientY;
+    this.nextMiniplayerX = this.settings.css.currentMiniplayerX, this.nextMiniplayerY = this.settings.css.currentMiniplayerY;
+    this.wildMiniplayerX = this.nextMiniplayerX, this.wildMiniplayerY = this.nextMiniplayerY;
+    document.addEventListener("mousemove", this.handleDragging, { signal: this.signal });
+    document.addEventListener("touchmove", this.handleDragging, { passive: false, signal: this.signal });
+    for (const type of ["mouseup", "mouseleave", "touchend", "touchcancel"]) document.addEventListener(type, this.handleDragEnd, { signal: this.signal });
+    this.media.container.style.setProperty("transition", "none", "important");
+  }
+  handleDragging(e) {
+    if (e.touches?.length > 1) return;
+    e.preventDefault();
+    this.ctlr.plug("settings.overlay")?.hide("force");
+    this.media.container.classList.add("tmg-media-player-dragging");
+    this.ctlr.RAFLoop("miniplayerDragging", () => {
+      const x = e.clientX ?? e.changedTouches?.[0]?.clientX ?? 0, y = e.clientY ?? e.changedTouches?.[0]?.clientY ?? 0;
+      if (this.prevEX === x && this.prevEY === y) return;
+      this.prevEX = x, this.prevEY = y;
+      const { innerWidth: ww, innerHeight: wh } = window, { offsetWidth: w, offsetHeight: h } = this.media.container, newX = this.lastMiniplayerPosX + (x - this.lastMiniplayerPtrX), newY = this.lastMiniplayerPosY - (y - this.lastMiniplayerPtrY), posX = clamp(w / 2, newX, ww - w / 2), posY = clamp(h / 2, newY, wh - h / 2);
+      this.media.container.style.setProperty("transform", `translate(${x - this.lastMiniplayerPtrX}px, ${y - this.lastMiniplayerPtrY}px)`, "important");
+      this.nextMiniplayerX = `${posX / ww * 100}%`, this.nextMiniplayerY = `${posY / wh * 100}%`;
+      this.wildMiniplayerX = `${newX / ww * 100}%`, this.wildMiniplayerY = `${newY / wh * 100}%`;
+    });
+  }
+  handleDragEnd() {
+    this.ctlr.cancelRAFLoop("miniplayerDragging");
+    this.media.container.classList.remove("tmg-media-player-dragging");
+    this.media.container.style.setProperty("left", this.wildMiniplayerX, "important");
+    this.media.container.style.setProperty("bottom", this.wildMiniplayerY, "important");
+    this.media.container.style.removeProperty("transform");
+    setTimeout2(() => (this.settings.css.currentMiniplayerX = this.nextMiniplayerX, this.settings.css.currentMiniplayerY = this.nextMiniplayerY, ["transition", "left", "bottom"].forEach((prop) => this.media.container.style.removeProperty(prop))), 0, this.signal);
+    document.removeEventListener("mousemove", this.handleDragging);
+    document.removeEventListener("touchmove", this.handleDragging);
+    for (const type of ["mouseup", "mouseleave", "touchend", "touchcancel"]) document.removeEventListener(type, this.handleDragEnd);
+  }
+  syncFeatures() {
+    var _a;
+    if (this.config.disabled) return void (this.media.features.miniplayer = false);
+    (_a = this.media.features).miniplayer || (_a.miniplayer = this.ctlr.isNativeEl);
+  }
+  onDestroy() {
+    document.removeEventListener("mousemove", this.handleDragging);
+    document.removeEventListener("touchmove", this.handleDragging);
+    for (const type of ["mouseup", "mouseleave", "touchend", "touchcancel"]) document.removeEventListener(type, this.handleDragEnd);
+    for (const type of ["mousedown", "touchstart"]) this.media.container.removeEventListener(type, this.handleDragStart);
+    super.onDestroy();
+  }
+};
+__publicField(ModesMiniplayerPin, "pinName", "miniplayer");
+__publicField(ModesMiniplayerPin, "BUILD", MODES_MINIPLAYER_BUILD);
+
+// src/ts/plugs/settings/modes/index.ts
+var ModesPlug = class extends BasePlug {
+  constructor(ctlr, config = ctlr.settings.modes) {
+    super(ctlr, config);
+    __publicField(this, "fullscreen");
+    __publicField(this, "theater");
+    __publicField(this, "pictureInPicture");
+    __publicField(this, "miniplayer");
+    const FullscreenPin = PinRegistry.get("modes.fullscreen"), TheaterPin = PinRegistry.get("modes.theater"), PictureInPicturePin = PinRegistry.get("modes.pictureInPicture"), MiniplayerPin = PinRegistry.get("modes.miniplayer");
+    FullscreenPin && (this.fullscreen = new FullscreenPin(this.ctlr, this.config.fullscreen)), TheaterPin && (this.theater = new TheaterPin(this.ctlr, this.config.theater)), PictureInPicturePin && (this.pictureInPicture = new PictureInPicturePin(this.ctlr, this.config.pictureInPicture)), MiniplayerPin && (this.miniplayer = new MiniplayerPin(this.ctlr, this.config.miniplayer));
+  }
+  mount() {
+    this.fullscreen?.mount?.(), this.theater?.mount?.(), this.pictureInPicture?.mount?.(), this.miniplayer?.mount?.();
+  }
+  wire() {
+    this.fullscreen?.wire(), this.theater?.wire(), this.pictureInPicture?.wire(), this.miniplayer?.wire();
+    super.wire();
+  }
+  onDestroy() {
+    this.fullscreen?.destroy(), this.theater?.destroy(), this.pictureInPicture?.destroy(), this.miniplayer?.destroy(), super.onDestroy();
+  }
+};
+__publicField(ModesPlug, "plugName", "modes");
+__publicField(ModesPlug, "BUILD", MODES_BUILD);
+
+// src/ts/plugs/settings/modes/fullscreen.ts
+import { TERMINATOR } from "sia-reactor";
+import { silence as silence3 } from "sia-reactor/modules";
+var ModesFullscreenPin = class extends BasePin {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "inFullscreen", false);
+    // a quick notice flag for external deps
+    __publicField(this, "shadowFullscreen", false);
+  }
+  static get Plug() {
+    return ModesPlug;
+  }
+  wire() {
+    this.media.watch("tech", this.syncFeatures, { init: true, signal: this.signal });
+    this.ctlr.state.watch("docInFullscreen", this.onDocInFullscreen, { signal: this.signal });
+    this.ctlr.state.watch("screenOrientation", this.onScreenOrientation, { signal: this.signal });
+    this.media.on("intent.fullscreen", this.handleFullscreenIntent, { capture: true, init: this.ctlr.payload.wired, initType: "set", signal: this.signal });
+    this.media.set("state.fullscreen", (v) => v !== this.shadowFullscreen && !IS_IOS ? TERMINATOR : v, { signal: this.signal });
+    this.ctlr.config.on("settings.modes.fullscreen.disabled", this.handleDisabled, { init: true, signal: this.signal });
+    this.ctlr.registerAction("fullscreen", { keyboard: { phase: "keyup" } });
+  }
+  handleDisabled({ value }) {
+    this.syncFeatures();
+    if (value && this.ctlr.isUIActive("fullscreen")) this.media.intent.fullscreen = false;
+  }
+  handleFullscreenIntent(e) {
+    if (e.resolved || IS_IOS) return;
+    if (e.value && !this.inFullscreen) {
+      const fW = this.ctlr.plug("settings.modes")?.pictureInPicture?.floatingWindow;
+      if (this.ctlr.isUIActive("floatingPlayer")) return fW?.addEventListener("pagehide", this.enter, { signal: this.signal }), fW?.close(), e.resolve(this.name);
+      if (this.ctlr.isUIActive("pictureInPicture")) silence3(() => this.media.intent.pictureInPicture = false);
+      if (this.ctlr.isUIActive("miniplayer")) silence3(() => this.media.intent.miniplayer = false);
+      this.enter();
+    } else if (this.inFullscreen) {
+      exitFullscreen(this.media.container);
+      this.inFullscreen = this.shadowFullscreen = false;
+    }
+    e.resolve(this.name);
+  }
+  async enter() {
+    await enterFullscreen(this.media.container);
+    this.inFullscreen = true;
+  }
+  // #STANDALONE: needs scoped behavior
+  onDocInFullscreen(docInFs) {
+    const inFs = docInFs && queryFullscreenEl() === this.media.container;
+    if (inFs) {
+      this.media.container.classList.add("tmg-media-fullscreen");
+      this.media.state.fullscreen = this.shadowFullscreen = true;
+      if (IS_MOBILE) this.changeScreenOrientation(this.config.orientationLock.value);
+    } else if (this.ctlr.isUIActive("fullscreen")) {
+      this.media.container.classList.remove("tmg-media-fullscreen");
+      this.inFullscreen = this.media.intent.locked = false;
+      this.ctlr.plug("settings.modes")?.miniplayer?.toggle();
+      this.media.state.fullscreen = this.shadowFullscreen = false;
+    }
+  }
+  onScreenOrientation(orientation) {
+    if (!this.ctlr.state.mediaParentIntersecting || !IS_MOBILE || this.ctlr.state.readyState < 3 || this.config.onRotate.value === false || this.ctlr.isUIActive("fullscreen") || this.ctlr.isUIActive("miniplayer")) return;
+    const deg = isBool(this.config.onRotate.value) ? 90 : parseInt(this.config.onRotate.value);
+    if (orientation.angle === deg || orientation.angle === 360 - deg) this.media.intent.fullscreen = !this.media.state.fullscreen;
+  }
+  async changeScreenOrientation(option = true) {
+    const orientation = screen.orientation;
+    option === false ? orientation?.unlock?.() : await orientation?.lock?.(option === "auto" ? this.media.status.videoHeight > this.media.status.videoWidth ? "portrait" : "landscape" : option !== true ? option : orientation?.angle === 0 ? "landscape" : "portrait");
+  }
+  syncFeatures() {
+    var _a, _b;
+    if (this.config.disabled) return void (this.media.features.fullscreen = this.media.features.fullscreenOrientation = false);
+    (_a = this.media.features).fullscreen || (_a.fullscreen = supportsFullscreen());
+    (_b = this.media.features).fullscreenOrientation || (_b.fullscreenOrientation = this.media.features.fullscreen && IS_MOBILE && isFunc(screen.orientation?.lock));
+  }
+};
+__publicField(ModesFullscreenPin, "pinName", "fullscreen");
+__publicField(ModesFullscreenPin, "BUILD", MODES_FULLSCREEN_BUILD);
+
+export {
+  ModesFullscreenPin,
+  ModesTheaterPin,
+  ModesPictureInPicturePin,
+  ModesMiniplayerPin,
+  ModesPlug
+};
+//# sourceMappingURL=chunk-E56PSUT2.js.map