@livepeer-frameworks/player-wc 0.1.2 → 0.1.3

package/dist/cjs/components/fw-seek-bar.js

@@ -12,117 +12,302 @@ exports.FwSeekBar = class FwSeekBar extends lit.LitElement {
         super(...arguments);
         this.currentTime = 0;
         this.duration = 0;
+        this.buffered = null;
         this.disabled = false;
         this.isLive = false;
+        this.seekableStart = 0;
+        this.commitOnRelease = false;
         this._hovering = false;
         this._dragging = false;
-        this._hoverPct = 0;
-        this._dragPct = null;
-        this._handlePointerDown = (e) => {
-            if (this.disabled)
+        this._dragTime = null;
+        this._hoverPosition = 0;
+        this._hoverTime = 0;
+        this._trackRect = null;
+        this._activePointerId = null;
+        this._onKeyDown = (event) => {
+            if (this.disabled) {
                 return;
-            e.preventDefault();
-            this._dragging = true;
-            this._dragPct = this._pctFromEvent(e);
-            e.target.setPointerCapture?.(e.pointerId);
-        };
-        this._handlePointerMove = (e) => {
-            const pct = this._pctFromEvent(e);
-            if (this._dragging) {
-                this._dragPct = pct;
             }
-            this._hoverPct = pct;
+            const step = event.shiftKey ? 10 : 5;
+            const rawRangeEnd = this.isLive ? this._effectiveLiveEdge : this.duration;
+            const rangeEnd = Number.isFinite(rawRangeEnd) ? rawRangeEnd : this.currentTime + step;
+            const rangeStart = this.isLive ? this.seekableStart : 0;
+            let newTime = null;
+            switch (event.key) {
+                case "ArrowLeft":
+                case "ArrowDown":
+                    newTime = Math.max(rangeStart, this.currentTime - step);
+                    break;
+                case "ArrowRight":
+                case "ArrowUp":
+                    newTime = Math.min(rangeEnd, this.currentTime + step);
+                    break;
+                case "Home":
+                    newTime = rangeStart;
+                    break;
+                case "End":
+                    newTime = rangeEnd;
+                    break;
+                default:
+                    return;
+            }
+            if (newTime != null) {
+                event.preventDefault();
+                this._emitSeek(newTime);
+            }
         };
-        this._handlePointerUp = (e) => {
-            if (this._dragging && this._dragPct != null) {
-                const time = this._timeFromPct(this._dragPct);
-                this.dispatchEvent(new CustomEvent("fw-seek", { detail: { time }, bubbles: true, composed: true }));
+        this._onPointerEnter = () => {
+            if (this.disabled) {
+                return;
             }
-            this._dragging = false;
-            this._dragPct = null;
+            this._hovering = true;
         };
-        this._handleClick = (e) => {
-            if (this.disabled || this._dragging)
+        this._onPointerLeave = () => {
+            this._hovering = false;
+            this._trackRect = null;
+        };
+        this._onPointerMove = (event) => {
+            if (this.disabled || (!this._hovering && !this._dragging)) {
                 return;
-            const pct = this._pctFromEvent(e);
-            const time = this._timeFromPct(pct);
-            this.dispatchEvent(new CustomEvent("fw-seek", { detail: { time }, bubbles: true, composed: true }));
+            }
+            this._updateHover(event.clientX);
         };
-        this._handleMouseEnter = () => {
+        this._onPointerDown = (event) => {
+            if (this.disabled) {
+                return;
+            }
+            if (!this.isLive && !Number.isFinite(this.duration)) {
+                return;
+            }
+            event.preventDefault();
+            this._activePointerId = event.pointerId;
+            this._dragging = true;
             this._hovering = true;
+            const initialTime = this._getTimeFromClientX(event.clientX);
+            this._updateHover(event.clientX);
+            if (this.commitOnRelease) {
+                this._dragTime = initialTime;
+            }
+            else {
+                this._emitSeek(initialTime);
+            }
+            this._attachDragListeners();
         };
-        this._handleMouseLeave = () => {
-            this._hovering = false;
+        this._onGlobalPointerMove = (event) => {
+            if (!this._dragging || this._activePointerId !== event.pointerId) {
+                return;
+            }
+            const time = this._getTimeFromClientX(event.clientX);
+            this._updateHover(event.clientX);
+            if (this.commitOnRelease) {
+                this._dragTime = time;
+            }
+            else {
+                this._emitSeek(time);
+            }
         };
+        this._onGlobalPointerUp = (event) => {
+            if (!this._dragging || this._activePointerId !== event.pointerId) {
+                return;
+            }
+            if (this.commitOnRelease && this._dragTime != null) {
+                this._emitSeek(this._dragTime);
+            }
+            this._dragging = false;
+            this._dragTime = null;
+            this._activePointerId = null;
+            this._detachDragListeners();
+        };
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._detachDragListeners();
     }
-    _pctFromEvent(e) {
-        if (!this._trackEl)
+    get _effectiveLiveEdge() {
+        if (typeof this.liveEdge === "number" && Number.isFinite(this.liveEdge)) {
+            return this.liveEdge;
+        }
+        return this.duration;
+    }
+    get _seekableWindow() {
+        return this._effectiveLiveEdge - this.seekableStart;
+    }
+    get _displayTime() {
+        return this._dragTime ?? this.currentTime;
+    }
+    get _progressPercent() {
+        const displayTime = this._displayTime;
+        if (this.isLive && this._seekableWindow > 0) {
+            const positionInWindow = displayTime - this.seekableStart;
+            return Math.min(100, Math.max(0, (positionInWindow / this._seekableWindow) * 100));
+        }
+        if (!Number.isFinite(this.duration) || this.duration <= 0) {
             return 0;
-        const rect = this._trackEl.getBoundingClientRect();
-        return Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
+        }
+        return Math.min(100, Math.max(0, (displayTime / this.duration) * 100));
     }
-    _timeFromPct(pct) {
-        const d = this.isLive ? this.duration : this.duration;
-        return isFinite(d) && d > 0 ? pct * d : 0;
+    get _bufferedSegments() {
+        const buffered = this.buffered;
+        if (!buffered || buffered.length === 0) {
+            return [];
+        }
+        const rangeEnd = this.isLive ? this._effectiveLiveEdge : this.duration;
+        const rangeStart = this.isLive ? this.seekableStart : 0;
+        const rangeSize = rangeEnd - rangeStart;
+        if (!Number.isFinite(rangeSize) || rangeSize <= 0) {
+            return [];
+        }
+        const segments = [];
+        for (let i = 0; i < buffered.length; i += 1) {
+            const start = buffered.start(i);
+            const end = buffered.end(i);
+            const relativeStart = start - rangeStart;
+            const relativeEnd = end - rangeStart;
+            segments.push({
+                startPercent: Math.min(100, Math.max(0, (relativeStart / rangeSize) * 100)),
+                endPercent: Math.min(100, Math.max(0, (relativeEnd / rangeSize) * 100)),
+            });
+        }
+        return segments;
     }
     _formatTime(seconds) {
-        if (!isFinite(seconds))
+        if (!Number.isFinite(seconds) || seconds < 0) {
             return "0:00";
-        const abs = Math.abs(Math.floor(seconds));
-        const h = Math.floor(abs / 3600);
-        const m = Math.floor((abs % 3600) / 60);
-        const s = abs % 60;
-        const sign = seconds < 0 ? "-" : "";
-        if (h > 0)
-            return `${sign}${h}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
-        return `${sign}${m}:${String(s).padStart(2, "0")}`;
-    }
-    get _progressPct() {
-        if (this._dragPct != null)
-            return this._dragPct * 100;
-        const d = this.duration;
-        if (!isFinite(d) || d <= 0)
+        }
+        const total = Math.floor(seconds);
+        const hours = Math.floor(total / 3600);
+        const minutes = Math.floor((total % 3600) / 60);
+        const secs = total % 60;
+        if (hours > 0) {
+            return `${hours}:${String(minutes).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
+        }
+        return `${minutes}:${String(secs).padStart(2, "0")}`;
+    }
+    _formatLiveTime(seconds, edge) {
+        const behindSeconds = edge - seconds;
+        if (behindSeconds < 1) {
+            return "LIVE";
+        }
+        const total = Math.floor(behindSeconds);
+        const hours = Math.floor(total / 3600);
+        const minutes = Math.floor((total % 3600) / 60);
+        const secs = total % 60;
+        if (hours > 0) {
+            return `-${hours}:${String(minutes).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
+        }
+        return `-${minutes}:${String(secs).padStart(2, "0")}`;
+    }
+    _getTrackRect() {
+        const track = this.renderRoot.querySelector(".seek-root");
+        if (!track) {
+            return null;
+        }
+        this._trackRect = track.getBoundingClientRect();
+        return this._trackRect;
+    }
+    _getTimeFromClientX(clientX) {
+        const rect = this._getTrackRect();
+        if (!rect || rect.width <= 0) {
             return 0;
-        return Math.min(100, (this.currentTime / d) * 100);
+        }
+        const x = clientX - rect.left;
+        const percent = Math.min(1, Math.max(0, x / rect.width));
+        if (this.isLive && Number.isFinite(this._seekableWindow) && this._seekableWindow > 0) {
+            return this.seekableStart + percent * this._seekableWindow;
+        }
+        if (Number.isFinite(this.duration) && this.duration > 0) {
+            return percent * this.duration;
+        }
+        if (Number.isFinite(this._effectiveLiveEdge) && this._effectiveLiveEdge > 0) {
+            const start = Number.isFinite(this.seekableStart) ? this.seekableStart : 0;
+            const window = this._effectiveLiveEdge - start;
+            if (window > 0) {
+                return start + percent * window;
+            }
+        }
+        return percent * (this.currentTime || 1);
     }
-    render() {
-        const progressPct = this._progressPct;
-        const thumbPct = this._dragPct != null ? this._dragPct * 100 : progressPct;
-        const showTooltip = this._hovering || this._dragging;
-        const tooltipPct = this._dragging ? (this._dragPct ?? 0) * 100 : this._hoverPct * 100;
-        const tooltipTime = this._timeFromPct(tooltipPct / 100);
-        let tooltipText = this._formatTime(tooltipTime);
-        if (this.isLive && isFinite(this.duration) && this.duration > 0) {
-            const behindLive = tooltipTime - this.duration;
-            if (behindLive < -1)
-                tooltipText = this._formatTime(behindLive);
+    _updateHover(clientX) {
+        const rect = this._getTrackRect();
+        if (!rect || rect.width <= 0) {
+            return;
         }
+        const x = clientX - rect.left;
+        const percent = Math.min(1, Math.max(0, x / rect.width));
+        this._hoverPosition = percent * 100;
+        this._hoverTime = this._getTimeFromClientX(clientX);
+    }
+    _emitSeek(time) {
+        this.dispatchEvent(new CustomEvent("fw-seek", { detail: { time }, bubbles: true, composed: true }));
+    }
+    _attachDragListeners() {
+        window.addEventListener("pointermove", this._onGlobalPointerMove);
+        window.addEventListener("pointerup", this._onGlobalPointerUp);
+        window.addEventListener("pointercancel", this._onGlobalPointerUp);
+    }
+    _detachDragListeners() {
+        window.removeEventListener("pointermove", this._onGlobalPointerMove);
+        window.removeEventListener("pointerup", this._onGlobalPointerUp);
+        window.removeEventListener("pointercancel", this._onGlobalPointerUp);
+    }
+    render() {
+        const progressPercent = this._progressPercent;
+        const showThumb = this._hovering || this._dragging;
+        const canShowTooltip = this.isLive ? this._seekableWindow > 0 : Number.isFinite(this.duration);
         return lit.html `
       <div
-        class=${classMap_js.classMap({ wrap: true, "wrap--disabled": this.disabled })}
-        @pointerdown=${this._handlePointerDown}
-        @pointermove=${this._handlePointerMove}
-        @pointerup=${this._handlePointerUp}
-        @click=${this._handleClick}
-        @mouseenter=${this._handleMouseEnter}
-        @mouseleave=${this._handleMouseLeave}
+        class=${classMap_js.classMap({
+            "seek-root": true,
+            "seek-root--disabled": this.disabled,
+            "fw-seek-root": true,
+        })}
+        @pointerenter=${this._onPointerEnter}
+        @pointerleave=${this._onPointerLeave}
+        @pointermove=${this._onPointerMove}
+        @pointerdown=${this._onPointerDown}
+        role="slider"
+        aria-label="Seek"
+        aria-valuemin=${this.isLive ? this.seekableStart : 0}
+        aria-valuemax=${this.isLive
+            ? this._effectiveLiveEdge
+            : Number.isFinite(this.duration)
+                ? this.duration
+                : 100}
+        aria-valuenow=${this._displayTime}
+        aria-valuetext=${this.isLive
+            ? this._formatLiveTime(this._displayTime, this._effectiveLiveEdge)
+            : this._formatTime(this._displayTime)}
+        tabindex=${this.disabled ? -1 : 0}
+        @keydown=${this._onKeyDown}
       >
-        <div
-          class=${classMap_js.classMap({ track: true, "track--active": this._dragging, "fw-seek-track": true })}
-        >
-          <div
-            class="progress fw-seek-progress"
-            style=${styleMap_js.styleMap({ width: `${progressPct}%` })}
-          ></div>
+        <div class=${classMap_js.classMap({ "fw-seek-track": true, "fw-seek-track--active": this._dragging })}>
+          ${this._bufferedSegments.map((segment) => lit.html `
+              <div
+                class="fw-seek-buffered"
+                style=${styleMap_js.styleMap({
+            left: `${segment.startPercent}%`,
+            width: `${segment.endPercent - segment.startPercent}%`,
+        })}
+              ></div>
+            `)}
+          <div class="fw-seek-progress" style=${styleMap_js.styleMap({ width: `${progressPercent}%` })}></div>
         </div>
+
         <div
-          class=${classMap_js.classMap({ thumb: true, "thumb--active": this._dragging, "fw-seek-thumb": true })}
-          style=${styleMap_js.styleMap({ left: `${thumbPct}%` })}
+          class=${classMap_js.classMap({
+            "fw-seek-thumb": true,
+            "fw-seek-thumb--active": showThumb,
+            "fw-seek-thumb--hidden": !showThumb,
+        })}
+          style=${styleMap_js.styleMap({ left: `${progressPercent}%` })}
         ></div>
-        ${showTooltip
+
+        ${this._hovering && !this._dragging && canShowTooltip
             ? lit.html `
-              <div class="tooltip fw-seek-tooltip" style=${styleMap_js.styleMap({ left: `${tooltipPct}%` })}>
-                ${tooltipText}
+              <div class="fw-seek-tooltip" style=${styleMap_js.styleMap({ left: `${this._hoverPosition}%` })}>
+                ${this.isLive
+                ? this._formatLiveTime(this._hoverTime, this._effectiveLiveEdge)
+                : this._formatTime(this._hoverTime)}
               </div>
             `
             : lit.nothing}
@@ -137,66 +322,19 @@ exports.FwSeekBar.styles = [
         display: block;
         width: 100%;
       }
-      .wrap {
+
+      .seek-root {
         position: relative;
-        padding: 0.25rem 0;
+        width: 100%;
+        height: 1.5rem;
+        display: flex;
+        align-items: center;
         cursor: pointer;
       }
-      .wrap--disabled {
-        opacity: 0.4;
-        pointer-events: none;
-      }
-      .track {
-        position: relative;
-        height: 4px;
-        background: rgb(255 255 255 / 0.15);
-        border-radius: 2px;
-        overflow: hidden;
-        transition: height 150ms ease;
-      }
-      .wrap:hover .track,
-      .track--active {
-        height: 6px;
-      }
-      .progress {
-        position: absolute;
-        top: 0;
-        left: 0;
-        height: 100%;
-        background: hsl(var(--tn-blue, 217 89% 61%));
-        border-radius: 2px;
-        pointer-events: none;
-      }
-      .thumb {
-        position: absolute;
-        top: 50%;
-        width: 12px;
-        height: 12px;
-        border-radius: 50%;
-        background: white;
-        transform: translate(-50%, -50%) scale(0);
-        transition: transform 150ms ease;
-        z-index: 5;
-        pointer-events: none;
-      }
-      .wrap:hover .thumb,
-      .thumb--active {
-        transform: translate(-50%, -50%) scale(1);
-      }
-      .tooltip {
-        position: absolute;
-        bottom: 100%;
-        margin-bottom: 8px;
-        transform: translateX(-50%);
-        padding: 0.25rem 0.5rem;
-        border-radius: 4px;
-        background: rgb(0 0 0 / 0.85);
-        color: white;
-        font-size: 0.6875rem;
-        font-variant-numeric: tabular-nums;
-        white-space: nowrap;
-        pointer-events: none;
-        z-index: 10;
+
+      .seek-root--disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
       }
     `,
 ];
@@ -206,12 +344,24 @@ tslib_es6.__decorate([
 tslib_es6.__decorate([
     decorators_js.property({ type: Number })
 ], exports.FwSeekBar.prototype, "duration", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ attribute: false })
+], exports.FwSeekBar.prototype, "buffered", void 0);
 tslib_es6.__decorate([
     decorators_js.property({ type: Boolean })
 ], exports.FwSeekBar.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators_js.property({ type: Boolean, attribute: "is-live" })
 ], exports.FwSeekBar.prototype, "isLive", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: Number, attribute: "seekable-start" })
+], exports.FwSeekBar.prototype, "seekableStart", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: Number, attribute: "live-edge" })
+], exports.FwSeekBar.prototype, "liveEdge", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: Boolean, attribute: "commit-on-release" })
+], exports.FwSeekBar.prototype, "commitOnRelease", void 0);
 tslib_es6.__decorate([
     decorators_js.state()
 ], exports.FwSeekBar.prototype, "_hovering", void 0);
@@ -220,13 +370,13 @@ tslib_es6.__decorate([
 ], exports.FwSeekBar.prototype, "_dragging", void 0);
 tslib_es6.__decorate([
     decorators_js.state()
-], exports.FwSeekBar.prototype, "_hoverPct", void 0);
+], exports.FwSeekBar.prototype, "_dragTime", void 0);
 tslib_es6.__decorate([
     decorators_js.state()
-], exports.FwSeekBar.prototype, "_dragPct", void 0);
+], exports.FwSeekBar.prototype, "_hoverPosition", void 0);
 tslib_es6.__decorate([
-    decorators_js.query(".track")
-], exports.FwSeekBar.prototype, "_trackEl", void 0);
+    decorators_js.state()
+], exports.FwSeekBar.prototype, "_hoverTime", void 0);
 exports.FwSeekBar = tslib_es6.__decorate([
     decorators_js.customElement("fw-seek-bar")
 ], exports.FwSeekBar);

package/dist/cjs/components/fw-seek-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"fw-seek-bar.js","sources":["../../../../src/components/fw-seek-bar.ts"],"sourcesContent":["/**\n * <fw-seek-bar> — Video seek bar with buffer visualization, drag, tooltips.\n * Port of SeekBar.tsx from player-react.\n */\nimport { LitElement, html, css, nothing } from \"lit\";\nimport { customElement, property, state, query } 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\";\n\n@customElement(\"fw-seek-bar\")\nexport class FwSeekBar extends LitElement {\n  @property({ type: Number }) currentTime = 0;\n  @property({ type: Number }) duration = 0;\n  @property({ type: Boolean }) disabled = false;\n  @property({ type: Boolean, attribute: \"is-live\" }) isLive = false;\n\n  @state() private _hovering = false;\n  @state() private _dragging = false;\n  @state() private _hoverPct = 0;\n  @state() private _dragPct: number | null = null;\n\n  @query(\".track\") private _trackEl!: HTMLDivElement;\n\n  static styles = [\n    sharedStyles,\n    css`\n      :host {\n        display: block;\n        width: 100%;\n      }\n      .wrap {\n        position: relative;\n        padding: 0.25rem 0;\n        cursor: pointer;\n      }\n      .wrap--disabled {\n        opacity: 0.4;\n        pointer-events: none;\n      }\n      .track {\n        position: relative;\n        height: 4px;\n        background: rgb(255 255 255 / 0.15);\n        border-radius: 2px;\n        overflow: hidden;\n        transition: height 150ms ease;\n      }\n      .wrap:hover .track,\n      .track--active {\n        height: 6px;\n      }\n      .progress {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100%;\n        background: hsl(var(--tn-blue, 217 89% 61%));\n        border-radius: 2px;\n        pointer-events: none;\n      }\n      .thumb {\n        position: absolute;\n        top: 50%;\n        width: 12px;\n        height: 12px;\n        border-radius: 50%;\n        background: white;\n        transform: translate(-50%, -50%) scale(0);\n        transition: transform 150ms ease;\n        z-index: 5;\n        pointer-events: none;\n      }\n      .wrap:hover .thumb,\n      .thumb--active {\n        transform: translate(-50%, -50%) scale(1);\n      }\n      .tooltip {\n        position: absolute;\n        bottom: 100%;\n        margin-bottom: 8px;\n        transform: translateX(-50%);\n        padding: 0.25rem 0.5rem;\n        border-radius: 4px;\n        background: rgb(0 0 0 / 0.85);\n        color: white;\n        font-size: 0.6875rem;\n        font-variant-numeric: tabular-nums;\n        white-space: nowrap;\n        pointer-events: none;\n        z-index: 10;\n      }\n    `,\n  ];\n\n  private _pctFromEvent(e: MouseEvent | PointerEvent): number {\n    if (!this._trackEl) return 0;\n    const rect = this._trackEl.getBoundingClientRect();\n    return Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));\n  }\n\n  private _timeFromPct(pct: number): number {\n    const d = this.isLive ? this.duration : this.duration;\n    return isFinite(d) && d > 0 ? pct * d : 0;\n  }\n\n  private _formatTime(seconds: number): string {\n    if (!isFinite(seconds)) return \"0:00\";\n    const abs = Math.abs(Math.floor(seconds));\n    const h = Math.floor(abs / 3600);\n    const m = Math.floor((abs % 3600) / 60);\n    const s = abs % 60;\n    const sign = seconds < 0 ? \"-\" : \"\";\n    if (h > 0) return `${sign}${h}:${String(m).padStart(2, \"0\")}:${String(s).padStart(2, \"0\")}`;\n    return `${sign}${m}:${String(s).padStart(2, \"0\")}`;\n  }\n\n  private _handlePointerDown = (e: PointerEvent) => {\n    if (this.disabled) return;\n    e.preventDefault();\n    this._dragging = true;\n    this._dragPct = this._pctFromEvent(e);\n    (e.target as HTMLElement).setPointerCapture?.(e.pointerId);\n  };\n\n  private _handlePointerMove = (e: PointerEvent) => {\n    const pct = this._pctFromEvent(e);\n    if (this._dragging) {\n      this._dragPct = pct;\n    }\n    this._hoverPct = pct;\n  };\n\n  private _handlePointerUp = (e: PointerEvent) => {\n    if (this._dragging && this._dragPct != null) {\n      const time = this._timeFromPct(this._dragPct);\n      this.dispatchEvent(\n        new CustomEvent(\"fw-seek\", { detail: { time }, bubbles: true, composed: true })\n      );\n    }\n    this._dragging = false;\n    this._dragPct = null;\n  };\n\n  private _handleClick = (e: MouseEvent) => {\n    if (this.disabled || this._dragging) return;\n    const pct = this._pctFromEvent(e);\n    const time = this._timeFromPct(pct);\n    this.dispatchEvent(\n      new CustomEvent(\"fw-seek\", { detail: { time }, bubbles: true, composed: true })\n    );\n  };\n\n  private _handleMouseEnter = () => {\n    this._hovering = true;\n  };\n  private _handleMouseLeave = () => {\n    this._hovering = false;\n  };\n\n  private get _progressPct(): number {\n    if (this._dragPct != null) return this._dragPct * 100;\n    const d = this.duration;\n    if (!isFinite(d) || d <= 0) return 0;\n    return Math.min(100, (this.currentTime / d) * 100);\n  }\n\n  protected render() {\n    const progressPct = this._progressPct;\n    const thumbPct = this._dragPct != null ? this._dragPct * 100 : progressPct;\n    const showTooltip = this._hovering || this._dragging;\n    const tooltipPct = this._dragging ? (this._dragPct ?? 0) * 100 : this._hoverPct * 100;\n    const tooltipTime = this._timeFromPct(tooltipPct / 100);\n\n    let tooltipText = this._formatTime(tooltipTime);\n    if (this.isLive && isFinite(this.duration) && this.duration > 0) {\n      const behindLive = tooltipTime - this.duration;\n      if (behindLive < -1) tooltipText = this._formatTime(behindLive);\n    }\n\n    return html`\n      <div\n        class=${classMap({ wrap: true, \"wrap--disabled\": this.disabled })}\n        @pointerdown=${this._handlePointerDown}\n        @pointermove=${this._handlePointerMove}\n        @pointerup=${this._handlePointerUp}\n        @click=${this._handleClick}\n        @mouseenter=${this._handleMouseEnter}\n        @mouseleave=${this._handleMouseLeave}\n      >\n        <div\n          class=${classMap({ track: true, \"track--active\": this._dragging, \"fw-seek-track\": true })}\n        >\n          <div\n            class=\"progress fw-seek-progress\"\n            style=${styleMap({ width: `${progressPct}%` })}\n          ></div>\n        </div>\n        <div\n          class=${classMap({ thumb: true, \"thumb--active\": this._dragging, \"fw-seek-thumb\": true })}\n          style=${styleMap({ left: `${thumbPct}%` })}\n        ></div>\n        ${showTooltip\n          ? html`\n              <div class=\"tooltip fw-seek-tooltip\" style=${styleMap({ left: `${tooltipPct}%` })}>\n                ${tooltipText}\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-seek-bar\": FwSeekBar;\n  }\n}\n"],"names":["FwSeekBar","LitElement","html","classMap","styleMap","nothing","sharedStyles","css","__decorate","property","state","query","customElement"],"mappings":"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"}
+{"version":3,"file":"fw-seek-bar.js","sources":["../../../../src/components/fw-seek-bar.ts"],"sourcesContent":["/**\n * <fw-seek-bar> — Video seek bar with buffer visualization, drag, and live tooltips.\n * Behavioral parity with react/svelte SeekBar implementations.\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 { styleMap } from \"lit/directives/style-map.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\n\ninterface BufferedSegment {\n  startPercent: number;\n  endPercent: number;\n}\n\n@customElement(\"fw-seek-bar\")\nexport class FwSeekBar extends LitElement {\n  @property({ type: Number }) currentTime = 0;\n  @property({ type: Number }) duration = 0;\n  @property({ attribute: false }) buffered: TimeRanges | null = null;\n  @property({ type: Boolean }) disabled = false;\n  @property({ type: Boolean, attribute: \"is-live\" }) isLive = false;\n  @property({ type: Number, attribute: \"seekable-start\" }) seekableStart = 0;\n  @property({ type: Number, attribute: \"live-edge\" }) liveEdge?: number;\n  @property({ type: Boolean, attribute: \"commit-on-release\" }) commitOnRelease = false;\n\n  @state() private _hovering = false;\n  @state() private _dragging = false;\n  @state() private _dragTime: number | null = null;\n  @state() private _hoverPosition = 0;\n  @state() private _hoverTime = 0;\n\n  private _trackRect: DOMRect | null = null;\n  private _activePointerId: number | null = null;\n\n  static styles = [\n    sharedStyles,\n    css`\n      :host {\n        display: block;\n        width: 100%;\n      }\n\n      .seek-root {\n        position: relative;\n        width: 100%;\n        height: 1.5rem;\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n      }\n\n      .seek-root--disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n    `,\n  ];\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._detachDragListeners();\n  }\n\n  private get _effectiveLiveEdge(): number {\n    if (typeof this.liveEdge === \"number\" && Number.isFinite(this.liveEdge)) {\n      return this.liveEdge;\n    }\n    return this.duration;\n  }\n\n  private get _seekableWindow(): number {\n    return this._effectiveLiveEdge - this.seekableStart;\n  }\n\n  private get _displayTime(): number {\n    return this._dragTime ?? this.currentTime;\n  }\n\n  private get _progressPercent(): number {\n    const displayTime = this._displayTime;\n\n    if (this.isLive && this._seekableWindow > 0) {\n      const positionInWindow = displayTime - this.seekableStart;\n      return Math.min(100, Math.max(0, (positionInWindow / this._seekableWindow) * 100));\n    }\n\n    if (!Number.isFinite(this.duration) || this.duration <= 0) {\n      return 0;\n    }\n\n    return Math.min(100, Math.max(0, (displayTime / this.duration) * 100));\n  }\n\n  private get _bufferedSegments(): BufferedSegment[] {\n    const buffered = this.buffered;\n    if (!buffered || buffered.length === 0) {\n      return [];\n    }\n\n    const rangeEnd = this.isLive ? this._effectiveLiveEdge : this.duration;\n    const rangeStart = this.isLive ? this.seekableStart : 0;\n    const rangeSize = rangeEnd - rangeStart;\n\n    if (!Number.isFinite(rangeSize) || rangeSize <= 0) {\n      return [];\n    }\n\n    const segments: BufferedSegment[] = [];\n    for (let i = 0; i < buffered.length; i += 1) {\n      const start = buffered.start(i);\n      const end = buffered.end(i);\n      const relativeStart = start - rangeStart;\n      const relativeEnd = end - rangeStart;\n\n      segments.push({\n        startPercent: Math.min(100, Math.max(0, (relativeStart / rangeSize) * 100)),\n        endPercent: Math.min(100, Math.max(0, (relativeEnd / rangeSize) * 100)),\n      });\n    }\n\n    return segments;\n  }\n\n  private _formatTime(seconds: number): string {\n    if (!Number.isFinite(seconds) || seconds < 0) {\n      return \"0:00\";\n    }\n\n    const total = Math.floor(seconds);\n    const hours = Math.floor(total / 3600);\n    const minutes = Math.floor((total % 3600) / 60);\n    const secs = total % 60;\n\n    if (hours > 0) {\n      return `${hours}:${String(minutes).padStart(2, \"0\")}:${String(secs).padStart(2, \"0\")}`;\n    }\n\n    return `${minutes}:${String(secs).padStart(2, \"0\")}`;\n  }\n\n  private _formatLiveTime(seconds: number, edge: number): string {\n    const behindSeconds = edge - seconds;\n    if (behindSeconds < 1) {\n      return \"LIVE\";\n    }\n\n    const total = Math.floor(behindSeconds);\n    const hours = Math.floor(total / 3600);\n    const minutes = Math.floor((total % 3600) / 60);\n    const secs = total % 60;\n\n    if (hours > 0) {\n      return `-${hours}:${String(minutes).padStart(2, \"0\")}:${String(secs).padStart(2, \"0\")}`;\n    }\n\n    return `-${minutes}:${String(secs).padStart(2, \"0\")}`;\n  }\n\n  private _getTrackRect(): DOMRect | null {\n    const track = this.renderRoot.querySelector(\".seek-root\") as HTMLDivElement | null;\n    if (!track) {\n      return null;\n    }\n\n    this._trackRect = track.getBoundingClientRect();\n    return this._trackRect;\n  }\n\n  private _getTimeFromClientX(clientX: number): number {\n    const rect = this._getTrackRect();\n    if (!rect || rect.width <= 0) {\n      return 0;\n    }\n\n    const x = clientX - rect.left;\n    const percent = Math.min(1, Math.max(0, x / rect.width));\n\n    if (this.isLive && Number.isFinite(this._seekableWindow) && this._seekableWindow > 0) {\n      return this.seekableStart + percent * this._seekableWindow;\n    }\n\n    if (Number.isFinite(this.duration) && this.duration > 0) {\n      return percent * this.duration;\n    }\n\n    if (Number.isFinite(this._effectiveLiveEdge) && this._effectiveLiveEdge > 0) {\n      const start = Number.isFinite(this.seekableStart) ? this.seekableStart : 0;\n      const window = this._effectiveLiveEdge - start;\n      if (window > 0) {\n        return start + percent * window;\n      }\n    }\n\n    return percent * (this.currentTime || 1);\n  }\n\n  private _updateHover(clientX: number): void {\n    const rect = this._getTrackRect();\n    if (!rect || rect.width <= 0) {\n      return;\n    }\n\n    const x = clientX - rect.left;\n    const percent = Math.min(1, Math.max(0, x / rect.width));\n    this._hoverPosition = percent * 100;\n    this._hoverTime = this._getTimeFromClientX(clientX);\n  }\n\n  private _emitSeek(time: number): void {\n    this.dispatchEvent(\n      new CustomEvent(\"fw-seek\", { detail: { time }, bubbles: true, composed: true })\n    );\n  }\n\n  private _onKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const step = event.shiftKey ? 10 : 5;\n    const rawRangeEnd = this.isLive ? this._effectiveLiveEdge : this.duration;\n    const rangeEnd = Number.isFinite(rawRangeEnd) ? rawRangeEnd : this.currentTime + step;\n    const rangeStart = this.isLive ? this.seekableStart : 0;\n\n    let newTime: number | null = null;\n    switch (event.key) {\n      case \"ArrowLeft\":\n      case \"ArrowDown\":\n        newTime = Math.max(rangeStart, this.currentTime - step);\n        break;\n      case \"ArrowRight\":\n      case \"ArrowUp\":\n        newTime = Math.min(rangeEnd, this.currentTime + step);\n        break;\n      case \"Home\":\n        newTime = rangeStart;\n        break;\n      case \"End\":\n        newTime = rangeEnd;\n        break;\n      default:\n        return;\n    }\n\n    if (newTime != null) {\n      event.preventDefault();\n      this._emitSeek(newTime);\n    }\n  };\n\n  private _onPointerEnter = () => {\n    if (this.disabled) {\n      return;\n    }\n    this._hovering = true;\n  };\n\n  private _onPointerLeave = () => {\n    this._hovering = false;\n    this._trackRect = null;\n  };\n\n  private _onPointerMove = (event: PointerEvent) => {\n    if (this.disabled || (!this._hovering && !this._dragging)) {\n      return;\n    }\n    this._updateHover(event.clientX);\n  };\n\n  private _onPointerDown = (event: PointerEvent) => {\n    if (this.disabled) {\n      return;\n    }\n\n    if (!this.isLive && !Number.isFinite(this.duration)) {\n      return;\n    }\n\n    event.preventDefault();\n    this._activePointerId = event.pointerId;\n    this._dragging = true;\n    this._hovering = true;\n\n    const initialTime = this._getTimeFromClientX(event.clientX);\n    this._updateHover(event.clientX);\n\n    if (this.commitOnRelease) {\n      this._dragTime = initialTime;\n    } else {\n      this._emitSeek(initialTime);\n    }\n\n    this._attachDragListeners();\n  };\n\n  private _onGlobalPointerMove = (event: PointerEvent) => {\n    if (!this._dragging || this._activePointerId !== event.pointerId) {\n      return;\n    }\n\n    const time = this._getTimeFromClientX(event.clientX);\n    this._updateHover(event.clientX);\n\n    if (this.commitOnRelease) {\n      this._dragTime = time;\n    } else {\n      this._emitSeek(time);\n    }\n  };\n\n  private _onGlobalPointerUp = (event: PointerEvent) => {\n    if (!this._dragging || this._activePointerId !== event.pointerId) {\n      return;\n    }\n\n    if (this.commitOnRelease && this._dragTime != null) {\n      this._emitSeek(this._dragTime);\n    }\n\n    this._dragging = false;\n    this._dragTime = null;\n    this._activePointerId = null;\n    this._detachDragListeners();\n  };\n\n  private _attachDragListeners(): void {\n    window.addEventListener(\"pointermove\", this._onGlobalPointerMove);\n    window.addEventListener(\"pointerup\", this._onGlobalPointerUp);\n    window.addEventListener(\"pointercancel\", this._onGlobalPointerUp);\n  }\n\n  private _detachDragListeners(): void {\n    window.removeEventListener(\"pointermove\", this._onGlobalPointerMove);\n    window.removeEventListener(\"pointerup\", this._onGlobalPointerUp);\n    window.removeEventListener(\"pointercancel\", this._onGlobalPointerUp);\n  }\n\n  protected render() {\n    const progressPercent = this._progressPercent;\n    const showThumb = this._hovering || this._dragging;\n    const canShowTooltip = this.isLive ? this._seekableWindow > 0 : Number.isFinite(this.duration);\n\n    return html`\n      <div\n        class=${classMap({\n          \"seek-root\": true,\n          \"seek-root--disabled\": this.disabled,\n          \"fw-seek-root\": true,\n        })}\n        @pointerenter=${this._onPointerEnter}\n        @pointerleave=${this._onPointerLeave}\n        @pointermove=${this._onPointerMove}\n        @pointerdown=${this._onPointerDown}\n        role=\"slider\"\n        aria-label=\"Seek\"\n        aria-valuemin=${this.isLive ? this.seekableStart : 0}\n        aria-valuemax=${this.isLive\n          ? this._effectiveLiveEdge\n          : Number.isFinite(this.duration)\n            ? this.duration\n            : 100}\n        aria-valuenow=${this._displayTime}\n        aria-valuetext=${this.isLive\n          ? this._formatLiveTime(this._displayTime, this._effectiveLiveEdge)\n          : this._formatTime(this._displayTime)}\n        tabindex=${this.disabled ? -1 : 0}\n        @keydown=${this._onKeyDown}\n      >\n        <div class=${classMap({ \"fw-seek-track\": true, \"fw-seek-track--active\": this._dragging })}>\n          ${this._bufferedSegments.map(\n            (segment) => html`\n              <div\n                class=\"fw-seek-buffered\"\n                style=${styleMap({\n                  left: `${segment.startPercent}%`,\n                  width: `${segment.endPercent - segment.startPercent}%`,\n                })}\n              ></div>\n            `\n          )}\n          <div class=\"fw-seek-progress\" style=${styleMap({ width: `${progressPercent}%` })}></div>\n        </div>\n\n        <div\n          class=${classMap({\n            \"fw-seek-thumb\": true,\n            \"fw-seek-thumb--active\": showThumb,\n            \"fw-seek-thumb--hidden\": !showThumb,\n          })}\n          style=${styleMap({ left: `${progressPercent}%` })}\n        ></div>\n\n        ${this._hovering && !this._dragging && canShowTooltip\n          ? html`\n              <div class=\"fw-seek-tooltip\" style=${styleMap({ left: `${this._hoverPosition}%` })}>\n                ${this.isLive\n                  ? this._formatLiveTime(this._hoverTime, this._effectiveLiveEdge)\n                  : this._formatTime(this._hoverTime)}\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-seek-bar\": FwSeekBar;\n  }\n}\n"],"names":["FwSeekBar","LitElement","html","classMap","styleMap","nothing","sharedStyles","css","__decorate","property","state","customElement"],"mappings":"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"}