@signalwire/web-components 4.0.0-beta.10 → 4.0.0-beta.12

package/dist/components/participants.d.ts

@@ -1,116 +0,0 @@
-/**
- * Participants Component
- *
- * Renders member overlays based on layoutLayers from the call context.
- * Excludes self member and provides slot for <self-media> child component.
- *
- * @example
- * ```html
- * <participants>
- *   <self-media mirror=${true}></self-media>
- * </participants>
- * ```
- */
-import { LitElement } from 'lit';
-import type { Call } from '../types/index.js';
-export declare class Participants extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Consumes call context from parent call-media component
-     */
-    private _call?;
-    /**
-     * Public call property for direct assignment (when not nested in sw-call-media)
-     */
-    set call(value: Call | undefined);
-    get call(): Call | undefined;
-    /**
-     * Current layout layers value from observable
-     */
-    private _layoutLayersValue;
-    /**
-     * Current participants from observable
-     */
-    private _participantsValue;
-    /**
-     * ID of participant with open menu
-     */
-    private _openMenuId;
-    /**
-     * RxJS subscriptions for cleanup
-     */
-    private subscriptions;
-    /**
-     * Lifecycle: Component connected to DOM
-     */
-    connectedCallback(): void;
-    /**
-     * Lifecycle: React to property/context changes
-     */
-    protected updated(changedProperties: Map<string, unknown>): void;
-    /**
-     * Lifecycle: Component disconnected from DOM
-     */
-    disconnectedCallback(): void;
-    /**
-     * Subscribe to call observables
-     */
-    private setupSubscriptions;
-    /**
-     * Handle click outside menu to close it
-     */
-    private _handleOutsideClick;
-    /**
-     * Toggle menu for a participant
-     */
-    private _toggleMenu;
-    /**
-     * Get participant by member ID
-     */
-    private _getParticipant;
-    /**
-     * Handle mute audio action
-     */
-    private _handleMuteAudio;
-    /**
-     * Handle mute video action
-     */
-    private _handleMuteVideo;
-    /**
-     * Handle remove participant action
-     */
-    private _handleRemove;
-    /**
-     * Cleanup all subscriptions
-     */
-    private cleanupSubscriptions;
-    /**
-     * Render member overlays for all participants
-     */
-    private renderMemberOverlays;
-    /**
-     * Render menu button SVG icon (three dots)
-     */
-    private renderMenuIcon;
-    /**
-     * Render menu dropdown for a participant
-     */
-    private renderMenuDropdown;
-    /**
-     * Render individual member overlay
-     */
-    private renderOverlay;
-    /**
-     * Render the component
-     */
-    render(): import("lit-html").TemplateResult<1>;
-}
-/**
- * Declare global type for TypeScript
- */
-declare global {
-    interface HTMLElementTagNameMap {
-        'sw-participants': Participants;
-    }
-}
-//# sourceMappingURL=participants.d.ts.map

package/dist/components/participants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"participants.d.ts","sourceRoot":"","sources":["../../src/components/participants.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,IAAI,EAA4B,MAAM,mBAAmB,CAAC;AAIxE,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAqHX;IAEF;;OAEG;IAGH,OAAO,CAAC,KAAK,CAAC,CAAO;IAErB;;OAEG;IACH,IACI,IAAI,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAI/B;IACD,IAAI,IAAI,IAAI,IAAI,GAAG,SAAS,CAE3B;IAED;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAqB;IAE/C;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAqB;IAE/C;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAuB;IAE1C;;OAEG;IACH,OAAO,CAAC,aAAa,CAAsB;IAE3C;;OAEG;IACH,iBAAiB;IAKjB;;OAEG;IACH,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAUhE;;OAEG;IACH,oBAAoB;IAKpB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA2B1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAO3B;;OAEG;IACH,OAAO,CAAC,WAAW;IAKnB;;OAEG;IACH,OAAO,CAAC,eAAe;IAIvB;;OAEG;YACW,gBAAgB;IAwB9B;;OAEG;YACW,gBAAgB;IAwB9B;;OAEG;YACW,aAAa;IAoB3B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAM5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAa5B;;OAEG;IACH,OAAO,CAAC,cAAc;IAUtB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA0D1B;;OAEG;IACH,OAAO,CAAC,aAAa;IA0CrB;;OAEG;IACH,MAAM;CAMP;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,YAAY,CAAC;KACjC;CACF"}

