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

package/dist/components/device-selector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"device-selector.js","sources":["../../src/components/device-selector.ts"],"sourcesContent":["/**\n * Device Selector Component\n *\n * Dropdown-based selector for choosing audio/video devices. Displays device lists from\n * DeviceController observables with labeled dropdowns for microphone, camera, and speaker.\n * Includes inline preview for video (camera) and audio level (microphone) using browser API.\n *\n * @example\n * ```html\n * <sw-device-selector .deviceController=${deviceController} show-preview></sw-device-selector>\n * ```\n */\n\nimport { LitElement, html, css, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { Subscription } from 'rxjs';\nimport type { DeviceController } from '@signalwire/js';\nimport './audio-level.js';\n\ntype DeviceType = 'microphone' | 'camera' | 'speaker';\n\n@customElement('sw-device-selector')\nexport class DeviceSelector 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-background: #1a1a1a;\n      --sw-color-surface: #2a2a2a;\n      --sw-color-surface-hover: #3a3a3a;\n      --sw-color-text: #ffffff;\n      --sw-color-text-muted: #a0a0a0;\n      --sw-color-border: #404040;\n      --sw-color-success: #10b981;\n      --sw-border-radius: 8px;\n      --sw-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      --sw-space-1: 4px;\n      --sw-space-2: 8px;\n      --sw-space-3: 12px;\n      --sw-space-4: 16px;\n      --sw-space-6: 24px;\n\n      display: block;\n      font-family: var(--sw-font-family);\n      color: var(--sw-color-text);\n    }\n\n    .container {\n      background: var(--sw-color-background);\n      border-radius: var(--sw-border-radius);\n      border: 1px solid var(--sw-color-border);\n      overflow: hidden;\n      min-width: 300px;\n      padding: var(--sw-space-4);\n    }\n\n    .device-section {\n      margin-bottom: var(--sw-space-4);\n    }\n\n    .device-section:last-of-type {\n      margin-bottom: 0;\n    }\n\n    .device-label {\n      display: flex;\n      align-items: center;\n      gap: var(--sw-space-2);\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--sw-color-text);\n      margin-bottom: var(--sw-space-2);\n    }\n\n    .device-icon {\n      width: 18px;\n      height: 18px;\n      flex-shrink: 0;\n      color: var(--sw-color-text-muted);\n    }\n\n    .device-select-wrapper {\n      position: relative;\n    }\n\n    .device-select {\n      width: 100%;\n      padding: var(--sw-space-3) var(--sw-space-4);\n      padding-right: 36px;\n      background: var(--sw-color-surface);\n      border: 1px solid var(--sw-color-border);\n      border-radius: calc(var(--sw-border-radius) - 4px);\n      color: var(--sw-color-text);\n      font-size: 14px;\n      font-family: var(--sw-font-family);\n      cursor: pointer;\n      appearance: none;\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      transition:\n        border-color 0.2s ease,\n        background-color 0.2s ease;\n    }\n\n    .device-select:hover {\n      background: var(--sw-color-surface-hover);\n    }\n\n    .device-select:focus {\n      outline: none;\n      border-color: var(--sw-color-primary);\n      box-shadow: 0 0 0 2px rgba(4, 76, 246, 0.2);\n    }\n\n    .device-select:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .device-select option {\n      background: var(--sw-color-surface);\n      color: var(--sw-color-text);\n      padding: var(--sw-space-2);\n    }\n\n    .select-arrow {\n      position: absolute;\n      right: var(--sw-space-3);\n      top: 50%;\n      transform: translateY(-50%);\n      width: 16px;\n      height: 16px;\n      color: var(--sw-color-text-muted);\n      pointer-events: none;\n    }\n\n    .no-devices {\n      padding: var(--sw-space-3) var(--sw-space-4);\n      background: var(--sw-color-surface);\n      border: 1px solid var(--sw-color-border);\n      border-radius: calc(var(--sw-border-radius) - 4px);\n      color: var(--sw-color-text-muted);\n      font-size: 14px;\n    }\n\n    .device-preview {\n      margin-top: var(--sw-space-3);\n    }\n\n    .video-preview {\n      width: 100%;\n      aspect-ratio: 16/9;\n      background: #000;\n      border-radius: calc(var(--sw-border-radius) - 4px);\n      overflow: hidden;\n    }\n\n    .video-preview video {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transform: scaleX(-1);\n    }\n\n    .video-preview-placeholder {\n      width: 100%;\n      aspect-ratio: 16/9;\n      background: var(--sw-color-surface);\n      border-radius: calc(var(--sw-border-radius) - 4px);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--sw-color-text-muted);\n      font-size: 14px;\n    }\n\n    .audio-preview {\n      display: flex;\n      align-items: center;\n      gap: var(--sw-space-3);\n      padding: var(--sw-space-3);\n      background: var(--sw-color-surface);\n      border-radius: calc(var(--sw-border-radius) - 4px);\n    }\n\n    .audio-preview-label {\n      font-size: 12px;\n      color: var(--sw-color-text-muted);\n      flex-shrink: 0;\n    }\n\n    .audio-level-wrapper {\n      flex: 1;\n      display: flex;\n      justify-content: center;\n    }\n\n    .test-speaker-btn {\n      padding: var(--sw-space-2) var(--sw-space-4);\n      background: var(--sw-color-primary);\n      color: white;\n      border: none;\n      border-radius: calc(var(--sw-border-radius) - 4px);\n      font-size: 14px;\n      cursor: pointer;\n      transition: background-color 0.2s ease;\n    }\n\n    .test-speaker-btn:hover {\n      background: var(--sw-color-primary-hover);\n    }\n\n    .test-speaker-btn:focus {\n      outline: none;\n      box-shadow:\n        0 0 0 2px var(--sw-color-background),\n        0 0 0 4px var(--sw-color-primary);\n    }\n\n    .test-speaker-btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    /* Scrollbar styling for select on some browsers */\n    .device-select::-webkit-scrollbar {\n      width: 8px;\n    }\n\n    .device-select::-webkit-scrollbar-track {\n      background: var(--sw-color-background);\n    }\n\n    .device-select::-webkit-scrollbar-thumb {\n      background: var(--sw-color-border);\n      border-radius: 4px;\n    }\n\n    .device-select::-webkit-scrollbar-thumb:hover {\n      background: var(--sw-color-text-muted);\n    }\n  `;\n\n  /**\n   * Device controller with observables for device lists\n   */\n  @property({ type: Object }) deviceController?: DeviceController;\n\n  /**\n   * Whether to show the preview panel\n   */\n  @property({ type: Boolean, attribute: 'show-preview' }) showPreview = false;\n\n  /**\n   * Audio input devices\n   */\n  @state() private _audioInputDevices: MediaDeviceInfo[] = [];\n\n  /**\n   * Video input devices\n   */\n  @state() private _videoInputDevices: MediaDeviceInfo[] = [];\n\n  /**\n   * Audio output devices\n   */\n  @state() private _audioOutputDevices: MediaDeviceInfo[] = [];\n\n  /**\n   * Selected audio input device\n   */\n  @state() private _selectedAudioInput: MediaDeviceInfo | null = null;\n\n  /**\n   * Selected video input device\n   */\n  @state() private _selectedVideoInput: MediaDeviceInfo | null = null;\n\n  /**\n   * Selected audio output device\n   */\n  @state() private _selectedAudioOutput: MediaDeviceInfo | null = null;\n\n  /**\n   * Video preview stream from camera\n   */\n  @state() private _videoPreviewStream: MediaStream | null = null;\n\n  /**\n   * Audio preview stream from microphone\n   */\n  @state() private _audioPreviewStream: MediaStream | null = null;\n\n  /**\n   * Is test audio playing\n   */\n  @state() private _isTestingAudio = false;\n\n  /**\n   * Whether the component is currently visible (combines all visibility factors)\n   */\n  private _isComponentVisible = false;\n\n  /**\n   * Whether the component is in the viewport (IntersectionObserver)\n   */\n  private _isInViewport = false;\n\n  /**\n   * Whether the document/tab is visible\n   */\n  private _isDocumentVisible = true;\n\n  /**\n   * Whether the component is CSS-visible (display, visibility, opacity)\n   */\n  private _isCSSVisible = true;\n\n  /**\n   * Video element reference\n   */\n  private _videoElement?: HTMLVideoElement;\n\n  /**\n   * RxJS subscriptions for cleanup\n   */\n  private subscriptions: Subscription[] = [];\n\n  /**\n   * Audio element for speaker test\n   */\n  private _testAudioElement?: HTMLAudioElement;\n\n  /**\n   * IntersectionObserver for viewport visibility\n   */\n  private _intersectionObserver?: IntersectionObserver;\n\n  /**\n   * Bound handler for document visibility change\n   */\n  private _boundHandleDocumentVisibility = this.handleDocumentVisibilityChange.bind(this);\n\n  /**\n   * Interval ID for CSS visibility polling\n   */\n  private _cssVisibilityCheckInterval?: ReturnType<typeof setInterval>;\n\n  /**\n   * Flag to prevent concurrent preview initialization\n   */\n  private _isInitializingPreviews = false;\n\n  /**\n   * Interval in milliseconds for checking CSS visibility changes\n   */\n  private static readonly CSS_VISIBILITY_CHECK_INTERVAL_MS = 200;\n\n  /**\n   * Lifecycle: Component connected to DOM\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    this.setupSubscriptions();\n    this.setupVisibilityObservers();\n  }\n\n  /**\n   * Lifecycle: React to property changes\n   */\n  protected updated(changedProperties: Map<string, unknown>): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('deviceController')) {\n      this.cleanupSubscriptions();\n      this.setupSubscriptions();\n    }\n    if (changedProperties.has('showPreview')) {\n      if (this.showPreview && this._isComponentVisible) {\n        // Only initialize if component is visible\n        this.initializePreviews();\n      } else if (!this.showPreview) {\n        // Always cleanup when showPreview is disabled\n        this.cleanupVideoPreviewStream();\n        this.cleanupAudioPreviewStream();\n      }\n    }\n  }\n\n  /**\n   * Lifecycle: Component disconnected from DOM\n   */\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.cleanupSubscriptions();\n    this.cleanupVisibilityObservers();\n    this.cleanupVideoPreviewStream();\n    this.cleanupAudioPreviewStream();\n    this.stopTestAudio();\n  }\n\n  /**\n   * Setup all visibility observers (IntersectionObserver, document visibility, CSS polling)\n   */\n  private setupVisibilityObservers(): void {\n    // Defensive cleanup in case of multiple calls without disconnect\n    this.cleanupVisibilityObservers();\n\n    // Setup IntersectionObserver for viewport visibility\n    this._intersectionObserver = new IntersectionObserver(\n      (entries) => {\n        const entry = entries[0];\n        if (entry) {\n          this._isInViewport = entry.isIntersecting;\n          this.updateVisibilityState();\n        }\n      },\n      { threshold: 0 }\n    );\n    this._intersectionObserver.observe(this);\n\n    // Setup document visibility change listener\n    this._isDocumentVisible = document.visibilityState === 'visible';\n    document.addEventListener('visibilitychange', this._boundHandleDocumentVisibility);\n\n    // Setup CSS visibility polling (checks opacity, display, visibility)\n    this._isCSSVisible = this.checkCSSVisibility();\n    this._cssVisibilityCheckInterval = setInterval(() => {\n      const wasVisible = this._isCSSVisible;\n      this._isCSSVisible = this.checkCSSVisibility();\n      if (wasVisible !== this._isCSSVisible) {\n        this.updateVisibilityState();\n      }\n    }, DeviceSelector.CSS_VISIBILITY_CHECK_INTERVAL_MS);\n  }\n\n  /**\n   * Cleanup all visibility observers\n   */\n  private cleanupVisibilityObservers(): void {\n    if (this._intersectionObserver) {\n      this._intersectionObserver.disconnect();\n      this._intersectionObserver = undefined;\n    }\n\n    document.removeEventListener('visibilitychange', this._boundHandleDocumentVisibility);\n\n    if (this._cssVisibilityCheckInterval) {\n      clearInterval(this._cssVisibilityCheckInterval);\n      this._cssVisibilityCheckInterval = undefined;\n    }\n  }\n\n  /**\n   * Handle document visibility change (tab switching)\n   */\n  private handleDocumentVisibilityChange(): void {\n    this._isDocumentVisible = document.visibilityState === 'visible';\n    this.updateVisibilityState();\n  }\n\n  /**\n   * Check if the component is visible via CSS (display, visibility, opacity)\n   * Traverses the DOM tree including shadow DOM boundaries\n   */\n  private checkCSSVisibility(): boolean {\n    // Guard against being called when disconnected\n    if (!this.isConnected) {\n      return false;\n    }\n\n    let element: HTMLElement | null = this;\n    while (element) {\n      const style = getComputedStyle(element);\n      if (\n        style.display === 'none' ||\n        style.visibility === 'hidden' ||\n        parseFloat(style.opacity) === 0\n      ) {\n        return false;\n      }\n\n      // Handle shadow DOM boundaries by traversing through shadow hosts\n      if (element.parentElement) {\n        element = element.parentElement;\n      } else {\n        const root = element.getRootNode();\n        element = root instanceof ShadowRoot ? (root.host as HTMLElement) : null;\n      }\n    }\n    return true;\n  }\n\n  /**\n   * Update the combined visibility state and manage preview streams accordingly\n   */\n  private updateVisibilityState(): void {\n    const wasVisible = this._isComponentVisible;\n    this._isComponentVisible = this._isInViewport && this._isDocumentVisible && this._isCSSVisible;\n\n    // Only react if visibility actually changed\n    if (wasVisible === this._isComponentVisible) {\n      return;\n    }\n\n    if (this._isComponentVisible && this.showPreview) {\n      // Component became visible - start previews\n      this.initializePreviews();\n    } else if (!this._isComponentVisible) {\n      // Component became invisible - stop previews\n      this.cleanupVideoPreviewStream();\n      this.cleanupAudioPreviewStream();\n    }\n  }\n\n  /**\n   * Subscribe to device controller observables\n   */\n  private setupSubscriptions(): void {\n    if (!this.deviceController) return;\n\n    // Subscribe to audio input devices\n    this.subscriptions.push(\n      this.deviceController.audioInputDevices$.subscribe((devices) => {\n        this._audioInputDevices = devices;\n      })\n    );\n\n    // Subscribe to video input devices\n    this.subscriptions.push(\n      this.deviceController.videoInputDevices$.subscribe((devices) => {\n        this._videoInputDevices = devices;\n      })\n    );\n\n    // Subscribe to audio output devices\n    this.subscriptions.push(\n      this.deviceController.audioOutputDevices$.subscribe((devices) => {\n        this._audioOutputDevices = devices;\n      })\n    );\n\n    // Subscribe to selected devices if available\n    if (this.deviceController.selectedAudioInputDevice$) {\n      this.subscriptions.push(\n        this.deviceController.selectedAudioInputDevice$.subscribe((device) => {\n          this._selectedAudioInput = device;\n        })\n      );\n    }\n\n    if (this.deviceController.selectedVideoInputDevice$) {\n      this.subscriptions.push(\n        this.deviceController.selectedVideoInputDevice$.subscribe((device) => {\n          this._selectedVideoInput = device;\n        })\n      );\n    }\n\n    if (this.deviceController.selectedAudioOutputDevice$) {\n      this.subscriptions.push(\n        this.deviceController.selectedAudioOutputDevice$.subscribe((device) => {\n          this._selectedAudioOutput = device;\n        })\n      );\n    }\n  }\n\n  /**\n   * Cleanup all subscriptions\n   */\n  private cleanupSubscriptions(): void {\n    this.subscriptions.forEach((sub) => sub.unsubscribe());\n    this.subscriptions = [];\n  }\n\n  /**\n   * Cleanup video preview stream\n   * Best practice from SDK: Pause video, clear srcObject, remove tracks from stream, then stop tracks\n   * @see https://webrtchacks.com/srcobject-intervention/\n   */\n  private cleanupVideoPreviewStream(): void {\n    // Step 1: Pause and clear the video element\n    if (this._videoElement) {\n      this._videoElement.pause();\n      this._videoElement.srcObject = null;\n      this._videoElement = undefined;\n    }\n\n    // Also check for any video element in shadow DOM (in case _videoElement wasn't set)\n    const videoElement = this.shadowRoot?.querySelector('video');\n    if (videoElement) {\n      videoElement.pause();\n      videoElement.srcObject = null;\n    }\n\n    // Step 2: Remove tracks from stream before stopping (SDK pattern)\n    if (this._videoPreviewStream) {\n      const tracks = this._videoPreviewStream.getTracks();\n      tracks.forEach((track: MediaStreamTrack) => {\n        // Remove track from stream first (important for proper release)\n        this._videoPreviewStream?.removeTrack(track);\n        track.stop();\n      });\n      this._videoPreviewStream = null;\n    }\n  }\n\n  /**\n   * Cleanup audio preview stream\n   * Best practice from SDK: Release audio components, remove tracks from stream, then stop tracks\n   * @see https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack/stop\n   */\n  private cleanupAudioPreviewStream(): void {\n    // Step 1: Release resources from all audio-level components synchronously\n    // This closes their AudioContext and disconnects MediaStreamAudioSourceNode\n    const audioLevelComponents = this.shadowRoot?.querySelectorAll('sw-audio-level');\n    audioLevelComponents?.forEach((component) => {\n      const audioLevel = component as HTMLElement & {\n        releaseResources?: () => void;\n        stream?: MediaStream;\n      };\n      if (audioLevel.releaseResources) {\n        audioLevel.releaseResources();\n      } else {\n        // Fallback for older versions\n        audioLevel.stream = undefined;\n      }\n    });\n\n    // Step 2: Remove tracks from stream before stopping (SDK pattern)\n    if (this._audioPreviewStream) {\n      const tracks = this._audioPreviewStream.getTracks();\n      tracks.forEach((track: MediaStreamTrack) => {\n        // Remove track from stream first (important for proper release)\n        this._audioPreviewStream?.removeTrack(track);\n        track.stop();\n      });\n      this._audioPreviewStream = null;\n    }\n  }\n\n  /**\n   * Get video preview stream from browser API\n   */\n  private async getVideoPreviewStream(deviceId?: string): Promise<void> {\n    this.cleanupVideoPreviewStream();\n\n    if (!this.showPreview) return;\n\n    try {\n      const constraints: MediaStreamConstraints = {\n        video: deviceId ? { deviceId: { exact: deviceId } } : true,\n        audio: false\n      };\n      this._videoPreviewStream = await navigator.mediaDevices.getUserMedia(constraints);\n      this.updateVideoElement();\n    } catch (error) {\n      console.warn('Failed to get video preview stream:', error);\n      this._videoPreviewStream = null;\n    }\n  }\n\n  /**\n   * Get audio preview stream from browser API\n   */\n  private async getAudioPreviewStream(deviceId?: string): Promise<void> {\n    this.cleanupAudioPreviewStream();\n\n    if (!this.showPreview) return;\n\n    try {\n      const constraints: MediaStreamConstraints = {\n        video: false,\n        audio: deviceId ? { deviceId: { exact: deviceId } } : true\n      };\n      this._audioPreviewStream = await navigator.mediaDevices.getUserMedia(constraints);\n    } catch (error) {\n      console.warn('Failed to get audio preview stream:', error);\n      this._audioPreviewStream = null;\n    }\n  }\n\n  /**\n   * Update video element with current stream\n   */\n  private updateVideoElement(): void {\n    if (this._videoElement && this._videoPreviewStream) {\n      this._videoElement.srcObject = this._videoPreviewStream;\n    }\n  }\n\n  /**\n   * Initialize previews when show-preview is enabled\n   */\n  private async initializePreviews(): Promise<void> {\n    // Prevent concurrent initialization to avoid stream leaks on rapid visibility toggles\n    if (!this.showPreview || this._isInitializingPreviews) return;\n\n    this._isInitializingPreviews = true;\n    try {\n      // Get video preview if we have video devices\n      if (this._videoInputDevices.length > 0) {\n        const deviceId = this._selectedVideoInput?.deviceId;\n        await this.getVideoPreviewStream(deviceId);\n      }\n\n      // Get audio preview if we have audio devices\n      if (this._audioInputDevices.length > 0) {\n        const deviceId = this._selectedAudioInput?.deviceId;\n        await this.getAudioPreviewStream(deviceId);\n      }\n    } finally {\n      this._isInitializingPreviews = false;\n    }\n  }\n\n  /**\n   * Handle device selection change from dropdown\n   */\n  private handleDeviceChange(event: Event, deviceType: DeviceType): void {\n    if (!this.deviceController) return;\n\n    const select = event.target as HTMLSelectElement;\n    const deviceId = select.value;\n\n    let device: MediaDeviceInfo | null = null;\n\n    switch (deviceType) {\n      case 'microphone':\n        device = this._audioInputDevices.find((d) => d.deviceId === deviceId) || null;\n        this._selectedAudioInput = device;\n        this.deviceController.selectAudioInputDevice?.(device);\n        // Update audio preview stream with new device\n        if (this.showPreview) {\n          this.getAudioPreviewStream(deviceId);\n        }\n        break;\n      case 'camera':\n        device = this._videoInputDevices.find((d) => d.deviceId === deviceId) || null;\n        this._selectedVideoInput = device;\n        this.deviceController.selectVideoInputDevice?.(device);\n        // Update video preview stream with new device\n        if (this.showPreview) {\n          this.getVideoPreviewStream(deviceId);\n        }\n        break;\n      case 'speaker':\n        device = this._audioOutputDevices.find((d) => d.deviceId === deviceId) || null;\n        this._selectedAudioOutput = device;\n        this.deviceController.selectAudioOutputDevice?.(device);\n        break;\n    }\n\n    if (device) {\n      this.dispatchEvent(\n        new CustomEvent('sw-device-change', {\n          detail: { device, deviceType },\n          bubbles: true,\n          composed: true\n        })\n      );\n    }\n  }\n\n  /**\n   * Test speaker by playing a test tone\n   */\n  private async testSpeaker(): Promise<void> {\n    if (this._isTestingAudio) {\n      this.stopTestAudio();\n      return;\n    }\n\n    try {\n      this._isTestingAudio = true;\n\n      // Create oscillator-based test tone\n      const audioContext = new AudioContext();\n      const oscillator = audioContext.createOscillator();\n      const gainNode = audioContext.createGain();\n\n      oscillator.type = 'sine';\n      oscillator.frequency.value = 440; // A4 note\n      gainNode.gain.value = 0.3;\n\n      oscillator.connect(gainNode);\n      gainNode.connect(audioContext.destination);\n\n      oscillator.start();\n\n      // Stop after 1 second\n      setTimeout(() => {\n        oscillator.stop();\n        audioContext.close();\n        this._isTestingAudio = false;\n      }, 1000);\n\n      this.dispatchEvent(\n        new CustomEvent('sw-test-speaker', {\n          bubbles: true,\n          composed: true\n        })\n      );\n    } catch (error) {\n      console.error('Failed to play test audio:', error);\n      this._isTestingAudio = false;\n    }\n  }\n\n  /**\n   * Stop test audio\n   */\n  private stopTestAudio(): void {\n    if (this._testAudioElement) {\n      this._testAudioElement.pause();\n      this._testAudioElement = undefined;\n    }\n    this._isTestingAudio = false;\n  }\n\n  /**\n   * Render device icon\n   */\n  private renderDeviceIcon(deviceType: DeviceType) {\n    switch (deviceType) {\n      case 'microphone':\n        return html`<svg class=\"device-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path\n            d=\"M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.91-3c-.49 0-.9.36-.98.85C16.52 14.2 14.47 16 12 16s-4.52-1.8-4.93-4.15c-.08-.49-.49-.85-.98-.85-.61 0-1.09.54-1 1.14.49 3 2.89 5.35 5.91 5.78V20c0 .55.45 1 1 1s1-.45 1-1v-2.08c3.02-.43 5.42-2.78 5.91-5.78.1-.6-.39-1.14-1-1.14z\"\n          />\n        </svg>`;\n      case 'camera':\n        return html`<svg class=\"device-icon\" 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      case 'speaker':\n        return html`<svg class=\"device-icon\" 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.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    }\n  }\n\n  /**\n   * Render dropdown arrow icon\n   */\n  private renderSelectArrow() {\n    return html`<svg class=\"select-arrow\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n      <path d=\"M7 10l5 5 5-5z\" />\n    </svg>`;\n  }\n\n  /**\n   * Render a device selection section\n   */\n  private renderDeviceSection(\n    deviceType: DeviceType,\n    label: string,\n    devices: MediaDeviceInfo[],\n    selectedDevice: MediaDeviceInfo | null\n  ) {\n    return html`\n      <div class=\"device-section\" part=\"device-section\">\n        <label class=\"device-label\" for=\"select-${deviceType}\">\n          ${this.renderDeviceIcon(deviceType)}\n          <span>${label}</span>\n        </label>\n        ${devices.length === 0\n          ? html`<div class=\"no-devices\">No ${label.toLowerCase()} found</div>`\n          : html`\n              <div class=\"device-select-wrapper\">\n                <select\n                  id=\"select-${deviceType}\"\n                  class=\"device-select\"\n                  part=\"device-select\"\n                  aria-label=\"${label}\"\n                  .value=${selectedDevice?.deviceId || ''}\n                  @change=${(e: Event) => this.handleDeviceChange(e, deviceType)}\n                >\n                  ${devices.map(\n                    (device) => html`\n                      <option\n                        value=\"${device.deviceId}\"\n                        ?selected=${selectedDevice?.deviceId === device.deviceId}\n                      >\n                        ${device.label || `Device ${device.deviceId.slice(0, 8)}`}\n                      </option>\n                    `\n                  )}\n                </select>\n                ${this.renderSelectArrow()}\n              </div>\n            `}\n      </div>\n    `;\n  }\n\n  /**\n   * Render video preview for camera section\n   */\n  private renderVideoPreview() {\n    if (!this.showPreview || this._videoInputDevices.length === 0) {\n      return nothing;\n    }\n\n    return html`\n      <div class=\"device-preview\">\n        ${this._videoPreviewStream\n          ? html`\n              <div class=\"video-preview\">\n                <video\n                  autoplay\n                  playsinline\n                  muted\n                  .srcObject=${this._videoPreviewStream}\n                  @loadedmetadata=${(e: Event) => {\n                    const video = e.target as HTMLVideoElement;\n                    this._videoElement = video;\n                    video.play().catch(() => {});\n                  }}\n                ></video>\n              </div>\n            `\n          : html` <div class=\"video-preview-placeholder\">Click to enable camera preview</div> `}\n      </div>\n    `;\n  }\n\n  /**\n   * Render audio level preview for microphone section\n   */\n  private renderAudioPreview() {\n    if (!this.showPreview || this._audioInputDevices.length === 0) {\n      return nothing;\n    }\n\n    return html`\n      <div class=\"device-preview\">\n        <div class=\"audio-preview\">\n          <span class=\"audio-preview-label\">Level:</span>\n          <div class=\"audio-level-wrapper\">\n            ${this._audioPreviewStream\n              ? html`\n                  <sw-audio-level\n                    .stream=${this._audioPreviewStream}\n                    bars=\"10\"\n                    orientation=\"horizontal\"\n                    maxSize=\"20\"\n                  ></sw-audio-level>\n                `\n              : html`\n                  <span style=\"color: var(--sw-color-text-muted); font-size: 12px;\"\n                    >No audio input</span\n                  >\n                `}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * Render the component\n   */\n  render() {\n    return html`\n      <div class=\"container\" part=\"container\">\n        ${this.renderDeviceSection(\n          'microphone',\n          'Microphone',\n          this._audioInputDevices,\n          this._selectedAudioInput\n        )}\n        ${this.renderAudioPreview()}\n        ${this.renderDeviceSection(\n          'camera',\n          'Camera',\n          this._videoInputDevices,\n          this._selectedVideoInput\n        )}\n        ${this.renderVideoPreview()}\n        ${this.renderDeviceSection(\n          'speaker',\n          'Speaker',\n          this._audioOutputDevices,\n          this._selectedAudioOutput\n        )}\n\n        <div class=\"device-section\">\n          <button\n            class=\"test-speaker-btn\"\n            @click=${this.testSpeaker}\n            ?disabled=${this._isTestingAudio}\n            aria-label=\"Test speaker\"\n          >\n            ${this._isTestingAudio ? 'Playing...' : 'Test Speaker'}\n          </button>\n        </div>\n      </div>\n    `;\n  }\n}\n\n/**\n * Declare global type for TypeScript\n */\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'sw-device-selector': DeviceSelector;\n  }\n}\n"],"names":["DeviceSelector","LitElement","changedProperties","entries","entry","wasVisible","element","style","root","devices","device","sub","videoElement","_a","track","audioLevelComponents","component","audioLevel","deviceId","constraints","error","_b","event","deviceType","d","_d","_c","_f","_e","audioContext","oscillator","gainNode","html","label","selectedDevice","e","nothing","video","css","__decorateClass","property","state","customElement"],"mappings":"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"}

