@verdocs/web-sdk 4.2.107 → 4.2.109

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

@@ -54,9 +54,8 @@ const VerdocsContactPicker = class {
             this.message = this.templateRole.message || '';
             this.showMessage = this.message !== '';
             this.kbaMethod = this.templateRole.kba_method || '';
+            this.pinCode = this.templateRole.kba_pin || '';
             this.showKba = !!this.kbaMethod;
-            // TODO
-            this.pinCode = '';
         }
     }
     handleFirstNameChange(e) {
@@ -86,6 +85,8 @@ const VerdocsContactPicker = class {
             phone: this.phone,
             message: this.message,
             delegator: this.delegator,
+            kba_method: this.kbaMethod,
+            kba_pin: this.pinCode,
         });
     }
     handleSelectSuggestion(e, suggestion) {
@@ -99,26 +100,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 (h("form", { key: '8c7cb46336302d309187ca68d7e38ebb3d001468', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '8bc7c876bb89ee84dc14978560c6198d31983261', class: "row" }, h("label", { key: 'b57ac6d694661a48397afc6ab37fbf5cbca8cbc6', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: '197fbb1e998f52d0df3fe9040fd5d9d640b0237a', class: "names-row" }, h("input", { key: '343aa3e3c8bb31edfc43c4bd51bed1928ea29d49', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: '78e830e80650f52d72e5c35523fa111df228c86b', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("div", { key: '9b35e34eba14d6ff17c29b7bb334e5a5d8080595', class: "dropdown" }, this.contactSuggestions
+        return (h("form", { key: '7ed697ee6acfcb2062280a820496aa1b186bcea9', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'f15d572ec332e405250d6c477f127e2d8a82fd25', class: "row" }, h("label", { key: 'fe0bcdd7753f1c966afa60c1571bb7a7eca5b867', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: '8867d1d70cce8fa44af315a0f6b960f42e009836', class: "names-row" }, h("input", { key: '1fe63076788f4d19541755cb577cc7afca222d69', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: 'a6817292e059865c633be5ab4afba63a561fb07d', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("div", { key: '6cb90ca5096cc3573873de6e59f77cb88a792047', class: "dropdown" }, this.contactSuggestions
             .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
             .map(suggestion => {
             var _a;
             return (h("div", { key: (_a = suggestion.id) !== null && _a !== void 0 ? _a : suggestion.email, class: "suggestion", onClick: e => this.handleSelectSuggestion(e, suggestion) }, suggestion.picture ? h("img", { alt: "Avatar", class: "avatar", src: suggestion.picture }) : h("div", { class: "avatar", innerHTML: addrBookIcon }), h("div", { class: "details" }, h("div", { class: "name" }, formatFullName(suggestion)), suggestion.email && h("div", { class: "destination" }, suggestion.email), suggestion.phone && h("div", { class: "destination" }, suggestion.phone))));
-        })))), h("div", { key: '4e37f340b40e14e1469742856b9d9f2ea79add97', class: "row" }, h("label", { key: '0778e1b56c175a1a5077726fbba30280e5052773', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '9f6806efb77821579c5eee7bf020e0219212761a', 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.email = e.target.value) })), h("div", { key: '6e99f4b3a76f5696f39d721784be7ca0350a42bb', class: "row" }, h("label", { key: 'cdbfcb45cb531b203d4417f21daffe82a2b4974a', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '384b2d948efacbdbb44bad6e8da4174035a63ad3', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone (SMS)...", onFocus: () => (this.showSuggestions = false), onInput: (e) => convertToE164(e.target.value) })), this.showKba && (h(Fragment, { key: '3824ab85ac446ee579279c034d44c9c7d9f80f44' }, h("div", { key: '253b5ce372f405f20dda62f889eb791dbc958d8c', class: "kba-row" }, h("label", { key: '6714f992e2f7710d1fe93ed34596f99c54d8e9b0' }, "KBA:"), h("verdocs-select-input", { key: '06107cc54709178c007a5416d0c8dcf9c206a1ca', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
+        })))), h("div", { key: 'f60a340ab55e8415452e85f833e284de8237aa08', class: "row" }, h("label", { key: 'f0c0370b4cd9900f7fce27a1ced2d45e97475ed5', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '32d1e8768de34ba305a44bfafd9642f9587cb1a8', 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.email = e.target.value) })), h("div", { key: '5be8b8e7b42c344a4fe18761b561e634b05ae718', class: "row" }, h("label", { key: 'f19e5ea6f3639dc28e2776e6f447b901f3ab3a31', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '3d910de57ae8dcf5e5ad9bd9ba4cb164de47eaad', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone (SMS)...", onFocus: () => (this.showSuggestions = false), onInput: (e) => convertToE164(e.target.value) })), this.showKba && (h(Fragment, { key: '7f905e47123df6733b4abcf4b5f4b1951a8abb04' }, h("div", { key: '8eb65bd012848e33f7c485a5059879fb71d05db2', class: "kba-row" }, h("label", { key: '16a4024baf3b7316e8a9f3320b710783e2feb1d4' }, "KBA:"), h("verdocs-select-input", { key: '889100e6e474fd750b566d60eec5a0f87c9c33a9', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
                 { label: 'None', value: '' },
                 { label: 'PIN Code', value: 'pin' },
                 { label: 'Full Verification', value: 'kba' },
-            ] }), h("div", { key: '2d898124db289daada4f174e3fe4b557716ef563', style: { flex: '1' } }), h("verdocs-help-icon", { key: '17c58ed5bedaffa1a0bc1f72f7830076dd46502e', 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." })), this.kbaMethod === 'pin' && (h("div", { key: 'caf64fae166a136aebfcce7ed96bfe015a3cdeb4', class: "row pin-code" }, h("input", { key: '545918a43fbb7464dcf5f1aa19a7654899071017', 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.pinCode = e.target.value) }))))), this.showMessage && (h("div", { key: 'a747e2260ae8224b5b871ddbf1e8423d0da5e0be', class: "row message" }, h("label", { key: '2ff918a32677e81887639120cc5ab09be09e27f3', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: '9c4c90117ca81c97f359e4b66dfde17d77506b98', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Message shown in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }))), h("div", { key: '3c043c21f0fd8e202de82782ed5d9beec1fa9f2f', class: "buttons" }, h("verdocs-toggle-button", { key: 'e4e7261482091d4ba73ca11ee0f5b1f738562339', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
+            ] }), h("div", { key: '5b80e6e7a249229363b78fea8529a6d5dfa299d7', style: { flex: '1' } }), h("verdocs-help-icon", { key: 'cb8be539954343749053aacb2d8b97f331d58ef2', 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." })), this.kbaMethod === 'pin' && (h("div", { key: 'ea1604394bcbdc74485f393f732f56cd72b16456', class: "row pin-code" }, h("input", { key: '220a6ecc193996b8324fc0857fdbedc5e0c9180c', 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.pinCode = e.target.value) }))))), this.showMessage && (h("div", { key: '1b28ed1eaa9f4b9732047f1310201e62dba098bb', class: "row message" }, h("label", { key: 'f0b2a337ad490405ac0d077519a9b716fbf6d8d1', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: '4f06ae76980ad130f064d6d4e69312aa9384b15f', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Message shown in invitation...", onFocus: () => (this.showSuggestions = false), onInput: (e) => (this.message = e.target.value) }))), h("div", { key: 'f81cff9b0ff13ba4a643aba20c3b9d4a2c4f9876', class: "buttons" }, h("verdocs-toggle-button", { key: '038477d4a09c003ee888d5fd6bf50cd1e412fe81', 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;
-            } }), h("verdocs-toggle-button", { key: 'd4fb36d6031a641bf056ee8ef022665bd1655e27', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
+            } }), h("verdocs-toggle-button", { key: '689ac4fbbcae076aa2b23e4552ee8e9ffde3e3f1', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
                 this.showMessage = e.detail.active;
                 this.showSuggestions = false;
-            } }), h("div", { key: '954cbf03867afb74ba9589f0c817541e410dd20c', class: "flex-fill" }), h("verdocs-button", { key: '1b02d3280ab090332a31cd200eed4f2d76d3df4e', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '6213ec5d1b337771d53ab8daee0818662666df9f', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
+            } }), h("div", { key: '79acd11f45019554126cb2dca15c30e3b8bfe86c', class: "flex-fill" }), h("verdocs-button", { key: '63ce6fb6c58955c19dddfc7ca7187ff5ad4ea86a', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'e1523687c11224c74a6235adcc23e9e53eb995bc', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
     }
 };
 VerdocsContactPicker.style = VerdocsContactPickerStyle0;
