@verdocs/web-sdk 4.1.2 → 4.1.4

package/dist/cjs/verdocs-auth.cjs.entry.js

@@ -151,18 +151,18 @@ const VerdocsAuth = class {
     loginAndCheckVerification() {
         this.submitting = true;
         this.accessTokenForVerification = null;
-        jsSdk.authenticateUser(this.endpoint, { username: this.username, password: this.password })
+        jsSdk.authenticate(this.endpoint, { username: this.username, password: this.password, grant_type: 'password' })
             .then(r => {
             var _a;
             this.cancelRecheckTimer();
             this.submitting = false;
-            const body = jsSdk.decodeAccessTokenBody(r.accessToken);
+            const body = jsSdk.decodeAccessTokenBody(r.access_token);
             console.log('[AUTH] Got access token body', body);
             if (body === null || body === void 0 ? void 0 : body.email_verified) {
                 console.log('[AUTH] Email address is verified, completing login');
                 this.displayMode = 'login'; // After signing out, this will be the next mode
                 this.accessTokenForVerification = null;
-                this.endpoint.setToken(r.accessToken);
+                this.endpoint.setToken(r.access_token);
                 this.activeSession = this.endpoint.session;
                 this.isAuthenticated = true;
                 (_a = this.authenticated) === null || _a === void 0 ? void 0 : _a.emit({ authenticated: true, session: this.endpoint.session });
@@ -170,7 +170,7 @@ const VerdocsAuth = class {
             else {
                 console.log('[AUTH] Logged in, pending email address verification');
                 this.displayMode = 'verify';
-                this.accessTokenForVerification = r.accessToken;
+                this.accessTokenForVerification = r.access_token;
                 this.recheckTimer = setTimeout(() => this.loginAndCheckVerification(), RECHECK_INTERVAL);
             }
         })

package/dist/cjs/verdocs-button-panel.cjs.entry.js

@@ -70,10 +70,10 @@ const VerdocsButtonPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '37ce9f8d7615e703a4a41396d1bba667f25adb97' }, index.h("div", { key: 'a9f1795df2e640d053361325b2096fdba15f2b1d', class: "icon", innerHTML: this.icon, onClick: (e) => {
+        return (index.h(index.Host, { key: '997291ad3f463fff0932490fdab478345757b2e4' }, index.h("div", { key: '02c1929038bcf9f9d3b433b95f9badcfbc3d6a48', class: "icon", innerHTML: this.icon, onClick: (e) => {
                 e.stopPropagation();
                 return this.toggle();
-            }, ref: el => (this.iconEl = el) }), index.h("div", { key: 'fa63de96387644fab4ef5e6047a0687edaec52cc', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, index.h("div", { key: '8224a9993d6acca9c0ccfbd4ace02eda803c41bf', "data-popper-arrow": "true", class: "arrow" }), index.h("slot", { key: '3f3d910f4779e90dd5dd4b8b9c553ee09edc3625' }))));
+            }, ref: el => (this.iconEl = el) }), index.h("div", { key: '6c89badb41660bbe7b826b0f2758c8a6f7525b78', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, index.h("div", { key: '069ae9f31df8fdb08d4cdf37526f22494a4108f8', "data-popper-arrow": "true", class: "arrow" }), index.h("slot", { key: 'fc5af74e822ca9e0c4c2620585c66e1dcda8f237' }))));
     }
 };
 VerdocsButtonPanel.style = VerdocsButtonPanelStyle0;

package/dist/cjs/verdocs-button_3.cjs.entry.js

@@ -21,7 +21,7 @@ const VerdocsButton = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("button", { key: '822e0773075831cc4ab6a0c5a9fd3fc89c4cef43', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? index.h("span", { class: "icon start", innerHTML: this.startIcon }) : null, index.h("span", { key: '8ef9ac40620d885dd37fc776929224ea2e6cf596', class: "button-label" }, this.label), this.endIcon ? index.h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
+        return (index.h("button", { key: '5c9a79a82b7dab63acc557febfd7c9b143cafb2d', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? index.h("span", { class: "icon start", innerHTML: this.startIcon }) : null, index.h("span", { key: 'e57d793fad07ccccf2e15d3f1f01edaab971691c', class: "button-label" }, this.label), this.endIcon ? index.h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
     }
 };
 VerdocsButton.style = VerdocsButtonStyle0;
@@ -59,7 +59,7 @@ const VerdocsHelpIcon = class {
         (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
     }
     render() {
-        return (index.h(index.Host, { key: '85c73981ae3001eed65f75f7b3f7ac6236ec6468', class: {} }, index.h("div", { key: 'f7e1f58bef884fe6f1366b99c527c3e3e9df8052', "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) }), index.h("div", { key: '596faf9cc53b66c22c4cb498adf8bdf21eadf734', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, index.h("span", { key: '464b824ea27eb3a50b63c09b30e856d329784da4', innerHTML: this.text }), index.h("div", { key: '3a870ec5b129fbaa0350ddea76a255aa0aee1c16', "data-popper-arrow": "true", class: "arrow" }))));
+        return (index.h(index.Host, { key: '5a9b1c6fe8b5d180f14d2335950b23a7ff0d0c90', class: {} }, index.h("div", { key: '6e69978780529072f292c5a3d89c2cb7be0d6c8f', "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) }), index.h("div", { key: '19316d99b359b9ec20c46c4ecbe72be3b231d498', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, index.h("span", { key: 'ac871b0bfa55e880272c62b957495096103ef55e', innerHTML: this.text }), index.h("div", { key: 'b17216877657c25dd062d51d7a2c813d9d59972b', "data-popper-arrow": "true", class: "arrow" }))));
     }
 };
 VerdocsHelpIcon.style = VerdocsHelpIconStyle0;
@@ -91,7 +91,7 @@ const VerdocsTextInput = class {
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (index.h(index.Host, { key: '5bc396cdd768637ac69a21dcb672a53809b979ed', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, index.h("label", { key: '6294f9b41603ce31f561aeb2940fe764f1e3b573' }, this.label && (index.h("div", { key: '593198e43df84cc8f57b950bfaeab7defd4b8a15', class: "input-label" }, this.label + ':', this.required && index.h("span", { key: 'aad606689352175230d4644884e2a9d8ff2726f1', class: "required" }, "*"))), index.h("div", { key: '238b830122b5278da983330b87cd84fdd7627297', class: "input-container" }, index.h("input", { key: 'af8888c6146e5f617e3121aa6bbb5f56846521dc', type: this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (index.h("span", { key: 'd51ff8c5760437916d45514fe38832bd70a0ddb6', innerHTML: ClearIcon, class: "clear", onClick: () => {
+        return (index.h(index.Host, { key: '7cb63a97bff0475aa8ac8afa3d751f61832871af', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, index.h("label", { key: '2cd35c0ef2712ad23fadc773366da49e854123f5' }, this.label && (index.h("div", { key: '2c5ef0f38034fbff29a4c0565e15fe3be7ffbef7', class: "input-label" }, this.label + ':', this.required && index.h("span", { key: 'e03549b0ce0e090d9874b613bf5be0c6ea02a55a', class: "required" }, "*"))), index.h("div", { key: '5ea0c16f4207d76ccb7ffbad1298f1a1a31ee5a4', class: "input-container" }, index.h("input", { key: '806f951f542523b3c3e2b23c2f3ff9db36da2708', type: this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (index.h("span", { key: '38a2a56b2856f2a58f11109e4a2bf7b5155423b5', 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(() => {
@@ -105,7 +105,7 @@ const VerdocsTextInput = class {
                         (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
                     }, 50);
                 }, 50);
-            } })), !this.clearable && this.copyable && this.value && index.h("span", { key: 'e05ce0fb15f2ed2358edcbdfe1c5de77238311a8', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && index.h("verdocs-help-icon", { key: 'b9d0e50d517e04e37636dd4d85e6e4409266b1e2', text: this.helpText }))));
+            } })), !this.clearable && this.copyable && this.value && index.h("span", { key: 'ccc030e4bb60af0325a20f61e4f51a6be53b9d9b', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && index.h("verdocs-help-icon", { key: '7134f63ca288289f7242da64fca5d6a0088dafca', text: this.helpText }))));
     }
     get hostEl() { return index.getElement(this); }
 };

package/dist/cjs/verdocs-checkbox_3.cjs.entry.js

@@ -25,7 +25,7 @@ const VerdocsCheckbox = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'cddf35bef85cc89a90ac6e724e1953cbad96753b', class: { disabled: this.disabled, [this.theme]: true } }, index.h("label", { key: '0d5466a742992b5bf88b6931276f941015254afa' }, index.h("input", { key: '6fed5b64b0095d8977581e6d30b412fa9622b5ff', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), index.h("span", { key: '6e56f6f607c883e5eb6a7eabe4de64a98878b101' }, this.label))));
+        return (index.h(index.Host, { key: '02a992ff0c9365a18637ccd7b0acc34a16c95b0e', class: { disabled: this.disabled, [this.theme]: true } }, index.h("label", { key: '897f8d9d3f3365087a00ab0bb12b741c944a66a3' }, index.h("input", { key: '1e82031b5febc2cea4920e2c374a5f3cbff07889', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), index.h("span", { key: 'a5b8a8518301ce6866228d7a66029abdc802e092' }, this.label))));
     }
 };
 VerdocsCheckbox.style = VerdocsCheckboxStyle0;
@@ -42,7 +42,7 @@ const VerdocsSelectInput = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'f2a13ba2272aa0e1379ce935b8fa89329f1c657e', class: "input-field" }, index.h("label", { key: 'cdbbe67f3ade5be5e44ff16436091bce7c4a9732' }, this.label ? index.h("div", { class: "input-label" }, this.label + ':') : index.h("div", null), index.h("select", { key: '8c0404328b52edfb3d99416abb0dc2c53e20fb63', class: "input-element", disabled: this.disabled }, this.options.map(option => (index.h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
+        return (index.h(index.Host, { key: '49b233e1dcda5c8ffd51453654fa88bdec73bd82', class: "input-field" }, index.h("label", { key: '53ec0b8c1823a9e992c04e554bb33752ed676ad3' }, this.label ? index.h("div", { class: "input-label" }, this.label + ':') : index.h("div", null), index.h("select", { key: 'e7e0ef4dc4ab8aae9cc81d39010cfa335d37b291', class: "input-element", disabled: this.disabled }, this.options.map(option => (index.h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
     }
 };
 VerdocsSelectInput.style = VerdocsSelectInputStyle0;

package/dist/cjs/verdocs-component-error.cjs.entry.js

@@ -13,7 +13,7 @@ const VerdocsComponentError = class {
         this.message = '';
     }
     render() {
-        return (index.h(index.Host, { key: '24ef80b6da0d6be6cef8fc877f0d8f6c758870dd' }, index.h("div", { key: '869e285731c0531dbb1032d5bcb6ae851ae97289', class: "inner" }, this.message)));
+        return (index.h(index.Host, { key: '572b854146e540ecb3fecdab0abe7a89bdc5f6e5' }, index.h("div", { key: 'b531eabc052b083f9a99b20d57df4dc0992a1ef0', class: "inner" }, this.message)));
     }
 };
 VerdocsComponentError.style = VerdocsComponentErrorStyle0;

package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js

@@ -12,7 +12,8 @@ const verdocsContactPickerCss = "@-webkit-keyframes verdocs-field-pulse{0%{backg
 const VerdocsContactPickerStyle0 = verdocsContactPickerCss;
 
 const messageIcon = '<svg focusable="false" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg>';
-const delegateIcon = '<svg focusable="false" viewBox="0 0 24 24"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z"></path></svg>';
+// const delegateIcon =
+//   '<svg focusable="false" viewBox="0 0 24 24"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z"></path></svg>';
 const kbaIcon = '<svg focusable="false" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4.5 3.75a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V6.75a3 3 0 0 0-3-3h-15Zm4.125 3a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Zm-3.873 8.703a4.126 4.126 0 0 1 7.746 0 .75.75 0 0 1-.351.92 7.47 7.47 0 0 1-3.522.877 7.47 7.47 0 0 1-3.522-.877.75.75 0 0 1-.351-.92ZM15 8.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15ZM14.25 12a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15Z" clip-rule="evenodd" /></svg>';
 const placeholderIcon = '<svg focusable="false" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z"></path></svg>';
 const VerdocsContactPicker = class {
@@ -94,29 +95,26 @@ const VerdocsContactPicker = class {
     // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them
     // and show a duplicate autocomplete picker on top of our own.
     render() {
-        return (index.h("form", { key: 'b4c1d548719a9e43b09e9632078efecf461728fd', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: '010bfa4a4802cdf165f4a837d52143296eeb9615', class: "row" }, index.h("label", { key: 'baadc6a3159a5e9fe58c91d944269fa5f2319fc5', htmlFor: this.nameFieldId }, "Name:"), index.h("input", { key: 'e570c3218970843b9acfb276349a7b9b2cc0d4fc', id: this.nameFieldId, name: this.nameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.name, placeholder: "Recipient Name...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); },
+        return (index.h("form", { key: 'd5f351153f58ec275d6bc7225db6aee53a5c54e6', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: '960ec06a72d7b14c6ad4609ccba90639b746e93e', class: "row" }, index.h("label", { key: '0ab66bf6689aa26132718cf673d7275708945ae4', htmlFor: this.nameFieldId }, "Name:"), index.h("input", { key: '25e2406d5b1ad78ada9c999fdefd3c16bccb60eb', id: this.nameFieldId, name: this.nameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.name, placeholder: "Recipient Name...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); },
             // onBlur={() => (this.showSuggestions = false)}
-            onInput: e => this.handleNameChange(e) }), this.showSuggestions && (index.h("div", { key: 'a99e1d83a4292c1f7d978529526f49622ab8a18e', class: "dropdown" }, this.contactSuggestions.map(suggestion => {
+            onInput: e => this.handleNameChange(e) }), this.showSuggestions && (index.h("div", { key: 'ec9dfb86c52a462005b00d857f2f945b6a5861a8', class: "dropdown" }, this.contactSuggestions.map(suggestion => {
             var _a;
             return (index.h("div", { key: (_a = suggestion.id) !== null && _a !== void 0 ? _a : suggestion.name, class: "suggestion", onClick: e => this.handleSelectSuggestion(e, suggestion) }, suggestion.avatar ? index.h("img", { alt: "Avatar", class: "avatar", src: suggestion.avatar }) : index.h("div", { class: "avatar", innerHTML: placeholderIcon }), index.h("div", { class: "details" }, index.h("div", { class: "name" }, suggestion.name), suggestion.email && index.h("div", { class: "destination" }, suggestion.email), suggestion.phone && index.h("div", { class: "destination" }, suggestion.phone))));
-        })))), index.h("div", { key: 'c1973698147b613df52fa2b8895fb6f7c6eda1e5', class: "row" }, index.h("label", { key: 'd9211e7aa931b9e270746be2e3a983e346d14f35', htmlFor: this.emailFieldId }, "Email:"), index.h("input", { key: '4e6e978b03cb2bb7f642ef9472ccb8914021561b', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Email Address...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleEmailChange(e) })), index.h("div", { key: '79fd52114dc907678d3f97fcf50502401c7c7cc6', class: "row" }, index.h("label", { key: '5f044851b4fd341162ac27308a53ef3ae9f87d9e', htmlFor: this.phoneFieldId }, "Phone:"), index.h("input", { key: '6b9e582317bf57617f3ef03771dc208d7a85d20a', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone Number...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handlePhoneChange(e) })), this.showKba && (index.h("div", { key: 'ee0a3a7bb56ad26f9c6bfad38b1575999b6b1f1a', class: "row" }, index.h("div", { key: '7aaa78abd9f934b59862e94c6c657cbccc0ec587', class: "label-with-icon" }, index.h("label", { key: '3b5625726464e64f2a2089828f8efed86d3e6fac' }, "KBA:"), index.h("verdocs-help-icon", { key: 'e3ae8688cb0a3ee0f5673de35de911930b5c1264', text: "Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature." })), index.h("verdocs-select-input", { key: '25f9fe8483ce98ba0984edbe40ea71432bfa0803', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
+        })))), index.h("div", { key: 'e8f2ee3647ffc37a31cb4f1d8a043183ce608268', class: "row" }, index.h("label", { key: '99840da172556066187691124358fd64c19c466d', htmlFor: this.emailFieldId }, "Email:"), index.h("input", { key: 'bba477caa2c14def36cf90f66bc164d58ccae999', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Email Address...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleEmailChange(e) })), index.h("div", { key: 'a3e045ec2fe78e1662c389c2fdb742165e67cbfd', class: "row" }, index.h("label", { key: '19257fb97c8b0163c7d3882130bb298388c57901', htmlFor: this.phoneFieldId }, "Phone:"), index.h("input", { key: 'ae3bbc51bed7039b716153675e3036abdf161382', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone Number...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handlePhoneChange(e) })), this.showKba && (index.h("div", { key: 'b05e51e9e9f1abb359113bea8cbc1c61c2979dbc', class: "row" }, index.h("div", { key: 'a905229b77e8b7941586834d4f942530d0b3d254', class: "label-with-icon" }, index.h("label", { key: 'b438b090c40ef5cd4c6550cd3cd57c676ab49061' }, "KBA:"), index.h("verdocs-help-icon", { key: '72fd391e008444b1f55c99833cc6f6e13670f199', text: "Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature." })), index.h("verdocs-select-input", { key: '8af56bf9b367faaec0777d4f0d555f9a0f1f4145', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
                 { label: 'None', value: '' },
                 { label: 'PIN Code', value: 'pin' },
                 { label: 'Full Verification', value: 'kba' },
-            ] }), this.kbaMethod === 'pin' && (index.h("input", { key: 'c73d9196e00f0d8e2ef2372b4c7eec6521e1a8c4', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.pinCode, placeholder: "KBA PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) })))), this.showMessage && (index.h("div", { key: '8501cd90265ade56a8491226b3fe4f6fd27cab96', class: "row" }, index.h("label", { key: 'ed86374d406062b31923a3b70dd8a65454b147e2', htmlFor: "verdocs-contact-picker-message" }, "Message:"), index.h("input", { key: 'f8c01b1dc7ee18729db4578b490e4e6caeaba006', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Invitation Message...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) }))), index.h("div", { key: '127c1bae45f6b5e01bb6ea7304c543550cb87074', class: "buttons" }, index.h("verdocs-toggle-button", { key: '7c1fc2e0955cd33d5e8b9778a104120685b9cafd', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
+            ] }), this.kbaMethod === 'pin' && (index.h("input", { key: '504c018a9c8ad9087ddd6b253b794c493bb16686', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.pinCode, placeholder: "KBA PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) })))), this.showMessage && (index.h("div", { key: '0506d342d5fcbdc812498ffbf19bcd9bd2d1abca', class: "row" }, index.h("label", { key: 'e62684bc9178188fed71eb77954b186511a0c29d', htmlFor: "verdocs-contact-picker-message" }, "Message:"), index.h("input", { key: 'b9638d6435b7d0dc8815f20e42c2b5498ab308a0', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Invitation Message...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) }))), index.h("div", { key: 'efc4e30feb9b3c58cc39e85725a6b780d424ca6e', class: "buttons" }, index.h("verdocs-toggle-button", { key: '6146346933119b33a1cd494e21e0d1a0195378cc', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
                 this.showKba = e.detail.active;
                 if (!e.detail.active) {
                     this.pinCode = '';
                     this.kbaMethod = '';
                 }
                 this.showSuggestions = false;
-            } }), index.h("verdocs-toggle-button", { key: '60d536d5c030075158d2f237251cdc9045a7c7e6', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
+            } }), index.h("verdocs-toggle-button", { key: 'ba3139369cb582ec7ca246f4ad08a58998eca1eb', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
                 this.showMessage = e.detail.active;
                 this.showSuggestions = false;
-            } }), index.h("verdocs-toggle-button", { key: '6d634b2fc96412b136fa55074349f85ad2ae0a99', icon: delegateIcon, size: "small", active: this.delegator, onToggle: e => {
-                this.delegator = e.detail.active;
-                this.showSuggestions = false;
-            } }), index.h("div", { key: 'c798509d79008ba083e028ad4ca78170ac7659d3', class: "flex-fill" }), index.h("verdocs-button", { key: '4f0355a6ebae37fa80d451918e1572a9fe900861', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: 'ec6df05fb07868162f6d641e6b7a7d1dc80e5e5d', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
+            } }), index.h("div", { key: '52ab10bc5857dc55244d064c20a2d59eb67bca82', class: "flex-fill" }), index.h("verdocs-button", { key: '4eedb7f847d8004567c24f25c7efa2ae9d6da61b', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '4b4b461f150eaf575e4b22760388ecea92f7da54', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
     }
 };
 VerdocsContactPicker.style = VerdocsContactPickerStyle0;
@@ -145,7 +143,7 @@ const VerdocsToggleButton = class {
         (_a = this.toggle) === null || _a === void 0 ? void 0 : _a.emit({ active: newState });
     }
     render() {
-        return (index.h(index.Host, { key: '19b820fa8c54c87afebe8fbd24d70282eab6922c', class: `size-${this.size}` }, this.icon ? (index.h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (index.h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
+        return (index.h(index.Host, { key: '7c2621ca7573c6a555f20f5d45131e5cc38efd9d', class: `size-${this.size}` }, this.icon ? (index.h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (index.h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
     }
 };
 VerdocsToggleButton.style = VerdocsToggleButtonStyle0;

package/dist/cjs/verdocs-dialog_2.cjs.entry.js

@@ -21,7 +21,7 @@ const VerdocsDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '952c27946d1eb8552949ac29d9ffaa05222baaba' }, index.h("div", { key: '4721082da97c31ddb4e29b05922749b42ab38845', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '80e01d2ee87fd7ffbdd789068587d11ab4323644', class: "dialog" }, index.h("slot", { key: 'f55b17d75983192918a7c8b5b7df87ca22259b7b', name: "title" }, index.h("div", { key: '0ebb27bff2de5a06232e419cf9eeff67abddbb3a', class: "heading" }, "Please Confirm")), index.h("div", { key: 'c93aa214cf8f4c034611f1638dff493a9b2066e2', class: "content" }, index.h("slot", { key: '7473721bf10ed5dfe388e3d17aec8ee67a5e193f' }))))));
+        return (index.h(index.Host, { key: '36755b2afe8d54b73fc9e757739f4f29d54daa7d' }, index.h("div", { key: '5d7f45de64a2ec98457eb47db2724e60bc2dc4bf', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '60dc69f45a06b71b2839f8d79439095abee0a0cc', class: "dialog" }, index.h("slot", { key: 'c1c7235051a310d5b3778d3359025c944aa948f3', name: "title" }, index.h("div", { key: '18e82be4d6e4a188f1192ad9cd0f4a019c9d1f4a', class: "heading" }, "Please Confirm")), index.h("div", { key: '5a63854e08f8ed7861cdb8d00f5b022ebe3216e0', class: "content" }, index.h("slot", { key: '19933b8c75555e81f3cc701cd284e3ad66e0a5f6' }))))));
     }
 };
 VerdocsDialog.style = VerdocsDialogStyle0;
@@ -38,9 +38,9 @@ const VerdocsTable = class {
         this.data = [];
     }
     render() {
-        return (index.h(index.Host, { key: 'efe778730c2c95e24dffa2043e1b16e93a964612', class: "table-wrapper" }, index.h("table", { key: '18b29a87f943123886ce6191e8d2cfc4f2c76b85', class: "table" }, index.h("thead", { key: '5152847a22a948d8fa0abd8b4ecc5ecdd7014f50' }, index.h("tr", { key: 'db88562938a289ea701291926b6d221c62fcd78c', class: "row header-row" }, this.columns.map((col, i) => {
+        return (index.h(index.Host, { key: '30dc31671a4fe5fe698e16ff2dd4ea9929c7659b', class: "table-wrapper" }, index.h("table", { key: '584e1b863ccf37c17b0e36ac3dd5178d3e591473', class: "table" }, index.h("thead", { key: 'e54fccb7ad63ff09d32719b2b9ce2beceae33d4a' }, index.h("tr", { key: '1b435a6772c21795c5c7bd0dddb5a8225add0e55', class: "row header-row" }, this.columns.map((col, i) => {
             return (index.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 }));
-        }))), index.h("tbody", { key: 'f8fd817f153e1e1067bebed5ca5b3ee40590e1eb' }, this.data.map(row => (index.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) => {
+        }))), index.h("tbody", { key: '75dd1db03c8ea79b186939b5dab16a800371c3db' }, this.data.map(row => (index.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 ? (index.h("td", { class: `col data-col col-${i} col-${col.id}`, innerHTML: col.renderCell(col, row) })) : (index.h("td", { class: `col data-col col-${i} col-${col.id}` }, row[col.id]));
         }))))))));
     }

package/dist/cjs/verdocs-dropdown.cjs.entry.js

@@ -91,7 +91,7 @@ const VerdocsDropdown = class {
         (_a = document.getElementById(MENU_ID)) === null || _a === void 0 ? void 0 : _a.remove();
     }
     render() {
-        return (index.h(index.Host, { key: '747b2358b38f0f0290936973c4aaf2ec08a1a846' }, index.h("button", { key: '733cdd06681a5324c4598d2a11e93b78e7ade53b', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
+        return (index.h(index.Host, { key: '3a0ecbe96fffea8c916de9a657afd891dc95fa01' }, index.h("button", { key: 'bf194fdde69ec6a4e9edfa897eefe57daaa847d2', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
             // onBlur={() => this.hide()}
             ref: el => (this.dropdownButton = el) })));
     }

package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js

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

package/dist/cjs/verdocs-envelopes-list.cjs.entry.js

@@ -198,18 +198,18 @@ const VerdocsEnvelopesList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '6edaa0dc845957fdc3c41c5b12769acbec99e5ef' }, index.h("div", { key: 'd8bfa9ca32548c14f58f8de9e07f74f56b59bcf5', class: "header" }, index.h("div", { key: '77c565abd59956f38530c62f206be1c32e19ac62', class: "filter" }, index.h("verdocs-text-input", { key: 'c723b51faa1634f944d2034342038b5748515c36', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (index.h(index.Host, { key: 'dc7b00a8fb7eeb71c983325ede83b63f59055dca' }, index.h("div", { key: 'b94a5803e6b71287712187da55a692b16df7b28d', class: "header" }, index.h("div", { key: '8a2bf842e2228bd656a7b95649cfa6718e6ae4ac', class: "filter" }, index.h("verdocs-text-input", { key: 'be667e1bcf8b970a07b082e046e40e4845bae8a2', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
                 var _a;
                 // We don't locally filter envelopes because there are too many fields to match against efficiently.
                 this.match = e.target.value.trim();
                 (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
-            } })), index.h("verdocs-quick-filter", { key: 'd09efd430424bbf73065c159a1ddae88906943c7', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), index.h("verdocs-quick-filter", { key: '6e0751d3346724fd4c6c5ab14512a7781b86edca', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (index.h("verdocs-quick-filter", { key: 'ede4a4258b0c7fbe48ab89a8d97f092dad407cf4', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '1fff3b20184fd337cb4b41c2030fa57606d5d472', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (index.h("verdocs-quick-filter", { key: 'e904efda70b7a06111a877ccfd35f5f8addda438', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '17a47f0fe0ad0c2061129e0caa6741e1466c3af1', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && index.h("verdocs-spinner", { key: '69b2b8fab8cd3e24c6d42c0f0232478da387c537', mode: "dark", size: 24 }), index.h("div", { key: '2dab430f1de35a2c969f9a86e999a01b97685165', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && index.h("verdocs-button", { key: 'dc829e57afc61fcef27f21d55b1241dcfa148bc0', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && index.h("verdocs-spinner", { key: 'bf96b6915c725de14da19ea79206219b170eda93', mode: "dark", size: 24 }), index.h("div", { key: 'f3ced11fb5966f27580669f0b43fbd9a0f5b9962', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && index.h("verdocs-button", { key: 'c332bbdd0ae983de2986c7a293dad17e237ac12b', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = jsSdk.getRecipientsWithActions(envelope);
             const userCanCancel = jsSdk.userCanCancelEnvelope(this.endpoint.session, envelope);
@@ -250,7 +250,7 @@ const VerdocsEnvelopesList = class {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (index.h("div", { key: 'fbb26beda8dbe6eade806f9440281c04c1fc94c3', style: { width: '100%' } }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && index.h("div", { key: '406dda17fe96ef1494cd5ee17399098f7a322134', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (index.h("div", { key: '1889eb439c9609c7613b492c00c6112e73b6d002', style: { width: '100%' } }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && index.h("div", { key: 'd4d313478b655dfe7d1d9463fef912557675245a', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (index.h("div", null))));
     }

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

@@ -1166,7 +1166,7 @@ const VerdocsInitialDialog = class {
     }
      */
     render() {
-        return (index.h(index.Host, { key: '9006cdf73a61c1d98c81bdebbdf18f4b556ddeb9', onClick: e => this.handleCancel(e) }, index.h("div", { key: 'cbd4bb1d98fd49e3874ddbd747c7cee69cb5c39e', class: "dialog" }, index.h("div", { key: 'c751dcfa414370fd1eb9adc8eb8e9b22af8383ae', class: "heading" }, "Create Your Initial"), index.h("div", { key: '3bf621f90c954b626c90925b50b65a08b2a5bf37', class: "content" }, index.h("verdocs-text-input", { key: 'f66fa605b16228d389231908825483594e3872bf', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), index.h("div", { key: '42b8206f41b9acf5220d3b132fc1ab8f038a1522', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: '64c1da383cc7f6fc6d34af5bcced3caa623eae02', 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."), index.h("div", { key: '0c8621ee304a5819607612ceeae0276a8a3f84dd', class: "buttons" }, index.h("verdocs-button", { key: '84b4ea8e03a58be3719d6e5c54227db2538a1753', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '64a5480d9b29fbb1d17c5735259f486693dc6cea', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
+        return (index.h(index.Host, { key: '7eec6b1f0150606d91e97dd7ab878c488e4a3fe8', onClick: e => this.handleCancel(e) }, index.h("div", { key: 'f6378500a241abe55891596d894b192246f6c1ae', class: "dialog" }, index.h("div", { key: 'b8a74c68a337e822dd7ea07103503c454c0fcd76', class: "heading" }, "Create Your Initial"), index.h("div", { key: '23896eba5a4e67d55983fc17d5b99044480335a5', class: "content" }, index.h("verdocs-text-input", { key: '2efc57b8741bc9ba55599cbc4ab9a4d7502963ce', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), index.h("div", { key: 'e1d0405f8c9165751581bf258ae1b8182c695f0f', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: '371bc835ff340b2028d73f3fad6f7e1fc7c75590', 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."), index.h("div", { key: '68c6eca836f3af672a9de3e5941d8e2fa47016ab', class: "buttons" }, index.h("verdocs-button", { key: '0eeea8792c00cc9c2688369668cc589d213ced2a', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '13cb5e5ea48428ae462c8fc730f3c3857e4a8606', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsInitialDialog.style = VerdocsInitialDialogStyle0;
@@ -1387,7 +1387,7 @@ const VerdocsSignatureDialog = class {
     }
      */
     render() {
-        return (index.h(index.Host, { key: '88ef514634fef3e3773f13efeeb2b22cbaf9ff0a', onClick: e => this.handleCancel(e) }, index.h("div", { key: '31369669f68670330cb2f54ec9be44ff6100ac83', class: "dialog" }, index.h("div", { key: 'd161b9a0e0945cda909eabbd0404448a03e29198', class: "heading" }, "Create Your Signature"), index.h("div", { key: '9777dd4289072f0be511bb1ec828ed540011e6be', class: "content" }, index.h("verdocs-text-input", { key: 'afed3547dd47d4883ac84d83d4d05eca9a30d5a2', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), index.h("div", { key: '728f24c1a88a395f940df350169ed6ba628d2685', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: 'abafa624e941b6f6e758fbd75ddd7e0044a377dc', 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."), index.h("div", { key: 'fbcc0705c21b7ed206222a9b7382a5562ee7f83d', class: "buttons" }, index.h("verdocs-button", { key: '5f921b4dfc7df16867071b117a9b055a8aeee8da', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: 'dbf88043b9deedb378181bf48d7a04428a32e653', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (index.h(index.Host, { key: '484c9dd45938249dec11b3737ec5f4f81e0c1018', onClick: e => this.handleCancel(e) }, index.h("div", { key: '802c56e71f3b25e18581265812682d7617611047', class: "dialog" }, index.h("div", { key: 'b187c0852311a9ff4d42243323f03ab216779fc2', class: "heading" }, "Create Your Signature"), index.h("div", { key: 'ab915df13a7834992898922b78a9dc324f7e5a8e', class: "content" }, index.h("verdocs-text-input", { key: 'b12797746973ef39c103ef4692376dfcd2f5eff8', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), index.h("div", { key: 'febbc6f570da45532f9dec1ddfc2702bc99ed0f1', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: '59b8763fa22f95ad6fb8b8652467664a4dd89d68', 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."), index.h("div", { key: '7a05bba29d36d06e36baea8c01af55d397e8a350', class: "buttons" }, index.h("verdocs-button", { key: '8d04a90bd209a5f3dcae6036176492984731eeb7', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '2898cc2f5ab93c39f41efa905213de7a90599d89', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsSignatureDialog.style = VerdocsSignatureDialogStyle0;
@@ -1462,7 +1462,7 @@ const VerdocsUploadDialog = class {
         this.decodedFiles = await Promise.all(droppedFiles.map(jsSdk.fileToDataUrl));
     }
     render() {
-        return (index.h(index.Host, { key: '00cddffd15d81c343c9f23ca79a26fd7b7c607ec' }, index.h("div", { key: '30308c5289e2bed777fb8d3bcbbfa4c5da71f967', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '667874e38d9b7c4be180e6097205c829e7bc497c', class: "dialog" }, index.h("div", { key: '25f97a72a7541feecf123a2c7a202024220c8a19', class: "heading" }, "Upload attachment"), this.decodedFiles.length < 1 ? (index.h("div", { class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, index.h("p", null, "Drag and drop a file here..."), index.h("p", null, "- or -"), index.h("verdocs-button", { label: "Select a file...", onClick: () => this.handleSelectFile() }), index.h("input", { type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))) : (index.h("div", { class: "attachments" }, this.decodedFiles.map((file, index$1) => (index.h("div", { class: "attachment" }, index.h("div", { class: "icon", innerHTML: PaperclipIcon }), index.h("div", { class: "name" }, file.name), index.h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index$1) })))))), index.h("div", { key: 'a5fa38c5fdba79aef2f52b01a264ac9552190c78', class: "buttons" }, index.h("verdocs-button", { key: '07978b71c5a0293beca4eefebf3b7b280be914f8', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: 'c16e03120a392673aa656e7d6c6dfec599127f36', label: "Done", onClick: () => this.handleDone(), disabled: this.decodedFiles.length < 1 }))))));
+        return (index.h(index.Host, { key: '5b2d4d6547fa25dbbd39be0a9db849ad40b7408a' }, index.h("div", { key: '46af2a34d31d714b448dc1ceb0396d6ed2a5e3d0', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '27d33a62e04d1c1cf984d244a573b508d595e809', class: "dialog" }, index.h("div", { key: '254aee4dc50acdcd42cf1acc14176608bf9e716d', class: "heading" }, "Upload attachment"), this.decodedFiles.length < 1 ? (index.h("div", { class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, index.h("p", null, "Drag and drop a file here..."), index.h("p", null, "- or -"), index.h("verdocs-button", { label: "Select a file...", onClick: () => this.handleSelectFile() }), index.h("input", { type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))) : (index.h("div", { class: "attachments" }, this.decodedFiles.map((file, index$1) => (index.h("div", { class: "attachment" }, index.h("div", { class: "icon", innerHTML: PaperclipIcon }), index.h("div", { class: "name" }, file.name), index.h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index$1) })))))), index.h("div", { key: '0cef592886c019f0a0ae424fc568d7f72bd81f35', class: "buttons" }, index.h("verdocs-button", { key: '17f4109851edc11917a46ea63f34bfe578bc4d02', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: 'c6983bd1411e3e081d6667ab4ca8f4e6892565d6', label: "Done", onClick: () => this.handleDone(), disabled: this.decodedFiles.length < 1 }))))));
     }
 };
 VerdocsUploadDialog.style = VerdocsUploadDialogStyle0;

package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js

@@ -31,7 +31,7 @@ const VerdocsFileChooser = class {
     }
     render() {
         const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
-        return (index.h(index.Host, { key: '501a0427992593169d853a8733d518a107dee390' }, index.h("input", { key: '7f5c18d4b35bfc90f82424ca0e9796076962a24f', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), index.h("div", { key: 'f534098c145b668763b59e4a0b69e644e4889006', class: "upload-box" }, index.h("div", { key: 'a080ece65752c1ee1e6faac36558b452d5204500', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), index.h("div", { key: 'cfa61e426da03bf930fefc41a1bcff3cdc8fd04a', class: "or-prefer" }, this.file ? Icons.unicodeNBSP : 'Or, if you prefer...'), index.h("verdocs-button", { key: '3683238282627a6e48e8666ba085bb40cfd2cd7c', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (index.h(index.Host, { key: 'c5a0f7286477e1abb1e9211fa44317b1e10fbad7' }, index.h("input", { key: '26a1aec574872d2dd3406c54c434503c3b81ff6a', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), index.h("div", { key: 'e470dcabda5905509ee5c14a57c2a91585f0ce90', class: "upload-box" }, index.h("div", { key: 'faf9f0babd52c256126a9a49a0a7c3ad3b293257', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), index.h("div", { key: '8c4d46193b78c39e1ebdf82e4d9748991d87f415', class: "or-prefer" }, this.file ? Icons.unicodeNBSP : 'Or, if you prefer...'), index.h("verdocs-button", { key: 'e9616e665a5b3c9e4d04055993e1bbcae66d8322', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
     }
 };
 VerdocsFileChooser.style = VerdocsFileChooserStyle0;
@@ -49,7 +49,7 @@ const VerdocsProgressBar = class {
     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 (index.h(index.Host, { key: '7a7c98f373c3d1bd1f064d4e8802862fd42bca03' }, index.h("div", { key: '82117f7d403c8bb16cf8edc1a9b3de2eb0a35330', class: "labels" }, this.label && index.h("div", { key: '90aa3cefdf193d5ebf599c4c93abe1799c979db7', class: "label" }, this.label), this.showPercent && index.h("div", { key: '5fb5fe56f744a28963d98ad9990919f62a0092f5', class: "label" }, this.percent, "%")), index.h("div", { key: 'f91d4fd40eaef38f3a75f721b9de3be764c7c46b', class: "bar" }, index.h("div", { key: '2ecc62850384403a42338d98f4a03c40d717c59a', class: "slider", style: { width: `${widthPercent}%` } }))));
+        return (index.h(index.Host, { key: '8b1b66e6fea674c6dbd31ae8de842ad07a411118' }, index.h("div", { key: '384af4301fbe9f8668688551f60da9ea5175f5a9', class: "labels" }, this.label && index.h("div", { key: 'af1578e6c2e5c9993613b43a24416bfd62f7da3d', class: "label" }, this.label), this.showPercent && index.h("div", { key: '174b1e878eec204af82dba5f60bab3699e3ba435', class: "label" }, this.percent, "%")), index.h("div", { key: 'c9c0a875d37ec0de10184143e4239ede8d7d208c', class: "bar" }, index.h("div", { key: '9e2f3c25d5cb38b5eedf77010b05a393c74fd07e', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
 };
 VerdocsProgressBar.style = VerdocsProgressBarStyle0;

package/dist/cjs/verdocs-kba-dialog.cjs.entry.js

@@ -37,9 +37,9 @@ const VerdocsKbaDialog = class {
         this.next.emit(this.response);
     }
     render() {
-        return (index.h(index.Host, { key: 'c82a5d8b5257732255861a67a51ed6a0b2675b77' }, index.h("div", { key: 'c102ab713567ed43cef7c344df8a0936274b6f6e', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'e932de4a3ca2402a965744ab02f9d6c3b8f86645', class: "dialog" }, index.h("div", { key: '569f5420ada83b65ecc93147aed387086f659b34', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (index.h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (index.h(index.Fragment, null))), index.h("div", { key: '2ffd440933f4e7c44a72eab3fdfd36f8e8a630c8', class: "help-box" }, index.h("div", { key: '79b7cba2e72d7fd7e576b1f965014e67759727e5', class: "help-icon", innerHTML: QuestionIcon }), index.h("div", { key: '5ccf156e49de25f88804641ab4b67536838f2876', class: "help-details" }, index.h("div", { key: '857feb344fd1ba7fdabda6c090e64b03ea1150bb', class: "help-title" }, this.helptitle), index.h("div", { key: 'b0f0bde18492545dcb767a6a73b70fbebb497ecb', class: "help-text" }, this.helptext))), this.mode === 'choice' ? (index.h("div", { class: "choices" }, this.choices.map(choice => (index.h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => {
+        return (index.h(index.Host, { key: 'fe1da0f339b8b52e5dabd6100c7e88af2a40aaa5' }, index.h("div", { key: 'a91b16903154b73086a2b05e855a14fb54e9daeb', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'a187924ae061a868fa324b7778ced4ab95059f20', class: "dialog" }, index.h("div", { key: '5b2eb7ad87874b0949bfa4833f0b34618e8debab', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (index.h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (index.h(index.Fragment, null))), index.h("div", { key: 'e91d0ddb2ba76d9fd905bc45c5e08b6067f1510d', class: "help-box" }, index.h("div", { key: 'fd401dfde6c84732158b09dc40e66c084854cc91', class: "help-icon", innerHTML: QuestionIcon }), index.h("div", { key: 'bc76bb5cab3c4ce22b0fb6d0b78922faa4840d79', class: "help-details" }, index.h("div", { key: '350e0c2eabc1a8d7a6b00e16f6ebe64c13992af8', class: "help-title" }, this.helptitle), index.h("div", { key: '709eaa3289dd1d6dd47cc0069c3962bc84ac54ab', class: "help-text" }, this.helptext))), this.mode === 'choice' ? (index.h("div", { class: "choices" }, this.choices.map(choice => (index.h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => {
                 this.response = choice;
-            } }, choice))))) : (index.h("div", { class: "input" }, index.h("label", { htmlFor: "verdocs-kba-input" }, this.label), index.h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder }))), index.h("div", { key: 'b76320da31947aa982e3d93c766e395b4133d15f', class: "buttons" }, index.h("verdocs-button", { key: 'bc7c181fc05366341cc4c4e2e2f00749b5ac377e', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: 'dbd938075496f58916586ae1ab89290ab73d129a', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
+            } }, choice))))) : (index.h("div", { class: "input" }, index.h("label", { htmlFor: "verdocs-kba-input" }, this.label), index.h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder }))), index.h("div", { key: '043617294d39adf7d57d3c9f7b35945d77846992', class: "buttons" }, index.h("verdocs-button", { key: '1f290335efe194ccf702e7982c24ef05057f8c65', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: '32ffcbce091afa81e42e689fb6fa9a5e2b6e55a0', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
     }
 };
 VerdocsKbaDialog.style = VerdocsKbaDialogStyle0;

package/dist/cjs/verdocs-loader.cjs.entry.js

@@ -12,7 +12,7 @@ const VerdocsLoader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: 'd937a9cbfc21d5096d7040864b62b280c66ca994' });
+        return index.h(index.Host, { key: 'ed5515379a667ba9187a662d42ec3d96148f4536' });
     }
 };
 VerdocsLoader.style = VerdocsLoaderStyle0;

package/dist/cjs/verdocs-ok-dialog.cjs.entry.js

@@ -33,7 +33,7 @@ const VerdocsOkDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c1505d930741a4a0e1eb9a9832de8e55d09b207c', class: this.closed ? 'closed' : '' }, index.h("div", { key: 'f4c1ce92701f56a3b839bc49a0beb38665a65556', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '0fe99745209ca40287512f114122d1a0f0c4e597', class: "dialog" }, index.h("div", { key: '93deffa53c92913b65109f3c9826e61561f91c68', class: "heading" }, this.heading), index.h("div", { key: 'b0a64c6f2072655ce439d5008ecfe55651d48d8f', class: "content" }, index.h("div", { key: '3f89fd4b54dfa1c8437c2aa7dd21310827516004', class: "message", innerHTML: this.message }), index.h("div", { key: 'a86843d9915f72bcc00810c87f3311c77cf3b566', class: "buttons" }, this.showCancel ? index.h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : index.h("div", { style: { display: 'none' } }), index.h("verdocs-button", { key: 'd160170c8a58dde135ba4c5ae4dac35ac79c24a1', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (index.h(index.Host, { key: 'd2ce0064e0b09749b9f225f1405418086c3365d2', class: this.closed ? 'closed' : '' }, index.h("div", { key: '6213af949e4db70c91c95f8abe487a98485e30f5', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '92f1383ab36f1bdb5328db72131545a684e2d191', class: "dialog" }, index.h("div", { key: 'af910f27cb1bf60e7f9d2069871e7bcdccedfe7f', class: "heading" }, this.heading), index.h("div", { key: '3c860c87e175c9c1e7de44d619b7d17cc6481349', class: "content" }, index.h("div", { key: '7500b2971fd2ee1afd4f9e0f95a47b12b84d4510', class: "message", innerHTML: this.message }), index.h("div", { key: '5bd18b97c3c20a4f92f52c2a6a1ae9f99f455968', class: "buttons" }, this.showCancel ? index.h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : index.h("div", { style: { display: 'none' } }), index.h("verdocs-button", { key: '0ec7c657a00279162e8b51dd6141b07be8aedf79', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
 };
 VerdocsOkDialog.style = VerdocsOkDialogStyle0;

package/dist/cjs/verdocs-organization-card_2.cjs.entry.js

@@ -19293,7 +19293,7 @@ const VerdocsOrganizationCard = class {
         console.log('Rendering org card', this.organization.thumbnail_url, this.organization);
         const fallbackIcon = BusinessIcon;
         const portalId = `verdocs-org-card-${this.organization.id}`;
-        return (index$1.h(index$1.Host, { key: '66f8951a26e9d609f2988ddea15da056ba3d8d45', id: portalId }, this.organization.thumbnail_url ? index$1.h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : index$1.h("span", { class: "icon", innerHTML: fallbackIcon }), index$1.h("span", { key: 'a70fee0106bf1f74fa1e7a2b8fee074a3efb8825', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), index$1.h("verdocs-portal", { key: '7ce0f5e4e03e8c4917c63b156a66932b546dd074', anchor: portalId }, index$1.h("div", { key: 'f7d821664d642c90ef6b721b62add71c2fff0050', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (index$1.h("div", { class: "popup-header-with-logo" }, index$1.h("img", { src: this.organization.full_logo_url, alt: "Logo" }), index$1.h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (index$1.h("div", { class: "popup-header" }, index$1.h("span", { class: "status" }, index$1.h("span", { class: "icon", innerHTML: fallbackIcon })), index$1.h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), index$1.h("div", { key: '2d5feaaaf1d9772f69ded7329bf0b987ff039358', class: "popup-body" }, index$1.h("div", { key: 'cde3c3b9ca27ed8d6b679390bd0d1355e0df8c54', class: "field" }, index$1.h("strong", { key: '27cf928ec22fcbab95bdbec161a3fc9e939170b7' }, "Joined"), index.dateFns.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (index$1.h("div", { key: '124de4f60dae0d12b209004c71a8e1ad2964ba43', class: "field" }, index$1.h("strong", { key: '7940cbb7023281fa3b6ab4891ac2554fb78acb7a' }, "Website"), index$1.h("a", { key: '76b506a873b1683686dda0f12dd1e888a3c3e0c8', 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 (index$1.h(index$1.Host, { key: '984cc4f5ae5a5bd8be25812d23e2137b86b8cb53', id: portalId }, this.organization.thumbnail_url ? index$1.h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : index$1.h("span", { class: "icon", innerHTML: fallbackIcon }), index$1.h("span", { key: 'ef2b5647ef244a490b453ab4cfea637c817b6250', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), index$1.h("verdocs-portal", { key: 'be131ea49f16eda6400b7fae51c137b6c765ba1f', anchor: portalId }, index$1.h("div", { key: 'cf1f7f9c1bb9a9f2725ee610c5ad7d338e102948', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (index$1.h("div", { class: "popup-header-with-logo" }, index$1.h("img", { src: this.organization.full_logo_url, alt: "Logo" }), index$1.h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (index$1.h("div", { class: "popup-header" }, index$1.h("span", { class: "status" }, index$1.h("span", { class: "icon", innerHTML: fallbackIcon })), index$1.h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), index$1.h("div", { key: '1757748b560ed3ce222ff2ebff898c70898cc0e2', class: "popup-body" }, index$1.h("div", { key: '49fb111697b12303c2aa261dba15f68a316cc6e3', class: "field" }, index$1.h("strong", { key: 'e75239eec42a1bd06332f41ad4273c9f5cc33879' }, "Joined"), index.dateFns.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (index$1.h("div", { key: '6f2445fe7b9b283e9d13b77e5c45da8dfaeff54b', class: "field" }, index$1.h("strong", { key: '2742ec20318bbb3f2ba0d71aea75d3778aa82d6f' }, "Website"), index$1.h("a", { key: 'dac897696dabd8c46c26294846b08f64026150fc', 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))))))));
     }
 };
 VerdocsOrganizationCard.style = VerdocsOrganizationCardStyle0;
@@ -19365,7 +19365,7 @@ const VerdocsPortal = class {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'd7a5de03169b16ea234b95e2a4baaea3640fd9f6', ref: el => (this.element = el) }, index$1.h("slot", { key: 'f727915cc6ebab778406e53142b416ef8131b45c' })));
+        return (index$1.h(index$1.Host, { key: 'd92c3751ccd809986670dd9a7f47a5e6bbcec022', ref: el => (this.element = el) }, index$1.h("slot", { key: '50c70872a6bd88ea41d987b14c80731e0bb23e76' })));
     }
 };
 VerdocsPortal.style = VerdocsPortalStyle0;

package/dist/cjs/verdocs-pagination_2.cjs.entry.js

@@ -45,7 +45,7 @@ const VerdocsQuickFilter$1 = class {
         const firstPage = Math.max(0, this.selectedPage - 2);
         const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
         const pagesToDisplay = jsSdk.integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (index.h(index.Host, { key: '618d88a5b4dae883914e939ef05456b9d44f2df3' }, this.selectedPage > 0 && index.h(PageButton, { key: 'eaff39fe466f9219173b52222eaf87f9dcb41272', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: 'e37014eb7b3bad65cc940871c6fccc5e81cdb7bc', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (index.h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && index.h("div", { key: 'c5575814246a760a87d9453422fda25cac2951bf', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '80c7278265cb970457cb23c6ca6f34a6b4af1888', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (index.h(index.Host, { key: 'da7fa58179d4dfab9131ab65bfd801e3e8e4c4c8' }, this.selectedPage > 0 && index.h(PageButton, { key: 'ce00b9a669d7db36a2b788ff9d3a438eaae4d9e0', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: 'b72cbbc77a95104828e7a2d5439b1f73a8370316', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (index.h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && index.h("div", { key: 'a6fdc04b9a307c8240edf80b14a96c6b892055b1', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '843dcb794dfbb81a0909bea199591f64a6b0ff91', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     get el() { return index.getElement(this); }
 };
@@ -133,7 +133,7 @@ const VerdocsQuickFilter = class {
         const longestLabelWidth = utils.renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
         const prefixWidth = utils.renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
         const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
-        return (index.h(index.Host, { key: 'ccc8423ebae51aa9c9523ae8ddb547b5ff33e85c', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, index.h("div", { key: '51edc34e8ff8916c206413a2a0006733df65a6ee', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, index.h("div", { key: 'a58d23d6fb24512f2857b3f7b96fb1f29e3bb4da', class: "title", ref: el => (this.dropdownButton = el) }, index.h("span", { key: 'ec2639bb2800f5d1df9c024c7b35db9e178a1514', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), index.h("div", { key: '11f5ed99195b02d467f7dcb38fe69a85ff6c166b', style: { flex: '1' } }), index.h("div", { key: 'b58e34715555bc873f0850c01f70a37593462cd1', class: "separator" }), index.h("div", { key: 'bc7618f508a8a5b9e4c27c7fa4a0203e96e12e3c', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), index.h("div", { key: '27aa83763ec9cd0ce52d221254acfb7d00a4cda3', 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 ? (index.h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (index.h("div", { class: "separator" }))))));
+        return (index.h(index.Host, { key: '8fbd487bc5f44471f7fc1ba41b3e9590294791a1', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, index.h("div", { key: '63cd83e83fdf8ef46d50b5950461ff2a0fde19ea', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, index.h("div", { key: '2f660abf210127da67b76266bb5454f0267712cd', class: "title", ref: el => (this.dropdownButton = el) }, index.h("span", { key: '3cafd0d1edebc9449b3c9d2f0d60cb873ca4231c', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), index.h("div", { key: 'ee4828fb55b904e1eaceb832db83706edd2b78da', style: { flex: '1' } }), index.h("div", { key: '79ec0e1054f8db50a7058e5169c503bd34ab8f45', class: "separator" }), index.h("div", { key: 'ce09c9523f6e1678b967edfba7e876e0d4fa4ec3', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), index.h("div", { key: '3bf62283431384863acc497fb18a9f74dd12a044', 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 ? (index.h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (index.h("div", { class: "separator" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/verdocs-quick-functions_2.cjs.entry.js

@@ -24,7 +24,7 @@ const VerdocsQuickFunctions = class {
         this.createDocument.emit();
     }
     render() {
-        return (index.h("div", { key: '8732c14ba59bc441cdc1b164832ef66b5c7842bb', class: "container" }, index.h("p", { key: 'f6909de1cfed09c6514bd0d6530a380ad62aff85', class: "title" }, "Quick Create"), index.h("button", { key: 'e95f2fc551ad5342a4ceef8995c11b5b56a0e12a', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '6707f329d007c1027d159c5b928a124fb41b6f73', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (index.h("div", { key: '62ce1833be74fefb40a75e4cf91785a2ec83b7f4', class: "container" }, index.h("p", { key: 'b462c08da565f45c109ec09ccf9ad01dab86ca8e', class: "title" }, "Quick Create"), index.h("button", { key: 'f4d88eb4e39e80682b4b34218bb7f46b9ff93530', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: 'ea51eaaab1c68bf38fef93a26360a51c39bbba96', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
 };
 VerdocsQuickFunctions.style = VerdocsQuickFunctionsStyle0;
@@ -71,7 +71,7 @@ const VerdocsSearchBox = class {
         }
     }
     render() {
-        return (index.h("form", { key: 'bd9ecc80b3c557f27328777c4518ca86e0012f57', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (index.h("span", { key: 'e6db2d986dd0bef76717be89f4bbf0f4713cd49b', class: "type" }, this.type, "s ", index.h("button", { key: '859a75c3372ab7518497cdda018857c9305a0d19', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), index.h("input", { key: 'd2b2716fb4d2e6c9fc7a9c6c2912319f04dcf275', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), index.h("button", { key: '575626601e59c2020f7ec18d7fa7a667870fda2b', onClick: e => this.handleSearch(e), class: "search" }, index.h("span", { key: '035b6b114e0327df6cb6940265337ce8f8ddfc83', innerHTML: SearchIcon }), "Search")));
+        return (index.h("form", { key: '632837f92d720bf160fd20a04b82343e93d1d535', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (index.h("span", { key: '82639ecf1fa2cf2a79f0145ee29146f57cf1518d', class: "type" }, this.type, "s ", index.h("button", { key: 'c1bda4db74c55a9980b095168dfb620e16fcc309', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), index.h("input", { key: 'f68cf4dd09a3661c381c7eeb7490572eb852b60b', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), index.h("button", { key: '5357059a1e9f5ab91afde4fc956f7b1e3aa96bf0', onClick: e => this.handleSearch(e), class: "search" }, index.h("span", { key: '86c38d52006057822f770da628b317c1f791d71e', innerHTML: SearchIcon }), "Search")));
     }
 };
 VerdocsSearchBox.style = VerdocsSearchBoxStyle0;