@verdocs/web-sdk 5.0.13 → 5.0.14

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

@@ -4,3 +4,5 @@ const VerdocsFieldAttachment = VerdocsFieldAttachment$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsFieldAttachment, defineCustomElement };
+
+//# sourceMappingURL=verdocs-field-attachment.js.map

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

@@ -0,0 +1 @@
+{"file":"verdocs-field-attachment.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-field-checkbox.js

@@ -4,3 +4,5 @@ const VerdocsFieldCheckbox = VerdocsFieldCheckbox$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsFieldCheckbox, defineCustomElement };
+
+//# sourceMappingURL=verdocs-field-checkbox.js.map

package/dist/components/verdocs-field-checkbox.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-field-checkbox.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -4,3 +4,5 @@ const VerdocsFieldDate = VerdocsFieldDate$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsFieldDate, defineCustomElement };
+
+//# sourceMappingURL=verdocs-field-date.js.map

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

@@ -0,0 +1 @@
+{"file":"verdocs-field-date.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -4,3 +4,5 @@ const VerdocsFieldDropdown = VerdocsFieldDropdown$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsFieldDropdown, defineCustomElement };
+
+//# sourceMappingURL=verdocs-field-dropdown.js.map

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

@@ -0,0 +1 @@
+{"file":"verdocs-field-dropdown.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -4,3 +4,5 @@ const VerdocsFieldInitial = VerdocsFieldInitial$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsFieldInitial, defineCustomElement };
+
+//# sourceMappingURL=verdocs-field-initial.js.map

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

@@ -0,0 +1 @@
+{"file":"verdocs-field-initial.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -201,3 +201,5 @@ const VerdocsFieldPayment = VerdocsFieldPayment$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsFieldPayment, defineCustomElement };
+
+//# sourceMappingURL=verdocs-field-payment.js.map

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

@@ -0,0 +1 @@
+{"file":"verdocs-field-payment.js","mappings":"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","names":["VerdocsFieldPayment"],"sources":["src/components/fields/verdocs-field-payment/verdocs-field-payment.scss?tag=verdocs-field-payment","src/components/fields/verdocs-field-payment/verdocs-field-payment.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-payment {\n  font-family: $verdocs-primary-font;\n  width: 24px;\n  height: 24px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  scroll-margin: 20px 0;\n  border: 1px solid #cfa;\n  background-color: transparent;\n  transform-origin: bottom left;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  button,\n  div {\n    box-sizing: border-box;\n  }\n\n  button {\n    color: rgba(0, 0, 0, 0.87);\n    font-weight: 500;\n    transform-origin: 0 0;\n    //background-color: rgba(225, 255, 255, 0.5);\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  input {\n    float: left;\n    font-family: Arial, sans-serif;\n  }\n\n  select {\n    position: absolute;\n    font-family: Arial, sans-serif;\n    background: linear-gradient(55deg, transparent 50%, #333 50%), linear-gradient(125deg, #333 50%, transparent 50%), linear-gradient(to right, transparent, transparent);\n    background-position:\n      calc(100% - 7px) 4px,\n      calc(100% - 3px) 4px,\n      100% 0;\n    background-size:\n      5px 5px,\n      5px 5px,\n      2.5em 2.5em;\n    background-repeat: no-repeat;\n    appearance: none;\n  }\n\n  .frame {\n    width: 100%;\n    height: 100%;\n    background-size: contain;\n    text-align: left;\n\n    img {\n      position: absolute;\n      height: auto;\n      width: 100%;\n    }\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.4s 1;\n  }\n\n  .settings-icon {\n    position: absolute;\n    top: -3px;\n    left: -20px;\n    display: inline-block;\n    cursor: pointer;\n    opacity: 0.3;\n\n    svg {\n      fill: $border-color;\n    }\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n}\n\n@keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\n","import {ITemplateField, getRGBA, IEnvelopeField} from '@verdocs/js-sdk';\nimport {Component, h, Host, Prop, Event, EventEmitter, State, Method, Fragment} from '@stencil/core';\nimport {SettingsIcon} from '../../../utils/Icons';\nimport {Store} from '../../../utils/Datastore';\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   * Fields may be attached to templates or envelopes, but only template fields may be edited.\n   */\n  @Prop({reflect: true}) source: 'template' | 'envelope' = 'template';\n\n  /**\n   * The source template or envelope ID the field is found in.\n   */\n  @Prop({reflect: true}) sourceid: string = '';\n\n  /**\n   * The name of the field to display.\n   */\n  @Prop({reflect: true}) fieldname: string = '';\n\n  /**\n   * Override the field's settings. This is intended to be used during signing when fields are being\n   * mutated.\n   */\n  @Prop() field: IEnvelopeField | null | undefined = null;\n\n  /**\n   * If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled.\n   */\n  @Prop({reflect: true}) disabled?: boolean = false;\n\n  /**\n   * If set, the field is considered \"done\" and is drawn in a display-final-value state.\n   */\n  @Prop({reflect: true}) done?: boolean = false;\n\n  /**\n   * If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\n   * changed, so it should typically only be enabled in the Builder.\n   */\n  @Prop({reflect: true}) editable?: boolean = false;\n\n  /**\n   * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.\n   */\n  @Prop({reflect: true}) moveable?: boolean = false;\n\n  /**\n   * If set, the field will be be scaled horizontally by this factor.\n   */\n  @Prop({reflect: true}) xscale?: number = 1;\n\n  /**\n   * If set, the field will be be scaled vertically by this factor.\n   */\n  @Prop({reflect: true}) yscale?: number = 1;\n\n  /**\n   * The page the field is on\n   */\n  @Prop({reflect: true}) pagenumber?: number = 1;\n\n  /**\n   * Event fired when the field's settings are changed.\n   */\n  @Event({composed: true}) settingsChanged: EventEmitter<{fieldName: string; field: ITemplateField}>;\n\n  /**\n   * Event fired when the field is deleted.\n   */\n  @Event({composed: true}) deleted: EventEmitter<{fieldName: string}>;\n\n  @State() showingProperties?: boolean = false;\n  @State() focused?: boolean = false;\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() signed: boolean = false;\n\n  @State() preparedMessage: string;\n  @State() signatureUrl: string = '';\n\n  /**\n   * If set, the field will be colored using this index value to select the background color.\n   */\n  @Prop() roleindex?: number = 0;\n\n  mode: string;\n\n  componentWillLoad() {\n    // Load validators\n    // Load fields\n    // Get role names\n    if (this.recipients && this.recipients.length > 0) {\n      const preparer = this.recipients.find((r: any) => 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  @Method()\n  async focusField() {\n    // We don't have a visible input that we can actually focus on, so we fake it\n    this.focused = true;\n    setTimeout(() => {\n      this.focused = false;\n    }, 500);\n  }\n\n  @Method()\n  async showSettingsPanel() {\n    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n    if (settingsPanel && settingsPanel.showPanel) {\n      settingsPanel.showPanel();\n    }\n  }\n\n  @Method()\n  async hideSettingsPanel() {\n    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`) as any;\n    if (settingsPanel && settingsPanel.hidePanel) {\n      settingsPanel.hidePanel();\n    }\n  }\n\n  render() {\n    const {source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1} = this;\n\n    const {index, field} = Store.getField(source, sourceid, fieldname, this.field);\n    const backgroundColor = getRGBA(index);\n\n    if (!field) {\n      return <Fragment />;\n    }\n\n    if (done) {\n      return <Host class={{done}}>$✓</Host>;\n    }\n\n    return (\n      <Host class={{focused, disabled}} style={{backgroundColor}}>\n        <button class={{hide: this.signed}}>$</button>\n        {this.signed ? <div class=\"frame\" /> : <div style={{display: 'none'}} />}\n        <img width=\"100%\" height=\"100%\" src={this.signatureUrl} alt=\"Payment Icon\" />\n\n        {editable && (\n          <Fragment>\n            <div\n              id={`verdocs-settings-panel-trigger-${fieldname}`}\n              style={{transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})`}}\n              class=\"settings-icon\"\n              innerHTML={SettingsIcon}\n              onClick={(e: any) => {\n                e.stopPropagation();\n                this.showingProperties = !this.showingProperties;\n              }}\n            />\n\n            {this.showingProperties && (\n              <verdocs-portal anchor={`verdocs-settings-panel-trigger-${field.name}`} onClickAway={() => (this.showingProperties = false)}>\n                <verdocs-template-field-properties\n                  templateId={sourceid}\n                  fieldName={field.name}\n                  onClose={() => (this.showingProperties = false)}\n                  onDelete={() => {\n                    this.deleted?.emit({fieldName: fieldname});\n                    return this.hideSettingsPanel();\n                  }}\n                  onSettingsChanged={e => {\n                    this.settingsChanged?.emit(e.detail);\n                    return this.hideSettingsPanel();\n                  }}\n                  helpText={'Check boxes allow the user to select one or more (non-exclusive) options.'}\n                />\n              </verdocs-portal>\n            )}\n          </Fragment>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-field-radio.js

@@ -4,3 +4,5 @@ const VerdocsFieldRadio = VerdocsFieldRadio$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsFieldRadio, defineCustomElement };
+
+//# sourceMappingURL=verdocs-field-radio.js.map

package/dist/components/verdocs-field-radio.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-field-radio.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -4,3 +4,5 @@ const VerdocsFieldSignature = VerdocsFieldSignature$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsFieldSignature, defineCustomElement };
+
+//# sourceMappingURL=verdocs-field-signature.js.map

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

@@ -0,0 +1 @@
+{"file":"verdocs-field-signature.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -4,3 +4,5 @@ const VerdocsFieldTextarea = VerdocsFieldTextarea$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsFieldTextarea, defineCustomElement };
+
+//# sourceMappingURL=verdocs-field-textarea.js.map

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

@@ -0,0 +1 @@
+{"file":"verdocs-field-textarea.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -4,3 +4,5 @@ const VerdocsFieldTextbox = VerdocsFieldTextbox$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsFieldTextbox, defineCustomElement };
+
+//# sourceMappingURL=verdocs-field-textbox.js.map

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

@@ -0,0 +1 @@
+{"file":"verdocs-field-textbox.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-field-timestamp.js

@@ -4,3 +4,5 @@ const VerdocsFieldTimestamp = VerdocsFieldTimestamp$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsFieldTimestamp, defineCustomElement };
+
+//# sourceMappingURL=verdocs-field-timestamp.js.map

package/dist/components/verdocs-field-timestamp.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-field-timestamp.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-file-chooser.js

@@ -4,3 +4,5 @@ const VerdocsFileChooser = VerdocsFileChooser$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsFileChooser, defineCustomElement };
+
+//# sourceMappingURL=verdocs-file-chooser.js.map

package/dist/components/verdocs-file-chooser.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-file-chooser.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-help-icon.js

@@ -4,3 +4,5 @@ const VerdocsHelpIcon = VerdocsHelpIcon$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsHelpIcon, defineCustomElement };
+
+//# sourceMappingURL=verdocs-help-icon.js.map

package/dist/components/verdocs-help-icon.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-help-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-initial-dialog.js

@@ -4,3 +4,5 @@ const VerdocsInitialDialog = VerdocsInitialDialog$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsInitialDialog, defineCustomElement };
+
+//# sourceMappingURL=verdocs-initial-dialog.js.map

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

@@ -0,0 +1 @@
+{"file":"verdocs-initial-dialog.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -4,3 +4,5 @@ const VerdocsKbaDialog = VerdocsKbaDialog$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsKbaDialog, defineCustomElement };
+
+//# sourceMappingURL=verdocs-kba-dialog.js.map

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

@@ -0,0 +1 @@
+{"file":"verdocs-kba-dialog.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-loader.js

@@ -4,3 +4,5 @@ const VerdocsLoader = VerdocsLoader$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsLoader, defineCustomElement };
+
+//# sourceMappingURL=verdocs-loader.js.map

package/dist/components/verdocs-loader.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-loader.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-menu-panel.js

@@ -4,3 +4,5 @@ const VerdocsMenuPanel = VerdocsMenuPanel$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsMenuPanel, defineCustomElement };
+
+//# sourceMappingURL=verdocs-menu-panel.js.map

package/dist/components/verdocs-menu-panel.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-menu-panel.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -4,3 +4,5 @@ const VerdocsOkDialog = VerdocsOkDialog$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsOkDialog, defineCustomElement };
+
+//# sourceMappingURL=verdocs-ok-dialog.js.map

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

@@ -0,0 +1 @@
+{"file":"verdocs-ok-dialog.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-organization-card.js

@@ -56,3 +56,5 @@ const VerdocsOrganizationCard = VerdocsOrganizationCard$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsOrganizationCard, defineCustomElement };
+
+//# sourceMappingURL=verdocs-organization-card.js.map

package/dist/components/verdocs-organization-card.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-organization-card.js","mappings":";;;;AAAA,MAAM,0BAA0B,GAAG,ghEAAghE,CAAC;AACpjE,sCAAe,0BAA0B;;ACGzC;AACA;AAEA,MAAM,YAAY,GAChB,gWAAgW,CAAC;MAatVA,yBAAuB;;;;;uBAOf,KAAK;;IAGxB,WAAW;QACT,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;KACrB;IAGD,UAAU;QACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;;QACJ,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACtF,MAAM,YAAY,GAAG,YAAY,CAAC;QAClC,MAAM,QAAQ,GAAG,oBAAoB,IAAI,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC;QAE5D,QACE,EAAC,IAAI,qDAAC,EAAE,EAAE,QAAQ,IACf,IAAI,CAAC,YAAY,CAAC,aAAa,GAAG,WAAK,KAAK,EAAC,MAAM,EAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,GAAG,EAAC,MAAM,GAAG,GAAG,YAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,YAAY,GAAI,EAEzJ,6DAAM,KAAK,EAAC,SAAS,IAAE,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAQ,EAEtD,uEAAgB,MAAM,EAAE,QAAQ,IAC9B,4DAAK,KAAK,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,OAAO,GAAG,MAAM,EAAC,IAClF,IAAI,CAAC,YAAY,CAAC,aAAa,IAC9B,WAAK,KAAK,EAAC,wBAAwB,IACjC,WAAK,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,GAAG,EAAC,MAAM,GAAG,EACxD,WAAK,KAAK,EAAC,OAAO,IAAE,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAO,CAC9C,KAEN,WAAK,KAAK,EAAC,cAAc,IACvB,YAAM,KAAK,EAAC,QAAQ,IAClB,YAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,YAAY,GAAI,CACzC,EACP,YAAM,KAAK,EAAC,OAAO,IAAE,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAQ,CAChD,CACP,EAED,4DAAK,KAAK,EAAC,YAAY,IACrB,4DAAK,KAAK,EAAC,OAAO,IAChB,0EAAuB,EACtB,MAAM,CAAC,IAAI,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,UAAU,KAAI,SAAS,CAAC,EAAE,UAAU,CAAC,CACrE,EACL,IAAI,CAAC,YAAY,CAAC,GAAG,KACpB,4DAAK,KAAK,EAAC,OAAO,IAChB,2EAAwB,EACxB,0DAAG,IAAI,EAAE,MAAA,IAAI,CAAC,YAAY,0CAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,UAAU,IAC5D,MAAA,IAAI,CAAC,YAAY,0CAAE,GAAG,CACrB,CACA,CACP,CACG,CACF,CACS,CACZ,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["VerdocsOrganizationCard"],"sources":["src/components/controls/verdocs-organization-card/verdocs-organization-card.scss?tag=verdocs-organization-card","src/components/controls/verdocs-organization-card/verdocs-organization-card.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-organization-card {\n  font-family: $primary-font;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border: 1px solid $light-border-color;\n  background: #ffffff;\n  border-radius: 8px;\n  padding: 7px 15px;\n\n  .icon {\n    flex: 0;\n    height: 24px;\n    width: 24px;\n    margin: 0 14px 0 0;\n\n    svg {\n      fill: $icon-color;\n      height: 24px;\n      width: 24px;\n    }\n  }\n\n  .content {\n    margin-top: 2px;\n  }\n}\n\n.verdocs-org-card-popup {\n  font-family: $primary-font;\n  background: #ffffff;\n  border-radius: 10px;\n  width: 326px;\n  padding: 20px 40px 0 40px;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  border: 1px solid $light-border-color;\n\n  .popup-header-with-logo {\n    display: flex;\n    flex: 0;\n    gap: 20px;\n    flex-direction: column;\n    margin: 0 0 20px 0;\n    font-size: 21px;\n    line-height: 16px;\n    color: $secondary-color;\n\n    img {\n      max-width: 300px;\n      max-height: 50px;\n    }\n  }\n\n  .popup-header {\n    display: flex;\n    flex: 0;\n    gap: 20px;\n    flex-direction: row;\n    align-items: flex-end;\n    margin: 0 0 20px 0;\n    font-size: 21px;\n    line-height: 16px;\n    color: $secondary-color;\n  }\n\n  .popup-body {\n    display: flex;\n    flex-direction: column;\n    font-size: 14px;\n    text-transform: uppercase;\n  }\n\n  .status {\n    transform: scale(1.5);\n    width: 24px;\n    height: 24px;\n  }\n\n  .field {\n    margin: 0 0 20px 0;\n\n    strong {\n      color: $label-color-very-light;\n      display: block;\n      margin: 0 0 5px 0;\n    }\n\n    a {\n      color: $verdocs-purple;\n      text-transform: uppercase;\n    }\n  }\n}\n","import {format} from 'date-fns';\nimport {Component, Prop, h, Host, Listen, State} from '@stencil/core';\nimport type {IOrganization} from '@verdocs/js-sdk';\n\n// TODO: See what was done in Storybook. Move all SVG icons to a common file that both projects can share\n//  and reduce duplication between components for re-used icons. Also bring icons into Figma for reuse there.\n\nconst BusinessIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\"  focusable=\"false\" aria-hidden=\"true\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"></path></svg>';\n\n/**\n * Display a small summary card describing an organization.\n *\n * ```ts\n * <verdocs-organization-card organization={organization} />\n * ```\n */\n@Component({\n  tag: 'verdocs-organization-card',\n  styleUrl: 'verdocs-organization-card.scss',\n})\nexport class VerdocsOrganizationCard {\n  /**\n   * The organization to display\n   */\n  @Prop() organization: IOrganization;\n\n  @State()\n  hovered: boolean = false;\n\n  @Listen('mouseover')\n  onMouseOver() {\n    this.hovered = true;\n  }\n\n  @Listen('mouseout')\n  onMouseOut() {\n    this.hovered = false;\n  }\n\n  render() {\n    console.log('Rendering org card', this.organization.thumbnail_url, this.organization);\n    const fallbackIcon = BusinessIcon;\n    const portalId = `verdocs-org-card-${this.organization.id}`;\n\n    return (\n      <Host id={portalId}>\n        {this.organization.thumbnail_url ? <img class=\"icon\" src={this.organization.thumbnail_url} alt=\"Logo\" /> : <span class=\"icon\" innerHTML={fallbackIcon} />}\n\n        <span class=\"content\">{this.organization?.name}</span>\n\n        <verdocs-portal anchor={portalId}>\n          <div class=\"verdocs-org-card-popup\" style={{display: this.hovered ? 'block' : 'none'}}>\n            {this.organization.full_logo_url ? (\n              <div class=\"popup-header-with-logo\">\n                <img src={this.organization.full_logo_url} alt=\"Logo\" />\n                <div class=\"title\">{this.organization?.name}</div>\n              </div>\n            ) : (\n              <div class=\"popup-header\">\n                <span class=\"status\">\n                  <span class=\"icon\" innerHTML={fallbackIcon} />\n                </span>\n                <span class=\"title\">{this.organization?.name}</span>\n              </div>\n            )}\n\n            <div class=\"popup-body\">\n              <div class=\"field\">\n                <strong>Joined</strong>\n                {format(new Date(this.organization?.created_at || undefined), 'LLL d, Y')}\n              </div>\n              {this.organization.url && (\n                <div class=\"field\">\n                  <strong>Website</strong>\n                  <a href={this.organization?.url} target=\"_blank\" rel=\"nofollow\">\n                    {this.organization?.url}\n                  </a>\n                </div>\n              )}\n            </div>\n          </div>\n        </verdocs-portal>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-pagination.js

@@ -4,3 +4,5 @@ const VerdocsPagination = VerdocsQuickFilter;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsPagination, defineCustomElement };
+
+//# sourceMappingURL=verdocs-pagination.js.map

package/dist/components/verdocs-pagination.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-pagination.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-portal.js

@@ -4,3 +4,5 @@ const VerdocsPortal = VerdocsPortal$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsPortal, defineCustomElement };
+
+//# sourceMappingURL=verdocs-portal.js.map

