tmg-media-player 0.0.45 → 0.0.46

package/dist/{chunk-GANVIUO4.js → chunk-2E73S6VU.js}

@@ -127,7 +127,7 @@ var PanelPlug = class extends BasePlug {
         </ul>
         <h3 style="margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;">\u{1F3D7}\uFE0F Total UI Control</h3>
         <ul style="padding-left: 20px; line-height: 1.6; margin-bottom: 25px;">
-          <li><strong>Build your own player:</strong> Don't like our layout? <strong>Click and drag</strong> almost any button on the bottom control bar to physically rearrange the interface exactly how you want it.</li>
+          <li><strong>Build your own player:</strong> Don't like our layout? <strong>Click and drag</strong> almost "any" button on the control bars to physically rearrange the interface exactly how you want it.</li>
           <li><strong>Draggable subtitles:</strong> Subtitles blocking a crucial part of the scene? Just grab the text box and drag it anywhere else on the screen.</li>
           <li><strong>The chameleon engine:</strong> Head to settings and set your Brand/Theme colors to "Video Derived". TVP will actively analyze the video frames and extract dominant colors to paint the UI dynamically.</li>
           <li><strong>Descriptive hints:</strong> Hover over the controls to expose their tooltips and get more information about how to trigger each function.</li>
@@ -135,7 +135,7 @@ var PanelPlug = class extends BasePlug {
         <h3 style="margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;">\u2328\uFE0F Keyboard Ninja Status</h3>
         <ul style="padding-left: 20px; line-height: 1.6; margin-bottom: 25px;">
           <li><strong>The playback trinity (J, K, L):</strong> Skip backward, Play/Pause, and Skip forward like a pro editor. Do the same with arrow keys, hold <strong>Ctrl</strong>, <strong>Shift</strong> or <strong>Alt</strong> to spice things up.</li>
-          <li><strong>Time travel (0 - 9):</strong> Hit any number key to instantly jump to that percentage of the video (e.g., hitting '5' jumps to the exact middle).</li>
+          <li><strong>Time travel:</strong> Hit any number key to jump to that percentage of the video (e.g., hitting '5' jumps to the exact middle). <em>(Easter Egg: Undo or Redo with <strong>Ctrl + Z</strong> and <strong>Ctrl + Y</strong>)</em></li>
           <li><strong>Frame-by-frame:</strong> Paused the video? Use <strong>,</strong> (comma) and <strong>.</strong> (period) to step backward or forward one single frame at a time.</li>
           <li><strong>Warp speed:</strong> Use <strong>&gt;</strong> and <strong>&lt;</strong> to crank the playback speed up or down.</li>
         </ul>
@@ -148,7 +148,7 @@ var PanelPlug = class extends BasePlug {
         </ul>
         <div style="text-align: center; margin-top: 30px; padding: 15px; border-radius: 8px; background: rgba(128, 128, 128, 0.1);">
           <p style="margin: 0 0 10px 0;"><strong>Enjoy the player.</strong> We're still in active development, but already miles ahead. Welcome to the bleeding edge.</p>
-          <p style="margin: 0; opacity: 0.8;">\u{1F9EA} <strong>beta tester?</strong> Check the bottom of the page to find the hidden button to travel through linear time, or <a href="mailto:tobioketade007@gmail.com" style="color: inherit; text-decoration: underline;">drop me an email</a> to collaborate!</p>
+          <p style="margin: 0; opacity: 0.8;">\u{1F9EA} <strong>beta tester?</strong> Find the Settings advanced menu to travel through linear time, or <a href="mailto:tobioketade007@gmail.com" style="color: inherit; text-decoration: underline;">drop me an email</a> to collaborate!</p>
           </div>
         </div>
       `;
@@ -167,4 +167,4 @@ __publicField(PanelPlug, "BUILD", SETTINGS_BUILD);
 export {
   PanelPlug
 };
-//# sourceMappingURL=chunk-GANVIUO4.js.map
+//# sourceMappingURL=chunk-2E73S6VU.js.map

package/dist/{chunk-GANVIUO4.js.map → chunk-2E73S6VU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts/plugs/settings/panel/index.ts"],"sourcesContent":["import { silence } from \"sia-reactor/modules\";\r\nimport { BasePlug } from \"../../base\";\r\nimport { SETTINGS_BUILD } from \"./build\";\r\nimport type { panelConfig, panelState } from \"./types\";\r\nimport { SettingsMenu } from \"./menu\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { mockAsync } from \"@utils/fn\";\r\nimport { parseCSSTime } from \"@utils/str\";\r\nimport type { Controller } from \"@core/controller\";\r\nimport { isPOJO } from \"@utils/obj\";\r\n\r\nexport class PanelPlug extends BasePlug<panelConfig, panelState> {\r\n  public static readonly plugName = \"panel\";\r\n  public static readonly BUILD = SETTINGS_BUILD;\r\n  public closeBtn!: HTMLButtonElement | null;\r\n  public menu!: SettingsMenu;\r\n  protected wasPaused = false;\r\n\r\n  constructor(ctlr: Controller, config = ctlr.settings.panel) {\r\n    super(ctlr, config, { viewOpen: false });\r\n    this.menu = new SettingsMenu(this.ctlr, this.config.menu);\r\n  }\r\n\r\n  public override mount(): void {\r\n    this.closeBtn = this.ctlr.queryDOM(\".tmg-media-settings-close-btn\")!;\r\n    this.menu.onViewClick = this.toggleView;\r\n  }\r\n  public override unmount(): void {\r\n    this.media.container.classList.remove(\"tmg-media-more-settings\");\r\n    this.ctlr.queryDOM(\".tmg-media-settings-tips-btn\")?.remove(), this.ctlr.queryDOM(\".tmg-media-settings-brand-wrapper\")?.remove(), this.ctlr.queryDOM(\".tmg-media-settings-theme-wrapper\")?.remove();\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Event Listeners\r\n    this.closeBtn?.addEventListener(\"click\", this.exitMore, { signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.paused\", ({ value }) => !value && this.exitMore(), { signal: this.signal });\r\n    // Post Wiring\r\n    this.ctlr.learn(\"settings\", { fn: () => this.menu.toggle(undefined, true) }, this.signal);\r\n    !this.config.menu.disabled && this.menu.wire(), super.wire();\r\n  }\r\n\r\n  public async enterMore(): Promise<void> {\r\n    if (this.ctlr.isUIActive(\"moreSettings\")) return;\r\n    if (!this.viewReady) this.initView(), (this.viewReady = true);\r\n    (this.wasPaused = this.media.state.paused), this.config.autoPause && silence(() => (this.media.intent.paused = true));\r\n    !isPOJO(this.menu.anchor) && this.menu.close(), this.media.container.classList.add(\"tmg-media-more-settings\"), (this.state.viewOpen = true);\r\n    await mockAsync(parseCSSTime(this.settings.css.panelTransitionTime));\r\n    this.ctlr.plug(\"settings.overlay\")?.show();\r\n    this.ctlr.DOM.settings?.removeAttribute(\"inert\"), this.ctlr.DOM.containerContent?.setAttribute(\"inert\", \"\");\r\n    !isPOJO(this.menu.anchor) && this.closeBtn?.focus();\r\n  } // #STANDALONE: needs scoped behavior\r\n  private viewReady = false;\r\n\r\n  public async exitMore(): Promise<void> {\r\n    if (!this.ctlr.isUIActive(\"moreSettings\")) return;\r\n    !isPOJO(this.menu.anchor) && this.menu.close(), this.media.container.classList.remove(\"tmg-media-more-settings\"), (this.state.viewOpen = false);\r\n    await mockAsync(parseCSSTime(this.settings.css.panelTransitionTime));\r\n    this.config.autoPause && silence(() => (this.media.intent.paused = this.wasPaused));\r\n    this.ctlr.DOM.settings?.setAttribute(\"inert\", \"\"), this.ctlr.DOM.containerContent?.removeAttribute(\"inert\");\r\n  } // #STANDALONE: needs scoped behavior\r\n\r\n  public async toggleView(): Promise<void> {\r\n    this.ctlr.isUIActive(\"moreSettings\") ? await this.exitMore() : await this.enterMore();\r\n  }\r\n\r\n  private initView() {\r\n    // Theming\r\n    // prettier-ignore\r\n    const options = [{ option: \"Light Blue\", value: \"#3198f5\" }, { option: \"Hot Pink\", value: \"#ff69b4\" }, { option: \"Fiery Red\", value: \"#ff0033\" }, { option: \"Dark Turquoise\", value: \"#00ced1\" }, { option: \"Custom Hue\", value: \"custom\" }, { option: \"Video Derived\", value: \"auto\" }],\r\n      gcolors = options.slice(0, -2).map((opt) => opt.value),\r\n      defs = { brand: this.settings.css.brandColor as string ?? \"#e26e02\", theme: this.settings.css.themeColor as string ?? \"#ffffff\", bcolors: [\"#e26e02\", ...gcolors], tcolors: [\"#ffffff\", ...gcolors] },\r\n      bField = t007.field({ type: \"select\", label: \"Brand Color\", helperText: { info: \"Just try changing your brand color for now\" }, options: [{ option: \"Tastey Orange\", value: \"#e26e02\" }, ...options], value: !defs.bcolors.includes(defs.brand as string) ? (!this.settings.css.syncWithMedia.brandColor ? \"custom\" : \"auto\") : defs.brand }),\r\n      cBField = t007.field({ type: \"color\" }),\r\n      tField = t007.field({ type: \"select\", label: \"Theme Color\", helperText: { info: \"Also try changing your theme color for now\" }, options: [{ option: \"Pure White\", value: \"#ffffff\" }, ...options], value: !defs.tcolors.includes(defs.theme as string) ? (!this.settings.css.syncWithMedia.themeColor ? \"custom\" : \"auto\") : defs.theme }),\r\n      cTField = t007.field({ type: \"color\" }),\r\n      bWrapper = createEl(\"div\", { className: \"tmg-media-settings-brand-wrapper\" }),\r\n      tWrapper = createEl(\"div\", { className: \"tmg-media-settings-theme-wrapper\" });\r\n    this.ctlr.config.watch(\"settings.css.brandColor\", (v = defs.brand) => ((v = (v as string).toLowerCase()), (cBField.inputEl.value = v), (bField.inputEl.value = !defs.bcolors.includes(v) ? (!this.settings.css.syncWithMedia.brandColor ? \"custom\" : \"auto\") : v)), { init: true, signal: this.signal });\r\n    this.ctlr.config.watch(\"settings.css.themeColor\", (v = defs.theme) => ((v = (v as string).toLowerCase()), (cTField.inputEl.value = v), (tField.inputEl.value = !defs.tcolors.includes(v) ? (!this.settings.css.syncWithMedia.themeColor ? \"custom\" : \"auto\") : v)), { init: true, signal: this.signal });\r\n    this.ctlr.DOM.settingsBottomPanel?.append((bWrapper.append(bField, cBField), bWrapper), (tWrapper.append(tField, cTField), tWrapper));\r\n    const id = { theme: \"\", brand: \"\" },\r\n      sync = (cb: any, req = true, type = \"brand\") => ((this.settings.css.syncWithMedia[`${type}Color`] = req), cb(req)),\r\n      assert = (opts: any, type: \"brand\" | \"theme\" = \"brand\") => this.ctlr.toast?.update(id[type], opts),\r\n      onBColorChange = ({ target: { value: val } }: any) =>\r\n        this.ctlr.throttle(\r\n          \"brandColorPicking\",\r\n          async () => {\r\n            id.brand && t007.toast?.dismiss(id.brand);\r\n            let col;\r\n            if (val === \"custom\") return cBField.inputEl.click();\r\n            if (val !== \"auto\") col = this.settings.css.brandColor = val;\r\n            else col = this.settings.css.brandColor = (this.media.status.loadedData ? await this.ctlr.plug(\"settings.frame\")?.getMainColor(this.media.state.currentTime, this.media.features.frameCapture ? \"\" : undefined) : null) ?? this.ctlr.plug(\"settings.css\")?.build.brandColor!; // said 'video' not 'poster' derived\r\n            const cb = (s: any) => (bField.inputEl.value = defs.bcolors.includes(col as string) ? (col as string) : s ? \"auto\" : \"custom\"),\r\n              No = () => (sync(cb, false), assert({ actions: { Yes } })),\r\n              Yes = () => (sync(cb, true), assert({ actions: { No } }));\r\n            sync(cb, val === \"auto\");\r\n            val === \"auto\" && (id.brand = this.ctlr.toast?.(\"The brand color will change anytime a video loads\", { icon: \"🎨\", autoClose: 15000, hideProgressBar: false, actions: { No }, onClose: () => (id.brand = \"\"), signal: this.signal }) || \"\");\r\n          },\r\n          150\r\n        ),\r\n      onTColorChange = ({ target: { value: val } }: any) =>\r\n        this.ctlr.throttle(\r\n          \"themeColorPicking\",\r\n          async () => {\r\n            id.theme && t007.toast?.dismiss(id.theme);\r\n            let col;\r\n            if (val === \"custom\") return cTField.inputEl.click();\r\n            if (val !== \"auto\") col = this.settings.css.themeColor = val;\r\n            else col = this.settings.css.themeColor = (this.media.status.loadedData ? await this.ctlr.plug(\"settings.frame\")?.getMainColor(this.media.state.currentTime, this.media.features.frameCapture ? \"\" : undefined) : null) ?? this.ctlr.plug(\"settings.css\")?.build.themeColor!;\r\n            const cb = (s: any) => (tField.inputEl.value = defs.tcolors.includes(col as string) ? (col as string) : s ? \"auto\" : \"custom\"),\r\n              No = () => (sync(cb, false, \"theme\"), assert({ actions: { Yes } }, \"theme\")),\r\n              Yes = () => (sync(cb, true, \"theme\"), assert({ actions: { No } }, \"theme\"));\r\n            sync(cb, val === \"auto\", \"theme\");\r\n            val === \"auto\" && (id.theme = this.ctlr.toast?.(\"The theme color will change anytime a video loads\", { icon: \"🎨\", autoClose: 15000, hideProgressBar: false, actions: { No }, onClose: () => (id.theme = \"\"), signal: this.signal }) || \"\");\r\n          },\r\n          150\r\n        );\r\n    bField.inputEl.addEventListener(\"input\", onBColorChange, { signal: this.signal }), cBField.inputEl.addEventListener(\"input\", onBColorChange, { signal: this.signal });\r\n    tField.inputEl.addEventListener(\"input\", onTColorChange, { signal: this.signal }), cTField.inputEl.addEventListener(\"input\", onTColorChange, { signal: this.signal });\r\n    // Helpful Tips\r\n    const tipsBtn = createEl(\"button\", { className: \"tmg-media-settings-tips-btn\", innerHTML: `<span>💡 Did You Know?</span>` });\r\n    this.closeBtn?.insertAdjacentElement(\"afterend\", tipsBtn);\r\n    tipsBtn.addEventListener(\"click\", this.showTipsDialog, { signal: this.signal });\r\n  }\r\n\r\n  private getTipsHTML() {\r\n    return `\r\n      <div style=\"font-family: inherit; color: inherit;\">\r\n        <div style=\"text-align: center; margin-bottom: 25px;\">\r\n          <h2 style=\"margin: 0 0 10px 0; letter-spacing: -0.5px;\">🎬 Welcome to TVP</h2>\r\n          <p style=\"margin: 0; opacity: 0.9; line-height: 1.5;\">\r\n            You aren't just watching a video; you're sitting in the cockpit of the most advanced, performance-first media engine on the web. We are thrilled to have you here. \r\n            <br><strong>Here is your official flight manual to unlock its full power:</strong>\r\n          </p>\r\n        </div>\r\n        <h3 style=\"margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;\">🎛️ The Smart Canvas (Mouse & Touch)</h3>\r\n        <ul style=\"padding-left: 20px; line-height: 1.6; margin-bottom: 25px;\">\r\n          <li><strong>Hyper-speed on demand:</strong> Click and hold the right side of the video screen or the play key (<strong>Spacebar</strong>) to fast-forward, left side or <strong>Shift</strong> + play key rewinds.</li>\r\n          <li><strong>Smart scrubbing:</strong> Don't hunt for the tiny progress bar. Just scroll horizontally across the middle of the screen to scrub smoothly through time.</li>\r\n          <li><strong>Invisible sliders:</strong> Scroll vertically on the <em>right edge</em> for Volume, and the <em>left edge</em> for Brightness.</li>\r\n          <li><strong>Precision taps:</strong> Double-tap the edges to skip forward or backward. Double tap the center to toggle Fullscreen (or Play/Pause on mobile).</li>\r\n        </ul>\r\n        <h3 style=\"margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;\">🏗️ Total UI Control</h3>\r\n        <ul style=\"padding-left: 20px; line-height: 1.6; margin-bottom: 25px;\">\r\n          <li><strong>Build your own player:</strong> Don't like our layout? <strong>Click and drag</strong> almost any button on the bottom control bar to physically rearrange the interface exactly how you want it.</li>\r\n          <li><strong>Draggable subtitles:</strong> Subtitles blocking a crucial part of the scene? Just grab the text box and drag it anywhere else on the screen.</li>\r\n          <li><strong>The chameleon engine:</strong> Head to settings and set your Brand/Theme colors to \"Video Derived\". TVP will actively analyze the video frames and extract dominant colors to paint the UI dynamically.</li>\r\n          <li><strong>Descriptive hints:</strong> Hover over the controls to expose their tooltips and get more information about how to trigger each function.</li>\r\n        </ul>\r\n        <h3 style=\"margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;\">⌨️ Keyboard Ninja Status</h3>\r\n        <ul style=\"padding-left: 20px; line-height: 1.6; margin-bottom: 25px;\">\r\n          <li><strong>The playback trinity (J, K, L):</strong> Skip backward, Play/Pause, and Skip forward like a pro editor. Do the same with arrow keys, hold <strong>Ctrl</strong>, <strong>Shift</strong> or <strong>Alt</strong> to spice things up.</li>\r\n          <li><strong>Time travel (0 - 9):</strong> Hit any number key to instantly jump to that percentage of the video (e.g., hitting '5' jumps to the exact middle).</li>\r\n          <li><strong>Frame-by-frame:</strong> Paused the video? Use <strong>,</strong> (comma) and <strong>.</strong> (period) to step backward or forward one single frame at a time.</li>\r\n          <li><strong>Warp speed:</strong> Use <strong>&gt;</strong> and <strong>&lt;</strong> to crank the playback speed up or down.</li>\r\n        </ul>\r\n        <h3 style=\"margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;\">🔬 Advanced Window Tech</h3>\r\n        <ul style=\"padding-left: 20px; line-height: 1.6; margin-bottom: 20px;\">\r\n          <li><strong>The snapshot engine:</strong> Click the Camera icon or press <strong>s</strong> to screenshot a high-res image of the exact frame. <em>(Easter Egg: Double-Click or press <strong>Alt + s</strong> to capture in pure Black &amp; White!)</em></li>\r\n          <li><strong>Ultra-readable time:</strong> Click the time display or press <strong>q</strong> to toggle between elapsed time and remaining time. <em>(Easter Egg: Double-Click or press <strong>z</strong> to display the time in different formats!)</em></li>\r\n          <li><strong>Floating miniplayer:</strong> Start playing a video and just scroll down the page. TVP will automatically detach into a draggable miniplayer so you never miss a second.</li>\r\n          <li><strong>Custom picture-in-picture:</strong> We bypassed standard browser limits to give you a floating player that actually keeps all your custom UI controls intact.</li>\r\n        </ul>\r\n        <div style=\"text-align: center; margin-top: 30px; padding: 15px; border-radius: 8px; background: rgba(128, 128, 128, 0.1);\">\r\n          <p style=\"margin: 0 0 10px 0;\"><strong>Enjoy the player.</strong> We're still in active development, but already miles ahead. Welcome to the bleeding edge.</p>\r\n          <p style=\"margin: 0; opacity: 0.8;\">🧪 <strong>beta tester?</strong> Check the bottom of the page to find the hidden button to travel through linear time, or <a href=\"mailto:tobioketade007@gmail.com\" style=\"color: inherit; text-decoration: underline;\">drop me an email</a> to collaborate!</p>\r\n          </div>\r\n        </div>\r\n      `;\r\n  }\r\n\r\n  private async showTipsDialog() {\r\n    await this.exitMore();\r\n    t007.alert(this.getTipsHTML(), { id: `${this.ctlr.config.id}-tips-dialog`, rootElement: this.ctlr.DOM.containerContent, confirmText: \"Got it!\" });\r\n  }\r\n\r\n  protected override onDestroy(): void {\r\n    this.menu.destroy(), super.onDestroy();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PlugRegistryMap {\r\n    \"settings.panel\": typeof PanelPlug;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/config\" {\r\n  interface Settings {\r\n    panel: panelConfig;\r\n  }\r\n}\r\n\r\nexport type * from \"./types\";\r\nexport * from \"./build\";\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/ts/plugs/settings/panel/index.ts"],"sourcesContent":["import { silence } from \"sia-reactor/modules\";\r\nimport { BasePlug } from \"../../base\";\r\nimport { SETTINGS_BUILD } from \"./build\";\r\nimport type { panelConfig, panelState } from \"./types\";\r\nimport { SettingsMenu } from \"./menu\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { mockAsync } from \"@utils/fn\";\r\nimport { parseCSSTime } from \"@utils/str\";\r\nimport type { Controller } from \"@core/controller\";\r\nimport { isPOJO } from \"@utils/obj\";\r\n\r\nexport class PanelPlug extends BasePlug<panelConfig, panelState> {\r\n  public static readonly plugName = \"panel\";\r\n  public static readonly BUILD = SETTINGS_BUILD;\r\n  public closeBtn!: HTMLButtonElement | null;\r\n  public menu!: SettingsMenu;\r\n  protected wasPaused = false;\r\n\r\n  constructor(ctlr: Controller, config = ctlr.settings.panel) {\r\n    super(ctlr, config, { viewOpen: false });\r\n    this.menu = new SettingsMenu(this.ctlr, this.config.menu);\r\n  }\r\n\r\n  public override mount(): void {\r\n    this.closeBtn = this.ctlr.queryDOM(\".tmg-media-settings-close-btn\")!;\r\n    this.menu.onViewClick = this.toggleView;\r\n  }\r\n  public override unmount(): void {\r\n    this.media.container.classList.remove(\"tmg-media-more-settings\");\r\n    this.ctlr.queryDOM(\".tmg-media-settings-tips-btn\")?.remove(), this.ctlr.queryDOM(\".tmg-media-settings-brand-wrapper\")?.remove(), this.ctlr.queryDOM(\".tmg-media-settings-theme-wrapper\")?.remove();\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Event Listeners\r\n    this.closeBtn?.addEventListener(\"click\", this.exitMore, { signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.paused\", ({ value }) => !value && this.exitMore(), { signal: this.signal });\r\n    // Post Wiring\r\n    this.ctlr.learn(\"settings\", { fn: () => this.menu.toggle(undefined, true) }, this.signal);\r\n    !this.config.menu.disabled && this.menu.wire(), super.wire();\r\n  }\r\n\r\n  public async enterMore(): Promise<void> {\r\n    if (this.ctlr.isUIActive(\"moreSettings\")) return;\r\n    if (!this.viewReady) this.initView(), (this.viewReady = true);\r\n    (this.wasPaused = this.media.state.paused), this.config.autoPause && silence(() => (this.media.intent.paused = true));\r\n    !isPOJO(this.menu.anchor) && this.menu.close(), this.media.container.classList.add(\"tmg-media-more-settings\"), (this.state.viewOpen = true);\r\n    await mockAsync(parseCSSTime(this.settings.css.panelTransitionTime));\r\n    this.ctlr.plug(\"settings.overlay\")?.show();\r\n    this.ctlr.DOM.settings?.removeAttribute(\"inert\"), this.ctlr.DOM.containerContent?.setAttribute(\"inert\", \"\");\r\n    !isPOJO(this.menu.anchor) && this.closeBtn?.focus();\r\n  } // #STANDALONE: needs scoped behavior\r\n  private viewReady = false;\r\n\r\n  public async exitMore(): Promise<void> {\r\n    if (!this.ctlr.isUIActive(\"moreSettings\")) return;\r\n    !isPOJO(this.menu.anchor) && this.menu.close(), this.media.container.classList.remove(\"tmg-media-more-settings\"), (this.state.viewOpen = false);\r\n    await mockAsync(parseCSSTime(this.settings.css.panelTransitionTime));\r\n    this.config.autoPause && silence(() => (this.media.intent.paused = this.wasPaused));\r\n    this.ctlr.DOM.settings?.setAttribute(\"inert\", \"\"), this.ctlr.DOM.containerContent?.removeAttribute(\"inert\");\r\n  } // #STANDALONE: needs scoped behavior\r\n\r\n  public async toggleView(): Promise<void> {\r\n    this.ctlr.isUIActive(\"moreSettings\") ? await this.exitMore() : await this.enterMore();\r\n  }\r\n\r\n  private initView() {\r\n    // Theming\r\n    // prettier-ignore\r\n    const options = [{ option: \"Light Blue\", value: \"#3198f5\" }, { option: \"Hot Pink\", value: \"#ff69b4\" }, { option: \"Fiery Red\", value: \"#ff0033\" }, { option: \"Dark Turquoise\", value: \"#00ced1\" }, { option: \"Custom Hue\", value: \"custom\" }, { option: \"Video Derived\", value: \"auto\" }],\r\n      gcolors = options.slice(0, -2).map((opt) => opt.value),\r\n      defs = { brand: this.settings.css.brandColor as string ?? \"#e26e02\", theme: this.settings.css.themeColor as string ?? \"#ffffff\", bcolors: [\"#e26e02\", ...gcolors], tcolors: [\"#ffffff\", ...gcolors] },\r\n      bField = t007.field({ type: \"select\", label: \"Brand Color\", helperText: { info: \"Just try changing your brand color for now\" }, options: [{ option: \"Tastey Orange\", value: \"#e26e02\" }, ...options], value: !defs.bcolors.includes(defs.brand as string) ? (!this.settings.css.syncWithMedia.brandColor ? \"custom\" : \"auto\") : defs.brand }),\r\n      cBField = t007.field({ type: \"color\" }),\r\n      tField = t007.field({ type: \"select\", label: \"Theme Color\", helperText: { info: \"Also try changing your theme color for now\" }, options: [{ option: \"Pure White\", value: \"#ffffff\" }, ...options], value: !defs.tcolors.includes(defs.theme as string) ? (!this.settings.css.syncWithMedia.themeColor ? \"custom\" : \"auto\") : defs.theme }),\r\n      cTField = t007.field({ type: \"color\" }),\r\n      bWrapper = createEl(\"div\", { className: \"tmg-media-settings-brand-wrapper\" }),\r\n      tWrapper = createEl(\"div\", { className: \"tmg-media-settings-theme-wrapper\" });\r\n    this.ctlr.config.watch(\"settings.css.brandColor\", (v = defs.brand) => ((v = (v as string).toLowerCase()), (cBField.inputEl.value = v), (bField.inputEl.value = !defs.bcolors.includes(v) ? (!this.settings.css.syncWithMedia.brandColor ? \"custom\" : \"auto\") : v)), { init: true, signal: this.signal });\r\n    this.ctlr.config.watch(\"settings.css.themeColor\", (v = defs.theme) => ((v = (v as string).toLowerCase()), (cTField.inputEl.value = v), (tField.inputEl.value = !defs.tcolors.includes(v) ? (!this.settings.css.syncWithMedia.themeColor ? \"custom\" : \"auto\") : v)), { init: true, signal: this.signal });\r\n    this.ctlr.DOM.settingsBottomPanel?.append((bWrapper.append(bField, cBField), bWrapper), (tWrapper.append(tField, cTField), tWrapper));\r\n    const id = { theme: \"\", brand: \"\" },\r\n      sync = (cb: any, req = true, type = \"brand\") => ((this.settings.css.syncWithMedia[`${type}Color`] = req), cb(req)),\r\n      assert = (opts: any, type: \"brand\" | \"theme\" = \"brand\") => this.ctlr.toast?.update(id[type], opts),\r\n      onBColorChange = ({ target: { value: val } }: any) =>\r\n        this.ctlr.throttle(\r\n          \"brandColorPicking\",\r\n          async () => {\r\n            id.brand && t007.toast?.dismiss(id.brand);\r\n            let col;\r\n            if (val === \"custom\") return cBField.inputEl.click();\r\n            if (val !== \"auto\") col = this.settings.css.brandColor = val;\r\n            else col = this.settings.css.brandColor = (this.media.status.loadedData ? await this.ctlr.plug(\"settings.frame\")?.getMainColor(this.media.state.currentTime, this.media.features.frameCapture ? \"\" : undefined) : null) ?? this.ctlr.plug(\"settings.css\")?.build.brandColor!; // said 'video' not 'poster' derived\r\n            const cb = (s: any) => (bField.inputEl.value = defs.bcolors.includes(col as string) ? (col as string) : s ? \"auto\" : \"custom\"),\r\n              No = () => (sync(cb, false), assert({ actions: { Yes } })),\r\n              Yes = () => (sync(cb, true), assert({ actions: { No } }));\r\n            sync(cb, val === \"auto\");\r\n            val === \"auto\" && (id.brand = this.ctlr.toast?.(\"The brand color will change anytime a video loads\", { icon: \"🎨\", autoClose: 15000, hideProgressBar: false, actions: { No }, onClose: () => (id.brand = \"\"), signal: this.signal }) || \"\");\r\n          },\r\n          150\r\n        ),\r\n      onTColorChange = ({ target: { value: val } }: any) =>\r\n        this.ctlr.throttle(\r\n          \"themeColorPicking\",\r\n          async () => {\r\n            id.theme && t007.toast?.dismiss(id.theme);\r\n            let col;\r\n            if (val === \"custom\") return cTField.inputEl.click();\r\n            if (val !== \"auto\") col = this.settings.css.themeColor = val;\r\n            else col = this.settings.css.themeColor = (this.media.status.loadedData ? await this.ctlr.plug(\"settings.frame\")?.getMainColor(this.media.state.currentTime, this.media.features.frameCapture ? \"\" : undefined) : null) ?? this.ctlr.plug(\"settings.css\")?.build.themeColor!;\r\n            const cb = (s: any) => (tField.inputEl.value = defs.tcolors.includes(col as string) ? (col as string) : s ? \"auto\" : \"custom\"),\r\n              No = () => (sync(cb, false, \"theme\"), assert({ actions: { Yes } }, \"theme\")),\r\n              Yes = () => (sync(cb, true, \"theme\"), assert({ actions: { No } }, \"theme\"));\r\n            sync(cb, val === \"auto\", \"theme\");\r\n            val === \"auto\" && (id.theme = this.ctlr.toast?.(\"The theme color will change anytime a video loads\", { icon: \"🎨\", autoClose: 15000, hideProgressBar: false, actions: { No }, onClose: () => (id.theme = \"\"), signal: this.signal }) || \"\");\r\n          },\r\n          150\r\n        );\r\n    bField.inputEl.addEventListener(\"input\", onBColorChange, { signal: this.signal }), cBField.inputEl.addEventListener(\"input\", onBColorChange, { signal: this.signal });\r\n    tField.inputEl.addEventListener(\"input\", onTColorChange, { signal: this.signal }), cTField.inputEl.addEventListener(\"input\", onTColorChange, { signal: this.signal });\r\n    // Helpful Tips\r\n    const tipsBtn = createEl(\"button\", { className: \"tmg-media-settings-tips-btn\", innerHTML: `<span>💡 Did You Know?</span>` });\r\n    this.closeBtn?.insertAdjacentElement(\"afterend\", tipsBtn);\r\n    tipsBtn.addEventListener(\"click\", this.showTipsDialog, { signal: this.signal });\r\n  }\r\n\r\n  private getTipsHTML() {\r\n    return `\r\n      <div style=\"font-family: inherit; color: inherit;\">\r\n        <div style=\"text-align: center; margin-bottom: 25px;\">\r\n          <h2 style=\"margin: 0 0 10px 0; letter-spacing: -0.5px;\">🎬 Welcome to TVP</h2>\r\n          <p style=\"margin: 0; opacity: 0.9; line-height: 1.5;\">\r\n            You aren't just watching a video; you're sitting in the cockpit of the most advanced, performance-first media engine on the web. We are thrilled to have you here. \r\n            <br><strong>Here is your official flight manual to unlock its full power:</strong>\r\n          </p>\r\n        </div>\r\n        <h3 style=\"margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;\">🎛️ The Smart Canvas (Mouse & Touch)</h3>\r\n        <ul style=\"padding-left: 20px; line-height: 1.6; margin-bottom: 25px;\">\r\n          <li><strong>Hyper-speed on demand:</strong> Click and hold the right side of the video screen or the play key (<strong>Spacebar</strong>) to fast-forward, left side or <strong>Shift</strong> + play key rewinds.</li>\r\n          <li><strong>Smart scrubbing:</strong> Don't hunt for the tiny progress bar. Just scroll horizontally across the middle of the screen to scrub smoothly through time.</li>\r\n          <li><strong>Invisible sliders:</strong> Scroll vertically on the <em>right edge</em> for Volume, and the <em>left edge</em> for Brightness.</li>\r\n          <li><strong>Precision taps:</strong> Double-tap the edges to skip forward or backward. Double tap the center to toggle Fullscreen (or Play/Pause on mobile).</li>\r\n        </ul>\r\n        <h3 style=\"margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;\">🏗️ Total UI Control</h3>\r\n        <ul style=\"padding-left: 20px; line-height: 1.6; margin-bottom: 25px;\">\r\n          <li><strong>Build your own player:</strong> Don't like our layout? <strong>Click and drag</strong> almost \"any\" button on the control bars to physically rearrange the interface exactly how you want it.</li>\r\n          <li><strong>Draggable subtitles:</strong> Subtitles blocking a crucial part of the scene? Just grab the text box and drag it anywhere else on the screen.</li>\r\n          <li><strong>The chameleon engine:</strong> Head to settings and set your Brand/Theme colors to \"Video Derived\". TVP will actively analyze the video frames and extract dominant colors to paint the UI dynamically.</li>\r\n          <li><strong>Descriptive hints:</strong> Hover over the controls to expose their tooltips and get more information about how to trigger each function.</li>\r\n        </ul>\r\n        <h3 style=\"margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;\">⌨️ Keyboard Ninja Status</h3>\r\n        <ul style=\"padding-left: 20px; line-height: 1.6; margin-bottom: 25px;\">\r\n          <li><strong>The playback trinity (J, K, L):</strong> Skip backward, Play/Pause, and Skip forward like a pro editor. Do the same with arrow keys, hold <strong>Ctrl</strong>, <strong>Shift</strong> or <strong>Alt</strong> to spice things up.</li>\r\n          <li><strong>Time travel:</strong> Hit any number key to jump to that percentage of the video (e.g., hitting '5' jumps to the exact middle). <em>(Easter Egg: Undo or Redo with <strong>Ctrl + Z</strong> and <strong>Ctrl + Y</strong>)</em></li>\r\n          <li><strong>Frame-by-frame:</strong> Paused the video? Use <strong>,</strong> (comma) and <strong>.</strong> (period) to step backward or forward one single frame at a time.</li>\r\n          <li><strong>Warp speed:</strong> Use <strong>&gt;</strong> and <strong>&lt;</strong> to crank the playback speed up or down.</li>\r\n        </ul>\r\n        <h3 style=\"margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; opacity: 0.85;\">🔬 Advanced Window Tech</h3>\r\n        <ul style=\"padding-left: 20px; line-height: 1.6; margin-bottom: 20px;\">\r\n          <li><strong>The snapshot engine:</strong> Click the Camera icon or press <strong>s</strong> to screenshot a high-res image of the exact frame. <em>(Easter Egg: Double-Click or press <strong>Alt + s</strong> to capture in pure Black &amp; White!)</em></li>\r\n          <li><strong>Ultra-readable time:</strong> Click the time display or press <strong>q</strong> to toggle between elapsed time and remaining time. <em>(Easter Egg: Double-Click or press <strong>z</strong> to display the time in different formats!)</em></li>\r\n          <li><strong>Floating miniplayer:</strong> Start playing a video and just scroll down the page. TVP will automatically detach into a draggable miniplayer so you never miss a second.</li>\r\n          <li><strong>Custom picture-in-picture:</strong> We bypassed standard browser limits to give you a floating player that actually keeps all your custom UI controls intact.</li>\r\n        </ul>\r\n        <div style=\"text-align: center; margin-top: 30px; padding: 15px; border-radius: 8px; background: rgba(128, 128, 128, 0.1);\">\r\n          <p style=\"margin: 0 0 10px 0;\"><strong>Enjoy the player.</strong> We're still in active development, but already miles ahead. Welcome to the bleeding edge.</p>\r\n          <p style=\"margin: 0; opacity: 0.8;\">🧪 <strong>beta tester?</strong> Find the Settings advanced menu to travel through linear time, or <a href=\"mailto:tobioketade007@gmail.com\" style=\"color: inherit; text-decoration: underline;\">drop me an email</a> to collaborate!</p>\r\n          </div>\r\n        </div>\r\n      `;\r\n  }\r\n\r\n  private async showTipsDialog() {\r\n    await this.exitMore();\r\n    t007.alert(this.getTipsHTML(), { id: `${this.ctlr.config.id}-tips-dialog`, rootElement: this.ctlr.DOM.containerContent, confirmText: \"Got it!\" });\r\n  }\r\n\r\n  protected override onDestroy(): void {\r\n    this.menu.destroy(), super.onDestroy();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PlugRegistryMap {\r\n    \"settings.panel\": typeof PanelPlug;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/config\" {\r\n  interface Settings {\r\n    panel: panelConfig;\r\n  }\r\n}\r\n\r\nexport type * from \"./types\";\r\nexport * from \"./build\";\r\n"],"mappings":"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","names":[]}

package/dist/{chunk-JLUX5NZJ.js → chunk-CS262ZPQ.js}

@@ -1,24 +1,3 @@
-import {
-  volumeHigh
-} from "./chunk-W6TNR6NH.js";
-import {
-  volumeLow
-} from "./chunk-CRVRDKEG.js";
-import {
-  volumeMuted
-} from "./chunk-2WOP45O7.js";
-import {
-  sort
-} from "./chunk-QP2X53HC.js";
-import {
-  subtitles
-} from "./chunk-D7JQDN74.js";
-import {
-  timer
-} from "./chunk-R4HNE7TL.js";
-import {
-  triangleLeft
-} from "./chunk-6SMYDK4B.js";
 import {
   tripleTriangleLeft
 } from "./chunk-IIRP4XMQ.js";
@@ -32,17 +11,14 @@ import {
   videoTrack
 } from "./chunk-AIJWNUXU.js";
 import {
-  playlist
-} from "./chunk-KLAI7YSD.js";
-import {
-  previous
-} from "./chunk-65HPQXXZ.js";
+  volumeHigh
+} from "./chunk-W6TNR6NH.js";
 import {
-  quality
-} from "./chunk-JG7AOGDX.js";
+  volumeLow
+} from "./chunk-CRVRDKEG.js";
 import {
-  removeMiniplayer
-} from "./chunk-GCEEKQP5.js";
+  volumeMuted
+} from "./chunk-2WOP45O7.js";
 import {
   replay
 } from "./chunk-YHTCXXEG.js";
