solid-ui 3.1.3-5 → 3.1.3-7

package/dist/v2/components/media/photoCapture/PhotoCapture.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhotoCapture.esm.js","names":[],"sources":["../../../../../src/v2/components/media/photoCapture/PhotoCapture.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"],"mappings":"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"}
+{"version":3,"file":"PhotoCapture.esm.js","names":[],"sources":["../../../../../src/v2/components/media/photoCapture/PhotoCapture.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"],"mappings":"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"}

package/dist/v2/components/media/photoCapture/index.cjs.js

@@ -1,2 +1,2 @@
-const e=require("./PhotoCapture.cjs.js");var t=`solid-ui-photo-capture`;customElements.get(t)||customElements.define(t,e.PhotoCapture);
+const e=require("./PhotoCapture.cjs.js");var t=`solid-ui-photo-capture`;customElements.get(t)||customElements.define(t,e.PhotoCapture),exports.PhotoCapture=e.PhotoCapture;
 //# sourceMappingURL=index.cjs.js.map

package/dist/v2/components/media/photoCapture/index.esm.js

@@ -3,5 +3,6 @@ import { PhotoCapture as e } from "./PhotoCapture.esm.js";
 var t = "solid-ui-photo-capture";
 customElements.get(t) || customElements.define(t, e);
 //#endregion
+export { e as PhotoCapture };
 
 //# sourceMappingURL=index.esm.js.map

