@verdocs/web-sdk 4.2.119 → 4.2.122

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

@@ -35,7 +35,7 @@ const VerdocsHelpIcon = /*@__PURE__*/ proxyCustomElement(class VerdocsHelpIcon e
         (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
     }
     render() {
-        return (h(Host, { key: '4ca84931519e6fe3b8a1c16cecfb8e282bd7bbc9', class: {} }, h("div", { key: 'a2c20786904b9adddc540657aa2005370d699e80', "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: '6d734bed2ab56124f30938a2f09925fbb1ecadee', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: '4635be20f0408328ce53b15411b498a0a721e85a', innerHTML: this.text }), h("div", { key: 'd9cf513b3d8f544d03632ab5cbdb3dedd4b977f5', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: 'fc2cecdccd0eb1be883df7426c03d6cb83e7928a', class: {} }, h("div", { key: '1d532aa1f0d735145a4334615e70e5c88d4510e3', "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: 'f9080fa63f4d43d0bba0a75b130380c5d3ec82bb', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: 'b7263c773c9b2640657ff0fefd60803524bf2c7e', innerHTML: this.text }), h("div", { key: '7ce146e9c2fdd44e9fa103978682590ddbb6e98d', "data-popper-arrow": "true", class: "arrow" }))));
     }
     static get style() { return VerdocsHelpIconStyle0; }
 }, [0, "verdocs-help-icon", {

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

@@ -223,7 +223,7 @@ const VerdocsInitialDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsIniti
     }
      */
     render() {
-        return (h(Host, { key: '900aeea0744959a212d056aa8dd1b1574d6cdd35', onClick: e => this.handleCancel(e) }, h("div", { key: 'b6170caaedaa8919b67e6783f78998420c5c9110', class: "dialog" }, h("div", { key: '915fda82214056830d281a0ca2673c82b3aea458', class: "heading" }, "Create Your Initial"), h("div", { key: 'ab1c0325dec9d4173f1a796b2f717dbac7c62d8c', class: "content" }, h("verdocs-text-input", { key: 'a38478a6b432559d6742708a75a23b2d46ddd2cc', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: '34aedea0b3a8145a744a75b7d47586aec8913733', 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: 'b5a021ecd2048f89fde646e4eb1c41f9158d5b1b', 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: '921ddbde7a8993a015ab1ab9d4e07d0624b75533', class: "buttons" }, h("verdocs-button", { key: 'd0e3be3c7309195b8071d35c100eb485c1cbdef0', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '943b216a82be8aa9f10b8d416aaf0aaffe69c624', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: 'c4b8b5e4b5f4017deca35db1c5daa1f8fabb0616', onClick: e => this.handleCancel(e) }, h("div", { key: 'c360d141ae17728f8b06961262976b5015a1273d', class: "dialog" }, h("div", { key: 'ac204ddf1e5dc891d05f85a27ea46fdf2842bd8a', class: "heading" }, "Create Your Initial"), h("div", { key: '2875533b7d38749252210680c3796e7909a2726d', class: "content" }, h("verdocs-text-input", { key: 'b91fc797dfec20e87c6f3363e0ac3a135454cea8', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: 'fe8e817476ea21d2bf57778e19c9e4091e702c3f', 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: 'b37e3a57ab82cc3b096d3fc4d4211897b600d306', 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: 'd13af212f0a76ee6a18f9daa8525cbe8ba89dc47', class: "buttons" }, h("verdocs-button", { key: '3d2dcf7dce79718c082b0da14b17f99f031cc6d4', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '2e3628468a651385d85cf3dfe259ce277b3adf8b', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
     }
     static get style() { return VerdocsInitialDialogStyle0; }
 }, [0, "verdocs-initial-dialog", {

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

@@ -35,7 +35,7 @@ const VerdocsKbaDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsKbaDialog
         this.next.emit(this.response);
     }
     render() {
-        return (h(Host, { key: 'f9a083bccfb6207ec3be7e30e9555df493ceabe4' }, h("div", { key: '3bf629c7e6e0fd1e42f11748c8e0137df77271a1', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '9d422b2e5895311095251d9cc538803ec9225a9f', class: "dialog" }, h("div", { key: 'acc9993b406f7dfef86cd59699afaf2157c59df6', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), !!this.helptitle && (h("div", { key: '46eda39009fab8d07eaa48d90b1a6492792ab42a', class: "help-box" }, h("div", { key: '29c1540850ccdb8cca5ad84dc8e25de37cac7202', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '4d9d5b06f5b6f98c2584e520d1a88103eac108bb', class: "help-details" }, h("div", { key: '127cd0963876ca5674f8233685857b5a90d4331f', class: "help-title" }, this.helptitle), h("div", { key: '8104f492a91470844fa2cc2cfd3727aa84d74d59', 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, value: this.response, onInput: (e) => (this.response = e.target.value) }))), h("div", { key: '6f65266320dd0f9ca8ff2a0abe8b0c75cadf2bcb', class: "buttons" }, h("verdocs-button", { key: '5baa530487b8264910f9cc3927479271bdef428d', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '7a64f46c176edaa9e82872d5ef6226b8bfd3e0f2', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
+        return (h(Host, { key: 'b701c61916561f74950a4f6ea0ea0a13fa61728f' }, h("div", { key: '1825ae2f8f73c493a01c59c3e1841a3f9b84e61d', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '2136fd8cc4b77e8b65d437c551b28f1cfc8bfa9f', class: "dialog" }, h("div", { key: 'e014b95e040d3689174a58a6c7edd664b05d2c40', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), !!this.helptitle && (h("div", { key: '4cf33fb858dff2a041551c6e935fc17c40a751db', class: "help-box" }, h("div", { key: '73107418f44702e6107845beaecd79c34586d60e', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: 'c424c9e1df778fdea841c2421154f97bd63a766f', class: "help-details" }, h("div", { key: '1e434ef047058786d57104f769bd3dc1a4c73a16', class: "help-title" }, this.helptitle), h("div", { key: '6ccc412bc1bdd72bb6cc567e3c01069f5498b2fe', 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, value: this.response, onInput: (e) => (this.response = e.target.value) }))), h("div", { key: 'e616e4fd3a1262148bcd542fe0b770fff4ccd784', class: "buttons" }, h("verdocs-button", { key: 'c869e469aba34df383a4d81ef3e0fbabebe80f71', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'd5c2bbf5ef881baf3eef9240f328ef0ac0f52422', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
     }
     static get style() { return VerdocsKbaDialogStyle0; }
 }, [0, "verdocs-kba-dialog", {

package/dist/components/verdocs-loader2.js

@@ -9,7 +9,7 @@ const VerdocsLoader = /*@__PURE__*/ proxyCustomElement(class VerdocsLoader exten
         this.__registerHost();
     }
     render() {
-        return h(Host, { key: '09a2f8601ced17f0a53e466bd5f5532524fb90a9' });
+        return h(Host, { key: '9d4aba32987cc37ccfec2579e9f52f9fa1df0bc0' });
     }
     static get style() { return VerdocsLoaderStyle0; }
 }, [0, "verdocs-loader"]);

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

@@ -31,7 +31,7 @@ const VerdocsOkDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsOkDialog e
         }
     }
     render() {
-        return (h(Host, { key: '044bc26a34fbb0d47866a4bba1fcd9afa00fce3c', class: this.closed ? 'closed' : '' }, h("div", { key: '7770fe5bf587af5795850f62c245fbd3895c56d1', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '638b1cd3f3803afa9c5013d8ff1106068c526e6a', class: "dialog" }, h("div", { key: 'cf5ebe2ed18b46b942a91d8eb4ab5c90c5246cbc', class: "heading" }, this.heading), h("div", { key: 'fa3b50e724b16a7d3acd6d86b7fdb8e8c04581c4', class: "content" }, h("div", { key: 'fd3fcf42eca89e5cc06f00b8beb0533851b00e1b', class: "message", innerHTML: this.message }), h("div", { key: 'f4dc2ecfa87b38e8f40e751ed905c51e77007509', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '17d5bf13abb90801117361480bddfd577b58d480', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (h(Host, { key: '81c2af49ae8f00d0e456b175641147f9d2b96aaf', class: this.closed ? 'closed' : '' }, h("div", { key: 'ac0ff33839038f193ab487621d561f9b96c9be6b', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'b3b969cf178225d3ec402861318fbc7584dd61c3', class: "dialog" }, h("div", { key: '23cca98ef846bf05d64a504c1508540043752a27', class: "heading" }, this.heading), h("div", { key: 'c0d5d5a675240a440601d7a187d474eeb56af0a7', class: "content" }, h("div", { key: 'f489fef52afb980af5f2cbb254db155cda8daa07', class: "message", innerHTML: this.message }), h("div", { key: '80e62bc6698b058097ff0eb3dfd545d024d3e824', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '79966195a0d8f519ba1e94e3c233170be44536e5', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
     static get style() { return VerdocsOkDialogStyle0; }
 }, [0, "verdocs-ok-dialog", {

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: 'edcb6b648eb703e234ce904970ebb6b9723bf6aa', 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: 'd65260bd7cfa424e2a8330a8ad5937cbcae99284', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: 'a3f9e0a6d165485782ae1be397c27dc2e385c48d', anchor: portalId }, h("div", { key: '75d61fc62badff566ba55fb6a8761cc4f8fb2220', 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: '73ca0dec9baa6e86a8cdf8e6c0cec8acbbe167cf', class: "popup-body" }, h("div", { key: '60f5cf8c4b8a0cce6db8e1f098c700910244ca71', class: "field" }, h("strong", { key: '039e40d1a4584e17f87d18efb607a341eb47d564' }, "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: 'fa6f6ba48c7ab7da9a6291a132cec83b104fbf93', class: "field" }, h("strong", { key: 'd7f81707a67bc98efa25e6587027782bba74c6cd' }, "Website"), h("a", { key: 'c81679b5b296bacd5a52ed1beb9b7420b6bf81c7', 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: '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))))))));
     }
     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: 'e8281a2f8d40512479595b6f10355d65d4ece855' }, this.selectedPage > 0 && h(PageButton, { key: '0ced00072d3046ef74ecc2f9c80e1deddaa6182d', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: 'e6eeb99d7c42081bc0b1e010fa6c015c6ea58b3e', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '0ce4734579ec250c1d9d7a6f8171a94f8a1c2088', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '542ad8c6646d22fa1f5e399918202b173323fa6d', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        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) })));
     }
     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: '2640e3cd863ace891444caf6f7c323397eaba1a4', ref: el => (this.element = el) }, h("slot", { key: 'c6f903125d37b41d1b85b1bdb973c3b61905ac73' })));
+        return (h(Host, { key: 'b3949996fc3c9d9dba64dfde83cbd79a58e0b676', ref: el => (this.element = el) }, h("slot", { key: '25446c5cc9ebac9c172a47a96f518d72dc988216' })));
     }
     static get style() { return VerdocsPortalStyle0; }
 }, [4, "verdocs-portal", {

package/dist/components/verdocs-preview2.js

@@ -4,22 +4,23 @@ import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
 import { g as getTemplateRoleStore } from './TemplateRoleStore.js';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$n } from './verdocs-button2.js';
-import { d as defineCustomElement$m } from './verdocs-checkbox2.js';
-import { d as defineCustomElement$l } from './verdocs-component-error2.js';
-import { d as defineCustomElement$k } from './verdocs-field-attachment2.js';
-import { d as defineCustomElement$j } from './verdocs-field-checkbox2.js';
-import { d as defineCustomElement$i } from './verdocs-field-date2.js';
-import { d as defineCustomElement$h } from './verdocs-field-dropdown2.js';
-import { d as defineCustomElement$g } from './verdocs-field-initial2.js';
-import { d as defineCustomElement$f } from './verdocs-field-radio2.js';
-import { d as defineCustomElement$e } from './verdocs-field-signature2.js';
-import { d as defineCustomElement$d } from './verdocs-field-textarea2.js';
-import { d as defineCustomElement$c } from './verdocs-field-textbox2.js';
-import { d as defineCustomElement$b } from './verdocs-field-timestamp2.js';
-import { d as defineCustomElement$a } from './verdocs-help-icon2.js';
-import { d as defineCustomElement$9 } from './verdocs-initial-dialog2.js';
-import { d as defineCustomElement$8 } from './verdocs-loader2.js';
+import { d as defineCustomElement$o } from './verdocs-button2.js';
+import { d as defineCustomElement$n } from './verdocs-checkbox2.js';
+import { d as defineCustomElement$m } from './verdocs-component-error2.js';
+import { d as defineCustomElement$l } from './verdocs-field-attachment2.js';
+import { d as defineCustomElement$k } from './verdocs-field-checkbox2.js';
+import { d as defineCustomElement$j } from './verdocs-field-date2.js';
+import { d as defineCustomElement$i } from './verdocs-field-dropdown2.js';
+import { d as defineCustomElement$h } from './verdocs-field-initial2.js';
+import { d as defineCustomElement$g } from './verdocs-field-radio2.js';
+import { d as defineCustomElement$f } from './verdocs-field-signature2.js';
+import { d as defineCustomElement$e } from './verdocs-field-textarea2.js';
+import { d as defineCustomElement$d } from './verdocs-field-textbox2.js';
+import { d as defineCustomElement$c } from './verdocs-field-timestamp2.js';
+import { d as defineCustomElement$b } from './verdocs-help-icon2.js';
+import { d as defineCustomElement$a } from './verdocs-initial-dialog2.js';
+import { d as defineCustomElement$9 } from './verdocs-loader2.js';
+import { d as defineCustomElement$8 } from './verdocs-ok-dialog2.js';
 import { d as defineCustomElement$7 } from './verdocs-portal2.js';
 import { d as defineCustomElement$6 } from './verdocs-select-input2.js';
 import { d as defineCustomElement$5 } from './verdocs-signature-dialog2.js';
@@ -115,7 +116,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["verdocs-preview", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-portal", "verdocs-select-input", "verdocs-signature-dialog", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-text-input", "verdocs-upload-dialog"];
+    const components = ["verdocs-preview", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-select-input", "verdocs-signature-dialog", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-text-input", "verdocs-upload-dialog"];
     components.forEach(tagName => { switch (tagName) {
         case "verdocs-preview":
             if (!customElements.get(tagName)) {
@@ -124,80 +125,85 @@ function defineCustomElement() {
             break;
         case "verdocs-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "verdocs-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "verdocs-component-error":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "verdocs-field-attachment":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "verdocs-field-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "verdocs-field-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "verdocs-field-dropdown":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "verdocs-field-initial":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "verdocs-field-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "verdocs-field-signature":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "verdocs-field-textarea":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "verdocs-field-textbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "verdocs-field-timestamp":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "verdocs-help-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "verdocs-initial-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "verdocs-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "verdocs-ok-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }

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: '1452640352e75d2857c138b4a02c8c76cc636dab' }, h("div", { key: '284a8c45e266f91b07a4450836b395597fc8d18a', class: "labels" }, this.label && h("div", { key: '182a5e200ceab601f86e68b3fbb09fcbc6d499b9', class: "label" }, this.label), this.showPercent && h("div", { key: 'cd624e4f7678435e57beb51ff27a3339ae7475d4', class: "label" }, this.percent, "%")), h("div", { key: '4d734b86bb51c14a0e99c4b3a7461c1c41f87d36', class: "bar" }, h("div", { key: '012cc09cdcdcf310eeb0723dcb57eff2e783c8e6', class: "slider", style: { width: `${widthPercent}%` } }))));
+        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}%` } }))));
     }
     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: '003157b49ca0a97cf1d7741862b343f7032bf37e', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: 'e3a45fb1a5e8962c732159f145b398e7fb1f0c7d', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: '79b1d5d2b9dc52d4e364a3e8c56a175280d493d5', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: '760645cc99eb63f9b90afa75b8cb787ec80ace05', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: 'dec25f104674e82f91781e53edcedb6112741f86', style: { flex: '1' } }), h("div", { key: '47f17166fad9fd3f6eba46b8589cfb935cd20222', class: "separator" }), h("div", { key: 'd6deb3811ad209885a7f973ace22fbeb7784cd0f', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: 'be8116461c9edcc6f9ee25ff1941eda3c9f2387d', 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: '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" }))))));
     }
     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: 'e0edb4e04bbf4ee92ba26f50f3c56beec434e375', class: "container" }, h("p", { key: '58e823308edc32e234587cd6232c5014460a7a8a', class: "title" }, "Quick Create"), h("button", { key: '5ef91f83933d1d716c6627ab393cb171e977aa81', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '773b5d9e6f4288f288cee92d4c7884cdce8a3374', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (h("div", { key: '99840e81fe2f2b825efb6253f72a6583d0354504', class: "container" }, h("p", { key: '7a814db57ae3bfad6aaba12cdab17b0e900e9080', class: "title" }, "Quick Create"), h("button", { key: '84d518a21e8fb43818efbc26f94b545821465af1', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: 'c7b9ea58cf880ef8356e2fdb80a1f76b4ab8b014', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
     static get style() { return VerdocsQuickFunctionsStyle0; }
 }, [0, "verdocs-quick-functions", {

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

@@ -13,7 +13,7 @@ const VerdocsRadioButton = /*@__PURE__*/ proxyCustomElement(class VerdocsRadioBu
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '8bb79695c8aab74877a368290a467078500c049b', class: { disabled: this.disabled } }, h("input", { key: '6cddceb3e5ec00f1aced019b49cbd162c58fc05f', 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: 'c6dc8308fe34376bd2cb9561dc328570db52d340', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+        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}` })));
     }
     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: 'c7e0698afde279984bfa46382443f40d5110c023', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (h("span", { key: '07cbbb7bee52f85bbb22a0254b1f1a109b70d408', class: "type" }, this.type, "s ", h("button", { key: '7c7522a957cd4f80d98abb680d7164ac6db1f377', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), h("input", { key: '362af3bf09cf9c781c287f5193e7dad31bd85d87', 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: '7d4c890a308373d0b8a38548f2ad6995980ab7d7', onClick: e => this.handleSearch(e), class: "search" }, h("span", { key: 'a403419fe53c5a8f1271826f35c2061ca6a88328', innerHTML: SearchIcon }), "Search")));
+        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")));
     }
     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: '1f3dba2661771f24f6a9a416b040b84d48f0356b' }, "\u00A0");
+        return h("div", { key: '476b2a3baba29b498e5d91a9866f8e1f5070b8c3' }, "\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: '190e18d69d6e891867c4c02d0e9053607b372b1f', class: "input-field" }, h("label", { key: '32a613ab516b76a45ecf5cdd61874a079fb05f07' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: 'd5347e5bca7dd01d0a9b71817028b0303753cf97', 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: '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)))))));
     }
     static get style() { return VerdocsSelectInputStyle0; }
 }, [0, "verdocs-select-input", {