@@ -56,17 +32,17 @@ import {
   shuffle
 } from "./chunk-OEHNS7YX.js";
 import {
-  next
-} from "./chunk-MP2GRDUX.js";
+  sort
+} from "./chunk-QP2X53HC.js";
 import {
-  objectFitContain
-} from "./chunk-2DIFFYIR.js";
+  subtitles
+} from "./chunk-D7JQDN74.js";
 import {
-  objectFitCover
-} from "./chunk-JBAQKWHW.js";
+  timer
+} from "./chunk-R4HNE7TL.js";
 import {
-  objectFitFill
-} from "./chunk-JERHONAV.js";
+  triangleLeft
+} from "./chunk-6SMYDK4B.js";
 import {
   pause
 } from "./chunk-OOXUZMZ7.js";
@@ -80,17 +56,17 @@ import {
   playbackRate
 } from "./chunk-C3IEUYR3.js";
 import {
-  expandMiniplayer
-} from "./chunk-DN4TFOZV.js";
+  playlist
+} from "./chunk-KLAI7YSD.js";
 import {
-  forward10
-} from "./chunk-PGSBJUJ4.js";
+  previous
+} from "./chunk-65HPQXXZ.js";
 import {
-  fullscreenOrientation
-} from "./chunk-SEHWINY7.js";
+  quality
+} from "./chunk-JG7AOGDX.js";
 import {
-  fwd
-} from "./chunk-XXYOJDOZ.js";
+  removeMiniplayer
+} from "./chunk-GCEEKQP5.js";
 import {
   goBack
 } from "./chunk-4XUR7NSC.js";