package/dist/widgets/buttons/iconLinks.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconLinks.cjs.js","names":[],"sources":["../../../src/widgets/buttons/iconLinks.ts"],"sourcesContent":["import { NamedNode } from 'rdflib'\nimport { originalIconBase } from '../../lib/iconBase'\n\n/**\n * Creates an anchor tag for a NamedNode\n *\n * Takes a NamedNode and creates an anchor tag for it\n *\n * @param dom The HTML Document object aka Document Object Model\n * @param subject NamedNode the anchor tag is created for\n * @param iconURI? Optional if you have your own icon link\n *\n * @returns The anchor tag for the subject\n *\n */\n\nexport function linkIcon (dom: HTMLDocument, subject: NamedNode, iconURI?: string): HTMLElement {\n  const anchor = dom.createElement('a')\n  anchor.setAttribute('href', subject.uri)\n  if (subject.uri.startsWith('http')) {\n    // If diff web page\n    anchor.setAttribute('target', '_blank') // open in a new tab or window\n  } // as mailboxes and mail messages do not need new browser window\n  const img = anchor.appendChild(dom.createElement('img'))\n  img.setAttribute(\n    'src',\n    iconURI || originalIconBase + 'go-to-this.png'\n  )\n  img.setAttribute('style', 'margin: 0.3em;')\n  return anchor\n}\n/**\n * Creates a Link for a URI\n *\n * Takes a div element for a link and attaches the provided linkIcon\n *\n * @param dom The HTML Document object aka Document Object Model\n * @param linkDiv the created link will be appended to this\n * @param obj NamedNode the link needs to be created for\n *\n * @returns The HTML widget created\n *\n */\n\nexport const createLinkForURI = (dom: HTMLDocument, linkDiv: HTMLDivElement, obj: NamedNode) => {\n  const iconLink = linkIcon(dom, obj)\n  const anchor = linkDiv.appendChild(iconLink)\n  anchor.classList.add('HoverControlHide')\n  linkDiv.appendChild(dom.createElement('br'))\n}\n"],"mappings":"6CAgBA,SAAgB,EAAU,EAAmB,EAAoB,EAA+B,CAC9F,IAAM,EAAS,EAAI,cAAc,GAAG,EACpC,EAAO,aAAa,OAAQ,EAAQ,GAAG,EACnC,EAAQ,IAAI,WAAW,MAAM,GAE/B,EAAO,aAAa,SAAU,QAAQ,EAExC,IAAM,EAAM,EAAO,YAAY,EAAI,cAAc,KAAK,CAAC,EAMvD,OALA,EAAI,aACF,MACA,GAAW,EAAA,iBAAmB,gBAChC,EACA,EAAI,aAAa,QAAS,gBAAgB,EACnC,CACT,CAcA,IAAa,GAAoB,EAAmB,EAAyB,IAAmB,CAC9F,IAAM,EAAW,EAAS,EAAK,CAAG,EAElC,EADuB,YAAY,CACnC,EAAO,UAAU,IAAI,kBAAkB,EACvC,EAAQ,YAAY,EAAI,cAAc,IAAI,CAAC,CAC7C"}
+{"version":3,"file":"iconLinks.cjs.js","names":[],"sources":["../../../src/widgets/buttons/iconLinks.ts"],"sourcesContent":["import { NamedNode } from 'rdflib'\nimport { originalIconBase } from '../../lib/iconBase'\n\n/**\n * Creates an anchor tag for a NamedNode\n *\n * Takes a NamedNode and creates an anchor tag for it\n *\n * @param dom The HTML Document object aka Document Object Model\n * @param subject NamedNode the anchor tag is created for\n * @param iconURI? Optional if you have your own icon link\n *\n * @returns The anchor tag for the subject\n *\n */\n\nexport function linkIcon (dom: HTMLDocument, subject: NamedNode, iconURI?: string): HTMLElement {\n  const anchor = dom.createElement('a')\n  anchor.setAttribute('href', subject.uri)\n  if (subject.uri.startsWith('http')) {\n    // If diff web page\n    anchor.setAttribute('target', '_blank') // open in a new tab or window\n  } // as mailboxes and mail messages do not need new browser window\n  const img = anchor.appendChild(dom.createElement('img'))\n  img.setAttribute(\n    'src',\n    iconURI || originalIconBase + 'go-to-this.png'\n  )\n  img.setAttribute('style', 'margin: 0.3em;')\n  return anchor\n}\n/**\n * Creates a Link for a URI\n *\n * Takes a div element for a link and attaches the provided linkIcon\n *\n * @param dom The HTML Document object aka Document Object Model\n * @param linkDiv the created link will be appended to this\n * @param obj NamedNode the link needs to be created for\n *\n * @returns The HTML widget created\n *\n */\n\nexport const createLinkForURI = (dom: HTMLDocument, linkDiv: HTMLDivElement, obj: NamedNode) => {\n  const iconLink = linkIcon(dom, obj)\n  const anchor = linkDiv.appendChild(iconLink)\n  anchor.classList.add('HoverControlHide')\n  linkDiv.appendChild(dom.createElement('br'))\n}\n"],"mappings":"6CAgBA,SAAgB,EAAU,EAAmB,EAAoB,EAA+B,CAC9F,IAAM,EAAS,EAAI,cAAc,GAAG,EACpC,EAAO,aAAa,OAAQ,EAAQ,GAAG,EACnC,EAAQ,IAAI,WAAW,MAAM,GAE/B,EAAO,aAAa,SAAU,QAAQ,EAExC,IAAM,EAAM,EAAO,YAAY,EAAI,cAAc,KAAK,CAAC,EAMvD,OALA,EAAI,aACF,MACA,GAAW,EAAA,iBAAmB,gBAChC,EACA,EAAI,aAAa,QAAS,gBAAgB,EACnC,CACT,CAcA,IAAa,GAAoB,EAAmB,EAAyB,IAAmB,CAC9F,IAAM,EAAW,EAAS,EAAK,CAAG,EAElC,EADuB,YAAY,CACnC,CAAA,CAAO,UAAU,IAAI,kBAAkB,EACvC,EAAQ,YAAY,EAAI,cAAc,IAAI,CAAC,CAC7C"}

package/dist/widgets/buttons/iconLinks.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconLinks.esm.js","names":[],"sources":["../../../src/widgets/buttons/iconLinks.ts"],"sourcesContent":["import { NamedNode } from 'rdflib'\nimport { originalIconBase } from '../../lib/iconBase'\n\n/**\n * Creates an anchor tag for a NamedNode\n *\n * Takes a NamedNode and creates an anchor tag for it\n *\n * @param dom The HTML Document object aka Document Object Model\n * @param subject NamedNode the anchor tag is created for\n * @param iconURI? Optional if you have your own icon link\n *\n * @returns The anchor tag for the subject\n *\n */\n\nexport function linkIcon (dom: HTMLDocument, subject: NamedNode, iconURI?: string): HTMLElement {\n  const anchor = dom.createElement('a')\n  anchor.setAttribute('href', subject.uri)\n  if (subject.uri.startsWith('http')) {\n    // If diff web page\n    anchor.setAttribute('target', '_blank') // open in a new tab or window\n  } // as mailboxes and mail messages do not need new browser window\n  const img = anchor.appendChild(dom.createElement('img'))\n  img.setAttribute(\n    'src',\n    iconURI || originalIconBase + 'go-to-this.png'\n  )\n  img.setAttribute('style', 'margin: 0.3em;')\n  return anchor\n}\n/**\n * Creates a Link for a URI\n *\n * Takes a div element for a link and attaches the provided linkIcon\n *\n * @param dom The HTML Document object aka Document Object Model\n * @param linkDiv the created link will be appended to this\n * @param obj NamedNode the link needs to be created for\n *\n * @returns The HTML widget created\n *\n */\n\nexport const createLinkForURI = (dom: HTMLDocument, linkDiv: HTMLDivElement, obj: NamedNode) => {\n  const iconLink = linkIcon(dom, obj)\n  const anchor = linkDiv.appendChild(iconLink)\n  anchor.classList.add('HoverControlHide')\n  linkDiv.appendChild(dom.createElement('br'))\n}\n"],"mappings":";;AAgBA,SAAgB,EAAU,GAAmB,GAAoB,GAA+B;CAC9F,IAAM,IAAS,EAAI,cAAc,GAAG;CAEpC,AADA,EAAO,aAAa,QAAQ,EAAQ,GAAG,GACnC,EAAQ,IAAI,WAAW,MAAM,KAE/B,EAAO,aAAa,UAAU,QAAQ;CAExC,IAAM,IAAM,EAAO,YAAY,EAAI,cAAc,KAAK,CAAC;CAMvD,OALA,EAAI,aACF,OACA,KAAW,IAAmB,gBAChC,GACA,EAAI,aAAa,SAAS,gBAAgB,GACnC;AACT;AAcA,IAAa,KAAoB,GAAmB,GAAyB,MAAmB;CAC9F,IAAM,IAAW,EAAS,GAAK,CAAG;CAGlC,AADA,EADuB,YAAY,CACnC,EAAO,UAAU,IAAI,kBAAkB,GACvC,EAAQ,YAAY,EAAI,cAAc,IAAI,CAAC;AAC7C"}
+{"version":3,"file":"iconLinks.esm.js","names":[],"sources":["../../../src/widgets/buttons/iconLinks.ts"],"sourcesContent":["import { NamedNode } from 'rdflib'\nimport { originalIconBase } from '../../lib/iconBase'\n\n/**\n * Creates an anchor tag for a NamedNode\n *\n * Takes a NamedNode and creates an anchor tag for it\n *\n * @param dom The HTML Document object aka Document Object Model\n * @param subject NamedNode the anchor tag is created for\n * @param iconURI? Optional if you have your own icon link\n *\n * @returns The anchor tag for the subject\n *\n */\n\nexport function linkIcon (dom: HTMLDocument, subject: NamedNode, iconURI?: string): HTMLElement {\n  const anchor = dom.createElement('a')\n  anchor.setAttribute('href', subject.uri)\n  if (subject.uri.startsWith('http')) {\n    // If diff web page\n    anchor.setAttribute('target', '_blank') // open in a new tab or window\n  } // as mailboxes and mail messages do not need new browser window\n  const img = anchor.appendChild(dom.createElement('img'))\n  img.setAttribute(\n    'src',\n    iconURI || originalIconBase + 'go-to-this.png'\n  )\n  img.setAttribute('style', 'margin: 0.3em;')\n  return anchor\n}\n/**\n * Creates a Link for a URI\n *\n * Takes a div element for a link and attaches the provided linkIcon\n *\n * @param dom The HTML Document object aka Document Object Model\n * @param linkDiv the created link will be appended to this\n * @param obj NamedNode the link needs to be created for\n *\n * @returns The HTML widget created\n *\n */\n\nexport const createLinkForURI = (dom: HTMLDocument, linkDiv: HTMLDivElement, obj: NamedNode) => {\n  const iconLink = linkIcon(dom, obj)\n  const anchor = linkDiv.appendChild(iconLink)\n  anchor.classList.add('HoverControlHide')\n  linkDiv.appendChild(dom.createElement('br'))\n}\n"],"mappings":";;AAgBA,SAAgB,EAAU,GAAmB,GAAoB,GAA+B;CAC9F,IAAM,IAAS,EAAI,cAAc,GAAG;CAEpC,AADA,EAAO,aAAa,QAAQ,EAAQ,GAAG,GACnC,EAAQ,IAAI,WAAW,MAAM,KAE/B,EAAO,aAAa,UAAU,QAAQ;CAExC,IAAM,IAAM,EAAO,YAAY,EAAI,cAAc,KAAK,CAAC;CAMvD,OALA,EAAI,aACF,OACA,KAAW,IAAmB,gBAChC,GACA,EAAI,aAAa,SAAS,gBAAgB,GACnC;AACT;AAcA,IAAa,KAAoB,GAAmB,GAAyB,MAAmB;CAC9F,IAAM,IAAW,EAAS,GAAK,CAAG;CAGlC,AADA,EADuB,YAAY,CACnC,CAAA,CAAO,UAAU,IAAI,kBAAkB,GACvC,EAAQ,YAAY,EAAI,cAAc,IAAI,CAAC;AAC7C"}