@verdocs/web-sdk 5.0.10 → 5.0.12

package/dist/collection/utils/Datastore.js

@@ -120,14 +120,14 @@ export const Store = {
     // called by the verdocs-field-* components themselves which are only rendered
     // after a template or envelope is already loaded and cached in the store, so
     // no attempt is made to load the parent record if it isn't already known.
-    getField(source, sourceId, fieldName) {
+    getField(source, sourceId, fieldName, fieldOverride) {
         if (source === 'template') {
             const row = store.getRow('templates', sourceId);
             const template = rowToObject(row);
             const field = (template.fields || []).find(field => field.name === fieldName);
             const roleNames = (template.roles || []).map(role => role.name);
             const index = roleNames.findIndex(name => name === field.role_name);
-            return { index: Math.max(index, 0), field };
+            return { index: Math.max(index, 0), field: fieldOverride || field };
         }
         else {
             const row = store.getRow('envelopes', sourceId);
@@ -135,7 +135,7 @@ export const Store = {
             const field = (envelope.fields || []).find(field => field.name === fieldName);
             const roleNames = (envelope.recipients || []).map(recipient => recipient.role_name);
             const index = roleNames.findIndex(name => name === field.role_name);
-            return { index, field };
+            return { index, field: fieldOverride || field };
         }
     },
 };

package/dist/collection/utils/utils.js

@@ -84,6 +84,7 @@ export const updateDocumentFieldValue = (field) => {
     const existingField = document.getElementById(id);
     if (existingField) {
         existingField.field = field;
+        existingField.roleindex = field;
         existingField.setAttribute('id', id); // We need this to trigger a re-render
         existingField.setAttribute('disabled', true); // We need this to trigger a re-render
         existingField.setAttribute('disabled', false); // We need this to trigger a re-render

package/dist/components/{p-15b1e7a0.js → p-0689fc47.js}

@@ -2,10 +2,10 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { VerdocsEndpoint, getTemplate, getOrganizationContacts, isValidEmail, createEnvelope, getRGBA, formatFullName } from '@verdocs/js-sdk';
 import { V as VerdocsToast } from './p-04c07b7b.js';
 import { S as SDKError } from './p-fd97809c.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$9 } from './p-0e332769.js';
 import { d as defineCustomElement$8 } from './p-84ae0283.js';
-import { d as defineCustomElement$7 } from './p-d9074622.js';
+import { d as defineCustomElement$7 } from './p-27548ebd.js';
 import { d as defineCustomElement$6 } from './p-7f32e087.js';
 import { d as defineCustomElement$5 } from './p-1ae5d7e0.js';
 import { d as defineCustomElement$4 } from './p-6719b0d7.js';

package/dist/components/{p-55e539cb.js → p-0ed0ac8b.js}

@@ -1,20 +1,20 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { VerdocsEndpoint, getTemplate, integerSequence } from '@verdocs/js-sdk';
 import { S as SDKError } from './p-fd97809c.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$o } from './p-0e332769.js';
 import { d as defineCustomElement$n } from './p-3201d529.js';
 import { d as defineCustomElement$m } from './p-84ae0283.js';
-import { d as defineCustomElement$l } from './p-ca8e3721.js';
-import { d as defineCustomElement$k } from './p-c9a4ef35.js';
-import { d as defineCustomElement$j } from './p-7246d2ee.js';
-import { d as defineCustomElement$i } from './p-053a0408.js';
-import { d as defineCustomElement$h } from './p-f21ef4fb.js';
-import { d as defineCustomElement$g } from './p-5df09a0d.js';
-import { d as defineCustomElement$f } from './p-e36c8c69.js';
-import { d as defineCustomElement$e } from './p-b36c979b.js';
-import { d as defineCustomElement$d } from './p-85ebe71d.js';
-import { d as defineCustomElement$c } from './p-6506ddb4.js';
+import { d as defineCustomElement$l } from './p-2ddf4d5b.js';
+import { d as defineCustomElement$k } from './p-14c80ae8.js';
+import { d as defineCustomElement$j } from './p-176a07b2.js';
+import { d as defineCustomElement$i } from './p-d8340641.js';
+import { d as defineCustomElement$h } from './p-211fa3e2.js';
+import { d as defineCustomElement$g } from './p-261521bc.js';
+import { d as defineCustomElement$f } from './p-5e378f0e.js';
+import { d as defineCustomElement$e } from './p-d9a2e920.js';
+import { d as defineCustomElement$d } from './p-c1159428.js';
+import { d as defineCustomElement$c } from './p-5182136e.js';
 import { d as defineCustomElement$b } from './p-7f32e087.js';
 import { d as defineCustomElement$a } from './p-9c0b30f8.js';
 import { d as defineCustomElement$9 } from './p-1ae5d7e0.js';
@@ -22,8 +22,8 @@ import { d as defineCustomElement$8 } from './p-b7d080eb.js';
 import { d as defineCustomElement$7 } from './p-6719b0d7.js';
 import { d as defineCustomElement$6 } from './p-62743fd3.js';
 import { d as defineCustomElement$5 } from './p-cce871bf.js';
-import { d as defineCustomElement$4 } from './p-e9a7d860.js';
-import { d as defineCustomElement$3 } from './p-052fcdac.js';
+import { d as defineCustomElement$4 } from './p-c76fab71.js';
+import { d as defineCustomElement$3 } from './p-7cd6c0ce.js';
 import { d as defineCustomElement$2 } from './p-325b3828.js';
 import { d as defineCustomElement$1 } from './p-2ef2d490.js';
 

package/dist/components/{p-c9a4ef35.js → p-14c80ae8.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-324ed895.js';
 import { getRGBA } from '@verdocs/js-sdk';
 import { S as SettingsIcon } from './p-b0766439.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$9 } from './p-0e332769.js';
 import { d as defineCustomElement$8 } from './p-3201d529.js';
 import { d as defineCustomElement$7 } from './p-84ae0283.js';
@@ -9,7 +9,7 @@ import { d as defineCustomElement$6 } from './p-7f32e087.js';
 import { d as defineCustomElement$5 } from './p-1ae5d7e0.js';
 import { d as defineCustomElement$4 } from './p-6719b0d7.js';
 import { d as defineCustomElement$3 } from './p-62743fd3.js';
-import { d as defineCustomElement$2 } from './p-052fcdac.js';
+import { d as defineCustomElement$2 } from './p-7cd6c0ce.js';
 import { d as defineCustomElement$1 } from './p-325b3828.js';
 
 const verdocsFieldCheckboxCss = "@charset \"UTF-8\";@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-checkbox{padding:0;width:16px;height:16px;display:block;scroll-margin:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-field-checkbox div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-checkbox label{cursor:inherit;width:14px;height:14px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-field-checkbox.disabled label{opacity:0.5}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{margin:0;content:\"\";width:12px;height:12px;display:block;line-height:12px;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #aeb4bf}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:\"✓\";color:white;font-size:12px;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-field-checkbox.required{border:1px solid #cc0000}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-checkbox verdocs-button-panel{display:block;margin-left:-20px;margin-top:-17px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-checkbox .settings-icon{position:absolute;top:-5px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-checkbox .settings-icon svg{fill:#707ae5}verdocs-field-checkbox .settings-icon:hover{opacity:1}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}";
@@ -24,6 +24,7 @@ const VerdocsFieldCheckbox = /*@__PURE__*/ proxyCustomElement(class VerdocsField
         this.source = 'template';
         this.sourceid = '';
         this.fieldname = '';
+        this.field = null;
         this.disabled = false;
         this.done = false;
         this.editable = false;
@@ -55,7 +56,7 @@ const VerdocsFieldCheckbox = /*@__PURE__*/ proxyCustomElement(class VerdocsField
     }
     render() {
         const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
-        const { index, field } = Store.getField(source, sourceid, fieldname);
+        const { index, field } = Store.getField(source, sourceid, fieldname, this.field);
         const { required = false, label = '', value = false } = field || {};
         const backgroundColor = getRGBA(index);
         const checked = value === 'true';
@@ -80,6 +81,7 @@ const VerdocsFieldCheckbox = /*@__PURE__*/ proxyCustomElement(class VerdocsField
         "source": [513],
         "sourceid": [513],
         "fieldname": [513],
+        "field": [16],
         "disabled": [516],
         "done": [516],
         "editable": [516],

package/dist/components/{p-7246d2ee.js → p-176a07b2.js}

@@ -3,7 +3,7 @@ import { getRGBA } from '@verdocs/js-sdk';
 import { c as commonjsGlobal } from './p-85aa8e05.js';
 import { S as SettingsIcon } from './p-b0766439.js';
 import { a as FORMAT_DATE } from './p-c7ee88c7.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$9 } from './p-0e332769.js';
 import { d as defineCustomElement$8 } from './p-3201d529.js';
 import { d as defineCustomElement$7 } from './p-84ae0283.js';
@@ -11,7 +11,7 @@ import { d as defineCustomElement$6 } from './p-7f32e087.js';
 import { d as defineCustomElement$5 } from './p-1ae5d7e0.js';
 import { d as defineCustomElement$4 } from './p-6719b0d7.js';
 import { d as defineCustomElement$3 } from './p-62743fd3.js';
-import { d as defineCustomElement$2 } from './p-052fcdac.js';
+import { d as defineCustomElement$2 } from './p-7cd6c0ce.js';
 import { d as defineCustomElement$1 } from './p-325b3828.js';
 import { f as format } from './p-12bab948.js';
 
@@ -106,7 +106,7 @@ const VerdocsFieldDate = /*@__PURE__*/ proxyCustomElement(class VerdocsFieldDate
     // NOTE: We don't use a "date" field here because browsers vary widely in their formatting of it.
     render() {
         const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
-        const { index, field } = Store.getField(source, sourceid, fieldname);
+        const { index, field } = Store.getField(source, sourceid, fieldname, this.field);
         const { required = false, placeholder = 'Date...', value = '', label = '' } = field || {};
         const backgroundColor = getRGBA(index);
         const formattedValue = value ? format(new Date(value), FORMAT_DATE) : '';

package/dist/components/{p-f21ef4fb.js → p-211fa3e2.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { getRGBA } from '@verdocs/js-sdk';
 import { S as SettingsIcon } from './p-b0766439.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$a } from './p-0e332769.js';
 import { d as defineCustomElement$9 } from './p-3201d529.js';
 import { d as defineCustomElement$8 } from './p-84ae0283.js';
@@ -10,7 +10,7 @@ import { d as defineCustomElement$6 } from './p-9c0b30f8.js';
 import { d as defineCustomElement$5 } from './p-1ae5d7e0.js';
 import { d as defineCustomElement$4 } from './p-6719b0d7.js';
 import { d as defineCustomElement$3 } from './p-62743fd3.js';
-import { d as defineCustomElement$2 } from './p-052fcdac.js';
+import { d as defineCustomElement$2 } from './p-7cd6c0ce.js';
 import { d as defineCustomElement$1 } from './p-325b3828.js';
 
 const verdocsFieldInitialCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-initial{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;letter-spacing:0.3px;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-initial label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-initial.done{border:none;opacity:1}verdocs-field-initial img{display:block;max-width:100%;max-height:100%}verdocs-field-initial.disabled img{opacity:0.5}verdocs-field-initial button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-initial button.hide{display:none}verdocs-field-initial.required{border:1px solid #cc0000}verdocs-field-initial.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-initial verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-initial verdocs-button-panel[data-active],verdocs-field-initial verdocs-button-panel:hover{opacity:1}verdocs-field-initial verdocs-button-panel .icon svg{fill:#333333}verdocs-field-initial verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-initial .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-initial .settings-icon svg{fill:#707ae5}verdocs-field-initial .settings-icon:hover{opacity:1}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}";
@@ -29,6 +29,7 @@ const VerdocsFieldInitial = /*@__PURE__*/ proxyCustomElement(class VerdocsFieldI
         this.source = 'template';
         this.sourceid = '';
         this.fieldname = '';
+        this.field = null;
         this.disabled = false;
         this.initials = '';
         this.editable = false;
@@ -80,7 +81,7 @@ const VerdocsFieldInitial = /*@__PURE__*/ proxyCustomElement(class VerdocsFieldI
     }
     render() {
         const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
-        const { index, field } = Store.getField(source, sourceid, fieldname);
+        const { index, field } = Store.getField(source, sourceid, fieldname, this.field);
         const { required = false, value = '', label = '', settings = {} } = field || {};
         const backgroundColor = getRGBA(index);
         const { base64 } = settings;
@@ -105,6 +106,7 @@ const VerdocsFieldInitial = /*@__PURE__*/ proxyCustomElement(class VerdocsFieldI
         "source": [513],
         "sourceid": [513],
         "fieldname": [513],
+        "field": [16],
         "disabled": [516],
         "initials": [513],
         "editable": [516],

package/dist/components/{p-5df09a0d.js → p-261521bc.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { getRGBA } from '@verdocs/js-sdk';
 import { S as SettingsIcon } from './p-b0766439.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$9 } from './p-0e332769.js';
 import { d as defineCustomElement$8 } from './p-3201d529.js';
 import { d as defineCustomElement$7 } from './p-84ae0283.js';
@@ -9,7 +9,7 @@ import { d as defineCustomElement$6 } from './p-7f32e087.js';
 import { d as defineCustomElement$5 } from './p-1ae5d7e0.js';
 import { d as defineCustomElement$4 } from './p-6719b0d7.js';
 import { d as defineCustomElement$3 } from './p-62743fd3.js';
-import { d as defineCustomElement$2 } from './p-052fcdac.js';
+import { d as defineCustomElement$2 } from './p-7cd6c0ce.js';
 import { d as defineCustomElement$1 } from './p-325b3828.js';
 
 const verdocsFieldRadioCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-radio{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:14px;height:14px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-field-radio.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-radio svg{margin-top:4px}verdocs-field-radio.disabled.done{opacity:1}verdocs-field-radio div.label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-radio div.group{top:14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#bb0589;border-bottom-left-radius:2px;border-bottom-right-radius:2px}verdocs-field-radio input{cursor:inherit}verdocs-field-radio.disabled input{opacity:0.5}verdocs-field-radio.done input[type=radio]{margin:0;padding:0;width:10px;height:10px}verdocs-field-radio:not(.done) input[type=radio]{position:absolute;opacity:0}verdocs-field-radio:not(.done) input[type=radio]+label:before{content:\"\";border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:12px;height:12px;position:absolute;left:0;top:0;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-field-radio:not(.done) input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-field-radio:not(.done) input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-field-radio:not(.done) input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-field-radio:not(.done) input[type=radio]+label:empty:before{margin-right:0}verdocs-field-radio.required{border:1px solid #cc0000}verdocs-field-radio.hide{display:none}verdocs-field-radio.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-radio verdocs-button-panel{margin-left:-20px;margin-top:-7px;-webkit-transform:scale(0.7);transform:scale(0.7)}verdocs-field-radio .settings-icon{position:absolute;top:-6px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-radio .settings-icon svg{fill:#707ae5}verdocs-field-radio .settings-icon:hover{opacity:1}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}";
@@ -26,6 +26,7 @@ const VerdocsFieldRadio = /*@__PURE__*/ proxyCustomElement(class VerdocsFieldRad
         this.source = 'template';
         this.sourceid = '';
         this.fieldname = '';
+        this.field = null;
         this.disabled = false;
         this.required = false;
         this.done = false;
@@ -58,7 +59,7 @@ const VerdocsFieldRadio = /*@__PURE__*/ proxyCustomElement(class VerdocsFieldRad
     }
     render() {
         const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
-        const { index, field } = Store.getField(source, sourceid, fieldname);
+        const { index, field } = Store.getField(source, sourceid, fieldname, this.field);
         const { name, required = false, label = '', group = '', value = false } = field || {};
         const backgroundColor = getRGBA(index);
         const selected = value === 'true';
@@ -83,6 +84,7 @@ const VerdocsFieldRadio = /*@__PURE__*/ proxyCustomElement(class VerdocsFieldRad
         "source": [513],
         "sourceid": [513],
         "fieldname": [513],
+        "field": [16],
         "disabled": [516],
         "required": [516],
         "done": [516],

package/dist/components/{p-d9074622.js → p-27548ebd.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-324ed895.js';
 import { VerdocsEndpoint, formatFullName, isValidEmail } from '@verdocs/js-sdk';
-import { c as convertToE164 } from './p-093d51c8.js';
+import { c as convertToE164 } from './p-af5ecc92.js';
 import { d as defineCustomElement$4 } from './p-0e332769.js';
 import { d as defineCustomElement$3 } from './p-7f32e087.js';
 import { d as defineCustomElement$2 } from './p-62743fd3.js';

package/dist/components/{p-ca8e3721.js → p-2ddf4d5b.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { VerdocsEndpoint, getRGBA } from '@verdocs/js-sdk';
 import { S as SettingsIcon } from './p-b0766439.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$b } from './p-0e332769.js';
 import { d as defineCustomElement$a } from './p-3201d529.js';
 import { d as defineCustomElement$9 } from './p-84ae0283.js';
@@ -10,7 +10,7 @@ import { d as defineCustomElement$7 } from './p-1ae5d7e0.js';
 import { d as defineCustomElement$6 } from './p-b7d080eb.js';
 import { d as defineCustomElement$5 } from './p-6719b0d7.js';
 import { d as defineCustomElement$4 } from './p-62743fd3.js';
-import { d as defineCustomElement$3 } from './p-052fcdac.js';
+import { d as defineCustomElement$3 } from './p-7cd6c0ce.js';
 import { d as defineCustomElement$2 } from './p-325b3828.js';
 import { d as defineCustomElement$1 } from './p-2ef2d490.js';
 
@@ -45,6 +45,7 @@ const VerdocsFieldAttachment = /*@__PURE__*/ proxyCustomElement(class VerdocsFie
         this.source = 'template';
         this.sourceid = '';
         this.fieldname = '';
+        this.field = null;
         this.disabled = false;
         this.editable = false;
         this.moveable = false;
@@ -82,7 +83,7 @@ const VerdocsFieldAttachment = /*@__PURE__*/ proxyCustomElement(class VerdocsFie
     }
     render() {
         const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
-        const { index, field } = Store.getField(source, sourceid, fieldname);
+        const { index, field } = Store.getField(source, sourceid, fieldname, this.field);
         const { required = false, value = '', label = '', settings = {} } = field || {};
         const backgroundColor = getRGBA(index);
         const hasFile = value || !!this.selectedFile;
@@ -109,6 +110,7 @@ const VerdocsFieldAttachment = /*@__PURE__*/ proxyCustomElement(class VerdocsFie
         "source": [513],
         "sourceid": [513],
         "fieldname": [513],
+        "field": [16],
         "disabled": [516],
         "editable": [516],
         "moveable": [516],

package/dist/components/{p-9c37d4b3.js → p-314d698d.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
 import { VerdocsEndpoint, getTemplate, updateTemplateRole, deleteTemplateRole, isValidEmail } from '@verdocs/js-sdk';
 import { S as SDKError } from './p-fd97809c.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$4 } from './p-0e332769.js';
 import { d as defineCustomElement$3 } from './p-7f32e087.js';
 import { d as defineCustomElement$2 } from './p-62743fd3.js';

package/dist/components/{p-6506ddb4.js → p-5182136e.js}

@@ -3,7 +3,7 @@ import { f as format } from './p-12bab948.js';
 import { getRGBA } from '@verdocs/js-sdk';
 import { F as FORMAT_TIMESTAMP } from './p-c7ee88c7.js';
 import { S as SettingsIcon } from './p-b0766439.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$9 } from './p-0e332769.js';
 import { d as defineCustomElement$8 } from './p-3201d529.js';
 import { d as defineCustomElement$7 } from './p-84ae0283.js';
@@ -11,7 +11,7 @@ import { d as defineCustomElement$6 } from './p-7f32e087.js';
 import { d as defineCustomElement$5 } from './p-1ae5d7e0.js';
 import { d as defineCustomElement$4 } from './p-6719b0d7.js';
 import { d as defineCustomElement$3 } from './p-62743fd3.js';
-import { d as defineCustomElement$2 } from './p-052fcdac.js';
+import { d as defineCustomElement$2 } from './p-7cd6c0ce.js';
 import { d as defineCustomElement$1 } from './p-325b3828.js';
 
 const verdocsFieldTimestampCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-timestamp{width:160px;height:15px;display:block;font-size:9px;position:relative;scroll-margin:20px 0;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-field-timestamp.done{opacity:1}verdocs-field-timestamp input{position:absolute;cursor:inherit;opacity:0.5;width:100%;height:100%;font-size:9px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-timestamp.required{border:1px solid rgb(204, 0, 0)}verdocs-field-timestamp.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-timestamp verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-timestamp .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-timestamp .settings-icon svg{fill:#707ae5}verdocs-field-timestamp .settings-icon:hover{opacity:1}";
@@ -26,6 +26,7 @@ const VerdocsFieldTimestamp = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
         this.source = 'template';
         this.sourceid = '';
         this.fieldname = '';
+        this.field = null;
         this.disabled = false;
         this.editable = false;
         this.moveable = false;
@@ -53,7 +54,7 @@ const VerdocsFieldTimestamp = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
     }
     render() {
         const { source, sourceid, fieldname, editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
-        const { index, field } = Store.getField(source, sourceid, fieldname);
+        const { index, field } = Store.getField(source, sourceid, fieldname, this.field);
         const { required = false, placeholder = '', value = '', label = '' } = field || {};
         const backgroundColor = getRGBA(index);
         const formatted = format(new Date(value || new Date().toISOString()), FORMAT_TIMESTAMP);
@@ -78,6 +79,7 @@ const VerdocsFieldTimestamp = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
         "source": [513],
         "sourceid": [513],
         "fieldname": [513],
+        "field": [16],
         "disabled": [516],
         "editable": [516],
         "moveable": [516],

package/dist/components/{p-b712e729.js → p-58d027d1.js}

@@ -1758,14 +1758,14 @@ const Store = {
     // called by the verdocs-field-* components themselves which are only rendered
     // after a template or envelope is already loaded and cached in the store, so
     // no attempt is made to load the parent record if it isn't already known.
-    getField(source, sourceId, fieldName) {
+    getField(source, sourceId, fieldName, fieldOverride) {
         if (source === 'template') {
             const row = store.getRow('templates', sourceId);
             const template = rowToObject(row);
             const field = (template.fields || []).find(field => field.name === fieldName);
             const roleNames = (template.roles || []).map(role => role.name);
             const index = roleNames.findIndex(name => name === field.role_name);
-            return { index: Math.max(index, 0), field };
+            return { index: Math.max(index, 0), field: fieldOverride || field };
         }
         else {
             const row = store.getRow('envelopes', sourceId);
@@ -1773,7 +1773,7 @@ const Store = {
             const field = (envelope.fields || []).find(field => field.name === fieldName);
             const roleNames = (envelope.recipients || []).map(recipient => recipient.role_name);
             const index = roleNames.findIndex(name => name === field.role_name);
-            return { index, field };
+            return { index, field: fieldOverride || field };
         }
     },
 };

package/dist/components/{p-e36c8c69.js → p-5e378f0e.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host, F as Fragment } from './p-324ed895.js';
 import { getRGBA } from '@verdocs/js-sdk';
 import { S as SettingsIcon } from './p-b0766439.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$a } from './p-0e332769.js';
 import { d as defineCustomElement$9 } from './p-3201d529.js';
 import { d as defineCustomElement$8 } from './p-84ae0283.js';
@@ -10,7 +10,7 @@ import { d as defineCustomElement$6 } from './p-1ae5d7e0.js';
 import { d as defineCustomElement$5 } from './p-6719b0d7.js';
 import { d as defineCustomElement$4 } from './p-62743fd3.js';
 import { d as defineCustomElement$3 } from './p-cce871bf.js';
-import { d as defineCustomElement$2 } from './p-052fcdac.js';
+import { d as defineCustomElement$2 } from './p-7cd6c0ce.js';
 import { d as defineCustomElement$1 } from './p-325b3828.js';
 
 const verdocsFieldSignatureCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-signature{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:83px;height:36px;display:block;font-size:11px;position:relative;scroll-margin:20px 0;letter-spacing:0.3px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-signature label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-signature.done{border:none;opacity:1}verdocs-field-signature img{display:block;max-width:100%;max-height:100%}verdocs-field-signature.disabled img{opacity:0.5}verdocs-field-signature button{cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px}verdocs-field-signature button.hide{display:none}verdocs-field-signature.required{border:1px solid rgb(204, 0, 0)}verdocs-field-signature.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-signature verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-signature verdocs-button-panel[data-active],verdocs-field-signature verdocs-button-panel:hover{opacity:1}verdocs-field-signature verdocs-button-panel .icon svg{fill:#333333}verdocs-field-signature verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-signature .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-signature .settings-icon svg{fill:#707ae5}verdocs-field-signature .settings-icon:hover{opacity:1}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}";
@@ -27,6 +27,7 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
         this.source = 'template';
         this.sourceid = '';
         this.fieldname = '';
+        this.field = null;
         this.name = '';
         this.disabled = false;
         this.editable = false;
@@ -79,7 +80,7 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
     }
     render() {
         const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
-        const { index, field } = Store.getField(source, sourceid, fieldname);
+        const { index, field } = Store.getField(source, sourceid, fieldname, this.field);
         console.log('Signature field', index, getRGBA(index), field);
         const { required = false, value = '', label = '', settings = {} } = field || {};
         const { base64 } = settings;
@@ -105,6 +106,7 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
         "source": [513],
         "sourceid": [513],
         "fieldname": [513],
+        "field": [16],
         "name": [513],
         "disabled": [516],
         "editable": [516],

package/dist/components/{p-f7462b26.js → p-6c4fe42c.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { VerdocsEndpoint, getTemplate } from '@verdocs/js-sdk';
 import { V as VerdocsToast } from './p-04c07b7b.js';
 import { S as SDKError } from './p-fd97809c.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$4 } from './p-070bebd7.js';
 import { d as defineCustomElement$3 } from './p-84ae0283.js';
 import { d as defineCustomElement$2 } from './p-1ae5d7e0.js';

package/dist/components/{p-052fcdac.js → p-7cd6c0ce.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
 import { VerdocsEndpoint, getTemplate, updateField, deleteField } from '@verdocs/js-sdk';
 import { S as SDKError } from './p-fd97809c.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$7 } from './p-0e332769.js';
 import { d as defineCustomElement$6 } from './p-3201d529.js';
 import { d as defineCustomElement$5 } from './p-84ae0283.js';

package/dist/components/{p-005c3387.js → p-9bcf9620.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { VerdocsEndpoint, getTemplate, createTemplateDocument, deleteTemplateDocument } from '@verdocs/js-sdk';
 import { D as DocIcon, P as PngIcon, J as JpgIcon, a as PdfIcon, F as FileIcon, b as PageCountIcon, T as TrashIcon } from './p-b0766439.js';
 import { S as SDKError } from './p-fd97809c.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$6 } from './p-0e332769.js';
 import { d as defineCustomElement$5 } from './p-84ae0283.js';
 import { d as defineCustomElement$4 } from './p-22da6d14.js';

package/dist/components/{p-a96c617c.js → p-a55f08ad.js}

@@ -1,23 +1,23 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
 import { i as interact } from './p-a901dff2.js';
 import { VerdocsEndpoint, getTemplate, updateField, createField, integerSequence } from '@verdocs/js-sdk';
-import { e as updateCssTransform, f as removeCssTransform, h as setControlStyles, g as getFieldId, i as defaultWidth, j as defaultHeight } from './p-093d51c8.js';
+import { e as updateCssTransform, f as removeCssTransform, h as setControlStyles, g as getFieldId, i as defaultWidth, j as defaultHeight } from './p-af5ecc92.js';
 import { V as VerdocsToast } from './p-04c07b7b.js';
 import { S as SDKError } from './p-fd97809c.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$p } from './p-0e332769.js';
 import { d as defineCustomElement$o } from './p-3201d529.js';
 import { d as defineCustomElement$n } from './p-84ae0283.js';
-import { d as defineCustomElement$m } from './p-ca8e3721.js';
-import { d as defineCustomElement$l } from './p-c9a4ef35.js';
-import { d as defineCustomElement$k } from './p-7246d2ee.js';
-import { d as defineCustomElement$j } from './p-053a0408.js';
-import { d as defineCustomElement$i } from './p-f21ef4fb.js';
-import { d as defineCustomElement$h } from './p-5df09a0d.js';
-import { d as defineCustomElement$g } from './p-e36c8c69.js';
-import { d as defineCustomElement$f } from './p-b36c979b.js';
-import { d as defineCustomElement$e } from './p-85ebe71d.js';
-import { d as defineCustomElement$d } from './p-6506ddb4.js';
+import { d as defineCustomElement$m } from './p-2ddf4d5b.js';
+import { d as defineCustomElement$l } from './p-14c80ae8.js';
+import { d as defineCustomElement$k } from './p-176a07b2.js';
+import { d as defineCustomElement$j } from './p-d8340641.js';
+import { d as defineCustomElement$i } from './p-211fa3e2.js';
+import { d as defineCustomElement$h } from './p-261521bc.js';
+import { d as defineCustomElement$g } from './p-5e378f0e.js';
+import { d as defineCustomElement$f } from './p-d9a2e920.js';
+import { d as defineCustomElement$e } from './p-c1159428.js';
+import { d as defineCustomElement$d } from './p-5182136e.js';
 import { d as defineCustomElement$c } from './p-7f32e087.js';
 import { d as defineCustomElement$b } from './p-9c0b30f8.js';
 import { d as defineCustomElement$a } from './p-1ae5d7e0.js';
@@ -25,8 +25,8 @@ import { d as defineCustomElement$9 } from './p-b7d080eb.js';
 import { d as defineCustomElement$8 } from './p-6719b0d7.js';
 import { d as defineCustomElement$7 } from './p-62743fd3.js';
 import { d as defineCustomElement$6 } from './p-cce871bf.js';
-import { d as defineCustomElement$5 } from './p-e9a7d860.js';
-import { d as defineCustomElement$4 } from './p-052fcdac.js';
+import { d as defineCustomElement$5 } from './p-c76fab71.js';
+import { d as defineCustomElement$4 } from './p-7cd6c0ce.js';
 import { d as defineCustomElement$3 } from './p-325b3828.js';
 import { d as defineCustomElement$2 } from './p-4d3b9ee9.js';
 import { d as defineCustomElement$1 } from './p-2ef2d490.js';

package/dist/components/{p-eefda339.js → p-a60453aa.js}

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
 import { VerdocsEndpoint, getTemplate, updateTemplateRole, createTemplateRole, formatFullName } from '@verdocs/js-sdk';
 import { S as SDKError } from './p-fd97809c.js';
-import { S as Store } from './p-b712e729.js';
+import { S as Store } from './p-58d027d1.js';
 import { d as defineCustomElement$8 } from './p-0e332769.js';
 import { d as defineCustomElement$7 } from './p-84ae0283.js';
 import { d as defineCustomElement$6 } from './p-7f32e087.js';
 import { d as defineCustomElement$5 } from './p-1ae5d7e0.js';
 import { d as defineCustomElement$4 } from './p-be261487.js';
 import { d as defineCustomElement$3 } from './p-62743fd3.js';
-import { d as defineCustomElement$2 } from './p-9c37d4b3.js';
+import { d as defineCustomElement$2 } from './p-314d698d.js';
 import { d as defineCustomElement$1 } from './p-325b3828.js';
 
 /**!

package/dist/components/{p-ed4f91be.js → p-adf1586f.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
-import { b as renderedTextWidth } from './p-093d51c8.js';
+import { b as renderedTextWidth } from './p-af5ecc92.js';
 import { c as createPopper } from './p-68a5aaff.js';
 
 const verdocsQuickFilterCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-filter{position:relative;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:rgba(76, 86, 203, 0.2470588235)}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}";

package/dist/components/{p-093d51c8.js → p-af5ecc92.js}

@@ -105,6 +105,7 @@ const updateDocumentFieldValue = (field) => {
     const existingField = document.getElementById(id);
     if (existingField) {
         existingField.field = field;
+        existingField.roleindex = field;
         existingField.setAttribute('id', id); // We need this to trigger a re-render
         existingField.setAttribute('disabled', true); // We need this to trigger a re-render
         existingField.setAttribute('disabled', false); // We need this to trigger a re-render

package/dist/components/{p-332a97b3.js → p-b99b485b.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
 import { VerdocsEndpoint, getEnvelopeDocumentPageDisplayUri } from '@verdocs/js-sdk';
-import { t as throttle } from './p-093d51c8.js';
+import { t as throttle } from './p-af5ecc92.js';
 
 const verdocsEnvelopeDocumentPageCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-document-page{width:100%;position:relative}verdocs-envelope-document-page .verdocs-envelope-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-envelope-document-page .verdocs-envelope-document-page-layer.img{width:100%}";
 const VerdocsEnvelopeDocumentPageStyle0 = verdocsEnvelopeDocumentPageCss;