solid-ui 3.1.3-0 → 3.1.3-10

package/dist/chunks/photo-capture-COoxZRW_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"photo-capture-COoxZRW_.js","names":["LitElement","css","html","nothing","DEFAULT_CAPTURE_FORMAT","PhotoCapture","formAssociated","properties","label","type","String","reflect","heading","captureLabel","attribute","confirmLabel","retakeLabel","cancelLabel","presentation","theme","facingMode","constraints","captureFormat","captureQuality","Number","open","Boolean","disabled","name","required","showTrigger","showCancelButton","autoCloseOnCapture","fileNamePrefix","value","mediaConstraints","_errorMessage","state","_previewUrl","_startingPreview","styles","_value","_stream","_internals","_associatedForm","_handleFormData","event","formData","append","_handleFormReset","_clearValue","emitEvents","_queuePreviewStart","_supportsFormInternals","setFormValue","constructor","undefined","attachInternals","nextValue","normalizedValue","File","previousValue","_syncPreviewFromValue","_syncFormValue","_syncValidity","requestUpdate","form","validationMessage","willValidate","checkValidity","reportValidity","connectedCallback","_syncAssociatedForm","disconnectedCallback","_stopStream","_revokePreviewUrl","formResetCallback","formDisabledCallback","updated","changed","dialog","shadowRoot","querySelector","showModal","close","has","video","srcObject","_setOpen","dispatchEvent","CustomEvent","detail","bubbles","composed","_emitError","error","message","nextForm","closest","removeEventListener","addEventListener","internals","setValidity","valueMissing","file","URL","createObjectURL","options","_dispatchValueEvents","_fileExtensionForMimeType","mimeType","_createFileFromBlob","blob","contentType","extension","safePrefix","trim","Date","now","_startPreview","catch","_resolveMediaConstraints","JSON","parse","Error","ideal","navigator","mediaDevices","getUserMedia","stream","getTracks","forEach","track","stop","updateComplete","play","revokeObjectURL","_captureSnapshot","width","videoWidth","clientWidth","height","videoHeight","clientHeight","canvas","document","createElement","context","getContext","drawImage","Promise","resolve","toBlob","_retakePhoto","_confirmPhoto","objectUrl","_handleCancel","_openCapture","_renderViewport","_renderStatus","_renderActions","_renderPanel","render","trigger","preventDefault","target","currentTarget","PhotoCapture","PHOTO_CAPTURE_TAG_NAME","customElements","get","define"],"sources":["../../src/v2/components/media/photoCapture/PhotoCapture.ts","../../src/v2/components/media/photoCapture/index.ts"],"sourcesContent":["import { LitElement, css, html, nothing, type PropertyValues } from 'lit'\n/* The original code was written by Sir Tim Berners-Lee. It was made into a\nweb component by AI Model GPT-5.4\nPrompt: Take the code from src/media/media-capture.ts and make it a\nweb component. Make it work in forms as well as not. Make it\nconfigurable and follow LoginButton. */\nexport interface PhotoCapturedDetail {\n  file: File\n  blob: Blob\n  objectUrl: string\n  contentType: string\n}\n\nexport interface PhotoCaptureErrorDetail {\n  error: unknown\n  message: string\n}\n\nexport interface PhotoCaptureOpenChangeDetail {\n  open: boolean\n}\n\nexport interface PhotoCaptureValueDetail {\n  value: File | null\n}\n\ntype PresentationMode = 'inline' | 'dialog'\ntype ThemeMode = 'light' | 'dark'\n\nconst DEFAULT_CAPTURE_FORMAT = 'image/png'\n\nexport class PhotoCapture extends LitElement {\n  static formAssociated = true\n\n  static properties = {\n    label: { type: String, reflect: true },\n    heading: { type: String, reflect: true },\n    captureLabel: { type: String, attribute: 'capture-label', reflect: true },\n    confirmLabel: { type: String, attribute: 'confirm-label', reflect: true },\n    retakeLabel: { type: String, attribute: 'retake-label', reflect: true },\n    cancelLabel: { type: String, attribute: 'cancel-label', reflect: true },\n    presentation: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    facingMode: { type: String, attribute: 'facing-mode', reflect: true },\n    constraints: { type: String, reflect: true },\n    captureFormat: { type: String, attribute: 'capture-format', reflect: true },\n    captureQuality: { type: Number, attribute: 'capture-quality' },\n    open: { type: Boolean, reflect: true },\n    disabled: { type: Boolean, reflect: true },\n    name: { type: String, reflect: true },\n    required: { type: Boolean, reflect: true },\n    showTrigger: { type: Boolean, attribute: 'show-trigger', reflect: true },\n    showCancelButton: { type: Boolean, attribute: 'show-cancel-button', reflect: true },\n    autoCloseOnCapture: { type: Boolean, attribute: 'auto-close-on-capture' },\n    fileNamePrefix: { type: String, attribute: 'file-name-prefix', reflect: true },\n    value: { attribute: false },\n    mediaConstraints: { attribute: false },\n    _errorMessage: { state: true },\n    _previewUrl: { state: true },\n    _startingPreview: { state: true }\n  }\n\n  static styles = css`\n    :host {\n      display: block;\n      --photo-capture-trigger-background: var(--lavender-900, #7c4cff);\n      --photo-capture-trigger-text: var(--color-header-text, #ffffff);\n      --photo-capture-surface: var(--color-background, #ffffff);\n      --photo-capture-text: var(--gray-900, #101828);\n      --photo-capture-muted-text: var(--gray-600, #4a5565);\n      --photo-capture-border: var(--gray-200, #e5e7eb);\n      --photo-capture-hover: var(--gray-100, #f3f4f6);\n      --photo-capture-shadow: var(--box-shadow-sm, 0 1px 4px rgba(0, 0, 0, 0.12));\n      --photo-capture-overlay: rgba(0, 0, 0, 0.6);\n      --photo-capture-frame-max-width: 260px;\n      --photo-capture-radius: 8px;\n      --photo-capture-button-radius: var(--border-radius-base, 0.3125rem);\n      --photo-capture-gap: var(--spacing-2xs, 0.625rem);\n      color: var(--photo-capture-text);\n      box-sizing: border-box;\n    }\n\n    :host([theme='dark']) {\n      --photo-capture-surface: var(--gray-900, #111827);\n      --photo-capture-text: var(--white, #ffffff);\n      --photo-capture-muted-text: var(--gray-300, #d1d5dc);\n      --photo-capture-border: var(--gray-700, #364153);\n      --photo-capture-hover: rgba(255, 255, 255, 0.08);\n      --photo-capture-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);\n    }\n\n    *, *::before, *::after {\n      box-sizing: border-box;\n    }\n\n    .trigger-button,\n    .action-button,\n    .cancel-button,\n    .close-button {\n      font: inherit;\n      cursor: pointer;\n    }\n\n    .trigger-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 35px;\n      padding: 0.5rem 0.9rem;\n      border: none;\n      border-radius: var(--photo-capture-button-radius);\n      background: var(--photo-capture-trigger-background);\n      color: var(--photo-capture-trigger-text);\n      transition: transform 0.2s ease;\n    }\n\n    .trigger-button:active {\n      transform: translateY(1px);\n    }\n\n    .trigger-button:disabled,\n    .action-button:disabled,\n    .cancel-button:disabled {\n      opacity: 0.55;\n      cursor: not-allowed;\n    }\n\n    .inline-root[hidden] {\n      display: none;\n    }\n\n    .dialog {\n      border: none;\n      padding: 0;\n      background: transparent;\n      outline: none;\n      overflow: visible;\n      max-width: none;\n      max-height: none;\n    }\n\n    .dialog::backdrop {\n      background: var(--photo-capture-overlay);\n    }\n\n    .panel {\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--photo-capture-gap);\n      width: min(100%, 340px);\n      padding: 1rem;\n      border: 1px solid var(--photo-capture-border);\n      border-radius: var(--photo-capture-radius);\n      background: var(--photo-capture-surface);\n      color: var(--photo-capture-text);\n      box-shadow: var(--photo-capture-shadow);\n    }\n\n    .panel-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 0.5rem;\n      width: 100%;\n    }\n\n    .panel-heading {\n      margin: 0;\n      font-size: 1rem;\n      font-weight: 700;\n      line-height: 1.4;\n    }\n\n    .close-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 1.75rem;\n      height: 1.75rem;\n      padding: 0;\n      border: none;\n      border-radius: 999px;\n      background: transparent;\n      color: var(--photo-capture-muted-text);\n      font-size: 1.125rem;\n      line-height: 1;\n    }\n\n    .close-button:hover,\n    .close-button:focus-visible,\n    .action-button:hover,\n    .action-button:focus-visible,\n    .cancel-button:hover,\n    .cancel-button:focus-visible {\n      background: var(--photo-capture-hover);\n    }\n\n    .viewport {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      min-height: 200px;\n      border-radius: 0.5rem;\n      overflow: hidden;\n      background: color-mix(in srgb, var(--photo-capture-surface) 92%, #000 8%);\n    }\n\n    .viewport video,\n    .viewport img {\n      display: block;\n      width: 100%;\n      max-width: var(--photo-capture-frame-max-width);\n      height: auto;\n      border-radius: 0.5rem;\n      margin: 0 auto;\n      object-fit: cover;\n    }\n\n    .status {\n      width: 100%;\n      text-align: center;\n      color: var(--photo-capture-muted-text);\n      font-size: 0.875rem;\n    }\n\n    .status.error {\n      color: var(--color-error, #b00020);\n    }\n\n    .actions {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-wrap: wrap;\n      gap: var(--photo-capture-gap);\n      width: 100%;\n    }\n\n    .action-button,\n    .cancel-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 2.25rem;\n      padding: 0.45rem 0.85rem;\n      border-radius: var(--photo-capture-button-radius);\n      border: 1px solid var(--photo-capture-border);\n      background: var(--photo-capture-surface);\n      color: var(--photo-capture-text);\n      font-size: var(--font-size-xxs, 0.75rem);\n      font-weight: var(--font-weight-xbold, 700);\n      line-height: 1.5;\n    }\n\n    .action-button--primary {\n      background: var(--photo-capture-trigger-background);\n      color: var(--photo-capture-trigger-text);\n      border-color: transparent;\n    }\n  `\n\n  declare label: string\n  declare heading: string\n  declare captureLabel: string\n  declare confirmLabel: string\n  declare retakeLabel: string\n  declare cancelLabel: string\n  declare presentation: PresentationMode\n  declare theme: ThemeMode\n  declare facingMode: string\n  declare constraints: string\n  declare captureFormat: string\n  declare captureQuality?: number\n  declare open: boolean\n  declare disabled: boolean\n  declare name: string\n  declare required: boolean\n  declare showTrigger: boolean\n  declare showCancelButton: boolean\n  declare autoCloseOnCapture: boolean\n  declare fileNamePrefix: string\n  declare mediaConstraints?: MediaStreamConstraints\n  declare _errorMessage: string\n  declare _previewUrl: string\n  declare _startingPreview: boolean\n\n  private _value: File | null = null\n  private _stream: MediaStream | null = null\n  private readonly _internals: ElementInternals | null\n  private _associatedForm: HTMLFormElement | null = null\n  private readonly _handleFormData = (event: Event) => {\n    const formData = (event as Event & { formData?: FormData }).formData\n    if (!formData || !this.name || !this.value || this.disabled) return\n    formData.append(this.name, this.value, this.value.name)\n  }\n\n  private readonly _handleFormReset = () => {\n    this._clearValue({ emitEvents: false })\n    if (this.open) {\n      this._queuePreviewStart()\n    }\n  }\n\n  private get _supportsFormInternals (): boolean {\n    return !!this._internals && typeof this._internals.setFormValue === 'function'\n  }\n\n  constructor () {\n    super()\n    this.label = 'Take Photo'\n    this.heading = 'Take a photo'\n    this.captureLabel = 'Take Photo'\n    this.confirmLabel = 'Use Photo'\n    this.retakeLabel = 'Retake'\n    this.cancelLabel = 'Cancel'\n    this.presentation = 'inline'\n    this.theme = 'light'\n    this.facingMode = 'user'\n    this.constraints = ''\n    this.captureFormat = DEFAULT_CAPTURE_FORMAT\n    this.captureQuality = undefined\n    this.open = false\n    this.disabled = false\n    this.name = ''\n    this.required = false\n    this.showTrigger = false\n    this.showCancelButton = true\n    this.autoCloseOnCapture = false\n    this.fileNamePrefix = ''\n    this.mediaConstraints = undefined\n    this._errorMessage = ''\n    this._previewUrl = ''\n    this._startingPreview = false\n    this._internals = typeof this.attachInternals === 'function' ? this.attachInternals() : null\n  }\n\n  get value (): File | null {\n    return this._value\n  }\n\n  set value (nextValue: File | null) {\n    const normalizedValue = nextValue instanceof File ? nextValue : null\n    const previousValue = this._value\n    if (previousValue === normalizedValue) return\n\n    this._value = normalizedValue\n    this._syncPreviewFromValue(normalizedValue)\n    this._syncFormValue()\n    this._syncValidity()\n    this.requestUpdate('value', previousValue)\n  }\n\n  get form (): HTMLFormElement | null {\n    return (this._supportsFormInternals ? this._internals?.form : null) ?? this._associatedForm\n  }\n\n  get validationMessage (): string {\n    return (typeof this._internals?.validationMessage === 'string' ? this._internals.validationMessage : '') || (this.required && !this.value ? 'Please capture a photo.' : '')\n  }\n\n  get willValidate (): boolean {\n    return typeof this._internals?.willValidate === 'boolean' ? this._internals.willValidate : !this.disabled\n  }\n\n  checkValidity (): boolean {\n    if (this._internals && typeof this._internals.checkValidity === 'function') {\n      return this._internals.checkValidity()\n    }\n    return !(this.required && !this.value)\n  }\n\n  reportValidity (): boolean {\n    if (this._internals && typeof this._internals.reportValidity === 'function') {\n      return this._internals.reportValidity()\n    }\n    return this.checkValidity()\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n    this._syncAssociatedForm()\n    this._syncFormValue()\n    this._syncValidity()\n  }\n\n  disconnectedCallback () {\n    this._syncAssociatedForm(null)\n    this._stopStream()\n    this._revokePreviewUrl()\n    super.disconnectedCallback()\n  }\n\n  formResetCallback () {\n    this._handleFormReset()\n  }\n\n  formDisabledCallback (disabled: boolean) {\n    this.disabled = disabled\n  }\n\n  protected updated (changed: PropertyValues<this>) {\n    this._syncAssociatedForm()\n\n    if (this.presentation === 'dialog') {\n      const dialog = this.shadowRoot?.querySelector('dialog') as HTMLDialogElement | null\n      if (dialog) {\n        if (this.open && !dialog.open) {\n          dialog.showModal()\n        } else if (!this.open && dialog.open) {\n          dialog.close()\n        }\n      }\n    }\n\n    if (changed.has('open') && !this.open) {\n      this._stopStream()\n    }\n\n    if (\n      this.open &&\n      !this.value &&\n      !this._stream &&\n      !this._startingPreview &&\n      (changed.has('open') || changed.has('presentation') || changed.has('_previewUrl') || changed.has('value'))\n    ) {\n      this._queuePreviewStart()\n    }\n\n    if (changed.has('name') || changed.has('disabled') || changed.has('value')) {\n      this._syncFormValue()\n    }\n\n    if (changed.has('required') || changed.has('disabled') || changed.has('value')) {\n      this._syncValidity()\n    }\n\n    if (this._stream) {\n      const video = this.shadowRoot?.querySelector('video.capture-preview') as HTMLVideoElement | null\n      if (video && video.srcObject !== this._stream) {\n        video.srcObject = this._stream\n      }\n    }\n  }\n\n  private _setOpen (open: boolean) {\n    if (this.open === open) return\n    this.open = open\n    this.dispatchEvent(new CustomEvent<PhotoCaptureOpenChangeDetail>('open-change', {\n      detail: { open },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private _emitError (error: unknown, message = 'Unable to access the camera') {\n    this._errorMessage = message\n    this.dispatchEvent(new CustomEvent<PhotoCaptureErrorDetail>('error', {\n      detail: { error, message },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private _syncAssociatedForm (nextForm = this.closest('form') as HTMLFormElement | null) {\n    if (this._associatedForm === nextForm) return\n\n    if (this._associatedForm) {\n      this._associatedForm.removeEventListener('formdata', this._handleFormData)\n      this._associatedForm.removeEventListener('reset', this._handleFormReset)\n    }\n\n    this._associatedForm = nextForm\n\n    if (this._associatedForm && !this._supportsFormInternals) {\n      this._associatedForm.addEventListener('formdata', this._handleFormData)\n      this._associatedForm.addEventListener('reset', this._handleFormReset)\n    }\n  }\n\n  private _syncFormValue () {\n    if (!this._supportsFormInternals) return\n    const internals = this._internals\n    if (!internals) return\n    if (this.disabled || !this.name || !this.value) {\n      internals.setFormValue(null)\n      return\n    }\n    internals.setFormValue(this.value)\n  }\n\n  private _syncValidity () {\n    if (!this._internals || !this._supportsFormInternals || typeof this._internals.setValidity !== 'function') return\n    if (this.disabled || !this.required || this.value) {\n      this._internals.setValidity({})\n      return\n    }\n    this._internals.setValidity({ valueMissing: true }, 'Please capture a photo.')\n  }\n\n  private _syncPreviewFromValue (file: File | null) {\n    this._revokePreviewUrl()\n    if (!file) return\n    this._stopStream()\n    this._previewUrl = URL.createObjectURL(file)\n  }\n\n  private _clearValue (options: { emitEvents: boolean }) {\n    this.value = null\n    this._errorMessage = ''\n    if (options.emitEvents) {\n      this._dispatchValueEvents()\n    }\n  }\n\n  private _dispatchValueEvents () {\n    const detail = { value: this.value }\n    this.dispatchEvent(new CustomEvent<PhotoCaptureValueDetail>('input', {\n      detail,\n      bubbles: true,\n      composed: true\n    }))\n    this.dispatchEvent(new CustomEvent<PhotoCaptureValueDetail>('change', {\n      detail,\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private _fileExtensionForMimeType (mimeType: string): string {\n    switch (mimeType) {\n      case 'image/jpeg':\n        return 'jpg'\n      case 'image/webp':\n        return 'webp'\n      case 'image/gif':\n        return 'gif'\n      default:\n        return 'png'\n    }\n  }\n\n  private _createFileFromBlob (blob: Blob): File {\n    const contentType = blob.type || this.captureFormat || DEFAULT_CAPTURE_FORMAT\n    const extension = this._fileExtensionForMimeType(contentType)\n    const safePrefix = (this.fileNamePrefix || this.name || 'photo').trim() || 'photo'\n    return new File([blob], `${safePrefix}-${Date.now()}.${extension}`, { type: contentType })\n  }\n\n  private _queuePreviewStart () {\n    this._startPreview().catch(() => undefined)\n  }\n\n  private _resolveMediaConstraints (): MediaStreamConstraints {\n    if (this.mediaConstraints) {\n      return this.mediaConstraints\n    }\n    if (this.constraints) {\n      try {\n        return JSON.parse(this.constraints) as MediaStreamConstraints\n      } catch (error) {\n        throw new Error(`Invalid constraints JSON: ${(error as Error).message}`)\n      }\n    }\n\n    return {\n      video: this.facingMode\n        ? { facingMode: { ideal: this.facingMode } }\n        : true\n    }\n  }\n\n  private async _startPreview () {\n    if (!this.open || this.value || this._startingPreview) return\n    if (!navigator.mediaDevices?.getUserMedia) {\n      this._emitError(new Error('navigator.mediaDevices.getUserMedia not available'), 'Camera access is not available in this browser')\n      return\n    }\n\n    this._startingPreview = true\n    this._errorMessage = ''\n\n    try {\n      const stream = await navigator.mediaDevices.getUserMedia(this._resolveMediaConstraints())\n      if (!this.open) {\n        stream.getTracks().forEach(track => track.stop())\n        return\n      }\n      this._stream = stream\n      this.requestUpdate()\n      await this.updateComplete\n      const video = this.shadowRoot?.querySelector('video.capture-preview') as HTMLVideoElement | null\n      if (video) {\n        video.srcObject = stream\n        await video.play?.().catch(() => undefined)\n      }\n    } catch (error) {\n      this._emitError(error, (error as Error)?.message || 'Unable to start the camera preview')\n    } finally {\n      this._startingPreview = false\n    }\n  }\n\n  private _stopStream () {\n    if (!this._stream) return\n    this._stream.getTracks().forEach(track => track.stop())\n    this._stream = null\n    const video = this.shadowRoot?.querySelector('video.capture-preview') as HTMLVideoElement | null\n    if (video) {\n      video.srcObject = null\n    }\n  }\n\n  private _revokePreviewUrl () {\n    if (this._previewUrl) {\n      URL.revokeObjectURL(this._previewUrl)\n    }\n    this._previewUrl = ''\n  }\n\n  private async _captureSnapshot () {\n    const video = this.shadowRoot?.querySelector('video.capture-preview') as HTMLVideoElement | null\n    if (!video) return\n\n    const width = video.videoWidth || video.clientWidth || 640\n    const height = video.videoHeight || video.clientHeight || 480\n    const canvas = document.createElement('canvas')\n    canvas.width = width\n    canvas.height = height\n\n    const context = canvas.getContext('2d')\n    if (!context) {\n      this._emitError(new Error('Canvas 2D context unavailable'), 'Unable to capture a photo in this browser')\n      return\n    }\n\n    context.drawImage(video, 0, 0, width, height)\n\n    const blob = await new Promise<Blob | null>(resolve => {\n      canvas.toBlob(resolve, this.captureFormat || DEFAULT_CAPTURE_FORMAT, this.captureQuality)\n    })\n\n    if (!blob) {\n      this._emitError(new Error('Camera snapshot failed'), 'Unable to create an image from the current camera frame')\n      return\n    }\n\n    this.value = this._createFileFromBlob(blob)\n    this._errorMessage = ''\n  }\n\n  private async _retakePhoto () {\n    this._clearValue({ emitEvents: true })\n    await this._startPreview()\n  }\n\n  private _confirmPhoto () {\n    if (!this.value || !this._previewUrl) return\n\n    this._dispatchValueEvents()\n\n    this.dispatchEvent(new CustomEvent<PhotoCapturedDetail>('photo-captured', {\n      detail: {\n        file: this.value,\n        blob: this.value,\n        objectUrl: this._previewUrl,\n        contentType: this.value.type || this.captureFormat || DEFAULT_CAPTURE_FORMAT\n      },\n      bubbles: true,\n      composed: true\n    }))\n\n    if (this.autoCloseOnCapture) {\n      this._setOpen(false)\n    }\n  }\n\n  private _handleCancel () {\n    this._stopStream()\n    this._clearValue({ emitEvents: false })\n    this._setOpen(false)\n    this.dispatchEvent(new CustomEvent('cancel', {\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private _openCapture () {\n    if (this.disabled) return\n    this._setOpen(true)\n  }\n\n  private _renderViewport () {\n    if (this._previewUrl) {\n      return html`<img class=\"capture-preview\" part=\"preview-image\" src=\"${this._previewUrl}\" alt=\"Captured photo preview\" />`\n    }\n\n    return html`<video class=\"capture-preview\" part=\"preview-video\" autoplay playsinline muted></video>`\n  }\n\n  private _renderStatus () {\n    if (this._errorMessage) {\n      return html`<div class=\"status error\" part=\"error-message\">${this._errorMessage}</div>`\n    }\n\n    if (this._startingPreview) {\n      return html`<div class=\"status\" part=\"status-message\">Opening camera…</div>`\n    }\n\n    if (!this.value) {\n      return html`<div class=\"status\" part=\"status-message\">Preview the camera and take a photo when ready.</div>`\n    }\n\n    return html`<div class=\"status\" part=\"status-message\">Review the photo before confirming it.</div>`\n  }\n\n  private _renderActions () {\n    return html`\n      <div class=\"actions\" part=\"actions\">\n        ${this.showCancelButton\n          ? html`\n            <button\n              class=\"cancel-button\"\n              part=\"cancel-button\"\n              type=\"button\"\n              @click=\"${this._handleCancel}\"\n            >${this.cancelLabel}</button>\n          `\n          : nothing}\n\n        ${this.value\n          ? html`\n            <button\n              class=\"action-button\"\n              part=\"retake-button\"\n              type=\"button\"\n              @click=\"${this._retakePhoto}\"\n            >${this.retakeLabel}</button>\n            <button\n              class=\"action-button action-button--primary\"\n              part=\"confirm-button\"\n              type=\"button\"\n              @click=\"${this._confirmPhoto}\"\n            >${this.confirmLabel}</button>\n          `\n          : html`\n            <button\n              class=\"action-button action-button--primary\"\n              part=\"capture-button\"\n              type=\"button\"\n              ?disabled=\"${this._startingPreview || !this._stream}\"\n              @click=\"${this._captureSnapshot}\"\n            >${this.captureLabel}</button>\n          `}\n      </div>\n    `\n  }\n\n  private _renderPanel () {\n    return html`\n      <div class=\"panel\" part=\"panel\">\n        <div class=\"panel-header\" part=\"header\">\n          <h2 class=\"panel-heading\" part=\"heading\"><slot name=\"heading\">${this.heading}</slot></h2>\n          ${this.showCancelButton\n            ? html`\n              <button\n                class=\"close-button\"\n                part=\"close-button\"\n                type=\"button\"\n                aria-label=\"${this.cancelLabel}\"\n                @click=\"${this._handleCancel}\"\n              >&times;</button>\n            `\n            : nothing}\n        </div>\n        <div class=\"viewport\" part=\"viewport\">${this._renderViewport()}</div>\n        ${this._renderStatus()}\n        ${this._renderActions()}\n      </div>\n    `\n  }\n\n  render () {\n    const trigger = this.showTrigger || this.presentation === 'dialog'\n\n    return html`\n      ${trigger\n        ? html`\n          <button\n            class=\"trigger-button\"\n            part=\"trigger-button\"\n            type=\"button\"\n            ?disabled=\"${this.disabled}\"\n            @click=\"${this._openCapture}\"\n          ><slot>${this.label}</slot></button>\n        `\n        : nothing}\n\n      ${this.presentation === 'dialog'\n        ? html`\n          <dialog\n            class=\"dialog\"\n            part=\"dialog\"\n            aria-modal=\"true\"\n            aria-label=\"${this.heading}\"\n            @cancel=\"${(event: Event) => { event.preventDefault(); this._handleCancel() }}\"\n            @click=\"${(event: MouseEvent) => {\n              if (event.target === event.currentTarget) {\n                this._handleCancel()\n              }\n            }}\"\n          >\n            ${this.open ? this._renderPanel() : nothing}\n          </dialog>\n        `\n        : html`\n          <div class=\"inline-root\" part=\"inline-root\" ?hidden=\"${!this.open}\">\n            ${this.open ? this._renderPanel() : nothing}\n          </div>\n        `}\n    `\n  }\n}\n","import { PhotoCapture } from './PhotoCapture'\n\nexport { PhotoCapture }\n\nconst PHOTO_CAPTURE_TAG_NAME = 'solid-ui-photo-capture'\n\nif (!customElements.get(PHOTO_CAPTURE_TAG_NAME)) {\n  customElements.define(PHOTO_CAPTURE_TAG_NAME, PhotoCapture)\n}\n"],"mappings":"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"}

