tmg-media-player 0.0.1

package/dist/chunk-E56PSUT2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/modes/theater.ts","../src/ts/plugs/settings/modes/pictureInPicture.ts","../src/ts/plugs/settings/modes/miniplayer.ts","../src/ts/plugs/settings/modes/index.ts","../src/ts/plugs/settings/modes/fullscreen.ts"],"sourcesContent":["import { BasePin } from \"../../base\";\r\nimport { MODES_THEATER_BUILD } from \"./build\";\r\nimport { ModesPlug } from \"./index\";\r\nimport type { ModesTheaterConfig } from \"./types\";\r\nimport type { REvent } from \"sia-reactor\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport type { CtlrConfig } from \"@defs/config\";\r\n\r\nexport class ModesTheaterPin extends BasePin<ModesPlug, ModesTheaterConfig> {\r\n  public static readonly pinName = \"theater\";\r\n  public static get Plug() {\r\n    return ModesPlug;\r\n  }\r\n  public static readonly BUILD = MODES_THEATER_BUILD;\r\n\r\n  public override wire(): void {\r\n    // Ctlr Media Watchers\r\n    this.media.watch(\"tech\", this.syncFeatures, { init: true, signal: this.signal });\r\n    // ---- Media Listeners\r\n    this.media.on(\"intent.theater\", this.handleTheaterIntent, { capture: true, init: this.ctlr.payload.wired, initType: \"set\", signal: this.signal }); // #HIGHER-POWER: power arbitration\r\n    // ---- Config ---------\r\n    this.ctlr.config.on(\"settings.modes.theater.disabled\", this.handleDisabled, { init: true, signal: this.signal });\r\n    // Post Wiring\r\n    this.ctlr.registerAction(\"theater\", { keyboard: { phase: \"keyup\" } });\r\n  }\r\n\r\n  protected handleDisabled({ value }: REvent<CtlrConfig, \"settings.modes.theater.disabled\">): void {\r\n    this.syncFeatures();\r\n    if (value && this.ctlr.isUIActive(\"theater\")) this.media.intent.theater = false;\r\n  }\r\n\r\n  protected handleTheaterIntent(e: REvent<CtlrMedia, \"intent.theater\">): void {\r\n    if (e.resolved || (e.value && (this.ctlr.isUIActive(\"fullscreen\") || this.ctlr.isUIActive(\"miniplayer\") || this.ctlr.isUIActive(\"floatingPlayer\")))) return;\r\n    this.media.container.classList.toggle(\"tmg-media-theater\", e.value);\r\n    this.media.state.theater = e.value;\r\n    e.resolve(this.name);\r\n  }\r\n\r\n  public syncFeatures(): void {\r\n    if (this.config.disabled) return void (this.media.features.theater = false);\r\n    this.media.features.theater ||= true;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PinRegistryMap {\r\n    \"modes.theater\": typeof ModesTheaterPin;\r\n  }\r\n}\r\n","import { BasePin } from \"../../base\";\r\nimport { ModesPlug } from \"./index\";\r\nimport type { ModesPictureInPictureConfig } from \"./types\";\r\nimport { MODES_PICTURE_IN_PICTURE_BUILD } from \"./build\";\r\nimport type { REvent } from \"sia-reactor\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport type { CtlrConfig } from \"@defs/config\";\r\nimport { handleDOMMutation } from \"@tools/runtime\";\r\nimport { createEl, loadResource, observeMutation, supportsPictureInPicture } from \"@utils/dom\";\r\nimport { mockAsync, breath } from \"@utils/fn\";\r\nimport { isStr } from \"@utils/obj\";\r\nimport { isSameURL } from \"@utils/str\";\r\nimport { PiPPlaceholder } from \"@components/holders/pipplaceholder\";\r\nimport { ComponentRegistry } from \"@core/registries\";\r\nimport { silence } from \"sia-reactor/modules\";\r\n\r\nexport class ModesPictureInPicturePin extends BasePin<ModesPlug, ModesPictureInPictureConfig> {\r\n  public static readonly pinName = \"pictureInPicture\";\r\n  public static get Plug() {\r\n    return ModesPlug;\r\n  }\r\n  public static readonly BUILD = MODES_PICTURE_IN_PICTURE_BUILD;\r\n  public inFloatingPlayer = false; // a quick notice flag for external deps\r\n  public floatingWindow: (Window & typeof globalThis) | null = null;\r\n  protected placeholder: PiPPlaceholder | null = null;\r\n  protected pseudoPlaceholder: PiPPlaceholder | null = null;\r\n  public whitelist: string[] = [];\r\n  public blacklist: string[] = [];\r\n\r\n  public override mount(): void {\r\n    // Utility Injection\r\n    this.placeholder = ComponentRegistry.init(\"pipplaceholder\", this.ctlr);\r\n    if ((window as any).documentPictureInPicture) this.pseudoPlaceholder = ComponentRegistry.init(\"pipplaceholder\", this.ctlr);\r\n    this.placeholder?.mount(), this.pseudoPlaceholder && this.media.pseudoContainer.prepend(this.pseudoPlaceholder.el);\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Ctlr Media Watchers\r\n    this.media.watch(\"tech\", this.syncFeatures, { init: true, signal: this.signal });\r\n    // ---- Media Listeners\r\n    this.media.on(\"intent.pictureInPicture\", this.handlePictureInPictureIntent, { capture: true, init: this.ctlr.payload.wired, initType: \"set\", signal: this.signal }); // #HIGHER-POWER: power arbitration\r\n    this.media.on(\"state.pictureInPicture\", this.handlePictureInPictureState, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"state.disablePictureInPicture\", this.syncFeatures, { signal: this.signal });\r\n    // ---- Config ------\r\n    this.ctlr.config.on(\"settings.modes.pictureInPicture.disabled\", this.handleDisabled, { init: true, signal: this.signal });\r\n    this.ctlr.config.on(\"settings.modes.pictureInPicture.floatingPlayer.disabled\", this.handleDisabled, { signal: this.signal });\r\n    // Post Wiring\r\n    this.ctlr.registerAction(\"pictureInPicture\", { keyboard: { phase: \"keyup\" } });\r\n  }\r\n\r\n  protected handleDisabled({ value }: REvent<CtlrConfig, \"settings.modes.pictureInPicture.disabled\" | \"settings.modes.pictureInPicture.floatingPlayer.disabled\">): void {\r\n    this.syncFeatures();\r\n    if (value && (this.ctlr.isUIActive(\"pictureInPicture\") || this.ctlr.isUIActive(\"floatingPlayer\"))) this.media.intent.pictureInPicture = false;\r\n  }\r\n\r\n  protected handlePictureInPictureIntent(e: REvent<CtlrMedia, \"intent.pictureInPicture\">): void {\r\n    if (e.resolved) return;\r\n    const pipActive = this.ctlr.isUIActive(\"pictureInPicture\");\r\n    if (!this.ctlr.isNativeEl && this.config.floatingPlayer.disabled) return e.reject(this.name);\r\n    if (this.ctlr.plug(\"settings.modes\")?.fullscreen?.inFullscreen) silence(() => (this.media.intent.fullscreen = false));\r\n    if (!pipActive && this.media.features.floatingPlayer) {\r\n      e.value && !this.inFloatingPlayer ? this.initFloatingPlayer() : this.floatingWindow?.close();\r\n      e.resolve(this.name);\r\n    } // tech will handle PiP toggle if not using floating player\r\n  }\r\n\r\n  protected async handlePictureInPictureState({ value }: REvent<CtlrMedia, \"state.pictureInPicture\">): Promise<void> {\r\n    if (this.floatingWindow) return;\r\n    if (value) {\r\n      this.media.container.classList.add(\"tmg-media-picture-in-picture\"), this.media.pseudoContainer.classList.add(\"tmg-media-in-picture-in-picture\");\r\n      this.ctlr.plug(\"settings.overlay\")?.show();\r\n      silence(() => (this.media.intent.miniplayer = false));\r\n      this.ctlr.plug(\"settings.metadata\")?.syncSession();\r\n    } else {\r\n      await mockAsync(180);\r\n      this.media.container.classList.remove(\"tmg-media-picture-in-picture\"), this.media.pseudoContainer.classList.remove(\"tmg-media-in-picture-in-picture\");\r\n      this.ctlr.plug(\"settings.modes\")?.miniplayer?.toggle();\r\n      this.ctlr.plug(\"settings.overlay\")?.delay();\r\n    }\r\n  }\r\n\r\n  protected async initFloatingPlayer(): Promise<void> {\r\n    if (this.inFloatingPlayer) return;\r\n    (window as any).documentPictureInPicture?.window?.close?.();\r\n    silence(() => (this.media.intent.miniplayer = false));\r\n    this.floatingWindow = await (window as any).documentPictureInPicture.requestWindow(this.config.floatingPlayer);\r\n    this.inFloatingPlayer = true;\r\n    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;`;\r\n    await breath(this.floatingWindow!); // rendering style to keep UI visible during heavy lifting\r\n    const cssTexts = [],\r\n      parse = (src: any) => (isStr(src) ? src : null),\r\n      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) as string[]); // CSS too experimental; needs a link (href) :)\r\n    for (const sheet of document.styleSheets) {\r\n      try {\r\n        const nope = (src: string) => isSameURL(src, sheet.href);\r\n        if (!whitelist.some(nope) && !this.blacklist.some(nope)) for (const cssRule of sheet.cssRules) if ((cssRule as CSSStyleRule).selectorText?.includes(\":root\") || cssRule.cssText.includes(\"tmg\") || cssRule.cssText.includes(\"t007\")) cssTexts.push(cssRule.cssText);\r\n      } catch {\r\n        continue;\r\n      }\r\n    }\r\n    this.floatingWindow!.document.head.append(createEl(\"style\", { textContent: cssTexts.join(\"\\n\") }));\r\n    await Promise.all(whitelist.map((href) => href.includes(\".css\") && loadResource(href, \"style\", undefined, this.floatingWindow!)));\r\n    this.ctlr.plug(\"skeleton\")?.enterPseudoMode();\r\n    this.media.container.classList.add(\"tmg-media-floating-player\", \"tmg-media-progress-bar\"), this.media.pseudoContainer.classList.add(\"tmg-media-in-floating-player\");\r\n    this.floatingWindow!.document.body.append(this.media.container);\r\n    this.floatingWindow!.document.documentElement.id = document.documentElement.id;\r\n    this.floatingWindow!.document.documentElement.className = document.documentElement.className;\r\n    for (const attr of document.documentElement.getAttributeNames()) this.floatingWindow!.document.documentElement.setAttribute(attr, document.documentElement.getAttribute(attr)!);\r\n    this.signal.addEventListener(\"abort\", observeMutation(this.floatingWindow!.document.documentElement, handleDOMMutation, { childList: true, subtree: true }), { once: true });\r\n    this.floatingWindow!.addEventListener(\"resize\", this.handleFloatingPlayerResize, { signal: this.signal });\r\n    this.floatingWindow!.addEventListener(\"pagehide\", this.handleFloatingPlayerClose, { signal: this.signal });\r\n    this.ctlr.plug(\"settings.keys\")?.setEventListeners();\r\n    this.media.state.pictureInPicture = true;\r\n  } // #STANDALONE: needs scoped behavior\r\n\r\n  protected handleFloatingPlayerResize(): void {\r\n    if (!this.config.floatingPlayer.preferInitialWindowPlacement) return;\r\n    this.config.floatingPlayer.width = this.floatingWindow?.innerWidth ?? this.config.floatingPlayer.width;\r\n    this.config.floatingPlayer.height = this.floatingWindow?.innerHeight ?? this.config.floatingPlayer.height;\r\n  }\r\n\r\n  protected handleFloatingPlayerClose(): void {\r\n    this.inFloatingPlayer = false;\r\n    this.floatingWindow = null;\r\n    this.media.container.classList.toggle(\"tmg-media-progress-bar\", this.settings.controlPanel.progressBar);\r\n    this.media.container.classList.remove(\"tmg-media-floating-player\"), this.media.pseudoContainer.classList.remove(\"tmg-media-in-floating-player\");\r\n    this.ctlr.plug(\"skeleton\")?.leavePseudoMode();\r\n    this.ctlr.plug(\"settings.modes\")?.miniplayer?.toggle();\r\n    this.media.state.pictureInPicture = false;\r\n  }\r\n\r\n  public syncFeatures(): void {\r\n    if (this.config.disabled) return void (this.media.features.pictureInPicture = this.media.features.floatingPlayer = false);\r\n    if (!this.config.floatingPlayer.disabled) this.media.features.floatingPlayer ||= (window as any).documentPictureInPicture && this.ctlr.isNativeEl;\r\n    else this.media.features.floatingPlayer = false;\r\n    this.media.features.pictureInPicture ||= this.ctlr.isNativeEl && ((supportsPictureInPicture() && !this.media.state.disablePictureInPicture) || this.media.features.floatingPlayer);\r\n  }\r\n\r\n  protected override onDestroy(): void {\r\n    this.floatingWindow?.close(), this.placeholder?.destroy(), this.pseudoPlaceholder?.destroy(), super.onDestroy();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PinRegistryMap {\r\n    \"modes.pictureInPicture\": typeof ModesPictureInPicturePin;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/contract\" {\r\n  interface MediaExtraFeatures {\r\n    floatingPlayer: boolean;\r\n  }\r\n}\r\n","import { BasePin } from \"../../base\";\r\nimport { MODES_MINIPLAYER_BUILD } from \"./build\";\r\nimport type { ModesMiniplayerConfig } from \"./types\";\r\nimport { ModesPlug } from \"./index\";\r\nimport type { REvent } from \"sia-reactor\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport type { CtlrConfig } from \"@defs/config\";\r\nimport { inDocView, getWindow } from \"@utils/dom\";\r\nimport { setTimeout } from \"@utils/fn\";\r\nimport { clamp } from \"@utils/num\";\r\nimport { INTERACTIVE_SELECTOR } from \"@t007/utils\";\r\nimport { silence } from \"sia-reactor/modules\";\r\n\r\nexport class ModesMiniplayerPin extends BasePin<ModesPlug, ModesMiniplayerConfig> {\r\n  public static readonly pinName = \"miniplayer\";\r\n  public static get Plug() {\r\n    return ModesPlug;\r\n  }\r\n  public static readonly BUILD = MODES_MINIPLAYER_BUILD;\r\n  protected lastMiniplayerPosX = 0;\r\n  protected lastMiniplayerPosY = 0;\r\n  protected lastMiniplayerPtrX = 0;\r\n  protected lastMiniplayerPtrY = 0;\r\n  protected nextMiniplayerX = \"\";\r\n  protected nextMiniplayerY = \"\";\r\n  protected wildMiniplayerX = \"\";\r\n  protected wildMiniplayerY = \"\";\r\n\r\n  public override wire(): void {\r\n    // Ctlr Media Watchers\r\n    this.media.watch(\"tech\", this.syncFeatures, { init: true, signal: this.signal });\r\n    // ---- State --------\r\n    this.ctlr.state.watch(\"dimensions.window.width\", () => !this.ctlr.isUIActive(\"fullscreen\") && this.toggle(), { signal: this.signal });\r\n    // ---- Media  Listeners\r\n    this.media.on(\"intent.miniplayer\", this.handleMiniplayerIntent, { capture: true, init: this.ctlr.payload.wired, initType: \"set\", signal: this.signal }); // #HIGHER-POWER: power arbitration\r\n    this.media.on(\"state.paused\", ({ value }) => !value && this.toggle(), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // ---- State --------\r\n    this.ctlr.state.on(\"mediaParentIntersecting\", () => this.ctlr.payload.wired && this.toggle(), { signal: this.signal }); // #HEAVY: waits for !lightState\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.modes.miniplayer.disabled\", this.handleDisabled, { init: true, signal: this.signal });\r\n  }\r\n\r\n  protected handleDisabled({ value }: REvent<CtlrConfig, \"settings.modes.miniplayer.disabled\">): void {\r\n    this.syncFeatures();\r\n    if (value && this.ctlr.isUIActive(\"miniplayer\")) this.media.intent.miniplayer = false;\r\n  }\r\n\r\n  protected handleMiniplayerIntent(e: REvent<CtlrMedia, \"intent.miniplayer\">): void {\r\n    if (e.resolved) return;\r\n    const active = this.ctlr.isUIActive(\"miniplayer\");\r\n    e.value && !active ? this.enter() : active && this.exit();\r\n    e.resolve(this.name); // btw this is a smart behavioral implementation rather than just a toggler\r\n  }\r\n\r\n  protected enter(): void {\r\n    this.ctlr.plug(\"skeleton\")?.enterPseudoMode();\r\n    this.media.container.classList.add(\"tmg-media-miniplayer\", \"tmg-media-progress-bar\"), this.media.pseudoContainer.classList.add(\"tmg-media-in-miniplayer\");\r\n    for (const type of [\"mousedown\", \"touchstart\"]) this.media.container.addEventListener(type, this.handleDragStart, { signal: this.signal });\r\n    this.media.state.miniplayer = true;\r\n  } // #STANDALONE: partner courtesy\r\n\r\n  protected exit(behavior?: ScrollBehavior): void {\r\n    if (behavior && inDocView(this.media.pseudoContainer)) this.media.pseudoContainer.scrollIntoView({ behavior, block: \"center\", inline: \"center\" });\r\n    this.ctlr.plug(\"skeleton\")?.leavePseudoMode();\r\n    this.media.container.classList.remove(\"tmg-media-miniplayer\"), this.media.pseudoContainer.classList.remove(\"tmg-media-in-miniplayer\");\r\n    this.media.container.classList.toggle(\"tmg-media-progress-bar\", this.settings.controlPanel.progressBar);\r\n    for (const type of [\"mousedown\", \"touchstart\"]) this.media.container.removeEventListener(type, this.handleDragStart);\r\n    this.media.state.miniplayer = false;\r\n  } // #STANDALONE: needs scoped behavior\r\n  public expand(): void {\r\n    this.media.container.classList.contains(\"tmg-media-miniplayer\") && this.exit(\"smooth\");\r\n  }\r\n  public remove(): void {\r\n    silence(() => (this.media.intent.paused = true)), this.exit();\r\n  }\r\n\r\n  public toggle(bool?: boolean): void {\r\n    const active = this.ctlr.isUIActive(\"miniplayer\");\r\n    if (!active && (bool === true || this.shouldEnter())) this.media.intent.miniplayer = true;\r\n    else if (active && (bool === false || this.shouldExit())) this.media.intent.miniplayer = false;\r\n  }\r\n  public shouldEnter(): boolean {\r\n    const modes = this.ctlr.plug(\"settings.modes\");\r\n    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;\r\n  }\r\n  public shouldExit(): boolean {\r\n    return this.ctlr.state.mediaParentIntersecting || getWindow(this.media.container).innerWidth < this.config.minWindowWidth;\r\n  }\r\n\r\n  protected handleDragStart(e: globalThis.Event): void {\r\n    const target = e.target as HTMLElement,\r\n      clientX = (e as MouseEvent).clientX ?? (e as TouchEvent).targetTouches?.[0]?.clientX ?? 0,\r\n      clientY = (e as MouseEvent).clientY ?? (e as TouchEvent).targetTouches?.[0]?.clientY ?? 0;\r\n    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;\r\n    const { left, bottom } = getComputedStyle(this.media.container);\r\n    (this.lastMiniplayerPosX = parseFloat(left)), (this.lastMiniplayerPosY = parseFloat(bottom));\r\n    (this.lastMiniplayerPtrX = clientX), (this.lastMiniplayerPtrY = clientY);\r\n    (this.nextMiniplayerX = this.settings.css.currentMiniplayerX as string), (this.nextMiniplayerY = this.settings.css.currentMiniplayerY as string);\r\n    (this.wildMiniplayerX = this.nextMiniplayerX), (this.wildMiniplayerY = this.nextMiniplayerY);\r\n    document.addEventListener(\"mousemove\", this.handleDragging, { signal: this.signal });\r\n    document.addEventListener(\"touchmove\", this.handleDragging, { passive: false, signal: this.signal });\r\n    for (const type of [\"mouseup\", \"mouseleave\", \"touchend\", \"touchcancel\"]) document.addEventListener(type, this.handleDragEnd, { signal: this.signal });\r\n    this.media.container.style.setProperty(\"transition\", \"none\", \"important\");\r\n  }\r\n\r\n  protected handleDragging(e: globalThis.Event): void {\r\n    if ((e as TouchEvent).touches?.length > 1) return;\r\n    e.preventDefault();\r\n    this.ctlr.plug(\"settings.overlay\")?.hide(\"force\");\r\n    this.media.container.classList.add(\"tmg-media-player-dragging\");\r\n    this.ctlr.RAFLoop(\"miniplayerDragging\", () => {\r\n      const x = (e as MouseEvent).clientX ?? (e as TouchEvent).changedTouches?.[0]?.clientX ?? 0,\r\n        y = (e as MouseEvent).clientY ?? (e as TouchEvent).changedTouches?.[0]?.clientY ?? 0;\r\n      if (this.prevEX === x && this.prevEY === y) return; // #CONSERVATION: peak stays peak\r\n      (this.prevEX = x), (this.prevEY = y);\r\n      const { innerWidth: ww, innerHeight: wh } = window,\r\n        { offsetWidth: w, offsetHeight: h } = this.media.container,\r\n        newX = this.lastMiniplayerPosX + (x - this.lastMiniplayerPtrX),\r\n        newY = this.lastMiniplayerPosY - (y - this.lastMiniplayerPtrY),\r\n        posX = clamp(w / 2, newX, ww - w / 2),\r\n        posY = clamp(h / 2, newY, wh - h / 2);\r\n      this.media.container.style.setProperty(\"transform\", `translate(${x - this.lastMiniplayerPtrX}px, ${y - this.lastMiniplayerPtrY}px)`, \"important\");\r\n      (this.nextMiniplayerX = `${(posX / ww) * 100}%`), (this.nextMiniplayerY = `${(posY / wh) * 100}%`);\r\n      (this.wildMiniplayerX = `${(newX / ww) * 100}%`), (this.wildMiniplayerY = `${(newY / wh) * 100}%`);\r\n    });\r\n  }\r\n  private prevEX?: number;\r\n  private prevEY?: number;\r\n\r\n  protected handleDragEnd(): void {\r\n    this.ctlr.cancelRAFLoop(\"miniplayerDragging\");\r\n    this.media.container.classList.remove(\"tmg-media-player-dragging\");\r\n    this.media.container.style.setProperty(\"left\", this.wildMiniplayerX, \"important\");\r\n    this.media.container.style.setProperty(\"bottom\", this.wildMiniplayerY, \"important\");\r\n    this.media.container.style.removeProperty(\"transform\");\r\n    setTimeout(() => ((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);\r\n    document.removeEventListener(\"mousemove\", this.handleDragging);\r\n    document.removeEventListener(\"touchmove\", this.handleDragging);\r\n    for (const type of [\"mouseup\", \"mouseleave\", \"touchend\", \"touchcancel\"]) document.removeEventListener(type, this.handleDragEnd);\r\n  }\r\n\r\n  public syncFeatures(): void {\r\n    if (this.config.disabled) return void (this.media.features.miniplayer = false);\r\n    this.media.features.miniplayer ||= this.ctlr.isNativeEl;\r\n  }\r\n\r\n  protected override onDestroy(): void {\r\n    document.removeEventListener(\"mousemove\", this.handleDragging);\r\n    document.removeEventListener(\"touchmove\", this.handleDragging);\r\n    for (const type of [\"mouseup\", \"mouseleave\", \"touchend\", \"touchcancel\"]) document.removeEventListener(type, this.handleDragEnd);\r\n    for (const type of [\"mousedown\", \"touchstart\"]) this.media.container.removeEventListener(type, this.handleDragStart);\r\n    super.onDestroy();\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PinRegistryMap {\r\n    \"modes.miniplayer\": typeof ModesMiniplayerPin;\r\n  }\r\n}\r\n","import { Controller } from \"@core/controller\";\r\nimport { BasePlug } from \"../../base\";\r\nimport { ModesFullscreenPin } from \"./fullscreen\";\r\nimport { ModesTheaterPin } from \"./theater\";\r\nimport { ModesPictureInPicturePin } from \"./pictureInPicture\";\r\nimport { ModesMiniplayerPin } from \"./miniplayer\";\r\nimport type { ModesConfig } from \"./types\";\r\nimport { MODES_BUILD } from \"./build\";\r\nimport { PinRegistry } from \"@core/registries\";\r\n\r\nexport class ModesPlug extends BasePlug<ModesConfig> {\r\n  public static readonly plugName = \"modes\";\r\n  public static readonly BUILD = MODES_BUILD;\r\n  public fullscreen?: ModesFullscreenPin;\r\n  public theater?: ModesTheaterPin;\r\n  public pictureInPicture?: ModesPictureInPicturePin;\r\n  public miniplayer?: ModesMiniplayerPin;\r\n\r\n  constructor(ctlr: Controller, config = ctlr.settings.modes) {\r\n    super(ctlr, config);\r\n    const FullscreenPin = PinRegistry.get(\"modes.fullscreen\"),\r\n      TheaterPin = PinRegistry.get(\"modes.theater\"),\r\n      PictureInPicturePin = PinRegistry.get(\"modes.pictureInPicture\"),\r\n      MiniplayerPin = PinRegistry.get(\"modes.miniplayer\");\r\n    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));\r\n  }\r\n\r\n  public override mount(): void {\r\n    // Utility Injection\r\n    this.fullscreen?.mount?.(), this.theater?.mount?.(), this.pictureInPicture?.mount?.(), this.miniplayer?.mount?.();\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Utility Injection\r\n    this.fullscreen?.wire(), this.theater?.wire(), this.pictureInPicture?.wire(), this.miniplayer?.wire();\r\n    // Post Wiring\r\n    super.wire();\r\n  }\r\n\r\n  protected override onDestroy(): void {\r\n    this.fullscreen?.destroy(), this.theater?.destroy(), this.pictureInPicture?.destroy(), this.miniplayer?.destroy(), super.onDestroy();\r\n  }\r\n}\r\n\r\nexport type * from \"./types\";\r\nexport * from \"./build\";\r\nexport * from \"./fullscreen\";\r\nexport * from \"./theater\";\r\nexport * from \"./pictureInPicture\";\r\nexport * from \"./miniplayer\";\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PlugRegistryMap {\r\n    \"settings.modes\": typeof ModesPlug;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/config\" {\r\n  interface Settings {\r\n    modes: ModesConfig;\r\n  }\r\n}\r\n","import { BasePin } from \"../../base\";\r\nimport { MODES_FULLSCREEN_BUILD } from \"./build\";\r\nimport type { ModesFullscreenConfig, OrientationOption } from \"./types\";\r\nimport { ModesPlug } from \"./index\";\r\nimport { TERMINATOR, type REvent } from \"sia-reactor\";\r\nimport type { CtlrMedia } from \"@defs/contract\";\r\nimport type { CtlrConfig } from \"@defs/config\";\r\nimport { IS_IOS, IS_MOBILE } from \"@utils/env\";\r\nimport { enterFullscreen, exitFullscreen, queryFullscreenEl, supportsFullscreen } from \"@utils/dom\";\r\nimport { isBool, isFunc } from \"@utils/obj\";\r\nimport { silence } from \"sia-reactor/modules\";\r\n\r\nexport class ModesFullscreenPin extends BasePin<ModesPlug, ModesFullscreenConfig> {\r\n  public static readonly pinName = \"fullscreen\";\r\n  public static get Plug() {\r\n    return ModesPlug;\r\n  }\r\n  public static readonly BUILD = MODES_FULLSCREEN_BUILD;\r\n  public inFullscreen = false; // a quick notice flag for external deps\r\n  protected shadowFullscreen = false;\r\n\r\n  public override wire(): void {\r\n    // Ctlr Media Watchers\r\n    this.media.watch(\"tech\", this.syncFeatures, { init: true, signal: this.signal });\r\n    // ---- State --------\r\n    this.ctlr.state.watch(\"docInFullscreen\", this.onDocInFullscreen, { signal: this.signal });\r\n    this.ctlr.state.watch(\"screenOrientation\", this.onScreenOrientation, { signal: this.signal });\r\n    // ---- Media Listeners\r\n    this.media.on(\"intent.fullscreen\", this.handleFullscreenIntent, { capture: true, init: this.ctlr.payload.wired, initType: \"set\", signal: this.signal }); // #HIGHER-POWER: power arbitration\r\n    this.media.set(\"state.fullscreen\", (v) => (v !== this.shadowFullscreen && !IS_IOS ? TERMINATOR : v), { signal: this.signal }); // #DICTATOR: reliable authority\r\n    // ---- Config --------\r\n    this.ctlr.config.on(\"settings.modes.fullscreen.disabled\", this.handleDisabled, { init: true, signal: this.signal });\r\n    // Post Wiring\r\n    this.ctlr.registerAction(\"fullscreen\", { keyboard: { phase: \"keyup\" } });\r\n  }\r\n\r\n  protected handleDisabled({ value }: REvent<CtlrConfig, \"settings.modes.fullscreen.disabled\">): void {\r\n    this.syncFeatures();\r\n    if (value && this.ctlr.isUIActive(\"fullscreen\")) this.media.intent.fullscreen = false;\r\n  }\r\n\r\n  protected handleFullscreenIntent(e: REvent<CtlrMedia, \"intent.fullscreen\">): void {\r\n    if (e.resolved || IS_IOS) return;\r\n    if (e.value && !this.inFullscreen) {\r\n      const fW = this.ctlr.plug(\"settings.modes\")?.pictureInPicture?.floatingWindow;\r\n      if (this.ctlr.isUIActive(\"floatingPlayer\")) return fW?.addEventListener(\"pagehide\", this.enter, { signal: this.signal }), fW?.close(), e.resolve(this.name);\r\n      if (this.ctlr.isUIActive(\"pictureInPicture\")) silence(() => (this.media.intent.pictureInPicture = false));\r\n      if (this.ctlr.isUIActive(\"miniplayer\")) silence(() => (this.media.intent.miniplayer = false));\r\n      this.enter();\r\n    } else if (this.inFullscreen) {\r\n      exitFullscreen(this.media.container);\r\n      this.inFullscreen = this.shadowFullscreen = false;\r\n    }\r\n    e.resolve(this.name);\r\n  }\r\n  protected async enter(): Promise<void> {\r\n    await enterFullscreen(this.media.container);\r\n    this.inFullscreen = true;\r\n  } // #STANDALONE: needs scoped behavior\r\n\r\n  protected onDocInFullscreen(docInFs: boolean): void {\r\n    const inFs = docInFs && queryFullscreenEl() === this.media.container;\r\n    if (inFs) {\r\n      this.media.container.classList.add(\"tmg-media-fullscreen\");\r\n      this.media.state.fullscreen = this.shadowFullscreen = true;\r\n      if (IS_MOBILE) this.changeScreenOrientation(this.config.orientationLock.value);\r\n    } else if (this.ctlr.isUIActive(\"fullscreen\")) {\r\n      this.media.container.classList.remove(\"tmg-media-fullscreen\");\r\n      this.inFullscreen = this.media.intent.locked = false;\r\n      this.ctlr.plug(\"settings.modes\")?.miniplayer?.toggle();\r\n      this.media.state.fullscreen = this.shadowFullscreen = false;\r\n    }\r\n  }\r\n\r\n  protected onScreenOrientation(orientation: { angle: number }): void {\r\n    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; // #PATIENT: only after first play\r\n    const deg = isBool(this.config.onRotate.value) ? 90 : parseInt(this.config.onRotate.value as unknown as string);\r\n    if (orientation.angle === deg || orientation.angle === 360 - deg) this.media.intent.fullscreen = !this.media.state.fullscreen;\r\n  }\r\n\r\n  public async changeScreenOrientation(option: boolean | OrientationOption = true): Promise<void> {\r\n    const orientation = screen.orientation as any;\r\n    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\");\r\n  }\r\n\r\n  public syncFeatures(): void {\r\n    if (this.config.disabled) return void (this.media.features.fullscreen = this.media.features.fullscreenOrientation = false);\r\n    this.media.features.fullscreen ||= supportsFullscreen();\r\n    this.media.features.fullscreenOrientation ||= this.media.features.fullscreen && IS_MOBILE && isFunc(screen.orientation?.lock);\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface PinRegistryMap {\r\n    \"modes.fullscreen\": typeof ModesFullscreenPin;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/contract\" {\r\n  interface MediaExtraFeatures {\r\n    fullscreenOrientation: boolean;\r\n  }\r\n}\r\n"],"mappings":"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","names":["silence","silence","silence","silence"]}

