solid-ui 3.1.3-11 → 3.1.3-13

package/dist/components/photo-capture-modal/PhotoCaptureModal.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCaptureModal.cjs.js","names":["customElement","DialogComponent","html","nothing","property","state","styles","_classDecs","_PhotoCaptureModal","_PhotoCaptureModal2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_ref","_nameDecs","type","String","reflect","_headingDecs","_captureLabelDecs","_confirmLabelDecs","_retakeLabelDecs","_cancelLabelDecs","attribute","_fileNamePrefixDecs","_mediaConstraintsDecs","_constraintsDecs","_captureFormatDecs","_captureQualityDecs","Number","_showCancelButtonDecs","Boolean","_facingModeDecs","_errorMessageDecs","_previewUrlDecs","_startingPreviewDecs","_valueDecs","_PhotoCaptureModal3","PhotoCaptureModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_name","_init_heading","_init_captureLabel","_init_confirmLabel","_init_retakeLabel","_init_cancelLabel","_init_fileNamePrefix","_init_mediaConstraints","undefined","_init_constraints","_init_captureFormat","_init_captureQuality","_init_showCancelButton","_init_facingMode","_init_errorMessage","_init_previewUrl","_init_startingPreview","_init_value","_defineProperty","_classPrivateFieldGet","name","v","_classPrivateFieldSet","heading","captureLabel","confirmLabel","retakeLabel","cancelLabel","fileNamePrefix","mediaConstraints","constraints","captureFormat","captureQuality","showCancelButton","facingMode","errorMessage","previewUrl","startingPreview","value","disconnectedCallback","stopStream","revokePreviewUrl","willUpdate","changed","has","normalizedValue","File","syncPreviewFromValue","updated","stream","queuePreviewStart","video","shadowRoot","querySelector","srcObject","render","renderViewport","renderStatus","close","onRetake","onConfirm","onCapture","contents","clearValue","width","videoWidth","clientWidth","height","videoHeight","clientHeight","canvas","document","createElement","context","getContext","drawImage","blob","Promise","resolve","toBlob","createFileFromBlob","contentType","extension","fileExtensionForMimeType","safePrefix","trim","Date","now","mimeType","startPreview","catch","getTracks","forEach","track","stop","file","URL","createObjectURL","revokeObjectURL","navigator","mediaDevices","getUserMedia","resolveMediaConstraints","requestUpdate","updateComplete","play","error","message","JSON","parse","Error","ideal","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/photo-capture-modal/PhotoCaptureModal.ts"],"sourcesContent":["import { customElement, DialogComponent } from '@/lib/components'\nimport { html, PropertyValues, nothing } from 'lit'\nimport { property, state } from 'lit/decorators.js'\n\nimport '@/components/button'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\n\nimport styles from './PhotoCaptureModal.styles.css'\n\n@customElement('solid-ui-photo-capture-modal')\nexport default class PhotoCaptureModal extends DialogComponent<File> {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor name = ''\n\n  @property({ type: String, reflect: true })\n  accessor heading = 'Take a photo'\n\n  @property({ type: String, reflect: true })\n  accessor captureLabel = 'Take Photo'\n\n  @property({ type: String, reflect: true })\n  accessor confirmLabel = 'Use Photo'\n\n  @property({ type: String, reflect: true })\n  accessor retakeLabel = 'Retake'\n\n  @property({ type: String, attribute: 'cancel-label', reflect: true })\n  accessor cancelLabel = 'Cancel'\n\n  @property({ type: String, attribute: 'file-name-prefix', reflect: true })\n  accessor fileNamePrefix = ''\n\n  @property({ attribute: false })\n  accessor mediaConstraints: MediaStreamConstraints | undefined = undefined\n\n  @property({ type: String, reflect: true })\n  accessor constraints = ''\n\n  @property({ type: String, attribute: 'capture-format', reflect: true })\n  accessor captureFormat = 'image/png'\n\n  @property({ type: Number, attribute: 'capture-quality' })\n  accessor captureQuality: number | undefined = undefined\n\n  @property({ type: Boolean, attribute: 'show-cancel-button', reflect: true })\n  accessor showCancelButton = true\n\n  @property({ type: String, attribute: 'facing-mode', reflect: true })\n  accessor facingMode = 'user'\n\n  @state()\n  accessor errorMessage = ''\n\n  @state()\n  accessor previewUrl = ''\n\n  @state()\n  accessor startingPreview = false\n\n  @state()\n  accessor value: File | null = null\n\n  private stream: MediaStream | null = null\n\n  disconnectedCallback () {\n    this.stopStream()\n    this.revokePreviewUrl()\n    super.disconnectedCallback()\n  }\n\n  protected willUpdate (changed: PropertyValues<this>) {\n    super.willUpdate(changed)\n\n    if (changed.has('value')) {\n      const normalizedValue = this.value instanceof File ? this.value : null\n\n      if (normalizedValue !== this.value) {\n        this.value = normalizedValue\n\n        return\n      }\n\n      this.syncPreviewFromValue(normalizedValue)\n    }\n  }\n\n  protected updated (changed: PropertyValues<this>) {\n    if (\n      !this.value &&\n      !this.stream &&\n      !this.startingPreview &&\n      (changed.has('previewUrl') || changed.has('value'))\n    ) {\n      this.queuePreviewStart()\n    }\n\n    if (this.stream) {\n      const video = this.shadowRoot?.querySelector<HTMLVideoElement>('video')\n\n      if (video && video.srcObject !== this.stream) {\n        video.srcObject = this.stream\n      }\n    }\n  }\n\n  protected render () {\n    return html`\n        <solid-ui-dialog title=${this.heading}>\n            <solid-ui-dialog-content>\n                ${this.renderViewport()}\n                ${this.renderStatus()}\n            </solid-ui-dialog-content>\n            <solid-ui-dialog-footer>\n                ${this.showCancelButton\n                    ? html`<solid-ui-button variant=\"secondary\" @click=${() => this.close()}>${this.cancelLabel}</solid-ui-button>`\n                    : nothing\n                }\n\n                ${this.value\n                  ? html`\n                    <solid-ui-button @click=${this.onRetake}>${this.retakeLabel}</solid-ui-button>\n                    <solid-ui-button @click=${this.onConfirm}>${this.confirmLabel}</solid-ui-button>\n                  `\n                  : html`\n                    <solid-ui-button\n                        ?disabled=${this.startingPreview || !this.stream}\n                        @click=${this.onCapture}\n                    >\n                        ${this.captureLabel}\n                    </solid-ui-button>\n                  `\n                }\n            </solid-ui-dialog-footer>\n        </solid-ui-dialog>\n    `\n  }\n\n  private renderViewport () {\n    const contents = this.previewUrl\n      ? html`<img src=\"${this.previewUrl}\" alt=\"Captured photo preview\" />`\n      : html`<video autoplay playsinline muted></video>`\n\n    return html`<div class=\"viewport\">${contents}</div>`\n  }\n\n  private renderStatus () {\n    if (this.errorMessage) {\n      return html`<div class=\"status error\">${this.errorMessage}</div>`\n    }\n\n    if (this.startingPreview) {\n      return html`<div class=\"status\">Opening camera…</div>`\n    }\n\n    if (!this.value) {\n      return html`<div class=\"status\">Preview the camera and take a photo when ready.</div>`\n    }\n\n    return html`<div class=\"status\">Review the photo before confirming it.</div>`\n  }\n\n  private onRetake () {\n    this.clearValue()\n    this.queuePreviewStart()\n  }\n\n  private onConfirm () {\n    if (!this.value) {\n      return\n    }\n\n    this.close(this.value)\n  }\n\n  private async onCapture () {\n    const video = this.shadowRoot?.querySelector<HTMLVideoElement>('video')\n\n    if (!video) {\n      return\n    }\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\n    if (!context) {\n      this.errorMessage = 'Unable to capture a photo in this browser'\n\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, this.captureQuality)\n    })\n\n    if (!blob) {\n      this.errorMessage = 'Unable to create an image from the current camera frame'\n\n      return\n    }\n\n    this.value = this.createFileFromBlob(blob)\n    this.errorMessage = ''\n  }\n\n  private createFileFromBlob (blob: Blob): File {\n    const contentType = blob.type || this.captureFormat\n    const extension = this.fileExtensionForMimeType(contentType)\n    const safePrefix = (this.fileNamePrefix || this.name || 'photo').trim() || 'photo'\n\n    return new File([blob], `${safePrefix}-${Date.now()}.${extension}`, { type: contentType })\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 queuePreviewStart () {\n    this.startPreview().catch(() => undefined)\n  }\n\n  private stopStream () {\n    if (!this.stream) {\n      return\n    }\n\n    this.stream.getTracks().forEach(track => track.stop())\n    this.stream = null\n\n    const video = this.shadowRoot?.querySelector<HTMLVideoElement>('video')\n\n    if (video) {\n      video.srcObject = null\n    }\n  }\n\n  private syncPreviewFromValue (file: File | null) {\n    this.revokePreviewUrl()\n\n    if (!file) {\n      return\n    }\n\n    this.stopStream()\n    this.previewUrl = URL.createObjectURL(file)\n  }\n\n  private clearValue () {\n    this.value = null\n    this.errorMessage = ''\n  }\n\n  private revokePreviewUrl () {\n    if (this.previewUrl) {\n      URL.revokeObjectURL(this.previewUrl)\n    }\n\n    this.previewUrl = ''\n  }\n\n  private async startPreview () {\n    if (this.value || this.startingPreview) {\n      return\n    }\n\n    if (!navigator.mediaDevices?.getUserMedia) {\n      this.errorMessage = 'Camera access is not available in this browser'\n\n      return\n    }\n\n    this.startingPreview = true\n    this.errorMessage = ''\n\n    try {\n      const stream = await navigator.mediaDevices.getUserMedia(this.resolveMediaConstraints())\n\n      this.stream = stream\n      this.requestUpdate()\n\n      await this.updateComplete\n\n      const video = this.shadowRoot?.querySelector<HTMLVideoElement>('video')\n\n      if (video) {\n        video.srcObject = stream\n\n        await video.play?.().catch(() => undefined)\n      }\n    } catch (error) {\n      this.errorMessage = (error as Error)?.message || 'Unable to start the camera preview'\n    } finally {\n      this.startingPreview = false\n    }\n  }\n\n  private resolveMediaConstraints (): MediaStreamConstraints {\n    if (this.mediaConstraints) {\n      return this.mediaConstraints\n    }\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"],"mappings":"0nJASmDO,EAAA,CAElDP,EAAAA,cAAc,8BAA8B,CAAC,EAAA,IAAAQ,EAAA,IAAAC,IAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAAAI,EAAA,IAAAJ,QAAAK,EAAA,IAAAL,QAAAM,EAAA,IAAAN,QAAAO,EAAA,IAAAP,QAAAQ,EAAA,IAAAR,QAAAS,EAAA,IAAAT,QAAAU,EAAA,IAAAV,QAAAW,EAAA,IAAAX,QAAAY,EAAA,IAAAZ,QAAAa,EAAA,IAAAb,QAAAc,EAAA,IAAAd,QAAAe,EAAA,IAAAf,QAAAgB,EAAA,IAAAhB,QAAAiB,IAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAIlC,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEH,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACE,GAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEJ,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACG,IAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEL,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACI,IAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEN,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACK,IAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEP,KAAMC,OAAQO,UAAW,eAAgBN,QAAS,EAAK,CAAC,EAACO,GAAAA,EAAAA,EAAAA,SAAAA,CAG3D,CAAET,KAAMC,OAAQO,UAAW,mBAAoBN,QAAS,EAAK,CAAC,EAACQ,GAAAA,EAAAA,EAAAA,SAAAA,CAG/D,CAAEF,UAAW,EAAM,CAAC,EAACG,GAAAA,EAAAA,EAAAA,SAAAA,CAGrB,CAAEX,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACU,GAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEZ,KAAMC,OAAQO,UAAW,iBAAkBN,QAAS,EAAK,CAAC,EAACW,GAAAA,EAAAA,EAAAA,SAAAA,CAG7D,CAAEb,KAAMc,OAAQN,UAAW,iBAAkB,CAAC,EAACO,GAAAA,EAAAA,EAAAA,SAAAA,CAG/C,CAAEf,KAAMgB,QAASR,UAAW,qBAAsBN,QAAS,EAAK,CAAC,EAACe,GAAAA,EAAAA,EAAAA,SAAAA,CAGlE,CAAEjB,KAAMC,OAAQO,UAAW,cAAeN,QAAS,EAAK,CAAC,EAACgB,GAAAA,EAAAA,EAAAA,MAAAA,CAG7D,EAACC,IAAAA,EAAAA,EAAAA,MAAAA,CAGD,EAACC,IAAAA,EAAAA,EAAAA,MAAAA,CAGD,EAACC,IAAAA,EAAAA,EAAAA,MAAAA,CAGD,EAAC,QAAAC,EApDV,cAC+CnD,EAAAA,OAAsB,CAAAqD,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAA9C,GAAA+C,EAAA,IAAA,EAAAC,EAAA,KAInD,EAAE,EAAA,EAAAF,EAAA,KAAA5C,EAAA+C,EAAA,KAGC,cAAc,CAAA,EAAAH,EAAA,KAAA3C,EAAA+C,GAAA,KAGT,YAAY,CAAA,EAAAJ,EAAA,KAAA1C,EAAA+C,GAAA,KAGZ,WAAW,CAAA,EAAAL,EAAA,KAAAzC,EAAA+C,GAAA,KAGZ,QAAQ,CAAA,EAAAN,EAAA,KAAAxC,EAAA+C,EAAA,KAGR,QAAQ,CAAA,EAAAP,EAAA,KAAAvC,EAAA+C,EAAA,KAGL,EAAE,CAAA,EAAAR,EAAA,KAAAtC,EAAA+C,EAAA,KAGoCC,IAAAA,EAAS,CAAA,EAAAV,EAAA,KAAArC,EAAAgD,EAAA,KAGlD,EAAE,CAAA,EAAAX,EAAA,KAAApC,EAAAgD,EAAA,KAGA,WAAW,CAAA,EAAAZ,EAAA,KAAAnC,EAAAgD,EAAA,KAGUH,IAAAA,EAAS,CAAA,EAAAV,EAAA,KAAAlC,EAAAgD,EAAA,KAG3B,EAAI,CAAA,EAAAd,EAAA,KAAAjC,EAAAgD,EAAA,KAGV,MAAM,CAAA,EAAAf,EAAA,KAAAhC,EAAAgD,GAAA,KAGJ,EAAE,CAAA,EAAAhB,EAAA,KAAA/B,EAAAgD,GAAA,KAGJ,EAAE,CAAA,EAAAjB,EAAA,KAAA9B,EAAAgD,GAAA,KAGG,EAAK,CAAA,EAAAlB,EAAA,KAAA7B,EAAAgD,GAAA,KAGF,IAAI,CAAA,EAAAC,EAAA,KAAA,SAEG,IAAI,CAAA,CAAA,IAAAhD,KAAA,CAAA,OAAAiD,EAAAnE,EAAA,IAAA,CAAA,CAAA,IAlDhCoE,KAAIC,EAAA,CAAAC,EAAAtE,EAAA,KAAAqE,CAAA,CAAA,CAAA,IAGJE,SAAO,CAAA,OAAAJ,EAAAjE,EAAA,IAAA,CAAA,CAAA,IAAPqE,QAAOF,EAAA,CAAAC,EAAApE,EAAA,KAAAmE,CAAA,CAAA,CAAA,IAGPG,cAAY,CAAA,OAAAL,EAAAhE,EAAA,IAAA,CAAA,CAAA,IAAZqE,aAAYH,EAAA,CAAAC,EAAAnE,EAAA,KAAAkE,CAAA,CAAA,CAAA,IAGZI,cAAY,CAAA,OAAAN,EAAA/D,EAAA,IAAA,CAAA,CAAA,IAAZqE,aAAYJ,EAAA,CAAAC,EAAAlE,EAAA,KAAAiE,CAAA,CAAA,CAAA,IAGZK,aAAW,CAAA,OAAAP,EAAA9D,EAAA,IAAA,CAAA,CAAA,IAAXqE,YAAWL,EAAA,CAAAC,EAAAjE,EAAA,KAAAgE,CAAA,CAAA,CAAA,IAGXM,aAAW,CAAA,OAAAR,EAAA7D,EAAA,IAAA,CAAA,CAAA,IAAXqE,YAAWN,EAAA,CAAAC,EAAAhE,EAAA,KAAA+D,CAAA,CAAA,CAAA,IAGXO,gBAAc,CAAA,OAAAT,EAAA5D,EAAA,IAAA,CAAA,CAAA,IAAdqE,eAAcP,EAAA,CAAAC,EAAA/D,EAAA,KAAA8D,CAAA,CAAA,CAAA,IAGdQ,kBAAgB,CAAA,OAAAV,EAAA3D,EAAA,IAAA,CAAA,CAAA,IAAhBqE,iBAAgBR,EAAA,CAAAC,EAAA9D,EAAA,KAAA6D,CAAA,CAAA,CAAA,IAGhBS,aAAW,CAAA,OAAAX,EAAA1D,EAAA,IAAA,CAAA,CAAA,IAAXqE,YAAWT,EAAA,CAAAC,EAAA7D,EAAA,KAAA4D,CAAA,CAAA,CAAA,IAGXU,eAAa,CAAA,OAAAZ,EAAAzD,EAAA,IAAA,CAAA,CAAA,IAAbqE,cAAaV,EAAA,CAAAC,EAAA5D,EAAA,KAAA2D,CAAA,CAAA,CAAA,IAGbW,gBAAc,CAAA,OAAAb,EAAAxD,EAAA,IAAA,CAAA,CAAA,IAAdqE,eAAcX,EAAA,CAAAC,EAAA3D,EAAA,KAAA0D,CAAA,CAAA,CAAA,IAGdY,kBAAgB,CAAA,OAAAd,EAAAvD,EAAA,IAAA,CAAA,CAAA,IAAhBqE,iBAAgBZ,EAAA,CAAAC,EAAA1D,EAAA,KAAAyD,CAAA,CAAA,CAAA,IAGhBa,YAAU,CAAA,OAAAf,EAAAtD,EAAA,IAAA,CAAA,CAAA,IAAVqE,WAAUb,EAAA,CAAAC,EAAAzD,EAAA,KAAAwD,CAAA,CAAA,CAAA,IAGVc,cAAY,CAAA,OAAAhB,EAAArD,EAAA,IAAA,CAAA,CAAA,IAAZqE,aAAYd,EAAA,CAAAC,EAAAxD,EAAA,KAAAuD,CAAA,CAAA,CAAA,IAGZe,YAAU,CAAA,OAAAjB,EAAApD,EAAA,IAAA,CAAA,CAAA,IAAVqE,WAAUf,EAAA,CAAAC,EAAAvD,EAAA,KAAAsD,CAAA,CAAA,CAAA,IAGVgB,iBAAe,CAAA,OAAAlB,EAAAnD,EAAA,IAAA,CAAA,CAAA,IAAfqE,gBAAehB,EAAA,CAAAC,EAAAtD,EAAA,KAAAqD,CAAA,CAAA,CAAA,IAGfiB,OAAK,CAAA,OAAAnB,EAAAlD,EAAA,IAAA,CAAA,CAAA,IAALqE,MAAKjB,EAAA,CAAAC,EAAArD,EAAA,KAAAoD,CAAA,CAAA,CAIdkB,sBAAwB,CACtB,KAAKC,WAAW,EAChB,KAAKC,iBAAiB,EACtB,MAAMF,qBAAqB,CAC7B,CAEUG,WAAYC,EAA+B,CAGnD,GAFA,MAAMD,WAAWC,CAAO,EAEpBA,EAAQC,IAAI,OAAO,EAAG,CACxB,IAAMC,EAAkB,KAAKP,iBAAiBQ,KAAO,KAAKR,MAAQ,KAElE,GAAIO,IAAoB,KAAKP,MAAO,CAClC,KAAKA,MAAQO,EAEb,MACF,CAEA,KAAKE,qBAAqBF,CAAe,CAC3C,CACF,CAEUG,QAASL,EAA+B,CAUhD,GARE,CAAC,KAAKL,OACN,CAAC,KAAKW,QACN,CAAC,KAAKZ,kBACLM,EAAQC,IAAI,YAAY,GAAKD,EAAQC,IAAI,OAAO,IAEjD,KAAKM,kBAAkB,EAGrB,KAAKD,OAAQ,CACf,IAAME,EAAQ,KAAKC,YAAYC,cAAgC,OAAO,EAElEF,GAASA,EAAMG,YAAc,KAAKL,SACpCE,EAAMG,UAAY,KAAKL,OAE3B,CACF,CAEUM,QAAU,CAClB,MAAO/G,GAAAA,IAAI;iCACkB,KAAK+E,QAAO;;kBAE3B,KAAKiC,eAAe,EAAC;kBACrB,KAAKC,aAAa,EAAC;;;kBAGnB,KAAKxB,iBACDzF,EAAAA,IAAI,mDAAqD,KAAKkH,MAAM,EAAC,GAAI,KAAK/B,YAAW,oBACzFlF,EAAAA,QAAO;;kBAGX,KAAK6F,MACH9F,EAAAA,IAAI;8CACsB,KAAKmH,SAAQ,GAAI,KAAKjC,YAAW;8CACjC,KAAKkC,UAAS,GAAI,KAAKnC,aAAY;oBAE7DjF,EAAAA,IAAI;;oCAEY,KAAK6F,iBAAmB,CAAC,KAAKY,OAAM;iCACvC,KAAKY,UAAS;;0BAErB,KAAKrC,aAAY;;oBAExB;;;KAKjB,CAEQgC,gBAAkB,CAKxB,MAAOhH,GAAAA,IAAI,yBAJM,KAAK4F,WAClB5F,EAAAA,IAAI,aAAa,KAAK4F,WAAU,mCAChC5F,EAAAA,IAAI,6CAEoC,OAC9C,CAEQiH,cAAgB,CAatB,OAZI,KAAKtB,aACA3F,EAAAA,IAAI,6BAA6B,KAAK2F,aAAY,QAGvD,KAAKE,gBACA7F,EAAAA,IAAI,4CAGR,KAAK8F,MAIH9F,EAAAA,IAAI,mEAHFA,EAAAA,IAAI,2EAIf,CAEQmH,UAAY,CAClB,KAAKI,WAAW,EAChB,KAAKb,kBAAkB,CACzB,CAEQU,WAAa,CACd,KAAKtB,OAIV,KAAKoB,MAAM,KAAKpB,KAAK,CACvB,CAEA,MAAcuB,WAAa,CACzB,IAAMV,EAAQ,KAAKC,YAAYC,cAAgC,OAAO,EAEtE,GAAI,CAACF,EACH,OAGF,IAAMa,EAAQb,EAAMc,YAAcd,EAAMe,aAAe,IACjDC,EAAShB,EAAMiB,aAAejB,EAAMkB,cAAgB,IACpDC,EAASC,SAASC,cAAc,QAAQ,EAC9CF,EAAON,MAAQA,EACfM,EAAOH,OAASA,EAEhB,IAAMM,EAAUH,EAAOI,WAAW,IAAI,EAEtC,GAAI,CAACD,EAAS,CACZ,KAAKtC,aAAe,4CAEpB,MACF,CAEAsC,EAAQE,UAAUxB,EAAO,EAAG,EAAGa,EAAOG,CAAM,EAE5C,IAAMS,EAAO,MAAM,IAAIC,QAAqBC,GAAW,CACrDR,EAAOS,OAAOD,EAAS,KAAK/C,cAAe,KAAKC,cAAc,CAChE,CAAC,EAED,GAAI,CAAC4C,EAAM,CACT,KAAKzC,aAAe,0DAEpB,MACF,CAEA,KAAKG,MAAQ,KAAK0C,mBAAmBJ,CAAI,EACzC,KAAKzC,aAAe,EACtB,CAEQ6C,mBAAoBJ,EAAkB,CAC5C,IAAMK,EAAcL,EAAKxG,MAAQ,KAAK2D,cAChCmD,EAAY,KAAKC,yBAAyBF,CAAW,EACrDG,GAAc,KAAKxD,gBAAkB,KAAKR,MAAQ,QAAA,CAASiE,KAAK,GAAK,QAE3E,OAAO,IAAIvC,KAAK,CAAC8B,CAAI,EAAG,GAAGQ,EAAU,GAAIE,KAAKC,IAAI,EAAC,GAAIL,IAAa,CAAE9G,KAAM6G,CAAY,CAAC,CAC3F,CAEQE,yBAA0BK,EAA0B,CAC1D,OAAQA,EAAR,CACE,IAAK,aACH,MAAO,MACT,IAAK,aACH,MAAO,OACT,IAAK,YACH,MAAO,MACT,QACE,MAAO,KACX,CACF,CAEQtC,mBAAqB,CAC3B,KAAKuC,aAAa,CAAC,CAACC,UAAYlF,IAAAA,EAAS,CAC3C,CAEQgC,YAAc,CACpB,GAAI,CAAC,KAAKS,OACR,OAGF,KAAKA,OAAO0C,UAAU,CAAC,CAACC,QAAQC,GAASA,EAAMC,KAAK,CAAC,EACrD,KAAK7C,OAAS,KAEd,IAAME,EAAQ,KAAKC,YAAYC,cAAgC,OAAO,EAElEF,IACFA,EAAMG,UAAY,KAEtB,CAEQP,qBAAsBgD,EAAmB,CAC/C,KAAKtD,iBAAiB,EAEjBsD,IAIL,KAAKvD,WAAW,EAChB,KAAKJ,WAAa4D,IAAIC,gBAAgBF,CAAI,EAC5C,CAEQhC,YAAc,CACpB,KAAKzB,MAAQ,KACb,KAAKH,aAAe,EACtB,CAEQM,kBAAoB,CACtB,KAAKL,YACP4D,IAAIE,gBAAgB,KAAK9D,UAAU,EAGrC,KAAKA,WAAa,EACpB,CAEA,MAAcqD,cAAgB,CACxB,UAAKnD,OAAS,KAAKD,iBAIvB,IAAI,CAAC8D,UAAUC,cAAcC,aAAc,CACzC,KAAKlE,aAAe,iDAEpB,MACF,CAEA,KAAKE,gBAAkB,GACvB,KAAKF,aAAe,GAEpB,GAAI,CACF,IAAMc,EAAS,MAAMkD,UAAUC,aAAaC,aAAa,KAAKC,wBAAwB,CAAC,EAEvF,KAAKrD,OAASA,EACd,KAAKsD,cAAc,EAEnB,MAAM,KAAKC,eAEX,IAAMrD,EAAQ,KAAKC,YAAYC,cAAgC,OAAO,EAElEF,IACFA,EAAMG,UAAYL,EAElB,MAAME,EAAMsD,OAAO,CAAC,CAACf,UAAYlF,IAAAA,EAAS,EAE9C,OAASkG,EAAO,CACd,KAAKvE,aAAgBuE,GAAiBC,SAAW,oCACnD,QAAU,CACR,KAAKtE,gBAAkB,EACzB,CAxBA,CAyBF,CAEQiE,yBAAmD,CACzD,GAAI,KAAKzE,iBACP,OAAO,KAAKA,iBAGd,GAAI,KAAKC,YACP,GAAI,CACF,OAAO8E,KAAKC,MAAM,KAAK/E,WAAW,CACpC,OAAS4E,EAAO,CACd,MAAUI,MAAM,6BAA8BJ,EAAgBC,SAAS,CACzE,CAGF,MAAO,CACLxD,MAAO,MAAKjB,YACR,CAAEA,WAAY,CAAE6E,MAAO,KAAK7E,UAAW,CAAE,CAE/C,CACF,CACF,EAAC,CAAA8E,EAAA,CAAAhH,EAAAC,EAAAC,GAAAC,GAAAC,GAAAC,EAAAC,EAAAC,EAAAE,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GAAAC,GAAAC,GAAAC,GAAAlB,GAAAkH,EAAA,CAAAnK,EAAAoK,IAAAC,GAAAzH,EAAA,CAAA,CAAAvB,EAAA,EAAA,MAAA,EAAA,CAAAI,EAAA,EAAA,SAAA,EAAA,CAAAC,EAAA,EAAA,cAAA,EAAA,CAAAC,GAAA,EAAA,cAAA,EAAA,CAAAC,GAAA,EAAA,aAAA,EAAA,CAAAC,GAAA,EAAA,aAAA,EAAA,CAAAE,EAAA,EAAA,gBAAA,EAAA,CAAAC,EAAA,EAAA,kBAAA,EAAA,CAAAC,EAAA,EAAA,aAAA,EAAA,CAAAC,EAAA,EAAA,eAAA,EAAA,CAAAC,EAAA,EAAA,gBAAA,EAAA,CAAAE,EAAA,EAAA,kBAAA,EAAA,CAAAE,EAAA,EAAA,YAAA,EAAA,CAAAC,EAAA,EAAA,cAAA,EAAA,CAAAC,GAAA,EAAA,YAAA,EAAA,CAAAC,GAAA,EAAA,iBAAA,EAAA,CAAAC,GAAA,EAAA,OAAA,CAAA,EAAA5C,EAAA,EAAA,IAAA,GAlU8CN,EAAAA,OAAe,EAAAmD,GAAA0H,EAAA,cAAAC,EAAA,CAAAzH,aAAA,CAAA,MAAA9C,CAAA,EAAAoE,EAAA,KAAA,SAC5CtE,EAAAA,OAAM,EAAAsK,EAAA,CAAA,CAAA,EAAAhG,EAAAkG,EAAArK,GAAA,IAAA,EAAA,EAAAqK"}