@@ -104,17 +80,17 @@ import {
   mic
 } from "./chunk-PEKXIISU.js";
 import {
-  edit
-} from "./chunk-NLJQAJZB.js";
+  next
+} from "./chunk-MP2GRDUX.js";
 import {
-  enterFullscreen
-} from "./chunk-27UEI7BB.js";
+  objectFitContain
+} from "./chunk-2DIFFYIR.js";
 import {
-  enterPip
-} from "./chunk-SRZCJKJZ.js";
+  objectFitCover
+} from "./chunk-JBAQKWHW.js";
 import {
-  enterTheater
-} from "./chunk-BZYMBDEH.js";
+  objectFitFill
+} from "./chunk-JERHONAV.js";
 import {
   errorPlaceholder
 } from "./chunk-2K7QF6AQ.js";
@@ -128,17 +104,17 @@ import {
   exitTheater
 } from "./chunk-CRH6DM5A.js";
 import {
-  capture
-} from "./chunk-HA2GK6KH.js";
+  expandMiniplayer
+} from "./chunk-DN4TFOZV.js";
 import {
-  cast
-} from "./chunk-6S5BMP4A.js";
+  forward10
+} from "./chunk-PGSBJUJ4.js";
 import {
-  castPlaceholder
-} from "./chunk-HXGWGQL3.js";
+  fullscreenOrientation
+} from "./chunk-SEHWINY7.js";
 import {
-  chapters
-} from "./chunk-2W5XWGGE.js";
+  fwd
+} from "./chunk-XXYOJDOZ.js";
 import {
   check
 } from "./chunk-O7XYY33O.js";