package/dist/components/verdocs-portal.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-portal.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-preview.js

@@ -4,3 +4,5 @@ const VerdocsPreview = VerdocsPreview$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsPreview, defineCustomElement };
+
+//# sourceMappingURL=verdocs-preview.js.map

package/dist/components/verdocs-preview.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-preview.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-progress-bar.js

@@ -4,3 +4,5 @@ const VerdocsProgressBar = VerdocsProgressBar$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsProgressBar, defineCustomElement };
+
+//# sourceMappingURL=verdocs-progress-bar.js.map

package/dist/components/verdocs-progress-bar.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-progress-bar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-quick-filter.js

@@ -4,3 +4,5 @@ const VerdocsQuickFilter = VerdocsQuickFilter$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsQuickFilter, defineCustomElement };
+
+//# sourceMappingURL=verdocs-quick-filter.js.map

package/dist/components/verdocs-quick-filter.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-quick-filter.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -45,3 +45,5 @@ const VerdocsQuickFunctions = VerdocsQuickFunctions$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsQuickFunctions, defineCustomElement };
+
+//# sourceMappingURL=verdocs-quick-functions.js.map

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

@@ -0,0 +1 @@
+{"file":"verdocs-quick-functions.js","mappings":";;;AAAA,MAAM,wBAAwB,GAAG,ssCAAssC,CAAC;AACxuC,oCAAe,wBAAwB;;ACEvC,MAAM,YAAY,GAAG,iRAAiR,CAAC;AAEvS,MAAM,YAAY,GAAG,4XAA4X,CAAC;MAYrYA,uBAAqB;;;;;;wBAII,eAAe,CAAC,UAAU,EAAE;;IAYhE,oBAAoB;QAClB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;KAC5B;IAED,oBAAoB;QAClB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;KAC5B;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,WAAW,IACpB,0DAAG,KAAK,EAAC,OAAO,mBAAiB,EACjC,+DAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,EAAE,SAAS,EAAE,YAAY,eAElE,EACT,+DAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,EAAE,SAAS,EAAE,YAAY,eAElE,CACL,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["VerdocsQuickFunctions"],"sources":["src/components/elements/verdocs-quick-functions/verdocs-quick-functions.scss?tag=verdocs-quick-functions","src/components/elements/verdocs-quick-functions/verdocs-quick-functions.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-quick-functions {\n  font-family: $verdocs-primary-font;\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    width: 240px;\n    background-color: $verdocs-bg-5;\n    text-transform: uppercase;\n    padding: 10px 10px 20px 10px;\n    font-family: sans-serif;\n    color: #ffffff;\n  }\n\n  .title {\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 30px;\n    margin: 1em 0 40px 0;\n  }\n\n  button {\n    width: 140px;\n    height: 40px;\n    border: none;\n    display: flex;\n    color: $verdocs-grey-4;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 25px;\n    align-items: center;\n    margin-bottom: 20px;\n    border-radius: 5px;\n    text-transform: uppercase;\n    justify-content: space-evenly;\n    background-color: $verdocs-green;\n  }\n\n  button svg {\n    fill: $verdocs-grey-4;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop} from '@stencil/core';\n\nconst DocumentIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z\"/></svg>`;\n\nconst TemplateIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><g><rect fill=\"none\" height=\"24\" width=\"24\"/><g><path d=\"M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z\"/></g><path d=\"M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z\"/></g></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"],"version":3}

package/dist/components/verdocs-radio-button.js

@@ -40,3 +40,5 @@ const VerdocsRadioButton = VerdocsRadioButton$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsRadioButton, defineCustomElement };
+
+//# sourceMappingURL=verdocs-radio-button.js.map

package/dist/components/verdocs-radio-button.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-radio-button.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,mvDAAmvD,CAAC;AAClxD,iCAAe,qBAAqB;;MCwBvBA,oBAAkB;;;;uBAIF,KAAK;oBAKT,EAAE;qBAKD,EAAE;wBAKG,KAAK;;IAElC,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,IACpC,8DACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,wBAAwB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,EACrD,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAEvB,EACF,8DAAO,OAAO,EAAE,wBAAwB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,GAAI,CAChE,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["VerdocsRadioButton"],"sources":["src/components/controls/verdocs-radio-button/verdocs-radio-button.scss?tag=verdocs-radio-button","src/components/controls/verdocs-radio-button/verdocs-radio-button.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-radio-button {\n  font-family: $verdocs-primary-font;\n  width: 20px;\n  height: 20px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border-radius: 100%;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input[type='radio'] {\n    position: absolute;\n    opacity: 0;\n\n    + label {\n      &:before {\n        content: '';\n        background: $verdocs-grey-3;\n        border-radius: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.6);\n        display: inline-block;\n        width: 16px;\n        height: 16px;\n        position: absolute;\n        left: 1px;\n        top: 1px;\n        cursor: pointer;\n        text-align: center;\n        transition: all 250ms ease;\n      }\n    }\n\n    &:checked {\n      + label {\n        &:before {\n          background-color: $verdocs-green;\n          box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n        }\n      }\n    }\n\n    &:focus {\n      + label {\n        &:before {\n          outline: none;\n          border-color: $verdocs-green;\n        }\n      }\n    }\n\n    &:disabled {\n      + label {\n        &:before {\n          box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n          border-color: darken($verdocs-grey-3, 25%);\n          background: darken($verdocs-grey-3, 25%);\n        }\n      }\n    }\n\n    + label {\n      &:empty {\n        &:before {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  &.required {\n    input[type='radio'] {\n      + label {\n        &:before {\n          border: 1px solid $verdocs-red-1;\n        }\n      }\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is\n * designed to be used in signing experiences and contains settings that connect to template fields. This is just a\n * simple radio button for UI displays e.g. dialog boxes.\n *\n * This control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`\n * handler. Sample usage:\n *\n * ```ts\n * <verdocs-radio-button\n *    value=\"val1\"\n *    name=\"someProperty\"\n *    checked={this.someProperty === 'val1'}\n *    onInput={(e: any) => { this.someProperty = 'val1' }}\n *    disabled={false}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-radio-button',\n  styleUrl: 'verdocs-radio-button.scss',\n  shadow: false,\n})\nexport class VerdocsRadioButton {\n  /**\n   * Whether the radio button is currently selected.\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * HTML form field name for the input.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Value to track with the input.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * If set, the button will still be displayed but not selectable.\n   */\n  @Prop() disabled?: boolean = false;\n\n  render() {\n    return (\n      <Host class={{disabled: this.disabled}}>\n        <input\n          type=\"radio\"\n          value={this.value}\n          name={this.name}\n          id={`verdocs-radio-button-${this.name}-${this.value}`}\n          checked={this.checked}\n          disabled={this.disabled}\n          // onChange={e => this.handleChange(e)}\n        />\n        <label htmlFor={`verdocs-radio-button-${this.name}-${this.value}`} />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-search-box.js

@@ -73,3 +73,5 @@ const VerdocsSearchBox = VerdocsSearchBox$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsSearchBox, defineCustomElement };
+
+//# sourceMappingURL=verdocs-search-box.js.map

package/dist/components/verdocs-search-box.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-search-box.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,wmEAAwmE,CAAC;AACroE,+BAAe,mBAAmB;;ACElC,MAAM,UAAU,GAAG,w5CAAw5C,CAAC;AAE56C,MAAM,SAAS,GAAG,+rBAA+rB,CAAC;MAoBrsBA,kBAAgB;;;;;;;wBAMS,eAAe,CAAC,UAAU,EAAE;2BAK1C,+CAA+C;oBAKxC,KAAK;qBAKlB,EAAE;0BAKG,KAAK;;IAiBhB,MAAM,UAAU;QACxB,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;KACtB;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACtB;KACF;IAED,YAAY,CAAC,CAAC;QACZ,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,CAAC;QAC9D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC;KACd;IAED,YAAY,CAAC,CAAC;QACZ,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KACxC;IAED,iBAAiB;QACf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC9B;IAED,WAAW,CAAC,CAAC;QACX,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,CAAC;SAC/D;KACF;IAED,MAAM;QACJ,QACE,6DAAM,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IACtC,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,KAC7C,6DAAM,KAAK,EAAC,MAAM,IACf,IAAI,CAAC,IAAI,QAAG,+DAAQ,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,GAAI,CAChG,CACR,EACD,8DACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAClC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EACjC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,GAC9B,EACF,+DAAQ,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAC,QAAQ,IACxD,6DAAM,SAAS,EAAE,UAAU,GAAI,WAExB,CACJ,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["VerdocsSearchBox"],"sources":["src/components/elements/verdocs-search-box/verdocs-search-box.scss?tag=verdocs-search-box","src/components/elements/verdocs-search-box/verdocs-search-box.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search-box {\n  font-family: $verdocs-primary-font;\n\n  form {\n    display: flex;\n    flex-direction: row;\n    height: 45px;\n    box-sizing: border-box;\n    margin: 5px 0 0;\n    border-radius: 5px;\n    align-items: center;\n    background-color: #fff;\n    padding: 0 8px;\n    border-width: 1px;\n    border-style: solid;\n    border-color: $verdocs-light-blue;\n\n    input {\n      box-sizing: border-box;\n      height: 43px;\n      width: 100%;\n      font-size: 18px;\n      border: none;\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    button.search {\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      box-sizing: border-box;\n      border-radius: 4px;\n      border: none;\n      width: 100px;\n      height: 28px;\n      font-weight: 700;\n      font-size: 10px;\n      letter-spacing: 1px;\n      background-color: $verdocs-green;\n      text-transform: uppercase;\n      color: #fff;\n    }\n\n    .type {\n      background-color: $verdocs-light-blue;\n      height: 30px;\n      display: inline-flex;\n      padding: 1px 0 2px 10px;\n      font-size: 13px;\n      line-height: 16px;\n      border-radius: 4px;\n      justify-content: center;\n      text-transform: uppercase;\n      align-items: center;\n      flex-direction: row;\n      color: #fff;\n      margin-right: 10px;\n\n      button {\n        border: none;\n        color: #fff;\n        margin: 5px 0 0 8px;\n        background: transparent;\n      }\n    }\n\n    svg {\n      width: 12px;\n      height: 12px;\n      margin-right: 6px;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-grey-2;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop, Method} from '@stencil/core';\n\nconst SearchIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M23.4809 20.7176L17.9111 15.2536C19.0961 13.6368 19.727 11.6926 19.7128 9.70131C19.7201 7.53345 18.9846 5.42606 17.6244 3.71753C16.2642 2.009 14.3581 0.798456 12.2123 0.280282C10.0665 -0.237892 7.80552 -0.0336342 5.79227 0.86026C3.77902 1.75415 2.13038 3.28582 1.1111 5.20931C0.0918114 7.1328 -0.238985 9.33652 0.171813 11.4666C0.582612 13.5967 1.71117 15.5296 3.37628 16.9548C5.0414 18.3801 7.14646 19.2151 9.35344 19.3257C11.5604 19.4364 13.7413 18.8162 15.5458 17.5649L21.1372 23.05L21.1563 23.0663C21.4841 23.3487 21.9039 23.507 22.3401 23.5128C22.7823 23.5125 23.2063 23.3402 23.5191 23.0337V23.0337C23.6749 22.8812 23.7979 22.6995 23.8804 22.4993C23.963 22.2991 24.0036 22.0847 23.9997 21.8688C23.9959 21.6529 23.9477 21.44 23.858 21.2428C23.7683 21.0456 23.639 20.8682 23.4778 20.7212L23.4809 20.7176ZM14.5167 14.1975C13.4564 15.2349 12.0623 15.8797 10.5719 16.022C9.08145 16.1644 7.58681 15.7955 6.34249 14.9781C5.09816 14.1608 4.18109 12.9456 3.74751 11.5395C3.31393 10.1334 3.39064 8.6233 3.96455 7.26643C4.53846 5.90955 5.57409 4.7898 6.89507 4.09787C8.21606 3.40594 9.74071 3.18461 11.2093 3.4716C12.678 3.75858 13.9998 4.53612 14.9497 5.6718C15.8996 6.80748 16.4188 8.23105 16.4189 9.7001C16.4196 10.5357 16.2519 11.3632 15.9254 12.135C15.599 12.9069 15.1202 13.6078 14.5167 14.1975V14.1975Z\" fill=\"white\"/></svg>`;\n\nconst CloseIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.0739 11.7565L19.7127 6.23228C20.0875 5.85692 20.0875 5.25309 19.7127 4.87773L19.0213 4.20046C18.6382 3.82511 18.0219 3.82511 17.6387 4.20046L12 9.72472L6.36127 4.20046C5.97814 3.82511 5.36179 3.82511 4.97866 4.20046L4.28735 4.87773C3.90422 5.25309 3.90422 5.85692 4.28735 6.23228L9.92608 11.7565L4.28735 17.2808C3.90422 17.6561 3.90422 18.26 4.28735 18.6353L4.97866 19.3126C5.36179 19.688 5.97814 19.688 6.36127 19.3126L12 13.7883L17.6387 19.3126C18.0219 19.688 18.6382 19.688 19.0213 19.3126L19.7127 18.6353C20.0958 18.26 20.0958 17.6561 19.7127 17.2808L14.0739 11.7565Z\" fill=\"white\"/></svg>`;\n\nexport type TContentType = 'all' | 'document' | 'template' | 'organization';\n\nexport interface ISearchEvent {\n  query: string;\n  type: TContentType;\n}\n\n/**\n * Displays a customizable input box for search queries.\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-search-box',\n  styleUrl: 'verdocs-search-box.scss',\n  shadow: false,\n})\nexport class VerdocsSearchBox {\n  private inputEl: HTMLInputElement;\n\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   * The placeholder to display in the input field.\n   */\n  @Prop() placeholder = 'Search envelopes, templates, organizations...';\n\n  /**\n   * If set to a value other than 'all', a removeable filter indicator will be displayed.\n   */\n  @Prop() type: TContentType = 'all';\n\n  /**\n   * The text search string entered by the user.\n   */\n  @Prop() query = '';\n\n  /**\n   * If set, the input field will attempt to \"grab\" focus after being rendered.\n   */\n  @Prop() grabsFocus = false;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) searchClicked: EventEmitter<ISearchEvent>;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) typeChanged: EventEmitter<TContentType>;\n\n  /**\n   * Event fired when the user changes the query string.\n   */\n  @Event({composed: true}) queryChanged: EventEmitter<string>;\n\n  @Method() async focusField() {\n    this.inputEl.focus();\n  }\n\n  componentDidRender() {\n    if (this.grabsFocus) {\n      this.inputEl.focus();\n    }\n  }\n\n  handleSearch(e) {\n    this.searchClicked.emit({type: this.type, query: this.query});\n    e.preventDefault();\n    return false;\n  }\n\n  handleChange(e) {\n    this.queryChanged.emit(e.target.value);\n  }\n\n  handleClearFilter() {\n    this.typeChanged.emit('all');\n  }\n\n  handleKeyUp(e) {\n    if (e.key === 'Enter') {\n      this.searchClicked.emit({type: this.type, query: this.query});\n    }\n  }\n\n  render() {\n    return (\n      <form onSubmit={e => this.handleSearch(e)}>\n        {this.type !== undefined && this.type !== 'all' && (\n          <span class=\"type\">\n            {this.type}s <button class=\"remove\" innerHTML={CloseIcon} onClick={() => this.handleClearFilter()} />\n          </span>\n        )}\n        <input\n          type=\"text\"\n          value={this.query}\n          placeholder={this.placeholder}\n          onInput={e => this.handleChange(e)}\n          onKeyUp={e => this.handleKeyUp(e)}\n          ref={el => (this.inputEl = el)}\n        />\n        <button onClick={e => this.handleSearch(e)} class=\"search\">\n          <span innerHTML={SearchIcon} />\n          Search\n        </button>\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/components/verdocs-search-tabs.js

@@ -34,3 +34,5 @@ const VerdocsSearchTabs = VerdocsSearchTabs$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsSearchTabs, defineCustomElement };
+
+//# sourceMappingURL=verdocs-search-tabs.js.map

package/dist/components/verdocs-search-tabs.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-search-tabs.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,2bAA2b,CAAC;AACzd,gCAAe,oBAAoB;;MCQtBA,mBAAiB;;;;wBACM,KAAK;;IAEvC,MAAM;QACJ,OAAO,uEAAiB,CAAC;KAC1B;;;;;;;;;;;;;;;;;;;;;;;;","names":["VerdocsSearchTabs"],"sources":["src/components/elements/verdocs-search-tabs/verdocs-search-tabs.scss?tag=verdocs-search-tabs","src/components/elements/verdocs-search-tabs/verdocs-search-tabs.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search-tabs {\n  font-family: $verdocs-primary-font;\n  display: block;\n}\n","import {Component, h, State} from '@stencil/core';\n\nexport type TContentType = 'all' | 'document' | 'template' | 'organization';\n\n@Component({\n  tag: 'verdocs-search-tabs',\n  styleUrl: 'verdocs-search-tabs.scss',\n  shadow: false,\n})\nexport class VerdocsSearchTabs {\n  @State() selected: TContentType = 'all';\n\n  render() {\n    return <div>&nbsp;</div>;\n  }\n}\n"],"version":3}

package/dist/components/verdocs-select-input.js

@@ -4,3 +4,5 @@ const VerdocsSelectInput = VerdocsSelectInput$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsSelectInput, defineCustomElement };
+
+//# sourceMappingURL=verdocs-select-input.js.map

package/dist/components/verdocs-select-input.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-select-input.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-send.js

@@ -4,3 +4,5 @@ const VerdocsSend = VerdocsSend$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsSend, defineCustomElement };
+
+//# sourceMappingURL=verdocs-send.js.map

package/dist/components/verdocs-send.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-send.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/verdocs-sign.js

@@ -787,3 +787,5 @@ const VerdocsSign = VerdocsSign$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { VerdocsSign, defineCustomElement };
+
+//# sourceMappingURL=verdocs-sign.js.map