@verdocs/web-sdk 2.3.88 → 4.0.5

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

@@ -1,551 +1,556 @@
-import { getRGBA } from '@verdocs/js-sdk/Utils/Colors';
-import { h, Host, Fragment } from '@stencil/core';
-import { getRoleIndex, getTemplateRoleStore } from '../../../utils/TemplateRoleStore';
-import { getTemplateFieldStore } from '../../../utils/TemplateFieldStore';
-import { getFieldSettings } from '../../../utils/utils';
+import { getRGBA } from "@verdocs/js-sdk";
+import { h, Host, Fragment } from "@stencil/core";
+import { getRoleIndex, getTemplateRoleStore } from "../../../utils/TemplateRoleStore";
+import { getTemplateFieldStore } from "../../../utils/TemplateFieldStore";
 /**
  * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
  * input types like text and checkbox.
  */
 export class VerdocsFieldPayment {
-  constructor() {
-    this.fieldStore = null;
-    this.roleStore = null;
-    this.templateid = '';
-    this.fieldname = '';
-    this.disabled = false;
-    this.fields = undefined;
-    this.pageNum = undefined;
-    this.roleName = undefined;
-    this.fieldId = undefined;
-    this.recipients = undefined;
-    this.selectedRoleName = undefined;
-    this.pdfPages = undefined;
-    this.currentSignature = undefined;
-    this.currentSignatureId = undefined;
-    this.currentInitial = undefined;
-    this.currentInitialId = undefined;
-    this.focused = false;
-    this.signed = false;
-    this.xscale = 1;
-    this.yscale = 1;
-    this.pagenumber = 1;
-    this.preparedMessage = undefined;
-    this.signatureUrl = '';
-    this.roleindex = 0;
-    this.showingProperties = false;
-  }
-  componentWillLoad() {
-    this.fieldStore = getTemplateFieldStore(this.templateid);
-    this.roleStore = getTemplateRoleStore(this.templateid);
-    // Load validators
-    // Load fields
-    // Get role names
-    if (this.recipients && this.recipients.length > 0) {
-      const preparer = this.recipients.find(r => r.type === 'preparer');
-      console.log('Found preparer', preparer);
-      if (preparer) {
-        this.preparedMessage = `Prepared by ${preparer['full_name']}`;
-      }
+    constructor() {
+        this.fieldStore = null;
+        this.roleStore = null;
+        this.templateid = '';
+        this.fieldname = '';
+        this.disabled = false;
+        this.fields = undefined;
+        this.pageNum = undefined;
+        this.roleName = undefined;
+        this.fieldId = undefined;
+        this.recipients = undefined;
+        this.selectedRoleName = undefined;
+        this.pdfPages = undefined;
+        this.currentSignature = undefined;
+        this.currentSignatureId = undefined;
+        this.currentInitial = undefined;
+        this.currentInitialId = undefined;
+        this.focused = false;
+        this.signed = false;
+        this.xscale = 1;
+        this.yscale = 1;
+        this.pagenumber = 1;
+        this.preparedMessage = undefined;
+        this.signatureUrl = '';
+        this.roleindex = 0;
+        this.showingProperties = false;
     }
-  }
-  async showSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.showPanel) {
-      settingsPanel.showPanel();
-    }
-  }
-  async hideSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.hidePanel) {
-      settingsPanel.hidePanel();
-    }
-  }
-  render() {
-    var _a, _b;
-    const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
-    const roleIndex = getRoleIndex(this.roleStore, field.role_name);
-    const backgroundColor = field['rgba'] || getRGBA(roleIndex);
-    if (!field) {
-      return h(Fragment, null);
-    }
-    const settings = getFieldSettings(field);
-    const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    return (h(Host, { class: { focused: this.focused, disabled }, style: { backgroundColor } }, h("button", { class: { hide: this.signed } }, "$"), this.signed ? h("div", { class: "frame" }) : h("div", { style: { display: 'none' } }), h("img", { width: "100%", height: "100%", src: this.signatureUrl, alt: "Payment Icon" })));
-  }
-  static get is() { return "verdocs-field-payment"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["verdocs-field-payment.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["verdocs-field-payment.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "templateid": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog."
-        },
-        "attribute": "templateid",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "fieldname": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The name of the field to display."
-        },
-        "attribute": "fieldname",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled."
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "fields": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "any[]",
-          "resolved": "any[]",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
+    componentWillLoad() {
+        this.fieldStore = getTemplateFieldStore(this.templateid);
+        this.roleStore = getTemplateRoleStore(this.templateid);
+        // Load validators
+        // Load fields
+        // Get role names
+        if (this.recipients && this.recipients.length > 0) {
+            const preparer = this.recipients.find(r => r.type === 'preparer');
+            console.log('Found preparer', preparer);
+            if (preparer) {
+                this.preparedMessage = `Prepared by ${preparer['full_name']}`;
+            }
         }
-      },
-      "pageNum": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "page-num",
-        "reflect": false
-      },
-      "roleName": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "role-name",
-        "reflect": false
-      },
-      "fieldId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "field-id",
-        "reflect": false
-      },
-      "recipients": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "recipients",
-        "reflect": false
-      },
-      "selectedRoleName": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "selected-role-name",
-        "reflect": false
-      },
-      "pdfPages": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "any[]",
-          "resolved": "any[]",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
+    }
+    async showSettingsPanel() {
+        const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
+        if (settingsPanel && settingsPanel.showPanel) {
+            settingsPanel.showPanel();
         }
-      },
-      "currentSignature": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "current-signature",
-        "reflect": false
-      },
-      "currentSignatureId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "current-signature-id",
-        "reflect": false
-      },
-      "currentInitial": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "current-initial",
-        "reflect": false
-      },
-      "currentInitialId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "current-initial-id",
-        "reflect": false
-      },
-      "focused": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "focused",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "signed": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "signed",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "xscale": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "If set, the field will be be scaled horizontally by this factor."
-        },
-        "attribute": "xscale",
-        "reflect": false,
-        "defaultValue": "1"
-      },
-      "yscale": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "If set, the field will be be scaled vertically by this factor."
-        },
-        "attribute": "yscale",
-        "reflect": false,
-        "defaultValue": "1"
-      },
-      "pagenumber": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The page the field is on"
-        },
-        "attribute": "pagenumber",
-        "reflect": false,
-        "defaultValue": "1"
-      },
-      "roleindex": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "If set, the field will be colored using this index value to select the background color."
-        },
-        "attribute": "roleindex",
-        "reflect": false,
-        "defaultValue": "0"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "preparedMessage": {},
-      "signatureUrl": {},
-      "showingProperties": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "signatureComplete",
-        "name": "signatureComplete",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+    }
+    async hideSettingsPanel() {
+        const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
+        if (settingsPanel && settingsPanel.hidePanel) {
+            settingsPanel.hidePanel();
         }
-      }, {
-        "method": "initialComplete",
-        "name": "initialComplete",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+    }
+    render() {
+        var _a;
+        const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
+        const roleIndex = getRoleIndex(this.roleStore, field.role_name);
+        const backgroundColor = field['rgba'] || getRGBA(roleIndex);
+        if (!field) {
+            return h(Fragment, null);
         }
-      }, {
-        "method": "settingsChanged",
-        "name": "settingsChanged",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField}",
-          "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField; }",
-          "references": {
-            "ITemplateFieldSetting": {
-              "location": "import",
-              "path": "@verdocs/js-sdk/Templates/Types"
+        // TODO:
+        // const settings = getFieldSettings(field);
+        // const disabled = this.disabled ?? settings.disabled ?? false;
+        const disabled = (_a = this.disabled) !== null && _a !== void 0 ? _a : false;
+        return (h(Host, { class: { focused: this.focused, disabled }, style: { backgroundColor } }, h("button", { class: { hide: this.signed } }, "$"), this.signed ? h("div", { class: "frame" }) : h("div", { style: { display: 'none' } }), h("img", { width: "100%", height: "100%", src: this.signatureUrl, alt: "Payment Icon" })));
+    }
+    static get is() { return "verdocs-field-payment"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["verdocs-field-payment.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["verdocs-field-payment.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "templateid": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The template the field is for/from. Only required in Builder mode, to support the Field Properties dialog."
+                },
+                "attribute": "templateid",
+                "reflect": false,
+                "defaultValue": "''"
             },
-            "ITemplateField": {
-              "location": "import",
-              "path": "@verdocs/js-sdk/Templates/Types"
-            }
-          }
-        }
-      }, {
-        "method": "deleted",
-        "name": "deleted",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event fired when the field is deleted."
-        },
-        "complexType": {
-          "original": "{fieldName: string}",
-          "resolved": "{ fieldName: string; }",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "showSettingsPanel": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
+            "fieldname": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The name of the field to display."
+                },
+                "attribute": "fieldname",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "If set, overrides the field's settings object. Primarily used to support \"preview\" modes where all fields are disabled."
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "fields": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "any[]",
+                    "resolved": "any[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "pageNum": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "page-num",
+                "reflect": false
+            },
+            "roleName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "role-name",
+                "reflect": false
+            },
+            "fieldId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "field-id",
+                "reflect": false
+            },
+            "recipients": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "recipients",
+                "reflect": false
+            },
+            "selectedRoleName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "selected-role-name",
+                "reflect": false
+            },
+            "pdfPages": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "any[]",
+                    "resolved": "any[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "currentSignature": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "current-signature",
+                "reflect": false
+            },
+            "currentSignatureId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "current-signature-id",
+                "reflect": false
+            },
+            "currentInitial": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "current-initial",
+                "reflect": false
+            },
+            "currentInitialId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "current-initial-id",
+                "reflect": false
+            },
+            "focused": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "focused",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "signed": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "signed",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "xscale": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "If set, the field will be be scaled horizontally by this factor."
+                },
+                "attribute": "xscale",
+                "reflect": false,
+                "defaultValue": "1"
+            },
+            "yscale": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "If set, the field will be be scaled vertically by this factor."
+                },
+                "attribute": "yscale",
+                "reflect": false,
+                "defaultValue": "1"
+            },
+            "pagenumber": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The page the field is on"
+                },
+                "attribute": "pagenumber",
+                "reflect": false,
+                "defaultValue": "1"
+            },
+            "roleindex": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "If set, the field will be colored using this index value to select the background color."
+                },
+                "attribute": "roleindex",
+                "reflect": false,
+                "defaultValue": "0"
             }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      },
-      "hideSettingsPanel": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
+        };
+    }
+    static get states() {
+        return {
+            "preparedMessage": {},
+            "signatureUrl": {},
+            "showingProperties": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "signatureComplete",
+                "name": "signatureComplete",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "initialComplete",
+                "name": "initialComplete",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "settingsChanged",
+                "name": "settingsChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField}",
+                    "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField; }",
+                    "references": {
+                        "ITemplateFieldSetting": {
+                            "location": "import",
+                            "path": "@verdocs/js-sdk",
+                            "id": ""
+                        },
+                        "ITemplateField": {
+                            "location": "import",
+                            "path": "@verdocs/js-sdk",
+                            "id": ""
+                        }
+                    }
+                }
+            }, {
+                "method": "deleted",
+                "name": "deleted",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event fired when the field is deleted."
+                },
+                "complexType": {
+                    "original": "{fieldName: string}",
+                    "resolved": "{ fieldName: string; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "showSettingsPanel": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "hideSettingsPanel": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
             }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
+        };
+    }
 }