@livepeer-frameworks/player-wc 0.1.0

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

@@ -0,0 +1,313 @@
+import { PlayerController } from '@livepeer-frameworks/player-core';
+
+const initialState = {
+    state: "booting",
+    streamState: null,
+    endpoints: null,
+    metadata: null,
+    videoElement: null,
+    currentTime: 0,
+    duration: NaN,
+    isPlaying: false,
+    isPaused: true,
+    isBuffering: false,
+    isMuted: true,
+    volume: 1,
+    error: null,
+    errorDetails: null,
+    isPassiveError: false,
+    hasPlaybackStarted: false,
+    isHoldingSpeed: false,
+    holdSpeed: 2,
+    isHovering: false,
+    shouldShowControls: false,
+    isLoopEnabled: false,
+    isFullscreen: false,
+    isPiPActive: false,
+    isEffectivelyLive: false,
+    shouldShowIdleScreen: true,
+    currentPlayerInfo: null,
+    currentSourceInfo: null,
+    playbackQuality: null,
+    subtitlesEnabled: false,
+    qualities: [],
+    textTracks: [],
+    streamInfo: null,
+    toast: null,
+};
+class PlayerControllerHost {
+    constructor(host) {
+        this.controller = null;
+        this.unsubs = [];
+        this.currentConfig = null;
+        this.s = { ...initialState };
+        this.host = host;
+        host.addController(this);
+    }
+    // ---- Configuration & Lifecycle ----
+    configure(config) {
+        this.currentConfig = config;
+    }
+    async attach(container) {
+        if (!this.currentConfig)
+            return;
+        this.teardown();
+        const controller = new PlayerController({
+            contentId: this.currentConfig.contentId,
+            contentType: this.currentConfig.contentType,
+            endpoints: this.currentConfig.endpoints,
+            gatewayUrl: this.currentConfig.gatewayUrl,
+            mistUrl: this.currentConfig.mistUrl,
+            authToken: this.currentConfig.authToken,
+            autoplay: this.currentConfig.autoplay,
+            muted: this.currentConfig.muted,
+            controls: this.currentConfig.controls,
+            poster: this.currentConfig.poster,
+            debug: this.currentConfig.debug,
+        });
+        this.controller = controller;
+        this.subscribeToEvents(controller);
+        this.update({ isLoopEnabled: controller.isLoopEnabled() });
+        try {
+            await controller.attach(container);
+        }
+        catch (err) {
+            console.warn("[PlayerControllerHost] Attach failed:", err);
+        }
+    }
+    hostConnected() {
+        // Controller attachment happens in firstUpdated of the host element
+    }
+    hostDisconnected() {
+        this.teardown();
+        this.s = { ...initialState };
+    }
+    teardown() {
+        this.unsubs.forEach((fn) => fn());
+        this.unsubs = [];
+        this.controller?.destroy();
+        this.controller = null;
+    }
+    // ---- State Updates ----
+    update(partial) {
+        Object.assign(this.s, partial);
+        this.host.requestUpdate();
+    }
+    syncState() {
+        if (!this.controller)
+            return;
+        const c = this.controller;
+        this.update({
+            isPlaying: c.isPlaying(),
+            isPaused: c.isPaused(),
+            isBuffering: c.isBuffering(),
+            isMuted: c.isMuted(),
+            volume: c.getVolume(),
+            hasPlaybackStarted: c.hasPlaybackStarted(),
+            shouldShowControls: c.shouldShowControls(),
+            shouldShowIdleScreen: c.shouldShowIdleScreen(),
+            playbackQuality: c.getPlaybackQuality(),
+            isLoopEnabled: c.isLoopEnabled(),
+            subtitlesEnabled: c.isSubtitlesEnabled(),
+            qualities: c.getQualities(),
+            streamInfo: c.getStreamInfo(),
+        });
+    }
+    // ---- Event Subscriptions (mirrors usePlayerController exactly) ----
+    subscribeToEvents(controller) {
+        const u = this.unsubs;
+        u.push(controller.on("stateChange", ({ state }) => {
+            this.update({ state });
+            this.dispatchEvent("fw-state-change", { state });
+        }));
+        u.push(controller.on("streamStateChange", ({ state: streamState }) => {
+            this.update({
+                streamState,
+                metadata: controller.getMetadata(),
+                isEffectivelyLive: controller.isEffectivelyLive(),
+                shouldShowIdleScreen: controller.shouldShowIdleScreen(),
+            });
+            this.dispatchEvent("fw-stream-state", { state: streamState });
+        }));
+        u.push(controller.on("timeUpdate", ({ currentTime, duration }) => {
+            this.update({ currentTime, duration });
+            this.dispatchEvent("fw-time-update", { currentTime, duration });
+        }));
+        u.push(controller.on("error", ({ error }) => {
+            this.update({
+                error,
+                isPassiveError: controller.isPassiveError(),
+            });
+            this.dispatchEvent("fw-error", { error });
+        }));
+        u.push(controller.on("errorCleared", () => {
+            this.update({ error: null, isPassiveError: false });
+        }));
+        u.push(controller.on("ready", ({ videoElement }) => {
+            this.update({
+                videoElement,
+                endpoints: controller.getEndpoints(),
+                metadata: controller.getMetadata(),
+                streamInfo: controller.getStreamInfo(),
+                isEffectivelyLive: controller.isEffectivelyLive(),
+                shouldShowIdleScreen: controller.shouldShowIdleScreen(),
+                currentPlayerInfo: controller.getCurrentPlayerInfo(),
+                currentSourceInfo: controller.getCurrentSourceInfo(),
+                qualities: controller.getQualities(),
+            });
+            this.dispatchEvent("fw-ready", { videoElement });
+            const handleVideoEvent = () => {
+                if (this.controller?.shouldSuppressVideoEvents?.())
+                    return;
+                this.syncState();
+            };
+            videoElement.addEventListener("play", handleVideoEvent);
+            videoElement.addEventListener("pause", handleVideoEvent);
+            videoElement.addEventListener("waiting", handleVideoEvent);
+            videoElement.addEventListener("playing", handleVideoEvent);
+            u.push(() => {
+                videoElement.removeEventListener("play", handleVideoEvent);
+                videoElement.removeEventListener("pause", handleVideoEvent);
+                videoElement.removeEventListener("waiting", handleVideoEvent);
+                videoElement.removeEventListener("playing", handleVideoEvent);
+            });
+        }));
+        u.push(controller.on("playerSelected", ({ player: _player, source }) => {
+            this.update({
+                currentPlayerInfo: controller.getCurrentPlayerInfo(),
+                currentSourceInfo: { url: source.url, type: source.type },
+                qualities: controller.getQualities(),
+            });
+        }));
+        u.push(controller.on("volumeChange", ({ volume, muted }) => {
+            this.update({ volume, isMuted: muted });
+            this.dispatchEvent("fw-volume-change", { volume, muted });
+        }));
+        u.push(controller.on("loopChange", ({ isLoopEnabled }) => {
+            this.update({ isLoopEnabled });
+        }));
+        u.push(controller.on("fullscreenChange", ({ isFullscreen }) => {
+            this.update({ isFullscreen });
+            this.dispatchEvent("fw-fullscreen-change", { isFullscreen });
+        }));
+        u.push(controller.on("pipChange", ({ isPiP }) => {
+            this.update({ isPiPActive: isPiP });
+            this.dispatchEvent("fw-pip-change", { isPiP });
+        }));
+        u.push(controller.on("holdSpeedStart", ({ speed }) => {
+            this.update({ isHoldingSpeed: true, holdSpeed: speed });
+        }));
+        u.push(controller.on("holdSpeedEnd", () => {
+            this.update({ isHoldingSpeed: false });
+        }));
+        u.push(controller.on("hoverStart", () => {
+            this.update({ isHovering: true, shouldShowControls: true });
+        }));
+        u.push(controller.on("hoverEnd", () => {
+            this.update({
+                isHovering: false,
+                shouldShowControls: controller.shouldShowControls(),
+            });
+        }));
+        u.push(controller.on("captionsChange", ({ enabled }) => {
+            this.update({ subtitlesEnabled: enabled });
+        }));
+        u.push(controller.on("protocolSwapped", (data) => {
+            const message = `Switched to ${data.toProtocol}`;
+            this.update({ toast: { message, timestamp: Date.now() } });
+            this.dispatchEvent("fw-protocol-swapped", data);
+        }));
+        u.push(controller.on("playbackFailed", (data) => {
+            this.update({
+                error: data.message,
+                errorDetails: data.details ?? null,
+                isPassiveError: false,
+            });
+            this.dispatchEvent("fw-playback-failed", {
+                code: data.code,
+                message: data.message,
+            });
+        }));
+    }
+    // ---- Event Dispatching ----
+    dispatchEvent(name, detail) {
+        this.host.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }));
+    }
+    // ---- Action Methods ----
+    async play() {
+        await this.controller?.play();
+    }
+    pause() {
+        this.controller?.pause();
+    }
+    togglePlay() {
+        this.controller?.togglePlay();
+    }
+    seek(time) {
+        this.controller?.seek(time);
+    }
+    seekBy(delta) {
+        this.controller?.seekBy(delta);
+    }
+    jumpToLive() {
+        this.controller?.jumpToLive();
+    }
+    setVolume(volume) {
+        this.controller?.setVolume(volume);
+    }
+    toggleMute() {
+        this.controller?.toggleMute();
+    }
+    toggleLoop() {
+        this.controller?.toggleLoop();
+    }
+    async toggleFullscreen() {
+        await this.controller?.toggleFullscreen();
+    }
+    async togglePiP() {
+        await this.controller?.togglePictureInPicture();
+    }
+    toggleSubtitles() {
+        this.controller?.toggleSubtitles();
+    }
+    clearError() {
+        this.controller?.clearError();
+        this.update({ error: null, errorDetails: null, isPassiveError: false });
+    }
+    dismissToast() {
+        this.update({ toast: null });
+    }
+    async retry() {
+        await this.controller?.retry();
+    }
+    async reload() {
+        await this.controller?.reload();
+    }
+    getQualities() {
+        return this.controller?.getQualities() ?? [];
+    }
+    selectQuality(id) {
+        this.controller?.selectQuality(id);
+    }
+    handleMouseEnter() {
+        this.controller?.handleMouseEnter();
+    }
+    handleMouseLeave() {
+        this.controller?.handleMouseLeave();
+    }
+    handleMouseMove() {
+        this.controller?.handleMouseMove();
+    }
+    handleTouchStart() {
+        this.controller?.handleTouchStart();
+    }
+    async setDevModeOptions(options) {
+        await this.controller?.setDevModeOptions(options);
+    }
+    getController() {
+        return this.controller;
+    }
+}
+
+export { PlayerControllerHost };
+//# sourceMappingURL=player-controller-host.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"player-controller-host.js","sources":["../../../../src/controllers/player-controller-host.ts"],"sourcesContent":["/**\n * PlayerControllerHost — Lit ReactiveController wrapping the headless PlayerController.\n * Direct port of usePlayerController.ts from player-react.\n */\nimport type { ReactiveController, ReactiveControllerHost } from \"lit\";\nimport {\n  PlayerController,\n  type PlayerControllerConfig,\n  type PlayerState,\n  type StreamState,\n  type StreamInfo,\n  type PlaybackQuality,\n  type ContentEndpoints,\n  type ContentMetadata,\n  type ClassifiedError,\n} from \"@livepeer-frameworks/player-core\";\n\nexport interface PlayerControllerHostState {\n  state: PlayerState;\n  streamState: StreamState | null;\n  endpoints: ContentEndpoints | null;\n  metadata: ContentMetadata | null;\n  videoElement: HTMLVideoElement | null;\n  currentTime: number;\n  duration: number;\n  isPlaying: boolean;\n  isPaused: boolean;\n  isBuffering: boolean;\n  isMuted: boolean;\n  volume: number;\n  error: string | null;\n  errorDetails: ClassifiedError[\"details\"] | null;\n  isPassiveError: boolean;\n  hasPlaybackStarted: boolean;\n  isHoldingSpeed: boolean;\n  holdSpeed: number;\n  isHovering: boolean;\n  shouldShowControls: boolean;\n  isLoopEnabled: boolean;\n  isFullscreen: boolean;\n  isPiPActive: boolean;\n  isEffectivelyLive: boolean;\n  shouldShowIdleScreen: boolean;\n  currentPlayerInfo: { name: string; shortname: string } | null;\n  currentSourceInfo: { url: string; type: string } | null;\n  playbackQuality: PlaybackQuality | null;\n  subtitlesEnabled: boolean;\n  qualities: Array<{\n    id: string;\n    label: string;\n    bitrate?: number;\n    width?: number;\n    height?: number;\n    isAuto?: boolean;\n    active?: boolean;\n  }>;\n  textTracks: Array<{ id: string; label: string; language?: string; active: boolean }>;\n  streamInfo: StreamInfo | null;\n  toast: { message: string; timestamp: number } | null;\n}\n\nconst initialState: PlayerControllerHostState = {\n  state: \"booting\",\n  streamState: null,\n  endpoints: null,\n  metadata: null,\n  videoElement: null,\n  currentTime: 0,\n  duration: NaN,\n  isPlaying: false,\n  isPaused: true,\n  isBuffering: false,\n  isMuted: true,\n  volume: 1,\n  error: null,\n  errorDetails: null,\n  isPassiveError: false,\n  hasPlaybackStarted: false,\n  isHoldingSpeed: false,\n  holdSpeed: 2,\n  isHovering: false,\n  shouldShowControls: false,\n  isLoopEnabled: false,\n  isFullscreen: false,\n  isPiPActive: false,\n  isEffectivelyLive: false,\n  shouldShowIdleScreen: true,\n  currentPlayerInfo: null,\n  currentSourceInfo: null,\n  playbackQuality: null,\n  subtitlesEnabled: false,\n  qualities: [],\n  textTracks: [],\n  streamInfo: null,\n  toast: null,\n};\n\ntype HostElement = ReactiveControllerHost & HTMLElement;\n\nexport class PlayerControllerHost implements ReactiveController {\n  host: HostElement;\n  private controller: PlayerController | null = null;\n  private unsubs: Array<() => void> = [];\n  private currentConfig: PlayerControllerConfig | null = null;\n\n  s: PlayerControllerHostState = { ...initialState };\n\n  constructor(host: HostElement) {\n    this.host = host;\n    host.addController(this);\n  }\n\n  // ---- Configuration & Lifecycle ----\n\n  configure(config: PlayerControllerConfig) {\n    this.currentConfig = config;\n  }\n\n  async attach(container: HTMLDivElement) {\n    if (!this.currentConfig) return;\n    this.teardown();\n\n    const controller = new PlayerController({\n      contentId: this.currentConfig.contentId,\n      contentType: this.currentConfig.contentType,\n      endpoints: this.currentConfig.endpoints,\n      gatewayUrl: this.currentConfig.gatewayUrl,\n      mistUrl: this.currentConfig.mistUrl,\n      authToken: this.currentConfig.authToken,\n      autoplay: this.currentConfig.autoplay,\n      muted: this.currentConfig.muted,\n      controls: this.currentConfig.controls,\n      poster: this.currentConfig.poster,\n      debug: this.currentConfig.debug,\n    });\n\n    this.controller = controller;\n    this.subscribeToEvents(controller);\n\n    this.update({ isLoopEnabled: controller.isLoopEnabled() });\n\n    try {\n      await controller.attach(container);\n    } catch (err) {\n      console.warn(\"[PlayerControllerHost] Attach failed:\", err);\n    }\n  }\n\n  hostConnected() {\n    // Controller attachment happens in firstUpdated of the host element\n  }\n\n  hostDisconnected() {\n    this.teardown();\n    this.s = { ...initialState };\n  }\n\n  private teardown() {\n    this.unsubs.forEach((fn) => fn());\n    this.unsubs = [];\n    this.controller?.destroy();\n    this.controller = null;\n  }\n\n  // ---- State Updates ----\n\n  private update(partial: Partial<PlayerControllerHostState>) {\n    Object.assign(this.s, partial);\n    this.host.requestUpdate();\n  }\n\n  private syncState() {\n    if (!this.controller) return;\n    const c = this.controller;\n    this.update({\n      isPlaying: c.isPlaying(),\n      isPaused: c.isPaused(),\n      isBuffering: c.isBuffering(),\n      isMuted: c.isMuted(),\n      volume: c.getVolume(),\n      hasPlaybackStarted: c.hasPlaybackStarted(),\n      shouldShowControls: c.shouldShowControls(),\n      shouldShowIdleScreen: c.shouldShowIdleScreen(),\n      playbackQuality: c.getPlaybackQuality(),\n      isLoopEnabled: c.isLoopEnabled(),\n      subtitlesEnabled: c.isSubtitlesEnabled(),\n      qualities: c.getQualities(),\n      streamInfo: c.getStreamInfo(),\n    });\n  }\n\n  // ---- Event Subscriptions (mirrors usePlayerController exactly) ----\n\n  private subscribeToEvents(controller: PlayerController) {\n    const u = this.unsubs;\n\n    u.push(\n      controller.on(\"stateChange\", ({ state }) => {\n        this.update({ state });\n        this.dispatchEvent(\"fw-state-change\", { state });\n      })\n    );\n\n    u.push(\n      controller.on(\"streamStateChange\", ({ state: streamState }) => {\n        this.update({\n          streamState,\n          metadata: controller.getMetadata(),\n          isEffectivelyLive: controller.isEffectivelyLive(),\n          shouldShowIdleScreen: controller.shouldShowIdleScreen(),\n        });\n        this.dispatchEvent(\"fw-stream-state\", { state: streamState });\n      })\n    );\n\n    u.push(\n      controller.on(\"timeUpdate\", ({ currentTime, duration }) => {\n        this.update({ currentTime, duration });\n        this.dispatchEvent(\"fw-time-update\", { currentTime, duration });\n      })\n    );\n\n    u.push(\n      controller.on(\"error\", ({ error }) => {\n        this.update({\n          error,\n          isPassiveError: controller.isPassiveError(),\n        });\n        this.dispatchEvent(\"fw-error\", { error });\n      })\n    );\n\n    u.push(\n      controller.on(\"errorCleared\", () => {\n        this.update({ error: null, isPassiveError: false });\n      })\n    );\n\n    u.push(\n      controller.on(\"ready\", ({ videoElement }) => {\n        this.update({\n          videoElement,\n          endpoints: controller.getEndpoints(),\n          metadata: controller.getMetadata(),\n          streamInfo: controller.getStreamInfo(),\n          isEffectivelyLive: controller.isEffectivelyLive(),\n          shouldShowIdleScreen: controller.shouldShowIdleScreen(),\n          currentPlayerInfo: controller.getCurrentPlayerInfo(),\n          currentSourceInfo: controller.getCurrentSourceInfo(),\n          qualities: controller.getQualities(),\n        });\n        this.dispatchEvent(\"fw-ready\", { videoElement });\n\n        const handleVideoEvent = () => {\n          if (this.controller?.shouldSuppressVideoEvents?.()) return;\n          this.syncState();\n        };\n        videoElement.addEventListener(\"play\", handleVideoEvent);\n        videoElement.addEventListener(\"pause\", handleVideoEvent);\n        videoElement.addEventListener(\"waiting\", handleVideoEvent);\n        videoElement.addEventListener(\"playing\", handleVideoEvent);\n        u.push(() => {\n          videoElement.removeEventListener(\"play\", handleVideoEvent);\n          videoElement.removeEventListener(\"pause\", handleVideoEvent);\n          videoElement.removeEventListener(\"waiting\", handleVideoEvent);\n          videoElement.removeEventListener(\"playing\", handleVideoEvent);\n        });\n      })\n    );\n\n    u.push(\n      controller.on(\"playerSelected\", ({ player: _player, source }) => {\n        this.update({\n          currentPlayerInfo: controller.getCurrentPlayerInfo(),\n          currentSourceInfo: { url: source.url, type: source.type },\n          qualities: controller.getQualities(),\n        });\n      })\n    );\n\n    u.push(\n      controller.on(\"volumeChange\", ({ volume, muted }) => {\n        this.update({ volume, isMuted: muted });\n        this.dispatchEvent(\"fw-volume-change\", { volume, muted });\n      })\n    );\n\n    u.push(\n      controller.on(\"loopChange\", ({ isLoopEnabled }) => {\n        this.update({ isLoopEnabled });\n      })\n    );\n\n    u.push(\n      controller.on(\"fullscreenChange\", ({ isFullscreen }) => {\n        this.update({ isFullscreen });\n        this.dispatchEvent(\"fw-fullscreen-change\", { isFullscreen });\n      })\n    );\n\n    u.push(\n      controller.on(\"pipChange\", ({ isPiP }) => {\n        this.update({ isPiPActive: isPiP });\n        this.dispatchEvent(\"fw-pip-change\", { isPiP });\n      })\n    );\n\n    u.push(\n      controller.on(\"holdSpeedStart\", ({ speed }) => {\n        this.update({ isHoldingSpeed: true, holdSpeed: speed });\n      })\n    );\n\n    u.push(\n      controller.on(\"holdSpeedEnd\", () => {\n        this.update({ isHoldingSpeed: false });\n      })\n    );\n\n    u.push(\n      controller.on(\"hoverStart\", () => {\n        this.update({ isHovering: true, shouldShowControls: true });\n      })\n    );\n\n    u.push(\n      controller.on(\"hoverEnd\", () => {\n        this.update({\n          isHovering: false,\n          shouldShowControls: controller.shouldShowControls(),\n        });\n      })\n    );\n\n    u.push(\n      controller.on(\"captionsChange\", ({ enabled }) => {\n        this.update({ subtitlesEnabled: enabled });\n      })\n    );\n\n    u.push(\n      controller.on(\"protocolSwapped\", (data) => {\n        const message = `Switched to ${data.toProtocol}`;\n        this.update({ toast: { message, timestamp: Date.now() } });\n        this.dispatchEvent(\"fw-protocol-swapped\", data);\n      })\n    );\n\n    u.push(\n      controller.on(\"playbackFailed\", (data) => {\n        this.update({\n          error: data.message,\n          errorDetails: data.details ?? null,\n          isPassiveError: false,\n        });\n        this.dispatchEvent(\"fw-playback-failed\", {\n          code: data.code,\n          message: data.message,\n        });\n      })\n    );\n  }\n\n  // ---- Event Dispatching ----\n\n  private dispatchEvent(name: string, detail: unknown) {\n    this.host.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }));\n  }\n\n  // ---- Action Methods ----\n\n  async play() {\n    await this.controller?.play();\n  }\n  pause() {\n    this.controller?.pause();\n  }\n  togglePlay() {\n    this.controller?.togglePlay();\n  }\n  seek(time: number) {\n    this.controller?.seek(time);\n  }\n  seekBy(delta: number) {\n    this.controller?.seekBy(delta);\n  }\n  jumpToLive() {\n    this.controller?.jumpToLive();\n  }\n  setVolume(volume: number) {\n    this.controller?.setVolume(volume);\n  }\n  toggleMute() {\n    this.controller?.toggleMute();\n  }\n  toggleLoop() {\n    this.controller?.toggleLoop();\n  }\n  async toggleFullscreen() {\n    await this.controller?.toggleFullscreen();\n  }\n  async togglePiP() {\n    await this.controller?.togglePictureInPicture();\n  }\n  toggleSubtitles() {\n    this.controller?.toggleSubtitles();\n  }\n\n  clearError() {\n    this.controller?.clearError();\n    this.update({ error: null, errorDetails: null, isPassiveError: false });\n  }\n\n  dismissToast() {\n    this.update({ toast: null });\n  }\n\n  async retry() {\n    await this.controller?.retry();\n  }\n  async reload() {\n    await this.controller?.reload();\n  }\n\n  getQualities() {\n    return this.controller?.getQualities() ?? [];\n  }\n  selectQuality(id: string) {\n    this.controller?.selectQuality(id);\n  }\n\n  handleMouseEnter() {\n    this.controller?.handleMouseEnter();\n  }\n  handleMouseLeave() {\n    this.controller?.handleMouseLeave();\n  }\n  handleMouseMove() {\n    this.controller?.handleMouseMove();\n  }\n  handleTouchStart() {\n    this.controller?.handleTouchStart();\n  }\n\n  async setDevModeOptions(options: {\n    forcePlayer?: string;\n    forceType?: string;\n    forceSource?: number;\n    playbackMode?: \"auto\" | \"low-latency\" | \"quality\" | \"vod\";\n  }) {\n    await this.controller?.setDevModeOptions(options);\n  }\n\n  getController(): PlayerController | null {\n    return this.controller;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/define.js