@@ -152,17 +128,17 @@ import {
   dragIndicator
 } from "./chunk-ZLZCQ3KJ.js";
 import {
-  autoplay
-} from "./chunk-WTHHXWQM.js";
+  edit
+} from "./chunk-NLJQAJZB.js";
 import {
-  backward10
-} from "./chunk-3KD22Z7D.js";
+  enterFullscreen
+} from "./chunk-27UEI7BB.js";
 import {
-  bin
-} from "./chunk-XQDJXXGL.js";
+  enterPip
+} from "./chunk-SRZCJKJZ.js";
 import {
-  brightnessDark
-} from "./chunk-XTLPAS7S.js";
+  enterTheater
+} from "./chunk-BZYMBDEH.js";
 import {
   brightnessHigh
 } from "./chunk-YEQ7IT4H.js";
@@ -176,8 +152,17 @@ import {
   captions
 } from "./chunk-CTSPKWKN.js";
 import {
-  add
-} from "./chunk-ID72UAJE.js";
+  capture
+} from "./chunk-HA2GK6KH.js";
+import {
+  cast
+} from "./chunk-6S5BMP4A.js";
+import {
+  castPlaceholder
+} from "./chunk-HXGWGQL3.js";
+import {
+  chapters
+} from "./chunk-2W5XWGGE.js";
 import {
   airplay
 } from "./chunk-JP5X5JDL.js";
