@livepeer-frameworks/player-wc 0.2.9 → 0.3.1

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

@@ -1,10 +1,10 @@
-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 { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
 import { css, LitElement, nothing, html } from 'lit';
 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, getAvailableLocales, getLocaleDisplayName } from '@livepeer-frameworks/player-core';
+import { formatQualityLabel, supportsPlaybackRate, SPEED_PRESETS, getAvailableLocales, getLocaleDisplayName } from '@livepeer-frameworks/player-core';
 
 let FwSettingsMenu = class FwSettingsMenu extends LitElement {
     constructor() {
@@ -88,7 +88,7 @@ let FwSettingsMenu = class FwSettingsMenu extends LitElement {
             .filter(([, track]) => track?.type === "video")
             .map(([id, track]) => ({
             id,
-            label: track.height ? `${track.height}p` : (track.codec ?? id),
+            label: formatQualityLabel(track.width, track.height, track.bps),
             width: track.width,
             height: track.height,
             bitrate: track.bps,

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  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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"}
+{"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  formatQualityLabel,\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: formatQualityLabel(track.width, track.height, track.bps),\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-skip-indicator.js

@@ -1,4 +1,4 @@
-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 { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
 import { css, LitElement, html, nothing } from 'lit';
 import { property, state, customElement } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';

package/dist/esm/components/fw-speed-indicator.js

@@ -1,4 +1,4 @@
-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 { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
 import { css, LitElement, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 

package/dist/esm/components/fw-stats-panel.js

@@ -1,4 +1,4 @@
-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 { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
 import { css, LitElement, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { sharedStyles } from '../styles/shared-styles.js';

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

@@ -1,4 +1,4 @@
-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 { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/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';

package/dist/esm/components/fw-subtitle-renderer.js

@@ -1,4 +1,4 @@
-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 { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
 import { css, LitElement, nothing, html } from 'lit';
 import { property, state, customElement } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';

package/dist/esm/components/fw-thumbnail-overlay.js

@@ -1,4 +1,4 @@
-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 { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
 import { css, LitElement, nothing, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';

package/dist/esm/components/fw-title-overlay.js

@@ -1,4 +1,4 @@
-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 { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
 import { css, LitElement, nothing, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { sharedStyles } from '../styles/shared-styles.js';

package/dist/esm/components/fw-toast.js

@@ -1,4 +1,4 @@
-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 { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
 import { css, LitElement, nothing, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { closeIcon } from '../icons/index.js';

package/dist/esm/components/fw-volume-control.js

@@ -1,4 +1,4 @@
-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 { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
 import { css, LitElement, html } from 'lit';
 import { property, state, customElement } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
@@ -15,6 +15,8 @@ let FwVolumeControl = class FwVolumeControl extends LitElement {
         this._hasAudio = true;
         this._activePointerId = null;
         this._activeSliderTarget = null;
+        this._boundStream = null;
+        this._onStreamTrackChange = null;
         this._onGlobalPointerMove = (event) => {
             if (!this._dragging || this._activePointerId !== event.pointerId) {
                 return;
@@ -82,24 +84,46 @@ let FwVolumeControl = class FwVolumeControl extends LitElement {
     disconnectedCallback() {
         super.disconnectedCallback();
         this._endDragInteraction();
+        this._unbindStreamListeners();
     }
     updated() {
         this._updateHasAudio();
     }
-    _updateHasAudio() {
-        // Primary: trust MistServer stream metadata (matches ddvtech embed approach)
-        const mistHasAudio = this.pc?.s.streamState?.streamInfo?.hasAudio;
-        if (mistHasAudio !== undefined) {
-            this._hasAudio = mistHasAudio;
-            return;
+    _unbindStreamListeners() {
+        if (this._boundStream && this._onStreamTrackChange) {
+            this._boundStream.removeEventListener("addtrack", this._onStreamTrackChange);
+            this._boundStream.removeEventListener("removetrack", this._onStreamTrackChange);
         }
+        this._boundStream = null;
+        this._onStreamTrackChange = null;
+    }
+    _updateHasAudio() {
         const video = this.pc?.s.videoElement;
         if (!video) {
+            this._unbindStreamListeners();
             this._hasAudio = true;
             return;
         }
+        // MediaStream: bind track change listeners (WebRTC tracks arrive async)
         if (video.srcObject instanceof MediaStream) {
-            this._hasAudio = video.srcObject.getAudioTracks().length > 0;
+            const stream = video.srcObject;
+            if (stream !== this._boundStream) {
+                this._unbindStreamListeners();
+                this._boundStream = stream;
+                this._onStreamTrackChange = () => {
+                    this._hasAudio = stream.getAudioTracks().length > 0;
+                };
+                stream.addEventListener("addtrack", this._onStreamTrackChange);
+                stream.addEventListener("removetrack", this._onStreamTrackChange);
+            }
+            this._hasAudio = stream.getAudioTracks().length > 0;
+            return;
+        }
+        this._unbindStreamListeners();
+        // Fallback: metadata for non-MediaStream sources.
+        const mistHasAudio = this.pc?.s.streamState?.streamInfo?.hasAudio;
+        if (mistHasAudio !== undefined) {
+            this._hasAudio = mistHasAudio;
             return;
         }
         const maybeWithTracks = video;

package/dist/esm/components/fw-volume-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"fw-volume-control.js","sources":["../../../../src/components/fw-volume-control.ts"],"sourcesContent":["/**\n * <fw-volume-control> — Mute toggle + expandable volume slider.\n */\nimport { LitElement, html, css } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\nimport { volumeUpIcon, volumeOffIcon } from \"../icons/index.js\";\nimport type { PlayerControllerHost } from \"../controllers/player-controller-host.js\";\n\n@customElement(\"fw-volume-control\")\nexport class FwVolumeControl extends LitElement {\n  @property({ attribute: false }) pc!: PlayerControllerHost;\n\n  @state() private _hovered = false;\n  @state() private _focused = false;\n  @state() private _dragging = false;\n  @state() private _hasAudio = true;\n\n  private _activePointerId: number | null = null;\n  private _activeSliderTarget: HTMLElement | null = null;\n\n  static styles = [\n    sharedStyles,\n    css`\n      :host {\n        display: flex;\n        align-items: center;\n      }\n\n      .slider {\n        position: relative;\n        width: 100%;\n        height: 0.25rem;\n        background: rgb(255 255 255 / 0.2);\n        border-radius: 9999px;\n        cursor: pointer;\n        touch-action: none;\n        user-select: none;\n      }\n\n      .slider-fill {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100%;\n        border-radius: 9999px;\n        background: hsl(var(--tn-fg));\n      }\n\n      .slider-thumb {\n        position: absolute;\n        top: 50%;\n        width: 0.625rem;\n        height: 0.625rem;\n        border-radius: 9999px;\n        background: hsl(var(--tn-fg));\n        transform: translate(-50%, -50%);\n        pointer-events: none;\n      }\n    `,\n  ];\n\n  private get _expanded(): boolean {\n    return this._hovered || this._focused || this._dragging;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._endDragInteraction();\n  }\n\n  protected updated(): void {\n    this._updateHasAudio();\n  }\n\n  private _updateHasAudio(): void {\n    // Primary: trust MistServer stream metadata (matches ddvtech embed approach)\n    const mistHasAudio = this.pc?.s.streamState?.streamInfo?.hasAudio;\n    if (mistHasAudio !== undefined) {\n      this._hasAudio = mistHasAudio;\n      return;\n    }\n\n    const video = this.pc?.s.videoElement;\n    if (!video) {\n      this._hasAudio = true;\n      return;\n    }\n\n    if (video.srcObject instanceof MediaStream) {\n      this._hasAudio = video.srcObject.getAudioTracks().length > 0;\n      return;\n    }\n\n    const maybeWithTracks = video as HTMLVideoElement & {\n      audioTracks?: {\n        length: number;\n      };\n    };\n\n    if (maybeWithTracks.audioTracks && typeof maybeWithTracks.audioTracks.length === \"number\") {\n      this._hasAudio = maybeWithTracks.audioTracks.length > 0;\n      return;\n    }\n\n    this._hasAudio = true;\n  }\n\n  private _setVolumeFromClientX(clientX: number, target: HTMLElement): void {\n    const rect = target.getBoundingClientRect();\n    if (rect.width <= 0) {\n      return;\n    }\n\n    const pct = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n    this.pc.setVolume(pct);\n\n    if (this.pc.s.isMuted && pct > 0) {\n      this.pc.toggleMute();\n    }\n  }\n\n  private _beginDragInteraction(target: HTMLElement, pointerId: number): void {\n    this._activePointerId = pointerId;\n    this._activeSliderTarget = target;\n    this._dragging = true;\n    this._hovered = true;\n    this._focused = true;\n\n    try {\n      target.setPointerCapture(pointerId);\n    } catch {\n      // Non-fatal: we still listen on window as a fallback.\n    }\n\n    window.addEventListener(\"pointermove\", this._onGlobalPointerMove);\n    window.addEventListener(\"pointerup\", this._onGlobalPointerUp);\n    window.addEventListener(\"pointercancel\", this._onGlobalPointerUp);\n  }\n\n  private _endDragInteraction(): void {\n    const pointerId = this._activePointerId;\n    const target = this._activeSliderTarget;\n    if (pointerId != null && target) {\n      try {\n        if (target.hasPointerCapture(pointerId)) {\n          target.releasePointerCapture(pointerId);\n        }\n      } catch {\n        // Ignore pointer-capture release errors.\n      }\n    }\n\n    this._activePointerId = null;\n    this._activeSliderTarget = null;\n    this._dragging = false;\n    window.removeEventListener(\"pointermove\", this._onGlobalPointerMove);\n    window.removeEventListener(\"pointerup\", this._onGlobalPointerUp);\n    window.removeEventListener(\"pointercancel\", this._onGlobalPointerUp);\n  }\n\n  private _onGlobalPointerMove = (event: PointerEvent): void => {\n    if (!this._dragging || this._activePointerId !== event.pointerId) {\n      return;\n    }\n    const target = this._activeSliderTarget;\n    if (!target) {\n      return;\n    }\n    this._setVolumeFromClientX(event.clientX, target);\n  };\n\n  private _onGlobalPointerUp = (event: PointerEvent): void => {\n    if (!this._dragging || this._activePointerId !== event.pointerId) {\n      return;\n    }\n    this._endDragInteraction();\n  };\n\n  private _handleMouseEnter = (): void => {\n    this._hovered = true;\n  };\n\n  private _handleMouseLeave = (): void => {\n    if (this._dragging) {\n      return;\n    }\n    this._hovered = false;\n    this._focused = false;\n  };\n\n  private _handleFocusIn = (): void => {\n    this._focused = true;\n  };\n\n  private _handleFocusOut = (event: FocusEvent): void => {\n    if (this._dragging) {\n      return;\n    }\n    const related = event.relatedTarget as Node | null;\n    if (!related || !this.renderRoot.contains(related)) {\n      this._focused = false;\n    }\n  };\n\n  private _onSliderPointerDown = (event: PointerEvent) => {\n    if (!this._hasAudio) {\n      return;\n    }\n\n    event.preventDefault();\n    const target = event.currentTarget as HTMLElement;\n    this._beginDragInteraction(target, event.pointerId);\n    this._setVolumeFromClientX(event.clientX, target);\n  };\n\n  private _onWheel = (event: WheelEvent) => {\n    if (!this._hasAudio) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const current = this.pc.s.isMuted ? 0 : Math.round(this.pc.s.volume * 100);\n    const delta = event.deltaY < 0 ? 5 : -5;\n    const next = Math.max(0, Math.min(100, current + delta));\n    this.pc.setVolume(next / 100);\n\n    if (this.pc.s.isMuted && next > 0) {\n      this.pc.toggleMute();\n    }\n  };\n\n  protected render() {\n    const isMuted = this.pc.s.isMuted;\n    const volume = this.pc.s.volume;\n    const displayVolume = isMuted ? 0 : Math.max(0, Math.min(1, volume));\n\n    return html`\n      <div\n        class=${classMap({\n          \"fw-volume-group\": true,\n          \"fw-volume-group--expanded\": this._expanded,\n          \"fw-volume-group--disabled\": !this._hasAudio,\n        })}\n        role=\"group\"\n        aria-label=\"Volume controls\"\n        @mouseenter=${this._handleMouseEnter}\n        @mouseleave=${this._handleMouseLeave}\n        @focusin=${this._handleFocusIn}\n        @focusout=${this._handleFocusOut}\n        @click=${(event: MouseEvent) => {\n          if (this._hasAudio && event.target === event.currentTarget) {\n            this.pc.toggleMute();\n          }\n        }}\n        @wheel=${this._onWheel}\n      >\n        <button\n          class=\"fw-volume-btn\"\n          type=\"button\"\n          @click=${() => {\n            if (this._hasAudio) {\n              this.pc.toggleMute();\n            }\n          }}\n          ?disabled=${!this._hasAudio}\n          aria-label=${!this._hasAudio\n            ? \"No audio\"\n            : isMuted\n              ? this.pc.t(\"unmute\")\n              : this.pc.t(\"mute\")}\n          title=${!this._hasAudio ? \"No audio\" : isMuted ? this.pc.t(\"unmute\") : this.pc.t(\"mute\")}\n        >\n          ${isMuted || !this._hasAudio ? volumeOffIcon(16) : volumeUpIcon(16)}\n        </button>\n\n        <div\n          class=${classMap({\n            \"fw-volume-slider-wrapper\": true,\n            \"fw-volume-slider-wrapper--expanded\": this._expanded,\n            \"fw-volume-slider-wrapper--collapsed\": !this._expanded,\n          })}\n        >\n          <div\n            class=\"slider\"\n            role=\"slider\"\n            aria-label=${this.pc.t(\"volume\")}\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n            aria-valuenow=${Math.round(displayVolume * 100)}\n            @pointerdown=${this._onSliderPointerDown}\n          >\n            <div class=\"slider-fill\" style=${styleMap({ width: `${displayVolume * 100}%` })}></div>\n            <div class=\"slider-thumb\" style=${styleMap({ left: `${displayVolume * 100}%` })}></div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-volume-control\": FwVolumeControl;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fw-volume-control.js","sources":["../../../../src/components/fw-volume-control.ts"],"sourcesContent":["/**\n * <fw-volume-control> — Mute toggle + expandable volume slider.\n */\nimport { LitElement, html, css } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\nimport { volumeUpIcon, volumeOffIcon } from \"../icons/index.js\";\nimport type { PlayerControllerHost } from \"../controllers/player-controller-host.js\";\n\n@customElement(\"fw-volume-control\")\nexport class FwVolumeControl extends LitElement {\n  @property({ attribute: false }) pc!: PlayerControllerHost;\n\n  @state() private _hovered = false;\n  @state() private _focused = false;\n  @state() private _dragging = false;\n  @state() private _hasAudio = true;\n\n  private _activePointerId: number | null = null;\n  private _activeSliderTarget: HTMLElement | null = null;\n  private _boundStream: MediaStream | null = null;\n  private _onStreamTrackChange: (() => void) | null = null;\n\n  static styles = [\n    sharedStyles,\n    css`\n      :host {\n        display: flex;\n        align-items: center;\n      }\n\n      .slider {\n        position: relative;\n        width: 100%;\n        height: 0.25rem;\n        background: rgb(255 255 255 / 0.2);\n        border-radius: 9999px;\n        cursor: pointer;\n        touch-action: none;\n        user-select: none;\n      }\n\n      .slider-fill {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100%;\n        border-radius: 9999px;\n        background: hsl(var(--tn-fg));\n      }\n\n      .slider-thumb {\n        position: absolute;\n        top: 50%;\n        width: 0.625rem;\n        height: 0.625rem;\n        border-radius: 9999px;\n        background: hsl(var(--tn-fg));\n        transform: translate(-50%, -50%);\n        pointer-events: none;\n      }\n    `,\n  ];\n\n  private get _expanded(): boolean {\n    return this._hovered || this._focused || this._dragging;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._endDragInteraction();\n    this._unbindStreamListeners();\n  }\n\n  protected updated(): void {\n    this._updateHasAudio();\n  }\n\n  private _unbindStreamListeners(): void {\n    if (this._boundStream && this._onStreamTrackChange) {\n      this._boundStream.removeEventListener(\"addtrack\", this._onStreamTrackChange);\n      this._boundStream.removeEventListener(\"removetrack\", this._onStreamTrackChange);\n    }\n    this._boundStream = null;\n    this._onStreamTrackChange = null;\n  }\n\n  private _updateHasAudio(): void {\n    const video = this.pc?.s.videoElement;\n    if (!video) {\n      this._unbindStreamListeners();\n      this._hasAudio = true;\n      return;\n    }\n\n    // MediaStream: bind track change listeners (WebRTC tracks arrive async)\n    if (video.srcObject instanceof MediaStream) {\n      const stream = video.srcObject;\n      if (stream !== this._boundStream) {\n        this._unbindStreamListeners();\n        this._boundStream = stream;\n        this._onStreamTrackChange = () => {\n          this._hasAudio = stream.getAudioTracks().length > 0;\n        };\n        stream.addEventListener(\"addtrack\", this._onStreamTrackChange);\n        stream.addEventListener(\"removetrack\", this._onStreamTrackChange);\n      }\n      this._hasAudio = stream.getAudioTracks().length > 0;\n      return;\n    }\n\n    this._unbindStreamListeners();\n\n    // Fallback: metadata for non-MediaStream sources.\n    const mistHasAudio = this.pc?.s.streamState?.streamInfo?.hasAudio;\n    if (mistHasAudio !== undefined) {\n      this._hasAudio = mistHasAudio;\n      return;\n    }\n\n    const maybeWithTracks = video as HTMLVideoElement & {\n      audioTracks?: {\n        length: number;\n      };\n    };\n\n    if (maybeWithTracks.audioTracks && typeof maybeWithTracks.audioTracks.length === \"number\") {\n      this._hasAudio = maybeWithTracks.audioTracks.length > 0;\n      return;\n    }\n\n    this._hasAudio = true;\n  }\n\n  private _setVolumeFromClientX(clientX: number, target: HTMLElement): void {\n    const rect = target.getBoundingClientRect();\n    if (rect.width <= 0) {\n      return;\n    }\n\n    const pct = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n    this.pc.setVolume(pct);\n\n    if (this.pc.s.isMuted && pct > 0) {\n      this.pc.toggleMute();\n    }\n  }\n\n  private _beginDragInteraction(target: HTMLElement, pointerId: number): void {\n    this._activePointerId = pointerId;\n    this._activeSliderTarget = target;\n    this._dragging = true;\n    this._hovered = true;\n    this._focused = true;\n\n    try {\n      target.setPointerCapture(pointerId);\n    } catch {\n      // Non-fatal: we still listen on window as a fallback.\n    }\n\n    window.addEventListener(\"pointermove\", this._onGlobalPointerMove);\n    window.addEventListener(\"pointerup\", this._onGlobalPointerUp);\n    window.addEventListener(\"pointercancel\", this._onGlobalPointerUp);\n  }\n\n  private _endDragInteraction(): void {\n    const pointerId = this._activePointerId;\n    const target = this._activeSliderTarget;\n    if (pointerId != null && target) {\n      try {\n        if (target.hasPointerCapture(pointerId)) {\n          target.releasePointerCapture(pointerId);\n        }\n      } catch {\n        // Ignore pointer-capture release errors.\n      }\n    }\n\n    this._activePointerId = null;\n    this._activeSliderTarget = null;\n    this._dragging = false;\n    window.removeEventListener(\"pointermove\", this._onGlobalPointerMove);\n    window.removeEventListener(\"pointerup\", this._onGlobalPointerUp);\n    window.removeEventListener(\"pointercancel\", this._onGlobalPointerUp);\n  }\n\n  private _onGlobalPointerMove = (event: PointerEvent): void => {\n    if (!this._dragging || this._activePointerId !== event.pointerId) {\n      return;\n    }\n    const target = this._activeSliderTarget;\n    if (!target) {\n      return;\n    }\n    this._setVolumeFromClientX(event.clientX, target);\n  };\n\n  private _onGlobalPointerUp = (event: PointerEvent): void => {\n    if (!this._dragging || this._activePointerId !== event.pointerId) {\n      return;\n    }\n    this._endDragInteraction();\n  };\n\n  private _handleMouseEnter = (): void => {\n    this._hovered = true;\n  };\n\n  private _handleMouseLeave = (): void => {\n    if (this._dragging) {\n      return;\n    }\n    this._hovered = false;\n    this._focused = false;\n  };\n\n  private _handleFocusIn = (): void => {\n    this._focused = true;\n  };\n\n  private _handleFocusOut = (event: FocusEvent): void => {\n    if (this._dragging) {\n      return;\n    }\n    const related = event.relatedTarget as Node | null;\n    if (!related || !this.renderRoot.contains(related)) {\n      this._focused = false;\n    }\n  };\n\n  private _onSliderPointerDown = (event: PointerEvent) => {\n    if (!this._hasAudio) {\n      return;\n    }\n\n    event.preventDefault();\n    const target = event.currentTarget as HTMLElement;\n    this._beginDragInteraction(target, event.pointerId);\n    this._setVolumeFromClientX(event.clientX, target);\n  };\n\n  private _onWheel = (event: WheelEvent) => {\n    if (!this._hasAudio) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const current = this.pc.s.isMuted ? 0 : Math.round(this.pc.s.volume * 100);\n    const delta = event.deltaY < 0 ? 5 : -5;\n    const next = Math.max(0, Math.min(100, current + delta));\n    this.pc.setVolume(next / 100);\n\n    if (this.pc.s.isMuted && next > 0) {\n      this.pc.toggleMute();\n    }\n  };\n\n  protected render() {\n    const isMuted = this.pc.s.isMuted;\n    const volume = this.pc.s.volume;\n    const displayVolume = isMuted ? 0 : Math.max(0, Math.min(1, volume));\n\n    return html`\n      <div\n        class=${classMap({\n          \"fw-volume-group\": true,\n          \"fw-volume-group--expanded\": this._expanded,\n          \"fw-volume-group--disabled\": !this._hasAudio,\n        })}\n        role=\"group\"\n        aria-label=\"Volume controls\"\n        @mouseenter=${this._handleMouseEnter}\n        @mouseleave=${this._handleMouseLeave}\n        @focusin=${this._handleFocusIn}\n        @focusout=${this._handleFocusOut}\n        @click=${(event: MouseEvent) => {\n          if (this._hasAudio && event.target === event.currentTarget) {\n            this.pc.toggleMute();\n          }\n        }}\n        @wheel=${this._onWheel}\n      >\n        <button\n          class=\"fw-volume-btn\"\n          type=\"button\"\n          @click=${() => {\n            if (this._hasAudio) {\n              this.pc.toggleMute();\n            }\n          }}\n          ?disabled=${!this._hasAudio}\n          aria-label=${!this._hasAudio\n            ? \"No audio\"\n            : isMuted\n              ? this.pc.t(\"unmute\")\n              : this.pc.t(\"mute\")}\n          title=${!this._hasAudio ? \"No audio\" : isMuted ? this.pc.t(\"unmute\") : this.pc.t(\"mute\")}\n        >\n          ${isMuted || !this._hasAudio ? volumeOffIcon(16) : volumeUpIcon(16)}\n        </button>\n\n        <div\n          class=${classMap({\n            \"fw-volume-slider-wrapper\": true,\n            \"fw-volume-slider-wrapper--expanded\": this._expanded,\n            \"fw-volume-slider-wrapper--collapsed\": !this._expanded,\n          })}\n        >\n          <div\n            class=\"slider\"\n            role=\"slider\"\n            aria-label=${this.pc.t(\"volume\")}\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n            aria-valuenow=${Math.round(displayVolume * 100)}\n            @pointerdown=${this._onSliderPointerDown}\n          >\n            <div class=\"slider-fill\" style=${styleMap({ width: `${displayVolume * 100}%` })}></div>\n            <div class=\"slider-thumb\" style=${styleMap({ left: `${displayVolume * 100}%` })}></div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-volume-control\": FwVolumeControl;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/controllers/player-controller-host.js

@@ -34,6 +34,7 @@ const initialState = {
     textTracks: [],
     streamInfo: null,
     toast: null,
+    thumbnailCues: [],
 };
 class PlayerControllerHost {
     constructor(host) {
@@ -255,6 +256,9 @@ class PlayerControllerHost {
                 message: data.message,
             });
         }));
+        u.push(controller.on("thumbnailCuesChange", ({ cues }) => {
+            this.update({ thumbnailCues: cues });
+        }));
     }
     // ---- Event Dispatching ----
     dispatchEvent(name, detail) {

package/dist/esm/controllers/player-controller-host.js.map

@@ -1 +1 @@
-{"version":3,"file":"player-controller-host.js","sources":["../../../../src/controllers/player-controller-host.ts"],"sourcesContent":["/**\n * PlayerControllerHost — Lit ReactiveController wrapping the headless PlayerController.\n * Direct port of usePlayerController.ts from player-react.\n */\nimport type { ReactiveController, ReactiveControllerHost } from \"lit\";\nimport {\n  PlayerController,\n  createTranslator,\n  type PlayerControllerConfig,\n  type PlayerState,\n  type StreamState,\n  type StreamInfo,\n  type PlaybackQuality,\n  type ContentEndpoints,\n  type ContentMetadata,\n  type ClassifiedError,\n  type TranslateFn,\n  type I18nConfig,\n} from \"@livepeer-frameworks/player-core\";\n\nexport interface PlayerControllerHostState {\n  state: PlayerState;\n  streamState: StreamState | null;\n  endpoints: ContentEndpoints | null;\n  metadata: ContentMetadata | null;\n  videoElement: HTMLVideoElement | null;\n  currentTime: number;\n  duration: number;\n  isPlaying: boolean;\n  isPaused: boolean;\n  isBuffering: boolean;\n  isMuted: boolean;\n  volume: number;\n  error: string | null;\n  errorDetails: ClassifiedError[\"details\"] | null;\n  isPassiveError: boolean;\n  hasPlaybackStarted: boolean;\n  isHoldingSpeed: boolean;\n  holdSpeed: number;\n  isHovering: boolean;\n  shouldShowControls: boolean;\n  isLoopEnabled: boolean;\n  isFullscreen: boolean;\n  isPiPActive: boolean;\n  isEffectivelyLive: boolean;\n  shouldShowIdleScreen: boolean;\n  currentPlayerInfo: { name: string; shortname: string } | null;\n  currentSourceInfo: { url: string; type: string } | null;\n  playbackQuality: PlaybackQuality | null;\n  subtitlesEnabled: boolean;\n  qualities: Array<{\n    id: string;\n    label: string;\n    bitrate?: number;\n    width?: number;\n    height?: number;\n    isAuto?: boolean;\n    active?: boolean;\n  }>;\n  textTracks: Array<{ id: string; label: string; lang?: string; active: boolean }>;\n  streamInfo: StreamInfo | null;\n  toast: { message: string; timestamp: number } | null;\n}\n\nconst initialState: PlayerControllerHostState = {\n  state: \"booting\",\n  streamState: null,\n  endpoints: null,\n  metadata: null,\n  videoElement: null,\n  currentTime: 0,\n  duration: NaN,\n  isPlaying: false,\n  isPaused: true,\n  isBuffering: false,\n  isMuted: false,\n  volume: 1,\n  error: null,\n  errorDetails: null,\n  isPassiveError: false,\n  hasPlaybackStarted: false,\n  isHoldingSpeed: false,\n  holdSpeed: 2,\n  isHovering: false,\n  shouldShowControls: false,\n  isLoopEnabled: false,\n  isFullscreen: false,\n  isPiPActive: false,\n  isEffectivelyLive: false,\n  shouldShowIdleScreen: true,\n  currentPlayerInfo: null,\n  currentSourceInfo: null,\n  playbackQuality: null,\n  subtitlesEnabled: false,\n  qualities: [],\n  textTracks: [],\n  streamInfo: null,\n  toast: null,\n};\n\ntype HostElement = ReactiveControllerHost & HTMLElement;\n\nexport class PlayerControllerHost implements ReactiveController {\n  host: HostElement;\n  private controller: PlayerController | null = null;\n  private unsubs: Array<() => void> = [];\n  private currentConfig: PlayerControllerConfig | null = null;\n\n  s: PlayerControllerHostState = { ...initialState };\n\n  /** Translation function, updated when locale changes. */\n  t: TranslateFn = createTranslator({ locale: \"en\" });\n\n  constructor(host: HostElement) {\n    this.host = host;\n    host.addController(this);\n  }\n\n  /** Rebuild the translator when locale or custom translations change. */\n  updateTranslator(config: I18nConfig) {\n    this.t = createTranslator(config);\n    this.host.requestUpdate();\n  }\n\n  // ---- Configuration & Lifecycle ----\n\n  configure(config: PlayerControllerConfig) {\n    this.currentConfig = config;\n  }\n\n  async attach(container: HTMLDivElement) {\n    if (!this.currentConfig) return;\n    this.teardown();\n\n    const controller = new PlayerController({\n      contentId: this.currentConfig.contentId,\n      contentType: this.currentConfig.contentType,\n      endpoints: this.currentConfig.endpoints,\n      gatewayUrl: this.currentConfig.gatewayUrl,\n      mistUrl: this.currentConfig.mistUrl,\n      authToken: this.currentConfig.authToken,\n      autoplay: this.currentConfig.autoplay,\n      muted: this.currentConfig.muted,\n      controls: this.currentConfig.controls,\n      poster: this.currentConfig.poster,\n      debug: this.currentConfig.debug,\n    });\n\n    this.controller = controller;\n    this.subscribeToEvents(controller);\n\n    this.update({ isLoopEnabled: controller.isLoopEnabled() });\n\n    try {\n      await controller.attach(container);\n    } catch (err) {\n      console.warn(\"[PlayerControllerHost] Attach failed:\", err);\n    }\n  }\n\n  hostConnected() {\n    // Controller attachment happens in firstUpdated of the host element\n  }\n\n  hostDisconnected() {\n    this.teardown();\n    this.s = { ...initialState };\n  }\n\n  private teardown() {\n    this.unsubs.forEach((fn) => fn());\n    this.unsubs = [];\n    this.controller?.destroy();\n    this.controller = null;\n  }\n\n  // ---- State Updates ----\n\n  private update(partial: Partial<PlayerControllerHostState>) {\n    Object.assign(this.s, partial);\n    this.host.requestUpdate();\n  }\n\n  private syncState() {\n    if (!this.controller) return;\n    const c = this.controller;\n    this.update({\n      isPlaying: c.isPlaying(),\n      isPaused: c.isPaused(),\n      isBuffering: c.isBuffering(),\n      isMuted: c.isMuted(),\n      volume: c.getVolume(),\n      hasPlaybackStarted: c.hasPlaybackStarted(),\n      shouldShowControls: c.shouldShowControls(),\n      shouldShowIdleScreen: c.shouldShowIdleScreen(),\n      playbackQuality: c.getPlaybackQuality(),\n      isLoopEnabled: c.isLoopEnabled(),\n      subtitlesEnabled: c.isSubtitlesEnabled(),\n      qualities: c.getQualities(),\n      textTracks: c.getTextTracks(),\n      streamInfo: c.getStreamInfo(),\n    });\n  }\n\n  // ---- Event Subscriptions (mirrors usePlayerController exactly) ----\n\n  private subscribeToEvents(controller: PlayerController) {\n    const u = this.unsubs;\n\n    u.push(\n      controller.on(\"stateChange\", ({ state }) => {\n        this.update({\n          state,\n          shouldShowIdleScreen: controller.shouldShowIdleScreen(),\n        });\n        this.dispatchEvent(\"fw-state-change\", { state });\n      })\n    );\n\n    u.push(\n      controller.on(\"streamStateChange\", ({ state: streamState }) => {\n        this.update({\n          streamState,\n          metadata: controller.getMetadata(),\n          isEffectivelyLive: controller.isEffectivelyLive(),\n          shouldShowIdleScreen: controller.shouldShowIdleScreen(),\n        });\n        this.dispatchEvent(\"fw-stream-state\", { state: streamState });\n      })\n    );\n\n    u.push(\n      controller.on(\"timeUpdate\", ({ currentTime, duration }) => {\n        const next: Partial<PlayerControllerHostState> = {\n          currentTime,\n          duration,\n          shouldShowControls: controller.shouldShowControls(),\n        };\n        if (this.s.qualities.length === 0) {\n          const qualities = controller.getQualities();\n          if (qualities.length > 0) {\n            next.qualities = qualities;\n          }\n        }\n        this.update(next);\n        this.dispatchEvent(\"fw-time-update\", { currentTime, duration });\n      })\n    );\n\n    u.push(\n      controller.on(\"error\", ({ error }) => {\n        this.update({\n          error,\n          isPassiveError: controller.isPassiveError(),\n          shouldShowIdleScreen: controller.shouldShowIdleScreen(),\n        });\n        this.dispatchEvent(\"fw-error\", { error });\n      })\n    );\n\n    u.push(\n      controller.on(\"errorCleared\", () => {\n        this.update({ error: null, isPassiveError: false });\n      })\n    );\n\n    u.push(\n      controller.on(\"ready\", ({ videoElement }) => {\n        this.update({\n          videoElement,\n          endpoints: controller.getEndpoints(),\n          metadata: controller.getMetadata(),\n          streamInfo: controller.getStreamInfo(),\n          isEffectivelyLive: controller.isEffectivelyLive(),\n          shouldShowIdleScreen: controller.shouldShowIdleScreen(),\n          currentPlayerInfo: controller.getCurrentPlayerInfo(),\n          currentSourceInfo: controller.getCurrentSourceInfo(),\n          qualities: controller.getQualities(),\n          textTracks: controller.getTextTracks(),\n        });\n        this.dispatchEvent(\"fw-ready\", { videoElement });\n        this.syncState();\n\n        const handleVideoEvent = () => {\n          if (this.controller?.shouldSuppressVideoEvents?.()) return;\n          this.syncState();\n        };\n        videoElement.addEventListener(\"play\", handleVideoEvent);\n        videoElement.addEventListener(\"pause\", handleVideoEvent);\n        videoElement.addEventListener(\"waiting\", handleVideoEvent);\n        videoElement.addEventListener(\"playing\", handleVideoEvent);\n        u.push(() => {\n          videoElement.removeEventListener(\"play\", handleVideoEvent);\n          videoElement.removeEventListener(\"pause\", handleVideoEvent);\n          videoElement.removeEventListener(\"waiting\", handleVideoEvent);\n          videoElement.removeEventListener(\"playing\", handleVideoEvent);\n        });\n      })\n    );\n\n    u.push(\n      controller.on(\"playerSelected\", ({ player: _player, source }) => {\n        this.update({\n          currentPlayerInfo: controller.getCurrentPlayerInfo(),\n          currentSourceInfo: { url: source.url, type: source.type },\n          qualities: controller.getQualities(),\n          textTracks: controller.getTextTracks(),\n        });\n        this.syncState();\n      })\n    );\n\n    u.push(\n      controller.on(\"volumeChange\", ({ volume, muted }) => {\n        this.update({ volume, isMuted: muted });\n        this.dispatchEvent(\"fw-volume-change\", { volume, muted });\n      })\n    );\n\n    u.push(\n      controller.on(\"loopChange\", ({ isLoopEnabled }) => {\n        this.update({ isLoopEnabled });\n      })\n    );\n\n    u.push(\n      controller.on(\"fullscreenChange\", ({ isFullscreen }) => {\n        this.update({ isFullscreen });\n        this.dispatchEvent(\"fw-fullscreen-change\", { isFullscreen });\n      })\n    );\n\n    u.push(\n      controller.on(\"pipChange\", ({ isPiP }) => {\n        this.update({ isPiPActive: isPiP });\n        this.dispatchEvent(\"fw-pip-change\", { isPiP });\n      })\n    );\n\n    u.push(\n      controller.on(\"holdSpeedStart\", ({ speed }) => {\n        this.update({ isHoldingSpeed: true, holdSpeed: speed });\n      })\n    );\n\n    u.push(\n      controller.on(\"holdSpeedEnd\", () => {\n        this.update({ isHoldingSpeed: false });\n      })\n    );\n\n    u.push(\n      controller.on(\"hoverStart\", () => {\n        this.update({ isHovering: true, shouldShowControls: true });\n      })\n    );\n\n    u.push(\n      controller.on(\"hoverEnd\", () => {\n        this.update({\n          isHovering: false,\n          shouldShowControls: controller.shouldShowControls(),\n        });\n      })\n    );\n\n    u.push(\n      controller.on(\"captionsChange\", ({ enabled }) => {\n        this.update({ subtitlesEnabled: enabled, textTracks: controller.getTextTracks() });\n      })\n    );\n\n    u.push(\n      controller.on(\"protocolSwapped\", (data) => {\n        const message = `Switched to ${data.toProtocol}`;\n        this.update({ toast: { message, timestamp: Date.now() } });\n        this.dispatchEvent(\"fw-protocol-swapped\", data);\n      })\n    );\n\n    u.push(\n      controller.on(\"playbackFailed\", (data) => {\n        this.update({\n          error: data.message,\n          errorDetails: data.details ?? null,\n          isPassiveError: false,\n        });\n        this.dispatchEvent(\"fw-playback-failed\", {\n          code: data.code,\n          message: data.message,\n        });\n      })\n    );\n  }\n\n  // ---- Event Dispatching ----\n\n  private dispatchEvent(name: string, detail: unknown) {\n    this.host.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }));\n  }\n\n  // ---- Action Methods ----\n\n  async play() {\n    await this.controller?.play();\n  }\n  pause() {\n    this.controller?.pause();\n  }\n  togglePlay() {\n    this.controller?.togglePlay();\n  }\n  seek(time: number) {\n    this.controller?.seek(time);\n  }\n  seekBy(delta: number) {\n    this.controller?.seekBy(delta);\n  }\n  jumpToLive() {\n    this.controller?.jumpToLive();\n  }\n  setVolume(volume: number) {\n    this.controller?.setVolume(volume);\n  }\n  toggleMute() {\n    this.controller?.toggleMute();\n  }\n  toggleLoop() {\n    this.controller?.toggleLoop();\n  }\n  async toggleFullscreen() {\n    await this.controller?.toggleFullscreen();\n  }\n  async togglePiP() {\n    await this.controller?.togglePictureInPicture();\n  }\n  toggleSubtitles() {\n    this.controller?.toggleSubtitles();\n  }\n\n  clearError() {\n    this.controller?.clearError();\n    this.update({ error: null, errorDetails: null, isPassiveError: false });\n  }\n\n  dismissToast() {\n    this.update({ toast: null });\n  }\n\n  async retry() {\n    await this.controller?.retry();\n  }\n  async tryNextSource() {\n    await this.controller?.retryWithFallback();\n  }\n  canAttemptFallback(): boolean {\n    return this.controller?.canAttemptFallback() ?? false;\n  }\n  async reload() {\n    await this.controller?.reload();\n  }\n\n  getQualities() {\n    return this.controller?.getQualities() ?? [];\n  }\n  selectQuality(id: string) {\n    this.controller?.selectQuality(id);\n  }\n  getTextTracks() {\n    return this.controller?.getTextTracks() ?? [];\n  }\n  selectTextTrack(id: string | null) {\n    this.controller?.selectTextTrack(id);\n  }\n  setPlaybackRate(rate: number) {\n    this.controller?.setPlaybackRate(rate);\n  }\n  getSeekableStart() {\n    return this.controller?.getSeekableStart() ?? 0;\n  }\n  getLiveEdge() {\n    return this.controller?.getLiveEdge() ?? 0;\n  }\n  canSeekStream() {\n    return this.controller?.canSeekStream() ?? false;\n  }\n  getBufferedRanges() {\n    return this.controller?.getBufferedRanges() ?? null;\n  }\n  async getStats() {\n    return this.controller?.getStats();\n  }\n\n  handleMouseEnter() {\n    this.controller?.handleMouseEnter();\n    this.update({ isHovering: true, shouldShowControls: true });\n  }\n  handleMouseLeave() {\n    this.controller?.handleMouseLeave();\n    this.update({\n      isHovering: false,\n      shouldShowControls: this.controller?.shouldShowControls() ?? false,\n    });\n  }\n  handleMouseMove() {\n    this.controller?.handleMouseMove();\n    if (this.controller) {\n      this.update({ shouldShowControls: this.controller.shouldShowControls() });\n    }\n  }\n  handleTouchStart() {\n    this.controller?.handleTouchStart();\n    this.update({ shouldShowControls: true });\n  }\n\n  async setDevModeOptions(options: {\n    forcePlayer?: string;\n    forceType?: string;\n    forceSource?: number;\n    playbackMode?: \"auto\" | \"low-latency\" | \"quality\" | \"vod\";\n  }) {\n    await this.controller?.setDevModeOptions(options);\n  }\n\n  getController(): PlayerController | null {\n    return this.controller;\n  }\n}\n"],"names":[],"mappings":";;AAgEA,MAAM,YAAY,GAA8B;AAC9C,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,QAAQ,EAAE,GAAG;AACb,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,kBAAkB,EAAE,KAAK;AACzB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,kBAAkB,EAAE,KAAK;AACzB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,iBAAiB,EAAE,KAAK;AACxB,IAAA,oBAAoB,EAAE,IAAI;AAC1B,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,eAAe,EAAE,IAAI;AACrB,IAAA,gBAAgB,EAAE,KAAK;AACvB,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,KAAK,EAAE,IAAI;CACZ;MAIY,oBAAoB,CAAA;AAW/B,IAAA,WAAA,CAAY,IAAiB,EAAA;QATrB,IAAA,CAAA,UAAU,GAA4B,IAAI;QAC1C,IAAA,CAAA,MAAM,GAAsB,EAAE;QAC9B,IAAA,CAAA,aAAa,GAAkC,IAAI;AAE3D,QAAA,IAAA,CAAA,CAAC,GAA8B,EAAE,GAAG,YAAY,EAAE;;QAGlD,IAAA,CAAA,CAAC,GAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;AAGjD,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;IAC1B;;AAGA,IAAA,gBAAgB,CAAC,MAAkB,EAAA;AACjC,QAAA,IAAI,CAAC,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC;AACjC,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;IAC3B;;AAIA,IAAA,SAAS,CAAC,MAA8B,EAAA;AACtC,QAAA,IAAI,CAAC,aAAa,GAAG,MAAM;IAC7B;IAEA,MAAM,MAAM,CAAC,SAAyB,EAAA;QACpC,IAAI,CAAC,IAAI,CAAC,aAAa;YAAE;QACzB,IAAI,CAAC,QAAQ,EAAE;AAEf,QAAA,MAAM,UAAU,GAAG,IAAI,gBAAgB,CAAC;AACtC,YAAA,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,SAAS;AACvC,YAAA,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,WAAW;AAC3C,YAAA,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,SAAS;AACvC,YAAA,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,UAAU;AACzC,YAAA,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO;AACnC,YAAA,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,SAAS;AACvC,YAAA,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ;AACrC,YAAA,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK;AAC/B,YAAA,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ;AACrC,YAAA,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM;AACjC,YAAA,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK;AAChC,SAAA,CAAC;AAEF,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU;AAC5B,QAAA,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC;AAElC,QAAA,IAAI,CAAC,MAAM,CAAC,EAAE,aAAa,EAAE,UAAU,CAAC,aAAa,EAAE,EAAE,CAAC;AAE1D,QAAA,IAAI;AACF,YAAA,MAAM,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC;QACpC;QAAE,OAAO,GAAG,EAAE;AACZ,YAAA,OAAO,CAAC,IAAI,CAAC,uCAAuC,EAAE,GAAG,CAAC;QAC5D;IACF;IAEA,aAAa,GAAA;;IAEb;IAEA,gBAAgB,GAAA;QACd,IAAI,CAAC,QAAQ,EAAE;AACf,QAAA,IAAI,CAAC,CAAC,GAAG,EAAE,GAAG,YAAY,EAAE;IAC9B;IAEQ,QAAQ,GAAA;AACd,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;AACjC,QAAA,IAAI,CAAC,MAAM,GAAG,EAAE;AAChB,QAAA,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE;AAC1B,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;IACxB;;AAIQ,IAAA,MAAM,CAAC,OAA2C,EAAA;QACxD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC;AAC9B,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;IAC3B;IAEQ,SAAS,GAAA;QACf,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE;AACtB,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,UAAU;QACzB,IAAI,CAAC,MAAM,CAAC;AACV,YAAA,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;AACxB,YAAA,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE;AACtB,YAAA,WAAW,EAAE,CAAC,CAAC,WAAW,EAAE;AAC5B,YAAA,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE;AACpB,YAAA,MAAM,EAAE,CAAC,CAAC,SAAS,EAAE;AACrB,YAAA,kBAAkB,EAAE,CAAC,CAAC,kBAAkB,EAAE;AAC1C,YAAA,kBAAkB,EAAE,CAAC,CAAC,kBAAkB,EAAE;AAC1C,YAAA,oBAAoB,EAAE,CAAC,CAAC,oBAAoB,EAAE;AAC9C,YAAA,eAAe,EAAE,CAAC,CAAC,kBAAkB,EAAE;AACvC,YAAA,aAAa,EAAE,CAAC,CAAC,aAAa,EAAE;AAChC,YAAA,gBAAgB,EAAE,CAAC,CAAC,kBAAkB,EAAE;AACxC,YAAA,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE;AAC3B,YAAA,UAAU,EAAE,CAAC,CAAC,aAAa,EAAE;AAC7B,YAAA,UAAU,EAAE,CAAC,CAAC,aAAa,EAAE;AAC9B,SAAA,CAAC;IACJ;;AAIQ,IAAA,iBAAiB,CAAC,UAA4B,EAAA;AACpD,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM;AAErB,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;YACzC,IAAI,CAAC,MAAM,CAAC;gBACV,KAAK;AACL,gBAAA,oBAAoB,EAAE,UAAU,CAAC,oBAAoB,EAAE;AACxD,aAAA,CAAC;YACF,IAAI,CAAC,aAAa,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,CAAC;QAClD,CAAC,CAAC,CACH;AAED,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,mBAAmB,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAI;YAC5D,IAAI,CAAC,MAAM,CAAC;gBACV,WAAW;AACX,gBAAA,QAAQ,EAAE,UAAU,CAAC,WAAW,EAAE;AAClC,gBAAA,iBAAiB,EAAE,UAAU,CAAC,iBAAiB,EAAE;AACjD,gBAAA,oBAAoB,EAAE,UAAU,CAAC,oBAAoB,EAAE;AACxD,aAAA,CAAC;YACF,IAAI,CAAC,aAAa,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;QAC/D,CAAC,CAAC,CACH;AAED,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAI;AACxD,YAAA,MAAM,IAAI,GAAuC;gBAC/C,WAAW;gBACX,QAAQ;AACR,gBAAA,kBAAkB,EAAE,UAAU,CAAC,kBAAkB,EAAE;aACpD;YACD,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AACjC,gBAAA,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE;AAC3C,gBAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;AACxB,oBAAA,IAAI,CAAC,SAAS,GAAG,SAAS;gBAC5B;YACF;AACA,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;YACjB,IAAI,CAAC,aAAa,CAAC,gBAAgB,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;QACjE,CAAC,CAAC,CACH;AAED,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;YACnC,IAAI,CAAC,MAAM,CAAC;gBACV,KAAK;AACL,gBAAA,cAAc,EAAE,UAAU,CAAC,cAAc,EAAE;AAC3C,gBAAA,oBAAoB,EAAE,UAAU,CAAC,oBAAoB,EAAE;AACxD,aAAA,CAAC;YACF,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC;QAC3C,CAAC,CAAC,CACH;QAED,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,cAAc,EAAE,MAAK;AACjC,YAAA,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC;QACrD,CAAC,CAAC,CACH;AAED,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,YAAY,EAAE,KAAI;YAC1C,IAAI,CAAC,MAAM,CAAC;gBACV,YAAY;AACZ,gBAAA,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE;AACpC,gBAAA,QAAQ,EAAE,UAAU,CAAC,WAAW,EAAE;AAClC,gBAAA,UAAU,EAAE,UAAU,CAAC,aAAa,EAAE;AACtC,gBAAA,iBAAiB,EAAE,UAAU,CAAC,iBAAiB,EAAE;AACjD,gBAAA,oBAAoB,EAAE,UAAU,CAAC,oBAAoB,EAAE;AACvD,gBAAA,iBAAiB,EAAE,UAAU,CAAC,oBAAoB,EAAE;AACpD,gBAAA,iBAAiB,EAAE,UAAU,CAAC,oBAAoB,EAAE;AACpD,gBAAA,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE;AACpC,gBAAA,UAAU,EAAE,UAAU,CAAC,aAAa,EAAE;AACvC,aAAA,CAAC;YACF,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,YAAY,EAAE,CAAC;YAChD,IAAI,CAAC,SAAS,EAAE;YAEhB,MAAM,gBAAgB,GAAG,MAAK;AAC5B,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE,yBAAyB,IAAI;oBAAE;gBACpD,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,CAAC;AACD,YAAA,YAAY,CAAC,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,CAAC;AACvD,YAAA,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC;AACxD,YAAA,YAAY,CAAC,gBAAgB,CAAC,SAAS,EAAE,gBAAgB,CAAC;AAC1D,YAAA,YAAY,CAAC,gBAAgB,CAAC,SAAS,EAAE,gBAAgB,CAAC;AAC1D,YAAA,CAAC,CAAC,IAAI,CAAC,MAAK;AACV,gBAAA,YAAY,CAAC,mBAAmB,CAAC,MAAM,EAAE,gBAAgB,CAAC;AAC1D,gBAAA,YAAY,CAAC,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC;AAC3D,gBAAA,YAAY,CAAC,mBAAmB,CAAC,SAAS,EAAE,gBAAgB,CAAC;AAC7D,gBAAA,YAAY,CAAC,mBAAmB,CAAC,SAAS,EAAE,gBAAgB,CAAC;AAC/D,YAAA,CAAC,CAAC;QACJ,CAAC,CAAC,CACH;AAED,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAI;YAC9D,IAAI,CAAC,MAAM,CAAC;AACV,gBAAA,iBAAiB,EAAE,UAAU,CAAC,oBAAoB,EAAE;AACpD,gBAAA,iBAAiB,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE;AACzD,gBAAA,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE;AACpC,gBAAA,UAAU,EAAE,UAAU,CAAC,aAAa,EAAE;AACvC,aAAA,CAAC;YACF,IAAI,CAAC,SAAS,EAAE;QAClB,CAAC,CAAC,CACH;AAED,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAI;YAClD,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;YACvC,IAAI,CAAC,aAAa,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QAC3D,CAAC,CAAC,CACH;AAED,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,aAAa,EAAE,KAAI;AAChD,YAAA,IAAI,CAAC,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;QAChC,CAAC,CAAC,CACH;AAED,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,kBAAkB,EAAE,CAAC,EAAE,YAAY,EAAE,KAAI;AACrD,YAAA,IAAI,CAAC,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;YAC7B,IAAI,CAAC,aAAa,CAAC,sBAAsB,EAAE,EAAE,YAAY,EAAE,CAAC;QAC9D,CAAC,CAAC,CACH;AAED,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;YACvC,IAAI,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;YACnC,IAAI,CAAC,aAAa,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,CAAC;QAChD,CAAC,CAAC,CACH;AAED,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;AAC5C,YAAA,IAAI,CAAC,MAAM,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QACzD,CAAC,CAAC,CACH;QAED,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,cAAc,EAAE,MAAK;YACjC,IAAI,CAAC,MAAM,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC;QACxC,CAAC,CAAC,CACH;QAED,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,MAAK;AAC/B,YAAA,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC;QAC7D,CAAC,CAAC,CACH;QAED,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAK;YAC7B,IAAI,CAAC,MAAM,CAAC;AACV,gBAAA,UAAU,EAAE,KAAK;AACjB,gBAAA,kBAAkB,EAAE,UAAU,CAAC,kBAAkB,EAAE;AACpD,aAAA,CAAC;QACJ,CAAC,CAAC,CACH;AAED,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,OAAO,EAAE,KAAI;AAC9C,YAAA,IAAI,CAAC,MAAM,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,aAAa,EAAE,EAAE,CAAC;QACpF,CAAC,CAAC,CACH;AAED,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,iBAAiB,EAAE,CAAC,IAAI,KAAI;AACxC,YAAA,MAAM,OAAO,GAAG,CAAA,YAAA,EAAe,IAAI,CAAC,UAAU,EAAE;AAChD,YAAA,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC;AAC1D,YAAA,IAAI,CAAC,aAAa,CAAC,qBAAqB,EAAE,IAAI,CAAC;QACjD,CAAC,CAAC,CACH;AAED,QAAA,CAAC,CAAC,IAAI,CACJ,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,IAAI,KAAI;YACvC,IAAI,CAAC,MAAM,CAAC;gBACV,KAAK,EAAE,IAAI,CAAC,OAAO;AACnB,gBAAA,YAAY,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI;AAClC,gBAAA,cAAc,EAAE,KAAK;AACtB,aAAA,CAAC;AACF,YAAA,IAAI,CAAC,aAAa,CAAC,oBAAoB,EAAE;gBACvC,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,OAAO,EAAE,IAAI,CAAC,OAAO;AACtB,aAAA,CAAC;QACJ,CAAC,CAAC,CACH;IACH;;IAIQ,aAAa,CAAC,IAAY,EAAE,MAAe,EAAA;QACjD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3F;;AAIA,IAAA,MAAM,IAAI,GAAA;AACR,QAAA,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE;IAC/B;IACA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE;IAC1B;IACA,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE;IAC/B;AACA,IAAA,IAAI,CAAC,IAAY,EAAA;AACf,QAAA,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC;IAC7B;AACA,IAAA,MAAM,CAAC,KAAa,EAAA;AAClB,QAAA,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC;IAChC;IACA,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE;IAC/B;AACA,IAAA,SAAS,CAAC,MAAc,EAAA;AACtB,QAAA,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,MAAM,CAAC;IACpC;IACA,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE;IAC/B;IACA,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE;IAC/B;AACA,IAAA,MAAM,gBAAgB,GAAA;AACpB,QAAA,MAAM,IAAI,CAAC,UAAU,EAAE,gBAAgB,EAAE;IAC3C;AACA,IAAA,MAAM,SAAS,GAAA;AACb,QAAA,MAAM,IAAI,CAAC,UAAU,EAAE,sBAAsB,EAAE;IACjD;IACA,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,UAAU,EAAE,eAAe,EAAE;IACpC;IAEA,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE;AAC7B,QAAA,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC;IACzE;IAEA,YAAY,GAAA;QACV,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAC9B;AAEA,IAAA,MAAM,KAAK,GAAA;AACT,QAAA,MAAM,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE;IAChC;AACA,IAAA,MAAM,aAAa,GAAA;AACjB,QAAA,MAAM,IAAI,CAAC,UAAU,EAAE,iBAAiB,EAAE;IAC5C;IACA,kBAAkB,GAAA;QAChB,OAAO,IAAI,CAAC,UAAU,EAAE,kBAAkB,EAAE,IAAI,KAAK;IACvD;AACA,IAAA,MAAM,MAAM,GAAA;AACV,QAAA,MAAM,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE;IACjC;IAEA,YAAY,GAAA;QACV,OAAO,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE;IAC9C;AACA,IAAA,aAAa,CAAC,EAAU,EAAA;AACtB,QAAA,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,CAAC;IACpC;IACA,aAAa,GAAA;QACX,OAAO,IAAI,CAAC,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE;IAC/C;AACA,IAAA,eAAe,CAAC,EAAiB,EAAA;AAC/B,QAAA,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,CAAC;IACtC;AACA,IAAA,eAAe,CAAC,IAAY,EAAA;AAC1B,QAAA,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,IAAI,CAAC;IACxC;IACA,gBAAgB,GAAA;QACd,OAAO,IAAI,CAAC,UAAU,EAAE,gBAAgB,EAAE,IAAI,CAAC;IACjD;IACA,WAAW,GAAA;QACT,OAAO,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC;IAC5C;IACA,aAAa,GAAA;QACX,OAAO,IAAI,CAAC,UAAU,EAAE,aAAa,EAAE,IAAI,KAAK;IAClD;IACA,iBAAiB,GAAA;QACf,OAAO,IAAI,CAAC,UAAU,EAAE,iBAAiB,EAAE,IAAI,IAAI;IACrD;AACA,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE;IACpC;IAEA,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,UAAU,EAAE,gBAAgB,EAAE;AACnC,QAAA,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC;IAC7D;IACA,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,UAAU,EAAE,gBAAgB,EAAE;QACnC,IAAI,CAAC,MAAM,CAAC;AACV,YAAA,UAAU,EAAE,KAAK;YACjB,kBAAkB,EAAE,IAAI,CAAC,UAAU,EAAE,kBAAkB,EAAE,IAAI,KAAK;AACnE,SAAA,CAAC;IACJ;IACA,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,UAAU,EAAE,eAAe,EAAE;AAClC,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,MAAM,CAAC,EAAE,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAC,kBAAkB,EAAE,EAAE,CAAC;QAC3E;IACF;IACA,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,UAAU,EAAE,gBAAgB,EAAE;QACnC,IAAI,CAAC,MAAM,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC;IAC3C;IAEA,MAAM,iBAAiB,CAAC,OAKvB,EAAA;QACC,MAAM,IAAI,CAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAAC;IACnD;IAEA,aAAa,GAAA;QACX,OAAO,IAAI,CAAC,UAAU;IACxB;AACD;;;;"}
+{"version":3,"file":"player-controller-host.js","sources":["../../../../src/controllers/player-controller-host.ts"],"sourcesContent":["/**\n * PlayerControllerHost — Lit ReactiveController wrapping the headless PlayerController.\n * Direct port of usePlayerController.ts from player-react.\n */\nimport type { ReactiveController, ReactiveControllerHost } from \"lit\";\nimport {\n  PlayerController,\n  createTranslator,\n  type PlayerControllerConfig,\n  type PlayerState,\n  type StreamState,\n  type StreamInfo,\n  type PlaybackQuality,\n  type ContentEndpoints,\n  type ContentMetadata,\n  type ClassifiedError,\n  type TranslateFn,\n  type I18nConfig,\n  type ThumbnailCue,\n} from \"@livepeer-frameworks/player-core\";\n\nexport interface PlayerControllerHostState {\n  state: PlayerState;\n  streamState: StreamState | null;\n  endpoints: ContentEndpoints | null;\n  metadata: ContentMetadata | null;\n  videoElement: HTMLVideoElement | null;\n  currentTime: number;\n  duration: number;\n  isPlaying: boolean;\n  isPaused: boolean;\n  isBuffering: boolean;\n  isMuted: boolean;\n  volume: number;\n  error: string | null;\n  errorDetails: ClassifiedError[\"details\"] | null;\n  isPassiveError: boolean;\n  hasPlaybackStarted: boolean;\n  isHoldingSpeed: boolean;\n  holdSpeed: number;\n  isHovering: boolean;\n  shouldShowControls: boolean;\n  isLoopEnabled: boolean;\n  isFullscreen: boolean;\n  isPiPActive: boolean;\n  isEffectivelyLive: boolean;\n  shouldShowIdleScreen: boolean;\n  currentPlayerInfo: { name: string; shortname: string } | null;\n  currentSourceInfo: { url: string; type: string } | null;\n  playbackQuality: PlaybackQuality | null;\n  subtitlesEnabled: boolean;\n  qualities: Array<{\n    id: string;\n    label: string;\n    bitrate?: number;\n    width?: number;\n    height?: number;\n    isAuto?: boolean;\n    active?: boolean;\n  }>;\n  textTracks: Array<{ id: string; label: string; lang?: string; active: boolean }>;\n  streamInfo: StreamInfo | null;\n  toast: { message: string; timestamp: number } | null;\n  thumbnailCues: ThumbnailCue[];\n}\n\nconst initialState: PlayerControllerHostState = {\n  state: \"booting\",\n  streamState: null,\n  endpoints: null,\n  metadata: null,\n  videoElement: null,\n  currentTime: 0,\n  duration: NaN,\n  isPlaying: false,\n  isPaused: true,\n  isBuffering: false,\n  isMuted: false,\n  volume: 1,\n  error: null,\n  errorDetails: null,\n  isPassiveError: false,\n  hasPlaybackStarted: false,\n  isHoldingSpeed: false,\n  holdSpeed: 2,\n  isHovering: false,\n  shouldShowControls: false,\n  isLoopEnabled: false,\n  isFullscreen: false,\n  isPiPActive: false,\n  isEffectivelyLive: false,\n  shouldShowIdleScreen: true,\n  currentPlayerInfo: null,\n  currentSourceInfo: null,\n  playbackQuality: null,\n  subtitlesEnabled: false,\n  qualities: [],\n  textTracks: [],\n  streamInfo: null,\n  toast: null,\n  thumbnailCues: [],\n};\n\ntype HostElement = ReactiveControllerHost & HTMLElement;\n\nexport class PlayerControllerHost implements ReactiveController {\n  host: HostElement;\n  private controller: PlayerController | null = null;\n  private unsubs: Array<() => void> = [];\n  private currentConfig: PlayerControllerConfig | null = null;\n\n  s: PlayerControllerHostState = { ...initialState };\n\n  /** Translation function, updated when locale changes. */\n  t: TranslateFn = createTranslator({ locale: \"en\" });\n\n  constructor(host: HostElement) {\n    this.host = host;\n    host.addController(this);\n  }\n\n  /** Rebuild the translator when locale or custom translations change. */\n  updateTranslator(config: I18nConfig) {\n    this.t = createTranslator(config);\n    this.host.requestUpdate();\n  }\n\n  // ---- Configuration & Lifecycle ----\n\n  configure(config: PlayerControllerConfig) {\n    this.currentConfig = config;\n  }\n\n  async attach(container: HTMLDivElement) {\n    if (!this.currentConfig) return;\n    this.teardown();\n\n    const controller = new PlayerController({\n      contentId: this.currentConfig.contentId,\n      contentType: this.currentConfig.contentType,\n      endpoints: this.currentConfig.endpoints,\n      gatewayUrl: this.currentConfig.gatewayUrl,\n      mistUrl: this.currentConfig.mistUrl,\n      authToken: this.currentConfig.authToken,\n      autoplay: this.currentConfig.autoplay,\n      muted: this.currentConfig.muted,\n      controls: this.currentConfig.controls,\n      poster: this.currentConfig.poster,\n      debug: this.currentConfig.debug,\n    });\n\n    this.controller = controller;\n    this.subscribeToEvents(controller);\n\n    this.update({ isLoopEnabled: controller.isLoopEnabled() });\n\n    try {\n      await controller.attach(container);\n    } catch (err) {\n      console.warn(\"[PlayerControllerHost] Attach failed:\", err);\n    }\n  }\n\n  hostConnected() {\n    // Controller attachment happens in firstUpdated of the host element\n  }\n\n  hostDisconnected() {\n    this.teardown();\n    this.s = { ...initialState };\n  }\n\n  private teardown() {\n    this.unsubs.forEach((fn) => fn());\n    this.unsubs = [];\n    this.controller?.destroy();\n    this.controller = null;\n  }\n\n  // ---- State Updates ----\n\n  private update(partial: Partial<PlayerControllerHostState>) {\n    Object.assign(this.s, partial);\n    this.host.requestUpdate();\n  }\n\n  private syncState() {\n    if (!this.controller) return;\n    const c = this.controller;\n    this.update({\n      isPlaying: c.isPlaying(),\n      isPaused: c.isPaused(),\n      isBuffering: c.isBuffering(),\n      isMuted: c.isMuted(),\n      volume: c.getVolume(),\n      hasPlaybackStarted: c.hasPlaybackStarted(),\n      shouldShowControls: c.shouldShowControls(),\n      shouldShowIdleScreen: c.shouldShowIdleScreen(),\n      playbackQuality: c.getPlaybackQuality(),\n      isLoopEnabled: c.isLoopEnabled(),\n      subtitlesEnabled: c.isSubtitlesEnabled(),\n      qualities: c.getQualities(),\n      textTracks: c.getTextTracks(),\n      streamInfo: c.getStreamInfo(),\n    });\n  }\n\n  // ---- Event Subscriptions (mirrors usePlayerController exactly) ----\n\n  private subscribeToEvents(controller: PlayerController) {\n    const u = this.unsubs;\n\n    u.push(\n      controller.on(\"stateChange\", ({ state }) => {\n        this.update({\n          state,\n          shouldShowIdleScreen: controller.shouldShowIdleScreen(),\n        });\n        this.dispatchEvent(\"fw-state-change\", { state });\n      })\n    );\n\n    u.push(\n      controller.on(\"streamStateChange\", ({ state: streamState }) => {\n        this.update({\n          streamState,\n          metadata: controller.getMetadata(),\n          isEffectivelyLive: controller.isEffectivelyLive(),\n          shouldShowIdleScreen: controller.shouldShowIdleScreen(),\n        });\n        this.dispatchEvent(\"fw-stream-state\", { state: streamState });\n      })\n    );\n\n    u.push(\n      controller.on(\"timeUpdate\", ({ currentTime, duration }) => {\n        const next: Partial<PlayerControllerHostState> = {\n          currentTime,\n          duration,\n          shouldShowControls: controller.shouldShowControls(),\n        };\n        if (this.s.qualities.length === 0) {\n          const qualities = controller.getQualities();\n          if (qualities.length > 0) {\n            next.qualities = qualities;\n          }\n        }\n        this.update(next);\n        this.dispatchEvent(\"fw-time-update\", { currentTime, duration });\n      })\n    );\n\n    u.push(\n      controller.on(\"error\", ({ error }) => {\n        this.update({\n          error,\n          isPassiveError: controller.isPassiveError(),\n          shouldShowIdleScreen: controller.shouldShowIdleScreen(),\n        });\n        this.dispatchEvent(\"fw-error\", { error });\n      })\n    );\n\n    u.push(\n      controller.on(\"errorCleared\", () => {\n        this.update({ error: null, isPassiveError: false });\n      })\n    );\n\n    u.push(\n      controller.on(\"ready\", ({ videoElement }) => {\n        this.update({\n          videoElement,\n          endpoints: controller.getEndpoints(),\n          metadata: controller.getMetadata(),\n          streamInfo: controller.getStreamInfo(),\n          isEffectivelyLive: controller.isEffectivelyLive(),\n          shouldShowIdleScreen: controller.shouldShowIdleScreen(),\n          currentPlayerInfo: controller.getCurrentPlayerInfo(),\n          currentSourceInfo: controller.getCurrentSourceInfo(),\n          qualities: controller.getQualities(),\n          textTracks: controller.getTextTracks(),\n        });\n        this.dispatchEvent(\"fw-ready\", { videoElement });\n        this.syncState();\n\n        const handleVideoEvent = () => {\n          if (this.controller?.shouldSuppressVideoEvents?.()) return;\n          this.syncState();\n        };\n        videoElement.addEventListener(\"play\", handleVideoEvent);\n        videoElement.addEventListener(\"pause\", handleVideoEvent);\n        videoElement.addEventListener(\"waiting\", handleVideoEvent);\n        videoElement.addEventListener(\"playing\", handleVideoEvent);\n        u.push(() => {\n          videoElement.removeEventListener(\"play\", handleVideoEvent);\n          videoElement.removeEventListener(\"pause\", handleVideoEvent);\n          videoElement.removeEventListener(\"waiting\", handleVideoEvent);\n          videoElement.removeEventListener(\"playing\", handleVideoEvent);\n        });\n      })\n    );\n\n    u.push(\n      controller.on(\"playerSelected\", ({ player: _player, source }) => {\n        this.update({\n          currentPlayerInfo: controller.getCurrentPlayerInfo(),\n          currentSourceInfo: { url: source.url, type: source.type },\n          qualities: controller.getQualities(),\n          textTracks: controller.getTextTracks(),\n        });\n        this.syncState();\n      })\n    );\n\n    u.push(\n      controller.on(\"volumeChange\", ({ volume, muted }) => {\n        this.update({ volume, isMuted: muted });\n        this.dispatchEvent(\"fw-volume-change\", { volume, muted });\n      })\n    );\n\n    u.push(\n      controller.on(\"loopChange\", ({ isLoopEnabled }) => {\n        this.update({ isLoopEnabled });\n      })\n    );\n\n    u.push(\n      controller.on(\"fullscreenChange\", ({ isFullscreen }) => {\n        this.update({ isFullscreen });\n        this.dispatchEvent(\"fw-fullscreen-change\", { isFullscreen });\n      })\n    );\n\n    u.push(\n      controller.on(\"pipChange\", ({ isPiP }) => {\n        this.update({ isPiPActive: isPiP });\n        this.dispatchEvent(\"fw-pip-change\", { isPiP });\n      })\n    );\n\n    u.push(\n      controller.on(\"holdSpeedStart\", ({ speed }) => {\n        this.update({ isHoldingSpeed: true, holdSpeed: speed });\n      })\n    );\n\n    u.push(\n      controller.on(\"holdSpeedEnd\", () => {\n        this.update({ isHoldingSpeed: false });\n      })\n    );\n\n    u.push(\n      controller.on(\"hoverStart\", () => {\n        this.update({ isHovering: true, shouldShowControls: true });\n      })\n    );\n\n    u.push(\n      controller.on(\"hoverEnd\", () => {\n        this.update({\n          isHovering: false,\n          shouldShowControls: controller.shouldShowControls(),\n        });\n      })\n    );\n\n    u.push(\n      controller.on(\"captionsChange\", ({ enabled }) => {\n        this.update({ subtitlesEnabled: enabled, textTracks: controller.getTextTracks() });\n      })\n    );\n\n    u.push(\n      controller.on(\"protocolSwapped\", (data) => {\n        const message = `Switched to ${data.toProtocol}`;\n        this.update({ toast: { message, timestamp: Date.now() } });\n        this.dispatchEvent(\"fw-protocol-swapped\", data);\n      })\n    );\n\n    u.push(\n      controller.on(\"playbackFailed\", (data) => {\n        this.update({\n          error: data.message,\n          errorDetails: data.details ?? null,\n          isPassiveError: false,\n        });\n        this.dispatchEvent(\"fw-playback-failed\", {\n          code: data.code,\n          message: data.message,\n        });\n      })\n    );\n\n    u.push(\n      controller.on(\"thumbnailCuesChange\", ({ cues }) => {\n        this.update({ thumbnailCues: cues });\n      })\n    );\n  }\n\n  // ---- Event Dispatching ----\n\n  private dispatchEvent(name: string, detail: unknown) {\n    this.host.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }));\n  }\n\n  // ---- Action Methods ----\n\n  async play() {\n    await this.controller?.play();\n  }\n  pause() {\n    this.controller?.pause();\n  }\n  togglePlay() {\n    this.controller?.togglePlay();\n  }\n  seek(time: number) {\n    this.controller?.seek(time);\n  }\n  seekBy(delta: number) {\n    this.controller?.seekBy(delta);\n  }\n  jumpToLive() {\n    this.controller?.jumpToLive();\n  }\n  setVolume(volume: number) {\n    this.controller?.setVolume(volume);\n  }\n  toggleMute() {\n    this.controller?.toggleMute();\n  }\n  toggleLoop() {\n    this.controller?.toggleLoop();\n  }\n  async toggleFullscreen() {\n    await this.controller?.toggleFullscreen();\n  }\n  async togglePiP() {\n    await this.controller?.togglePictureInPicture();\n  }\n  toggleSubtitles() {\n    this.controller?.toggleSubtitles();\n  }\n\n  clearError() {\n    this.controller?.clearError();\n    this.update({ error: null, errorDetails: null, isPassiveError: false });\n  }\n\n  dismissToast() {\n    this.update({ toast: null });\n  }\n\n  async retry() {\n    await this.controller?.retry();\n  }\n  async tryNextSource() {\n    await this.controller?.retryWithFallback();\n  }\n  canAttemptFallback(): boolean {\n    return this.controller?.canAttemptFallback() ?? false;\n  }\n  async reload() {\n    await this.controller?.reload();\n  }\n\n  getQualities() {\n    return this.controller?.getQualities() ?? [];\n  }\n  selectQuality(id: string) {\n    this.controller?.selectQuality(id);\n  }\n  getTextTracks() {\n    return this.controller?.getTextTracks() ?? [];\n  }\n  selectTextTrack(id: string | null) {\n    this.controller?.selectTextTrack(id);\n  }\n  setPlaybackRate(rate: number) {\n    this.controller?.setPlaybackRate(rate);\n  }\n  getSeekableStart() {\n    return this.controller?.getSeekableStart() ?? 0;\n  }\n  getLiveEdge() {\n    return this.controller?.getLiveEdge() ?? 0;\n  }\n  canSeekStream() {\n    return this.controller?.canSeekStream() ?? false;\n  }\n  getBufferedRanges() {\n    return this.controller?.getBufferedRanges() ?? null;\n  }\n  async getStats() {\n    return this.controller?.getStats();\n  }\n\n  handleMouseEnter() {\n    this.controller?.handleMouseEnter();\n    this.update({ isHovering: true, shouldShowControls: true });\n  }\n  handleMouseLeave() {\n    this.controller?.handleMouseLeave();\n    this.update({\n      isHovering: false,\n      shouldShowControls: this.controller?.shouldShowControls() ?? false,\n    });\n  }\n  handleMouseMove() {\n    this.controller?.handleMouseMove();\n    if (this.controller) {\n      this.update({ shouldShowControls: this.controller.shouldShowControls() });\n    }\n  }\n  handleTouchStart() {\n    this.controller?.handleTouchStart();\n    this.update({ shouldShowControls: true });\n  }\n\n  async setDevModeOptions(options: {\n    forcePlayer?: string;\n    forceType?: string;\n    forceSource?: number;\n    playbackMode?: \"auto\" | \"low-latency\" | \"quality\" | \"vod\";\n  }) {\n    await this.controller?.setDevModeOptions(options);\n  }\n\n  getController(): PlayerController | null {\n    return this.controller;\n  }\n}\n"],"names":[],"mappings":"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"}