@livepeer-frameworks/player-wc 0.1.9 → 0.2.2

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

@@ -1,217 +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 styleMap_js = require('lit/directives/style-map.js');
-
-const DEFAULT_STYLE = {
-    fontSize: "1.5rem",
-    fontFamily: "system-ui, -apple-system, sans-serif",
-    color: "white",
-    backgroundColor: "rgba(0, 0, 0, 0.75)",
-    textShadow: "2px 2px 4px rgba(0, 0, 0, 0.5)",
-    bottom: "5%",
-    maxWidth: "90%",
-    padding: "0.5em 1em",
-    borderRadius: "4px",
-};
-exports.FwSubtitleRenderer = class FwSubtitleRenderer extends lit.LitElement {
-    constructor() {
-        super(...arguments);
-        this.currentTime = 0;
-        this.enabled = true;
-        this.cues = [];
-        this.className = "";
-        this._liveCues = [];
-        this._displayedText = "";
-        this._unsubscribe = null;
-        this._handleMetaEvent = (event) => {
-            if (event.type !== "subtitle") {
-                return;
-            }
-            const cue = this._parseSubtitleCue(event.data);
-            if (!cue) {
-                return;
-            }
-            this._liveCues = (() => {
-                const existing = this._liveCues.find((value) => value.id === cue.id);
-                if (existing) {
-                    return this._liveCues;
-                }
-                return [...this._liveCues, cue].slice(-50);
-            })();
-        };
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this._teardownSubscription();
-    }
-    updated(changed) {
-        if (changed.has("enabled") ||
-            changed.has("subscribeToMetaTrack") ||
-            changed.has("metaTrackId")) {
-            this._syncSubscription();
-        }
-        if (changed.has("currentTime") || changed.has("_liveCues")) {
-            this._pruneExpiredLiveCues();
-        }
-        if (changed.has("enabled") ||
-            changed.has("currentTime") ||
-            changed.has("cues") ||
-            changed.has("_liveCues")) {
-            this._syncDisplayedCue();
-        }
-    }
-    _syncSubscription() {
-        this._teardownSubscription();
-        if (!this.enabled || !this.subscribeToMetaTrack || !this.metaTrackId) {
-            return;
-        }
-        this._unsubscribe = this.subscribeToMetaTrack(this.metaTrackId, this._handleMetaEvent);
-    }
-    _teardownSubscription() {
-        if (this._unsubscribe) {
-            this._unsubscribe();
-            this._unsubscribe = null;
-        }
-    }
-    _parseSubtitleCue(data) {
-        if (typeof data !== "object" || data === null) {
-            return null;
-        }
-        const obj = data;
-        const text = typeof obj.text === "string" ? obj.text : String(obj.text ?? "");
-        if (!text) {
-            return null;
-        }
-        const rawStart = "startTime" in obj ? Number(obj.startTime) : "start" in obj ? Number(obj.start) : 0;
-        const rawEnd = "endTime" in obj ? Number(obj.endTime) : "end" in obj ? Number(obj.end) : Infinity;
-        const startTime = Number.isFinite(rawStart) ? rawStart : 0;
-        const endTime = Number.isFinite(rawEnd) ? rawEnd : Infinity;
-        const id = typeof obj.id === "string" ? obj.id : String(Date.now() + Math.random());
-        return {
-            id,
-            text,
-            startTime,
-            endTime,
-            lang: typeof obj.lang === "string" ? obj.lang : undefined,
-        };
-    }
-    _getAllCues() {
-        return [...(this.cues ?? []), ...this._liveCues];
-    }
-    _syncDisplayedCue() {
-        if (!this.enabled) {
-            if (this._displayedText) {
-                this._displayedText = "";
-            }
-            return;
-        }
-        const currentTimeMs = this.currentTime * 1000;
-        const activeCue = this._getAllCues().find((cue) => currentTimeMs >= cue.startTime && currentTimeMs < cue.endTime);
-        const nextText = activeCue?.text ?? "";
-        if (nextText !== this._displayedText) {
-            this._displayedText = nextText;
-        }
-    }
-    _pruneExpiredLiveCues() {
-        if (this._liveCues.length === 0) {
-            return;
-        }
-        const currentTimeMs = this.currentTime * 1000;
-        const filtered = this._liveCues.filter((cue) => {
-            const endTime = cue.endTime === Infinity ? cue.startTime + 10000 : cue.endTime;
-            return endTime >= currentTimeMs - 30000;
-        });
-        if (filtered.length !== this._liveCues.length) {
-            this._liveCues = filtered;
-        }
-    }
-    render() {
-        if (!this.enabled || !this._displayedText) {
-            return lit.nothing;
-        }
-        const mergedStyle = {
-            ...DEFAULT_STYLE,
-            ...(this.subtitleStyle ?? {}),
-        };
-        return lit.html `
-      <div
-        class="subtitle-container ${this.className}"
-        style=${styleMap_js.styleMap({
-            bottom: mergedStyle.bottom,
-            maxWidth: mergedStyle.maxWidth,
-        })}
-        role="region"
-        aria-live="polite"
-        aria-label="Subtitles"
-      >
-        <span
-          class="subtitle-text"
-          style=${styleMap_js.styleMap({
-            fontSize: mergedStyle.fontSize,
-            fontFamily: mergedStyle.fontFamily,
-            color: mergedStyle.color,
-            backgroundColor: mergedStyle.backgroundColor,
-            textShadow: mergedStyle.textShadow,
-            padding: mergedStyle.padding,
-            borderRadius: mergedStyle.borderRadius,
-        })}
-        >
-          ${this._displayedText}
-        </span>
-      </div>
-    `;
-    }
-};
-exports.FwSubtitleRenderer.styles = lit.css `
-    :host {
-      display: contents;
-    }
-
-    .subtitle-container {
-      position: absolute;
-      left: 50%;
-      transform: translateX(-50%);
-      z-index: 30;
-      text-align: center;
-      pointer-events: none;
-    }
-
-    .subtitle-text {
-      display: inline-block;
-      white-space: pre-wrap;
-    }
-  `;
-tslib_es6.__decorate([
-    decorators_js.property({ type: Number })
-], exports.FwSubtitleRenderer.prototype, "currentTime", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean })
-], exports.FwSubtitleRenderer.prototype, "enabled", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ attribute: false })
-], exports.FwSubtitleRenderer.prototype, "cues", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ attribute: false })
-], exports.FwSubtitleRenderer.prototype, "subscribeToMetaTrack", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: String, attribute: "meta-track-id" })
-], exports.FwSubtitleRenderer.prototype, "metaTrackId", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ attribute: false })
-], exports.FwSubtitleRenderer.prototype, "subtitleStyle", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: String, attribute: "class-name" })
-], exports.FwSubtitleRenderer.prototype, "className", void 0);
-tslib_es6.__decorate([
-    decorators_js.state()
-], exports.FwSubtitleRenderer.prototype, "_liveCues", void 0);
-tslib_es6.__decorate([
-    decorators_js.state()
-], exports.FwSubtitleRenderer.prototype, "_displayedText", void 0);
-exports.FwSubtitleRenderer = tslib_es6.__decorate([
-    decorators_js.customElement("fw-subtitle-renderer")
-], exports.FwSubtitleRenderer);
-//# sourceMappingURL=fw-subtitle-renderer.js.map