package/dist/components/participants.js

@@ -1,394 +0,0 @@
-import { LitElement as d, html as r, css as p } from "lit";
-import { property as c, state as h, customElement as b } from "lit/decorators.js";
-import { consume as m } from "@lit/context";
-import { castParticipants as g, getSelfId as v } from "../types/index.js";
-import { callContext as f } from "../context/call-context.js";
-var x = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, l = (e, t, i, s) => {
-  for (var o = s > 1 ? void 0 : s ? _(t, i) : t, a = e.length - 1, u; a >= 0; a--)
-    (u = e[a]) && (o = (s ? u(t, i, o) : u(o)) || o);
-  return s && o && x(t, i, o), o;
-};
-let n = class extends d {
-  constructor() {
-    super(...arguments), this._layoutLayersValue = [], this._participantsValue = [], this._openMenuId = null, this.subscriptions = [];
-  }
-  set call(e) {
-    this._call = e, this.cleanupSubscriptions(), this.setupSubscriptions();
-  }
-  get call() {
-    return this._call;
-  }
-  /**
-   * Lifecycle: Component connected to DOM
-   */
-  connectedCallback() {
-    super.connectedCallback(), this.setupSubscriptions();
-  }
-  /**
-   * Lifecycle: React to property/context changes
-   */
-  updated(e) {
-    super.updated(e), e.has("_call") && this._call && (this.cleanupSubscriptions(), this.setupSubscriptions());
-  }
-  /**
-   * Lifecycle: Component disconnected from DOM
-   */
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.cleanupSubscriptions();
-  }
-  /**
-   * Subscribe to call observables
-   */
-  setupSubscriptions() {
-    this._call && (this.subscriptions.push(
-      this._call.layoutLayers$.subscribe((e) => {
-        this._layoutLayersValue = e, this.requestUpdate();
-      })
-    ), this._call.participants$ && this.subscriptions.push(
-      this._call.participants$.subscribe((e) => {
-        this._participantsValue = g(e), this.requestUpdate();
-      })
-    ), this._handleOutsideClick = this._handleOutsideClick.bind(this), document.addEventListener("click", this._handleOutsideClick));
-  }
-  /**
-   * Handle click outside menu to close it
-   */
-  _handleOutsideClick(e) {
-    const t = e.target;
-    !t.closest(".menu-trigger") && !t.closest(".menu-dropdown") && (this._openMenuId = null);
-  }
-  /**
-   * Toggle menu for a participant
-   */
-  _toggleMenu(e, t) {
-    t.stopPropagation(), this._openMenuId = this._openMenuId === e ? null : e;
-  }
-  /**
-   * Get participant by member ID
-   */
-  _getParticipant(e) {
-    return this._participantsValue.find((t) => t.id === e);
-  }
-  /**
-   * Handle mute audio action
-   */
-  async _handleMuteAudio(e, t) {
-    t.stopPropagation();
-    const i = this._getParticipant(e);
-    if (i) {
-      try {
-        i.audioMuted && i.unmute ? await i.unmute() : !i.audioMuted && i.mute && await i.mute(), this.dispatchEvent(
-          new CustomEvent("sw-participant-mute-audio", {
-            detail: { participant: i, memberId: e },
-            bubbles: !0,
-            composed: !0
-          })
-        );
-      } catch {
-      }
-      this._openMenuId = null;
-    }
-  }
-  /**
-   * Handle mute video action
-   */
-  async _handleMuteVideo(e, t) {
-    t.stopPropagation();
-    const i = this._getParticipant(e);
-    if (i) {
-      try {
-        i.videoMuted && i.unmuteVideo ? await i.unmuteVideo() : !i.videoMuted && i.muteVideo && await i.muteVideo(), this.dispatchEvent(
-          new CustomEvent("sw-participant-mute-video", {
-            detail: { participant: i, memberId: e },
-            bubbles: !0,
-            composed: !0
-          })
-        );
-      } catch {
-      }
-      this._openMenuId = null;
-    }
-  }
-  /**
-   * Handle remove participant action
-   */
-  async _handleRemove(e, t) {
-    t.stopPropagation();
-    const i = this._getParticipant(e);
-    if (i != null && i.remove) {
-      try {
-        await i.remove(), this.dispatchEvent(
-          new CustomEvent("sw-participant-remove", {
-            detail: { participant: i, memberId: e },
-            bubbles: !0,
-            composed: !0
-          })
-        );
-      } catch {
-      }
-      this._openMenuId = null;
-    }
-  }
-  /**
-   * Cleanup all subscriptions
-   */
-  cleanupSubscriptions() {
-    this.subscriptions.forEach((e) => e.unsubscribe()), this.subscriptions = [], document.removeEventListener("click", this._handleOutsideClick);
-  }
-  /**
-   * Render member overlays for all participants
-   */
-  renderMemberOverlays() {
-    if (!this._layoutLayersValue || this._layoutLayersValue.length === 0)
-      return null;
-    const e = v(this._call);
-    return this._layoutLayersValue.filter((t) => t.member_id).map((t) => this.renderOverlay(t, t.member_id === e));
-  }
-  /**
-   * Render menu button SVG icon (three dots)
-   */
-  renderMenuIcon() {
-    return r`
-      <svg viewBox="0 0 24 24" fill="currentColor">
-        <circle cx="12" cy="6" r="2" />
-        <circle cx="12" cy="12" r="2" />
-        <circle cx="12" cy="18" r="2" />
-      </svg>
-    `;
-  }
-  /**
-   * Render menu dropdown for a participant
-   */
-  renderMenuDropdown(e) {
-    const t = this._getParticipant(e), i = this._openMenuId === e;
-    return r`
-      <div class="menu-dropdown ${i ? "open" : ""}">
-        <button
-          class="menu-item"
-          @click=${(s) => this._handleMuteAudio(e, s)}
-          aria-label="${t != null && t.audioMuted ? "Unmute audio" : "Mute audio"}"
-        >
-          ${t != null && t.audioMuted ? r`<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>` : r`<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>`}
-          ${t != null && t.audioMuted ? "Unmute" : "Mute"}
-        </button>
-        <button
-          class="menu-item"
-          @click=${(s) => this._handleMuteVideo(e, s)}
-          aria-label="${t != null && t.videoMuted ? "Enable video" : "Disable video"}"
-        >
-          ${t != null && t.videoMuted ? r`<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>` : r`<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>`}
-          ${t != null && t.videoMuted ? "Enable video" : "Disable video"}
-        </button>
-        <button
-          class="menu-item danger"
-          @click=${(s) => this._handleRemove(e, s)}
-          aria-label="Remove participant"
-        >
-          <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>
-      </div>
-    `;
-  }
-  /**
-   * Render individual member overlay
-   */
-  renderOverlay(e, t = !1) {
-    const i = `
-      position: absolute;
-      top: ${e.y}%;
-      left: ${e.x}%;
-      width: ${e.width}%;
-      height: ${e.height}%;
-      opacity: ${e.visible ? 1 : 0};
-      overflow: visible;
-      transition: top 0.3s ease, left 0.3s ease, width 0.3s ease, height 0.3s ease, opacity 0.3s ease;
-      pointer-events: auto;
-      z-index: 10;
-    `, s = e.member_id, o = `member-overlay member-overlay-${s}${t ? " is-self" : ""}`;
-    return r`
-      <div class="${o}" part="overlay" style="${i}">
-        ${t ? null : r`
-              <button
-                class="menu-trigger"
-                part="menu-trigger"
-                @click=${(a) => this._toggleMenu(s, a)}
-                aria-label="Participant menu"
-                aria-expanded="${this._openMenuId === s}"
-                aria-haspopup="menu"
-              >
-                ${this.renderMenuIcon()}
-              </button>
-              ${this.renderMenuDropdown(s)}
-            `}
-        <span class="member-name" part="name"></span>
-        <span class="member-indicators" part="indicators"></span>
-        <slot name="controls-${s}"></slot>
-      </div>
-    `;
-  }
-  /**
-   * Render the component
-   */
-  render() {
-    return r`
-      ${this.renderMemberOverlays()}
-      <slot></slot>
-    `;
-  }
-};
-n.styles = p`
-    :host {
-      display: contents; /* Doesn't create a box, children inherit positioning */
-    }
-
-    .member-overlay {
-      box-sizing: border-box;
-      /* Thick inset box-shadow with semi-transparent background for debugging */
-      box-shadow: inset 0 0 0 8px rgba(255, 0, 0, 0.8);
-      background-color: rgba(255, 0, 0, 0.1);
-    }
-
-    .member-overlay.is-self {
-      /* Self overlay uses blue border to distinguish from other participants */
-      box-shadow: inset 0 0 0 8px rgba(0, 0, 255, 0.8);
-      background-color: rgba(0, 0, 255, 0.1);
-    }
-
-    /* Circular menu trigger button */
-    .menu-trigger {
-      position: absolute;
-      top: 12px;
-      left: 12px;
-      width: 36px;
-      height: 36px;
-      border-radius: 50%;
-      background: rgba(0, 0, 0, 0.6);
-      border: 2px solid rgba(255, 255, 255, 0.3);
-      color: white;
-      cursor: pointer;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      transition:
-        background 0.2s ease,
-        transform 0.2s ease,
-        border-color 0.2s ease;
-      z-index: 20;
-    }
-
-    .menu-trigger:hover {
-      background: rgba(0, 0, 0, 0.8);
-      border-color: rgba(255, 255, 255, 0.6);
-      transform: scale(1.1);
-    }
-
-    .menu-trigger:focus {
-      outline: none;
-      border-color: #044cf6;
-      box-shadow: 0 0 0 3px rgba(4, 78, 246, 0.4);
-    }
-
-    .menu-trigger svg {
-      width: 20px;
-      height: 20px;
-    }
-
-    /* Dropdown menu */
-    .menu-dropdown {
-      position: absolute;
-      top: 12px;
-      left: 56px;
-      background: rgba(31, 41, 55, 0.95);
-      backdrop-filter: blur(8px);
-      border-radius: 8px;
-      padding: 8px 0;
-      min-width: 160px;
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-      z-index: 30;
-      opacity: 0;
-      visibility: hidden;
-      transform: translateX(-10px);
-      transition:
-        opacity 0.2s ease,
-        transform 0.2s ease,
-        visibility 0.2s ease;
-    }
-
-    .menu-dropdown.open {
-      opacity: 1;
-      visibility: visible;
-      transform: translateX(0);
-    }
-
-    .menu-item {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 8px 16px;
-      color: white;
-      font-size: 14px;
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      cursor: pointer;
-      transition: background 0.15s ease;
-      border: none;
-      background: none;
-      width: 100%;
-      text-align: left;
-    }
-
-    .menu-item:hover {
-      background: rgba(255, 255, 255, 0.1);
-    }
-
-    .menu-item svg {
-      width: 16px;
-      height: 16px;
-      flex-shrink: 0;
-    }
-
-    .menu-item.danger {
-      color: #ef4444;
-    }
-
-    .menu-item.danger:hover {
-      background: rgba(239, 68, 68, 0.2);
-    }
-  `;
-l([
-  m({ context: f, subscribe: !0 }),
-  c({ attribute: !1 })
-], n.prototype, "_call", 2);
-l([
-  c({ attribute: !1 })
-], n.prototype, "call", 1);
-l([
-  h()
-], n.prototype, "_openMenuId", 2);
-n = l([
-  b("sw-participants")
-], n);
-export {
-  n as Participants
-};
-//# sourceMappingURL=participants.js.map

