@livepeer-frameworks/player-wc 0.1.8 → 0.2.1

package/dist/cjs/components/fw-loading-spinner.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../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');
-var lit = require('lit');
-var decorators_js = require('lit/decorators.js');
-
-exports.FwLoadingSpinner = class FwLoadingSpinner extends lit.LitElement {
-    render() {
-        return lit.html `
-      <div class="overlay" role="status" aria-live="polite">
-        <div class="pill">
-          <div class="spinner"></div>
-          <span>Buffering...</span>
-        </div>
-      </div>
-    `;
-    }
-};
-exports.FwLoadingSpinner.styles = lit.css `
-    :host {
-      display: contents;
-    }
-    .overlay {
-      position: absolute;
-      inset: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: rgb(0 0 0 / 0.4);
-      backdrop-filter: blur(4px);
-      z-index: 20;
-    }
-    .pill {
-      display: flex;
-      align-items: center;
-      gap: 0.75rem;
-      border-radius: 0.5rem;
-      border: 1px solid rgb(255 255 255 / 0.1);
-      background: rgb(0 0 0 / 0.7);
-      padding: 0.75rem 1rem;
-      font-size: 0.875rem;
-      color: white;
-      box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
-    }
-    .spinner {
-      width: 1rem;
-      height: 1rem;
-      border: 2px solid rgb(255 255 255 / 0.3);
-      border-top-color: white;
-      border-radius: 50%;
-      animation: _fw-spin 1s linear infinite;
-    }
-    @keyframes _fw-spin {
-      to {
-        transform: rotate(360deg);
-      }
-    }
-  `;
-exports.FwLoadingSpinner = tslib_es6.__decorate([
-    decorators_js.customElement("fw-loading-spinner")
-], exports.FwLoadingSpinner);
-//# sourceMappingURL=fw-loading-spinner.js.map

package/dist/cjs/components/fw-loading-spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fw-loading-spinner.js","sources":["../../../../src/components/fw-loading-spinner.ts"],"sourcesContent":["import { LitElement, html, css } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\n\n@customElement(\"fw-loading-spinner\")\nexport class FwLoadingSpinner extends LitElement {\n  static styles = css`\n    :host {\n      display: contents;\n    }\n    .overlay {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgb(0 0 0 / 0.4);\n      backdrop-filter: blur(4px);\n      z-index: 20;\n    }\n    .pill {\n      display: flex;\n      align-items: center;\n      gap: 0.75rem;\n      border-radius: 0.5rem;\n      border: 1px solid rgb(255 255 255 / 0.1);\n      background: rgb(0 0 0 / 0.7);\n      padding: 0.75rem 1rem;\n      font-size: 0.875rem;\n      color: white;\n      box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n    }\n    .spinner {\n      width: 1rem;\n      height: 1rem;\n      border: 2px solid rgb(255 255 255 / 0.3);\n      border-top-color: white;\n      border-radius: 50%;\n      animation: _fw-spin 1s linear infinite;\n    }\n    @keyframes _fw-spin {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n  `;\n\n  protected render() {\n    return html`\n      <div class=\"overlay\" role=\"status\" aria-live=\"polite\">\n        <div class=\"pill\">\n          <div class=\"spinner\"></div>\n          <span>Buffering...</span>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-loading-spinner\": FwLoadingSpinner;\n  }\n}\n"],"names":["FwLoadingSpinner","LitElement","html","css","__decorate","customElement"],"mappings":";;;;;;AAIaA,wBAAgB,GAAtB,MAAM,gBAAiB,SAAQC,cAAU,CAAA;IA0CpC,MAAM,GAAA;AACd,QAAA,OAAOC,QAAI,CAAA;;;;;;;KAOV;IACH;;AAlDOF,wBAAA,CAAA,MAAM,GAAGG,OAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuClB,EAAA,CAvCY;AADFH,wBAAgB,GAAAI,oBAAA,CAAA;IAD5BC,2BAAa,CAAC,oBAAoB;AACtB,CAAA,EAAAL,wBAAgB,CAoD5B;;"}

package/dist/cjs/components/fw-player-controls.js