@@ -190,6 +175,21 @@ import {
 import {
   audioTrack
 } from "./chunk-AH2VE4UI.js";
+import {
+  autoplay
+} from "./chunk-WTHHXWQM.js";
+import {
+  backward10
+} from "./chunk-3KD22Z7D.js";
+import {
+  bin
+} from "./chunk-XQDJXXGL.js";
+import {
+  brightnessDark
+} from "./chunk-XTLPAS7S.js";
+import {
+  add
+} from "./chunk-ID72UAJE.js";
 import {
   IconRegistry
 } from "./chunk-3NUEYI6F.js";
@@ -262,4 +262,4 @@ IconRegistry.registerAll({
   goBack,
   mic
 });
-//# sourceMappingURL=chunk-JLUX5NZJ.js.map
+//# sourceMappingURL=chunk-CS262ZPQ.js.map

package/dist/{chunk-QKDQO5Q6.js → chunk-G7LPQ2QM.js}

@@ -1,18 +1,18 @@
 import {
-  TimeTravelPlug
-} from "./chunk-DVWO4TAJ.js";
+  VoicePlug
+} from "./chunk-EDDHWZ2G.js";
 import {
   VolumePlug
 } from "./chunk-YTENMWZC.js";
-import {
-  TimePlug
-} from "./chunk-EOF74JXP.js";
 import {
   SleepTimerPlug
 } from "./chunk-FVLZ3OEJ.js";
 import {
-  VoicePlug
-} from "./chunk-EDDHWZ2G.js";
+  TimePlug
+} from "./chunk-EOF74JXP.js";
+import {
+  TimeTravelPlug
+} from "./chunk-DVWO4TAJ.js";
 import {
   PlaybackRatePlug
 } from "./chunk-HJTL3RDC.js";
