@verdocs/web-sdk 1.5.5 → 1.6.2

package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-initial-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAC,MAAM,eAAe,CAAC;AAEnF;;;GAGG;AAKH,MAAM,OAAO,oBAAoB;EAJjC;IAOE;;OAEG;IACK,aAAQ,GAAW,EAAE,CAAC;IAE9B;;OAEG;IACK,SAAI,GAAY,KAAK,CAAC;IAYrB,eAAU,GAAG,KAAK,CAAC;IAEnB,oBAAe,GAAW,EAAE,CAAC;IAE7B,SAAI,GAAW,MAAM,CAAC;GAwQhC;EAtQC,iBAAiB;IACf,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ;OACjC,KAAK,CAAC,GAAG,CAAC;OACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;OAC3B,IAAI,CAAC,EAAE,CAAC;OACR,WAAW,EAAE,CAAC;IAEjB,MAAM,EAAE,GAAG,IAAI,QAAQ,CAAC,gBAAgB,EAAE,kHAAkH,CAAC,CAAC;IAC9J,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;MACpB,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;MACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC,CAAC,CAAC;EACL,CAAC;EAED,gBAAgB;IACd,IAAI,CAAC,eAAe,EAAE,CAAC;EACzB,CAAC;EAED,kBAAkB;IAChB,IAAI,CAAC,eAAe,EAAE,CAAC;EACzB,CAAC;EAED,eAAe;IACb,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;MACvB,OAAO;KACR;IAED,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;IAE7C,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAE7E,IAAI,QAAQ,GAAG,GAAG,CAAC;IACnB,GAAG;MACD,QAAQ,IAAI,CAAC,CAAC;MACd,OAAO,CAAC,IAAI,GAAG,GAAG,QAAQ,mBAAmB,CAAC;KAC/C,QAAQ,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,GAAG,WAAW,GAAG,EAAE,EAAE,CAAC,yBAAyB;IAEvG,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC7B,OAAO,CAAC,YAAY,GAAG,QAAQ,CAAC;IAChC,OAAO,CAAC,IAAI,GAAG,GAAG,QAAQ,mBAAmB,CAAC;IAC9C,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;EACtG,CAAC;EAED,8HAA8H;EAC9H,aAAa,CAAC,CAAM;IAClB,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,oBAAoB,EAAE;MAC/C,CAAC,CAAC,cAAc,EAAE,CAAC;MACnB,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;EACH,CAAC;EAED,gBAAgB,CAAC,CAAC;IAChB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC;EAClC,CAAC;EAED,WAAW;IACT,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;EACpB,CAAC;EAED,YAAY;IACV,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACnB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;EACpB,CAAC;EAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4JG;EAEH,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAC;MAC5B,WAAK,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QACjE,WAAK,KAAK,EAAC,QAAQ;UACjB,WAAK,KAAK,EAAC,SAAS,0BAA0B;UAE9C,WAAK,KAAK,EAAC,SAAS;YAClB,0BAAoB,WAAW,EAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAI;YAC3I,WAAK,KAAK,EAAC,UAAU,qDAAqD;YAE1E,WAAK,KAAK,EAAC,MAAM;cACf,WAAK,KAAK,EAAE,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,EAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,WAEpF;cACN,WAAK,KAAK,EAAE,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,EAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,WAEpF,CACF;YAEL,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,cAAQ,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,EAAuB,CAAC,GAAI,CAAC,CAAC,CAAC,WAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,GAAI;YAE5H,WAAK,KAAK,EAAC,YAAY,yQAGjB;YAEN,WAAK,KAAK,EAAC,SAAS;cAClB,sBAAgB,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,GAAI;cACvF,sBAAgB,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,GAAI,CACtE,CACF,CACF,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, Host, h, Event, EventEmitter, State} from '@stencil/core';\n\n/**\n * Display a dialog that allows the user to specify an initials image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their initials with a mouse or tablet.\n */\n@Component({\n  tag: 'verdocs-initial-dialog',\n  styleUrl: 'verdocs-initial-dialog.scss',\n})\nexport class VerdocsInitialDialog {\n  private canvasElement?: HTMLCanvasElement;\n\n  /**\n   * Initial signature text\n   */\n  @Prop() fullname: string = '';\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * Event fired when the initials are adopted.\n   */\n  @Event({composed: true}) adopt: EventEmitter<string>;\n\n  /**\n   * Event fired when the step is cancelled.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  @State() fontLoaded = false;\n\n  @State() enteredInitials: string = '';\n\n  @State() mode: string = 'type';\n\n  componentWillLoad() {\n    this.enteredInitials = this.fullname\n      .split(' ')\n      .map(s => s.substring(0, 1))\n      .join('')\n      .toUpperCase();\n\n    const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');\n    ds.load().then(font => {\n      document.fonts.add(font);\n      this.fontLoaded = true;\n    });\n  }\n\n  componentDidLoad() {\n    this.redrawSignature();\n  }\n\n  componentDidUpdate() {\n    this.redrawSignature();\n  }\n\n  redrawSignature() {\n    if (!this.canvasElement) {\n      return;\n    }\n\n    const canvasWidth = this.canvasElement.width;\n\n    const context = this.canvasElement.getContext('2d');\n    context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);\n\n    let fontSize = 100;\n    do {\n      fontSize -= 2;\n      context.font = `${fontSize}px Dancing Script`;\n    } while (context.measureText(this.enteredInitials).width > canvasWidth - 32); // 32px padding each side\n\n    context.textAlign = 'center';\n    context.textBaseline = 'middle';\n    context.font = `${fontSize}px Dancing Script`;\n    context.fillText(this.enteredInitials, this.canvasElement.width / 2, this.canvasElement.height / 2);\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleNameChange(e) {\n    this.enteredInitials = e.detail;\n  }\n\n  handleAdopt() {\n    const data = this.canvasElement.toDataURL('image/png');\n    this.adopt.emit(data);\n    this.open = false;\n  }\n\n  handleCancel() {\n    this.cancel.emit();\n    this.open = false;\n  }\n\n  /*\n  selColor(hex: string) {\n    this.color = hex;\n    this.animateDraw();\n  }\n\n  stopDraw() {\n    this.paint = false;\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n  draw(e) {\n    this.paint = true;\n    this.addPoints(e, false);\n    this.animateDraw();\n  }\n\n  recordPoints(e) {\n    if (this.paint) {\n      this.addPoints(e, true);\n      this.animateDraw();\n    }\n  }\n\n  animateDraw() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n\n    this.canvas.strokeStyle = this.color || '#000000';\n    this.canvas.lineJoin = 'round';\n    this.canvas.lineWidth = 3;\n\n    for (let i = 0; i < this.points.length; i++) {\n      this.canvas.beginPath();\n      if (this.points[i].drag && i) {\n        this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);\n        // this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);\n      } else {\n        this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);\n        // this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);\n      }\n\n      this.canvas.lineTo(this.points[i].x, this.points[i].y);\n      this.canvas.closePath();\n      this.canvas.stroke();\n    }\n  }\n\n  drawCurve(color: string, curve: number) {\n    this.canvas.beginPath();\n  }\n\n\n\n  addPoints(e, drag: boolean) {\n    if (window) {\n      let x;\n      let y;\n      e.preventDefault();\n      if (e.touches && e.touches.length > 0) {\n        x = e.touches[0].clientX;\n      } else {\n        x = e.clientX;\n      }\n\n      if (e.touches && e.touches.length > 0) {\n        y = e.touches[0].clientY;\n      } else {\n        y = e.clientY;\n      }\n      const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();\n      this.points.push({\n        x: x - rect.left,\n        y: y - rect.top,\n        drag: drag\n      });\n    }\n  }\n\n  clearPad() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n    this.points = [];\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n    async adoptAndSign() {\n    try {\n      this.adoptedAndSigned = true;\n      await this.updateFullName();\n      await this.captureSignatureFromCanvas();\n      const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';\n      this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));\n      this.handleMode();\n    } catch (err) {\n      this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));\n    }\n  }\n\n  handleMode() {\n    let currentField;\n    switch (this.mode) {\n      case 'signerview':\n        if (this.signatureMode === 'Signature') {\n          this.signatureService.postSignatureBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateSigned(currentField.fName, true);\n              this.signatureService.toggleSig(false);\n              this.signatureService.setSignatureId(result.id);\n              this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {\n                this.eventTracker.createEvent({\n                  category: 'verdoc',\n                  action: 'verdoc signed',\n                  label: `verdoc id: ${this.envelopeId}`\n                })\n                if (res && res.settings) {\n                  this.signatureService.setSignatureData(res.settings.base64);\n                  this.signatureService.setSignatureId(res.settings.signature_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        } else {\n          this.signatureService.postInitialBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateInitialed(currentField.fName, true);\n              this.signatureService.setInitialId(result.id);\n              this.signatureService.toggleSig(false);\n              this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {\n                if (res && res.settings) {\n                  this.signatureService.setInitialData(res.settings.base64);\n                  this.signatureService.setInitialId(res.settings.initial_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        }\n        break;\n    }\n  }\n   */\n\n  render() {\n    return (\n      <Host class={{open: this.open}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">Create Your Initial</div>\n\n            <div class=\"content\">\n              <verdocs-text-input placeholder=\"Initials...\" label=\"Initials\" value={this.enteredInitials} onFieldInput={e => this.handleNameChange(e)} />\n              <div class=\"as-shown\">As shown on driver's license or govt. ID card.</div>\n\n              <div class=\"tabs\">\n                <div class={{tab: true, active: this.mode === 'type'}} onClick={() => (this.mode = 'type')}>\n                  Type\n                </div>\n                <div class={{tab: true, active: this.mode === 'draw'}} onClick={() => (this.mode = 'draw')}>\n                  Draw\n                </div>\n              </div>\n\n              {this.fontLoaded ? <canvas ref={el => (this.canvasElement = el as HTMLCanvasElement)} /> : <div style={{display: 'none'}} />}\n\n              <div class=\"disclaimer\">\n                By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents,\n                including legally binding contracts &mdash; just the same as a pen-and-paper signature or initial.\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button label=\"CANCEL\" variant=\"outline\" onPress={() => this.handleCancel()} />\n                <verdocs-button label=\"Adopt & Sign\" onPress={() => this.handleAdopt()} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.stories.js

@@ -16,3 +16,4 @@ export default {
   },
 };
 export const InitialDialog = ({ fullname, open, closed }) => html `<verdocs-initial-dialog .fullname=${fullname} .open=${open} @closed=${closed} />`;
+//# sourceMappingURL=verdocs-initial-dialog.stories.js.map

package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-initial-dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,wBAAwB;EAC/B,SAAS,EAAE,wBAAwB;EACnC,IAAI,EAAE;IACJ,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,cAAc;GACzB;EACD,QAAQ,EAAE;IACR,MAAM,EAAE;MACN,MAAM,EAAE,QAAQ;MAChB,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;OACd;KACF;GACF;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,qCAAqC,QAAQ,UAAU,IAAI,YAAY,MAAM,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Dialogs/Initial Dialog',\n  component: 'verdocs-initial-dialog',\n  args: {\n    open: true,\n    fullname: 'Paige Turner',\n  },\n  argTypes: {\n    closed: {\n      action: 'closed',\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta;\n\nexport const InitialDialog = ({fullname, open, closed}) => html`<verdocs-initial-dialog .fullname=${fullname} .open=${open} @closed=${closed} />`;\n"]}

package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js

@@ -290,3 +290,4 @@ export class VerdocsKbaDialog {
       }
     }]; }
 }
