@signalwire/web-components 1.0.0-dev-20260226173058 → 1.0.0-dev-20260303132237

package/dist/components/audio-level.d.ts

@@ -0,0 +1,106 @@
+/**
+ * Audio Level Component
+ *
+ * Visual audio level indicator that renders real-time audio levels from a MediaStream
+ * via Web Audio API. Displays configurable number of bars with color transitions
+ * based on audio intensity.
+ *
+ * @example
+ * ```html
+ * <sw-audio-level .stream=${mediaStream} bars="5" orientation="vertical"></sw-audio-level>
+ * ```
+ */
+import { LitElement } from 'lit';
+export declare class AudioLevel extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * MediaStream to analyze for audio levels
+     */
+    stream?: MediaStream;
+    /**
+     * Number of bars to display (default: 5)
+     */
+    bars: number;
+    /**
+     * Orientation of the bars: 'vertical' or 'horizontal'
+     */
+    orientation: 'vertical' | 'horizontal';
+    /**
+     * Maximum height/width of bars in pixels
+     */
+    maxSize: number;
+    /**
+     * Current audio levels for each bar (0-1)
+     */
+    private _levels;
+    /**
+     * Web Audio API context
+     */
+    private _audioContext?;
+    /**
+     * Analyser node for frequency data
+     */
+    private _analyser?;
+    /**
+     * Source node connected to the MediaStream
+     */
+    private _source?;
+    /**
+     * Animation frame ID for cleanup
+     */
+    private _animationFrameId?;
+    /**
+     * Frequency data buffer
+     */
+    private _dataArray?;
+    /**
+     * Lifecycle: Component connected to DOM
+     */
+    connectedCallback(): void;
+    /**
+     * Lifecycle: React to property changes
+     */
+    protected updated(changedProperties: Map<string, unknown>): void;
+    /**
+     * Lifecycle: Component disconnected from DOM
+     */
+    disconnectedCallback(): void;
+    /**
+     * Public method to release all audio resources immediately
+     * Call this before stopping the MediaStream tracks to ensure proper cleanup
+     */
+    releaseResources(): void;
+    /**
+     * Setup Web Audio API for audio level analysis
+     */
+    private setupAudioAnalysis;
+    /**
+     * Cleanup Web Audio API resources
+     */
+    private cleanupAudioAnalysis;
+    /**
+     * Start the animation loop for updating levels
+     */
+    private startAnimationLoop;
+    /**
+     * Get the color class based on level
+     */
+    private getLevelClass;
+    /**
+     * Get the active class if level is above threshold
+     */
+    private isActive;
+    /**
+     * Render the component
+     */
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Declare global type for TypeScript
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'sw-audio-level': AudioLevel;
+    }
+}
+//# sourceMappingURL=audio-level.d.ts.map

package/dist/components/audio-level.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-level.d.ts","sourceRoot":"","sources":["../../src/components/audio-level.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,MAAM,0BAiEX;IAEF;;OAEG;IACyB,MAAM,CAAC,EAAE,WAAW,CAAC;IAEjD;;OAEG;IACyB,IAAI,SAAK;IAErC;;OAEG;IACwC,WAAW,EAAE,UAAU,GAAG,YAAY,CAAc;IAE/F;;OAEG;IACyB,OAAO,SAAM;IAEzC;;OAEG;IACM,OAAO,CAAC,OAAO,CAAgB;IAExC;;OAEG;IACH,OAAO,CAAC,aAAa,CAAC,CAAe;IAErC;;OAEG;IACH,OAAO,CAAC,SAAS,CAAC,CAAe;IAEjC;;OAEG;IACH,OAAO,CAAC,OAAO,CAAC,CAA6B;IAE7C;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAC,CAAS;IAEnC;;OAEG;IACH,OAAO,CAAC,UAAU,CAAC,CAA0B;IAE7C;;OAEG;IACH,iBAAiB;IAQjB;;OAEG;IACH,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAehE;;OAEG;IACH,oBAAoB;IAKpB;;;OAGG;IACI,gBAAgB,IAAI,IAAI;IAK/B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAkC1B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAgC5B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAyC1B;;OAEG;IACH,OAAO,CAAC,aAAa;IAOrB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAIhB;;OAEG;IACH,MAAM;CA0BP;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,UAAU,CAAC;KAC9B;CACF"}

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