package/dist/cjs/components/fw-subtitle-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fw-subtitle-renderer.js","sources":["../../../../src/components/fw-subtitle-renderer.ts"],"sourcesContent":["import { LitElement, css, html, nothing } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\n\ninterface SubtitleCue {\n  id?: string;\n  text: string;\n  startTime: number;\n  endTime: number;\n  lang?: string;\n}\n\ninterface MetaTrackEvent {\n  type: string;\n  data: unknown;\n}\n\ninterface SubtitleStyle {\n  fontSize?: string;\n  fontFamily?: string;\n  color?: string;\n  backgroundColor?: string;\n  textShadow?: string;\n  bottom?: string;\n  maxWidth?: string;\n  padding?: string;\n  borderRadius?: string;\n}\n\nconst DEFAULT_STYLE: Required<SubtitleStyle> = {\n  fontSize: \"1.5rem\",\n  fontFamily: \"system-ui, -apple-system, sans-serif\",\n  color: \"white\",\n  backgroundColor: \"rgba(0, 0, 0, 0.75)\",\n  textShadow: \"2px 2px 4px rgba(0, 0, 0, 0.5)\",\n  bottom: \"5%\",\n  maxWidth: \"90%\",\n  padding: \"0.5em 1em\",\n  borderRadius: \"4px\",\n};\n\n@customElement(\"fw-subtitle-renderer\")\nexport class FwSubtitleRenderer extends LitElement {\n  @property({ type: Number }) currentTime = 0;\n  @property({ type: Boolean }) enabled = true;\n  @property({ attribute: false }) cues: SubtitleCue[] = [];\n  @property({ attribute: false })\n  subscribeToMetaTrack?: (trackId: string, callback: (event: MetaTrackEvent) => void) => () => void;\n  @property({ type: String, attribute: \"meta-track-id\" }) metaTrackId?: string;\n  @property({ attribute: false }) subtitleStyle?: SubtitleStyle;\n  @property({ type: String, attribute: \"class-name\" }) className = \"\";\n\n  @state() private _liveCues: SubtitleCue[] = [];\n  @state() private _displayedText = \"\";\n\n  private _unsubscribe: (() => void) | null = null;\n\n  static styles = css`\n    :host {\n      display: contents;\n    }\n\n    .subtitle-container {\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 30;\n      text-align: center;\n      pointer-events: none;\n    }\n\n    .subtitle-text {\n      display: inline-block;\n      white-space: pre-wrap;\n    }\n  `;\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._teardownSubscription();\n  }\n\n  protected updated(changed: Map<string, unknown>): void {\n    if (\n      changed.has(\"enabled\") ||\n      changed.has(\"subscribeToMetaTrack\") ||\n      changed.has(\"metaTrackId\")\n    ) {\n      this._syncSubscription();\n    }\n\n    if (changed.has(\"currentTime\") || changed.has(\"_liveCues\")) {\n      this._pruneExpiredLiveCues();\n    }\n\n    if (\n      changed.has(\"enabled\") ||\n      changed.has(\"currentTime\") ||\n      changed.has(\"cues\") ||\n      changed.has(\"_liveCues\")\n    ) {\n      this._syncDisplayedCue();\n    }\n  }\n\n  private _syncSubscription(): void {\n    this._teardownSubscription();\n\n    if (!this.enabled || !this.subscribeToMetaTrack || !this.metaTrackId) {\n      return;\n    }\n\n    this._unsubscribe = this.subscribeToMetaTrack(this.metaTrackId, this._handleMetaEvent);\n  }\n\n  private _teardownSubscription(): void {\n    if (this._unsubscribe) {\n      this._unsubscribe();\n      this._unsubscribe = null;\n    }\n  }\n\n  private _handleMetaEvent = (event: MetaTrackEvent): void => {\n    if (event.type !== \"subtitle\") {\n      return;\n    }\n\n    const cue = this._parseSubtitleCue(event.data);\n    if (!cue) {\n      return;\n    }\n\n    this._liveCues = (() => {\n      const existing = this._liveCues.find((value) => value.id === cue.id);\n      if (existing) {\n        return this._liveCues;\n      }\n      return [...this._liveCues, cue].slice(-50);\n    })();\n  };\n\n  private _parseSubtitleCue(data: unknown): SubtitleCue | null {\n    if (typeof data !== \"object\" || data === null) {\n      return null;\n    }\n\n    const obj = data as Record<string, unknown>;\n    const text = typeof obj.text === \"string\" ? obj.text : String(obj.text ?? \"\");\n    if (!text) {\n      return null;\n    }\n\n    const rawStart =\n      \"startTime\" in obj ? Number(obj.startTime) : \"start\" in obj ? Number(obj.start) : 0;\n    const rawEnd =\n      \"endTime\" in obj ? Number(obj.endTime) : \"end\" in obj ? Number(obj.end) : Infinity;\n    const startTime = Number.isFinite(rawStart) ? rawStart : 0;\n    const endTime = Number.isFinite(rawEnd) ? rawEnd : Infinity;\n    const id = typeof obj.id === \"string\" ? obj.id : String(Date.now() + Math.random());\n\n    return {\n      id,\n      text,\n      startTime,\n      endTime,\n      lang: typeof obj.lang === \"string\" ? obj.lang : undefined,\n    };\n  }\n\n  private _getAllCues(): SubtitleCue[] {\n    return [...(this.cues ?? []), ...this._liveCues];\n  }\n\n  private _syncDisplayedCue(): void {\n    if (!this.enabled) {\n      if (this._displayedText) {\n        this._displayedText = \"\";\n      }\n      return;\n    }\n\n    const currentTimeMs = this.currentTime * 1000;\n    const activeCue = this._getAllCues().find(\n      (cue) => currentTimeMs >= cue.startTime && currentTimeMs < cue.endTime\n    );\n    const nextText = activeCue?.text ?? \"\";\n\n    if (nextText !== this._displayedText) {\n      this._displayedText = nextText;\n    }\n  }\n\n  private _pruneExpiredLiveCues(): void {\n    if (this._liveCues.length === 0) {\n      return;\n    }\n\n    const currentTimeMs = this.currentTime * 1000;\n    const filtered = this._liveCues.filter((cue) => {\n      const endTime = cue.endTime === Infinity ? cue.startTime + 10000 : cue.endTime;\n      return endTime >= currentTimeMs - 30000;\n    });\n\n    if (filtered.length !== this._liveCues.length) {\n      this._liveCues = filtered;\n    }\n  }\n\n  protected render() {\n    if (!this.enabled || !this._displayedText) {\n      return nothing;\n    }\n\n    const mergedStyle: Required<SubtitleStyle> = {\n      ...DEFAULT_STYLE,\n      ...(this.subtitleStyle ?? {}),\n    };\n\n    return html`\n      <div\n        class=\"subtitle-container ${this.className}\"\n        style=${styleMap({\n          bottom: mergedStyle.bottom,\n          maxWidth: mergedStyle.maxWidth,\n        })}\n        role=\"region\"\n        aria-live=\"polite\"\n        aria-label=\"Subtitles\"\n      >\n        <span\n          class=\"subtitle-text\"\n          style=${styleMap({\n            fontSize: mergedStyle.fontSize,\n            fontFamily: mergedStyle.fontFamily,\n            color: mergedStyle.color,\n            backgroundColor: mergedStyle.backgroundColor,\n            textShadow: mergedStyle.textShadow,\n            padding: mergedStyle.padding,\n            borderRadius: mergedStyle.borderRadius,\n          })}\n        >\n          ${this._displayedText}\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-subtitle-renderer\": FwSubtitleRenderer;\n  }\n}\n"],"names":["FwSubtitleRenderer","LitElement","nothing","html","styleMap","css","__decorate","property","state","customElement"],"mappings":"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"}

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

