@verdocs/web-sdk 5.0.37 → 5.0.38

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

@@ -21,7 +21,7 @@ const VerdocsDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '69b76fb787f5d5ec37a25eb8f57f29d3e5270738' }, index.h("div", { key: '7b51c32e9a13f7bff7dc2be2ae9131dfa6d01a9c', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '3b45d82620faae9b0029dd7b6cf618c35ac2b012', class: "dialog" }, index.h("slot", { key: '2b174b920ce6642abd2c6e81d260185aee1dc8ac', name: "title" }, index.h("div", { key: '0352aa2f8209196cbd2c70fd582935b0bde710be', class: "heading" }, "Please Confirm")), index.h("div", { key: '3a7f23801de0fcf7ab9c6a768d5cf609100c4c87', class: "content" }, index.h("slot", { key: '916644ee3bebda7703ad64f87ae1111656a5155f' }))))));
+        return (index.h(index.Host, { key: '19d58cf126e6c316d7cb603f8f7b15935b23848d' }, index.h("div", { key: '7f417fbc0338a9eb84f17c0fb6e0bb0eee9938c7', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'ca177fe9c78e2fe5087948b764782709472c7d91', class: "dialog" }, index.h("slot", { key: '98ddc504f49cb9bf2f0b13f0437e0741b2d5c8eb', name: "title" }, index.h("div", { key: '79306c6c00f197b6b390f60bbcf3ae18f34874cc', class: "heading" }, "Please Confirm")), index.h("div", { key: 'ccfd45996df040b924eaa798a545854b4f7a1b7e', class: "content" }, index.h("slot", { key: '756740ea6f15c19cbb334a17ef6dd9e5bb75b058' }))))));
     }
 };
 VerdocsDialog.style = VerdocsDialogStyle0;

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

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

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

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

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