@@ -0,0 +1,163 @@
+/**
+ * Call Controls Component
+ *
+ * Responsive button bar for call actions. Displays mute audio, mute video,
+ * screen share, and hangup buttons with states reflecting current call state.
+ *
+ * @example
+ * ```html
+ * <sw-call-controls .call=${call}></sw-call-controls>
+ * ```
+ */
+import { LitElement } from 'lit';
+import type { Observable } from 'rxjs';
+/**
+ * Screen share status type
+ */
+export type ScreenShareStatus = 'inactive' | 'pending' | 'active';
+/**
+ * SelfParticipant interface for call controls
+ */
+export interface SelfParticipant {
+    id: string;
+    audioMuted$: Observable<boolean>;
+    videoMuted$: Observable<boolean>;
+    screenShareStatus$?: Observable<ScreenShareStatus>;
+    mute: () => Promise<void>;
+    unmute: () => Promise<void>;
+    muteVideo: () => Promise<void>;
+    unmuteVideo: () => Promise<void>;
+    startScreenShare?: () => Promise<void>;
+    stopScreenShare?: () => Promise<void>;
+}
+/**
+ * Call interface for call controls
+ */
+export interface CallControlsCall {
+    self?: SelfParticipant;
+    self$?: Observable<SelfParticipant>;
+    capabilities$?: Observable<string[]>;
+    hangup: () => Promise<void>;
+}
+export declare class CallControls extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * The call object - can be provided via property or context
+     */
+    call?: CallControlsCall;
+    /**
+     * Consume call from context if not provided as property
+     */
+    private _contextCall?;
+    /**
+     * Orientation: horizontal (default) or vertical
+     */
+    orientation: 'horizontal' | 'vertical';
+    /**
+     * Show tooltips on hover
+     */
+    showTooltips: boolean;
+    /**
+     * Current audio muted state
+     */
+    private _audioMuted;
+    /**
+     * Current video muted state
+     */
+    private _videoMuted;
+    /**
+     * Current screen share status
+     */
+    private _screenShareStatus;
+    /**
+     * Available capabilities
+     */
+    private _capabilities;
+    /**
+     * Is overflow menu open
+     */
+    private _overflowOpen;
+    /**
+     * RxJS subscriptions for cleanup
+     */
+    private subscriptions;
+    /**
+     * Cached self participant reference for button handlers.
+     * Marked as @state() to trigger re-render when self becomes available,
+     * enabling the control buttons.
+     */
+    private selfParticipant?;
+    /**
+     * Get the effective call (property or context)
+     */
+    private get effectiveCall();
+    /**
+     * Lifecycle: Component connected to DOM
+     */
+    connectedCallback(): void;
+    /**
+     * Lifecycle: React to property 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;
+    /**
+     * Check if capability is available
+     */
+    private hasCapability;
+    /**
+     * Handle mute audio toggle
+     */
+    private handleMuteAudio;
+    /**
+     * Handle mute video toggle
+     */
+    private handleMuteVideo;
+    /**
+     * Handle screen share toggle
+     */
+    private handleScreenShare;
+    /**
+     * Handle hangup
+     */
+    private handleHangup;
+    /**
+     * Toggle overflow menu
+     */
+    private toggleOverflow;
+    /**
+     * Get tooltip text for button
+     */
+    private getTooltipText;
+    /**
+     * Render button icon
+     */
+    private renderIcon;
+    /**
+     * Render a control button
+     */
+    private renderButton;
+    /**
+     * Render the component
+     */
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Declare global type for TypeScript
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'sw-call-controls': CallControls;
+    }
+}
+//# sourceMappingURL=call-controls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"call-controls.d.ts","sourceRoot":"","sources":["../../src/components/call-controls.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGvC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IACjC,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IACjC,kBAAkB,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACnD,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACpC,aAAa,CAAC,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;IACrC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B;AAOD,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAmPX;IAEF;;OAEG;IACyB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IAEpD;;OAEG;IAGH,OAAO,CAAC,YAAY,CAAC,CAAmB;IAExC;;OAEG;IACyB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IAElF;;OAEG;IACsD,YAAY,UAAQ;IAE7E;;OAEG;IACM,OAAO,CAAC,WAAW,CAAS;IAErC;;OAEG;IACM,OAAO,CAAC,WAAW,CAAS;IAErC;;OAEG;IACM,OAAO,CAAC,kBAAkB,CAAiC;IAEpE;;OAEG;IACM,OAAO,CAAC,aAAa,CAAgB;IAE9C;;OAEG;IACM,OAAO,CAAC,aAAa,CAAS;IAEvC;;OAEG;IACH,OAAO,CAAC,aAAa,CAAsB;IAE3C;;;;OAIG;IACM,OAAO,CAAC,eAAe,CAAC,CAAkB;IAEnD;;OAEG;IACH,OAAO,KAAK,aAAa,GAExB;IAED;;OAEG;IACH,iBAAiB;IAKjB;;OAEG;IACH,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQhE;;OAEG;IACH,oBAAoB;IAKpB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAqE1B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAM5B;;OAEG;IACH,OAAO,CAAC,aAAa;IAQrB;;OAEG;YACW,eAAe;IA0B7B;;OAEG;YACW,eAAe;IA0B7B;;OAEG;YACW,iBAAiB;IA0B/B;;OAEG;YACW,YAAY;IAkB1B;;OAEG;IACH,OAAO,CAAC,cAAc;IAItB;;OAEG;IACH,OAAO,CAAC,cAAc;IAatB;;OAEG;IACH,OAAO,CAAC,UAAU;IAkDlB;;OAEG;IACH,OAAO,CAAC,YAAY;IA6BpB;;OAEG;IACH,MAAM;CAkFP;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,YAAY,CAAC;KAClC;CACF"}

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