package/dist/components/photo-capture-modal/PhotoCaptureModal.d.ts

@@ -0,0 +1,42 @@
+import { DialogComponent } from '../../lib/components';
+import { PropertyValues } from 'lit';
+export default class PhotoCaptureModal extends DialogComponent<File> {
+    static styles: import('lit').CSSResult;
+    accessor name: string;
+    accessor heading: string;
+    accessor captureLabel: string;
+    accessor confirmLabel: string;
+    accessor retakeLabel: string;
+    accessor cancelLabel: string;
+    accessor fileNamePrefix: string;
+    accessor mediaConstraints: MediaStreamConstraints | undefined;
+    accessor constraints: string;
+    accessor captureFormat: string;
+    accessor captureQuality: number | undefined;
+    accessor showCancelButton: boolean;
+    accessor facingMode: string;
+    accessor errorMessage: string;
+    accessor previewUrl: string;
+    accessor startingPreview: boolean;
+    accessor value: File | null;
+    private stream;
+    disconnectedCallback(): void;
+    protected willUpdate(changed: PropertyValues<this>): void;
+    protected updated(changed: PropertyValues<this>): void;
+    protected render(): import('lit-html').TemplateResult<1>;
+    private renderViewport;
+    private renderStatus;
+    private onRetake;
+    private onConfirm;
+    private onCapture;
+    private createFileFromBlob;
+    private fileExtensionForMimeType;
+    private queuePreviewStart;
+    private stopStream;
+    private syncPreviewFromValue;
+    private clearValue;
+    private revokePreviewUrl;
+    private startPreview;
+    private resolveMediaConstraints;
+}
+//# sourceMappingURL=PhotoCaptureModal.d.ts.map