@@ -20,11 +20,11 @@ import {
   PosterPlug
 } from "./chunk-7Z3ELIF5.js";
 import {
-  OverlayPlug
-} from "./chunk-YDEE32IH.js";
+  LockedPlug
+} from "./chunk-U32SPBGP.js";
 import {
   PanelPlug
-} from "./chunk-GANVIUO4.js";
+} from "./chunk-2E73S6VU.js";
 import {
   PersistPlug
 } from "./chunk-7VQGFCDP.js";
@@ -35,11 +35,20 @@ import {
   ObjectFitPlug
 } from "./chunk-AFFUBWU7.js";
 import {
-  ModesAirPlayPin
-} from "./chunk-HKC2BLPK.js";
+  OverlayPlug
+} from "./chunk-YDEE32IH.js";
 import {
   ModesCastPin
 } from "./chunk-75IZQRFT.js";
+import {
+  MetadataPlug
+} from "./chunk-VXVCJNJA.js";
+import {
+  KeysPlug
+} from "./chunk-MVECTY6M.js";
+import {
+  ModesAirPlayPin
+} from "./chunk-HKC2BLPK.js";
 import {
   ModesFullscreenPin,
   ModesMiniplayerPin,
@@ -47,15 +56,6 @@ import {
   ModesPlug,
   ModesTheaterPin
 } from "./chunk-2PAMF7VB.js";
-import {
-  KeysPlug
-} from "./chunk-MVECTY6M.js";
-import {
-  LockedPlug
-} from "./chunk-U32SPBGP.js";
-import {
-  MetadataPlug
-} from "./chunk-VXVCJNJA.js";
 import {
   FramePlug
 } from "./chunk-6U7TJ55D.js";
@@ -71,8 +71,8 @@ import {
   FastPlayPlug
 } from "./chunk-SSEY3TRB.js";
 import {
-  AutoPlug
-} from "./chunk-JSRE6TE6.js";
+  CaptionsPlug
+} from "./chunk-DIPJKHL6.js";
 import {
   ControlPanelDraggablePin,
   ControlPanelPlug
@@ -83,27 +83,27 @@ import {
 import {
   CSSPlug
 } from "./chunk-33S55DYW.js";
+import {
+  AutoPlug
+} from "./chunk-JSRE6TE6.js";
 import {
   BrightnessPlug
 } from "./chunk-YE35AUGV.js";
 import {
-  CaptionsPlug
-} from "./chunk-DIPJKHL6.js";
+  SkeletonPlug
+} from "./chunk-HJSF7FIY.js";
+import {
+  PlaylistPlug
+} from "./chunk-FNBLEFZP.js";
 import {
   AmbiencePlug
 } from "./chunk-EJTIHJQW.js";
-import {
-  SkeletonPlug
-} from "./chunk-HJSF7FIY.js";
 import {
   AdsPlug
 } from "./chunk-G4CMSCPP.js";
 import {
   LightPlug
 } from "./chunk-2DR4K47N.js";
-import {
-  PlaylistPlug
-} from "./chunk-FNBLEFZP.js";
 import {
   DisabledPlug
 } from "./chunk-L7JGVG2M.js";
@@ -162,4 +162,4 @@ for (const Pin of [
   GestureTouchPin
 ])
   PinRegistry.register(Pin);
-//# sourceMappingURL=chunk-QKDQO5Q6.js.map
+//# sourceMappingURL=chunk-G7LPQ2QM.js.map

package/dist/{chunk-2XZVZP7M.js → chunk-P6BOUZA5.js}

@@ -7,30 +7,9 @@ import {
 import {
   BrightnessControl
 } from "./chunk-SW7QOR7V.js";
-import {
-  CastPlaceholder
-} from "./chunk-DLN6CCVO.js";
-import {
-  ErrorPlaceholder
-} from "./chunk-IU2B6VX5.js";
-import {
-  PiPPlaceholder
-} from "./chunk-6XZXEBLR.js";
 import {
   RangeInput
 } from "./chunk-PNUIVHH4.js";
-import {
-  PreviousButton
-} from "./chunk-ATLSJJZX.js";
-import {
-  RemoveMiniplayerButton
-} from "./chunk-J5ESLAGG.js";
-import {
-  SettingsButton
-} from "./chunk-WZINXIIW.js";
-import {
-  TheaterButton
-} from "./chunk-CTXFLY7V.js";
 import {
   TimeButton
 } from "./chunk-5D3HDH6Z.js";
@@ -40,21 +19,6 @@ import {
 import {
   VoiceButton
 } from "./chunk-V7NE5HVK.js";
-import {
-  AirPlayPlaceholder
-} from "./chunk-6QYP3OA6.js";
-import {
-  FullscreenButton
-} from "./chunk-M4MAELFE.js";
-import {
-  FullscreenLockButton
-} from "./chunk-4PKSRMKZ.js";
-import {
-  FullscreenOrientationButton
-} from "./chunk-ZYZP6OTZ.js";
-import {
-  Meta
-} from "./chunk-WMDE4WR7.js";
 import {
   NextButton
 } from "./chunk-ZJTUWRBI.js";
@@ -68,17 +32,17 @@ import {
   PlayPauseButton
 } from "./chunk-NFKJ322S.js";
 import {
-  BigPreviousButton
-} from "./chunk-JOHN3OSE.js";
+  PreviousButton
+} from "./chunk-ATLSJJZX.js";
 import {
-  CaptionsButton
-} from "./chunk-GDT3ZMZN.js";
+  RemoveMiniplayerButton
+} from "./chunk-J5ESLAGG.js";
 import {
-  CaptureButton
-} from "./chunk-EJV73FIY.js";
+  SettingsButton
+} from "./chunk-WZINXIIW.js";
 import {
-  CastButton
-} from "./chunk-6OT6DHIW.js";
+  TheaterButton
+} from "./chunk-CTXFLY7V.js";
 import {
   ChapterButton
 } from "./chunk-TBXDQT5T.js";