@@ -0,0 +1,43 @@
+import { FwPlayer } from './components/fw-player.js';
+import { FwPlayerControls } from './components/fw-player-controls.js';
+import { FwSeekBar } from './components/fw-seek-bar.js';
+import { FwVolumeControl } from './components/fw-volume-control.js';
+import { FwSettingsMenu } from './components/fw-settings-menu.js';
+import { FwIdleScreen } from './components/fw-idle-screen.js';
+import { FwLoadingSpinner } from './components/fw-loading-spinner.js';
+import { FwTitleOverlay } from './components/fw-title-overlay.js';
+import { FwErrorOverlay } from './components/fw-error-overlay.js';
+import { FwToast } from './components/fw-toast.js';
+import { FwStatsPanel } from './components/fw-stats-panel.js';
+import { FwDevModePanel } from './components/fw-dev-mode-panel.js';
+import { FwSubtitleRenderer } from './components/fw-subtitle-renderer.js';
+import { FwSkipIndicator } from './components/fw-skip-indicator.js';
+import { FwSpeedIndicator } from './components/fw-speed-indicator.js';
+import { FwContextMenu } from './components/fw-context-menu.js';
+
+/**
+ * Side-effect import that registers all custom elements.
+ * Usage: import '@livepeer-frameworks/player-wc/define';
+ */
+function safeDefine(name, ctor) {
+    if (!customElements.get(name)) {
+        customElements.define(name, ctor);
+    }
+}
+safeDefine("fw-player", FwPlayer);
+safeDefine("fw-player-controls", FwPlayerControls);
+safeDefine("fw-seek-bar", FwSeekBar);
+safeDefine("fw-volume-control", FwVolumeControl);
+safeDefine("fw-settings-menu", FwSettingsMenu);
+safeDefine("fw-idle-screen", FwIdleScreen);
+safeDefine("fw-loading-spinner", FwLoadingSpinner);
+safeDefine("fw-title-overlay", FwTitleOverlay);
+safeDefine("fw-error-overlay", FwErrorOverlay);
+safeDefine("fw-toast", FwToast);
+safeDefine("fw-stats-panel", FwStatsPanel);
+safeDefine("fw-dev-mode-panel", FwDevModePanel);
+safeDefine("fw-subtitle-renderer", FwSubtitleRenderer);
+safeDefine("fw-skip-indicator", FwSkipIndicator);
+safeDefine("fw-speed-indicator", FwSpeedIndicator);
+safeDefine("fw-context-menu", FwContextMenu);
+//# sourceMappingURL=define.js.map