package/dist/chunks/select-CGTwgBk7.js

@@ -1,391 +0,0 @@
-import { i as e, r as t, s as n, t as r } from "./lit-CC2G_f_C.js";
-import { a as i, c as a, i as o, n as s, o as c, r as l, s as u, t as d } from "./listboxTemplate-CLsbhnb_.js";
-//#region src/v2/components/forms/select/Select.ts
-var f = class f extends r {
-	static _nextId = 0;
-	_popupPortalHost = null;
-	_popupPortalRoot = null;
-	_popupPortalContainer = null;
-	_handleDocumentPointerDown = (e) => {
-		let t = e.target;
-		if (!this._popupOpen || !(t instanceof Node)) return;
-		let n = "composedPath" in e ? e.composedPath() : [];
-		n.includes(this) || this._popupPortalHost && n.includes(this._popupPortalHost) || this._popupPortalRoot && n.includes(this._popupPortalRoot) || this.contains(t) || this._closePopup();
-	};
-	_handleViewportChange = () => {
-		this._popupOpen && this._updatePopupPosition();
-	};
-	static properties = {
-		label: {
-			type: String,
-			reflect: !0
-		},
-		theme: {
-			type: String,
-			reflect: !0
-		},
-		options: {
-			type: Array,
-			attribute: !1
-		},
-		layout: {
-			type: String,
-			reflect: !0
-		},
-		value: {
-			type: String,
-			reflect: !0
-		},
-		_popupOpen: { state: !0 },
-		_activeIndex: { state: !0 }
-	};
-	static styles = [u, n`
-      :host {
-        /* default theme */
-        display: block;
-        width: 100%;
-        min-width: 0;
-        max-width: 100%;
-        position: relative;
-        z-index: var(--select-z-index, 400);
-        box-sizing: border-box;
-        --select-open-z-index: 1000;
-        --select-popup-z-index: 1001;
-        --select-popup-background: var(--color-background, #f8f9fb);
-        --select-trigger-background: var(--color-background, #f8f9fb);
-        --select-trigger-toggle-hover-background: var(
-          --color-header-menu-item-hover,
-          #e6dcff
-        );
-        --input-background: var(--color-background, #f8f9fb);
-        --input-text: var(--color-text, #1a1a1a);
-        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
-        --label-color: var(--grey-purple-700, #1a1a1a);
-        --placeholder-color: var(--grey-purple-700, #5e546d);
-        --select-trigger-text: var(--input-text);
-        --popup-background: var(--select-popup-background);
-        --popup-text: var(--color-text, #1a1a1a);
-        --popup-border: var(--color-border, #e5e7eb);
-        --popup-shadow: var(
-          --box-shadow-sm,
-          0 1px 4px rgba(124, 77, 255, 0.12)
-        );
-      }
-
-      :host([theme='dark']) {
-        display: block;
-        width: 100%;
-        min-width: 0;
-        max-width: 100%;
-        position: relative;
-        z-index: var(--select-z-index, 900);
-        box-sizing: border-box;
-        --select-open-z-index: 1000;
-        --select-popup-z-index: 1001;
-        --select-popup-background: var(--color-background, #1a1a1a);
-        --select-trigger-background: var(--color-background, #1a1a1a);
-        --select-trigger-toggle-hover-background: var(
-          --color-header-menu-item-hover,
-          #e6dcff
-        );
-        --input-background: var(--color-background, #1a1a1a);
-        --input-text: var(--color-text, #f8f9fb);
-        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
-        --label-color: var(--grey-purple-700, #f8f9fb);
-        --placeholder-color: var(--grey-purple-700, #c7bfd3);
-        --select-trigger-text: var(--input-text);
-        --popup-background: var(--select-popup-background);
-        --popup-text: var(--color-text, #f8f9fb);
-        --popup-border: var(--color-border, #e5e7eb);
-        --popup-shadow: var(
-          --box-shadow-sm,
-          0 1px 4px rgba(124, 77, 255, 0.12)
-        );
-      }
-
-      :host([popup-open]) {
-        z-index: var(--select-open-z-index);
-      }
-
-      .select-field-row {
-        display: flex;
-        flex-direction: row;
-        position: relative;
-        width: 100%;
-        min-width: 0;
-      }
-
-      .select-trigger {
-        display: block;
-        position: relative;
-        width: 100%;
-        min-width: 0;
-        min-height: var(--select-trigger-height, var(--min-touch-target, 44px));
-        height: var(--select-trigger-height, var(--min-touch-target, 44px));
-        padding: var(--spacing-xxs, 0.3125rem)
-          calc(26px + (var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem)) * 2) + 6px)
-          var(--spacing-xxs, 0.3125rem)
-          var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));
-        border-radius: var(--border-radius-base, 0.3125rem);
-        background: var(--select-trigger-background);
-        border: 1px solid var(--input-border);
-        color: var(--select-trigger-text);
-        cursor: pointer;
-        appearance: none;
-        -webkit-appearance: none;
-        font-family: inherit;
-        font-size: var(--font-size-sm, 0.875rem);
-        font-weight: var(--font-weight-md, 500);
-        line-height: normal;
-        text-align: left;
-        white-space: nowrap;
-        text-decoration: none;
-        box-sizing: border-box;
-      }
-
-      .select-trigger:focus-visible {
-        outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));
-        outline-offset: 2px;
-      }
-
-      .select-trigger-label {
-        display: block;
-        text-align: left;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-
-      .select-trigger-toggle {
-        position: absolute;
-        right: 6px;
-        top: 50%;
-        transform: translateY(-50%);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 26px;
-        height: 26px;
-        padding: 0;
-        border: none;
-        background: transparent;
-        cursor: pointer;
-        border-radius: var(--border-radius-base, 0.3125rem);
-        flex-shrink: 0;
-      }
-
-      .select-trigger-toggle:hover {
-        background: var(
-          --select-trigger-toggle-hover-background,
-          var(--color-header-menu-item-hover, #e6dcff)
-        );
-      }
-
-      .select-field-row:focus-within .select-trigger-toggle {
-        background: var(
-          --select-trigger-toggle-hover-background,
-          var(--color-header-menu-item-hover, #e6dcff)
-        );
-      }
-
-      .select-trigger-icon {
-        display: inline-flex;
-        flex: 0 0 auto;
-        align-items: center;
-        justify-content: center;
-        width: 0.75rem;
-        height: 0.4375rem;
-        pointer-events: none;
-      }
-
-      .select-trigger-icon svg {
-        width: 100%;
-        height: 100%;
-        display: block;
-      }
-
-      .select-options-section {
-        position: relative;
-        background: var(--popup-background);
-        border-radius: inherit;
-        isolation: isolate;
-      }
-
-      .popup-box {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        min-width: 100%;
-        background: var(--popup-background);
-        opacity: 1;
-        overflow: hidden;
-        color: var(--popup-text);
-        box-shadow: var(--popup-shadow);
-        border: 1px solid var(--popup-border);
-        border-radius: var(--border-radius-md, 0.5rem);
-        box-sizing: border-box;
-        isolation: isolate;
-        z-index: var(--select-popup-z-index);
-      }
-    `];
-	_listboxId = `solid-ui-select-listbox-${f._nextId++}`;
-	constructor() {
-		super(), this.label = "Select an option", this.theme = "light", this.options = [], this.layout = "desktop", this.value = "", this._popupOpen = !1, this._activeIndex = -1;
-	}
-	connectedCallback() {
-		super.connectedCallback(), document.addEventListener("pointerdown", this._handleDocumentPointerDown), window.addEventListener("resize", this._handleViewportChange), window.addEventListener("scroll", this._handleViewportChange, !0);
-	}
-	disconnectedCallback() {
-		this._detachPopupPortal(), document.removeEventListener("pointerdown", this._handleDocumentPointerDown), window.removeEventListener("resize", this._handleViewportChange), window.removeEventListener("scroll", this._handleViewportChange, !0), super.disconnectedCallback();
-	}
-	updated() {
-		this.toggleAttribute("popup-open", this._popupOpen), this._popupOpen ? (this._updatePopupPosition(), this._popupPortalRoot && t(this._renderPopup(), this._popupPortalRoot)) : this._popupPortalRoot && t(null, this._popupPortalRoot);
-	}
-	_getPopupPortalContainer() {
-		return this.closest("dialog[open]") || document.body;
-	}
-	_ensurePopupPortal() {
-		let e = this._getPopupPortalContainer();
-		if (this._popupPortalHost && this._popupPortalRoot && this._popupPortalContainer === e) return;
-		this._detachPopupPortal(), this._popupPortalHost = document.createElement("div"), this._popupPortalHost.setAttribute("data-solid-ui-select-portal", ""), this._popupPortalHost.style.position = "fixed", this._popupPortalHost.style.inset = "0 auto auto 0", this._popupPortalHost.style.zIndex = "2147483647", this._popupPortalHost.style.pointerEvents = "none", this._popupPortalHost.style.boxSizing = "border-box", this._popupPortalRoot = this._popupPortalHost.attachShadow({ mode: "open" });
-		let t = (Array.isArray(f.styles) ? f.styles : [f.styles]).map((e) => e?.styleSheet).filter((e) => !!e);
-		t.length > 0 && (this._popupPortalRoot.adoptedStyleSheets = t), e.appendChild(this._popupPortalHost), this._popupPortalContainer = e;
-	}
-	_detachPopupPortal() {
-		this._popupPortalRoot && t(null, this._popupPortalRoot), this._popupPortalHost?.parentNode && this._popupPortalHost.parentNode.removeChild(this._popupPortalHost), this._popupPortalHost = null, this._popupPortalRoot = null, this._popupPortalContainer = null;
-	}
-	_updatePopupPosition() {
-		this._ensurePopupPortal();
-		let e = this.getBoundingClientRect(), t = Math.min(288, Math.max(120, window.innerHeight - e.bottom - 12));
-		this._popupPortalHost && (this._popupPortalHost.style.top = `${Math.round(e.bottom + 2)}px`, this._popupPortalHost.style.left = `${Math.round(e.left)}px`, this._popupPortalHost.style.width = `${Math.round(e.width)}px`, this._popupPortalHost.style.maxHeight = `${Math.round(t)}px`, this._popupPortalHost.style.height = "0px");
-	}
-	_closePopup() {
-		this._popupOpen = !1, this._activeIndex = -1, this._popupPortalRoot && t(null, this._popupPortalRoot);
-	}
-	_getSelectedIndex() {
-		return s(this.options, this.value);
-	}
-	_getSelectedOption() {
-		let e = this._getSelectedIndex();
-		return e >= 0 ? this.options[e] : this.options[0];
-	}
-	_getDisplayedOptions() {
-		let e = this._getSelectedOption();
-		return e ? [e, ...this.options.filter((t) => t.value !== e.value)] : this.options;
-	}
-	_getActiveOption() {
-		let e = this._getDisplayedOptions();
-		if (!(this._activeIndex < 0)) return e[this._activeIndex];
-	}
-	_selectValueFromDropdown(e) {
-		this.value = e, this.dispatchEvent(new CustomEvent("change", {
-			detail: { value: e },
-			bubbles: !0,
-			composed: !0
-		})), this._closePopup();
-	}
-	_selectActiveOption() {
-		let e = this._getActiveOption();
-		e && !e.disabled && this._selectValueFromDropdown(e.value);
-	}
-	_openPopup() {
-		let e = this._getDisplayedOptions();
-		this._popupOpen = !0, this._updatePopupPosition(), this._activeIndex = s(e, this.value), this._activeIndex < 0 && (this._activeIndex = l(e));
-	}
-	_handleTriggerKeydown(e) {
-		let t = this._getDisplayedOptions(), n = i(e.key);
-		if (n !== "none") switch (e.preventDefault(), n) {
-			case "close":
-				this._closePopup();
-				break;
-			case "first":
-				this._popupOpen || this._openPopup(), this._activeIndex = l(t);
-				break;
-			case "last":
-				this._popupOpen || this._openPopup(), this._activeIndex = o(t);
-				break;
-			case "next":
-				if (!this._popupOpen) {
-					this._openPopup();
-					break;
-				}
-				this._activeIndex = c(this._activeIndex, t, 1);
-				break;
-			case "previous":
-				if (!this._popupOpen) {
-					this._openPopup();
-					break;
-				}
-				this._activeIndex = c(this._activeIndex, t, -1);
-				break;
-			case "select":
-				if (!this._popupOpen) {
-					this._openPopup();
-					break;
-				}
-				this._selectActiveOption();
-				break;
-			default: break;
-		}
-	}
-	_getOptionId(e, t) {
-		return `${this._listboxId}-option-${t}-${e.value}`;
-	}
-	_renderPopup() {
-		let t = this._getDisplayedOptions();
-		return e`
-      <div class="popup-box" part="popup-box" style="pointer-events: auto; max-height: inherit; overflow: auto;">
-        <div class="select-options-section">
-          ${d({
-			selectedOption: this._getSelectedOption(),
-			activeOption: this._getActiveOption(),
-			options: t,
-			listboxId: this._listboxId,
-			getOptionId: (e, t) => this._getOptionId(e, t),
-			onOptionSelect: (e) => this._selectValueFromDropdown(e.value)
-		})}
-        </div>
-      </div>
-    `;
-	}
-	render() {
-		let t = this._getSelectedOption(), n = this._getActiveOption(), r = t?.label ?? this.label, i = this._popupOpen && n ? this._getOptionId(n, this._activeIndex) : void 0;
-		return e`
-      <div class="select-field-row">
-        <button
-          class="select-trigger"
-          type="button"
-          aria-haspopup="listbox"
-          aria-expanded="${this._popupOpen}"
-          aria-controls="${this._listboxId}"
-          aria-activedescendant="${i ?? ""}"
-          part="select-trigger"
-          @click="${() => this._popupOpen ? this._closePopup() : this._openPopup()}"
-          @keydown="${this._handleTriggerKeydown}"
-        >
-          <span class="select-trigger-label" part="trigger-label"
-            >${r}</span
-          >
-          <span class="select-trigger-toggle" part="trigger-toggle">
-            <span class="select-trigger-icon" part="trigger-icon" aria-hidden="true"
-              >${a}</span
-            >
-          </span>
-        </button>
-      </div>
-
-      <div
-        class="select-root"
-        aria-label="Select a value"
-        @click="${(e) => {
-			e.target === e.currentTarget && this._closePopup();
-		}}"
-      ></div>
-    `;
-	}
-}, p = "solid-ui-select";
-customElements.get(p) || customElements.define(p, f);
-//#endregion
-export { f as t };
-
-//# sourceMappingURL=select-CGTwgBk7.js.map