@@ -1,161 +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 styleMap_js = require('lit/directives/style-map.js');
-var sharedStyles = require('../styles/shared-styles.js');
-var utilityStyles = require('../styles/utility-styles.js');
-
-exports.FwThumbnailOverlay = class FwThumbnailOverlay extends lit.LitElement {
-    constructor() {
-        super(...arguments);
-        this.thumbnailUrl = null;
-        this.message = null;
-        this.showUnmuteMessage = false;
-        this.className = "";
-        this._handlePlay = (event) => {
-            event.stopPropagation();
-            if (this.onPlay) {
-                this.onPlay();
-                return;
-            }
-            this.dispatchEvent(new CustomEvent("fw-play", { bubbles: true, composed: true }));
-        };
-        this._handleKeyDown = (event) => {
-            if (event.key !== "Enter" && event.key !== " ") {
-                return;
-            }
-            event.preventDefault();
-            this._handlePlay(event);
-        };
-    }
-    render() {
-        return lit.html `
-      <div
-        role="button"
-        tabindex="0"
-        @click=${this._handlePlay}
-        @keydown=${this._handleKeyDown}
-        class=${classMap_js.classMap({
-            "fw-player-thumbnail": true,
-            relative: true,
-            flex: true,
-            "h-full": true,
-            "w-full": true,
-            "min-h-\\[280px\\]": true,
-            "items-center": true,
-            "justify-center": true,
-            "overflow-hidden": true,
-            "rounded-xl": true,
-            "bg-slate-950": true,
-            "text-foreground": true,
-            "outline-none": true,
-            transition: true,
-            "focus-visible\\:ring-2": true,
-            "focus-visible\\:ring-primary": true,
-            "focus-visible\\:ring-offset-2": true,
-            "focus-visible\\:ring-offset-background": true,
-            [this.className]: this.className.length > 0,
-        })}
-      >
-        ${this.thumbnailUrl
-            ? lit.html `<div
-              class="absolute inset-0 bg-cover bg-center"
-              style=${styleMap_js.styleMap({ backgroundImage: `url(${this.thumbnailUrl})` })}
-            ></div>`
-            : lit.nothing}
-
-        <div
-          class=${classMap_js.classMap({
-            absolute: true,
-            "inset-0": true,
-            "bg-slate-950\\/70": !!this.thumbnailUrl,
-            "bg-gradient-to-br": !this.thumbnailUrl,
-            "from-slate-900": !this.thumbnailUrl,
-            "via-slate-950": !this.thumbnailUrl,
-            "to-slate-900": !this.thumbnailUrl,
-        })}
-        ></div>
-
-        <div
-          class="relative z-10 flex max-w-[320px] flex-col items-center gap-4 px-6 text-center text-sm sm:gap-6"
-        >
-          ${this.showUnmuteMessage
-            ? lit.html `
-                <div
-                  class="w-full rounded-lg border border-white/15 bg-black/80 p-4 text-sm text-white shadow-lg backdrop-blur"
-                >
-                  <div
-                    class="mb-1 flex items-center justify-center gap-2 text-base font-semibold text-primary"
-                  >
-                    <span aria-hidden="true">MUTED</span>
-                    <span>Click to unmute</span>
-                  </div>
-                  <p class="text-xs text-white/80">
-                    Stream is playing muted - tap to enable sound.
-                  </p>
-                </div>
-              `
-            : lit.html `
-                <button
-                  type="button"
-                  class="h-20 w-20 rounded-full bg-primary/90 text-primary-foreground shadow-lg shadow-primary/40 transition hover:bg-primary focus-visible:bg-primary flex items-center justify-center"
-                  aria-label="Play stream"
-                >
-                  <svg
-                    viewBox="0 0 24 24"
-                    fill="currentColor"
-                    class="ml-0.5 h-8 w-8"
-                    aria-hidden="true"
-                  >
-                    <path d="M8 5v14l11-7z"></path>
-                  </svg>
-                </button>
-                <div
-                  class="w-full rounded-lg border border-white/10 bg-black/70 p-5 text-white shadow-inner backdrop-blur"
-                >
-                  <p class="text-base font-semibold text-primary">
-                    ${this.message ?? "Click to play"}
-                  </p>
-                  <p class="mt-1 text-xs text-white/70">
-                    ${this.message ? "Start streaming instantly" : "Jump into the live feed"}
-                  </p>
-                </div>
-              `}
-        </div>
-      </div>
-    `;
-    }
-};
-exports.FwThumbnailOverlay.styles = [
-    sharedStyles.sharedStyles,
-    utilityStyles.utilityStyles,
-    lit.css `
-      :host {
-        display: block;
-        width: 100%;
-        height: 100%;
-      }
-    `,
-];
-tslib_es6.__decorate([
-    decorators_js.property({ type: String, attribute: "thumbnail-url" })
-], exports.FwThumbnailOverlay.prototype, "thumbnailUrl", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: String })
-], exports.FwThumbnailOverlay.prototype, "message", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean, attribute: "show-unmute-message" })
-], exports.FwThumbnailOverlay.prototype, "showUnmuteMessage", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ attribute: false })
-], exports.FwThumbnailOverlay.prototype, "onPlay", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: String, attribute: "class-name" })
-], exports.FwThumbnailOverlay.prototype, "className", void 0);
-exports.FwThumbnailOverlay = tslib_es6.__decorate([
-    decorators_js.customElement("fw-thumbnail-overlay")
-], exports.FwThumbnailOverlay);
-//# sourceMappingURL=fw-thumbnail-overlay.js.map

