@verdocs/web-sdk 4.0.7 → 4.0.9

package/dist/components/verdocs-settings-profile2.js

@@ -136,6 +136,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsSettingsProfile as V, defineCustomElement as d };

package/dist/components/verdocs-settings.js

@@ -124,7 +124,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsSettings = VerdocsSettings$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-sign.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { VerdocsEndpoint, getSigningSession, getEnvelope, envelopeRecipientAgree, envelopeRecipientDecline, updateEnvelopeField, createSignature, updateEnvelopeFieldSignature, createInitials, updateEnvelopeFieldInitials, isValidPhone, isValidEmail, envelopeRecipientSubmit, uploadEnvelopeFieldAttachment, fullNameToInitials, integerSequence } from '@verdocs/js-sdk';
-import { j as saveAttachment, k as updateDocumentFieldValue, r as renderDocumentField, b as getFieldId } from './utils.js';
-import { a as createTemplateFieldStoreFromEnvelope } from './TemplateFieldStore.js';
+import { a as saveAttachment, u as updateDocumentFieldValue, r as renderDocumentField, g as getFieldId } from './utils.js';
+import { c as createTemplateFieldStoreFromEnvelope } from './TemplateFieldStore.js';
 import { V as VerdocsToast } from './Toast.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$8 } from './verdocs-button2.js';
