@livepeer-frameworks/player-wc 0.1.9 → 0.2.1

package/dist/esm/components/fw-player.js.map

@@ -1 +1 @@
-{"version":3,"file":"fw-player.js","sources":["../../../../src/components/fw-player.ts"],"sourcesContent":["/**\n * <fw-player> — Main player web component.\n * Port of Player.tsx / PlayerInner from player-react.\n */\nimport { LitElement, html, css, nothing, type PropertyValues } from \"lit\";\nimport { customElement, property, state, query } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { PlayerControllerHost } from \"../controllers/player-controller-host.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\nimport { utilityStyles } from \"../styles/utility-styles.js\";\nimport {\n  closeIcon,\n  statsIcon,\n  settingsIcon,\n  pictureInPictureIcon,\n  loopIcon,\n} from \"../icons/index.js\";\nimport type { ContentEndpoints, PlaybackMode } from \"@livepeer-frameworks/player-core\";\n\n@customElement(\"fw-player\")\nexport class FwPlayer extends LitElement {\n  // ---- Public attributes (reflected) ----\n  @property({ attribute: \"content-id\" }) contentId = \"\";\n  @property({ attribute: \"content-type\" }) contentType?: \"live\" | \"dvr\" | \"clip\" | \"vod\";\n  @property({ attribute: \"gateway-url\" }) gatewayUrl?: string;\n  @property({ attribute: \"mist-url\" }) mistUrl?: string;\n  @property({ attribute: \"auth-token\" }) authToken?: string;\n  @property({ type: Boolean }) autoplay = true;\n  @property({ type: Boolean }) muted = true;\n  // React/Svelte use `stockControls` for native controls. Keep `controls` as a\n  // compatibility no-op so WC parity does not hide custom controls/seekbar.\n  @property({ type: Boolean }) controls = false;\n  @property({ type: Boolean, attribute: \"stock-controls\" }) stockControls = false;\n  @property({ type: Boolean, attribute: \"native-controls\" }) nativeControls = false;\n  @property({ type: Boolean }) debug = false;\n  @property({ type: Boolean, attribute: \"dev-mode\" }) devMode = false;\n  @property({ attribute: \"thumbnail-url\" }) thumbnailUrl?: string;\n  @property({ attribute: \"playback-mode\" }) playbackMode: PlaybackMode = \"auto\";\n\n  // ---- JS-only properties (not reflected) ----\n  @property({ attribute: false }) endpoints?: ContentEndpoints;\n\n  // ---- Internal state ----\n  @state() private _isStatsOpen = false;\n  @state() private _isDevPanelOpen = false;\n  @state() private _skipDirection: \"back\" | \"forward\" | null = null;\n  @state() private _contextMenuOpen = false;\n  @state() private _contextMenuMounted = false;\n  @state() private _contextMenuState: \"open\" | \"closed\" = \"closed\";\n  @state() private _contextMenuSide: \"top\" | \"bottom\" | \"left\" | \"right\" = \"bottom\";\n  @state() private _contextMenuX = 0;\n  @state() private _contextMenuY = 0;\n\n  // ---- Refs ----\n  @query(\"#container\") private _containerEl!: HTMLDivElement;\n\n  // ---- Controller ----\n  pc = new PlayerControllerHost(this);\n\n  static styles = [\n    sharedStyles,\n    utilityStyles,\n    css`\n      :host {\n        display: block;\n        position: relative;\n        width: 100%;\n        height: 100%;\n        contain: layout style;\n      }\n      :host([hidden]) {\n        display: none;\n      }\n      .player-area {\n        position: relative;\n        width: 100%;\n        height: 100%;\n      }\n      .player-area--dev {\n        flex: 1;\n        min-width: 0;\n        min-height: 0;\n      }\n    `,\n  ];\n\n  // ---- Lifecycle ----\n\n  protected willUpdate(changed: PropertyValues) {\n    if (\n      changed.has(\"contentId\") ||\n      changed.has(\"contentType\") ||\n      changed.has(\"gatewayUrl\") ||\n      changed.has(\"mistUrl\") ||\n      changed.has(\"authToken\") ||\n      changed.has(\"autoplay\") ||\n      changed.has(\"muted\") ||\n      changed.has(\"stockControls\") ||\n      changed.has(\"nativeControls\") ||\n      changed.has(\"debug\") ||\n      changed.has(\"thumbnailUrl\") ||\n      changed.has(\"endpoints\")\n    ) {\n      this.pc.configure({\n        contentId: this.contentId,\n        contentType: this.contentType,\n        endpoints: this.endpoints,\n        gatewayUrl: this.gatewayUrl,\n        mistUrl: this.mistUrl,\n        authToken: this.authToken,\n        autoplay: this.autoplay,\n        muted: this.muted,\n        controls: this.stockControls || this.nativeControls,\n        poster: this.thumbnailUrl,\n        debug: this.debug,\n      });\n    }\n  }\n\n  protected firstUpdated() {\n    this.pc.attach(this._containerEl);\n\n    // Close context menu on outside click\n    document.addEventListener(\"pointerdown\", this._handleDocumentPointerDown);\n    document.addEventListener(\"contextmenu\", this._handleDocumentContextMenu);\n    document.addEventListener(\"keydown\", this._handleDocumentKeyDown);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener(\"pointerdown\", this._handleDocumentPointerDown);\n    document.removeEventListener(\"contextmenu\", this._handleDocumentContextMenu);\n    document.removeEventListener(\"keydown\", this._handleDocumentKeyDown);\n    if (this._contextMenuCloseTimer) {\n      clearTimeout(this._contextMenuCloseTimer);\n      this._contextMenuCloseTimer = undefined;\n    }\n    this._resetContextMenuTypeahead();\n  }\n\n  // ---- Context Menu ----\n\n  private _contextMenuCloseTimer?: ReturnType<typeof setTimeout>;\n  private _contextMenuTypeahead = \"\";\n  private _contextMenuTypeaheadTimer?: ReturnType<typeof setTimeout>;\n\n  private _resetContextMenuTypeahead = () => {\n    this._contextMenuTypeahead = \"\";\n    if (this._contextMenuTypeaheadTimer) {\n      clearTimeout(this._contextMenuTypeaheadTimer);\n      this._contextMenuTypeaheadTimer = undefined;\n    }\n  };\n\n  private _resolveContextMenuSide = (\n    rawX: number,\n    rawY: number,\n    clampedX: number,\n    clampedY: number\n  ) => {\n    const deltaX = Math.abs(rawX - clampedX);\n    const deltaY = Math.abs(rawY - clampedY);\n\n    if (deltaX === 0 && deltaY === 0) {\n      return \"bottom\";\n    }\n\n    if (deltaY >= deltaX) {\n      return rawY > clampedY ? \"top\" : \"bottom\";\n    }\n\n    return rawX > clampedX ? \"left\" : \"right\";\n  };\n\n  private _closeContextMenu = (restoreFocus = false) => {\n    this._contextMenuOpen = false;\n    this._contextMenuState = \"closed\";\n    this._resetContextMenuTypeahead();\n    if (this._contextMenuCloseTimer) {\n      clearTimeout(this._contextMenuCloseTimer);\n    }\n    this._contextMenuCloseTimer = setTimeout(() => {\n      if (!this._contextMenuOpen) {\n        this._contextMenuMounted = false;\n      }\n    }, 170);\n\n    if (restoreFocus) {\n      const root = this.shadowRoot?.querySelector<HTMLElement>('[part=\"root\"]');\n      root?.focus();\n    }\n  };\n\n  private _getQueryRoot = (): ShadowRoot | null => {\n    return (\n      this.shadowRoot ?? (this as unknown as { renderRoot?: ShadowRoot | null }).renderRoot ?? null\n    );\n  };\n\n  private _getContextMenuElement = () =>\n    this._getQueryRoot()?.querySelector<HTMLElement>('[data-context-menu=\"true\"]') ?? null;\n\n  private _getContextMenuBounds = () => {\n    const root = this._getQueryRoot()?.querySelector<HTMLElement>('[part=\"root\"]');\n    const rect = root?.getBoundingClientRect() ?? this.getBoundingClientRect();\n\n    const width = rect.width > 0 ? rect.width : window.innerWidth;\n    const height = rect.height > 0 ? rect.height : window.innerHeight;\n\n    return {\n      left: rect.left,\n      top: rect.top,\n      right: rect.left + width,\n      bottom: rect.top + height,\n      width,\n      height,\n    };\n  };\n\n  private _toLocalContextMenuPoint = (clientX: number, clientY: number) => {\n    const bounds = this._getContextMenuBounds();\n    return {\n      x: clientX - bounds.left,\n      y: clientY - bounds.top,\n    };\n  };\n\n  private _getContextMenuItems = () =>\n    Array.from(\n      this._getQueryRoot()?.querySelectorAll<HTMLButtonElement>(\n        '[data-context-menu-item=\"true\"][data-context-menu-level=\"root\"]:not([data-disabled=\"true\"])'\n      ) ?? []\n    );\n\n  private _focusFirstContextMenuItem = () => {\n    const [firstItem] = this._getContextMenuItems();\n    firstItem?.focus();\n  };\n\n  private _clampContextMenuPosition = (x: number, y: number, width: number, height: number) => {\n    const viewportPadding = 8;\n    const bounds = this._getContextMenuBounds();\n    const maxX = Math.max(viewportPadding, bounds.width - width - viewportPadding);\n    const maxY = Math.max(viewportPadding, bounds.height - height - viewportPadding);\n\n    return {\n      x: Math.max(viewportPadding, Math.min(x, maxX)),\n      y: Math.max(viewportPadding, Math.min(y, maxY)),\n    };\n  };\n\n  private _syncContextMenuPosition = () => {\n    if (!this._contextMenuMounted) return;\n    const menu = this._getContextMenuElement();\n    if (!menu) return;\n\n    const rect = menu.getBoundingClientRect();\n    const next = this._clampContextMenuPosition(\n      this._contextMenuX,\n      this._contextMenuY,\n      rect.width,\n      rect.height\n    );\n    this._contextMenuSide = this._resolveContextMenuSide(\n      this._contextMenuX,\n      this._contextMenuY,\n      next.x,\n      next.y\n    );\n    if (next.x !== this._contextMenuX || next.y !== this._contextMenuY) {\n      this._contextMenuX = next.x;\n      this._contextMenuY = next.y;\n    }\n  };\n\n  private _openContextMenu = (clientX: number, clientY: number) => {\n    const local = this._toLocalContextMenuPoint(clientX, clientY);\n    const next = this._clampContextMenuPosition(local.x, local.y, 220, 200);\n    this._contextMenuSide = this._resolveContextMenuSide(local.x, local.y, next.x, next.y);\n    this._contextMenuX = next.x;\n    this._contextMenuY = next.y;\n    this._contextMenuMounted = true;\n    this._contextMenuState = \"open\";\n    if (this._contextMenuCloseTimer) {\n      clearTimeout(this._contextMenuCloseTimer);\n      this._contextMenuCloseTimer = undefined;\n    }\n    this._resetContextMenuTypeahead();\n    this._contextMenuOpen = true;\n  };\n\n  private _handleContextMenu = (e: MouseEvent) => {\n    const target = e.target as HTMLElement | null;\n    if (target?.closest('[data-context-menu=\"true\"]')) {\n      e.preventDefault();\n      return;\n    }\n\n    e.preventDefault();\n    this._openContextMenu(e.clientX, e.clientY);\n  };\n\n  private _handleContextMenuShortcut = (e: KeyboardEvent) => {\n    const isContextMenuKey = e.key === \"ContextMenu\";\n    const isShiftF10 = e.key === \"F10\" && e.shiftKey;\n    if (!isContextMenuKey && !isShiftF10) return;\n\n    e.preventDefault();\n    const rect = this.getBoundingClientRect();\n    const x = rect.left + rect.width / 2;\n    const y = rect.top + rect.height / 2;\n    this._openContextMenu(x, y);\n  };\n\n  private _handleDocumentPointerDown = (e: PointerEvent) => {\n    if (!this._contextMenuOpen) return;\n    const menu = this._getContextMenuElement();\n    const composedPath = e.composedPath();\n    if (menu && composedPath.includes(menu)) return;\n    this._closeContextMenu();\n  };\n\n  private _handleDocumentContextMenu = (e: MouseEvent) => {\n    if (!this._contextMenuOpen) return;\n    if (!this.contains(e.target as Node)) {\n      this._closeContextMenu();\n    }\n  };\n\n  private _handleDocumentKeyDown = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\" && this._contextMenuOpen) {\n      e.preventDefault();\n      this._closeContextMenu(true);\n    }\n  };\n\n  private _handleContextMenuKeyDown = (e: KeyboardEvent) => {\n    if (!this._contextMenuOpen) return;\n    const activeElement = this.shadowRoot?.activeElement as HTMLButtonElement | null;\n\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      this._closeContextMenu(true);\n      return;\n    }\n\n    if (e.key === \"Tab\") {\n      this._closeContextMenu();\n      return;\n    }\n\n    const items = this._getContextMenuItems();\n    if (items.length === 0) return;\n    const activeIndex = items.findIndex((item) => item === activeElement);\n\n    if (e.key === \"Home\") {\n      e.preventDefault();\n      this._focusFirstContextMenuItem();\n      return;\n    }\n\n    if (e.key === \"End\") {\n      e.preventDefault();\n      items[items.length - 1]?.focus();\n      return;\n    }\n\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      e.preventDefault();\n      const direction = e.key === \"ArrowDown\" ? 1 : -1;\n      const startIndex =\n        activeIndex === -1 ? (direction === 1 ? 0 : items.length - 1) : activeIndex;\n      const nextIndex = (startIndex + direction + items.length) % items.length;\n      items[nextIndex]?.focus();\n      return;\n    }\n\n    if (e.key === \"Enter\" || e.key === \" \") {\n      if (activeElement) {\n        e.preventDefault();\n        activeElement.click();\n      }\n      return;\n    }\n\n    if (e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey) {\n      e.preventDefault();\n      this._contextMenuTypeahead += e.key.toLowerCase();\n      if (this._contextMenuTypeaheadTimer) {\n        clearTimeout(this._contextMenuTypeaheadTimer);\n      }\n      this._contextMenuTypeaheadTimer = setTimeout(() => {\n        this._resetContextMenuTypeahead();\n      }, 700);\n\n      const startIndex = activeIndex === -1 ? 0 : activeIndex + 1;\n      const orderedItems = [...items.slice(startIndex), ...items.slice(0, startIndex)];\n      const match = orderedItems.find((item) =>\n        item.textContent?.trim().toLowerCase().startsWith(this._contextMenuTypeahead)\n      );\n      match?.focus();\n    }\n  };\n\n  // ---- Toast auto-dismiss ----\n\n  private _toastTimer?: ReturnType<typeof setTimeout>;\n\n  protected updated(changed: PropertyValues) {\n    if (this.pc.s.toast) {\n      clearTimeout(this._toastTimer);\n      this._toastTimer = setTimeout(() => this.pc.dismissToast(), 3000);\n    }\n\n    if (\n      (changed.has(\"_contextMenuOpen\") || changed.has(\"_contextMenuMounted\")) &&\n      this._contextMenuOpen\n    ) {\n      queueMicrotask(() => {\n        this._syncContextMenuPosition();\n        this._focusFirstContextMenuItem();\n      });\n    }\n  }\n\n  // ---- Derived state ----\n\n  private get _showTitleOverlay() {\n    const s = this.pc.s;\n    return (s.isHovering || s.isPaused) && !s.shouldShowIdleScreen && !s.isBuffering && !s.error;\n  }\n\n  private get _showBufferingSpinner() {\n    const s = this.pc.s;\n    return !s.shouldShowIdleScreen && s.isBuffering && !s.error && s.hasPlaybackStarted;\n  }\n\n  private get _showWaitingForEndpoint() {\n    const s = this.pc.s;\n    return !s.endpoints?.primary && s.state !== \"booting\";\n  }\n\n  private get _waitingMessage() {\n    const s = this.pc.s;\n    if (this.gatewayUrl && s.state === \"gateway_loading\") {\n      return \"Resolving viewing endpoint...\";\n    }\n    return \"Waiting for endpoint...\";\n  }\n\n  private get _useStockControls() {\n    return (\n      this.stockControls ||\n      this.nativeControls ||\n      this.pc.s.currentPlayerInfo?.shortname === \"mist-legacy\"\n    );\n  }\n\n  // ---- Public API methods ----\n\n  async play() {\n    await this.pc.play();\n  }\n  pause() {\n    this.pc.pause();\n  }\n  togglePlay() {\n    this.pc.togglePlay();\n  }\n  seek(time: number) {\n    this.pc.seek(time);\n  }\n  seekBy(delta: number) {\n    this.pc.seekBy(delta);\n  }\n  jumpToLive() {\n    this.pc.jumpToLive();\n  }\n  setVolume(volume: number) {\n    this.pc.setVolume(volume);\n  }\n  toggleMute() {\n    this.pc.toggleMute();\n  }\n  toggleLoop() {\n    this.pc.toggleLoop();\n  }\n  async toggleFullscreen() {\n    await this.pc.toggleFullscreen();\n  }\n  async togglePiP() {\n    await this.pc.togglePiP();\n  }\n  toggleSubtitles() {\n    this.pc.toggleSubtitles();\n  }\n  async retry() {\n    await this.pc.retry();\n  }\n  async reload() {\n    await this.pc.reload();\n  }\n  getQualities() {\n    return this.pc.getQualities();\n  }\n  selectQuality(id: string) {\n    this.pc.selectQuality(id);\n  }\n  destroy() {\n    this.pc.hostDisconnected();\n  }\n\n  // ---- Render ----\n\n  protected render() {\n    const s = this.pc.s;\n\n    return html`\n      <div\n        part=\"root\"\n        class=${classMap({\n          \"fw-player-surface\": true,\n          \"fw-player-root\": true,\n          \"w-full\": true,\n          \"h-full\": true,\n          \"overflow-hidden\": true,\n          flex: this.devMode,\n        })}\n        data-player-container=\"true\"\n        tabindex=\"0\"\n        @mouseenter=${() => this.pc.handleMouseEnter()}\n        @mouseleave=${() => this.pc.handleMouseLeave()}\n        @mousemove=${() => this.pc.handleMouseMove()}\n        @touchstart=${() => this.pc.handleTouchStart()}\n        @keydown=${this._handleContextMenuShortcut}\n        @contextmenu=${this._handleContextMenu}\n      >\n        <!-- Player area -->\n        <div\n          class=${classMap({\n            \"player-area\": true,\n            \"player-area--dev\": this.devMode,\n          })}\n        >\n          <!-- Video container -->\n          <div id=\"container\" part=\"video-container\" class=\"fw-player-container\"></div>\n\n          <!-- Subtitle renderer -->\n          ${s.subtitlesEnabled\n            ? html`\n                <fw-subtitle-renderer\n                  .currentTime=${s.currentTime}\n                  .enabled=${s.subtitlesEnabled}\n                ></fw-subtitle-renderer>\n              `\n            : nothing}\n\n          <!-- Title overlay -->\n          ${this._showTitleOverlay\n            ? html`\n                <fw-title-overlay\n                  .title=${s.metadata?.title ?? null}\n                  .description=${s.metadata?.description ?? null}\n                ></fw-title-overlay>\n              `\n            : nothing}\n\n          <!-- Stats panel -->\n          ${this._isStatsOpen\n            ? html`\n                <fw-stats-panel\n                  part=\"stats-panel\"\n                  .pc=${this.pc}\n                  @fw-close=${() => {\n                    this._isStatsOpen = false;\n                  }}\n                ></fw-stats-panel>\n              `\n            : nothing}\n\n          <!-- Speed indicator -->\n          ${s.isHoldingSpeed\n            ? html` <fw-speed-indicator .speed=${s.holdSpeed}></fw-speed-indicator> `\n            : nothing}\n\n          <!-- Skip indicator -->\n          <fw-skip-indicator\n            .direction=${this._skipDirection}\n            @fw-hide=${() => {\n              this._skipDirection = null;\n            }}\n          ></fw-skip-indicator>\n\n          <!-- Waiting for endpoint -->\n          ${this._showWaitingForEndpoint\n            ? html`\n                <fw-idle-screen\n                  status=\"OFFLINE\"\n                  .message=${this._waitingMessage}\n                  @fw-retry=${() => {\n                    this.pc.clearError();\n                    this.pc.retry();\n                  }}\n                ></fw-idle-screen>\n              `\n            : nothing}\n\n          <!-- Idle screen -->\n          ${!this._showWaitingForEndpoint && s.shouldShowIdleScreen\n            ? html`\n                <fw-idle-screen\n                  .status=${s.isEffectivelyLive ? s.streamState?.status : undefined}\n                  .message=${s.isEffectivelyLive ? s.streamState?.message : \"Loading video...\"}\n                  .percentage=${s.isEffectivelyLive ? s.streamState?.percentage : undefined}\n                  @fw-retry=${() => {\n                    this.pc.clearError();\n                    this.pc.retry();\n                  }}\n                ></fw-idle-screen>\n              `\n            : nothing}\n\n          <!-- Buffering spinner -->\n          ${this._showBufferingSpinner\n            ? html`\n                <div\n                  role=\"status\"\n                  aria-live=\"polite\"\n                  class=\"fw-player-surface absolute inset-0 flex items-center justify-center bg-black/40 backdrop-blur-sm z-20\"\n                >\n                  <div\n                    class=\"flex items-center gap-3 rounded-lg border border-white/10 bg-black/70 px-4 py-3 text-sm text-white shadow-lg\"\n                  >\n                    <div\n                      class=\"w-4 h-4 border-2 border-white/10 rounded-full animate-spin\"\n                      style=\"border-top-color: white;\"\n                    ></div>\n                    <span>Buffering...</span>\n                  </div>\n                </div>\n              `\n            : nothing}\n\n          <!-- Error overlay -->\n          ${!s.shouldShowIdleScreen && s.error\n            ? html`\n                <div\n                  role=\"alert\"\n                  aria-live=\"assertive\"\n                  class=${classMap({\n                    \"fw-error-overlay\": true,\n                    \"fw-error-overlay--passive\": s.isPassiveError,\n                    \"fw-error-overlay--fullscreen\": !s.isPassiveError,\n                  })}\n                >\n                  <div\n                    class=${classMap({\n                      \"fw-error-popup\": true,\n                      \"fw-error-popup--passive\": s.isPassiveError,\n                      \"fw-error-popup--fullscreen\": !s.isPassiveError,\n                    })}\n                  >\n                    <div\n                      class=${classMap({\n                        \"fw-error-header\": true,\n                        \"fw-error-header--warning\": s.isPassiveError,\n                        \"fw-error-header--error\": !s.isPassiveError,\n                      })}\n                    >\n                      <span\n                        class=${classMap({\n                          \"fw-error-title\": true,\n                          \"fw-error-title--warning\": s.isPassiveError,\n                          \"fw-error-title--error\": !s.isPassiveError,\n                        })}\n                        >${s.isPassiveError ? \"Warning\" : \"Error\"}</span\n                      >\n                      <button\n                        type=\"button\"\n                        class=\"fw-error-close\"\n                        @click=${() => this.pc.clearError()}\n                        aria-label=\"Dismiss\"\n                      >\n                        ${closeIcon()}\n                      </button>\n                    </div>\n                    <div class=\"fw-error-body\">\n                      <p class=\"fw-error-message\">Playback issue</p>\n                    </div>\n                    <div class=\"fw-error-actions\">\n                      <button\n                        type=\"button\"\n                        class=\"fw-error-btn\"\n                        aria-label=\"Retry playback\"\n                        @click=${() => {\n                          this.pc.clearError();\n                          this.pc.retry();\n                        }}\n                      >\n                        Retry\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              `\n            : nothing}\n\n          <!-- Toast notification -->\n          ${s.toast\n            ? html`\n                <div\n                  class=\"absolute bottom-20 left-1/2 -translate-x-1/2 z-30\"\n                  role=\"status\"\n                  aria-live=\"polite\"\n                >\n                  <div\n                    class=\"flex items-center gap-2 rounded-lg border border-white/10 bg-black/80 px-4 py-2 text-sm text-white shadow-lg backdrop-blur-sm\"\n                  >\n                    <span>${s.toast.message}</span>\n                    <button\n                      type=\"button\"\n                      @click=${() => this.pc.dismissToast()}\n                      class=\"ml-0.5 text-white/60 hover\\\\:text-white cursor-pointer\"\n                      aria-label=\"Dismiss\"\n                    >\n                      ${closeIcon()}\n                    </button>\n                  </div>\n                </div>\n              `\n            : nothing}\n\n          <!-- Player controls -->\n          ${!this._useStockControls\n            ? html`\n                <fw-player-controls\n                  part=\"controls\"\n                  .pc=${this.pc}\n                  .playbackMode=${this.playbackMode}\n                  .isContentLive=${s.isEffectivelyLive}\n                  .devMode=${this.devMode}\n                  .isStatsOpen=${this._isStatsOpen}\n                  @fw-stats-toggle=${() => {\n                    this._isStatsOpen = !this._isStatsOpen;\n                  }}\n                  @fw-mode-change=${(event: CustomEvent<{ mode: PlaybackMode }>) => {\n                    this.playbackMode = event.detail.mode;\n                  }}\n                ></fw-player-controls>\n              `\n            : nothing}\n        </div>\n\n        <!-- Dev mode side panel -->\n        ${this.devMode && this._isDevPanelOpen\n          ? html`\n              <fw-dev-mode-panel\n                .pc=${this.pc}\n                .playbackMode=${this.playbackMode}\n                @fw-close=${() => {\n                  this._isDevPanelOpen = false;\n                }}\n                @fw-playback-mode-change=${(event: CustomEvent<{ mode: PlaybackMode }>) => {\n                  this.playbackMode = event.detail.mode;\n                }}\n              ></fw-dev-mode-panel>\n            `\n          : nothing}\n      </div>\n\n      <!-- Context menu -->\n      <!-- Keep menu in-shadow (no document portal) to preserve host-scoped styling and avoid a global overlay manager. -->\n      ${this._contextMenuMounted\n        ? html`\n            <div\n              data-context-menu=\"true\"\n              data-state=${this._contextMenuState}\n              data-side=${this._contextMenuSide}\n              class=\"fw-player-surface fw-context-menu\"\n              role=\"menu\"\n              aria-label=\"Player options\"\n              tabindex=\"-1\"\n              style=\"position: absolute; left: ${this._contextMenuX}px; top: ${this\n                ._contextMenuY}px;\"\n              @contextmenu=${(e: MouseEvent) => e.preventDefault()}\n              @keydown=${this._handleContextMenuKeyDown}\n            >\n              <button\n                type=\"button\"\n                role=\"menuitem\"\n                tabindex=\"-1\"\n                data-context-menu-item=\"true\"\n                data-context-menu-level=\"root\"\n                class=\"fw-context-menu-item gap-2\"\n                @click=${() => {\n                  this._isStatsOpen = !this._isStatsOpen;\n                  this._closeContextMenu();\n                }}\n              >\n                <span class=\"opacity-70 shrink-0\">${statsIcon(14)}</span>\n                <span>${this._isStatsOpen ? \"Hide Stats\" : \"Stats\"}</span>\n              </button>\n              ${this.devMode\n                ? html`\n                    <div class=\"fw-context-menu-separator\"></div>\n                    <button\n                      type=\"button\"\n                      role=\"menuitem\"\n                      tabindex=\"-1\"\n                      data-context-menu-item=\"true\"\n                      data-context-menu-level=\"root\"\n                      class=\"fw-context-menu-item gap-2\"\n                      @click=${() => {\n                        this._isDevPanelOpen = !this._isDevPanelOpen;\n                        this._closeContextMenu();\n                      }}\n                    >\n                      <span class=\"opacity-70 shrink-0\">${settingsIcon(14)}</span>\n                      <span>${this._isDevPanelOpen ? \"Hide Settings\" : \"Settings\"}</span>\n                    </button>\n                  `\n                : nothing}\n              <div class=\"fw-context-menu-separator\"></div>\n              <button\n                type=\"button\"\n                role=\"menuitemcheckbox\"\n                aria-checked=${String(s.isPiPActive)}\n                tabindex=\"-1\"\n                data-context-menu-item=\"true\"\n                data-context-menu-level=\"root\"\n                class=\"fw-context-menu-item gap-2\"\n                @click=${() => {\n                  this.pc.togglePiP();\n                  this._closeContextMenu();\n                }}\n              >\n                <span class=\"opacity-70 shrink-0\">${pictureInPictureIcon(14)}</span>\n                <span>Picture-in-Picture</span>\n              </button>\n              <button\n                type=\"button\"\n                role=\"menuitemcheckbox\"\n                aria-checked=${String(s.isLoopEnabled)}\n                tabindex=\"-1\"\n                data-context-menu-item=\"true\"\n                data-context-menu-level=\"root\"\n                class=\"fw-context-menu-item gap-2\"\n                @click=${() => {\n                  this.pc.toggleLoop();\n                  this._closeContextMenu();\n                }}\n              >\n                <span class=\"opacity-70 shrink-0\">${loopIcon(14)}</span>\n                <span>${s.isLoopEnabled ? \"Disable Loop\" : \"Enable Loop\"}</span>\n              </button>\n            </div>\n          `\n        : nothing}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-player\": FwPlayer;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fw-player.js","sources":["../../../../src/components/fw-player.ts"],"sourcesContent":["/**\n * <fw-player> — Main player web component.\n * Port of Player.tsx / PlayerInner from player-react.\n */\nimport { LitElement, html, css, nothing, type PropertyValues } from \"lit\";\nimport { customElement, property, state, query } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { PlayerControllerHost } from \"../controllers/player-controller-host.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\nimport { utilityStyles } from \"../styles/utility-styles.js\";\nimport {\n  closeIcon,\n  statsIcon,\n  settingsIcon,\n  pictureInPictureIcon,\n  loopIcon,\n} from \"../icons/index.js\";\nimport type {\n  ContentEndpoints,\n  PlaybackMode,\n  FwThemePreset,\n  FwThemeOverrides,\n  FwLocale,\n} from \"@livepeer-frameworks/player-core\";\nimport { applyTheme, applyThemeOverrides, clearTheme } from \"@livepeer-frameworks/player-core\";\n\n@customElement(\"fw-player\")\nexport class FwPlayer extends LitElement {\n  // ---- Public attributes (reflected) ----\n  @property({ attribute: \"content-id\" }) contentId = \"\";\n  @property({ attribute: \"content-type\" }) contentType?: \"live\" | \"dvr\" | \"clip\" | \"vod\";\n  @property({ attribute: \"gateway-url\" }) gatewayUrl?: string;\n  @property({ attribute: \"mist-url\" }) mistUrl?: string;\n  @property({ attribute: \"auth-token\" }) authToken?: string;\n  @property({ type: Boolean }) autoplay = true;\n  @property({ type: Boolean }) muted = true;\n  // React/Svelte use `stockControls` for native controls. Keep `controls` as a\n  // compatibility no-op so WC parity does not hide custom controls/seekbar.\n  @property({ type: Boolean }) controls = false;\n  @property({ type: Boolean, attribute: \"stock-controls\" }) stockControls = false;\n  @property({ type: Boolean, attribute: \"native-controls\" }) nativeControls = false;\n  @property({ type: Boolean }) debug = false;\n  @property({ type: Boolean, attribute: \"dev-mode\" }) devMode = false;\n  @property({ attribute: \"thumbnail-url\" }) thumbnailUrl?: string;\n  @property({ attribute: \"playback-mode\" }) playbackMode: PlaybackMode = \"auto\";\n\n  // ---- Theme ----\n  @property({ attribute: \"theme\" }) theme?: FwThemePreset;\n  @property({ attribute: false }) themeOverrides?: FwThemeOverrides;\n  @property({ attribute: \"locale\" }) locale?: FwLocale;\n\n  // ---- JS-only properties (not reflected) ----\n  @property({ attribute: false }) endpoints?: ContentEndpoints;\n\n  // ---- Internal state ----\n  @state() private _isStatsOpen = false;\n  @state() private _isDevPanelOpen = false;\n  @state() private _skipDirection: \"back\" | \"forward\" | null = null;\n  @state() private _contextMenuOpen = false;\n  @state() private _contextMenuMounted = false;\n\n  // Error fade-out\n  @state() private _displayedError: string | null = null;\n  @state() private _displayedIsPassive = false;\n  @state() private _isErrorDismissing = false;\n  private _errorDismissTimer: ReturnType<typeof setTimeout> | null = null;\n  @state() private _contextMenuState: \"open\" | \"closed\" = \"closed\";\n  @state() private _contextMenuSide: \"top\" | \"bottom\" | \"left\" | \"right\" = \"bottom\";\n  @state() private _contextMenuX = 0;\n  @state() private _contextMenuY = 0;\n\n  // ---- Refs ----\n  @query(\"#container\") private _containerEl!: HTMLDivElement;\n\n  // ---- Controller ----\n  pc = new PlayerControllerHost(this);\n\n  static styles = [\n    sharedStyles,\n    utilityStyles,\n    css`\n      :host {\n        display: block;\n        position: relative;\n        width: 100%;\n        height: 100%;\n        min-height: 0;\n        overflow: hidden;\n        contain: layout style;\n      }\n      :host([hidden]) {\n        display: none;\n      }\n      .player-area {\n        position: relative;\n        width: 100%;\n        height: 100%;\n      }\n      .player-area--dev {\n        flex: 1;\n        min-width: 0;\n        min-height: 0;\n      }\n    `,\n  ];\n\n  // ---- Lifecycle ----\n\n  protected willUpdate(changed: PropertyValues) {\n    if (changed.has(\"locale\")) {\n      this.pc.updateTranslator({ locale: this.locale ?? \"en\" });\n    }\n\n    // Error fade-out: sync displayed error from controller state\n    const es = this.pc.s;\n    if (es.error) {\n      if (this._errorDismissTimer) {\n        clearTimeout(this._errorDismissTimer);\n        this._errorDismissTimer = null;\n      }\n      this._displayedError = es.error;\n      this._displayedIsPassive = es.isPassiveError;\n      this._isErrorDismissing = false;\n    } else if (this._displayedError && !this._isErrorDismissing) {\n      this._isErrorDismissing = true;\n      this._errorDismissTimer = setTimeout(() => {\n        this._displayedError = null;\n        this._displayedIsPassive = false;\n        this._isErrorDismissing = false;\n        this._errorDismissTimer = null;\n      }, 300);\n    }\n\n    if (\n      changed.has(\"contentId\") ||\n      changed.has(\"contentType\") ||\n      changed.has(\"gatewayUrl\") ||\n      changed.has(\"mistUrl\") ||\n      changed.has(\"authToken\") ||\n      changed.has(\"autoplay\") ||\n      changed.has(\"muted\") ||\n      changed.has(\"stockControls\") ||\n      changed.has(\"nativeControls\") ||\n      changed.has(\"debug\") ||\n      changed.has(\"thumbnailUrl\") ||\n      changed.has(\"endpoints\")\n    ) {\n      this.pc.configure({\n        contentId: this.contentId,\n        contentType: this.contentType,\n        endpoints: this.endpoints,\n        gatewayUrl: this.gatewayUrl,\n        mistUrl: this.mistUrl,\n        authToken: this.authToken,\n        autoplay: this.autoplay,\n        muted: this.muted,\n        controls: this.stockControls || this.nativeControls,\n        poster: this.thumbnailUrl,\n        debug: this.debug,\n      });\n    }\n  }\n\n  protected firstUpdated() {\n    this.pc.attach(this._containerEl);\n\n    // Close context menu on outside click\n    document.addEventListener(\"pointerdown\", this._handleDocumentPointerDown);\n    document.addEventListener(\"contextmenu\", this._handleDocumentContextMenu);\n    document.addEventListener(\"keydown\", this._handleDocumentKeyDown);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener(\"pointerdown\", this._handleDocumentPointerDown);\n    document.removeEventListener(\"contextmenu\", this._handleDocumentContextMenu);\n    document.removeEventListener(\"keydown\", this._handleDocumentKeyDown);\n    if (this._contextMenuCloseTimer) {\n      clearTimeout(this._contextMenuCloseTimer);\n      this._contextMenuCloseTimer = undefined;\n    }\n    if (this._errorDismissTimer) {\n      clearTimeout(this._errorDismissTimer);\n      this._errorDismissTimer = null;\n    }\n    this._resetContextMenuTypeahead();\n  }\n\n  // ---- Context Menu ----\n\n  private _contextMenuCloseTimer?: ReturnType<typeof setTimeout>;\n  private _contextMenuTypeahead = \"\";\n  private _contextMenuTypeaheadTimer?: ReturnType<typeof setTimeout>;\n\n  private _resetContextMenuTypeahead = () => {\n    this._contextMenuTypeahead = \"\";\n    if (this._contextMenuTypeaheadTimer) {\n      clearTimeout(this._contextMenuTypeaheadTimer);\n      this._contextMenuTypeaheadTimer = undefined;\n    }\n  };\n\n  private _resolveContextMenuSide = (\n    rawX: number,\n    rawY: number,\n    clampedX: number,\n    clampedY: number\n  ) => {\n    const deltaX = Math.abs(rawX - clampedX);\n    const deltaY = Math.abs(rawY - clampedY);\n\n    if (deltaX === 0 && deltaY === 0) {\n      return \"bottom\";\n    }\n\n    if (deltaY >= deltaX) {\n      return rawY > clampedY ? \"top\" : \"bottom\";\n    }\n\n    return rawX > clampedX ? \"left\" : \"right\";\n  };\n\n  private _closeContextMenu = (restoreFocus = false) => {\n    this._contextMenuOpen = false;\n    this._contextMenuState = \"closed\";\n    this._resetContextMenuTypeahead();\n    if (this._contextMenuCloseTimer) {\n      clearTimeout(this._contextMenuCloseTimer);\n    }\n    this._contextMenuCloseTimer = setTimeout(() => {\n      if (!this._contextMenuOpen) {\n        this._contextMenuMounted = false;\n      }\n    }, 170);\n\n    if (restoreFocus) {\n      const root = this.shadowRoot?.querySelector<HTMLElement>('[part=\"root\"]');\n      root?.focus();\n    }\n  };\n\n  private _getQueryRoot = (): ShadowRoot | null => {\n    return (\n      this.shadowRoot ?? (this as unknown as { renderRoot?: ShadowRoot | null }).renderRoot ?? null\n    );\n  };\n\n  private _getContextMenuElement = () =>\n    this._getQueryRoot()?.querySelector<HTMLElement>('[data-context-menu=\"true\"]') ?? null;\n\n  private _getContextMenuBounds = () => {\n    const root = this._getQueryRoot()?.querySelector<HTMLElement>('[part=\"root\"]');\n    const rect = root?.getBoundingClientRect() ?? this.getBoundingClientRect();\n\n    const width = rect.width > 0 ? rect.width : window.innerWidth;\n    const height = rect.height > 0 ? rect.height : window.innerHeight;\n\n    return {\n      left: rect.left,\n      top: rect.top,\n      right: rect.left + width,\n      bottom: rect.top + height,\n      width,\n      height,\n    };\n  };\n\n  private _toLocalContextMenuPoint = (clientX: number, clientY: number) => {\n    const bounds = this._getContextMenuBounds();\n    return {\n      x: clientX - bounds.left,\n      y: clientY - bounds.top,\n    };\n  };\n\n  private _getContextMenuItems = () =>\n    Array.from(\n      this._getQueryRoot()?.querySelectorAll<HTMLButtonElement>(\n        '[data-context-menu-item=\"true\"][data-context-menu-level=\"root\"]:not([data-disabled=\"true\"])'\n      ) ?? []\n    );\n\n  private _focusFirstContextMenuItem = () => {\n    const [firstItem] = this._getContextMenuItems();\n    firstItem?.focus();\n  };\n\n  private _clampContextMenuPosition = (x: number, y: number, width: number, height: number) => {\n    const viewportPadding = 8;\n    const bounds = this._getContextMenuBounds();\n    const maxX = Math.max(viewportPadding, bounds.width - width - viewportPadding);\n    const maxY = Math.max(viewportPadding, bounds.height - height - viewportPadding);\n\n    return {\n      x: Math.max(viewportPadding, Math.min(x, maxX)),\n      y: Math.max(viewportPadding, Math.min(y, maxY)),\n    };\n  };\n\n  private _syncContextMenuPosition = () => {\n    if (!this._contextMenuMounted) return;\n    const menu = this._getContextMenuElement();\n    if (!menu) return;\n\n    const rect = menu.getBoundingClientRect();\n    const next = this._clampContextMenuPosition(\n      this._contextMenuX,\n      this._contextMenuY,\n      rect.width,\n      rect.height\n    );\n    this._contextMenuSide = this._resolveContextMenuSide(\n      this._contextMenuX,\n      this._contextMenuY,\n      next.x,\n      next.y\n    );\n    if (next.x !== this._contextMenuX || next.y !== this._contextMenuY) {\n      this._contextMenuX = next.x;\n      this._contextMenuY = next.y;\n    }\n  };\n\n  private _openContextMenu = (clientX: number, clientY: number) => {\n    const local = this._toLocalContextMenuPoint(clientX, clientY);\n    const next = this._clampContextMenuPosition(local.x, local.y, 220, 200);\n    this._contextMenuSide = this._resolveContextMenuSide(local.x, local.y, next.x, next.y);\n    this._contextMenuX = next.x;\n    this._contextMenuY = next.y;\n    this._contextMenuMounted = true;\n    this._contextMenuState = \"open\";\n    if (this._contextMenuCloseTimer) {\n      clearTimeout(this._contextMenuCloseTimer);\n      this._contextMenuCloseTimer = undefined;\n    }\n    this._resetContextMenuTypeahead();\n    this._contextMenuOpen = true;\n  };\n\n  private _handleContextMenu = (e: MouseEvent) => {\n    const target = e.target as HTMLElement | null;\n    if (target?.closest('[data-context-menu=\"true\"]')) {\n      e.preventDefault();\n      return;\n    }\n\n    e.preventDefault();\n    this._openContextMenu(e.clientX, e.clientY);\n  };\n\n  private _handleContextMenuShortcut = (e: KeyboardEvent) => {\n    const isContextMenuKey = e.key === \"ContextMenu\";\n    const isShiftF10 = e.key === \"F10\" && e.shiftKey;\n    if (!isContextMenuKey && !isShiftF10) return;\n\n    e.preventDefault();\n    const rect = this.getBoundingClientRect();\n    const x = rect.left + rect.width / 2;\n    const y = rect.top + rect.height / 2;\n    this._openContextMenu(x, y);\n  };\n\n  private _handleDocumentPointerDown = (e: PointerEvent) => {\n    if (!this._contextMenuOpen) return;\n    const menu = this._getContextMenuElement();\n    const composedPath = e.composedPath();\n    if (menu && composedPath.includes(menu)) return;\n    this._closeContextMenu();\n  };\n\n  private _handleDocumentContextMenu = (e: MouseEvent) => {\n    if (!this._contextMenuOpen) return;\n    if (!this.contains(e.target as Node)) {\n      this._closeContextMenu();\n    }\n  };\n\n  private _handleDocumentKeyDown = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\" && this._contextMenuOpen) {\n      e.preventDefault();\n      this._closeContextMenu(true);\n    }\n  };\n\n  private _handleContextMenuKeyDown = (e: KeyboardEvent) => {\n    if (!this._contextMenuOpen) return;\n    const activeElement = this.shadowRoot?.activeElement as HTMLButtonElement | null;\n\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      this._closeContextMenu(true);\n      return;\n    }\n\n    if (e.key === \"Tab\") {\n      this._closeContextMenu();\n      return;\n    }\n\n    const items = this._getContextMenuItems();\n    if (items.length === 0) return;\n    const activeIndex = items.findIndex((item) => item === activeElement);\n\n    if (e.key === \"Home\") {\n      e.preventDefault();\n      this._focusFirstContextMenuItem();\n      return;\n    }\n\n    if (e.key === \"End\") {\n      e.preventDefault();\n      items[items.length - 1]?.focus();\n      return;\n    }\n\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      e.preventDefault();\n      const direction = e.key === \"ArrowDown\" ? 1 : -1;\n      const startIndex =\n        activeIndex === -1 ? (direction === 1 ? 0 : items.length - 1) : activeIndex;\n      const nextIndex = (startIndex + direction + items.length) % items.length;\n      items[nextIndex]?.focus();\n      return;\n    }\n\n    if (e.key === \"Enter\" || e.key === \" \") {\n      if (activeElement) {\n        e.preventDefault();\n        activeElement.click();\n      }\n      return;\n    }\n\n    if (e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey) {\n      e.preventDefault();\n      this._contextMenuTypeahead += e.key.toLowerCase();\n      if (this._contextMenuTypeaheadTimer) {\n        clearTimeout(this._contextMenuTypeaheadTimer);\n      }\n      this._contextMenuTypeaheadTimer = setTimeout(() => {\n        this._resetContextMenuTypeahead();\n      }, 700);\n\n      const startIndex = activeIndex === -1 ? 0 : activeIndex + 1;\n      const orderedItems = [...items.slice(startIndex), ...items.slice(0, startIndex)];\n      const match = orderedItems.find((item) =>\n        item.textContent?.trim().toLowerCase().startsWith(this._contextMenuTypeahead)\n      );\n      match?.focus();\n    }\n  };\n\n  // ---- Toast auto-dismiss ----\n\n  private _toastTimer?: ReturnType<typeof setTimeout>;\n\n  protected updated(changed: PropertyValues) {\n    // Apply theme changes (preset or overrides) via JS custom properties\n    if (changed.has(\"theme\") || changed.has(\"themeOverrides\")) {\n      const root = this.shadowRoot?.querySelector<HTMLElement>('[part=\"root\"]');\n      if (root) {\n        clearTheme(root);\n        if (this.theme && this.theme !== \"default\") {\n          applyTheme(root, this.theme);\n        }\n        if (this.themeOverrides) applyThemeOverrides(root, this.themeOverrides);\n      }\n    }\n\n    if (this.pc.s.toast) {\n      clearTimeout(this._toastTimer);\n      this._toastTimer = setTimeout(() => this.pc.dismissToast(), 3000);\n    }\n\n    if (\n      (changed.has(\"_contextMenuOpen\") || changed.has(\"_contextMenuMounted\")) &&\n      this._contextMenuOpen\n    ) {\n      queueMicrotask(() => {\n        this._syncContextMenuPosition();\n        this._focusFirstContextMenuItem();\n      });\n    }\n  }\n\n  // ---- Derived state ----\n\n  private get _showTitleOverlay() {\n    const s = this.pc.s;\n    return (s.isHovering || s.isPaused) && !s.shouldShowIdleScreen && !s.isBuffering && !s.error;\n  }\n\n  private get _showBufferingSpinner() {\n    const s = this.pc.s;\n    return !s.shouldShowIdleScreen && s.isBuffering && !s.error && s.hasPlaybackStarted;\n  }\n\n  private get _showWaitingForEndpoint() {\n    const s = this.pc.s;\n    return !s.endpoints?.primary && s.state !== \"booting\";\n  }\n\n  private get _waitingMessage() {\n    const s = this.pc.s;\n    if (this.gatewayUrl && s.state === \"gateway_loading\") {\n      return this.pc.t(\"resolvingEndpoint\");\n    }\n    return this.pc.t(\"waitingForStream\");\n  }\n\n  private get _useStockControls() {\n    return (\n      this.stockControls ||\n      this.nativeControls ||\n      this.pc.s.currentPlayerInfo?.shortname === \"mist-legacy\"\n    );\n  }\n\n  /** Expose the PlayerControllerHost for composable controls */\n  get controller(): PlayerControllerHost {\n    return this.pc;\n  }\n\n  // ---- Public API methods ----\n\n  async play() {\n    await this.pc.play();\n  }\n  pause() {\n    this.pc.pause();\n  }\n  togglePlay() {\n    this.pc.togglePlay();\n  }\n  seek(time: number) {\n    this.pc.seek(time);\n  }\n  seekBy(delta: number) {\n    this.pc.seekBy(delta);\n  }\n  jumpToLive() {\n    this.pc.jumpToLive();\n  }\n  setVolume(volume: number) {\n    this.pc.setVolume(volume);\n  }\n  toggleMute() {\n    this.pc.toggleMute();\n  }\n  toggleLoop() {\n    this.pc.toggleLoop();\n  }\n  async toggleFullscreen() {\n    await this.pc.toggleFullscreen();\n  }\n  async togglePiP() {\n    await this.pc.togglePiP();\n  }\n  toggleSubtitles() {\n    this.pc.toggleSubtitles();\n  }\n  async retry() {\n    await this.pc.retry();\n  }\n  async reload() {\n    await this.pc.reload();\n  }\n  getQualities() {\n    return this.pc.getQualities();\n  }\n  selectQuality(id: string) {\n    this.pc.selectQuality(id);\n  }\n  destroy() {\n    this.pc.hostDisconnected();\n  }\n\n  // ---- Render ----\n\n  protected render() {\n    const s = this.pc.s;\n\n    return html`\n      <div\n        part=\"root\"\n        class=${classMap({\n          \"fw-player-surface\": true,\n          \"fw-player-root\": true,\n          \"w-full\": true,\n          \"h-full\": true,\n          \"overflow-hidden\": true,\n          flex: this.devMode,\n        })}\n        data-player-container=\"true\"\n        data-theme=${this.theme && this.theme !== \"default\" ? this.theme : nothing}\n        tabindex=\"0\"\n        @mouseenter=${() => this.pc.handleMouseEnter()}\n        @mouseleave=${() => this.pc.handleMouseLeave()}\n        @mousemove=${() => this.pc.handleMouseMove()}\n        @touchstart=${() => this.pc.handleTouchStart()}\n        @keydown=${this._handleContextMenuShortcut}\n        @contextmenu=${this._handleContextMenu}\n      >\n        <!-- Player area -->\n        <div\n          class=${classMap({\n            \"player-area\": true,\n            \"player-area--dev\": this.devMode,\n          })}\n        >\n          <!-- Video container -->\n          <div id=\"container\" part=\"video-container\" class=\"fw-player-container\"></div>\n\n          <!-- Subtitle renderer -->\n          ${s.subtitlesEnabled\n            ? html`\n                <fw-subtitle-renderer\n                  .currentTime=${s.currentTime}\n                  .enabled=${s.subtitlesEnabled}\n                ></fw-subtitle-renderer>\n              `\n            : nothing}\n\n          <!-- Title overlay -->\n          ${this._showTitleOverlay\n            ? html`\n                <fw-title-overlay\n                  .title=${s.metadata?.title ?? null}\n                  .description=${s.metadata?.description ?? null}\n                ></fw-title-overlay>\n              `\n            : nothing}\n\n          <!-- Stats panel -->\n          ${this._isStatsOpen\n            ? html`\n                <fw-stats-panel\n                  part=\"stats-panel\"\n                  .pc=${this.pc}\n                  @fw-close=${() => {\n                    this._isStatsOpen = false;\n                  }}\n                ></fw-stats-panel>\n              `\n            : nothing}\n\n          <!-- Speed indicator -->\n          ${s.isHoldingSpeed\n            ? html` <fw-speed-indicator .speed=${s.holdSpeed}></fw-speed-indicator> `\n            : nothing}\n\n          <!-- Skip indicator -->\n          <fw-skip-indicator\n            .direction=${this._skipDirection}\n            @fw-hide=${() => {\n              this._skipDirection = null;\n            }}\n          ></fw-skip-indicator>\n\n          <!-- Waiting for endpoint -->\n          ${this._showWaitingForEndpoint\n            ? html`\n                <fw-idle-screen\n                  status=\"OFFLINE\"\n                  .message=${this._waitingMessage}\n                  @fw-retry=${() => {\n                    this.pc.clearError();\n                    this.pc.retry();\n                  }}\n                ></fw-idle-screen>\n              `\n            : nothing}\n\n          <!-- Idle screen -->\n          ${!this._showWaitingForEndpoint && s.shouldShowIdleScreen\n            ? html`\n                <fw-idle-screen\n                  .status=${s.isEffectivelyLive ? s.streamState?.status : undefined}\n                  .message=${s.isEffectivelyLive ? s.streamState?.message : this.pc.t(\"loading\")}\n                  .percentage=${s.isEffectivelyLive ? s.streamState?.percentage : undefined}\n                  @fw-retry=${() => {\n                    this.pc.clearError();\n                    this.pc.retry();\n                  }}\n                ></fw-idle-screen>\n              `\n            : nothing}\n\n          <!-- Buffering spinner -->\n          ${this._showBufferingSpinner\n            ? html`\n                <div role=\"status\" aria-live=\"polite\" class=\"fw-buffering-overlay\">\n                  <div class=\"fw-buffering-pill\">\n                    <div class=\"fw-buffering-spinner\"></div>\n                    <span>${this.pc.t(\"buffering\")}</span>\n                  </div>\n                </div>\n              `\n            : nothing}\n\n          <!-- Passive error toast (non-blocking) -->\n          ${!s.shouldShowIdleScreen && this._displayedError && this._displayedIsPassive\n            ? html`\n                <div\n                  class=\"absolute bottom-20 left-1/2 -translate-x-1/2 z-30\"\n                  style=\"transition:opacity 300ms;opacity:${this._isErrorDismissing ? \"0\" : \"1\"}\"\n                  role=\"status\"\n                  aria-live=\"polite\"\n                >\n                  <div\n                    class=\"flex items-center gap-2 rounded-lg border border-yellow-500/30 bg-black/80 px-4 py-2 text-sm text-white shadow-lg backdrop-blur-sm\"\n                  >\n                    <span class=\"text-yellow-400 text-xs font-semibold uppercase\"\n                      >${this.pc.t(\"warning\")}</span\n                    >\n                    <span>${this._displayedError}</span>\n                    <button\n                      type=\"button\"\n                      @click=${() => this.pc.clearError()}\n                      class=\"ml-0.5 text-white/60 hover\\\\:text-white cursor-pointer\"\n                      aria-label=${this.pc.t(\"dismiss\")}\n                    >\n                      ${closeIcon()}\n                    </button>\n                  </div>\n                </div>\n              `\n            : nothing}\n\n          <!-- Fatal error overlay (blocking) — auto-dismisses on playback resume -->\n          ${!s.shouldShowIdleScreen && this._displayedError && !this._displayedIsPassive\n            ? html`\n                <div\n                  role=\"alert\"\n                  aria-live=\"assertive\"\n                  class=\"fw-error-overlay fw-error-overlay--fullscreen\"\n                  style=\"transition:opacity 300ms;opacity:${this._isErrorDismissing ? \"0\" : \"1\"}\"\n                >\n                  <div class=\"fw-error-popup fw-error-popup--fullscreen\">\n                    <div class=\"fw-error-header fw-error-header--error\">\n                      <span class=\"fw-error-title fw-error-title--error\"\n                        >${this.pc.t(\"error\")}</span\n                      >\n                      <button\n                        type=\"button\"\n                        class=\"fw-error-close\"\n                        @click=${() => this.pc.clearError()}\n                        aria-label=${this.pc.t(\"dismiss\")}\n                      >\n                        ${closeIcon()}\n                      </button>\n                    </div>\n                    <div class=\"fw-error-body\">\n                      <p class=\"fw-error-message\">${this._displayedError}</p>\n                    </div>\n                    <div class=\"fw-error-actions\">\n                      <button\n                        type=\"button\"\n                        class=\"fw-error-btn\"\n                        aria-label=${this.pc.t(\"retry\")}\n                        @click=${() => {\n                          this.pc.clearError();\n                          this.pc.retry();\n                        }}\n                      >\n                        ${this.pc.t(\"retry\")}\n                      </button>\n                      ${this.pc.canAttemptFallback()\n                        ? html`\n                            <button\n                              type=\"button\"\n                              class=\"fw-error-btn fw-error-btn--secondary\"\n                              aria-label=${this.pc.t(\"tryNext\")}\n                              @click=${() => {\n                                this.pc.clearError();\n                                this.pc.tryNextSource();\n                              }}\n                            >\n                              ${this.pc.t(\"tryNext\")}\n                            </button>\n                          `\n                        : nothing}\n                      <button\n                        type=\"button\"\n                        class=\"fw-error-btn fw-error-btn--secondary\"\n                        aria-label=${this.pc.t(\"reloadPlayer\")}\n                        @click=${() => {\n                          this.pc.clearError();\n                          this.pc.reload();\n                        }}\n                      >\n                        ${this.pc.t(\"reloadPlayer\")}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              `\n            : nothing}\n\n          <!-- Toast notification -->\n          ${s.toast\n            ? html`\n                <div\n                  class=\"absolute bottom-20 left-1/2 -translate-x-1/2 z-30\"\n                  role=\"status\"\n                  aria-live=\"polite\"\n                >\n                  <div\n                    class=\"flex items-center gap-2 rounded-lg border border-white/10 bg-black/80 px-4 py-2 text-sm text-white shadow-lg backdrop-blur-sm\"\n                  >\n                    <span>${s.toast.message}</span>\n                    <button\n                      type=\"button\"\n                      @click=${() => this.pc.dismissToast()}\n                      class=\"ml-0.5 text-white/60 hover\\\\:text-white cursor-pointer\"\n                      aria-label=${this.pc.t(\"dismiss\")}\n                    >\n                      ${closeIcon()}\n                    </button>\n                  </div>\n                </div>\n              `\n            : nothing}\n\n          <!-- Player controls: slot allows custom controls, fallback renders defaults -->\n          ${!this._useStockControls\n            ? html`\n                <slot name=\"controls\">\n                  <fw-player-controls\n                    part=\"controls\"\n                    .pc=${this.pc}\n                    .playbackMode=${this.playbackMode}\n                    .isContentLive=${s.isEffectivelyLive}\n                    .devMode=${this.devMode}\n                    .isStatsOpen=${this._isStatsOpen}\n                    .activeLocale=${this.locale ?? \"en\"}\n                    @fw-stats-toggle=${() => {\n                      this._isStatsOpen = !this._isStatsOpen;\n                    }}\n                    @fw-mode-change=${(event: CustomEvent<{ mode: PlaybackMode }>) => {\n                      this.playbackMode = event.detail.mode;\n                    }}\n                    @fw-locale-change=${(e: CustomEvent) => {\n                      this.locale = e.detail.locale;\n                    }}\n                  ></fw-player-controls>\n                </slot>\n              `\n            : nothing}\n        </div>\n\n        <!-- Dev mode side panel -->\n        ${this.devMode && this._isDevPanelOpen\n          ? html`\n              <fw-dev-mode-panel\n                .pc=${this.pc}\n                .playbackMode=${this.playbackMode}\n                @fw-close=${() => {\n                  this._isDevPanelOpen = false;\n                }}\n                @fw-playback-mode-change=${(event: CustomEvent<{ mode: PlaybackMode }>) => {\n                  this.playbackMode = event.detail.mode;\n                }}\n              ></fw-dev-mode-panel>\n            `\n          : nothing}\n      </div>\n\n      <!-- Context menu -->\n      <!-- Keep menu in-shadow (no document portal) to preserve host-scoped styling and avoid a global overlay manager. -->\n      ${this._contextMenuMounted\n        ? html`\n            <div\n              data-context-menu=\"true\"\n              data-state=${this._contextMenuState}\n              data-side=${this._contextMenuSide}\n              class=\"fw-context-menu\"\n              role=\"menu\"\n              aria-label=\"Player options\"\n              tabindex=\"-1\"\n              style=\"position: absolute; left: ${this._contextMenuX}px; top: ${this\n                ._contextMenuY}px;\"\n              @contextmenu=${(e: MouseEvent) => e.preventDefault()}\n              @keydown=${this._handleContextMenuKeyDown}\n            >\n              <button\n                type=\"button\"\n                role=\"menuitem\"\n                tabindex=\"-1\"\n                data-context-menu-item=\"true\"\n                data-context-menu-level=\"root\"\n                class=\"fw-context-menu-item gap-2\"\n                @click=${() => {\n                  this._isStatsOpen = !this._isStatsOpen;\n                  this._closeContextMenu();\n                }}\n              >\n                <span class=\"opacity-70 shrink-0\">${statsIcon(14)}</span>\n                <span>${this._isStatsOpen ? this.pc.t(\"hideStats\") : this.pc.t(\"showStats\")}</span>\n              </button>\n              ${this.devMode\n                ? html`\n                    <div class=\"fw-context-menu-separator\"></div>\n                    <button\n                      type=\"button\"\n                      role=\"menuitem\"\n                      tabindex=\"-1\"\n                      data-context-menu-item=\"true\"\n                      data-context-menu-level=\"root\"\n                      class=\"fw-context-menu-item gap-2\"\n                      @click=${() => {\n                        this._isDevPanelOpen = !this._isDevPanelOpen;\n                        this._closeContextMenu();\n                      }}\n                    >\n                      <span class=\"opacity-70 shrink-0\">${settingsIcon(14)}</span>\n                      <span\n                        >${this._isDevPanelOpen\n                          ? this.pc.t(\"hideSettings\")\n                          : this.pc.t(\"settings\")}</span\n                      >\n                    </button>\n                  `\n                : nothing}\n              <div class=\"fw-context-menu-separator\"></div>\n              <button\n                type=\"button\"\n                role=\"menuitemcheckbox\"\n                aria-checked=${String(s.isPiPActive)}\n                tabindex=\"-1\"\n                data-context-menu-item=\"true\"\n                data-context-menu-level=\"root\"\n                class=\"fw-context-menu-item gap-2\"\n                @click=${() => {\n                  this.pc.togglePiP();\n                  this._closeContextMenu();\n                }}\n              >\n                <span class=\"opacity-70 shrink-0\">${pictureInPictureIcon(14)}</span>\n                <span>${this.pc.t(\"pictureInPicture\")}</span>\n              </button>\n              <button\n                type=\"button\"\n                role=\"menuitemcheckbox\"\n                aria-checked=${String(s.isLoopEnabled)}\n                tabindex=\"-1\"\n                data-context-menu-item=\"true\"\n                data-context-menu-level=\"root\"\n                class=\"fw-context-menu-item gap-2\"\n                @click=${() => {\n                  this.pc.toggleLoop();\n                  this._closeContextMenu();\n                }}\n              >\n                <span class=\"opacity-70 shrink-0\">${loopIcon(14)}</span>\n                <span>${s.isLoopEnabled ? this.pc.t(\"disableLoop\") : this.pc.t(\"enableLoop\")}</span>\n              </button>\n            </div>\n          `\n        : nothing}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-player\": FwPlayer;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/components/fw-settings-menu.js

@@ -4,7 +4,7 @@ import { property, state, customElement } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { sharedStyles } from '../styles/shared-styles.js';
 import { utilityStyles } from '../styles/utility-styles.js';
-import { supportsPlaybackRate, SPEED_PRESETS } from '@livepeer-frameworks/player-core';
+import { supportsPlaybackRate, SPEED_PRESETS, getAvailableLocales, getLocaleDisplayName } from '@livepeer-frameworks/player-core';
 
 let FwSettingsMenu = class FwSettingsMenu extends LitElement {
     constructor() {
@@ -72,6 +72,13 @@ let FwSettingsMenu = class FwSettingsMenu extends LitElement {
         }));
         this._close();
     }
+    _handleLocaleChange(locale) {
+        this.dispatchEvent(new CustomEvent("fw-locale-change", {
+            detail: { locale },
+            bubbles: true,
+            composed: true,
+        }));
+    }
     _deriveFallbackQualities() {
         const tracks = this.pc?.s.streamState?.streamInfo?.meta?.tracks;
         if (!tracks) {
@@ -100,11 +107,11 @@ let FwSettingsMenu = class FwSettingsMenu extends LitElement {
         const activeCaption = this.captionValue ?? textTracks.find((track) => track.active)?.id ?? "none";
         const supportsPlaybackRate$1 = this.supportsPlaybackRate ?? supportsPlaybackRate(state.videoElement);
         return html `
-      <div class="fw-player-surface fw-settings-menu" role="menu" aria-label="Player settings">
+      <div class="fw-settings-menu" role="menu" aria-label=${this.pc.t("settings")}>
         ${this.isContentLive
             ? html `
               <div class="fw-settings-section">
-                <div class="fw-settings-label">Mode</div>
+                <div class="fw-settings-label">${this.pc.t("mode")}</div>
                 <div class="fw-settings-options">
                   ${["auto", "low-latency", "quality"].map((mode) => html `
                       <button
@@ -115,7 +122,11 @@ let FwSettingsMenu = class FwSettingsMenu extends LitElement {
             })}
                         @click=${() => this._handleModeChange(mode)}
                       >
-                        ${mode === "low-latency" ? "Fast" : mode === "quality" ? "Stable" : "Auto"}
+                        ${mode === "low-latency"
+                ? this.pc.t("fast")
+                : mode === "quality"
+                    ? this.pc.t("stable")
+                    : this.pc.t("auto")}
                       </button>
                     `)}
                 </div>
@@ -125,7 +136,7 @@ let FwSettingsMenu = class FwSettingsMenu extends LitElement {
         ${supportsPlaybackRate$1
             ? html `
               <div class="fw-settings-section">
-                <div class="fw-settings-label">Speed</div>
+                <div class="fw-settings-label">${this.pc.t("speed")}</div>
                 <div class="fw-settings-options fw-settings-options--wrap">
                   ${SPEED_PRESETS.map((rate) => html `
                       <button
@@ -146,7 +157,7 @@ let FwSettingsMenu = class FwSettingsMenu extends LitElement {
         ${qualities.length > 0
             ? html `
               <div class="fw-settings-section">
-                <div class="fw-settings-label">Quality</div>
+                <div class="fw-settings-label">${this.pc.t("quality")}</div>
                 <div class="fw-settings-list">
                   <button
                     type="button"
@@ -156,7 +167,7 @@ let FwSettingsMenu = class FwSettingsMenu extends LitElement {
             })}
                     @click=${() => this._handleQualityChange("auto")}
                   >
-                    Auto
+                    ${this.pc.t("auto")}
                   </button>
                   ${qualities.map((quality) => html `
                       <button
@@ -177,7 +188,7 @@ let FwSettingsMenu = class FwSettingsMenu extends LitElement {
         ${textTracks.length > 0
             ? html `
               <div class="fw-settings-section">
-                <div class="fw-settings-label">Captions</div>
+                <div class="fw-settings-label">${this.pc.t("captions")}</div>
                 <div class="fw-settings-list">
                   <button
                     type="button"
@@ -187,7 +198,7 @@ let FwSettingsMenu = class FwSettingsMenu extends LitElement {
             })}
                     @click=${() => this._handleCaptionChange("none")}
                   >
-                    Off
+                    ${this.pc.t("captionsOff")}
                   </button>
                   ${textTracks.map((track) => html `
                       <button
@@ -205,6 +216,27 @@ let FwSettingsMenu = class FwSettingsMenu extends LitElement {
               </div>
             `
             : nothing}
+        ${this.activeLocale !== undefined
+            ? html `
+              <div class="fw-settings-section">
+                <div class="fw-settings-label">${this.pc.t("language")}</div>
+                <div class="fw-settings-list">
+                  ${getAvailableLocales().map((loc) => html `
+                      <button
+                        type="button"
+                        class=${classMap({
+                "fw-settings-list-item": true,
+                "fw-settings-list-item--active": this.activeLocale === loc,
+            })}
+                        @click=${() => this._handleLocaleChange(loc)}
+                      >
+                        ${getLocaleDisplayName(loc)}
+                      </button>
+                    `)}
+                </div>
+              </div>
+            `
+            : nothing}
       </div>
     `;
     }
@@ -242,6 +274,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, attribute: "supports-playback-rate" })
 ], FwSettingsMenu.prototype, "supportsPlaybackRate", void 0);
+__decorate([
+    property({ attribute: "active-locale" })
+], FwSettingsMenu.prototype, "activeLocale", void 0);
 __decorate([
     state()
 ], FwSettingsMenu.prototype, "_playbackRate", void 0);

package/dist/esm/components/fw-settings-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"fw-settings-menu.js","sources":["../../../../src/components/fw-settings-menu.ts"],"sourcesContent":["/**\n * <fw-settings-menu> — Mode, speed, quality, and captions settings popup.\n */\nimport { LitElement, html, css, nothing } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\nimport { utilityStyles } from \"../styles/utility-styles.js\";\nimport {\n  SPEED_PRESETS,\n  supportsPlaybackRate as coreSupportsPlaybackRate,\n} from \"@livepeer-frameworks/player-core\";\nimport type { PlaybackMode } from \"@livepeer-frameworks/player-core\";\nimport type { PlayerControllerHost } from \"../controllers/player-controller-host.js\";\n\n@customElement(\"fw-settings-menu\")\nexport class FwSettingsMenu extends LitElement {\n  @property({ attribute: false }) pc!: PlayerControllerHost;\n  @property({ type: Boolean }) open = false;\n  @property({ type: String }) playbackMode: PlaybackMode = \"auto\";\n  @property({ type: Boolean, attribute: \"is-content-live\" }) isContentLive = true;\n  @property({ type: Number, attribute: \"playback-rate\" }) playbackRate?: number;\n  @property({ type: String, attribute: \"quality-value\" }) qualityValue?: string;\n  @property({ type: String, attribute: \"caption-value\" }) captionValue?: string;\n  @property({ type: Boolean, attribute: \"supports-playback-rate\" }) supportsPlaybackRate?: boolean;\n\n  @state() private _playbackRate = 1;\n\n  static styles = [\n    sharedStyles,\n    utilityStyles,\n    css`\n      :host {\n        display: contents;\n      }\n    `,\n  ];\n\n  protected updated(): void {\n    if (!this.open) {\n      return;\n    }\n\n    if (Number.isFinite(this.playbackRate)) {\n      this._playbackRate = this.playbackRate as number;\n      return;\n    }\n\n    const video = this.pc?.s.videoElement;\n    if (video && Number.isFinite(video.playbackRate)) {\n      this._playbackRate = video.playbackRate;\n    }\n  }\n\n  private _close(): void {\n    this.dispatchEvent(new CustomEvent(\"fw-close\", { bubbles: true, composed: true }));\n  }\n\n  private _handleModeChange(mode: \"auto\" | \"low-latency\" | \"quality\"): void {\n    this.pc.setDevModeOptions({ playbackMode: mode });\n    this.dispatchEvent(\n      new CustomEvent(\"fw-mode-change\", {\n        detail: { mode },\n        bubbles: true,\n        composed: true,\n      })\n    );\n    this._close();\n  }\n\n  private _handleSpeedChange(rate: number): void {\n    this._playbackRate = rate;\n    this.pc.setPlaybackRate(rate);\n    this.dispatchEvent(\n      new CustomEvent(\"fw-speed-change\", {\n        detail: { rate },\n        bubbles: true,\n        composed: true,\n      })\n    );\n    this._close();\n  }\n\n  private _handleQualityChange(id: string): void {\n    this.pc.selectQuality(id);\n    this.dispatchEvent(\n      new CustomEvent(\"fw-quality-change\", {\n        detail: { quality: id },\n        bubbles: true,\n        composed: true,\n      })\n    );\n    this._close();\n  }\n\n  private _handleCaptionChange(id: string): void {\n    if (id === \"none\") {\n      this.pc.selectTextTrack(null);\n    } else {\n      this.pc.selectTextTrack(id);\n    }\n    this.dispatchEvent(\n      new CustomEvent(\"fw-caption-change\", {\n        detail: { caption: id },\n        bubbles: true,\n        composed: true,\n      })\n    );\n    this._close();\n  }\n\n  private _deriveFallbackQualities(): Array<{\n    id: string;\n    label: string;\n    bitrate?: number;\n    width?: number;\n    height?: number;\n    isAuto?: boolean;\n    active?: boolean;\n  }> {\n    const tracks = (\n      this.pc?.s.streamState?.streamInfo as\n        | {\n            meta?: {\n              tracks?: Record<\n                string,\n                { type?: string; codec?: string; width?: number; height?: number; bps?: number }\n              >;\n            };\n          }\n        | undefined\n    )?.meta?.tracks;\n\n    if (!tracks) {\n      return [];\n    }\n\n    return Object.entries(tracks)\n      .filter(([, track]) => track?.type === \"video\")\n      .map(([id, track]) => ({\n        id,\n        label: track.height ? `${track.height}p` : (track.codec ?? id),\n        width: track.width,\n        height: track.height,\n        bitrate: track.bps,\n      }))\n      .sort((a, b) => (b.height ?? 0) - (a.height ?? 0));\n  }\n\n  protected render() {\n    if (!this.open) {\n      return nothing;\n    }\n\n    const state = this.pc.s;\n    const controllerQualities = state.qualities ?? [];\n    const qualities =\n      controllerQualities.length > 0 ? controllerQualities : this._deriveFallbackQualities();\n    const textTracks = state.textTracks ?? [];\n    const activeQuality =\n      this.qualityValue ?? qualities.find((quality) => quality.active)?.id ?? \"auto\";\n    const activeCaption =\n      this.captionValue ?? textTracks.find((track) => track.active)?.id ?? \"none\";\n\n    const supportsPlaybackRate =\n      this.supportsPlaybackRate ?? coreSupportsPlaybackRate(state.videoElement);\n\n    return html`\n      <div class=\"fw-player-surface fw-settings-menu\" role=\"menu\" aria-label=\"Player settings\">\n        ${this.isContentLive\n          ? html`\n              <div class=\"fw-settings-section\">\n                <div class=\"fw-settings-label\">Mode</div>\n                <div class=\"fw-settings-options\">\n                  ${([\"auto\", \"low-latency\", \"quality\"] as const).map(\n                    (mode) => html`\n                      <button\n                        type=\"button\"\n                        class=${classMap({\n                          \"fw-settings-btn\": true,\n                          \"fw-settings-btn--active\": this.playbackMode === mode,\n                        })}\n                        @click=${() => this._handleModeChange(mode)}\n                      >\n                        ${mode === \"low-latency\" ? \"Fast\" : mode === \"quality\" ? \"Stable\" : \"Auto\"}\n                      </button>\n                    `\n                  )}\n                </div>\n              </div>\n            `\n          : nothing}\n        ${supportsPlaybackRate\n          ? html`\n              <div class=\"fw-settings-section\">\n                <div class=\"fw-settings-label\">Speed</div>\n                <div class=\"fw-settings-options fw-settings-options--wrap\">\n                  ${SPEED_PRESETS.map(\n                    (rate) => html`\n                      <button\n                        type=\"button\"\n                        class=${classMap({\n                          \"fw-settings-btn\": true,\n                          \"fw-settings-btn--active\": this._playbackRate === rate,\n                        })}\n                        @click=${() => this._handleSpeedChange(rate)}\n                      >\n                        ${rate}x\n                      </button>\n                    `\n                  )}\n                </div>\n              </div>\n            `\n          : nothing}\n        ${qualities.length > 0\n          ? html`\n              <div class=\"fw-settings-section\">\n                <div class=\"fw-settings-label\">Quality</div>\n                <div class=\"fw-settings-list\">\n                  <button\n                    type=\"button\"\n                    class=${classMap({\n                      \"fw-settings-list-item\": true,\n                      \"fw-settings-list-item--active\": activeQuality === \"auto\",\n                    })}\n                    @click=${() => this._handleQualityChange(\"auto\")}\n                  >\n                    Auto\n                  </button>\n                  ${qualities.map(\n                    (quality) => html`\n                      <button\n                        type=\"button\"\n                        class=${classMap({\n                          \"fw-settings-list-item\": true,\n                          \"fw-settings-list-item--active\": activeQuality === quality.id,\n                        })}\n                        @click=${() => this._handleQualityChange(quality.id)}\n                      >\n                        ${quality.label}\n                      </button>\n                    `\n                  )}\n                </div>\n              </div>\n            `\n          : nothing}\n        ${textTracks.length > 0\n          ? html`\n              <div class=\"fw-settings-section\">\n                <div class=\"fw-settings-label\">Captions</div>\n                <div class=\"fw-settings-list\">\n                  <button\n                    type=\"button\"\n                    class=${classMap({\n                      \"fw-settings-list-item\": true,\n                      \"fw-settings-list-item--active\": activeCaption === \"none\",\n                    })}\n                    @click=${() => this._handleCaptionChange(\"none\")}\n                  >\n                    Off\n                  </button>\n                  ${textTracks.map(\n                    (track) => html`\n                      <button\n                        type=\"button\"\n                        class=${classMap({\n                          \"fw-settings-list-item\": true,\n                          \"fw-settings-list-item--active\": activeCaption === track.id,\n                        })}\n                        @click=${() => this._handleCaptionChange(track.id)}\n                      >\n                        ${track.label || track.id}\n                      </button>\n                    `\n                  )}\n                </div>\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-settings-menu\": FwSettingsMenu;\n  }\n}\n"],"names":["supportsPlaybackRate","coreSupportsPlaybackRate"],"mappings":";;;;;;;;AAgBO,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU,CAAA;AAAvC,IAAA,WAAA,GAAA;;QAEwB,IAAA,CAAA,IAAI,GAAG,KAAK;QACb,IAAA,CAAA,YAAY,GAAiB,MAAM;QACJ,IAAA,CAAA,aAAa,GAAG,IAAI;QAM9D,IAAA,CAAA,aAAa,GAAG,CAAC;IAkQpC;IAtPY,OAAO,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd;QACF;QAEA,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;AACtC,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,YAAsB;YAChD;QACF;QAEA,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY;QACrC,IAAI,KAAK,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;AAChD,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,YAAY;QACzC;IACF;IAEQ,MAAM,GAAA;AACZ,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACpF;AAEQ,IAAA,iBAAiB,CAAC,IAAwC,EAAA;QAChE,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;AACjD,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,gBAAgB,EAAE;YAChC,MAAM,EAAE,EAAE,IAAI,EAAE;AAChB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CACH;QACD,IAAI,CAAC,MAAM,EAAE;IACf;AAEQ,IAAA,kBAAkB,CAAC,IAAY,EAAA;AACrC,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI;AACzB,QAAA,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC;AAC7B,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,iBAAiB,EAAE;YACjC,MAAM,EAAE,EAAE,IAAI,EAAE;AAChB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CACH;QACD,IAAI,CAAC,MAAM,EAAE;IACf;AAEQ,IAAA,oBAAoB,CAAC,EAAU,EAAA;AACrC,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC;AACzB,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,mBAAmB,EAAE;AACnC,YAAA,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;AACvB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CACH;QACD,IAAI,CAAC,MAAM,EAAE;IACf;AAEQ,IAAA,oBAAoB,CAAC,EAAU,EAAA;AACrC,QAAA,IAAI,EAAE,KAAK,MAAM,EAAE;AACjB,YAAA,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC;QAC/B;aAAO;AACL,YAAA,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC;QAC7B;AACA,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,mBAAmB,EAAE;AACnC,YAAA,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;AACvB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CACH;QACD,IAAI,CAAC,MAAM,EAAE;IACf;IAEQ,wBAAwB,GAAA;AAS9B,QAAA,MAAM,MAAM,GACV,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,UAUzB,EAAE,IAAI,EAAE,MAAM;QAEf,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,OAAO,EAAE;QACX;AAEA,QAAA,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM;AACzB,aAAA,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,KAAK,EAAE,IAAI,KAAK,OAAO;aAC7C,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,MAAM;YACrB,EAAE;YACF,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAA,CAAA,CAAG,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;YAC9D,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,OAAO,EAAE,KAAK,CAAC,GAAG;AACnB,SAAA,CAAC;aACD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;IACtD;IAEU,MAAM,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AACd,YAAA,OAAO,OAAO;QAChB;AAEA,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AACvB,QAAA,MAAM,mBAAmB,GAAG,KAAK,CAAC,SAAS,IAAI,EAAE;AACjD,QAAA,MAAM,SAAS,GACb,mBAAmB,CAAC,MAAM,GAAG,CAAC,GAAG,mBAAmB,GAAG,IAAI,CAAC,wBAAwB,EAAE;AACxF,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE;QACzC,MAAM,aAAa,GACjB,IAAI,CAAC,YAAY,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,MAAM;QAChF,MAAM,aAAa,GACjB,IAAI,CAAC,YAAY,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,MAAM;AAE7E,QAAA,MAAMA,sBAAoB,GACxB,IAAI,CAAC,oBAAoB,IAAIC,oBAAwB,CAAC,KAAK,CAAC,YAAY,CAAC;AAE3E,QAAA,OAAO,IAAI,CAAA;;AAEL,QAAA,EAAA,IAAI,CAAC;cACH,IAAI,CAAA;;;;AAIK,kBAAA,EAAA,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,CAAW,CAAC,GAAG,CACjD,CAAC,IAAI,KAAK,IAAI,CAAA;;;AAGF,8BAAA,EAAA,QAAQ,CAAC;AACf,gBAAA,iBAAiB,EAAE,IAAI;AACvB,gBAAA,yBAAyB,EAAE,IAAI,CAAC,YAAY,KAAK,IAAI;aACtD,CAAC;AACO,+BAAA,EAAA,MAAM,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;;AAEzC,wBAAA,EAAA,IAAI,KAAK,aAAa,GAAG,MAAM,GAAG,IAAI,KAAK,SAAS,GAAG,QAAQ,GAAG,MAAM;;qBAE7E,CACF;;;AAGN,YAAA;AACH,cAAE,OAAO;UACTD;cACE,IAAI,CAAA;;;;oBAII,aAAa,CAAC,GAAG,CACjB,CAAC,IAAI,KAAK,IAAI,CAAA;;;AAGF,8BAAA,EAAA,QAAQ,CAAC;AACf,gBAAA,iBAAiB,EAAE,IAAI;AACvB,gBAAA,yBAAyB,EAAE,IAAI,CAAC,aAAa,KAAK,IAAI;aACvD,CAAC;AACO,+BAAA,EAAA,MAAM,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;;0BAE1C,IAAI,CAAA;;qBAET,CACF;;;AAGN,YAAA;AACH,cAAE,OAAO;UACT,SAAS,CAAC,MAAM,GAAG;cACjB,IAAI,CAAA;;;;;;AAMY,0BAAA,EAAA,QAAQ,CAAC;AACf,gBAAA,uBAAuB,EAAE,IAAI;gBAC7B,+BAA+B,EAAE,aAAa,KAAK,MAAM;aAC1D,CAAC;AACO,2BAAA,EAAA,MAAM,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC;;;;oBAIhD,SAAS,CAAC,GAAG,CACb,CAAC,OAAO,KAAK,IAAI,CAAA;;;AAGL,8BAAA,EAAA,QAAQ,CAAC;AACf,gBAAA,uBAAuB,EAAE,IAAI;AAC7B,gBAAA,+BAA+B,EAAE,aAAa,KAAK,OAAO,CAAC,EAAE;aAC9D,CAAC;iCACO,MAAM,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,CAAC;;AAElD,wBAAA,EAAA,OAAO,CAAC,KAAK;;qBAElB,CACF;;;AAGN,YAAA;AACH,cAAE,OAAO;UACT,UAAU,CAAC,MAAM,GAAG;cAClB,IAAI,CAAA;;;;;;AAMY,0BAAA,EAAA,QAAQ,CAAC;AACf,gBAAA,uBAAuB,EAAE,IAAI;gBAC7B,+BAA+B,EAAE,aAAa,KAAK,MAAM;aAC1D,CAAC;AACO,2BAAA,EAAA,MAAM,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC;;;;oBAIhD,UAAU,CAAC,GAAG,CACd,CAAC,KAAK,KAAK,IAAI,CAAA;;;AAGH,8BAAA,EAAA,QAAQ,CAAC;AACf,gBAAA,uBAAuB,EAAE,IAAI;AAC7B,gBAAA,+BAA+B,EAAE,aAAa,KAAK,KAAK,CAAC,EAAE;aAC5D,CAAC;iCACO,MAAM,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC;;AAEhD,wBAAA,EAAA,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE;;qBAE5B,CACF;;;AAGN,YAAA;AACH,cAAE,OAAO;;KAEd;IACH;;AA/PO,cAAA,CAAA,MAAM,GAAG;IACd,YAAY;IACZ,aAAa;AACb,IAAA,GAAG,CAAA;;;;AAIF,IAAA,CAAA;AACF,CARY;AAXmB,UAAA,CAAA;AAA/B,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE;AAA4B,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,IAAA,EAAA,MAAA,CAAA;AAC7B,UAAA,CAAA;AAA5B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AAAe,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AACd,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAsC,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AACL,UAAA,CAAA;IAA1D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE;AAAuB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AACxB,UAAA,CAAA;IAAvD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;AAAwB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AACtB,UAAA,CAAA;IAAvD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;AAAwB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AACtB,UAAA,CAAA;IAAvD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;AAAwB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AACZ,UAAA,CAAA;IAAjE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,wBAAwB,EAAE;AAAiC,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,sBAAA,EAAA,MAAA,CAAA;AAEhF,UAAA,CAAA;AAAhB,IAAA,KAAK;AAA6B,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAVxB,cAAc,GAAA,UAAA,CAAA;IAD1B,aAAa,CAAC,kBAAkB;AACpB,CAAA,EAAA,cAAc,CA4Q1B;;;;"}
+{"version":3,"file":"fw-settings-menu.js","sources":["../../../../src/components/fw-settings-menu.ts"],"sourcesContent":["/**\n * <fw-settings-menu> — Mode, speed, quality, and captions settings popup.\n */\nimport { LitElement, html, css, nothing } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\nimport { utilityStyles } from \"../styles/utility-styles.js\";\nimport {\n  SPEED_PRESETS,\n  supportsPlaybackRate as coreSupportsPlaybackRate,\n  getAvailableLocales,\n  getLocaleDisplayName,\n} from \"@livepeer-frameworks/player-core\";\nimport type { PlaybackMode, FwLocale } from \"@livepeer-frameworks/player-core\";\nimport type { PlayerControllerHost } from \"../controllers/player-controller-host.js\";\n\n@customElement(\"fw-settings-menu\")\nexport class FwSettingsMenu extends LitElement {\n  @property({ attribute: false }) pc!: PlayerControllerHost;\n  @property({ type: Boolean }) open = false;\n  @property({ type: String }) playbackMode: PlaybackMode = \"auto\";\n  @property({ type: Boolean, attribute: \"is-content-live\" }) isContentLive = true;\n  @property({ type: Number, attribute: \"playback-rate\" }) playbackRate?: number;\n  @property({ type: String, attribute: \"quality-value\" }) qualityValue?: string;\n  @property({ type: String, attribute: \"caption-value\" }) captionValue?: string;\n  @property({ type: Boolean, attribute: \"supports-playback-rate\" }) supportsPlaybackRate?: boolean;\n  @property({ attribute: \"active-locale\" }) activeLocale?: FwLocale;\n\n  @state() private _playbackRate = 1;\n\n  static styles = [\n    sharedStyles,\n    utilityStyles,\n    css`\n      :host {\n        display: contents;\n      }\n    `,\n  ];\n\n  protected updated(): void {\n    if (!this.open) {\n      return;\n    }\n\n    if (Number.isFinite(this.playbackRate)) {\n      this._playbackRate = this.playbackRate as number;\n      return;\n    }\n\n    const video = this.pc?.s.videoElement;\n    if (video && Number.isFinite(video.playbackRate)) {\n      this._playbackRate = video.playbackRate;\n    }\n  }\n\n  private _close(): void {\n    this.dispatchEvent(new CustomEvent(\"fw-close\", { bubbles: true, composed: true }));\n  }\n\n  private _handleModeChange(mode: \"auto\" | \"low-latency\" | \"quality\"): void {\n    this.pc.setDevModeOptions({ playbackMode: mode });\n    this.dispatchEvent(\n      new CustomEvent(\"fw-mode-change\", {\n        detail: { mode },\n        bubbles: true,\n        composed: true,\n      })\n    );\n    this._close();\n  }\n\n  private _handleSpeedChange(rate: number): void {\n    this._playbackRate = rate;\n    this.pc.setPlaybackRate(rate);\n    this.dispatchEvent(\n      new CustomEvent(\"fw-speed-change\", {\n        detail: { rate },\n        bubbles: true,\n        composed: true,\n      })\n    );\n    this._close();\n  }\n\n  private _handleQualityChange(id: string): void {\n    this.pc.selectQuality(id);\n    this.dispatchEvent(\n      new CustomEvent(\"fw-quality-change\", {\n        detail: { quality: id },\n        bubbles: true,\n        composed: true,\n      })\n    );\n    this._close();\n  }\n\n  private _handleCaptionChange(id: string): void {\n    if (id === \"none\") {\n      this.pc.selectTextTrack(null);\n    } else {\n      this.pc.selectTextTrack(id);\n    }\n    this.dispatchEvent(\n      new CustomEvent(\"fw-caption-change\", {\n        detail: { caption: id },\n        bubbles: true,\n        composed: true,\n      })\n    );\n    this._close();\n  }\n\n  private _handleLocaleChange(locale: FwLocale): void {\n    this.dispatchEvent(\n      new CustomEvent(\"fw-locale-change\", {\n        detail: { locale },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private _deriveFallbackQualities(): Array<{\n    id: string;\n    label: string;\n    bitrate?: number;\n    width?: number;\n    height?: number;\n    isAuto?: boolean;\n    active?: boolean;\n  }> {\n    const tracks = (\n      this.pc?.s.streamState?.streamInfo as\n        | {\n            meta?: {\n              tracks?: Record<\n                string,\n                { type?: string; codec?: string; width?: number; height?: number; bps?: number }\n              >;\n            };\n          }\n        | undefined\n    )?.meta?.tracks;\n\n    if (!tracks) {\n      return [];\n    }\n\n    return Object.entries(tracks)\n      .filter(([, track]) => track?.type === \"video\")\n      .map(([id, track]) => ({\n        id,\n        label: track.height ? `${track.height}p` : (track.codec ?? id),\n        width: track.width,\n        height: track.height,\n        bitrate: track.bps,\n      }))\n      .sort((a, b) => (b.height ?? 0) - (a.height ?? 0));\n  }\n\n  protected render() {\n    if (!this.open) {\n      return nothing;\n    }\n\n    const state = this.pc.s;\n    const controllerQualities = state.qualities ?? [];\n    const qualities =\n      controllerQualities.length > 0 ? controllerQualities : this._deriveFallbackQualities();\n    const textTracks = state.textTracks ?? [];\n    const activeQuality =\n      this.qualityValue ?? qualities.find((quality) => quality.active)?.id ?? \"auto\";\n    const activeCaption =\n      this.captionValue ?? textTracks.find((track) => track.active)?.id ?? \"none\";\n\n    const supportsPlaybackRate =\n      this.supportsPlaybackRate ?? coreSupportsPlaybackRate(state.videoElement);\n\n    return html`\n      <div class=\"fw-settings-menu\" role=\"menu\" aria-label=${this.pc.t(\"settings\")}>\n        ${this.isContentLive\n          ? html`\n              <div class=\"fw-settings-section\">\n                <div class=\"fw-settings-label\">${this.pc.t(\"mode\")}</div>\n                <div class=\"fw-settings-options\">\n                  ${([\"auto\", \"low-latency\", \"quality\"] as const).map(\n                    (mode) => html`\n                      <button\n                        type=\"button\"\n                        class=${classMap({\n                          \"fw-settings-btn\": true,\n                          \"fw-settings-btn--active\": this.playbackMode === mode,\n                        })}\n                        @click=${() => this._handleModeChange(mode)}\n                      >\n                        ${mode === \"low-latency\"\n                          ? this.pc.t(\"fast\")\n                          : mode === \"quality\"\n                            ? this.pc.t(\"stable\")\n                            : this.pc.t(\"auto\")}\n                      </button>\n                    `\n                  )}\n                </div>\n              </div>\n            `\n          : nothing}\n        ${supportsPlaybackRate\n          ? html`\n              <div class=\"fw-settings-section\">\n                <div class=\"fw-settings-label\">${this.pc.t(\"speed\")}</div>\n                <div class=\"fw-settings-options fw-settings-options--wrap\">\n                  ${SPEED_PRESETS.map(\n                    (rate) => html`\n                      <button\n                        type=\"button\"\n                        class=${classMap({\n                          \"fw-settings-btn\": true,\n                          \"fw-settings-btn--active\": this._playbackRate === rate,\n                        })}\n                        @click=${() => this._handleSpeedChange(rate)}\n                      >\n                        ${rate}x\n                      </button>\n                    `\n                  )}\n                </div>\n              </div>\n            `\n          : nothing}\n        ${qualities.length > 0\n          ? html`\n              <div class=\"fw-settings-section\">\n                <div class=\"fw-settings-label\">${this.pc.t(\"quality\")}</div>\n                <div class=\"fw-settings-list\">\n                  <button\n                    type=\"button\"\n                    class=${classMap({\n                      \"fw-settings-list-item\": true,\n                      \"fw-settings-list-item--active\": activeQuality === \"auto\",\n                    })}\n                    @click=${() => this._handleQualityChange(\"auto\")}\n                  >\n                    ${this.pc.t(\"auto\")}\n                  </button>\n                  ${qualities.map(\n                    (quality) => html`\n                      <button\n                        type=\"button\"\n                        class=${classMap({\n                          \"fw-settings-list-item\": true,\n                          \"fw-settings-list-item--active\": activeQuality === quality.id,\n                        })}\n                        @click=${() => this._handleQualityChange(quality.id)}\n                      >\n                        ${quality.label}\n                      </button>\n                    `\n                  )}\n                </div>\n              </div>\n            `\n          : nothing}\n        ${textTracks.length > 0\n          ? html`\n              <div class=\"fw-settings-section\">\n                <div class=\"fw-settings-label\">${this.pc.t(\"captions\")}</div>\n                <div class=\"fw-settings-list\">\n                  <button\n                    type=\"button\"\n                    class=${classMap({\n                      \"fw-settings-list-item\": true,\n                      \"fw-settings-list-item--active\": activeCaption === \"none\",\n                    })}\n                    @click=${() => this._handleCaptionChange(\"none\")}\n                  >\n                    ${this.pc.t(\"captionsOff\")}\n                  </button>\n                  ${textTracks.map(\n                    (track) => html`\n                      <button\n                        type=\"button\"\n                        class=${classMap({\n                          \"fw-settings-list-item\": true,\n                          \"fw-settings-list-item--active\": activeCaption === track.id,\n                        })}\n                        @click=${() => this._handleCaptionChange(track.id)}\n                      >\n                        ${track.label || track.id}\n                      </button>\n                    `\n                  )}\n                </div>\n              </div>\n            `\n          : nothing}\n        ${this.activeLocale !== undefined\n          ? html`\n              <div class=\"fw-settings-section\">\n                <div class=\"fw-settings-label\">${this.pc.t(\"language\")}</div>\n                <div class=\"fw-settings-list\">\n                  ${getAvailableLocales().map(\n                    (loc) => html`\n                      <button\n                        type=\"button\"\n                        class=${classMap({\n                          \"fw-settings-list-item\": true,\n                          \"fw-settings-list-item--active\": this.activeLocale === loc,\n                        })}\n                        @click=${() => this._handleLocaleChange(loc)}\n                      >\n                        ${getLocaleDisplayName(loc)}\n                      </button>\n                    `\n                  )}\n                </div>\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-settings-menu\": FwSettingsMenu;\n  }\n}\n"],"names":["supportsPlaybackRate","coreSupportsPlaybackRate"],"mappings":"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"}

package/dist/esm/components/fw-stream-state-overlay.js

@@ -1,6 +1,7 @@
 import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.57.1_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js';
 import { css, LitElement, html, nothing } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
+import { createTranslator } from '@livepeer-frameworks/player-core';
 import { sharedStyles } from '../styles/shared-styles.js';
 
 let FwStreamStateOverlay = class FwStreamStateOverlay extends LitElement {
@@ -10,6 +11,7 @@ let FwStreamStateOverlay = class FwStreamStateOverlay extends LitElement {
         this.message = "";
         this.visible = true;
         this.retryEnabled = false;
+        this._defaultTranslator = createTranslator({ locale: "en" });
         this._handleRetry = () => {
             if (this.onRetry) {
                 this.onRetry();
@@ -18,6 +20,9 @@ let FwStreamStateOverlay = class FwStreamStateOverlay extends LitElement {
             this.dispatchEvent(new CustomEvent("fw-retry", { bubbles: true, composed: true }));
         };
     }
+    get _t() {
+        return this.translator ?? this._defaultTranslator;
+    }
     _getStatusLabel(status) {
         switch (status) {
             case "ONLINE":
@@ -130,15 +135,15 @@ let FwStreamStateOverlay = class FwStreamStateOverlay extends LitElement {
                 `
             : nothing}
             ${this.status === "OFFLINE"
-            ? html `<p class="hint">The stream will start when the broadcaster goes live</p>`
+            ? html `<p class="hint">${this._t("broadcasterGoLive")}</p>`
             : nothing}
             ${this.status === "BOOTING" || this.status === "WAITING_FOR_DATA"
-            ? html `<p class="hint">Please wait while the stream prepares...</p>`
+            ? html `<p class="hint">${this._t("streamPreparing")}</p>`
             : nothing}
             ${!showRetry
             ? html `<div class="polling-indicator">
                   <span class="polling-dot"></span>
-                  <span>Checking stream status...</span>
+                  <span>${this._t("checkingStatus")}</span>
                 </div>`
             : nothing}
           </div>
@@ -148,9 +153,9 @@ let FwStreamStateOverlay = class FwStreamStateOverlay extends LitElement {
                   type="button"
                   class="btn-flush"
                   @click=${this._handleRetry}
-                  aria-label="Retry connection"
+                  aria-label=${this._t("retryConnection")}
                 >
-                  Retry Connection
+                  ${this._t("retryConnection")}
                 </button>
               </div>`
             : nothing}
@@ -330,6 +335,9 @@ __decorate([
 __decorate([
     property({ attribute: false })
 ], FwStreamStateOverlay.prototype, "onRetry", void 0);
+__decorate([
+    property({ attribute: false })
+], FwStreamStateOverlay.prototype, "translator", void 0);
 FwStreamStateOverlay = __decorate([
     customElement("fw-stream-state-overlay")
 ], FwStreamStateOverlay);