+//# sourceMappingURL=verdocs-kba-dialog.js.map

package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-kba-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAC7F,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC;;;;GAIG;AAKH,MAAM,OAAO,gBAAgB;EAJ7B;IAKE;;OAEG;IACK,SAAI,GAAW,CAAC,CAAC;IAEzB;;OAEG;IACK,UAAK,GAAW,CAAC,CAAC;IAE1B;;OAEG;IACK,cAAS,GAAW,eAAe,CAAC;IAE5C;;OAEG;IACK,aAAQ,GAAW,gFAAgF,CAAC;IAE5G;;OAEG;IACK,SAAI,GAAsB,QAAQ,CAAC;IAE3C;;OAEG;IACK,UAAK,GAAW,KAAK,CAAC;IAE9B;;OAEG;IACK,gBAAW,GAAW,mBAAmB,CAAC;IAElD;;OAEG;IACK,YAAO,GAAa,CAAC,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC;IAE/H;;OAEG;IACK,SAAI,GAAY,KAAK,CAAC;IAYrB,aAAQ,GAAG,EAAE,CAAC;GAyExB;EAvEC,YAAY;IACV,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACnB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;EACpB,CAAC;EAED,8HAA8H;EAC9H,aAAa,CAAC,CAAM;IAClB,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,oBAAoB,EAAE;MAC/C,CAAC,CAAC,cAAc,EAAE,CAAC;MACnB,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;EACH,CAAC;EAED,UAAU;IACR,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC9B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;EACpB,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAC;MAClD,WAAK,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QACjE,WAAK,KAAK,EAAC,QAAQ;UACjB,WAAK,KAAK,EAAC,SAAS;;YAEjB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,YAAM,KAAK,EAAC,MAAM;;cACd,IAAI,CAAC,IAAI;;cAAG,IAAI,CAAC,KAAK;kBACnB,CACR,CAAC,CAAC,CAAC,CACF,EAAC,QAAQ,OAAG,CACb,CACG;UAEN,WAAK,KAAK,EAAC,UAAU;YACnB,WAAK,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,QAAQ,GAAI;YAC9C,WAAK,KAAK,EAAC,cAAc;cACvB,WAAK,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,SAAS,CAAO;cAC9C,WAAK,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,QAAQ,CAAO,CACxC,CACF;UAEL,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACxB,WAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1B,WACE,KAAK,EAAE,UAAU,MAAM,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7D,OAAO,EAAE,GAAG,EAAE;cACZ,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;YACzB,CAAC,IAEA,MAAM,CACH,CACP,CAAC,CACE,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,OAAO;YAChB,aAAO,OAAO,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAS;YACvD,aAAO,IAAI,EAAC,MAAM,EAAC,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,mBAAmB,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI,CAChG,CACP;UAED,WAAK,KAAK,EAAC,SAAS;YAClB,sBAAgB,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,GAAI;YACvF,sBAAgB,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAI,CACvF,CACF,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Event, EventEmitter, Fragment, Host, State} from '@stencil/core';\nimport Question from './question.svg';\n\n/**\n * Display a text input field. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-kba-dialog',\n  styleUrl: 'verdocs-kba-dialog.scss',\n})\nexport class VerdocsKbaDialog {\n  /**\n   * Which step this confirmation is for, in a multi-step process. Ignored if `steps` is < 2.\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * How many steps exist in a multi-step process. Set to 1 for a single-step process (hides the indicator).\n   */\n  @Prop() steps: number = 3;\n\n  /**\n   * If set, a help/instructions box will be displayed with this title\n   */\n  @Prop() helptitle: string = 'One Time Code';\n\n  /**\n   * If set, a help/instructions box will be displayed with this text\n   */\n  @Prop() helptext: string = 'Please check your text messages for a security code, and enter the code below.';\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() mode: 'text' | 'choice' = 'choice';\n\n  /**\n   * For text input challenges, the label to display next to the input field.\n   */\n  @Prop() label: string = 'PIN';\n\n  /**\n   * For text input challenges, the placeholder to display inside the input field.\n   */\n  @Prop() placeholder: string = 'Enter your PIN...';\n\n  /**\n   * For choice challenges, a set of choices to choose from. 6 choices is recommended to fit most screen sizes.\n   */\n  @Prop() choices: string[] = ['553 Arbor Dr', '18 Lacey Ln', '23A Ball Ct', '2375 Cavallo Blvd', '23-1 RR-7', '151 Boulder Rd'];\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) done: EventEmitter<string>;\n\n  @State() response = '';\n\n  handleCancel() {\n    this.cancel.emit();\n    this.open = false;\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleDone() {\n    this.done.emit(this.response);\n    this.open = false;\n  }\n\n  render() {\n    return (\n      <Host style={{display: this.open ? 'block' : 'none'}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">\n              Confirm Your Identity\n              {this.steps > 1 ? (\n                <span class=\"step\">\n                  ({this.step}/{this.steps})\n                </span>\n              ) : (\n                <Fragment />\n              )}\n            </div>\n\n            <div class=\"help-box\">\n              <div class=\"help-icon\" innerHTML={Question} />\n              <div class=\"help-details\">\n                <div class=\"help-title\">{this.helptitle}</div>\n                <div class=\"help-text\">{this.helptext}</div>\n              </div>\n            </div>\n\n            {this.mode === 'choice' ? (\n              <div class=\"choices\">\n                {this.choices.map(choice => (\n                  <div\n                    class={`choice ${choice === this.response ? 'selected' : ''}`}\n                    onClick={() => {\n                      this.response = choice;\n                    }}\n                  >\n                    {choice}\n                  </div>\n                ))}\n              </div>\n            ) : (\n              <div class=\"input\">\n                <label htmlFor=\"verdocs-kba-input\">{this.label}</label>\n                <input type=\"text\" id=\"verdocs-kba-input\" name=\"verdocs-kba-input\" placeholder={this.placeholder} />\n              </div>\n            )}\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onPress={() => this.handleCancel()} />\n              <verdocs-button label=\"Done\" onPress={() => this.handleDone()} disabled={!this.response} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.stories.js

@@ -34,3 +34,4 @@ export const KBADialog = ({ helptitle, helptext, label, placeholder, mode, step,
     .open=${open}
     @closed=${closed}
   />`;
+//# sourceMappingURL=verdocs-kba-dialog.stories.js.map

package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-kba-dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,oBAAoB;EAC3B,SAAS,EAAE,oBAAoB;EAC/B,IAAI,EAAE;IACJ,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE,gFAAgF;IAC1F,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,mBAAmB;IAChC,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,WAAW,EAAE,gBAAgB,CAAC;GAC5G;EACD,QAAQ,EAAE;IACR,MAAM,EAAE;MACN,MAAM,EAAE,QAAQ;MAChB,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;OACd;KACF;GACF;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAC,EAAE,EAAE,CAC/G,IAAI,CAAA;YACM,IAAI;iBACC,SAAS;gBACV,QAAQ;aACX,KAAK;mBACC,WAAW;YAClB,IAAI;aACH,KAAK;eACH,OAAO;YACV,IAAI;cACF,MAAM;KACf,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Dialogs/KBA Dialog',\n  component: 'verdocs-kba-dialog',\n  args: {\n    open: true,\n    mode: 'choice',\n    helptitle: 'One Time Code',\n    helptext: 'Please check your text messages for a security code, and enter the code below.',\n    label: 'PIN',\n    placeholder: 'Enter your PIN...',\n    step: 1,\n    steps: 3,\n    choices: ['553 Arbor Dr', '18 Lacey Ln', '23A Ball Ct', '2375 Cavallo Blvd', '23-1 RR-7', '151 Boulder Rd'],\n  },\n  argTypes: {\n    closed: {\n      action: 'closed',\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta;\n\nexport const KBADialog = ({helptitle, helptext, label, placeholder, mode, step, steps, choices, open, closed}) =>\n  html`<verdocs-kba-dialog\n    .mode=${mode}\n    .helptitle=${helptitle}\n    .helptext=${helptext}\n    .label=${label}\n    .placeholder=${placeholder}\n    .step=${step}\n    .steps=${steps}\n    .choices=${choices}\n    .open=${open}\n    @closed=${closed}\n  />`;\n"]}

package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.js

@@ -144,3 +144,4 @@ export class VerdocsOkDialog {
       }
     }]; }
 }
+//# sourceMappingURL=verdocs-ok-dialog.js.map

package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-ok-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,IAAI,EAAC,MAAM,eAAe,CAAC;AAE5E;;;;GAIG;AAKH,MAAM,OAAO,eAAe;EAJ5B;IAKE;;OAEG;IACK,YAAO,GAAW,EAAE,CAAC;IAE7B;;OAEG;IACK,YAAO,GAAW,EAAE,CAAC;IAE7B;;OAEG;IACK,SAAI,GAAY,KAAK,CAAC;IAE9B;;;OAGG;IACK,WAAM,GAAY,KAAK,CAAC;GAuCjC;EAhCC,WAAW,CAAC,MAAuB;IACjC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACzB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;EACpB,CAAC;EAED,8HAA8H;EAC9H,aAAa,CAAC,CAAM;IAClB,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,oBAAoB,EAAE;MAC/C,CAAC,CAAC,cAAc,EAAE,CAAC;MACnB,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;KAC5B;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAC;MAClD,WAAK,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QACjE,WAAK,KAAK,EAAC,QAAQ;UACjB,WAAK,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAO;UACzC,WAAK,KAAK,EAAC,SAAS;YACjB,IAAI,CAAC,OAAO;YAEb,WAAK,KAAK,EAAC,SAAS;cACjB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,sBAAgB,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAI,CAAC,CAAC,CAAC,WAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,GAAI;cACjJ,sBAAgB,KAAK,EAAC,IAAI,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAI,CAChE,CACF,CACF,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-ok-dialog',\n  styleUrl: 'verdocs-ok-dialog.scss',\n})\nexport class VerdocsOkDialog {\n  /**\n   * The title of the dialog. \"title\" is a reserved word, so we use heading.\n   */\n  @Prop() heading: string = '';\n\n  /**\n   * The message content to display.\n   */\n  @Prop() message: string = '';\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\n   * overlay to dismiss it.\n   */\n  @Prop() cancel: boolean = false;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) closed: EventEmitter<'cancel' | 'ok'>;\n\n  handleClose(reason: 'cancel' | 'ok') {\n    this.closed.emit(reason);\n    this.open = false;\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleClose('cancel');\n    }\n  }\n\n  render() {\n    return (\n      <Host style={{display: this.open ? 'block' : 'none'}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">{this.heading}</div>\n            <div class=\"content\">\n              {this.message}\n\n              <div class=\"buttons\">\n                {this.cancel ? <verdocs-button label=\"CANCEL\" variant=\"outline\" onPress={() => this.handleClose('cancel')} /> : <div style={{display: 'none'}} />}\n                <verdocs-button label=\"OK\" onPress={() => this.handleClose('ok')} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.stories.js

@@ -18,3 +18,4 @@ export default {
   },
 };
 export const OkDialog = ({ heading, message, open, cancel, closed }) => html `<verdocs-ok-dialog .heading=${heading} .message=${message} .open=${open} .cancel=${cancel} @closed=${closed} />`;
+//# sourceMappingURL=verdocs-ok-dialog.stories.js.map

package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-ok-dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,mBAAmB;EAC1B,SAAS,EAAE,mBAAmB;EAC9B,IAAI,EAAE;IACJ,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,aAAa;IACtB,OAAO,EAAE,sEAAsE;GAChF;EACD,QAAQ,EAAE;IACR,MAAM,EAAE;MACN,MAAM,EAAE,QAAQ;MAChB,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;OACd;KACF;GACF;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAC,EAAE,EAAE,CACnE,IAAI,CAAA,+BAA+B,OAAO,aAAa,OAAO,UAAU,IAAI,YAAY,MAAM,YAAY,MAAM,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Dialogs/Ok Dialog',\n  component: 'verdocs-ok-dialog',\n  args: {\n    open: true,\n    cancel: true,\n    heading: 'Login Error',\n    message: 'Login failed. Please check your username and password and try again.',\n  },\n  argTypes: {\n    closed: {\n      action: 'closed',\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta;\n\nexport const OkDialog = ({heading, message, open, cancel, closed}) =>\n  html`<verdocs-ok-dialog .heading=${heading} .message=${message} .open=${open} .cancel=${cancel} @closed=${closed} />`;\n"]}

package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.js

@@ -323,3 +323,4 @@ export class VerdocsSignatureDialog {
       }
     }]; }
 }
+//# sourceMappingURL=verdocs-signature-dialog.js.map

package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-signature-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Prop, h, Event, EventEmitter, State, Host} from '@stencil/core';\n\n/**\n * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their signature with a mouse or tablet.\n */\n@Component({\n  tag: 'verdocs-signature-dialog',\n  styleUrl: 'verdocs-signature-dialog.scss',\n})\nexport class VerdocsSignatureDialog {\n  private canvasElement?: HTMLCanvasElement;\n\n  /**\n   * Initial signature text\n   */\n  @Prop() fullname: string = '';\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * Event fired when the initials are adopted.\n   */\n  @Event({composed: true}) adopt: EventEmitter<string>;\n\n  /**\n   * Event fired when the step is cancelled.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  @State() fontLoaded = false;\n\n  @State() enteredName: string = '';\n\n  @State() mode: string = 'type';\n\n  componentWillLoad() {\n    this.enteredName = this.fullname;\n\n    const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');\n    ds.load().then(font => {\n      document.fonts.add(font);\n      this.fontLoaded = true;\n    });\n  }\n\n  componentDidLoad() {\n    this.redrawSignature();\n  }\n\n  componentDidUpdate() {\n    this.redrawSignature();\n  }\n\n  redrawSignature() {\n    if (!this.canvasElement) {\n      return;\n    }\n\n    const canvasWidth = this.canvasElement.width;\n\n    const context = this.canvasElement.getContext('2d');\n    context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);\n\n    let fontSize = 100;\n    do {\n      fontSize -= 2;\n      context.font = `${fontSize}px Dancing Script`;\n    } while (context.measureText(this.enteredName).width > canvasWidth - 32); // 32px padding each side\n\n    context.textAlign = 'center';\n    context.textBaseline = 'middle';\n    context.font = `${fontSize}px Dancing Script`;\n    context.fillText(this.enteredName, this.canvasElement.width / 2, this.canvasElement.height / 2);\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleNameChange(e) {\n    this.enteredName = e.detail;\n  }\n\n  handleAdopt() {\n    const data = this.canvasElement.toDataURL('image/png');\n    this.adopt.emit(data);\n    this.open = false;\n  }\n\n  handleCancel() {\n    this.cancel.emit();\n    this.open = false;\n  }\n\n  /*\n  selColor(hex: string) {\n    this.color = hex;\n    this.animateDraw();\n  }\n\n  stopDraw() {\n    this.paint = false;\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n  draw(e) {\n    this.paint = true;\n    this.addPoints(e, false);\n    this.animateDraw();\n  }\n\n  recordPoints(e) {\n    if (this.paint) {\n      this.addPoints(e, true);\n      this.animateDraw();\n    }\n  }\n\n  animateDraw() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n\n    this.canvas.strokeStyle = this.color || '#000000';\n    this.canvas.lineJoin = 'round';\n    this.canvas.lineWidth = 3;\n\n    for (let i = 0; i < this.points.length; i++) {\n      this.canvas.beginPath();\n      if (this.points[i].drag && i) {\n        this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);\n        // this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);\n      } else {\n        this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);\n        // this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);\n      }\n\n      this.canvas.lineTo(this.points[i].x, this.points[i].y);\n      this.canvas.closePath();\n      this.canvas.stroke();\n    }\n  }\n\n  drawCurve(color: string, curve: number) {\n    this.canvas.beginPath();\n  }\n\n\n\n  addPoints(e, drag: boolean) {\n    if (window) {\n      let x;\n      let y;\n      e.preventDefault();\n      if (e.touches && e.touches.length > 0) {\n        x = e.touches[0].clientX;\n      } else {\n        x = e.clientX;\n      }\n\n      if (e.touches && e.touches.length > 0) {\n        y = e.touches[0].clientY;\n      } else {\n        y = e.clientY;\n      }\n      const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();\n      this.points.push({\n        x: x - rect.left,\n        y: y - rect.top,\n        drag: drag\n      });\n    }\n  }\n\n  clearPad() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n    this.points = [];\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n    async adoptAndSign() {\n    try {\n      this.adoptedAndSigned = true;\n      await this.updateFullName();\n      await this.captureSignatureFromCanvas();\n      const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';\n      this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));\n      this.handleMode();\n    } catch (err) {\n      this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));\n    }\n  }\n\n  handleMode() {\n    let currentField;\n    switch (this.mode) {\n      case 'signerview':\n        if (this.signatureMode === 'Signature') {\n          this.signatureService.postSignatureBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateSigned(currentField.fName, true);\n              this.signatureService.toggleSig(false);\n              this.signatureService.setSignatureId(result.id);\n              this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {\n                this.eventTracker.createEvent({\n                  category: 'verdoc',\n                  action: 'verdoc signed',\n                  label: `verdoc id: ${this.envelopeId}`\n                })\n                if (res && res.settings) {\n                  this.signatureService.setSignatureData(res.settings.base64);\n                  this.signatureService.setSignatureId(res.settings.signature_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        } else {\n          this.signatureService.postInitialBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateInitialed(currentField.fName, true);\n              this.signatureService.setInitialId(result.id);\n              this.signatureService.toggleSig(false);\n              this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {\n                if (res && res.settings) {\n                  this.signatureService.setInitialData(res.settings.base64);\n                  this.signatureService.setInitialId(res.settings.initial_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        }\n        break;\n    }\n  }\n   */\n\n  render() {\n    return (\n      <Host class={{open: this.open}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">Create Your Signature</div>\n\n            <div class=\"content\">\n              <verdocs-text-input placeholder=\"Full Name...\" label=\"Full Name\" value={this.enteredName} onFieldInput={e => this.handleNameChange(e)} />\n              <div class=\"as-shown\">As shown on driver's license or govt. ID card.</div>\n\n              <div class=\"tabs\">\n                <div class={{tab: true, active: this.mode === 'type'}} onClick={() => (this.mode = 'type')}>\n                  Type\n                </div>\n                <div class={{tab: true, active: this.mode === 'draw'}} onClick={() => (this.mode = 'draw')}>\n                  Draw\n                </div>\n              </div>\n\n              {this.fontLoaded ? <canvas ref={el => (this.canvasElement = el as HTMLCanvasElement)} /> : <div style={{display: 'none'}} />}\n\n              <div class=\"disclaimer\">\n                By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents,\n                including legally binding contracts &mdash; just the same as a pen-and-paper signature or initial.\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button label=\"CANCEL\" size=\"normal\" variant=\"outline\" onPress={() => this.handleCancel()} />\n                <verdocs-button label=\"Adopt & Sign\" size=\"normal\" onPress={() => this.handleAdopt()} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.stories.js

@@ -16,3 +16,4 @@ export default {
   },
 };
 export const SignatureDialog = ({ fullname, open, closed }) => html `<verdocs-signature-dialog .fullname=${fullname} .open=${open} @closed=${closed} />`;
+//# sourceMappingURL=verdocs-signature-dialog.stories.js.map

package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-signature-dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,0BAA0B;EACjC,SAAS,EAAE,0BAA0B;EACrC,IAAI,EAAE;IACJ,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,cAAc;GACzB;EACD,QAAQ,EAAE;IACR,MAAM,EAAE;MACN,MAAM,EAAE,QAAQ;MAChB,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;OACd;KACF;GACF;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,uCAAuC,QAAQ,UAAU,IAAI,YAAY,MAAM,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Dialogs/Signature Dialog',\n  component: 'verdocs-signature-dialog',\n  args: {\n    open: true,\n    fullname: 'Paige Turner',\n  },\n  argTypes: {\n    closed: {\n      action: 'closed',\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta;\n\nexport const SignatureDialog = ({fullname, open, closed}) => html`<verdocs-signature-dialog .fullname=${fullname} .open=${open} @closed=${closed} />`;\n"]}

package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.js

@@ -161,3 +161,4 @@ export class VerdocsUploadDialog {
       }
     }]; }
 }
+//# sourceMappingURL=verdocs-upload-dialog.js.map

package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-upload-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\nimport {fileToDataUrl, FileWithData} from '@verdocs/js-sdk/Utils/Files';\nimport Paperclip from './paperclip.svg';\nimport Trash from './trash.svg';\n\n/**\n * Display a text input field. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-upload-dialog',\n  styleUrl: 'verdocs-upload-dialog.scss',\n})\nexport class VerdocsUploadDialog {\n  private fileInput?: HTMLInputElement;\n\n  /**\n   * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.\n   */\n  @Prop() open: boolean = false;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the closure reason.\n   */\n  @Event({composed: true}) done: EventEmitter<FileWithData[]>;\n\n  @State() draggingOver = false;\n\n  @State() decodedFiles = [] as FileWithData[];\n\n  handleCancel() {\n    this.cancel.emit();\n    this.open = false;\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleDone() {\n    this.done.emit(this.decodedFiles);\n    this.open = false;\n  }\n\n  handleDragOver(e) {\n    e.preventDefault();\n    this.draggingOver = true;\n  }\n\n  handleDragLeave(e) {\n    e.preventDefault();\n    this.draggingOver = false;\n  }\n\n  async handleDrop(e) {\n    e.preventDefault();\n    this.draggingOver = false;\n\n    // Required for cross-browser support. Note that dataTransfer.items is of type DataTransferItemList and is not an array.\n    let droppedFiles = [] as File[];\n    if (e.dataTransfer.items) {\n      for (let i = 0; i < e.dataTransfer.items.length; i++) {\n        if (e.dataTransfer.items[i].kind === 'file') {\n          const file = e.dataTransfer.items[i].getAsFile();\n          droppedFiles.push(file);\n        }\n      }\n    } else {\n      droppedFiles = e.dataTransfer.files;\n    }\n\n    this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\n  }\n\n  handleRemoveAttachment(index: number) {\n    const newFiles = [...this.decodedFiles];\n    newFiles.splice(index, 1);\n    this.decodedFiles = newFiles;\n  }\n\n  handleSelectFile() {\n    this.fileInput?.click();\n  }\n\n  async handleFileChange(e) {\n    console.log('fileChange', e);\n    console.log('files', this.fileInput?.files);\n    let droppedFiles = [] as File[];\n    for (let i = 0; i < this.fileInput?.files.length; i++) {\n      droppedFiles.push(this.fileInput?.files[i]);\n    }\n    this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\n  }\n\n  render() {\n    return (\n      <Host style={{display: this.open ? 'block' : 'none'}}>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">Upload attachment</div>\n\n            {this.decodedFiles.length < 1 ? (\n              <div\n                class={{'drop-target': true, 'dragging-over': this.draggingOver}}\n                onDragOver={e => this.handleDragOver(e)}\n                onDragLeave={e => this.handleDragLeave(e)}\n                onDrop={e => this.handleDrop(e)}\n              >\n                <p>Drag and drop a file here...</p>\n                <p>- or -</p>\n\n                <verdocs-button label=\"Select a file...\" onPress={() => this.handleSelectFile()} />\n                <input type=\"file\" ref={el => (this.fileInput = el as HTMLInputElement)} style={{display: 'none'}} onChange={e => this.handleFileChange(e)} />\n              </div>\n            ) : (\n              <div class=\"attachments\">\n                {this.decodedFiles.map((file, index) => (\n                  <div class=\"attachment\">\n                    <div class=\"icon\" innerHTML={Paperclip} />\n                    <div class=\"name\">{file.name}</div>\n                    <div class=\"icon trash\" innerHTML={Trash} onClick={() => this.handleRemoveAttachment(index)} />\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onPress={() => this.handleCancel()} />\n              <verdocs-button label=\"Done\" onPress={() => this.handleDone()} disabled={this.decodedFiles.length < 1} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.stories.js

@@ -16,3 +16,4 @@ export default {
   },
 };
 export const UploadDialog = ({ message, open, closed }) => html `<verdocs-upload-dialog .message=${message} .open=${open} @closed=${closed} />`;
+//# sourceMappingURL=verdocs-upload-dialog.stories.js.map

package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-upload-dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,uBAAuB;EAC9B,SAAS,EAAE,uBAAuB;EAClC,IAAI,EAAE;IACJ,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,sEAAsE;GAChF;EACD,QAAQ,EAAE;IACR,MAAM,EAAE;MACN,MAAM,EAAE,QAAQ;MAChB,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;OACd;KACF;GACF;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,mCAAmC,OAAO,UAAU,IAAI,YAAY,MAAM,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Dialogs/Upload Dialog',\n  component: 'verdocs-upload-dialog',\n  args: {\n    open: true,\n    message: 'Login failed. Please check your username and password and try again.',\n  },\n  argTypes: {\n    closed: {\n      action: 'closed',\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta;\n\nexport const UploadDialog = ({message, open, closed}) => html`<verdocs-upload-dialog .message=${message} .open=${open} @closed=${closed} />`;\n"]}

package/dist/collection/components/elements/verdocs-field-attachment/verdocs-field-attachment.js

@@ -161,3 +161,4 @@ export class VerdocsFieldAttachment {
     }
   }; }
 }
+//# sourceMappingURL=verdocs-field-attachment.js.map

package/dist/collection/components/elements/verdocs-field-attachment/verdocs-field-attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-attachment.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-attachment/verdocs-field-attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAC,MAAM,eAAe,CAAC;AACpF,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC;;;GAGG;AAMH,MAAM,OAAO,sBAAsB;EALnC;IAME;;OAEG;IACK,UAAK,GAAW,CAAC,CAAC;IAE1B;;OAEG;IACK,UAAK,GAAW,EAAE,CAAC;IAE3B;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;GAoCnC;EA3BW,KAAK,CAAC,UAAU;IACxB,IAAI,CAAC,UAAU,EAAE,CAAC;EACpB,CAAC;EAID,UAAU;IACR,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAC9D,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;IACxB,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;;MAC1C,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;MACtB,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAC;IACxB,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE;;MACpC,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;MACvB,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAC;IACxB,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;EACpC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC;MACpC,YAAM,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAAI,CAC3D,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Host, Prop, Event, EventEmitter, Method} from '@stencil/core';\nimport Paperclip from './paperclip.svg';\n\n/**\n * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\n * input types like text and checkbox.\n */\n@Component({\n  tag: 'verdocs-field-attachment',\n  styleUrl: 'verdocs-field-attachment.scss',\n  shadow: false,\n})\nexport class VerdocsFieldAttachment {\n  /**\n   * Sets the tabIndex of the input element.\n   */\n  @Prop() order: number = 1;\n\n  /**\n   * Sets the value of the input element.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * If true, the field will be marked required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Sets the disabled attribute of the input element.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  @Method() async focusField() {\n    this.handleShow();\n  }\n\n  private dialog?: any;\n\n  handleShow() {\n    this.dialog = document.createElement('verdocs-upload-dialog');\n    this.dialog.open = true;\n    this.dialog.addEventListener('cancel', () => {\n      console.log('cancel');\n      this.dialog?.remove();\n    });\n    document.addEventListener('done', e => {\n      console.log('done', e);\n      this.dialog?.remove();\n    });\n    document.body.append(this.dialog);\n  }\n\n  render() {\n    return (\n      <Host class={{required: this.required}}>\n        <span innerHTML={Paperclip} onClick={() => this.handleShow()} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/elements/verdocs-field-attachment/verdocs-field-attachment.stories.js

@@ -6,3 +6,4 @@ export default {
   argTypes: {},
 };
 export const Attachment = ({}) => html `<verdocs-field-attachment />`;
+//# sourceMappingURL=verdocs-field-attachment.stories.js.map

package/dist/collection/components/elements/verdocs-field-attachment/verdocs-field-attachment.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-attachment.stories.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-attachment/verdocs-field-attachment.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,4BAA4B;EACnC,SAAS,EAAE,0BAA0B;EACrC,IAAI,EAAE,EAAE;EACR,QAAQ,EAAE,EAAE;CACL,CAAC;AAEV,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA,8BAA8B,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Document Fields/Attachment',\n  component: 'verdocs-field-attachment',\n  args: {},\n  argTypes: {},\n} as Meta;\n\nexport const Attachment = ({}) => html`<verdocs-field-attachment />`;\n"]}

package/dist/collection/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.js

@@ -129,3 +129,4 @@ export class VerdocsFieldCheckbox {
       }
     }]; }
 }
+//# sourceMappingURL=verdocs-field-checkbox.js.map

package/dist/collection/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-checkbox.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAE5E;;;GAGG;AAMH,MAAM,OAAO,oBAAoB;EALjC;IAME;;OAEG;IACK,UAAK,GAAW,CAAC,CAAC;IAE1B;;OAEG;IACK,UAAK,GAAY,KAAK,CAAC;IAE/B;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;GAuBnC;EAdC,YAAY,CAAC,CAAM;IACjB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;EAC1C,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC;MACpC;QACE,aAAO,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAI;QAC3J,eAAQ,CACF,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Host, Prop, Event, EventEmitter} from '@stencil/core';\n\n/**\n * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\n * input types like text and checkbox.\n */\n@Component({\n  tag: 'verdocs-field-checkbox',\n  styleUrl: 'verdocs-field-checkbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldCheckbox {\n  /**\n   * Sets the tabIndex of the input element.\n   */\n  @Prop() order: number = 1;\n\n  /**\n   * Sets the value of the input element.\n   */\n  @Prop() value: boolean = false;\n\n  /**\n   * If true, the field will be marked required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Sets the disabled attribute of the input element.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  handleChange(e: any) {\n    this.fieldChange.emit(e.target.checked);\n  }\n\n  render() {\n    return (\n      <Host class={{required: this.required}}>\n        <label>\n          <input type=\"checkbox\" tabIndex={this.order} checked={this.value} disabled={this.disabled} required={this.required} onChange={e => this.handleChange(e)} />\n          <span />\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.stories.js

@@ -9,3 +9,4 @@ export default {
   argTypes: {},
 };
 export const Checkbox = ({ required, value }) => html `<verdocs-field-checkbox .required=${required} .value=${value} />`;
+//# sourceMappingURL=verdocs-field-checkbox.stories.js.map

package/dist/collection/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-checkbox.stories.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-checkbox-group/verdocs-field-checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,0BAA0B;EACjC,SAAS,EAAE,wBAAwB;EACnC,IAAI,EAAE;IACJ,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;GACb;EACD,QAAQ,EAAE,EAAE;CACL,CAAC;AAEV,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,qCAAqC,QAAQ,WAAW,KAAK,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Document Fields/Checkbox',\n  component: 'verdocs-field-checkbox',\n  args: {\n    required: false,\n    value: false,\n  },\n  argTypes: {},\n} as Meta;\n\nexport const Checkbox = ({required, value}) => html`<verdocs-field-checkbox .required=${required} .value=${value} />`;\n"]}

package/dist/collection/components/elements/verdocs-field-date/verdocs-field-date.js

@@ -243,3 +243,4 @@ export class VerdocsFieldDate {
     }
   }; }
 }
+//# sourceMappingURL=verdocs-field-date.js.map

package/dist/collection/components/elements/verdocs-field-date/verdocs-field-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-date.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-date/verdocs-field-date.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-ignore\nimport {Datepicker} from 'vanillajs-datepicker';\nimport {Component, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core';\n\n/**\n * Displays a date field. When tapped or clicked, the input element will display a date picker component.\n */\n@Component({\n  tag: 'verdocs-field-date',\n  styleUrl: 'verdocs-field-date.scss',\n  shadow: false,\n})\nexport class VerdocsFieldDate {\n  private el: HTMLInputElement;\n\n  /**\n   * A placeholder to assist the user in completing the field.\n   */\n  @Prop() placeholder: string = 'Select Date';\n\n  /**\n   * Sets the tabIndex of the input element.\n   */\n  @Prop() order: number = 1;\n\n  /**\n   * Sets the value of the input element.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * If true, the field will be marked required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Sets the disabled attribute of the input element.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Event fired when the input field loses focus.\n   */\n  @Event({composed: true}) fieldFocus: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field gains focus.\n   */\n  @Event({composed: true}) fieldBlur: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) fieldInput: EventEmitter<string>;\n\n  @State() focused = false;\n\n  @Method() async focusField() {\n    this.focused = true;\n    this.el.focus();\n    this.fieldFocus.emit(true);\n  }\n\n  componentDidLoad() {\n    new Datepicker(this.el, {\n      autohide: true,\n      todayHighlight: true,\n    });\n\n    this.el.addEventListener('changeDate', (e: any) => {\n      console.log('changeDate', e.detail.date.toISOString());\n    });\n  }\n\n  handleBlur() {\n    this.focused = false;\n    this.fieldBlur.emit(true);\n  }\n\n  handleFocus() {\n    this.focused = true;\n    this.fieldFocus.emit(true);\n  }\n\n  handleChange(e: any) {\n    this.fieldChange.emit(e.target.value);\n  }\n\n  handleInput(e: any) {\n    this.fieldInput.emit(e.target.value);\n  }\n\n  // NOTE: We don't use a \"date\" field here because browsers vary widely in their formatting of it.\n  render() {\n    return (\n      <Host class={{focused: this.focused, required: this.required, storybook: !!window?.['STORYBOOK_ENV']}}>\n        <input\n          type=\"text\"\n          value=\"\"\n          placeholder={this.placeholder}\n          required={this.required}\n          ref={el => (this.el = el)}\n          onBlur={() => this.handleBlur()}\n          onFocus={() => this.handleFocus()}\n          onChange={e => this.handleChange(e)}\n          onInput={e => this.handleInput(e)}\n        />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/elements/verdocs-field-date/verdocs-field-date.stories.js

@@ -29,3 +29,4 @@ export default {
   },
 };
 export const Date = ({ placeholder, order, value, required, disabled }) => html `<verdocs-field-textbox .placeholder="${placeholder}" .order="${order}" .required="${required}" .value="${value}" .disabled="${disabled}" />`;
+//# sourceMappingURL=verdocs-field-date.stories.js.map

package/dist/collection/components/elements/verdocs-field-date/verdocs-field-date.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-date.stories.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-date/verdocs-field-date.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,sBAAsB;EAC7B,SAAS,EAAE,oBAAoB;EAC/B,IAAI,EAAE;IACJ,WAAW,EAAE,aAAa;IAC1B,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;GAChB;EACD,QAAQ,EAAE;IACR,UAAU,EAAE;MACV,MAAM,EAAE,YAAY;MACpB,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;KACvB;IACD,SAAS,EAAE;MACT,MAAM,EAAE,WAAW;MACnB,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;KACvB;IACD,WAAW,EAAE;MACX,MAAM,EAAE,aAAa;MACrB,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;KACvB;IACD,UAAU,EAAE;MACV,MAAM,EAAE,YAAY;MACpB,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;KACvB;GACF;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE,CACtE,IAAI,CAAA,wCAAwC,WAAW,aAAa,KAAK,gBAAgB,QAAQ,aAAa,KAAK,gBAAgB,QAAQ,MAAM,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Document Fields/Date',\n  component: 'verdocs-field-date',\n  args: {\n    placeholder: 'Select Date',\n    order: 1,\n    value: '',\n    disabled: false,\n    required: false,\n  },\n  argTypes: {\n    fieldFocus: {\n      action: 'fieldFocus',\n      table: {disable: true},\n    },\n    fieldBlur: {\n      action: 'fieldBlur',\n      table: {disable: true},\n    },\n    fieldChange: {\n      action: 'fieldChange',\n      table: {disable: true},\n    },\n    fieldInput: {\n      action: 'fieldInput',\n      table: {disable: true},\n    },\n  },\n} as Meta;\n\nexport const Date = ({placeholder, order, value, required, disabled}) =>\n  html`<verdocs-field-textbox .placeholder=\"${placeholder}\" .order=\"${order}\" .required=\"${required}\" .value=\"${value}\" .disabled=\"${disabled}\" />`;\n"]}

package/dist/collection/components/elements/verdocs-field-dropdown/verdocs-field-dropdown.js

@@ -214,3 +214,4 @@ export class VerdocsFieldDropdown {
     }
   }; }
 }
+//# sourceMappingURL=verdocs-field-dropdown.js.map

package/dist/collection/components/elements/verdocs-field-dropdown/verdocs-field-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-dropdown.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-dropdown/verdocs-field-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAE3F;;;GAGG;AAMH,MAAM,OAAO,oBAAoB;EALjC;IAQE;;OAEG;IACK,YAAO,GAAU,EAAE,CAAC;IAE5B;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,UAAK,GAAW,CAAC,CAAC;IAE1B;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,UAAK,GAAW,EAAE,CAAC;IAmBlB,YAAO,GAAG,KAAK,CAAC;GA2C1B;EAzCW,KAAK,CAAC,UAAU;IACxB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;IAChB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC7B,CAAC;EAED,UAAU;IACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC5B,CAAC;EAED,WAAW;IACT,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC7B,CAAC;EAED,YAAY,CAAC,CAAM;IACjB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;EACxC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC;MAC3D,cACE,QAAQ,EAAE,IAAI,CAAC,KAAK,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,EACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EACnC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;QAEjC,cAAQ,KAAK,EAAC,EAAE,gBAAmB;QAClC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1B,cAAQ,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAC5D,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK,CACJ,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core';\n\n/**\n * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\n * input types like text and checkbox.\n */\n@Component({\n  tag: 'verdocs-field-dropdown',\n  styleUrl: 'verdocs-field-dropdown.scss',\n  shadow: false,\n})\nexport class VerdocsFieldDropdown {\n  private el: HTMLSelectElement;\n\n  /**\n   * The optoins to choose from.\n   */\n  @Prop() options: any[] = [];\n\n  /**\n   * If true, the field will be marked required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Sets the tabIndex of the input element.\n   */\n  @Prop() order: number = 1;\n\n  /**\n   * Sets the disabled attribute of the input element.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The currently selected value.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * Event fired when the input field loses focus.\n   */\n  @Event({composed: true}) fieldFocus: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field gains focus.\n   */\n  @Event({composed: true}) fieldBlur: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  @State() focused = false;\n\n  @Method() async focusField() {\n    this.focused = true;\n    this.el.focus();\n    this.fieldFocus.emit(true);\n  }\n\n  handleBlur() {\n    this.focused = false;\n    this.fieldBlur.emit(true);\n  }\n\n  handleFocus() {\n    this.focused = true;\n    this.fieldFocus.emit(true);\n  }\n\n  handleChange(e: any) {\n    this.fieldChange.emit(e.target.value);\n  }\n\n  render() {\n    return (\n      <Host class={{focused: this.focused, required: this.required}}>\n        <select\n          tabIndex={this.order}\n          disabled={this.disabled}\n          ref={el => (this.el = el)}\n          onChange={e => this.handleChange(e)}\n          onBlur={() => this.handleBlur()}\n          onFocus={() => this.handleFocus()}\n        >\n          <option value=\"\">Select...</option>\n          {this.options.map(option => (\n            <option value={option.id} selected={option.value === this.value}>\n              {option.value}\n            </option>\n          ))}\n        </select>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/elements/verdocs-field-dropdown/verdocs-field-dropdown.stories.js

@@ -12,3 +12,4 @@ export default {
   argTypes: {},
 };
 export const Dropdown = ({ order, value, required, disabled, options }) => html `<verdocs-field-dropdown .order="${order}" .required="${required}" .value="${value}" .disabled="${disabled}" .options="${options}" />`;
+//# sourceMappingURL=verdocs-field-dropdown.stories.js.map

package/dist/collection/components/elements/verdocs-field-dropdown/verdocs-field-dropdown.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-dropdown/verdocs-field-dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,0BAA0B;EACjC,SAAS,EAAE,wBAAwB;EACnC,IAAI,EAAE;IACJ,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,CAAC,EAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAC,CAAC;GAC1C;EACD,QAAQ,EAAE,EAAE;CACL,CAAC;AAEV,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAC,EAAE,EAAE,CACtE,IAAI,CAAA,mCAAmC,KAAK,gBAAgB,QAAQ,aAAa,KAAK,gBAAgB,QAAQ,eAAe,OAAO,MAAM,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Document Fields/Dropdown',\n  component: 'verdocs-field-dropdown',\n  args: {\n    order: 1,\n    value: '',\n    disabled: false,\n    required: false,\n    options: [{id: 'id1', value: 'Option 1'}],\n  },\n  argTypes: {},\n} as Meta;\n\nexport const Dropdown = ({order, value, required, disabled, options}) =>\n  html`<verdocs-field-dropdown .order=\"${order}\" .required=\"${required}\" .value=\"${value}\" .disabled=\"${disabled}\" .options=\"${options}\" />`;\n"]}

package/dist/collection/components/elements/verdocs-field-initial/verdocs-field-initial.js

@@ -153,3 +153,4 @@ export class VerdocsFieldInitial {
     }
   }; }
 }