package/dist/cjs/components/fw-thumbnail-overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fw-thumbnail-overlay.js","sources":["../../../../src/components/fw-thumbnail-overlay.ts"],"sourcesContent":["import { LitElement, css, html, nothing } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\nimport { utilityStyles } from \"../styles/utility-styles.js\";\n\n@customElement(\"fw-thumbnail-overlay\")\nexport class FwThumbnailOverlay extends LitElement {\n  @property({ type: String, attribute: \"thumbnail-url\" }) thumbnailUrl: string | null = null;\n  @property({ type: String }) message: string | null = null;\n  @property({ type: Boolean, attribute: \"show-unmute-message\" }) showUnmuteMessage = false;\n  @property({ attribute: false }) onPlay?: () => void;\n  @property({ type: String, attribute: \"class-name\" }) className = \"\";\n\n  static styles = [\n    sharedStyles,\n    utilityStyles,\n    css`\n      :host {\n        display: block;\n        width: 100%;\n        height: 100%;\n      }\n    `,\n  ];\n\n  private _handlePlay = (event: Event) => {\n    event.stopPropagation();\n    if (this.onPlay) {\n      this.onPlay();\n      return;\n    }\n    this.dispatchEvent(new CustomEvent(\"fw-play\", { bubbles: true, composed: true }));\n  };\n\n  private _handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key !== \"Enter\" && event.key !== \" \") {\n      return;\n    }\n    event.preventDefault();\n    this._handlePlay(event);\n  };\n\n  protected render() {\n    return html`\n      <div\n        role=\"button\"\n        tabindex=\"0\"\n        @click=${this._handlePlay}\n        @keydown=${this._handleKeyDown}\n        class=${classMap({\n          \"fw-player-thumbnail\": true,\n          relative: true,\n          flex: true,\n          \"h-full\": true,\n          \"w-full\": true,\n          \"min-h-\\\\[280px\\\\]\": true,\n          \"items-center\": true,\n          \"justify-center\": true,\n          \"overflow-hidden\": true,\n          \"rounded-xl\": true,\n          \"bg-slate-950\": true,\n          \"text-foreground\": true,\n          \"outline-none\": true,\n          transition: true,\n          \"focus-visible\\\\:ring-2\": true,\n          \"focus-visible\\\\:ring-primary\": true,\n          \"focus-visible\\\\:ring-offset-2\": true,\n          \"focus-visible\\\\:ring-offset-background\": true,\n          [this.className]: this.className.length > 0,\n        })}\n      >\n        ${this.thumbnailUrl\n          ? html`<div\n              class=\"absolute inset-0 bg-cover bg-center\"\n              style=${styleMap({ backgroundImage: `url(${this.thumbnailUrl})` })}\n            ></div>`\n          : nothing}\n\n        <div\n          class=${classMap({\n            absolute: true,\n            \"inset-0\": true,\n            \"bg-slate-950\\\\/70\": !!this.thumbnailUrl,\n            \"bg-gradient-to-br\": !this.thumbnailUrl,\n            \"from-slate-900\": !this.thumbnailUrl,\n            \"via-slate-950\": !this.thumbnailUrl,\n            \"to-slate-900\": !this.thumbnailUrl,\n          })}\n        ></div>\n\n        <div\n          class=\"relative z-10 flex max-w-[320px] flex-col items-center gap-4 px-6 text-center text-sm sm:gap-6\"\n        >\n          ${this.showUnmuteMessage\n            ? html`\n                <div\n                  class=\"w-full rounded-lg border border-white/15 bg-black/80 p-4 text-sm text-white shadow-lg backdrop-blur\"\n                >\n                  <div\n                    class=\"mb-1 flex items-center justify-center gap-2 text-base font-semibold text-primary\"\n                  >\n                    <span aria-hidden=\"true\">MUTED</span>\n                    <span>Click to unmute</span>\n                  </div>\n                  <p class=\"text-xs text-white/80\">\n                    Stream is playing muted - tap to enable sound.\n                  </p>\n                </div>\n              `\n            : html`\n                <button\n                  type=\"button\"\n                  class=\"h-20 w-20 rounded-full bg-primary/90 text-primary-foreground shadow-lg shadow-primary/40 transition hover:bg-primary focus-visible:bg-primary flex items-center justify-center\"\n                  aria-label=\"Play stream\"\n                >\n                  <svg\n                    viewBox=\"0 0 24 24\"\n                    fill=\"currentColor\"\n                    class=\"ml-0.5 h-8 w-8\"\n                    aria-hidden=\"true\"\n                  >\n                    <path d=\"M8 5v14l11-7z\"></path>\n                  </svg>\n                </button>\n                <div\n                  class=\"w-full rounded-lg border border-white/10 bg-black/70 p-5 text-white shadow-inner backdrop-blur\"\n                >\n                  <p class=\"text-base font-semibold text-primary\">\n                    ${this.message ?? \"Click to play\"}\n                  </p>\n                  <p class=\"mt-1 text-xs text-white/70\">\n                    ${this.message ? \"Start streaming instantly\" : \"Jump into the live feed\"}\n                  </p>\n                </div>\n              `}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-thumbnail-overlay\": FwThumbnailOverlay;\n  }\n}\n"],"names":["FwThumbnailOverlay","LitElement","html","classMap","styleMap","nothing","sharedStyles","utilityStyles","css","__decorate","property","customElement"],"mappings":"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"}

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