@@ -147,7 +148,7 @@ const VerdocsToggleButton = class {
         (_a = this.toggle) === null || _a === void 0 ? void 0 : _a.emit({ active: newState });
     }
     render() {
-        return (h(Host, { key: '32eb5cccbb9687200cf1b57266ceb09143d4a478', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
+        return (h(Host, { key: '4633ea6f8281ab53c77cc1544e0c252ecbcb3e8e', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
     }
 };
 VerdocsToggleButton.style = VerdocsToggleButtonStyle0;

package/dist/esm/verdocs-dialog.entry.js

@@ -17,7 +17,7 @@ const VerdocsDialog = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ee194cde3ac800e6e9f33d02adc229c928a47472' }, h("div", { key: '23b03c631d3b9f35b35118e97b8a07fadcd060dd', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '21c99c448b050697f4cecf7e7ff02ae4eb0d14b1', class: "dialog" }, h("slot", { key: '8d11918bfe16a6bec51cf1f4a3fb3fe85ea1bf7e', name: "title" }, h("div", { key: '289c5627bd2605d8029163a81a8d7e827b6b6742', class: "heading" }, "Please Confirm")), h("div", { key: 'e29ebee3cde9efa5c41d95ece644bcf7eb5c24b0', class: "content" }, h("slot", { key: '4d9ef52291c370dc13d799292d70fb96ed611852' }))))));
+        return (h(Host, { key: 'b52e003d02b8d1d6b493f9f30780d6e611dd2ab5' }, h("div", { key: 'b03e572b94355bf72d9d5a97a058d142cf6491f9', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '4e5471d867af652b253f9519ad07545b6000ca55', class: "dialog" }, h("slot", { key: '04a1f24df830362512053b786ae8fb15809065a2', name: "title" }, h("div", { key: '4bc1b5731b5465dcdf7e75f847208d7c270cef67', class: "heading" }, "Please Confirm")), h("div", { key: 'ac0a0f4475627e8a80992b26583e6e98d8e2ca42', class: "content" }, h("slot", { key: '7cfdf86bab1ad28f91b99c88157b40245438a9e1' }))))));
     }
 };
 VerdocsDialog.style = VerdocsDialogStyle0;

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

@@ -1,95 +1,37 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a68c7262.js';
+import { randomString } from '@verdocs/js-sdk';
 
 const verdocsDropdownCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-dropdown{height:26px;display:block;position:relative;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-dropdown .arrow{width:32px;height:26px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}#verdocs-dropdown-menu-items{width:200px;z-index:10000;position:absolute;border-radius:5px;background:#33354c;border:1px solid #654dcb}.verdocs-dropdown-menu-separator{height:1px;margin-top:5px;padding-top:5px;border-top:1px solid rgba(255, 255, 255, 0.3725490196)}.verdocs-dropdown-menu-option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;padding:10px 20px}.verdocs-dropdown-menu-option:hover{cursor:pointer;background:#55bc81}.verdocs-dropdown-menu-option[disabled]{color:#aaaaaa}.verdocs-dropdown-menu-option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}";
 const VerdocsDropdownStyle0 = verdocsDropdownCss;
 
-const MENU_ID = 'verdocs-dropdown-menu-items';
 const DropdownArrow = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>`;
-function debounce(func, wait, immediate) {
-    let timeout;
-    return function () {
-        const context = this, args = arguments;
-        const later = function () {
-            timeout = null;
-            if (!immediate)
-                func.apply(context, args);
-        };
-        const callNow = immediate && !timeout;
-        clearTimeout(timeout);
-        timeout = setTimeout(later, wait);
-        if (callNow)
-            func.apply(context, args);
-    };
-}
 const VerdocsDropdown = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.optionSelected = createEvent(this, "optionSelected", 7);
         this.options = [];
-    }
-    // TODO: This isn't super efficient but it works for now
-    handleResize() {
-        debounce(this.repositionDropdown.bind(this), 100);
+        this.containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;
+        this.showPicker = false;
     }
     handleSelectOption(e, option) {
         var _a;
         e.stopPropagation();
         (_a = this.optionSelected) === null || _a === void 0 ? void 0 : _a.emit(option);
-        this.hide();
+        this.showPicker = false;
     }
-    repositionDropdown() {
-        var _a, _b;
-        const menu = document.getElementById(MENU_ID);
-        if (menu) {
-            const bodyWidth = document.body.scrollWidth;
-            const buttonRect = (_a = this.dropdownButton) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-            const triggerHeight = ((_b = this.dropdownButton) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 28;
-            console.log('Repositioning dropdown', { bodyWidth, buttonRect, triggerHeight }, menu);
-            menu.style.top = `${((buttonRect === null || buttonRect === void 0 ? void 0 : buttonRect.top) || 0) + triggerHeight}px`;
-            menu.style.right = `${Math.max(0, bodyWidth - ((buttonRect === null || buttonRect === void 0 ? void 0 : buttonRect.right) || 0))}px`;
-        }
+    toggle() {
+        this.showPicker = !this.showPicker;
     }
-    // See https://popper.js.org/docs/v2/tutorial/
-    // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists
-    showDropdown() {
-        this.hide();
-        const menu = document.createElement('div');
-        menu.id = MENU_ID;
-        this.options.forEach(option => {
+    render() {
+        const elId = `verdocs-dropdown-${randomString(8)}`;
+        return (h(Host, { key: '60221013138707cca7fe7d8dae9e63efdac14e81' }, h("button", { key: '38faecbe5a056d753443b910a0f4487506054f0f', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", id: elId, onClick: () => (this.showPicker = !this.showPicker) }), this.showPicker && (h("verdocs-portal", { key: '83a1fc7f845eafd5f93930fdcd7a36f4693c2e22', anchor: elId, onClickAway: () => (this.showPicker = false), id: "verdocs-dropdown-menu-items" }, this.options.map(option => {
             if (!option.label) {
-                const separator = document.createElement('div');
-                separator.className = 'verdocs-dropdown-menu-separator';
-                menu.appendChild(separator);
+                return h("div", { class: "verdocs-dropdown-menu-separator" });
             }
             else {
-                const button = document.createElement('button');
-                button.className = 'verdocs-dropdown-menu-option';
-                button.disabled = option.disabled || false;
-                button.innerHTML = option.label;
-                button.addEventListener('click', e => this.handleSelectOption(e, option));
-                menu.appendChild(button);
+                return (h("button", { class: "verdocs-dropdown-menu-option", disabled: option.disabled || false, onClick: e => this.handleSelectOption(e, option) }, option.label));
             }
-        });
-        document.body.appendChild(menu);
-        setTimeout(this.repositionDropdown.bind(this), 50);
-    }
-    toggle(e) {
-        e.stopPropagation();
-        if (document.getElementById(MENU_ID)) {
-            this.hide();
-        }
-        else {
-            this.showDropdown();
-        }
-    }
-    hide() {
-        var _a;
-        (_a = document.getElementById(MENU_ID)) === null || _a === void 0 ? void 0 : _a.remove();
-    }
-    render() {
-        return (h(Host, { key: '1e52613887181c34d3b6903ce32b7166b465acad' }, h("button", { key: '5216ee8fff5a1014ccd083a574c27f4ef8b22564', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
-            // onBlur={() => this.hide()}
-            ref: el => (this.dropdownButton = el) })));
+        })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -46,7 +46,6 @@ const VerdocsEnvelopeDocumentPage = class {
     disconnectedCallback() {
         var _a;
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        console.log('[PAGE] Disconnected', this.containerId);
     }
     // Left here for documentation purposes in case we find an edge case where this isn't true. But we apparently don't need this.
     // When we add the resize observer it will always be triggered at least once so notifying here as well is just a dupe.
@@ -78,7 +77,7 @@ const VerdocsEnvelopeDocumentPage = class {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: 'db47c26f1d1ad9d72d4a18238b0ab244e68f2f76', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
+        return (h(Host, { key: 'c36ed131abfd6604c5a48d6cc02384c4c35c5653', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
                 // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
                 // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
                 // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values

package/dist/esm/verdocs-envelope-recipient-link_2.entry.js

@@ -102,13 +102,13 @@ const VerdocsSwitch = class {
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: '34e83b914cb01d1d1b52c7091b68324808f7f8f3', value: "on", type: "button", role: "switch", class: `switch ${this.theme} ${this.disabled ? 'disabled' : ''}`, "data-state": this.checked ? 'checked' : 'unchecked', "aria-checked": this.checked ? 'checked' : 'unchecked', onClick: () => {
+        return (h("button", { key: '6cc3b6ceec83890cafd71abb8c6def5501bed6a7', value: "on", type: "button", role: "switch", class: `switch ${this.theme} ${this.disabled ? 'disabled' : ''}`, "data-state": this.checked ? 'checked' : 'unchecked', "aria-checked": this.checked ? 'checked' : 'unchecked', onClick: () => {
                 var _a;
                 if (!this.disabled) {
                     this.checked = !this.checked;
                     (_a = this.checkedChange) === null || _a === void 0 ? void 0 : _a.emit(this.checked);
                 }
-            } }, h("span", { key: 'bfe8fe82ec75ec1a703e900e2eed9b56590e1a6d', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
+            } }, h("span", { key: 'f6867dea9d0ebb119f401d0892149b1959a1b801', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
     }
 };
 VerdocsSwitch.style = VerdocsSwitchStyle0;

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

@@ -196,18 +196,18 @@ const VerdocsEnvelopesList = class {
         });
     }
     render() {
-        return (h(Host, { key: '9f93a9c82a5dd9cac5d1457b59f27ac2a64e33c4' }, h("div", { key: 'e279d53d83511a338250d6d57e431a4662a2ac2f', class: "header" }, h("div", { key: '6dec54707d214be5b81711b2ebb9a069aabea3aa', class: "filter" }, h("verdocs-text-input", { key: 'f0f7a991581818cf3ae936b1f82004df68a90762', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: 'afc4e894ffe975884de4740ab191141f45ae8dd3' }, h("div", { key: 'a31c5d67b40c79977ef398ade34906083386a6df', class: "header" }, h("div", { key: '4c9e4e53ad08e7ac14d6567da0bc9d8e076f3550', class: "filter" }, h("verdocs-text-input", { key: 'ea20a5b962b13f678a333c246cde83ce6d8ee9d7', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
                 var _a;
                 // We don't locally filter envelopes because there are too many fields to match against efficiently.
                 this.match = e.target.value.trim();
                 (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
-            } })), h("verdocs-quick-filter", { key: 'e05c6b326ae1ea63e642dd9c884fd1a10a294da5', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '32a191d2d8e67c2d6633e4ae43ed16d82bc9fa8d', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '3caa255a74d88a9da45eca2f03522cf2b3c0e7ff', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '41ff33e406d7c7b40512e1ce3bbfbcc883b4871a', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '3e36f81be8ad759c770e7261c41f5fdb0d3b371f', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '28ca07defeb30f227345dd691a1672200c071c9f', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: '441f2c0e3efeb105c61542c2e057c64720423082', mode: "dark", size: 24 }), h("div", { key: '80a6d1fad113d168bc68cabcf60d2e4517e6c2a1', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'e02ed6005bbea2dc6c7687724e995c338df98d45', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: '8cac7f3bd1c013d04a355e38ff8d299f33de8d71', mode: "dark", size: 24 }), h("div", { key: 'f3e30dd1d638900f27b618c467b2e954de3da4a6', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'afa9d35d7c33ea1d6a6dcb44572d83f9195ffaed', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = getRecipientsWithActions(envelope);
             const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);
@@ -248,7 +248,7 @@ const VerdocsEnvelopesList = class {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: 'f35a7cf0c691d395bd03fc16e6819d773f234eec', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '6002b381ea34731dedff4c790c63005071732659', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: 'c9208b59bfe96f706bfb30e5ced6e9024e2d93a4', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '169424956740f02d92be417c370cbce2621a233c', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (h("div", null))));
     }

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

@@ -1140,7 +1140,7 @@ const VerdocsInitialDialog = class {
     }
      */
     render() {
-        return (h(Host, { key: 'b4b3d0cbe08bb7525e48c728b50f071d6c764c1b', onClick: e => this.handleCancel(e) }, h("div", { key: 'bfe9ca476892ec9e4d0826f02108d17ccdc7e52c', class: "dialog" }, h("div", { key: '0fe9deeafd7d0a1a23600b6ce78ecb0a2db68478', class: "heading" }, "Create Your Initial"), h("div", { key: '93ab94da31dce21b97bab3e3cd49d765626fca55', class: "content" }, h("verdocs-text-input", { key: '90f1c69e6b624aafeb734ab922971c261fd95099', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: 'ea0d3a80d34a1259d7e5a28537b6c2532b446915', 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: '018cc438201111ce05ccad82d7b6a5ecde225cd5', 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: 'f6abe4ff08732e499e172a11e7bd0cb4411f80f9', class: "buttons" }, h("verdocs-button", { key: '090929f2e43bc9b1d779b5a2c5bc8f22fee9c8b5', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '0a7c7c576f63525ed268a6e8f11b7ab0ad7f7d5f', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
+        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) }))))));
     }
 };
 VerdocsInitialDialog.style = VerdocsInitialDialogStyle0;
@@ -1361,7 +1361,7 @@ const VerdocsSignatureDialog = class {
     }
      */
     render() {
-        return (h(Host, { key: '53849e64803bef6eb9d350c0b74c31f85ae1d85d', onClick: e => this.handleCancel(e) }, h("div", { key: 'bbf1ac4498157388d44cc41c27dc2183eebaf990', class: "dialog" }, h("div", { key: '0b56bb436a6431af0b61effdffb31133437c12df', class: "heading" }, "Create Your Signature"), h("div", { key: 'a39e8a59f6744ba89ef321ba33dbabd1911fd225', class: "content" }, h("verdocs-text-input", { key: 'bc8d46fece7c7507fc506bd9dcc739eb848f54ea', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '021334bb046539364e2c2c4d8797519a2e38dcb4', 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: '455dcd5d4a651af7d5cb7375996c063a30ab5f89', 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: '78c53b3d62310ce14ee4782f3ebb5bdc17b31fbb', class: "buttons" }, h("verdocs-button", { key: 'be2adff2be29e9fd4f22d2a5665d56330bbcbe09', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'e7eb8cbd63184fb567c86f6e2cb11e1afa6df036', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: '1c8be76f76ad6c6c6bb455ea94af5aaefe48d8dc', onClick: e => this.handleCancel(e) }, h("div", { key: '179622d724573e78c3a23b81902c5380dfd3b6b4', class: "dialog" }, h("div", { key: 'a149f5453e75339e07fa6fa93c69099e5857b6c6', class: "heading" }, "Create Your Signature"), h("div", { key: 'b55b63fc5fd3050b164ff1952dc0b206265c6c06', class: "content" }, h("verdocs-text-input", { key: '2e9edfb8b7cf22819a72c2a7e831b8245134c710', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: 'a4e3a34686a783b9b16ea84b93331847ba42052f', 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: 'a5d433881194fb0beadeb357710f45c63c5a7d5a', 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: 'c0af3589e89e786f5ef67ff28786514942441bd3', class: "buttons" }, h("verdocs-button", { key: 'd7fd63314a28a0ffa430d8136718c6c4af846a5b', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '7811cf9c0c33c2f739458dec0aae9fab09ab291e', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsSignatureDialog.style = VerdocsSignatureDialogStyle0;
@@ -1425,7 +1425,7 @@ const VerdocsUploadDialog = class {
         this.selectedFiles = Array.from((_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.files);
     }
     render() {
-        return (h(Host, { key: '89846e6c89cb8fa7188545e455b98a5b2c99bec3' }, h("div", { key: 'd89b52c26561640dac6ff52ed37db33cdd26e6f9', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'd9a6d91ba3c4b0bc87a52ac57c5ff0131ecaba65', class: "dialog" }, h("div", { key: '2b781fd9b65028d14a38bdb88254840340cc7dfb', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && this.existingFile && (h(Fragment, { key: 'fc7b56c80302592ba276c6085ea1a44b09b80c98' }, h("div", { key: '7c31da25b44046d86df74e0caa4c377c7f91521c', class: "current-label" }, "Current Attachment"), h("div", { key: '993a194185ac803c0f55409d0942455656c48288', class: "attachments", style: { marginTop: '0' } }, h("div", { key: 'f73da1c66602b14150afef80c89a32d9061b22c5', class: "attachment" }, h("div", { key: '2715cf8bf9c31b51708d5165b5f4655ca7231540', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '1a14d15b1bd9dcfbb13f6189b13616ba141ba643', class: "name" }, this.existingFile.name), h("div", { key: '89f95545e497da2bb5f67b5318c61540f3fd2627', class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleDeleteAttachment() }))))), this.selectedFiles.length < 1 && (h("div", { key: 'cc59dcebfd0ebd6614f11bc4d40f36448f19eef6', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: 'b615d9846d8b785e9e7e9ed93adc97a75ddfe381' }, "Drag and drop a ", !!this.existingFile && 'replacement', " here..."), h("p", { key: '228776a6174a936cbec81be7863586007a8b846a' }, "- or -"), h("verdocs-button", { key: 'a7142011ba18f6b004f1fd8b18afc044ea9d90fe', label: !!this.existingFile ? 'Replace file...' : 'Select a file...', onClick: () => this.handleSelectFile() }), h("input", { key: '82b8661d15cf281c38b2ea5d8e374786fb52c27b', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: 'b3f8495ed0faef35324745634b07bae41159bb24', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: '404bd66083a86f2c964e8d6392ef01eab3854e91', class: "buttons" }, h("verdocs-button", { key: '97a0b6b4c4ae1cfa873b2d5f4addbb3676aba99b', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '07dfd4a41d5d1be909baaf5678e231062fe70fc6', label: "Upload", onClick: () => this.handleDone(), disabled: this.selectedFiles.length < 1 }))))));
+        return (h(Host, { key: 'e8fc331b44b9da5a3da0b6dd144886e869b0ad57' }, h("div", { key: '7a7bf10b9d30acdbaef078e5422fb67d2924be5b', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '71dd58afe5a4651442339970b2acec4ddf13a2fb', class: "dialog" }, h("div", { key: '40c2111f9ac8c00f348273ab7643d89efc6a68e6', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && this.existingFile && (h(Fragment, { key: '76618c396fceae2809e65ce089c1d9de05218c3e' }, h("div", { key: 'dface5b5c91bcc71b326a1ff980d56178c137cbf', class: "current-label" }, "Current Attachment"), h("div", { key: 'e4dd55aed47fb5d40ceb47fee37d5e99b4e85483', class: "attachments", style: { marginTop: '0' } }, h("div", { key: '3d29f45ecbdf209dc58cccb608d26cd739d2856a', class: "attachment" }, h("div", { key: '72fd1eb1fe354b5a1071a576006abcbb6ecb3c78', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: 'cd08be12f47150d5d974b0d30b3c2479752760fd', class: "name" }, this.existingFile.name), h("div", { key: '5c8b29b1e765b8c19820932ff6252cedf923949e', class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleDeleteAttachment() }))))), this.selectedFiles.length < 1 && (h("div", { key: '0087f25c61415aa094d72bbdd2c3e66cb820356f', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: '548e424032f1d839e61fa446960daf89a1a1369e' }, "Drag and drop a ", !!this.existingFile && 'replacement', " here..."), h("p", { key: '7e02b52cf95547cbe63e93326d906eb39ff476c5' }, "- or -"), h("verdocs-button", { key: '04d29abff12269bd87dfd42fe6cfaef15ca0bcce', label: !!this.existingFile ? 'Replace file...' : 'Select a file...', onClick: () => this.handleSelectFile() }), h("input", { key: 'b9855eed6197defe6a3e75b709d9427c2da23363', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: 'acf45d5508241f73baa1386135dec6c17f624b94', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: '7201e2aed151424e9d18398a0f75fadb952b6a22', class: "buttons" }, h("verdocs-button", { key: '9076dc0693ff0ab365e3ce38e39b7f1336567e4a', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'f9786124e707344c3c9278ccbd6aae26a4da216a', label: "Upload", onClick: () => this.handleDone(), disabled: this.selectedFiles.length < 1 }))))));
     }
 };
 VerdocsUploadDialog.style = VerdocsUploadDialogStyle0;

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

@@ -27,7 +27,7 @@ const VerdocsFileChooser = class {
     }
     render() {
         const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
-        return (h(Host, { key: '0c3558f72dd58ea3ef0ad544bf5af22c06cc718b' }, h("input", { key: 'b5e3de321c28757b542af4355bf9f7c62d072278', 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) }), h("div", { key: '9f44b56b686f0f5f4aa1e3c3b4115f46701e3efb', class: "upload-box" }, h("div", { key: '6969c5457fc736f3b55740d3a155098201c8c52f', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'c3f44d6183615a536ffb1ca00de59acc48e90c9b', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'a439787122e4410b7159bb49d943447cc5b22703', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (h(Host, { key: '1fb7d04e27804d492a6b6acba5f1b0e807efa8b4' }, h("input", { key: '3a0848d85ec37c6425092c524f064f27fe8d9216', 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) }), h("div", { key: '801e620892edec0bd4fc060d041943d9b4f7a558', class: "upload-box" }, h("div", { key: '5172b33ffda0d71f944aa68b8f1e44d4e79cdad4', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'bc6aa5604b17cfd5f1fc46ad00cdcc33721f6ebd', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: '036010ea672f05aab75540103707c15bdd4b704d', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
     }
 };
 VerdocsFileChooser.style = VerdocsFileChooserStyle0;
@@ -45,7 +45,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 (h(Host, { key: 'f5b270b4d31070d6d7598d91c7cab9491ce7da02' }, h("div", { key: '959d70844ab64312a18d01640694da9d60b02284', class: "labels" }, this.label && h("div", { key: '65e00ca8ea3d1d1ab61e10a9b0a1bbc909569e79', class: "label" }, this.label), this.showPercent && h("div", { key: 'aa70b80a8d78888b8e441220cdfa0ca1e8cfc154', class: "label" }, this.percent, "%")), h("div", { key: '0c5e40cc47f9380b3966466c0d179e71409c5b3c', class: "bar" }, h("div", { key: '8629db35c7da6c8e3d72bcecb4d2f1bdc118e68b', class: "slider", style: { width: `${widthPercent}%` } }))));
+        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}%` } }))));
     }
 };
 VerdocsProgressBar.style = VerdocsProgressBarStyle0;

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