+//# sourceMappingURL=verdocs-field-initial.js.map

package/dist/collection/components/elements/verdocs-field-initial/verdocs-field-initial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-initial.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-initial/verdocs-field-initial.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEpF;;;GAGG;AAMH,MAAM,OAAO,mBAAmB;EALhC;IAME;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,aAAQ,GAAW,EAAE,CAAC;IAE9B;;OAEG;IACK,UAAK,GAAW,EAAE,CAAC;GA8C5B;EAlCW,KAAK,CAAC,UAAU;IACxB,IAAI,CAAC,UAAU,EAAE,CAAC;EACpB,CAAC;EAID,UAAU;IACR,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;IAC/D,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;IACxB,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;IACrC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;;MAC1C,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;MACtB,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAC;IACxB,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;;MACrC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;MACxB,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAC;IACxB,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;EACpC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,IACnC,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,CACnB,WAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAC,UAAU,GAAG,CACxC,CAAC,CAAC,CAAC,CACF,cAAQ,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,cAE1C,CACV,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core';\n\n/**\n * Displays an initial field. If an initial already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder\n * button will be shown. Clicking the button will show a dialog to adopt an initial.\n */\n@Component({\n  tag: 'verdocs-field-initial',\n  styleUrl: 'verdocs-field-initial.scss',\n  shadow: false,\n})\nexport class VerdocsFieldInitial {\n  /**\n   * Whether the field is required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * The user's full name.\n   */\n  @Prop() fullName: string = '';\n\n  /**\n   * The base64 signature value.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.\n   */\n  @Event({composed: true}) adopt: EventEmitter<string>;\n\n  /**\n   * Event emitted when the user cancels the process.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  @Method() async focusField() {\n    this.handleShow();\n  }\n\n  private dialog?: any;\n\n  handleShow() {\n    this.dialog = document.createElement('verdocs-initial-dialog');\n    this.dialog.open = true;\n    this.dialog.fullName = this.fullName;\n    this.dialog.addEventListener('cancel', () => {\n      console.log('cancel');\n      this.dialog?.remove();\n    });\n    document.addEventListener('adopt', e => {\n      console.log('adopt', e);\n      this.dialog?.remove();\n    });\n    document.body.append(this.dialog);\n  }\n\n  render() {\n    return (\n      <Host class={{required: this.required}}>\n        {this.value !== '' ? (\n          <img src={this.value} alt=\"Initials\" />\n        ) : (\n          <button class={{}} onClick={() => this.handleShow()}>\n            Initial\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/elements/verdocs-field-initial/verdocs-field-initial.stories.js

@@ -8,3 +8,4 @@ export default {
   argTypes: {},
 };
 export const Initial = ({ required }) => html `<verdocs-field-initial .required=${required} />`;
+//# sourceMappingURL=verdocs-field-initial.stories.js.map

package/dist/collection/components/elements/verdocs-field-initial/verdocs-field-initial.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-initial.stories.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-initial/verdocs-field-initial.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,yBAAyB;EAChC,SAAS,EAAE,uBAAuB;EAClC,IAAI,EAAE;IACJ,QAAQ,EAAE,KAAK;GAChB;EACD,QAAQ,EAAE,EAAE;CACL,CAAC;AAEV,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,oCAAoC,QAAQ,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Document Fields/Initial',\n  component: 'verdocs-field-initial',\n  args: {\n    required: false,\n  },\n  argTypes: {},\n} as Meta;\n\nexport const Initial = ({required}) => html`<verdocs-field-initial .required=${required} />`;\n"]}

package/dist/collection/components/elements/verdocs-field-payment/verdocs-field-payment.js

@@ -361,3 +361,4 @@ export class VerdocsFieldPayment {
       }
     }]; }
 }
+//# sourceMappingURL=verdocs-field-payment.js.map

package/dist/collection/components/elements/verdocs-field-payment/verdocs-field-payment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-payment.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-payment/verdocs-field-payment.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, h, Host, Prop, Event, EventEmitter, State} from '@stencil/core';\nimport {IDocumentField} from '@verdocs/js-sdk/Documents/Documents';\n\n/**\n * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as\n * input types like text and checkbox.\n */\n@Component({\n  tag: 'verdocs-field-payment',\n  styleUrl: 'verdocs-field-payment.scss',\n  shadow: false,\n})\nexport class VerdocsFieldPayment {\n  /**\n   * The field to display.\n   */\n  @Prop() field: IDocumentField;\n\n  @Prop() fields: any[];\n  @Prop() pageNum: number;\n  @Prop() roleName: string;\n  @Prop() fieldId: string;\n  @Prop() recipients: any;\n  @Prop() selectedRoleName: string;\n  @Prop() pdfPages: any[];\n  @Prop() currentSignature: string;\n  @Prop() currentSignatureId: string;\n  @Prop() currentInitial: string;\n  @Prop() currentInitialId: string;\n  @Prop() focused: boolean = false;\n  @Prop() signed: boolean = false;\n\n  @Event({composed: true}) signatureComplete: EventEmitter<string>;\n\n  @Event({composed: true}) initialComplete: EventEmitter<string>;\n\n  @State() preparedMessage: string;\n  @State() signatureUrl: string = '';\n\n  _fields: any[] = [];\n  // envelopeFieldsFormGroup: FormGroup;\n  signatureFile: any = null;\n  initialFile: any = null;\n  today: string;\n  focusOrderNumber = -1;\n  focusFieldName: string = '';\n  timer: any;\n  activeElement = null;\n  showError = {\n    pageNum: -1,\n    fieldIndex: -1,\n    type: null,\n  };\n  dialogOpened = false;\n  closeAllErrors = false;\n  fieldsMap: any = {};\n  mode: string;\n\n  fieldsForCurrentSigner: any[] = [];\n\n  validators;\n  fontSize = 11;\n  averageFontWidth = 5;\n  requiredFields: any[] = [];\n\n  componentWillLoad() {\n    // Load validators\n    // Load fields\n    // Get role names\n    console.log('sign field', this.field);\n\n    if (this.recipients && this.recipients.length > 0) {\n      const preparer = this.recipients.find(r => r.type === 'preparer');\n      console.log('Found preparer', preparer);\n      if (preparer) {\n        this.preparedMessage = `Prepared by ${preparer['full_name']}`;\n      }\n    }\n  }\n\n  // [tabIndex]=\"field.role !== roleName ? -1 : 1\"\n  // [ngStyle]=\"field.element_style\"\n  // [value]=\"field.value\"\n  // (click)=\"initiateSign(field)\"\n  // (blur)=\"validateChanges(field)\"\n  // [disabled]=\"field.role!==roleName\"\n  // [id]=\"field.key\"\n\n  // <button _ngcontent-app-root-c342=\"\" class=\"envelope__field\" tabindex=\"1\" ng-reflect-ng-style=\"[object Object]\"\n  // ng-reflect-ng-class=\"[object Object]\" value=\"\" id=\"signatureP5-1\"\n  // style=\"height: 100%; width: 100%; background: none; font-size: 11px; border: 1px solid rgb(204, 0, 0);\"> Signature </button>\n\n  //     bottom: 229.333\n  // px\n  // ;\n  //     left: 169.333\n  // px\n  // ;\n  //     height: 41\n  // px\n  // ;\n  //     width: 82\n  // px\n  // ;\n  //     background-color: rgba(156, 39, 176, 0.4);\n  //     transform: scale(1.33333, 1.33333);\n  // }\n  // <style>\n  // .envelope__item[_ngcontent-app-root-c342] {\n  //     position: absolute;\n  //     transform-origin: bottom left;\n  //     opacity: 1;\n\n  render() {\n    return (\n      <Host class={{focused: this.focused, storybook: !!window?.['STORYBOOK_ENV']}}>\n        <button class={{hide: this.signed}}>Payment</button>\n        {this.signed ? <div class=\"frame\" /> : <div style={{display: 'none'}} />}\n        <img width=\"100%\" height=\"100%\" src={this.signatureUrl} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/elements/verdocs-field-payment/verdocs-field-payment.stories.js

@@ -6,3 +6,4 @@ export default {
   argTypes: {},
 };
 export const Payment = ({}) => html `<verdocs-field-payment />`;
+//# sourceMappingURL=verdocs-field-payment.stories.js.map

package/dist/collection/components/elements/verdocs-field-payment/verdocs-field-payment.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-payment.stories.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-payment/verdocs-field-payment.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,yBAAyB;EAChC,SAAS,EAAE,uBAAuB;EAClC,IAAI,EAAE,EAAE;EACR,QAAQ,EAAE,EAAE;CACL,CAAC;AAEV,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA,2BAA2B,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Document Fields/Payment',\n  component: 'verdocs-field-payment',\n  args: {},\n  argTypes: {},\n} as Meta;\n\nexport const Payment = ({}) => html`<verdocs-field-payment />`;\n"]}

package/dist/collection/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.js

@@ -172,3 +172,4 @@ export class VerdocsFieldRadioButton {
       }
     }]; }
 }
