@verdocs/web-sdk 6.5.0-beta.10 → 6.5.0-beta.11

package/dist/components/{p-DjOK66Dt.js → p-BoIZ0eWm.js}

@@ -3,29 +3,27 @@ import { VerdocsEndpoint, getTemplate, integerSequence } from '@verdocs/js-sdk';
 import { b as renderDocumentField } from './p-B3TbYvlU.js';
 import { S as SDKError } from './p-C1sRVZWv.js';
 import { S as Store } from './p-bS8INhRF.js';
-import { d as defineCustomElement$q } from './p-CfODrICH.js';
-import { d as defineCustomElement$p } from './p-mThpW9TM.js';
-import { d as defineCustomElement$o } from './p-DQ-sUhlC.js';
-import { d as defineCustomElement$n } from './p-D5_KiFFr.js';
-import { d as defineCustomElement$m } from './p-6RsbiMKu.js';
-import { d as defineCustomElement$l } from './p-Cm1MIPkG.js';
-import { d as defineCustomElement$k } from './p-M72Hb6bh.js';
-import { d as defineCustomElement$j } from './p-jbkmPUd-.js';
-import { d as defineCustomElement$i } from './p-Bygkg9Ho.js';
-import { d as defineCustomElement$h } from './p-B1dqyQbM.js';
-import { d as defineCustomElement$g } from './p-BxnX5zPJ.js';
-import { d as defineCustomElement$f } from './p-Bg4xDPiO.js';
-import { d as defineCustomElement$e } from './p-BdP0-Lom.js';
-import { d as defineCustomElement$d } from './p-C7eJlR29.js';
-import { d as defineCustomElement$c } from './p-CHLvWYEx.js';
-import { d as defineCustomElement$b } from './p-D9zjm5AL.js';
-import { d as defineCustomElement$a } from './p-Daqfz15U.js';
-import { d as defineCustomElement$9 } from './p-ypE1cZc7.js';
-import { d as defineCustomElement$8 } from './p-BDrdwO_h.js';
-import { d as defineCustomElement$7 } from './p-BHVk6zkr.js';
-import { d as defineCustomElement$6 } from './p-QDVFg2YR.js';
-import { d as defineCustomElement$5 } from './p-0L80sqd9.js';
-import { d as defineCustomElement$4 } from './p-CYoBhLFP.js';
+import { d as defineCustomElement$o } from './p-CfODrICH.js';
+import { d as defineCustomElement$n } from './p-mThpW9TM.js';
+import { d as defineCustomElement$m } from './p-DQ-sUhlC.js';
+import { d as defineCustomElement$l } from './p-D5_KiFFr.js';
+import { d as defineCustomElement$k } from './p-6RsbiMKu.js';
+import { d as defineCustomElement$j } from './p-Cm1MIPkG.js';
+import { d as defineCustomElement$i } from './p-M72Hb6bh.js';
+import { d as defineCustomElement$h } from './p-jbkmPUd-.js';
+import { d as defineCustomElement$g } from './p-DlWkjPea.js';
+import { d as defineCustomElement$f } from './p-B1dqyQbM.js';
+import { d as defineCustomElement$e } from './p-BzCNCMTQ.js';
+import { d as defineCustomElement$d } from './p-Bg4xDPiO.js';
+import { d as defineCustomElement$c } from './p-BdP0-Lom.js';
+import { d as defineCustomElement$b } from './p-C7eJlR29.js';
+import { d as defineCustomElement$a } from './p-CHLvWYEx.js';
+import { d as defineCustomElement$9 } from './p-D9zjm5AL.js';
+import { d as defineCustomElement$8 } from './p-ypE1cZc7.js';
+import { d as defineCustomElement$7 } from './p-BDrdwO_h.js';
+import { d as defineCustomElement$6 } from './p-BHVk6zkr.js';
+import { d as defineCustomElement$5 } from './p-QDVFg2YR.js';
+import { d as defineCustomElement$4 } from './p-B4XIUesD.js';
 import { d as defineCustomElement$3 } from './p-C4OPC14W.js';
 import { d as defineCustomElement$2 } from './p-CbtdkfOR.js';
 import { d as defineCustomElement$1 } from './p-Ug9F8x3g.js';