@@ -606,7 +606,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsSign = VerdocsSign$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -221,7 +221,7 @@ const VerdocsSignatureDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsSig
     }
      */
     render() {
-        return (h(Host, { key: 'fcb13a8c842458da1e1d357d19bbb9b55074d1e9', onClick: e => this.handleCancel(e) }, h("div", { key: '277162d473d0eb91c09cc7edb41b0ec7ff777620', class: "dialog" }, h("div", { key: 'e0c067842ccbe269f69b466aaa6eb8c371044b3a', class: "heading" }, "Create Your Signature"), h("div", { key: 'c56cadd1096c74209200b370814ac7f3866c0fde', class: "content" }, h("verdocs-text-input", { key: '8b159acdfa214181d66cc6b0a0b28f3e1f5c4595', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '2576df6f2f30c1ebd8c2b1727006156386c8a387', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: 'f321aff6afb7ffac373693e934431cba9ae25aaa', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: 'cca9cd2ba4514edd99fd82dfa7c61875246d7355', class: "buttons" }, h("verdocs-button", { key: '99412bf5275d7369bef49025e9ff0563fc2692c8', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '75f5ddf100fef479941790b64c807f02ef7aa895', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: '6caa5dec8418f01505b6804accccc752207a2536', onClick: e => this.handleCancel(e) }, h("div", { key: '70a86117042b81e39b014457b7c54c945a351eea', class: "dialog" }, h("div", { key: '42c8ba061575c774a4a002176c3859baac281d9b', class: "heading" }, "Create Your Signature"), h("div", { key: '6f5d716812f90e624c6e31a9f36cbf9883d79c42', class: "content" }, h("verdocs-text-input", { key: 'a308d527df3926d85dbffadf25802ef55e4c3bd7', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '78a2c7b343835127d715055e6107af144c47152f', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '4886115298e397686d10911054504a25d90c11f3', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: '12bbe3a5abfedc9594aa59439fd05dd1ad73377b', class: "buttons" }, h("verdocs-button", { key: '7a57e964b2b93fa18a2ad97dd5693886c27bbbc8', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'd1f6f30b207e61710bdd93eeee4fb7e0b22c3c4e', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
     static get style() { return VerdocsSignatureDialogStyle0; }
 }, [0, "verdocs-signature-dialog", {
@@ -258,6 +258,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsSignatureDialog as V, defineCustomElement as d };

package/dist/components/verdocs-spinner2.js

@@ -13,7 +13,7 @@ const VerdocsQuickFilter = /*@__PURE__*/ proxyCustomElement(class VerdocsQuickFi
         this.mode = 'light';
     }
     render() {
-        return (h(Host, { key: 'f5a8b78035f45b04cd8a017f0052857d74e4d454', style: {
+        return (h(Host, { key: 'd8e7181efe02d923319257c59da36ae807fcf7a0', style: {
                 width: `${this.size}px`, //
                 height: `${this.size}px`,
                 flex: `0 0 ${this.size}px`,
@@ -38,6 +38,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsQuickFilter as V, defineCustomElement as d };

package/dist/components/verdocs-status-indicator2.js

@@ -7182,11 +7182,11 @@ const VerdocsStatusIndicator = /*@__PURE__*/ proxyCustomElement(class VerdocsSta
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (h(Host, { key: '4f448a7efa8648f23fa6fca7c1684998c54a2869', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
+        return (h(Host, { key: 'aaaa7b0cc222b74a9fc8b1663ca3ddf9d4580cf6', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
                 e.stopPropagation();
                 e.preventDefault();
                 this.envelope && this.toggleDropdown();
-            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '8849c6dbf2be4339630768f064e76cb660919f15', class: "icon", innerHTML: icon }), h("span", { key: 'ae89d44c5b7bc18d1670957097c36ed044645a23', class: "content" }, statusMessage), h("div", { key: '65779af7d179cba0d6d685834f4da129472590c0', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: '9b564f492cdcaa5fdb4b622a0ea32be625f0cd57', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
+            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '03baee21425fefa4ce17e3e1998fb60f32310bb0', class: "icon", innerHTML: icon }), h("span", { key: '19b98f1e2cb76a7488bd7400928930d33b1003d0', class: "content" }, statusMessage), h("div", { key: '870dd620390fa1f201ca1b509f0c3bcf513cfa8c', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: '7cbe6e3452da0997d2169f2d1024e3d68f891d96', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
     }
     static get style() { return VerdocsStatusIndicatorStyle0; }
 }, [0, "verdocs-status-indicator", {
@@ -7210,6 +7210,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsStatusIndicator as V, defineCustomElement as d };

package/dist/components/verdocs-table2.js

@@ -39,6 +39,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTable as V, defineCustomElement as d };

package/dist/components/verdocs-tabs2.js

@@ -36,6 +36,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTabs as V, defineCustomElement as d };

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

@@ -196,6 +196,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTemplateAttachments as V, defineCustomElement as d };

package/dist/components/verdocs-template-build-tabs2.js

@@ -128,6 +128,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTemplateBuildTabs as V, defineCustomElement as d };

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

@@ -15,7 +15,7 @@ const VerdocsTemplateCard$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTemp
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '8c1e1c635b1baa655956acdb25c0dadf7aa7fb37' }, h("span", { key: '27f70562114c4b477a39d2c592ac970958308b6a', class: "name" }, this.template.name), h("span", { key: 'e7d9da9cef9ead160a65a4cee49f030d52b20eb3', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: 'ae53a4cb7e75c6b2af578e2518b601e742aecfb8' }), h("div", { key: 'f493a7d3641fe90d6bf35649664f76b5fc1ee3d3', class: "controls" }, h("div", { key: 'f0ef5225ff60e056166eede4ba69d4999c1a9887', class: "control" }, h("span", { key: '5f3f45383a81584741ee04b1fce6b4720bab9063', class: "icon", innerHTML: StarIcon }), h("span", { key: '9faf96a64292b6529e29186a4bd1e12d9ad3b42b', class: "value" }, this.template.star_counter)), h("div", { key: '2b605818b05ddf5ea9c3ac28f1bad3d0c8a3e3fb', class: "control secondary" }, h("span", { key: 'c12a8f975614144c72060cf9213a7e8081636602', class: "icon", innerHTML: PagesIcon }), h("span", { key: '53dd14ec4e8c0c57bbff3866901d10baa61abc31', class: "value" }, ((_d = (_c = (_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1)), h("div", { key: 'c2e72a02dcb918fe595f2fd7228728bd29b1c816', class: "control secondary" }, h("span", { key: '9ed65ee6703d3db204c7f9619884615d3595f9f2', class: "icon", innerHTML: EmailIcon }), h("span", { key: '805565cdc082e8d76e2dd2db98aeede1eee9810f', class: "value" }, this.template.counter)), h("span", { key: '8914f5b5d9d2395bd60f7fded9d58b4c48f85100', class: "additional-controls", innerHTML: ActionsIcon }))));
+        return (h(Host, { key: '3ef4b7a60f214bc1b4301f82c4d6c0c43cb31c1c' }, h("span", { key: '5da8ee7013a901cfd37bde9319f2efa68d08d6f6', class: "name" }, this.template.name), h("span", { key: '0e27a427f7575435bc09e98408cb8ebfd20f2221', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: '3471951b3a1aae2b6e753f7eaf14bb44b5ec9270' }), h("div", { key: 'eb4f5304de241f9e7ff0a558591d1a3caca8b29f', class: "controls" }, h("div", { key: '3d913d458116470de9abc5f88234bb4ed57e561e', class: "control" }, h("span", { key: '5dbfeb4e3c103b49ce9c6d54b5249af8b5b16086', class: "icon", innerHTML: StarIcon }), h("span", { key: 'ca84ade8a0d54ab96bdee35c63b03e34ab893257', class: "value" }, this.template.star_counter)), h("div", { key: '01385ff24ea0de2948b3ede9fbf1058f92ab5c7f', class: "control secondary" }, h("span", { key: '907331cb5970739199c2b319b18f17f9ce98bb93', class: "icon", innerHTML: PagesIcon }), h("span", { key: '9120a25679b0f9bf7a89a77b76f9c253d66df2c9', class: "value" }, ((_d = (_c = (_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1)), h("div", { key: '935459e3076e01cbbd2af34b2515e10722672799', class: "control secondary" }, h("span", { key: '1db1cc5176095a2d5646112a1d8aafc66b6e8772', class: "icon", innerHTML: EmailIcon }), h("span", { key: 'a66c84bfb81ac9ca2608a2dd35c28a707d3e7956', class: "value" }, this.template.counter)), h("span", { key: '0f9a72ba9ccc5c8c68321df12d0fdb489a25e4ac', class: "additional-controls", innerHTML: ActionsIcon }))));
     }
     static get style() { return VerdocsTemplateCardStyle0; }
 }, [0, "verdocs-template-card", {
@@ -34,7 +34,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsTemplateCard = VerdocsTemplateCard$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -144,6 +144,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTemplateCreate as V, defineCustomElement as d };

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { VerdocsEndpoint, getTemplateDocumentPageDisplayUri } from '@verdocs/js-sdk';
 import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
-import { t as throttle, a as getControlStyles, b as getFieldId, d as getFieldOptionId } from './utils.js';
+import { t as throttle, e as getControlStyles, g as getFieldId, f as getFieldOptionId } from './utils.js';
 import { d as defineCustomElement$l } from './verdocs-button2.js';
 import { d as defineCustomElement$k } from './verdocs-checkbox2.js';
 import { d as defineCustomElement$j } from './verdocs-component-error2.js';
@@ -115,7 +115,7 @@ const VerdocsTemplateDocumentPage = /*@__PURE__*/ proxyCustomElement(class Verdo
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: '9757c99456d32f5b95307f6c4282a70d2df0bf51', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } }, layer.name === 'controls' &&
+        return (h(Host, { key: '3555442b7b8cc1dcb799184fa09a8cb22ca698b4', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } }, layer.name === 'controls' &&
             this.fieldStore
                 .get('fields')
                 .filter(field => field && field.page === this.pageNumber)
@@ -314,6 +314,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTemplateDocumentPage as V, defineCustomElement as d };

package/dist/components/verdocs-template-field-properties2.js

@@ -356,6 +356,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTemplateFieldProperties as V, defineCustomElement as d };

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { i as interact } from './interact.min.js';
 import { VerdocsEndpoint, updateField, createField, integerSequence } from '@verdocs/js-sdk';
 import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFieldStore.js';
-import { u as updateCssTransform, e as removeCssTransform, b as getFieldId, d as getFieldOptionId, f as defaultWidth, h as defaultHeight } from './utils.js';
+import { h as updateCssTransform, i as removeCssTransform, g as getFieldId, f as getFieldOptionId, j as defaultWidth, k as defaultHeight } from './utils.js';
 import { g as getTemplateRoleStore } from './TemplateRoleStore.js';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';
@@ -566,6 +566,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTemplateFields as V, defineCustomElement as d };

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

@@ -123,6 +123,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTemplateName as V, defineCustomElement as d };

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

@@ -167,6 +167,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTemplateReminders as V, defineCustomElement as d };

package/dist/components/verdocs-template-role-properties2.js

@@ -129,31 +129,31 @@ const VerdocsTemplateRoleProperties = /*@__PURE__*/ proxyCustomElement(class Ver
     }
     render() {
         const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
-        return (h(Host, { key: 'f26ffe2f3c4cf162dc113e38a57347cf6c426074' }, h("div", { key: 'd9c5104918e6cf08b28d70b6278d7493a40d36e5', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'b1001937ae574b088c17d2f866296cb10ae8f237', class: "dialog" }, h("form", { key: 'd46822f635025195120735636d68a4c0424370f0', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '6d115e047e1fa310397d52f7873b68301f84ba1f', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+        return (h(Host, { key: '710e7f0ab8b1ecad6fa29a2872cfa8cd724deabd' }, h("div", { key: 'cce8cee42d046c80504e4ae6905cd290334612e6', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: '9d43dd9253210f0682f9cf59835702e3ccde5b4f', class: "dialog" }, h("form", { key: 'b532cbc42c82301bbb528b8a3c5112ccad7ae0e4', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '084af944f9d6c9f3e6fbc562caae052523c755f0', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
                 ? 'This role has fields assigned and can no longer be renamed.'
                 : 'A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.', placeholder: "Role Name...", onInput: (e) => {
                 this.name = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: '8a775c7e42acd009e25859726f48e777203304a3', class: "row" }, h("div", { key: '284d78cd23689e9c8683cf1f8fe55252ae1070cc', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'f996e3e885cd40a3aeff9469d2051fd09dd43274', value: this.type, options: [
+            } }), h("div", { key: '2dabe3a2431972036407ec97432809b58ca8f250', class: "row" }, h("div", { key: 'fe50813b64830cd68e0c24621aaf72b926aac517', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '24ba6e3ae5f4fe7c187e7a11e12baaba4caaa094', value: this.type, options: [
                 { label: 'Signer', value: 'signer' },
                 { label: 'CC', value: 'cc' },
                 { label: 'Approver', value: 'approver' },
             ], onInput: (e) => {
                 this.type = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-help-icon", { key: 'a320b1084f1a2333638c0e8b17d82efeb0a7bf1a', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), h("verdocs-text-input", { key: 'e554caea134e5955f0577397b902c8e6083520bf', id: "verdocs-recipient-email", label: "Full Name", value: this.full_name, autocomplete: "off", helpText: "The recipient's full name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Full Name...", onInput: (e) => {
+            } }), h("verdocs-help-icon", { key: '271c9d72f5b7b7ecb683cd4b0ea0dbfec26d385b', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), h("verdocs-text-input", { key: 'cccad696894aeb79f93803c8cc50fa9552a29860', id: "verdocs-recipient-email", label: "Full Name", value: this.full_name, autocomplete: "off", helpText: "The recipient's full name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Full Name...", onInput: (e) => {
                 this.full_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: '21aae473dc54ed8cb94adcc1e72fdedf3a3f91d9', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: '5a374e483b87942567a63c39fe9fdef13d460c59', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
                 this.email = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: 'd5ebf4575a092d3f70570d1a7c419aa90c75c64b', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: '8e9bf75190115c2b856a5a109a82e4fade3d99a7', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
                 this.phone = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: 'f7aca6f48663383ee649c7e3f11488c6a54f0420', class: "row" }, h("div", { key: 'f5304cffb00b6cf7edc92c9f2f9cb4013a8f16e8', class: "input-label" }, "May Delegate:"), h("div", { key: '78f6e51ccdfb7cccf4ad4d7c173eb29495ad93a9', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '319258417639cd160e0ad63de3feb413f8d18a9f', checked: this.delegator, onInput: (e) => {
+            } }), h("div", { key: '9fd9cb1a91e78154bf1df75cec3b357a464955c5', class: "row" }, h("div", { key: '480168f43800400d9572f6018a0d1d60cc56a588', class: "input-label" }, "May Delegate:"), h("div", { key: 'e65486b714f0e8917572494c57f1ea316ef73038', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '3c76bfc3d233e09be06e7bf252fd6997b30fc38b', checked: this.delegator, onInput: (e) => {
                 this.delegator = e.target.checked;
                 this.dirty = true;
-            } })), h("verdocs-help-icon", { key: 'e8614cdde73aac4c52fef105562058a2e34773ee', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '66302c80e7ce3cfb80d71ca9eb798832bbee64cd', class: "buttons" }, h("button", { key: '4198669a9355ba0b5065944c4dd28648ba4fd7d2', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'f7eccd789c90c1e3e570b54d0a8a3b947a5c5cf1', style: { flex: '1' } }), h("verdocs-button", { key: '0ad00a425bd9fc3ef21405c73b0159fc5a8dd13d', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '8b11ea5d3f0797775909cb8590aec5a4518637ce', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
+            } })), h("verdocs-help-icon", { key: '99076f70ccdf5a961a7078093e2f3f2ca73b56fb', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '86f63ddbd965d2709269cfeb1f105c69424d3a5c', class: "buttons" }, h("button", { key: 'ddde079896635a69dcd10bb82008c1986ed52383', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'f4d23743dce9acb5f16c519b569764bb17253944', style: { flex: '1' } }), h("verdocs-button", { key: 'fe271dda2a5e9d6a8f0c4ba4199af5ea8f81077d', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '38b2986e9e3b784215fcafdf486631f7ebf1361b', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
     }
     static get style() { return VerdocsTemplateRolePropertiesStyle0; }
 }, [0, "verdocs-template-role-properties", {
@@ -208,6 +208,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTemplateRoleProperties as V, defineCustomElement as d };

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

@@ -342,6 +342,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTemplateRoles as V, defineCustomElement as d };

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

@@ -69,7 +69,7 @@ const VerdocsTemplateSender = /*@__PURE__*/ proxyCustomElement(class VerdocsTemp
         });
     }
     render() {
-        return (h(Host, { key: 'f68de757047cf08e13ca4b5f33e28c0af48fc216' }, h("div", { key: '6d1d7f7fc65b8ec2112dc7c33750cfce5d4f3e8c', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '4d89b066209259145a82549e572b558fc11cf884', class: "dialog" }, h("div", { key: 'fe42cd60ee5ed150318152a21db7bd0bfd41bb6f', class: "options" }, h("div", { key: '5e6193483c37781365aabccef51a67ff56ff937e', class: "option" }, h("verdocs-radio-button", { key: 'ea3ece13bab53d052186194b9708c7a072335103', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '785b66f5cc26579d6caafc85924c5ad7e3966d40', class: "description" }, h("div", { key: 'd82d392c83f757ff7f23d5e78bfd68ab97eb0f52', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '34f2139c6e1f4cf01bb497066fea7000837c3ee9', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '1b20cb65e1ed7bdf317e6af82b5b445f988e98c8', class: "option" }, h("verdocs-radio-button", { key: '236a72f8c58ab2a2ad52824c698b8e0367881c3c', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '5e23b141d9d9c126ac2c82ab30bcb279b73d4793', class: "description" }, h("div", { key: 'f9b6deeff27abb6ae722cc8b70aa662c400108b7', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '03982e3624ba4e858fd478e8dc5c8ee0a1b98f3f', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'db8d9acd7b3a06a6f09a5fb03ca8403dc82db00c', class: "option" }, h("verdocs-radio-button", { key: 'a12f063f0ff6e06eb5aaff35b815621e5b06d8b3', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: 'acfba148b6c50fac0a3d72a6f46b3a5f144d3986', class: "description" }, h("div", { key: '3120e3ed05176dfc34ce482d359274755dcb55dc', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: '0e78f7bc767c863d53ed113c52584252f893ecc4', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: 'ac2f56ad77d0d4aeef9d311e7b44a5c9d19a74c7', class: "option" }, h("verdocs-radio-button", { key: '433e69e8fb00ee8676ec46657ad5c19df76ddd6c', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: 'ff50c7fee92e6cce3e488b4a4df2274ada44b11a', class: "description" }, h("div", { key: 'de3fd4b8f985e7f348a3743fb7431d4f9ad66598', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: '257a87eb54dbfceb8edbeffca997fe787916ddc8', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: 'f9223854c2616a85d057b7d7208e82ba85413556', class: "option" }, h("verdocs-radio-button", { key: 'c74d08475eb3601c21e75916366908c15c652ba8', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '9af51dd805406c23c9fc081d284d661e16f69f0a', class: "description" }, h("div", { key: '16b852696b984473a5dbfc09345dffbc6f3e0a40', class: "name" }, "Me"), h("verdocs-help-icon", { key: '104c0ec597a028b30dcc0d6e00a0bcac0433b0c9', text: "Only I can use this template." })))), h("div", { key: 'ce8b9f36df6c8beab9305dec9d3acc64f5369d07', class: "buttons" }, h("verdocs-button", { key: '722df3e64f41b5c8aee45d66eaa13b33711bba5c', label: "Close", onClick: () => this.handleClose() }))))));
+        return (h(Host, { key: 'b8ca2ff8bdae1256801c67f7be188f6b3e4c5c33' }, h("div", { key: '565b0287142ce32fd1d11b7e344b35b8151b9e93', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '2ece454c0aba99deb418e1ac2035e237a2296a6c', class: "dialog" }, h("div", { key: 'cbac2ba10ad6cd63e714019e4311627e7972ae52', class: "options" }, h("div", { key: '1ab94e1e5f30089cabb6abf23ee1294663cfa878', class: "option" }, h("verdocs-radio-button", { key: 'ae1689ae1a34ff1f9e1ae99917e659c27e2b6731', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '78741f9340debb402dfcca11bf33a19660f7c541', class: "description" }, h("div", { key: 'ddee4eaf150cf0989849a2799896a2fd7c401411', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: 'f51b1ba236eb08ebaae5a6171b9d3f8815dfb7c5', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '37095164cf4cfa5030b1d2da04b6add9a572c914', class: "option" }, h("verdocs-radio-button", { key: '8e8c8681e992cf00caa314c493afcd5bdb7a0fbe', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '5a94fd99ef10648c5c1f68a91f80c31d1e8f5078', class: "description" }, h("div", { key: '9a64f779ebe53499683f5af9ec7bc0218fe66499', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '64edd79a609173c7399dbc2cce06269f0f7adc15', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'b287986b5282e92153504a328a9273b0fcb81902', class: "option" }, h("verdocs-radio-button", { key: '909e26ec66bf5d27014f2ef41c533662f5e2033e', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: '3a42018b36b144feefa5a662e23f852dcd230889', class: "description" }, h("div", { key: '071573ff99a6019b9d9ba164c7d6d3123b209510', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: 'ecb0c3cd3f39c92954dd20c94a12c38ce35aa8cb', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: '2515c8c359379c70b7be04b2c50a139b760d777c', class: "option" }, h("verdocs-radio-button", { key: 'd5edd7267eb494c73cee3168de5d841c969a22aa', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '31cbe88f2cc23b74534bb2d51f280a3112827722', class: "description" }, h("div", { key: '11160a0c962837e4c4342f46e111fe8ada8ca4d3', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: 'd23472c9393598908dab4ae2a4cba983bafc89e1', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: '128da3cd0259b4d72bd6bca910b932898d9f5f38', class: "option" }, h("verdocs-radio-button", { key: '0a65d2f15e37330526bbf384868b4e65a3b7ce5b', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '6182e6fd82ea55b8e59e175e6413f324657405b5', class: "description" }, h("div", { key: '919c6b40c4f171b491b8001c30acca73c6308a86', class: "name" }, "Me"), h("verdocs-help-icon", { key: '9aaaa7ad26ec56b5667c1c1ea31ce19f2742c81e', text: "Only I can use this template." })))), h("div", { key: '6b7bdc820887b652552d4ad9f08ac5c3f83fc71c', class: "buttons" }, h("verdocs-button", { key: 'bcaf3bc67e9de9c62cda7fb6cc1c5ecbfd168d9e', label: "Close", onClick: () => this.handleClose() }))))));
     }
     static get style() { return VerdocsTemplateSenderStyle0; }
 }, [0, "verdocs-template-sender", {
@@ -106,6 +106,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTemplateSender as V, defineCustomElement as d };

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

@@ -43,7 +43,7 @@ const VerdocsTemplateStar = /*@__PURE__*/ proxyCustomElement(class VerdocsTempla
         });
     }
     render() {
-        return (h(Host, { key: '0bfc2a29037c8753d08852eb5b0d0e7ccae821fc' }, h("div", { key: '16441206c390f010d43fddf52df556f503f2309b', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '0b7ed0bba53a2e243c47195efcb09934d056d479', class: "count" }, this.template.star_counter || '--')));
+        return (h(Host, { key: 'a3b6ca54b4549954355f9061b871489243432da7' }, h("div", { key: 'abcfec7a6fb4d928b3bc7080cbe49eb299cb56f9', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: 'a36087cb85065e3cf888ec8c8ef6fa88f4b3a2e9', class: "count" }, this.template.star_counter || '--')));
     }
     static get style() { return VerdocsTemplateStarStyle0; }
 }, [0, "verdocs-template-star", {
@@ -64,6 +64,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTemplateStar as V, defineCustomElement as d };

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

@@ -11,7 +11,7 @@ const VerdocsTemplateTags$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTemp
     }
     render() {
         var _a;
-        return (h(Host, { key: '7926f67d015abdbf2fd62f970974757df81a846b' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: 'b98c9a6fdcf66d4a7f779a7022f6b16cb7eef987' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
     }
     static get style() { return VerdocsTemplateTagsStyle0; }
 }, [0, "verdocs-template-tags", {
@@ -30,7 +30,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsTemplateTags = VerdocsTemplateTags$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -118,6 +118,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTemplateVisibility as V, defineCustomElement as d };

package/dist/components/verdocs-templates-list.js

@@ -10,7 +10,7 @@ import { d as defineCustomElement$5 } from './verdocs-quick-filter2.js';
 import { d as defineCustomElement$4 } from './verdocs-spinner2.js';
 import { d as defineCustomElement$3 } from './verdocs-template-star2.js';
 import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
-import { d as dateFns } from './index4.js';
+import { d as dateFns } from './index2.js';
 
 const verdocsTemplatesListCss = "@-webkit-keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\n@keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\nverdocs-templates-list {\n  display: -ms-flexbox;\n  display: flex;\n  padding: 10px;\n  font-size: 18px;\n  -ms-flex-wrap: nowrap;\n  flex-wrap: nowrap;\n  border-radius: 6px;\n  color: #33364b;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  font-family: \"Inter\", \"Barlow\", sans-serif;\n}\nverdocs-templates-list .header {\n  width: 100%;\n  row-gap: 4px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -webkit-column-gap: 12px;\n  -moz-column-gap: 12px;\n  column-gap: 12px;\n  margin: 0 0 10px 0;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-direction: row;\n  flex-direction: row;\n}\nverdocs-templates-list .header .filter {\n  width: 150px;\n}\nverdocs-templates-list .header verdocs-text-input {\n  margin: 0;\n}\nverdocs-templates-list .header verdocs-text-input input {\n  height: 32px;\n}\nverdocs-templates-list .filter {\n  -ms-flex-align: center;\n  align-items: center;\n}\nverdocs-templates-list .template-placeholder {\n  height: 48px;\n  -ms-flex: 0 0 48px;\n  flex: 0 0 48px;\n  margin: 5px 0;\n  border-radius: 5px;\n  background: #f5f5fa;\n}\nverdocs-templates-list .template {\n  width: 100%;\n  margin: 2px 0;\n  border: 1px solid #ffffff;\n  background: #ffffff;\n}\nverdocs-templates-list .template:hover {\n  cursor: pointer;\n  background: #ededff;\n  border: 1px solid #a7a7f5;\n}\nverdocs-templates-list .template .inner {\n  gap: 12px;\n  display: -ms-flexbox;\n  display: flex;\n  padding: 8px 14px;\n  border-radius: 5px;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  -ms-flex-align: center;\n  align-items: center;\n  container-type: inline-size;\n}\nverdocs-templates-list .template .inner svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .name {\n  -ms-flex: 1;\n  flex: 1;\n  display: -ms-flexbox;\n  display: flex;\n  color: black;\n  font-size: 16px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n@media screen and (max-width: 1300px) {\n  verdocs-templates-list .name {\n    font-size: 16px;\n  }\n}\nverdocs-templates-list .spacer {\n  margin: 0;\n  height: 30px;\n  -ms-flex: 0 0 1px;\n  flex: 0 0 1px;\n  display: -ms-flexbox;\n  display: flex;\n  border-right: 1px solid #dad8dd;\n}\n@media screen and (max-width: 800px) {\n  verdocs-templates-list .spacer {\n    display: none;\n  }\n}\nverdocs-templates-list .empty-text {\n  font-size: 20px;\n  text-align: center;\n  margin: 16px 0 0 0;\n  padding: 80px 80px;\n  border: 2px solid #ccc;\n}\nverdocs-templates-list .usage,\nverdocs-templates-list .ownership,\nverdocs-templates-list .last-used {\n  gap: 10px;\n  color: #444;\n  display: -ms-flexbox;\n  display: flex;\n  font-size: 16px;\n  margin: 0 0 0 10px;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nverdocs-templates-list .usage span,\nverdocs-templates-list .usage svg,\nverdocs-templates-list .ownership span,\nverdocs-templates-list .ownership svg,\nverdocs-templates-list .last-used span,\nverdocs-templates-list .last-used svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .usage span,\nverdocs-templates-list .ownership span,\nverdocs-templates-list .last-used span {\n  display: block;\n}\n@media screen and (max-width: 700px) {\n  verdocs-templates-list verdocs-template-star {\n    display: none;\n  }\n}\nverdocs-templates-list .ownership {\n  -ms-flex: 0 0 100px;\n  flex: 0 0 100px;\n}\n@media screen and (max-width: 700px) {\n  verdocs-templates-list .ownership {\n    display: none;\n  }\n}\nverdocs-templates-list .last-used {\n  -ms-flex: 0 0 130px;\n  flex: 0 0 130px;\n}\nverdocs-templates-list .usage {\n  -ms-flex: 0 0 60px;\n  flex: 0 0 60px;\n}\nverdocs-templates-list .header-row {\n  display: none;\n}\nverdocs-templates-list table {\n  container-type: size;\n  max-width: 100%;\n  overflow: hidden;\n  table-layout: fixed;\n}\nverdocs-templates-list .data-row {\n  cursor: pointer;\n  background: #ededff;\n  border: 1px solid #a7a7f5;\n}\nverdocs-templates-list .data-col svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .col-name {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n@container (max-width:700 px) {\n  verdocs-templates-list verdocs-templates-list .col-starred {\n    display: none;\n  }\n}";
 const VerdocsTemplatesListStyle0 = verdocsTemplatesListCss;
@@ -322,7 +322,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsTemplatesList = VerdocsTemplatesList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-text-input2.js

@@ -30,7 +30,7 @@ const VerdocsTextInput = /*@__PURE__*/ proxyCustomElement(class VerdocsTextInput
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (h(Host, { key: 'e71c4ce13dfab7ae8c7ca4b7eb64569cb817d8ce', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '4a2a6be345baebfc23ce46fd765e051e2aca39de' }, this.label && (h("div", { key: '2a30635cbee56e7d3024e639366ed2d6618fa526', class: "input-label" }, this.label + ':', this.required && h("span", { key: '08a6295cdaf9b96d9b56391395635ddeb4e80a8e', class: "required" }, "*"))), h("div", { key: 'b2a5385fa49b86aef69f2d52a02267d48140fd58', class: "input-container" }, h("input", { key: '5b307bf77e7175c65c04e2d7a76e7da8dfc15d7c', type: this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: '566da7c21ce7fe8f41b08b3b69c8b7435c5aab82', innerHTML: ClearIcon, class: "clear", onClick: () => {
+        return (h(Host, { key: '01f4cc50d00022fec700dd1703c403f788a7f3ee', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '755ccc9d7978816128f25e14051a4148246e2172' }, this.label && (h("div", { key: '275d72bce18e285eab0c5afee67998ffa8ef1717', class: "input-label" }, this.label + ':', this.required && h("span", { key: '4bc22add83d9953a8f719fc1737bbecbe70ad6fd', class: "required" }, "*"))), h("div", { key: '89b5a9e5795574005f3e45ad6e6701f32963f528', class: "input-container" }, h("input", { key: '6ef1db6b39dd01e7f2168983b08fd17fb94e5451', type: this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: 'afbff38029e87d44b4bfe37ea654e2b3813d766d', innerHTML: ClearIcon, class: "clear", onClick: () => {
                 // We need to allow the onInput event to fire first in case
                 // the user was focused on this field before clicking clear.
                 setTimeout(() => {
@@ -44,7 +44,7 @@ const VerdocsTextInput = /*@__PURE__*/ proxyCustomElement(class VerdocsTextInput
                         (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
                     }, 50);
                 }, 50);
-            } })), !this.clearable && this.copyable && this.value && h("span", { key: '02b7f45e12e9cf5810d1acd3b4f33062bd558517', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '3ddca8b8197c0ba01f6725e57b617f73fd3f0739', text: this.helpText }))));
+            } })), !this.clearable && this.copyable && this.value && h("span", { key: '099378e71c88710a9d2fdc9a34e38ff12b4ee85f', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '1ac26e8e0513c247e8e04489026f5311eb51529f', text: this.helpText }))));
     }
     get hostEl() { return this; }
     static get style() { return VerdocsTextInputStyle0; }
@@ -78,6 +78,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsTextInput as V, defineCustomElement as d };

package/dist/components/verdocs-toggle-button2.js

@@ -25,7 +25,7 @@ const VerdocsToggleButton = /*@__PURE__*/ proxyCustomElement(class VerdocsToggle
         (_a = this.toggle) === null || _a === void 0 ? void 0 : _a.emit({ active: newState });
     }
     render() {
-        return (h(Host, { key: 'f953a03258c2b74858b247a3d206028bf0285f1f', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
+        return (h(Host, { key: '20e488d05d44870dcc7dd9ab4bf14b49d99b8d97', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
     }
     static get style() { return VerdocsToggleButtonStyle0; }
 }, [0, "verdocs-toggle-button", {
@@ -48,6 +48,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsToggleButton as V, defineCustomElement as d };

package/dist/components/verdocs-toggle.js

@@ -40,7 +40,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 
 const VerdocsToggle = VerdocsToggle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-toolbar-icon2.js

@@ -41,7 +41,7 @@ const VerdocsToolbarIcon = /*@__PURE__*/ proxyCustomElement(class VerdocsToolbar
     //   this.press?.emit();
     // }
     render() {
-        return (h(Host, { key: 'c12c9e2593bf281d5c0ce60ebffebf974a4a1afb', class: {} }, h("div", { key: '7c03bd3e40eed4fa9966afe926cdc4c490d5a6d7', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: 'd757834d1be057de971a7bcbb47158c9c2182907', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: '0a9e2615fa20a0625b929173dd2705be5165c39a', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: 'f9c2c8bd293559e5e504b69cbc445ca813f134a2', class: {} }, h("div", { key: 'e5d497d4859e8bd61364f56f8c452c61ece75a76', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: 'ebb1c0fa2cd8b58eba9d5057fc965ead53c23059', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: 'df0d03fbeeeb3016dde67f6d8bf8f75c5a97105c', "data-popper-arrow": "true", class: "arrow" }))));
     }
     static get style() { return VerdocsToolbarIconStyle0; }
 }, [0, "verdocs-toolbar-icon", {
@@ -63,6 +63,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsToolbarIcon as V, defineCustomElement as d };

package/dist/components/verdocs-upload-dialog2.js

@@ -73,7 +73,7 @@ const VerdocsUploadDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsUpload
         this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));
     }
     render() {
-        return (h(Host, { key: 'e530dd32a2bbd4d4108391bdeeaac3317a5af11f' }, h("div", { key: '9098bbbc2ece28225b303ac4b3260a8f6f56d677', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'f45e3884d3db800b3bce16d7d838154af3ca4f98', class: "dialog" }, h("div", { key: 'ec01206900a5040b124a21863f7e3aafa2f39826', class: "heading" }, "Upload attachment"), this.decodedFiles.length < 1 ? (h("div", { class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", null, "Drag and drop a file here..."), h("p", null, "- or -"), h("verdocs-button", { label: "Select a file...", onClick: () => this.handleSelectFile() }), h("input", { type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))) : (h("div", { class: "attachments" }, this.decodedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: '9563699f3d6860d01f81b4241855dcf26300c1a3', class: "buttons" }, h("verdocs-button", { key: '58fa09358edb6864a611cdf60f36cd1bc89abe39', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'c2c0d9f77207c8b7f043017ef9dc0a5d0ddf9b6f', label: "Done", onClick: () => this.handleDone(), disabled: this.decodedFiles.length < 1 }))))));
+        return (h(Host, { key: 'a7e1e1a1feebdd423dfb0a6d3abac834bf404b32' }, h("div", { key: '68b079008f122b14abe3fc993260dddd28fea8a0', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'aad0fca28e1a1556c1590f5030f9de020353deb8', class: "dialog" }, h("div", { key: '1c938e1c4f72de7944f4f580bd1b86c2edeacfbf', class: "heading" }, "Upload attachment"), this.decodedFiles.length < 1 ? (h("div", { class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", null, "Drag and drop a file here..."), h("p", null, "- or -"), h("verdocs-button", { label: "Select a file...", onClick: () => this.handleSelectFile() }), h("input", { type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))) : (h("div", { class: "attachments" }, this.decodedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: '4a7eb5bc46555fdec21b633f5602ea993bd4892a', class: "buttons" }, h("verdocs-button", { key: '086126dc1ceda3690b8fd236b5f8edbc2c206efe', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'e32a840359d7666e1175e92b96e4eb02145590ba', label: "Done", onClick: () => this.handleDone(), disabled: this.decodedFiles.length < 1 }))))));
     }
     static get style() { return VerdocsUploadDialogStyle0; }
 }, [0, "verdocs-upload-dialog", {
@@ -98,6 +98,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsUploadDialog as V, defineCustomElement as d };

package/dist/components/verdocs-view2.js

@@ -227,6 +227,5 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
 
 export { VerdocsView as V, defineCustomElement as d };