@@ -33,7 +33,7 @@ const VerdocsKbaDialog = class {
         this.next.emit(this.response);
     }
     render() {
-        return (h(Host, { key: '97c855bc7ff5c4205ccc64d859d9b1787e0048a6' }, h("div", { key: 'f4dd12baf199d9c50e6ebbb02b7e26e6204a9669', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '051764b9306bc6f3d21221e3aa6d4e6cf104d0e1', class: "dialog" }, h("div", { key: '0f0ecc082f97975c92d7418a96e3689fea0a192b', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), !!this.helptitle && (h("div", { key: 'f6d4e4db03fad13638f3980839210f8df886bd2c', class: "help-box" }, h("div", { key: 'c18a7aab25144f438da8cbacca4465e009ab6a02', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '02e1dba0b4536b39a61fffea636a6e9c58fd40a8', class: "help-details" }, h("div", { key: '740bc221c448afc393b1007a4141ce4db2cf8008', class: "help-title" }, this.helptitle), h("div", { key: '767d5d0141c73e0621cfbe795fecb50637dc38cb', 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: 'f6e90196e71c9931613622d0879eeb4bc4877792', class: "buttons" }, h("verdocs-button", { key: '269ea8b9020ab81d9234c0d1b8151a459d84f37d', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '8b8c437cc11e3f5fcdbb5f0b5faa1c60daee21cb', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
+        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 }))))));
     }
 };
 VerdocsKbaDialog.style = VerdocsKbaDialogStyle0;

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

@@ -8,7 +8,7 @@ const VerdocsLoader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h(Host, { key: 'ecc15b6b91fd03110eb3fab80efc3b0d761a98fd' });
+        return h(Host, { key: '09a2f8601ced17f0a53e466bd5f5532524fb90a9' });
     }
 };
 VerdocsLoader.style = VerdocsLoaderStyle0;

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