+//# sourceMappingURL=verdocs-field-radio-button.js.map

package/dist/collection/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-radio-button.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAE5E;;GAEG;AAMH,MAAM,OAAO,uBAAuB;EALpC;IAME;;OAEG;IACK,UAAK,GAAW,CAAC,CAAC;IAE1B;;OAEG;IACK,YAAO,GAAY,KAAK,CAAC;IAEjC;;OAEG;IACK,UAAK,GAAW,EAAE,CAAC;IAE3B;;OAEG;IACK,SAAI,GAAW,EAAE,CAAC;IAE1B;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;GAgCnC;EAvBC,YAAY,CAAC,CAAM;IACjB,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;EAC1C,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,eAAe,CAAC,CAAA,EAAC;MAC5E,aACE,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,IAAI,CAAC,KAAK,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,EAChC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GACnC;MACF,aAAO,OAAO,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,GAAI,CAC3C,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Host, Prop, Event, EventEmitter} from '@stencil/core';\n\n/**\n * Displays a radio button.\n */\n@Component({\n  tag: 'verdocs-field-radio-button',\n  styleUrl: 'verdocs-field-radio-button.scss',\n  shadow: false,\n})\nexport class VerdocsFieldRadioButton {\n  /**\n   * Sets the tabIndex of the input element.\n   */\n  @Prop() order: number = 1;\n\n  /**\n   * Sets the value of the input element.\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * Sets the value of the input element.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * Sets the name of the input element.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * If true, the field will be marked required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Sets the disabled attribute of the input element.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  handleChange(e: any) {\n    console.log('changed', e);\n    this.fieldChange.emit(e.target.checked);\n  }\n\n  render() {\n    return (\n      <Host class={{required: this.required, storybook: !!window?.['STORYBOOK_ENV']}}>\n        <input\n          type=\"radio\"\n          tabIndex={this.order}\n          value={this.value}\n          name={this.name}\n          id={`${this.name}=${this.value}`}\n          checked={this.checked}\n          disabled={this.disabled}\n          required={this.required}\n          onChange={e => this.handleChange(e)}\n        />\n        <label htmlFor={`${this.name}=${this.value}`} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.stories.js

@@ -11,3 +11,4 @@ export default {
   argTypes: {},
 };
 export const RadioButton = ({ required, value, checked, name }) => html `<verdocs-field-radio-button .required=${required} .value=${value} .checked=${checked} .name=${name} />`;
+//# sourceMappingURL=verdocs-field-radio-button.stories.js.map

package/dist/collection/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-radio-button.stories.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-radio-button-group/verdocs-field-radio-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,8BAA8B;EACrC,SAAS,EAAE,4BAA4B;EACvC,IAAI,EAAE;IACJ,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,KAAK;IACd,IAAI,EAAE,SAAS;GAChB;EACD,QAAQ,EAAE,EAAE;CACL,CAAC;AAEV,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,yCAAyC,QAAQ,WAAW,KAAK,aAAa,OAAO,UAAU,IAAI,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Document Fields/Radio Button',\n  component: 'verdocs-field-radio-button',\n  args: {\n    required: false,\n    value: 'id-1',\n    checked: false,\n    name: 'radio-1',\n  },\n  argTypes: {},\n} as Meta;\n\nexport const RadioButton = ({required, value, checked, name}) => html`<verdocs-field-radio-button .required=${required} .value=${value} .checked=${checked} .name=${name} />`;\n"]}

package/dist/collection/components/elements/verdocs-field-signature/verdocs-field-signature.js

@@ -153,3 +153,4 @@ export class VerdocsFieldSignature {
     }
   }; }
 }
+//# sourceMappingURL=verdocs-field-signature.js.map

package/dist/collection/components/elements/verdocs-field-signature/verdocs-field-signature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-signature.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-signature/verdocs-field-signature.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAC,MAAM,eAAe,CAAC;AAEpF;;;GAGG;AAMH,MAAM,OAAO,qBAAqB;EALlC;IAME;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,aAAQ,GAAW,EAAE,CAAC;IAE9B;;OAEG;IACK,UAAK,GAAW,EAAE,CAAC;GA8C5B;EAlCW,KAAK,CAAC,UAAU;IACxB,IAAI,CAAC,UAAU,EAAE,CAAC;EACpB,CAAC;EAID,UAAU;IACR,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;IACjE,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;IACxB,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;IACrC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;;MAC1C,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;MACtB,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAC;IACxB,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;;MACrC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;MACxB,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAC;IACxB,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;EACpC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,IACnC,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,CACnB,WAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAC,WAAW,GAAG,CACzC,CAAC,CAAC,CAAC,CACF,cAAQ,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,gBAE1C,CACV,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Host, Prop, Event, EventEmitter, Method} from '@stencil/core';\n\n/**\n * Displays a signature field. If a signature already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder\n * button will be shown. Clicking the button will show a dialog to adopt a signature.\n */\n@Component({\n  tag: 'verdocs-field-signature',\n  styleUrl: 'verdocs-field-signature.scss',\n  shadow: false,\n})\nexport class VerdocsFieldSignature {\n  /**\n   * Whether the field is required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * The user's full name.\n   */\n  @Prop() fullName: string = '';\n\n  /**\n   * The base64 signature value.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image.\n   */\n  @Event({composed: true}) adopt: EventEmitter<string>;\n\n  /**\n   * Event emitted when the user cancels the process.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  @Method() async focusField() {\n    this.handleShow();\n  }\n\n  private dialog?: any;\n\n  handleShow() {\n    this.dialog = document.createElement('verdocs-signature-dialog');\n    this.dialog.open = true;\n    this.dialog.fullName = this.fullName;\n    this.dialog.addEventListener('cancel', () => {\n      console.log('cancel');\n      this.dialog?.remove();\n    });\n    document.addEventListener('adopt', e => {\n      console.log('adopt', e);\n      this.dialog?.remove();\n    });\n    document.body.append(this.dialog);\n  }\n\n  render() {\n    return (\n      <Host class={{required: this.required}}>\n        {this.value !== '' ? (\n          <img src={this.value} alt=\"Signature\" />\n        ) : (\n          <button class={{}} onClick={() => this.handleShow()}>\n            Signature\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/elements/verdocs-field-signature/verdocs-field-signature.stories.js

@@ -8,3 +8,4 @@ export default {
   argTypes: {},
 };
 export const Signature = ({ required }) => html `<verdocs-field-signature .required=${required} />`;
+//# sourceMappingURL=verdocs-field-signature.stories.js.map

package/dist/collection/components/elements/verdocs-field-signature/verdocs-field-signature.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-signature.stories.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-signature/verdocs-field-signature.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,2BAA2B;EAClC,SAAS,EAAE,yBAAyB;EACpC,IAAI,EAAE;IACJ,QAAQ,EAAE,KAAK;GAChB;EACD,QAAQ,EAAE,EAAE;CACL,CAAC;AAEV,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,sCAAsC,QAAQ,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Document Fields/Signature',\n  component: 'verdocs-field-signature',\n  args: {\n    required: false,\n  },\n  argTypes: {},\n} as Meta;\n\nexport const Signature = ({required}) => html`<verdocs-field-signature .required=${required} />`;\n"]}

package/dist/collection/components/elements/verdocs-field-textarea/verdocs-field-textarea.js

@@ -231,3 +231,4 @@ export class VerdocsFieldTextarea {
     }
   }; }
 }
+//# sourceMappingURL=verdocs-field-textarea.js.map

package/dist/collection/components/elements/verdocs-field-textarea/verdocs-field-textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-textarea.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-textarea/verdocs-field-textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAE3F;;GAEG;AAMH,MAAM,OAAO,oBAAoB;EALjC;IAQE;;OAEG;IACK,gBAAW,GAAW,EAAE,CAAC;IAEjC;;OAEG;IACK,UAAK,GAAW,CAAC,CAAC;IAE1B;;OAEG;IACK,UAAK,GAAW,EAAE,CAAC;IAE3B;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;IAwBzB,YAAO,GAAG,KAAK,CAAC;GA4C1B;EA1CW,KAAK,CAAC,UAAU;IACxB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;IAChB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC7B,CAAC;EAED,UAAU;IACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC5B,CAAC;EAED,WAAW;IACT,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC7B,CAAC;EAED,YAAY,CAAC,CAAM;IACjB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;EACxC,CAAC;EAED,WAAW,CAAC,CAAM;IAChB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;EACvC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,eAAe,CAAC,CAAA,EAAC;MACnG,gBACE,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EACnC,QAAQ,EAAE,IAAI,CAAC,KAAK,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,EACzB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EACjC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EACnC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GACjC,CACG,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Host, Prop, Event, EventEmitter, State, Method} from '@stencil/core';\n\n/**\n * Display a multi-line text input field.\n */\n@Component({\n  tag: 'verdocs-field-textarea',\n  styleUrl: 'verdocs-field-textarea.scss',\n  shadow: false,\n})\nexport class VerdocsFieldTextarea {\n  private el: HTMLTextAreaElement;\n\n  /**\n   * A placeholder to assist the user in completing the field.\n   */\n  @Prop() placeholder: string = '';\n\n  /**\n   * Sets the tabIndex of the input element.\n   */\n  @Prop() order: number = 1;\n\n  /**\n   * Sets the value of the input element.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * If true, the field will be marked required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Sets the disabled attribute of the input element.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Event fired when the input field loses focus.\n   */\n  @Event({composed: true}) fieldFocus: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field gains focus.\n   */\n  @Event({composed: true}) fieldBlur: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) fieldInput: EventEmitter<string>;\n\n  @State() focused = false;\n\n  @Method() async focusField() {\n    this.focused = true;\n    this.el.focus();\n    this.fieldFocus.emit(true);\n  }\n\n  handleBlur() {\n    this.focused = false;\n    this.fieldBlur.emit(true);\n  }\n\n  handleFocus() {\n    this.focused = true;\n    this.fieldFocus.emit(true);\n  }\n\n  handleChange(e: any) {\n    this.fieldChange.emit(e.target.value);\n  }\n\n  handleInput(e: any) {\n    this.fieldInput.emit(e.target.value);\n  }\n\n  render() {\n    return (\n      <Host class={{focused: this.focused, required: this.required, storybook: !!window?.['STORYBOOK_ENV']}}>\n        <textarea\n          placeholder={this.placeholder || ''}\n          tabIndex={this.order}\n          value={this.value}\n          disabled={this.disabled}\n          required={this.required}\n          ref={el => (this.el = el)}\n          onBlur={() => this.handleBlur()}\n          onFocus={() => this.handleFocus()}\n          onChange={e => this.handleChange(e)}\n          onInput={e => this.handleInput(e)}\n        />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/elements/verdocs-field-textarea/verdocs-field-textarea.stories.js

@@ -12,3 +12,4 @@ export default {
   argTypes: {},
 };
 export const Textarea = ({ placeholder, order, value, required, disabled }) => html `<verdocs-field-textarea .placeholder="${placeholder}" .order="${order}" .required="${required}" .value="${value}" .disabled="${disabled}" />`;
+//# sourceMappingURL=verdocs-field-textarea.stories.js.map

package/dist/collection/components/elements/verdocs-field-textarea/verdocs-field-textarea.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-textarea.stories.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-textarea/verdocs-field-textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,0BAA0B;EACjC,SAAS,EAAE,wBAAwB;EACnC,IAAI,EAAE;IACJ,WAAW,EAAE,kBAAkB;IAC/B,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;GAChB;EACD,QAAQ,EAAE,EAAE;CACL,CAAC;AAEV,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE,CAC1E,IAAI,CAAA,yCAAyC,WAAW,aAAa,KAAK,gBAAgB,QAAQ,aAAa,KAAK,gBAAgB,QAAQ,MAAM,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Document Fields/Textarea',\n  component: 'verdocs-field-textarea',\n  args: {\n    placeholder: 'Email address...',\n    order: 1,\n    value: '',\n    disabled: false,\n    required: false,\n  },\n  argTypes: {},\n} as Meta;\n\nexport const Textarea = ({placeholder, order, value, required, disabled}) =>\n  html`<verdocs-field-textarea .placeholder=\"${placeholder}\" .order=\"${order}\" .required=\"${required}\" .value=\"${value}\" .disabled=\"${disabled}\" />`;\n"]}

package/dist/collection/components/elements/verdocs-field-textbox/verdocs-field-textbox.js

@@ -231,3 +231,4 @@ export class VerdocsFieldTextbox {
     }
   }; }
 }
+//# sourceMappingURL=verdocs-field-textbox.js.map

package/dist/collection/components/elements/verdocs-field-textbox/verdocs-field-textbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-textbox.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-textbox/verdocs-field-textbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAE3F;;GAEG;AAMH,MAAM,OAAO,mBAAmB;EALhC;IAQE;;OAEG;IACK,gBAAW,GAAW,EAAE,CAAC;IAEjC;;OAEG;IACK,UAAK,GAAW,CAAC,CAAC;IAE1B;;OAEG;IACK,UAAK,GAAW,EAAE,CAAC;IAE3B;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;IAwBzB,YAAO,GAAG,KAAK,CAAC;GA6C1B;EA3CW,KAAK,CAAC,UAAU;IACxB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;IAChB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC7B,CAAC;EAED,UAAU;IACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC5B,CAAC;EAED,WAAW;IACT,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC7B,CAAC;EAED,YAAY,CAAC,CAAM;IACjB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;EACxC,CAAC;EAED,WAAW,CAAC,CAAM;IAChB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;EACvC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC;MAC3D,aACE,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EACnC,QAAQ,EAAE,IAAI,CAAC,KAAK,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,EACzB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EACjC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EACnC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GACjC,CACG,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Host, Prop, Event, EventEmitter, State, Method} from '@stencil/core';\n\n/**\n * Display a text input field.\n */\n@Component({\n  tag: 'verdocs-field-textbox',\n  styleUrl: 'verdocs-field-textbox.scss',\n  shadow: false,\n})\nexport class VerdocsFieldTextbox {\n  private el: HTMLInputElement;\n\n  /**\n   * A placeholder to assist the user in completing the field.\n   */\n  @Prop() placeholder: string = '';\n\n  /**\n   * Sets the tabIndex of the input element.\n   */\n  @Prop() order: number = 1;\n\n  /**\n   * Sets the value of the input element.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * If true, the field will be marked required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Sets the disabled attribute of the input element.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Event fired when the input field loses focus.\n   */\n  @Event({composed: true}) fieldFocus: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field gains focus.\n   */\n  @Event({composed: true}) fieldBlur: EventEmitter<boolean>;\n\n  /**\n   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\n   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\n   * keypress.\n   */\n  @Event({composed: true}) fieldChange: EventEmitter<string>;\n\n  /**\n   * Event fired on every character entered into / deleted from the field.\n   */\n  @Event({composed: true}) fieldInput: EventEmitter<string>;\n\n  @State() focused = false;\n\n  @Method() async focusField() {\n    this.focused = true;\n    this.el.focus();\n    this.fieldFocus.emit(true);\n  }\n\n  handleBlur() {\n    this.focused = false;\n    this.fieldBlur.emit(true);\n  }\n\n  handleFocus() {\n    this.focused = true;\n    this.fieldFocus.emit(true);\n  }\n\n  handleChange(e: any) {\n    this.fieldChange.emit(e.target.value);\n  }\n\n  handleInput(e: any) {\n    this.fieldInput.emit(e.target.value);\n  }\n\n  render() {\n    return (\n      <Host class={{focused: this.focused, required: this.required}}>\n        <input\n          type=\"text\"\n          placeholder={this.placeholder || ''}\n          tabIndex={this.order}\n          value={this.value}\n          disabled={this.disabled}\n          required={this.required}\n          ref={el => (this.el = el)}\n          onBlur={() => this.handleBlur()}\n          onFocus={() => this.handleFocus()}\n          onChange={e => this.handleChange(e)}\n          onInput={e => this.handleInput(e)}\n        />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/elements/verdocs-field-textbox/verdocs-field-textbox.stories.js

@@ -12,3 +12,4 @@ export default {
   argTypes: {},
 };
 export const Textbox = ({ placeholder, order, value, required, disabled }) => html `<verdocs-field-textbox .placeholder="${placeholder}" .order="${order}" .required="${required}" .value="${value}" .disabled="${disabled}" />`;
+//# sourceMappingURL=verdocs-field-textbox.stories.js.map

package/dist/collection/components/elements/verdocs-field-textbox/verdocs-field-textbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-field-textbox.stories.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-field-textbox/verdocs-field-textbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,yBAAyB;EAChC,SAAS,EAAE,uBAAuB;EAClC,IAAI,EAAE;IACJ,WAAW,EAAE,kBAAkB;IAC/B,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;GAChB;EACD,QAAQ,EAAE,EAAE;CACL,CAAC;AAEV,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE,CACzE,IAAI,CAAA,wCAAwC,WAAW,aAAa,KAAK,gBAAgB,QAAQ,aAAa,KAAK,gBAAgB,QAAQ,MAAM,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Document Fields/Textbox',\n  component: 'verdocs-field-textbox',\n  args: {\n    placeholder: 'Email address...',\n    order: 1,\n    value: '',\n    disabled: false,\n    required: false,\n  },\n  argTypes: {},\n} as Meta;\n\nexport const Textbox = ({placeholder, order, value, required, disabled}) =>\n  html`<verdocs-field-textbox .placeholder=\"${placeholder}\" .order=\"${order}\" .required=\"${required}\" .value=\"${value}\" .disabled=\"${disabled}\" />`;\n"]}

package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.js

@@ -89,3 +89,4 @@ export class VerdocsQuickFunctions {
       }
     }]; }
 }