@@ -0,0 +1,114 @@
+/**
+ * Call Media Component
+ *
+ * Root component that renders remote video stream and provides call context
+ * to child components. Manages aspect ratio with ResizeObserver and handles
+ * video stream lifecycle.
+ *
+ * @example
+ * ```html
+ * <call-media .call=${call}>
+ *   <participants>
+ *     <self-media mirror=${true}></self-media>
+ *   </participants>
+ * </call-media>
+ * ```
+ */
+import { LitElement } from 'lit';
+import type { Call } from '../types/index.js';
+export declare class CallMedia extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Call object with observable streams and properties
+     */
+    call?: Call;
+    /**
+     * Provides call context to child components
+     * Note: Used by @provide decorator, TypeScript doesn't see the usage
+     */
+    private _providedCall?;
+    /**
+     * Current remote stream value from observable
+     */
+    private _remoteStreamValue;
+    /**
+     * RxJS subscriptions for cleanup
+     */
+    private subscriptions;
+    /**
+     * ResizeObserver instance for aspect ratio management
+     */
+    private resizeObserver?;
+    /**
+     * Video resize event handler reference for cleanup
+     */
+    private videoResizeHandler?;
+    /**
+     * Window resize event handler reference for cleanup
+     */
+    private windowResizeHandler?;
+    /**
+     * Lifecycle: Component connected to DOM
+     */
+    connectedCallback(): void;
+    /**
+     * Lifecycle: React to property changes
+     */
+    protected updated(changedProperties: Map<string, unknown>): void;
+    /**
+     * Lifecycle: Component disconnected from DOM
+     */
+    disconnectedCallback(): void;
+    /**
+     * Lifecycle: First update after render
+     */
+    protected firstUpdated(): void;
+    /**
+     * Subscribe to call observables
+     */
+    private setupSubscriptions;
+    /**
+     * Cleanup all subscriptions
+     */
+    private cleanupSubscriptions;
+    /**
+     * Setup ResizeObserver for aspect ratio management
+     */
+    private setupResizeObserver;
+    /**
+     * Video element reference for dimension calculations
+     */
+    private _videoElement?;
+    /**
+     * Padding wrapper reference for dimension calculations
+     */
+    private _paddingWrapper?;
+    /**
+     * Recalculate and apply dimensions based on viewport, container, and video sizes.
+     * Video should never grow bigger than the visible area.
+     * When container bleeds viewport, scale proportionally to maintain container's aspect ratio.
+     * Uses "contain" fitting algorithm - compares aspect ratios to determine constraint.
+     */
+    private recalculateDimensions;
+    /**
+     * Cleanup ResizeObserver and event listeners
+     */
+    private cleanupResizeObserver;
+    /**
+     * Cleanup video element
+     */
+    private cleanupVideoElement;
+    /**
+     * Render the component
+     */
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Declare global type for TypeScript
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'sw-call-media': CallMedia;
+    }
+}
+//# sourceMappingURL=call-media.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"call-media.d.ts","sourceRoot":"","sources":["../../src/components/call-media.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAK9C,qBACa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,MAAM,0BA4DX;IAEF;;OAEG;IACyB,IAAI,CAAC,EAAE,IAAI,CAAC;IAExC;;;OAGG;IAGH,OAAO,CAAC,aAAa,CAAC,CAAO;IAE7B;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAA4B;IAEtD;;OAEG;IACH,OAAO,CAAC,aAAa,CAAsB;IAE3C;;OAEG;IACH,OAAO,CAAC,cAAc,CAAC,CAAiB;IAExC;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAC,CAAa;IAExC;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAC,CAAa;IAEzC;;OAEG;IACH,iBAAiB;IAMjB;;OAEG;IACH,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAYhE;;OAEG;IACH,oBAAoB;IAOpB;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI;IAS9B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAkB1B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAK5B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAwC3B;;OAEG;IACH,OAAO,CAAC,aAAa,CAAC,CAAmB;IAEzC;;OAEG;IACH,OAAO,CAAC,eAAe,CAAC,CAAiB;IAEzC;;;;;OAKG;IACH,OAAO,CAAC,qBAAqB;IAgF7B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAkB7B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAO3B;;OAEG;IACH,MAAM;CAqBP;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,SAAS,CAAC;KAC5B;CACF"}