package/dist/chunk-EF7RQIJK.js

@@ -0,0 +1,9 @@
+// src/ts/components/icons/volumemuted.ts
+var volumemuted = `<svg class="tmg-media-volume-muted-icon" viewBox="0 0 25 25">
+  <path d="M12,4L9.91,6.09L12,8.18M4.27,3L3,4.27L7.73,9H3V15H7L12,20V13.27L16.25,17.53C15.58,18.04 14.83,18.46 14,18.7V20.77C15.38,20.45 16.63,19.82 17.68,18.96L19.73,21L21,19.73L12,10.73M19,12C19,12.94 18.8,13.82 18.46,14.64L19.97,16.15C20.62,14.91 21,13.5 21,12C21,7.72 18,4.14 14,3.23V5.29C16.89,6.15 19,8.83 19,12M16.5,12C16.5,10.23 15.5,8.71 14,7.97V10.18L16.45,12.63C16.5,12.43 16.5,12.21 16.5,12Z" />
+</svg>`;
+
+export {
+  volumemuted
+};
+//# sourceMappingURL=chunk-EF7RQIJK.js.map

package/dist/chunk-EF7RQIJK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/volumemuted.ts"],"sourcesContent":["export const volumemuted = `<svg class=\"tmg-media-volume-muted-icon\" viewBox=\"0 0 25 25\">\r\n  <path d=\"M12,4L9.91,6.09L12,8.18M4.27,3L3,4.27L7.73,9H3V15H7L12,20V13.27L16.25,17.53C15.58,18.04 14.83,18.46 14,18.7V20.77C15.38,20.45 16.63,19.82 17.68,18.96L19.73,21L21,19.73L12,10.73M19,12C19,12.94 18.8,13.82 18.46,14.64L19.97,16.15C20.62,14.91 21,13.5 21,12C21,7.72 18,4.14 14,3.23V5.29C16.89,6.15 19,8.83 19,12M16.5,12C16.5,10.23 15.5,8.71 14,7.97V10.18L16.45,12.63C16.5,12.43 16.5,12.21 16.5,12Z\" />\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    volumemuted: typeof volumemuted;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,cAAc;AAAA;AAAA;","names":[]}

package/dist/chunk-EHQJNRJV.js

@@ -0,0 +1,449 @@
+import {
+  BaseWidget,
+  WidgetRegistry
+} from "./chunk-ZSG6ROJA.js";
+import {
+  ComponentRegistry,
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  getElSiblingAt,
+  initVScrollerator
+} from "./chunk-HCSCY6DU.js";
+import {
+  parseUIOpt,
+  parseUIOpts
+} from "./chunk-BROAUWON.js";
+import {
+  clamp,
+  createEl,
+  createListRenderer,
+  getActiveEl,
+  isFunc
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/settingsView/menu/widgets/toggle.ts
+var ToggleWidget = class extends BaseWidget {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "track");
+    __publicField(this, "input");
+  }
+  render() {
+    this.track = createEl("span", { className: "tmg-media-smenu-toggle-track" });
+    const thumb = createEl("span", { className: "tmg-media-smenu-toggle-thumb" });
+    this.input = createEl("input", { type: "checkbox", className: "t007-input tmg-media-smenu-toggle-input" });
+    this.element = createEl("label", { className: "tmg-media-smenu-toggle-wrapper", role: "switch" });
+    this.track.append(thumb);
+    this.element.append(this.input, this.track);
+    this.input.addEventListener("change", () => (this.item.onChange?.(this.input.checked), this.element.ariaChecked = String(this.input.checked), this.syncTrack(this.input.checked)));
+    return this.syncUI(), this.element;
+  }
+  syncUI() {
+    this.input.checked = this.item.getValue() === "true" || this.item.getValue() === "On";
+    this.element.ariaChecked = String(this.input.checked);
+    this.syncTrack(this.input.checked);
+  }
+  syncTrack(on) {
+    this.track.classList.toggle("tmg-media-smenu-toggle-on", on);
+  }
+};
+WidgetRegistry.register("toggle", ToggleWidget);
+
+// src/ts/plugs/settings/settingsView/menu/widgets/select.ts
+var SelectWidget = class extends BaseWidget {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "renderRows");
+    __publicField(this, "currentValue", "");
+  }
+  render() {
+    this.element = createEl("ul", { className: "tmg-media-smenu-select-list", role: "listbox" });
+    this.renderRows = createListRenderer({
+      container: this.element,
+      getKey: (opt) => opt.value,
+      createNode: (opt) => {
+        const li = createEl("li", { className: "tmg-media-smenu-select-option", role: "option", tabIndex: 0, title: opt.title }, { optVal: opt.value }), check = createEl("span", { className: "tmg-media-smenu-select-check", ariaHidden: "true" }), label = createEl("span", { className: "tmg-media-smenu-select-label", textContent: opt.display });
+        li.append(check, label), opt.infoText && li.append(createEl("span", { className: "tmg-media-smenu-select-info", textContent: opt.infoText }));
+        li.addEventListener("click", () => {
+          const isMulti = this.item.getMultiple?.();
+          if (!isMulti && (label.textContent === this.currentValue || li.dataset.optVal === this.currentValue)) return;
+          this.item.onChange?.(opt.value);
+          this.currentValue = isMulti ? this.item.getValue() || [] : label.textContent;
+          this.syncActive();
+        });
+        return li;
+      },
+      updateNode: (node, opt) => {
+        node.querySelector(".tmg-media-smenu-select-label").textContent = opt.display;
+        opt.title ? node.title = opt.title : node.removeAttribute("title");
+        const infoNode = node.querySelector(".tmg-media-smenu-select-info");
+        opt.infoText ? infoNode ? infoNode.textContent = opt.infoText : node.append(createEl("span", { className: "tmg-media-smenu-select-info", textContent: opt.infoText })) : infoNode?.remove();
+        node.dataset.optVal = opt.value;
+        const isMulti = this.item.getMultiple?.(), vals = isMulti ? Array.isArray(this.currentValue) ? this.currentValue : [this.currentValue] : [this.currentValue];
+        node.ariaSelected = String(vals.includes(opt.display) || vals.includes(node.dataset.optVal));
+      }
+    });
+    return this.syncUI(), this.element;
+  }
+  syncUI() {
+    this.currentValue = this.item.getValue() || (this.item.getMultiple?.() ? [] : "");
+    this.renderRows((this.item.getOptions?.() ?? []).map((o) => parseUIOpt(o)));
+    this.syncActive();
+  }
+  syncActive() {
+    const isMulti = this.item.getMultiple?.(), vals = isMulti ? Array.isArray(this.currentValue) ? this.currentValue : [this.currentValue] : [this.currentValue];
+    for (const li of this.element.querySelectorAll("[data-opt-val]")) {
+      const active = vals.includes(li.querySelector(".tmg-media-smenu-select-label").textContent) || vals.includes(li.dataset.optVal);
+      li.classList.toggle("tmg-media-smenu-option-active", active), li.ariaSelected = String(active);
+    }
+  }
+};
+WidgetRegistry.register("select", SelectWidget);
+
+// src/ts/plugs/settings/settingsView/menu/widgets/color.ts
+var ColorWidget = class extends BaseWidget {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "renderSwatches");
+    __publicField(this, "freeInput");
+    __publicField(this, "currentValue");
+  }
+  render() {
+    this.element = createEl("div", { className: "tmg-media-smenu-color-wrapper" });
+    const grid = createEl("div", { className: "tmg-media-smenu-color-grid", role: "listbox" });
+    this.renderSwatches = createListRenderer({
+      container: grid,
+      getKey: (opt) => opt.value,
+      createNode: (opt) => {
+        const btn = createEl("button", { type: "button", className: "tmg-media-smenu-color-swatch", title: opt.display, ariaLabel: opt.display }, { colorVal: opt.value });
+        btn.style.setProperty("--swatch", opt.value);
+        btn.addEventListener("click", () => {
+          this.item.onChange?.(opt.value);
+          this.currentValue = btn.ariaLabel ?? btn.dataset.colorVal;
+          this.freeInput.value = btn.dataset.colorVal;
+          this.syncActive();
+        });
+        return btn;
+      },
+      updateNode: (node, opt) => {
+        node.style.setProperty("--swatch", opt.value);
+        node.dataset.colorVal = opt.value;
+        node.ariaLabel = opt.display;
+        node.ariaSelected = String(opt.display === this.currentValue || node.dataset.colorVal === this.currentValue);
+        node.classList.toggle("tmg-media-smenu-color-active", opt.display === this.currentValue || node.dataset.colorVal === this.currentValue);
+      }
+    });
+    const field = t007.field({ type: "color", value: this.currentValue, className: "tmg-media-smenu-color-free" });
+    (this.freeInput = field.inputEl).addEventListener("input", () => {
+      this.item.onChange?.(this.freeInput.value);
+      const activeBtn = this.element.querySelector(`[data-color-val="${this.freeInput.value}"]`);
+      this.currentValue = activeBtn?.ariaLabel ?? this.freeInput.value;
+      this.syncActive();
+    });
+    return this.element.append(grid, field), this.syncUI(), this.element;
+  }
+  syncUI() {
+    this.currentValue = this.item.getValue() || "";
+    const activeBtn = this.element.querySelector(`:is([aria-label="${this.currentValue}"], [data-color-val="${this.currentValue}"])`);
+    if (this.freeInput) this.freeInput.value = activeBtn?.dataset.colorVal ?? this.currentValue;
+    this.renderSwatches((this.item.getOptions?.() ?? []).map((o) => parseUIOpt(o)));
+    this.syncActive();
+  }
+  syncActive() {
+    for (const btn of this.element.querySelectorAll("[data-color-val]")) {
+      const active = btn.ariaLabel === this.currentValue || btn.dataset.colorVal === this.currentValue;
+      btn.classList.toggle("tmg-media-smenu-color-active", active);
+      btn.ariaSelected = String(active);
+    }
+  }
+};
+WidgetRegistry.register("color", ColorWidget);
+
+// src/ts/plugs/settings/settingsView/menu/widgets/group.ts
+var GroupWidget = class extends BaseWidget {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "renderRows");
+    __publicField(this, "onSubItemClick");
+  }
+  render() {
+    this.element = createEl("ul", { className: "tmg-media-smenu-group-list" });
+    this.renderRows = createListRenderer({
+      container: this.element,
+      getKey: (sub) => sub.id,
+      createNode: (item) => this.buildRow(item),
+      destroyNode: (node) => (node._ac?.abort(), node.widget?.destroy(), node.remove())
+    });
+    return this.syncUI(), this.element;
+  }
+  syncUI() {
+    const active = (this.item.items ?? []).filter((sub) => {
+      if (isFunc(sub.hidden) ? sub.hidden() : sub.hidden) return false;
+      return !sub.feature || Boolean(this.media.features[sub.feature]);
+    });
+    this.renderRows(active);
+    active.forEach((sub) => {
+      const li = this.element.querySelector(`.tmg-media-smenu-group-row[data-sub-id="${sub.id}"]`);
+      if (li) {
+        const valNode = li.querySelector(".tmg-media-smenu-group-value");
+        valNode ? valNode.textContent = sub.getValue?.() || "" : li.widget?.syncUI();
+      }
+    });
+  }
+  buildRow(sub) {
+    const isWidget = sub.widget === "toggle" || sub.inline, disabled = sub.getDisabled?.() ?? (["select", "drag-select"].includes(sub.widget) && sub.getOptions?.()?.length === 0), li = createEl("li", { className: "tmg-media-smenu-group-row" + (disabled ? " tmg-media-control-disabled" : ""), tabIndex: 0, inert: disabled || void 0 }, { subId: sub.id }), lbl = createEl("span", { className: "tmg-media-smenu-group-label", textContent: sub.label });
+    if (sub.title) li.title = isFunc(sub.title) ? sub.title() : sub.title;
+    if (sub.icon) {
+      const iconSvg = IconRegistry.get(sub.icon, true);
+      if (iconSvg) li.append(createEl("span", { className: "tmg-media-smenu-group-icon", innerHTML: iconSvg }));
+    }
+    if (isWidget) {
+      const widget = WidgetRegistry.create(sub, this.ctlr);
+      if (widget) {
+        sub.inline && sub.widget !== "toggle" ? (li.removeAttribute("tabindex"), li.classList.replace("tmg-media-smenu-group-row", "tmg-media-smenu-inline-wrapper"), li.append(widget.render()), sub.widget === "range" && li.classList.add("tmg-media-smenu-row-inline-block")) : (li.append(lbl, widget.render()), li.classList.add("tmg-media-smenu-row-inline"));
+        li.widget = widget;
+        li.addEventListener("click", (e) => !disabled && (e.target === li || e.target === lbl) && li.querySelector("input, button")?.click());
+      } else li.append(lbl);
+    } else {
+      const val = createEl("span", { className: "tmg-media-smenu-group-value", textContent: sub.getValue() || "" });
+      sub.widget !== "button" ? li.append(lbl, val, createEl("span", { className: "tmg-media-smenu-group-arrow", ariaHidden: "true", innerHTML: "›" })) : li.append(lbl);
+      li.addEventListener("click", () => !disabled && (sub.widget === "button" ? sub.onChange?.(null) : this.onSubItemClick?.(sub)));
+      if (sub.mediaPaths || sub.configPaths || sub.onWire) {
+        const ac = new AbortController(), syncUI = () => {
+          const valNode = li.querySelector(".tmg-media-smenu-group-value");
+          valNode ? valNode.textContent = sub.getValue() || "" : li.widget?.syncUI();
+          const _d = sub.getDisabled?.() ?? (["select", "drag-select"].includes(sub.widget) && sub.getOptions?.()?.length === 0);
+          li.inert = !!_d, li.classList.toggle("tmg-media-control-disabled", !!_d);
+        };
+        sub.mediaPaths?.forEach((path) => this.media.on(path, syncUI, { signal: ac.signal }));
+        sub.configPaths?.forEach((path) => this.ctlr.config.on(path, syncUI, { signal: ac.signal }));
+        sub.onWire?.(syncUI, ac.signal);
+        li._ac = ac;
+      }
+    }
+    return li;
+  }
+};
+WidgetRegistry.register("group", GroupWidget);
+
+// src/ts/plugs/settings/settingsView/menu/widgets/input.ts
+import { setTimeout } from "sia-reactor/utils";
+var InputWidget = class extends BaseWidget {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "form");
+  }
+  render() {
+    this.form = createEl("form", { className: "t007-input-form", noValidate: true });
+    (this.item.inputs || [{ ...this.item, label: this.item.label || "Enter text" }]).forEach((inp) => this.form.append(t007.field({ required: !this.item.inputs, name: inp.label, ...inp, value: String(isFunc(inp.value) ? inp.value() : inp.value || "") })));
+    this.form.append(createEl("button", { className: "tmg-media-smenu-input-btn", type: "submit", textContent: "Submit" }));
+    this.form.onSubmit = () => {
+      const val = this.item.inputs ? Array.from(this.form.elements).filter((el) => el.name).reduce((acc, el) => (acc[el.name] = el.type === "number" ? el.value === "" ? void 0 : Number(el.value) : el.value, acc), {}) : this.form.elements[0].type === "number" ? this.form.elements[0].value === "" ? void 0 : Number(this.form.elements[0].value) : this.form.elements[0].value;
+      setTimeout(() => (this.item.onChange?.(val), this.form.reset(), this.ctlr.plug("settings.settingsView")?.menu.goBack()), 0, this.signal);
+    };
+    t007.handleFormValidation?.(this.form);
+    this.element = createEl("div", { className: "tmg-media-smenu-input-wrapper" });
+    return this.element.append(this.form), this.syncUI(), this.element;
+  }
+  syncUI() {
+    if (this.item.inputs) {
+      this.item.inputs.forEach((inp) => {
+        const input = this.form.querySelector(`[name="${inp.label}"]`);
+        if (input && getActiveEl(document) !== input) {
+          const val = isFunc(inp.value) ? inp.value() : inp.value;
+          if (val != null) input.value = String(val);
+        }
+      });
+    } else {
+      const input = this.form.elements[0];
+      if (this.item.getValue && getActiveEl(document) !== input) input.value = String(this.item.getValue() || "");
+    }
+  }
+};
+WidgetRegistry.register("input", InputWidget);
+
+// src/ts/plugs/settings/settingsView/menu/widgets/dragselect.ts
+var DragSelectWidget = class extends BaseWidget {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "renderRows");
+    __publicField(this, "currentValue", "");
+  }
+  render() {
+    const ctlr = this.ctlr, el = this.element = createEl("ul", { className: "tmg-media-smenu-select-list tmg-media-smenu-drag-list", role: "listbox" }), item = this.item;
+    this.renderRows = createListRenderer({
+      container: el,
+      getKey: (opt) => opt.value,
+      createNode: (opt) => {
+        const li = createEl("li", { className: "tmg-media-smenu-select-option", role: "option", tabIndex: 0, title: opt.title }, { optVal: opt.value }), dragHandle = this.item.onReorder ? createEl("span", { className: "tmg-media-smenu-playlist-drag", innerHTML: IconRegistry.get("dragindicator", true) || "\u2630" }) : null, label = createEl("span", { className: "tmg-media-smenu-select-label", textContent: opt.display }), editBtn = this.item.onEdit ? createEl("button", { className: "tmg-media-smenu-sub-action-btn", innerHTML: IconRegistry.get("edit", true) || "\u270E", type: "button", title: "Edit" }, {}, { flexShrink: "0" }) : null, deleteBtn = this.item.onDelete ? createEl("button", { className: "tmg-media-smenu-delete-btn", innerHTML: IconRegistry.get("delete", true) || "\u2715", type: "button", title: "Delete" }, {}, { flexShrink: "0" }) : null;
+        dragHandle ? li.append(dragHandle, label) : li.append(label), opt.infoText && li.append(createEl("span", { className: "tmg-media-smenu-select-info", textContent: opt.infoText }));
+        if (editBtn) {
+          editBtn.onclick = (e) => {
+            e.stopPropagation();
+            const i = (this.item.getOptions?.() ?? []).findIndex((o) => parseUIOpt(o).value === opt.value);
+            if (i !== -1) this.item.onEdit?.(i);
+          };
+          li.append(editBtn);
+        }
+        if (deleteBtn) {
+          deleteBtn.onclick = (e) => {
+            e.stopPropagation();
+            const i = (this.item.getOptions?.() ?? []).findIndex((o) => parseUIOpt(o).value === opt.value);
+            if (i !== -1) this.item.onDelete?.(i);
+          };
+          li.append(deleteBtn);
+        }
+        if (dragHandle) {
+          dragHandle.onpointerdown = (e) => {
+            if (e.button !== 0 || li.classList.contains("tmg-media-smenu-dragging")) return;
+            e.preventDefault(), navigator.vibrate?.([50]);
+            const scrollEl = el.closest(".tmg-media-smenu-panel-content") || el.parentElement, initialOffsetY = el.getBoundingClientRect().top, initialScrollY = scrollEl.scrollTop, placeholder = createEl("li", { className: "tmg-media-smenu-drag-placeholder" }, {}, { cssText: `height:${li.offsetHeight}px;width:${li.offsetWidth}px;` }), scrollerator = initVScrollerator({ margin: 60, car: scrollEl });
+            li.parentElement.insertBefore(placeholder, li.nextElementSibling), li.classList.add("tmg-media-smenu-dragging"), li.style.top = `${clamp(0, e.clientY - initialOffsetY - li.offsetHeight / 2, el.offsetHeight - li.offsetHeight)}px`;
+            ["pointermove", "pointerup", "pointercancel"].forEach((evt, i) => el.ownerDocument.addEventListener(evt, !i ? onPointerMove : onPointerUp, { passive: false }));
+            function onPointerMove(evt) {
+              const ev = evt;
+              ev.preventDefault();
+              ctlr.RAFLoop("listItemDragging", () => {
+                const liTop = clamp(0, scrollEl.scrollTop - initialScrollY + ev.clientY - initialOffsetY - li.offsetHeight / 2, el.offsetHeight - li.offsetHeight), afterLine = getElSiblingAt(ev.clientY, "y", Array.from(el.querySelectorAll(".tmg-media-smenu-select-option:not(.tmg-media-smenu-dragging)")));
+                li.style.top = `${liTop}px`, scrollerator.drive(ev.clientY, !(liTop > 0 && liTop < el.offsetHeight - li.offsetHeight), scrollEl.getBoundingClientRect().top);
+                afterLine ? el.insertBefore(placeholder, afterLine) : el.append(placeholder);
+              }, this.signal);
+            }
+            function onPointerUp() {
+              navigator.vibrate?.([50]), ctlr.cancelRAFLoop("listItemDragging"), scrollerator.reset();
+              const newIdx = Array.from(el.querySelectorAll(".tmg-media-smenu-select-option")).indexOf(li), oldIdx = (item.getOptions?.() ?? []).findIndex((o) => parseUIOpt(o).value === opt.value);
+              li.classList.remove("tmg-media-smenu-dragging"), li.style.top = "", placeholder.parentElement?.replaceChild(li, placeholder);
+              newIdx !== -1 && oldIdx !== -1 && newIdx !== oldIdx && item.onReorder?.(oldIdx, newIdx);
+              ["pointermove", "pointerup", "pointercancel"].forEach((evt, i) => el.ownerDocument.removeEventListener(evt, !i ? onPointerMove : onPointerUp));
+            }
+          };
+        }
+        li.onclick = (e) => {
+          if (!this.item.onChange) return;
+          if (!li.classList.contains("tmg-media-smenu-dragging") && (!dragHandle || !dragHandle.contains(e.target)) && label.textContent !== this.currentValue && li.dataset.optVal !== this.currentValue) {
+            this.item.onChange?.(opt.value);
+            this.currentValue = label.textContent;
+            this.syncActive();
+          }
+        };
+        return li;
+      },
+      updateNode: (node, opt) => {
+        if (node.classList.contains("tmg-media-smenu-dragging")) return;
+        node.querySelector(".tmg-media-smenu-select-label").textContent = opt.display;
+        opt.title ? node.title = opt.title : node.removeAttribute("title");
+        const infoNode = node.querySelector(".tmg-media-smenu-select-info");
+        opt.infoText ? infoNode ? infoNode.textContent = opt.infoText : node.append(createEl("span", { className: "tmg-media-smenu-select-info", textContent: opt.infoText })) : infoNode?.remove();
+        node.dataset.optVal = opt.value;
+        node.ariaSelected = String(opt.display === this.currentValue || node.dataset.optVal === this.currentValue);
+      }
+    });
+    return this.syncUI(), this.element;
+  }
+  syncUI() {
+    this.currentValue = this.item.getValue() || "";
+    this.renderRows((this.item.getOptions?.() ?? []).map(parseUIOpt));
+    this.syncActive();
+  }
+  syncActive() {
+    if (!this.item.onChange) return;
+    for (const li of this.element.querySelectorAll("[data-opt-val]")) {
+      const active = li.querySelector(".tmg-media-smenu-select-label").textContent === this.currentValue || li.dataset.optVal === this.currentValue;
+      li.classList.toggle("tmg-media-smenu-option-active", active);
+      li.ariaSelected = String(active);
+    }
+  }
+};
+WidgetRegistry.register("drag-select", DragSelectWidget);
+
+// src/ts/plugs/settings/settingsView/menu/widgets/limits.ts
+import { setTimeout as setTimeout2 } from "sia-reactor/utils";
+var LimitsWidget = class extends BaseWidget {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "form");
+  }
+  render() {
+    this.form = createEl("form", { className: "t007-input-form tmg-media-limits-form", noValidate: true });
+    this.element = createEl("div", { className: "tmg-media-smenu-limits-wrapper" });
+    (this.item.getLimits?.() || []).forEach((inp) => {
+      const row = createEl("fieldset", { className: "tmg-media-limits-row" }), wrap = createEl("div", { className: "tmg-media-limits-row-wrap" });
+      row.append(createEl("legend", { className: "tmg-media-limits-row-legend", textContent: inp.label }));
+      ["min", "max", "step", "start", "end"].forEach((key) => key in inp && wrap.append(t007.field({ type: "number", name: `${inp.name}_${key}`, label: key.toUpperCase(), required: false, className: "tmg-media-limits-field", step: "any" })));
+      row.append(wrap), this.form.append(row);
+    });
+    this.form.append(createEl("button", { className: "tmg-media-smenu-limits-btn", type: "submit", textContent: "Save Limits" }));
+    this.form.onSubmit = () => {
+      const val = Array.from(this.form.elements).filter((el) => el instanceof HTMLInputElement && !!el.name).reduce((acc, el) => (acc[el.name] = Number(el.value), acc), {});
+      setTimeout2(() => (this.item.onChange?.(val), this.ctlr.plug("settings.settingsView")?.menu.goBack()), 0, this.signal);
+    };
+    return t007.handleFormValidation?.(this.form), this.element.append(this.form), this.syncUI(), this.element;
+  }
+  syncUI() {
+    (this.item.getLimits?.() || []).forEach((inp) => {
+      ["min", "max", "step", "start", "end"].forEach((key) => {
+        const input = key in inp ? this.form.querySelector(`input[name="${inp.name}_${key}"]`) : null;
+        if (input && getActiveEl(document) !== input) input.value = inp[key] != null ? String(inp[key]) : "";
+      });
+      const minEl = this.form.querySelector(`input[name="${inp.name}_min"]`), maxEl = this.form.querySelector(`input[name="${inp.name}_max"]`);
+      if (minEl && maxEl) minEl.max = maxEl.value, maxEl.min = minEl.value;
+      const startEl = this.form.querySelector(`input[name="${inp.name}_start"]`), endEl = this.form.querySelector(`input[name="${inp.name}_end"]`);
+      if (startEl && endEl) startEl.max = endEl.value, endEl.min = startEl.value;
+    });
+  }
+};
+WidgetRegistry.register("limits", LimitsWidget);
+
+// src/ts/plugs/settings/settingsView/menu/widgets/range.ts
+import { fanout } from "sia-reactor/utils";
+var RangeWidget = class extends BaseWidget {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "valueLabel");
+    __publicField(this, "comp");
+    __publicField(this, "lastRange");
+  }
+  render() {
+    const comp = ComponentRegistry.init("rangeinput", this.ctlr, this.getConfig());
+    this.element = createEl("div", { className: "tmg-media-smenu-range-wrapper" });
+    this.valueLabel = createEl("span", { className: "tmg-media-smenu-range-value" });
+    if (comp) {
+      comp.config.on("value", ({ value }) => (this.item.onChange?.(value), this.valueLabel.textContent = this.item.getValue() || ""));
+      this.element.append(this.valueLabel, (this.comp = comp).element);
+    }
+    return this.syncUI(), this.element;
+  }
+  syncUI() {
+    this.valueLabel.textContent = this.item.getValue() || "";
+    if (!this.comp) return;
+    const cfg = this.item.getRange();
+    if (this.lastRange.min !== cfg.min || this.lastRange.max !== cfg.max) fanout(this.comp.config, this.getConfig(cfg));
+    else this.comp.config.value = this.getRangeValue();
+  }
+  getRangeValue() {
+    const v = parseFloat(this.item.getValue() || "");
+    return isNaN(v) ? this.item.getRange().min : v;
+  }
+  getConfig(range = this.item.getRange()) {
+    const cfg = this.lastRange = range, divs = (cfg.divs?.map((value) => ({ value })) ?? (cfg.options ? parseUIOpts(cfg.options).map((value) => ({ value })) : [])) || [], marks = [];
+    if (cfg.step && cfg.step > cfg.max * 0.01) for (let v = cfg.min; v <= cfg.max; v = parseFloat((v + cfg.step).toFixed(5))) marks.push({ start: v, type: "step" });
+    return { ...cfg, value: this.getRangeValue(), divs, marks };
+  }
+};
+WidgetRegistry.register("range", RangeWidget);
+
+export {
+  RangeWidget,
+  ToggleWidget,
+  SelectWidget,
+  ColorWidget,
+  GroupWidget,
+  InputWidget,
+  DragSelectWidget,
+  LimitsWidget
+};
+//# sourceMappingURL=chunk-EHQJNRJV.js.map