@@ -1,441 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../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');
-var lit = require('lit');
-var decorators_js = require('lit/decorators.js');
-var classMap_js = require('lit/directives/class-map.js');
-var sharedStyles = require('../styles/shared-styles.js');
-var utilityStyles = require('../styles/utility-styles.js');
-var index = require('../icons/index.js');
-var playerCore = require('@livepeer-frameworks/player-core');
-
-exports.FwPlayerControls = class FwPlayerControls extends lit.LitElement {
-    constructor() {
-        super(...arguments);
-        this.playbackMode = "auto";
-        this.isContentLive = false;
-        this.devMode = false;
-        this.showStatsButton = false;
-        this.isStatsOpen = false;
-        this._settingsOpen = false;
-        this._isNearLiveState = true;
-        this._buffered = null;
-        this._boundVideo = null;
-        this._onBufferedUpdate = null;
-        this._onWindowClick = (event) => {
-            const path = event.composedPath();
-            const insideControls = path.some((entry) => {
-                if (!(entry instanceof HTMLElement)) {
-                    return false;
-                }
-                return (entry.classList.contains("fw-settings-anchor") ||
-                    entry.classList.contains("fw-settings-menu"));
-            });
-            if (!insideControls) {
-                this._settingsOpen = false;
-            }
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this._unbindVideoEvents();
-        this._detachWindowClickListener();
-    }
-    updated(changed) {
-        this._bindVideoEvents();
-        this._reconcileNearLiveState();
-        if (changed.has("_settingsOpen")) {
-            if (this._settingsOpen) {
-                this._attachWindowClickListener();
-            }
-            else {
-                this._detachWindowClickListener();
-            }
-        }
-    }
-    _bindVideoEvents() {
-        const video = this.pc?.s.videoElement ?? null;
-        if (video === this._boundVideo) {
-            return;
-        }
-        this._unbindVideoEvents();
-        this._boundVideo = video;
-        if (!video) {
-            this._buffered = null;
-            return;
-        }
-        const updateBuffered = () => {
-            this._buffered = this.pc.getBufferedRanges() ?? video.buffered;
-        };
-        updateBuffered();
-        video.addEventListener("progress", updateBuffered);
-        video.addEventListener("loadeddata", updateBuffered);
-        this._onBufferedUpdate = updateBuffered;
-    }
-    _unbindVideoEvents() {
-        if (!this._boundVideo) {
-            return;
-        }
-        const updateBuffered = this._onBufferedUpdate;
-        if (updateBuffered) {
-            this._boundVideo.removeEventListener("progress", updateBuffered);
-            this._boundVideo.removeEventListener("loadeddata", updateBuffered);
-        }
-        this._boundVideo = null;
-        this._onBufferedUpdate = null;
-    }
-    _attachWindowClickListener() {
-        window.setTimeout(() => {
-            if (!this._settingsOpen) {
-                return;
-            }
-            window.addEventListener("click", this._onWindowClick);
-        }, 0);
-    }
-    _detachWindowClickListener() {
-        window.removeEventListener("click", this._onWindowClick);
-    }
-    _deriveBufferWindowMs(tracks) {
-        if (!tracks) {
-            return undefined;
-        }
-        const trackValues = Object.values(tracks);
-        if (trackValues.length === 0) {
-            return undefined;
-        }
-        const firstmsValues = trackValues
-            .map((track) => track.firstms)
-            .filter((value) => typeof value === "number");
-        const lastmsValues = trackValues
-            .map((track) => track.lastms)
-            .filter((value) => typeof value === "number");
-        if (firstmsValues.length === 0 || lastmsValues.length === 0) {
-            return undefined;
-        }
-        const firstms = Math.max(...firstmsValues);
-        const lastms = Math.min(...lastmsValues);
-        const window = lastms - firstms;
-        if (!Number.isFinite(window) || window <= 0) {
-            return undefined;
-        }
-        return window;
-    }
-    _getSeekingContext() {
-        const state = this.pc.s;
-        const controller = this.pc.getController();
-        const sourceType = state.currentSourceInfo?.type;
-        const mistStreamInfo = state.streamState?.streamInfo;
-        const isLive = playerCore.isLiveContent(this.isContentLive, mistStreamInfo, state.duration);
-        const bufferWindowMs = mistStreamInfo?.meta?.buffer_window ??
-            this._deriveBufferWindowMs(mistStreamInfo?.meta?.tracks);
-        const isWebRTC = playerCore.isMediaStreamSource(state.videoElement);
-        const allowMediaStreamDvr = playerCore.isMediaStreamSource(state.videoElement) &&
-            bufferWindowMs !== undefined &&
-            bufferWindowMs > 0 &&
-            sourceType !== "whep" &&
-            sourceType !== "webrtc";
-        const calculatedRange = playerCore.calculateSeekableRange({
-            isLive,
-            video: state.videoElement,
-            mistStreamInfo,
-            currentTime: state.currentTime,
-            duration: state.duration,
-            allowMediaStreamDvr,
-        });
-        const controllerSeekableStart = this.pc.getSeekableStart();
-        const controllerLiveEdge = this.pc.getLiveEdge();
-        const useControllerRange = Number.isFinite(controllerSeekableStart) &&
-            Number.isFinite(controllerLiveEdge) &&
-            controllerLiveEdge >= controllerSeekableStart &&
-            (controllerLiveEdge > 0 || controllerSeekableStart > 0);
-        const seekableStart = useControllerRange
-            ? controllerSeekableStart
-            : calculatedRange.seekableStart;
-        const liveEdge = useControllerRange ? controllerLiveEdge : calculatedRange.liveEdge;
-        const hasDvrWindow = isLive &&
-            Number.isFinite(liveEdge) &&
-            Number.isFinite(seekableStart) &&
-            liveEdge > seekableStart;
-        const baseCanSeek = controller?.canSeekStream?.() ??
-            playerCore.canSeekStream({
-                video: state.videoElement,
-                isLive,
-                duration: state.duration,
-                bufferWindowMs,
-            });
-        const liveThresholds = playerCore.calculateLiveThresholds(sourceType, isWebRTC, bufferWindowMs);
-        return {
-            mistStreamInfo,
-            isLive,
-            sourceType,
-            seekableStart,
-            liveEdge,
-            hasDvrWindow,
-            canSeek: baseCanSeek && (!isLive || hasDvrWindow),
-            commitOnRelease: isLive,
-            liveThresholds,
-        };
-    }
-    _reconcileNearLiveState() {
-        const context = this._getSeekingContext();
-        if (!context.isLive) {
-            if (!this._isNearLiveState) {
-                this._isNearLiveState = true;
-            }
-            return;
-        }
-        const next = playerCore.calculateIsNearLive(this.pc.s.currentTime, context.liveEdge, context.liveThresholds, this._isNearLiveState);
-        if (next !== this._isNearLiveState) {
-            this._isNearLiveState = next;
-        }
-    }
-    _handleModeChange(event) {
-        const { mode } = event.detail;
-        this.dispatchEvent(new CustomEvent("fw-mode-change", {
-            detail: { mode },
-            bubbles: true,
-            composed: true,
-        }));
-    }
-    render() {
-        const state = this.pc.s;
-        const disabled = !state.videoElement;
-        const context = this._getSeekingContext();
-        const shouldShowControls = state.shouldShowControls ||
-            state.isPaused ||
-            !state.hasPlaybackStarted ||
-            state.shouldShowIdleScreen ||
-            !!state.error ||
-            this._settingsOpen;
-        const timeDisplay = playerCore.formatTimeDisplay({
-            isLive: context.isLive,
-            currentTime: state.currentTime,
-            duration: state.duration,
-            liveEdge: context.liveEdge,
-            seekableStart: context.seekableStart,
-            unixoffset: context.mistStreamInfo?.unixoffset,
-        });
-        const liveButtonDisabled = !context.hasDvrWindow || this._isNearLiveState;
-        return lit.html `
-      <div
-        class=${classMap_js.classMap({
-            "fw-player-surface": true,
-            "fw-controls-wrapper": true,
-            "fw-controls-wrapper--visible": shouldShowControls,
-            "fw-controls-wrapper--hidden": !shouldShowControls,
-        })}
-      >
-        <div class="fw-control-bar" @click=${(event) => event.stopPropagation()}>
-          ${context.canSeek
-            ? lit.html `
-                <div class="fw-seek-wrapper">
-                  <fw-seek-bar
-                    .currentTime=${state.currentTime}
-                    .duration=${state.duration}
-                    .buffered=${this._buffered}
-                    .disabled=${disabled}
-                    .isLive=${context.isLive}
-                    .seekableStart=${context.seekableStart}
-                    .liveEdge=${context.liveEdge}
-                    .commitOnRelease=${context.commitOnRelease}
-                    @fw-seek=${(event) => this.pc.seek(event.detail.time)}
-                  ></fw-seek-bar>
-                </div>
-              `
-            : lit.nothing}
-
-          <div class="fw-controls-row">
-            <div class="fw-controls-left">
-              <div class="fw-control-group">
-                <button
-                  type="button"
-                  class="fw-btn-flush"
-                  ?disabled=${disabled}
-                  aria-label=${state.isPlaying ? "Pause" : "Play"}
-                  @click=${() => this.pc.togglePlay()}
-                >
-                  ${state.isPlaying ? index.pauseIcon(18) : index.playIcon(18)}
-                </button>
-
-                ${context.canSeek
-            ? lit.html `
-                      <button
-                        type="button"
-                        class="fw-btn-flush hidden sm:flex"
-                        ?disabled=${disabled}
-                        aria-label="Skip back 10 seconds"
-                        @click=${() => this.pc.seekBy(-10)}
-                      >
-                        ${index.skipBackIcon(16)}
-                      </button>
-                      <button
-                        type="button"
-                        class="fw-btn-flush hidden sm:flex"
-                        ?disabled=${disabled}
-                        aria-label="Skip forward 10 seconds"
-                        @click=${() => this.pc.seekBy(10)}
-                      >
-                        ${index.skipForwardIcon(16)}
-                      </button>
-                    `
-            : lit.nothing}
-              </div>
-
-              <div class="fw-control-group">
-                <fw-volume-control .pc=${this.pc}></fw-volume-control>
-              </div>
-
-              <div class="fw-control-group">
-                <span class="fw-time-display">${timeDisplay}</span>
-              </div>
-
-              ${context.isLive
-            ? lit.html `
-                    <div class="fw-control-group">
-                      <button
-                        type="button"
-                        @click=${() => this.pc.jumpToLive()}
-                        ?disabled=${liveButtonDisabled}
-                        class=${classMap_js.classMap({
-                "fw-live-badge": true,
-                "fw-live-badge--active": liveButtonDisabled,
-                "fw-live-badge--behind": !liveButtonDisabled,
-            })}
-                        title=${!context.hasDvrWindow
-                ? "Live only"
-                : this._isNearLiveState
-                    ? "At live edge"
-                    : "Jump to live"}
-                      >
-                        LIVE
-                        ${!this._isNearLiveState && context.hasDvrWindow
-                ? index.seekToLiveIcon(10)
-                : lit.nothing}
-                      </button>
-                    </div>
-                  `
-            : lit.nothing}
-            </div>
-
-            <div class="fw-controls-right">
-              ${this.showStatsButton
-            ? lit.html `
-                    <div class="fw-control-group">
-                      <button
-                        type="button"
-                        class=${classMap_js.classMap({
-                "fw-btn-flush": true,
-                "fw-btn-flush--active": this.isStatsOpen,
-            })}
-                        aria-label="Toggle stats"
-                        title="Stats"
-                        @click=${() => this.dispatchEvent(new CustomEvent("fw-stats-toggle", {
-                bubbles: true,
-                composed: true,
-            }))}
-                      >
-                        ${index.statsIcon(16)}
-                      </button>
-                    </div>
-                  `
-            : lit.nothing}
-              <div class="fw-control-group fw-settings-anchor">
-                <button
-                  type="button"
-                  class=${classMap_js.classMap({
-            "fw-btn-flush": true,
-            group: true,
-            "fw-btn-flush--active": this._settingsOpen,
-        })}
-                  aria-label="Settings"
-                  title="Settings"
-                  ?disabled=${disabled}
-                  @click=${() => {
-            if (disabled) {
-                return;
-            }
-            this._settingsOpen = !this._settingsOpen;
-        }}
-                >
-                  <span class="transition-transform group-hover:rotate-90"
-                    >${index.settingsIcon(16)}</span
-                  >
-                </button>
-
-                <fw-settings-menu
-                  .pc=${this.pc}
-                  .open=${this._settingsOpen}
-                  .playbackMode=${this.playbackMode}
-                  .isContentLive=${this.isContentLive}
-                  @fw-close=${() => {
-            this._settingsOpen = false;
-        }}
-                  @fw-mode-change=${this._handleModeChange}
-                ></fw-settings-menu>
-              </div>
-
-              <div class="fw-control-group">
-                <button
-                  type="button"
-                  class="fw-btn-flush"
-                  ?disabled=${disabled}
-                  aria-label=${state.isFullscreen ? "Exit fullscreen" : "Fullscreen"}
-                  @click=${() => this.pc.toggleFullscreen()}
-                >
-                  ${state.isFullscreen ? index.fullscreenExitIcon(16) : index.fullscreenIcon(16)}
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-    }
-};
-exports.FwPlayerControls.styles = [
-    sharedStyles.sharedStyles,
-    utilityStyles.utilityStyles,
-    lit.css `
-      :host {
-        display: contents;
-      }
-
-      .fw-settings-anchor {
-        position: relative;
-      }
-    `,
-];
-tslib_es6.__decorate([
-    decorators_js.property({ attribute: false })
-], exports.FwPlayerControls.prototype, "pc", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: String })
-], exports.FwPlayerControls.prototype, "playbackMode", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean, attribute: "is-content-live" })
-], exports.FwPlayerControls.prototype, "isContentLive", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean, attribute: "dev-mode" })
-], exports.FwPlayerControls.prototype, "devMode", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean, attribute: "show-stats-button" })
-], exports.FwPlayerControls.prototype, "showStatsButton", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean, attribute: "is-stats-open" })
-], exports.FwPlayerControls.prototype, "isStatsOpen", void 0);
-tslib_es6.__decorate([
-    decorators_js.state()
-], exports.FwPlayerControls.prototype, "_settingsOpen", void 0);
-tslib_es6.__decorate([
-    decorators_js.state()
-], exports.FwPlayerControls.prototype, "_isNearLiveState", void 0);
-tslib_es6.__decorate([
-    decorators_js.state()
-], exports.FwPlayerControls.prototype, "_buffered", void 0);
-exports.FwPlayerControls = tslib_es6.__decorate([
-    decorators_js.customElement("fw-player-controls")
-], exports.FwPlayerControls);
-//# sourceMappingURL=fw-player-controls.js.map

package/dist/cjs/components/fw-player-controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fw-player-controls.js","sources":["../../../../src/components/fw-player-controls.ts"],"sourcesContent":["/**\n * <fw-player-controls> — Player controls with seek, volume, live state, and settings.\n * Parity port of React/Svelte control behavior.\n */\nimport { LitElement, html, css, nothing, type PropertyValues } 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  playIcon,\n  pauseIcon,\n  fullscreenIcon,\n  fullscreenExitIcon,\n  settingsIcon,\n  seekToLiveIcon,\n  skipBackIcon,\n  skipForwardIcon,\n  statsIcon,\n} from \"../icons/index.js\";\nimport {\n  calculateIsNearLive,\n  calculateLiveThresholds,\n  calculateSeekableRange,\n  canSeekStream,\n  formatTimeDisplay,\n  isLiveContent,\n  isMediaStreamSource,\n  type MistStreamInfo,\n  type PlaybackMode,\n} from \"@livepeer-frameworks/player-core\";\nimport type { PlayerControllerHost } from \"../controllers/player-controller-host.js\";\n\ninterface SeekingContext {\n  mistStreamInfo?: MistStreamInfo;\n  isLive: boolean;\n  sourceType?: string;\n  seekableStart: number;\n  liveEdge: number;\n  hasDvrWindow: boolean;\n  canSeek: boolean;\n  commitOnRelease: boolean;\n  liveThresholds: ReturnType<typeof calculateLiveThresholds>;\n}\n\n@customElement(\"fw-player-controls\")\nexport class FwPlayerControls extends LitElement {\n  @property({ attribute: false }) pc!: PlayerControllerHost;\n  @property({ type: String }) playbackMode: PlaybackMode = \"auto\";\n  @property({ type: Boolean, attribute: \"is-content-live\" }) isContentLive = false;\n  @property({ type: Boolean, attribute: \"dev-mode\" }) devMode = false;\n  @property({ type: Boolean, attribute: \"show-stats-button\" }) showStatsButton = false;\n  @property({ type: Boolean, attribute: \"is-stats-open\" }) isStatsOpen = false;\n\n  @state() private _settingsOpen = false;\n  @state() private _isNearLiveState = true;\n  @state() private _buffered: TimeRanges | null = null;\n\n  private _boundVideo: HTMLVideoElement | null = null;\n  private _onBufferedUpdate: (() => void) | null = null;\n\n  static styles = [\n    sharedStyles,\n    utilityStyles,\n    css`\n      :host {\n        display: contents;\n      }\n\n      .fw-settings-anchor {\n        position: relative;\n      }\n    `,\n  ];\n\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._unbindVideoEvents();\n    this._detachWindowClickListener();\n  }\n\n  protected updated(changed: PropertyValues<this>): void {\n    this._bindVideoEvents();\n    this._reconcileNearLiveState();\n\n    if (changed.has(\"_settingsOpen\" as keyof FwPlayerControls)) {\n      if (this._settingsOpen) {\n        this._attachWindowClickListener();\n      } else {\n        this._detachWindowClickListener();\n      }\n    }\n  }\n\n  private _bindVideoEvents(): void {\n    const video = this.pc?.s.videoElement ?? null;\n    if (video === this._boundVideo) {\n      return;\n    }\n\n    this._unbindVideoEvents();\n    this._boundVideo = video;\n\n    if (!video) {\n      this._buffered = null;\n      return;\n    }\n\n    const updateBuffered = () => {\n      this._buffered = this.pc.getBufferedRanges() ?? video.buffered;\n    };\n\n    updateBuffered();\n    video.addEventListener(\"progress\", updateBuffered);\n    video.addEventListener(\"loadeddata\", updateBuffered);\n    this._onBufferedUpdate = updateBuffered;\n  }\n\n  private _unbindVideoEvents(): void {\n    if (!this._boundVideo) {\n      return;\n    }\n\n    const updateBuffered = this._onBufferedUpdate;\n    if (updateBuffered) {\n      this._boundVideo.removeEventListener(\"progress\", updateBuffered);\n      this._boundVideo.removeEventListener(\"loadeddata\", updateBuffered);\n    }\n\n    this._boundVideo = null;\n    this._onBufferedUpdate = null;\n  }\n\n  private _attachWindowClickListener(): void {\n    window.setTimeout(() => {\n      if (!this._settingsOpen) {\n        return;\n      }\n      window.addEventListener(\"click\", this._onWindowClick);\n    }, 0);\n  }\n\n  private _detachWindowClickListener(): void {\n    window.removeEventListener(\"click\", this._onWindowClick);\n  }\n\n  private _onWindowClick = (event: MouseEvent): void => {\n    const path = event.composedPath();\n    const insideControls = path.some((entry) => {\n      if (!(entry instanceof HTMLElement)) {\n        return false;\n      }\n      return (\n        entry.classList.contains(\"fw-settings-anchor\") ||\n        entry.classList.contains(\"fw-settings-menu\")\n      );\n    });\n\n    if (!insideControls) {\n      this._settingsOpen = false;\n    }\n  };\n\n  private _deriveBufferWindowMs(\n    tracks?: Record<string, { firstms?: number; lastms?: number }>\n  ): number | undefined {\n    if (!tracks) {\n      return undefined;\n    }\n\n    const trackValues = Object.values(tracks);\n    if (trackValues.length === 0) {\n      return undefined;\n    }\n\n    const firstmsValues = trackValues\n      .map((track) => track.firstms)\n      .filter((value): value is number => typeof value === \"number\");\n    const lastmsValues = trackValues\n      .map((track) => track.lastms)\n      .filter((value): value is number => typeof value === \"number\");\n\n    if (firstmsValues.length === 0 || lastmsValues.length === 0) {\n      return undefined;\n    }\n\n    const firstms = Math.max(...firstmsValues);\n    const lastms = Math.min(...lastmsValues);\n    const window = lastms - firstms;\n\n    if (!Number.isFinite(window) || window <= 0) {\n      return undefined;\n    }\n\n    return window;\n  }\n\n  private _getSeekingContext(): SeekingContext {\n    const state = this.pc.s;\n    const controller = this.pc.getController();\n    const sourceType = state.currentSourceInfo?.type;\n    const mistStreamInfo = state.streamState?.streamInfo as MistStreamInfo | undefined;\n\n    const isLive = isLiveContent(this.isContentLive, mistStreamInfo, state.duration);\n    const bufferWindowMs =\n      mistStreamInfo?.meta?.buffer_window ??\n      this._deriveBufferWindowMs(\n        mistStreamInfo?.meta?.tracks as\n          | Record<string, { firstms?: number; lastms?: number }>\n          | undefined\n      );\n\n    const isWebRTC = isMediaStreamSource(state.videoElement);\n\n    const allowMediaStreamDvr =\n      isMediaStreamSource(state.videoElement) &&\n      bufferWindowMs !== undefined &&\n      bufferWindowMs > 0 &&\n      sourceType !== \"whep\" &&\n      sourceType !== \"webrtc\";\n\n    const calculatedRange = calculateSeekableRange({\n      isLive,\n      video: state.videoElement,\n      mistStreamInfo,\n      currentTime: state.currentTime,\n      duration: state.duration,\n      allowMediaStreamDvr,\n    });\n\n    const controllerSeekableStart = this.pc.getSeekableStart();\n    const controllerLiveEdge = this.pc.getLiveEdge();\n\n    const useControllerRange =\n      Number.isFinite(controllerSeekableStart) &&\n      Number.isFinite(controllerLiveEdge) &&\n      controllerLiveEdge >= controllerSeekableStart &&\n      (controllerLiveEdge > 0 || controllerSeekableStart > 0);\n\n    const seekableStart = useControllerRange\n      ? controllerSeekableStart\n      : calculatedRange.seekableStart;\n    const liveEdge = useControllerRange ? controllerLiveEdge : calculatedRange.liveEdge;\n\n    const hasDvrWindow =\n      isLive &&\n      Number.isFinite(liveEdge) &&\n      Number.isFinite(seekableStart) &&\n      liveEdge > seekableStart;\n\n    const baseCanSeek =\n      controller?.canSeekStream?.() ??\n      canSeekStream({\n        video: state.videoElement,\n        isLive,\n        duration: state.duration,\n        bufferWindowMs,\n      });\n\n    const liveThresholds = calculateLiveThresholds(sourceType, isWebRTC, bufferWindowMs);\n\n    return {\n      mistStreamInfo,\n      isLive,\n      sourceType,\n      seekableStart,\n      liveEdge,\n      hasDvrWindow,\n      canSeek: baseCanSeek && (!isLive || hasDvrWindow),\n      commitOnRelease: isLive,\n      liveThresholds,\n    };\n  }\n\n  private _reconcileNearLiveState(): void {\n    const context = this._getSeekingContext();\n\n    if (!context.isLive) {\n      if (!this._isNearLiveState) {\n        this._isNearLiveState = true;\n      }\n      return;\n    }\n\n    const next = calculateIsNearLive(\n      this.pc.s.currentTime,\n      context.liveEdge,\n      context.liveThresholds,\n      this._isNearLiveState\n    );\n\n    if (next !== this._isNearLiveState) {\n      this._isNearLiveState = next;\n    }\n  }\n\n  private _handleModeChange(\n    event: CustomEvent<{ mode: \"auto\" | \"low-latency\" | \"quality\" }>\n  ): void {\n    const { mode } = event.detail;\n    this.dispatchEvent(\n      new CustomEvent(\"fw-mode-change\", {\n        detail: { mode },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  protected render() {\n    const state = this.pc.s;\n    const disabled = !state.videoElement;\n    const context = this._getSeekingContext();\n    const shouldShowControls =\n      state.shouldShowControls ||\n      state.isPaused ||\n      !state.hasPlaybackStarted ||\n      state.shouldShowIdleScreen ||\n      !!state.error ||\n      this._settingsOpen;\n\n    const timeDisplay = formatTimeDisplay({\n      isLive: context.isLive,\n      currentTime: state.currentTime,\n      duration: state.duration,\n      liveEdge: context.liveEdge,\n      seekableStart: context.seekableStart,\n      unixoffset: context.mistStreamInfo?.unixoffset,\n    });\n\n    const liveButtonDisabled = !context.hasDvrWindow || this._isNearLiveState;\n\n    return html`\n      <div\n        class=${classMap({\n          \"fw-player-surface\": true,\n          \"fw-controls-wrapper\": true,\n          \"fw-controls-wrapper--visible\": shouldShowControls,\n          \"fw-controls-wrapper--hidden\": !shouldShowControls,\n        })}\n      >\n        <div class=\"fw-control-bar\" @click=${(event: Event) => event.stopPropagation()}>\n          ${context.canSeek\n            ? html`\n                <div class=\"fw-seek-wrapper\">\n                  <fw-seek-bar\n                    .currentTime=${state.currentTime}\n                    .duration=${state.duration}\n                    .buffered=${this._buffered}\n                    .disabled=${disabled}\n                    .isLive=${context.isLive}\n                    .seekableStart=${context.seekableStart}\n                    .liveEdge=${context.liveEdge}\n                    .commitOnRelease=${context.commitOnRelease}\n                    @fw-seek=${(event: CustomEvent<{ time: number }>) =>\n                      this.pc.seek(event.detail.time)}\n                  ></fw-seek-bar>\n                </div>\n              `\n            : nothing}\n\n          <div class=\"fw-controls-row\">\n            <div class=\"fw-controls-left\">\n              <div class=\"fw-control-group\">\n                <button\n                  type=\"button\"\n                  class=\"fw-btn-flush\"\n                  ?disabled=${disabled}\n                  aria-label=${state.isPlaying ? \"Pause\" : \"Play\"}\n                  @click=${() => this.pc.togglePlay()}\n                >\n                  ${state.isPlaying ? pauseIcon(18) : playIcon(18)}\n                </button>\n\n                ${context.canSeek\n                  ? html`\n                      <button\n                        type=\"button\"\n                        class=\"fw-btn-flush hidden sm:flex\"\n                        ?disabled=${disabled}\n                        aria-label=\"Skip back 10 seconds\"\n                        @click=${() => this.pc.seekBy(-10)}\n                      >\n                        ${skipBackIcon(16)}\n                      </button>\n                      <button\n                        type=\"button\"\n                        class=\"fw-btn-flush hidden sm:flex\"\n                        ?disabled=${disabled}\n                        aria-label=\"Skip forward 10 seconds\"\n                        @click=${() => this.pc.seekBy(10)}\n                      >\n                        ${skipForwardIcon(16)}\n                      </button>\n                    `\n                  : nothing}\n              </div>\n\n              <div class=\"fw-control-group\">\n                <fw-volume-control .pc=${this.pc}></fw-volume-control>\n              </div>\n\n              <div class=\"fw-control-group\">\n                <span class=\"fw-time-display\">${timeDisplay}</span>\n              </div>\n\n              ${context.isLive\n                ? html`\n                    <div class=\"fw-control-group\">\n                      <button\n                        type=\"button\"\n                        @click=${() => this.pc.jumpToLive()}\n                        ?disabled=${liveButtonDisabled}\n                        class=${classMap({\n                          \"fw-live-badge\": true,\n                          \"fw-live-badge--active\": liveButtonDisabled,\n                          \"fw-live-badge--behind\": !liveButtonDisabled,\n                        })}\n                        title=${!context.hasDvrWindow\n                          ? \"Live only\"\n                          : this._isNearLiveState\n                            ? \"At live edge\"\n                            : \"Jump to live\"}\n                      >\n                        LIVE\n                        ${!this._isNearLiveState && context.hasDvrWindow\n                          ? seekToLiveIcon(10)\n                          : nothing}\n                      </button>\n                    </div>\n                  `\n                : nothing}\n            </div>\n\n            <div class=\"fw-controls-right\">\n              ${this.showStatsButton\n                ? html`\n                    <div class=\"fw-control-group\">\n                      <button\n                        type=\"button\"\n                        class=${classMap({\n                          \"fw-btn-flush\": true,\n                          \"fw-btn-flush--active\": this.isStatsOpen,\n                        })}\n                        aria-label=\"Toggle stats\"\n                        title=\"Stats\"\n                        @click=${() =>\n                          this.dispatchEvent(\n                            new CustomEvent(\"fw-stats-toggle\", {\n                              bubbles: true,\n                              composed: true,\n                            })\n                          )}\n                      >\n                        ${statsIcon(16)}\n                      </button>\n                    </div>\n                  `\n                : nothing}\n              <div class=\"fw-control-group fw-settings-anchor\">\n                <button\n                  type=\"button\"\n                  class=${classMap({\n                    \"fw-btn-flush\": true,\n                    group: true,\n                    \"fw-btn-flush--active\": this._settingsOpen,\n                  })}\n                  aria-label=\"Settings\"\n                  title=\"Settings\"\n                  ?disabled=${disabled}\n                  @click=${() => {\n                    if (disabled) {\n                      return;\n                    }\n                    this._settingsOpen = !this._settingsOpen;\n                  }}\n                >\n                  <span class=\"transition-transform group-hover:rotate-90\"\n                    >${settingsIcon(16)}</span\n                  >\n                </button>\n\n                <fw-settings-menu\n                  .pc=${this.pc}\n                  .open=${this._settingsOpen}\n                  .playbackMode=${this.playbackMode}\n                  .isContentLive=${this.isContentLive}\n                  @fw-close=${() => {\n                    this._settingsOpen = false;\n                  }}\n                  @fw-mode-change=${this._handleModeChange}\n                ></fw-settings-menu>\n              </div>\n\n              <div class=\"fw-control-group\">\n                <button\n                  type=\"button\"\n                  class=\"fw-btn-flush\"\n                  ?disabled=${disabled}\n                  aria-label=${state.isFullscreen ? \"Exit fullscreen\" : \"Fullscreen\"}\n                  @click=${() => this.pc.toggleFullscreen()}\n                >\n                  ${state.isFullscreen ? fullscreenExitIcon(16) : fullscreenIcon(16)}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-player-controls\": FwPlayerControls;\n  }\n}\n"],"names":["FwPlayerControls","LitElement","isLiveContent","isMediaStreamSource","calculateSeekableRange","canSeekStream","calculateLiveThresholds","calculateIsNearLive","formatTimeDisplay","html","classMap","nothing","pauseIcon","playIcon","skipBackIcon","skipForwardIcon","seekToLiveIcon","statsIcon","settingsIcon","fullscreenExitIcon","fullscreenIcon","sharedStyles","utilityStyles","css","__decorate","property","state","customElement"],"mappings":"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"}