@@ -140,7 +138,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["verdocs-preview", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-dialog", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-flag", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-select-input", "verdocs-signature-dialog", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-text-input", "verdocs-upload-dialog"];
+    const components = ["verdocs-preview", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-dialog", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-flag", "verdocs-help-icon", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-select-input", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-text-input", "verdocs-upload-dialog"];
     components.forEach(tagName => { switch (tagName) {
         case "verdocs-preview":
             if (!customElements.get(tagName)) {
@@ -148,111 +146,101 @@ function defineCustomElement() {
             }
             break;
         case "verdocs-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "verdocs-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "verdocs-component-error":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "verdocs-dialog":
+        case "verdocs-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "verdocs-field-attachment":
+        case "verdocs-component-error":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "verdocs-field-checkbox":
+        case "verdocs-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "verdocs-field-date":
+        case "verdocs-field-attachment":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "verdocs-field-dropdown":
+        case "verdocs-field-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "verdocs-field-initial":
+        case "verdocs-field-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "verdocs-field-radio":
+        case "verdocs-field-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "verdocs-field-signature":
+        case "verdocs-field-initial":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "verdocs-field-textarea":
+        case "verdocs-field-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "verdocs-field-textbox":
+        case "verdocs-field-signature":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "verdocs-field-timestamp":
+        case "verdocs-field-textarea":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "verdocs-flag":
+        case "verdocs-field-textbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "verdocs-help-icon":
+        case "verdocs-field-timestamp":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "verdocs-initial-dialog":
+        case "verdocs-flag":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "verdocs-loader":
+        case "verdocs-help-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "verdocs-ok-dialog":
+        case "verdocs-loader":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "verdocs-portal":
+        case "verdocs-ok-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "verdocs-select-input":
+        case "verdocs-portal":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "verdocs-signature-dialog":
+        case "verdocs-select-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
@@ -281,6 +269,6 @@ function defineCustomElement() {
 }
 
 export { VerdocsPreview as V, defineCustomElement as d };
-//# sourceMappingURL=p-DjOK66Dt.js.map
+//# sourceMappingURL=p-BoIZ0eWm.js.map
 
-//# sourceMappingURL=p-DjOK66Dt.js.map
+//# sourceMappingURL=p-BoIZ0eWm.js.map

package/dist/components/p-BoIZ0eWm.js.map

@@ -0,0 +1 @@
+{"file":"p-BoIZ0eWm.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/embeds/verdocs-preview/verdocs-preview.scss?tag=verdocs-preview","src/components/embeds/verdocs-preview/verdocs-preview.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-preview {\n  font-family: $verdocs-primary-font;\n  display: flex;\n  padding: 15px;\n  row-gap: 15px;\n  min-height: 200px;\n  position: relative;\n  align-items: center;\n  box-sizing: border-box;\n  flex-direction: column;\n\n  div,\n  canvas {\n    box-sizing: border-box;\n  }\n}\n","import {getTemplate, integerSequence, ITemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Event, EventEmitter, Host, Component, Prop, h, State, Fragment, Watch} from '@stencil/core';\nimport {renderDocumentField} from '../../../utils/utils';\nimport {IDocumentPageInfo} from '../../../utils/Types';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Display a template preview experience. This will display the template's attached\n * documents with signing fields overlaid on each page. Fields will be color-coded\n * by recipient, and will be read-only (cannot be filled, moved, or altered).\n *\n * ```ts\n * <verdocs-preview\n *   templateId={TEMPLATE_ID}\n *   onSdkError={({ detail }) => { console.log('SDK error', detail) }\n *   />\n * ```\n */\n@Component({\n  tag: 'verdocs-preview',\n  styleUrl: 'verdocs-preview.scss',\n  shadow: false,\n})\nexport class VerdocsPreview {\n  private templateListenerId = null;\n  private renderedPages: Record<string, IDocumentPageInfo> = {};\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 ID of the template to create the document from.\n   */\n  @Prop() templateId: string | null = null;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() loading = true;\n  @State() template: ITemplate | null = null;\n\n  disconnectedCallback() {\n    this.unlistenToTemplate();\n  }\n\n  async listenToTemplate() {\n    this.unlistenToTemplate();\n    Store.subscribe(\n      'templates',\n      this.templateId,\n      () => getTemplate(this.endpoint, this.templateId),\n      false,\n      (template: ITemplate) => {\n        this.template = template;\n        this.loading = false;\n      },\n    );\n  }\n\n  unlistenToTemplate() {\n    if (this.templateListenerId) {\n      Store.store.delListener(this.templateListenerId);\n      this.templateListenerId = null;\n    }\n  }\n\n  @Watch('templateId')\n  onTemplateIdChanged(newTemplateId: string) {\n    console.log('[PREVIEW] Template ID changed', newTemplateId);\n    this.listenToTemplate();\n  }\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n      if (!this.endpoint.session) {\n        console.log('[PREVIEW] Unable to start builder session, must be authenticated');\n        return;\n      }\n\n      if (!this.templateId) {\n        console.log(`[PREVIEW] Missing required template ID ${this.templateId}`);\n        return;\n      }\n\n      this.listenToTemplate();\n    } catch (e) {\n      console.log('[PREVIEW] Error with preview session', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handlePageRendered(e: any) {\n    const pageInfo = e.detail as IDocumentPageInfo;\n    this.renderedPages[`${pageInfo.documentId}:${pageInfo.pageNumber}`] = pageInfo;\n\n    const fields = (this.template?.fields || []).filter(field => {\n      // Templates created on the new builder have document_id set, but old ones may not.\n      // If document_id is missing, we assume it's for the first document or use legacy logic.\n      // However, for this fix, we primarily care about multi-doc templates which should have IDs.\n      if (field['document_id']) {\n        return field['document_id'] === pageInfo.documentId && field.page === pageInfo.pageNumber;\n      }\n      return field.page === pageInfo.pageNumber;\n    });\n\n    // console.log('[PREVIEW] Page rendered', pageInfo, fields);\n    fields.forEach(field => renderDocumentField('template', field, pageInfo, {disabled: true, editable: false, draggable: false}));\n  }\n\n  render() {\n    if (this.loading) {\n      return (\n        <Host>\n          <verdocs-loader />\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        {(this.template?.documents || []).map(document => {\n          const pageNumbers = integerSequence(1, document.pages);\n          return (\n            <Fragment>\n              {pageNumbers.map(pageNumber => {\n                const pageSize = document.page_sizes?.[pageNumber] || {width: 612, height: 792};\n\n                return (\n                  <verdocs-template-document-page\n                    templateId={document.template_id}\n                    documentId={document.id}\n                    pageNumber={pageNumber}\n                    disabled={true}\n                    editable={false}\n                    done={false}\n                    virtualWidth={pageSize.width}\n                    virtualHeight={pageSize.height}\n                    onPageRendered={e => this.handlePageRendered(e)}\n                    layers={[\n                      {name: 'page', type: 'canvas'},\n                      {name: 'controls', type: 'div'},\n                    ]}\n                  />\n                );\n              })}\n            </Fragment>\n          );\n        })}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BxnX5zPJ.js → p-BzCNCMTQ.js}

@@ -3,15 +3,13 @@ import { i as interact } from './p-CGNX5HqF.js';
 import { VerdocsEndpoint, updateField } from '@verdocs/js-sdk';
 import { S as SettingsIcon } from './p-7LXbcjVz.js';
 import { S as Store } from './p-bS8INhRF.js';
-import { d as defineCustomElement$b } from './p-CfODrICH.js';
-import { d as defineCustomElement$a } from './p-mThpW9TM.js';
-import { d as defineCustomElement$9 } from './p-DQ-sUhlC.js';
-import { d as defineCustomElement$8 } from './p-D5_KiFFr.js';
-import { d as defineCustomElement$7 } from './p-D9zjm5AL.js';
-import { d as defineCustomElement$6 } from './p-ypE1cZc7.js';
-import { d as defineCustomElement$5 } from './p-BHVk6zkr.js';
-import { d as defineCustomElement$4 } from './p-QDVFg2YR.js';
-import { d as defineCustomElement$3 } from './p-0L80sqd9.js';
+import { d as defineCustomElement$9 } from './p-CfODrICH.js';
+import { d as defineCustomElement$8 } from './p-mThpW9TM.js';
+import { d as defineCustomElement$7 } from './p-DQ-sUhlC.js';
+import { d as defineCustomElement$6 } from './p-D9zjm5AL.js';
+import { d as defineCustomElement$5 } from './p-ypE1cZc7.js';
+import { d as defineCustomElement$4 } from './p-BHVk6zkr.js';
+import { d as defineCustomElement$3 } from './p-QDVFg2YR.js';
 import { d as defineCustomElement$2 } from './p-C4OPC14W.js';
 import { d as defineCustomElement$1 } from './p-CbtdkfOR.js';
 
@@ -27,6 +25,7 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
         this.settingsPress = createEvent(this, "settingsPress");
         this.settingsChanged = createEvent(this, "settingsChanged");
         this.deleted = createEvent(this, "deleted");
+        this.adopt = createEvent(this, "adopt");
         /**
          * Fields may be attached to templates or envelopes, but only template fields may be edited.
          */
@@ -82,7 +81,8 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
         this.tempSignature = '';
     }
     async focusField() {
-        this.handleShow();
+        this.el.focus();
+        this.focused = true;
     }
     componentDidRender() {
         interact.dynamicDrop(true);
@@ -107,6 +107,9 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
             });
         }
     }
+    onBlur() {
+        this.focused = false;
+    }
     handleResizeStart(e) {
         e.preventDefault();
         e.stopPropagation();
@@ -154,28 +157,6 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
         })
             .catch(e => console.log('Field update failed', e));
     }
