@verdocs/web-sdk 1.9.14 → 1.9.15

package/dist/esm/verdocs-template-create_4.entry.js

@@ -4,9 +4,9 @@ import { T as TemplateSenderTypes } from './Types-ab9f6af8.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-dac04424.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { r as renderDocumentField, a as getRoleIndex, u as updateCssTransform } from './utils-99a3c1f0.js';
-import { s as state } from './templateStore-96a39844.js';
-import { l as loadTemplate } from './Templates-1034fade.js';
+import { r as renderDocumentField, a as getRoleIndex, u as updateCssTransform } from './utils-2e6beff8.js';
+import { s as state } from './templateStore-b8512d36.js';
+import { l as loadTemplate } from './Templates-7a534fd1.js';
 import './index-fd7b8a34.js';
 
 /**
@@ -185,15 +185,12 @@ const VerdocsTemplateFields = class {
     // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);
     console.log('[FIELDS] Fields on page', fields);
     fields.forEach(field => {
-      const el = renderDocumentField(field, pageInfo, getRoleIndex(state.roleNames, field.role_name), this.handleFieldChange, true, true, true);
-      // const el = renderDocumentField(field, pageInfo.renderedPage, getRoleIndex(this.roles, field.role_name), this.handleFieldChange, true, true, true);
+      const el = renderDocumentField(field, pageInfo, getRoleIndex(state.roleNames, field.role_name), { disabled: true, editable: true, draggable: true });
       if (!el) {
         return;
       }
-      el.addEventListener('recipientChanged', e => {
-        el.setAttribute('roleindex', getRoleIndex(state.roleNames, e.detail));
-        // el.setAttribute('roleindex', getRoleIndex(this.roles, e.detail));
-      });
+      el.addEventListener('input', e => this.handleFieldChange(field, e));
+      el.addEventListener('recipientChanged', e => el.setAttribute('roleindex', getRoleIndex(state.roleNames, e.detail)));
       el.setAttribute('xScale', pageInfo.xScale);
       el.setAttribute('yScale', pageInfo.yScale);
       interact(el).draggable({