@verdocs/web-sdk 1.11.10 → 1.12.0

package/dist/cjs/verdocs-contact-picker.cjs.entry.js

@@ -15,7 +15,7 @@ const VerdocsContactPicker = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.searchContacts = index.createEvent(this, "searchContacts", 7);
-    this.cancel = index.createEvent(this, "cancel", 7);
+    this.exit = index.createEvent(this, "exit", 7);
     this.next = index.createEvent(this, "next", 7);
     this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
     this.templateRole = null;
@@ -59,7 +59,7 @@ const VerdocsContactPicker = class {
     var _a;
     e.stopPropagation();
     this.showSuggestions = false;
-    (_a = this.cancel) === null || _a === void 0 ? void 0 : _a.emit();
+    (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
   }
   handleSubmit(e) {
     var _a;

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

@@ -25,7 +25,7 @@ const VerdocsFieldAttachment = class {
   handleShow() {
     this.dialog = document.createElement('verdocs-upload-dialog');
     this.dialog.open = true;
-    this.dialog.addEventListener('cancel', () => { var _a; return (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove(); });
+    this.dialog.addEventListener('exit', () => { var _a; return (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove(); });
     document.addEventListener('done', () => { var _a; return (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove(); });
     document.body.append(this.dialog);
   }

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

@@ -20,7 +20,7 @@ const VerdocsFieldInitial = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.adopt = index.createEvent(this, "adopt", 7);
-    this.cancel = index.createEvent(this, "cancel", 7);
+    this.exit = index.createEvent(this, "exit", 7);
     this.fieldChange = index.createEvent(this, "fieldChange", 7);
     this.settingsChanged = index.createEvent(this, "settingsChanged", 7);
     this.settingsPress = index.createEvent(this, "settingsPress", 7);
@@ -53,7 +53,7 @@ const VerdocsFieldInitial = class {
     this.dialog = document.createElement('verdocs-initial-dialog');
     this.dialog.setAttribute('initials', this.initials);
     this.dialog.setAttribute('roleindex', this.roleindex);
-    this.dialog.addEventListener('cancel', () => this.hideDialog());
+    this.dialog.addEventListener('exit', () => this.hideDialog());
     this.dialog.addEventListener('next', e => this.handleAdopt(e));
     document.body.append(this.dialog);
   }

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

@@ -52,7 +52,7 @@ const VerdocsFieldSignature = class {
     this.dialog = document.createElement('verdocs-signature-dialog');
     this.dialog.setAttribute('name', this.name);
     this.dialog.setAttribute('roleindex', this.roleindex);
-    this.dialog.addEventListener('cancel', () => this.hideDialog());
+    this.dialog.addEventListener('exit', () => this.hideDialog());
     this.dialog.addEventListener('next', e => this.handleAdopt(e));
     document.body.append(this.dialog);
   }

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

@@ -10,7 +10,7 @@ const VerdocsInitialDialog = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.next = index.createEvent(this, "next", 7);
-    this.cancel = index.createEvent(this, "cancel", 7);
+    this.exit = index.createEvent(this, "exit", 7);
     this.initials = '';
     this.fontLoaded = false;
     this.enteredInitials = '';
@@ -53,7 +53,7 @@ const VerdocsInitialDialog = class {
   handleCancel(e) {
     e.stopPropagation();
     e.preventDefault();
-    this.cancel.emit();
+    this.exit.emit();
   }
   handleAdopt(e) {
     e.stopPropagation();

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

@@ -10,7 +10,7 @@ const QuestionIcon = `<svg width="40" height="40" viewBox="0 0 40 40" fill="none
 const VerdocsKbaDialog = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.cancel = index.createEvent(this, "cancel", 7);
+    this.exit = index.createEvent(this, "exit", 7);
     this.next = index.createEvent(this, "next", 7);
     this.step = 1;
     this.steps = 3;
@@ -23,7 +23,7 @@ const VerdocsKbaDialog = class {
     this.response = '';
   }
   handleCancel() {
-    this.cancel.emit();
+    this.exit.emit();
   }
   // We need a separate event handler for clicking the background because it can receive events "through" other child components
   handleDismiss(e) {

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

@@ -10,7 +10,7 @@ const VerdocsOkDialog = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.next = index.createEvent(this, "next", 7);
-    this.cancel = index.createEvent(this, "cancel", 7);
+    this.exit = index.createEvent(this, "exit", 7);
     this.heading = '';
     this.message = '';
     this.showCancel = false;
@@ -19,13 +19,13 @@ const VerdocsOkDialog = class {
     this.next.emit();
   }
   handleCancel() {
-    this.cancel.emit();
+    this.exit.emit();
   }
   // We need a separate event handler for clicking the background because it can receive events "through" other child components
   handleDismiss(e) {
     if (e.target.className === 'background-overlay') {
       e.preventDefault();
-      this.cancel.emit();
+      this.exit.emit();
     }
   }
   render() {

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

@@ -28,7 +28,7 @@ const VerdocsSend = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.send = index.createEvent(this, "send", 7);
-    this.cancel = index.createEvent(this, "cancel", 7);
+    this.exit = index.createEvent(this, "exit", 7);
     this.sdkError = index.createEvent(this, "sdkError", 7);
     this.levels = [];
     this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
@@ -107,7 +107,7 @@ const VerdocsSend = class {
   handleCancel(e) {
     var _a;
     e.stopPropagation();
-    (_a = this.cancel) === null || _a === void 0 ? void 0 : _a.emit();
+    (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
   }
   render() {
     const roleNames = templateStore.state.template.roles.map(role => role.name) || [];

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

@@ -10,7 +10,7 @@ const VerdocsSignatureDialog = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.next = index.createEvent(this, "next", 7);
-    this.cancel = index.createEvent(this, "cancel", 7);
+    this.exit = index.createEvent(this, "exit", 7);
     this.name = '';
     this.fontLoaded = false;
     this.enteredName = '';
@@ -53,7 +53,7 @@ const VerdocsSignatureDialog = class {
   handleCancel(e) {
     e.stopPropagation();
     e.preventDefault();
-    this.cancel.emit();
+    this.exit.emit();
   }
   handleAdopt(e) {
     e.stopPropagation();

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

@@ -26,7 +26,7 @@ const FileIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24">
 const VerdocsTemplateCreate = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.cancel = index.createEvent(this, "cancel", 7);
+    this.exit = index.createEvent(this, "exit", 7);
     this.next = index.createEvent(this, "next", 7);
     this.sdkError = index.createEvent(this, "sdkError", 7);
     this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
@@ -49,10 +49,8 @@ const VerdocsTemplateCreate = class {
     fileElem.click();
   }
   handleCancel(e) {
-    var _a;
     e.stopPropagation();
-    console.log('Canceling');
-    (_a = this.cancel) === null || _a === void 0 ? void 0 : _a.emit();
+    this.exit.emit();
   }
   async handleSubmit(e) {
     var _a, _b, _c;
@@ -135,8 +133,6 @@ const menuOptions = [
 const VerdocsTemplateFields = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.next = index.createEvent(this, "next", 7);
-    this.cancel = index.createEvent(this, "cancel", 7);
     this.sdkError = index.createEvent(this, "sdkError", 7);
     this.templateUpdated = index.createEvent(this, "templateUpdated", 7);
     this.pageHeights = {};

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

@@ -16,7 +16,7 @@ const verdocsTemplatePropertiesCss = "verdocs-template-properties{font-family:\"
 const VerdocsTemplateProperties = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.cancel = index.createEvent(this, "cancel", 7);
+    this.exit = index.createEvent(this, "exit", 7);
     this.next = index.createEvent(this, "next", 7);
     this.sdkError = index.createEvent(this, "sdkError", 7);
     this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
@@ -52,7 +52,7 @@ const VerdocsTemplateProperties = class {
   handleCancel(e) {
     var _a;
     e.stopPropagation();
-    (_a = this.cancel) === null || _a === void 0 ? void 0 : _a.emit();
+    (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
   }
   handleSubmit(e) {
     var _a;

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

@@ -40,7 +40,7 @@ const VerdocsTemplateRoles = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.next = index.createEvent(this, "next", 7);
-    this.cancel = index.createEvent(this, "cancel", 7);
+    this.exit = index.createEvent(this, "exit", 7);
     this.sdkError = index.createEvent(this, "sdkError", 7);
     this.templateUpdated = index.createEvent(this, "templateUpdated", 7);
     this.sequences = [];
@@ -160,7 +160,7 @@ const VerdocsTemplateRoles = class {
   handleCancel(e) {
     var _a;
     e.stopPropagation();
-    (_a = this.cancel) === null || _a === void 0 ? void 0 : _a.emit();
+    (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
   }
   handleSubmit(e) {
     var _a;

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

@@ -12,13 +12,13 @@ const PaperclipIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewB
 const VerdocsUploadDialog = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.cancel = index.createEvent(this, "cancel", 7);
+    this.exit = index.createEvent(this, "exit", 7);
     this.next = index.createEvent(this, "next", 7);
     this.draggingOver = false;
     this.decodedFiles = [];
   }
   handleCancel() {
-    this.cancel.emit();
+    this.exit.emit();
   }
   // We need a separate event handler for clicking the background because it can receive events "through" other child components
   handleDismiss(e) {

package/dist/collection/collection-manifest.json

@@ -55,9 +55,9 @@
     "./components/templates/verdocs-template-fields/verdocs-template-fields.js",
     "./components/templates/verdocs-template-name/verdocs-template-name.js",
     "./components/templates/verdocs-template-properties/verdocs-template-properties.js",
-    "./components/templates/verdocs-template-recipients/verdocs-template-roles.js",
     "./components/templates/verdocs-template-reminders/verdocs-template-reminders.js",
     "./components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js",
+    "./components/templates/verdocs-template-roles/verdocs-template-roles.js",
     "./components/templates/verdocs-template-sender/verdocs-template-sender.js",
     "./components/templates/verdocs-template-visibillity/verdocs-template-visibility.js"
   ],

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

@@ -47,7 +47,7 @@ export class VerdocsInitialDialog {
   handleCancel(e) {
     e.stopPropagation();
     e.preventDefault();
-    this.cancel.emit();
+    this.exit.emit();
   }
   handleAdopt(e) {
     e.stopPropagation();
@@ -272,14 +272,14 @@ export class VerdocsInitialDialog {
           "references": {}
         }
       }, {
-        "method": "cancel",
-        "name": "cancel",
+        "method": "exit",
+        "name": "exit",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Event fired when the step is cancelled."
+          "text": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name."
         },
         "complexType": {
           "original": "any",

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

@@ -10,10 +10,10 @@ export default {
       action: 'next',
       description: 'Fired when the user completes the dialog and clicks Adopt. The event detail will contain a base64-encoded string representation of the initials adopted.',
     },
-    onCancel: {
-      action: 'cancel',
+    onExit: {
+      action: 'exit',
       description: 'Fired if the user cancels the dialog.',
     },
   },
 };
-export const InitialDialog = ({ initials, onNext, onCancel }) => html `<verdocs-initial-dialog .initials=${initials} @cancel=${onCancel} @next=${onNext} />`;
+export const InitialDialog = ({ initials, onNext, onExit }) => html `<verdocs-initial-dialog .initials=${initials} @exit=${onExit} @next=${onNext} />`;

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

@@ -18,7 +18,7 @@ export class VerdocsKbaDialog {
     this.response = '';
   }
   handleCancel() {
-    this.cancel.emit();
+    this.exit.emit();
   }
   // We need a separate event handler for clicking the background because it can receive events "through" other child components
   handleDismiss(e) {
@@ -199,14 +199,14 @@ export class VerdocsKbaDialog {
   }
   static get events() {
     return [{
-        "method": "cancel",
-        "name": "cancel",
+        "method": "exit",
+        "name": "exit",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Event fired when the dialog is closed. The event data will contain the closure reason."
+          "text": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name."
         },
         "complexType": {
           "original": "any",

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

@@ -17,13 +17,13 @@ export default {
       action: 'next',
       table: { disable: true },
     },
-    onCancel: {
-      action: 'cancel',
+    onExit: {
+      action: 'exit',
       table: { disable: true },
     },
   },
 };
-export const KBADialog = ({ helptitle, helptext, label, placeholder, mode, step, steps, choices, onNext, onCancel }) => html `<verdocs-kba-dialog
+export const KBADialog = ({ helptitle, helptext, label, placeholder, mode, step, steps, choices, onNext, onExit }) => html `<verdocs-kba-dialog
     .mode=${mode}
     .helptitle=${helptitle}
     .helptext=${helptext}
@@ -33,5 +33,5 @@ export const KBADialog = ({ helptitle, helptext, label, placeholder, mode, step,
     .steps=${steps}
     .choices=${choices}
     @next=${onNext}
-    @cancel=${onCancel}
+    @exit=${onExit}
   />`;

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

@@ -14,13 +14,13 @@ export class VerdocsOkDialog {
     this.next.emit();
   }
   handleCancel() {
-    this.cancel.emit();
+    this.exit.emit();
   }
   // We need a separate event handler for clicking the background because it can receive events "through" other child components
   handleDismiss(e) {
     if (e.target.className === 'background-overlay') {
       e.preventDefault();
-      this.cancel.emit();
+      this.exit.emit();
     }
   }
   render() {
@@ -112,14 +112,14 @@ export class VerdocsOkDialog {
           "references": {}
         }
       }, {
-        "method": "cancel",
-        "name": "cancel",
+        "method": "exit",
+        "name": "exit",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Event fired when the user clicks the background overlay or Cancel button."
+          "text": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name."
         },
         "complexType": {
           "original": "any",

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

@@ -12,10 +12,10 @@ export default {
       action: 'next',
       table: { disable: true },
     },
-    onCancel: {
-      action: 'cancel',
+    onExit: {
+      action: 'exit',
       table: { disable: true },
     },
   },
 };
-export const OkDialog = ({ heading, message, showCancel, onNext, onCancel }) => html `<verdocs-ok-dialog .heading=${heading} .message=${message} .showCancel=${showCancel} @cancel=${onCancel} @next=${onNext} />`;
+export const OkDialog = ({ heading, message, showCancel, onNext, onExit }) => html `<verdocs-ok-dialog .heading=${heading} .message=${message} .showCancel=${showCancel} @exit=${onExit} @next=${onNext} />`;

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

@@ -47,7 +47,7 @@ export class VerdocsSignatureDialog {
   handleCancel(e) {
     e.stopPropagation();
     e.preventDefault();
-    this.cancel.emit();
+    this.exit.emit();
   }
   handleAdopt(e) {
     e.stopPropagation();
@@ -272,14 +272,14 @@ export class VerdocsSignatureDialog {
           "references": {}
         }
       }, {
-        "method": "cancel",
-        "name": "cancel",
+        "method": "exit",
+        "name": "exit",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Fired if the user cancels the dialog."
+          "text": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name."
         },
         "complexType": {
           "original": "any",

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

@@ -10,10 +10,10 @@ export default {
       action: 'next',
       table: { disable: true },
     },
-    onCancel: {
-      action: 'cancel',
+    onExit: {
+      action: 'exit',
       table: { disable: true },
     },
   },
 };
-export const SignatureDialog = ({ name, onCancel, onNext }) => html `<verdocs-signature-dialog .name=${name} @cancel=${onCancel} @next=${onNext} />`;
+export const SignatureDialog = ({ name, onCancel, onExit }) => html `<verdocs-signature-dialog .name=${name} @cancel=${onCancel} @exit=${onExit} />`;

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

@@ -13,7 +13,7 @@ export class VerdocsUploadDialog {
     this.decodedFiles = [];
   }
   handleCancel() {
-    this.cancel.emit();
+    this.exit.emit();
   }
   // We need a separate event handler for clicking the background because it can receive events "through" other child components
   handleDismiss(e) {
@@ -90,14 +90,14 @@ export class VerdocsUploadDialog {
   }
   static get events() {
     return [{
-        "method": "cancel",
-        "name": "cancel",
+        "method": "exit",
+        "name": "exit",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Event fired when the dialog is cancelled."
+          "text": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name."
         },
         "complexType": {
           "original": "any",

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

@@ -7,12 +7,10 @@ export default {
     message: 'Login failed. Please check your username and password and try again.',
   },
   argTypes: {
-    closed: {
-      action: 'closed',
-      table: {
-        disable: true,
-      },
+    onExit: {
+      action: 'exit',
+      table: { disable: true },
     },
   },
 };
-export const UploadDialog = ({ message, open, closed }) => html `<verdocs-upload-dialog .message=${message} .open=${open} @closed=${closed} />`;
+export const UploadDialog = ({ message, open, onExit }) => html `<verdocs-upload-dialog .message=${message} .open=${open} @exit=${onExit} />`;

package/dist/collection/components/elements/verdocs-contact-picker/verdocs-contact-picker.js

@@ -56,7 +56,7 @@ export class VerdocsContactPicker {
     var _a;
     e.stopPropagation();
     this.showSuggestions = false;
-    (_a = this.cancel) === null || _a === void 0 ? void 0 : _a.emit();
+    (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
   }
   handleSubmit(e) {
     var _a;
@@ -208,14 +208,14 @@ export class VerdocsContactPicker {
           }
         }
       }, {
-        "method": "cancel",
-        "name": "cancel",
+        "method": "exit",
+        "name": "exit",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Event fired when the user cancels the dialog."
+          "text": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name."
         },
         "complexType": {
           "original": "any",

package/dist/collection/components/elements/verdocs-contact-picker/verdocs-contact-picker.stories.js

@@ -22,8 +22,8 @@ export default {
   },
   argTypes: {
     searchContacts: { action: 'searchContacts' },
-    onCancel: { action: 'cancel' },
+    onExit: { action: 'exit' },
     onNext: { action: 'next' },
   },
 };
-export const ContactPicker = ({ templateRole, contactSuggestions, searchContacts, onCancel, onNext }) => html `<verdocs-contact-picker .templateRole=${templateRole} .contactSuggestions=${contactSuggestions} @searchContacts=${searchContacts} @cancel=${onCancel} @next=${onNext} />`;
+export const ContactPicker = ({ templateRole, contactSuggestions, searchContacts, onExit, onNext }) => html `<verdocs-contact-picker .templateRole=${templateRole} .contactSuggestions=${contactSuggestions} @searchContacts=${searchContacts} @exit=${onExit} @next=${onNext} />`;

package/dist/collection/components/embeds/verdocs-send/verdocs-send.js

@@ -96,7 +96,7 @@ export class VerdocsSend {
   handleCancel(e) {
     var _a;
     e.stopPropagation();
-    (_a = this.cancel) === null || _a === void 0 ? void 0 : _a.emit();
+    (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
   }
   render() {
     const roleNames = TemplateStore.template.roles.map(role => role.name) || [];
@@ -192,14 +192,14 @@ export class VerdocsSend {
           }
         }
       }, {
-        "method": "cancel",
-        "name": "cancel",
+        "method": "exit",
+        "name": "exit",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "The user canceled the process."
+          "text": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name."
         },
         "complexType": {
           "original": "any",

package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.js

@@ -18,7 +18,7 @@ export class VerdocsFieldAttachment {
   handleShow() {
     this.dialog = document.createElement('verdocs-upload-dialog');
     this.dialog.open = true;
-    this.dialog.addEventListener('cancel', () => { var _a; return (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove(); });
+    this.dialog.addEventListener('exit', () => { var _a; return (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove(); });
     document.addEventListener('done', () => { var _a; return (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove(); });
     document.body.append(this.dialog);
   }

package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.js

@@ -37,7 +37,7 @@ export class VerdocsFieldInitial {
     this.dialog = document.createElement('verdocs-initial-dialog');
     this.dialog.setAttribute('initials', this.initials);
     this.dialog.setAttribute('roleindex', this.roleindex);
-    this.dialog.addEventListener('cancel', () => this.hideDialog());
+    this.dialog.addEventListener('exit', () => this.hideDialog());
     this.dialog.addEventListener('next', e => this.handleAdopt(e));
     document.body.append(this.dialog);
   }
@@ -243,14 +243,14 @@ export class VerdocsFieldInitial {
           "references": {}
         }
       }, {
-        "method": "cancel",
-        "name": "cancel",
+        "method": "exit",
+        "name": "exit",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Event emitted when the user cancels the process."
+          "text": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name."
         },
         "complexType": {
           "original": "any",

package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js

@@ -38,7 +38,7 @@ export class VerdocsFieldSignature {
     this.dialog = document.createElement('verdocs-signature-dialog');
     this.dialog.setAttribute('name', this.name);
     this.dialog.setAttribute('roleindex', this.roleindex);
-    this.dialog.addEventListener('cancel', () => this.hideDialog());
+    this.dialog.addEventListener('exit', () => this.hideDialog());
     this.dialog.addEventListener('next', e => this.handleAdopt(e));
     document.body.append(this.dialog);
   }

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

@@ -31,10 +31,8 @@ export class VerdocsTemplateCreate {
     fileElem.click();
   }
   handleCancel(e) {
-    var _a;
     e.stopPropagation();
-    console.log('Canceling');
-    (_a = this.cancel) === null || _a === void 0 ? void 0 : _a.emit();
+    this.exit.emit();
   }
   async handleSubmit(e) {
     var _a, _b, _c;
@@ -131,14 +129,14 @@ export class VerdocsTemplateCreate {
   }
   static get events() {
     return [{
-        "method": "cancel",
-        "name": "cancel",
+        "method": "exit",
+        "name": "exit",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Event fired when the user cancels the dialog."
+          "text": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name."
         },
         "complexType": {
           "original": "any",