+//# sourceMappingURL=verdocs-quick-functions.js.map

package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-quick-functions.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-quick-functions/verdocs-quick-functions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAgB,IAAI,EAAC,MAAM,eAAe,CAAC;AACtE,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C;;;;;GAKG;AAKH,MAAM,OAAO,qBAAqB;EAJlC;IAKE;;OAEG;IACK,aAAQ,GAAoB,eAAe,CAAC,UAAU,EAAE,CAAC;GAiClE;EArBC,oBAAoB;IAClB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;EAC7B,CAAC;EAED,oBAAoB;IAClB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;EAC7B,CAAC;EAED,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAC,WAAW;MACpB,SAAG,KAAK,EAAC,OAAO,mBAAiB;MACjC,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,SAAS,EAAE,YAAY,eAElE;MACT,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,SAAS,EAAE,YAAY,eAElE,CACL,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop} from '@stencil/core';\nimport TemplateIcon from './template-icon.svg';\nimport DocumentIcon from './document-icon.svg';\n\n/**\n * Display quick-function buttons for creating templates and documents.\n *\n * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n */\n@Component({\n  tag: 'verdocs-quick-functions',\n  styleUrl: 'verdocs-quick-functions.scss',\n})\nexport class VerdocsQuickFunctions {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * Event fired when an entry is clicked.\n   */\n  @Event({composed: true}) createTemplate: EventEmitter;\n\n  /**\n   * Event fired when an entry is clicked.\n   */\n  @Event({composed: true}) createDocument: EventEmitter;\n\n  handleCreateTemplate() {\n    this.createTemplate.emit();\n  }\n\n  handleCreateDocument() {\n    this.createDocument.emit();\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <p class=\"title\">Quick Create</p>\n        <button onClick={() => this.handleCreateTemplate()} innerHTML={TemplateIcon}>\n          Template\n        </button>\n        <button onClick={() => this.handleCreateDocument()} innerHTML={DocumentIcon}>\n          Document\n        </button>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.stories.js

@@ -13,3 +13,4 @@ export default {
   },
 };
 export const QuickFunctions = ({ options, createTemplate, createDocument }) => html `<verdocs-quick-functions .options=${options} @createTemplate=${createTemplate} @createDocument=${createDocument} tall />`;
+//# sourceMappingURL=verdocs-quick-functions.stories.js.map

package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-quick-functions.stories.js","sourceRoot":"","sources":["../../../../src/components/elements/verdocs-quick-functions/verdocs-quick-functions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,wBAAwB;EAC/B,SAAS,EAAE,yBAAyB;EACpC,IAAI,EAAE;IACJ,OAAO,EAAE;MACP,KAAK,EAAE,cAAc;KACtB;GACF;EACD,QAAQ,EAAE;IACR,cAAc,EAAE,EAAC,MAAM,EAAE,gBAAgB,EAAC;IAC1C,cAAc,EAAE,EAAC,MAAM,EAAE,gBAAgB,EAAC;GAC3C;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAC,EAAE,EAAE,CAC1E,IAAI,CAAA,qCAAqC,OAAO,oBAAoB,cAAc,oBAAoB,cAAc,UAAU,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Search/Quick Functions',\n  component: 'verdocs-quick-functions',\n  args: {\n    options: {\n      title: 'Quick Create',\n    },\n  },\n  argTypes: {\n    createTemplate: {action: 'createTemplate'},\n    createDocument: {action: 'createDocument'},\n  },\n} as Meta;\n\nexport const QuickFunctions = ({options, createTemplate, createDocument}) =>\n  html`<verdocs-quick-functions .options=${options} @createTemplate=${createTemplate} @createDocument=${createDocument} tall />`;\n"]}