package/dist/chunks/select-CGTwgBk7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-CGTwgBk7.js","names":["css","html","LitElement","render","renderPortal","downArrowIcon","renderListbox","listboxStyles","findOptionIndexByValue","getFirstEnabledIndex","getLastEnabledIndex","getListboxActionFromKey","getNextEnabledIndex","Select","_nextId","_popupPortalHost","_popupPortalRoot","_popupPortalContainer","_handleDocumentPointerDown","event","eventTarget","target","_popupOpen","Node","eventPath","composedPath","includes","contains","_closePopup","_handleViewportChange","_updatePopupPosition","properties","label","type","String","reflect","theme","options","Array","attribute","layout","value","state","_activeIndex","styles","_listboxId","constructor","connectedCallback","document","addEventListener","window","disconnectedCallback","_detachPopupPortal","removeEventListener","updated","toggleAttribute","_renderPopup","_getPopupPortalContainer","closest","body","_ensurePopupPortal","nextContainer","createElement","setAttribute","style","position","inset","zIndex","pointerEvents","boxSizing","attachShadow","mode","styleSheets","isArray","map","styleSheet","filter","Boolean","length","adoptedStyleSheets","appendChild","parentNode","removeChild","rect","getBoundingClientRect","maxHeight","Math","min","max","innerHeight","bottom","top","round","left","width","height","_getSelectedIndex","_getSelectedOption","selectedIndex","_getDisplayedOptions","selectedOption","option","_getActiveOption","popupOptions","undefined","_selectValueFromDropdown","uri","dispatchEvent","CustomEvent","detail","bubbles","composed","_selectActiveOption","activeOption","disabled","_openPopup","_handleTriggerKeydown","action","key","preventDefault","_getOptionId","index","listboxId","getOptionId","onOptionSelect","triggerLabel","activeDescendant","e","currentTarget","Select","SELECT_TAG_NAME","customElements","get","define"],"sources":["../../src/v2/components/forms/select/Select.ts","../../src/v2/components/forms/select/index.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { render as renderPortal } from 'lit/html.js'\nimport { downArrowIcon } from '../shared/downArrow'\nimport { renderListbox } from '../shared/listboxTemplate'\nimport { SelectOption } from '../shared/optionTypes'\nimport { listboxStyles } from '../shared/listboxStyles'\nimport {\n  findOptionIndexByValue,\n  getFirstEnabledIndex,\n  getLastEnabledIndex,\n  getListboxActionFromKey,\n  getNextEnabledIndex\n} from '../shared/keyboard'\n\n/* The following keyboard navigation and ARIA support for Select\n  were generated by AI Model: GPT-5.4 */\n/* Prompt: can you wire up the keyboard interactions and aria attributes for Select */\nexport class Select extends LitElement {\n  private static _nextId = 0\n  private _popupPortalHost: HTMLDivElement | null = null\n  private _popupPortalRoot: ShadowRoot | null = null\n  private _popupPortalContainer: Element | null = null\n  private readonly _handleDocumentPointerDown = (event: Event) => {\n    const eventTarget = event.target\n\n    if (!this._popupOpen || !(eventTarget instanceof Node)) {\n      return\n    }\n\n    const eventPath =\n      'composedPath' in event\n        ? (\n            event as Event & { composedPath: () => EventTarget[] }\n          ).composedPath()\n        : []\n\n    if (eventPath.includes(this)) {\n      return\n    }\n\n    if (\n      (this._popupPortalHost && eventPath.includes(this._popupPortalHost)) ||\n      (this._popupPortalRoot && eventPath.includes(this._popupPortalRoot))\n    ) {\n      return\n    }\n\n    if (!this.contains(eventTarget)) {\n      this._closePopup()\n    }\n  }\n\n  private readonly _handleViewportChange = () => {\n    if (!this._popupOpen) return\n    this._updatePopupPosition()\n  }\n\n  static properties = {\n    label: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    options: { type: Array, attribute: false },\n    layout: { type: String, reflect: true },\n    value: { type: String, reflect: true },\n    _popupOpen: { state: true },\n    _activeIndex: { state: true }\n  }\n\n  static styles = [\n    listboxStyles,\n    css`\n      :host {\n        /* default theme */\n        display: block;\n        width: 100%;\n        min-width: 0;\n        max-width: 100%;\n        position: relative;\n        z-index: var(--select-z-index, 400);\n        box-sizing: border-box;\n        --select-open-z-index: 1000;\n        --select-popup-z-index: 1001;\n        --select-popup-background: var(--color-background, #f8f9fb);\n        --select-trigger-background: var(--color-background, #f8f9fb);\n        --select-trigger-toggle-hover-background: var(\n          --color-header-menu-item-hover,\n          #e6dcff\n        );\n        --input-background: var(--color-background, #f8f9fb);\n        --input-text: var(--color-text, #1a1a1a);\n        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));\n        --label-color: var(--grey-purple-700, #1a1a1a);\n        --placeholder-color: var(--grey-purple-700, #5e546d);\n        --select-trigger-text: var(--input-text);\n        --popup-background: var(--select-popup-background);\n        --popup-text: var(--color-text, #1a1a1a);\n        --popup-border: var(--color-border, #e5e7eb);\n        --popup-shadow: var(\n          --box-shadow-sm,\n          0 1px 4px rgba(124, 77, 255, 0.12)\n        );\n      }\n\n      :host([theme='dark']) {\n        display: block;\n        width: 100%;\n        min-width: 0;\n        max-width: 100%;\n        position: relative;\n        z-index: var(--select-z-index, 900);\n        box-sizing: border-box;\n        --select-open-z-index: 1000;\n        --select-popup-z-index: 1001;\n        --select-popup-background: var(--color-background, #1a1a1a);\n        --select-trigger-background: var(--color-background, #1a1a1a);\n        --select-trigger-toggle-hover-background: var(\n          --color-header-menu-item-hover,\n          #e6dcff\n        );\n        --input-background: var(--color-background, #1a1a1a);\n        --input-text: var(--color-text, #f8f9fb);\n        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));\n        --label-color: var(--grey-purple-700, #f8f9fb);\n        --placeholder-color: var(--grey-purple-700, #c7bfd3);\n        --select-trigger-text: var(--input-text);\n        --popup-background: var(--select-popup-background);\n        --popup-text: var(--color-text, #f8f9fb);\n        --popup-border: var(--color-border, #e5e7eb);\n        --popup-shadow: var(\n          --box-shadow-sm,\n          0 1px 4px rgba(124, 77, 255, 0.12)\n        );\n      }\n\n      :host([popup-open]) {\n        z-index: var(--select-open-z-index);\n      }\n\n      .select-field-row {\n        display: flex;\n        flex-direction: row;\n        position: relative;\n        width: 100%;\n        min-width: 0;\n      }\n\n      .select-trigger {\n        display: block;\n        position: relative;\n        width: 100%;\n        min-width: 0;\n        min-height: var(--select-trigger-height, var(--min-touch-target, 44px));\n        height: var(--select-trigger-height, var(--min-touch-target, 44px));\n        padding: var(--spacing-xxs, 0.3125rem)\n          calc(26px + (var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem)) * 2) + 6px)\n          var(--spacing-xxs, 0.3125rem)\n          var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));\n        border-radius: var(--border-radius-base, 0.3125rem);\n        background: var(--select-trigger-background);\n        border: 1px solid var(--input-border);\n        color: var(--select-trigger-text);\n        cursor: pointer;\n        appearance: none;\n        -webkit-appearance: none;\n        font-family: inherit;\n        font-size: var(--font-size-sm, 0.875rem);\n        font-weight: var(--font-weight-md, 500);\n        line-height: normal;\n        text-align: left;\n        white-space: nowrap;\n        text-decoration: none;\n        box-sizing: border-box;\n      }\n\n      .select-trigger:focus-visible {\n        outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));\n        outline-offset: 2px;\n      }\n\n      .select-trigger-label {\n        display: block;\n        text-align: left;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .select-trigger-toggle {\n        position: absolute;\n        right: 6px;\n        top: 50%;\n        transform: translateY(-50%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 26px;\n        height: 26px;\n        padding: 0;\n        border: none;\n        background: transparent;\n        cursor: pointer;\n        border-radius: var(--border-radius-base, 0.3125rem);\n        flex-shrink: 0;\n      }\n\n      .select-trigger-toggle:hover {\n        background: var(\n          --select-trigger-toggle-hover-background,\n          var(--color-header-menu-item-hover, #e6dcff)\n        );\n      }\n\n      .select-field-row:focus-within .select-trigger-toggle {\n        background: var(\n          --select-trigger-toggle-hover-background,\n          var(--color-header-menu-item-hover, #e6dcff)\n        );\n      }\n\n      .select-trigger-icon {\n        display: inline-flex;\n        flex: 0 0 auto;\n        align-items: center;\n        justify-content: center;\n        width: 0.75rem;\n        height: 0.4375rem;\n        pointer-events: none;\n      }\n\n      .select-trigger-icon svg {\n        width: 100%;\n        height: 100%;\n        display: block;\n      }\n\n      .select-options-section {\n        position: relative;\n        background: var(--popup-background);\n        border-radius: inherit;\n        isolation: isolate;\n      }\n\n      .popup-box {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        min-width: 100%;\n        background: var(--popup-background);\n        opacity: 1;\n        overflow: hidden;\n        color: var(--popup-text);\n        box-shadow: var(--popup-shadow);\n        border: 1px solid var(--popup-border);\n        border-radius: var(--border-radius-md, 0.5rem);\n        box-sizing: border-box;\n        isolation: isolate;\n        z-index: var(--select-popup-z-index);\n      }\n    `\n  ]\n\n  declare label: string\n  declare theme: 'light' | 'dark'\n  declare options: Array<SelectOption>\n  declare layout: 'desktop' | 'mobile'\n  declare value: string\n  declare _popupOpen: boolean\n  declare _activeIndex: number\n\n  private readonly _listboxId = `solid-ui-select-listbox-${Select._nextId++}`\n\n  constructor () {\n    super()\n    this.label = 'Select an option'\n    this.theme = 'light'\n    this.options = []\n    this.layout = 'desktop'\n    this.value = ''\n    this._popupOpen = false\n    this._activeIndex = -1\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n    document.addEventListener('pointerdown', this._handleDocumentPointerDown)\n    window.addEventListener('resize', this._handleViewportChange)\n    window.addEventListener('scroll', this._handleViewportChange, true)\n  }\n\n  disconnectedCallback () {\n    this._detachPopupPortal()\n    document.removeEventListener('pointerdown', this._handleDocumentPointerDown)\n    window.removeEventListener('resize', this._handleViewportChange)\n    window.removeEventListener('scroll', this._handleViewportChange, true)\n    super.disconnectedCallback()\n  }\n\n  protected updated () {\n    this.toggleAttribute('popup-open', this._popupOpen)\n\n    if (this._popupOpen) {\n      this._updatePopupPosition()\n      if (this._popupPortalRoot) {\n        renderPortal(this._renderPopup(), this._popupPortalRoot)\n      }\n    } else if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n  }\n\n  private _getPopupPortalContainer () {\n    return this.closest('dialog[open]') || document.body\n  }\n\n  private _ensurePopupPortal () {\n    const nextContainer = this._getPopupPortalContainer()\n\n    if (\n      this._popupPortalHost &&\n      this._popupPortalRoot &&\n      this._popupPortalContainer === nextContainer\n    ) {\n      return\n    }\n\n    this._detachPopupPortal()\n\n    this._popupPortalHost = document.createElement('div')\n    this._popupPortalHost.setAttribute('data-solid-ui-select-portal', '')\n    this._popupPortalHost.style.position = 'fixed'\n    this._popupPortalHost.style.inset = '0 auto auto 0'\n    this._popupPortalHost.style.zIndex = '2147483647'\n    this._popupPortalHost.style.pointerEvents = 'none'\n    this._popupPortalHost.style.boxSizing = 'border-box'\n\n    this._popupPortalRoot = this._popupPortalHost.attachShadow({ mode: 'open' })\n    const styleSheets = (Array.isArray(Select.styles) ? Select.styles : [Select.styles])\n      .map((style) => style?.styleSheet)\n      .filter((styleSheet): styleSheet is CSSStyleSheet => Boolean(styleSheet))\n\n    if (styleSheets.length > 0) {\n      this._popupPortalRoot.adoptedStyleSheets = styleSheets\n    }\n\n    nextContainer.appendChild(this._popupPortalHost)\n    this._popupPortalContainer = nextContainer\n  }\n\n  private _detachPopupPortal () {\n    if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n\n    if (this._popupPortalHost?.parentNode) {\n      this._popupPortalHost.parentNode.removeChild(this._popupPortalHost)\n    }\n\n    this._popupPortalHost = null\n    this._popupPortalRoot = null\n    this._popupPortalContainer = null\n  }\n\n  private _updatePopupPosition () {\n    this._ensurePopupPortal()\n\n    const rect = this.getBoundingClientRect()\n    const maxHeight = Math.min(288, Math.max(120, window.innerHeight - rect.bottom - 12))\n\n    if (this._popupPortalHost) {\n      this._popupPortalHost.style.top = `${Math.round(rect.bottom + 2)}px`\n      this._popupPortalHost.style.left = `${Math.round(rect.left)}px`\n      this._popupPortalHost.style.width = `${Math.round(rect.width)}px`\n      this._popupPortalHost.style.maxHeight = `${Math.round(maxHeight)}px`\n      this._popupPortalHost.style.height = '0px'\n    }\n  }\n\n  private _closePopup () {\n    this._popupOpen = false\n    this._activeIndex = -1\n\n    if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n  }\n\n  private _getSelectedIndex () {\n    return findOptionIndexByValue(this.options, this.value)\n  }\n\n  private _getSelectedOption () {\n    const selectedIndex = this._getSelectedIndex()\n\n    if (selectedIndex >= 0) {\n      return this.options[selectedIndex]\n    }\n\n    return this.options[0]\n  }\n\n  private _getDisplayedOptions () {\n    const selectedOption = this._getSelectedOption()\n\n    if (!selectedOption) {\n      return this.options\n    }\n\n    return [\n      selectedOption,\n      ...this.options.filter((option) => option.value !== selectedOption.value)\n    ]\n  }\n\n  private _getActiveOption () {\n    const popupOptions = this._getDisplayedOptions()\n\n    if (this._activeIndex < 0) {\n      return undefined\n    }\n\n    return popupOptions[this._activeIndex]\n  }\n\n  private _selectValueFromDropdown (uri: string) {\n    this.value = uri\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: { value: uri },\n        bubbles: true,\n        composed: true\n      })\n    )\n    this._closePopup()\n  }\n\n  private _selectActiveOption () {\n    const activeOption = this._getActiveOption()\n\n    if (activeOption && !activeOption.disabled) {\n      this._selectValueFromDropdown(activeOption.value)\n    }\n  }\n\n  private _openPopup () {\n    const popupOptions = this._getDisplayedOptions()\n\n    this._popupOpen = true\n    this._updatePopupPosition()\n    this._activeIndex = findOptionIndexByValue(popupOptions, this.value)\n\n    if (this._activeIndex < 0) {\n      this._activeIndex = getFirstEnabledIndex(popupOptions)\n    }\n  }\n\n  private _handleTriggerKeydown (event: KeyboardEvent) {\n    const popupOptions = this._getDisplayedOptions()\n    const action = getListboxActionFromKey(event.key)\n\n    if (action === 'none') {\n      return\n    }\n\n    event.preventDefault()\n\n    switch (action) {\n      case 'close':\n        this._closePopup()\n        break\n      case 'first':\n        if (!this._popupOpen) {\n          this._openPopup()\n        }\n        this._activeIndex = getFirstEnabledIndex(popupOptions)\n        break\n      case 'last':\n        if (!this._popupOpen) {\n          this._openPopup()\n        }\n        this._activeIndex = getLastEnabledIndex(popupOptions)\n        break\n      case 'next':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._activeIndex = getNextEnabledIndex(\n          this._activeIndex,\n          popupOptions,\n          1\n        )\n        break\n      case 'previous':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._activeIndex = getNextEnabledIndex(\n          this._activeIndex,\n          popupOptions,\n          -1\n        )\n        break\n      case 'select':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._selectActiveOption()\n        break\n      default:\n        break\n    }\n  }\n\n  private _getOptionId (option: SelectOption, index: number) {\n    return `${this._listboxId}-option-${index}-${option.value}`\n  }\n\n  private _renderPopup () {\n    const popupOptions = this._getDisplayedOptions()\n    const selectedOption = this._getSelectedOption()\n    const activeOption = this._getActiveOption()\n\n    return html`\n      <div class=\"popup-box\" part=\"popup-box\" style=\"pointer-events: auto; max-height: inherit; overflow: auto;\">\n        <div class=\"select-options-section\">\n          ${renderListbox({\n            selectedOption,\n            activeOption,\n            options: popupOptions,\n            listboxId: this._listboxId,\n            getOptionId: (option, index) => this._getOptionId(option, index),\n            onOptionSelect: (option) =>\n              this._selectValueFromDropdown(option.value)\n          })}\n        </div>\n      </div>\n    `\n  }\n\n  render () {\n    const selectedOption = this._getSelectedOption()\n    const activeOption = this._getActiveOption()\n    const triggerLabel = selectedOption?.label ?? this.label\n    const activeDescendant =\n      this._popupOpen && activeOption\n        ? this._getOptionId(activeOption, this._activeIndex)\n        : undefined\n\n    return html`\n      <div class=\"select-field-row\">\n        <button\n          class=\"select-trigger\"\n          type=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-expanded=\"${this._popupOpen}\"\n          aria-controls=\"${this._listboxId}\"\n          aria-activedescendant=\"${activeDescendant ?? ''}\"\n          part=\"select-trigger\"\n          @click=\"${() => this._popupOpen ? this._closePopup() : this._openPopup()}\"\n          @keydown=\"${this._handleTriggerKeydown}\"\n        >\n          <span class=\"select-trigger-label\" part=\"trigger-label\"\n            >${triggerLabel}</span\n          >\n          <span class=\"select-trigger-toggle\" part=\"trigger-toggle\">\n            <span class=\"select-trigger-icon\" part=\"trigger-icon\" aria-hidden=\"true\"\n              >${downArrowIcon}</span\n            >\n          </span>\n        </button>\n      </div>\n\n      <div\n        class=\"select-root\"\n        aria-label=\"Select a value\"\n        @click=\"${(e: MouseEvent) => {\n          if (e.target === e.currentTarget) this._closePopup()\n        }}\"\n      ></div>\n    `\n  }\n}\n","import { Select } from './Select'\n\nexport { Select }\n\nconst SELECT_TAG_NAME = 'solid-ui-select'\n\nif (!customElements.get(SELECT_TAG_NAME)) {\n  customElements.define(SELECT_TAG_NAME, Select)\n}\n"],"mappings":"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"}