package/dist/esm/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sources":["../../../src/define.ts"],"sourcesContent":["/**\n * Side-effect import that registers all custom elements.\n * Usage: import '@livepeer-frameworks/player-wc/define';\n */\nimport { FwPlayer } from \"./components/fw-player.js\";\nimport { FwPlayerControls } from \"./components/fw-player-controls.js\";\nimport { FwSeekBar } from \"./components/fw-seek-bar.js\";\nimport { FwVolumeControl } from \"./components/fw-volume-control.js\";\nimport { FwSettingsMenu } from \"./components/fw-settings-menu.js\";\nimport { FwIdleScreen } from \"./components/fw-idle-screen.js\";\nimport { FwLoadingSpinner } from \"./components/fw-loading-spinner.js\";\nimport { FwTitleOverlay } from \"./components/fw-title-overlay.js\";\nimport { FwErrorOverlay } from \"./components/fw-error-overlay.js\";\nimport { FwToast } from \"./components/fw-toast.js\";\nimport { FwStatsPanel } from \"./components/fw-stats-panel.js\";\nimport { FwDevModePanel } from \"./components/fw-dev-mode-panel.js\";\nimport { FwSubtitleRenderer } from \"./components/fw-subtitle-renderer.js\";\nimport { FwSkipIndicator } from \"./components/fw-skip-indicator.js\";\nimport { FwSpeedIndicator } from \"./components/fw-speed-indicator.js\";\nimport { FwContextMenu } from \"./components/fw-context-menu.js\";\n\nfunction safeDefine(name: string, ctor: CustomElementConstructor) {\n  if (!customElements.get(name)) {\n    customElements.define(name, ctor);\n  }\n}\n\nsafeDefine(\"fw-player\", FwPlayer);\nsafeDefine(\"fw-player-controls\", FwPlayerControls);\nsafeDefine(\"fw-seek-bar\", FwSeekBar);\nsafeDefine(\"fw-volume-control\", FwVolumeControl);\nsafeDefine(\"fw-settings-menu\", FwSettingsMenu);\nsafeDefine(\"fw-idle-screen\", FwIdleScreen);\nsafeDefine(\"fw-loading-spinner\", FwLoadingSpinner);\nsafeDefine(\"fw-title-overlay\", FwTitleOverlay);\nsafeDefine(\"fw-error-overlay\", FwErrorOverlay);\nsafeDefine(\"fw-toast\", FwToast);\nsafeDefine(\"fw-stats-panel\", FwStatsPanel);\nsafeDefine(\"fw-dev-mode-panel\", FwDevModePanel);\nsafeDefine(\"fw-subtitle-renderer\", FwSubtitleRenderer);\nsafeDefine(\"fw-skip-indicator\", FwSkipIndicator);\nsafeDefine(\"fw-speed-indicator\", FwSpeedIndicator);\nsafeDefine(\"fw-context-menu\", FwContextMenu);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;AAGG;AAkBH,SAAS,UAAU,CAAC,IAAY,EAAE,IAA8B,EAAA;IAC9D,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AAC7B,QAAA,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC;IACnC;AACF;AAEA,UAAU,CAAC,WAAW,EAAE,QAAQ,CAAC;AACjC,UAAU,CAAC,oBAAoB,EAAE,gBAAgB,CAAC;AAClD,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC;AACpC,UAAU,CAAC,mBAAmB,EAAE,eAAe,CAAC;AAChD,UAAU,CAAC,kBAAkB,EAAE,cAAc,CAAC;AAC9C,UAAU,CAAC,gBAAgB,EAAE,YAAY,CAAC;AAC1C,UAAU,CAAC,oBAAoB,EAAE,gBAAgB,CAAC;AAClD,UAAU,CAAC,kBAAkB,EAAE,cAAc,CAAC;AAC9C,UAAU,CAAC,kBAAkB,EAAE,cAAc,CAAC;AAC9C,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC;AAC/B,UAAU,CAAC,gBAAgB,EAAE,YAAY,CAAC;AAC1C,UAAU,CAAC,mBAAmB,EAAE,cAAc,CAAC;AAC/C,UAAU,CAAC,sBAAsB,EAAE,kBAAkB,CAAC;AACtD,UAAU,CAAC,mBAAmB,EAAE,eAAe,CAAC;AAChD,UAAU,CAAC,oBAAoB,EAAE,gBAAgB,CAAC;AAClD,UAAU,CAAC,iBAAiB,EAAE,aAAa,CAAC"}