@@ -1,72 +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 sharedStyles = require('../styles/shared-styles.js');
-var utilityStyles = require('../styles/utility-styles.js');
-
-exports.FwTitleOverlay = class FwTitleOverlay extends lit.LitElement {
-    constructor() {
-        super(...arguments);
-        this.title = "";
-        this.description = null;
-    }
-    render() {
-        if (this.title === "" && !this.description)
-            return lit.nothing;
-        return lit.html `
-      <div class="overlay fw-title-overlay">
-        ${this.title ? lit.html `<div class="title">${this.title}</div>` : lit.nothing}
-        ${this.description ? lit.html `<div class="desc">${this.description}</div>` : lit.nothing}
-      </div>
-    `;
-    }
-};
-exports.FwTitleOverlay.styles = [
-    sharedStyles.sharedStyles,
-    utilityStyles.utilityStyles,
-    lit.css `
-      :host {
-        display: contents;
-      }
-      .overlay {
-        position: absolute;
-        inset: 0 0 auto 0;
-        padding: 1rem 1.25rem;
-        background: linear-gradient(to bottom, rgb(0 0 0 / 0.7), rgb(0 0 0 / 0.4), transparent);
-        pointer-events: none;
-        transition: opacity 300ms ease;
-        z-index: 10;
-      }
-      .title {
-        font-size: 0.875rem;
-        font-weight: 500;
-        color: white;
-        max-width: 80%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-      .desc {
-        margin-top: 0.25rem;
-        font-size: 0.75rem;
-        color: rgb(255 255 255 / 0.7);
-        max-width: 70%;
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical;
-        overflow: hidden;
-      }
-    `,
-];
-tslib_es6.__decorate([
-    decorators_js.property({ type: String })
-], exports.FwTitleOverlay.prototype, "title", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: String })
-], exports.FwTitleOverlay.prototype, "description", void 0);
-exports.FwTitleOverlay = tslib_es6.__decorate([
-    decorators_js.customElement("fw-title-overlay")
-], exports.FwTitleOverlay);
-//# sourceMappingURL=fw-title-overlay.js.map