package/dist/components/photo-capture-modal/PhotoCaptureModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCaptureModal.d.ts","sourceRoot":"","sources":["../../../src/components/photo-capture-modal/PhotoCaptureModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACjE,OAAO,EAAQ,cAAc,EAAW,MAAM,KAAK,CAAA;AAGnD,OAAO,qBAAqB,CAAA;AAC5B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,6BAA6B,CAAA;AACpC,OAAO,4BAA4B,CAAA;AAKnC,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,eAAe,CAAC,IAAI,CAAC;IAClE,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,IAAI,SAAK;IAGlB,QAAQ,CAAC,OAAO,SAAiB;IAGjC,QAAQ,CAAC,YAAY,SAAe;IAGpC,QAAQ,CAAC,YAAY,SAAc;IAGnC,QAAQ,CAAC,WAAW,SAAW;IAG/B,QAAQ,CAAC,WAAW,SAAW;IAG/B,QAAQ,CAAC,cAAc,SAAK;IAG5B,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,GAAG,SAAS,CAAY;IAGzE,QAAQ,CAAC,WAAW,SAAK;IAGzB,QAAQ,CAAC,aAAa,SAAc;IAGpC,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAY;IAGvD,QAAQ,CAAC,gBAAgB,UAAO;IAGhC,QAAQ,CAAC,UAAU,SAAS;IAG5B,QAAQ,CAAC,YAAY,SAAK;IAG1B,QAAQ,CAAC,UAAU,SAAK;IAGxB,QAAQ,CAAC,eAAe,UAAQ;IAGhC,QAAQ,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAO;IAElC,OAAO,CAAC,MAAM,CAA2B;IAEzC,oBAAoB;IAMpB,SAAS,CAAC,UAAU,CAAE,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAgBnD,SAAS,CAAC,OAAO,CAAE,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAmBhD,SAAS,CAAC,MAAM;IAgChB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,SAAS;YAQH,SAAS;IAqCvB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,wBAAwB;IAahC,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,gBAAgB;YAQV,YAAY;IAoC1B,OAAO,CAAC,uBAAuB;CAmBhC"}