@@ -231,18 +231,18 @@ const VerdocsEnvelopesList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '3a347697197bae78eab063e64221d1fa943da7d8' }, index.h("div", { key: '67785afe6813ce6bcb4423e1c0a13ee0c62e5cbb', class: "header" }, index.h("div", { key: '4d42912d2562bd05a160a3aa89271093c0614fb4', class: "filter" }, index.h("verdocs-text-input", { key: 'b1d3c0c55bed98f8b53b2bfe11904f07232a8a86', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (index.h(index.Host, { key: '59ef0b8fc3ae12c22594e295fb6c521f4b2422f3' }, index.h("div", { key: 'dbeeee7bc2e8b4d220b898360097d4e2822bab8d', class: "header" }, index.h("div", { key: 'ba4e5abd64d769e305290700a70ea577e1a01410', class: "filter" }, index.h("verdocs-text-input", { key: '1d50c3159fce49afa5b74e0b7070fae63dc3bd7b', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
                 var _a;
                 // We don't locally filter envelopes because there are too many fields to match against efficiently.
                 this.match = e.target.value.trim();
                 (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
-            } })), index.h("verdocs-quick-filter", { key: '5b02d474e8b62d89111f787128b66d2eb838544d', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), index.h("verdocs-quick-filter", { key: 'a48266dee00c69c90a2ac9d7587bef652e9d217a', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (index.h("verdocs-quick-filter", { key: 'da026c04839c2f320df68ae0cb4d6765bc6f5084', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (index.h("verdocs-quick-filter", { key: 'd026d5ad2f2d3d0b76fccac22c7c473fd9a7c883', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (index.h("verdocs-quick-filter", { key: 'bf5f9a8f3ecf6849fe67e221389f974013caba65', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (index.h("verdocs-quick-filter", { key: '123c21f2f8b4cc7e3c01031dad3176b0bb99f61b', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && index.h("verdocs-spinner", { key: '6fd1c37046297c4e0803fbbd37117a0d690daa23', mode: "dark", size: 24 }), index.h("div", { key: '42595db84ae6e38c635a13664fcc3b425e5e41dd', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && index.h("verdocs-button", { key: '314158c5a9dc308a9a3d875c3c1e6e2ca7c0f2c0', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && index.h("verdocs-spinner", { key: '8239f78abab03fe7e8510f9035b10232d7d69982', mode: "dark", size: 24 }), index.h("div", { key: '6dd8cf2b5ef5c31ae9675b54b3f0c732c66fae4b', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && index.h("verdocs-button", { key: 'd2784158eaa4a7a6d068b61bac12eaf42bbf7d1a', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = jsSdk.getRecipientsWithActions(envelope);
             const userCanCancel = jsSdk.userCanCancelEnvelope(this.endpoint.profile, envelope);
@@ -283,7 +283,7 @@ const VerdocsEnvelopesList = class {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (index.h("div", { key: '9698b721aa173f792900bd3df97d6c56fe12f6dc', style: { width: '100%' } }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && index.h("div", { key: '6b2561987c6f51e4de674fa283191171d10d2473', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (index.h("div", { key: '2ac72d321f498b86e05767da7696a943dd80e5cd', style: { width: '100%' } }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && index.h("div", { key: '3f5c0c044cfd73650df368bb63bb7cf8ac95fc03', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (index.h("div", null))));
     }

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

@@ -1505,7 +1505,7 @@ const VerdocsInitialDialog = class {
     }
      */
     render() {
-        return (index.h(index.Host, { key: 'c4b8b5e4b5f4017deca35db1c5daa1f8fabb0616', onClick: e => this.handleCancel(e) }, index.h("div", { key: 'c360d141ae17728f8b06961262976b5015a1273d', class: "dialog" }, index.h("div", { key: 'ac204ddf1e5dc891d05f85a27ea46fdf2842bd8a', class: "heading" }, "Create Your Initial"), index.h("div", { key: '2875533b7d38749252210680c3796e7909a2726d', class: "content" }, index.h("verdocs-text-input", { key: 'b91fc797dfec20e87c6f3363e0ac3a135454cea8', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), index.h("div", { key: 'fe8e817476ea21d2bf57778e19c9e4091e702c3f', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: 'b37e3a57ab82cc3b096d3fc4d4211897b600d306', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), index.h("div", { key: 'd13af212f0a76ee6a18f9daa8525cbe8ba89dc47', class: "buttons" }, index.h("verdocs-button", { key: '3d2dcf7dce79718c082b0da14b17f99f031cc6d4', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '2e3628468a651385d85cf3dfe259ce277b3adf8b', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
+        return (index.h(index.Host, { key: 'f673f1c428739d2d682690a7918302c31a13f5e9', onClick: e => this.handleCancel(e) }, index.h("div", { key: 'c9995ff0691dce1117eadb32cc809ddd9fff707b', class: "dialog" }, index.h("div", { key: '4f63af5f3bb352acc080899f2e11e56b920aa611', class: "heading" }, "Create Your Initial"), index.h("div", { key: '0abac84a2b2867878d4b198dda29a2c048faba5d', class: "content" }, index.h("verdocs-text-input", { key: 'ab4bbb04ea6c29ccd446b6010a8b1b066982b805', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), index.h("div", { key: '69720a267f80ee451df5f275bf12755853208c4e', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: '021ceb5b2f7f0fdaf117fbece146bb05e968abed', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), index.h("div", { key: '3dfed79d308962c2e22c0cad8999164920dcd0e9', class: "buttons" }, index.h("verdocs-button", { key: 'e0351eab79a05fafc281ceb640a5a88c29ac6964', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '05a812437e57b2b943a946d81414b41198a65587', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsInitialDialog.style = VerdocsInitialDialogStyle0;
@@ -1729,7 +1729,7 @@ const VerdocsSignatureDialog = class {
     }
      */
     render() {
-        return (index.h(index.Host, { key: 'db83cd26256c06ca64246476670f758c8769376f', onClick: e => this.handleCancel(e) }, index.h("div", { key: '0f0fbdb102c364788061d0d82eb661c9a75a4979', class: "dialog" }, index.h("div", { key: 'c1ab6d62024fffd47004cb3eaa2c44f4785ee43b', class: "heading" }, "Create Your Signature"), index.h("div", { key: '431f8053f3b5ab989e54b46fd9bf2903ac8c43b8', class: "content" }, index.h("verdocs-text-input", { key: '22ba82134555f3ef5874fee569089d9c24ea4d92', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), index.h("div", { key: '85790955c896b2c81fba86b053e08d45d4fedf61', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: '6757442d1103cad7301e8d347bd4f589d8f10d71', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), index.h("div", { key: 'b9c409396f635d55f8cc9c5c32a838855d764c41', class: "buttons" }, index.h("verdocs-button", { key: 'f8e4dcfafbf3cbe46f251ee76cf4965e319bce42', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '2acfc782151721953b8c2c7f05fa967cc212581e', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (index.h(index.Host, { key: '88ef514634fef3e3773f13efeeb2b22cbaf9ff0a', onClick: e => this.handleCancel(e) }, index.h("div", { key: '31369669f68670330cb2f54ec9be44ff6100ac83', class: "dialog" }, index.h("div", { key: 'd161b9a0e0945cda909eabbd0404448a03e29198', class: "heading" }, "Create Your Signature"), index.h("div", { key: '9777dd4289072f0be511bb1ec828ed540011e6be', class: "content" }, index.h("verdocs-text-input", { key: 'afed3547dd47d4883ac84d83d4d05eca9a30d5a2', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), index.h("div", { key: '728f24c1a88a395f940df350169ed6ba628d2685', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? index.h("canvas", { ref: el => (this.canvasElement = el) }) : index.h("div", { style: { display: 'none' } }), index.h("div", { key: 'abafa624e941b6f6e758fbd75ddd7e0044a377dc', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), index.h("div", { key: 'fbcc0705c21b7ed206222a9b7382a5562ee7f83d', class: "buttons" }, index.h("verdocs-button", { key: '5f921b4dfc7df16867071b117a9b055a8aeee8da', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: 'dbf88043b9deedb378181bf48d7a04428a32e653', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsSignatureDialog.style = VerdocsSignatureDialogStyle0;
@@ -1812,7 +1812,7 @@ const VerdocsUploadDialog = class {
     render() {
         var _a;
         const existingFile = ((_a = this.existingFile) === null || _a === void 0 ? void 0 : _a.name) ? this.existingFile : null;
-        return (index.h(index.Host, { key: '53b5f03bf52759c10a3a49fb50c3ac8bd5a29fac' }, index.h("div", { key: '1e694d5bcf05a8843d2a8230c265adf63b2f5632', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '0e2f516292020d60b20a3d0d4880c1480b322af8', class: "upload-dialog-content" }, index.h("div", { key: '66ee3e42c2ba63afcd2e244d4a3f137302ed2dae', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (index.h(index.Fragment, { key: 'd01a4c3dfbca24f2b381863f1b70792a824bae9d' }, index.h("div", { key: '102ef1f30e350cd7238d473ff630b93dd3612c5b', class: "current-label" }, "Current Attachment"), index.h("div", { key: 'd1863ec44309b61a250c316f17544340d882f47b', class: "attachments", style: { marginTop: '0' } }, index.h("div", { key: '2fd48ae87977d43589ac59589b4738fd55742784', class: "attachment" }, index.h("div", { key: 'f9cde15c734eed9b0aa42b69d157ffd7c71bde9c', class: "icon", innerHTML: PaperclipIcon }), index.h("div", { key: '9295e1a6c34a007348adbfecea17c55f98b1efa5', class: "name" }, existingFile.name), index.h("div", { key: 'fc01de9baf5af30736ce72f4e91749ebe803f1ad', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (index.h("div", { key: '0a28a0256945fda60ec0b8a0265a8f68d3a33e06', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, index.h("p", { key: '7f1602cbda283608a064490d6851a7a63da6d646' }, "Drag and drop your files here"), index.h("p", { key: '4c33d8445f58b7c619b56fa155db1ff11c077311', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), index.h("verdocs-button", { key: 'da27559add2a360b16d86d741aba2cd964fd3fef', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), index.h("input", { key: '910c07f28a1551bb412f389990c3ffdbc68ad3ec', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (index.h("div", { key: 'bb86f1148caca14c801c471545a1ca48c7586fcb', class: "attachments" }, this.selectedFiles.map((file, index$1) => (index.h("div", { class: "attachment" }, index.h("div", { class: "icon", innerHTML: PaperclipIcon }), index.h("div", { class: "name" }, file.name), index.h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index$1) })))))), !!this.errorMessage && index.h("div", { key: 'eef464b534d2ae16833671f53ba6709f44062e7b', class: "error" }, this.errorMessage), index.h("div", { key: '8a3dfaa7c0d23f43ba7db667dd1ae63af2c30d97', class: "buttons" }, index.h("verdocs-button", { key: '7cf81955a3700b663f7eae5e5b9036c3edf58361', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: '15c02d363730f578abf1804e404bae2501842cd0', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (index.h("verdocs-ok-dialog", { key: '65ab68e92be7cc3abf69251db7d9a80dc712e880', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
+        return (index.h(index.Host, { key: 'eeebd543537e2241ff1fc1c198fbd3e04fff2ed4' }, index.h("div", { key: 'e83ed18e5dd618ace62d5e1d80eab5c13be1f200', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: 'bfb2b61ea2cd55e20705429ec2a1c16fbf30569d', class: "upload-dialog-content" }, index.h("div", { key: '97d54b0140621456cc5f8940ee75c3f7340790da', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (index.h(index.Fragment, { key: 'bebeffd10ce2687d5f6cc3bead95135a0e579b9a' }, index.h("div", { key: '8b4bd64e6acbec7d0625d1caa9fa370b195de3eb', class: "current-label" }, "Current Attachment"), index.h("div", { key: 'ddab8bbb6204b049841421d8f3e3afbfd37540c2', class: "attachments", style: { marginTop: '0' } }, index.h("div", { key: 'c9b95d25e0d90aaef0907a26cb62d5f694606ee9', class: "attachment" }, index.h("div", { key: '910b6b8c635896ccf533cfcab807cd24138ab81e', class: "icon", innerHTML: PaperclipIcon }), index.h("div", { key: 'fae3ec3a4b775ddceeedf6ee6aefde83eb50b24e', class: "name" }, existingFile.name), index.h("div", { key: '11d76bc9867d88903cc5f9ad78751f05407ec356', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (index.h("div", { key: '72a2bc9363c5fb2c26c667f9ca29a223c3090b11', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, index.h("p", { key: '4bba41db81277a0682cfe389342261848ee78d3f' }, "Drag and drop your files here"), index.h("p", { key: 'bd35bc2ed1102fd2d0203ca5f0f0007888c14139', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), index.h("verdocs-button", { key: '729ee059bfc9dfa3ab333cb50c9d48617a283c94', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), index.h("input", { key: '00878971c696f75b2e2d0f457c5e3d010541a225', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (index.h("div", { key: '3c610023435c226fba0005f234500d35477be09e', class: "attachments" }, this.selectedFiles.map((file, index$1) => (index.h("div", { class: "attachment" }, index.h("div", { class: "icon", innerHTML: PaperclipIcon }), index.h("div", { class: "name" }, file.name), index.h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index$1) })))))), !!this.errorMessage && index.h("div", { key: 'c6b4baa861ef694439c9451f048a76dd875d4634', class: "error" }, this.errorMessage), index.h("div", { key: '4f3e9c742989bd741571793122d03b868c33e968', class: "buttons" }, index.h("verdocs-button", { key: '93cd0ff498bba494e43ee8fb109b405c57780205', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { key: '4f15c0c90e3d88205d6200ca34e4a4cc767e96b9', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (index.h("verdocs-ok-dialog", { key: '257bbef6d9dd9ef5684a1a5603d7e95bcca8409b', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
                 // So we don't close the upload dialog
                 e.preventDefault();
                 e.stopPropagation();

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

@@ -33,7 +33,7 @@ const VerdocsFileChooser = class {
     }
     render() {
         const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
-        return (index.h(index.Host, { key: '1fb7d04e27804d492a6b6acba5f1b0e807efa8b4' }, index.h("input", { key: '3a0848d85ec37c6425092c524f064f27fe8d9216', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), index.h("div", { key: '801e620892edec0bd4fc060d041943d9b4f7a558', class: "upload-box" }, index.h("div", { key: '5172b33ffda0d71f944aa68b8f1e44d4e79cdad4', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), index.h("div", { key: 'bc6aa5604b17cfd5f1fc46ad00cdcc33721f6ebd', class: "or-prefer" }, this.file ? Icons.unicodeNBSP : 'Or, if you prefer...'), index.h("verdocs-button", { key: '036010ea672f05aab75540103707c15bdd4b704d', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (index.h(index.Host, { key: '193c771d4f6da75c045295ebedadd31b90acee4f' }, index.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) }), index.h("div", { key: 'befdb80389deef16728b8591400953fdc141f644', class: "upload-box" }, index.h("div", { key: 'b065c35caef733d346ac1f788043f0b620a6b503', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), index.h("div", { key: 'acbaa900429925b6a9c416620c82f81f64a2f4eb', class: "or-prefer" }, this.file ? Icons.unicodeNBSP : 'Or, if you prefer...'), index.h("verdocs-button", { key: '2ff422a21e6987e3f348d85acb6394f4bfebbcc0', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
     }
 };
 VerdocsFileChooser.style = VerdocsFileChooserStyle0;
@@ -60,7 +60,7 @@ const VerdocsProgressBar = class {
     render() {
         const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
         console.log('Rendering progress bar', { widthPercent, label: this.label, showPercent: this.showPercent, percent: this.percent });
-        return (index.h(index.Host, { key: '135985ba37b13fcb4c73a7aae5f14dadc7ad24a8' }, index.h("div", { key: 'b2aebc7328629a31bb51f132a768995ca090ea01', class: "labels" }, this.label && index.h("div", { key: '1b7e6b5efedd8dd4746d40b5b7e28036dcb84232', class: "label" }, this.label), this.showPercent && index.h("div", { key: 'bebb2c912fa133193dacd82592216a543c7ffea1', class: "label" }, this.percent, "%")), index.h("div", { key: '031ffe4a12a9a457e184a59e2bbcbfbd629a66e3', class: "bar" }, index.h("div", { key: 'e2f158199e66fedb05e7b968422cde1dce3b1130', class: "slider", style: { width: `${widthPercent}%` } }))));
+        return (index.h(index.Host, { key: 'edf1b53f1ef7c559ba3e279661be5f177df81fc3' }, index.h("div", { key: 'a94d1b730c9702317f58cafc29de93f9e2d04aa1', class: "labels" }, this.label && index.h("div", { key: 'ebb544b3966ca08d0995c40cdee70fd9eed5df1f', class: "label" }, this.label), this.showPercent && index.h("div", { key: 'e14874dab43de11c3437583d1a4207d9c8b8cee9', class: "label" }, this.percent, "%")), index.h("div", { key: '9df97ccf5639126dc40d42c1c261a40204aa92b0', class: "bar" }, index.h("div", { key: '60b8eaaeb8105899dd30d5f78eda44818309129d', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
 };
 VerdocsProgressBar.style = VerdocsProgressBarStyle0;

package/dist/cjs/verdocs-menu-panel_2.cjs.entry.js

@@ -69,7 +69,7 @@ const VerdocsMenuPanel = class {
         (_b = document.getElementById(this.panelId)) === null || _b === void 0 ? void 0 : _b.remove();
     }
     render() {
-        return (index.h(index.Host, { key: 'ad0bb57d8ef129916e9463bc10f8af1bcb82eda8', ref: el => (this.element = el) }, index.h("slot", { key: 'cf8f8e5558c2b9fd22bb92256ba852f50a0d8394' })));
+        return (index.h(index.Host, { key: '7af689ac218611d0c7d4674484d86773d3db1d44', ref: el => (this.element = el) }, index.h("slot", { key: '77d1b36d9000b0df6d21fc2eee55a97a4181ca47' })));
     }
 };
 VerdocsMenuPanel.style = VerdocsMenuPanelStyle0;
@@ -227,31 +227,31 @@ const VerdocsTemplateRoleProperties = class {
         const hasFields = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.fields) || []).some(field => field.role_name === this.roleName);
         // Either all three should be empty, or all three need to be filled
         const isValid = (!this.email && !this.first_name && !this.last_name) || (jsSdk.isValidEmail(this.email) && !!this.first_name && !!this.last_name);
-        return (index.h(index.Host, { key: '032d0af9e5c6792363c2b4e82ccfe4a0c598ae1b' }, index.h("form", { key: '2dad3d81db60ce6b7ad49799179ac1c796f77c49', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: 'cbed618e4f1622862efbf60cbac7c1c67b60d5b5' }, index.h("verdocs-text-input", { key: 'dfb1ce16276cfff5d83a988e2e0af4bf36ff1aa8', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
+        return (index.h(index.Host, { key: '1ad55cc14a30cd9a7be12d8adf56ce83361ca223' }, index.h("form", { key: 'f43ca7546c1d5c28b45dfb17e18cd1b7404601b7', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: '8f3248ac163e1b90fd2311cfdbbaaa03f5545981' }, index.h("verdocs-text-input", { key: 'a73fce39e7070844da9bda975ac1ebb8ccd21eea', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
                 this.name = e.target.value;
                 this.dirty = true;
-            } }), hasFields && index.h("div", { key: 'cc094a47868656c51a33de82720e07f90f02354c', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), index.h("div", { key: '5cf6187300bed3bbae716754838bc5026e92afca' }, index.h("div", { key: '89850c52f9425eaa3eba1945f9420e9bab2d4cf4', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: '557b8f8da60b4e2c3981a9bbe87709e8ce711e87', value: this.type, options: [
+            } }), hasFields && index.h("div", { key: '45e3b1a720d24f6bf80793736f439b25d02cd761', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), index.h("div", { key: '84e8e7228127c6e7eb0ff988cf101c3b01f94722' }, index.h("div", { key: '54662ff3d0a5299a64f00fce052beb157efbe2c3', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: '63f857624912c84d859799c02de0b2cff14201f6', 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("div", { key: 'bf4ce9e0ba94bd7c7670828849b31da396f5bdb6' }, index.h("div", { key: '9db45ddcc2db5d128e9715a73ce12111b402481c', class: "input-label" }, "Default Contact Info:"), index.h("div", { key: '8581f42fdfe5ebfb71f8ff51b8f20679f2afaa09', class: "first-last" }, index.h("verdocs-text-input", { key: 'abad384c0b1cff21a8ecfbfeadaab7080d7bdd4f', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
+            } })), index.h("div", { key: '6da9230ff385d2c4c4b9e916d2318fbb94a545d0' }, index.h("div", { key: '6d222a2c12182d8c26954c80b5ef493eaf960a53', class: "input-label" }, "Default Contact Info:"), index.h("div", { key: '407e291c353ccfd49f5777ad1bea9c1b3fb2800b', class: "first-last" }, index.h("verdocs-text-input", { key: '6e3a55ff43490e4202293fd4f81e26a7e9897431', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
                 this.first_name = e.target.value;
                 this.dirty = true;
-            } }), index.h("verdocs-text-input", { key: 'd3b324723e676275c18ededbeb3519c4decc468a', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
+            } }), index.h("verdocs-text-input", { key: 'f01e095ddb71525e6c032edebdef106d6b8be46f', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
                 this.last_name = e.target.value;
                 this.dirty = true;
-            } }))), index.h("div", { key: 'b9c4c66a2c19e25a33a957e35cb307ad84a5de3a' }, index.h("verdocs-text-input", { key: 'a342b83d7dd839ac361c7f06cbf1753a43d81977', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
+            } }))), index.h("div", { key: '3ca6ab94243a2841a7e330c48d30a00ff3ab5c18' }, index.h("verdocs-text-input", { key: '28dd98491e99fbea7b140553fdccdc1b783a9d1f', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
                 this.email = e.target.value;
                 this.dirty = true;
-            } }), index.h("div", { key: '59d1095c753d5a02f9245889a691acfdbe951888', style: { height: '15px' } }), index.h("div", { key: 'ce149293e5f435bf2db055ebf8d2139cf61fa41f' }, index.h("verdocs-text-input", { key: 'ea2a576a5d832bcce40c2f6a1cdb844127bcafb1', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
+            } }), index.h("div", { key: '32035f36e92471ff6bd3f9e03c4a40e20856624b', style: { height: '15px' } }), index.h("div", { key: 'c65ed4a1d2c7961303fdf8f72dfaa9921c18cc1c' }, index.h("verdocs-text-input", { key: '55d51882fb166870a57e6761111008ae2a048c9a', id: "verdocs-recipient-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: '4a4e4a1d1c645c3ccc7cfe525c132c8b6932d32e', class: "buttons" }, index.h("button", { key: '9b6127bedb60c3e4b336b9049cc7fa797c4ce70a', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: 'dab1a20710d104df860fd9e67568f326cbe713c1', style: { flex: '1' } }), index.h("verdocs-button", { key: 'e5a54ff7ce00b6ec5e5e19b0035fdfed1669f957', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
+            } }))), index.h("div", { key: 'c60f5b4e51021e3ce3d18eb55e17513b6fc836c1', class: "buttons" }, index.h("button", { key: 'c81a324c051f6f61988beaef648226a5a688ae60', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: '6b6c1e98202cc6d4ddfa1ebfd371cdbc322ef618', style: { flex: '1' } }), index.h("verdocs-button", { key: 'a2049051f318bc992a6a064d181fc48951c39d2b', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
     }
 };
 VerdocsTemplateRoleProperties.style = VerdocsTemplateRolePropertiesStyle0;

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

@@ -46,7 +46,7 @@ const VerdocsOkDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7ca785b19104df9e79c50a5e9919bb0f35f8b43e', class: this.closed ? 'closed' : '' }, index.h("div", { key: '6761320de975f27f111b48341f71c90eaaa519f1', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '82bc4525a2d9b5c1b8efef44a5cdb57ac5b5c125', class: "dialog" }, index.h("div", { key: 'e20355e0bac9bb8dd3fcd197e7b74129a5c36f87', class: "heading" }, this.heading), index.h("div", { key: 'f788415af7b03e2308357c89976d87623fbf210f', class: "content" }, index.h("div", { key: '87a971e60cf330b4cca1c83cd4917f9f3b3538be', class: "message", innerHTML: this.message }), index.h("div", { key: '02a21e430f4c1850360d56196c58024b2a1c5740', class: "buttons" }, this.showCancel ? index.h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : index.h("div", { style: { display: 'none' } }), index.h("verdocs-button", { key: '556a58f6747409821d084f613cf4fff37eda4b31', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (index.h(index.Host, { key: 'c1505d930741a4a0e1eb9a9832de8e55d09b207c', class: this.closed ? 'closed' : '' }, index.h("div", { key: 'f4c1ce92701f56a3b839bc49a0beb38665a65556', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '0fe99745209ca40287512f114122d1a0f0c4e597', class: "dialog" }, index.h("div", { key: '93deffa53c92913b65109f3c9826e61561f91c68', class: "heading" }, this.heading), index.h("div", { key: 'b0a64c6f2072655ce439d5008ecfe55651d48d8f', class: "content" }, index.h("div", { key: '3f89fd4b54dfa1c8437c2aa7dd21310827516004', class: "message", innerHTML: this.message }), index.h("div", { key: 'a86843d9915f72bcc00810c87f3311c77cf3b566', class: "buttons" }, this.showCancel ? index.h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : index.h("div", { style: { display: 'none' } }), index.h("verdocs-button", { key: 'd160170c8a58dde135ba4c5ae4dac35ac79c24a1', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
 };
 VerdocsOkDialog.style = VerdocsOkDialogStyle0;

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

@@ -27,7 +27,7 @@ const VerdocsOrganizationCard = class {
         console.log('Rendering org card', this.organization.thumbnail_url, this.organization);
         const fallbackIcon = BusinessIcon;
         const portalId = `verdocs-org-card-${this.organization.id}`;
-        return (index.h(index.Host, { key: 'd366f75b205860112b068c20138dd1398797db30', id: portalId }, this.organization.thumbnail_url ? index.h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : index.h("span", { class: "icon", innerHTML: fallbackIcon }), index.h("span", { key: '0bdcd5947dd2ea3a969d7e36adce0a757519b82a', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), index.h("verdocs-portal", { key: '2138d13531cc55e7834d78a8f5a64f4abb093f37', anchor: portalId }, index.h("div", { key: 'd1171e97a522bdb06795fe5cf8c584cbc02361de', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (index.h("div", { class: "popup-header-with-logo" }, index.h("img", { src: this.organization.full_logo_url, alt: "Logo" }), index.h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (index.h("div", { class: "popup-header" }, index.h("span", { class: "status" }, index.h("span", { class: "icon", innerHTML: fallbackIcon })), index.h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), index.h("div", { key: '71a81a3cc44431b1cfe34e217377b99c124fad9b', class: "popup-body" }, index.h("div", { key: 'f0241c76ef662fabe3128ef61e0825f663e946d6', class: "field" }, index.h("strong", { key: '9149ee03df0d5b32076d4a35c3a5cf7dc33ee346' }, "Joined"), format.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (index.h("div", { key: 'b80ea924d300b7fbd4a3ecbb0de03479d61f45ea', class: "field" }, index.h("strong", { key: '54f3ba9096ddf95e7da288ae7d2457e43247ae8e' }, "Website"), index.h("a", { key: '864b75852ce0989fdf18da9e2472abde5127e15d', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
+        return (index.h(index.Host, { key: 'f6c8ad8bc095f37d036de897927380147a001e96', id: portalId }, this.organization.thumbnail_url ? index.h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : index.h("span", { class: "icon", innerHTML: fallbackIcon }), index.h("span", { key: 'c1dc4462971dd0793ad72d4591f728b7219b4bea', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), index.h("verdocs-portal", { key: '3d99780a747d160548c9cee3dd06d57036cfa93a', anchor: portalId }, index.h("div", { key: '3cef49c037e17fb62af465b50ef6af0ee860691a', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (index.h("div", { class: "popup-header-with-logo" }, index.h("img", { src: this.organization.full_logo_url, alt: "Logo" }), index.h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (index.h("div", { class: "popup-header" }, index.h("span", { class: "status" }, index.h("span", { class: "icon", innerHTML: fallbackIcon })), index.h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), index.h("div", { key: '3657c41ef18895e4cd0793d1517c71dd5d654cc6', class: "popup-body" }, index.h("div", { key: 'cc5ab4e315ab5194cbafe44ce0689f7e5acd1c93', class: "field" }, index.h("strong", { key: '82c91160f7d89d9d2091a2940e200ad955d691a3' }, "Joined"), format.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (index.h("div", { key: '4b12013323bb47eea919ea0a7ae83828d3c5ee17', class: "field" }, index.h("strong", { key: '8bad90562acaabdc03a6d2809f5cd2e61855b60e' }, "Website"), index.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))))))));
     }
 };
 VerdocsOrganizationCard.style = VerdocsOrganizationCardStyle0;
@@ -108,7 +108,7 @@ const VerdocsPortal = class {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (index.h(index.Host, { key: 'b3949996fc3c9d9dba64dfde83cbd79a58e0b676', ref: el => (this.element = el) }, index.h("slot", { key: '25446c5cc9ebac9c172a47a96f518d72dc988216' })));
+        return (index.h(index.Host, { key: '050fd06e144d86e3b1266b22fbfbdd9cf2e9a820', ref: el => (this.element = el) }, index.h("slot", { key: 'b860298e37d31038c5f3f327e7aad2320aa9e5c8' })));
     }
 };
 VerdocsPortal.style = VerdocsPortalStyle0;

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

@@ -55,7 +55,7 @@ const VerdocsQuickFilter$1 = class {
         const firstPage = Math.max(0, this.selectedPage - 2);
         const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
         const pagesToDisplay = jsSdk.integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (index.h(index.Host, { key: 'aac02fe95f890afd2cb8816bc7828a9cca0c2551' }, this.selectedPage > 0 && index.h(PageButton, { key: '405eb090dfd96ed30bb931977d0c610ac8e7be5d', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: '257ffecd81fcce987a667ee28c9ad66fbb709191', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (index.h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && index.h("div", { key: '2bd4fa5128abaa3a48487e0eb3c0c15d24e66d68', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '645d68ee31f06f23780f71be067e0c8203738cca', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (index.h(index.Host, { key: '358610aeb011220e76bee09fa0d4959f2a887914' }, this.selectedPage > 0 && index.h(PageButton, { key: '67e46ca48d09a2c30a366166fb8b11ebc9fa24eb', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: '5247620dbc930d33c91f147fbbe4fe7bb9b3c487', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (index.h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && index.h("div", { key: '54504094516e328ea81a01d92d0895777d732b43', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '824d5d8702682563621b663ab86fdb3404e82ffd', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     get el() { return index.getElement(this); }
 };
@@ -145,7 +145,7 @@ const VerdocsQuickFilter = class {
         const longestLabelWidth = utils.renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
         const prefixWidth = utils.renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
         const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
-        return (index.h(index.Host, { key: '003157b49ca0a97cf1d7741862b343f7032bf37e', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, index.h("div", { key: 'e3a45fb1a5e8962c732159f145b398e7fb1f0c7d', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, index.h("div", { key: '79b1d5d2b9dc52d4e364a3e8c56a175280d493d5', class: "title", ref: el => (this.dropdownButton = el) }, index.h("span", { key: '760645cc99eb63f9b90afa75b8cb787ec80ace05', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), index.h("div", { key: 'dec25f104674e82f91781e53edcedb6112741f86', style: { flex: '1' } }), index.h("div", { key: '47f17166fad9fd3f6eba46b8589cfb935cd20222', class: "separator" }), index.h("div", { key: 'd6deb3811ad209885a7f973ace22fbeb7784cd0f', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), index.h("div", { key: 'be8116461c9edcc6f9ee25ff1941eda3c9f2387d', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (index.h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (index.h("div", { class: "separator" }))))));
+        return (index.h(index.Host, { key: '6f6e71bd0ea76ca6ba26b77fb30c0239fb8bedd5', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, index.h("div", { key: 'd81ab2d9e14a0ba69b1080f3dd99a5192cd5e533', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, index.h("div", { key: '6a52a8e2ea889e5814418ca04c034fa6ef0bea25', class: "title", ref: el => (this.dropdownButton = el) }, index.h("span", { key: '123f3497307aafb8a2b26acbbfe6d992bc8ee035', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), index.h("div", { key: 'b3b3958835e040778ded7d388d588dd61fc071c6', style: { flex: '1' } }), index.h("div", { key: 'e6de6c499d2faaa6ab75b058536ec4f3460cf4a7', class: "separator" }), index.h("div", { key: 'da20248064e549199a0100c02036d6488aa978bb', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), index.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 ? (index.h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (index.h("div", { class: "separator" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -27,7 +27,7 @@ const VerdocsQuickFunctions = class {
         this.createDocument.emit();
     }
     render() {
-        return (index.h("div", { key: '041dd312e5ec7c28e9ba27cdb87c94726af09816', class: "container" }, index.h("p", { key: '8a2cb1ef8d893311f30e3afeb13cda535188ba0e', class: "title" }, "Quick Create"), index.h("button", { key: '201fb75c9e76483d4b94b47c1cfee82ba18f3935', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: 'f0548da958a0b52f130897255ea7b5092c2319f6', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        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")));
     }
 };
 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: 'b8dc5d8e34deeaf6d67f8b38bcf485a66e6fe8c8', class: { disabled: this.disabled } }, index.h("input", { key: '5e03859b9d3082add93aeba0eb626d8f41988f1c', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), index.h("label", { key: '4caa876b9138003b5ff7d576fdc32fcf62858bca', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+        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}` })));
     }
 };
 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: 'c7e0698afde279984bfa46382443f40d5110c023', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (index.h("span", { key: '07cbbb7bee52f85bbb22a0254b1f1a109b70d408', class: "type" }, this.type, "s ", index.h("button", { key: '7c7522a957cd4f80d98abb680d7164ac6db1f377', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), index.h("input", { key: '362af3bf09cf9c781c287f5193e7dad31bd85d87', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), index.h("button", { key: '7d4c890a308373d0b8a38548f2ad6995980ab7d7', onClick: e => this.handleSearch(e), class: "search" }, index.h("span", { key: 'a403419fe53c5a8f1271826f35c2061ca6a88328', innerHTML: SearchIcon }), "Search")));
+        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")));
     }
 };
 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: 'b23b4cbc710ffff554598111473d06c2ddf3e405' }, "\u00A0");
+        return index.h("div", { key: '560e3303fbfbaee938891bee62b7fec8b84ec5a8' }, "\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: '87070faacac5435c529ef7f2104e4e8df403fce8', style: {
+        return (index.h(index.Host, { key: '42b03fbd492a1a42bca313620e7e765c1b96391f', 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: 'f2c2195777cebabf95a6727020f6679f6c23ec25', 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: 'd86b4cdd8856bb999cdecbd8314c58fd2d7a4c1a', 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: 'd610cd3fb949eed13321e38144210b2b03d1dd11', class: "icon", innerHTML: icon }), index.h("span", { key: '9b7155ec83f6bddf771cfed23d0329a1869e1df8', class: "content" }, statusMessage), index.h("div", { key: '2012f264756d6a3af42fbb60f24acbb83799caeb', class: "detail-panel", ref: el => (this.detailPanel = el) }, index.h("div", { key: 'd45df011b3e6c5a12bfd714ec90c6141f0a677ed', 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: '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` } }))))));
     }
 };
 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: 'eb11d2a0b3e7fedec01922cfe9b34d104716ad6e', 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: '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: () => {
                 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: 'd791f6d056be9444437845f77a62e2d7079185d4', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
+            } }, index.h("span", { key: '4ffe0e671de3b711c87990d1c306f917cb4fb355', "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: '0f5ccb1d3bf8296157a3b4988a158a0277405127', class: "table-wrapper" }, index.h("table", { key: '0994c41fb599962358081f0849dd3d3399780397', class: "table" }, index.h("thead", { key: 'ebee5297f9bae8d5527e8ea2ad84c44278aed243' }, index.h("tr", { key: 'ee44689ef6c78e4debb206e6d554f9df848e1868', class: "row header-row" }, this.columns.map((col, i) => {
+        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("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: '9cbccc8987ca66498dbd006c2599bc6f2c85c8d6' }, 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: '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) => {
             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: '71afb2185b6eedf4a75d91261fca551a92c220fd' }, index.h("span", { key: 'e5df1c0c85569a8abb296e04047ae77fa125c64e', class: "name" }, this.template.name), index.h("span", { key: '7d543fd81d75cf03939d57879c8e0c2f0c2c057f', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), index.h("hr", { key: 'c8284e0a022d7b40a473948fe73fe241f7f2892c' }), index.h("div", { key: '516de95e3b6db132618a5e86644653e978f49f54', class: "controls" }, index.h("div", { key: '9b7b17c4f241d2a50f687157926418029f27a41f', class: "control" }, index.h("span", { key: 'edbbbf39f3777dfc8debf4b18f69826ffb4a62f5', class: "icon", innerHTML: StarIcon }), index.h("span", { key: 'ab30b3acb020265de2ed2f16309c1cf2a7470301', class: "value" }, this.template.star_counter)), index.h("div", { key: 'ee3dbfe234b82a9f9a99d5b02ba8b26a6ad24ca4', class: "control secondary" }, index.h("span", { key: '388ca5a04a45ec27d02e2c2291330f1a0d90668a', class: "icon", innerHTML: PagesIcon }), index.h("span", { key: '5959ef016bc74413e7ad817d26f5453bff78c06c', 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: 'a8ef5556e7cb30802d8070d06d650f2521d8db86', class: "control secondary" }, index.h("span", { key: '8d311efc07277d56b6319cc8947b5ef3836e86a6', class: "icon", innerHTML: EmailIcon }), index.h("span", { key: '7679fb3be5d80210cfab00228460e3f96557ec4b', class: "value" }, this.template.counter)), index.h("span", { key: 'd4ce6335229fb8766227aba6a2ce09c1d076317d', class: "additional-controls", innerHTML: ActionsIcon }))));
+        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 }))));
     }
 };
 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: '869ac7bc88e9985e3338183acfe2f794cb32f4b7', class: {} }, index.h("div", { key: 'a14eee006ba0eebacb118df48b3518e766be1c05', "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: '2dc9c1cccc90348cb8355d46db3c6bfe4e0845b3', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, index.h("div", { key: 'd062ddd320b47a7f1c397c56721cb544018b9434', "data-popper-arrow": "true", class: "arrow" }))));
+        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" }))));
     }
 };
 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: '66fcf49a5d4295bb42ff284b296ab58d8bf44656' }, index.h("div", { key: 'd58695d3483af2e8265bba5e8b097cf37c5a46f4', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), index.h("div", { key: '2c042aa35f7438656a6d14ca19e0861c566234f3', class: "count" }, this.template.star_counter || '--')));
+        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 || '--')));
     }
 };
 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: 'e9182173cc087dc5506dbfe9b38ea3bbf8cb42a1' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (index.h("span", null, tag)))));
+        return (index.h(index.Host, { key: 'bc7bd2b353f4f73cf6dd9fdd5d633c0d7e033b70' }, (_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: '6d2b47be72c18f0a4a97e5be4038135f81d046a5' }, index.h("div", { key: 'e15eedf92268a3155dd5a17a7fc31b07fb1d7835', class: "header" }, index.h("div", { key: 'e1e77cfb95775d79be676cfd7a6336258def1ea3', class: "filter" }, index.h("verdocs-text-input", { key: 'f2498144e0fe94eda499b97fe760bc6a7f28949b', 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: '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) => {
                 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: '2f014901c2a7a6b91ff4acaa980e04730dddf672', label: "Visibility", value: this.visibility, options: VisibilityFilters, onOptionSelected: e => {
+            } })), index.h("verdocs-quick-filter", { key: 'd316a3e87952b7dabf6f278d937484e6710929ed', 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: '7a6638d2f0a2eb39512219abdb743a7af23e2205', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+            } }), index.h("verdocs-quick-filter", { key: '2e4c999b781d8ea38ce7cf9c518bbd2e06d3f94a', 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: '1eec5a553e5e780fb6ec636c7263926a81bc880b', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+            } }), index.h("verdocs-quick-filter", { key: 'ed517fac6f116e45d893cbcfa19b26f97e0909c0', 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: 'a0fb374bc1ce4d8ed2788d40cbdaa7c2cb5d12ad', mode: "dark", size: 24 }), index.h("div", { key: '24201c6496f26b3e0d23798b355631beeb05eb0e', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            } }), 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 => {
             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: '95ec2cc305b661f12a1af5ef76b994a1971728be' }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && index.h("div", { key: '9ae95865b49b383ab1cf8585e2d218e6396a32d5', 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: '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.selectedPage = e.detail.selectedPage;
-            } }))) : (index.h("div", null)), this.confirmDelete && (index.h("verdocs-ok-dialog", { key: '334108b2117d463d3cbb935072d61138ec18d40b', 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: 'b9dd36650b8aec22a4fe8dd4e16c05291d5a0e44', 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: 'db3a997f301462b848daf9e052eee25232b89b1d', 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: '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))));
     }
 };
 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: 'ce82d507e5ec506aa85dca4c21b3ee78c751a7ea', class: "container" }, index.h("span", { key: 'b099fdab13ec8c866be39c1f0d8f81e5fe8360ef', class: "label" }, `${this.options.label}:`), index.h("div", { key: 'bbd49091a1c7c4cd0c1088bf0efb76a4476895f5', 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: '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: () => {
                 console.log('clicked', index$1);
                 this.selectedOption = index$1;
             } }))))));