@verdocs/web-sdk 4.2.101 → 4.2.102

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

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

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

@@ -1140,7 +1140,7 @@ const VerdocsInitialDialog = class {
     }
      */
     render() {
-        return (h(Host, { key: '8d0116cf97848213877b5250d2b49e8da73f9d7a', onClick: e => this.handleCancel(e) }, h("div", { key: '81a12261f5eef48b00309756c685fae9993f613a', class: "dialog" }, h("div", { key: '91364e9ac8d4bbdd50dc201a323c9b34a1d5ddfc', class: "heading" }, "Create Your Initial"), h("div", { key: 'dea07efcc51b6b8530e2615f05bcd8024e6d2029', class: "content" }, h("verdocs-text-input", { key: '04ad40f6f734556849afa551ef9eb665d3b28c48', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: 'c038a30e6355e58d428c5b0190868a536236dfb3', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '22a8f81443052b8e0523f19161a9cf8671fe9f45', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: 'd6c53a1846c6d109d38d1977a452dcfbea1b7aeb', class: "buttons" }, h("verdocs-button", { key: '0c12b1bfd70a923564e77a7970472cc5cdcdf0e9', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '88ef91ffa75db664b822758f38143d5535b6803c', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: 'b4b3d0cbe08bb7525e48c728b50f071d6c764c1b', onClick: e => this.handleCancel(e) }, h("div", { key: 'bfe9ca476892ec9e4d0826f02108d17ccdc7e52c', class: "dialog" }, h("div", { key: '0fe9deeafd7d0a1a23600b6ce78ecb0a2db68478', class: "heading" }, "Create Your Initial"), h("div", { key: '93ab94da31dce21b97bab3e3cd49d765626fca55', class: "content" }, h("verdocs-text-input", { key: '90f1c69e6b624aafeb734ab922971c261fd95099', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: 'ea0d3a80d34a1259d7e5a28537b6c2532b446915', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '018cc438201111ce05ccad82d7b6a5ecde225cd5', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: 'f6abe4ff08732e499e172a11e7bd0cb4411f80f9', class: "buttons" }, h("verdocs-button", { key: '090929f2e43bc9b1d779b5a2c5bc8f22fee9c8b5', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '0a7c7c576f63525ed268a6e8f11b7ab0ad7f7d5f', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsInitialDialog.style = VerdocsInitialDialogStyle0;
@@ -1361,7 +1361,7 @@ const VerdocsSignatureDialog = class {
     }
      */
     render() {
-        return (h(Host, { key: 'f034c340293126cce5febf238cbcbf69a5134253', onClick: e => this.handleCancel(e) }, h("div", { key: '800bc098a14e777918b3a35292d58d249fe646f9', class: "dialog" }, h("div", { key: 'b50d5c57b8c9ef980f9b146376cd32a68f8e302d', class: "heading" }, "Create Your Signature"), h("div", { key: '82ad4da15b63875bdb376a2e546c06d5fef1eb44', class: "content" }, h("verdocs-text-input", { key: '6df6805d9f761819b190e62a871e3580acce50e7', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: 'e471f1b5f703bcfc77326dbcb2ba2bc5499d27a6', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: 'eaeede6b4d7fa6087fbd49e79a427c36606acb8b', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: 'f20d4607c71a2a25589cf660aa9882b83b99baa8', class: "buttons" }, h("verdocs-button", { key: '59673617176d5a00809ee27d0015eb2c26b22ced', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'a27c2f2f68b4aa5291330bcbb5601da22c947e9a', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: '53849e64803bef6eb9d350c0b74c31f85ae1d85d', onClick: e => this.handleCancel(e) }, h("div", { key: 'bbf1ac4498157388d44cc41c27dc2183eebaf990', class: "dialog" }, h("div", { key: '0b56bb436a6431af0b61effdffb31133437c12df', class: "heading" }, "Create Your Signature"), h("div", { key: 'a39e8a59f6744ba89ef321ba33dbabd1911fd225', class: "content" }, h("verdocs-text-input", { key: 'bc8d46fece7c7507fc506bd9dcc739eb848f54ea', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '021334bb046539364e2c2c4d8797519a2e38dcb4', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '455dcd5d4a651af7d5cb7375996c063a30ab5f89', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: '78c53b3d62310ce14ee4782f3ebb5bdc17b31fbb', class: "buttons" }, h("verdocs-button", { key: 'be2adff2be29e9fd4f22d2a5665d56330bbcbe09', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'e7eb8cbd63184fb567c86f6e2cb11e1afa6df036', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsSignatureDialog.style = VerdocsSignatureDialogStyle0;
@@ -1425,7 +1425,7 @@ const VerdocsUploadDialog = class {
         this.selectedFiles = Array.from((_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.files);
     }
     render() {
-        return (h(Host, { key: '107df7d3d61af8fffdeeb2a5cd9664a283cf8176' }, h("div", { key: 'b44a837d42428a5c8b553ea57fdadb6ee62e9927', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'd13b0188f60e71d8ca32a5c5031753a9717f119d', class: "dialog" }, h("div", { key: '7dd24568bfdeed7241ef09f4cc539461564048af', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && this.existingFile && (h(Fragment, { key: '6b7197060ecf23a561518dfa1fe3087c11c7d596' }, h("div", { key: 'f2b801fea0cab95fc5ffd3d5cab5b6788dca7e3b', class: "current-label" }, "Current Attachment"), h("div", { key: '24db98920285515ff2d31e606440abeef1277600', class: "attachments", style: { marginTop: '0' } }, h("div", { key: 'a1432d1e8e914c4e2e251c258f97f20c457292d9', class: "attachment" }, h("div", { key: 'e13b9edaf726666e0ea466ad926e066747728bd9', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '4ad783ea0df4f711536a02d75d5bb4686e86ac06', class: "name" }, this.existingFile.name), h("div", { key: '555fd7f1e13b4dea753d6235c5acd3886912e19a', class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleDeleteAttachment() }))))), this.selectedFiles.length < 1 && (h("div", { key: 'ca6ee048c121ab6f1b2ac1348b60ebae299ab41a', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: '77e92f537f2a984d3ec8a784d35ac08c2cf2274a' }, "Drag and drop a ", !!this.existingFile && 'replacement', " here..."), h("p", { key: '72500781ecae42d1249d9b380edec7866f84426f' }, "- or -"), h("verdocs-button", { key: '460e2e6f1629eca3d6f8c395dc33f1a01fb94fcb', label: !!this.existingFile ? 'Replace file...' : 'Select a file...', onClick: () => this.handleSelectFile() }), h("input", { key: 'e4b6ec3c30f11e448f05e21510a29dc52a217f9e', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: 'beddc71ea828d26528d185447a2ccf1d9111f14c', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: '16be83d7135c299d3ab35b523611188a0f97edc2', class: "buttons" }, h("verdocs-button", { key: '8b72c9191865278d5f90ad6d61c0bb355ccbc441', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'f083700863c7839e521eaa8c36940e230e47b9d0', label: "Upload", onClick: () => this.handleDone(), disabled: this.selectedFiles.length < 1 }))))));
+        return (h(Host, { key: '89846e6c89cb8fa7188545e455b98a5b2c99bec3' }, h("div", { key: 'd89b52c26561640dac6ff52ed37db33cdd26e6f9', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'd9a6d91ba3c4b0bc87a52ac57c5ff0131ecaba65', class: "dialog" }, h("div", { key: '2b781fd9b65028d14a38bdb88254840340cc7dfb', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && this.existingFile && (h(Fragment, { key: 'fc7b56c80302592ba276c6085ea1a44b09b80c98' }, h("div", { key: '7c31da25b44046d86df74e0caa4c377c7f91521c', class: "current-label" }, "Current Attachment"), h("div", { key: '993a194185ac803c0f55409d0942455656c48288', class: "attachments", style: { marginTop: '0' } }, h("div", { key: 'f73da1c66602b14150afef80c89a32d9061b22c5', class: "attachment" }, h("div", { key: '2715cf8bf9c31b51708d5165b5f4655ca7231540', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '1a14d15b1bd9dcfbb13f6189b13616ba141ba643', class: "name" }, this.existingFile.name), h("div", { key: '89f95545e497da2bb5f67b5318c61540f3fd2627', class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleDeleteAttachment() }))))), this.selectedFiles.length < 1 && (h("div", { key: 'cc59dcebfd0ebd6614f11bc4d40f36448f19eef6', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: 'b615d9846d8b785e9e7e9ed93adc97a75ddfe381' }, "Drag and drop a ", !!this.existingFile && 'replacement', " here..."), h("p", { key: '228776a6174a936cbec81be7863586007a8b846a' }, "- or -"), h("verdocs-button", { key: 'a7142011ba18f6b004f1fd8b18afc044ea9d90fe', label: !!this.existingFile ? 'Replace file...' : 'Select a file...', onClick: () => this.handleSelectFile() }), h("input", { key: '82b8661d15cf281c38b2ea5d8e374786fb52c27b', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: 'b3f8495ed0faef35324745634b07bae41159bb24', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: '404bd66083a86f2c964e8d6392ef01eab3854e91', class: "buttons" }, h("verdocs-button", { key: '97a0b6b4c4ae1cfa873b2d5f4addbb3676aba99b', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '07dfd4a41d5d1be909baaf5678e231062fe70fc6', label: "Upload", onClick: () => this.handleDone(), disabled: this.selectedFiles.length < 1 }))))));
     }
 };
 VerdocsUploadDialog.style = VerdocsUploadDialogStyle0;

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

@@ -27,7 +27,7 @@ const VerdocsFileChooser = class {
     }
     render() {
         const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
-        return (h(Host, { key: '3c8755723e41e7878c0b11e8667ba7f3af70dc57' }, h("input", { key: 'a93020ee87c7bc31114899bc163f31d24da9f990', 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: '22ad1f874ee4d785bbc96d9124a8e569d795a66b', class: "upload-box" }, h("div", { key: '6e8d2fbf0e69381ca89b9cfa81fc160b2f7857d3', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: '76712ca0fbb5ca76d923931c638991e89ced755e', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'f1c93ee91e36bc312c01ad9b8561948a642ba10f', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
+        return (h(Host, { key: '0c3558f72dd58ea3ef0ad544bf5af22c06cc718b' }, h("input", { key: 'b5e3de321c28757b542af4355bf9f7c62d072278', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), h("div", { key: '9f44b56b686f0f5f4aa1e3c3b4115f46701e3efb', class: "upload-box" }, h("div", { key: '6969c5457fc736f3b55740d3a155098201c8c52f', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: 'c3f44d6183615a536ffb1ca00de59acc48e90c9b', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'a439787122e4410b7159bb49d943447cc5b22703', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
     }
 };
 VerdocsFileChooser.style = VerdocsFileChooserStyle0;
@@ -45,7 +45,7 @@ const VerdocsProgressBar = class {
     render() {
         const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
         console.log('Rendering progress bar', { widthPercent, label: this.label, showPercent: this.showPercent, percent: this.percent });
-        return (h(Host, { key: '26db36f7031e869a43d70fd159c7acd9872ae379' }, h("div", { key: '2fdb0235a24303c15edc3adb620c0c7ebc8d1291', class: "labels" }, this.label && h("div", { key: '6e9ae22da5da7bfa5daf25d310c3ec0f64d994ff', class: "label" }, this.label), this.showPercent && h("div", { key: 'f7d2a00f352199cd78d51e6003897bb000fbfeb5', class: "label" }, this.percent, "%")), h("div", { key: 'de9ef450a7dfc69b88c47491e07463804fa419b4', class: "bar" }, h("div", { key: '7adc0673eba1bbd7dd4f2227c5f508e3a8b87e4d', class: "slider", style: { width: `${widthPercent}%` } }))));
+        return (h(Host, { key: 'f5b270b4d31070d6d7598d91c7cab9491ce7da02' }, h("div", { key: '959d70844ab64312a18d01640694da9d60b02284', class: "labels" }, this.label && h("div", { key: '65e00ca8ea3d1d1ab61e10a9b0a1bbc909569e79', class: "label" }, this.label), this.showPercent && h("div", { key: 'aa70b80a8d78888b8e441220cdfa0ca1e8cfc154', class: "label" }, this.percent, "%")), h("div", { key: '0c5e40cc47f9380b3966466c0d179e71409c5b3c', class: "bar" }, h("div", { key: '8629db35c7da6c8e3d72bcecb4d2f1bdc118e68b', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
 };
 VerdocsProgressBar.style = VerdocsProgressBarStyle0;

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

@@ -33,7 +33,7 @@ const VerdocsKbaDialog = class {
         this.next.emit(this.response);
     }
     render() {
-        return (h(Host, { key: '9b857660b91b89f928049d3f85a66bc1e585105e' }, h("div", { key: '36ff0ab3351dff215a5abf4a1ff7356346747650', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '26003d02099b3f64660091ee1dc02b81e7b9ca13', class: "dialog" }, h("div", { key: '4fb9daa61b801da6eb5f096149b09d4e0b89f676', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), !!this.helptitle && (h("div", { key: 'bfac2a1a7bb294e1b24eb17664bcdd65ce7c4a17', class: "help-box" }, h("div", { key: '434dd57cdcd743f612985866d0e16e6f1fd2b1e1', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '661bfcc2e80d66dceae242251e0734af45e83185', class: "help-details" }, h("div", { key: '786b81135e2080d7881016221fe99d3a1ecff095', class: "help-title" }, this.helptitle), h("div", { key: '0b31cb58496e9665389399e6f426dc4266837af0', class: "help-text" }, this.helptext)))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => (this.response = choice) }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder, value: this.response, onInput: (e) => (this.response = e.target.value) }))), h("div", { key: 'a6752c1cbeb1a83cf1adbb2f634cc8bdf79ebb0a', class: "buttons" }, h("verdocs-button", { key: '1a2d7c28c34f7f6bfbc554b116b096617aa0b40e', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'fb1c40e5895a0644c904fac36b860aaf62eb7e95', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
+        return (h(Host, { key: '97c855bc7ff5c4205ccc64d859d9b1787e0048a6' }, h("div", { key: 'f4dd12baf199d9c50e6ebbb02b7e26e6204a9669', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '051764b9306bc6f3d21221e3aa6d4e6cf104d0e1', class: "dialog" }, h("div", { key: '0f0ecc082f97975c92d7418a96e3689fea0a192b', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), !!this.helptitle && (h("div", { key: 'f6d4e4db03fad13638f3980839210f8df886bd2c', class: "help-box" }, h("div", { key: 'c18a7aab25144f438da8cbacca4465e009ab6a02', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '02e1dba0b4536b39a61fffea636a6e9c58fd40a8', class: "help-details" }, h("div", { key: '740bc221c448afc393b1007a4141ce4db2cf8008', class: "help-title" }, this.helptitle), h("div", { key: '767d5d0141c73e0621cfbe795fecb50637dc38cb', class: "help-text" }, this.helptext)))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => (this.response = choice) }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder, value: this.response, onInput: (e) => (this.response = e.target.value) }))), h("div", { key: 'f6e90196e71c9931613622d0879eeb4bc4877792', class: "buttons" }, h("verdocs-button", { key: '269ea8b9020ab81d9234c0d1b8151a459d84f37d', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '8b8c437cc11e3f5fcdbb5f0b5faa1c60daee21cb', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
     }
 };
 VerdocsKbaDialog.style = VerdocsKbaDialogStyle0;

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

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

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

@@ -29,7 +29,7 @@ const VerdocsOkDialog = class {
         }
     }
     render() {
-        return (h(Host, { key: '1077eb562a8fd6bb9b1771d00e3d6bf37682dc68', class: this.closed ? 'closed' : '' }, h("div", { key: '370c8176f1be6c1b7ff44c9ac6d30c162f2c5b10', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'e502d4a7fc18fd0bee04ff9679ed345bc5aa93da', class: "dialog" }, h("div", { key: '826089d49b624246e909ff4437bf3d5bd8d8e5d8', class: "heading" }, this.heading), h("div", { key: '8aae0a35156334f6e052d0119d8398c64a627869', class: "content" }, h("div", { key: 'e4740cd967c231c03ffcf37b3c94c474b2760c97', class: "message", innerHTML: this.message }), h("div", { key: 'e0c1419acf0367f2342f8cf7325a5cde7922ac7e', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '0aaa059fe1071f45f2497963c820e8ab0d74fddd', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (h(Host, { key: '16757775ee3a09054e3653fb7d12873fc0758e7a', class: this.closed ? 'closed' : '' }, h("div", { key: 'd3f240bbccce82dd4f3e769100ca17612637a0d5', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'ec4348a8efc1c95d3df2915ce6e6f4e72c3a6824', class: "dialog" }, h("div", { key: '82b2c477f4eb03c847744f4b1be829909fb286a0', class: "heading" }, this.heading), h("div", { key: 'bdf0962a46f2f9e1b0b8e3d3ec433f1cdc532dff', class: "content" }, h("div", { key: '2adfa55833f384622d4e98496d91786fa9c934e1', class: "message", innerHTML: this.message }), h("div", { key: '89619686b2eefbbb465fa6a86a9da9e360034a9e', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: 'dc298822a062b5687a22cc56adea8b3b202758ad', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
 };
 VerdocsOkDialog.style = VerdocsOkDialogStyle0;

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

@@ -16085,7 +16085,7 @@ const VerdocsOrganizationCard = class {
         console.log('Rendering org card', this.organization.thumbnail_url, this.organization);
         const fallbackIcon = BusinessIcon;
         const portalId = `verdocs-org-card-${this.organization.id}`;
-        return (h(Host, { key: '2d1a8c0b8be06ec11e8d3f54b94e9c5f45ecbdf2', 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: '7a5984b3e888d5f5f31d557276aa88ddd0578d9d', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '4edbb7c0add1ef329c3892bfe0457b74137c5249', anchor: portalId }, h("div", { key: 'ea1356877ef8e4be7ecd405c882131d6a85373a4', 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: '9b5d314f138922acb826652f41b384c2b29f0df1', class: "popup-body" }, h("div", { key: '625520444f54f9433e882a14a58932eb4a78676f', class: "field" }, h("strong", { key: '5a5d0fa10a4d843997e0555d57b165aeec7495aa' }, "Joined"), dateFns.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: '3f5e5d5e5fd863743fc3ac20ef855ccbea8be63d', class: "field" }, h("strong", { key: 'ab2e95fd59304dda6ac5190ea9421c6429e46814' }, "Website"), h("a", { key: 'd06cff21c159e9c1b7d051e762f2687ae2a94b7b', 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: '81c347094d25f79e7cbd465558e27f52835807a3', id: portalId }, this.organization.thumbnail_url ? h("img", { class: "icon", src: this.organization.thumbnail_url, alt: "Logo" }) : h("span", { class: "icon", innerHTML: fallbackIcon }), h("span", { key: '7b02e94b67fc412ceea17cfedfe3bb2054231fba', class: "content" }, (_a = this.organization) === null || _a === void 0 ? void 0 : _a.name), h("verdocs-portal", { key: '00473dd8e408a31a58933e4ed82b5396f8cb41fa', anchor: portalId }, h("div", { key: 'f0eaa925cfa29bcfcf6340b99494636d8f2ab59d', class: "verdocs-org-card-popup", style: { display: this.hovered ? 'block' : 'none' } }, this.organization.full_logo_url ? (h("div", { class: "popup-header-with-logo" }, h("img", { src: this.organization.full_logo_url, alt: "Logo" }), h("div", { class: "title" }, (_b = this.organization) === null || _b === void 0 ? void 0 : _b.name))) : (h("div", { class: "popup-header" }, h("span", { class: "status" }, h("span", { class: "icon", innerHTML: fallbackIcon })), h("span", { class: "title" }, (_c = this.organization) === null || _c === void 0 ? void 0 : _c.name))), h("div", { key: '7b5d4427ba94087e504dd4b14884c9d4427fab0d', class: "popup-body" }, h("div", { key: 'bb4da149b3c9e1d14534ccb13fefe9f989ae2184', class: "field" }, h("strong", { key: '3f819b7faa7fbdd2d38a5b33ce31659cffe48af1' }, "Joined"), dateFns.format(new Date(((_d = this.organization) === null || _d === void 0 ? void 0 : _d.created_at) || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: '7581d309f46c46133eb7632a77d1330122c6725d', class: "field" }, h("strong", { key: '420c6434901556dc36af814976063a0772717e69' }, "Website"), h("a", { key: 'f12a8e81cfd4d1d25da3f244ddd74834caaea3fd', href: (_e = this.organization) === null || _e === void 0 ? void 0 : _e.url, target: "_blank", rel: "nofollow" }, (_f = this.organization) === null || _f === void 0 ? void 0 : _f.url))))))));
     }
 };
 VerdocsOrganizationCard.style = VerdocsOrganizationCardStyle0;
@@ -16165,7 +16165,7 @@ const VerdocsPortal = class {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (h(Host, { key: 'a69b388835d23116fdab01d461c2a6c6c1cd3dd8', ref: el => (this.element = el) }, h("slot", { key: '93b7a1bfae1c721b85291270aabf1953cb5d72ea' })));
+        return (h(Host, { key: 'f0d0b63ad69959ddb3a130bc5d0c02ce62856e71', ref: el => (this.element = el) }, h("slot", { key: '1aa260893876a7273ee7a1b7e3de2dde2fe71423' })));
     }
 };
 VerdocsPortal.style = VerdocsPortalStyle0;

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

@@ -42,7 +42,7 @@ const VerdocsQuickFilter$1 = class {
         const firstPage = Math.max(0, this.selectedPage - 2);
         const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
         const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (h(Host, { key: '7f48438c1719d818a477d05970c83b71d1bfb46b' }, this.selectedPage > 0 && h(PageButton, { key: '04d4a5306146aa3e1e15a429f91030a423d74620', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '4cd4b28c503989aa2ae9af13c1cec3a5819cd19c', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '7aeadf3f795bb8d22911de8a897687a7d75b43d3', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '5c886e32ea166539d84c24f33446337afc462ee6', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (h(Host, { key: '76b8efa60199ca3a9244b68222762252e728d85b' }, this.selectedPage > 0 && h(PageButton, { key: '3e7981803c1efe32b97f9dee6e489e59a531e523', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '7af4e7b148e7ec4f49b3fa141177282f5d6c9d86', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '691efdf123b7c6d73e0ed54c1f1248b504becd2b', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: 'a713867ccc6963e1193ecb8e04a934bc7a4d69d9', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     get el() { return getElement(this); }
 };
@@ -130,7 +130,7 @@ const VerdocsQuickFilter = class {
         const longestLabelWidth = renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
         const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
         const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
-        return (h(Host, { key: 'b77a669e01ef8634d3fb5600146e95bcd58a5bf6', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: 'e0eeab46c9f243ef7a189c7fdef267d8f3980625', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: '7494c30a6c5120d2617b239fb5114ddd6d338704', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: '4861fef690eb5cd981a895337b81cd715cd8af1b', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: 'a4d2d8b76735232cde5ba1c659b83be452f919f3', style: { flex: '1' } }), h("div", { key: '9f8933c5343f8e188ec25447f9b19d3cb8b781ae', class: "separator" }), h("div", { key: 'e66a6fd2dd00cebb3f91e6e8269a68b1f21b5719', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: '84ebf56cc3ddb543dd43e818c9571230353cc313', 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: '15c11ee382f7a5c01679113f6950c7037c0e4d3e', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: 'afc86ba48459d97f446db3e10671f593b2f53511', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: 'e0f2b560e99ffe51c10e4fe9bb2e8458ff65643a', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: '4a5d4b6d2ad22f17b80290daaafee5f505274b3b', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: 'd1599fbca5b7691b65ae2b0d1fd4d76c802ba9ca', style: { flex: '1' } }), h("div", { key: '5d2aba322cf7168780a38b315b485298cbb78ea1', class: "separator" }), h("div", { key: 'a1011166d7d9216d6c9ef8edc3712c4e571af611', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: 'a398d1f60135c4d48bb32024cca13f23bcae7cca', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
     }
     get el() { return getElement(this); }
 };

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

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

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

@@ -19,7 +19,7 @@ const VerdocsRadioButton = class {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '5801bf76825c1860f057081f9d109ce7303e259f', class: { disabled: this.disabled } }, h("input", { key: 'd802308dd23acad10d1cb3811d3b7cea4ea6cf78', 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: '020374b5c732d1d7f6e4ccaaa04397869468f297', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+        return (h(Host, { key: 'eba08c008e99b7da8b2ab156cd1767f84af173c5', class: { disabled: this.disabled } }, h("input", { key: '0bb228ee2bbea84c187253929473d88b788d01f8', 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: 'bad09fbc4b792af2cf272d5258207b29e79dec41', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
     }
 };
 VerdocsRadioButton.style = VerdocsRadioButtonStyle0;
@@ -140,34 +140,34 @@ const VerdocsTemplateRoleProperties = class {
     }
     render() {
         const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
-        return (h(Host, { key: '4daf88d47395c6a637137dc350b353e1854c1bdb' }, h("div", { key: '69dd4130a4712b21dd7d460008da99b58b4b82f6', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: '2b0a6f1cae1f6c5eef01ecae23e171ca7dc4e518', class: "dialog" }, h("form", { key: '607ab181a995a9b3112e05a8a00d17b979283a23', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '1b689cf1db96209f7734e7a4bb7a3eee822d3537', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+        return (h(Host, { key: '730f06520de9e020296cacf991aa025606d7dbfb' }, h("div", { key: '5ac072dbe9f312b468d9a1b8d699694185c03e22', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'b303190355d969808ee3554b85c26e3f6da52536', class: "dialog" }, h("form", { key: '21a0ef6e184c52d92b47fc48f6210170a9a06697', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: 'bd81053ec77721af0b116a0060fa5d7cf2b82b03', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
                 ? 'This role has fields assigned and can no longer be renamed.'
                 : 'A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.', placeholder: "Role Name...", onInput: (e) => {
                 this.name = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: 'da279c9f7ee9ec204c92ebc597b666922c920281', class: "row" }, h("div", { key: 'e5a0b4250480afb5dad0174c674505dadf843a7a', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '7b7c22a7121038faedb2c6992412e04401045b44', value: this.type, options: [
+            } }), h("div", { key: '52b3feb14fb51e426db734624db563de1d1b2e24', class: "row" }, h("div", { key: '91ec0ebe42974aa36c5144d5815ac1d138862d95', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'dc06b63a7efe16b244bf667d6eb1e7b4ba27d951', 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;
-            } }), h("verdocs-help-icon", { key: '1763f108ce1d03ea9bed960375677c03017e0f7e', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), h("verdocs-text-input", { key: 'b1b6901b5cb217774f757ede3baefcac85035f19', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "First Name...", onInput: (e) => {
+            } }), h("verdocs-help-icon", { key: 'cd2117c7265b9b14bd30d46a78bf931a3d431495', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), h("verdocs-text-input", { key: 'e1cc994258b539ab40e4e7fabc2544b1c7d82ade', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "First Name...", onInput: (e) => {
                 this.first_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: '7cd4144f5a59882a39705753bf4f15d4d205c979', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Last Name...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: '1a9ce3573fbf3a9a4495862cc780b6321169bef7', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Last Name...", onInput: (e) => {
                 this.last_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: 'e6628edbd864a77cf470a9175b3aff55f0be4681', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: 'ef313cdd9da5f9ce299513a0f74a0010978a04f0', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
                 this.email = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: 'ce90cd8517539331590cd2ff697e07533a7b5902', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: '017395decc39091207de4152283e401931254f10', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
                 this.phone = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: '9510615197a8c28d4522822e6753af993e965fab', class: "row" }, h("div", { key: 'b2958e2c6fdee7548aa53785c718c2aac9533711', class: "input-label" }, "May Delegate:"), h("div", { key: 'e7420c6088db970a53fb257bddf1fa4cf5f4eb37', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '5964f954a0390b38018a0644f9caf8e3b08bb766', checked: this.delegator, onInput: (e) => {
+            } }), h("div", { key: '68434c73d7fdcb24141cdf13ff9c076d477480c7', class: "row" }, h("div", { key: 'c5afca6f072a5a76646f5575b871bf55a075cc1b', class: "input-label" }, "May Delegate:"), h("div", { key: '55bfc7a17dcadf265d5ca6a7bbef12c1261392c2', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: 'd25aab079a596000a710a31cad269698d131f1b1', checked: this.delegator, onInput: (e) => {
                 this.delegator = e.target.checked;
                 this.dirty = true;
-            } })), h("verdocs-help-icon", { key: '0cce6b44830647f915f0a0c3940247003254e4ef', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '0caae2f472d4013ac76af0cdfc9084b07bee3e6c', class: "buttons" }, h("button", { key: '8bd1ac63a0c6f9355847e1f6babc12dadc29d9c8', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'd7caf9d0c3ca362043dc9c05cb8f11e73519739b', style: { flex: '1' } }), h("verdocs-button", { key: '33c37de3faedffd4e9f5448084aeb0c3269dfa16', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'c5e2c7fa597efae316316431fd548ec166a38d86', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
+            } })), h("verdocs-help-icon", { key: 'c95eeeb21f1c237ea5c3b0b92c14d5d62fc1617a', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: 'f563be7c352b2fd1ea04936796a942ae6353ae90', class: "buttons" }, h("button", { key: '107f332bc0650e9b1c2ac3666bebb6b7b0ec4c7c', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'f462302d0a04d178303ea8831eeaccdc18410265', style: { flex: '1' } }), h("verdocs-button", { key: 'ea1eabf74981acaa1674e94a9134fb6270b3b8d8', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '1ff52f0f25400416414477d2d7bf271bce5c310e', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
     }
 };
 VerdocsTemplateRoleProperties.style = VerdocsTemplateRolePropertiesStyle0;
@@ -234,7 +234,7 @@ const VerdocsTemplateSender = class {
         });
     }
     render() {
-        return (h(Host, { key: '091ab4be35bc34c3a26242c049f86f674af41e8f' }, h("div", { key: 'd6ab34f28492f84ca36e53e090100512c9bde484', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '14f29acabd224f7547aaedff0a25627cb5381e80', class: "dialog" }, h("div", { key: 'f13bcde2de6738d60055325c607b3b2c409a9dbe', class: "options" }, h("div", { key: '63255db61a5e55d2a4907114614acf6febe85075', class: "option" }, h("verdocs-radio-button", { key: '24a9e9a143e6d298f25a08bdf753b56de1c04961', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '45b08d31cc9984e779f8f7789f02f581fc12101c', class: "description" }, h("div", { key: '0fa098f2f7c81e2839b8bba9f5c9d5e9bcb67bab', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '31f1d12db9ca50d9b86bbceac2253d4134393e5b', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: 'f95a9c8e058ef6917d44974d83c6bdd1ec2733ca', class: "option" }, h("verdocs-radio-button", { key: '41ed48647f192747c9a4a490c471689a9ca6a575', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '9026a65b7f9b34a3e5b085b6e4f4c4052eafbf78', class: "description" }, h("div", { key: '2c2f2c8d668be05577ff42564f43d3d8149838a7', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: 'd5305c9a396ac5de055b98d5fe70671f6f00fae0', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'e544fbc077842d42bdf8ac186c6b525e352441ab', class: "option" }, h("verdocs-radio-button", { key: 'eec6b7321b00015569012bbf2e99849aad6dc8e6', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: '031b5b54ae322568a0e1203b40861cbba6a941e5', class: "description" }, h("div", { key: 'f387fed36eaa666a84aa39eda8a93f463a808978', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: '4079377c2b8344ee474adddea623da565dcd90fd', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: '7ec74675f7f73b9cb2393e44561524979324a407', class: "option" }, h("verdocs-radio-button", { key: 'cf745f64e9db88e7b8470613000a17531a067bd2', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '27584bfc38bcdf136aa2afdf692fa6f883f01fa2', class: "description" }, h("div", { key: '077a63531ff1795f5522632615630fbef4729dbe', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: '65a488ed62f89339fa1721e0f29fe4152048e4e6', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: 'e3466413793e527653545753035737c7f17c4813', class: "option" }, h("verdocs-radio-button", { key: '399790cdb86075a91f3db93485ffa0d91e48a0ac', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '8b30d713537b542d96aac5ac4cb9bc7af425a42b', class: "description" }, h("div", { key: '5dd8a9ddf591f400aeebad03cb8daf7cf0966499', class: "name" }, "Me"), h("verdocs-help-icon", { key: '8dc834a6fb5acfd6b2239e80ba97178fef0b70b1', text: "Only I can use this template." })))), h("div", { key: 'c4e71870732c8d5bf444f0d4690944d19a74f093', class: "buttons" }, h("verdocs-button", { key: '46bd6ed671c63a94b0fbdbb4852e27300fd563c4', label: "Close", onClick: () => this.handleClose() }))))));
+        return (h(Host, { key: '849ebcae79fea1e7e810ea49c6d97fb26ef71601' }, h("div", { key: 'c4beb47af9820bbf7fdbb13386a381a1ec0ef3eb', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '6f1b23281f27a3e340602e73c6fc476d5a7d1a7b', class: "dialog" }, h("div", { key: '04aed5aff479eb6f1af4343dd838dfe57c7d9f3a', class: "options" }, h("div", { key: '484b72a2b7bd73ae9143219d539a6aa120a9cc5c', class: "option" }, h("verdocs-radio-button", { key: '2473798c37783ce1fc531d888120ef0187c28cb8', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: 'ba79bcdb09dfe1fdbd9adbb9f8fc5f593cc1a4db', class: "description" }, h("div", { key: '0bc8cac502ddac20468fa2e1c88e71940f17b069', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '153fc6f5e4371d3896f8886ae442a4caf8d1170d', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '16e66ac18576da8b0080896c9457d8ad7fd86ed9', class: "option" }, h("verdocs-radio-button", { key: '45af40b3e65d78b61f84c7ebe0c8eda2766ea461', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '864183ff6d21343e1e2ac3ec878feb5cb464df51', class: "description" }, h("div", { key: 'fc0c1004ebddbbbfa7409a05aa1111640a8327ad', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: 'a7527d745ea6cb3cc6b5eb0b67bc1e658a1834f9', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: '5324d01a5a9b4c6776e42c24fa605c6e7e1ba02b', class: "option" }, h("verdocs-radio-button", { key: '06fb10ac6f84d0eeffec279038bc4a55e3812466', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: 'c29edc2f40ec7b8d4346d828341afc1722b0043b', class: "description" }, h("div", { key: '016a3f3625d3ae00aa58cb2ad035a657c862d7e0', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: 'd3eefcb15e9d6ee005077161ce674d82e21433e4', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: '931602e92a61ff86332e420a02edd37cc002e186', class: "option" }, h("verdocs-radio-button", { key: '37c44e49f533700c8c2bb97adb394642b14b8fb5', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '3f403de6f7c9548c13d744ce3fefae28ab4dce5d', class: "description" }, h("div", { key: 'f1cd1809ff04d543a2edc539504c894e19883879', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: '1bba4cf3258bf6c7b686a09e0e9b778154a926e2', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: 'e7a9e1f669cee3f845de44f928226b0e08c1db39', class: "option" }, h("verdocs-radio-button", { key: 'be8748e7ad1f623354d6889645f6b8191c68859c', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: 'e5a4d884bfd01e176a568683310d23a1dcdaf042', class: "description" }, h("div", { key: '2166ceda9313a02750213bedf3c5170e7993c239', class: "name" }, "Me"), h("verdocs-help-icon", { key: 'f28de55873d3382d31c1734d393300b183c077ba', text: "Only I can use this template." })))), h("div", { key: 'cb36edb7d23d07ff5101e568f17d7b79a288a72b', class: "buttons" }, h("verdocs-button", { key: '63d7d2a227d4f39bc0eeaa7c7c935d95350921b4', label: "Close", onClick: () => this.handleClose() }))))));
     }
 };
 VerdocsTemplateSender.style = VerdocsTemplateSenderStyle0;

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

@@ -43,7 +43,7 @@ const VerdocsSearchBox = class {
         }
     }
     render() {
-        return (h("form", { key: 'f78c158c8170ca848870ed6d9ce67d6591fe06b7', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (h("span", { key: '61c0eb576b8467ab9c547e2899fbf39f5d5ea293', class: "type" }, this.type, "s ", h("button", { key: '9c6c8aaa5fac58a7d29f4b2f76de0f6f168d3552', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), h("input", { key: 'a08cc6991fb19ebf87a84c1392dc9646dbdcba64', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), h("button", { key: 'c3034c33f599f3b8b7e4363685a87a2f3b3d7c33', onClick: e => this.handleSearch(e), class: "search" }, h("span", { key: 'fc2bd86eff10b5f8e467919df9a2a11f48d546b1', innerHTML: SearchIcon }), "Search")));
+        return (h("form", { key: '92c3a19d8e2f2d807d028c6bbee7ee1bcb50f51d', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (h("span", { key: '3a952a6b3a34a8e1f7c5e8390ed28f7494a932cb', class: "type" }, this.type, "s ", h("button", { key: '4455aa5e73cfd5fbed64954d9cea613a3944b68a', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), h("input", { key: 'ca27055080f3aa6241d3cb6d6572da9015c8690a', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), h("button", { key: '312f07b2c842544e48ac562a1bec9589d569055a', onClick: e => this.handleSearch(e), class: "search" }, h("span", { key: '6e46ec1cd2683027a4c939d35d2741c86d6e70cb', innerHTML: SearchIcon }), "Search")));
     }
 };
 VerdocsSearchBox.style = VerdocsSearchBoxStyle0;

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

@@ -9,7 +9,7 @@ const VerdocsSearchTabs = class {
         this.selected = 'all';
     }
     render() {
-        return h("div", { key: '3389871fb01d199ede32a18f3de3f778f2b57ae9' }, "\u00A0");
+        return h("div", { key: 'a67ed4b54a0613731357bfc6f88ecad363dce069' }, "\u00A0");
     }
 };
 VerdocsSearchTabs.style = VerdocsSearchTabsStyle0;

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

@@ -12,7 +12,7 @@ const VerdocsQuickFilter = class {
         this.mode = 'light';
     }
     render() {
-        return (h(Host, { key: 'c17bdf4d7316e71a4ccd6bcf0e814808f0f605bf', style: {
+        return (h(Host, { key: '3f0d44897ca6b5f704f8566da9cb17cf3d18ebbb', style: {
                 width: `${this.size}px`, //
                 height: `${this.size}px`,
                 flex: `0 0 ${this.size}px`,

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

@@ -7189,11 +7189,11 @@ const VerdocsStatusIndicator = class {
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (h(Host, { key: '96ed56f80adc3b72cffac7ad61c987d61ecf97fb', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
+        return (h(Host, { key: '25fadd6d77be693e57cb2fb5a09a31eb63646570', 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) }, h("span", { key: '74fd0d79d0c321c186ba1a9fa5b1fe3798d7cac9', class: "icon", innerHTML: icon }), h("span", { key: 'a0a44d7acf6cb17ef1dbf210aaef25e79aaa7247', class: "content" }, statusMessage), h("div", { key: 'a367387674a47bd36568d557cd4c8f1d1defae1b', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: 'cfaef5f02fdb7c6a63535d537093a9e1b5e0219e', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
+            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: 'aa78dca223dc4db4a1f89cf7978064553d7abea3', class: "icon", innerHTML: icon }), h("span", { key: '84f93dbd4c9cbff90abdc1dfeaef46cb592151b5', class: "content" }, statusMessage), h("div", { key: 'dccc1698ae3548ee0aa1a8e01a2fa0bfdabe3737', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: '129b157b29e1a7b610244b4ec02f7af59221ec8f', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
     }
 };
 VerdocsStatusIndicator.style = VerdocsStatusIndicatorStyle0;

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

@@ -12,9 +12,9 @@ const VerdocsTable = class {
         this.data = [];
     }
     render() {
-        return (h(Host, { key: '55c0e4647639ccb4ecf1b70765ed12d21fda73b2', class: "table-wrapper" }, h("table", { key: 'b66ad58e6be95e5a1aa297a191142db098d95151', class: "table" }, h("thead", { key: 'da78f06f41395e44b42aefe9b452ad5c29278e1a' }, h("tr", { key: '1231558af753ec6445ba2cf245121bdde5536d74', class: "row header-row" }, this.columns.map((col, i) => {
+        return (h(Host, { key: '4ffe8d38c873db9420325df769676a4411f5aa28', class: "table-wrapper" }, h("table", { key: 'a51dbc58bc7eb6504ca054f94e4795238e42e0aa', class: "table" }, h("thead", { key: '18e488f81ae20486bd281d79340c4b5e5611550f' }, h("tr", { key: '9ea7794a55a2669aae8144db8ecfb16fdaad281a', 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: '0282efc552d51d876688b5405d3679f632ec4ec0' }, 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: 'fede948c8464f5e41376569b995dcf080ea8729a' }, 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/esm/verdocs-template-card.entry.js

@@ -14,7 +14,7 @@ const VerdocsTemplateCard = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '70fdd3656af0e09d195fe642617864f9e3f040d8' }, h("span", { key: '1f54e749222616d176cd423f46d41e5e0bf43f96', class: "name" }, this.template.name), h("span", { key: '9412db1396f31902d263223bd6eddec6a4c24566', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: '48db04497600cdc36a815aadb8880e43444984b9' }), h("div", { key: 'b2076c53a8490886e781fb518902189c0ab15ed4', class: "controls" }, h("div", { key: 'adf1aaeda56bdbbb9fadc781c586ecbd2f5ac668', class: "control" }, h("span", { key: '5489262deab391195f56d4a2291ca9ce4a42beb5', class: "icon", innerHTML: StarIcon }), h("span", { key: 'edc26b6674f6c007a37cbd0ea3274629ffec6bfc', class: "value" }, this.template.star_counter)), h("div", { key: '110575e5f51ce9b44de8bc2856b40949fda7b044', class: "control secondary" }, h("span", { key: 'af5e59792c2745fb13c4267fbab9753c9cc4793d', class: "icon", innerHTML: PagesIcon }), h("span", { key: '229253b847711aed2021f63f2d59b3a6f5de70a1', 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)), h("div", { key: 'ffbe166e6d627cb6404b8245829e3530b30b1ed1', class: "control secondary" }, h("span", { key: '70b5ec65e32b455494458844184bdd296d0a53d7', class: "icon", innerHTML: EmailIcon }), h("span", { key: '9148860c1252f2f307e9e018d583fbe745264c92', class: "value" }, this.template.counter)), h("span", { key: '62876a7d469ef34274efdff117aaf8b93e89d5f4', class: "additional-controls", innerHTML: ActionsIcon }))));
+        return (h(Host, { key: '2414caafbeb66be4f7418b22ab9766aaea18de4e' }, h("span", { key: '8b571bc3f50445e4a4413821ee4ade2c75940600', class: "name" }, this.template.name), h("span", { key: '77d3c36194959ca19928cb880dd2144c30079f5e', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: '5fa18b953a61dce4cc7d256552f5fbeace9b2fc2' }), h("div", { key: 'cd10884524860b3843b2bc308a1f5cd98e3521e6', class: "controls" }, h("div", { key: '1f9ea0ae36c3e9a285eb2124174a4096408f2833', class: "control" }, h("span", { key: '19249d5fdd259422591022aaad3b87626242b23b', class: "icon", innerHTML: StarIcon }), h("span", { key: '73c17da734ce561ed2a34792e7e49d3c5ef5ac88', class: "value" }, this.template.star_counter)), h("div", { key: '16c77cae206032ce4874aa8e3d94abdf56894563', class: "control secondary" }, h("span", { key: 'df2e55e5eb12dbc13d9fc566bf9c225da612a23e', class: "icon", innerHTML: PagesIcon }), h("span", { key: '0ff2120849aa15da404ad9f057b70fc47d8be414', 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)), h("div", { key: '8d5b816f15260673af8b53d7473f58f18fd82f46', class: "control secondary" }, h("span", { key: '161b8b7532fd4ee0a294dd8fed77fd82f90e78ad', class: "icon", innerHTML: EmailIcon }), h("span", { key: 'f80ca578f61f52ecebd13faf1c6a28a4b2efb431', class: "value" }, this.template.counter)), h("span", { key: '4ca0becd38dfd69172a5fb9f898b65dd03a330f3', class: "additional-controls", innerHTML: ActionsIcon }))));
     }
 };
 VerdocsTemplateCard.style = VerdocsTemplateCardStyle0;

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

@@ -98,7 +98,7 @@ const VerdocsTemplateDocumentPage = class {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: 'd40813635689bf60af13c6f719fd3660cd3acf1b', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } }, layer.name === 'controls' &&
+        return (h(Host, { key: '7dffce97ff8eb454bdfde6157190f5ba027d92b3', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } }, layer.name === 'controls' &&
             this.fieldStore
                 .get('fields')
                 .filter(field => field && field.page === this.pageNumber)
@@ -193,7 +193,7 @@ const VerdocsToolbarIcon = class {
     //   this.press?.emit();
     // }
     render() {
-        return (h(Host, { key: 'ea93725233dd213179a2c804bf7f4ab8cf7ab8bd', class: {} }, h("div", { key: '84c85bb763e237e06cce0a6df7852c1f8550ad9c', "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: 'e5d7e7765580c8c797f8cf73f0fc82adf6a6509d', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: '0502203740b302633cd730d220f2a184cbbb88de', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: '4674a6debb2b1097facb31672444e0f1eb397d41', class: {} }, h("div", { key: '81948d50d0b55ba9e85862e37c1e16402d8851da', "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: '716d04df7702b2068ec15b55f744646ea26aeac7', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: '8511e8a6cbe059d525a4ee770a479c932dab9625', "data-popper-arrow": "true", class: "arrow" }))));
     }
 };
 VerdocsToolbarIcon.style = VerdocsToolbarIconStyle0;

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

@@ -42,7 +42,7 @@ const VerdocsTemplateStar = class {
         });
     }
     render() {
-        return (h(Host, { key: 'a70877334388bd0528a03f3ae08cd479c7dacecc' }, h("div", { key: '09f9dbd54bc662778c48d4663312c0043d694aea', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '74a45d4e3153623bd4d9e7f2e66bd561b1ecfcb3', class: "count" }, this.template.star_counter || '--')));
+        return (h(Host, { key: '0fc342a217265e0a104fd3f611e99b57d4978be4' }, h("div", { key: 'ac7375a1a86846ec27d550356781426d19a4aec5', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '68c5329f639c404fb377accedce7a36b28d77d76', class: "count" }, this.template.star_counter || '--')));
     }
 };
 VerdocsTemplateStar.style = VerdocsTemplateStarStyle0;

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

@@ -10,7 +10,7 @@ const VerdocsTemplateTags = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '59cfe825d9ab3fbbbf799e392fc5e35a63d39e9e' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: '8668a671bd4a1898582579efc2e330921f2b6b2d' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
     }
 };
 VerdocsTemplateTags.style = VerdocsTemplateTagsStyle0;

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

@@ -155,24 +155,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 (h(Host, { key: '9d14c5bae8ea56281a33536160450cb0488dc52f' }, h("div", { key: 'c59959d7087a0a714b5c6b3a493c5c7446e71906', class: "header" }, h("div", { key: 'e51316310fbb444100962cb0b5a3e4d373af7d04', class: "filter" }, h("verdocs-text-input", { key: 'f528b443e50837c14af05aecf3e55cd89fa25f54', 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 (h(Host, { key: '9910d30f954550fe89b6e0b5851ff5cfbdec5aff' }, h("div", { key: '6b77158a586a26163c38ab6d4af3836eef486de4', class: "header" }, h("div", { key: '9caad42bc2e305f401cb065a2045fc971197940f', class: "filter" }, h("verdocs-text-input", { key: 'dc9f1d30422255f5fd6da7a3a3d31b9f2ad4b36b', 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);
-            } })), h("verdocs-quick-filter", { key: '80693fdb171cc9ebe2b1488413adaf9c1499f24a', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '194519821282ccf01b029c442ebc30f7102eaf2e', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
                 var _a;
                 this.sharing = e.detail.value;
                 (_a = this.changeSharing) === null || _a === void 0 ? void 0 : _a.emit(this.sharing);
-            } }), h("verdocs-quick-filter", { key: 'b2ad4b67caf43236a2ace3973d36f27856f51610', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: '5d814eedb83e97ce973a9205a29d7815b3fbf0fd', 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);
-            } }), h("verdocs-quick-filter", { key: 'a448da8ee694fcb964d047cd35c19740abd80d49', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: '7bb139d40d9ec00dd2011248a5737f999e8765dd', 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 && h("verdocs-spinner", { key: 'f4bc962a22034a2faa3ed815d40d33f47e70c408', mode: "dark", size: 24 }), h("div", { key: 'a0434d9ec54346c558999ac88bbcff024ade0727', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            } }), this.loading && h("verdocs-spinner", { key: 'eaa9aa626d7e9193400c45d065fad04133963f59', mode: "dark", size: 24 }), h("div", { key: '7387c1960def6cebdb2758a5f4cdcb9475b60d1e', 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 = [];
@@ -219,9 +219,9 @@ const VerdocsTemplatesList = class {
                     var _a;
                     (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template });
                 } }, h("div", { class: "inner" }, h("verdocs-template-star", { template: template, endpoint: this.endpoint }), h("div", { class: "spacer icon-spacer" }), h("div", { class: "name" }, template.name), h("div", { class: "spacer usage-spacer" }), h("div", { class: "usage" }, h("span", { innerHTML: EnvelopeIcon, title: "Usage Counter" }), template.counter || '--'), h("div", { class: "spacer last-used-spacer" }), h("div", { class: "last-used" }, dateToShow === 'created_at' && h("span", { innerHTML: CreatedIcon, title: "Created" }), dateToShow === 'updated_at' && h("span", { innerHTML: UpdatedIcon, title: "Last Updated" }), dateToShow === 'last_used_at' && h("span", { innerHTML: LastUsedIcon, title: "Last Used" }), date ? dateFns.format(new Date(date), 'P') : 'Never'), h("div", { class: "spacer ownership-spacer" }), template.is_public && (h("div", { class: "ownership" }, h("span", { innerHTML: GlobeAltIcon }), " Public")), !template.is_public && !template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: LockClosedIcon }), " Private")), !template.is_public && template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: BuildingOfficeIcon }), " Shared")), h("verdocs-dropdown", { options: MENU_OPTIONS, onOptionSelected: e => this.handleOptionSelected(e.detail.id, template) }))));
-        }), !this.initiallyLoaded && (h("div", { key: '0f5ae9865209b24176770ab2f9af2657e20fc8f7' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: '42a3642519dedc31dfb49b798b03179a6c7449c6', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: 'aa47ab45c993fce4229534b04ffc51b0ea7d9e0e' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: 'e5e953daa661123cf5658e5de97e7af35fb414fc', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
-            } }))) : (h("div", null)), this.confirmDelete && (h("verdocs-ok-dialog", { key: '6d5f37081d75a19f0d5579b8387d19e45c585f92', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
+            } }))) : (h("div", null)), this.confirmDelete && (h("verdocs-ok-dialog", { key: 'b5787c3b6c29784c0d1de6d98fdd190581ec9557', 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/esm/verdocs-toggle.entry.js

@@ -15,7 +15,7 @@ const VerdocsToggle = class {
         this.selectedOption = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.defaultSelection) || 0;
     }
     render() {
-        return (h("div", { key: '9f256803ea1b003623aec738a492dff08b5f90ac', class: "container" }, h("span", { key: '61fd34e585a9d7994bda0d73aa30b229407119ef', class: "label" }, `${this.options.label}:`), h("div", { key: '8e80a85a72c40cc3c87885f43dc379225a2dfe3b', 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: '3fce957152f13b188837bcf6cf40603d9618689e', class: "container" }, h("span", { key: '9d4c488975c9daa125ecf906f641e2bc74654a96', class: "label" }, `${this.options.label}:`), h("div", { key: '28a2d8a82b05fcb3cfc9bea409ad37633fb0d860', 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/esm-es5/verdocs-button-panel_2.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function i(t){try{s(n.next(t))}catch(t){a(t)}}function c(t){try{s(n["throw"](t))}catch(t){a(t)}}function s(t){t.done?o(t.value):r(t.value).then(i,c)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,i;return i={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function c(t){return function(e){return s([t,e])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,c[0]&&(o=0)),o)try{if(n=1,r&&(a=c[0]&2?r["return"]:c[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,c[1])).done)return a;if(r=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;r=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){o.label=c[1];break}if(c[0]===6&&o.label<a[1]){o.label=a[1];a=c;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(c);break}if(a[2])o.ops.pop();o.trys.pop();continue}c=e.call(t,o)}catch(t){c=[6,t];r=0}finally{n=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,c as createEvent}from"./index-a68c7262.js";import{c as createPopper}from"./popper-0fbeff6d.js";var verdocsButtonPanelCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-button-panel{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer;opacity:0.6}verdocs-button-panel .icon svg{fill:#707ae5}verdocs-button-panel .icon:hover{opacity:1}.verdocs-button-panel-content{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:320px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{font-size:16px;font-weight:bold;margin:0 0 16px 0;color:#092c4c;border-bottom:1px solid #cccccc}';var VerdocsButtonPanelStyle0=verdocsButtonPanelCss;var VerdocsButtonPanel=function(){function t(t){registerInstance(this,t);this.showing=false;this.icon=""}t.prototype.componentDidRender=function(){document.body.appendChild(this.panelEl);if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=createPopper(this.iconEl,this.panelEl,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.panelEl){this.panelEl.remove()}};t.prototype.showPanel=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;var o=this;return __generator(this,(function(n){(t=this.panelEl)===null||t===void 0?void 0:t.setAttribute("data-show","");(e=this.popperInstance)===null||e===void 0?void 0:e.update().catch((function(){}));this.showing=true;this.hiderEl=document.createElement("div");this.hiderEl.id="verdocs-button-panel-hider";this.hiderEl.style.zIndex="100";this.hiderEl.style.position="absolute";this.hiderEl.style.top="0px";this.hiderEl.style.left="0px";this.hiderEl.style.right="0px";this.hiderEl.style.bottom="0px";this.hiderEl.onclick=function(t){t.stopPropagation();o.toggle()};document.body.appendChild(this.hiderEl);return[2]}))}))};t.prototype.hidePanel=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){Array.from(document.getElementsByClassName("verdocs-button-panel-content")).forEach((function(t){t.removeAttribute("data-show")}));(t=document.getElementById("verdocs-button-panel-hider"))===null||t===void 0?void 0:t.remove();this.showing=false;return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.showing)return[3,2];return[4,this.hidePanel()];case 1:t.sent();return[3,4];case 2:return[4,this.showPanel()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};t.prototype.render=function(){var t=this;return h(Host,{key:"c77ea175bddafb381b9c2d59820bf5656d271ba6"},h("div",{key:"dd26de0092bec750606f81b3e41ded3169bce9ee",class:"icon",innerHTML:this.icon,onClick:function(e){e.stopPropagation();return t.toggle()},ref:function(e){return t.iconEl=e}}),h("div",{key:"6708d3cb957b99e854747e74044040bbf8cbe418",role:"tooltip",class:"verdocs-button-panel-content","data-popper-placement":"bottom",ref:function(e){return t.panelEl=e}},h("div",{key:"9e4b2f228527b4474a6869ef436c3c6cb59d0ad7","data-popper-arrow":"true",class:"arrow"}),h("slot",{key:"ca4dc0f4d9cbee017c45dc084b772c0d303547f8"})))};return t}();VerdocsButtonPanel.style=VerdocsButtonPanelStyle0;var verdocsTabsCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-tabs{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-tabs .tab{display:-ms-flexbox;display:flex;color:#111111;cursor:pointer;font-size:14px;font-weight:400;padding:5px 10px;-ms-flex-align:center;align-items:center;text-transform:none;-ms-flex-pack:center;justify-content:center;border-bottom:4px solid transparent}verdocs-tabs .tab:focus{border:none;outline:none}verdocs-tabs .tab.active{color:#000000;font-weight:500;border-bottom:4px solid #654dcb}verdocs-tabs .tab.disabled{color:#aaaaaa;cursor:default}';var VerdocsTabsStyle0=verdocsTabsCss;var VerdocsTabs=function(){function t(t){registerInstance(this,t);this.selectTab=createEvent(this,"selectTab",7);this.tabs=[];this.selectedTab=0}t.prototype.handleSelectTab=function(t){var e;(e=this.selectTab)===null||e===void 0?void 0:e.emit({tab:this.tabs[t],index:t})};t.prototype.render=function(){var t=this;return h(Host,{key:"2fedcaa89e194d52552c9c1295451889f15873bd"},this.tabs.map((function(e,o){return h("div",{class:"tab ".concat(o===t.selectedTab?"active":""," ").concat(e.disabled?"disabled":""),onClick:e.disabled?function(){}:function(){return t.handleSelectTab(o)}},e.label)})),h("div",{key:"d1020c064e91e7b2f08f096266de33533055afc4",class:"flex flex-1"}),h("slot",{key:"454f2a0fab01099f8ec6bdf73d4eaacd3471bc69"},h("div",{key:"b7a6f1c170591c2664e88b611cb9162f800d01c4"})))};return t}();VerdocsTabs.style=VerdocsTabsStyle0;export{VerdocsButtonPanel as verdocs_button_panel,VerdocsTabs as verdocs_tabs};
+var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function i(t){try{s(n.next(t))}catch(t){a(t)}}function c(t){try{s(n["throw"](t))}catch(t){a(t)}}function s(t){t.done?o(t.value):r(t.value).then(i,c)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,i;return i={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function c(t){return function(e){return s([t,e])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,c[0]&&(o=0)),o)try{if(n=1,r&&(a=c[0]&2?r["return"]:c[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,c[1])).done)return a;if(r=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;r=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){o.label=c[1];break}if(c[0]===6&&o.label<a[1]){o.label=a[1];a=c;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(c);break}if(a[2])o.ops.pop();o.trys.pop();continue}c=e.call(t,o)}catch(t){c=[6,t];r=0}finally{n=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,c as createEvent}from"./index-a68c7262.js";import{c as createPopper}from"./popper-0fbeff6d.js";var verdocsButtonPanelCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-button-panel{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer;opacity:0.6}verdocs-button-panel .icon svg{fill:#707ae5}verdocs-button-panel .icon:hover{opacity:1}.verdocs-button-panel-content{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:320px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{font-size:16px;font-weight:bold;margin:0 0 16px 0;color:#092c4c;border-bottom:1px solid #cccccc}';var VerdocsButtonPanelStyle0=verdocsButtonPanelCss;var VerdocsButtonPanel=function(){function t(t){registerInstance(this,t);this.showing=false;this.icon=""}t.prototype.componentDidRender=function(){document.body.appendChild(this.panelEl);if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=createPopper(this.iconEl,this.panelEl,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.panelEl){this.panelEl.remove()}};t.prototype.showPanel=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;var o=this;return __generator(this,(function(n){(t=this.panelEl)===null||t===void 0?void 0:t.setAttribute("data-show","");(e=this.popperInstance)===null||e===void 0?void 0:e.update().catch((function(){}));this.showing=true;this.hiderEl=document.createElement("div");this.hiderEl.id="verdocs-button-panel-hider";this.hiderEl.style.zIndex="100";this.hiderEl.style.position="absolute";this.hiderEl.style.top="0px";this.hiderEl.style.left="0px";this.hiderEl.style.right="0px";this.hiderEl.style.bottom="0px";this.hiderEl.onclick=function(t){t.stopPropagation();o.toggle()};document.body.appendChild(this.hiderEl);return[2]}))}))};t.prototype.hidePanel=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){Array.from(document.getElementsByClassName("verdocs-button-panel-content")).forEach((function(t){t.removeAttribute("data-show")}));(t=document.getElementById("verdocs-button-panel-hider"))===null||t===void 0?void 0:t.remove();this.showing=false;return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.showing)return[3,2];return[4,this.hidePanel()];case 1:t.sent();return[3,4];case 2:return[4,this.showPanel()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};t.prototype.render=function(){var t=this;return h(Host,{key:"976e3e5ba3928e889f6b352df1fd83e1314040e0"},h("div",{key:"8d1d8126051d28c8322b08e3744e6dd3c0d4f75d",class:"icon",innerHTML:this.icon,onClick:function(e){e.stopPropagation();return t.toggle()},ref:function(e){return t.iconEl=e}}),h("div",{key:"6b3714c1a61a8acbc0463f9898d7241a0e80b6d0",role:"tooltip",class:"verdocs-button-panel-content","data-popper-placement":"bottom",ref:function(e){return t.panelEl=e}},h("div",{key:"b972da5ee44541e85b21dbed6439fba6ea279ad6","data-popper-arrow":"true",class:"arrow"}),h("slot",{key:"98d84ed288074739b774ce11eedebf53cfc0e334"})))};return t}();VerdocsButtonPanel.style=VerdocsButtonPanelStyle0;var verdocsTabsCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-tabs{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-tabs .tab{display:-ms-flexbox;display:flex;color:#111111;cursor:pointer;font-size:14px;font-weight:400;padding:5px 10px;-ms-flex-align:center;align-items:center;text-transform:none;-ms-flex-pack:center;justify-content:center;border-bottom:4px solid transparent}verdocs-tabs .tab:focus{border:none;outline:none}verdocs-tabs .tab.active{color:#000000;font-weight:500;border-bottom:4px solid #654dcb}verdocs-tabs .tab.disabled{color:#aaaaaa;cursor:default}';var VerdocsTabsStyle0=verdocsTabsCss;var VerdocsTabs=function(){function t(t){registerInstance(this,t);this.selectTab=createEvent(this,"selectTab",7);this.tabs=[];this.selectedTab=0}t.prototype.handleSelectTab=function(t){var e;(e=this.selectTab)===null||e===void 0?void 0:e.emit({tab:this.tabs[t],index:t})};t.prototype.render=function(){var t=this;return h(Host,{key:"bbbb38d60e005c8a80bc1db7f8ef12f79f05e3fc"},this.tabs.map((function(e,o){return h("div",{class:"tab ".concat(o===t.selectedTab?"active":""," ").concat(e.disabled?"disabled":""),onClick:e.disabled?function(){}:function(){return t.handleSelectTab(o)}},e.label)})),h("div",{key:"f0ced79f6ed6110e5a9d41144adca56fac15ac3d",class:"flex flex-1"}),h("slot",{key:"8233a33dba15599e7d2e084c4c77a9cc229c980e"},h("div",{key:"dc3d1aad930fdc5ae56b299213f6251f5e35c240"})))};return t}();VerdocsTabs.style=VerdocsTabsStyle0;export{VerdocsButtonPanel as verdocs_button_panel,VerdocsTabs as verdocs_tabs};