@verdocs/web-sdk 4.2.140 → 4.2.142

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

@@ -26,7 +26,7 @@ const VerdocsOrganizationCard$1 = /*@__PURE__*/ proxyCustomElement(class Verdocs
         console.log('Rendering org card', this.organization.thumbnail_url, this.organization);
         const fallbackIcon = BusinessIcon;
         const portalId = `verdocs-org-card-${this.organization.id}`;
-        return (h(Host, { key: 'd366f75b205860112b068c20138dd1398797db30', id: portalId }, this.organization.thumbnail_url ? h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : h("span", { class: "icon", innerHTML: fallbackIcon }), h("span", { key: '0bdcd5947dd2ea3a969d7e36adce0a757519b82a', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '2138d13531cc55e7834d78a8f5a64f4abb093f37', anchor: portalId }, h("div", { key: 'd1171e97a522bdb06795fe5cf8c584cbc02361de', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (h("div", { class: "popup-header-with-logo" }, h("img", { src: this.organization.full_logo_url, alt: "Logo" }), h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (h("div", { class: "popup-header" }, h("span", { class: "status" }, h("span", { class: "icon", innerHTML: fallbackIcon })), h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), h("div", { key: '71a81a3cc44431b1cfe34e217377b99c124fad9b', class: "popup-body" }, h("div", { key: 'f0241c76ef662fabe3128ef61e0825f663e946d6', class: "field" }, h("strong", { key: '9149ee03df0d5b32076d4a35c3a5cf7dc33ee346' }, "Joined"), format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: 'b80ea924d300b7fbd4a3ecbb0de03479d61f45ea', class: "field" }, h("strong", { key: '54f3ba9096ddf95e7da288ae7d2457e43247ae8e' }, "Website"), h("a", { key: '864b75852ce0989fdf18da9e2472abde5127e15d', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
+        return (h(Host, { key: 'd7b475ffa8a508828c58362f1d132313910db262', id: portalId }, this.organization.thumbnail_url ? h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : h("span", { class: "icon", innerHTML: fallbackIcon }), h("span", { key: '41371ad0ece9b5b13c455313658b3983facf5db5', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '37b667310a2124dc68a88a8b5732ecd4a87f9da1', anchor: portalId }, h("div", { key: '7f72d2f2c25314cdfa81721c6b6653989c7be72b', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (h("div", { class: "popup-header-with-logo" }, h("img", { src: this.organization.full_logo_url, alt: "Logo" }), h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (h("div", { class: "popup-header" }, h("span", { class: "status" }, h("span", { class: "icon", innerHTML: fallbackIcon })), h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), h("div", { key: '478657fefd75b3adda14550ce7dd8117ee3f519f', class: "popup-body" }, h("div", { key: '213022879f5f5d2cab6cf415692e418911e1ee05', class: "field" }, h("strong", { key: '3e36b9b9ef2dd6b39dc313c77772b750d7bdb242' }, "Joined"), format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: 'b28cb49fe0214c3f0851fe4609433ada584bf0be', class: "field" }, h("strong", { key: '9cdfd0da0dcb3d51149b1e0bc2f612e0f0edab6d' }, "Website"), h("a", { key: '74be8e66995435c5e6a071098ec1d4a6a7ca6f5f', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
     }
     static get style() { return VerdocsOrganizationCardStyle0; }
 }, [0, "verdocs-organization-card", {

package/dist/components/verdocs-pagination2.js

@@ -38,7 +38,7 @@ const VerdocsQuickFilter = /*@__PURE__*/ proxyCustomElement(class VerdocsQuickFi
         const firstPage = Math.max(0, this.selectedPage - 2);
         const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
         const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (h(Host, { key: 'aac02fe95f890afd2cb8816bc7828a9cca0c2551' }, this.selectedPage > 0 && h(PageButton, { key: '405eb090dfd96ed30bb931977d0c610ac8e7be5d', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '257ffecd81fcce987a667ee28c9ad66fbb709191', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '2bd4fa5128abaa3a48487e0eb3c0c15d24e66d68', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '645d68ee31f06f23780f71be067e0c8203738cca', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (h(Host, { key: '9cb81ab797997f6bedf65126e759a329e01b5d86' }, this.selectedPage > 0 && h(PageButton, { key: 'a172567f4adbaa02644a3c285344c0de4d2e5a33', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '97833b23734e758e9ae5627b756fecad2371037c', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '20dc5aa9111118ce1df8177d64c6fecff1d497e2', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '04b5d3fce4ba05f3acc2f24927c1bda6be7f34e7', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     get el() { return this; }
     static get style() { return VerdocsPaginationStyle0; }

package/dist/components/verdocs-portal2.js

@@ -75,7 +75,7 @@ const VerdocsPortal = /*@__PURE__*/ proxyCustomElement(class VerdocsPortal exten
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (h(Host, { key: 'b3949996fc3c9d9dba64dfde83cbd79a58e0b676', ref: el => (this.element = el) }, h("slot", { key: '25446c5cc9ebac9c172a47a96f518d72dc988216' })));
+        return (h(Host, { key: '7379bf2578c769bf6112486912c7aa30b429fae1', ref: el => (this.element = el) }, h("slot", { key: '3b141548481e6dd23f47ed4e0db78e3931a5bdaa' })));
     }
     static get style() { return VerdocsPortalStyle0; }
 }, [4, "verdocs-portal", {

package/dist/components/verdocs-progress-bar2.js

@@ -14,7 +14,7 @@ const VerdocsProgressBar = /*@__PURE__*/ proxyCustomElement(class VerdocsProgres
     render() {
         const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
         console.log('Rendering progress bar', { widthPercent, label: this.label, showPercent: this.showPercent, percent: this.percent });
-        return (h(Host, { key: '135985ba37b13fcb4c73a7aae5f14dadc7ad24a8' }, h("div", { key: 'b2aebc7328629a31bb51f132a768995ca090ea01', class: "labels" }, this.label && h("div", { key: '1b7e6b5efedd8dd4746d40b5b7e28036dcb84232', class: "label" }, this.label), this.showPercent && h("div", { key: 'bebb2c912fa133193dacd82592216a543c7ffea1', class: "label" }, this.percent, "%")), h("div", { key: '031ffe4a12a9a457e184a59e2bbcbfbd629a66e3', class: "bar" }, h("div", { key: 'e2f158199e66fedb05e7b968422cde1dce3b1130', class: "slider", style: { width: `${widthPercent}%` } }))));
+        return (h(Host, { key: 'c57b566587b7fe5f95f7082964dc7d27c46008cb' }, h("div", { key: 'b44243b4c65cdd5ddb7a47028db07e47e1c9373b', class: "labels" }, this.label && h("div", { key: '58715d2cd0a47260618472ed06d3eeda095ea852', class: "label" }, this.label), this.showPercent && h("div", { key: '38b9fa2f2180eee29cdc6aff0562475c9d6cc943', class: "label" }, this.percent, "%")), h("div", { key: '1258f3696cb5852865e7d1af59bf2acb7acfda50', class: "bar" }, h("div", { key: 'eb1346d2b9f7ccce786c358ef247fd3ec62de67f', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
     static get style() { return VerdocsProgressBarStyle0; }
 }, [0, "verdocs-progress-bar", {

package/dist/components/verdocs-quick-filter2.js

@@ -85,7 +85,7 @@ const VerdocsQuickFilter = /*@__PURE__*/ proxyCustomElement(class VerdocsQuickFi
         const longestLabelWidth = renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
         const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
         const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
-        return (h(Host, { key: '532cacd9e30591fc8f40f7b2fb0b57fc0e48466c', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: 'eda6d4179e9c2d9f153838be61b877d7835a5fde', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: 'ab8a9eb3822dc97258c31a59d5a996ebb3e9845f', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: '6e0511271a127baec11000264080cb5d9420216b', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: '80945d7311b0ce4a77aa8d7de9ad9fb492cff5da', style: { flex: '1' } }), h("div", { key: 'bc0cf152d1c2b76f870f571455a2c9da516a63fe', class: "separator" }), h("div", { key: '6bc5c491c2d65892e9c7a371bcecb9e034a9487c', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: '1ceac8d3bc13cec6135985e62f028f7c3583f0dc', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
+        return (h(Host, { key: '63c979bc0e8b4b75f0608a7b5c11bf92de2375cc', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: '785aac3556deaac0bbf55d8eb1f52e846448b44d', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: '521c951babae9d882402ffb94aeb4f40a3afe9c6', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: '66f15637c5bcaa84326b0360b1cf0b9eeb34cc19', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: '8f5719750fd5fb40c8787d044904629ede1cb5a5', style: { flex: '1' } }), h("div", { key: '1f16f93487115760416fa9d7fa025e25da4e1cb9', class: "separator" }), h("div", { key: 'bf485d08eccf8e960d161007b3b16517f494f85f', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: '8842f5609144f401a51124501544f0fb6c4700c9', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
     }
     get el() { return this; }
     static get style() { return VerdocsQuickFilterStyle0; }

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

@@ -21,7 +21,7 @@ const VerdocsQuickFunctions$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsQu
         this.createDocument.emit();
     }
     render() {
-        return (h("div", { key: '0cff01678f477efbb74f37a070db94c6ffa195a1', class: "container" }, h("p", { key: '2b781540591813f4955324bfb89084ad2b0a5132', class: "title" }, "Quick Create"), h("button", { key: '1530472b7904a08465cb27e61b2adc84d0ff7560', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '7f07268a4aaa6dbb610815af95f27025c0d91c41', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (h("div", { key: '203c6c824345141c0a851d59290a9c13234d5469', class: "container" }, h("p", { key: 'ea66aa5b1b0c2f1da43b8d3dd3766d8b5d35c506', class: "title" }, "Quick Create"), h("button", { key: 'f6e63849639708920c8014001da50b0bdb2dc9c2', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '5c0850fc51e648bdc59e8afa56aa19698dd4a9bb', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
     static get style() { return VerdocsQuickFunctionsStyle0; }
 }, [0, "verdocs-quick-functions", {

package/dist/components/verdocs-radio-button.js

@@ -13,7 +13,7 @@ const VerdocsRadioButton$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsRadio
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'b8dc5d8e34deeaf6d67f8b38bcf485a66e6fe8c8', class: { disabled: this.disabled } }, h("input", { key: '5e03859b9d3082add93aeba0eb626d8f41988f1c', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), h("label", { key: '4caa876b9138003b5ff7d576fdc32fcf62858bca', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+        return (h(Host, { key: '67f3ed35f002dc6836a583735bc5394f13bd12d4', class: { disabled: this.disabled } }, h("input", { key: '791fd4eb3d0336065189160bc9e3597f8f2e5a4b', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), h("label", { key: '508701c11f5ee5dc91fe5f96182b51e29451b910', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
     }
     static get style() { return VerdocsRadioButtonStyle0; }
 }, [0, "verdocs-radio-button", {

package/dist/components/verdocs-search-box.js

@@ -44,7 +44,7 @@ const VerdocsSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSearchB
         }
     }
     render() {
-        return (h("form", { key: '5244d8a4276ead04d75be718eff4cbfd6203c8c3', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (h("span", { key: '740ef6719f4e2ac16daedfb539311ee252c37b0e', class: "type" }, this.type, "s ", h("button", { key: 'c101d22f53a80d18c5c155ce930688ccb72228f9', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), h("input", { key: 'b30a27a9c7dd82bdf2df7d4941356245ca4e0302', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), h("button", { key: 'd1cd5ea8fbde2c5f138d44c9bc289dd34de520cb', onClick: e => this.handleSearch(e), class: "search" }, h("span", { key: 'f1afef424ebd455cf68c22298a65594a29b57c85', innerHTML: SearchIcon }), "Search")));
+        return (h("form", { key: '0a0ff0dfa9ee6be3ded1c6b169d28d7a35804336', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (h("span", { key: '1bc2808c678e4502a8a91dcb5cc4130ff433847a', class: "type" }, this.type, "s ", h("button", { key: 'd86c649ef1b0c18513474c85e62d362993fe13e7', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), h("input", { key: '848235e32539c294c4be6969cabc523a786c9524', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), h("button", { key: '8679d4b98adbfdc8b7b45c6faab5b6a7a8e18d95', onClick: e => this.handleSearch(e), class: "search" }, h("span", { key: '06d492ec322302918ac8e497eb83accd77812267', innerHTML: SearchIcon }), "Search")));
     }
     static get style() { return VerdocsSearchBoxStyle0; }
 }, [0, "verdocs-search-box", {

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

@@ -10,7 +10,7 @@ const VerdocsSearchTabs$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSearch
         this.selected = 'all';
     }
     render() {
-        return h("div", { key: '33700d0c932da7138bf44f6dd69501d8c652bb4d' }, "\u00A0");
+        return h("div", { key: '1bf01d30c4826feab942e3481ce4162dbd4f096e' }, "\u00A0");
     }
     static get style() { return VerdocsSearchTabsStyle0; }
 }, [0, "verdocs-search-tabs", {

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

@@ -13,7 +13,7 @@ const VerdocsSelectInput = /*@__PURE__*/ proxyCustomElement(class VerdocsSelectI
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'f1582304d06ac080c2a84f42a26756ccd72b7223', class: "input-field" }, h("label", { key: 'd25d6b05d23c5b709faf58541885e813a44e6978' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: '7c4c518c6946d4e79d5c04f029703f6367cf1aa4', class: "input-element", disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
+        return (h(Host, { key: 'e1e3c3714edcde76c0066d89113477b549e4dc03', class: "input-field" }, h("label", { key: '6d33d53a467a2f62a7752a03912ea49ba5445305' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: 'ae947da59ffc2e3e23cbfb4213e133ef39719297', class: "input-element", disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
     }
     static get style() { return VerdocsSelectInputStyle0; }
 }, [0, "verdocs-select-input", {

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

@@ -220,7 +220,7 @@ const VerdocsSignatureDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsSig
     }
      */
     render() {
-        return (h(Host, { key: 'adb6930e8f646eb3d7f6a1856df1c5295a694d22', onClick: e => this.handleCancel(e) }, h("div", { key: '0ef6ab04bdfe76477b5b7a5a701148e9cca0dda4', class: "dialog" }, h("div", { key: '87b35a5421b7db879377edc8c3772052df0420d6', class: "heading" }, "Create Your Signature"), h("div", { key: '1be897a0946ff184a854596541db11bda193c49b', class: "content" }, h("verdocs-text-input", { key: '04cc32a60beec631e9858a5f4113a5381f781ae3', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: 'be59854a46ca29d00a19fbc08e6257387ecbd3d3', 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: '4fede3187e8a19fafca35bf8cb654ba61d282efa', 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: '643fff8b2fe9bd790b3d8e98ba735c5cd71846e2', class: "buttons" }, h("verdocs-button", { key: '02aebbf4ec70c787b6329e3084879922ba91f852', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'b4d9ca247b76d496147a1eb3565eb53cf37f9ac3', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: '54cff7fb088365c049eb3e390f9f6d4610cfdf9d', onClick: e => this.handleCancel(e) }, h("div", { key: 'c191e54c5e29bcd2acba9012458d19e4d0b7f1ae', class: "dialog" }, h("div", { key: '28c47b528a9e78102b073a55937cdd2d4ffc46bb', class: "heading" }, "Create Your Signature"), h("div", { key: '783fa9f11e1053291038d03eb63c078080fbe6bc', class: "content" }, h("verdocs-text-input", { key: 'f616c58ad10fc2f6b928fd935c17ad94d9ef53dd', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '94527aaedcabde82ebcea83d4427b15aa9866fd2', 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: 'aa9e8f88b99d77948051d7f88393dd1cf94f4534', 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: '9da4d0c5247df04d6f48e80877f424abc6eaa2a3', class: "buttons" }, h("verdocs-button", { key: '92fb167bbd635e2b4cb736a543c4d8c0a9cced9a', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '83128b52715ee1c5b1f2a19c3f8ac4343d54645c', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
     static get style() { return VerdocsSignatureDialogStyle0; }
 }, [0, "verdocs-signature-dialog", {

package/dist/components/verdocs-spinner2.js

@@ -13,7 +13,7 @@ const VerdocsQuickFilter = /*@__PURE__*/ proxyCustomElement(class VerdocsQuickFi
         this.mode = 'light';
     }
     render() {
-        return (h(Host, { key: '87070faacac5435c529ef7f2104e4e8df403fce8', style: {
+        return (h(Host, { key: 'b71bb590c4c908d7b0c9b6483ee8def10f327d2f', style: {
                 width: `${this.size}px`, //
                 height: `${this.size}px`,
                 flex: `0 0 ${this.size}px`,

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

@@ -7190,11 +7190,11 @@ const VerdocsStatusIndicator = /*@__PURE__*/ proxyCustomElement(class VerdocsSta
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (h(Host, { key: '26b42a98a4f70d09aeb1721916f3a6239b73b1cb', 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: '6312602f7079a3c8d77671570118712d5ee4ea0f', 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: '755c501d67a395d153c2433bcd0593931aed3b13', class: "icon", innerHTML: icon }), h("span", { key: '393027372c519cff2fbdf391cbd1325e880f46d0', class: "content" }, statusMessage), h("div", { key: '7e0168d274fa853e5b74ccadbc3cd1fc06751280', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: 'ef04e1f77c3cfbab5054946d7c48de5f60e9ee06', 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: '002f53e8f17930ffb75c282b3db8555578b69381', class: "icon", innerHTML: icon }), h("span", { key: 'b1c8f30923fe0b19910c692f8117d81a69eba410', class: "content" }, statusMessage), h("div", { key: 'c00a99383415570210692cdecbfd83673d18937e', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: '8067991e8781d12151e774eb761dfab613e77fe3', 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", {

package/dist/components/verdocs-switch2.js

@@ -13,13 +13,13 @@ const VerdocsSwitch = /*@__PURE__*/ proxyCustomElement(class VerdocsSwitch exten
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: 'ccb00f650d706a5caf7dd3f2d9cad3ea564de9a6', value: "on", type: "button", role: "switch", class: `switch ${this.theme} ${this.disabled ? 'disabled' : ''}`, "data-state": this.checked ? 'checked' : 'unchecked', "aria-checked": this.checked ? 'checked' : 'unchecked', onClick: () => {
+        return (h("button", { key: 'b633ac84b8e37af94312e2803204934e0a734cbf', value: "on", type: "button", role: "switch", class: `switch ${this.theme} ${this.disabled ? 'disabled' : ''}`, "data-state": this.checked ? 'checked' : 'unchecked', "aria-checked": this.checked ? 'checked' : 'unchecked', onClick: () => {
                 var _a;
                 if (!this.disabled) {
                     this.checked = !this.checked;
                     (_a = this.checkedChange) === null || _a === void 0 ? void 0 : _a.emit(this.checked);
                 }
-            } }, h("span", { key: 'f7f13dcf48d9e55f90c8d542c53d04ea1de78e02', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
+            } }, h("span", { key: '81a536a86086881ef0c15b5bfa5408f4f9d6831e', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
     }
     static get style() { return VerdocsSwitchStyle0; }
 }, [0, "verdocs-switch", {

package/dist/components/verdocs-table.js

@@ -13,9 +13,9 @@ const VerdocsTable$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTable exten
         this.data = [];
     }
     render() {
-        return (h(Host, { key: 'd19cf6b46ea9a6cc982eb95a85b0cc390db42a51', class: "table-wrapper" }, h("table", { key: 'b47796f52ce057fe9bdc6e99f79b1cbf51d788d5', class: "table" }, h("thead", { key: '9cfe8d27d078f8909680a463acee75dba172f15d' }, h("tr", { key: 'cb17d88359a5e3282fbd101d1990deb1d5582898', class: "row header-row" }, this.columns.map((col, i) => {
+        return (h(Host, { key: '237b25276ade798e6286880f02aa366e6bcd7a45', class: "table-wrapper" }, h("table", { key: '604ec40339c8c880fe68bc7cb49b5c84ff3161f3', class: "table" }, h("thead", { key: '355091e91fc735f8170d082b7a1e63118522d9dc' }, h("tr", { key: 'a826f1200533300f54b3340d3e45e62d8f4fb814', class: "row header-row" }, this.columns.map((col, i) => {
             return (h("th", { class: `col header-col col-${i} col-${col.id}`, onClick: () => { var _a; return (_a = this.colHeaderClick) === null || _a === void 0 ? void 0 : _a.emit({ col }); }, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id }));
-        }))), h("tbody", { key: '4590b2ecbb1ad3aac1b67fcd0fc06c2bb8754644' }, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
+        }))), h("tbody", { key: 'f9bace73706b28bf610e897605c580319d4b05c2' }, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
             return col.renderCell ? (h("td", { class: `col data-col col-${i} col-${col.id}`, innerHTML: col.renderCell(col, row) })) : (h("td", { class: `col data-col col-${i} col-${col.id}` }, row[col.id]));
         }))))))));
     }

package/dist/components/verdocs-tabs2.js

@@ -16,7 +16,7 @@ const VerdocsTabs = /*@__PURE__*/ proxyCustomElement(class VerdocsTabs extends H
         (_a = this.selectTab) === null || _a === void 0 ? void 0 : _a.emit({ tab: this.tabs[index], index });
     }
     render() {
-        return (h(Host, { key: '063d039421f36e2737381dadb045f14d7f3c7406' }, this.tabs.map((tab, index) => (h("div", { class: `tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index) }, tab.label))), h("div", { key: 'c3d7709565d7d74811220a78a2c9987b6800e4fa', class: "flex flex-1" }), h("slot", { key: 'b6599cc3558d301a8c331e628a57dda2362ac58d' }, h("div", { key: '3e2e4c89d4d8eb8ed33873d60af11a8bd21841d6' }))));
+        return (h(Host, { key: '5e7051e19f0c1fb073f10f06444fb337a23748a2' }, this.tabs.map((tab, index) => (h("div", { class: `tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index) }, tab.label))), h("div", { key: 'f4b3a80b48a4a30e66110277a28eb448a63a7978', class: "flex flex-1" }), h("slot", { key: 'd4b4a76900d92bb044e8fe1777a1f096d58631f0' }, h("div", { key: 'cb5e9561a73f9044c94282cfb880ba68710a6de8' }))));
     }
     static get style() { return VerdocsTabsStyle0; }
 }, [4, "verdocs-tabs", {

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: '5d51a6309b35282260e0b5a9accb65368f66e137' }, h("span", { key: '5077d1f9917cd63eba77d19efa46854000d2285d', class: "name" }, this.template.name), h("span", { key: '3dfe49dbf90de379d47e6a4b9b1583ac38ff4abd', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: '9cf9967baf829422608934bb3cdc44e872655b6a' }), h("div", { key: 'a778ca45266cf6915903885658914388e2fb6482', class: "controls" }, h("div", { key: '3ac820a94080adccf68076cfd2c5acf795ad7fc8', class: "control" }, h("span", { key: '0f852a590b4ea1c7c523aa2d132de6a502ca64a3', class: "icon", innerHTML: StarIcon }), h("span", { key: 'b6d8ff745a148d734a443d6975546018c38d720c', class: "value" }, this.template.star_counter)), h("div", { key: '66ad10b503b311b1e474ac5a757eda68d7c14da9', class: "control secondary" }, h("span", { key: '5a799e82a7e982a3878267ba7142968a9ae57ed9', class: "icon", innerHTML: PagesIcon }), h("span", { key: '786f8e6e4c7d8050754d4c4879b7eb16c0f8616b', 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: '8beaba61ba61c3d65b3b7f3e8a353ac4e851eeae', class: "control secondary" }, h("span", { key: 'af4de26fb0adc0b3dce0dd902b770870a1aeae50', class: "icon", innerHTML: EmailIcon }), h("span", { key: '98e12c32e97de73267f511ea736a9bcb1d63d027', class: "value" }, this.template.counter)), h("span", { key: 'df0f16420601b26ff1263370b92335df3fe0e80f', class: "additional-controls", innerHTML: ActionsIcon }))));
+        return (h(Host, { key: 'd91ad349d43b29a364e20eb2d552eda22a684bfb' }, h("span", { key: '3921cd424720786785071f698758d770a0ba3cea', class: "name" }, this.template.name), h("span", { key: '229f1190a546c8bd588b1a4588b880a70832c06a', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: '725d4d03814909199ada357874e0383d2306e34d' }), h("div", { key: 'c95f57c02bb89f14b12c1a501a241d0f799aa8bc', class: "controls" }, h("div", { key: 'ae9c7b8bf7a9e85d31aa29cfbaad1d458df50ac8', class: "control" }, h("span", { key: 'ce4ec610d9f87c2b8b6db99c89a9a25554aa46a0', class: "icon", innerHTML: StarIcon }), h("span", { key: '7b7440269617317f3a31c87d7bb4e470f9d3af06', class: "value" }, this.template.star_counter)), h("div", { key: '2edfdee2eabff9fd18d48bdcc1e9c6813dde6bcb', class: "control secondary" }, h("span", { key: 'a97c594f26a3a9550e49426a05b3a6aa40789246', class: "icon", innerHTML: PagesIcon }), h("span", { key: 'bd7425bb723624484a4550de2fca1970b53de2c9', 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: '7a5e4e2bf93af1ac58140189d64762b806a4d25c', class: "control secondary" }, h("span", { key: '108128b396a7190df160120a696dfa5af51b2491', class: "icon", innerHTML: EmailIcon }), h("span", { key: 'af3b4bf2c3f3c421ed7403c61fd3ea4978322a66', class: "value" }, this.template.counter)), h("span", { key: 'ae096641db6ac975e3874e7af6bf509dd331025b', class: "additional-controls", innerHTML: ActionsIcon }))));
     }
     static get style() { return VerdocsTemplateCardStyle0; }
 }, [0, "verdocs-template-card", {

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

@@ -116,7 +116,7 @@ const VerdocsTemplateDocumentPage = /*@__PURE__*/ proxyCustomElement(class Verdo
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: 'ddeacbfbd9f38bddfbb5c9886df494881b4e38cf', 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: 'a27edb5194ef483dba9825b8c04e7a334e1bba50', 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/components/verdocs-template-role-properties2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { VerdocsEndpoint, updateTemplateRole, deleteTemplateRole } from '@verdocs/js-sdk';
+import { VerdocsEndpoint, updateTemplateRole, deleteTemplateRole, isValidEmail } from '@verdocs/js-sdk';
 import { g as getTemplateRoleStore, u as updateStoreRole, d as deleteStoreRole } from './TemplateRoleStore.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
 import { g as getTemplateStore } from './TemplateStore.js';
@@ -126,34 +126,36 @@ const VerdocsTemplateRoleProperties = /*@__PURE__*/ proxyCustomElement(class Ver
     }
     render() {
         const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
-        return (h(Host, { key: 'e859133491988f148c3b1736a4398b8ab3d87da8' }, h("div", { key: '3909479c1ff216a97bc9ee5df07dfa0c547b073e', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'b1c0e435243fe62a07c2b9d6335837882da57cfe', class: "dialog" }, h("form", { key: '2bc3b9fc3d7435d2f5de4376a22938b3bf208de4', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '9e99d4a2855a9e1ccba7a649ac34fe09dc901669', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+        // Either all three should be empty, or all three need to be filled
+        const isValid = (!this.email && !this.first_name && !this.last_name) || (isValidEmail(this.email) && !!this.first_name && !!this.last_name);
+        return (h(Host, { key: '58d9b5313e75866e1fefe0dcdb8139fa8a5bb087' }, h("div", { key: '60ce08b776cbd8cedeec9a0ec5748e923c785bc9', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: '73977c5f9e90c20e6365e0423635a94dbea2b122', class: "dialog" }, h("form", { key: '3c4f7826391dfa5874cc541fb82657aefb36710b', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: 'de887a66aec1fe4ebc9a5ef50e32f6355b10aa0d', 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: 'fb7718ed3cd2d45dad955911a707f1ebc03daddf', class: "row" }, h("div", { key: '906a33520c1876782a1c368409e949ceb3420231', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'aa46196df7f7086eb06f8ef1c923bb230816d8bb', value: this.type, options: [
+            } }), h("div", { key: 'cd7d4834a3998536c2b8c48e44ed5bf3ec804359', class: "row" }, h("div", { key: '12019f45c950a1bdd2e2579d420f6e5aefaab2c5', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'f4c28c4adc8c9b68303e14d09e87dcb59c36a6d1', 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: 'a067ca5039e9cc1867d4cdcb5676adf2e1ef6481', 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: '85714cf0dbdcd4a0c79c2befc043b4a390e3b95f', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first 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: "First Name...", onInput: (e) => {
+            } }), h("verdocs-help-icon", { key: 'f99179b5c88aeb76e55819a85bc657741c7f35cb', 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: 'cd07d5ba6bf22a58c86e8b0df5e76f32f42f4150', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first 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: "First Name...", onInput: (e) => {
                 this.first_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: '868045c012e801b96d4214fbc608a85fd866933b', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last 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: "Last Name...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: 'ffeeb3f0608dd7a03bce4705e088e0358fe55938', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last 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: "Last Name...", onInput: (e) => {
                 this.last_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: 'a4b721e35303f7c362b875a50b9c203874bb42aa', 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: '16a366c91abc791b1225896436f1435407948d5f', 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: 'e3ab999cb97d92d4e5c793691da9ca27927c8249', 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: '9b3085606377b915379023087f2a16048fb8d27d', 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: 'b221c25197ded12e34b5ed7d1d13868aed1a6a36', class: "row" }, h("div", { key: '6ce590cf0750efa571a560164bbb4254c6ed59f8', class: "input-label" }, "May Delegate:"), h("div", { key: 'c363f6f9cf568e2f2f4e96223867a7a561209e82', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '467194ade1af0f5e2b7db9461182ec107b5b1ab3', checked: this.delegator, onInput: (e) => {
+            } }), h("div", { key: '3d9f8ee07579f56d0e0041bca7d7ecab19765475', class: "row" }, h("div", { key: 'c425db72f627ed05f87618d0feb6d09ad74513ca', class: "input-label" }, "May Delegate:"), h("div", { key: '5d4f7ca54f88406e1ff23b05ea516ca47e45a4a6', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '8ab784e036647e39be5df5793104e81b24c5784f', checked: this.delegator, onInput: (e) => {
                 this.delegator = e.target.checked;
                 this.dirty = true;
-            } })), h("verdocs-help-icon", { key: '686fb7099a49a1200663822074716677e86ad233', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '5dfb3746293fef7859c6e238af7f8667fe716937', class: "buttons" }, h("button", { key: '154f4b763b424a393b9481a648f4a173ce2e75a5', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '03bb58e5af7e9ae81684d60c86fc030dfb0fa56a', style: { flex: '1' } }), h("verdocs-button", { key: '8eb2d90795a3ff5c44129f4ed92e25e9abc25140', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'dbd0c72f9523f077ee4dd7fbe0cde9d89cbb8f8e', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
+            } })), h("verdocs-help-icon", { key: 'e321303aa812683bf0f12cf12e56f19b2faf82ff', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '3bc17ab02dc1cd93f81d4c68a8ebc9c26fab2361', class: "buttons" }, h("button", { key: 'b52e9fd0c1b5e1be279cfdcebbb7bb74a08abcb6', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '75554b1ae55b373c7305b84b09980edcc53a7e6a', style: { flex: '1' } }), h("verdocs-button", { key: 'b44b20fc4c5b53ad5335b26ee463db76dc25fe6b', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '536656402d4bc0c9f46aa3bdf6b4923275fa30ba', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))))));
     }
     static get style() { return VerdocsTemplateRolePropertiesStyle0; }
 }, [0, "verdocs-template-role-properties", {

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

@@ -251,10 +251,8 @@ const VerdocsTemplateRoles = /*@__PURE__*/ proxyCustomElement(class VerdocsTempl
             console.log('Loading', this.loading, (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state.isLoaded);
             return (h(Host, { class: "loading" }, h("verdocs-loader", null)));
         }
-        console.log('Rendering roles', this.roleStore.get('roles'));
         const roleNames = this.getRoleNames();
         const sequences = this.getSequenceNumbers();
-        console.log('Rendering', roleNames, sequences);
         return (h(Host, null, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("h5", null, "Roles and Workflow"), h("div", { class: "participants" }, h("div", { class: "left-line" }), h("div", { class: "row" }, h("div", { class: "icon", innerHTML: startIcon }), h("div", { class: "row-roles" }, h("div", { class: "sender" }, h("span", { class: "label" }, "Owner:"), " ", senderLabels[(_d = (_c = this.templateStore) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.sender], ' '))), h("div", { class: "row add-sequence", "data-sequence": 0 }, h("div", { class: "icon", innerHTML: plusIcon }), h("div", { class: "row-roles" }, h("div", { class: "dropzone", "data-sequence": 0, "data-order": 1 }, "Add Step"))), sequences.map(sequence => (h(Fragment, null, h("div", { class: "row" }, h("div", { class: "icon", innerHTML: stepIcon }), h("div", { class: "row-roles" }, h("div", { class: "dropzone", "data-order": 0.5, "data-sequence": sequence }), this.getRolesAtSequence(sequence).map(role => {
             const unknown = !role.email;
             console.log('ras', sequence, role);

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

@@ -43,7 +43,7 @@ const VerdocsTemplateStar = /*@__PURE__*/ proxyCustomElement(class VerdocsTempla
         });
     }
     render() {
-        return (h(Host, { key: 'adb2581eccc56b94ef7f8cbfeb9108b336abda86' }, h("div", { key: '38a6a2196a7f84325c6dc21c7788d5fd977760e1', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '100cbca2df2d3d31acce78c7dec72444e35a191a', class: "count" }, this.template.star_counter || '--')));
+        return (h(Host, { key: '7003637e9953f089bf0ddf9a128ab416103f64db' }, h("div", { key: '8b53c549e72e2b8432edc6d6de7d5ec4af746b37', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '66382354cf49ca5f0b01896983d34a3d27684041', class: "count" }, this.template.star_counter || '--')));
     }
     static get style() { return VerdocsTemplateStarStyle0; }
 }, [0, "verdocs-template-star", {

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: '8d6457fdcd02cee93906ee2ba5c59c0780d69dc8' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: '67dd899e37a2c181705a9abf3ea031869e93257b' }, (_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", {

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

@@ -166,24 +166,24 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTem
         // In addition to the server query we also filter locally. This provides a faster UI update
         // while the onBlur re-queries the server for any new records that now qualify by the filter.
         const locallyFilteredTemplates = !this.localNameFilter ? this.templates : this.templates.filter(t => t.name.toLowerCase().includes(this.localNameFilter.toLowerCase()));
-        return (h(Host, { key: 'df2f80ba1899611e07046635844fd1e4a2bd801f' }, h("div", { key: '0560522cb614307dfe4c6125faf9c183e510adc8', class: "header" }, h("div", { key: 'd0490c7d5a610b8b780762dfbc5a141c0799b7d7', class: "filter" }, h("verdocs-text-input", { key: '44b9c9e7429b377b0ed52b9404b6f3d61af8efb0', id: "verdocs-filter-name", value: this.name, clearable: true, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => (this.localNameFilter = e.target.value.trim()), onFocusout: (e) => {
+        return (h(Host, { key: '8a4c436255e24af2dd9bffaa108a3c62ea72accc' }, h("div", { key: 'a28f3b140c708fc9491a1567b7e0977d00b02b23', class: "header" }, h("div", { key: 'ecb9bf6ea174af19a155b3bffdd9f3df6e3d0452', class: "filter" }, h("verdocs-text-input", { key: 'b4f4046fee300d2deefe70246158cb6048844e75', id: "verdocs-filter-name", value: this.name, clearable: true, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => (this.localNameFilter = e.target.value.trim()), onFocusout: (e) => {
                 var _a;
                 this.name = e.target.value.trim();
                 this.localNameFilter = e.target.value.trim();
                 (_a = this.changeName) === null || _a === void 0 ? void 0 : _a.emit(this.name);
-            } })), h("verdocs-quick-filter", { key: '72bebecb5ae71d1668df2c095fedba131794a1da', label: "Visibility", value: this.visibility, options: VisibilityFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: 'c070d309bdf00dbdcb244929cbe3f16ce404656f', label: "Visibility", value: this.visibility, options: VisibilityFilters, onOptionSelected: e => {
                 var _a;
                 this.visibility = e.detail.value;
                 (_a = this.changeVisibility) === null || _a === void 0 ? void 0 : _a.emit(this.visibility);
-            } }), h("verdocs-quick-filter", { key: '79af88bb274bdfe78799ecbd8df43823d3e87eb1', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: 'ed6d35f557ae3c39498b020167e572024d8c2fa0', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
                 var _a;
                 this.starred = e.detail.value;
                 (_a = this.changeStarred) === null || _a === void 0 ? void 0 : _a.emit(this.starred);
-            } }), h("verdocs-quick-filter", { key: '107623692057664e0b42892cab4256df8e274f1f', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: '59ae730527224140d6b4ae1f94878ccc3cc9e5e8', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
                 var _a;
                 this.sort = e.detail.value;
                 (_a = this.changeSort) === null || _a === void 0 ? void 0 : _a.emit(this.sort);
-            } }), this.loading && h("verdocs-spinner", { key: '1982cc9021bf92da53e2b4a6dc0814039a9fa70a', mode: "dark", size: 24 }), h("div", { key: '581288dea09d793a050c192fc472041138b205dc', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            } }), this.loading && h("verdocs-spinner", { key: '10c67eddf0cd00c85f636251b276f8fb6acc8a0c', mode: "dark", size: 24 }), h("div", { key: '615ebf459f9ee6c07a171393844add188b1af82a', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
             const dateToShow = this.sort === 'created_at' ? 'created_at' : this.sort === 'updated_at' ? 'updated_at' : 'last_used_at';
             const date = template[dateToShow];
             const MENU_OPTIONS = [];
@@ -230,9 +230,9 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTem
                     var _a;
                     (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template });
                 } }, h("div", { class: "inner" }, h("verdocs-template-star", { template: template, endpoint: this.endpoint }), h("div", { class: "spacer icon-spacer" }), h("div", { class: "name" }, template.name), h("div", { class: "spacer usage-spacer" }), h("div", { class: "usage" }, h("span", { innerHTML: EnvelopeIcon, title: "Usage Counter" }), template.counter || '--'), h("div", { class: "spacer last-used-spacer" }), h("div", { class: "last-used" }, dateToShow === 'created_at' && h("span", { innerHTML: CreatedIcon, title: "Created" }), dateToShow === 'updated_at' && h("span", { innerHTML: UpdatedIcon, title: "Last Updated" }), dateToShow === 'last_used_at' && h("span", { innerHTML: LastUsedIcon, title: "Last Used" }), date ? format(new Date(date), 'P') : 'Never'), h("div", { class: "spacer ownership-spacer" }), template.is_public && (h("div", { class: "ownership" }, h("span", { innerHTML: GlobeAltIcon }), " Public")), !template.is_public && !template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: LockClosedIcon }), " Private")), !template.is_public && template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: BuildingOfficeIcon }), " Shared")), h("verdocs-dropdown", { options: MENU_OPTIONS, onOptionSelected: e => this.handleOptionSelected(e.detail.id, template) }))));
-        }), !this.initiallyLoaded && (h("div", { key: '02ce593d239cb477eedbfc172e33e3e9f3e9c27e' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: 'b77da1610613c37b725466e1d1613ab8ad625df0', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.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: '3163f2916038b79f02e5cbda0c73d8da99b7770c' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: 'ad467ef5f9d17286134252e0dac59584a670f381', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.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)), this.confirmDelete && (h("verdocs-ok-dialog", { key: 'b90a1e4a606e46659065a0de6c492213b0e31260', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
+            } }))) : (h("div", null)), this.confirmDelete && (h("verdocs-ok-dialog", { key: '523648491adbf8f81da3b3e2a239d671b3e087d6', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
     }
     static get watchers() { return {
         "sharing": ["handleSharingUpdated"],

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

@@ -34,7 +34,7 @@ const VerdocsTextInput = /*@__PURE__*/ proxyCustomElement(class VerdocsTextInput
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (h(Host, { key: '8e449cd6f4e9de4efac4574f9e1621e68488f804', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: 'b8e42909bd49540537d16df3e0d9a026c4081931' }, this.label && (h("div", { key: '3bf1f2b750ebfa9557e5f68f7d94ea1b5f4bebf2', class: "input-label" }, this.label + ':', this.required && h("span", { key: '0915b2f7032a97532b9ea845d083ae1ca9c39dcc', class: "required" }, "*"))), h("div", { key: '15d4c4915320645635b144390fcb2595b2416f1d', class: "input-container" }, h("input", { key: 'b3aade028a0866fb5c7e10aeebf64a47f29ee822', type: this.type === 'password' && this.showingPw ? 'text' : this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, onBlur: (e) => { var _a; return (_a = this.blur) === null || _a === void 0 ? void 0 : _a.emit(e.target.value); }, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: '0f1521bcdccdba993ecafadd234264169b148571', innerHTML: ClearIcon, class: "clear", onClick: () => {
+        return (h(Host, { key: '3888ea9f7b49575fb01b020bd8a41fe3dc622f11', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '365d2babe40c0c5a970e097824baf5c542a8175e' }, this.label && (h("div", { key: '61a8c93752c28975728497fa6fe0c19a95119a3d', class: "input-label" }, this.label + ':', this.required && h("span", { key: '6dc87a8f7271f2bd99fd642cacb5016c3ea48005', class: "required" }, "*"))), h("div", { key: '2e54cf4b26faaa6925ea15be392a4922ff53aafc', class: "input-container" }, h("input", { key: '5150d825629eed7a8cf586b669240a48d46c1929', type: this.type === 'password' && this.showingPw ? 'text' : this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, onBlur: (e) => { var _a; return (_a = this.blur) === null || _a === void 0 ? void 0 : _a.emit(e.target.value); }, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: 'eb7134d17f7fbe5167cb753460caf18c3587a03b', 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(() => {
@@ -48,9 +48,9 @@ const VerdocsTextInput = /*@__PURE__*/ proxyCustomElement(class VerdocsTextInput
                         (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
                     }, 50);
                 }, 50);
-            } })), this.type === 'password' && (h("span", { key: '744f3f6c9b3506fe666389de3d64626143def01b', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
+            } })), this.type === 'password' && (h("span", { key: 'f4729b2f91b29b04a2caa3ff6a473e87311b3d03', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
                 this.showingPw = !this.showingPw;
-            } })), !this.clearable && this.copyable && this.value && h("span", { key: '5277c06a6fd7d43d769b78cbff9005a8765c62ad', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '3cd318982b9ac8ae0b8b41bf6366b53a1632901b', text: this.helpText }))));
+            } })), !this.clearable && this.copyable && this.value && h("span", { key: '892ec8f554a2e1e825ec8fd0b51c7a41f1bcc367', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: 'c7612b57f351baa2dc243a2ca20d0d4a02388060', text: this.helpText }))));
     }
     get hostEl() { return this; }
     static get style() { return VerdocsTextInputStyle0; }

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: 'db3a997f301462b848daf9e052eee25232b89b1d', 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: '90f073b58425c92fade3871d8d605407f43dc671', 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", {

package/dist/components/verdocs-toggle.js

@@ -16,7 +16,7 @@ const VerdocsToggle$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsToggle ext
         this.selectedOption = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.defaultSelection) || 0;
     }
     render() {
-        return (h("div", { key: '57246a93e1421d288f52be821a6d848a6ead44d6', class: "container" }, h("span", { key: '310c86cf81c8d5cb205c0f54727e91c44137c490', class: "label" }, `${this.options.label}:`), h("div", { key: '724c1d20ae6d81756b1b2f26bfbe4fa22fb7387d', class: "buttons" }, this.options.buttons.map((button, index) => (h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index === this.selectedOption ? 'selected' : '', onClick: () => {
+        return (h("div", { key: '003d84de26eefef7106ba2527cde291ed5373cac', class: "container" }, h("span", { key: '3fcab14cf397f8855baaddc885528765a0f4bf09', class: "label" }, `${this.options.label}:`), h("div", { key: '09ca127f48655ad1ce57bc17ea6c205b055ffebd', class: "buttons" }, this.options.buttons.map((button, index) => (h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index === this.selectedOption ? 'selected' : '', onClick: () => {
                 console.log('clicked', index);
                 this.selectedOption = index;
             } }))))));

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: '869ac7bc88e9985e3338183acfe2f794cb32f4b7', class: {} }, h("div", { key: 'a14eee006ba0eebacb118df48b3518e766be1c05', "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: '2dc9c1cccc90348cb8355d46db3c6bfe4e0845b3', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: 'd062ddd320b47a7f1c397c56721cb544018b9434', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: '2ff1baf8227efaa911d823914f2645d3b2d7d82e', class: {} }, h("div", { key: 'c13b7a5e10720450462e4c7229b1093e03e87808', "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: 'ac849c0f365f2570c94aff71dfbba9edd357b713', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: 'f4e4f13a0016c6deb1db21c13b2f0ca6fe6bea25', "data-popper-arrow": "true", class: "arrow" }))));
     }
     static get style() { return VerdocsToolbarIconStyle0; }
 }, [0, "verdocs-toolbar-icon", {

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

@@ -82,7 +82,7 @@ const VerdocsUploadDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsUpload
     render() {
         var _a;
         const existingFile = ((_a = this.existingFile) === null || _a === void 0 ? void 0 : _a.name) ? this.existingFile : null;
-        return (h(Host, { key: 'e7a5e6df6d936adbfe74ba8e212dfe79816b0c05' }, h("div", { key: 'b534d7c777b37af48c27498337b62daca283e22e', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '11967dfddc9da736bdf1957ee3743b1777dc971e', class: "upload-dialog-content" }, h("div", { key: 'ec967b175dfc6edffbfc57537f0a6c12f8cf3844', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (h(Fragment, { key: '9e6ec10aeacb411d5fefada717b9d724520e0869' }, h("div", { key: '5b5cd3c87833d862fd361e84155c3622d51280d1', class: "current-label" }, "Current Attachment"), h("div", { key: '866c221a7b3bda742d336d2c111da02b8fd4a960', class: "attachments", style: { marginTop: '0' } }, h("div", { key: '345302d3801fe2b0f2e69ed64d2cba8f42e57174', class: "attachment" }, h("div", { key: '7a9a948fa18aca0a99b76f089622113de7e24cee', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '5dced948f61febe18703583f7e4a3b9827782cff', class: "name" }, existingFile.name), h("div", { key: '9e715db7009c444ae2ebcdc2f7ac15e9165d2798', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (h("div", { key: 'bf4a4796aeaa0d3a941299e482198c58acc26912', 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", { key: '73708b0cc4f5a17b25336546bc167500de6b7d33' }, "Drag and drop your files here"), h("p", { key: '1e990119ca6de29f5fa12bcd4c51fc4165ee31c4', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), h("verdocs-button", { key: 'b222275034ef269d383dbbcfa432be236d226eb4', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), h("input", { key: 'eb58d721ed6f52bf07e91ee8d505ba404244a05e', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: '25a667fa9a095ea873986e725e4df3c89edb4dec', class: "attachments" }, this.selectedFiles.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) })))))), !!this.errorMessage && h("div", { key: '43656e08314ae0ffe2bff0b8bca5731a1ca528f4', class: "error" }, this.errorMessage), h("div", { key: 'ced55c36b7a723f417a85e9154e740be3f22cdb2', class: "buttons" }, h("verdocs-button", { key: '3b4b297e03f3c66db3389d8e0ad02cb58a53d5c1', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '15a91a4b5bc199e1b68bf35c63ca2061876bd0e7', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (h("verdocs-ok-dialog", { key: 'd92b1a14f31c1aeeecfe317ff8b949458778fbab', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
+        return (h(Host, { key: 'afa5841540ceb409766827648bcc48c7bae6cda4' }, h("div", { key: 'bd26d331ac3bc7be352ab1695373f75d69fd792c', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '705662b801d76ef3f4449d5f3722e17f466e4609', class: "upload-dialog-content" }, h("div", { key: '0816ed0a1475713aa50054ad89c65f87500de125', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (h(Fragment, { key: 'c373b31539252aa5b7a3d8a9192e039d7231c43f' }, h("div", { key: 'da478e822f7e03e9bb1453cf6b94253264df322a', class: "current-label" }, "Current Attachment"), h("div", { key: '7ff31b740c32fde706e8388037b104517f36dd13', class: "attachments", style: { marginTop: '0' } }, h("div", { key: '5af9047ab932ff3896099f54498f514081e9c88e', class: "attachment" }, h("div", { key: 'b3528446f4107953a1e8bbaeda9f77f6f90d543e', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '87ef88f1d7c74ad769cbf5f0b5c79cdf8e8828d5', class: "name" }, existingFile.name), h("div", { key: 'adb89b2ef87c98a046712637a977682ae5abfa14', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (h("div", { key: '1996a92dc8f456276e82950cfea6367308b58bf8', 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", { key: 'd9ba97f559e20d8d56a005ecc98c1a137aecb8ed' }, "Drag and drop your files here"), h("p", { key: 'a1ea9f6e83e27d0c9f849b51949faeac3dfdeadc', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), h("verdocs-button", { key: 'd9e97782f69b70da1a4362010c0fce204c0c1c37', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), h("input", { key: '3c8b9ac05bfd8199db07d0c6ef33aeda672c02a7', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: 'c700b6423d7d413b6f8039e00e6e80efc8c5e1ac', class: "attachments" }, this.selectedFiles.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) })))))), !!this.errorMessage && h("div", { key: '2ee3dd69b224d7b3b7063e944ad95f83f52f97e8', class: "error" }, this.errorMessage), h("div", { key: '600a733497ac38b298e3251753cd96d573ed378a', class: "buttons" }, h("verdocs-button", { key: '5783ad39ab4511d8c992f38dce78fd9c3facb6a0', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'ff2b632b963df19f298c8d1e909b4aafd42fd238', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (h("verdocs-ok-dialog", { key: '21df3093619d33a599fd6b486ba57d1da4f987ec', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
                 // So we don't close the upload dialog
                 e.preventDefault();
                 e.stopPropagation();