@verdocs/web-sdk 5.0.38 → 5.0.40

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

@@ -27,7 +27,7 @@ const VerdocsQuickFunctions = class {
         this.createDocument.emit();
     }
     render() {
-        return (index.h("div", { key: '03bc7982e13a9b380a043496e42d7ff8fdad499b', class: "container" }, index.h("p", { key: 'e6736cda1763a621f307e7bdc65d858e115297f8', class: "title" }, "Quick Create"), index.h("button", { key: '4df8bdc42bab16be8f1d8cc785fc32ee2b69c8a6', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: 'cdf7764f92e2a9516fea74084a6f96ad70cccfa4', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (index.h("div", { key: '5477198aad675bd449cd36d7511db21ed9dae613', class: "container" }, index.h("p", { key: 'b7e436210675f73956d2b72de2683b22e9ad1def', class: "title" }, "Quick Create"), index.h("button", { key: '638c4c831fc83d8d6e5c73ff67807c79b02d8c74', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '16d21850165b9b35129d12533dbe32d958093e0b', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
 };
 VerdocsQuickFunctions.style = VerdocsQuickFunctionsStyle0;

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

@@ -28,7 +28,7 @@ const VerdocsRadioButton = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'ff7e0e17e64a3661ef8fac7ee5b3af89ef6104fe', class: { disabled: this.disabled } }, index.h("input", { key: 'c126144089499b7137674e7a5b1f28acef3fbd48', 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: 'fa7ff48e8719b2a0f4baee892d8b54bfc6ebabb5', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+        return (index.h(index.Host, { key: '67f3ed35f002dc6836a583735bc5394f13bd12d4', class: { disabled: this.disabled } }, index.h("input", { key: '791fd4eb3d0336065189160bc9e3597f8f2e5a4b', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), index.h("label", { key: '508701c11f5ee5dc91fe5f96182b51e29451b910', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
     }
 };
 VerdocsRadioButton.style = VerdocsRadioButtonStyle0;

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

@@ -62,7 +62,7 @@ const VerdocsSearchBox = class {
         }
     }
     render() {
-        return (index.h("form", { key: '6724004c52228007481db18b4052250ee12a31fa', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (index.h("span", { key: 'fba60d4410af8d0144f1690c1f79cda3c2c79561', class: "type" }, this.type, "s ", index.h("button", { key: '34f805e086249c8106da963d988b4f54a0c0397b', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), index.h("input", { key: '1dfe50829fc3f5350bb1e74ba603f56b4d895dfc', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), index.h("button", { key: '29798626a9b896c202728a6c9216fb9b22350a39', onClick: e => this.handleSearch(e), class: "search" }, index.h("span", { key: 'bc4e58e61df43c2e740ab8428eb6d20a3042a38c', innerHTML: SearchIcon }), "Search")));
+        return (index.h("form", { key: '05f901280acc578495e9bb4eb5caeb584da8a009', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (index.h("span", { key: 'c8103cb06abdc5fa899eafb01c05be00405aa625', class: "type" }, this.type, "s ", index.h("button", { key: 'e68f07ecdd255ca38cab6eb22e949b0477b6ccde', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), index.h("input", { key: 'fe76c1d412514428b1e33c0bdcdc260c9d7d4e8c', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), index.h("button", { key: '3a9eeff46256600d4abf2215045abb26c0c5d35d', onClick: e => this.handleSearch(e), class: "search" }, index.h("span", { key: '2bfef089bfec6900674054287a06bcb66e671541', innerHTML: SearchIcon }), "Search")));
     }
 };
 VerdocsSearchBox.style = VerdocsSearchBoxStyle0;

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: '560e3303fbfbaee938891bee62b7fec8b84ec5a8' }, "\u00A0");
+        return index.h("div", { key: '94316e73f4d9ec80389a8442a8bb3e2b95b91840' }, "\u00A0");
     }
 };
 VerdocsSearchTabs.style = VerdocsSearchTabsStyle0;

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: '42b03fbd492a1a42bca313620e7e765c1b96391f', style: {
+        return (index.h(index.Host, { key: 'b71bb590c4c908d7b0c9b6483ee8def10f327d2f', style: {
                 width: `${this.size}px`, //
                 height: `${this.size}px`,
                 flex: `0 0 ${this.size}px`,

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

@@ -7196,11 +7196,11 @@ const VerdocsStatusIndicator = class {
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (index.h(index.Host, { key: 'd86b4cdd8856bb999cdecbd8314c58fd2d7a4c1a', 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: '0d3a55cf87f1a0dba7e235e3b3fb19b7b44e67f5', 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: '8528553b41a85688a6a73270dbe6b94451e53ab9', class: "icon", innerHTML: icon }), index.h("span", { key: 'd2a5c2c9237f63fb204b059e47d002b2a184924a', class: "content" }, statusMessage), index.h("div", { key: '592a8c0307ddb80dc2902cffb401b80b9c346e48', class: "detail-panel", ref: el => (this.detailPanel = el) }, index.h("div", { key: '2c082c319e2661ad2be79a6c674cccf78f37ccde', 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: '9d1812f322823609640bbdcde955123f4dfb294e', class: "icon", innerHTML: icon }), index.h("span", { key: '3db7a2eca6b3a6894a56daace7a367726feb508e', class: "content" }, statusMessage), index.h("div", { key: 'a0b31ee1a68c854dc781ba6fa729fbde485db23e', class: "detail-panel", ref: el => (this.detailPanel = el) }, index.h("div", { key: '2eab9e497070e97fe917ccc76d7c43ab2ae508f7', 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-switch.cjs.entry.js

@@ -22,13 +22,13 @@ const VerdocsSwitch = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("button", { key: '1e2fc42d3f9f2c86a8ea0294b3c351bdbe7d584d', 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 (index.h("button", { key: 'ac79927c0b065247f651feafc3c4c886a4f616c2', 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);
                 }
-            } }, index.h("span", { key: '4ffe0e671de3b711c87990d1c306f917cb4fb355', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
+            } }, index.h("span", { key: '9f3b2e798beba7496648093ad9e16f61f369a975', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
     }
 };
 VerdocsSwitch.style = VerdocsSwitchStyle0;

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

@@ -22,9 +22,9 @@ const VerdocsTable = class {
         this.data = [];
     }
     render() {
-        return (index.h(index.Host, { key: 'af34aa90ee85648ada45e57e35b81bf8321ddad6', class: "table-wrapper" }, index.h("table", { key: '95cad4a7ac48455d765d1b1d05f5240151d14d42', class: "table" }, index.h("thead", { key: 'ce6981b027cca248b0f346157c211e8d71ec60f9' }, index.h("tr", { key: 'a69bda1f568d511b018d3eb9a5c921b52a52b12b', class: "row header-row" }, this.columns.map((col, i) => {
+        return (index.h(index.Host, { key: 'e152c6c5ff2075368de61ceb808d955f4fb59117', class: "table-wrapper" }, index.h("table", { key: '15c290deee49da7a1d55c78c6c270909a94774a8', class: "table" }, index.h("thead", { key: '945ce3665c279dc219800207d005c3c1f303e48f' }, index.h("tr", { key: '66a4707a369dd0299c9141b19857f5cb6cf23dc5', class: "row header-row" }, this.columns.map((col, i) => {
             return (index.h("th", { class: `col header-col col-${i} col-${col.id}`, onClick: () => { var _a; return (_a = this.colHeaderClick) === null || _a === void 0 ? void 0 : _a.emit({ col }); }, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id }));
-        }))), index.h("tbody", { key: 'a422a64e2356f3ab489c2f52ff16a19e3cc93d2c' }, this.data.map(row => (index.h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
+        }))), index.h("tbody", { key: '4fd199454878ff499a5148ad864b9e40ebaa2e70' }, this.data.map(row => (index.h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
             return col.renderCell ? (index.h("td", { class: `col data-col col-${i} col-${col.id}`, innerHTML: col.renderCell(col, row) })) : (index.h("td", { class: `col data-col col-${i} col-${col.id}` }, row[col.id]));
         }))))))));
     }

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

@@ -17,7 +17,7 @@ const VerdocsTemplateCard = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h(index.Host, { key: '5bc4a692f23987520b72c81283195e81b109ce45' }, index.h("span", { key: 'b5df9c27e7c2261a7c001510f79ae8c98087a419', class: "name" }, this.template.name), index.h("span", { key: '8f5b9ae0fd9fd777d0583258afb66abf046abe80', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), index.h("hr", { key: 'aa4b2185a5d15eff67c382e1b102672e6bb590b6' }), index.h("div", { key: '06f46bdab531cccb03c41c28467e04ac91849d0c', class: "controls" }, index.h("div", { key: '4ecc7677cf1e71e8f173d74da2d2ce7c47f761bd', class: "control" }, index.h("span", { key: 'fc0205562fcbdb340367566f240e0f89c5757963', class: "icon", innerHTML: StarIcon }), index.h("span", { key: '1922c75e74751dcad1b078e098572222103500fd', class: "value" }, this.template.star_counter)), index.h("div", { key: '50dda33468212c058ff3d51ca387cd1534bae983', class: "control secondary" }, index.h("span", { key: '7304ccb8a32ca382d4821c0bfb319616ebb68080', class: "icon", innerHTML: PagesIcon }), index.h("span", { key: 'ffd067aa17dee9d3376d9e6ce3fd27b840dcd2d2', 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: '031b25d2005e39e2a90f7337bd6eb9ee77fe2320', class: "control secondary" }, index.h("span", { key: 'e1cb98119e217c59be551f5f42ca3e03a434a7e4', class: "icon", innerHTML: EmailIcon }), index.h("span", { key: 'f8921ee58299d79d468a7206adcf06e083c71ba1', class: "value" }, this.template.counter)), index.h("span", { key: '89f87475b502f97fb8203bd97c15785bb1436051', class: "additional-controls", innerHTML: ActionsIcon }))));
+        return (index.h(index.Host, { key: '8c1e1c635b1baa655956acdb25c0dadf7aa7fb37' }, index.h("span", { key: '27f70562114c4b477a39d2c592ac970958308b6a', class: "name" }, this.template.name), index.h("span", { key: 'e7d9da9cef9ead160a65a4cee49f030d52b20eb3', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), index.h("hr", { key: 'ae53a4cb7e75c6b2af578e2518b601e742aecfb8' }), index.h("div", { key: 'f493a7d3641fe90d6bf35649664f76b5fc1ee3d3', class: "controls" }, index.h("div", { key: 'f0ef5225ff60e056166eede4ba69d4999c1a9887', class: "control" }, index.h("span", { key: '5f3f45383a81584741ee04b1fce6b4720bab9063', class: "icon", innerHTML: StarIcon }), index.h("span", { key: '9faf96a64292b6529e29186a4bd1e12d9ad3b42b', class: "value" }, this.template.star_counter)), index.h("div", { key: '2b605818b05ddf5ea9c3ac28f1bad3d0c8a3e3fb', class: "control secondary" }, index.h("span", { key: 'c12a8f975614144c72060cf9213a7e8081636602', class: "icon", innerHTML: PagesIcon }), index.h("span", { key: '53dd14ec4e8c0c57bbff3866901d10baa61abc31', 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: 'c2e72a02dcb918fe595f2fd7228728bd29b1c816', class: "control secondary" }, index.h("span", { key: '9ed65ee6703d3db204c7f9619884615d3595f9f2', class: "icon", innerHTML: EmailIcon }), index.h("span", { key: '805565cdc082e8d76e2dd2db98aeede1eee9810f', class: "value" }, this.template.counter)), index.h("span", { key: '8914f5b5d9d2395bd60f7fded9d58b4c48f85100', class: "additional-controls", innerHTML: ActionsIcon }))));
     }
 };
 VerdocsTemplateCard.style = VerdocsTemplateCardStyle0;

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

@@ -266,7 +266,7 @@ const VerdocsToolbarIcon = class {
     //   this.press?.emit();
     // }
     render() {
-        return (index.h(index.Host, { key: 'bb4ac065c1a6873c88a7a4d468e674524ffad255', class: {} }, index.h("div", { key: 'c19c62586b0a0c5085adb4a1133cd5d6b78792ad', "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: '9f64d63fcb1d8d126adf3a680cf2a9ea3d0e2827', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, index.h("div", { key: 'e4a0d13321ffa070c41060d94da95549e009b0ff', "data-popper-arrow": "true", class: "arrow" }))));
+        return (index.h(index.Host, { key: '2ff1baf8227efaa911d823914f2645d3b2d7d82e', class: {} }, index.h("div", { key: 'c13b7a5e10720450462e4c7229b1093e03e87808', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), index.h("div", { key: 'ac849c0f365f2570c94aff71dfbba9edd357b713', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, index.h("div", { key: 'f4e4f13a0016c6deb1db21c13b2f0ca6fe6bea25', "data-popper-arrow": "true", class: "arrow" }))));
     }
 };
 VerdocsToolbarIcon.style = VerdocsToolbarIconStyle0;

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

@@ -48,7 +48,7 @@ const VerdocsTemplateStar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'eb259c8e257472924f06fec710e849140eca20b7' }, index.h("div", { key: 'ed61521d8e7b02b85dcd24ba01618863d9ad0449', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), index.h("div", { key: '674b8ba25d8c1a66bf6c3e2d91ffb3739acac0aa', class: "count" }, this.template.star_counter || '--')));
+        return (index.h(index.Host, { key: 'e160d6639542d0035c1fde3d0a3c39732116aaa1' }, index.h("div", { key: '515127c944567fc9afdab5d94531af6f82e10608', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), index.h("div", { key: '8dafd4ff028fb481cd048a6c93a55fc740691e84', class: "count" }, this.template.star_counter || '--')));
     }
 };
 VerdocsTemplateStar.style = VerdocsTemplateStarStyle0;

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

@@ -13,7 +13,7 @@ const VerdocsTemplateTags = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'bc7bd2b353f4f73cf6dd9fdd5d633c0d7e033b70' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (index.h("span", null, tag)))));
+        return (index.h(index.Host, { key: '195b981b22a559b2de73d87811b37a4e8b7ccd14' }, (_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

@@ -188,24 +188,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: 'de7c2936ade3d8cc9338e0899a4034f7449273a6' }, index.h("div", { key: '5cf45e8d5488721fb1345f46a2f0cac0856e62f8', class: "header" }, index.h("div", { key: '34131570eea93318d2e4df10851c878c6bcaa339', class: "filter" }, index.h("verdocs-text-input", { key: 'fcbd3e69988bfd427160b824b5335e76ec98f795', 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: 'e7e90b641fbea53569365333de5671fe8056ad00' }, index.h("div", { key: '800eaf67dd2c153ec9730952ecf86c2c883f3a59', class: "header" }, index.h("div", { key: '0566a72ae5b65cae1d3d1ab9ee1f92193b28c7b7', class: "filter" }, index.h("verdocs-text-input", { key: '18339e5f5219d4a874863483a5519313d62e5f39', 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: 'd316a3e87952b7dabf6f278d937484e6710929ed', label: "Visibility", value: this.visibility, options: VisibilityFilters, onOptionSelected: e => {
+            } })), index.h("verdocs-quick-filter", { key: 'eb436954742039fe8e238e3f9e29323b284499fe', label: "Visibility", value: this.visibility, options: VisibilityFilters, onOptionSelected: e => {
                 var _a;
                 this.visibility = e.detail.value;
                 (_a = this.changeVisibility) === null || _a === void 0 ? void 0 : _a.emit(this.visibility);
-            } }), index.h("verdocs-quick-filter", { key: '2e4c999b781d8ea38ce7cf9c518bbd2e06d3f94a', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+            } }), index.h("verdocs-quick-filter", { key: '9a384e6a64b56c25ede399db0cfe691651712f08', 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: 'ed517fac6f116e45d893cbcfa19b26f97e0909c0', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+            } }), index.h("verdocs-quick-filter", { key: '12b8d9bcbf43f10b98d19b429adeb2bb1fb9fa2d', 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: '20491f7e4328e91e5ac3949eba46d40f6843d1d1', mode: "dark", size: 24 }), index.h("div", { key: 'd19bdd725c64f63910d4ad2aab9a2509e1df0350', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            } }), this.loading && index.h("verdocs-spinner", { key: '1c2a66d3549ee80decf1d523c9dece2416146a0b', mode: "dark", size: 24 }), index.h("div", { key: '6ecb8f54e7bb8a1b8e71497cfd78a5a8487466c5', 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 = [];
@@ -252,9 +252,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 ? format.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: '2874579da4fc3dcbc3a83ea8a6e1352515a413ee' }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && index.h("div", { key: '107532922a2456e33685db2bbfb4678b1dd458fa', 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: '9c248da7e6a766b6d4ca75c5a6728f609540ff43' }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && index.h("div", { key: '978cb7ba0c6ee2307781fa1a93311fded6c03cf7', 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: 'b9dd36650b8aec22a4fe8dd4e16c05291d5a0e44', 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: '737d3a3e1211a1a7da04bea7a1c5ba8cce43cd4b', 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-button.cjs.entry.js

@@ -37,7 +37,7 @@ const VerdocsToggleButton = class {
         (_a = this.toggle) === null || _a === void 0 ? void 0 : _a.emit({ active: newState });
     }
     render() {
-        return (index.h(index.Host, { key: '77cac0ccc26fa84e5d6ed5950c767c1219f4abec', class: `size-${this.size}` }, this.icon ? (index.h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (index.h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
+        return (index.h(index.Host, { key: '90f073b58425c92fade3871d8d605407f43dc671', class: `size-${this.size}` }, this.icon ? (index.h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (index.h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
     }
 };
 VerdocsToggleButton.style = VerdocsToggleButtonStyle0;

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

@@ -17,7 +17,7 @@ const VerdocsToggle = class {
         this.selectedOption = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.defaultSelection) || 0;
     }
     render() {
-        return (index.h("div", { key: '1c98d1e1f6ebea48e837eddd28d2eb7894b7e82d', class: "container" }, index.h("span", { key: 'c16180d1a5a9b1598935a4c0da9b383adabf92f1', class: "label" }, `${this.options.label}:`), index.h("div", { key: 'ae5d3bc8ea4c9341ce0dc1d573244cd636935537', 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: 'aaa423ec2c2783ea0e8df7ce716ef0faeb5381b7', class: "container" }, index.h("span", { key: '4a046c8928e0c524a39fac38ef4e6659ab22caca', class: "label" }, `${this.options.label}:`), index.h("div", { key: 'e83171226f4084830a49ad684a13c579874d5918', 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

@@ -34,7 +34,7 @@ export class VerdocsButton {
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: '4df7c66508487f951fdf05f0ba748bf92a865248', 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: '31c06cfdfe860e9a84e6a1efb103293208439e82', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
+        return (h("button", { key: 'f4f06c9658a8d3dc63380bdc973bdfa96c60cca3', 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: '6a46cd55ec51dec6efa13171a067d6fa15925af3', 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

@@ -80,10 +80,10 @@ export class VerdocsButtonPanel {
         }
     }
     render() {
-        return (h(Host, { key: '8e158c38e4e3c908b1e468dd5ed07e884fe14cf1' }, h("div", { key: '773c823c956936e3cbbb196c913acaafa0f8450f', class: "icon", innerHTML: this.icon, onClick: (e) => {
+        return (h(Host, { key: 'ac59044fd14cb2998684f1b8f1c54aedec37f256' }, h("div", { key: 'e62fb7d53428ba82bae2622aede06e15db19fec9', class: "icon", innerHTML: this.icon, onClick: (e) => {
                 e.stopPropagation();
                 return this.toggle();
-            }, ref: el => (this.iconEl = el) }), h("div", { key: '8da9d3ffdb21e1c0fc1925787160322d18ea8a37', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: '8b4567c58986d41a4cf4fdfabb86bb0e5a3f8786', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: '6ff2d23af1b15a496c0d4b7559704d00c80b0d11' }))));
+            }, ref: el => (this.iconEl = el) }), h("div", { key: '4cccc4f6d5f3294074f6d1e41ce768a023d6fdb0', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: 'e02fba4c1cee732b08d01b5729f1edd02c9262e5', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: '323f842de2f33348bcbcf67b1c576dce2275dcf9' }))));
     }
     static get is() { return "verdocs-button-panel"; }
     static get originalStyleUrls() {

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

@@ -47,7 +47,7 @@ export class VerdocsCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'fff6a238d4655f3de4e0243002c960c19093a702', class: { disabled: this.disabled, [this.theme]: true } }, h("label", { key: '3c7881008984c8304fe870b58596300952b06a43' }, h("input", { key: '43b5160bd241f9c6e0757cf176988aed23769244', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", { key: '9be56f5bbcd6b9fa14418890b17b9f3a1e57c080' }, this.label))));
+        return (h(Host, { key: 'a617fe69dfeb3cf79e552f062815e1bc859dc806', class: { disabled: this.disabled, [this.theme]: true } }, h("label", { key: 'a29ab938e9cac471c0d74e7e9bd6a21de7eb87da' }, h("input", { key: '340957de1498dda8eda1c63bbb70f806c26eddb0', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", { key: '5073dbf69d6b8ad400c7fcd62845e4d83c52e187' }, this.label))));
     }
     static get is() { return "verdocs-checkbox"; }
     static get originalStyleUrls() {

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

@@ -11,7 +11,7 @@ export class VerdocsComponentError {
         this.message = '';
     }
     render() {
-        return (h(Host, { key: '335eec55d2951752f4ad7b040121ae185884e0c0' }, h("div", { key: '1e72858d96a0d25909f4cfa6a4c1b7f225d9bad3', class: "inner" }, this.message)));
+        return (h(Host, { key: '509807ffc56b4d364151e69514b6d43bd152852b' }, h("div", { key: 'c37f0168a709b72ffb4015aca2a00fae23f6681e', class: "inner" }, this.message)));
     }
     static get is() { return "verdocs-component-error"; }
     static get originalStyleUrls() {

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

@@ -38,7 +38,7 @@ export class VerdocsDropdown {
     }
     render() {
         const elId = `verdocs-dropdown-${randomString(8)}`;
-        return (h(Host, { key: '8c6bc440b8c7c7f8587ba1d8e00e9e28a5ba75e2' }, h("button", { key: 'ab57f2dc94a658fe473652931b28923fe702dd65', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", id: elId, onClick: () => (this.showPicker = !this.showPicker) }), this.showPicker && (h("verdocs-portal", { key: '775d4b3d36510957a863bfd3f1f889baeb6d62f0', anchor: elId, onClickAway: () => (this.showPicker = false), id: "verdocs-dropdown-menu-items" }, this.options.map(option => {
+        return (h(Host, { key: '26e5cc46644eb41b1ffed2184326e9eaaa9668b1' }, h("button", { key: 'c1dcb9329ce082aa21fd8b884d2f39df3d0b85dc', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", id: elId, onClick: () => (this.showPicker = !this.showPicker) }), this.showPicker && (h("verdocs-portal", { key: '2096de37955819556d84c0dbefaf76f9ea5b925b', anchor: elId, onClickAway: () => (this.showPicker = false), id: "verdocs-dropdown-menu-items" }, this.options.map(option => {
             if (!option.label) {
                 return h("div", { class: "verdocs-dropdown-menu-separator" });
             }

package/dist/collection/components/controls/verdocs-file-chooser/verdocs-file-chooser.js

@@ -31,7 +31,7 @@ export class VerdocsFileChooser {
     }
     render() {
         const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
-        return (h(Host, { key: '193c771d4f6da75c045295ebedadd31b90acee4f' }, h("input", { key: '94cc9d419b15de25763b7d6347b8b88a2c54234d', 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: 'befdb80389deef16728b8591400953fdc141f644', class: "upload-box" }, h("div", { key: 'b065c35caef733d346ac1f788043f0b620a6b503', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'acbaa900429925b6a9c416620c82f81f64a2f4eb', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: '2ff422a21e6987e3f348d85acb6394f4bfebbcc0', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (h(Host, { key: '8fc35845fc90db5ea86a900353a707136e1688f4' }, h("input", { key: '08696432f96839fa186d24a094f1bad719a1e019', 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: 'd52c04ad541fffc0981de9738bf8a4cd181324a7', class: "upload-box" }, h("div", { key: '145b2fcf28eb8973703c1ec02eb39a08fd8f67ce', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'f4f74ef29fe3415ecbb8f667a2fa33707ace3e09', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: '40b2d48aa5a9ba4d67e2a2512e8f0d9daf2584fe', 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

@@ -42,7 +42,7 @@ export class VerdocsHelpIcon {
         (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
     }
     render() {
-        return (h(Host, { key: 'a9980ec0b05eb78f08c7a7979abc862983dfe26b', class: {} }, h("div", { key: '8130472eabc8b4851a43b419fc4a897f7ff17c2d', "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: 'e5d788e8754631a8cb268384be4d712e90eeb4d9', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: '44f931f6ba01d83852ad82d83d1d712ee1ccc506', innerHTML: this.text }), h("div", { key: '8438d774f4fdff0057c772867d7d2959de6827df', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: '54d9d3f242bf3e84bc0ef1bb88c8f6d6d74e5979', class: {} }, h("div", { key: '87b69e2146281a6d9b9e0202bd1407de50e51f84', "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: '8189c0ad75e24adc81dfccad3b3dc1d814222b08', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: '2d6c21c0561e5a215bb18043c8a40e22d1c54d0d', innerHTML: this.text }), h("div", { key: '63406c7c459b2d4a05cd91f5d62ff7f017e552ff', "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: '8df93e7bfefe4c8702c3e224b58d04a4aec7b938' });
+        return h(Host, { key: 'ff34c7e1c82da9bb60f3af2890cf46e02cd213b1' });
     }
     static get is() { return "verdocs-loader"; }
     static get originalStyleUrls() {

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

@@ -67,7 +67,7 @@ export class VerdocsMenuPanel {
         (_b = document.getElementById(this.panelId)) === null || _b === void 0 ? void 0 : _b.remove();
     }
     render() {
-        return (h(Host, { key: '7af689ac218611d0c7d4674484d86773d3db1d44', ref: el => (this.element = el) }, h("slot", { key: '77d1b36d9000b0df6d21fc2eee55a97a4181ca47' })));
+        return (h(Host, { key: '8dcf3da4611a3f0b76aa1ee94420324664142a4d', ref: el => (this.element = el) }, h("slot", { key: '0009e45a7d3e1ecd7552eae299883cb2048f887f' })));
     }
     static get is() { return "verdocs-menu-panel"; }
     static get originalStyleUrls() {

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

@@ -38,7 +38,7 @@ export class VerdocsMultiselect {
     }
     render() {
         const elId = `verdocs-dropdown-${randomString(8)}`;
-        return (h(Host, { key: '757ef48a38e7c6950785c6001f0e33f1f84412bd', class: this.showPicker ? 'open' : 'closed' }, h("label", { key: '2c389ed08ded5b56fff19e9ee3b73588cbf58d84' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("div", { key: '3d5ed882e3708a960cc01d6dbea3fd6dacc91eee', class: "input-wrapper" }, h("button", { key: '07db0df18f6cae9bb3155d2defb4be80609f8a3a', id: elId, class: "trigger", value: "", onClick: () => (this.showPicker = true) }, this.selectedOptions.length === 0 ? (h("span", { class: "placeholder" }, this.placeholder)) : (this.selectedOptions.map(option => { var _a; return h("span", { class: "selected-option" }, ((_a = this.options.find(opt => opt.value === option)) === null || _a === void 0 ? void 0 : _a.label) || 'Unknown'); }))), h("div", { key: '5fd7022a7750a1bbae834d167253a9bf73f4eca4', class: "icon", innerHTML: DownIcon }), this.showPicker && (h("verdocs-portal", { key: 'cf01564f24ffd3fef6d1340a47e70d9928f1d296', anchor: elId, voffset: 2, onClickAway: () => (this.showPicker = false), id: "verdocs-multiselect-menu-items" }, this.options.map((option, i) => (h("div", { class: "option", onClick: () => (this.showPicker = false) }, h("input", { id: `verdocs-multi-select-option-${i}`, type: "checkbox", value: option.value, checked: this.selectedOptions.includes(option.value), onInput: (e) => this.handleToggleOption(e, option) }), h("label", { htmlFor: `verdocs-multi-select-option-${i}` }, option.label))))))))));
+        return (h(Host, { key: '7fa4d31d423894e8caa3dffd1fb46752b7b87ee5', class: this.showPicker ? 'open' : 'closed' }, h("label", { key: '891a7d7ee2867d598f2f3ea6609148a47a9a7166' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("div", { key: 'c165f68315aec9d1aca6e9f2214ece090f496363', class: "input-wrapper" }, h("button", { key: '2297bfb9c84abd5da4c73dfcbae15fe2f5f04c1c', id: elId, class: "trigger", value: "", onClick: () => (this.showPicker = true) }, this.selectedOptions.length === 0 ? (h("span", { class: "placeholder" }, this.placeholder)) : (this.selectedOptions.map(option => { var _a; return h("span", { class: "selected-option" }, ((_a = this.options.find(opt => opt.value === option)) === null || _a === void 0 ? void 0 : _a.label) || 'Unknown'); }))), h("div", { key: 'e4929befc449d9be400305ee3e0aeb1c171583fd', class: "icon", innerHTML: DownIcon }), this.showPicker && (h("verdocs-portal", { key: '42016ae18aa4acd4c5aac8f2ea3a7d6126116aa6', anchor: elId, voffset: 2, onClickAway: () => (this.showPicker = false), id: "verdocs-multiselect-menu-items" }, this.options.map((option, i) => (h("div", { class: "option", onClick: () => (this.showPicker = false) }, h("input", { id: `verdocs-multi-select-option-${i}`, type: "checkbox", value: option.value, checked: this.selectedOptions.includes(option.value), onInput: (e) => this.handleToggleOption(e, option) }), h("label", { htmlFor: `verdocs-multi-select-option-${i}` }, option.label))))))))));
     }
     static get is() { return "verdocs-multiselect"; }
     static get originalStyleUrls() {

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

@@ -25,7 +25,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: 'f6c8ad8bc095f37d036de897927380147a001e96', 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: 'c1dc4462971dd0793ad72d4591f728b7219b4bea', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '3d99780a747d160548c9cee3dd06d57036cfa93a', anchor: portalId }, h("div", { key: '3cef49c037e17fb62af465b50ef6af0ee860691a', 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: '3657c41ef18895e4cd0793d1517c71dd5d654cc6', class: "popup-body" }, h("div", { key: 'cc5ab4e315ab5194cbafe44ce0689f7e5acd1c93', class: "field" }, h("strong", { key: '82c91160f7d89d9d2091a2940e200ad955d691a3' }, "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: '4b12013323bb47eea919ea0a7ae83828d3c5ee17', class: "field" }, h("strong", { key: '8bad90562acaabdc03a6d2809f5cd2e61855b60e' }, "Website"), h("a", { key: '305e7ce650997b204a7c38a338297008e031518c', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
+        return (h(Host, { key: 'd7b475ffa8a508828c58362f1d132313910db262', id: portalId }, this.organization.thumbnail_url ? h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : h("span", { class: "icon", innerHTML: fallbackIcon }), h("span", { key: '41371ad0ece9b5b13c455313658b3983facf5db5', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '37b667310a2124dc68a88a8b5732ecd4a87f9da1', anchor: portalId }, h("div", { key: '7f72d2f2c25314cdfa81721c6b6653989c7be72b', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (h("div", { class: "popup-header-with-logo" }, h("img", { src: this.organization.full_logo_url, alt: "Logo" }), h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (h("div", { class: "popup-header" }, h("span", { class: "status" }, h("span", { class: "icon", innerHTML: fallbackIcon })), h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), h("div", { key: '478657fefd75b3adda14550ce7dd8117ee3f519f', class: "popup-body" }, h("div", { key: '213022879f5f5d2cab6cf415692e418911e1ee05', class: "field" }, h("strong", { key: '3e36b9b9ef2dd6b39dc313c77772b750d7bdb242' }, "Joined"), format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: 'b28cb49fe0214c3f0851fe4609433ada584bf0be', class: "field" }, h("strong", { key: '9cdfd0da0dcb3d51149b1e0bc2f612e0f0edab6d' }, "Website"), h("a", { key: '74be8e66995435c5e6a071098ec1d4a6a7ca6f5f', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
     }
     static get is() { return "verdocs-organization-card"; }
     static get originalStyleUrls() {

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

@@ -53,7 +53,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: '358610aeb011220e76bee09fa0d4959f2a887914' }, this.selectedPage > 0 && h(PageButton, { key: '67e46ca48d09a2c30a366166fb8b11ebc9fa24eb', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '5247620dbc930d33c91f147fbbe4fe7bb9b3c487', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '54504094516e328ea81a01d92d0895777d732b43', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '824d5d8702682563621b663ab86fdb3404e82ffd', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (h(Host, { key: '9cb81ab797997f6bedf65126e759a329e01b5d86' }, this.selectedPage > 0 && h(PageButton, { key: 'a172567f4adbaa02644a3c285344c0de4d2e5a33', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '97833b23734e758e9ae5627b756fecad2371037c', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '20dc5aa9111118ce1df8177d64c6fecff1d497e2', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '04b5d3fce4ba05f3acc2f24927c1bda6be7f34e7', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     static get is() { return "verdocs-pagination"; }
     static get originalStyleUrls() {

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

@@ -89,7 +89,7 @@ export class VerdocsPortal {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (h(Host, { key: '050fd06e144d86e3b1266b22fbfbdd9cf2e9a820', ref: el => (this.element = el) }, h("slot", { key: 'b860298e37d31038c5f3f327e7aad2320aa9e5c8' })));
+        return (h(Host, { key: '7379bf2578c769bf6112486912c7aa30b429fae1', ref: el => (this.element = el) }, h("slot", { key: '3b141548481e6dd23f47ed4e0db78e3931a5bdaa' })));
     }
     static get is() { return "verdocs-portal"; }
     static get originalStyleUrls() {

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

@@ -24,7 +24,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: 'edf1b53f1ef7c559ba3e279661be5f177df81fc3' }, h("div", { key: 'a94d1b730c9702317f58cafc29de93f9e2d04aa1', class: "labels" }, this.label && h("div", { key: 'ebb544b3966ca08d0995c40cdee70fd9eed5df1f', class: "label" }, this.label), this.showPercent && h("div", { key: 'e14874dab43de11c3437583d1a4207d9c8b8cee9', class: "label" }, this.percent, "%")), h("div", { key: '9df97ccf5639126dc40d42c1c261a40204aa92b0', class: "bar" }, h("div", { key: '60b8eaaeb8105899dd30d5f78eda44818309129d', class: "slider", style: { width: `${widthPercent}%` } }))));
+        return (h(Host, { key: 'c57b566587b7fe5f95f7082964dc7d27c46008cb' }, h("div", { key: 'b44243b4c65cdd5ddb7a47028db07e47e1c9373b', class: "labels" }, this.label && h("div", { key: '58715d2cd0a47260618472ed06d3eeda095ea852', class: "label" }, this.label), this.showPercent && h("div", { key: '38b9fa2f2180eee29cdc6aff0562475c9d6cc943', class: "label" }, this.percent, "%")), h("div", { key: '1258f3696cb5852865e7d1af59bf2acb7acfda50', class: "bar" }, h("div", { key: 'eb1346d2b9f7ccce786c358ef247fd3ec62de67f', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
     static get is() { return "verdocs-progress-bar"; }
     static get originalStyleUrls() {

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

@@ -88,7 +88,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: '6f6e71bd0ea76ca6ba26b77fb30c0239fb8bedd5', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: 'd81ab2d9e14a0ba69b1080f3dd99a5192cd5e533', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: '6a52a8e2ea889e5814418ca04c034fa6ef0bea25', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: '123f3497307aafb8a2b26acbbfe6d992bc8ee035', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: 'b3b3958835e040778ded7d388d588dd61fc071c6', style: { flex: '1' } }), h("div", { key: 'e6de6c499d2faaa6ab75b058536ec4f3460cf4a7', class: "separator" }), h("div", { key: 'da20248064e549199a0100c02036d6488aa978bb', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: '7d72258557bcda6a80bb6f5a9667e47dc89d65ae', 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: '2775a9460418249e5830b3acc29bc501dfc0b7e9', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: 'a0d32bee5bf3a83860d1ee34b70dd08e14ff6f5a', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: 'e28fc8c51bd4913814770bfa3eed9aec685fcdc7', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: '56f45a29290ed821c2260b07e34c76ad6f4b3008', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: 'dcc1f197621169c83f7c935bb06f60f992ac3a58', style: { flex: '1' } }), h("div", { key: '059cede12c8b2c1bca6b53f7e1f01b424dd70882', class: "separator" }), h("div", { key: '722b64600dca7b946044a60700b042d61774dabb', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: '3988d0fd9076c4bc1bfb9d45d67f9354022a15cd', 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

@@ -37,7 +37,7 @@ export class VerdocsRadioButton {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'ff7e0e17e64a3661ef8fac7ee5b3af89ef6104fe', class: { disabled: this.disabled } }, h("input", { key: 'c126144089499b7137674e7a5b1f28acef3fbd48', 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: 'fa7ff48e8719b2a0f4baee892d8b54bfc6ebabb5', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+        return (h(Host, { key: '67f3ed35f002dc6836a583735bc5394f13bd12d4', class: { disabled: this.disabled } }, h("input", { key: '791fd4eb3d0336065189160bc9e3597f8f2e5a4b', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), h("label", { key: '508701c11f5ee5dc91fe5f96182b51e29451b910', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
     }
     static get is() { return "verdocs-radio-button"; }
     static get originalStyleUrls() {

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

@@ -24,7 +24,7 @@ export class VerdocsSelectInput {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '5f98de8bdee38d69bbbb2d0c55b3a73e9ba705eb', class: "input-field" }, h("label", { key: '8fd051657fa16d870a24721b786a6d853d1507ce' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: '177c246822a5d00af338ec46d0a200e515f6c19d', 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: '9666d05173fcd4a357cba18c911f64a153ab06bd', class: "input-field" }, h("label", { key: '82dad96db14345db3653a603d053ab0e86628209' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: '219fb41dce985ecf7df0bfc46c6e841140c692ad', 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: '42b03fbd492a1a42bca313620e7e765c1b96391f', style: {
+        return (h(Host, { key: 'b71bb590c4c908d7b0c9b6483ee8def10f327d2f', style: {
                 width: `${this.size}px`, //
                 height: `${this.size}px`,
                 flex: `0 0 ${this.size}px`,

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

@@ -19,13 +19,13 @@ export class VerdocsSwitch {
         this.disabled = false;
     }
     render() {
-        return (h("button", { key: '1e2fc42d3f9f2c86a8ea0294b3c351bdbe7d584d', 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: 'ac79927c0b065247f651feafc3c4c886a4f616c2', 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: '4ffe0e671de3b711c87990d1c306f917cb4fb355', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
+            } }, h("span", { key: '9f3b2e798beba7496648093ad9e16f61f369a975', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
     }
     static get is() { return "verdocs-switch"; }
     static get originalStyleUrls() {

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

@@ -19,9 +19,9 @@ export class VerdocsTable {
         this.data = [];
     }
     render() {
-        return (h(Host, { key: 'af34aa90ee85648ada45e57e35b81bf8321ddad6', class: "table-wrapper" }, h("table", { key: '95cad4a7ac48455d765d1b1d05f5240151d14d42', class: "table" }, h("thead", { key: 'ce6981b027cca248b0f346157c211e8d71ec60f9' }, h("tr", { key: 'a69bda1f568d511b018d3eb9a5c921b52a52b12b', class: "row header-row" }, this.columns.map((col, i) => {
+        return (h(Host, { key: 'e152c6c5ff2075368de61ceb808d955f4fb59117', class: "table-wrapper" }, h("table", { key: '15c290deee49da7a1d55c78c6c270909a94774a8', class: "table" }, h("thead", { key: '945ce3665c279dc219800207d005c3c1f303e48f' }, h("tr", { key: '66a4707a369dd0299c9141b19857f5cb6cf23dc5', 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: 'a422a64e2356f3ab489c2f52ff16a19e3cc93d2c' }, 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: '4fd199454878ff499a5148ad864b9e40ebaa2e70' }, 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

@@ -23,7 +23,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: 'c2dcebcf97b905cd8a2ee8a6db86185517eb352b' }, 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: '3ad59593faa2d4350d7c5b562c4c2cb1b6cb050d', class: "flex flex-1" }), h("slot", { key: 'af7b83b222b5e7f4264780f6c7fd6069d33ac4ba' }, h("div", { key: 'd6547aed2fb50603b8ca631d1862943794fbb148' }))));
+        return (h(Host, { key: '3177fae34ac1cdba3cc82d501d7462603931ccf2' }, 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: 'de155b81678b5d6645bcbebbe6bd1f5803a5a545', class: "flex flex-1" }), h("slot", { key: '6d8fa41dfcde569b22986e10d152858d96857d0f' }, h("div", { key: '5e5c97e8a45c8022596f90caa478a4532788a6f6' }))));
     }
     static get is() { return "verdocs-tabs"; }
     static get originalStyleUrls() {

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

@@ -68,9 +68,9 @@ export class VerdocsTextInput {
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (h(Host, { key: '6b677ac3b97c020356af2a2edb76efca87ce7bce', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '60147e2f1cc59ccc154bc68040929fd3fd20f1d6' }, this.label && (h("div", { key: 'b21cb31da14371efd0503ba442110699c8340277', class: "input-label" }, this.label + ':', this.required && h("span", { key: '3fbfd5bdbf4a6e366dfd24895c0a02ec05c74db5', class: "required" }, "*"))), h("div", { key: '8ac4d066e4e32baa6f067670b76850d27b3a8009', class: "input-container" }, h("input", { key: '22f4cb3de7a5a200b924959968a31dfb2ec49a5b', type: this.type === 'password' && this.showingPw ? 'text' : this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete,
+        return (h(Host, { key: 'ed8584230d4423dff6ba13ea340e5f8cd4817c44', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '2532379838f14638454ec235078d29bc441d33a0' }, this.label && (h("div", { key: 'ab59228b692ca0e778b189d4ec7323958033c2f0', class: "input-label" }, this.label + ':', this.required && h("span", { key: 'f4c1765ee7926970352c28b6f3718b80d2e2738f', class: "required" }, "*"))), h("div", { key: '996ca2a14d7bae7e0591e6bdd311de45ed6855eb', class: "input-container" }, h("input", { key: 'ae0470cd61d12a7d34f97edafe8b9b2d273ab6de', type: this.type === 'password' && this.showingPw ? 'text' : this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete,
             // onBlur={(e: any) => this.blur?.emit(e.target.value)}
-            ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: '885cfddd83bc5f5e7b6a66923586fc67641a8623', innerHTML: ClearIcon, class: "clear", onClick: () => {
+            ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: '7d55c8905c81a61ab6c48d6b39725a6b499bd242', 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(() => {
@@ -84,9 +84,9 @@ export class VerdocsTextInput {
                         (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
                     }, 50);
                 }, 50);
-            } })), this.type === 'password' && (h("span", { key: 'cdc3c72a4e54c6fd5f930ded050d438389e99ade', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
+            } })), this.type === 'password' && (h("span", { key: '8c74a87e13cdc4f815491ff6d3d3140bf4f38803', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
                 this.showingPw = !this.showingPw;
-            } })), !this.clearable && this.copyable && this.value && h("span", { key: '51d6c6789c0afa0c8c2e8440d55ff6ad1e3d1c13', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '68cdc02f95617e752fd5f1776f545d729dcdc5ca', text: this.helpText }))));
+            } })), !this.clearable && this.copyable && this.value && h("span", { key: 'bb9efc264d835bf0c9add53200dc985fbca94fb8', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: 'dc05d331f3a5997d79f501972e03d831847f4cd7', text: this.helpText }))));
     }
     static get is() { return "verdocs-text-input"; }
     static get originalStyleUrls() {

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

@@ -15,7 +15,7 @@ export class VerdocsToggle {
         this.selectedOption = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.defaultSelection) || 0;
     }
     render() {
-        return (h("div", { key: '1c98d1e1f6ebea48e837eddd28d2eb7894b7e82d', class: "container" }, h("span", { key: 'c16180d1a5a9b1598935a4c0da9b383adabf92f1', class: "label" }, `${this.options.label}:`), h("div", { key: 'ae5d3bc8ea4c9341ce0dc1d573244cd636935537', 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: 'aaa423ec2c2783ea0e8df7ce716ef0faeb5381b7', class: "container" }, h("span", { key: '4a046c8928e0c524a39fac38ef4e6659ab22caca', class: "label" }, `${this.options.label}:`), h("div", { key: 'e83171226f4084830a49ad684a13c579874d5918', 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

@@ -34,7 +34,7 @@ export class VerdocsToggleButton {
         (_a = this.toggle) === null || _a === void 0 ? void 0 : _a.emit({ active: newState });
     }
     render() {
-        return (h(Host, { key: '77cac0ccc26fa84e5d6ed5950c767c1219f4abec', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
+        return (h(Host, { key: '90f073b58425c92fade3871d8d605407f43dc671', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
     }
     static get is() { return "verdocs-toggle-button"; }
     static get originalStyleUrls() {