@verdocs/web-sdk 1.11.10 → 1.12.0

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

@@ -4,8 +4,8 @@ export default {
   component: 'verdocs-template-create',
   args: {},
   argTypes: {
-    onCancel: { action: 'cancel' },
+    onExit: { action: 'exit' },
     onNext: { action: 'next' },
   },
 };
-export const Create = ({ onCancel, onNext }) => html `<verdocs-template-create @next=${onNext} @cancel=${onCancel} />`;
+export const Create = ({ onExit, onNext }) => html `<verdocs-template-create @next=${onNext} @exit=${onExit} />`;

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

@@ -359,41 +359,6 @@ export class VerdocsTemplateFields {
   }
   static get events() {
     return [{
-        "method": "next",
-        "name": "next",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event fired when the user completes the step."
-        },
-        "complexType": {
-          "original": "ITemplate",
-          "resolved": "ITemplate",
-          "references": {
-            "ITemplate": {
-              "location": "import",
-              "path": "@verdocs/js-sdk/Templates/Types"
-            }
-          }
-        }
-      }, {
-        "method": "cancel",
-        "name": "cancel",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event fired when the user cancels the dialog."
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
         "method": "sdkError",
         "name": "sdkError",
         "bubbles": true,

package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.stories.js

@@ -6,14 +6,11 @@ export default {
     templateId: 'ea7a792f-7e46-4662-a0ff-db6bd389306e',
     // templateId: 'd2338742-f3a1-465b-8592-806587413cc1',
   },
-  argTypes: {
-    onCancel: { action: 'cancel' },
-    onNext: { action: 'next' },
-  },
+  argTypes: {},
   parameters: {
     layout: 'fullscreen',
   },
 };
-export const Fields = ({ templateId, onCancel, onNext }) => html `<div style="height: 600px">
-  <verdocs-template-fields .templateId=${templateId} @cancel=${onCancel} @next=${onNext} />
+export const Fields = ({ templateId }) => html `<div style="height: 600px">
+  <verdocs-template-fields .templateId=${templateId} />
 </div>`;

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

@@ -41,7 +41,7 @@ export class VerdocsTemplateProperties {
   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;
@@ -125,14 +125,14 @@ export class VerdocsTemplateProperties {
   }
   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",

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

@@ -6,8 +6,8 @@ export default {
     templateId: '951016b0-c5ef-450d-b628-9a0c5b84b163',
   },
   argTypes: {
-    onCancel: { action: 'cancel' },
+    onExit: { action: 'exit' },
     onNext: { action: 'next' },
   },
 };
-export const Properties = ({ onCancel, onNext, templateId }) => html `<verdocs-template-properties .templateId=${templateId} @cancel=${onCancel} @next=${onNext} />`;
+export const Properties = ({ onExit, onNext, templateId }) => html `<verdocs-template-properties .templateId=${templateId} @exit=${onExit} @next=${onNext} />`;

package/dist/collection/components/templates/{verdocs-template-recipients → verdocs-template-roles}/verdocs-template-roles.js

@@ -145,7 +145,7 @@ export class VerdocsTemplateRoles {
   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;
@@ -353,14 +353,14 @@ export class VerdocsTemplateRoles {
           "references": {}
         }
       }, {
-        "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/templates/{verdocs-template-recipients → verdocs-template-roles}/verdocs-template-roles.stories.js

@@ -8,7 +8,7 @@ export default {
   },
   argTypes: {
     onSave: { action: 'save' },
-    onCancel: { action: 'cancel' },
+    onExit: { action: 'exit' },
   },
 };
-export const Roles = ({ templateId, onCancel, onSave }) => html `<verdocs-template-roles .templateId=${templateId} @cancel=${onCancel} @save=${onSave} />`;
+export const Roles = ({ templateId, onExit, onSave }) => html `<verdocs-template-roles .templateId=${templateId} @exit=${onExit} @save=${onSave} />`;

package/dist/components/index.d.ts

@@ -49,7 +49,7 @@ export { VerdocsTemplateName as VerdocsTemplateName } from '../types/components/
 export { VerdocsTemplateProperties as VerdocsTemplateProperties } from '../types/components/templates/verdocs-template-properties/verdocs-template-properties';
 export { VerdocsTemplateReminders as VerdocsTemplateReminders } from '../types/components/templates/verdocs-template-reminders/verdocs-template-reminders';
 export { VerdocsTemplateRoleProperties as VerdocsTemplateRoleProperties } from '../types/components/templates/verdocs-template-role-properties/verdocs-template-role-properties';
-export { VerdocsTemplateRoles as VerdocsTemplateRoles } from '../types/components/templates/verdocs-template-recipients/verdocs-template-roles';
+export { VerdocsTemplateRoles as VerdocsTemplateRoles } from '../types/components/templates/verdocs-template-roles/verdocs-template-roles';
 export { VerdocsTemplateSender as VerdocsTemplateSender } from '../types/components/templates/verdocs-template-sender/verdocs-template-sender';
 export { VerdocsTemplateTags as VerdocsTemplateTags } from '../types/components/controls/verdocs-template-tags/verdocs-template-tags';
 export { VerdocsTemplateVisibility as VerdocsTemplateVisibility } from '../types/components/templates/verdocs-template-visibillity/verdocs-template-visibility';

package/dist/components/verdocs-contact-picker2.js

@@ -13,7 +13,7 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class extends HTML
     super();
     this.__registerHost();
     this.searchContacts = createEvent(this, "searchContacts", 7);
-    this.cancel = createEvent(this, "cancel", 7);
+    this.exit = createEvent(this, "exit", 7);
     this.next = createEvent(this, "next", 7);
     this.endpoint = VerdocsEndpoint.getDefault();
     this.templateRole = null;
@@ -57,7 +57,7 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class extends HTML
     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/components/verdocs-field-attachment.js

@@ -22,7 +22,7 @@ const VerdocsFieldAttachment$1 = /*@__PURE__*/ proxyCustomElement(class extends
   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/components/verdocs-field-initial.js

@@ -20,7 +20,7 @@ const VerdocsFieldInitial$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     super();
     this.__registerHost();
     this.adopt = createEvent(this, "adopt", 7);
-    this.cancel = createEvent(this, "cancel", 7);
+    this.exit = createEvent(this, "exit", 7);
     this.fieldChange = createEvent(this, "fieldChange", 7);
     this.settingsChanged = createEvent(this, "settingsChanged", 7);
     this.settingsPress = createEvent(this, "settingsPress", 7);
@@ -53,7 +53,7 @@ const VerdocsFieldInitial$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     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/components/verdocs-field-signature.js

@@ -52,7 +52,7 @@ const VerdocsFieldSignature$1 = /*@__PURE__*/ proxyCustomElement(class extends H
     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/components/verdocs-initial-dialog2.js

@@ -10,7 +10,7 @@ const VerdocsInitialDialog = /*@__PURE__*/ proxyCustomElement(class extends HTML
     super();
     this.__registerHost();
     this.next = createEvent(this, "next", 7);
-    this.cancel = createEvent(this, "cancel", 7);
+    this.exit = createEvent(this, "exit", 7);
     this.initials = '';
     this.fontLoaded = false;
     this.enteredInitials = '';
@@ -53,7 +53,7 @@ const VerdocsInitialDialog = /*@__PURE__*/ proxyCustomElement(class extends HTML
   handleCancel(e) {
     e.stopPropagation();
     e.preventDefault();
-    this.cancel.emit();
+    this.exit.emit();
   }
   handleAdopt(e) {
     e.stopPropagation();

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

@@ -8,7 +8,7 @@ const VerdocsKbaDialog$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   constructor() {
     super();
     this.__registerHost();
-    this.cancel = createEvent(this, "cancel", 7);
+    this.exit = createEvent(this, "exit", 7);
     this.next = createEvent(this, "next", 7);
     this.step = 1;
     this.steps = 3;
@@ -21,7 +21,7 @@ const VerdocsKbaDialog$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     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/components/verdocs-ok-dialog2.js

@@ -8,7 +8,7 @@ const VerdocsOkDialog = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     super();
     this.__registerHost();
     this.next = createEvent(this, "next", 7);
-    this.cancel = createEvent(this, "cancel", 7);
+    this.exit = createEvent(this, "exit", 7);
     this.heading = '';
     this.message = '';
     this.showCancel = false;
@@ -17,13 +17,13 @@ const VerdocsOkDialog = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     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/components/verdocs-send.js

@@ -21,7 +21,7 @@ const VerdocsSend$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     super();
     this.__registerHost();
     this.send = createEvent(this, "send", 7);
-    this.cancel = createEvent(this, "cancel", 7);
+    this.exit = createEvent(this, "exit", 7);
     this.sdkError = createEvent(this, "sdkError", 7);
     this.levels = [];
     this.endpoint = VerdocsEndpoint.getDefault();
@@ -100,7 +100,7 @@ const VerdocsSend$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   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 = state.template.roles.map(role => role.name) || [];

package/dist/components/verdocs-signature-dialog2.js

@@ -10,7 +10,7 @@ const VerdocsSignatureDialog = /*@__PURE__*/ proxyCustomElement(class extends HT
     super();
     this.__registerHost();
     this.next = createEvent(this, "next", 7);
-    this.cancel = createEvent(this, "cancel", 7);
+    this.exit = createEvent(this, "exit", 7);
     this.name = '';
     this.fontLoaded = false;
     this.enteredName = '';
@@ -53,7 +53,7 @@ const VerdocsSignatureDialog = /*@__PURE__*/ proxyCustomElement(class extends HT
   handleCancel(e) {
     e.stopPropagation();
     e.preventDefault();
-    this.cancel.emit();
+    this.exit.emit();
   }
   handleAdopt(e) {
     e.stopPropagation();

package/dist/components/verdocs-template-create2.js

@@ -15,7 +15,7 @@ const VerdocsTemplateCreate = /*@__PURE__*/ proxyCustomElement(class extends HTM
   constructor() {
     super();
     this.__registerHost();
-    this.cancel = createEvent(this, "cancel", 7);
+    this.exit = createEvent(this, "exit", 7);
     this.next = createEvent(this, "next", 7);
     this.sdkError = createEvent(this, "sdkError", 7);
     this.endpoint = VerdocsEndpoint.getDefault();
@@ -38,10 +38,8 @@ const VerdocsTemplateCreate = /*@__PURE__*/ proxyCustomElement(class extends HTM
     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;

package/dist/components/verdocs-template-fields2.js

@@ -39,8 +39,6 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
   constructor() {
     super();
     this.__registerHost();
-    this.next = createEvent(this, "next", 7);
-    this.cancel = createEvent(this, "cancel", 7);
     this.sdkError = createEvent(this, "sdkError", 7);
     this.templateUpdated = createEvent(this, "templateUpdated", 7);
     this.pageHeights = {};

package/dist/components/verdocs-template-properties.js

@@ -16,7 +16,7 @@ const VerdocsTemplateProperties$1 = /*@__PURE__*/ proxyCustomElement(class exten
   constructor() {
     super();
     this.__registerHost();
-    this.cancel = createEvent(this, "cancel", 7);
+    this.exit = createEvent(this, "exit", 7);
     this.next = createEvent(this, "next", 7);
     this.sdkError = createEvent(this, "sdkError", 7);
     this.endpoint = VerdocsEndpoint.getDefault();
@@ -52,7 +52,7 @@ const VerdocsTemplateProperties$1 = /*@__PURE__*/ proxyCustomElement(class exten
   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/components/verdocs-template-roles.js

@@ -39,7 +39,7 @@ const VerdocsTemplateRoles$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     super();
     this.__registerHost();
     this.next = createEvent(this, "next", 7);
-    this.cancel = createEvent(this, "cancel", 7);
+    this.exit = createEvent(this, "exit", 7);
     this.sdkError = createEvent(this, "sdkError", 7);
     this.templateUpdated = createEvent(this, "templateUpdated", 7);
     this.sequences = [];
@@ -159,7 +159,7 @@ const VerdocsTemplateRoles$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
   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/components/verdocs-upload-dialog2.js

@@ -10,13 +10,13 @@ const VerdocsUploadDialog = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
   constructor() {
     super();
     this.__registerHost();
-    this.cancel = createEvent(this, "cancel", 7);
+    this.exit = createEvent(this, "exit", 7);
     this.next = 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/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-03-01T15:55:57",
+  "timestamp": "2023-03-01T16:58:46",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -832,12 +832,12 @@
       "methods": [],
       "events": [
         {
-          "event": "cancel",
+          "event": "exit",
           "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user cancels the dialog.",
+          "docs": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.",
           "docsTags": []
         },
         {
@@ -1979,21 +1979,21 @@
           "docsTags": []
         },
         {
-          "event": "cancel",
-          "detail": "any",
+          "event": "deleted",
+          "detail": "{ fieldName: string; }",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event emitted when the user cancels the process.",
+          "docs": "Event fired when the field is deleted.",
           "docsTags": []
         },
         {
-          "event": "deleted",
-          "detail": "{ fieldName: string; }",
+          "event": "exit",
+          "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the field is deleted.",
+          "docs": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.",
           "docsTags": []
         },
         {
@@ -3553,12 +3553,12 @@
       "methods": [],
       "events": [
         {
-          "event": "cancel",
+          "event": "exit",
           "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the step is cancelled.",
+          "docs": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.",
           "docsTags": []
         },
         {
@@ -3747,12 +3747,12 @@
       "methods": [],
       "events": [
         {
-          "event": "cancel",
+          "event": "exit",
           "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the dialog is closed. The event data will contain the closure reason.",
+          "docs": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.",
           "docsTags": []
         },
         {
@@ -3894,12 +3894,12 @@
       "methods": [],
       "events": [
         {
-          "event": "cancel",
+          "event": "exit",
           "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user clicks the background overlay or Cancel button.",
+          "docs": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.",
           "docsTags": []
         },
         {
@@ -4670,12 +4670,12 @@
       ],
       "events": [
         {
-          "event": "cancel",
+          "event": "exit",
           "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "The user canceled the process.",
+          "docs": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.",
           "docsTags": []
         },
         {
@@ -4870,12 +4870,12 @@
       "methods": [],
       "events": [
         {
-          "event": "cancel",
+          "event": "exit",
           "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fired if the user cancels the dialog.",
+          "docs": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.",
           "docsTags": []
         },
         {
@@ -5184,12 +5184,12 @@
       "methods": [],
       "events": [
         {
-          "event": "cancel",
+          "event": "exit",
           "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user cancels the dialog.",
+          "docs": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.",
           "docsTags": []
         },
         {
@@ -5609,24 +5609,6 @@
       ],
       "methods": [],
       "events": [
-        {
-          "event": "cancel",
-          "detail": "any",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the user cancels the dialog.",
-          "docsTags": []
-        },
-        {
-          "event": "next",
-          "detail": "ITemplate",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Event fired when the user completes the step.",
-          "docsTags": []
-        },
         {
           "event": "sdkError",
           "detail": "SDKError",
@@ -5809,12 +5791,12 @@
       "methods": [],
       "events": [
         {
-          "event": "cancel",
+          "event": "exit",
           "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user cancels the dialog.",
+          "docs": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.",
           "docsTags": []
         },
         {
@@ -6106,7 +6088,7 @@
       }
     },
     {
-      "filePath": "./src/components/templates/verdocs-template-recipients/verdocs-template-roles.tsx",
+      "filePath": "./src/components/templates/verdocs-template-roles/verdocs-template-roles.tsx",
       "encapsulation": "none",
       "tag": "verdocs-template-roles",
       "docs": "Displays an edit form that allows the user to adjust a template's roles and workflow.",
@@ -6150,12 +6132,12 @@
       "methods": [],
       "events": [
         {
-          "event": "cancel",
+          "event": "exit",
           "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the user cancels the dialog.",
+          "docs": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.",
           "docsTags": []
         },
         {
@@ -6971,12 +6953,12 @@
       "methods": [],
       "events": [
         {
-          "event": "cancel",
+          "event": "exit",
           "detail": "any",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Event fired when the dialog is cancelled.",
+          "docs": "Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.",
           "docsTags": []
         },
         {

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

@@ -11,7 +11,7 @@ const VerdocsContactPicker = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.searchContacts = createEvent(this, "searchContacts", 7);
-    this.cancel = createEvent(this, "cancel", 7);
+    this.exit = createEvent(this, "exit", 7);
     this.next = createEvent(this, "next", 7);
     this.endpoint = VerdocsEndpoint.getDefault();
     this.templateRole = null;
@@ -55,7 +55,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;