package/dist/cjs/components/fw-title-overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fw-title-overlay.js","sources":["../../../../src/components/fw-title-overlay.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\nimport { utilityStyles } from \"../styles/utility-styles.js\";\n\n@customElement(\"fw-title-overlay\")\nexport class FwTitleOverlay extends LitElement {\n  @property({ type: String }) override title: string = \"\";\n  @property({ type: String }) description: string | null = null;\n\n  static styles = [\n    sharedStyles,\n    utilityStyles,\n    css`\n      :host {\n        display: contents;\n      }\n      .overlay {\n        position: absolute;\n        inset: 0 0 auto 0;\n        padding: 1rem 1.25rem;\n        background: linear-gradient(to bottom, rgb(0 0 0 / 0.7), rgb(0 0 0 / 0.4), transparent);\n        pointer-events: none;\n        transition: opacity 300ms ease;\n        z-index: 10;\n      }\n      .title {\n        font-size: 0.875rem;\n        font-weight: 500;\n        color: white;\n        max-width: 80%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n      .desc {\n        margin-top: 0.25rem;\n        font-size: 0.75rem;\n        color: rgb(255 255 255 / 0.7);\n        max-width: 70%;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n      }\n    `,\n  ];\n\n  protected render() {\n    if (this.title === \"\" && !this.description) return nothing;\n    return html`\n      <div class=\"overlay fw-title-overlay\">\n        ${this.title ? html`<div class=\"title\">${this.title}</div>` : nothing}\n        ${this.description ? html`<div class=\"desc\">${this.description}</div>` : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-title-overlay\": FwTitleOverlay;\n  }\n}\n"],"names":["FwTitleOverlay","LitElement","nothing","html","sharedStyles","utilityStyles","css","__decorate","property","customElement"],"mappings":";;;;;;;;AAMaA,sBAAc,GAApB,MAAM,cAAe,SAAQC,cAAU,CAAA;AAAvC,IAAA,WAAA,GAAA;;QACgC,IAAA,CAAA,KAAK,GAAW,EAAE;QAC3B,IAAA,CAAA,WAAW,GAAkB,IAAI;IAiD/D;IATY,MAAM,GAAA;QACd,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW;AAAE,YAAA,OAAOC,WAAO;AAC1D,QAAA,OAAOC,QAAI,CAAA;;AAEL,QAAA,EAAA,IAAI,CAAC,KAAK,GAAGA,QAAI,CAAA,CAAA,mBAAA,EAAsB,IAAI,CAAC,KAAK,CAAA,MAAA,CAAQ,GAAGD,WAAO;AACnE,QAAA,EAAA,IAAI,CAAC,WAAW,GAAGC,QAAI,CAAA,CAAA,kBAAA,EAAqB,IAAI,CAAC,WAAW,CAAA,MAAA,CAAQ,GAAGD,WAAO;;KAEnF;IACH;;AA9COF,sBAAA,CAAA,MAAM,GAAG;IACdI,yBAAY;IACZC,2BAAa;AACb,IAAAC,OAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCF,IAAA,CAAA;AACF,CApCY;AAHwBC,oBAAA,CAAA;AAApC,IAAAC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAA8B,CAAA,EAAAR,sBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAC5BO,oBAAA,CAAA;AAA3B,IAAAC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAoC,CAAA,EAAAR,sBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAFnDA,sBAAc,GAAAO,oBAAA,CAAA;IAD1BE,2BAAa,CAAC,kBAAkB;AACpB,CAAA,EAAAT,sBAAc,CAmD1B;;"}

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

