@verdocs/web-sdk 4.1.3 → 4.1.7

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

@@ -23,7 +23,7 @@ const VerdocsRadioButton = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '75bec4ec1ed0b9f7683a6b3c43c987c5f8c01539', class: { disabled: this.disabled } }, index.h("input", { key: '7493bdafdaef15d48696a51c4d1e9a7c162bdf8f', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), index.h("label", { key: 'c0d1aa6861cb76ec86f5995a047e9d923e9a951e', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+        return (index.h(index.Host, { key: '635ebb3b00a1ba9596addcc8722c0897c67ccefc', class: { disabled: this.disabled } }, index.h("input", { key: 'c3ec421823ccb3e8f587b535ba8e23f7069f4a61', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), index.h("label", { key: '80b453e62ed979c5f7ee73303d5dc43464b21289', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
     }
 };
 VerdocsRadioButton.style = VerdocsRadioButtonStyle0;
@@ -146,31 +146,31 @@ const VerdocsTemplateRoleProperties = class {
     }
     render() {
         const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
-        return (index.h(index.Host, { key: 'c2728e2fb47306d99d3eebaaa38130322d37ad64' }, index.h("div", { key: 'a329fa189219f99c747e915ee2f0a41de978474f', class: "background-overlay", onClick: e => this.handleCancel(e) }, index.h("div", { key: 'a0325d8949c173d73ba2a48af5924d015e746266', class: "dialog" }, index.h("form", { key: '378e17dc270ae28779557793f6669143c86a41a3', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("verdocs-text-input", { key: '20f8de0856c8e5c847b7e1852edc437a8c6427fb', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+        return (index.h(index.Host, { key: 'd3988edb91247f2dd580645350c7c5641d21c61a' }, index.h("div", { key: '912555974fc01f6b5dbd37173217a17e1e6cc756', class: "background-overlay", onClick: e => this.handleCancel(e) }, index.h("div", { key: 'e6d8172451f3fe78fd4b932039b15615f4b4c843', class: "dialog" }, index.h("form", { key: '0d0519144c0de4813a664a2345a85a7da15606c9', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("verdocs-text-input", { key: '9169dd76bf19c5f809b78bdef9a20511d21cbdcc', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
                 ? 'This role has fields assigned and can no longer be renamed.'
                 : 'A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.', placeholder: "Role Name...", onInput: (e) => {
                 this.name = e.target.value;
                 this.dirty = true;
-            } }), index.h("div", { key: '35310c43c72be59031d74995d5e4e08fd74b34bd', class: "row" }, index.h("div", { key: '4b47e8595ad1119d4027049b56acd43443a4b09a', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: '97f18bfb8052d6f0690bf2d570a42a0a604556b9', value: this.type, options: [
+            } }), index.h("div", { key: 'fba0622ed18d69ae13c2dc6dbc4f3c2230fb72d5', class: "row" }, index.h("div", { key: 'db653736e1e1b32a58ea8df1d5f9f58928ca7047', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: '7199410b3a1598e9fc74b6bcd42b58458e7c0ad7', value: this.type, options: [
                 { label: 'Signer', value: 'signer' },
                 { label: 'CC', value: 'cc' },
                 { label: 'Approver', value: 'approver' },
             ], onInput: (e) => {
                 this.type = e.target.value;
                 this.dirty = true;
-            } }), index.h("verdocs-help-icon", { key: '3f4059c1a1232aa08449e4518ccd9473066430df', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), index.h("verdocs-text-input", { key: 'df9c1439da6894608dad4ef81dddf21e2591115f', id: "verdocs-recipient-email", label: "Full Name", value: this.full_name, autocomplete: "off", helpText: "The recipient's full name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Full Name...", onInput: (e) => {
+            } }), index.h("verdocs-help-icon", { key: '8e553f8d63d8d57022d449b9db08d8ab0bbdd48c', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), index.h("verdocs-text-input", { key: 'da8fae069e9a65a8fbe41c926a4aabc2af0816f2', id: "verdocs-recipient-email", label: "Full Name", value: this.full_name, autocomplete: "off", helpText: "The recipient's full name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Full Name...", onInput: (e) => {
                 this.full_name = e.target.value;
                 this.dirty = true;
-            } }), index.h("verdocs-text-input", { key: 'af0ac9644670cb4b3e5607eb75e6c0aa9746ed76', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
+            } }), index.h("verdocs-text-input", { key: '5c2818a8b37c6fdef9dfd4a9a64bbb2c66216ca9', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
                 this.email = e.target.value;
                 this.dirty = true;
-            } }), index.h("verdocs-text-input", { key: 'f7055746726c2d199beac4206847bc1534de5601', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
+            } }), index.h("verdocs-text-input", { key: '4230659800aac4470c96d411436434511a208015', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
                 this.phone = e.target.value;
                 this.dirty = true;
-            } }), index.h("div", { key: '12903a2f12f8f750cecaf0332a69099f67b4d530', class: "row" }, index.h("div", { key: '9959973a48e154155cc6b5892ae81a5105d62d33', class: "input-label" }, "May Delegate:"), index.h("div", { key: '0dd8af27a2fd4cf6c8a641a39ea3332887b1f71a', class: "checkbox-wrapper" }, index.h("verdocs-checkbox", { key: '8a145a05207fc1cae42d5c3e4596c2d673ecc097', checked: this.delegator, onInput: (e) => {
+            } }), index.h("div", { key: '2a675d0120b3cbeff8af790260578126d3cf46ce', class: "row" }, index.h("div", { key: '66c007c4d9ea713f5a399186e144d7445797765a', class: "input-label" }, "May Delegate:"), index.h("div", { key: 'ab88572b986a7c5def40a9c1e084fe3c62a766bf', class: "checkbox-wrapper" }, index.h("verdocs-checkbox", { key: 'b1ca8f96ffd71843beecdc349d86bf3d8cc35708', checked: this.delegator, onInput: (e) => {
                 this.delegator = e.target.checked;
                 this.dirty = true;
-            } })), index.h("verdocs-help-icon", { key: 'd725f8446967e2c145e0e5ecad8416ee7e368bc8', text: "If enabled, this recipient may delegate their actions to another individual." })), index.h("div", { key: 'eae241c53cc8213d5c14bb213b41923620e17be3', class: "buttons" }, index.h("button", { key: '5eb5792ff0f79aab12bcfbb20ffdf58d431f4103', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: 'bca3f871c37e1a346d98620ee0fd1dd0dfce9917', style: { flex: '1' } }), index.h("verdocs-button", { key: 'b40fb1ff70cb3cce19b793f940fc0038d12490ea', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '51270815757b0fd6803d527ac3388f1e2af16b25', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
+            } })), index.h("verdocs-help-icon", { key: 'de1d5f121299c133edcc8001a9b6a6b63ff9b739', text: "If enabled, this recipient may delegate their actions to another individual." })), index.h("div", { key: '79869b6fb38187967ca3550284e4d25f63884fd0', class: "buttons" }, index.h("button", { key: 'e58733c07c6793e2c454e5f68c5ffc8907cec1f1', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: '55f4478946d4675a17055be652e19eb377ae5437', style: { flex: '1' } }), index.h("verdocs-button", { key: 'f67fa328ee71a14f0bd1ba049ffddf228841eb67', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '690bc539949328f6130e4d8da5db97ed1b355992', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
     }
 };
 VerdocsTemplateRoleProperties.style = VerdocsTemplateRolePropertiesStyle0;
@@ -237,7 +237,7 @@ const VerdocsTemplateSender = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'f8d8cca0bfceaf4770487a2013d8b4719236ddf4' }, index.h("div", { key: '2f3adaefa9ee3dcbac271ee02d76fa46bbe58e10', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '659f51292068e189d9c995db643fae5c2acb15b3', class: "dialog" }, index.h("div", { key: '3015a1be71fe71983fce44357433b5e2186c4946', class: "options" }, index.h("div", { key: 'ce818b1d25630a8f487fbaff0c5db38119a6f824', class: "option" }, index.h("verdocs-radio-button", { key: '8a4d98f6553248a88a024c1d024d3a4145a202ed', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), index.h("div", { key: 'e2924ad4589dfcdca2ad342852f517f919e99914', class: "description" }, index.h("div", { key: '6bf123474dc857917dd84c971bb3e634eecc8868', class: "name" }, "Anyone on the Web"), index.h("verdocs-help-icon", { key: '53129fa609dcb99cf6f1ddc76867c09a90359973', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), index.h("div", { key: '4b566084de0d35ade13b0d82354ddfab42fb4be2', class: "option" }, index.h("verdocs-radio-button", { key: '3704512d6d38faf3f275fb039a1c97cf2464b0e2', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), index.h("div", { key: '8dd4ffbcc1727fb28bec4e404dcc1a4a7cec9431', class: "description" }, index.h("div", { key: '2c4093c5ecff6192c6ec94ffa0a32ae516a4d13d', class: "name" }, "Anyone on the Web as me"), index.h("verdocs-help-icon", { key: '73b99113cd11ac40ef3784fe23b523e54f2a8d5a', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), index.h("div", { key: '528f64ff348386c14b0cea7d4983bccd664a0645', class: "option" }, index.h("verdocs-radio-button", { key: 'f1538d9c86ad7f2dc337a42f53f49f86faa3a469', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), index.h("div", { key: 'ddd5129726d3b2a0786341c2df2f8012e783d643', class: "description" }, index.h("div", { key: '449c1a5eb124b7006f319f96ff617d6480cab3a9', class: "name" }, "Anyone in my organization"), index.h("verdocs-help-icon", { key: '8d01e0fba4bfb8b5d12390b5c138b19d6362a055', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), index.h("div", { key: '76f686a2976749ffa02be5b95d9d61ded315714c', class: "option" }, index.h("verdocs-radio-button", { key: '00c5b5d78a7c380665abc3157403f597cbcaabc9', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), index.h("div", { key: '7eaf1cce0528f17359b19320ba0e10311ec34821', class: "description" }, index.h("div", { key: '4bd0b1b35504afa1c67566ac8cd589041958de41', class: "name" }, "Anyone in my organization as me"), index.h("verdocs-help-icon", { key: 'cfe825b414ef5a0c4ddd33e3de621629cc92149e', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), index.h("div", { key: 'f86771d023449f505a45f07b73e505a7c481bdf0', class: "option" }, index.h("verdocs-radio-button", { key: '039f5bb7b444f942fb609ad1ef5fda0d5f160083', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), index.h("div", { key: 'b7ecd4a8e68ac17e9ba116a6f8f2dcf84ff92c56', class: "description" }, index.h("div", { key: 'ca006222ed947daf96a22425fe7dbc1dd809aef5', class: "name" }, "Me"), index.h("verdocs-help-icon", { key: 'fec5c4aeb7285eaa3a22d238208e2072b17a14b0', text: "Only I can use this template." })))), index.h("div", { key: '1344c8e35ee75f17f5a035ba93e770958b1fcba0', class: "buttons" }, index.h("verdocs-button", { key: '6d2e2796fd3464440662e8dd5dba2ae273aab02e', label: "Close", onClick: () => this.handleClose() }))))));
+        return (index.h(index.Host, { key: '092c9e3593fffb0559c72fab66510070e73d7c05' }, index.h("div", { key: '666b71a674030a3541138d6dd07a04ec2f352e20', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'fcabfd99d07d0f72a874fd2ff32a7f72cda51d86', class: "dialog" }, index.h("div", { key: '1098b307a0f787d282ae423f273f02231524598a', class: "options" }, index.h("div", { key: 'bb2bd6a5c6f338a955d0e38ddd72be127a908ea7', class: "option" }, index.h("verdocs-radio-button", { key: '47ef7fa0ea436b284f76f8507ecf66ff098a3021', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), index.h("div", { key: '8dcc183312a85bf6bb0145a55933842951c859c4', class: "description" }, index.h("div", { key: 'c3e41eff5d8353846d5fe62e9739864743936d5d', class: "name" }, "Anyone on the Web"), index.h("verdocs-help-icon", { key: 'b3b965183887842c7f3434afc9602ca8d67de419', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), index.h("div", { key: '4fa78b48a79fc3932a02553e9360fb656c735493', class: "option" }, index.h("verdocs-radio-button", { key: '40429f3fbaa48e0515d4f1e860d0a256df551fb4', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), index.h("div", { key: '5add2c44aac55f11094780c82ff6006b4b48ca8e', class: "description" }, index.h("div", { key: 'ac8e1c67ab3614b8e5dd3a255c0d71c1820ba83b', class: "name" }, "Anyone on the Web as me"), index.h("verdocs-help-icon", { key: '4d2172b0dcef9cd3e46095e8337aa3c1b8e06523', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), index.h("div", { key: '36970f9e7c4be312447a36c4a63b470ea85cddf8', class: "option" }, index.h("verdocs-radio-button", { key: 'b2fd0896b2bee7243450d6a50cc65fe96e98ab20', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), index.h("div", { key: '0bbfeeaf609aa3106df12bf34ef778891e83d0df', class: "description" }, index.h("div", { key: 'bb62d9eece8db82b8ef071c0c24127086a89dccc', class: "name" }, "Anyone in my organization"), index.h("verdocs-help-icon", { key: '73d7fa4b6f4b4896d778f3fbc165de2d7b6b2c87', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), index.h("div", { key: 'e1eca6d0234cf0d01ee8d30690248eec07912d3c', class: "option" }, index.h("verdocs-radio-button", { key: 'f31029edc86697d113fc37f55c0a94bcc4a35f68', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), index.h("div", { key: '5a0f46208920de20dd725f4e16c5de556260d7cb', class: "description" }, index.h("div", { key: '9bfd1c74d34afe93d4a0e11b0877ff7dadf19f83', class: "name" }, "Anyone in my organization as me"), index.h("verdocs-help-icon", { key: 'd72a7899414895b1637186c4f731be73cc786eb9', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), index.h("div", { key: '5e55d764e9040fb7b87e0456c2809286835b89e3', class: "option" }, index.h("verdocs-radio-button", { key: '2309a84ec1b4487619f932e8a2316f51c331a13d', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), index.h("div", { key: 'f3bd9236d0b692415c5a39687c35ba71cf245703', class: "description" }, index.h("div", { key: '8aa05e4b9f42d4febf3c3b28f53dec9de2e0c64d', class: "name" }, "Me"), index.h("verdocs-help-icon", { key: 'e79cb02b13641acd64983b91e8de6eb6284a8ee7', text: "Only I can use this template." })))), index.h("div", { key: 'd4b7c6ee528df1ee7f7ec952e80826a20c29ff6c', class: "buttons" }, index.h("verdocs-button", { key: '024ba9b87fc9131db993ecafd76105be0959df47', label: "Close", onClick: () => this.handleClose() }))))));
     }
 };
 VerdocsTemplateSender.style = VerdocsTemplateSenderStyle0;

package/dist/cjs/verdocs-search-tabs.cjs.entry.js

@@ -13,7 +13,7 @@ const VerdocsSearchTabs = class {
         this.selected = 'all';
     }
     render() {
-        return index.h("div", { key: '16e93641cee94ed98e3c8de50222fb41f5dbfb90' }, "\u00A0");
+        return index.h("div", { key: 'cc29b2f831a932ceb0462835fb6cefba4350c018' }, "\u00A0");
     }
 };
 VerdocsSearchTabs.style = VerdocsSearchTabsStyle0;

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

@@ -14,7 +14,7 @@ const VerdocsSearch = class {
         this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
     }
     render() {
-        return (index.h("div", { key: '200d955b8750bfb853a491a39d2614f65c3dae2e', class: "container" }, index.h("verdocs-search-box", { key: '55db0748ab0102d71235903b1c668587e45ad527', endpoint: this.endpoint }), index.h("div", { key: '88ca9f594578f71b8abfb1fcbd1e31d455bcfb46', class: "boxes" }, index.h("verdocs-search-activity", { key: '7d95bd072f011865207fc0365e18d82b7875fd6a', type: "recent", endpoint: this.endpoint }), index.h("verdocs-search-activity", { key: 'f2f364ddb7347b7479aa5fd54d2519f7f96628ac', type: "saved", endpoint: this.endpoint }), index.h("verdocs-search-activity", { key: 'd504730b955a6c14cdf5d77eba96d3bb35eaf876', type: "starred", endpoint: this.endpoint }), index.h("verdocs-quick-functions", { key: 'dd543a416a6aab58e7566e320a20ea73f0313bce', endpoint: this.endpoint }))));
+        return (index.h("div", { key: '5494b903b38da3f8695866720032ae5664885e5a', class: "container" }, index.h("verdocs-search-box", { key: '2985fc2bbe16dfe08f400cabb2299f5732ef2967', endpoint: this.endpoint }), index.h("div", { key: '564828ab1a9fa57b3e2555441862cd4fcd80fbf0', class: "boxes" }, index.h("verdocs-search-activity", { key: 'f7c560b1e8c9cfc394133e317b894c8d5e3b7f8b', type: "recent", endpoint: this.endpoint }), index.h("verdocs-search-activity", { key: '1faf9b5b1ff51c9654678738448bf4be85b1d58c', type: "saved", endpoint: this.endpoint }), index.h("verdocs-search-activity", { key: '7763f2600598f258ba21003e89b3b709f07448c6', type: "starred", endpoint: this.endpoint }), index.h("verdocs-quick-functions", { key: '4ef3c0faaee2cb381cef414b558c8b69b7f32a75', endpoint: this.endpoint }))));
     }
 };
 VerdocsSearch.style = VerdocsSearchStyle0;

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

@@ -16,7 +16,7 @@ const VerdocsQuickFilter = class {
         this.mode = 'light';
     }
     render() {
-        return (index.h(index.Host, { key: '72538e137a5d5063f0056aab93709a1b2ee4a4c1', style: {
+        return (index.h(index.Host, { key: '674c605f794bcad37a3ccf1ef7b2c6893a36011a', style: {
                 width: `${this.size}px`, //
                 height: `${this.size}px`,
                 flex: `0 0 ${this.size}px`,

package/dist/cjs/verdocs-status-indicator.cjs.entry.js

@@ -7193,11 +7193,11 @@ const VerdocsStatusIndicator = class {
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (index.h(index.Host, { key: '7e17d1f0ebec0898aff25f562fc7d10a4687d9b9', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
+        return (index.h(index.Host, { key: 'cf2d831b91cdbe3ed6e5f169f77ebba96e8116ae', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
                 e.stopPropagation();
                 e.preventDefault();
                 this.envelope && this.toggleDropdown();
-            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, index.h("span", { key: '6f17422d18876713f28ca8336b59338a3697f906', class: "icon", innerHTML: icon }), index.h("span", { key: '71b11f70c36bd2be72094f39edc9da893da89a29', class: "content" }, statusMessage), index.h("div", { key: 'd321e89c2ccf9da54f86c1f93958ccfe62db70e0', class: "detail-panel", ref: el => (this.detailPanel = el) }, index.h("div", { key: 'fb57fbe71ca19de698f8866b8aa1863b512d83b2', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (index.h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
+            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, index.h("span", { key: '0e9b3ce331057662375bd08c2942016acf3bf473', class: "icon", innerHTML: icon }), index.h("span", { key: '697e060a2afb5de22e5ced2d6041d558b0e108a3', class: "content" }, statusMessage), index.h("div", { key: 'a816a2d991246f1b49a774f1e0aa3f64a691e8d9', class: "detail-panel", ref: el => (this.detailPanel = el) }, index.h("div", { key: 'b5df9ec7a7ff70ab929789d8d77d8430337f5b94', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (index.h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
     }
 };
 VerdocsStatusIndicator.style = VerdocsStatusIndicatorStyle0;

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

@@ -19,7 +19,7 @@ const VerdocsTabs = class {
         (_a = this.selectTab) === null || _a === void 0 ? void 0 : _a.emit({ tab: this.tabs[index], index });
     }
     render() {
-        return (index.h(index.Host, { key: '0cb3a6e9ab650081ca8185d3803575db2fd6f420' }, this.tabs.map((tab, index$1) => (index.h("div", { class: `tab ${index$1 === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index$1) }, tab.label))), index.h("div", { key: 'a6608f5f0590b549849870b597e79679a2fc7641', class: "flex flex-1" }), index.h("slot", { key: '3b7c759679a8d1ac23e31b9b7dd6007f5be9a26a' }, index.h("div", { key: '4f6f65746404e6e86cead45704842b70aaca08c4' }))));
+        return (index.h(index.Host, { key: '40357821a495d7b0c94b205ed90e5fd83b4a5146' }, this.tabs.map((tab, index$1) => (index.h("div", { class: `tab ${index$1 === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index$1) }, tab.label))), index.h("div", { key: 'dd9e2a621082bd61f62b161830c6fd1138f0e8c1', class: "flex flex-1" }), index.h("slot", { key: '4e64f7e7221fd9d5613f83db4067f71f2c4c1f12' }, index.h("div", { key: '4926afa57bb87a838b66807837f3b71c436a4586' }))));
     }
 };
 VerdocsTabs.style = VerdocsTabsStyle0;

package/dist/cjs/verdocs-template-card.cjs.entry.js

@@ -18,7 +18,7 @@ const VerdocsTemplateCard = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h(index.Host, { key: '92db1527b29db1accce1236ad170c1d071bd9af9' }, index.h("span", { key: '6df84f4e3f47f2a3bde4de1aaeb55cfdaaf24cec', class: "name" }, this.template.name), index.h("span", { key: '6be1cd61a1496fa579f25ff06fcd5295149aada1', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), index.h("hr", { key: '8f95b065445cf18ec71b2976c5c75d7335857f1a' }), index.h("div", { key: 'cce4e78b58f924de6b68bcf947af20dbed74ae15', class: "controls" }, index.h("div", { key: '124cf87ac1ab5f25d505004ebba55c0ad00d3b34', class: "control" }, index.h("span", { key: 'b39885d89f97c7f29077f5a0e8e943c2fd74e8a0', class: "icon", innerHTML: StarIcon }), index.h("span", { key: '7fa8e32525ed221d9907e658ca6f982fed16dba6', class: "value" }, this.template.star_counter)), index.h("div", { key: '37fb74c5e9302e8c310e2052b725183bac587c3d', class: "control secondary" }, index.h("span", { key: 'bef0ebc42c5f9062bf67d86a097dd0d4a8e03e11', class: "icon", innerHTML: PagesIcon }), index.h("span", { key: '3763e7ec4ac4e73ce712c460101223d6f8663b2a', class: "value" }, ((_d = (_c = (_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1)), index.h("div", { key: 'e4f9d35db361036a46297e82ecf1528058e214bc', class: "control secondary" }, index.h("span", { key: '985da1d76dfeecb4e57e440fbf788c18453696a1', class: "icon", innerHTML: EmailIcon }), index.h("span", { key: 'f098866929e19bf47e30a660aba05a3e508561ed', class: "value" }, this.template.counter)), index.h("span", { key: 'c742e5c6e1087a9b0f1a8b037476759274838c42', class: "additional-controls", innerHTML: ActionsIcon }))));
+        return (index.h(index.Host, { key: 'b5bcce45639a644e66e263a09329e8f345bb51e4' }, index.h("span", { key: 'db094c3a8e429af167b56da7df97cdb0d35f5ff7', class: "name" }, this.template.name), index.h("span", { key: '153ce6c4aab0beb2cd5f012bbe58b8d4fc700b1f', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), index.h("hr", { key: '709fbc0c993eb1b54ff6568fc4c639aea696d6f6' }), index.h("div", { key: 'd7d1bda1d9e6ac5aab6cae62503fe5dfa2e040ca', class: "controls" }, index.h("div", { key: '5dddc88cea131c3bee2d4fa9a3e2f1522fe3593a', class: "control" }, index.h("span", { key: 'e114a05a3cdf3176aa453ca845f7dc2ff1f2b7bb', class: "icon", innerHTML: StarIcon }), index.h("span", { key: '3a2ccb4728c0129fb182efc3e763075e8a923768', class: "value" }, this.template.star_counter)), index.h("div", { key: 'a9bfe80a726cfeb90338d0add15f99acd5ca2cae', class: "control secondary" }, index.h("span", { key: '67b8a3b64f5d40a79e35cc2ca229123c90dad701', class: "icon", innerHTML: PagesIcon }), index.h("span", { key: '3459e3e3dac0596876ec2905b6668813d986aee9', class: "value" }, ((_d = (_c = (_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1)), index.h("div", { key: 'f3a2d438d3b748061cfcf16028e352ca6337eb04', class: "control secondary" }, index.h("span", { key: '17d0a3ad7050436ccda2da74120c2348fcfa4fd7', class: "icon", innerHTML: EmailIcon }), index.h("span", { key: '6737878e795f633feb30ae0d28fc4b0c90f122eb', class: "value" }, this.template.counter)), index.h("span", { key: 'cbfde7c6ac4860d9b0720b458bf210194c25ebe0', class: "additional-controls", innerHTML: ActionsIcon }))));
     }
 };
 VerdocsTemplateCard.style = VerdocsTemplateCardStyle0;

package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js

@@ -101,7 +101,7 @@ const VerdocsTemplateDocumentPage = class {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (index.h(index.Host, { key: '6fabe54a0840385228e13a0e61f7748d41fbcf17', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (index.h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } }, layer.name === 'controls' &&
+        return (index.h(index.Host, { key: 'a332323d7adc14d79884131c20d41dfddcb03ac5', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (index.h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } }, layer.name === 'controls' &&
             this.fieldStore
                 .get('fields')
                 .filter(field => field && field.page === this.pageNumber)
@@ -201,7 +201,7 @@ const VerdocsToolbarIcon = class {
     //   this.press?.emit();
     // }
     render() {
-        return (index.h(index.Host, { key: '81bef5d6b23987730bbeafe741a7fbc52c2d854c', class: {} }, index.h("div", { key: '87a7fab6e8cb787079f37332bdf8fb188f52157a', "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: 'f6593f4c1d6b435a80b0a09d6356c383ec78a5c7', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, index.h("div", { key: 'b13a8c43aa098db8ee6f2e05a53c02f0f3de9358', "data-popper-arrow": "true", class: "arrow" }))));
+        return (index.h(index.Host, { key: 'ec176e549d8259f0f511113319fe2b7e62ff6e0a', class: {} }, index.h("div", { key: '61402e769d66bb7ecf0d7b7e24467b20baa2d4d3', "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: '3cf9f801cd53af645929a6c8067baf5f62835e15', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, index.h("div", { key: 'bd7660b0a728b1a6720907caaaede964564ee189', "data-popper-arrow": "true", class: "arrow" }))));
     }
 };
 VerdocsToolbarIcon.style = VerdocsToolbarIconStyle0;

package/dist/cjs/verdocs-template-star.cjs.entry.js

@@ -46,7 +46,7 @@ const VerdocsTemplateStar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '96d245ead9fb7891ab0f497b37b306b379a20abc' }, index.h("div", { key: '67ceace21c9957fbb27a05a527ef1b7847ac33a9', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), index.h("div", { key: '3a76f28df10bb79ffb87ca8a046a6ec4e04dc49b', class: "count" }, this.template.star_counter || '--')));
+        return (index.h(index.Host, { key: 'f72b055ab1619cc45511d468dd1b115509c59272' }, index.h("div", { key: 'dd925ee5060a57ab6a89d4045bef645035f1c731', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), index.h("div", { key: 'f0003f728db6cee4cd17eb7025e2a82f768fa8c3', class: "count" }, this.template.star_counter || '--')));
     }
 };
 VerdocsTemplateStar.style = VerdocsTemplateStarStyle0;

package/dist/cjs/verdocs-template-tags.cjs.entry.js

@@ -14,7 +14,7 @@ const VerdocsTemplateTags = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'e754a66c64713a7b01c072b1becd919d9768ac66' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (index.h("span", null, tag)))));
+        return (index.h(index.Host, { key: '537d0786deea45df3bc938eabb4db09b3532d5cb' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (index.h("span", null, tag)))));
     }
 };
 VerdocsTemplateTags.style = VerdocsTemplateTagsStyle0;

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

@@ -159,24 +159,24 @@ const VerdocsTemplatesList = class {
         // In addition to the server query we also filter locally. This provides a faster UI update
         // while the onBlur re-queries the server for any new records that now qualify by the filter.
         const locallyFilteredTemplates = !this.localNameFilter ? this.templates : this.templates.filter(t => t.name.toLowerCase().includes(this.localNameFilter.toLowerCase()));
-        return (index.h(index.Host, { key: '427c88bd9fe07c13b042fdfdf09506757aec8450' }, index.h("div", { key: '7da207667ddf2726b1b62243cec5fc903adda2f9', class: "header" }, index.h("div", { key: 'af1a65cd8003875dd2aa6007db20e9af5bea94c8', class: "filter" }, index.h("verdocs-text-input", { key: '3250ac9712dedb307f1c932295de9ccd9194e7dc', id: "verdocs-filter-name", value: this.name, clearable: true, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => (this.localNameFilter = e.target.value.trim()), onFocusout: (e) => {
+        return (index.h(index.Host, { key: 'f694c7dfbf5eba03936305973ee58f659b6bf108' }, index.h("div", { key: '3e4d44e62833d7202b23c0d5f836bc9d197408a0', class: "header" }, index.h("div", { key: 'f1141327d08933634f429520f47946a2a1d656fe', class: "filter" }, index.h("verdocs-text-input", { key: 'a769a17f2f7b82ab4a3ba2b9b911ee7d73a4e049', id: "verdocs-filter-name", value: this.name, clearable: true, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => (this.localNameFilter = e.target.value.trim()), onFocusout: (e) => {
                 var _a;
                 this.name = e.target.value.trim();
                 this.localNameFilter = e.target.value.trim();
                 (_a = this.changeName) === null || _a === void 0 ? void 0 : _a.emit(this.name);
-            } })), index.h("verdocs-quick-filter", { key: '68c85c2c151344ec1d6501e2dce7f73aa8ff1604', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
+            } })), index.h("verdocs-quick-filter", { key: 'ec3aad6196653129f6e5107455a16ed9b3e61865', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
                 var _a;
                 this.sharing = e.detail.value;
                 (_a = this.changeSharing) === null || _a === void 0 ? void 0 : _a.emit(this.sharing);
-            } }), index.h("verdocs-quick-filter", { key: '3af03c6d1debc02567190bb23c99ff742b118851', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+            } }), index.h("verdocs-quick-filter", { key: '2724fed4125aa25e4eca0ffb2257f73efdcdd3b8', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
                 var _a;
                 this.starred = e.detail.value;
                 (_a = this.changeStarred) === null || _a === void 0 ? void 0 : _a.emit(this.starred);
-            } }), index.h("verdocs-quick-filter", { key: 'e2314edc3c1c99b6ffb016e87a51118a04c15f23', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+            } }), index.h("verdocs-quick-filter", { key: '0b359f7886bc720cc7c9226a188e9a9ddbf57f96', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
                 var _a;
                 this.sort = e.detail.value;
                 (_a = this.changeSort) === null || _a === void 0 ? void 0 : _a.emit(this.sort);
-            } }), this.loading && index.h("verdocs-spinner", { key: '92047db505aab0850e4c2d369ec8a7a16fd08dc4', mode: "dark", size: 24 }), index.h("div", { key: '7fd1eaeee3e8e567b0036c3f45923f3c422b34a8', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            } }), this.loading && index.h("verdocs-spinner", { key: '8d27b2e859f2bb8414f76bc6c623fdc5b673f3c9', mode: "dark", size: 24 }), index.h("div", { key: '620315aef35c64aa9eb1ad57c5d0ecccd595a669', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
             const dateToShow = this.sort === 'created_at' ? 'created_at' : this.sort === 'updated_at' ? 'updated_at' : 'last_used_at';
             const date = template[dateToShow];
             const MENU_OPTIONS = [];
@@ -223,9 +223,9 @@ const VerdocsTemplatesList = class {
                     var _a;
                     (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template });
                 } }, index.h("div", { class: "inner" }, index.h("verdocs-template-star", { template: template, endpoint: this.endpoint }), index.h("div", { class: "spacer icon-spacer" }), index.h("div", { class: "name" }, template.name), index.h("div", { class: "spacer usage-spacer" }), index.h("div", { class: "usage" }, index.h("span", { innerHTML: EnvelopeIcon, title: "Usage Counter" }), template.counter || '--'), index.h("div", { class: "spacer last-used-spacer" }), index.h("div", { class: "last-used" }, dateToShow === 'created_at' && index.h("span", { innerHTML: CreatedIcon, title: "Created" }), dateToShow === 'updated_at' && index.h("span", { innerHTML: UpdatedIcon, title: "Last Updated" }), dateToShow === 'last_used_at' && index.h("span", { innerHTML: LastUsedIcon, title: "Last Used" }), date ? index$1.dateFns.format(new Date(date), 'P') : 'Never'), index.h("div", { class: "spacer ownership-spacer" }), template.is_public && (index.h("div", { class: "ownership" }, index.h("span", { innerHTML: GlobeAltIcon }), " Public")), !template.is_public && !template.is_personal && (index.h("div", { class: "ownership" }, index.h("span", { innerHTML: LockClosedIcon }), " Private")), !template.is_public && template.is_personal && (index.h("div", { class: "ownership" }, index.h("span", { innerHTML: BuildingOfficeIcon }), " Shared")), index.h("verdocs-dropdown", { options: MENU_OPTIONS, onOptionSelected: e => this.handleOptionSelected(e.detail.id, template) }))));
-        }), !this.initiallyLoaded && (index.h("div", { key: '549a95b02f62e46a25a9b69671be83cdf1411a2e' }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && index.h("div", { key: '5ab1a9ce5e3505f06099b9cfbaae165141df3cc0', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.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: '3feb2c40a2e322baeb52fea8815174268bdb9097' }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && index.h("div", { key: 'a4fbb1722d6d000614b0bfff01081c72550dbd85', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.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)), this.confirmDelete && (index.h("verdocs-ok-dialog", { key: 'c8a3b36ac98b3c1859fc5dba792cdfc1447ac2c4', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
+            } }))) : (index.h("div", null)), this.confirmDelete && (index.h("verdocs-ok-dialog", { key: '906e97265ab3564b2bff57f66869769ebaf65bcd', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
     }
     static get watchers() { return {
         "sharing": ["handleSharingUpdated"],

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

@@ -19,7 +19,7 @@ const VerdocsToggle = class {
         this.selectedOption = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.defaultSelection) || 0;
     }
     render() {
-        return (index.h("div", { key: '2cffe22d376dc972de87f698e5213c789879978a', class: "container" }, index.h("span", { key: '9a6ad16cc9814f397284e359d29aa5eac0996517', class: "label" }, `${this.options.label}:`), index.h("div", { key: '7869d49e9b0c7bf528d0d564baa081834cead545', class: "buttons" }, this.options.buttons.map((button, index$1) => (index.h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index$1 === this.selectedOption ? 'selected' : '', onClick: () => {
+        return (index.h("div", { key: '5e8025021d44358544e0dd8b3e0d6f41ed384e09', class: "container" }, index.h("span", { key: 'eaf50982d880e77f6be9c462bb988359057dfa1c', class: "label" }, `${this.options.label}:`), index.h("div", { key: '3e46f7114555905a3a86f7ac2cec28ca2b75d981', class: "buttons" }, this.options.buttons.map((button, index$1) => (index.h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index$1 === this.selectedOption ? 'selected' : '', onClick: () => {
                 console.log('clicked', index$1);
                 this.selectedOption = index$1;
             } }))))));

package/dist/collection/components/controls/verdocs-button/verdocs-button.js

@@ -17,7 +17,7 @@ export class VerdocsButton {
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: '822e0773075831cc4ab6a0c5a9fd3fc89c4cef43', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? h("span", { class: "icon start", innerHTML: this.startIcon }) : null, h("span", { key: '8ef9ac40620d885dd37fc776929224ea2e6cf596', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
+        return (h("button", { key: '5c9a79a82b7dab63acc557febfd7c9b143cafb2d', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? h("span", { class: "icon start", innerHTML: this.startIcon }) : null, h("span", { key: 'e57d793fad07ccccf2e15d3f1f01edaab971691c', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
     }
     static get is() { return "verdocs-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-button-panel/verdocs-button-panel.js

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

package/dist/collection/components/controls/verdocs-checkbox/verdocs-checkbox.js

@@ -26,7 +26,7 @@ export class VerdocsCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'cddf35bef85cc89a90ac6e724e1953cbad96753b', class: { disabled: this.disabled, [this.theme]: true } }, h("label", { key: '0d5466a742992b5bf88b6931276f941015254afa' }, h("input", { key: '6fed5b64b0095d8977581e6d30b412fa9622b5ff', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", { key: '6e56f6f607c883e5eb6a7eabe4de64a98878b101' }, this.label))));
+        return (h(Host, { key: '02a992ff0c9365a18637ccd7b0acc34a16c95b0e', class: { disabled: this.disabled, [this.theme]: true } }, h("label", { key: '897f8d9d3f3365087a00ab0bb12b741c944a66a3' }, h("input", { key: '1e82031b5febc2cea4920e2c374a5f3cbff07889', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", { key: 'a5b8a8518301ce6866228d7a66029abdc802e092' }, this.label))));
     }
     static get is() { return "verdocs-checkbox"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-component-error/verdocs-component-error.js

@@ -8,7 +8,7 @@ export class VerdocsComponentError {
         this.message = '';
     }
     render() {
-        return (h(Host, { key: '24ef80b6da0d6be6cef8fc877f0d8f6c758870dd' }, h("div", { key: '869e285731c0531dbb1032d5bcb6ae851ae97289', class: "inner" }, this.message)));
+        return (h(Host, { key: '572b854146e540ecb3fecdab0abe7a89bdc5f6e5' }, h("div", { key: 'b531eabc052b083f9a99b20d57df4dc0992a1ef0', class: "inner" }, this.message)));
     }
     static get is() { return "verdocs-component-error"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.js

@@ -98,7 +98,7 @@ export class VerdocsDropdown {
         (_a = document.getElementById(MENU_ID)) === null || _a === void 0 ? void 0 : _a.remove();
     }
     render() {
-        return (h(Host, { key: '747b2358b38f0f0290936973c4aaf2ec08a1a846' }, h("button", { key: '733cdd06681a5324c4598d2a11e93b78e7ade53b', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
+        return (h(Host, { key: '3a0ecbe96fffea8c916de9a657afd891dc95fa01' }, 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/collection/components/controls/verdocs-file-chooser/verdocs-file-chooser.js

@@ -29,7 +29,7 @@ export class VerdocsFileChooser {
     }
     render() {
         const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
-        return (h(Host, { key: '501a0427992593169d853a8733d518a107dee390' }, 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) }), h("div", { key: 'f534098c145b668763b59e4a0b69e644e4889006', class: "upload-box" }, h("div", { key: 'a080ece65752c1ee1e6faac36558b452d5204500', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'cfa61e426da03bf930fefc41a1bcff3cdc8fd04a', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: '3683238282627a6e48e8666ba085bb40cfd2cd7c', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (h(Host, { key: 'c5a0f7286477e1abb1e9211fa44317b1e10fbad7' }, 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) }), h("div", { key: 'e470dcabda5905509ee5c14a57c2a91585f0ce90', class: "upload-box" }, h("div", { key: 'faf9f0babd52c256126a9a49a0a7c3ad3b293257', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: '8c4d46193b78c39e1ebdf82e4d9748991d87f415', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'e9616e665a5b3c9e4d04055993e1bbcae66d8322', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
     }
     static get is() { return "verdocs-file-chooser"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-help-icon/verdocs-help-icon.js

@@ -36,7 +36,7 @@ export class VerdocsHelpIcon {
         (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
     }
     render() {
-        return (h(Host, { key: '85c73981ae3001eed65f75f7b3f7ac6236ec6468', class: {} }, 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) }), h("div", { key: '596faf9cc53b66c22c4cb498adf8bdf21eadf734', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: '464b824ea27eb3a50b63c09b30e856d329784da4', innerHTML: this.text }), h("div", { key: '3a870ec5b129fbaa0350ddea76a255aa0aee1c16', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: '5a9b1c6fe8b5d180f14d2335950b23a7ff0d0c90', class: {} }, 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) }), h("div", { key: '19316d99b359b9ec20c46c4ecbe72be3b231d498', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: 'ac871b0bfa55e880272c62b957495096103ef55e', innerHTML: this.text }), h("div", { key: 'b17216877657c25dd062d51d7a2c813d9d59972b', "data-popper-arrow": "true", class: "arrow" }))));
     }
     static get is() { return "verdocs-help-icon"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-loader/verdocs-loader.js

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  */
 export class VerdocsLoader {
     render() {
-        return h(Host, { key: 'd937a9cbfc21d5096d7040864b62b280c66ca994' });
+        return h(Host, { key: 'ed5515379a667ba9187a662d42ec3d96148f4536' });
     }
     static get is() { return "verdocs-loader"; }
     static get originalStyleUrls() {

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

@@ -26,7 +26,7 @@ export class VerdocsOrganizationCard {
         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: '66f8951a26e9d609f2988ddea15da056ba3d8d45', 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: 'a70fee0106bf1f74fa1e7a2b8fee074a3efb8825', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '7ce0f5e4e03e8c4917c63b156a66932b546dd074', anchor: portalId }, h("div", { key: 'f7d821664d642c90ef6b721b62add71c2fff0050', 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: '2d5feaaaf1d9772f69ded7329bf0b987ff039358', class: "popup-body" }, h("div", { key: 'cde3c3b9ca27ed8d6b679390bd0d1355e0df8c54', class: "field" }, h("strong", { key: '27cf928ec22fcbab95bdbec161a3fc9e939170b7' }, "Joined"), format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: '124de4f60dae0d12b209004c71a8e1ad2964ba43', class: "field" }, h("strong", { key: '7940cbb7023281fa3b6ab4891ac2554fb78acb7a' }, "Website"), 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 (h(Host, { key: '984cc4f5ae5a5bd8be25812d23e2137b86b8cb53', 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: 'ef2b5647ef244a490b453ab4cfea637c817b6250', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: 'be131ea49f16eda6400b7fae51c137b6c765ba1f', anchor: portalId }, h("div", { key: 'cf1f7f9c1bb9a9f2725ee610c5ad7d338e102948', 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: '1757748b560ed3ce222ff2ebff898c70898cc0e2', class: "popup-body" }, h("div", { key: '49fb111697b12303c2aa261dba15f68a316cc6e3', class: "field" }, h("strong", { key: 'e75239eec42a1bd06332f41ad4273c9f5cc33879' }, "Joined"), format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: '6f2445fe7b9b283e9d13b77e5c45da8dfaeff54b', class: "field" }, h("strong", { key: '2742ec20318bbb3f2ba0d71aea75d3778aa82d6f' }, "Website"), 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))))))));
     }
     static get is() { return "verdocs-organization-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.js

@@ -44,7 +44,7 @@ export class VerdocsQuickFilter {
         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: '618d88a5b4dae883914e939ef05456b9d44f2df3' }, this.selectedPage > 0 && h(PageButton, { key: 'eaff39fe466f9219173b52222eaf87f9dcb41272', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: 'e37014eb7b3bad65cc940871c6fccc5e81cdb7bc', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: 'c5575814246a760a87d9453422fda25cac2951bf', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '80c7278265cb970457cb23c6ca6f34a6b4af1888', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (h(Host, { key: 'da7fa58179d4dfab9131ab65bfd801e3e8e4c4c8' }, this.selectedPage > 0 && h(PageButton, { key: 'ce00b9a669d7db36a2b788ff9d3a438eaae4d9e0', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: 'b72cbbc77a95104828e7a2d5439b1f73a8370316', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: 'a6fdc04b9a307c8240edf80b14a96c6b892055b1', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '843dcb794dfbb81a0909bea199591f64a6b0ff91', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     static get is() { return "verdocs-pagination"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-portal/verdocs-portal.js

@@ -80,7 +80,7 @@ export class VerdocsPortal {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (h(Host, { key: 'd7a5de03169b16ea234b95e2a4baaea3640fd9f6', ref: el => (this.element = el) }, h("slot", { key: 'f727915cc6ebab778406e53142b416ef8131b45c' })));
+        return (h(Host, { key: 'd92c3751ccd809986670dd9a7f47a5e6bbcec022', ref: el => (this.element = el) }, h("slot", { key: '50c70872a6bd88ea41d987b14c80731e0bb23e76' })));
     }
     static get is() { return "verdocs-portal"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-progress-bar/verdocs-progress-bar.js

@@ -15,7 +15,7 @@ export class VerdocsProgressBar {
     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: '7a7c98f373c3d1bd1f064d4e8802862fd42bca03' }, h("div", { key: '82117f7d403c8bb16cf8edc1a9b3de2eb0a35330', class: "labels" }, this.label && h("div", { key: '90aa3cefdf193d5ebf599c4c93abe1799c979db7', class: "label" }, this.label), this.showPercent && h("div", { key: '5fb5fe56f744a28963d98ad9990919f62a0092f5', class: "label" }, this.percent, "%")), h("div", { key: 'f91d4fd40eaef38f3a75f721b9de3be764c7c46b', class: "bar" }, h("div", { key: '2ecc62850384403a42338d98f4a03c40d717c59a', class: "slider", style: { width: `${widthPercent}%` } }))));
+        return (h(Host, { key: '8b1b66e6fea674c6dbd31ae8de842ad07a411118' }, h("div", { key: '384af4301fbe9f8668688551f60da9ea5175f5a9', class: "labels" }, this.label && h("div", { key: 'af1578e6c2e5c9993613b43a24416bfd62f7da3d', class: "label" }, this.label), this.showPercent && h("div", { key: '174b1e878eec204af82dba5f60bab3699e3ba435', class: "label" }, this.percent, "%")), h("div", { key: 'c9c0a875d37ec0de10184143e4239ede8d7d208c', class: "bar" }, h("div", { key: '9e2f3c25d5cb38b5eedf77010b05a393c74fd07e', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
     static get is() { return "verdocs-progress-bar"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.js

@@ -86,7 +86,7 @@ export class VerdocsQuickFilter {
         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: 'ccc8423ebae51aa9c9523ae8ddb547b5ff33e85c', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: '51edc34e8ff8916c206413a2a0006733df65a6ee', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: 'a58d23d6fb24512f2857b3f7b96fb1f29e3bb4da', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: 'ec2639bb2800f5d1df9c024c7b35db9e178a1514', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: '11f5ed99195b02d467f7dcb38fe69a85ff6c166b', style: { flex: '1' } }), h("div", { key: 'b58e34715555bc873f0850c01f70a37593462cd1', class: "separator" }), h("div", { key: 'bc7618f508a8a5b9e4c27c7fa4a0203e96e12e3c', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), 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 ? (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: '8fbd487bc5f44471f7fc1ba41b3e9590294791a1', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: '63cd83e83fdf8ef46d50b5950461ff2a0fde19ea', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: '2f660abf210127da67b76266bb5454f0267712cd', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: '3cafd0d1edebc9449b3c9d2f0d60cb873ca4231c', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: 'ee4828fb55b904e1eaceb832db83706edd2b78da', style: { flex: '1' } }), h("div", { key: '79ec0e1054f8db50a7058e5169c503bd34ab8f45', class: "separator" }), h("div", { key: 'ce09c9523f6e1678b967edfba7e876e0d4fa4ec3', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), 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 ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
     }
     static get is() { return "verdocs-quick-filter"; }
     static get originalStyleUrls() {

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

@@ -25,7 +25,7 @@ export class VerdocsRadioButton {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '75bec4ec1ed0b9f7683a6b3c43c987c5f8c01539', class: { disabled: this.disabled } }, h("input", { key: '7493bdafdaef15d48696a51c4d1e9a7c162bdf8f', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), h("label", { key: 'c0d1aa6861cb76ec86f5995a047e9d923e9a951e', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+        return (h(Host, { key: '635ebb3b00a1ba9596addcc8722c0897c67ccefc', class: { disabled: this.disabled } }, h("input", { key: 'c3ec421823ccb3e8f587b535ba8e23f7069f4a61', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), h("label", { key: '80b453e62ed979c5f7ee73303d5dc43464b21289', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
     }
     static get is() { return "verdocs-radio-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-select-input/verdocs-select-input.js

@@ -16,7 +16,7 @@ export class VerdocsSelectInput {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'f2a13ba2272aa0e1379ce935b8fa89329f1c657e', class: "input-field" }, h("label", { key: 'cdbbe67f3ade5be5e44ff16436091bce7c4a9732' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: '8c0404328b52edfb3d99416abb0dc2c53e20fb63', class: "input-element", disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
+        return (h(Host, { key: '49b233e1dcda5c8ffd51453654fa88bdec73bd82', class: "input-field" }, h("label", { key: '53ec0b8c1823a9e992c04e554bb33752ed676ad3' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: 'e7e0ef4dc4ab8aae9cc81d39010cfa335d37b291', class: "input-element", disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
     }
     static get is() { return "verdocs-select-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.js

@@ -14,7 +14,7 @@ export class VerdocsQuickFilter {
         this.mode = 'light';
     }
     render() {
-        return (h(Host, { key: '72538e137a5d5063f0056aab93709a1b2ee4a4c1', style: {
+        return (h(Host, { key: '674c605f794bcad37a3ccf1ef7b2c6893a36011a', style: {
                 width: `${this.size}px`, //
                 height: `${this.size}px`,
                 flex: `0 0 ${this.size}px`,

package/dist/collection/components/controls/verdocs-table/verdocs-table.js

@@ -13,9 +13,9 @@ export class VerdocsTable {
         this.data = [];
     }
     render() {
-        return (h(Host, { key: 'efe778730c2c95e24dffa2043e1b16e93a964612', class: "table-wrapper" }, h("table", { key: '18b29a87f943123886ce6191e8d2cfc4f2c76b85', class: "table" }, h("thead", { key: '5152847a22a948d8fa0abd8b4ecc5ecdd7014f50' }, h("tr", { key: 'db88562938a289ea701291926b6d221c62fcd78c', class: "row header-row" }, this.columns.map((col, i) => {
+        return (h(Host, { key: '30dc31671a4fe5fe698e16ff2dd4ea9929c7659b', class: "table-wrapper" }, h("table", { key: '584e1b863ccf37c17b0e36ac3dd5178d3e591473', class: "table" }, h("thead", { key: 'e54fccb7ad63ff09d32719b2b9ce2beceae33d4a' }, h("tr", { key: '1b435a6772c21795c5c7bd0dddb5a8225add0e55', class: "row header-row" }, this.columns.map((col, i) => {
             return (h("th", { class: `col header-col col-${i} col-${col.id}`, onClick: () => { var _a; return (_a = this.colHeaderClick) === null || _a === void 0 ? void 0 : _a.emit({ col }); }, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id }));
-        }))), h("tbody", { key: 'f8fd817f153e1e1067bebed5ca5b3ee40590e1eb' }, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
+        }))), h("tbody", { key: '75dd1db03c8ea79b186939b5dab16a800371c3db' }, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
             return col.renderCell ? (h("td", { class: `col data-col col-${i} col-${col.id}`, innerHTML: col.renderCell(col, row) })) : (h("td", { class: `col data-col col-${i} col-${col.id}` }, row[col.id]));
         }))))))));
     }

package/dist/collection/components/controls/verdocs-tabs/verdocs-tabs.js

@@ -17,7 +17,7 @@ export class VerdocsTabs {
         (_a = this.selectTab) === null || _a === void 0 ? void 0 : _a.emit({ tab: this.tabs[index], index });
     }
     render() {
-        return (h(Host, { key: '0cb3a6e9ab650081ca8185d3803575db2fd6f420' }, this.tabs.map((tab, index) => (h("div", { class: `tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index) }, tab.label))), h("div", { key: 'a6608f5f0590b549849870b597e79679a2fc7641', class: "flex flex-1" }), h("slot", { key: '3b7c759679a8d1ac23e31b9b7dd6007f5be9a26a' }, h("div", { key: '4f6f65746404e6e86cead45704842b70aaca08c4' }))));
+        return (h(Host, { key: '40357821a495d7b0c94b205ed90e5fd83b4a5146' }, this.tabs.map((tab, index) => (h("div", { class: `tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index) }, tab.label))), h("div", { key: 'dd9e2a621082bd61f62b161830c6fd1138f0e8c1', class: "flex flex-1" }), h("slot", { key: '4e64f7e7221fd9d5613f83db4067f71f2c4c1f12' }, h("div", { key: '4926afa57bb87a838b66807837f3b71c436a4586' }))));
     }
     static get is() { return "verdocs-tabs"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.js

@@ -32,7 +32,7 @@ export class VerdocsTextInput {
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (h(Host, { key: '5bc396cdd768637ac69a21dcb672a53809b979ed', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '6294f9b41603ce31f561aeb2940fe764f1e3b573' }, this.label && (h("div", { key: '593198e43df84cc8f57b950bfaeab7defd4b8a15', class: "input-label" }, this.label + ':', this.required && h("span", { key: 'aad606689352175230d4644884e2a9d8ff2726f1', class: "required" }, "*"))), h("div", { key: '238b830122b5278da983330b87cd84fdd7627297', class: "input-container" }, 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 && (h("span", { key: 'd51ff8c5760437916d45514fe38832bd70a0ddb6', innerHTML: ClearIcon, class: "clear", onClick: () => {
+        return (h(Host, { key: '7cb63a97bff0475aa8ac8afa3d751f61832871af', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '2cd35c0ef2712ad23fadc773366da49e854123f5' }, this.label && (h("div", { key: '2c5ef0f38034fbff29a4c0565e15fe3be7ffbef7', class: "input-label" }, this.label + ':', this.required && h("span", { key: 'e03549b0ce0e090d9874b613bf5be0c6ea02a55a', class: "required" }, "*"))), h("div", { key: '5ea0c16f4207d76ccb7ffbad1298f1a1a31ee5a4', class: "input-container" }, 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 && (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(() => {
@@ -46,7 +46,7 @@ export class VerdocsTextInput {
                         (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
                     }, 50);
                 }, 50);
-            } })), !this.clearable && this.copyable && this.value && h("span", { key: 'e05ce0fb15f2ed2358edcbdfe1c5de77238311a8', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: 'b9d0e50d517e04e37636dd4d85e6e4409266b1e2', text: this.helpText }))));
+            } })), !this.clearable && this.copyable && this.value && h("span", { key: 'ccc030e4bb60af0325a20f61e4f51a6be53b9d9b', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '7134f63ca288289f7242da64fca5d6a0088dafca', text: this.helpText }))));
     }
     static get is() { return "verdocs-text-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.js

@@ -17,7 +17,7 @@ export class VerdocsToggle {
         this.selectedOption = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.defaultSelection) || 0;
     }
     render() {
-        return (h("div", { key: '2cffe22d376dc972de87f698e5213c789879978a', class: "container" }, h("span", { key: '9a6ad16cc9814f397284e359d29aa5eac0996517', class: "label" }, `${this.options.label}:`), h("div", { key: '7869d49e9b0c7bf528d0d564baa081834cead545', class: "buttons" }, this.options.buttons.map((button, index) => (h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index === this.selectedOption ? 'selected' : '', onClick: () => {
+        return (h("div", { key: '5e8025021d44358544e0dd8b3e0d6f41ed384e09', class: "container" }, h("span", { key: 'eaf50982d880e77f6be9c462bb988359057dfa1c', class: "label" }, `${this.options.label}:`), h("div", { key: '3e46f7114555905a3a86f7ac2cec28ca2b75d981', class: "buttons" }, this.options.buttons.map((button, index) => (h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index === this.selectedOption ? 'selected' : '', onClick: () => {
                 console.log('clicked', index);
                 this.selectedOption = index;
             } }))))));

package/dist/collection/components/controls/verdocs-toggle-button/verdocs-toggle-button.js

@@ -25,7 +25,7 @@ export class VerdocsToggleButton {
         (_a = this.toggle) === null || _a === void 0 ? void 0 : _a.emit({ active: newState });
     }
     render() {
-        return (h(Host, { key: '19b820fa8c54c87afebe8fbd24d70282eab6922c', 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: '7c2621ca7573c6a555f20f5d45131e5cc38efd9d', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
     }
     static get is() { return "verdocs-toggle-button"; }
     static get originalStyleUrls() {