package/dist/components/participants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"participants.js","sources":["../../src/components/participants.ts"],"sourcesContent":["/**\n * Participants Component\n *\n * Renders member overlays based on layoutLayers from the call context.\n * Excludes self member and provides slot for <self-media> child component.\n *\n * @example\n * ```html\n * <participants>\n *   <self-media mirror=${true}></self-media>\n * </participants>\n * ```\n */\n\nimport { LitElement, html, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\nimport { Subscription } from 'rxjs';\nimport type { Call, LayoutLayer, Participant } from '../types/index.js';\nimport { getSelfId, castParticipants } from '../types/index.js';\nimport { callContext } from '../context/call-context.js';\n\n@customElement('sw-participants')\nexport class Participants extends LitElement {\n  static styles = css`\n    :host {\n      display: contents; /* Doesn't create a box, children inherit positioning */\n    }\n\n    .member-overlay {\n      box-sizing: border-box;\n      /* Thick inset box-shadow with semi-transparent background for debugging */\n      box-shadow: inset 0 0 0 8px rgba(255, 0, 0, 0.8);\n      background-color: rgba(255, 0, 0, 0.1);\n    }\n\n    .member-overlay.is-self {\n      /* Self overlay uses blue border to distinguish from other participants */\n      box-shadow: inset 0 0 0 8px rgba(0, 0, 255, 0.8);\n      background-color: rgba(0, 0, 255, 0.1);\n    }\n\n    /* Circular menu trigger button */\n    .menu-trigger {\n      position: absolute;\n      top: 12px;\n      left: 12px;\n      width: 36px;\n      height: 36px;\n      border-radius: 50%;\n      background: rgba(0, 0, 0, 0.6);\n      border: 2px solid rgba(255, 255, 255, 0.3);\n      color: white;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition:\n        background 0.2s ease,\n        transform 0.2s ease,\n        border-color 0.2s ease;\n      z-index: 20;\n    }\n\n    .menu-trigger:hover {\n      background: rgba(0, 0, 0, 0.8);\n      border-color: rgba(255, 255, 255, 0.6);\n      transform: scale(1.1);\n    }\n\n    .menu-trigger:focus {\n      outline: none;\n      border-color: #044cf6;\n      box-shadow: 0 0 0 3px rgba(4, 78, 246, 0.4);\n    }\n\n    .menu-trigger svg {\n      width: 20px;\n      height: 20px;\n    }\n\n    /* Dropdown menu */\n    .menu-dropdown {\n      position: absolute;\n      top: 12px;\n      left: 56px;\n      background: rgba(31, 41, 55, 0.95);\n      backdrop-filter: blur(8px);\n      border-radius: 8px;\n      padding: 8px 0;\n      min-width: 160px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n      z-index: 30;\n      opacity: 0;\n      visibility: hidden;\n      transform: translateX(-10px);\n      transition:\n        opacity 0.2s ease,\n        transform 0.2s ease,\n        visibility 0.2s ease;\n    }\n\n    .menu-dropdown.open {\n      opacity: 1;\n      visibility: visible;\n      transform: translateX(0);\n    }\n\n    .menu-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 16px;\n      color: white;\n      font-size: 14px;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      cursor: pointer;\n      transition: background 0.15s ease;\n      border: none;\n      background: none;\n      width: 100%;\n      text-align: left;\n    }\n\n    .menu-item:hover {\n      background: rgba(255, 255, 255, 0.1);\n    }\n\n    .menu-item svg {\n      width: 16px;\n      height: 16px;\n      flex-shrink: 0;\n    }\n\n    .menu-item.danger {\n      color: #ef4444;\n    }\n\n    .menu-item.danger:hover {\n      background: rgba(239, 68, 68, 0.2);\n    }\n  `;\n\n  /**\n   * Consumes call context from parent call-media component\n   */\n  @consume({ context: callContext, subscribe: true })\n  @property({ attribute: false })\n  private _call?: Call;\n\n  /**\n   * Public call property for direct assignment (when not nested in sw-call-media)\n   */\n  @property({ attribute: false })\n  set call(value: Call | undefined) {\n    this._call = value;\n    this.cleanupSubscriptions();\n    this.setupSubscriptions();\n  }\n  get call(): Call | undefined {\n    return this._call;\n  }\n\n  /**\n   * Current layout layers value from observable\n   */\n  private _layoutLayersValue: LayoutLayer[] = [];\n\n  /**\n   * Current participants from observable\n   */\n  private _participantsValue: Participant[] = [];\n\n  /**\n   * ID of participant with open menu\n   */\n  @state()\n  private _openMenuId: string | null = null;\n\n  /**\n   * RxJS subscriptions for cleanup\n   */\n  private subscriptions: Subscription[] = [];\n\n  /**\n   * Lifecycle: Component connected to DOM\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    this.setupSubscriptions();\n  }\n\n  /**\n   * Lifecycle: React to property/context changes\n   */\n  protected updated(changedProperties: Map<string, unknown>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('_call') && this._call) {\n      // Clean up old subscriptions first\n      this.cleanupSubscriptions();\n      // Set up new subscriptions\n      this.setupSubscriptions();\n    }\n  }\n\n  /**\n   * Lifecycle: Component disconnected from DOM\n   */\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.cleanupSubscriptions();\n  }\n\n  /**\n   * Subscribe to call observables\n   */\n  private setupSubscriptions(): void {\n    // Continue observing even if _call is undefined initially\n    // This allows component to react when call becomes available\n    if (!this._call) return;\n\n    this.subscriptions.push(\n      this._call.layoutLayers$.subscribe((layers: LayoutLayer[]) => {\n        this._layoutLayersValue = layers;\n        this.requestUpdate();\n      })\n    );\n\n    // Subscribe to participants for menu actions\n    if (this._call.participants$) {\n      this.subscriptions.push(\n        this._call.participants$.subscribe((participants: unknown[]) => {\n          this._participantsValue = castParticipants(participants);\n          this.requestUpdate();\n        })\n      );\n    }\n\n    // Close menu on outside click\n    this._handleOutsideClick = this._handleOutsideClick.bind(this);\n    document.addEventListener('click', this._handleOutsideClick);\n  }\n\n  /**\n   * Handle click outside menu to close it\n   */\n  private _handleOutsideClick(e: Event): void {\n    const target = e.target as Element;\n    if (!target.closest('.menu-trigger') && !target.closest('.menu-dropdown')) {\n      this._openMenuId = null;\n    }\n  }\n\n  /**\n   * Toggle menu for a participant\n   */\n  private _toggleMenu(memberId: string, e: Event): void {\n    e.stopPropagation();\n    this._openMenuId = this._openMenuId === memberId ? null : memberId;\n  }\n\n  /**\n   * Get participant by member ID\n   */\n  private _getParticipant(memberId: string): Participant | undefined {\n    return this._participantsValue.find((p) => p.id === memberId);\n  }\n\n  /**\n   * Handle mute audio action\n   */\n  private async _handleMuteAudio(memberId: string, e: Event): Promise<void> {\n    e.stopPropagation();\n    const participant = this._getParticipant(memberId);\n    if (!participant) return;\n\n    try {\n      if (participant.audioMuted && participant.unmute) {\n        await participant.unmute();\n      } else if (!participant.audioMuted && participant.mute) {\n        await participant.mute();\n      }\n      this.dispatchEvent(\n        new CustomEvent('sw-participant-mute-audio', {\n          detail: { participant, memberId },\n          bubbles: true,\n          composed: true\n        })\n      );\n    } catch {\n      // Silently handle error\n    }\n    this._openMenuId = null;\n  }\n\n  /**\n   * Handle mute video action\n   */\n  private async _handleMuteVideo(memberId: string, e: Event): Promise<void> {\n    e.stopPropagation();\n    const participant = this._getParticipant(memberId);\n    if (!participant) return;\n\n    try {\n      if (participant.videoMuted && participant.unmuteVideo) {\n        await participant.unmuteVideo();\n      } else if (!participant.videoMuted && participant.muteVideo) {\n        await participant.muteVideo();\n      }\n      this.dispatchEvent(\n        new CustomEvent('sw-participant-mute-video', {\n          detail: { participant, memberId },\n          bubbles: true,\n          composed: true\n        })\n      );\n    } catch {\n      // Silently handle error\n    }\n    this._openMenuId = null;\n  }\n\n  /**\n   * Handle remove participant action\n   */\n  private async _handleRemove(memberId: string, e: Event): Promise<void> {\n    e.stopPropagation();\n    const participant = this._getParticipant(memberId);\n    if (!participant?.remove) return;\n\n    try {\n      await participant.remove();\n      this.dispatchEvent(\n        new CustomEvent('sw-participant-remove', {\n          detail: { participant, memberId },\n          bubbles: true,\n          composed: true\n        })\n      );\n    } catch {\n      // Silently handle error\n    }\n    this._openMenuId = null;\n  }\n\n  /**\n   * Cleanup all subscriptions\n   */\n  private cleanupSubscriptions(): void {\n    this.subscriptions.forEach((sub) => sub.unsubscribe());\n    this.subscriptions = [];\n    document.removeEventListener('click', this._handleOutsideClick);\n  }\n\n  /**\n   * Render member overlays for all participants\n   */\n  private renderMemberOverlays() {\n    if (!this._layoutLayersValue || this._layoutLayersValue.length === 0) {\n      return null;\n    }\n\n    // Get selfId dynamically from call.self to handle cases where self is available after subscription setup\n    const selfId = getSelfId(this._call);\n\n    return this._layoutLayersValue\n      .filter((layer) => layer.member_id)\n      .map((layer) => this.renderOverlay(layer, layer.member_id === selfId));\n  }\n\n  /**\n   * Render menu button SVG icon (three dots)\n   */\n  private renderMenuIcon() {\n    return html`\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n        <circle cx=\"12\" cy=\"6\" r=\"2\" />\n        <circle cx=\"12\" cy=\"12\" r=\"2\" />\n        <circle cx=\"12\" cy=\"18\" r=\"2\" />\n      </svg>\n    `;\n  }\n\n  /**\n   * Render menu dropdown for a participant\n   */\n  private renderMenuDropdown(memberId: string) {\n    const participant = this._getParticipant(memberId);\n    const isOpen = this._openMenuId === memberId;\n\n    return html`\n      <div class=\"menu-dropdown ${isOpen ? 'open' : ''}\">\n        <button\n          class=\"menu-item\"\n          @click=${(e: Event) => this._handleMuteAudio(memberId, e)}\n          aria-label=\"${participant?.audioMuted ? 'Unmute audio' : 'Mute audio'}\"\n        >\n          ${participant?.audioMuted\n            ? html`<svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\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 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          ${participant?.audioMuted ? 'Unmute' : 'Mute'}\n        </button>\n        <button\n          class=\"menu-item\"\n          @click=${(e: Event) => this._handleMuteVideo(memberId, e)}\n          aria-label=\"${participant?.videoMuted ? 'Enable video' : 'Disable video'}\"\n        >\n          ${participant?.videoMuted\n            ? html`<svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\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 viewBox=\"0 0 24 24\" fill=\"currentColor\">\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          ${participant?.videoMuted ? 'Enable video' : 'Disable video'}\n        </button>\n        <button\n          class=\"menu-item danger\"\n          @click=${(e: Event) => this._handleRemove(memberId, e)}\n          aria-label=\"Remove participant\"\n        >\n          <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      </div>\n    `;\n  }\n\n  /**\n   * Render individual member overlay\n   */\n  private renderOverlay(layer: LayoutLayer, isSelf: boolean = false) {\n    const style = `\n      position: absolute;\n      top: ${layer.y}%;\n      left: ${layer.x}%;\n      width: ${layer.width}%;\n      height: ${layer.height}%;\n      opacity: ${layer.visible ? 1 : 0};\n      overflow: visible;\n      transition: top 0.3s ease, left 0.3s ease, width 0.3s ease, height 0.3s ease, opacity 0.3s ease;\n      pointer-events: auto;\n      z-index: 10;\n    `;\n\n    // member_id is guaranteed to exist by the filter in renderMemberOverlays\n    const memberId = layer.member_id!;\n    const classes = `member-overlay member-overlay-${memberId}${isSelf ? ' is-self' : ''}`;\n\n    return html`\n      <div class=\"${classes}\" part=\"overlay\" style=\"${style}\">\n        ${!isSelf\n          ? html`\n              <button\n                class=\"menu-trigger\"\n                part=\"menu-trigger\"\n                @click=${(e: Event) => this._toggleMenu(memberId, e)}\n                aria-label=\"Participant menu\"\n                aria-expanded=\"${this._openMenuId === memberId}\"\n                aria-haspopup=\"menu\"\n              >\n                ${this.renderMenuIcon()}\n              </button>\n              ${this.renderMenuDropdown(memberId)}\n            `\n          : null}\n        <span class=\"member-name\" part=\"name\"></span>\n        <span class=\"member-indicators\" part=\"indicators\"></span>\n        <slot name=\"controls-${memberId}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * Render the component\n   */\n  render() {\n    return html`\n      ${this.renderMemberOverlays()}\n      <slot></slot>\n    `;\n  }\n}\n\n/**\n * Declare global type for TypeScript\n */\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'sw-participants': Participants;\n  }\n}\n"],"names":["Participants","LitElement","value","changedProperties","layers","participants","castParticipants","target","memberId","e","p","participant","sub","selfId","getSelfId","layer","html","isOpen","isSelf","style","classes","css","__decorateClass","consume","callContext","property","state","customElement"],"mappings":"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"}

