@verdocs/web-sdk 5.0.17 → 5.0.19

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-272d51a4.js';
 import { VerdocsEndpoint, getRGBA, updateField } from '@verdocs/js-sdk';
 import { S as SettingsIcon } from './Icons-faf0377f.js';
-import { S as Store } from './Datastore-b55570ff.js';
+import { S as Store } from './Datastore-3f924d94.js';
 import { c as commonjsGlobal } from './_commonjsHelpers-bdec4bbd.js';
 import { a as FORMAT_DATE, F as FORMAT_TIMESTAMP } from './Types-95d86a44.js';
 import { f as format } from './format-b8602175.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;
         }