@livepeer-frameworks/player-wc 0.1.9 → 0.2.1

package/dist/esm/components/fw-stream-state-overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"fw-stream-state-overlay.js","sources":["../../../../src/components/fw-stream-state-overlay.ts"],"sourcesContent":["import { LitElement, css, html, nothing } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport type { StreamStatus } from \"@livepeer-frameworks/player-core\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\n\n@customElement(\"fw-stream-state-overlay\")\nexport class FwStreamStateOverlay extends LitElement {\n  @property({ type: String }) status: StreamStatus = \"OFFLINE\";\n  @property({ type: String }) message = \"\";\n  @property({ type: Number }) percentage?: number;\n  @property({ type: Boolean }) visible = true;\n  @property({ type: Boolean, attribute: \"retry-enabled\" }) retryEnabled = false;\n  @property({ attribute: false }) onRetry?: () => void;\n\n  static styles = [\n    sharedStyles,\n    css`\n      :host {\n        display: contents;\n      }\n\n      .overlay-backdrop {\n        position: absolute;\n        inset: 0;\n        z-index: 20;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: hsl(var(--tn-bg-dark, 235 21% 11%) / 0.8);\n        backdrop-filter: blur(4px);\n      }\n\n      .slab {\n        width: 280px;\n        max-width: 90%;\n        background-color: hsl(var(--tn-bg, 233 23% 17%) / 0.95);\n        border: 1px solid hsl(var(--tn-fg-gutter, 233 23% 25%) / 0.3);\n      }\n\n      .slab-header {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        padding: 0.75rem 1rem;\n        border-bottom: 1px solid hsl(var(--tn-fg-gutter, 233 23% 25%) / 0.3);\n        font-size: 0.75rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: hsl(var(--tn-fg-dark, 233 23% 60%));\n      }\n\n      .slab-body {\n        padding: 1rem;\n      }\n\n      .slab-message {\n        font-size: 0.875rem;\n        color: hsl(var(--tn-fg, 233 23% 75%));\n      }\n\n      .progress-wrap {\n        margin-top: 0.75rem;\n      }\n\n      .progress-bar {\n        height: 0.375rem;\n        width: 100%;\n        overflow: hidden;\n        background-color: hsl(var(--tn-bg-visual, 233 23% 20%));\n      }\n\n      .progress-fill {\n        height: 100%;\n        transition: width 0.3s ease;\n        background-color: hsl(var(--tn-yellow, 40 70% 64%));\n      }\n\n      .progress-text {\n        margin-top: 0.375rem;\n        font-size: 0.75rem;\n        font-family: monospace;\n        color: hsl(var(--tn-fg-dark, 233 23% 60%));\n      }\n\n      .hint {\n        margin-top: 0.5rem;\n        font-size: 0.75rem;\n        color: hsl(var(--tn-fg-dark, 233 23% 60%));\n      }\n\n      .polling-indicator {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        margin-top: 0.75rem;\n        font-size: 0.75rem;\n        color: hsl(var(--tn-fg-dark, 233 23% 60%));\n      }\n\n      .polling-dot {\n        width: 0.375rem;\n        height: 0.375rem;\n        background-color: hsl(var(--tn-cyan, 192 78% 73%));\n        animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n      }\n\n      .slab-actions {\n        border-top: 1px solid hsl(var(--tn-fg-gutter, 233 23% 25%) / 0.3);\n      }\n\n      .btn-flush {\n        width: 100%;\n        padding: 0.625rem 1rem;\n        background: none;\n        border: none;\n        cursor: pointer;\n        font-size: 0.75rem;\n        font-weight: 500;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: hsl(var(--tn-blue, 217 89% 71%));\n        transition: background-color 0.15s;\n      }\n\n      .btn-flush:hover {\n        background-color: hsl(var(--tn-bg-visual, 233 23% 20%) / 0.5);\n      }\n\n      .icon {\n        width: 1.25rem;\n        height: 1.25rem;\n      }\n\n      .icon-online {\n        color: hsl(var(--tn-green, 115 54% 57%));\n      }\n\n      .icon-offline {\n        color: hsl(var(--tn-red, 355 68% 65%));\n      }\n\n      .icon-warning {\n        color: hsl(var(--tn-yellow, 40 70% 64%));\n      }\n\n      .animate-spin {\n        animation: spin 1s linear infinite;\n      }\n\n      @keyframes spin {\n        to {\n          transform: rotate(360deg);\n        }\n      }\n\n      @keyframes pulse {\n        0%,\n        100% {\n          opacity: 1;\n        }\n        50% {\n          opacity: 0.5;\n        }\n      }\n    `,\n  ];\n\n  private _getStatusLabel(status: StreamStatus): string {\n    switch (status) {\n      case \"ONLINE\":\n        return \"ONLINE\";\n      case \"OFFLINE\":\n        return \"OFFLINE\";\n      case \"INITIALIZING\":\n        return \"INITIALIZING\";\n      case \"BOOTING\":\n        return \"STARTING\";\n      case \"WAITING_FOR_DATA\":\n        return \"WAITING\";\n      case \"SHUTTING_DOWN\":\n        return \"ENDING\";\n      case \"ERROR\":\n        return \"ERROR\";\n      case \"INVALID\":\n        return \"INVALID\";\n      default:\n        return \"STATUS\";\n    }\n  }\n\n  private _renderStatusIcon(status: StreamStatus) {\n    if (status === \"OFFLINE\") {\n      return html`<svg\n        class=\"icon icon-offline\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      >\n        <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"2\"\n          d=\"M18.364 5.636a9 9 0 010 12.728m0 0l-2.829-2.829m2.829 2.829L21 21M15.536 8.464a5 5 0 010 7.072m0 0l-2.829-2.829m-4.243 2.829a4.978 4.978 0 01-1.414-2.83m-1.414 5.658a9 9 0 01-2.167-9.238m7.824 2.167a1 1 0 111.414 1.414m-1.414-1.414L3 3m8.293 8.293l1.414 1.414\"\n        ></path>\n      </svg>`;\n    }\n\n    if (status === \"INITIALIZING\" || status === \"BOOTING\" || status === \"WAITING_FOR_DATA\") {\n      return html`<svg class=\"icon icon-warning animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n        <circle\n          class=\"opacity-25\"\n          cx=\"12\"\n          cy=\"12\"\n          r=\"10\"\n          stroke=\"currentColor\"\n          stroke-width=\"4\"\n        ></circle>\n        <path\n          class=\"opacity-75\"\n          fill=\"currentColor\"\n          d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        ></path>\n      </svg>`;\n    }\n\n    if (status === \"SHUTTING_DOWN\") {\n      return html`<svg\n        class=\"icon icon-warning\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      >\n        <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"2\"\n          d=\"M13 10V3L4 14h7v7l9-11h-7z\"\n        ></path>\n      </svg>`;\n    }\n\n    return html`<svg\n      class=\"icon icon-offline\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n      ></path>\n    </svg>`;\n  }\n\n  private _handleRetry = () => {\n    if (this.onRetry) {\n      this.onRetry();\n      return;\n    }\n    this.dispatchEvent(new CustomEvent(\"fw-retry\", { bubbles: true, composed: true }));\n  };\n\n  protected render() {\n    if (!this.visible || this.status === \"ONLINE\") {\n      return nothing;\n    }\n\n    const showRetry =\n      (this.status === \"ERROR\" || this.status === \"INVALID\" || this.status === \"OFFLINE\") &&\n      (this.retryEnabled || typeof this.onRetry === \"function\");\n    const showProgress = this.status === \"INITIALIZING\" && this.percentage !== undefined;\n    const progressWidth = `${Math.min(100, Math.max(0, this.percentage ?? 0))}%`;\n\n    return html`\n      <div class=\"overlay-backdrop\" role=\"status\" aria-live=\"polite\">\n        <div class=\"slab\">\n          <div class=\"slab-header\">\n            ${this._renderStatusIcon(this.status)}\n            <span>${this._getStatusLabel(this.status)}</span>\n          </div>\n          <div class=\"slab-body\">\n            <p class=\"slab-message\">${this.message}</p>\n            ${showProgress\n              ? html`\n                  <div class=\"progress-wrap\">\n                    <div class=\"progress-bar\">\n                      <div class=\"progress-fill\" style=\"width:${progressWidth};\"></div>\n                    </div>\n                    <p class=\"progress-text\">${Math.round(this.percentage ?? 0)}%</p>\n                  </div>\n                `\n              : nothing}\n            ${this.status === \"OFFLINE\"\n              ? html`<p class=\"hint\">The stream will start when the broadcaster goes live</p>`\n              : nothing}\n            ${this.status === \"BOOTING\" || this.status === \"WAITING_FOR_DATA\"\n              ? html`<p class=\"hint\">Please wait while the stream prepares...</p>`\n              : nothing}\n            ${!showRetry\n              ? html`<div class=\"polling-indicator\">\n                  <span class=\"polling-dot\"></span>\n                  <span>Checking stream status...</span>\n                </div>`\n              : nothing}\n          </div>\n          ${showRetry\n            ? html`<div class=\"slab-actions\">\n                <button\n                  type=\"button\"\n                  class=\"btn-flush\"\n                  @click=${this._handleRetry}\n                  aria-label=\"Retry connection\"\n                >\n                  Retry Connection\n                </button>\n              </div>`\n            : nothing}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-stream-state-overlay\": FwStreamStateOverlay;\n  }\n}\n"],"names":[],"mappings":";;;;;AAMO,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU,CAAA;AAA7C,IAAA,WAAA,GAAA;;QACuB,IAAA,CAAA,MAAM,GAAiB,SAAS;QAChC,IAAA,CAAA,OAAO,GAAG,EAAE;QAEX,IAAA,CAAA,OAAO,GAAG,IAAI;QACc,IAAA,CAAA,YAAY,GAAG,KAAK;QAsPrE,IAAA,CAAA,YAAY,GAAG,MAAK;AAC1B,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,IAAI,CAAC,OAAO,EAAE;gBACd;YACF;AACA,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;AACpF,QAAA,CAAC;IA6DH;AA5JU,IAAA,eAAe,CAAC,MAAoB,EAAA;QAC1C,QAAQ,MAAM;AACZ,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,QAAQ;AACjB,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,SAAS;AAClB,YAAA,KAAK,cAAc;AACjB,gBAAA,OAAO,cAAc;AACvB,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,UAAU;AACnB,YAAA,KAAK,kBAAkB;AACrB,gBAAA,OAAO,SAAS;AAClB,YAAA,KAAK,eAAe;AAClB,gBAAA,OAAO,QAAQ;AACjB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,OAAO;AAChB,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,SAAS;AAClB,YAAA;AACE,gBAAA,OAAO,QAAQ;;IAErB;AAEQ,IAAA,iBAAiB,CAAC,MAAoB,EAAA;AAC5C,QAAA,IAAI,MAAM,KAAK,SAAS,EAAE;AACxB,YAAA,OAAO,IAAI,CAAA,CAAA;;;;;;;;;;;;aAYJ;QACT;AAEA,QAAA,IAAI,MAAM,KAAK,cAAc,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,kBAAkB,EAAE;AACtF,YAAA,OAAO,IAAI,CAAA,CAAA;;;;;;;;;;;;;;aAcJ;QACT;AAEA,QAAA,IAAI,MAAM,KAAK,eAAe,EAAE;AAC9B,YAAA,OAAO,IAAI,CAAA,CAAA;;;;;;;;;;;;aAYJ;QACT;AAEA,QAAA,OAAO,IAAI,CAAA,CAAA;;;;;;;;;;;;WAYJ;IACT;IAUU,MAAM,GAAA;QACd,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;AAC7C,YAAA,OAAO,OAAO;QAChB;QAEA,MAAM,SAAS,GACb,CAAC,IAAI,CAAC,MAAM,KAAK,OAAO,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS;aACjF,IAAI,CAAC,YAAY,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,UAAU,CAAC;AAC3D,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS;QACpF,MAAM,aAAa,GAAG,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG;AAE5E,QAAA,OAAO,IAAI,CAAA;;;;AAID,YAAA,EAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC;AAC7B,kBAAA,EAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;;;AAGf,oCAAA,EAAA,IAAI,CAAC,OAAO,CAAA;cACpC;cACE,IAAI,CAAA;;;gEAG4C,aAAa,CAAA;;+CAE9B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,CAAA;;AAE9D,gBAAA;AACH,cAAE,OAAO;cACT,IAAI,CAAC,MAAM,KAAK;cACd,IAAI,CAAA,CAAA,wEAAA;AACN,cAAE,OAAO;cACT,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK;cAC3C,IAAI,CAAA,CAAA,4DAAA;AACN,cAAE,OAAO;AACT,YAAA,EAAA,CAAC;cACC,IAAI,CAAA,CAAA;;;AAGG,sBAAA;AACT,cAAE,OAAO;;YAEX;cACE,IAAI,CAAA,CAAA;;;;AAIS,yBAAA,EAAA,IAAI,CAAC,YAAY;;;;;AAKvB,oBAAA;AACT,cAAE,OAAO;;;KAGhB;IACH;;AArTO,oBAAA,CAAA,MAAM,GAAG;IACd,YAAY;AACZ,IAAA,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqJF,IAAA,CAAA;AACF,CAxJY;AAPe,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAmC,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AACjC,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAe,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AACb,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAsB,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AACnB,UAAA,CAAA;AAA5B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AAAiB,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AACa,UAAA,CAAA;IAAxD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE;AAAuB,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAC9C,UAAA,CAAA;AAA/B,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE;AAAuB,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAN1C,oBAAoB,GAAA,UAAA,CAAA;IADhC,aAAa,CAAC,yBAAyB;AAC3B,CAAA,EAAA,oBAAoB,CA8ThC;;;;"}
+{"version":3,"file":"fw-stream-state-overlay.js","sources":["../../../../src/components/fw-stream-state-overlay.ts"],"sourcesContent":["import { LitElement, css, html, nothing } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport type { StreamStatus } from \"@livepeer-frameworks/player-core\";\nimport { createTranslator, type TranslateFn } from \"@livepeer-frameworks/player-core\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\n\n@customElement(\"fw-stream-state-overlay\")\nexport class FwStreamStateOverlay extends LitElement {\n  @property({ type: String }) status: StreamStatus = \"OFFLINE\";\n  @property({ type: String }) message = \"\";\n  @property({ type: Number }) percentage?: number;\n  @property({ type: Boolean }) visible = true;\n  @property({ type: Boolean, attribute: \"retry-enabled\" }) retryEnabled = false;\n  @property({ attribute: false }) onRetry?: () => void;\n  @property({ attribute: false }) translator?: TranslateFn;\n\n  private _defaultTranslator: TranslateFn = createTranslator({ locale: \"en\" });\n\n  private get _t(): TranslateFn {\n    return this.translator ?? this._defaultTranslator;\n  }\n\n  static styles = [\n    sharedStyles,\n    css`\n      :host {\n        display: contents;\n      }\n\n      .overlay-backdrop {\n        position: absolute;\n        inset: 0;\n        z-index: 20;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: hsl(var(--tn-bg-dark, 235 21% 11%) / 0.8);\n        backdrop-filter: blur(4px);\n      }\n\n      .slab {\n        width: 280px;\n        max-width: 90%;\n        background-color: hsl(var(--tn-bg, 233 23% 17%) / 0.95);\n        border: 1px solid hsl(var(--tn-fg-gutter, 233 23% 25%) / 0.3);\n      }\n\n      .slab-header {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        padding: 0.75rem 1rem;\n        border-bottom: 1px solid hsl(var(--tn-fg-gutter, 233 23% 25%) / 0.3);\n        font-size: 0.75rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: hsl(var(--tn-fg-dark, 233 23% 60%));\n      }\n\n      .slab-body {\n        padding: 1rem;\n      }\n\n      .slab-message {\n        font-size: 0.875rem;\n        color: hsl(var(--tn-fg, 233 23% 75%));\n      }\n\n      .progress-wrap {\n        margin-top: 0.75rem;\n      }\n\n      .progress-bar {\n        height: 0.375rem;\n        width: 100%;\n        overflow: hidden;\n        background-color: hsl(var(--tn-bg-visual, 233 23% 20%));\n      }\n\n      .progress-fill {\n        height: 100%;\n        transition: width 0.3s ease;\n        background-color: hsl(var(--tn-yellow, 40 70% 64%));\n      }\n\n      .progress-text {\n        margin-top: 0.375rem;\n        font-size: 0.75rem;\n        font-family: monospace;\n        color: hsl(var(--tn-fg-dark, 233 23% 60%));\n      }\n\n      .hint {\n        margin-top: 0.5rem;\n        font-size: 0.75rem;\n        color: hsl(var(--tn-fg-dark, 233 23% 60%));\n      }\n\n      .polling-indicator {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        margin-top: 0.75rem;\n        font-size: 0.75rem;\n        color: hsl(var(--tn-fg-dark, 233 23% 60%));\n      }\n\n      .polling-dot {\n        width: 0.375rem;\n        height: 0.375rem;\n        background-color: hsl(var(--tn-cyan, 192 78% 73%));\n        animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n      }\n\n      .slab-actions {\n        border-top: 1px solid hsl(var(--tn-fg-gutter, 233 23% 25%) / 0.3);\n      }\n\n      .btn-flush {\n        width: 100%;\n        padding: 0.625rem 1rem;\n        background: none;\n        border: none;\n        cursor: pointer;\n        font-size: 0.75rem;\n        font-weight: 500;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: hsl(var(--tn-blue, 217 89% 71%));\n        transition: background-color 0.15s;\n      }\n\n      .btn-flush:hover {\n        background-color: hsl(var(--tn-bg-visual, 233 23% 20%) / 0.5);\n      }\n\n      .icon {\n        width: 1.25rem;\n        height: 1.25rem;\n      }\n\n      .icon-online {\n        color: hsl(var(--tn-green, 115 54% 57%));\n      }\n\n      .icon-offline {\n        color: hsl(var(--tn-red, 355 68% 65%));\n      }\n\n      .icon-warning {\n        color: hsl(var(--tn-yellow, 40 70% 64%));\n      }\n\n      .animate-spin {\n        animation: spin 1s linear infinite;\n      }\n\n      @keyframes spin {\n        to {\n          transform: rotate(360deg);\n        }\n      }\n\n      @keyframes pulse {\n        0%,\n        100% {\n          opacity: 1;\n        }\n        50% {\n          opacity: 0.5;\n        }\n      }\n    `,\n  ];\n\n  private _getStatusLabel(status: StreamStatus): string {\n    switch (status) {\n      case \"ONLINE\":\n        return \"ONLINE\";\n      case \"OFFLINE\":\n        return \"OFFLINE\";\n      case \"INITIALIZING\":\n        return \"INITIALIZING\";\n      case \"BOOTING\":\n        return \"STARTING\";\n      case \"WAITING_FOR_DATA\":\n        return \"WAITING\";\n      case \"SHUTTING_DOWN\":\n        return \"ENDING\";\n      case \"ERROR\":\n        return \"ERROR\";\n      case \"INVALID\":\n        return \"INVALID\";\n      default:\n        return \"STATUS\";\n    }\n  }\n\n  private _renderStatusIcon(status: StreamStatus) {\n    if (status === \"OFFLINE\") {\n      return html`<svg\n        class=\"icon icon-offline\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      >\n        <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"2\"\n          d=\"M18.364 5.636a9 9 0 010 12.728m0 0l-2.829-2.829m2.829 2.829L21 21M15.536 8.464a5 5 0 010 7.072m0 0l-2.829-2.829m-4.243 2.829a4.978 4.978 0 01-1.414-2.83m-1.414 5.658a9 9 0 01-2.167-9.238m7.824 2.167a1 1 0 111.414 1.414m-1.414-1.414L3 3m8.293 8.293l1.414 1.414\"\n        ></path>\n      </svg>`;\n    }\n\n    if (status === \"INITIALIZING\" || status === \"BOOTING\" || status === \"WAITING_FOR_DATA\") {\n      return html`<svg class=\"icon icon-warning animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n        <circle\n          class=\"opacity-25\"\n          cx=\"12\"\n          cy=\"12\"\n          r=\"10\"\n          stroke=\"currentColor\"\n          stroke-width=\"4\"\n        ></circle>\n        <path\n          class=\"opacity-75\"\n          fill=\"currentColor\"\n          d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        ></path>\n      </svg>`;\n    }\n\n    if (status === \"SHUTTING_DOWN\") {\n      return html`<svg\n        class=\"icon icon-warning\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      >\n        <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"2\"\n          d=\"M13 10V3L4 14h7v7l9-11h-7z\"\n        ></path>\n      </svg>`;\n    }\n\n    return html`<svg\n      class=\"icon icon-offline\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n      ></path>\n    </svg>`;\n  }\n\n  private _handleRetry = () => {\n    if (this.onRetry) {\n      this.onRetry();\n      return;\n    }\n    this.dispatchEvent(new CustomEvent(\"fw-retry\", { bubbles: true, composed: true }));\n  };\n\n  protected render() {\n    if (!this.visible || this.status === \"ONLINE\") {\n      return nothing;\n    }\n\n    const showRetry =\n      (this.status === \"ERROR\" || this.status === \"INVALID\" || this.status === \"OFFLINE\") &&\n      (this.retryEnabled || typeof this.onRetry === \"function\");\n    const showProgress = this.status === \"INITIALIZING\" && this.percentage !== undefined;\n    const progressWidth = `${Math.min(100, Math.max(0, this.percentage ?? 0))}%`;\n\n    return html`\n      <div class=\"overlay-backdrop\" role=\"status\" aria-live=\"polite\">\n        <div class=\"slab\">\n          <div class=\"slab-header\">\n            ${this._renderStatusIcon(this.status)}\n            <span>${this._getStatusLabel(this.status)}</span>\n          </div>\n          <div class=\"slab-body\">\n            <p class=\"slab-message\">${this.message}</p>\n            ${showProgress\n              ? html`\n                  <div class=\"progress-wrap\">\n                    <div class=\"progress-bar\">\n                      <div class=\"progress-fill\" style=\"width:${progressWidth};\"></div>\n                    </div>\n                    <p class=\"progress-text\">${Math.round(this.percentage ?? 0)}%</p>\n                  </div>\n                `\n              : nothing}\n            ${this.status === \"OFFLINE\"\n              ? html`<p class=\"hint\">${this._t(\"broadcasterGoLive\")}</p>`\n              : nothing}\n            ${this.status === \"BOOTING\" || this.status === \"WAITING_FOR_DATA\"\n              ? html`<p class=\"hint\">${this._t(\"streamPreparing\")}</p>`\n              : nothing}\n            ${!showRetry\n              ? html`<div class=\"polling-indicator\">\n                  <span class=\"polling-dot\"></span>\n                  <span>${this._t(\"checkingStatus\")}</span>\n                </div>`\n              : nothing}\n          </div>\n          ${showRetry\n            ? html`<div class=\"slab-actions\">\n                <button\n                  type=\"button\"\n                  class=\"btn-flush\"\n                  @click=${this._handleRetry}\n                  aria-label=${this._t(\"retryConnection\")}\n                >\n                  ${this._t(\"retryConnection\")}\n                </button>\n              </div>`\n            : nothing}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-stream-state-overlay\": FwStreamStateOverlay;\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -2,11 +2,16 @@ import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3
 import { css, LitElement, nothing, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { closeIcon } from '../icons/index.js';
+import { createTranslator } from '@livepeer-frameworks/player-core';
 
 let FwToast = class FwToast extends LitElement {
     constructor() {
         super(...arguments);
         this.message = "";
+        this._defaultTranslator = createTranslator({ locale: "en" });
+    }
+    get _t() {
+        return this.translator ?? this._defaultTranslator;
     }
     render() {
         if (!this.message)
@@ -14,7 +19,9 @@ let FwToast = class FwToast extends LitElement {
         return html `
       <div class="toast">
         <span>${this.message}</span>
-        <button type="button" @click=${this._dismiss} aria-label="Dismiss">${closeIcon()}</button>
+        <button type="button" @click=${this._dismiss} aria-label=${this._t("dismiss")}>
+          ${closeIcon()}
+        </button>
       </div>
     `;
     }
@@ -66,6 +73,9 @@ FwToast.styles = css `
 __decorate([
     property({ type: String })
 ], FwToast.prototype, "message", void 0);
+__decorate([
+    property({ attribute: false })
+], FwToast.prototype, "translator", void 0);
 FwToast = __decorate([
     customElement("fw-toast")
 ], FwToast);

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

@@ -1 +1 @@
-{"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":[],"mappings":";;;;;AAKO,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU,CAAA;AAAhC,IAAA,WAAA,GAAA;;QACuB,IAAA,CAAA,OAAO,GAAG,EAAE;IAyD1C;IAbY,MAAM,GAAA;QACd,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,OAAO;AACjC,QAAA,OAAO,IAAI,CAAA;;AAEC,cAAA,EAAA,IAAI,CAAC,OAAO,CAAA;AACW,qCAAA,EAAA,IAAI,CAAC,QAAQ,CAAA,sBAAA,EAAyB,SAAS,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;;AAtDO,OAAA,CAAA,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwClB,EAAA,CAxCY;AAFe,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAe,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAD9B,OAAO,GAAA,UAAA,CAAA;IADnB,aAAa,CAAC,UAAU;AACZ,CAAA,EAAA,OAAO,CA0DnB;;;;"}
+{"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\";\nimport { createTranslator, type TranslateFn } from \"@livepeer-frameworks/player-core\";\n\n@customElement(\"fw-toast\")\nexport class FwToast extends LitElement {\n  @property({ type: String }) message = \"\";\n  @property({ attribute: false }) translator?: TranslateFn;\n\n  private _defaultTranslator: TranslateFn = createTranslator({ locale: \"en\" });\n\n  private get _t(): TranslateFn {\n    return this.translator ?? this._defaultTranslator;\n  }\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=${this._t(\"dismiss\")}>\n          ${closeIcon()}\n        </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":[],"mappings":";;;;;;AAMO,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU,CAAA;AAAhC,IAAA,WAAA,GAAA;;QACuB,IAAA,CAAA,OAAO,GAAG,EAAE;QAGhC,IAAA,CAAA,kBAAkB,GAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IA+D9E;AA7DE,IAAA,IAAY,EAAE,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,kBAAkB;IACnD;IA4CU,MAAM,GAAA;QACd,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,OAAO;AACjC,QAAA,OAAO,IAAI,CAAA;;AAEC,cAAA,EAAA,IAAI,CAAC,OAAO,CAAA;uCACW,IAAI,CAAC,QAAQ,CAAA,YAAA,EAAe,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;AACzE,UAAA,EAAA,SAAS,EAAE;;;KAGlB;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;;AAxDO,OAAA,CAAA,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwClB,EAAA,CAxCY;AATe,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAe,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AACT,UAAA,CAAA;AAA/B,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE;AAA2B,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAF9C,OAAO,GAAA,UAAA,CAAA;IADnB,aAAa,CAAC,UAAU;AACZ,CAAA,EAAA,OAAO,CAmEnB;;;;"}

package/dist/esm/components/fw-volume-control.js

@@ -87,6 +87,12 @@ let FwVolumeControl = class FwVolumeControl extends LitElement {
         this._updateHasAudio();
     }
     _updateHasAudio() {
+        // Primary: trust MistServer stream metadata (matches ddvtech embed approach)
+        const mistHasAudio = this.pc?.s.streamState?.streamInfo?.hasAudio;
+        if (mistHasAudio !== undefined) {
+            this._hasAudio = mistHasAudio;
+            return;
+        }
         const video = this.pc?.s.videoElement;
         if (!video) {
             this._hasAudio = true;
@@ -183,8 +189,12 @@ let FwVolumeControl = class FwVolumeControl extends LitElement {
             }
         }}
           ?disabled=${!this._hasAudio}
-          aria-label=${!this._hasAudio ? "No audio" : isMuted ? "Unmute" : "Mute"}
-          title=${!this._hasAudio ? "No audio" : isMuted ? "Unmute" : "Mute"}
+          aria-label=${!this._hasAudio
+            ? "No audio"
+            : isMuted
+                ? this.pc.t("unmute")
+                : this.pc.t("mute")}
+          title=${!this._hasAudio ? "No audio" : isMuted ? this.pc.t("unmute") : this.pc.t("mute")}
         >
           ${isMuted || !this._hasAudio ? volumeOffIcon(16) : volumeUpIcon(16)}
         </button>
@@ -199,7 +209,7 @@ let FwVolumeControl = class FwVolumeControl extends LitElement {
           <div
             class="slider"
             role="slider"
-            aria-label="Volume"
+            aria-label=${this.pc.t("volume")}
             aria-valuemin="0"
             aria-valuemax="100"
             aria-valuenow=${Math.round(displayVolume * 100)}

package/dist/esm/components/fw-volume-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"fw-volume-control.js","sources":["../../../../src/components/fw-volume-control.ts"],"sourcesContent":["/**\n * <fw-volume-control> — Mute toggle + expandable volume slider.\n */\nimport { LitElement, html, css } 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\";\nimport { volumeUpIcon, volumeOffIcon } from \"../icons/index.js\";\nimport type { PlayerControllerHost } from \"../controllers/player-controller-host.js\";\n\n@customElement(\"fw-volume-control\")\nexport class FwVolumeControl extends LitElement {\n  @property({ attribute: false }) pc!: PlayerControllerHost;\n\n  @state() private _hovered = false;\n  @state() private _focused = false;\n  @state() private _dragging = false;\n  @state() private _hasAudio = true;\n\n  private _activePointerId: number | null = null;\n  private _activeSliderTarget: HTMLElement | null = null;\n\n  static styles = [\n    sharedStyles,\n    css`\n      :host {\n        display: flex;\n        align-items: center;\n      }\n\n      .slider {\n        position: relative;\n        width: 100%;\n        height: 0.25rem;\n        background: rgb(255 255 255 / 0.2);\n        border-radius: 9999px;\n        cursor: pointer;\n        touch-action: none;\n        user-select: none;\n      }\n\n      .slider-fill {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100%;\n        border-radius: 9999px;\n        background: hsl(var(--tn-fg));\n      }\n\n      .slider-thumb {\n        position: absolute;\n        top: 50%;\n        width: 0.625rem;\n        height: 0.625rem;\n        border-radius: 9999px;\n        background: hsl(var(--tn-fg));\n        transform: translate(-50%, -50%);\n        pointer-events: none;\n      }\n    `,\n  ];\n\n  private get _expanded(): boolean {\n    return this._hovered || this._focused || this._dragging;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._endDragInteraction();\n  }\n\n  protected updated(): void {\n    this._updateHasAudio();\n  }\n\n  private _updateHasAudio(): void {\n    const video = this.pc?.s.videoElement;\n    if (!video) {\n      this._hasAudio = true;\n      return;\n    }\n\n    if (video.srcObject instanceof MediaStream) {\n      this._hasAudio = video.srcObject.getAudioTracks().length > 0;\n      return;\n    }\n\n    const maybeWithTracks = video as HTMLVideoElement & {\n      audioTracks?: {\n        length: number;\n      };\n    };\n\n    if (maybeWithTracks.audioTracks && typeof maybeWithTracks.audioTracks.length === \"number\") {\n      this._hasAudio = maybeWithTracks.audioTracks.length > 0;\n      return;\n    }\n\n    this._hasAudio = true;\n  }\n\n  private _setVolumeFromClientX(clientX: number, target: HTMLElement): void {\n    const rect = target.getBoundingClientRect();\n    if (rect.width <= 0) {\n      return;\n    }\n\n    const pct = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n    this.pc.setVolume(pct);\n\n    if (this.pc.s.isMuted && pct > 0) {\n      this.pc.toggleMute();\n    }\n  }\n\n  private _beginDragInteraction(target: HTMLElement, pointerId: number): void {\n    this._activePointerId = pointerId;\n    this._activeSliderTarget = target;\n    this._dragging = true;\n    this._hovered = true;\n    this._focused = true;\n\n    try {\n      target.setPointerCapture(pointerId);\n    } catch {\n      // Non-fatal: we still listen on window as a fallback.\n    }\n\n    window.addEventListener(\"pointermove\", this._onGlobalPointerMove);\n    window.addEventListener(\"pointerup\", this._onGlobalPointerUp);\n    window.addEventListener(\"pointercancel\", this._onGlobalPointerUp);\n  }\n\n  private _endDragInteraction(): void {\n    const pointerId = this._activePointerId;\n    const target = this._activeSliderTarget;\n    if (pointerId != null && target) {\n      try {\n        if (target.hasPointerCapture(pointerId)) {\n          target.releasePointerCapture(pointerId);\n        }\n      } catch {\n        // Ignore pointer-capture release errors.\n      }\n    }\n\n    this._activePointerId = null;\n    this._activeSliderTarget = null;\n    this._dragging = false;\n    window.removeEventListener(\"pointermove\", this._onGlobalPointerMove);\n    window.removeEventListener(\"pointerup\", this._onGlobalPointerUp);\n    window.removeEventListener(\"pointercancel\", this._onGlobalPointerUp);\n  }\n\n  private _onGlobalPointerMove = (event: PointerEvent): void => {\n    if (!this._dragging || this._activePointerId !== event.pointerId) {\n      return;\n    }\n    const target = this._activeSliderTarget;\n    if (!target) {\n      return;\n    }\n    this._setVolumeFromClientX(event.clientX, target);\n  };\n\n  private _onGlobalPointerUp = (event: PointerEvent): void => {\n    if (!this._dragging || this._activePointerId !== event.pointerId) {\n      return;\n    }\n    this._endDragInteraction();\n  };\n\n  private _handleMouseEnter = (): void => {\n    this._hovered = true;\n  };\n\n  private _handleMouseLeave = (): void => {\n    if (this._dragging) {\n      return;\n    }\n    this._hovered = false;\n    this._focused = false;\n  };\n\n  private _handleFocusIn = (): void => {\n    this._focused = true;\n  };\n\n  private _handleFocusOut = (event: FocusEvent): void => {\n    if (this._dragging) {\n      return;\n    }\n    const related = event.relatedTarget as Node | null;\n    if (!related || !this.renderRoot.contains(related)) {\n      this._focused = false;\n    }\n  };\n\n  private _onSliderPointerDown = (event: PointerEvent) => {\n    if (!this._hasAudio) {\n      return;\n    }\n\n    event.preventDefault();\n    const target = event.currentTarget as HTMLElement;\n    this._beginDragInteraction(target, event.pointerId);\n    this._setVolumeFromClientX(event.clientX, target);\n  };\n\n  private _onWheel = (event: WheelEvent) => {\n    if (!this._hasAudio) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const current = this.pc.s.isMuted ? 0 : Math.round(this.pc.s.volume * 100);\n    const delta = event.deltaY < 0 ? 5 : -5;\n    const next = Math.max(0, Math.min(100, current + delta));\n    this.pc.setVolume(next / 100);\n\n    if (this.pc.s.isMuted && next > 0) {\n      this.pc.toggleMute();\n    }\n  };\n\n  protected render() {\n    const isMuted = this.pc.s.isMuted;\n    const volume = this.pc.s.volume;\n    const displayVolume = isMuted ? 0 : Math.max(0, Math.min(1, volume));\n\n    return html`\n      <div\n        class=${classMap({\n          \"fw-volume-group\": true,\n          \"fw-volume-group--expanded\": this._expanded,\n          \"fw-volume-group--disabled\": !this._hasAudio,\n        })}\n        role=\"group\"\n        aria-label=\"Volume controls\"\n        @mouseenter=${this._handleMouseEnter}\n        @mouseleave=${this._handleMouseLeave}\n        @focusin=${this._handleFocusIn}\n        @focusout=${this._handleFocusOut}\n        @click=${(event: MouseEvent) => {\n          if (this._hasAudio && event.target === event.currentTarget) {\n            this.pc.toggleMute();\n          }\n        }}\n        @wheel=${this._onWheel}\n      >\n        <button\n          class=\"fw-volume-btn\"\n          type=\"button\"\n          @click=${() => {\n            if (this._hasAudio) {\n              this.pc.toggleMute();\n            }\n          }}\n          ?disabled=${!this._hasAudio}\n          aria-label=${!this._hasAudio ? \"No audio\" : isMuted ? \"Unmute\" : \"Mute\"}\n          title=${!this._hasAudio ? \"No audio\" : isMuted ? \"Unmute\" : \"Mute\"}\n        >\n          ${isMuted || !this._hasAudio ? volumeOffIcon(16) : volumeUpIcon(16)}\n        </button>\n\n        <div\n          class=${classMap({\n            \"fw-volume-slider-wrapper\": true,\n            \"fw-volume-slider-wrapper--expanded\": this._expanded,\n            \"fw-volume-slider-wrapper--collapsed\": !this._expanded,\n          })}\n        >\n          <div\n            class=\"slider\"\n            role=\"slider\"\n            aria-label=\"Volume\"\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n            aria-valuenow=${Math.round(displayVolume * 100)}\n            @pointerdown=${this._onSliderPointerDown}\n          >\n            <div class=\"slider-fill\" style=${styleMap({ width: `${displayVolume * 100}%` })}></div>\n            <div class=\"slider-thumb\" style=${styleMap({ left: `${displayVolume * 100}%` })}></div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-volume-control\": FwVolumeControl;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fw-volume-control.js","sources":["../../../../src/components/fw-volume-control.ts"],"sourcesContent":["/**\n * <fw-volume-control> — Mute toggle + expandable volume slider.\n */\nimport { LitElement, html, css } 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\";\nimport { volumeUpIcon, volumeOffIcon } from \"../icons/index.js\";\nimport type { PlayerControllerHost } from \"../controllers/player-controller-host.js\";\n\n@customElement(\"fw-volume-control\")\nexport class FwVolumeControl extends LitElement {\n  @property({ attribute: false }) pc!: PlayerControllerHost;\n\n  @state() private _hovered = false;\n  @state() private _focused = false;\n  @state() private _dragging = false;\n  @state() private _hasAudio = true;\n\n  private _activePointerId: number | null = null;\n  private _activeSliderTarget: HTMLElement | null = null;\n\n  static styles = [\n    sharedStyles,\n    css`\n      :host {\n        display: flex;\n        align-items: center;\n      }\n\n      .slider {\n        position: relative;\n        width: 100%;\n        height: 0.25rem;\n        background: rgb(255 255 255 / 0.2);\n        border-radius: 9999px;\n        cursor: pointer;\n        touch-action: none;\n        user-select: none;\n      }\n\n      .slider-fill {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100%;\n        border-radius: 9999px;\n        background: hsl(var(--tn-fg));\n      }\n\n      .slider-thumb {\n        position: absolute;\n        top: 50%;\n        width: 0.625rem;\n        height: 0.625rem;\n        border-radius: 9999px;\n        background: hsl(var(--tn-fg));\n        transform: translate(-50%, -50%);\n        pointer-events: none;\n      }\n    `,\n  ];\n\n  private get _expanded(): boolean {\n    return this._hovered || this._focused || this._dragging;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._endDragInteraction();\n  }\n\n  protected updated(): void {\n    this._updateHasAudio();\n  }\n\n  private _updateHasAudio(): void {\n    // Primary: trust MistServer stream metadata (matches ddvtech embed approach)\n    const mistHasAudio = this.pc?.s.streamState?.streamInfo?.hasAudio;\n    if (mistHasAudio !== undefined) {\n      this._hasAudio = mistHasAudio;\n      return;\n    }\n\n    const video = this.pc?.s.videoElement;\n    if (!video) {\n      this._hasAudio = true;\n      return;\n    }\n\n    if (video.srcObject instanceof MediaStream) {\n      this._hasAudio = video.srcObject.getAudioTracks().length > 0;\n      return;\n    }\n\n    const maybeWithTracks = video as HTMLVideoElement & {\n      audioTracks?: {\n        length: number;\n      };\n    };\n\n    if (maybeWithTracks.audioTracks && typeof maybeWithTracks.audioTracks.length === \"number\") {\n      this._hasAudio = maybeWithTracks.audioTracks.length > 0;\n      return;\n    }\n\n    this._hasAudio = true;\n  }\n\n  private _setVolumeFromClientX(clientX: number, target: HTMLElement): void {\n    const rect = target.getBoundingClientRect();\n    if (rect.width <= 0) {\n      return;\n    }\n\n    const pct = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n    this.pc.setVolume(pct);\n\n    if (this.pc.s.isMuted && pct > 0) {\n      this.pc.toggleMute();\n    }\n  }\n\n  private _beginDragInteraction(target: HTMLElement, pointerId: number): void {\n    this._activePointerId = pointerId;\n    this._activeSliderTarget = target;\n    this._dragging = true;\n    this._hovered = true;\n    this._focused = true;\n\n    try {\n      target.setPointerCapture(pointerId);\n    } catch {\n      // Non-fatal: we still listen on window as a fallback.\n    }\n\n    window.addEventListener(\"pointermove\", this._onGlobalPointerMove);\n    window.addEventListener(\"pointerup\", this._onGlobalPointerUp);\n    window.addEventListener(\"pointercancel\", this._onGlobalPointerUp);\n  }\n\n  private _endDragInteraction(): void {\n    const pointerId = this._activePointerId;\n    const target = this._activeSliderTarget;\n    if (pointerId != null && target) {\n      try {\n        if (target.hasPointerCapture(pointerId)) {\n          target.releasePointerCapture(pointerId);\n        }\n      } catch {\n        // Ignore pointer-capture release errors.\n      }\n    }\n\n    this._activePointerId = null;\n    this._activeSliderTarget = null;\n    this._dragging = false;\n    window.removeEventListener(\"pointermove\", this._onGlobalPointerMove);\n    window.removeEventListener(\"pointerup\", this._onGlobalPointerUp);\n    window.removeEventListener(\"pointercancel\", this._onGlobalPointerUp);\n  }\n\n  private _onGlobalPointerMove = (event: PointerEvent): void => {\n    if (!this._dragging || this._activePointerId !== event.pointerId) {\n      return;\n    }\n    const target = this._activeSliderTarget;\n    if (!target) {\n      return;\n    }\n    this._setVolumeFromClientX(event.clientX, target);\n  };\n\n  private _onGlobalPointerUp = (event: PointerEvent): void => {\n    if (!this._dragging || this._activePointerId !== event.pointerId) {\n      return;\n    }\n    this._endDragInteraction();\n  };\n\n  private _handleMouseEnter = (): void => {\n    this._hovered = true;\n  };\n\n  private _handleMouseLeave = (): void => {\n    if (this._dragging) {\n      return;\n    }\n    this._hovered = false;\n    this._focused = false;\n  };\n\n  private _handleFocusIn = (): void => {\n    this._focused = true;\n  };\n\n  private _handleFocusOut = (event: FocusEvent): void => {\n    if (this._dragging) {\n      return;\n    }\n    const related = event.relatedTarget as Node | null;\n    if (!related || !this.renderRoot.contains(related)) {\n      this._focused = false;\n    }\n  };\n\n  private _onSliderPointerDown = (event: PointerEvent) => {\n    if (!this._hasAudio) {\n      return;\n    }\n\n    event.preventDefault();\n    const target = event.currentTarget as HTMLElement;\n    this._beginDragInteraction(target, event.pointerId);\n    this._setVolumeFromClientX(event.clientX, target);\n  };\n\n  private _onWheel = (event: WheelEvent) => {\n    if (!this._hasAudio) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const current = this.pc.s.isMuted ? 0 : Math.round(this.pc.s.volume * 100);\n    const delta = event.deltaY < 0 ? 5 : -5;\n    const next = Math.max(0, Math.min(100, current + delta));\n    this.pc.setVolume(next / 100);\n\n    if (this.pc.s.isMuted && next > 0) {\n      this.pc.toggleMute();\n    }\n  };\n\n  protected render() {\n    const isMuted = this.pc.s.isMuted;\n    const volume = this.pc.s.volume;\n    const displayVolume = isMuted ? 0 : Math.max(0, Math.min(1, volume));\n\n    return html`\n      <div\n        class=${classMap({\n          \"fw-volume-group\": true,\n          \"fw-volume-group--expanded\": this._expanded,\n          \"fw-volume-group--disabled\": !this._hasAudio,\n        })}\n        role=\"group\"\n        aria-label=\"Volume controls\"\n        @mouseenter=${this._handleMouseEnter}\n        @mouseleave=${this._handleMouseLeave}\n        @focusin=${this._handleFocusIn}\n        @focusout=${this._handleFocusOut}\n        @click=${(event: MouseEvent) => {\n          if (this._hasAudio && event.target === event.currentTarget) {\n            this.pc.toggleMute();\n          }\n        }}\n        @wheel=${this._onWheel}\n      >\n        <button\n          class=\"fw-volume-btn\"\n          type=\"button\"\n          @click=${() => {\n            if (this._hasAudio) {\n              this.pc.toggleMute();\n            }\n          }}\n          ?disabled=${!this._hasAudio}\n          aria-label=${!this._hasAudio\n            ? \"No audio\"\n            : isMuted\n              ? this.pc.t(\"unmute\")\n              : this.pc.t(\"mute\")}\n          title=${!this._hasAudio ? \"No audio\" : isMuted ? this.pc.t(\"unmute\") : this.pc.t(\"mute\")}\n        >\n          ${isMuted || !this._hasAudio ? volumeOffIcon(16) : volumeUpIcon(16)}\n        </button>\n\n        <div\n          class=${classMap({\n            \"fw-volume-slider-wrapper\": true,\n            \"fw-volume-slider-wrapper--expanded\": this._expanded,\n            \"fw-volume-slider-wrapper--collapsed\": !this._expanded,\n          })}\n        >\n          <div\n            class=\"slider\"\n            role=\"slider\"\n            aria-label=${this.pc.t(\"volume\")}\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n            aria-valuenow=${Math.round(displayVolume * 100)}\n            @pointerdown=${this._onSliderPointerDown}\n          >\n            <div class=\"slider-fill\" style=${styleMap({ width: `${displayVolume * 100}%` })}></div>\n            <div class=\"slider-thumb\" style=${styleMap({ left: `${displayVolume * 100}%` })}></div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"fw-volume-control\": FwVolumeControl;\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { PlayerController } from '@livepeer-frameworks/player-core';
+import { createTranslator, PlayerController } from '@livepeer-frameworks/player-core';
 
 const initialState = {
     state: "booting",
@@ -41,9 +41,16 @@ class PlayerControllerHost {
         this.unsubs = [];
         this.currentConfig = null;
         this.s = { ...initialState };
+        /** Translation function, updated when locale changes. */
+        this.t = createTranslator({ locale: "en" });
         this.host = host;
         host.addController(this);
     }
+    /** Rebuild the translator when locale or custom translations change. */
+    updateTranslator(config) {
+        this.t = createTranslator(config);
+        this.host.requestUpdate();
+    }
     // ---- Configuration & Lifecycle ----
     configure(config) {
         this.currentConfig = config;
@@ -296,6 +303,12 @@ class PlayerControllerHost {
     async retry() {
         await this.controller?.retry();
     }
+    async tryNextSource() {
+        await this.controller?.retryWithFallback();
+    }
+    canAttemptFallback() {
+        return this.controller?.canAttemptFallback() ?? false;
+    }
     async reload() {
         await this.controller?.reload();
     }

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

@@ -1 +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; lang?: 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      textTracks: c.getTextTracks(),\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        const next: Partial<PlayerControllerHostState> = {\n          currentTime,\n          duration,\n          shouldShowControls: controller.shouldShowControls(),\n        };\n        if (this.s.qualities.length === 0) {\n          const qualities = controller.getQualities();\n          if (qualities.length > 0) {\n            next.qualities = qualities;\n          }\n        }\n        this.update(next);\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          textTracks: controller.getTextTracks(),\n        });\n        this.dispatchEvent(\"fw-ready\", { videoElement });\n        this.syncState();\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          textTracks: controller.getTextTracks(),\n        });\n        this.syncState();\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, textTracks: controller.getTextTracks() });\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  getTextTracks() {\n    return this.controller?.getTextTracks() ?? [];\n  }\n  selectTextTrack(id: string | null) {\n    this.controller?.selectTextTrack(id);\n  }\n  setPlaybackRate(rate: number) {\n    this.controller?.setPlaybackRate(rate);\n  }\n  getSeekableStart() {\n    return this.controller?.getSeekableStart() ?? 0;\n  }\n  getLiveEdge() {\n    return this.controller?.getLiveEdge() ?? 0;\n  }\n  canSeekStream() {\n    return this.controller?.canSeekStream() ?? false;\n  }\n  getBufferedRanges() {\n    return this.controller?.getBufferedRanges() ?? null;\n  }\n  async getStats() {\n    return this.controller?.getStats();\n  }\n\n  handleMouseEnter() {\n    this.controller?.handleMouseEnter();\n    this.update({ isHovering: true, shouldShowControls: true });\n  }\n  handleMouseLeave() {\n    this.controller?.handleMouseLeave();\n    this.update({\n      isHovering: false,\n      shouldShowControls: this.controller?.shouldShowControls() ?? false,\n    });\n  }\n  handleMouseMove() {\n    this.controller?.handleMouseMove();\n    if (this.controller) {\n      this.update({ shouldShowControls: this.controller.shouldShowControls() });\n    }\n  }\n  handleTouchStart() {\n    this.controller?.handleTouchStart();\n    this.update({ shouldShowControls: true });\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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"}
+{"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  createTranslator,\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  type TranslateFn,\n  type I18nConfig,\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; lang?: 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  /** Translation function, updated when locale changes. */\n  t: TranslateFn = createTranslator({ locale: \"en\" });\n\n  constructor(host: HostElement) {\n    this.host = host;\n    host.addController(this);\n  }\n\n  /** Rebuild the translator when locale or custom translations change. */\n  updateTranslator(config: I18nConfig) {\n    this.t = createTranslator(config);\n    this.host.requestUpdate();\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      textTracks: c.getTextTracks(),\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        const next: Partial<PlayerControllerHostState> = {\n          currentTime,\n          duration,\n          shouldShowControls: controller.shouldShowControls(),\n        };\n        if (this.s.qualities.length === 0) {\n          const qualities = controller.getQualities();\n          if (qualities.length > 0) {\n            next.qualities = qualities;\n          }\n        }\n        this.update(next);\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          textTracks: controller.getTextTracks(),\n        });\n        this.dispatchEvent(\"fw-ready\", { videoElement });\n        this.syncState();\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          textTracks: controller.getTextTracks(),\n        });\n        this.syncState();\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, textTracks: controller.getTextTracks() });\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 tryNextSource() {\n    await this.controller?.retryWithFallback();\n  }\n  canAttemptFallback(): boolean {\n    return this.controller?.canAttemptFallback() ?? false;\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  getTextTracks() {\n    return this.controller?.getTextTracks() ?? [];\n  }\n  selectTextTrack(id: string | null) {\n    this.controller?.selectTextTrack(id);\n  }\n  setPlaybackRate(rate: number) {\n    this.controller?.setPlaybackRate(rate);\n  }\n  getSeekableStart() {\n    return this.controller?.getSeekableStart() ?? 0;\n  }\n  getLiveEdge() {\n    return this.controller?.getLiveEdge() ?? 0;\n  }\n  canSeekStream() {\n    return this.controller?.canSeekStream() ?? false;\n  }\n  getBufferedRanges() {\n    return this.controller?.getBufferedRanges() ?? null;\n  }\n  async getStats() {\n    return this.controller?.getStats();\n  }\n\n  handleMouseEnter() {\n    this.controller?.handleMouseEnter();\n    this.update({ isHovering: true, shouldShowControls: true });\n  }\n  handleMouseLeave() {\n    this.controller?.handleMouseLeave();\n    this.update({\n      isHovering: false,\n      shouldShowControls: this.controller?.shouldShowControls() ?? false,\n    });\n  }\n  handleMouseMove() {\n    this.controller?.handleMouseMove();\n    if (this.controller) {\n      this.update({ shouldShowControls: this.controller.shouldShowControls() });\n    }\n  }\n  handleTouchStart() {\n    this.controller?.handleTouchStart();\n    this.update({ shouldShowControls: true });\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/index.js

@@ -18,5 +18,11 @@ 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 { FwPlayButton } from './components/controls/fw-play-button.js';
+export { FwSkipButton } from './components/controls/fw-skip-button.js';
+export { FwVolumeControl as FwVolumeButton } from './components/controls/fw-volume-control.js';
+export { FwTimeDisplay } from './components/controls/fw-time-display.js';
+export { FwLiveBadge } from './components/controls/fw-live-badge.js';
+export { FwFullscreenButton } from './components/controls/fw-fullscreen-button.js';
 export { PlayerControllerHost } from './controllers/player-controller-host.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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