package/dist/esm/icons/index.js

@@ -0,0 +1,141 @@
+import { html } from 'lit';
+
+/**
+ * SVG icons as Lit html template functions.
+ * Port of Icons.tsx from player-react.
+ */
+const playIcon = (size = 16, color = "currentColor") => html `
+  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+    <path d="M8 5v14l11-7z" fill="${color}" />
+  </svg>
+`;
+const pauseIcon = (size = 16, color = "currentColor") => html `
+  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+    <rect x="6" y="4" width="4" height="16" fill="${color}" />
+    <rect x="14" y="4" width="4" height="16" fill="${color}" />
+  </svg>
+`;
+const volumeUpIcon = (size = 16, color = "currentColor") => html `
+  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+    <polygon points="11,5 6,9 2,9 2,15 6,15 11,19" fill="${color}" />
+    <path
+      d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"
+      stroke="${color}"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+`;
+const volumeOffIcon = (size = 16, color = "currentColor") => html `
+  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+    <polygon points="11,5 6,9 2,9 2,15 6,15 11,19" fill="${color}" />
+    <line
+      x1="23"
+      y1="9"
+      x2="17"
+      y2="15"
+      stroke="${color}"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+    <line
+      x1="17"
+      y1="9"
+      x2="23"
+      y2="15"
+      stroke="${color}"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+  </svg>
+`;
+const fullscreenIcon = (size = 16, color = "currentColor") => html `
+  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+    <path
+      d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3m8 0h3a2 2 0 0 0 2-2v-3"
+      stroke="${color}"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+`;
+const fullscreenExitIcon = (size = 16, color = "currentColor") => html `
+  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+    <path
+      d="M8 3v3a2 2 0 0 1-2 2H3M21 8h-3a2 2 0 0 1-2-2V3M3 16h3a2 2 0 0 1 2 2v3M16 21v-3a2 2 0 0 1 2-2h3"
+      stroke="${color}"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+`;
+const pictureInPictureIcon = (size = 16, color = "currentColor") => html `
+  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+    <rect
+      x="2"
+      y="3"
+      width="20"
+      height="14"
+      rx="2"
+      ry="2"
+      stroke="${color}"
+      stroke-width="2"
+      fill="none"
+    />
+    <rect x="8" y="10" width="10" height="6" rx="1" ry="1" fill="${color}" />
+  </svg>
+`;
+const settingsIcon = (size = 16, color = "currentColor") => html `
+  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+    <path
+      d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+      stroke="${color}"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1Z"
+      stroke="${color}"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+`;
+const statsIcon = (size = 16, color = "currentColor") => html `
+  <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+    <rect x="4" y="13" width="4" height="7" fill="${color}" />
+    <rect x="10" y="9" width="4" height="11" fill="${color}" />
+    <rect x="16" y="4" width="4" height="16" fill="${color}" />
+  </svg>
+`;
+const closeIcon = (size = 12, color = "currentColor") => html `
+  <svg width="${size}" height="${size}" viewBox="0 0 12 12" fill="none" aria-hidden="true">
+    <path d="M9 3L3 9M3 3L9 9" stroke="${color}" stroke-width="1.5" stroke-linecap="round" />
+  </svg>
+`;
+const loopIcon = (size = 14, color = "currentColor") => html `
+  <svg
+    width="${size}"
+    height="${size}"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="${color}"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true"
+  >
+    <polyline points="17 1 21 5 17 9"></polyline>
+    <path d="M3 11V9a4 4 0 0 1 4-4h14"></path>
+    <polyline points="7 23 3 19 7 15"></polyline>
+    <path d="M21 13v2a4 4 0 0 1-4 4H3"></path>
+  </svg>
+`;
+
+export { closeIcon, fullscreenExitIcon, fullscreenIcon, loopIcon, pauseIcon, pictureInPictureIcon, playIcon, settingsIcon, statsIcon, volumeOffIcon, volumeUpIcon };
+//# sourceMappingURL=index.js.map