package/dist/components/dialpad.d.ts

@@ -1,60 +0,0 @@
-/**
- * Dialpad Component
- *
- * A 12-key telephone keypad (0-9, *, #) for entering phone numbers
- * and sending DTMF tones during active calls.
- *
- * @example
- * ```html
- * <sw-dialpad .call=${call}></sw-dialpad>
- * ```
- */
-import { LitElement } from 'lit';
-import type { Observable } from 'rxjs';
-/**
- * Call interface for dialpad component
- */
-export interface DialpadCall {
-    sendDigits?(dtmf: string): Promise<void>;
-    status$?: Observable<string>;
-}
-export declare class DialpadComponent extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Call object with sendDigits method
-     */
-    call: DialpadCall | null;
-    /**
-     * Call from context (if nested in sw-call-media)
-     */
-    private contextCall?;
-    /**
-     * Current digits entered
-     */
-    private digits;
-    /**
-     * Currently pressed key (for visual feedback)
-     */
-    private pressedKey;
-    /**
-     * Whether to show the call button
-     */
-    showCallButton: boolean;
-    /**
-     * Placeholder text for display input
-     */
-    placeholder: string;
-    private get activeCall();
-    private handleKeyPress;
-    private handleBackspace;
-    private handleCall;
-    private handleInputChange;
-    private handleKeyDown;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sw-dialpad': DialpadComponent;
-    }
-}
-//# sourceMappingURL=dialpad.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dialpad.d.ts","sourceRoot":"","sources":["../../src/components/dialpad.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGvC;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,UAAU,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;CAC9B;AAoBD,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BA0MX;IAEF;;OAEG;IAEH,IAAI,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEhC;;OAEG;IAGH,OAAO,CAAC,WAAW,CAAC,CAAc;IAElC;;OAEG;IAEH,OAAO,CAAC,MAAM,CAAc;IAE5B;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAuB;IAEzC;;OAEG;IAEH,cAAc,EAAE,OAAO,CAAS;IAEhC;;OAEG;IAEH,WAAW,EAAE,MAAM,CAAkB;IAErC,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,cAAc;IA0BtB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,aAAa;IAYrB,MAAM;CA0EP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/dist/components/dialpad.js