@@ -91,6 +55,18 @@ import {
 import {
   Forward10Button
 } from "./chunk-MNYFUWSL.js";
+import {
+  FullscreenButton
+} from "./chunk-M4MAELFE.js";
+import {
+  FullscreenLockButton
+} from "./chunk-4PKSRMKZ.js";
+import {
+  FullscreenOrientationButton
+} from "./chunk-ZYZP6OTZ.js";
+import {
+  Meta
+} from "./chunk-WMDE4WR7.js";
 import {
   AirPlayButton
 } from "./chunk-X3RI4YSK.js";
@@ -103,6 +79,30 @@ import {
 import {
   BigPlayPauseButton
 } from "./chunk-TA6WAQBX.js";
+import {
+  BigPreviousButton
+} from "./chunk-JOHN3OSE.js";
+import {
+  CaptionsButton
+} from "./chunk-GDT3ZMZN.js";
+import {
+  CaptureButton
+} from "./chunk-EJV73FIY.js";
+import {
+  CastButton
+} from "./chunk-6OT6DHIW.js";
+import {
+  AirPlayPlaceholder
+} from "./chunk-6QYP3OA6.js";
+import {
+  CastPlaceholder
+} from "./chunk-DLN6CCVO.js";
+import {
+  ErrorPlaceholder
+} from "./chunk-IU2B6VX5.js";
+import {
+  PiPPlaceholder
+} from "./chunk-6XZXEBLR.js";
 import {
   Buffer
 } from "./chunk-IA77Q36X.js";
@@ -159,4 +159,4 @@ for (const Comp of [
   ErrorPlaceholder
 ])
   ComponentRegistry.register(Comp);
-//# sourceMappingURL=chunk-2XZVZP7M.js.map
+//# sourceMappingURL=chunk-P6BOUZA5.js.map