@livepeer-frameworks/player-wc 0.1.0

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

@@ -0,0 +1,570 @@
+import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.57.1_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js';
+import { css, LitElement, nothing, html } from 'lit';
+import { property, state, query, customElement } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { PlayerControllerHost } from '../controllers/player-controller-host.js';
+import { sharedStyles } from '../styles/shared-styles.js';
+import { utilityStyles } from '../styles/utility-styles.js';
+import { closeIcon, statsIcon, settingsIcon, pictureInPictureIcon, loopIcon } from '../icons/index.js';
+
+let FwPlayer = class FwPlayer extends LitElement {
+    constructor() {
+        super(...arguments);
+        // ---- Public attributes (reflected) ----
+        this.contentId = "";
+        this.autoplay = true;
+        this.muted = true;
+        this.controls = false;
+        this.debug = false;
+        this.devMode = false;
+        this.playbackMode = "auto";
+        // ---- Internal state ----
+        this._isStatsOpen = false;
+        this._isDevPanelOpen = false;
+        this._skipDirection = null;
+        this._contextMenuOpen = false;
+        this._contextMenuX = 0;
+        this._contextMenuY = 0;
+        // ---- Controller ----
+        this.pc = new PlayerControllerHost(this);
+        // ---- Context Menu ----
+        this._handleContextMenu = (e) => {
+            e.preventDefault();
+            this.getBoundingClientRect();
+            this._contextMenuX = e.clientX;
+            this._contextMenuY = e.clientY;
+            this._contextMenuOpen = true;
+        };
+        this._handleDocumentClick = () => {
+            if (this._contextMenuOpen)
+                this._contextMenuOpen = false;
+        };
+        this._handleDocumentContextMenu = (e) => {
+            if (!this.contains(e.target)) {
+                this._contextMenuOpen = false;
+            }
+        };
+    }
+    // ---- Lifecycle ----
+    willUpdate(changed) {
+        if (changed.has("contentId") ||
+            changed.has("contentType") ||
+            changed.has("gatewayUrl") ||
+            changed.has("mistUrl") ||
+            changed.has("authToken") ||
+            changed.has("autoplay") ||
+            changed.has("muted") ||
+            changed.has("controls") ||
+            changed.has("debug") ||
+            changed.has("thumbnailUrl") ||
+            changed.has("endpoints")) {
+            this.pc.configure({
+                contentId: this.contentId,
+                contentType: this.contentType,
+                endpoints: this.endpoints,
+                gatewayUrl: this.gatewayUrl,
+                mistUrl: this.mistUrl,
+                authToken: this.authToken,
+                autoplay: this.autoplay,
+                muted: this.muted,
+                controls: this.controls,
+                poster: this.thumbnailUrl,
+                debug: this.debug,
+            });
+        }
+    }
+    firstUpdated() {
+        this.pc.attach(this._containerEl);
+        // Close context menu on outside click
+        document.addEventListener("pointerdown", this._handleDocumentClick);
+        document.addEventListener("contextmenu", this._handleDocumentContextMenu);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener("pointerdown", this._handleDocumentClick);
+        document.removeEventListener("contextmenu", this._handleDocumentContextMenu);
+    }
+    updated(changed) {
+        if (this.pc.s.toast) {
+            clearTimeout(this._toastTimer);
+            this._toastTimer = setTimeout(() => this.pc.dismissToast(), 3000);
+        }
+    }
+    // ---- Derived state ----
+    get _showTitleOverlay() {
+        const s = this.pc.s;
+        return (s.isHovering || s.isPaused) && !s.shouldShowIdleScreen && !s.isBuffering && !s.error;
+    }
+    get _showBufferingSpinner() {
+        const s = this.pc.s;
+        return !s.shouldShowIdleScreen && s.isBuffering && !s.error && s.hasPlaybackStarted;
+    }
+    get _showWaitingForEndpoint() {
+        const s = this.pc.s;
+        return !s.endpoints && s.state !== "booting";
+    }
+    get _useStockControls() {
+        return this.controls || this.pc.s.currentPlayerInfo?.shortname === "mist-legacy";
+    }
+    // ---- Public API methods ----
+    async play() {
+        await this.pc.play();
+    }
+    pause() {
+        this.pc.pause();
+    }
+    togglePlay() {
+        this.pc.togglePlay();
+    }
+    seek(time) {
+        this.pc.seek(time);
+    }
+    seekBy(delta) {
+        this.pc.seekBy(delta);
+    }
+    jumpToLive() {
+        this.pc.jumpToLive();
+    }
+    setVolume(volume) {
+        this.pc.setVolume(volume);
+    }
+    toggleMute() {
+        this.pc.toggleMute();
+    }
+    toggleLoop() {
+        this.pc.toggleLoop();
+    }
+    async toggleFullscreen() {
+        await this.pc.toggleFullscreen();
+    }
+    async togglePiP() {
+        await this.pc.togglePiP();
+    }
+    toggleSubtitles() {
+        this.pc.toggleSubtitles();
+    }
+    async retry() {
+        await this.pc.retry();
+    }
+    async reload() {
+        await this.pc.reload();
+    }
+    getQualities() {
+        return this.pc.getQualities();
+    }
+    selectQuality(id) {
+        this.pc.selectQuality(id);
+    }
+    destroy() {
+        this.pc.hostDisconnected();
+    }
+    // ---- Render ----
+    render() {
+        const s = this.pc.s;
+        return html `
+      <div
+        part="root"
+        class=${classMap({
+            "fw-player-surface": true,
+            "fw-player-root": true,
+            "w-full": true,
+            "h-full": true,
+            "overflow-hidden": true,
+            flex: this.devMode,
+        })}
+        tabindex="0"
+        @mouseenter=${() => this.pc.handleMouseEnter()}
+        @mouseleave=${() => this.pc.handleMouseLeave()}
+        @mousemove=${() => this.pc.handleMouseMove()}
+        @touchstart=${() => this.pc.handleTouchStart()}
+        @contextmenu=${this._handleContextMenu}
+      >
+        <!-- Player area -->
+        <div
+          class=${classMap({
+            "player-area": true,
+            "player-area--dev": this.devMode,
+        })}
+        >
+          <!-- Video container -->
+          <div id="container" part="video-container" class="fw-player-container"></div>
+
+          <!-- Title overlay -->
+          ${this._showTitleOverlay
+            ? html `
+                <fw-title-overlay
+                  .title=${s.metadata?.title ?? null}
+                  .description=${s.metadata?.description ?? null}
+                ></fw-title-overlay>
+              `
+            : nothing}
+
+          <!-- Stats panel -->
+          ${this._isStatsOpen
+            ? html `
+                <fw-stats-panel
+                  part="stats-panel"
+                  .pc=${this.pc}
+                  @fw-close=${() => {
+                this._isStatsOpen = false;
+            }}
+                ></fw-stats-panel>
+              `
+            : nothing}
+
+          <!-- Speed indicator -->
+          ${s.isHoldingSpeed
+            ? html ` <fw-speed-indicator .speed=${s.holdSpeed}></fw-speed-indicator> `
+            : nothing}
+
+          <!-- Skip indicator -->
+          <fw-skip-indicator
+            .direction=${this._skipDirection}
+            @fw-hide=${() => {
+            this._skipDirection = null;
+        }}
+          ></fw-skip-indicator>
+
+          <!-- Waiting for endpoint -->
+          ${this._showWaitingForEndpoint
+            ? html `
+                <fw-idle-screen status="OFFLINE" message="Waiting for endpoint..."></fw-idle-screen>
+              `
+            : nothing}
+
+          <!-- Idle screen -->
+          ${!this._showWaitingForEndpoint && s.shouldShowIdleScreen
+            ? html `
+                <fw-idle-screen
+                  .status=${s.isEffectivelyLive ? s.streamState?.status : undefined}
+                  .message=${s.isEffectivelyLive ? s.streamState?.message : "Loading video..."}
+                  .percentage=${s.isEffectivelyLive ? s.streamState?.percentage : undefined}
+                ></fw-idle-screen>
+              `
+            : nothing}
+
+          <!-- Buffering spinner -->
+          ${this._showBufferingSpinner
+            ? html `
+                <div
+                  role="status"
+                  aria-live="polite"
+                  class="fw-player-surface absolute inset-0 flex items-center justify-center bg-black/40 backdrop-blur-sm z-20"
+                >
+                  <div
+                    class="flex items-center gap-3 rounded-lg border border-white/10 bg-black/70 px-4 py-3 text-sm text-white shadow-lg"
+                  >
+                    <div
+                      class="w-4 h-4 border-2 border-white/10 rounded-full animate-spin"
+                      style="border-top-color: white;"
+                    ></div>
+                    <span>Buffering...</span>
+                  </div>
+                </div>
+              `
+            : nothing}
+
+          <!-- Error overlay -->
+          ${!s.shouldShowIdleScreen && s.error
+            ? html `
+                <div
+                  role="alert"
+                  aria-live="assertive"
+                  class=${classMap({
+                "fw-error-overlay": true,
+                "fw-error-overlay--passive": s.isPassiveError,
+                "fw-error-overlay--fullscreen": !s.isPassiveError,
+            })}
+                >
+                  <div
+                    class=${classMap({
+                "fw-error-popup": true,
+                "fw-error-popup--passive": s.isPassiveError,
+                "fw-error-popup--fullscreen": !s.isPassiveError,
+            })}
+                  >
+                    <div
+                      class=${classMap({
+                "fw-error-header": true,
+                "fw-error-header--warning": s.isPassiveError,
+                "fw-error-header--error": !s.isPassiveError,
+            })}
+                    >
+                      <span
+                        class=${classMap({
+                "fw-error-title": true,
+                "fw-error-title--warning": s.isPassiveError,
+                "fw-error-title--error": !s.isPassiveError,
+            })}
+                        >${s.isPassiveError ? "Warning" : "Error"}</span
+                      >
+                      <button
+                        type="button"
+                        class="fw-error-close"
+                        @click=${() => this.pc.clearError()}
+                        aria-label="Dismiss"
+                      >
+                        ${closeIcon()}
+                      </button>
+                    </div>
+                    <div class="fw-error-body">
+                      <p class="fw-error-message">Playback issue</p>
+                    </div>
+                    <div class="fw-error-actions">
+                      <button
+                        type="button"
+                        class="fw-error-btn"
+                        aria-label="Retry playback"
+                        @click=${() => {
+                this.pc.clearError();
+                this.pc.retry();
+            }}
+                      >
+                        Retry
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              `
+            : nothing}
+
+          <!-- Toast notification -->
+          ${s.toast
+            ? html `
+                <div
+                  class="absolute bottom-20 left-1/2 -translate-x-1/2 z-30"
+                  role="status"
+                  aria-live="polite"
+                >
+                  <div
+                    class="flex items-center gap-2 rounded-lg border border-white/10 bg-black/80 px-4 py-2 text-sm text-white shadow-lg backdrop-blur-sm"
+                  >
+                    <span>${s.toast.message}</span>
+                    <button
+                      type="button"
+                      @click=${() => this.pc.dismissToast()}
+                      class="ml-0.5 text-white/60 hover\\:text-white cursor-pointer"
+                      aria-label="Dismiss"
+                    >
+                      ${closeIcon()}
+                    </button>
+                  </div>
+                </div>
+              `
+            : nothing}
+
+          <!-- Player controls -->
+          ${!this._useStockControls
+            ? html `
+                <fw-player-controls
+                  part="controls"
+                  .pc=${this.pc}
+                  .playbackMode=${this.playbackMode}
+                  .isContentLive=${s.isEffectivelyLive}
+                  .isStatsOpen=${this._isStatsOpen}
+                  @fw-stats-toggle=${() => {
+                this._isStatsOpen = !this._isStatsOpen;
+            }}
+                ></fw-player-controls>
+              `
+            : nothing}
+        </div>
+
+        <!-- Dev mode side panel -->
+        ${this.devMode && this._isDevPanelOpen
+            ? html `
+              <fw-dev-mode-panel
+                .pc=${this.pc}
+                .playbackMode=${this.playbackMode}
+                @fw-close=${() => {
+                this._isDevPanelOpen = false;
+            }}
+              ></fw-dev-mode-panel>
+            `
+            : nothing}
+      </div>
+
+      <!-- Context menu -->
+      ${this._contextMenuOpen
+            ? html `
+            <div
+              class="context-menu"
+              style="left: ${this._contextMenuX}px; top: ${this._contextMenuY}px;"
+            >
+              <button
+                class="context-menu-item"
+                @click=${() => {
+                this._isStatsOpen = !this._isStatsOpen;
+                this._contextMenuOpen = false;
+            }}
+              >
+                <span class="opacity-70 shrink-0">${statsIcon(14)}</span>
+                <span>${this._isStatsOpen ? "Hide Stats" : "Stats"}</span>
+              </button>
+              ${this.devMode
+                ? html `
+                    <div class="context-menu-sep"></div>
+                    <button
+                      class="context-menu-item"
+                      @click=${() => {
+                    this._isDevPanelOpen = !this._isDevPanelOpen;
+                    this._contextMenuOpen = false;
+                }}
+                    >
+                      <span class="opacity-70 shrink-0">${settingsIcon(14)}</span>
+                      <span>${this._isDevPanelOpen ? "Hide Settings" : "Settings"}</span>
+                    </button>
+                  `
+                : nothing}
+              <div class="context-menu-sep"></div>
+              <button
+                class="context-menu-item"
+                @click=${() => {
+                this.pc.togglePiP();
+                this._contextMenuOpen = false;
+            }}
+              >
+                <span class="opacity-70 shrink-0">${pictureInPictureIcon(14)}</span>
+                <span>Picture-in-Picture</span>
+              </button>
+              <button
+                class="context-menu-item"
+                @click=${() => {
+                this.pc.toggleLoop();
+                this._contextMenuOpen = false;
+            }}
+              >
+                <span class="opacity-70 shrink-0">${loopIcon(14)}</span>
+                <span>${s.isLoopEnabled ? "Disable Loop" : "Enable Loop"}</span>
+              </button>
+            </div>
+          `
+            : nothing}
+    `;
+    }
+};
+FwPlayer.styles = [
+    sharedStyles,
+    utilityStyles,
+    css `
+      :host {
+        display: block;
+        position: relative;
+        width: 100%;
+        height: 100%;
+        contain: layout style;
+      }
+      :host([hidden]) {
+        display: none;
+      }
+      .player-area {
+        position: relative;
+        width: 100%;
+        height: 100%;
+      }
+      .player-area--dev {
+        flex: 1;
+        min-width: 0;
+      }
+      .context-menu {
+        position: fixed;
+        z-index: 200;
+        min-width: 180px;
+        border-radius: 0.5rem;
+        border: 1px solid rgb(255 255 255 / 0.1);
+        background: rgb(0 0 0 / 0.9);
+        backdrop-filter: blur(8px);
+        padding: 0.25rem;
+        box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.3);
+      }
+      .context-menu-item {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        width: 100%;
+        padding: 0.375rem 0.5rem;
+        border: none;
+        background: none;
+        color: rgb(255 255 255 / 0.8);
+        font-size: 0.8125rem;
+        cursor: pointer;
+        border-radius: 0.25rem;
+        text-align: left;
+      }
+      .context-menu-item:hover {
+        background: rgb(255 255 255 / 0.1);
+        color: white;
+      }
+      .context-menu-sep {
+        height: 1px;
+        background: rgb(255 255 255 / 0.1);
+        margin: 0.25rem 0;
+      }
+    `,
+];
+__decorate([
+    property({ attribute: "content-id" })
+], FwPlayer.prototype, "contentId", void 0);
+__decorate([
+    property({ attribute: "content-type" })
+], FwPlayer.prototype, "contentType", void 0);
+__decorate([
+    property({ attribute: "gateway-url" })
+], FwPlayer.prototype, "gatewayUrl", void 0);
+__decorate([
+    property({ attribute: "mist-url" })
+], FwPlayer.prototype, "mistUrl", void 0);
+__decorate([
+    property({ attribute: "auth-token" })
+], FwPlayer.prototype, "authToken", void 0);
+__decorate([
+    property({ type: Boolean })
+], FwPlayer.prototype, "autoplay", void 0);
+__decorate([
+    property({ type: Boolean })
+], FwPlayer.prototype, "muted", void 0);
+__decorate([
+    property({ type: Boolean })
+], FwPlayer.prototype, "controls", void 0);
+__decorate([
+    property({ type: Boolean })
+], FwPlayer.prototype, "debug", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "dev-mode" })
+], FwPlayer.prototype, "devMode", void 0);
+__decorate([
+    property({ attribute: "thumbnail-url" })
+], FwPlayer.prototype, "thumbnailUrl", void 0);
+__decorate([
+    property({ attribute: "playback-mode" })
+], FwPlayer.prototype, "playbackMode", void 0);
+__decorate([
+    property({ attribute: false })
+], FwPlayer.prototype, "endpoints", void 0);
+__decorate([
+    state()
+], FwPlayer.prototype, "_isStatsOpen", void 0);
+__decorate([
+    state()
+], FwPlayer.prototype, "_isDevPanelOpen", void 0);
+__decorate([
+    state()
+], FwPlayer.prototype, "_skipDirection", void 0);
+__decorate([
+    state()
+], FwPlayer.prototype, "_contextMenuOpen", void 0);
+__decorate([
+    state()
+], FwPlayer.prototype, "_contextMenuX", void 0);
+__decorate([
+    state()
+], FwPlayer.prototype, "_contextMenuY", void 0);
+__decorate([
+    query("#container")
+], FwPlayer.prototype, "_containerEl", void 0);
+FwPlayer = __decorate([
+    customElement("fw-player")
+], FwPlayer);
+
+export { FwPlayer };
+//# sourceMappingURL=fw-player.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fw-player.js","sources":["../../../../src/components/fw-player.ts"],"sourcesContent":["/**\n * <fw-player> — Main player web component.\n * Port of Player.tsx / PlayerInner from player-react.\n */\nimport { LitElement, html, css, nothing, type PropertyValues } from \"lit\";\nimport { customElement, property, state, query } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { PlayerControllerHost } from \"../controllers/player-controller-host.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\nimport { utilityStyles } from \"../styles/utility-styles.js\";\nimport {\n  closeIcon,\n  statsIcon,\n  settingsIcon,\n  pictureInPictureIcon,\n  loopIcon,\n} from \"../icons/index.js\";\nimport type { ContentEndpoints, PlaybackMode } from \"@livepeer-frameworks/player-core\";\n\n@customElement(\"fw-player\")\nexport class FwPlayer extends LitElement {\n  // ---- Public attributes (reflected) ----\n  @property({ attribute: \"content-id\" }) contentId = \"\";\n  @property({ attribute: \"content-type\" }) contentType?: \"live\" | \"dvr\" | \"clip\" | \"vod\";\n  @property({ attribute: \"gateway-url\" }) gatewayUrl?: string;\n  @property({ attribute: \"mist-url\" }) mistUrl?: string;\n  @property({ attribute: \"auth-token\" }) authToken?: string;\n  @property({ type: Boolean }) autoplay = true;\n  @property({ type: Boolean }) muted = true;\n  @property({ type: Boolean }) controls = false;\n  @property({ type: Boolean }) debug = false;\n  @property({ type: Boolean, attribute: \"dev-mode\" }) devMode = false;\n  @property({ attribute: \"thumbnail-url\" }) thumbnailUrl?: string;\n  @property({ attribute: \"playback-mode\" }) playbackMode: PlaybackMode = \"auto\";\n\n  // ---- JS-only properties (not reflected) ----\n  @property({ attribute: false }) endpoints?: ContentEndpoints;\n\n  // ---- Internal state ----\n  @state() private _isStatsOpen = false;\n  @state() private _isDevPanelOpen = false;\n  @state() private _skipDirection: \"back\" | \"forward\" | null = null;\n  @state() private _contextMenuOpen = false;\n  @state() private _contextMenuX = 0;\n  @state() private _contextMenuY = 0;\n\n  // ---- Refs ----\n  @query(\"#container\") private _containerEl!: HTMLDivElement;\n\n  // ---- Controller ----\n  pc = new PlayerControllerHost(this);\n\n  static styles = [\n    sharedStyles,\n    utilityStyles,\n    css`\n      :host {\n        display: block;\n        position: relative;\n        width: 100%;\n        height: 100%;\n        contain: layout style;\n      }\n      :host([hidden]) {\n        display: none;\n      }\n      .player-area {\n        position: relative;\n        width: 100%;\n        height: 100%;\n      }\n      .player-area--dev {\n        flex: 1;\n        min-width: 0;\n      }\n      .context-menu {\n        position: fixed;\n        z-index: 200;\n        min-width: 180px;\n        border-radius: 0.5rem;\n        border: 1px solid rgb(255 255 255 / 0.1);\n        background: rgb(0 0 0 / 0.9);\n        backdrop-filter: blur(8px);\n        padding: 0.25rem;\n        box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.3);\n      }\n      .context-menu-item {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        width: 100%;\n        padding: 0.375rem 0.5rem;\n        border: none;\n        background: none;\n        color: rgb(255 255 255 / 0.8);\n        font-size: 0.8125rem;\n        cursor: pointer;\n        border-radius: 0.25rem;\n        text-align: left;\n      }\n      .context-menu-item:hover {\n        background: rgb(255 255 255 / 0.1);\n        color: white;\n      }\n      .context-menu-sep {\n        height: 1px;\n        background: rgb(255 255 255 / 0.1);\n        margin: 0.25rem 0;\n      }\n    `,\n  ];\n\n  // ---- Lifecycle ----\n\n  protected willUpdate(changed: PropertyValues) {\n    if (\n      changed.has(\"contentId\") ||\n      changed.has(\"contentType\") ||\n      changed.has(\"gatewayUrl\") ||\n      changed.has(\"mistUrl\") ||\n      changed.has(\"authToken\") ||\n      changed.has(\"autoplay\") ||\n      changed.has(\"muted\") ||\n      changed.has(\"controls\") ||\n      changed.has(\"debug\") ||\n      changed.has(\"thumbnailUrl\") ||\n      changed.has(\"endpoints\")\n    ) {\n      this.pc.configure({\n        contentId: this.contentId,\n        contentType: this.contentType,\n        endpoints: this.endpoints,\n        gatewayUrl: this.gatewayUrl,\n        mistUrl: this.mistUrl,\n        authToken: this.authToken,\n        autoplay: this.autoplay,\n        muted: this.muted,\n        controls: this.controls,\n        poster: this.thumbnailUrl,\n        debug: this.debug,\n      });\n    }\n  }\n\n  protected firstUpdated() {\n    this.pc.attach(this._containerEl);\n\n    // Close context menu on outside click\n    document.addEventListener(\"pointerdown\", this._handleDocumentClick);\n    document.addEventListener(\"contextmenu\", this._handleDocumentContextMenu);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener(\"pointerdown\", this._handleDocumentClick);\n    document.removeEventListener(\"contextmenu\", this._handleDocumentContextMenu);\n  }\n\n  // ---- Context Menu ----\n\n  private _handleContextMenu = (e: MouseEvent) => {\n    e.preventDefault();\n    const rect = this.getBoundingClientRect();\n    this._contextMenuX = e.clientX;\n    this._contextMenuY = e.clientY;\n    this._contextMenuOpen = true;\n  };\n\n  private _handleDocumentClick = () => {\n    if (this._contextMenuOpen) this._contextMenuOpen = false;\n  };\n\n  private _handleDocumentContextMenu = (e: MouseEvent) => {\n    if (!this.contains(e.target as Node)) {\n      this._contextMenuOpen = false;\n    }\n  };\n\n  // ---- Toast auto-dismiss ----\n\n  private _toastTimer?: ReturnType<typeof setTimeout>;\n\n  protected updated(changed: PropertyValues) {\n    if (this.pc.s.toast) {\n      clearTimeout(this._toastTimer);\n      this._toastTimer = setTimeout(() => this.pc.dismissToast(), 3000);\n    }\n  }\n\n  // ---- Derived state ----\n\n  private get _showTitleOverlay() {\n    const s = this.pc.s;\n    return (s.isHovering || s.isPaused) && !s.shouldShowIdleScreen && !s.isBuffering && !s.error;\n  }\n\n  private get _showBufferingSpinner() {\n    const s = this.pc.s;\n    return !s.shouldShowIdleScreen && s.isBuffering && !s.error && s.hasPlaybackStarted;\n  }\n\n  private get _showWaitingForEndpoint() {\n    const s = this.pc.s;\n    return !s.endpoints && s.state !== \"booting\";\n  }\n\n  private get _useStockControls() {\n    return this.controls || this.pc.s.currentPlayerInfo?.shortname === \"mist-legacy\";\n  }\n\n  // ---- Public API methods ----\n\n  async play() {\n    await this.pc.play();\n  }\n  pause() {\n    this.pc.pause();\n  }\n  togglePlay() {\n    this.pc.togglePlay();\n  }\n  seek(time: number) {\n    this.pc.seek(time);\n  }\n  seekBy(delta: number) {\n    this.pc.seekBy(delta);\n  }\n  jumpToLive() {\n    this.pc.jumpToLive();\n  }\n  setVolume(volume: number) {\n    this.pc.setVolume(volume);\n  }\n  toggleMute() {\n    this.pc.toggleMute();\n  }\n  toggleLoop() {\n    this.pc.toggleLoop();\n  }\n  async toggleFullscreen() {\n    await this.pc.toggleFullscreen();\n  }\n  async togglePiP() {\n    await this.pc.togglePiP();\n  }\n  toggleSubtitles() {\n    this.pc.toggleSubtitles();\n  }\n  async retry() {\n    await this.pc.retry();\n  }\n  async reload() {\n    await this.pc.reload();\n  }\n  getQualities() {\n    return this.pc.getQualities();\n  }\n  selectQuality(id: string) {\n    this.pc.selectQuality(id);\n  }\n  destroy() {\n    this.pc.hostDisconnected();\n  }\n\n  // ---- Render ----\n\n  protected render() {\n    const s = this.pc.s;\n\n    return html`\n      <div\n        part=\"root\"\n        class=${classMap({\n          \"fw-player-surface\": true,\n          \"fw-player-root\": true,\n          \"w-full\": true,\n          \"h-full\": true,\n          \"overflow-hidden\": true,\n          flex: this.devMode,\n        })}\n        tabindex=\"0\"\n        @mouseenter=${() => this.pc.handleMouseEnter()}\n        @mouseleave=${() => this.pc.handleMouseLeave()}\n        @mousemove=${() => this.pc.handleMouseMove()}\n        @touchstart=${() => this.pc.handleTouchStart()}\n        @contextmenu=${this._handleContextMenu}\n      >\n        <!-- Player area -->\n        <div\n          class=${classMap({\n            \"player-area\": true,\n            \"player-area--dev\": this.devMode,\n          })}\n        >\n          <!-- Video container -->\n          <div id=\"container\" part=\"video-container\" class=\"fw-player-container\"></div>\n\n          <!-- Title overlay -->\n          ${this._showTitleOverlay\n            ? html`\n                <fw-title-overlay\n                  .title=${s.metadata?.title ?? null}\n                  .description=${s.metadata?.description ?? null}\n                ></fw-title-overlay>\n              `\n            : nothing}\n\n          <!-- Stats panel -->\n          ${this._isStatsOpen\n            ? html`\n                <fw-stats-panel\n                  part=\"stats-panel\"\n                  .pc=${this.pc}\n                  @fw-close=${() => {\n                    this._isStatsOpen = false;\n                  }}\n                ></fw-stats-panel>\n              `\n            : nothing}\n\n          <!-- Speed indicator -->\n          ${s.isHoldingSpeed\n            ? html` <fw-speed-indicator .speed=${s.holdSpeed}></fw-speed-indicator> `\n            : nothing}\n\n          <!-- Skip indicator -->\n          <fw-skip-indicator\n            .direction=${this._skipDirection}\n            @fw-hide=${() => {\n              this._skipDirection = null;\n            }}\n          ></fw-skip-indicator>\n\n          <!-- Waiting for endpoint -->\n          ${this._showWaitingForEndpoint\n            ? html`\n                <fw-idle-screen status=\"OFFLINE\" message=\"Waiting for endpoint...\"></fw-idle-screen>\n              `\n            : nothing}\n\n          <!-- Idle screen -->\n          ${!this._showWaitingForEndpoint && s.shouldShowIdleScreen\n            ? html`\n                <fw-idle-screen\n                  .status=${s.isEffectivelyLive ? s.streamState?.status : undefined}\n                  .message=${s.isEffectivelyLive ? s.streamState?.message : \"Loading video...\"}\n                  .percentage=${s.isEffectivelyLive ? s.streamState?.percentage : undefined}\n                ></fw-idle-screen>\n              `\n            : nothing}\n\n          <!-- Buffering spinner -->\n          ${this._showBufferingSpinner\n            ? html`\n                <div\n                  role=\"status\"\n                  aria-live=\"polite\"\n                  class=\"fw-player-surface absolute inset-0 flex items-center justify-center bg-black/40 backdrop-blur-sm z-20\"\n                >\n                  <div\n                    class=\"flex items-center gap-3 rounded-lg border border-white/10 bg-black/70 px-4 py-3 text-sm text-white shadow-lg\"\n                  >\n                    <div\n                      class=\"w-4 h-4 border-2 border-white/10 rounded-full animate-spin\"\n                      style=\"border-top-color: white;\"\n                    ></div>\n                    <span>Buffering...</span>\n                  </div>\n                </div>\n              `\n            : nothing}\n\n          <!-- Error overlay -->\n          ${!s.shouldShowIdleScreen && s.error\n            ? html`\n                <div\n                  role=\"alert\"\n                  aria-live=\"assertive\"\n                  class=${classMap({\n                    \"fw-error-overlay\": true,\n                    \"fw-error-overlay--passive\": s.isPassiveError,\n                    \"fw-error-overlay--fullscreen\": !s.isPassiveError,\n                  })}\n                >\n                  <div\n                    class=${classMap({\n                      \"fw-error-popup\": true,\n                      \"fw-error-popup--passive\": s.isPassiveError,\n                      \"fw-error-popup--fullscreen\": !s.isPassiveError,\n                    })}\n                  >\n                    <div\n                      class=${classMap({\n                        \"fw-error-header\": true,\n                        \"fw-error-header--warning\": s.isPassiveError,\n                        \"fw-error-header--error\": !s.isPassiveError,\n                      })}\n                    >\n                      <span\n                        class=${classMap({\n                          \"fw-error-title\": true,\n                          \"fw-error-title--warning\": s.isPassiveError,\n                          \"fw-error-title--error\": !s.isPassiveError,\n                        })}\n                        >${s.isPassiveError ? \"Warning\" : \"Error\"}</span\n                      >\n                      <button\n                        type=\"button\"\n                        class=\"fw-error-close\"\n                        @click=${() => this.pc.clearError()}\n                        aria-label=\"Dismiss\"\n                      >\n                        ${closeIcon()}\n                      </button>\n                    </div>\n                    <div class=\"fw-error-body\">\n                      <p class=\"fw-error-message\">Playback issue</p>\n                    </div>\n                    <div class=\"fw-error-actions\">\n                      <button\n                        type=\"button\"\n                        class=\"fw-error-btn\"\n                        aria-label=\"Retry playback\"\n                        @click=${() => {\n                          this.pc.clearError();\n                          this.pc.retry();\n                        }}\n                      >\n                        Retry\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              `\n            : nothing}\n\n          <!-- Toast notification -->\n          ${s.toast\n            ? html`\n                <div\n                  class=\"absolute bottom-20 left-1/2 -translate-x-1/2 z-30\"\n                  role=\"status\"\n                  aria-live=\"polite\"\n                >\n                  <div\n                    class=\"flex items-center gap-2 rounded-lg border border-white/10 bg-black/80 px-4 py-2 text-sm text-white shadow-lg backdrop-blur-sm\"\n                  >\n                    <span>${s.toast.message}</span>\n                    <button\n                      type=\"button\"\n                      @click=${() => this.pc.dismissToast()}\n                      class=\"ml-0.5 text-white/60 hover\\\\:text-white cursor-pointer\"\n                      aria-label=\"Dismiss\"\n                    >\n                      ${closeIcon()}\n                    </button>\n                  </div>\n                </div>\n              `\n            : nothing}\n\n          <!-- Player controls -->\n          ${!this._useStockControls\n            ? html`\n                <fw-player-controls\n                  part=\"controls\"\n                  .pc=${this.pc}\n                  .playbackMode=${this.playbackMode}\n                  .isContentLive=${s.isEffectivelyLive}\n                  .isStatsOpen=${this._isStatsOpen}\n                  @fw-stats-toggle=${() => {\n                    this._isStatsOpen = !this._isStatsOpen;\n                  }}\n                ></fw-player-controls>\n              `\n            : nothing}\n        </div>\n\n        <!-- Dev mode side panel -->\n        ${this.devMode && this._isDevPanelOpen\n          ? html`\n              <fw-dev-mode-panel\n                .pc=${this.pc}\n                .playbackMode=${this.playbackMode}\n                @fw-close=${() => {\n                  this._isDevPanelOpen = false;\n                }}\n              ></fw-dev-mode-panel>\n            `\n          : nothing}\n      </div>\n\n      <!-- Context menu -->\n      ${this._contextMenuOpen\n        ? html`\n            <div\n              class=\"context-menu\"\n              style=\"left: ${this._contextMenuX}px; top: ${this._contextMenuY}px;\"\n            >\n              <button\n                class=\"context-menu-item\"\n                @click=${() => {\n                  this._isStatsOpen = !this._isStatsOpen;\n                  this._contextMenuOpen = false;\n                }}\n              >\n                <span class=\"opacity-70 shrink-0\">${statsIcon(14)}</span>\n                <span>${this._isStatsOpen ? \"Hide Stats\" : \"Stats\"}</span>\n              </button>\n              ${this.devMode\n                ? html`\n                    <div class=\"context-menu-sep\"></div>\n                    <button\n                      class=\"context-menu-item\"\n                      @click=${() => {\n                        this._isDevPanelOpen = !this._isDevPanelOpen;\n                        this._contextMenuOpen = false;\n                      }}\n                    >\n                      <span class=\"opacity-70 shrink-0\">${settingsIcon(14)}</span>\n                      <span>${this._isDevPanelOpen ? \"Hide Settings\" : \"Settings\"}</span>\n                    </button>\n                  `\n                : nothing}\n              <div class=\"context-menu-sep\"></div>\n              <button\n                class=\"context-menu-item\"\n                @click=${() => {\n                  this.pc.togglePiP();\n                  this._contextMenuOpen = false;\n                }}\n              >\n                <span class=\"opacity-70 shrink-0\">${pictureInPictureIcon(14)}</span>\n                <span>Picture-in-Picture</span>\n              </button>\n              <button\n                class=\"context-menu-item\"\n                @click=${() => {\n                  this.pc.toggleLoop();\n                  this._contextMenuOpen = false;\n                }}\n              >\n                <span class=\"opacity-70 shrink-0\">${loopIcon(14)}</span>\n                <span>${s.isLoopEnabled ? \"Disable Loop\" : \"Enable Loop\"}</span>\n              </button>\n            </div>\n          `\n        : nothing}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-player\": FwPlayer;\n  }\n}\n"],"names":[],"mappings":"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"}