@@ -1,74 +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 index = require('../icons/index.js');
-
-exports.FwToast = class FwToast extends lit.LitElement {
-    constructor() {
-        super(...arguments);
-        this.message = "";
-    }
-    render() {
-        if (!this.message)
-            return lit.nothing;
-        return lit.html `
-      <div class="toast">
-        <span>${this.message}</span>
-        <button type="button" @click=${this._dismiss} aria-label="Dismiss">${index.closeIcon()}</button>
-      </div>
-    `;
-    }
-    _dismiss() {
-        this.dispatchEvent(new CustomEvent("fw-dismiss", { bubbles: true, composed: true }));
-    }
-};
-exports.FwToast.styles = lit.css `
-    :host {
-      display: contents;
-    }
-    .toast {
-      display: flex;
-      align-items: center;
-      gap: 0.5rem;
-      border-radius: 0.5rem;
-      border: 1px solid rgb(255 255 255 / 0.1);
-      background: rgb(0 0 0 / 0.8);
-      padding: 0.5rem 1rem;
-      font-size: 0.875rem;
-      color: white;
-      box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
-      backdrop-filter: blur(4px);
-      animation: _fw-slide-up 200ms ease-out;
-    }
-    @keyframes _fw-slide-up {
-      from {
-        opacity: 0;
-        transform: translateY(8px);
-      }
-      to {
-        opacity: 1;
-        transform: translateY(0);
-      }
-    }
-    button {
-      margin-left: 0.125rem;
-      color: rgb(255 255 255 / 0.6);
-      background: none;
-      border: none;
-      cursor: pointer;
-      padding: 0;
-      display: flex;
-    }
-    button:hover {
-      color: white;
-    }
-  `;
-tslib_es6.__decorate([
-    decorators_js.property({ type: String })
-], exports.FwToast.prototype, "message", void 0);
-exports.FwToast = tslib_es6.__decorate([
-    decorators_js.customElement("fw-toast")
-], exports.FwToast);
-//# sourceMappingURL=fw-toast.js.map