package/dist/components/call-status.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Call Status Component
+ *
+ * Displays current call state with status text and duration timer.
+ * Shows animated indicators for transient states (connecting, ringing, disconnecting).
+ *
+ * @example
+ * ```html
+ * <sw-call-status .call=${call}></sw-call-status>
+ * ```
+ */
+import { LitElement } from 'lit';
+import type { Observable } from 'rxjs';
+/**
+ * Call status types
+ */
+export type CallStatus = 'idle' | 'connecting' | 'ringing' | 'connected' | 'disconnecting' | 'disconnected';
+/**
+ * Call interface for status component
+ */
+export interface CallStatusCall {
+    status$: Observable<CallStatus>;
+}
+export declare class CallStatusComponent extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Call object with status$ observable
+     */
+    call: CallStatusCall | null;
+    /**
+     * Call from context (if nested in sw-call-media)
+     */
+    private contextCall?;
+    /**
+     * Current call status
+     */
+    private status;
+    /**
+     * Call start time for duration calculation
+     */
+    private callStartTime;
+    /**
+     * Formatted duration string
+     */
+    private duration;
+    /**
+     * RxJS subscriptions for cleanup
+     */
+    private subscriptions;
+    /**
+     * Duration timer interval
+     */
+    private durationInterval;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private get activeCall();
+    private subscribeToCall;
+    private startDurationTimer;
+    private stopDurationTimer;
+    private formatDuration;
+    private cleanup;
+    private getStatusText;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sw-call-status': CallStatusComponent;
+    }
+}
+//# sourceMappingURL=call-status.d.ts.map

