@verdocs/web-sdk 5.0.17 → 5.0.18

package/dist/components/verdocs-build.js

@@ -9,13 +9,13 @@ import { d as defineCustomElement$C } from './p-84ae0283.js';
 import { d as defineCustomElement$B } from './p-27548ebd.js';
 import { d as defineCustomElement$A } from './p-2ddf4d5b.js';
 import { d as defineCustomElement$z } from './p-14c80ae8.js';
-import { d as defineCustomElement$y } from './p-176a07b2.js';
+import { d as defineCustomElement$y } from './p-c9bed8f7.js';
 import { d as defineCustomElement$x } from './p-d8340641.js';
 import { d as defineCustomElement$w } from './p-211fa3e2.js';
 import { d as defineCustomElement$v } from './p-261521bc.js';
-import { d as defineCustomElement$u } from './p-5e378f0e.js';
+import { d as defineCustomElement$u } from './p-bcc8771f.js';
 import { d as defineCustomElement$t } from './p-d9a2e920.js';
-import { d as defineCustomElement$s } from './p-c1159428.js';
+import { d as defineCustomElement$s } from './p-43fa069d.js';
 import { d as defineCustomElement$r } from './p-5182136e.js';
 import { d as defineCustomElement$q } from './p-22da6d14.js';
 import { d as defineCustomElement$p } from './p-7f32e087.js';
@@ -24,7 +24,7 @@ import { d as defineCustomElement$n } from './p-1ae5d7e0.js';
 import { d as defineCustomElement$m } from './p-be261487.js';
 import { d as defineCustomElement$l } from './p-b7d080eb.js';
 import { d as defineCustomElement$k } from './p-6719b0d7.js';
-import { d as defineCustomElement$j } from './p-0ed0ac8b.js';
+import { d as defineCustomElement$j } from './p-aa59fa42.js';
 import { d as defineCustomElement$i } from './p-a2f6d2c6.js';
 import { d as defineCustomElement$h } from './p-62743fd3.js';
 import { d as defineCustomElement$g } from './p-022b87d3.js';
@@ -33,9 +33,9 @@ import { d as defineCustomElement$e } from './p-9cfd8022.js';
 import { d as defineCustomElement$d } from './p-4dd750e9.js';
 import { d as defineCustomElement$c } from './p-9bcf9620.js';
 import { d as defineCustomElement$b } from './p-6c4fe42c.js';
-import { d as defineCustomElement$a } from './p-c76fab71.js';
+import { d as defineCustomElement$a } from './p-13260b9f.js';
 import { d as defineCustomElement$9 } from './p-7cd6c0ce.js';
-import { d as defineCustomElement$8 } from './p-a55f08ad.js';
+import { d as defineCustomElement$8 } from './p-8a76ec8a.js';
 import { d as defineCustomElement$7 } from './p-314d698d.js';
 import { d as defineCustomElement$6 } from './p-78043e4b.js';
 import { d as defineCustomElement$5 } from './p-325b3828.js';

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

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldDate$1, d as defineCustomElement$1 } from './p-176a07b2.js';
+import { V as VerdocsFieldDate$1, d as defineCustomElement$1 } from './p-c9bed8f7.js';
 
 const VerdocsFieldDate = VerdocsFieldDate$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldSignature$1, d as defineCustomElement$1 } from './p-5e378f0e.js';
+import { V as VerdocsFieldSignature$1, d as defineCustomElement$1 } from './p-bcc8771f.js';
 
 const VerdocsFieldSignature = VerdocsFieldSignature$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsFieldTextbox$1, d as defineCustomElement$1 } from './p-c1159428.js';
+import { V as VerdocsFieldTextbox$1, d as defineCustomElement$1 } from './p-43fa069d.js';
 
 const VerdocsFieldTextbox = VerdocsFieldTextbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-preview.js

@@ -1,4 +1,4 @@
-import { V as VerdocsPreview$1, d as defineCustomElement$1 } from './p-0ed0ac8b.js';
+import { V as VerdocsPreview$1, d as defineCustomElement$1 } from './p-aa59fa42.js';
 
 const VerdocsPreview = VerdocsPreview$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-document-page.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateDocumentPage$1, d as defineCustomElement$1 } from './p-c76fab71.js';
+import { V as VerdocsTemplateDocumentPage$1, d as defineCustomElement$1 } from './p-13260b9f.js';
 
 const VerdocsTemplateDocumentPage = VerdocsTemplateDocumentPage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-fields.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateFields$1, d as defineCustomElement$1 } from './p-a55f08ad.js';
+import { V as VerdocsTemplateFields$1, d as defineCustomElement$1 } from './p-8a76ec8a.js';
 
 const VerdocsTemplateFields = VerdocsTemplateFields$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/esm/verdocs-field-attachment_13.entry.js

@@ -228,6 +228,7 @@ const VerdocsFieldDate = class {
         }, 500);
     }
     componentDidLoad() {
+        console.log('Activating date picker', this.containerId, document.getElementById(this.containerId));
         this.picker = new AirDatepicker(`#${this.containerId}`, {
             locale: default_1,
             isMobile: true,
@@ -255,6 +256,7 @@ const VerdocsFieldDate = class {
     // 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;
+        console.log('Rendering date picker', 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);
@@ -262,7 +264,7 @@ const VerdocsFieldDate = class {
         if (this.done) {
             return h(Host, { class: { done } }, formattedValue);
         }
-        return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("input", { name: fieldname, class: "input-el", type: "text", value: formattedValue, id: fieldname, disabled: disabled, placeholder: placeholder, onFocus: () => (this.focused = true), onBlur: () => (this.focused = false) }), 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) => {
+        return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("input", { name: fieldname, class: "input-el", type: "text", value: formattedValue, id: this.containerId, disabled: disabled, placeholder: placeholder, onFocus: () => (this.focused = true), onBlur: () => (this.focused = false) }), 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();
                 this.showingProperties = !this.showingProperties;
             } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: sourceid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -579,7 +581,6 @@ const VerdocsFieldSignature = class {
     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, this.field);
-        console.log('Signature field', index, getRGBA(index), field);
         const { required = false, value = '', label = '', settings = {} } = field || {};
         const { base64 } = settings;
         const backgroundColor = getRGBA(index);
@@ -820,12 +821,10 @@ const VerdocsFieldTextbox = class {
     }
     render() {
         const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
-        console.log('Rendering textbox', source, sourceid, fieldname);
         const { index, field } = Store.getField(source, sourceid, fieldname, this.field);
-        console.log('Textbox', index, getRGBA(index), field);
         let { required = false, placeholder = '', label = '', width = 150, default: value = '', multiline = false } = field || {};
         const backgroundColor = getRGBA(index);
-        // TODO: Consolidate value/defaultValue handling between template and envelope fields
+        // TODO: Consolidate value/defaultValue handling between template and envelope fields.
         if (field === null || field === void 0 ? void 0 : field.value) {
             value = field === null || field === void 0 ? void 0 : field.value;
         }