package/dist/components/self-media.d.ts

@@ -1,78 +0,0 @@
-/**
- * Self Media Component
- *
- * Renders local video overlay with positioning from layoutLayers.
- * Supports optional mirror transform for the video element.
- *
- * @example
- * ```html
- * <self-media mirror=${true}></self-media>
- * ```
- */
-import { LitElement } from 'lit';
-import type { Call } from '../types/index.js';
-export declare class SelfMedia extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Mirror the local video horizontally
-     */
-    mirror: boolean;
-    /**
-     * Consumes call context from parent call-media component
-     */
-    private _call?;
-    /**
-     * Public call property for direct assignment (when not nested in sw-call-media)
-     */
-    set call(value: Call | undefined);
-    get call(): Call | undefined;
-    /**
-     * Current local stream value from observable
-     */
-    private _localStreamValue;
-    /**
-     * Current layout layers value from observable
-     */
-    private _layoutLayersValue;
-    /**
-     * RxJS subscriptions for cleanup
-     */
-    private subscriptions;
-    /**
-     * Lifecycle: Component connected to DOM
-     */
-    connectedCallback(): void;
-    /**
-     * Lifecycle: React to property/context changes
-     */
-    protected updated(changedProperties: Map<string, unknown>): void;
-    /**
-     * Lifecycle: Component disconnected from DOM
-     */
-    disconnectedCallback(): void;
-    /**
-     * Subscribe to call observables
-     */
-    private setupSubscriptions;
-    /**
-     * Cleanup all subscriptions
-     */
-    private cleanupSubscriptions;
-    /**
-     * Find self layer in layout layers
-     */
-    private getSelfLayer;
-    /**
-     * Render the component
-     */
-    render(): import("lit-html").TemplateResult<1> | null;
-}
-/**
- * Declare global type for TypeScript
- */
-declare global {
-    interface HTMLElementTagNameMap {
-        'sw-self-media': SelfMedia;
-    }
-}
-//# sourceMappingURL=self-media.d.ts.map

package/dist/components/self-media.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"self-media.d.ts","sourceRoot":"","sources":["../../src/components/self-media.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,IAAI,EAAe,MAAM,mBAAmB,CAAC;AAI3D,qBACa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,MAAM,0BAYX;IAEF;;OAEG;IAC0B,MAAM,UAAS;IAE5C;;OAEG;IAGH,OAAO,CAAC,KAAK,CAAC,CAAO;IAErB;;OAEG;IACH,IACI,IAAI,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAI/B;IACD,IAAI,IAAI,IAAI,IAAI,GAAG,SAAS,CAE3B;IAED;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAA4B;IAErD;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAqB;IAE/C;;OAEG;IACH,OAAO,CAAC,aAAa,CAAsB;IAE3C;;OAEG;IACH,iBAAiB;IAKjB;;OAEG;IACH,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAUhE;;OAEG;IACH,oBAAoB;IAKpB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAsB1B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAK5B;;OAEG;IACH,OAAO,CAAC,YAAY;IAMpB;;OAEG;IACH,MAAM;CAyCP;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,SAAS,CAAC;KAC5B;CACF"}