package/dist/cjs/components/fw-toast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fw-toast.js","sources":["../../../../src/components/fw-toast.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { closeIcon } from \"../icons/index.js\";\n\n@customElement(\"fw-toast\")\nexport class FwToast extends LitElement {\n  @property({ type: String }) message = \"\";\n\n  static styles = css`\n    :host {\n      display: contents;\n    }\n    .toast {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      border-radius: 0.5rem;\n      border: 1px solid rgb(255 255 255 / 0.1);\n      background: rgb(0 0 0 / 0.8);\n      padding: 0.5rem 1rem;\n      font-size: 0.875rem;\n      color: white;\n      box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n      backdrop-filter: blur(4px);\n      animation: _fw-slide-up 200ms ease-out;\n    }\n    @keyframes _fw-slide-up {\n      from {\n        opacity: 0;\n        transform: translateY(8px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n    button {\n      margin-left: 0.125rem;\n      color: rgb(255 255 255 / 0.6);\n      background: none;\n      border: none;\n      cursor: pointer;\n      padding: 0;\n      display: flex;\n    }\n    button:hover {\n      color: white;\n    }\n  `;\n\n  protected render() {\n    if (!this.message) return nothing;\n    return html`\n      <div class=\"toast\">\n        <span>${this.message}</span>\n        <button type=\"button\" @click=${this._dismiss} aria-label=\"Dismiss\">${closeIcon()}</button>\n      </div>\n    `;\n  }\n\n  private _dismiss() {\n    this.dispatchEvent(new CustomEvent(\"fw-dismiss\", { bubbles: true, composed: true }));\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-toast\": FwToast;\n  }\n}\n"],"names":["FwToast","LitElement","nothing","html","closeIcon","css","__decorate","property","customElement"],"mappings":";;;;;;;AAKaA,eAAO,GAAb,MAAM,OAAQ,SAAQC,cAAU,CAAA;AAAhC,IAAA,WAAA,GAAA;;QACuB,IAAA,CAAA,OAAO,GAAG,EAAE;IAyD1C;IAbY,MAAM,GAAA;QACd,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,YAAA,OAAOC,WAAO;AACjC,QAAA,OAAOC,QAAI,CAAA;;AAEC,cAAA,EAAA,IAAI,CAAC,OAAO,CAAA;AACW,qCAAA,EAAA,IAAI,CAAC,QAAQ,CAAA,sBAAA,EAAyBC,eAAS,EAAE,CAAA;;KAEnF;IACH;IAEQ,QAAQ,GAAA;AACd,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACtF;;AAtDOJ,eAAA,CAAA,MAAM,GAAGK,OAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwClB,EAAA,CAxCY;AAFeC,oBAAA,CAAA;AAA3B,IAAAC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAe,CAAA,EAAAP,eAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAD9BA,eAAO,GAAAM,oBAAA,CAAA;IADnBE,2BAAa,CAAC,UAAU;AACZ,CAAA,EAAAR,eAAO,CA0DnB;;"}