@signalwire/web-components 4.0.0-beta.9 → 4.0.0-dev-20260515133934

package/dist/components/participant-controls.d.ts

@@ -1,94 +0,0 @@
-/**
- * Participant Controls Component
- *
- * Individual participant control panel with actions like mute, remove,
- * volume control, and pin/spotlight.
- *
- * @example
- * ```html
- * <sw-participant-controls
- *   .participant=${participant}
- *   .capabilities=${['memberMuteAudio', 'memberRemove']}
- * ></sw-participant-controls>
- * ```
- */
-import { LitElement } from 'lit';
-import type { Observable } from 'rxjs';
-/**
- * Participant interface for controls component
- */
-export interface ControlParticipant {
-    id: string;
-    name$?: Observable<string>;
-    audioMuted$?: Observable<boolean>;
-    videoMuted$?: Observable<boolean>;
-    mute?(): Promise<void>;
-    unmute?(): Promise<void>;
-    muteVideo?(): Promise<void>;
-    unmuteVideo?(): Promise<void>;
-    remove?(): Promise<void>;
-}
-export declare class ParticipantControlsComponent extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Participant object to control
-     */
-    participant: ControlParticipant | null;
-    /**
-     * Available capabilities (actions user can perform)
-     */
-    capabilities: string[];
-    /**
-     * Whether to show volume slider
-     */
-    showVolume: boolean;
-    /**
-     * Whether to show pin/spotlight button
-     */
-    showPin: boolean;
-    /**
-     * Current volume (0-100)
-     */
-    private volume;
-    /**
-     * Participant name
-     */
-    private participantName;
-    /**
-     * Audio mute state
-     */
-    private audioMuted;
-    /**
-     * Video mute state
-     */
-    private videoMuted;
-    /**
-     * Is pinned/spotlighted
-     */
-    private isPinned;
-    /**
-     * RxJS subscriptions for cleanup
-     */
-    private subscriptions;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changedProperties: Map<string, unknown>): void;
-    private subscribeToParticipant;
-    private cleanup;
-    private get canMuteAudio();
-    private get canMuteVideo();
-    private get canRemove();
-    private get hasAnyCapability();
-    private handleToggleAudioMute;
-    private handleToggleVideoMute;
-    private handleRemove;
-    private handleVolumeChange;
-    private handleTogglePin;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sw-participant-controls': ParticipantControlsComponent;
-    }
-}
-//# sourceMappingURL=participant-controls.d.ts.map

package/dist/components/participant-controls.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"participant-controls.d.ts","sourceRoot":"","sources":["../../src/components/participant-controls.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAClC,IAAI,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACvB,MAAM,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACzB,SAAS,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,WAAW,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1B;AAED,qBACa,4BAA6B,SAAQ,UAAU;IAC1D,MAAM,CAAC,MAAM,0BAoMX;IAEF;;OAEG;IAEH,WAAW,EAAE,kBAAkB,GAAG,IAAI,CAAQ;IAE9C;;OAEG;IAEH,YAAY,EAAE,MAAM,EAAE,CAAM;IAE5B;;OAEG;IAEH,UAAU,EAAE,OAAO,CAAS;IAE5B;;OAEG;IAEH,OAAO,EAAE,OAAO,CAAS;IAEzB;;OAEG;IAEH,OAAO,CAAC,MAAM,CAAe;IAE7B;;OAEG;IAEH,OAAO,CAAC,eAAe,CAAyB;IAEhD;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAkB;IAEpC;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAkB;IAEpC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAkB;IAElC;;OAEG;IACH,OAAO,CAAC,aAAa,CAAsB;IAE3C,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO/C,OAAO,CAAC,sBAAsB;IAyB9B,OAAO,CAAC,OAAO;IAKf,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,gBAAgB,GAI3B;YAEa,qBAAqB;YAsBrB,qBAAqB;YAsBrB,YAAY;IAkB1B,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,eAAe;IAYvB,MAAM;CAqIP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,4BAA4B,CAAC;KACzD;CACF"}

package/dist/components/participant-controls.js