package/dist/components/photo-capture-modal/PhotoCaptureModal.esm.js

@@ -0,0 +1,561 @@
+import { customElement as e } from "../../lib/components/decorators.esm.js";
+import t from "../../lib/components/dialog-component/DialogComponent.esm.js";
+import "../../lib/components/index.esm.js";
+import "../button/index.esm.js";
+import "../dialog/index.esm.js";
+import "../dialog-content/index.esm.js";
+import "../dialog-footer/index.esm.js";
+import n from "./PhotoCaptureModal.styles.esm.js";
+import { html as r, nothing as i } from "lit";
+import { property as a, state as o } from "lit/decorators.js";
+//#region src/components/photo-capture-modal/PhotoCaptureModal.ts
+var s, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, ee, te, ne, re, M, ie, ae, N, P, F, I, L, R, z, B, V, H, U, W, G, K, q, J, oe, se, ce, le, ue, de, fe, pe, me, he;
+function Y(e, t, n) {
+	ge(e, t), t.set(e, n);
+}
+function ge(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function X(e, t, n) {
+	return e.set(_e(e, t), n), n;
+}
+function Z(e, t) {
+	return e.get(_e(e, t));
+}
+function _e(e, t, n) {
+	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+	throw TypeError("Private element is not present on this object");
+}
+function Q(e, t, n) {
+	return (t = ye(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function ve(e, t, n, r, i, a) {
+	function o(e, t, n) {
+		return function(r, i) {
+			return n && n(r), e[t].call(r, i);
+		};
+	}
+	function s(e, t) {
+		for (var n = 0; n < e.length; n++) e[n].call(t);
+		return t;
+	}
+	function c(e, t, n, r) {
+		if (typeof e != "function" && (r || e !== void 0)) throw TypeError(t + " must " + (n || "be") + " a function" + (r ? "" : " or undefined"));
+		return e;
+	}
+	function l(e, t, n, r, i, a, s, l, u, d, f, p, m) {
+		function h(e) {
+			if (!m(e)) throw TypeError("Attempted to access private element on non-instance");
+		}
+		var g, _ = t[0], v = t[3], y = !l;
+		if (!y) {
+			n || Array.isArray(_) || (_ = [_]);
+			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
+			d ? (f || p ? b = {
+				get: xe(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || xe(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+		}
+		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
+			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, O = {
+				kind: [
+					"field",
+					"accessor",
+					"method",
+					"getter",
+					"setter",
+					"class"
+				][i],
+				name: r,
+				metadata: a,
+				addInitializer: function(e, t) {
+					if (e.v) throw Error("attempted to call addInitializer after decoration was finished");
+					c(t, "An initializer", "be", !0), s.push(t);
+				}.bind(null, D)
+			};
+			try {
+				if (y) (g = c(T.call(E, C, O), "class decorators", "return")) && (C = g);
+				else {
+					var k, A;
+					O.static = u, O.private = d, d ? i === 2 ? k = function(e) {
+						return h(e), b.value;
+					} : (i < 4 && (k = o(b, "get", h)), i !== 3 && (A = o(b, "set", h))) : (k = function(e) {
+						return e[r];
+					}, (i < 2 || i === 4) && (A = function(e, t) {
+						e[r] = t;
+					}));
+					var j = O.access = { has: d ? m.bind() : function(e) {
+						return r in e;
+					} };
+					if (k && (j.get = k), A && (j.set = A), C = T.call(E, p ? {
+						get: b.get,
+						set: b.set
+					} : b[S], O), p) {
+						if (typeof C == "object" && C) (g = c(C.get, "accessor.get")) && (b.get = g), (g = c(C.set, "accessor.set")) && (b.set = g), (g = c(C.init, "accessor.init")) && x.push(g);
+						else if (C !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+					} else c(C, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(C) : b[S] = C);
+				}
+			} finally {
+				D.v = !0;
+			}
+		}
+		return (f || p) && l.push(function(e, t) {
+			for (var n = x.length - 1; n >= 0; n--) t = x[n].call(e, t);
+			return t;
+		}), f || y || (d ? p ? l.push(o(b, "get"), o(b, "set")) : l.push(i === 2 ? b[S] : o.call.bind(b[S])) : Object.defineProperty(e, r, b)), C;
+	}
+	function u(e, t) {
+		return Object.defineProperty(e, Symbol.metadata || Symbol.for("Symbol.metadata"), {
+			configurable: !0,
+			enumerable: !0,
+			value: t
+		});
+	}
+	if (arguments.length >= 6) var d = a[Symbol.metadata || Symbol.for("Symbol.metadata")];
+	var f = Object.create(d ?? null), p = function(e, t, n, r) {
+		var i, a, o = [], c = function(t) {
+			return Se(t) === e;
+		}, u = /* @__PURE__ */ new Map();
+		function d(e) {
+			e && o.push(s.bind(null, e));
+		}
+		for (var f = 0; f < t.length; f++) {
+			var p = t[f];
+			if (Array.isArray(p)) {
+				var m = p[1], h = p[2], g = p.length > 3, _ = 16 & m, v = !!(8 & m), y = (m &= 7) == 0, b = h + "/" + v;
+				if (!y && !g) {
+					var x = u.get(b);
+					if (!0 === x || x === 3 && m !== 4 || x === 4 && m !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h);
+					u.set(b, !(m > 2) || m);
+				}
+				l(v ? e : e.prototype, p, _, g ? "#" + h : ye(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+			}
+		}
+		return d(i), d(a), o;
+	}(e, t, i, f);
+	return n.length || u(e, f), {
+		e: p,
+		get c() {
+			var t = [];
+			return n.length && [u(l(e, [n], r, e.name, 5, f, t), f), s.bind(null, t, e)];
+		}
+	};
+}
+function ye(e) {
+	var t = be(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function be(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function xe(e, t, n) {
+	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
+	try {
+		Object.defineProperty(e, "name", {
+			configurable: !0,
+			value: n ? n + " " + t : t
+		});
+	} catch {}
+	return e;
+}
+function Se(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+function Ce(e) {
+	return e;
+}
+O = [e("solid-ui-photo-capture-modal")];
+var $;
+new (me = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v = /*#__PURE__*/ new WeakMap(), y = /*#__PURE__*/ new WeakMap(), b = /*#__PURE__*/ new WeakMap(), x = /*#__PURE__*/ new WeakMap(), S = /*#__PURE__*/ new WeakMap(), C = /*#__PURE__*/ new WeakMap(), w = /*#__PURE__*/ new WeakMap(), T = /*#__PURE__*/ new WeakMap(), he = (k = a({
+	type: String,
+	reflect: !0
+}), j = a({
+	type: String,
+	reflect: !0
+}), te = a({
+	type: String,
+	reflect: !0
+}), re = a({
+	type: String,
+	reflect: !0
+}), ie = a({
+	type: String,
+	reflect: !0
+}), N = a({
+	type: String,
+	attribute: "cancel-label",
+	reflect: !0
+}), F = a({
+	type: String,
+	attribute: "file-name-prefix",
+	reflect: !0
+}), L = a({ attribute: !1 }), z = a({
+	type: String,
+	reflect: !0
+}), V = a({
+	type: String,
+	attribute: "capture-format",
+	reflect: !0
+}), U = a({
+	type: Number,
+	attribute: "capture-quality"
+}), G = a({
+	type: Boolean,
+	attribute: "show-cancel-button",
+	reflect: !0
+}), q = a({
+	type: String,
+	attribute: "facing-mode",
+	reflect: !0
+}), oe = o(), ce = o(), ue = o(), fe = o(), "name"), c = class extends t {
+	constructor(...e) {
+		super(...e), Y(this, l, (E(this), A(this, ""))), Y(this, u, ee(this, "Take a photo")), Y(this, d, ne(this, "Take Photo")), Y(this, f, M(this, "Use Photo")), Y(this, p, ae(this, "Retake")), Y(this, m, P(this, "Cancel")), Y(this, h, I(this, "")), Y(this, g, R(this, void 0)), Y(this, _, B(this, "")), Y(this, v, H(this, "image/png")), Y(this, y, W(this, void 0)), Y(this, b, K(this, !0)), Y(this, x, J(this, "user")), Y(this, S, se(this, "")), Y(this, C, le(this, "")), Y(this, w, de(this, !1)), Y(this, T, pe(this, null)), Q(this, "stream", null);
+	}
+	get [he]() {
+		return Z(l, this);
+	}
+	set name(e) {
+		X(l, this, e);
+	}
+	get heading() {
+		return Z(u, this);
+	}
+	set heading(e) {
+		X(u, this, e);
+	}
+	get captureLabel() {
+		return Z(d, this);
+	}
+	set captureLabel(e) {
+		X(d, this, e);
+	}
+	get confirmLabel() {
+		return Z(f, this);
+	}
+	set confirmLabel(e) {
+		X(f, this, e);
+	}
+	get retakeLabel() {
+		return Z(p, this);
+	}
+	set retakeLabel(e) {
+		X(p, this, e);
+	}
+	get cancelLabel() {
+		return Z(m, this);
+	}
+	set cancelLabel(e) {
+		X(m, this, e);
+	}
+	get fileNamePrefix() {
+		return Z(h, this);
+	}
+	set fileNamePrefix(e) {
+		X(h, this, e);
+	}
+	get mediaConstraints() {
+		return Z(g, this);
+	}
+	set mediaConstraints(e) {
+		X(g, this, e);
+	}
+	get constraints() {
+		return Z(_, this);
+	}
+	set constraints(e) {
+		X(_, this, e);
+	}
+	get captureFormat() {
+		return Z(v, this);
+	}
+	set captureFormat(e) {
+		X(v, this, e);
+	}
+	get captureQuality() {
+		return Z(y, this);
+	}
+	set captureQuality(e) {
+		X(y, this, e);
+	}
+	get showCancelButton() {
+		return Z(b, this);
+	}
+	set showCancelButton(e) {
+		X(b, this, e);
+	}
+	get facingMode() {
+		return Z(x, this);
+	}
+	set facingMode(e) {
+		X(x, this, e);
+	}
+	get errorMessage() {
+		return Z(S, this);
+	}
+	set errorMessage(e) {
+		X(S, this, e);
+	}
+	get previewUrl() {
+		return Z(C, this);
+	}
+	set previewUrl(e) {
+		X(C, this, e);
+	}
+	get startingPreview() {
+		return Z(w, this);
+	}
+	set startingPreview(e) {
+		X(w, this, e);
+	}
+	get value() {
+		return Z(T, this);
+	}
+	set value(e) {
+		X(T, this, e);
+	}
+	disconnectedCallback() {
+		this.stopStream(), this.revokePreviewUrl(), super.disconnectedCallback();
+	}
+	willUpdate(e) {
+		if (super.willUpdate(e), e.has("value")) {
+			let e = this.value instanceof File ? this.value : null;
+			if (e !== this.value) {
+				this.value = e;
+				return;
+			}
+			this.syncPreviewFromValue(e);
+		}
+	}
+	updated(e) {
+		if (!this.value && !this.stream && !this.startingPreview && (e.has("previewUrl") || e.has("value")) && this.queuePreviewStart(), this.stream) {
+			let e = this.shadowRoot?.querySelector("video");
+			e && e.srcObject !== this.stream && (e.srcObject = this.stream);
+		}
+	}
+	render() {
+		return r`
+        <solid-ui-dialog title=${this.heading}>
+            <solid-ui-dialog-content>
+                ${this.renderViewport()}
+                ${this.renderStatus()}
+            </solid-ui-dialog-content>
+            <solid-ui-dialog-footer>
+                ${this.showCancelButton ? r`<solid-ui-button variant="secondary" @click=${() => this.close()}>${this.cancelLabel}</solid-ui-button>` : i}
+
+                ${this.value ? r`
+                    <solid-ui-button @click=${this.onRetake}>${this.retakeLabel}</solid-ui-button>
+                    <solid-ui-button @click=${this.onConfirm}>${this.confirmLabel}</solid-ui-button>
+                  ` : r`
+                    <solid-ui-button
+                        ?disabled=${this.startingPreview || !this.stream}
+                        @click=${this.onCapture}
+                    >
+                        ${this.captureLabel}
+                    </solid-ui-button>
+                  `}
+            </solid-ui-dialog-footer>
+        </solid-ui-dialog>
+    `;
+	}
+	renderViewport() {
+		return r`<div class="viewport">${this.previewUrl ? r`<img src="${this.previewUrl}" alt="Captured photo preview" />` : r`<video autoplay playsinline muted></video>`}</div>`;
+	}
+	renderStatus() {
+		return this.errorMessage ? r`<div class="status error">${this.errorMessage}</div>` : this.startingPreview ? r`<div class="status">Opening camera…</div>` : this.value ? r`<div class="status">Review the photo before confirming it.</div>` : r`<div class="status">Preview the camera and take a photo when ready.</div>`;
+	}
+	onRetake() {
+		this.clearValue(), this.queuePreviewStart();
+	}
+	onConfirm() {
+		this.value && this.close(this.value);
+	}
+	async onCapture() {
+		let e = this.shadowRoot?.querySelector("video");
+		if (!e) return;
+		let t = e.videoWidth || e.clientWidth || 640, n = e.videoHeight || e.clientHeight || 480, r = document.createElement("canvas");
+		r.width = t, r.height = n;
+		let i = r.getContext("2d");
+		if (!i) {
+			this.errorMessage = "Unable to capture a photo in this browser";
+			return;
+		}
+		i.drawImage(e, 0, 0, t, n);
+		let a = await new Promise((e) => {
+			r.toBlob(e, this.captureFormat, this.captureQuality);
+		});
+		if (!a) {
+			this.errorMessage = "Unable to create an image from the current camera frame";
+			return;
+		}
+		this.value = this.createFileFromBlob(a), this.errorMessage = "";
+	}
+	createFileFromBlob(e) {
+		let t = e.type || this.captureFormat, n = this.fileExtensionForMimeType(t), r = (this.fileNamePrefix || this.name || "photo").trim() || "photo";
+		return new File([e], `${r}-${Date.now()}.${n}`, { type: t });
+	}
+	fileExtensionForMimeType(e) {
+		switch (e) {
+			case "image/jpeg": return "jpg";
+			case "image/webp": return "webp";
+			case "image/gif": return "gif";
+			default: return "png";
+		}
+	}
+	queuePreviewStart() {
+		this.startPreview().catch(() => void 0);
+	}
+	stopStream() {
+		if (!this.stream) return;
+		this.stream.getTracks().forEach((e) => e.stop()), this.stream = null;
+		let e = this.shadowRoot?.querySelector("video");
+		e && (e.srcObject = null);
+	}
+	syncPreviewFromValue(e) {
+		this.revokePreviewUrl(), e && (this.stopStream(), this.previewUrl = URL.createObjectURL(e));
+	}
+	clearValue() {
+		this.value = null, this.errorMessage = "";
+	}
+	revokePreviewUrl() {
+		this.previewUrl && URL.revokeObjectURL(this.previewUrl), this.previewUrl = "";
+	}
+	async startPreview() {
+		if (!(this.value || this.startingPreview)) {
+			if (!navigator.mediaDevices?.getUserMedia) {
+				this.errorMessage = "Camera access is not available in this browser";
+				return;
+			}
+			this.startingPreview = !0, this.errorMessage = "";
+			try {
+				let e = await navigator.mediaDevices.getUserMedia(this.resolveMediaConstraints());
+				this.stream = e, this.requestUpdate(), await this.updateComplete;
+				let t = this.shadowRoot?.querySelector("video");
+				t && (t.srcObject = e, await t.play?.().catch(() => void 0));
+			} catch (e) {
+				this.errorMessage = e?.message || "Unable to start the camera preview";
+			} finally {
+				this.startingPreview = !1;
+			}
+		}
+	}
+	resolveMediaConstraints() {
+		if (this.mediaConstraints) return this.mediaConstraints;
+		if (this.constraints) try {
+			return JSON.parse(this.constraints);
+		} catch (e) {
+			throw Error(`Invalid constraints JSON: ${e.message}`);
+		}
+		return { video: !this.facingMode || { facingMode: { ideal: this.facingMode } } };
+	}
+}, {e: [A, ee, ne, M, ae, P, I, R, B, H, W, K, J, se, le, de, pe, E], c: [$, D]} = ve(c, [
+	[
+		k,
+		1,
+		"name"
+	],
+	[
+		j,
+		1,
+		"heading"
+	],
+	[
+		te,
+		1,
+		"captureLabel"
+	],
+	[
+		re,
+		1,
+		"confirmLabel"
+	],
+	[
+		ie,
+		1,
+		"retakeLabel"
+	],
+	[
+		N,
+		1,
+		"cancelLabel"
+	],
+	[
+		F,
+		1,
+		"fileNamePrefix"
+	],
+	[
+		L,
+		1,
+		"mediaConstraints"
+	],
+	[
+		z,
+		1,
+		"constraints"
+	],
+	[
+		V,
+		1,
+		"captureFormat"
+	],
+	[
+		U,
+		1,
+		"captureQuality"
+	],
+	[
+		G,
+		1,
+		"showCancelButton"
+	],
+	[
+		q,
+		1,
+		"facingMode"
+	],
+	[
+		oe,
+		1,
+		"errorMessage"
+	],
+	[
+		ce,
+		1,
+		"previewUrl"
+	],
+	[
+		ue,
+		1,
+		"startingPreview"
+	],
+	[
+		fe,
+		1,
+		"value"
+	]
+], O, 0, void 0, t), c), s = class extends Ce {
+	constructor() {
+		super($), Q(this, "styles", n), D();
+	}
+}, Q(s, me, void 0), s)();
+//#endregion
+export { $ as default };
+
+//# sourceMappingURL=PhotoCaptureModal.esm.js.map