package/dist/esm/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/icons/index.ts"],"sourcesContent":["/**\n * SVG icons as Lit html template functions.\n * Port of Icons.tsx from player-react.\n */\nimport { html, svg, type TemplateResult } from \"lit\";\n\ntype IconTemplate = (size?: number, color?: string) => TemplateResult;\n\nexport const playIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M8 5v14l11-7z\" fill=\"${color}\" />\n  </svg>\n`;\n\nexport const pauseIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" fill=\"${color}\" />\n    <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" fill=\"${color}\" />\n  </svg>\n`;\n\nexport const skipBackIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"\n      fill=\"${color}\"\n    />\n    ${svg`<text x=\"12\" y=\"15\" font-size=\"7\" font-weight=\"bold\" fill=\"${color}\" text-anchor=\"middle\">10</text>`}\n  </svg>\n`;\n\nexport const skipForwardIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M12 5V1l5 5-5 5V7c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6h2c0 4.42-3.58 8-8 8s-8-3.58-8-8 3.58-8 8-8z\"\n      fill=\"${color}\"\n    />\n    ${svg`<text x=\"12\" y=\"15\" font-size=\"7\" font-weight=\"bold\" fill=\"${color}\" text-anchor=\"middle\">10</text>`}\n  </svg>\n`;\n\nexport const volumeUpIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <polygon points=\"11,5 6,9 2,9 2,15 6,15 11,19\" fill=\"${color}\" />\n    <path\n      d=\"M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07\"\n      stroke=\"${color}\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n`;\n\nexport const volumeOffIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <polygon points=\"11,5 6,9 2,9 2,15 6,15 11,19\" fill=\"${color}\" />\n    <line\n      x1=\"23\"\n      y1=\"9\"\n      x2=\"17\"\n      y2=\"15\"\n      stroke=\"${color}\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n    />\n    <line\n      x1=\"17\"\n      y1=\"9\"\n      x2=\"23\"\n      y2=\"15\"\n      stroke=\"${color}\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n`;\n\nexport const fullscreenIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3m8 0h3a2 2 0 0 0 2-2v-3\"\n      stroke=\"${color}\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n`;\n\nexport const fullscreenExitIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M8 3v3a2 2 0 0 1-2 2H3M21 8h-3a2 2 0 0 1-2-2V3M3 16h3a2 2 0 0 1 2 2v3M16 21v-3a2 2 0 0 1 2-2h3\"\n      stroke=\"${color}\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n`;\n\nexport const pictureInPictureIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <rect\n      x=\"2\"\n      y=\"3\"\n      width=\"20\"\n      height=\"14\"\n      rx=\"2\"\n      ry=\"2\"\n      stroke=\"${color}\"\n      stroke-width=\"2\"\n      fill=\"none\"\n    />\n    <rect x=\"8\" y=\"10\" width=\"10\" height=\"6\" rx=\"1\" ry=\"1\" fill=\"${color}\" />\n  </svg>\n`;\n\nexport const closedCaptionsIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <rect\n      x=\"2\"\n      y=\"4\"\n      width=\"20\"\n      height=\"16\"\n      rx=\"2\"\n      ry=\"2\"\n      stroke=\"${color}\"\n      stroke-width=\"2\"\n      fill=\"none\"\n    />\n    <path\n      d=\"M8 10c0-.6.4-1 1-1h1c.6 0 1 .4 1 1v4c0 .6-.4 1-1 1H9c-.6 0-1-.4-1-1v-4zM14 10c0-.6.4-1 1-1h1c.6 0 1 .4 1 1v4c0 .6-.4 1-1 1h-1c-.6 0-1-.4-1-1v-4z\"\n      fill=\"${color}\"\n    />\n  </svg>\n`;\n\nexport const liveIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"${color}\" />\n    <path\n      d=\"M12 1v6M12 17v6M4.22 4.22l4.24 4.24M15.54 15.54l4.24 4.24M1 12h6M17 12h6M4.22 19.78l4.24-4.24M15.54 8.46l4.24-4.24\"\n      stroke=\"${color}\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n`;\n\nexport const settingsIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\"\n      stroke=\"${color}\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1Z\"\n      stroke=\"${color}\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n`;\n\nexport const statsIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"4\" y=\"13\" width=\"4\" height=\"7\" fill=\"${color}\" />\n    <rect x=\"10\" y=\"9\" width=\"4\" height=\"11\" fill=\"${color}\" />\n    <rect x=\"16\" y=\"4\" width=\"4\" height=\"16\" fill=\"${color}\" />\n  </svg>\n`;\n\nexport const seekToLiveIcon: IconTemplate = (size = 16, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M5 5v14l11-7z\" fill=\"${color}\" />\n    <rect x=\"17\" y=\"5\" width=\"3\" height=\"14\" fill=\"${color}\" />\n  </svg>\n`;\n\nexport const closeIcon: IconTemplate = (size = 12, color = \"currentColor\") => html`\n  <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M9 3L3 9M3 3L9 9\" stroke=\"${color}\" stroke-width=\"1.5\" stroke-linecap=\"round\" />\n  </svg>\n`;\n\nexport const loopIcon: IconTemplate = (size = 14, color = \"currentColor\") => html`\n  <svg\n    width=\"${size}\"\n    height=\"${size}\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"${color}\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <polyline points=\"17 1 21 5 17 9\"></polyline>\n    <path d=\"M3 11V9a4 4 0 0 1 4-4h14\"></path>\n    <polyline points=\"7 23 3 19 7 15\"></polyline>\n    <path d=\"M21 13v2a4 4 0 0 1-4 4H3\"></path>\n  </svg>\n`;\n"],"names":[],"mappings":";;AAAA;;;AAGG;AAKI,MAAM,QAAQ,GAAiB,CAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI,CAAA;AACjE,cAAA,EAAA,IAAI,aAAa,IAAI,CAAA;oCACD,KAAK,CAAA;;;AAIlC,MAAM,SAAS,GAAiB,CAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI,CAAA;AAClE,cAAA,EAAA,IAAI,aAAa,IAAI,CAAA;oDACe,KAAK,CAAA;qDACJ,KAAK,CAAA;;;AAwBnD,MAAM,YAAY,GAAiB,CAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI,CAAA;AACrE,cAAA,EAAA,IAAI,aAAa,IAAI,CAAA;2DACsB,KAAK,CAAA;;;gBAGhD,KAAK,CAAA;;;;;;;AAQd,MAAM,aAAa,GAAiB,CAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI,CAAA;AACtE,cAAA,EAAA,IAAI,aAAa,IAAI,CAAA;2DACsB,KAAK,CAAA;;;;;;gBAMhD,KAAK,CAAA;;;;;;;;;gBASL,KAAK,CAAA;;;;;;AAOd,MAAM,cAAc,GAAiB,CAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI,CAAA;AACvE,cAAA,EAAA,IAAI,aAAa,IAAI,CAAA;;;gBAGrB,KAAK,CAAA;;;;;;;AAQd,MAAM,kBAAkB,GAAiB,CAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI,CAAA;AAC3E,cAAA,EAAA,IAAI,aAAa,IAAI,CAAA;;;gBAGrB,KAAK,CAAA;;;;;;;AAQd,MAAM,oBAAoB,GAAiB,CAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI,CAAA;AAC7E,cAAA,EAAA,IAAI,aAAa,IAAI,CAAA;;;;;;;;gBAQrB,KAAK,CAAA;;;;mEAI8C,KAAK,CAAA;;;AAoCjE,MAAM,YAAY,GAAiB,CAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI,CAAA;AACrE,cAAA,EAAA,IAAI,aAAa,IAAI,CAAA;;;gBAGrB,KAAK,CAAA;;;;;;;gBAOL,KAAK,CAAA;;;;;;;AAQd,MAAM,SAAS,GAAiB,CAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI,CAAA;AAClE,cAAA,EAAA,IAAI,aAAa,IAAI,CAAA;oDACe,KAAK,CAAA;qDACJ,KAAK,CAAA;qDACL,KAAK,CAAA;;;AAWnD,MAAM,SAAS,GAAiB,CAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI,CAAA;AAClE,cAAA,EAAA,IAAI,aAAa,IAAI,CAAA;yCACI,KAAK,CAAA;;;AAIvC,MAAM,QAAQ,GAAiB,CAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,KAAK,IAAI,CAAA;;aAEpE,IAAI,CAAA;cACH,IAAI,CAAA;;;cAGJ,KAAK,CAAA;;;;;;;;;;;;;;;"}