@@ -1,372 +0,0 @@
-import { LitElement as u, html as c, css as h } from "lit";
-import { property as d, state as p, customElement as g } from "lit/decorators.js";
-import { consume as b } from "@lit/context";
-import { callContext as w } from "../context/call-context.js";
-var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? v(t, a) : t, l = e.length - 1, n; l >= 0; l--)
-    (n = e[l]) && (r = (i ? n(t, a, r) : n(r)) || r);
-  return i && r && f(t, a, r), r;
-};
-const m = [
-  { digit: "1", letters: "" },
-  { digit: "2", letters: "ABC" },
-  { digit: "3", letters: "DEF" },
-  { digit: "4", letters: "GHI" },
-  { digit: "5", letters: "JKL" },
-  { digit: "6", letters: "MNO" },
-  { digit: "7", letters: "PQRS" },
-  { digit: "8", letters: "TUV" },
-  { digit: "9", letters: "WXYZ" },
-  { digit: "*", letters: "" },
-  { digit: "0", letters: "+" },
-  { digit: "#", letters: "" }
-];
-let s = class extends u {
-  constructor() {
-    super(...arguments), this.call = null, this.digits = "", this.pressedKey = null, this.showCallButton = !1, this.placeholder = "Enter number";
-  }
-  get activeCall() {
-    return this.call || this.contextCall || null;
-  }
-  handleKeyPress(e) {
-    var t;
-    this.digits += e, this.pressedKey = e, (t = this.activeCall) != null && t.sendDigits && this.activeCall.sendDigits(e).catch((a) => {
-      console.error("Failed to send DTMF:", a);
-    }), this.dispatchEvent(
-      new CustomEvent("sw-digit-press", {
-        detail: { digit: e, digits: this.digits },
-        bubbles: !0,
-        composed: !0
-      })
-    ), setTimeout(() => {
-      this.pressedKey = null;
-    }, 100);
-  }
-  handleBackspace() {
-    this.digits.length > 0 && (this.digits = this.digits.slice(0, -1), this.dispatchEvent(
-      new CustomEvent("sw-backspace", {
-        detail: { digits: this.digits },
-        bubbles: !0,
-        composed: !0
-      })
-    ));
-  }
-  handleCall() {
-    this.digits.length > 0 && this.dispatchEvent(
-      new CustomEvent("sw-dial", {
-        detail: { digits: this.digits },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  handleInputChange(e) {
-    const t = e.target;
-    this.digits = t.value.replace(/[^0-9*#]/g, "");
-  }
-  handleKeyDown(e) {
-    const t = e.key;
-    /^[0-9*#]$/.test(t) ? this.handleKeyPress(t) : t === "Backspace" ? this.handleBackspace() : t === "Enter" && this.showCallButton && this.handleCall();
-  }
-  render() {
-    return c`
-      <div class="container" part="container">
-        <div class="display" part="display">
-          <input
-            type="tel"
-            class="display-input"
-            .value=${this.digits}
-            placeholder=${this.placeholder}
-            @input=${this.handleInputChange}
-            @keydown=${this.handleKeyDown}
-            aria-label="Phone number input"
-          />
-          <button
-            class="backspace-button"
-            @click=${this.handleBackspace}
-            ?disabled=${this.digits.length === 0}
-            aria-label="Delete last digit"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            >
-              <path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"></path>
-              <line x1="18" y1="9" x2="12" y2="15"></line>
-              <line x1="12" y1="9" x2="18" y2="15"></line>
-            </svg>
-          </button>
-        </div>
-
-        <div class="keypad" part="keypad" role="group" aria-label="Telephone keypad">
-          ${m.map(
-      (e) => c`
-              <button
-                class="key ${this.pressedKey === e.digit ? "pressed" : ""}"
-                part="key ${this.pressedKey === e.digit ? "key-pressed" : ""}"
-                @click=${() => this.handleKeyPress(e.digit)}
-                aria-label="${e.digit}${e.letters ? `, ${e.letters}` : ""}"
-              >
-                <span class="key-digit">${e.digit}</span>
-                <span class="key-letters">${e.letters}</span>
-              </button>
-            `
-    )}
-        </div>
-
-        ${this.showCallButton ? c`
-              <button
-                class="call-button"
-                part="call-button"
-                @click=${this.handleCall}
-                ?disabled=${this.digits.length === 0}
-                aria-label="Call ${this.digits}"
-              >
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-                  <path
-                    d="M6.62 10.79c1.44 2.83 3.76 5.15 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"
-                  />
-                </svg>
-                Call
-              </button>
-            ` : null}
-      </div>
-    `;
-  }
-};
-s.styles = h`
-    :host {
-      /* CSS Custom Properties for theming */
-      --sw-color-primary: #044cf6;
-      --sw-color-primary-hover: #0339c4;
-      --sw-color-primary-active: #022b92;
-      --sw-color-success: #10b981;
-      --sw-color-danger: #ef4444;
-      --sw-color-text: #1f2937;
-      --sw-color-text-muted: #6b7280;
-      --sw-color-border: #e5e7eb;
-      --sw-color-background: #ffffff;
-      --sw-color-background-hover: #f3f4f6;
-      --sw-color-background-active: #e5e7eb;
-      --sw-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      --sw-font-size-sm: 12px;
-      --sw-font-size-base: 16px;
-      --sw-font-size-lg: 24px;
-      --sw-font-size-xl: 32px;
-      --sw-space-1: 4px;
-      --sw-space-2: 8px;
-      --sw-space-3: 12px;
-      --sw-space-4: 16px;
-      --sw-border-radius: 8px;
-      --sw-border-radius-full: 9999px;
-
-      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-border: #374151;
-      --sw-color-background: #1f2937;
-      --sw-color-background-hover: #374151;
-      --sw-color-background-active: #4b5563;
-    }
-
-    @media (prefers-color-scheme: dark) {
-      :host(:not([data-theme='light'])) {
-        --sw-color-text: #f9fafb;
-        --sw-color-text-muted: #9ca3af;
-        --sw-color-border: #374151;
-        --sw-color-background: #1f2937;
-        --sw-color-background-hover: #374151;
-        --sw-color-background-active: #4b5563;
-      }
-    }
-
-    .container {
-      display: flex;
-      flex-direction: column;
-      gap: var(--sw-space-3);
-      padding: var(--sw-space-4);
-      max-width: 280px;
-      background: var(--sw-color-background);
-      border-radius: var(--sw-border-radius);
-    }
-
-    .display {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: var(--sw-space-3) var(--sw-space-4);
-      background: var(--sw-color-background-hover);
-      border-radius: var(--sw-border-radius);
-      min-height: 48px;
-    }
-
-    .display-input {
-      flex: 1;
-      font-size: var(--sw-font-size-xl);
-      font-weight: 500;
-      font-family: var(--sw-font-family);
-      color: var(--sw-color-text);
-      background: transparent;
-      border: none;
-      outline: none;
-      letter-spacing: 2px;
-      text-align: center;
-    }
-
-    .display-input::placeholder {
-      color: var(--sw-color-text-muted);
-      font-size: var(--sw-font-size-base);
-      letter-spacing: normal;
-    }
-
-    .backspace-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 40px;
-      height: 40px;
-      background: transparent;
-      border: none;
-      border-radius: var(--sw-border-radius);
-      cursor: pointer;
-      color: var(--sw-color-text-muted);
-      transition:
-        background-color 0.15s ease,
-        color 0.15s ease;
-    }
-
-    .backspace-button:hover {
-      background: var(--sw-color-background-active);
-      color: var(--sw-color-text);
-    }
-
-    .backspace-button:disabled {
-      opacity: 0.3;
-      cursor: not-allowed;
-    }
-
-    .keypad {
-      display: grid;
-      grid-template-columns: repeat(3, 1fr);
-      gap: var(--sw-space-2);
-    }
-
-    .key {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      width: 72px;
-      height: 72px;
-      background: var(--sw-color-background);
-      border: 1px solid var(--sw-color-border);
-      border-radius: var(--sw-border-radius-full);
-      cursor: pointer;
-      transition:
-        background-color 0.1s ease,
-        transform 0.1s ease;
-      user-select: none;
-      -webkit-user-select: none;
-      -webkit-tap-highlight-color: transparent;
-    }
-
-    .key:hover {
-      background: var(--sw-color-background-hover);
-    }
-
-    .key:active,
-    .key.pressed {
-      background: var(--sw-color-background-active);
-      transform: scale(0.95);
-    }
-
-    .key-digit {
-      font-size: var(--sw-font-size-lg);
-      font-weight: 500;
-      color: var(--sw-color-text);
-      line-height: 1;
-    }
-
-    .key-letters {
-      font-size: var(--sw-font-size-sm);
-      color: var(--sw-color-text-muted);
-      text-transform: uppercase;
-      letter-spacing: 1px;
-      margin-top: 2px;
-      min-height: 14px;
-    }
-
-    .call-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-      height: 56px;
-      background: var(--sw-color-success);
-      border: none;
-      border-radius: var(--sw-border-radius);
-      cursor: pointer;
-      color: white;
-      font-size: var(--sw-font-size-base);
-      font-weight: 600;
-      font-family: var(--sw-font-family);
-      transition: background-color 0.15s ease;
-      gap: var(--sw-space-2);
-    }
-
-    .call-button:hover {
-      background: #0ea472;
-    }
-
-    .call-button:active {
-      background: #0d9668;
-    }
-
-    .call-button:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-
-    .call-button svg {
-      width: 20px;
-      height: 20px;
-    }
-  `;
-o([
-  d({ attribute: !1 })
-], s.prototype, "call", 2);
-o([
-  b({ context: w, subscribe: !0 }),
-  p()
-], s.prototype, "contextCall", 2);
-o([
-  p()
-], s.prototype, "digits", 2);
-o([
-  p()
-], s.prototype, "pressedKey", 2);
-o([
-  d({ type: Boolean, attribute: "show-call-button" })
-], s.prototype, "showCallButton", 2);
-o([
-  d({ type: String })
-], s.prototype, "placeholder", 2);
-s = o([
-  g("sw-dialpad")
-], s);
-export {
-  s as DialpadComponent
-};
-//# sourceMappingURL=dialpad.js.map

package/dist/components/dialpad.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialpad.js","sources":["../../src/components/dialpad.ts"],"sourcesContent":["/**\n * Dialpad Component\n *\n * A 12-key telephone keypad (0-9, *, #) for entering phone numbers\n * and sending DTMF tones during active calls.\n *\n * @example\n * ```html\n * <sw-dialpad .call=${call}></sw-dialpad>\n * ```\n */\n\nimport { LitElement, html, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\nimport type { Observable } from 'rxjs';\nimport { callContext } from '../context/index.js';\n\n/**\n * Call interface for dialpad component\n */\nexport interface DialpadCall {\n  sendDigits?(dtmf: string): Promise<void>;\n  status$?: Observable<string>;\n}\n\n/**\n * Key layout for standard telephone keypad\n */\nconst KEYS = [\n  { digit: '1', letters: '' },\n  { digit: '2', letters: 'ABC' },\n  { digit: '3', letters: 'DEF' },\n  { digit: '4', letters: 'GHI' },\n  { digit: '5', letters: 'JKL' },\n  { digit: '6', letters: 'MNO' },\n  { digit: '7', letters: 'PQRS' },\n  { digit: '8', letters: 'TUV' },\n  { digit: '9', letters: 'WXYZ' },\n  { digit: '*', letters: '' },\n  { digit: '0', letters: '+' },\n  { digit: '#', letters: '' }\n];\n\n@customElement('sw-dialpad')\nexport class DialpadComponent 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-primary-active: #022b92;\n      --sw-color-success: #10b981;\n      --sw-color-danger: #ef4444;\n      --sw-color-text: #1f2937;\n      --sw-color-text-muted: #6b7280;\n      --sw-color-border: #e5e7eb;\n      --sw-color-background: #ffffff;\n      --sw-color-background-hover: #f3f4f6;\n      --sw-color-background-active: #e5e7eb;\n      --sw-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      --sw-font-size-sm: 12px;\n      --sw-font-size-base: 16px;\n      --sw-font-size-lg: 24px;\n      --sw-font-size-xl: 32px;\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      --sw-border-radius-full: 9999px;\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-border: #374151;\n      --sw-color-background: #1f2937;\n      --sw-color-background-hover: #374151;\n      --sw-color-background-active: #4b5563;\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-border: #374151;\n        --sw-color-background: #1f2937;\n        --sw-color-background-hover: #374151;\n        --sw-color-background-active: #4b5563;\n      }\n    }\n\n    .container {\n      display: flex;\n      flex-direction: column;\n      gap: var(--sw-space-3);\n      padding: var(--sw-space-4);\n      max-width: 280px;\n      background: var(--sw-color-background);\n      border-radius: var(--sw-border-radius);\n    }\n\n    .display {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: var(--sw-space-3) var(--sw-space-4);\n      background: var(--sw-color-background-hover);\n      border-radius: var(--sw-border-radius);\n      min-height: 48px;\n    }\n\n    .display-input {\n      flex: 1;\n      font-size: var(--sw-font-size-xl);\n      font-weight: 500;\n      font-family: var(--sw-font-family);\n      color: var(--sw-color-text);\n      background: transparent;\n      border: none;\n      outline: none;\n      letter-spacing: 2px;\n      text-align: center;\n    }\n\n    .display-input::placeholder {\n      color: var(--sw-color-text-muted);\n      font-size: var(--sw-font-size-base);\n      letter-spacing: normal;\n    }\n\n    .backspace-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      background: transparent;\n      border: none;\n      border-radius: var(--sw-border-radius);\n      cursor: pointer;\n      color: var(--sw-color-text-muted);\n      transition:\n        background-color 0.15s ease,\n        color 0.15s ease;\n    }\n\n    .backspace-button:hover {\n      background: var(--sw-color-background-active);\n      color: var(--sw-color-text);\n    }\n\n    .backspace-button:disabled {\n      opacity: 0.3;\n      cursor: not-allowed;\n    }\n\n    .keypad {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: var(--sw-space-2);\n    }\n\n    .key {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      width: 72px;\n      height: 72px;\n      background: var(--sw-color-background);\n      border: 1px solid var(--sw-color-border);\n      border-radius: var(--sw-border-radius-full);\n      cursor: pointer;\n      transition:\n        background-color 0.1s ease,\n        transform 0.1s ease;\n      user-select: none;\n      -webkit-user-select: none;\n      -webkit-tap-highlight-color: transparent;\n    }\n\n    .key:hover {\n      background: var(--sw-color-background-hover);\n    }\n\n    .key:active,\n    .key.pressed {\n      background: var(--sw-color-background-active);\n      transform: scale(0.95);\n    }\n\n    .key-digit {\n      font-size: var(--sw-font-size-lg);\n      font-weight: 500;\n      color: var(--sw-color-text);\n      line-height: 1;\n    }\n\n    .key-letters {\n      font-size: var(--sw-font-size-sm);\n      color: var(--sw-color-text-muted);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-top: 2px;\n      min-height: 14px;\n    }\n\n    .call-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 56px;\n      background: var(--sw-color-success);\n      border: none;\n      border-radius: var(--sw-border-radius);\n      cursor: pointer;\n      color: white;\n      font-size: var(--sw-font-size-base);\n      font-weight: 600;\n      font-family: var(--sw-font-family);\n      transition: background-color 0.15s ease;\n      gap: var(--sw-space-2);\n    }\n\n    .call-button:hover {\n      background: #0ea472;\n    }\n\n    .call-button:active {\n      background: #0d9668;\n    }\n\n    .call-button:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .call-button svg {\n      width: 20px;\n      height: 20px;\n    }\n  `;\n\n  /**\n   * Call object with sendDigits method\n   */\n  @property({ attribute: false })\n  call: DialpadCall | null = null;\n\n  /**\n   * Call from context (if nested in sw-call-media)\n   */\n  @consume({ context: callContext, subscribe: true })\n  @state()\n  private contextCall?: DialpadCall;\n\n  /**\n   * Current digits entered\n   */\n  @state()\n  private digits: string = '';\n\n  /**\n   * Currently pressed key (for visual feedback)\n   */\n  @state()\n  private pressedKey: string | null = null;\n\n  /**\n   * Whether to show the call button\n   */\n  @property({ type: Boolean, attribute: 'show-call-button' })\n  showCallButton: boolean = false;\n\n  /**\n   * Placeholder text for display input\n   */\n  @property({ type: String })\n  placeholder: string = 'Enter number';\n\n  private get activeCall(): DialpadCall | null {\n    return this.call || this.contextCall || null;\n  }\n\n  private handleKeyPress(digit: string) {\n    this.digits += digit;\n    this.pressedKey = digit;\n\n    // Send DTMF if call is active\n    if (this.activeCall?.sendDigits) {\n      this.activeCall.sendDigits(digit).catch((err) => {\n        console.error('Failed to send DTMF:', err);\n      });\n    }\n\n    // Dispatch event\n    this.dispatchEvent(\n      new CustomEvent('sw-digit-press', {\n        detail: { digit, digits: this.digits },\n        bubbles: true,\n        composed: true\n      })\n    );\n\n    // Reset pressed state after animation\n    setTimeout(() => {\n      this.pressedKey = null;\n    }, 100);\n  }\n\n  private handleBackspace() {\n    if (this.digits.length > 0) {\n      this.digits = this.digits.slice(0, -1);\n      this.dispatchEvent(\n        new CustomEvent('sw-backspace', {\n          detail: { digits: this.digits },\n          bubbles: true,\n          composed: true\n        })\n      );\n    }\n  }\n\n  private handleCall() {\n    if (this.digits.length > 0) {\n      this.dispatchEvent(\n        new CustomEvent('sw-dial', {\n          detail: { digits: this.digits },\n          bubbles: true,\n          composed: true\n        })\n      );\n    }\n  }\n\n  private handleInputChange(e: Event) {\n    const input = e.target as HTMLInputElement;\n    // Only allow valid DTMF characters\n    this.digits = input.value.replace(/[^0-9*#]/g, '');\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    const key = e.key;\n    // Handle keyboard input for digits\n    if (/^[0-9*#]$/.test(key)) {\n      this.handleKeyPress(key);\n    } else if (key === 'Backspace') {\n      this.handleBackspace();\n    } else if (key === 'Enter' && this.showCallButton) {\n      this.handleCall();\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"container\" part=\"container\">\n        <div class=\"display\" part=\"display\">\n          <input\n            type=\"tel\"\n            class=\"display-input\"\n            .value=${this.digits}\n            placeholder=${this.placeholder}\n            @input=${this.handleInputChange}\n            @keydown=${this.handleKeyDown}\n            aria-label=\"Phone number input\"\n          />\n          <button\n            class=\"backspace-button\"\n            @click=${this.handleBackspace}\n            ?disabled=${this.digits.length === 0}\n            aria-label=\"Delete last digit\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <path d=\"M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"></path>\n              <line x1=\"18\" y1=\"9\" x2=\"12\" y2=\"15\"></line>\n              <line x1=\"12\" y1=\"9\" x2=\"18\" y2=\"15\"></line>\n            </svg>\n          </button>\n        </div>\n\n        <div class=\"keypad\" part=\"keypad\" role=\"group\" aria-label=\"Telephone keypad\">\n          ${KEYS.map(\n            (key) => html`\n              <button\n                class=\"key ${this.pressedKey === key.digit ? 'pressed' : ''}\"\n                part=\"key ${this.pressedKey === key.digit ? 'key-pressed' : ''}\"\n                @click=${() => this.handleKeyPress(key.digit)}\n                aria-label=\"${key.digit}${key.letters ? `, ${key.letters}` : ''}\"\n              >\n                <span class=\"key-digit\">${key.digit}</span>\n                <span class=\"key-letters\">${key.letters}</span>\n              </button>\n            `\n          )}\n        </div>\n\n        ${this.showCallButton\n          ? html`\n              <button\n                class=\"call-button\"\n                part=\"call-button\"\n                @click=${this.handleCall}\n                ?disabled=${this.digits.length === 0}\n                aria-label=\"Call ${this.digits}\"\n              >\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                  <path\n                    d=\"M6.62 10.79c1.44 2.83 3.76 5.15 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\n                  />\n                </svg>\n                Call\n              </button>\n            `\n          : null}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'sw-dialpad': DialpadComponent;\n  }\n}\n"],"names":["KEYS","DialpadComponent","LitElement","digit","_a","err","input","key","html","css","__decorateClass","property","consume","callContext","state","customElement"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"directory.d.ts","sourceRoot":"","sources":["../../src/components/directory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC/B,QAAQ,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5B;AAED,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAuPX;IAEF;;OAEG;IAEH,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAE1C;;OAEG;IAEH,OAAO,CAAC,eAAe,CAAwB;IAE/C;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAc;IAEjC;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAiB;IAElC;;OAEG;IAEH,OAAO,CAAC,OAAO,CAAkB;IAEjC;;OAEG;IAEH,OAAO,CAAC,OAAO,CAAkB;IAEjC;;OAEG;IACH,OAAO,CAAC,aAAa,CAAsB;IAE3C;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAuB;IAElD;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAqC;IAEjE;;OAEG;IAEH,OAAO,CAAC,sBAAsB,CAAkB;IAEhD,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,oBAAoB;IAiC5B,OAAO,CAAC,OAAO;IAYf,SAAS,CAAC,YAAY;IAItB,OAAO,CAAC,mBAAmB;IAqB3B,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;YAyB3C,sBAAsB;IAiBpC,OAAO,KAAK,iBAAiB,GAU5B;IAED,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,UAAU;YAUJ,cAAc;IAM5B,OAAO,CAAC,iBAAiB;IAmBzB,OAAO,CAAC,kBAAkB;IA8B1B,OAAO,CAAC,sBAAsB;IAS9B,MAAM;CA+EP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}