@verdocs/web-sdk 4.0.7 → 4.0.9

package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js

@@ -31,9 +31,9 @@ export class VerdocsKbaDialog {
         this.next.emit(this.response);
     }
     render() {
-        return (h(Host, { key: '3be01aff89b8987970bb6c523e43f901d2e0bd87' }, h("div", { key: '57b6ada3fe97d2d80258dcc2f94293e7e3cb4d89', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'cbbad80ada81b7a6873cad85f7d275be94297db5', class: "dialog" }, h("div", { key: 'a284cad1779485f64a90448bfb380306a986610c', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), h("div", { key: 'd4d68ddea63730732231d034af6051ecb7939af1', class: "help-box" }, h("div", { key: 'bb009bda8462902ac51f6dd52b25a75509c4e040', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: 'b16b31df0e2f9046ba8e708c9bbc487cf4e2b30d', class: "help-details" }, h("div", { key: 'd36e98a362ccc2b0d14ef977032b6f1de547cc6a', class: "help-title" }, this.helptitle), h("div", { key: '61721584ab329e9798f6967238e5f125d4e8a130', class: "help-text" }, this.helptext))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => {
+        return (h(Host, { key: 'b0ff245110f7b7ffa12929463ca2817f76168dca' }, h("div", { key: '1b7a0c4991a4d450dde99ad9b4be83f38ff21a4a', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '914c88c6709e6dc3a5638277ba7f1c9f9ba38d70', class: "dialog" }, h("div", { key: '4611fda838e96f34d03b59e61272209ad996cc3d', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), h("div", { key: '0932233389d14ef824f95ea8dd7b5799c960e77b', class: "help-box" }, h("div", { key: 'cbb5fdb6d35911aa65ad46da2016e6dbc4209181', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '29b4dac42074fcedebe9f63c409e4e838cec7477', class: "help-details" }, h("div", { key: 'f803eb449de8f352eed7caad0c2a22f0b8abe84b', class: "help-title" }, this.helptitle), h("div", { key: '7ca67ecd148312ef50d3257fbae7f7eb9f0cff1f', class: "help-text" }, this.helptext))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => {
                 this.response = choice;
-            } }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder }))), h("div", { key: '4d2e39267256eb27bf6773599c2bfdd7a98c34a8', class: "buttons" }, h("verdocs-button", { key: '78d96e740883b84e169b500afb3ca21ed1a9432c', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'ac774fc79af48aaae73af81df82d5ea9c80123fd', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
+            } }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder }))), h("div", { key: 'ddb2c56c1cc829d255f0b32f4c76d7d7f19bc031', class: "buttons" }, h("verdocs-button", { key: '08d8db4183d65546d9e6240ed8b2fb610134efe3', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '7a5fb7a4f4564df0ec083efa0d12d84b8ba253dd', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
     }
     static get is() { return "verdocs-kba-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.js

@@ -27,7 +27,7 @@ export class VerdocsOkDialog {
         }
     }
     render() {
-        return (h(Host, { key: '639fb911d524d6060c59941d0114464118e49b39', class: this.closed ? 'closed' : '' }, h("div", { key: '7af2c342b4435960994b6a7ceefee6ebb30d05b5', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'd5eafb0dcbb16a1f7e08a8ca015ecdcb1d612da5', class: "dialog" }, h("div", { key: '7175a3940da21d8f2fff3cc738f4be5383454aec', class: "heading" }, this.heading), h("div", { key: '39d6c7a6c42ede9f9580194a27c820c36cbc5c24', class: "content" }, h("div", { key: 'ed39edd2afa2502e6a579b7e6f91f18d8d7533ef', class: "message", innerHTML: this.message }), h("div", { key: '624edd4b0ff823bddc3b97a4c686e27e24d7e240', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '394a0a8954427cc419f4c18dd4d64e1ada4aeacd', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (h(Host, { key: 'b565b03b79d3d488302e7a6a8f5a575950abcca0', class: this.closed ? 'closed' : '' }, h("div", { key: '23f7a3070728c903fd4baf9dcc210d39253d0b58', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '50496f7183e0198d4d44b3a06d7501c476d16e7e', class: "dialog" }, h("div", { key: 'b2861d6323ecd4c2b61684523514a8c916bec6dd', class: "heading" }, this.heading), h("div", { key: 'c7a66718867c5c5ce0f25bcb4b501832f5781721', class: "content" }, h("div", { key: '5f7f9d2c7c433379f705df507ec0f2bf3e3f5fb5', class: "message", innerHTML: this.message }), h("div", { key: '165ee314122090e4e3c96ef4e0afa78257ae2367', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '17151d759f01e51dc67e43ec22323a884a5ad4ec', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
     static get is() { return "verdocs-ok-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.js

@@ -214,7 +214,7 @@ export class VerdocsSignatureDialog {
     }
      */
     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 is() { return "verdocs-signature-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.js

@@ -69,7 +69,7 @@ export class VerdocsUploadDialog {
         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 is() { return "verdocs-upload-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.js

@@ -19,7 +19,7 @@ export class VerdocsQuickFunctions {
         this.createDocument.emit();
     }
     render() {
-        return (h("div", { key: 'eb5dc623120c7c528a9eb81f3dd4a2cdabdb7238', class: "container" }, h("p", { key: '09ab8ebada6eee21819e9152a76199bc86043a91', class: "title" }, "Quick Create"), h("button", { key: '9d1d124c64f0b6b7d4adc95a4c637907ad40bdfd', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: 'e7f2bf2070c45e3266be984c66115615f6578e27', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (h("div", { key: 'e7d2ca753e83c18c1ca85aedcbe277db1488ab63', class: "container" }, h("p", { key: 'b5e1a9ff78f3fb76eacb96c8168f094f41f8d877', class: "title" }, "Quick Create"), h("button", { key: 'ac967b777b02f6d6155798ddd015de9eeafadd6f', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: 'e36d5ac7e47e8e0d943b3722820fc994e0cad625', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
     static get is() { return "verdocs-quick-functions"; }
     static get originalStyleUrls() {

package/dist/collection/components/elements/verdocs-search-tabs/verdocs-search-tabs.js

@@ -4,7 +4,7 @@ export class VerdocsSearchTabs {
         this.selected = 'all';
     }
     render() {
-        return h("div", { key: 'b4ac2045933155b547df5cde6e4dc72a0af06050' }, "\u00A0");
+        return h("div", { key: 'b5bf8a69699b2d55bd2c744dc2c96ec09e185351' }, "\u00A0");
     }
     static get is() { return "verdocs-search-tabs"; }
     static get originalStyleUrls() {

package/dist/collection/components/embeds/verdocs-search/verdocs-search.js

@@ -5,7 +5,7 @@ export class VerdocsSearch {
         this.endpoint = VerdocsEndpoint.getDefault();
     }
     render() {
-        return (h("div", { key: '4ebcbcca303725a1114792af29474ec365759850', class: "container" }, h("verdocs-search-box", { key: 'b1998f81d2e95d31f71bc1a59b0eb93b2be2347c', endpoint: this.endpoint }), h("div", { key: 'a604d97bd63254a5988d110e5e00c91d9bf98466', class: "boxes" }, h("verdocs-search-activity", { key: '8ff0e974bdb7d34b78c140b74c69623f5abf3519', type: "recent", endpoint: this.endpoint }), h("verdocs-search-activity", { key: '308c66ef4be9f29d8efbe807fd02f1eaa73b3c59', type: "saved", endpoint: this.endpoint }), h("verdocs-search-activity", { key: 'f4c067b93ccfaf2ecfd6d40ecdfb194bc7d21c3e', type: "starred", endpoint: this.endpoint }), h("verdocs-quick-functions", { key: '589d9f73adad835d739abf4375bd25fdcbfeeb21', endpoint: this.endpoint }))));
+        return (h("div", { key: '1bdc73f6b69fdaf197b4d228c36ac28a4de147c8', class: "container" }, h("verdocs-search-box", { key: 'd5305d39714c09a83dca8d87282fe3bec40491f0', endpoint: this.endpoint }), h("div", { key: '6f333add2936ca54994f0ec4e33023fa2b196b07', class: "boxes" }, h("verdocs-search-activity", { key: '2c49e617f5bbb0337a3e48a18b2687478f512847', type: "recent", endpoint: this.endpoint }), h("verdocs-search-activity", { key: '3ee0c69f75e839459c63f33bf24302e3cc277adf', type: "saved", endpoint: this.endpoint }), h("verdocs-search-activity", { key: '1f78fdc2d68b97a24a37ba544bd2d49d49d43b32', type: "starred", endpoint: this.endpoint }), h("verdocs-quick-functions", { key: '789f6170d2f7e0b17da045d4c2350c69a7e9588b', endpoint: this.endpoint }))));
     }
     static get is() { return "verdocs-search"; }
     static get originalStyleUrls() {

package/dist/collection/components/embeds/verdocs-send/verdocs-send.js

@@ -149,12 +149,12 @@ export class VerdocsSend {
         const roleNames = getRoleNames(this.roleStore);
         const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => isValidEmail(recipient.email) || isValidPhone(recipient.phone));
         const allRolesAssigned = rolesAssigned.length >= roleNames.length;
-        return (h(Host, { key: 'd0bd3f9d7ef226896f095059203280e1c1e71265', class: { sendable: (_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_sendable } }, h("div", { key: '1d4fdeda91a23a81bb1c72a4200de76e36ba74c8', class: "recipients" }, h("div", { key: '9bb72122ba245dd95c3f2ffb0c1768764c2f2da7', class: "left-line" }), h("div", { key: 'c2056047a4bf20612fb83693fcf279a1354c98e0', class: `level level-start` }, this.getLevelIcon(-1), h("div", { key: '0220edca79c791bdd561d0ff92cfad3236dd7800', class: "complete" }, "Send Envelope")), this.levels.map(level => (h("div", { class: `level level-${level}` }, this.getLevelIcon(level), this.rolesAtLevel[level].map(role => {
+        return (h(Host, { key: 'ecdc1830949a5a35b092167b201c6feb8284e221', class: { sendable: (_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_sendable } }, h("div", { key: '2d8ebba91a5cff228135465c0956848fcc8873b5', class: "recipients" }, h("div", { key: '1c72951bfc1e11a1d95c04e005b3fcd8108c39f5', class: "left-line" }), h("div", { key: '82834a006584cde2b8020f7f233dfff685e647f2', class: `level level-start` }, this.getLevelIcon(-1), h("div", { key: '930ca1cc5b3f93f11f0a38703396538ee90dba5b', class: "complete" }, "Send Envelope")), this.levels.map(level => (h("div", { class: `level level-${level}` }, this.getLevelIcon(level), this.rolesAtLevel[level].map(role => {
             var _a, _b, _c, _d, _e, _f;
             const unknown = !role.email;
             const elId = `verdocs-send-recipient-${role.name}`;
             return unknown ? (h("div", { class: "recipient", style: { backgroundColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }))))) : (h("div", { class: "recipient", style: { borderColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_e = (_d = this.rolesCompleted[role.id]) === null || _d === void 0 ? void 0 : _d.full_name) !== null && _e !== void 0 ? _e : role.full_name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_f = this.rolesCompleted[role.id]) !== null && _f !== void 0 ? _f : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })))));
-        })))), h("div", { key: '16fba92b62896c3368d54743c9ae5c79b7558f16', class: `level level-done` }, this.getLevelIcon(this.levels.length), h("div", { key: '0cae926609fc5c2a10387bee716d49c98a8ebcf6', class: "complete" }, "Signing Complete"))), h("div", { key: 'f8457f0c451cc70a096e46447395186aca90169f', class: "buttons" }, h("verdocs-button", { key: '2be6f8c3cfb4c2ec8c010c4cba79855f20e5461d', label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e), disabled: this.sending }), h("verdocs-button", { key: 'b34393a6e3197acd0143161c71a43420f45302be', label: "Send", size: "small", disabled: !allRolesAssigned || this.sending, onClick: e => this.handleSend(e) }), this.sending && h("verdocs-spinner", { key: '8e26caa183719e765c771921d365e39ec4916be4' }))));
+        })))), h("div", { key: '241118ea059aadb8a6030b5ee5bd4383e88af212', class: `level level-done` }, this.getLevelIcon(this.levels.length), h("div", { key: '05ba689ac40aaf1543b921b490f8fe4550bad4df', class: "complete" }, "Signing Complete"))), h("div", { key: '39c73b0a3310d85dfbd29f2d2fda347d37091e90', class: "buttons" }, h("verdocs-button", { key: 'c3d1196a34f1cd4ab654aa07b707372054f26202', label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e), disabled: this.sending }), h("verdocs-button", { key: 'd2e16d7a4d97c8888df3e7257296dee6f8db3234', label: "Send", size: "small", disabled: !allRolesAssigned || this.sending, onClick: e => this.handleSend(e) }), this.sending && h("verdocs-spinner", { key: 'd8c0a234261d1b77d6343dd7e426c28475dceadf' }))));
     }
     static get is() { return "verdocs-send"; }
     static get originalStyleUrls() {

package/dist/collection/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.js

@@ -75,7 +75,7 @@ export class VerdocsEnvelopeDocumentPage {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: 'ffde44b0a64fd3d3859ab4d87938f9a442d36cda', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
+        return (h(Host, { key: 'a8a29647c914fafe6361029943ae43a5819fdbcb', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
                 // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
                 // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
                 // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values

package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js

@@ -190,18 +190,18 @@ export class VerdocsEnvelopesList {
         });
     }
     render() {
-        return (h(Host, { key: '4b7bda7f7615513f3e263d8dd0635733e069829d' }, h("div", { key: '2f8e6a7c99c0beba2ea5ca4b70f5547f6735d61e', class: "header" }, h("div", { key: '3be14d43f05437301237aef3ce5ea491f6e7747c', class: "filter" }, h("verdocs-text-input", { key: '3ec6f05183dbede1787c8f8eca98b5db9079b488', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: '1533851ebdceca1b689aec246de482f547817585' }, h("div", { key: 'a33685ad776d4ad2282a794fc08a6928c2a2c2c6', class: "header" }, h("div", { key: '774df81f4db58154c20b5aa6d00585cf70f2c0be', class: "filter" }, h("verdocs-text-input", { key: 'd279867c1693c181d115ed9380263f7ca33cf54e', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
                 var _a;
                 // We don't locally filter envelopes because there are too many fields to match against efficiently.
                 this.match = e.target.value.trim();
                 (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
-            } })), h("verdocs-quick-filter", { key: '7822828a8a7ebbb820ee689b09c9e0a5eb764edb', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '0e24f54710055db16f106c43419ae8c7d60a137a', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'a181198baa609fd7e170635a2f9e5c567d9227eb', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'd94ade343fe8dfabb11cc6995960c2a221e3fdc4', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '14a253295139825b43c20bafe8e56a253242f1f8', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '5b7e637fb7621c1e3b8c52888fd9fabc5b56e27e', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: '8e72be52c0dcf484761187c14ef99607b91ab9ca', mode: "dark", size: 24 }), h("div", { key: 'c31e47e5b85fff3841620bde02ecf71a177b769f', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: '4fc3bf3c3e04efd833f4dec4e09862969a30da2a', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: '2c1a05c9c04cd61733816141c6811ba52229056c', mode: "dark", size: 24 }), h("div", { key: '5af2c9f56ba9bb21cba28637b925dc011613bd05', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: '06bc8e1fd09692bdaf9e56268a8592d97ff10cce', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = getRecipientsWithActions(envelope);
             const userCanCancel = userCanCancelEnvelope(this.endpoint.session, envelope);
@@ -242,7 +242,7 @@ export class VerdocsEnvelopesList {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: 'cf943955958934d6bab489b04c6af5b026649998', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'e9c7b5ee1c2600ff9876624f3d61a830903f0345', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: 'ff38c547cc65bd2559dc9f2fb5be237384f56be5', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'bd666277c44235c7ef9855b1b7985860b8d8f0da', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (h("div", null))));
     }

package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js

@@ -238,11 +238,11 @@ export class VerdocsStatusIndicator {
         }
         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 is() { return "verdocs-status-indicator"; }
     static get originalStyleUrls() {

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

@@ -12,7 +12,7 @@ export class VerdocsTemplateCard {
     }
     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 is() { return "verdocs-template-card"; }
     static get originalStyleUrls() {

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

@@ -93,7 +93,7 @@ export class VerdocsTemplateDocumentPage {
     }
     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)

package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js

@@ -118,31 +118,31 @@ export class VerdocsTemplateRoleProperties {
     }
     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 is() { return "verdocs-template-role-properties"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-sender/verdocs-template-sender.js

@@ -61,7 +61,7 @@ export class VerdocsTemplateSender {
         });
     }
     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 is() { return "verdocs-template-sender"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.js

@@ -38,7 +38,7 @@ export class VerdocsTemplateStar {
         });
     }
     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 is() { return "verdocs-template-star"; }
     static get originalStyleUrls() {

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

@@ -8,7 +8,7 @@ export class VerdocsTemplateTags {
     }
     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 is() { return "verdocs-template-tags"; }
     static get originalStyleUrls() {

package/dist/components/EnvelopeStore.js

@@ -1,4 +1,4 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index4.js';
 import { getEnvelope } from '@verdocs/js-sdk';
 import { u as undefinedType } from './index3.js';
 

package/dist/components/TemplateFieldStore.js

@@ -1,4 +1,4 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index4.js';
 
 const templateFieldStores = {};
 const getTemplateFieldStore = (templateId) => {
@@ -44,4 +44,4 @@ const updateStoreField = (store, oldName, newFieldData) => {
     }
 };
 
-export { createTemplateFieldStoreFromEnvelope as a, createTemplateFieldStore as c, getTemplateFieldStore as g, updateStoreField as u };
+export { createTemplateFieldStore as a, createTemplateFieldStoreFromEnvelope as c, getTemplateFieldStore as g, updateStoreField as u };

package/dist/components/TemplateRoleStore.js

@@ -1,4 +1,4 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index4.js';
 
 const templateRoleStores = {};
 const getTemplateRoleStore = (templateId) => {

package/dist/components/TemplateStore.js

@@ -1,7 +1,7 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index4.js';
 import { getTemplate } from '@verdocs/js-sdk';
 import { c as createTemplateRoleStore, g as getTemplateRoleStore } from './TemplateRoleStore.js';
-import { c as createTemplateFieldStore, g as getTemplateFieldStore } from './TemplateFieldStore.js';
+import { a as createTemplateFieldStore, g as getTemplateFieldStore } from './TemplateFieldStore.js';
 import { u as undefinedType } from './index3.js';
 
 const createTemplateStore = (templateId) => {

package/dist/components/Types.js

@@ -2,4 +2,4 @@ const FORMAT_TIMESTAMP = 'P pp';
 // export const FORMAT_TIMESTAMP = 'Y-MM-dd hh:mm:ss a';
 const FORMAT_DATE = 'Y-MM-dd';
 
-export { FORMAT_DATE as F, FORMAT_TIMESTAMP as a };
+export { FORMAT_TIMESTAMP as F, FORMAT_DATE as a };

package/dist/components/index.d.ts

@@ -31,3 +31,15 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+/**
+ * Utility to define all custom elements within this package using the tag name provided in the component's source.
+ * When defining each custom element, it will also check it's safe to define by:
+ *
+ * 1. Ensuring the "customElements" registry is available in the global context (window).
+ * 2. Ensuring that the component tag name is not already defined.
+ *
+ * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define)
+ * method instead to define custom elements individually, or to provide a different tag name.
+ */
+export declare const defineCustomElements: (opts?: any) => void;

package/dist/components/index.js

@@ -1 +1,172 @@
+import { VerdocsActivityBox } from './verdocs-activity-box.js';
+import { VerdocsAuth } from './verdocs-auth.js';
+import { VerdocsBuild } from './verdocs-build.js';
+import { VerdocsButton } from './verdocs-button.js';
+import { VerdocsButtonPanel } from './verdocs-button-panel.js';
+import { VerdocsCheckbox } from './verdocs-checkbox.js';
+import { VerdocsComponentError } from './verdocs-component-error.js';
+import { VerdocsContactPicker } from './verdocs-contact-picker.js';
+import { VerdocsDialog } from './verdocs-dialog.js';
+import { VerdocsDropdown } from './verdocs-dropdown.js';
+import { VerdocsEnvelopeDocumentPage } from './verdocs-envelope-document-page.js';
+import { VerdocsEnvelopeRecipientLink } from './verdocs-envelope-recipient-link.js';
+import { VerdocsEnvelopeRecipientSummary } from './verdocs-envelope-recipient-summary.js';
+import { VerdocsEnvelopeSidebar } from './verdocs-envelope-sidebar.js';
+import { VerdocsEnvelopesList } from './verdocs-envelopes-list.js';
+import { VerdocsFieldAttachment } from './verdocs-field-attachment.js';
+import { VerdocsFieldCheckbox } from './verdocs-field-checkbox.js';
+import { VerdocsFieldDate } from './verdocs-field-date.js';
+import { VerdocsFieldDropdown } from './verdocs-field-dropdown.js';
+import { VerdocsFieldInitial } from './verdocs-field-initial.js';
+import { VerdocsFieldPayment } from './verdocs-field-payment.js';
+import { VerdocsFieldRadioButton } from './verdocs-field-radio-button.js';
+import { VerdocsFieldSignature } from './verdocs-field-signature.js';
+import { VerdocsFieldTextarea } from './verdocs-field-textarea.js';
+import { VerdocsFieldTextbox } from './verdocs-field-textbox.js';
+import { VerdocsFieldTimestamp } from './verdocs-field-timestamp.js';
+import { VerdocsFileChooser } from './verdocs-file-chooser.js';
+import { VerdocsFloatingMenu } from './verdocs-floating-menu.js';
+import { VerdocsHelpIcon } from './verdocs-help-icon.js';
+import { VerdocsInitialDialog } from './verdocs-initial-dialog.js';
+import { VerdocsKbaDialog } from './verdocs-kba-dialog.js';
+import { VerdocsLoader } from './verdocs-loader.js';
+import { VerdocsOkDialog } from './verdocs-ok-dialog.js';
+import { VerdocsOrganizationCard } from './verdocs-organization-card.js';
+import { VerdocsPagination } from './verdocs-pagination.js';
+import { VerdocsPortal } from './verdocs-portal.js';
+import { VerdocsPreview } from './verdocs-preview.js';
+import { VerdocsProgressBar } from './verdocs-progress-bar.js';
+import { VerdocsQuickFilter } from './verdocs-quick-filter.js';
+import { VerdocsQuickFunctions } from './verdocs-quick-functions.js';
+import { VerdocsRadioButton } from './verdocs-radio-button.js';
+import { VerdocsSearch } from './verdocs-search.js';
+import { VerdocsSearchBox } from './verdocs-search-box.js';
+import { VerdocsSearchTabs } from './verdocs-search-tabs.js';
+import { VerdocsSelectInput } from './verdocs-select-input.js';
+import { VerdocsSend } from './verdocs-send.js';
+import { VerdocsSettings } from './verdocs-settings.js';
+import { VerdocsSettingsApiKeys } from './verdocs-settings-api-keys.js';
+import { VerdocsSettingsMembers } from './verdocs-settings-members.js';
+import { VerdocsSettingsOrganization } from './verdocs-settings-organization.js';
+import { VerdocsSettingsProfile } from './verdocs-settings-profile.js';
+import { VerdocsSign } from './verdocs-sign.js';
+import { VerdocsSignatureDialog } from './verdocs-signature-dialog.js';
+import { VerdocsSpinner } from './verdocs-spinner.js';
+import { VerdocsStatusIndicator } from './verdocs-status-indicator.js';
+import { VerdocsTable } from './verdocs-table.js';
+import { VerdocsTabs } from './verdocs-tabs.js';
+import { VerdocsTemplateAttachments } from './verdocs-template-attachments.js';
+import { VerdocsTemplateBuildTabs } from './verdocs-template-build-tabs.js';
+import { VerdocsTemplateCard } from './verdocs-template-card.js';
+import { VerdocsTemplateCreate } from './verdocs-template-create.js';
+import { VerdocsTemplateDocumentPage } from './verdocs-template-document-page.js';
+import { VerdocsTemplateFieldProperties } from './verdocs-template-field-properties.js';
+import { VerdocsTemplateFields } from './verdocs-template-fields.js';
+import { VerdocsTemplateName } from './verdocs-template-name.js';
+import { VerdocsTemplateReminders } from './verdocs-template-reminders.js';
+import { VerdocsTemplateRoleProperties } from './verdocs-template-role-properties.js';
+import { VerdocsTemplateRoles } from './verdocs-template-roles.js';
+import { VerdocsTemplateSender } from './verdocs-template-sender.js';
+import { VerdocsTemplateStar } from './verdocs-template-star.js';
+import { VerdocsTemplateTags } from './verdocs-template-tags.js';
+import { VerdocsTemplateVisibility } from './verdocs-template-visibility.js';
+import { VerdocsTemplatesList } from './verdocs-templates-list.js';
+import { VerdocsTextInput } from './verdocs-text-input.js';
+import { VerdocsToggle } from './verdocs-toggle.js';
+import { VerdocsToggleButton } from './verdocs-toggle-button.js';
+import { VerdocsToolbarIcon } from './verdocs-toolbar-icon.js';
+import { VerdocsUploadDialog } from './verdocs-upload-dialog.js';
+import { VerdocsView } from './verdocs-view.js';
 export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+
+const defineCustomElements = (opts) => {
+    if (typeof customElements !== 'undefined') {
+        [
+            VerdocsActivityBox,
+            VerdocsAuth,
+            VerdocsBuild,
+            VerdocsButton,
+            VerdocsButtonPanel,
+            VerdocsCheckbox,
+            VerdocsComponentError,
+            VerdocsContactPicker,
+            VerdocsDialog,
+            VerdocsDropdown,
+            VerdocsEnvelopeDocumentPage,
+            VerdocsEnvelopeRecipientLink,
+            VerdocsEnvelopeRecipientSummary,
+            VerdocsEnvelopeSidebar,
+            VerdocsEnvelopesList,
+            VerdocsFieldAttachment,
+            VerdocsFieldCheckbox,
+            VerdocsFieldDate,
+            VerdocsFieldDropdown,
+            VerdocsFieldInitial,
+            VerdocsFieldPayment,
+            VerdocsFieldRadioButton,
+            VerdocsFieldSignature,
+            VerdocsFieldTextarea,
+            VerdocsFieldTextbox,
+            VerdocsFieldTimestamp,
+            VerdocsFileChooser,
+            VerdocsFloatingMenu,
+            VerdocsHelpIcon,
+            VerdocsInitialDialog,
+            VerdocsKbaDialog,
+            VerdocsLoader,
+            VerdocsOkDialog,
+            VerdocsOrganizationCard,
+            VerdocsPagination,
+            VerdocsPortal,
+            VerdocsPreview,
+            VerdocsProgressBar,
+            VerdocsQuickFilter,
+            VerdocsQuickFunctions,
+            VerdocsRadioButton,
+            VerdocsSearch,
+            VerdocsSearchBox,
+            VerdocsSearchTabs,
+            VerdocsSelectInput,
+            VerdocsSend,
+            VerdocsSettings,
+            VerdocsSettingsApiKeys,
+            VerdocsSettingsMembers,
+            VerdocsSettingsOrganization,
+            VerdocsSettingsProfile,
+            VerdocsSign,
+            VerdocsSignatureDialog,
+            VerdocsSpinner,
+            VerdocsStatusIndicator,
+            VerdocsTable,
+            VerdocsTabs,
+            VerdocsTemplateAttachments,
+            VerdocsTemplateBuildTabs,
+            VerdocsTemplateCard,
+            VerdocsTemplateCreate,
+            VerdocsTemplateDocumentPage,
+            VerdocsTemplateFieldProperties,
+            VerdocsTemplateFields,
+            VerdocsTemplateName,
+            VerdocsTemplateReminders,
+            VerdocsTemplateRoleProperties,
+            VerdocsTemplateRoles,
+            VerdocsTemplateSender,
+            VerdocsTemplateStar,
+            VerdocsTemplateTags,
+            VerdocsTemplateVisibility,
+            VerdocsTemplatesList,
+            VerdocsTextInput,
+            VerdocsToggle,
+            VerdocsToggleButton,
+            VerdocsToolbarIcon,
+            VerdocsUploadDialog,
+            VerdocsView,
+        ].forEach(cmp => {
+            if (!customElements.get(cmp.is)) {
+                customElements.define(cmp.is, cmp, opts);
+            }
+        });
+    }
+};
+
+export { defineCustomElements };