-    hideDialog() {
-        var _a;
-        (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
-        this.dialog = null;
-        this.focused = false;
-    }
-    handleAdopt(e) {
-        var _a;
-        console.log('[SIGNATURE] Adopted signature');
-        this.tempSignature = e.detail;
-        (_a = this.fieldChange) === null || _a === void 0 ? void 0 : _a.emit(this.tempSignature);
-        this.hideDialog();
-    }
-    handleShow() {
-        this.dialog = document.createElement('verdocs-signature-dialog');
-        this.dialog.setAttribute('name', this.name);
-        // this.dialog.setAttribute('roleindex', this.roleindex);
-        this.dialog.addEventListener('exit', () => this.hideDialog());
-        this.dialog.addEventListener('next', (e) => this.handleAdopt(e));
-        document.body.append(this.dialog);
-        this.focused = true;
-    }
     async showSettingsPanel() {
         const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
         if (settingsPanel && settingsPanel.showPanel) {
@@ -215,7 +196,7 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
                     (_a = this.fieldChange) === null || _a === void 0 ? void 0 : _a.emit(this.signatureid);
                 }
                 else {
-                    this.handleShow();
+                    this.adopt.emit();
                 }
             } }, "Signature")), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
                 e.stopPropagation();
@@ -252,12 +233,12 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
         "focusField": [64],
         "showSettingsPanel": [64],
         "hideSettingsPanel": [64]