package/dist/esm/index.js

@@ -0,0 +1,18 @@
+export { FwPlayer } from './components/fw-player.js';
+export { FwPlayerControls } from './components/fw-player-controls.js';
+export { FwSeekBar } from './components/fw-seek-bar.js';
+export { FwVolumeControl } from './components/fw-volume-control.js';
+export { FwSettingsMenu } from './components/fw-settings-menu.js';
+export { FwIdleScreen } from './components/fw-idle-screen.js';
+export { FwLoadingSpinner } from './components/fw-loading-spinner.js';
+export { FwTitleOverlay } from './components/fw-title-overlay.js';
+export { FwErrorOverlay } from './components/fw-error-overlay.js';
+export { FwToast } from './components/fw-toast.js';
+export { FwStatsPanel } from './components/fw-stats-panel.js';
+export { FwDevModePanel } from './components/fw-dev-mode-panel.js';
+export { FwSubtitleRenderer } from './components/fw-subtitle-renderer.js';
+export { FwSkipIndicator } from './components/fw-skip-indicator.js';
+export { FwSpeedIndicator } from './components/fw-speed-indicator.js';
+export { FwContextMenu } from './components/fw-context-menu.js';
+export { PlayerControllerHost } from './controllers/player-controller-host.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/esm/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

@@ -0,0 +1,31 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+export { __decorate };
+//# sourceMappingURL=tslib.es6.js.map