@verdocs/web-sdk 5.0.3 → 5.0.4

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

@@ -35,9 +35,9 @@ export class VerdocsTextInput {
             .catch(e => console.log('Error copying to clipboard', e));
     }
     render() {
-        return (h(Host, { key: 'ed8584230d4423dff6ba13ea340e5f8cd4817c44', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '2532379838f14638454ec235078d29bc441d33a0' }, this.label && (h("div", { key: 'ab59228b692ca0e778b189d4ec7323958033c2f0', class: "input-label" }, this.label + ':', this.required && h("span", { key: 'f4c1765ee7926970352c28b6f3718b80d2e2738f', class: "required" }, "*"))), h("div", { key: '996ca2a14d7bae7e0591e6bdd311de45ed6855eb', class: "input-container" }, h("input", { key: 'ae0470cd61d12a7d34f97edafe8b9b2d273ab6de', type: this.type === 'password' && this.showingPw ? 'text' : this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete,
+        return (h(Host, { key: 'fd1c28f5f4060bae39986f6aaa7288bf89da9788', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '5eb25f8d3ca74d32e36bf255ff6344c39903318c' }, this.label && (h("div", { key: '476ebfacd42626faedd3dbf139ad0f205a395c1c', class: "input-label" }, this.label + ':', this.required && h("span", { key: 'b16bc0649a6185dc25ede728bb46041b5d3c5ceb', class: "required" }, "*"))), h("div", { key: '6e97205750cc921cc4d0fdb2d7262869fe0b433d', class: "input-container" }, h("input", { key: '3ab6dc65769856cc5cb6a79fa3fa408c9c64123d', type: this.type === 'password' && this.showingPw ? 'text' : this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete,
             // onBlur={(e: any) => this.blur?.emit(e.target.value)}
-            ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: '7d55c8905c81a61ab6c48d6b39725a6b499bd242', innerHTML: ClearIcon, class: "clear", onClick: () => {
+            ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: '635b6289fefc3a250ae47463bfa5e9acb16988e2', innerHTML: ClearIcon, class: "clear", onClick: () => {
                 // We need to allow the onInput event to fire first in case
                 // the user was focused on this field before clicking clear.
                 setTimeout(() => {
@@ -51,9 +51,9 @@ export class VerdocsTextInput {
                         (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
                     }, 50);
                 }, 50);
-            } })), this.type === 'password' && (h("span", { key: '8c74a87e13cdc4f815491ff6d3d3140bf4f38803', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
+            } })), this.type === 'password' && (h("span", { key: '6f1f225d19651aba333c7bd92260ddb0110fce81', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
                 this.showingPw = !this.showingPw;
-            } })), !this.clearable && this.copyable && this.value && h("span", { key: 'bb9efc264d835bf0c9add53200dc985fbca94fb8', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: 'dc05d331f3a5997d79f501972e03d831847f4cd7', text: this.helpText }))));
+            } })), !this.clearable && this.copyable && this.value && h("span", { key: 'dabff5508725721a4dedbe4d4c0f37ed789e35c8', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '5e93a8b8cf44da47463f3e0d59f560bb137820f6', text: this.helpText }))));
     }
     static get is() { return "verdocs-text-input"; }
     static get originalStyleUrls() {

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

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

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

@@ -43,7 +43,7 @@ export class VerdocsToolbarIcon {
     //   this.press?.emit();
     // }
     render() {
-        return (h(Host, { key: '2ff1baf8227efaa911d823914f2645d3b2d7d82e', class: {} }, h("div", { key: 'c13b7a5e10720450462e4c7229b1093e03e87808', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: 'ac849c0f365f2570c94aff71dfbba9edd357b713', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: 'f4e4f13a0016c6deb1db21c13b2f0ca6fe6bea25', "data-popper-arrow": "true", class: "arrow" }))));
+        return (h(Host, { key: '98b2f6b2a2711df2cf8e687e38684d495b6e7d50', class: {} }, h("div", { key: '49500d4d3348e2ccd6c9cbe7867645756c6cf5ef', "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: 'e64aa823a8a09b10a9166f96be633439d959d3ff', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: '399156e882824870173ecf3e4bcc35f2ba720b8c', "data-popper-arrow": "true", class: "arrow" }))));
     }
     static get is() { return "verdocs-toolbar-icon"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-dialog/verdocs-dialog.js

@@ -12,7 +12,7 @@ export class VerdocsDialog {
         }
     }
     render() {
-        return (h(Host, { key: '6af3d8e041c352f4125a67488a311751fd8c1401' }, h("div", { key: 'c00e484f1564cf12ee69a9b44c479fc0bc48a788', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '603b57d62c4d9b28d3dc63146d39cc52ec58d479', class: "dialog" }, h("slot", { key: '0808d13eef9177505e77cb4d4b013520b9bbab7d', name: "title" }, h("div", { key: 'aa4ac24cd90fa930b72c2a9e71d61296a1b67802', class: "heading" }, "Please Confirm")), h("div", { key: '3420c0f08d411ae7765f2bdbfb3f93775ef5459f', class: "content" }, h("slot", { key: '6f0c8648d2494b35a7a352ca483b996990dce72b' }))))));
+        return (h(Host, { key: '9ee9b83be4834965eed43634ae021252907d18c8' }, h("div", { key: 'a3c7aeaf894330126beb05d61d9b733cc7e3a725', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'eb6af5e6d72572e8850fbfbc50d2272ddf5fc5f4', class: "dialog" }, h("slot", { key: 'e8a994ffbb3bdfb911a8b6ac1157d0d8620becf7', name: "title" }, h("div", { key: '14af814347cdeddac4a6e678106d6b850f0d4293', class: "heading" }, "Please Confirm")), h("div", { key: '88835df2b8e30210a94a56f15967b116a1ab483c', class: "content" }, h("slot", { key: '58172bc033fba67424073693a150bae44dd84751' }))))));
     }
     static get is() { return "verdocs-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.js

@@ -216,7 +216,7 @@ export class VerdocsInitialDialog {
     }
      */
     render() {
-        return (h(Host, { key: 'dbd2d6af5532ce54406290d13916b8d3652a6722', onClick: e => this.handleCancel(e) }, h("div", { key: '20e5fe0ba3c4f5574cefe244cc87464d5f09eb57', class: "dialog" }, h("div", { key: 'f55d4466d9ff27893b2152bca9602c7503555652', class: "heading" }, "Create Your Initial"), h("div", { key: 'b01a33fe760e1ed989285d70a42277318306323f', class: "content" }, h("verdocs-text-input", { key: '9d3bdce7cbeb095fdb240b024e7706f7cb1a8111', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: 'f59a8bad63cc8236a2e9eea999bb7becf9d546aa', 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: 'ec122ff8aaf91af9b61f7c8c2fe0ac149a876fdf', 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: '3d4c5b091243d136ef2af60dc3bbd0006c8ec2f8', class: "buttons" }, h("verdocs-button", { key: 'c2d94b3f5ef8b3d038727b6a8062a55c4a4ee155', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'ce87ab1c91e8898197d776eaae8463daf2fe88a3', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: '0698adbf9e417c8a9740ddc54fc3332fd5477825', onClick: e => this.handleCancel(e) }, h("div", { key: '92201ea3eb1aab855d4460be820652b49b7d8bba', class: "dialog" }, h("div", { key: '7f4933dc2f4c09b3250eac196d80c9b74242be05', class: "heading" }, "Create Your Initial"), h("div", { key: 'd01912caf68e93c8356c5f76368633bc0cb589a5', class: "content" }, h("verdocs-text-input", { key: 'c8633e528eaab1e10d9a01173226824ecd63e544', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: '4fd64888a372811b3569d2a1fd646bc7d7c09b94', 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: 'a4fbac61ae07b673d30c863b6a1fd7838f62bc23', 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: 'c7c827bf91666aa3837bc2ebf2ddc429e8dcaea2', class: "buttons" }, h("verdocs-button", { key: '0fc0675bbbde3d3fda45ed5fa2a228969cbbda98', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'df80bc93a7da6a87126f47cb9c6140dc54f9ef02', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
     }
     static get is() { return "verdocs-initial-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.js

@@ -27,7 +27,7 @@ export class VerdocsOkDialog {
         }
     }
     render() {
-        return (h(Host, { key: 'f41613ca32a9471277c816d753e7f818ef427fd0', class: this.closed ? 'closed' : '' }, h("div", { key: '570538e2743b23b5f18a1ec6ea3db51dfd314f02', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '17bfc3cfaadc8d10fe27211cd4a0eb48083f7a4b', class: "dialog" }, h("div", { key: 'bc88208d6897a191ef5fda323a74acd3e3c2620e', class: "heading" }, this.heading), h("div", { key: 'bc794df180672198964f32a6c71eff9dd1180db9', class: "content" }, h("div", { key: 'd8618e9b479e64b457bca57838437f91a0677560', class: "message", innerHTML: this.message }), h("div", { key: '101f7819fa69c3cf8f8958a5582835b56cf94775', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: 'e755590fdd93cb9cc7b23a3812377d5216a70aae', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (h(Host, { key: '1269b0b3d50a444204a0fdd4221d5a14ab431e55', class: this.closed ? 'closed' : '' }, h("div", { key: 'bf4fdee46a53cdcb05b4d8a43ec02a0bd101d92b', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '7c83cc38d84fc7648a8ecc6d8b84b1bc3b31200d', class: "dialog" }, h("div", { key: 'a5bd6abf4c3b296225b042774da73df20cc0c2a3', class: "heading" }, this.heading), h("div", { key: '875c81191820b9c7dbc107c99e0e6d4b9881353a', class: "content" }, h("div", { key: '0bbf1de8cc0455ef01238923a9928702b55971d7', class: "message", innerHTML: this.message }), h("div", { key: '79d409dd9768b5a12d2734cfc5138a4057c9ff0a', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '8ae36e25d466e6e074544f3bb75f972bcfdc11a3', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
     static get is() { return "verdocs-ok-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.js

@@ -213,7 +213,7 @@ export class VerdocsSignatureDialog {
     }
      */
     render() {
-        return (h(Host, { key: 'cac125a1ea43ba8780243580f8837dd6afb76b7d', onClick: e => this.handleCancel(e) }, h("div", { key: '8e3ac9bd2feccb69f1a38bb1c528ee77b3124064', class: "dialog" }, h("div", { key: '3f9c153c3e0f0d028654f1ca68d74070f07b8abe', class: "heading" }, "Create Your Signature"), h("div", { key: 'd7c19bd06774d6cd912eb22dbee61643cd9b0ef7', class: "content" }, h("verdocs-text-input", { key: 'fef1ca39e7f47f321a21dc51fa6ed78eb72227d6', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '3f1e138c623eae8a4d1a031f9e9ac9872ed34dbe', 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: 'a02a7459aa1ea8e85696e66d730b5613685ce793', 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: '79731a3eb6f2e4c23270473d078a0f7bc8e22fd4', class: "buttons" }, h("verdocs-button", { key: '47fef903e84cdeea7245356a78c98d80d5efb970', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'd6e5bc66a5e11d4550613cdc3c24e80dbe952370', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: '7f17bb6e0084ef3ac6903b6c3b37859048ef2a0e', onClick: e => this.handleCancel(e) }, h("div", { key: '343eb1b737bcafeb44e5e85228eaf3d63cda7b5b', class: "dialog" }, h("div", { key: '7e620dce493843032974003802199db7e22d9f9e', class: "heading" }, "Create Your Signature"), h("div", { key: '7ea911289c3ce24f3ae83799ab468da4178485ad', class: "content" }, h("verdocs-text-input", { key: 'ccd208e5a5808a197a936e689a0ec5660de95b95', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: 'e95d8f3c51160742d7271c43a5099be9b43ba394', 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: 'f6371f423c042726ed7c488d4870e04bd7f8e4dd', 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: 'a18cd06d3f6987c21b483c0736521de226b0859a', class: "buttons" }, h("verdocs-button", { key: 'b278a7e023436176eca864d3c6b154869f7881c2', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '021e3cd3b066d0f378cb30efed7c5179dafd41c7', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
     static get is() { return "verdocs-signature-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.js

@@ -81,7 +81,7 @@ export class VerdocsUploadDialog {
     render() {
         var _a;
         const existingFile = ((_a = this.existingFile) === null || _a === void 0 ? void 0 : _a.name) ? this.existingFile : null;
-        return (h(Host, { key: '5c58d237aa0b9767724b819ebe12dfd959043cf6' }, h("div", { key: '51182662086e2a03a8de959832cd4ccbcf7cdc9a', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'bdcb311759a93b8480a6aa765f0691a9d989a533', class: "upload-dialog-content" }, h("div", { key: '2c55c393d1bca6265b9248ec69be3a7f8c264764', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (h(Fragment, { key: 'd84ac8836f527b19988abebff20405ba761bb67c' }, h("div", { key: '13386e107e319e7c23e10042cd423c834c6d4fe0', class: "current-label" }, "Current Attachment"), h("div", { key: '9a249f27b71f2bb6b705a2eb60f88d54db51c63a', class: "attachments", style: { marginTop: '0' } }, h("div", { key: '33486bd63c804320bea7a2d664241fb1c396055a', class: "attachment" }, h("div", { key: '1f7f010de68abc0e8f29ee3768b13598e0261cc0', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '957dccfd827856b62109d27aba2bd42f1ad2d695', class: "name" }, existingFile.name), h("div", { key: '86cbef13368af45a397c3b0a6d49f71a4465a8ac', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (h("div", { key: 'a1b32fef7628c54d163fb4b60d5807111735d769', 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: '8d8ecd592d7e8315078f2c0319e67464b9838530' }, "Drag and drop your files here"), h("p", { key: 'de7f672655587b7d3f2c86914f89089563c01b8b', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), h("verdocs-button", { key: '03eebfdc500e840c77b2b113d1b2820fe8a678b6', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), h("input", { key: '1e8f8da72ce228f45b515c062ea0e25f1e1b70cf', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: '196f78245ab12c8f13300cbbf66df4d1a3226296', 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) })))))), !!this.errorMessage && h("div", { key: '553b2c86f2b502a8d63e4abb856e3e2eb3112720', class: "error" }, this.errorMessage), h("div", { key: '25e7a81f406e7ff0d2f64f1cedaa24292d9f3d5f', class: "buttons" }, h("verdocs-button", { key: '350d1c821de9a51ed7ddc511b52925526c0844b1', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'cc9e0d1277d60351e47a1c69b2cb1f3b0848ebac', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (h("verdocs-ok-dialog", { key: '8740bba0a7ebf6c33fa9821a02146c0ae7ab527d', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
+        return (h(Host, { key: 'bf44d11ef8469c723f4e8e2891b43b212af301db' }, h("div", { key: '5d526e1c70be9bc6abe15a948324d3382bacfa92', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '6629e0766470abee9030b5891a6672aec5b78b90', class: "upload-dialog-content" }, h("div", { key: 'db299210684a8feb3763c7d5bfcbf7704ff1eb94', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (h(Fragment, { key: '2b689e39fd5970fecad94a00575ee18788c3e920' }, h("div", { key: '3470a0e5e0b4c944441476240e04f040e93647bc', class: "current-label" }, "Current Attachment"), h("div", { key: 'dfae3560c030d6eda9009adc93344d4aa97bfa43', class: "attachments", style: { marginTop: '0' } }, h("div", { key: '4c61942eb4380648217f1b66eb448ae845ee26bf', class: "attachment" }, h("div", { key: '0217414d68e09f9cff2f589c29abf253b1aec98f', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: 'e3b6784f38939df6759c04258234a3a693feb06c', class: "name" }, existingFile.name), h("div", { key: '27f142739c4e103c6dfb7d5fecf4edfb46de4d7b', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (h("div", { key: '4d4bdf03cfd7546b2af3eaedaf8ae245b91e9d46', 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: 'c9d7dff30d4eee65b6c488440fb2484d36a345da' }, "Drag and drop your files here"), h("p", { key: 'f837a2fc7127afc27819834fe246e1beb7745f96', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), h("verdocs-button", { key: '0d37e26f4c0c9aa5f7d651497c3379319f44345a', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), h("input", { key: '0635e8c4b1df8bd6c7425e5411b3c9f938b4dddf', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: '02c6bf8aee2fad06dd42eb8fd01e595e28bab06d', 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) })))))), !!this.errorMessage && h("div", { key: '7a83308b0a87148601f148a3c4da385d5b04d37c', class: "error" }, this.errorMessage), h("div", { key: '3e1cca60ab23c64cb3d8007600e862908b99350d', class: "buttons" }, h("verdocs-button", { key: 'd9d09a57becd28ca90dc6a1197c18078c11f0de4', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '67a47dbd4310fa3e5d4e5b49479c3e924719ce7e', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (h("verdocs-ok-dialog", { key: '8594cb5b4088087391a5f9afb2eb52632073d9ac', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
                 // So we don't close the upload dialog
                 e.preventDefault();
                 e.stopPropagation();

package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.js

@@ -19,7 +19,7 @@ export class VerdocsQuickFunctions {
         this.createDocument.emit();
     }
     render() {
-        return (h("div", { key: '5477198aad675bd449cd36d7511db21ed9dae613', class: "container" }, h("p", { key: 'b7e436210675f73956d2b72de2683b22e9ad1def', class: "title" }, "Quick Create"), h("button", { key: '638c4c831fc83d8d6e5c73ff67807c79b02d8c74', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '16d21850165b9b35129d12533dbe32d958093e0b', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (h("div", { key: '9dc60eeb3d9357d121e53a7fb3050ee4d25a0a36', class: "container" }, h("p", { key: '51860a235d912a4dc6d166add4b982c71805fc8d', class: "title" }, "Quick Create"), h("button", { key: '9f530aa3e54655cbf1ce9d95ae7a08fa5b57f644', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: 'e3e33afb47acf64ba78d9b156c5dc986d977f881', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
     static get is() { return "verdocs-quick-functions"; }
     static get originalStyleUrls() {

package/dist/collection/components/elements/verdocs-search-tabs/verdocs-search-tabs.js

@@ -4,7 +4,7 @@ export class VerdocsSearchTabs {
         this.selected = 'all';
     }
     render() {
-        return h("div", { key: '94316e73f4d9ec80389a8442a8bb3e2b95b91840' }, "\u00A0");
+        return h("div", { key: '4c809496e5ade75145e1e3c5b5d9b4749078b3e6' }, "\u00A0");
     }
     static get is() { return "verdocs-search-tabs"; }
     static get originalStyleUrls() {

package/dist/collection/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.js

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

package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js

@@ -191,18 +191,18 @@ export class VerdocsEnvelopesList {
         });
     }
     render() {
-        return (h(Host, { key: '6f4f98311ffbedefc96cbc2f1208e4f471ee1b01' }, h("div", { key: '97383aa90edf3bf8cf77ab3f6986bdd7502de1a9', class: "header" }, h("div", { key: '1af40727c235e732ba7c1265be6d2a6e1d33a4a1', class: "filter" }, h("verdocs-text-input", { key: '23beddb65b55f24545f9dc812655d9c63d96e4f9', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: '13cff825b9a325bb5b45e7c26420276bfb7da9ed' }, h("div", { key: '1c5373c8a470db467d32597647aa386efb1b9e17', class: "header" }, h("div", { key: '4c394a9bf835ce0145b5b11f0bb2d5386134d1fe', class: "filter" }, h("verdocs-text-input", { key: '24a0f7b03fa759478824ca79a1e1939ee986fb6a', 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: '2628e51157d28b5ebe6a9aeb01c526876f6c34ef', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '437393b3d6019e0891def40a6d3eba7fa3d480e9', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '959f6844e39181e0cddd5f616e13818e5ab47e65', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'aec9971bcdfa2a7f444f22e0a6bba6b9007eef04', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '168930d3039992fc11a6f2715562ecfe714b78f0', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '10bb4001fadd7ca49547a7343a7322bcc941c3f6', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: '541adb9e433da92dc7bdb10a7c0945f98e5afaae', mode: "dark", size: 24 }), h("div", { key: '2642cb449ab2e21154f18d6b4e7aec445b41a953', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: '98ad50d3aa6859e0415401fd883127fd8b93cc5c', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: '2181c646258f4c9949eec73fd83ca83d16186170', mode: "dark", size: 24 }), h("div", { key: 'ba7761ae3b1e9e503c00efb2107883e2ea7e0682', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: '7124f4e1533b0f76d9bc098504063d360f49107e', 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);
@@ -243,7 +243,7 @@ export class VerdocsEnvelopesList {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: '163ec5137181c5a7349c74502a29696da9e8dcf2', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'dcfc7cfc78b21072662437b6020ca155ff936334', 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: '598ffddf4adeb704ba272938b41cf2403e97f169', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'dde715119c5f62fd0dab1b960ec8ea25ae815c3e', 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/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js

@@ -238,11 +238,11 @@ export class VerdocsStatusIndicator {
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (h(Host, { key: '0d3a55cf87f1a0dba7e235e3b3fb19b7b44e67f5', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
+        return (h(Host, { key: 'be375ccdc720fedd0cba1427888a7ee73ef0bbcc', 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: '9d1812f322823609640bbdcde955123f4dfb294e', class: "icon", innerHTML: icon }), h("span", { key: '3db7a2eca6b3a6894a56daace7a367726feb508e', class: "content" }, statusMessage), h("div", { key: 'a0b31ee1a68c854dc781ba6fa729fbde485db23e', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: '2eab9e497070e97fe917ccc76d7c43ab2ae508f7', 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: '48857f123ba352d9e1e544ee74179bb082fa41dd', class: "icon", innerHTML: icon }), h("span", { key: 'c08378b893e264fa86e62fa0462180e407999a8d', class: "content" }, statusMessage), h("div", { key: '648501cd3b785a4132c39a5a652955a063f7b8a0', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: 'a55f6ba2d3bd49004f00e7264f27253be8d87aaa', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
     }
     static get is() { return "verdocs-status-indicator"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-card/verdocs-template-card.js

@@ -12,7 +12,7 @@ export class VerdocsTemplateCard {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '8c1e1c635b1baa655956acdb25c0dadf7aa7fb37' }, h("span", { key: '27f70562114c4b477a39d2c592ac970958308b6a', class: "name" }, this.template.name), h("span", { key: 'e7d9da9cef9ead160a65a4cee49f030d52b20eb3', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: 'ae53a4cb7e75c6b2af578e2518b601e742aecfb8' }), h("div", { key: 'f493a7d3641fe90d6bf35649664f76b5fc1ee3d3', class: "controls" }, h("div", { key: 'f0ef5225ff60e056166eede4ba69d4999c1a9887', class: "control" }, h("span", { key: '5f3f45383a81584741ee04b1fce6b4720bab9063', class: "icon", innerHTML: StarIcon }), h("span", { key: '9faf96a64292b6529e29186a4bd1e12d9ad3b42b', class: "value" }, this.template.star_counter)), h("div", { key: '2b605818b05ddf5ea9c3ac28f1bad3d0c8a3e3fb', class: "control secondary" }, h("span", { key: 'c12a8f975614144c72060cf9213a7e8081636602', class: "icon", innerHTML: PagesIcon }), h("span", { key: '53dd14ec4e8c0c57bbff3866901d10baa61abc31', class: "value" }, ((_d = (_c = (_b = this.template) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1)), h("div", { key: 'c2e72a02dcb918fe595f2fd7228728bd29b1c816', class: "control secondary" }, h("span", { key: '9ed65ee6703d3db204c7f9619884615d3595f9f2', class: "icon", innerHTML: EmailIcon }), h("span", { key: '805565cdc082e8d76e2dd2db98aeede1eee9810f', class: "value" }, this.template.counter)), h("span", { key: '8914f5b5d9d2395bd60f7fded9d58b4c48f85100', class: "additional-controls", innerHTML: ActionsIcon }))));
+        return (h(Host, { key: 'a0120b0a9d3430b7e8692bc24b8f3636dd37ab91' }, h("span", { key: 'cecadc6292764c38b76d4739bcef8b8465ee3ae6', class: "name" }, this.template.name), h("span", { key: '942d609f2b0897e05630560dbeb0c4c5545cc60d', class: "org-name" }, ((_a = this.template.organization) === null || _a === void 0 ? void 0 : _a.name) || 'Public'), h("hr", { key: '82c428c9e9ce82a85b0a2f3b3c4b60d2fe59339a' }), h("div", { key: '021c22798331eed52c972456a91c242281c0292d', class: "controls" }, h("div", { key: '124aa6c01f9e20ba5358f17810a5cd5ad27384db', class: "control" }, h("span", { key: 'ece894c92186f75d2e5bf2c7fed96ea3d0eb4c90', class: "icon", innerHTML: StarIcon }), h("span", { key: '142b1848c47efafa5bf7201ed8f0bfa9d86d37b8', class: "value" }, this.template.star_counter)), h("div", { key: '7c83ac1b26f8c90df8a3e6ca8b3a2032ca75e464', class: "control secondary" }, h("span", { key: '33574402f74338520c77348573531488b402c794', class: "icon", innerHTML: PagesIcon }), h("span", { key: 'c9788324cddccc57425e97a8b132ba8ab1014355', 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: '9c0b2a91e21cd80bcc8219f7cdd669a9ed2e827e', class: "control secondary" }, h("span", { key: 'fffbbe3031a9eec3ff83c68033420f9219134080', class: "icon", innerHTML: EmailIcon }), h("span", { key: '8d8655d9da311ec254ba77243b239c5da14b7516', class: "value" }, this.template.counter)), h("span", { key: '774cfe8937b7c894f3c9d6ae308d2a48bac9f513', class: "additional-controls", innerHTML: ActionsIcon }))));
     }
     static get is() { return "verdocs-template-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.css

@@ -10,34 +10,12 @@
   }
 }
 verdocs-template-role-properties {
-  font-family: "Inter", "Barlow", sans-serif;
   box-sizing: border-box;
+  font-family: "Inter", "Barlow", sans-serif;
 }
 verdocs-template-role-properties div {
   box-sizing: border-box;
 }
-verdocs-template-role-properties .background-overlay {
-  position: fixed;
-  z-index: 10000;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(0, 0, 0, 0.4980392157);
-}
-verdocs-template-role-properties .dialog {
-  width: 340px;
-  display: flex;
-  flex-direction: column;
-  border-radius: 4px;
-  overflow: hidden;
-  background: #ffffff;
-  padding: 16px;
-  box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);
-}
 verdocs-template-role-properties .heading {
   display: flex;
   font-size: 20px;
@@ -49,39 +27,46 @@ verdocs-template-role-properties .buttons {
   margin-top: 10px;
   align-items: center;
   flex-direction: row;
-  justify-content: flex-end;
+  justify-content: space-between;
 }
 verdocs-template-role-properties .buttons verdocs-button {
   margin-left: 16px;
 }
-verdocs-template-role-properties form .row {
+verdocs-template-role-properties form {
+  gap: 15px;
+  padding: 20px;
   display: flex;
-  column-gap: 15px;
-  margin: 0 0 10px 0;
-  align-items: center;
-  flex-direction: row;
+  flex-direction: column;
 }
-verdocs-template-role-properties form .row .input-label {
+verdocs-template-role-properties form .instructions {
+  margin: 7px 0 0 0;
+  font-size: 12px;
+  font-style: italic;
+}
+verdocs-template-role-properties form .input-label {
   display: block;
-  color: #555570;
-  font-weight: 700;
   font-size: 14px;
-  margin: 0 0 4px 0;
   flex: 0 0 100px;
+  font-weight: 700;
+  margin: 0 0 4px 0;
+  color: #555570;
 }
-verdocs-template-role-properties verdocs-select-input {
-  flex: 1;
-  margin: 0;
+verdocs-template-role-properties form .first-last {
+  gap: 15px;
+  display: flex;
+  flex-direction: row;
+}
+verdocs-template-role-properties form verdocs-help-icon {
+  transform: scale(0.8);
+}
+verdocs-template-role-properties verdocs-select-input label {
+  display: block;
 }
 verdocs-template-role-properties verdocs-text-input {
-  margin: 0 0 10px 0;
+  margin: 0;
 }
 verdocs-template-role-properties verdocs-text-input label {
-  margin: 0;
-  display: flex;
-  column-gap: 15px;
-  align-items: center;
-  flex-direction: row;
+  display: block;
 }
 verdocs-template-role-properties verdocs-text-input .input-label {
   flex: 0 0 100px;

package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js

@@ -4,7 +4,7 @@ import { SDKError } from "../../../utils/errors";
 import { Store } from "../../../utils/Datastore";
 const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;
 /**
- * Display an edit form that allows the user to adjust a role's setitngs.
+ * Present an editing form suitable for adjusting template-role properties.
  */
 export class VerdocsTemplateRoleProperties {
     constructor() {
@@ -124,11 +124,12 @@ export class VerdocsTemplateRoleProperties {
         if (window.confirm('Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.')) {
             deleteTemplateRole(this.endpoint, this.templateId, this.roleName)
                 .then(() => {
-                var _a;
+                var _a, _b;
                 const newTemplate = JSON.parse(JSON.stringify(this.template));
                 newTemplate.roles = newTemplate.roles.filter(role => role.name !== this.roleName);
                 Store.updateTemplate(this.templateId, newTemplate);
                 (_a = this.delete) === null || _a === void 0 ? void 0 : _a.emit({ templateId: this.templateId, roleName: this.roleName });
+                (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
             })
                 .catch(e => {
                 console.log('[ROLES Deletion error', e);
@@ -140,34 +141,31 @@ export class VerdocsTemplateRoleProperties {
         const hasFields = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.fields) || []).some(field => field.role_name === this.roleName);
         // Either all three should be empty, or all three need to be filled
         const isValid = (!this.email && !this.first_name && !this.last_name) || (isValidEmail(this.email) && !!this.first_name && !!this.last_name);
-        return (h(Host, { key: '102da3ce6fe126e5d96bfdad33ce2332c002ec2e' }, h("div", { key: 'affa176073f3f154c75afbf4ef7e311160ebdca5', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'e7e1f7f3de70de90f2d7460dd4c6fe51afa8f2d4', class: "dialog" }, h("form", { key: 'a341963c15f5f246afc5b1ed90ec47e3bde50569', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: 'ca96ff8a9a1b64cb6b7e7eef45483ef296892d6f', 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) => {
+        return (h(Host, { key: '33fd4fdb9aab4d7e8db63b8f98803d618f396c7e' }, h("form", { key: 'f0ea5498aecaee8f00c68a60a0c941e1895cf89d', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '0900acf8a16a37b0fb1b6786c41c79f9ba3baee2' }, h("verdocs-text-input", { key: '7c6f93dfbacd951ea086e1f3f67a2ac731649218', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
                 this.name = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: 'b76f4c923debceaa4344dae57e339c51034aacad', class: "row" }, h("div", { key: '20de0838df0f1da364db39ee7d4dc42e693591f5', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'f9422ad0a0fbd035257b42d5dfa016ce25568245', value: this.type, options: [
+            } }), hasFields && h("div", { key: '439e8d7ba00f6f60bfb4c92d3ad7811cbbce6c35', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), h("div", { key: '622509e07d3329f97b2afe1b812c1920b95d9677' }, h("div", { key: 'da96defab9d0d608bb02292e99a5390613a4face', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '01368605afcbb3d0ea905f3698f7c4bc1946a0ee', 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: '062ccda44d2bdd3597ad0490d6cedd53fb68f552', 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: '40d92aae3e847ad709516f63beb77880ab5d2e79', 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("div", { key: '8a6c71ab8a7566e9d2cfd942c72ec44c7966e6a8' }, h("div", { key: '41ce817a89e963dd8aa4ce49cc27871994b69e2a', class: "input-label" }, "Default Contact Info:"), h("div", { key: 'e4b958063bc92d3df34bcb9314ff9c931c6a4993', class: "first-last" }, h("verdocs-text-input", { key: 'cde6107c9d66e786dc17f6ce825a9dc1bf6e101e', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
                 this.first_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: '651332b8be0006dfd9b4204ecede52fc7c457085', 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: '219e51d998390ea3a297b40867cd3e908374938a', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
                 this.last_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: 'de23199658c23f656fdf4094d31ed9286b9c905d', 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("div", { key: '95f56626e28d1ab8e82af7954012b34e36ecdc19' }, h("verdocs-text-input", { key: '1e676e75b29e8dc63711c9a4c3de95cd2d88b6cc', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
                 this.email = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: '91c002d783b626789061263bd2ab18f7d025e6cf', 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("div", { key: 'f298189867060ffbfb977da4b0f6cd4c69dce71f', style: { height: '15px' } }), h("div", { key: '71a8079b3751957cd135a2c736a3b59624f77bd4' }, h("verdocs-text-input", { key: '2ff08fdee843a2c4c72769b8bbe50f48608b6a08', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
+            // helpText="The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template."
+            placeholder: "Phone Number...", onInput: (e) => {
                 this.phone = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: '1da980c9a76708b5beafd01d07f992f8e4b209ba', class: "row" }, h("div", { key: 'e6528032c5564b1b88cc61cdd1f76cf86f66de77', class: "input-label" }, "May Delegate:"), h("div", { key: '576b21970df51edf1bc402151102a6a6ce46c1d1', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: 'bf90ad2eef24df1e8c3ee9f0bc0357fa5a212b8d', checked: this.delegator, onInput: (e) => {
-                this.delegator = e.target.checked;
-                this.dirty = true;
-            } })), h("verdocs-help-icon", { key: '8fd89809fdf15cc2945bd5f2706b9ea5650be967', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '20a749cf6c01a756c62e0dab9b66260a474beadd', class: "buttons" }, h("button", { key: '2d756a1fe49c0feb5bfabde2dd5eb926c8d5f5f0', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '2f5d400fa6d311717242579b6c18dd0798e1eeb1', style: { flex: '1' } }), h("verdocs-button", { key: '1f24710e162558f9201f4f94730053c12278d4cb', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '64f60a9cc4a4154b895880310dc40c037359f3bb', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))))));
+            } }))), h("div", { key: '30b10e1c20ace197aa67dedcabef9adf2206bbf1', class: "buttons" }, h("button", { key: '52ccaafe4e4f51d2b994813538d33443c79da0ed', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '49dcb63a78d83f03e8b434adeca3cf60082de647', style: { flex: '1' } }), h("verdocs-button", { key: '70b8347ddba86faf658cae033de62b9dab14aeab', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
     }
     static get is() { return "verdocs-template-role-properties"; }
     static get originalStyleUrls() {