@@ -1,468 +0,0 @@
-import { LitElement as d, html as o, css as h } from "lit";
-import { property as c, state as r, customElement as v } from "lit/decorators.js";
-var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (t, e, l, n) => {
-  for (var s = n > 1 ? void 0 : n ? w(e, l) : e, p = t.length - 1, u; p >= 0; p--)
-    (u = t[p]) && (s = (n ? u(e, l, s) : u(s)) || s);
-  return n && s && b(e, l, s), s;
-};
-let i = class extends d {
-  constructor() {
-    super(...arguments), this.participant = null, this.capabilities = [], this.showVolume = !1, this.showPin = !1, this.volume = 100, this.participantName = "Participant", this.audioMuted = !1, this.videoMuted = !1, this.isPinned = !1, this.subscriptions = [];
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.subscribeToParticipant();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.cleanup();
-  }
-  updated(t) {
-    t.has("participant") && (this.cleanup(), this.subscribeToParticipant());
-  }
-  subscribeToParticipant() {
-    if (this.participant) {
-      if (this.participant.name$) {
-        const t = this.participant.name$.subscribe((e) => {
-          this.participantName = e;
-        });
-        this.subscriptions.push(t);
-      }
-      if (this.participant.audioMuted$) {
-        const t = this.participant.audioMuted$.subscribe((e) => {
-          this.audioMuted = e;
-        });
-        this.subscriptions.push(t);
-      }
-      if (this.participant.videoMuted$) {
-        const t = this.participant.videoMuted$.subscribe((e) => {
-          this.videoMuted = e;
-        });
-        this.subscriptions.push(t);
-      }
-    }
-  }
-  cleanup() {
-    this.subscriptions.forEach((t) => t.unsubscribe()), this.subscriptions = [];
-  }
-  get canMuteAudio() {
-    return this.capabilities.includes("memberMuteAudio");
-  }
-  get canMuteVideo() {
-    return this.capabilities.includes("memberMuteVideo");
-  }
-  get canRemove() {
-    return this.capabilities.includes("memberRemove");
-  }
-  get hasAnyCapability() {
-    return this.canMuteAudio || this.canMuteVideo || this.canRemove || this.showVolume || this.showPin;
-  }
-  async handleToggleAudioMute() {
-    if (this.participant)
-      try {
-        this.audioMuted && this.participant.unmute ? await this.participant.unmute() : !this.audioMuted && this.participant.mute && await this.participant.mute(), this.dispatchEvent(
-          new CustomEvent("sw-participant-mute-audio", {
-            detail: { participant: this.participant, muted: !this.audioMuted },
-            bubbles: !0,
-            composed: !0
-          })
-        );
-      } catch (t) {
-        console.error("Failed to toggle audio mute:", t);
-      }
-  }
-  async handleToggleVideoMute() {
-    if (this.participant)
-      try {
-        this.videoMuted && this.participant.unmuteVideo ? await this.participant.unmuteVideo() : !this.videoMuted && this.participant.muteVideo && await this.participant.muteVideo(), this.dispatchEvent(
-          new CustomEvent("sw-participant-mute-video", {
-            detail: { participant: this.participant, muted: !this.videoMuted },
-            bubbles: !0,
-            composed: !0
-          })
-        );
-      } catch (t) {
-        console.error("Failed to toggle video mute:", t);
-      }
-  }
-  async handleRemove() {
-    var t;
-    if ((t = this.participant) != null && t.remove)
-      try {
-        await this.participant.remove(), this.dispatchEvent(
-          new CustomEvent("sw-participant-remove", {
-            detail: { participant: this.participant },
-            bubbles: !0,
-            composed: !0
-          })
-        );
-      } catch (e) {
-        console.error("Failed to remove participant:", e);
-      }
-  }
-  handleVolumeChange(t) {
-    const e = t.target;
-    this.volume = parseInt(e.value, 10), this.dispatchEvent(
-      new CustomEvent("sw-participant-volume", {
-        detail: { participant: this.participant, volume: this.volume },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  handleTogglePin() {
-    this.isPinned = !this.isPinned, this.dispatchEvent(
-      new CustomEvent("sw-participant-pin", {
-        detail: { participant: this.participant, pinned: this.isPinned },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  render() {
-    return o`
-      <div class="container" part="container">
-        <div class="header">
-          <span class="participant-name">${this.participantName}</span>
-        </div>
-
-        <div class="actions">
-          ${this.hasAnyCapability ? null : o`<div class="no-actions">No actions available</div>`}
-          ${this.canMuteAudio ? o`
-                <button
-                  class="action-button ${this.audioMuted ? "active" : ""}"
-                  part="action-button"
-                  @click=${this.handleToggleAudioMute}
-                  aria-label="${this.audioMuted ? "Unmute audio" : "Mute audio"}"
-                >
-                  ${this.audioMuted ? o`<svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
-                        fill="currentColor"
-                      >
-                        <path
-                          d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"
-                        />
-                      </svg>` : o`<svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
-                        fill="currentColor"
-                      >
-                        <path
-                          d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"
-                        />
-                      </svg>`}
-                  ${this.audioMuted ? "Unmute" : "Mute"}
-                </button>
-              ` : null}
-          ${this.canMuteVideo ? o`
-                <button
-                  class="action-button ${this.videoMuted ? "active" : ""}"
-                  part="action-button"
-                  @click=${this.handleToggleVideoMute}
-                  aria-label="${this.videoMuted ? "Unmute video" : "Mute video"}"
-                >
-                  ${this.videoMuted ? o`<svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
-                        fill="currentColor"
-                      >
-                        <path
-                          d="M21 6.5l-4 4V7c0-.55-.45-1-1-1H9.82L21 17.18V6.5zM3.27 2L2 3.27 4.73 6H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.21 0 .39-.08.54-.18L19.73 21 21 19.73 3.27 2z"
-                        />
-                      </svg>` : o`<svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
-                        fill="currentColor"
-                      >
-                        <path
-                          d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"
-                        />
-                      </svg>`}
-                  ${this.videoMuted ? "Enable video" : "Disable video"}
-                </button>
-              ` : null}
-          ${this.showVolume ? o`
-                <div class="volume-control" part="slider">
-                  <label class="volume-label">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-                      <path
-                        d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z"
-                      />
-                    </svg>
-                    Volume: ${this.volume}%
-                  </label>
-                  <input
-                    type="range"
-                    class="volume-slider"
-                    min="0"
-                    max="100"
-                    .value=${String(this.volume)}
-                    @input=${this.handleVolumeChange}
-                    aria-label="Participant volume"
-                  />
-                </div>
-              ` : null}
-          ${this.showPin ? o`
-                <button
-                  class="action-button ${this.isPinned ? "active" : ""}"
-                  part="action-button"
-                  @click=${this.handleTogglePin}
-                  aria-label="${this.isPinned ? "Unpin" : "Pin"}"
-                  aria-pressed="${this.isPinned}"
-                >
-                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-                    <path d="M16 12V4h1V2H7v2h1v8l-2 2v2h5.2v6h1.6v-6H18v-2l-2-2z" />
-                  </svg>
-                  ${this.isPinned ? "Unpin" : "Pin"}
-                </button>
-              ` : null}
-          ${this.canRemove ? o`
-                <button
-                  class="action-button danger"
-                  part="action-button"
-                  @click=${this.handleRemove}
-                  aria-label="Remove participant"
-                >
-                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-                    <path
-                      d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-                    />
-                  </svg>
-                  Remove
-                </button>
-              ` : null}
-        </div>
-      </div>
-    `;
-  }
-};
-i.styles = h`
-    :host {
-      /* CSS Custom Properties for theming */
-      --sw-color-primary: #044cf6;
-      --sw-color-primary-hover: #0339c4;
-      --sw-color-success: #10b981;
-      --sw-color-danger: #ef4444;
-      --sw-color-danger-hover: #dc2626;
-      --sw-color-warning: #f59e0b;
-      --sw-color-text: #1f2937;
-      --sw-color-text-muted: #6b7280;
-      --sw-color-text-inverse: #ffffff;
-      --sw-color-background: #ffffff;
-      --sw-color-background-hover: #f3f4f6;
-      --sw-color-background-active: #e5e7eb;
-      --sw-color-border: #e5e7eb;
-      --sw-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      --sw-font-size-xs: 11px;
-      --sw-font-size-sm: 12px;
-      --sw-font-size-base: 14px;
-      --sw-space-1: 4px;
-      --sw-space-2: 8px;
-      --sw-space-3: 12px;
-      --sw-space-4: 16px;
-      --sw-border-radius: 8px;
-
-      display: block;
-      font-family: var(--sw-font-family);
-    }
-
-    /* Dark mode support */
-    :host([data-theme='dark']) {
-      --sw-color-text: #f9fafb;
-      --sw-color-text-muted: #9ca3af;
-      --sw-color-background: #1f2937;
-      --sw-color-background-hover: #374151;
-      --sw-color-background-active: #4b5563;
-      --sw-color-border: #374151;
-    }
-
-    @media (prefers-color-scheme: dark) {
-      :host(:not([data-theme='light'])) {
-        --sw-color-text: #f9fafb;
-        --sw-color-text-muted: #9ca3af;
-        --sw-color-background: #1f2937;
-        --sw-color-background-hover: #374151;
-        --sw-color-background-active: #4b5563;
-        --sw-color-border: #374151;
-      }
-    }
-
-    .container {
-      display: flex;
-      flex-direction: column;
-      gap: var(--sw-space-2);
-      padding: var(--sw-space-3);
-      background: var(--sw-color-background);
-      border: 1px solid var(--sw-color-border);
-      border-radius: var(--sw-border-radius);
-      min-width: 200px;
-      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
-    }
-
-    .header {
-      display: flex;
-      align-items: center;
-      gap: var(--sw-space-2);
-      padding-bottom: var(--sw-space-2);
-      border-bottom: 1px solid var(--sw-color-border);
-    }
-
-    .participant-name {
-      flex: 1;
-      font-size: var(--sw-font-size-base);
-      font-weight: 500;
-      color: var(--sw-color-text);
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    .actions {
-      display: flex;
-      flex-direction: column;
-      gap: var(--sw-space-2);
-    }
-
-    .action-button {
-      display: flex;
-      align-items: center;
-      gap: var(--sw-space-2);
-      padding: var(--sw-space-2) var(--sw-space-3);
-      background: var(--sw-color-background-hover);
-      border: none;
-      border-radius: var(--sw-border-radius);
-      color: var(--sw-color-text);
-      font-family: var(--sw-font-family);
-      font-size: var(--sw-font-size-sm);
-      cursor: pointer;
-      transition: background-color 0.15s ease;
-      text-align: left;
-    }
-
-    .action-button:hover {
-      background: var(--sw-color-background-active);
-    }
-
-    .action-button:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-
-    .action-button.active {
-      background: var(--sw-color-danger);
-      color: var(--sw-color-text-inverse);
-    }
-
-    .action-button.active:hover {
-      background: var(--sw-color-danger-hover);
-    }
-
-    .action-button.danger {
-      color: var(--sw-color-danger);
-    }
-
-    .action-button.danger:hover {
-      background: var(--sw-color-danger);
-      color: var(--sw-color-text-inverse);
-    }
-
-    .action-button svg {
-      width: 16px;
-      height: 16px;
-      flex-shrink: 0;
-    }
-
-    .volume-control {
-      display: flex;
-      flex-direction: column;
-      gap: var(--sw-space-1);
-    }
-
-    .volume-label {
-      display: flex;
-      align-items: center;
-      gap: var(--sw-space-2);
-      font-size: var(--sw-font-size-sm);
-      color: var(--sw-color-text-muted);
-    }
-
-    .volume-label svg {
-      width: 14px;
-      height: 14px;
-    }
-
-    .volume-slider {
-      width: 100%;
-      height: 4px;
-      -webkit-appearance: none;
-      appearance: none;
-      background: var(--sw-color-border);
-      border-radius: 2px;
-      outline: none;
-      cursor: pointer;
-    }
-
-    .volume-slider::-webkit-slider-thumb {
-      -webkit-appearance: none;
-      appearance: none;
-      width: 14px;
-      height: 14px;
-      background: var(--sw-color-primary);
-      border-radius: 50%;
-      cursor: pointer;
-      transition: transform 0.1s ease;
-    }
-
-    .volume-slider::-webkit-slider-thumb:hover {
-      transform: scale(1.2);
-    }
-
-    .volume-slider::-moz-range-thumb {
-      width: 14px;
-      height: 14px;
-      background: var(--sw-color-primary);
-      border-radius: 50%;
-      border: none;
-      cursor: pointer;
-    }
-
-    .no-actions {
-      color: var(--sw-color-text-muted);
-      font-size: var(--sw-font-size-sm);
-      text-align: center;
-      padding: var(--sw-space-2);
-    }
-  `;
-a([
-  c({ attribute: !1 })
-], i.prototype, "participant", 2);
-a([
-  c({ attribute: !1 })
-], i.prototype, "capabilities", 2);
-a([
-  c({ type: Boolean, attribute: "show-volume" })
-], i.prototype, "showVolume", 2);
-a([
-  c({ type: Boolean, attribute: "show-pin" })
-], i.prototype, "showPin", 2);
-a([
-  r()
-], i.prototype, "volume", 2);
-a([
-  r()
-], i.prototype, "participantName", 2);
-a([
-  r()
-], i.prototype, "audioMuted", 2);
-a([
-  r()
-], i.prototype, "videoMuted", 2);
-a([
-  r()
-], i.prototype, "isPinned", 2);
-i = a([
-  v("sw-participant-controls")
-], i);
-export {
-  i as ParticipantControlsComponent
-};
-//# sourceMappingURL=participant-controls.js.map

package/dist/components/participant-controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"participant-controls.js","sources":["../../src/components/participant-controls.ts"],"sourcesContent":["/**\n * Participant Controls Component\n *\n * Individual participant control panel with actions like mute, remove,\n * volume control, and pin/spotlight.\n *\n * @example\n * ```html\n * <sw-participant-controls\n *   .participant=${participant}\n *   .capabilities=${['memberMuteAudio', 'memberRemove']}\n * ></sw-participant-controls>\n * ```\n */\n\nimport { LitElement, html, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { Subscription } from 'rxjs';\nimport type { Observable } from 'rxjs';\n\n/**\n * Participant interface for controls component\n */\nexport interface ControlParticipant {\n  id: string;\n  name$?: Observable<string>;\n  audioMuted$?: Observable<boolean>;\n  videoMuted$?: Observable<boolean>;\n  mute?(): Promise<void>;\n  unmute?(): Promise<void>;\n  muteVideo?(): Promise<void>;\n  unmuteVideo?(): Promise<void>;\n  remove?(): Promise<void>;\n}\n\n@customElement('sw-participant-controls')\nexport class ParticipantControlsComponent extends LitElement {\n  static styles = css`\n    :host {\n      /* CSS Custom Properties for theming */\n      --sw-color-primary: #044cf6;\n      --sw-color-primary-hover: #0339c4;\n      --sw-color-success: #10b981;\n      --sw-color-danger: #ef4444;\n      --sw-color-danger-hover: #dc2626;\n      --sw-color-warning: #f59e0b;\n      --sw-color-text: #1f2937;\n      --sw-color-text-muted: #6b7280;\n      --sw-color-text-inverse: #ffffff;\n      --sw-color-background: #ffffff;\n      --sw-color-background-hover: #f3f4f6;\n      --sw-color-background-active: #e5e7eb;\n      --sw-color-border: #e5e7eb;\n      --sw-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      --sw-font-size-xs: 11px;\n      --sw-font-size-sm: 12px;\n      --sw-font-size-base: 14px;\n      --sw-space-1: 4px;\n      --sw-space-2: 8px;\n      --sw-space-3: 12px;\n      --sw-space-4: 16px;\n      --sw-border-radius: 8px;\n\n      display: block;\n      font-family: var(--sw-font-family);\n    }\n\n    /* Dark mode support */\n    :host([data-theme='dark']) {\n      --sw-color-text: #f9fafb;\n      --sw-color-text-muted: #9ca3af;\n      --sw-color-background: #1f2937;\n      --sw-color-background-hover: #374151;\n      --sw-color-background-active: #4b5563;\n      --sw-color-border: #374151;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      :host(:not([data-theme='light'])) {\n        --sw-color-text: #f9fafb;\n        --sw-color-text-muted: #9ca3af;\n        --sw-color-background: #1f2937;\n        --sw-color-background-hover: #374151;\n        --sw-color-background-active: #4b5563;\n        --sw-color-border: #374151;\n      }\n    }\n\n    .container {\n      display: flex;\n      flex-direction: column;\n      gap: var(--sw-space-2);\n      padding: var(--sw-space-3);\n      background: var(--sw-color-background);\n      border: 1px solid var(--sw-color-border);\n      border-radius: var(--sw-border-radius);\n      min-width: 200px;\n      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    }\n\n    .header {\n      display: flex;\n      align-items: center;\n      gap: var(--sw-space-2);\n      padding-bottom: var(--sw-space-2);\n      border-bottom: 1px solid var(--sw-color-border);\n    }\n\n    .participant-name {\n      flex: 1;\n      font-size: var(--sw-font-size-base);\n      font-weight: 500;\n      color: var(--sw-color-text);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .actions {\n      display: flex;\n      flex-direction: column;\n      gap: var(--sw-space-2);\n    }\n\n    .action-button {\n      display: flex;\n      align-items: center;\n      gap: var(--sw-space-2);\n      padding: var(--sw-space-2) var(--sw-space-3);\n      background: var(--sw-color-background-hover);\n      border: none;\n      border-radius: var(--sw-border-radius);\n      color: var(--sw-color-text);\n      font-family: var(--sw-font-family);\n      font-size: var(--sw-font-size-sm);\n      cursor: pointer;\n      transition: background-color 0.15s ease;\n      text-align: left;\n    }\n\n    .action-button:hover {\n      background: var(--sw-color-background-active);\n    }\n\n    .action-button:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .action-button.active {\n      background: var(--sw-color-danger);\n      color: var(--sw-color-text-inverse);\n    }\n\n    .action-button.active:hover {\n      background: var(--sw-color-danger-hover);\n    }\n\n    .action-button.danger {\n      color: var(--sw-color-danger);\n    }\n\n    .action-button.danger:hover {\n      background: var(--sw-color-danger);\n      color: var(--sw-color-text-inverse);\n    }\n\n    .action-button svg {\n      width: 16px;\n      height: 16px;\n      flex-shrink: 0;\n    }\n\n    .volume-control {\n      display: flex;\n      flex-direction: column;\n      gap: var(--sw-space-1);\n    }\n\n    .volume-label {\n      display: flex;\n      align-items: center;\n      gap: var(--sw-space-2);\n      font-size: var(--sw-font-size-sm);\n      color: var(--sw-color-text-muted);\n    }\n\n    .volume-label svg {\n      width: 14px;\n      height: 14px;\n    }\n\n    .volume-slider {\n      width: 100%;\n      height: 4px;\n      -webkit-appearance: none;\n      appearance: none;\n      background: var(--sw-color-border);\n      border-radius: 2px;\n      outline: none;\n      cursor: pointer;\n    }\n\n    .volume-slider::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      appearance: none;\n      width: 14px;\n      height: 14px;\n      background: var(--sw-color-primary);\n      border-radius: 50%;\n      cursor: pointer;\n      transition: transform 0.1s ease;\n    }\n\n    .volume-slider::-webkit-slider-thumb:hover {\n      transform: scale(1.2);\n    }\n\n    .volume-slider::-moz-range-thumb {\n      width: 14px;\n      height: 14px;\n      background: var(--sw-color-primary);\n      border-radius: 50%;\n      border: none;\n      cursor: pointer;\n    }\n\n    .no-actions {\n      color: var(--sw-color-text-muted);\n      font-size: var(--sw-font-size-sm);\n      text-align: center;\n      padding: var(--sw-space-2);\n    }\n  `;\n\n  /**\n   * Participant object to control\n   */\n  @property({ attribute: false })\n  participant: ControlParticipant | null = null;\n\n  /**\n   * Available capabilities (actions user can perform)\n   */\n  @property({ attribute: false })\n  capabilities: string[] = [];\n\n  /**\n   * Whether to show volume slider\n   */\n  @property({ type: Boolean, attribute: 'show-volume' })\n  showVolume: boolean = false;\n\n  /**\n   * Whether to show pin/spotlight button\n   */\n  @property({ type: Boolean, attribute: 'show-pin' })\n  showPin: boolean = false;\n\n  /**\n   * Current volume (0-100)\n   */\n  @state()\n  private volume: number = 100;\n\n  /**\n   * Participant name\n   */\n  @state()\n  private participantName: string = 'Participant';\n\n  /**\n   * Audio mute state\n   */\n  @state()\n  private audioMuted: boolean = false;\n\n  /**\n   * Video mute state\n   */\n  @state()\n  private videoMuted: boolean = false;\n\n  /**\n   * Is pinned/spotlighted\n   */\n  @state()\n  private isPinned: boolean = false;\n\n  /**\n   * RxJS subscriptions for cleanup\n   */\n  private subscriptions: Subscription[] = [];\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.subscribeToParticipant();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.cleanup();\n  }\n\n  updated(changedProperties: Map<string, unknown>) {\n    if (changedProperties.has('participant')) {\n      this.cleanup();\n      this.subscribeToParticipant();\n    }\n  }\n\n  private subscribeToParticipant() {\n    if (!this.participant) return;\n\n    if (this.participant.name$) {\n      const nameSub = this.participant.name$.subscribe((name) => {\n        this.participantName = name;\n      });\n      this.subscriptions.push(nameSub);\n    }\n\n    if (this.participant.audioMuted$) {\n      const audioSub = this.participant.audioMuted$.subscribe((muted) => {\n        this.audioMuted = muted;\n      });\n      this.subscriptions.push(audioSub);\n    }\n\n    if (this.participant.videoMuted$) {\n      const videoSub = this.participant.videoMuted$.subscribe((muted) => {\n        this.videoMuted = muted;\n      });\n      this.subscriptions.push(videoSub);\n    }\n  }\n\n  private cleanup() {\n    this.subscriptions.forEach((sub) => sub.unsubscribe());\n    this.subscriptions = [];\n  }\n\n  private get canMuteAudio(): boolean {\n    return this.capabilities.includes('memberMuteAudio');\n  }\n\n  private get canMuteVideo(): boolean {\n    return this.capabilities.includes('memberMuteVideo');\n  }\n\n  private get canRemove(): boolean {\n    return this.capabilities.includes('memberRemove');\n  }\n\n  private get hasAnyCapability(): boolean {\n    return (\n      this.canMuteAudio || this.canMuteVideo || this.canRemove || this.showVolume || this.showPin\n    );\n  }\n\n  private async handleToggleAudioMute() {\n    if (!this.participant) return;\n\n    try {\n      if (this.audioMuted && this.participant.unmute) {\n        await this.participant.unmute();\n      } else if (!this.audioMuted && this.participant.mute) {\n        await this.participant.mute();\n      }\n\n      this.dispatchEvent(\n        new CustomEvent('sw-participant-mute-audio', {\n          detail: { participant: this.participant, muted: !this.audioMuted },\n          bubbles: true,\n          composed: true\n        })\n      );\n    } catch (error) {\n      console.error('Failed to toggle audio mute:', error);\n    }\n  }\n\n  private async handleToggleVideoMute() {\n    if (!this.participant) return;\n\n    try {\n      if (this.videoMuted && this.participant.unmuteVideo) {\n        await this.participant.unmuteVideo();\n      } else if (!this.videoMuted && this.participant.muteVideo) {\n        await this.participant.muteVideo();\n      }\n\n      this.dispatchEvent(\n        new CustomEvent('sw-participant-mute-video', {\n          detail: { participant: this.participant, muted: !this.videoMuted },\n          bubbles: true,\n          composed: true\n        })\n      );\n    } catch (error) {\n      console.error('Failed to toggle video mute:', error);\n    }\n  }\n\n  private async handleRemove() {\n    if (!this.participant?.remove) return;\n\n    try {\n      await this.participant.remove();\n\n      this.dispatchEvent(\n        new CustomEvent('sw-participant-remove', {\n          detail: { participant: this.participant },\n          bubbles: true,\n          composed: true\n        })\n      );\n    } catch (error) {\n      console.error('Failed to remove participant:', error);\n    }\n  }\n\n  private handleVolumeChange(e: Event) {\n    const input = e.target as HTMLInputElement;\n    this.volume = parseInt(input.value, 10);\n\n    this.dispatchEvent(\n      new CustomEvent('sw-participant-volume', {\n        detail: { participant: this.participant, volume: this.volume },\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  private handleTogglePin() {\n    this.isPinned = !this.isPinned;\n\n    this.dispatchEvent(\n      new CustomEvent('sw-participant-pin', {\n        detail: { participant: this.participant, pinned: this.isPinned },\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  render() {\n    return html`\n      <div class=\"container\" part=\"container\">\n        <div class=\"header\">\n          <span class=\"participant-name\">${this.participantName}</span>\n        </div>\n\n        <div class=\"actions\">\n          ${!this.hasAnyCapability\n            ? html`<div class=\"no-actions\">No actions available</div>`\n            : null}\n          ${this.canMuteAudio\n            ? html`\n                <button\n                  class=\"action-button ${this.audioMuted ? 'active' : ''}\"\n                  part=\"action-button\"\n                  @click=${this.handleToggleAudioMute}\n                  aria-label=\"${this.audioMuted ? 'Unmute audio' : 'Mute audio'}\"\n                >\n                  ${this.audioMuted\n                    ? html`<svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"currentColor\"\n                      >\n                        <path\n                          d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\n                        />\n                      </svg>`\n                    : html`<svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"currentColor\"\n                      >\n                        <path\n                          d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\n                        />\n                      </svg>`}\n                  ${this.audioMuted ? 'Unmute' : 'Mute'}\n                </button>\n              `\n            : null}\n          ${this.canMuteVideo\n            ? html`\n                <button\n                  class=\"action-button ${this.videoMuted ? 'active' : ''}\"\n                  part=\"action-button\"\n                  @click=${this.handleToggleVideoMute}\n                  aria-label=\"${this.videoMuted ? 'Unmute video' : 'Mute video'}\"\n                >\n                  ${this.videoMuted\n                    ? html`<svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"currentColor\"\n                      >\n                        <path\n                          d=\"M21 6.5l-4 4V7c0-.55-.45-1-1-1H9.82L21 17.18V6.5zM3.27 2L2 3.27 4.73 6H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.21 0 .39-.08.54-.18L19.73 21 21 19.73 3.27 2z\"\n                        />\n                      </svg>`\n                    : html`<svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"currentColor\"\n                      >\n                        <path\n                          d=\"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z\"\n                        />\n                      </svg>`}\n                  ${this.videoMuted ? 'Enable video' : 'Disable video'}\n                </button>\n              `\n            : null}\n          ${this.showVolume\n            ? html`\n                <div class=\"volume-control\" part=\"slider\">\n                  <label class=\"volume-label\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                      <path\n                        d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z\"\n                      />\n                    </svg>\n                    Volume: ${this.volume}%\n                  </label>\n                  <input\n                    type=\"range\"\n                    class=\"volume-slider\"\n                    min=\"0\"\n                    max=\"100\"\n                    .value=${String(this.volume)}\n                    @input=${this.handleVolumeChange}\n                    aria-label=\"Participant volume\"\n                  />\n                </div>\n              `\n            : null}\n          ${this.showPin\n            ? html`\n                <button\n                  class=\"action-button ${this.isPinned ? 'active' : ''}\"\n                  part=\"action-button\"\n                  @click=${this.handleTogglePin}\n                  aria-label=\"${this.isPinned ? 'Unpin' : 'Pin'}\"\n                  aria-pressed=\"${this.isPinned}\"\n                >\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                    <path d=\"M16 12V4h1V2H7v2h1v8l-2 2v2h5.2v6h1.6v-6H18v-2l-2-2z\" />\n                  </svg>\n                  ${this.isPinned ? 'Unpin' : 'Pin'}\n                </button>\n              `\n            : null}\n          ${this.canRemove\n            ? html`\n                <button\n                  class=\"action-button danger\"\n                  part=\"action-button\"\n                  @click=${this.handleRemove}\n                  aria-label=\"Remove participant\"\n                >\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                    <path\n                      d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n                    />\n                  </svg>\n                  Remove\n                </button>\n              `\n            : null}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'sw-participant-controls': ParticipantControlsComponent;\n  }\n}\n"],"names":["ParticipantControlsComponent","LitElement","changedProperties","nameSub","name","audioSub","muted","videoSub","sub","error","_a","e","input","html","css","__decorateClass","property","state","customElement"],"mappings":"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"}