@verdocs/web-sdk 5.0.16 → 5.0.18

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

@@ -232,6 +232,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,
@@ -259,6 +260,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: index$1, field } = Datastore.Store.getField(source, sourceid, fieldname, this.field);
         const { required = false, placeholder = 'Date...', value = '', label = '' } = field || {};
         const backgroundColor = jsSdk.getRGBA(index$1);
@@ -266,7 +268,7 @@ const VerdocsFieldDate = class {
         if (this.done) {
             return index.h(index.Host, { class: { done } }, formattedValue);
         }
-        return (index.h(index.Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && index.h("label", null, label), index.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 && (index.h(index.Fragment, null, index.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: Icons.SettingsIcon, onClick: (e) => {
+        return (index.h(index.Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && index.h("label", null, label), index.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 && (index.h(index.Fragment, null, index.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: Icons.SettingsIcon, onClick: (e) => {
                 e.stopPropagation();
                 this.showingProperties = !this.showingProperties;
             } }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: sourceid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -583,7 +585,6 @@ const VerdocsFieldSignature = class {
     render() {
         const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
         const { index: index$1, field } = Datastore.Store.getField(source, sourceid, fieldname, this.field);
-        console.log('Signature field', index$1, jsSdk.getRGBA(index$1), field);
         const { required = false, value = '', label = '', settings = {} } = field || {};
         const { base64 } = settings;
         const backgroundColor = jsSdk.getRGBA(index$1);
@@ -824,12 +825,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: index$1, field } = Datastore.Store.getField(source, sourceid, fieldname, this.field);
-        console.log('Textbox', index$1, jsSdk.getRGBA(index$1), field);
         let { required = false, placeholder = '', label = '', width = 150, default: value = '', multiline = false } = field || {};
         const backgroundColor = jsSdk.getRGBA(index$1);
-        // 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;
         }