-    }]);
+    }, [[0, "blur", "onBlur"]]]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["verdocs-field-signature", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-dialog", "verdocs-help-icon", "verdocs-loader", "verdocs-portal", "verdocs-select-input", "verdocs-signature-dialog", "verdocs-template-field-properties", "verdocs-text-input"];
+    const components = ["verdocs-field-signature", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-help-icon", "verdocs-loader", "verdocs-portal", "verdocs-select-input", "verdocs-template-field-properties", "verdocs-text-input"];
     components.forEach(tagName => { switch (tagName) {
         case "verdocs-field-signature":
             if (!customElements.get(tagName)) {
@@ -265,46 +246,36 @@ function defineCustomElement() {
             }
             break;
         case "verdocs-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "verdocs-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "verdocs-component-error":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "verdocs-dialog":
+        case "verdocs-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "verdocs-help-icon":
+        case "verdocs-component-error":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "verdocs-loader":
+        case "verdocs-help-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "verdocs-portal":
+        case "verdocs-loader":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "verdocs-select-input":
+        case "verdocs-portal":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "verdocs-signature-dialog":
+        case "verdocs-select-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
@@ -323,6 +294,6 @@ function defineCustomElement() {
 }
 
 export { VerdocsFieldSignature as V, defineCustomElement as d };
-//# sourceMappingURL=p-BxnX5zPJ.js.map
+//# sourceMappingURL=p-BzCNCMTQ.js.map
 
-//# sourceMappingURL=p-BxnX5zPJ.js.map
+//# sourceMappingURL=p-BzCNCMTQ.js.map

package/dist/components/p-BzCNCMTQ.js.map

@@ -0,0 +1 @@
+{"file":"p-BzCNCMTQ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/fields/verdocs-field-signature/verdocs-field-signature.scss?tag=verdocs-field-signature","src/components/fields/verdocs-field-signature/verdocs-field-signature.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-field-signature {\n  font-family: $verdocs-primary-font;\n  width: 83px;\n  height: 36px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  scroll-margin: 20px 0;\n  letter-spacing: 0.3px;\n  background-color: var(--verdocs-field-background, transparent);\n  transform-origin: bottom left;\n  border: var(--verdocs-field-border, 1px solid rgba(0, 0, 0, 0.2));\n  border-radius: var(--verdocs-field-radius);\n\n  label {\n    top: -14px;\n    left: -1px;\n    height: 14px;\n    color: var(--verdocs-field-text-color, white);\n    padding: 0 4px;\n    font-size: 9px;\n    line-height: 13px;\n    position: absolute;\n    background: #4a4a99;\n    border-top-left-radius: 2px;\n    border-top-right-radius: 2px;\n  }\n\n  &.done {\n    border: none;\n    opacity: 1;\n  }\n\n  img {\n    display: block;\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  &.disabled img {\n    opacity: 0.5;\n  }\n\n  button {\n    // This is needed to bring down the cursor from the parent element, which is where interactjs applies it\n    cursor: inherit;\n\n    box-sizing: border-box;\n    border: none;\n    color: var(--verdocs-field-text-color, rgba(0, 0, 0, 0.87));\n    font-weight: 500;\n    transform-origin: 0 0;\n    height: 100%;\n    width: 100%;\n    background: none;\n    font-size: 11px;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  &.required {\n    border: 1px solid var(--verdocs-required-field-border);\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.4s 1;\n  }\n\n  &.filled {\n    border: none !important;\n    background-color: transparent !important;\n  }\n\n  verdocs-button-panel {\n    top: -3px;\n    left: -2px;\n    opacity: 0.5;\n    z-index: 1000;\n    cursor: pointer;\n    position: absolute;\n    transform: scale(0.6);\n\n    &[data-active],\n    &:hover {\n      opacity: 1;\n    }\n\n    .icon {\n      svg {\n        fill: #333333;\n      }\n\n      &:hover {\n        svg {\n          fill: #000000;\n        }\n      }\n    }\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  .edge-top,\n  .edge-right,\n  .edge-left,\n  .edge-bottom {\n    position: absolute;\n    z-index: 10;\n  }\n\n  .edge-top {\n    top: -2px;\n    left: 0;\n    right: 0;\n    height: 5px;\n  }\n\n  .edge-right {\n    top: 0;\n    bottom: 0;\n    right: -2px;\n    width: 5px;\n  }\n\n  .edge-left {\n    top: 0;\n    left: -2px;\n    bottom: 0;\n    width: 5px;\n  }\n\n  .edge-bottom {\n    bottom: -2px;\n    left: 0;\n    right: 0;\n    height: 5px;\n  }\n}\n\n@keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\n","import interact from 'interactjs';\nimport { ResizeEvent } from '@interactjs/actions/resize/plugin';\nimport { ITemplateField, IEnvelopeField, VerdocsEndpoint, updateField, ITemplate } from '@verdocs/js-sdk';\nimport { Component, h, Host, Prop, Event, EventEmitter, Method, Fragment, State, Element, Listen } from '@stencil/core';\nimport { SettingsIcon } from '../../../utils/Icons';\nimport { Store } from '../../../utils/Datastore';\n\n/**\n * Displays a signature field. If a signature already exists, it will be displayed and the field\n * will be disabled. Otherwise, a placeholder button will be shown. Clicking the button will\n * show a dialog to adopt a signature.\n *\n * NOTE: When signature fields are completed they will be filled with a signature \"stamp\".\n * This requires operation against a live, valid envelope. If you are testing this component\n * in Storybook, it will not be visible here.\n */\n@Component({\n  tag: 'verdocs-field-signature',\n  styleUrl: 'verdocs-field-signature.scss',\n  shadow: false,\n})\nexport class VerdocsFieldSignature {\n  @Element() el: HTMLElement;\n\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, the signature creation dialog will be initialized with this text.\n   */\n  @Prop({ reflect: true }) name?: string = '';\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, 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 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, 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   * If set, provides the ID of an already-adopted signature. If present, clicking the field (when empty)\n   * will immediately use this signature instead of showing the adoption dialog.\n   */\n  @Prop({ reflect: true }) signatureid?: string;\n\n  /**\n   * Event emitted when the field has changed.\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 }) settingsPress: EventEmitter;\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  @Event({ composed: true }) adopt: EventEmitter;\n\n  @Method() async focusField() {\n    this.el.focus();\n    this.focused = true;\n  }\n\n  @State()\n  tempSignature: string = '';\n\n  componentDidRender() {\n    interact.dynamicDrop(true);\n\n    if (this.editable) {\n      interact(this.el).resizable({\n        edges: {\n          top: '.edge-top',\n          left: '.edge-left',\n          bottom: '.edge-bottom',\n          right: '.edge-right',\n        },\n        modifiers: [\n          interact.modifiers.restrictSize({\n            min: { width: 71, height: 36 },\n          }),\n        ],\n        listeners: {\n          start: this.handleResizeStart.bind(this),\n          move: this.handleResize.bind(this),\n          end: this.handleResizeEnd.bind(this),\n        },\n      });\n    }\n  }\n\n  @Listen('blur')\n  onBlur() {\n    this.focused = false;\n  }\n\n\n  handleResizeStart(e: ResizeEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    e.target.dataset.originalBottom = e.target.style.bottom;\n  }\n\n  handleResize(e: any) {\n    let { width, height } = e.rect;\n\n    const dX = e.deltaRect.left;\n    const dY = e.deltaRect.bottom;\n    const currentLeft = parseFloat(e.target.style.left);\n    const currentBottom = parseFloat(e.target.style.bottom);\n\n    width /= this.xscale;\n    height /= this.yscale;\n\n    Object.assign(e.target.style, {\n      width: `${width}px`,\n      height: `${height}px`,\n      left: `${currentLeft + dX}px`,\n      bottom: `${currentBottom - dY}px`,\n    });\n  }\n\n  async handleResizeEnd(e: any) {\n    const { sourceid, fieldname } = this;\n\n    const width = Math.round(parseFloat(e.target.style.width));\n    let height = Math.round(parseFloat(e.target.style.height));\n    if (height < 20) {\n      height = 15;\n    }\n\n    const newBottom = parseFloat(e.target.style.bottom);\n    const originalBottom = parseFloat(e.target.dataset.originalBottom);\n    const template = await Store.getTemplate(VerdocsEndpoint.getDefault(), this.sourceid);\n    const oldField = template.fields.find(f => f.name === fieldname);\n    const y = newBottom !== originalBottom ? newBottom / this.yscale : oldField?.y;\n\n    updateField(VerdocsEndpoint.getDefault(), sourceid, fieldname, { width, height, y })\n      .then(async updatedField => {\n        const template = await Store.getTemplate(VerdocsEndpoint.getDefault(), this.sourceid);\n        const newTemplate = JSON.parse(JSON.stringify(template)) as ITemplate;\n        const fieldIndex = newTemplate.fields.findIndex(field => field.name === fieldname);\n        if (fieldIndex > -1) {\n          newTemplate.fields[fieldIndex] = updatedField;\n        }\n        Store.updateTemplate(this.sourceid, newTemplate);\n\n        this.settingsChanged?.emit({ fieldName: fieldname, field: updatedField });\n        Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });\n      })\n      .catch(e => console.log('Field update failed', e));\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    this.showingProperties = false;\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 { required = false, value = '', label = '', settings = {} } = field || {};\n    const { base64 } = settings;\n    const signerClass = `signer-${(index % 10) + 1}`;\n\n    if (done) {\n      return <Host class={{ done }}>{value && <img src={base64} alt=\"\" />}</Host>;\n    }\n\n    console.log('sid', this.signatureid);\n    return (\n      <Host class={{ required, disabled, done, focused, filled: !!base64, [signerClass]: true }}>\n        {editable && <div class=\"edge-right\" />}\n        {editable && <div class=\"edge-left\" />}\n        {editable && <div class=\"edge-top\" />}\n        {editable && <div class=\"edge-bottom\" />}\n\n        {label && <label>{label}</label>}\n\n        {base64 ? (\n          <img\n            src={base64}\n            alt=\"\"\n            onClick={() => {\n              if (disabled) return;\n              console.log('[SIGNATURE] Clearing signature');\n              this.fieldChange?.emit(null);\n            }}\n          />\n        ) : (\n          <button\n            onClick={() => {\n              if (disabled) return;\n              // If we already have a signature ID, use it immediately\n              if (this.signatureid) {\n                console.log('[SIGNATURE] Reusing existing signature', this.signatureid);\n                this.fieldChange?.emit(this.signatureid);\n              } else {\n                this.adopt.emit();\n              }\n            }}\n          >\n            Signature\n          </button>\n        )}\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-${fieldname}`} onClickAway={() => (this.showingProperties = false)}>\n                <verdocs-template-field-properties\n                  templateId={sourceid}\n                  fieldName={fieldname}\n                  onClose={() => this.hideSettingsPanel()}\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={\"Signature fields capture a recipient's signature on a document.\"}\n                />\n              </verdocs-portal>\n            )}\n          </Fragment>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DKJPJj6P.js → p-CaA92LBj.js}

@@ -5,29 +5,27 @@ import { g as getFieldId, h as updateCssTransform, i as removeCssTransform, j as
 import { V as VerdocsToast } from './p-CyvDgtoV.js';
 import { S as SDKError } from './p-C1sRVZWv.js';
 import { S as Store } from './p-bS8INhRF.js';
-import { d as defineCustomElement$r } from './p-CfODrICH.js';
-import { d as defineCustomElement$q } from './p-mThpW9TM.js';
-import { d as defineCustomElement$p } from './p-DQ-sUhlC.js';
-import { d as defineCustomElement$o } from './p-D5_KiFFr.js';
-import { d as defineCustomElement$n } from './p-6RsbiMKu.js';
-import { d as defineCustomElement$m } from './p-Cm1MIPkG.js';
-import { d as defineCustomElement$l } from './p-M72Hb6bh.js';
-import { d as defineCustomElement$k } from './p-jbkmPUd-.js';
-import { d as defineCustomElement$j } from './p-Bygkg9Ho.js';
-import { d as defineCustomElement$i } from './p-B1dqyQbM.js';
-import { d as defineCustomElement$h } from './p-BxnX5zPJ.js';
-import { d as defineCustomElement$g } from './p-Bg4xDPiO.js';
-import { d as defineCustomElement$f } from './p-BdP0-Lom.js';
-import { d as defineCustomElement$e } from './p-C7eJlR29.js';
-import { d as defineCustomElement$d } from './p-CHLvWYEx.js';
-import { d as defineCustomElement$c } from './p-D9zjm5AL.js';
-import { d as defineCustomElement$b } from './p-Daqfz15U.js';
-import { d as defineCustomElement$a } from './p-ypE1cZc7.js';
-import { d as defineCustomElement$9 } from './p-BDrdwO_h.js';
-import { d as defineCustomElement$8 } from './p-BHVk6zkr.js';
-import { d as defineCustomElement$7 } from './p-QDVFg2YR.js';
-import { d as defineCustomElement$6 } from './p-0L80sqd9.js';
-import { d as defineCustomElement$5 } from './p-CYoBhLFP.js';
+import { d as defineCustomElement$p } from './p-CfODrICH.js';
+import { d as defineCustomElement$o } from './p-mThpW9TM.js';
+import { d as defineCustomElement$n } from './p-DQ-sUhlC.js';
+import { d as defineCustomElement$m } from './p-D5_KiFFr.js';
+import { d as defineCustomElement$l } from './p-6RsbiMKu.js';
+import { d as defineCustomElement$k } from './p-Cm1MIPkG.js';
+import { d as defineCustomElement$j } from './p-M72Hb6bh.js';
+import { d as defineCustomElement$i } from './p-jbkmPUd-.js';
+import { d as defineCustomElement$h } from './p-DlWkjPea.js';
+import { d as defineCustomElement$g } from './p-B1dqyQbM.js';
+import { d as defineCustomElement$f } from './p-BzCNCMTQ.js';
+import { d as defineCustomElement$e } from './p-Bg4xDPiO.js';
+import { d as defineCustomElement$d } from './p-BdP0-Lom.js';
+import { d as defineCustomElement$c } from './p-C7eJlR29.js';
+import { d as defineCustomElement$b } from './p-CHLvWYEx.js';
+import { d as defineCustomElement$a } from './p-D9zjm5AL.js';
+import { d as defineCustomElement$9 } from './p-ypE1cZc7.js';
+import { d as defineCustomElement$8 } from './p-BDrdwO_h.js';
+import { d as defineCustomElement$7 } from './p-BHVk6zkr.js';
+import { d as defineCustomElement$6 } from './p-QDVFg2YR.js';
+import { d as defineCustomElement$5 } from './p-B4XIUesD.js';
 import { d as defineCustomElement$4 } from './p-C4OPC14W.js';
 import { d as defineCustomElement$3 } from './p-CbtdkfOR.js';
 import { d as defineCustomElement$2 } from './p-7eCs_WMR.js';
@@ -389,7 +387,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["verdocs-template-fields", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-dialog", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-flag", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-select-input", "verdocs-signature-dialog", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-text-input", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
+    const components = ["verdocs-template-fields", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-dialog", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-flag", "verdocs-help-icon", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-select-input", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-text-input", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
     components.forEach(tagName => { switch (tagName) {
         case "verdocs-template-fields":
             if (!customElements.get(tagName)) {
@@ -397,111 +395,101 @@ function defineCustomElement() {
             }
             break;
         case "verdocs-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "verdocs-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "verdocs-component-error":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "verdocs-dialog":
+        case "verdocs-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "verdocs-field-attachment":
+        case "verdocs-component-error":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "verdocs-field-checkbox":
+        case "verdocs-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "verdocs-field-date":
+        case "verdocs-field-attachment":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "verdocs-field-dropdown":
+        case "verdocs-field-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "verdocs-field-initial":
+        case "verdocs-field-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "verdocs-field-radio":
+        case "verdocs-field-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "verdocs-field-signature":
+        case "verdocs-field-initial":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "verdocs-field-textarea":
+        case "verdocs-field-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "verdocs-field-textbox":
+        case "verdocs-field-signature":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "verdocs-field-timestamp":
+        case "verdocs-field-textarea":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "verdocs-flag":
+        case "verdocs-field-textbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "verdocs-help-icon":
+        case "verdocs-field-timestamp":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "verdocs-initial-dialog":
+        case "verdocs-flag":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "verdocs-loader":
+        case "verdocs-help-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "verdocs-ok-dialog":
+        case "verdocs-loader":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "verdocs-portal":
+        case "verdocs-ok-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "verdocs-select-input":
+        case "verdocs-portal":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "verdocs-signature-dialog":
+        case "verdocs-select-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
@@ -535,6 +523,6 @@ function defineCustomElement() {
 }
 
 export { VerdocsTemplateFields as V, defineCustomElement as d };
-//# sourceMappingURL=p-DKJPJj6P.js.map
+//# sourceMappingURL=p-CaA92LBj.js.map
 
-//# sourceMappingURL=p-DKJPJj6P.js.map
+//# sourceMappingURL=p-CaA92LBj.js.map