@@ -29,7 +29,7 @@ const VerdocsOkDialog = class {
         }
     }
     render() {
-        return (h(Host, { key: '16757775ee3a09054e3653fb7d12873fc0758e7a', class: this.closed ? 'closed' : '' }, h("div", { key: 'd3f240bbccce82dd4f3e769100ca17612637a0d5', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'ec4348a8efc1c95d3df2915ce6e6f4e72c3a6824', class: "dialog" }, h("div", { key: '82b2c477f4eb03c847744f4b1be829909fb286a0', class: "heading" }, this.heading), h("div", { key: 'bdf0962a46f2f9e1b0b8e3d3ec433f1cdc532dff', class: "content" }, h("div", { key: '2adfa55833f384622d4e98496d91786fa9c934e1', class: "message", innerHTML: this.message }), h("div", { key: '89619686b2eefbbb465fa6a86a9da9e360034a9e', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: 'dc298822a062b5687a22cc56adea8b3b202758ad', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        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() })))))));
     }
 };
 VerdocsOkDialog.style = VerdocsOkDialogStyle0;

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

@@ -16085,7 +16085,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 (h(Host, { key: '81c347094d25f79e7cbd465558e27f52835807a3', 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: '7b02e94b67fc412ceea17cfedfe3bb2054231fba', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '00473dd8e408a31a58933e4ed82b5396f8cb41fa', anchor: portalId }, h("div", { key: 'f0eaa925cfa29bcfcf6340b99494636d8f2ab59d', 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: '7b5d4427ba94087e504dd4b14884c9d4427fab0d', class: "popup-body" }, h("div", { key: 'bb4da149b3c9e1d14534ccb13fefe9f989ae2184', class: "field" }, h("strong", { key: '3f819b7faa7fbdd2d38a5b33ce31659cffe48af1' }, "Joined"), dateFns.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: '7581d309f46c46133eb7632a77d1330122c6725d', class: "field" }, h("strong", { key: '420c6434901556dc36af814976063a0772717e69' }, "Website"), h("a", { key: 'f12a8e81cfd4d1d25da3f244ddd74834caaea3fd', 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: '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"), dateFns.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))))))));
     }
 };
 VerdocsOrganizationCard.style = VerdocsOrganizationCardStyle0;
@@ -16128,8 +16128,7 @@ const VerdocsPortal = class {
         //    Math.max(anchorRect.left + anchorRect.width - this.portal.offsetWidth, 0);
         const popupWidth = ((_a = this.element) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 400;
         const offRightEdge = leftOfPopup + popupWidth > rightOfViewportWithScroll;
-        console.log('Portal', { leftOfPopup, offRightEdge, popupWidth, rightOfViewportWithScroll });
-        return offRightEdge ? leftOfPopup - popupWidth : leftOfPopup;
+        return offRightEdge ? leftOfPopup + anchorRect.width - popupWidth : leftOfPopup;
     }
     calculateTop() {
         var _a;
@@ -16165,7 +16164,7 @@ const VerdocsPortal = class {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (h(Host, { key: 'f0d0b63ad69959ddb3a130bc5d0c02ce62856e71', ref: el => (this.element = el) }, h("slot", { key: '1aa260893876a7273ee7a1b7e3de2dde2fe71423' })));
+        return (h(Host, { key: '2640e3cd863ace891444caf6f7c323397eaba1a4', ref: el => (this.element = el) }, h("slot", { key: 'c6f903125d37b41d1b85b1bdb973c3b61905ac73' })));
     }
 };
 VerdocsPortal.style = VerdocsPortalStyle0;

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

@@ -42,7 +42,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 = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (h(Host, { key: '76b8efa60199ca3a9244b68222762252e728d85b' }, this.selectedPage > 0 && h(PageButton, { key: '3e7981803c1efe32b97f9dee6e489e59a531e523', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '7af4e7b148e7ec4f49b3fa141177282f5d6c9d86', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '691efdf123b7c6d73e0ed54c1f1248b504becd2b', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: 'a713867ccc6963e1193ecb8e04a934bc7a4d69d9', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        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) })));
     }
     get el() { return getElement(this); }
 };
@@ -130,7 +130,7 @@ const VerdocsQuickFilter = class {
         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: '15c11ee382f7a5c01679113f6950c7037c0e4d3e', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: 'afc86ba48459d97f446db3e10671f593b2f53511', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: 'e0f2b560e99ffe51c10e4fe9bb2e8458ff65643a', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: '4a5d4b6d2ad22f17b80290daaafee5f505274b3b', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: 'd1599fbca5b7691b65ae2b0d1fd4d76c802ba9ca', style: { flex: '1' } }), h("div", { key: '5d2aba322cf7168780a38b315b485298cbb78ea1', class: "separator" }), h("div", { key: 'a1011166d7d9216d6c9ef8edc3712c4e571af611', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: 'a398d1f60135c4d48bb32024cca13f23bcae7cca', 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: '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" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/verdocs-quick-functions.entry.js

@@ -20,7 +20,7 @@ const VerdocsQuickFunctions = class {
         this.createDocument.emit();
     }
     render() {
-        return (h("div", { key: '7b09da81f9fb67b87e43b00d58230a34ebb95338', class: "container" }, h("p", { key: 'ebb90f14c24ca9764e537931e37b6274019294a4', class: "title" }, "Quick Create"), h("button", { key: '4dc154c1704c20671a0f2ffc1edb5690505ce67f', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '10f9d0350822800a7ed6c1f2bb76c364f9d83110', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        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")));
     }
 };
 VerdocsQuickFunctions.style = VerdocsQuickFunctionsStyle0;