package/dist/components/call-status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"call-status.d.ts","sourceRoot":"","sources":["../../src/components/call-status.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGvC;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,YAAY,GACZ,SAAS,GACT,WAAW,GACX,eAAe,GACf,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACjC;AAED,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,0BA2IX;IAEF;;OAEG;IAEH,IAAI,EAAE,cAAc,GAAG,IAAI,CAAQ;IAEnC;;OAEG;IAGH,OAAO,CAAC,WAAW,CAAC,CAAiB;IAErC;;OAEG;IAEH,OAAO,CAAC,MAAM,CAAsB;IAEpC;;OAEG;IAEH,OAAO,CAAC,aAAa,CAAuB;IAE5C;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAkB;IAElC;;OAEG;IACH,OAAO,CAAC,aAAa,CAAsB;IAE3C;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAAuB;IAE/C,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO/C,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,aAAa;IAmBrB,MAAM;CAqBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/dist/components/click-to-call.d.ts

@@ -0,0 +1,123 @@
+/**
+ * Click to Call Component
+ *
+ * A single button widget to initiate calls to a preconfigured destination.
+ * Shows minimal UI with call status, duration, and basic controls.
+ *
+ * @example
+ * ```html
+ * <sw-click-to-call
+ *   destination="sip:support@example.com"
+ *   .client=${signalWire}
+ *   label="Call Support"
+ * ></sw-click-to-call>
+ * ```
+ */
+import { LitElement } from 'lit';
+import type { Observable } from 'rxjs';
+/**
+ * Call status type
+ */
+export type ClickToCallStatus = 'idle' | 'connecting' | 'connected' | 'disconnecting' | 'error';
+/**
+ * Self participant interface for click-to-call component
+ */
+export interface ClickToCallSelf {
+    audioMuted$: Observable<boolean>;
+    mute(): Promise<void>;
+    unmute(): Promise<void>;
+}
+/**
+ * Call interface for click-to-call component
+ */
+export interface ClickToCallCall {
+    status$: Observable<string>;
+    hangup(): Promise<void>;
+    self$?: Observable<ClickToCallSelf>;
+    self?: ClickToCallSelf;
+}
+/**
+ * Client interface for click-to-call component
+ */
+export interface ClickToCallClient {
+    dial(destination: string, options?: {
+        audio?: boolean;
+        video?: boolean;
+    }): Promise<ClickToCallCall>;
+}
+export declare class ClickToCallComponent extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Client for initiating calls (SignalWire)
+     */
+    client: ClickToCallClient | null;
+    /**
+     * Destination address to call
+     */
+    destination: string;
+    /**
+     * Button label when idle
+     */
+    label: string;
+    /**
+     * Audio-only mode (no video)
+     */
+    audioOnly: boolean;
+    /**
+     * Current call status
+     */
+    private status;
+    /**
+     * Current call object
+     */
+    private call;
+    /**
+     * Is audio muted
+     */
+    private audioMuted;
+    /**
+     * Self participant reference for mute/unmute operations
+     */
+    private selfParticipant;
+    /**
+     * Call duration in seconds
+     */
+    private callDuration;
+    /**
+     * Error message
+     */
+    private errorMessage;
+    /**
+     * RxJS subscriptions for cleanup
+     */
+    private subscriptions;
+    /**
+     * Duration timer interval
+     */
+    private durationInterval;
+    /**
+     * Call start time
+     */
+    private callStartTime;
+    disconnectedCallback(): void;
+    private initiateCall;
+    private subscribeToCall;
+    private startDurationTimer;
+    private stopDurationTimer;
+    private formatDuration;
+    private handleCallEnded;
+    private toggleMute;
+    private hangup;
+    private cleanup;
+    private renderIdleState;
+    private renderConnectingState;
+    private renderConnectedState;
+    private renderErrorState;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sw-click-to-call': ClickToCallComponent;
+    }
+}
+//# sourceMappingURL=click-to-call.d.ts.map

package/dist/components/click-to-call.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"click-to-call.d.ts","sourceRoot":"","sources":["../../src/components/click-to-call.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,eAAe,GAAG,OAAO,CAAC;AAEhG;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IACjC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACtB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC5B,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,IAAI,CACF,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,GAC7C,OAAO,CAAC,eAAe,CAAC,CAAC;CAC7B;AAED,qBACa,oBAAqB,SAAQ,UAAU;IAClD,MAAM,CAAC,MAAM,0BA+MX;IAEF;;OAEG;IAEH,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAExC;;OAEG;IAEH,WAAW,EAAE,MAAM,CAAM;IAEzB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAU;IAEvB;;OAEG;IAEH,SAAS,EAAE,OAAO,CAAQ;IAE1B;;OAEG;IAEH,OAAO,CAAC,MAAM,CAA6B;IAE3C;;OAEG;IAEH,OAAO,CAAC,IAAI,CAAgC;IAE5C;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAkB;IAEpC;;OAEG;IACH,OAAO,CAAC,eAAe,CAAgC;IAEvD;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAa;IAEjC;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAc;IAElC;;OAEG;IACH,OAAO,CAAC,aAAa,CAAsB;IAE3C;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAAuB;IAE/C;;OAEG;IACH,OAAO,CAAC,aAAa,CAAuB;IAE5C,oBAAoB;YAKN,YAAY;IAkC1B,OAAO,CAAC,eAAe;IAgCvB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;YAgBT,UAAU;YAsBV,MAAM;IAYpB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,qBAAqB;IAa7B,OAAO,CAAC,oBAAoB;IAiD5B,OAAO,CAAC,gBAAgB;IASxB,MAAM;CAeP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,oBAAoB,CAAC;KAC1C;CACF"}