@verdocs/web-sdk 2.3.88 → 4.0.5

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

@@ -1,453 +1,460 @@
-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 { SettingsIcon } from '../../../utils/Icons';
+import { getRGBA } from "@verdocs/js-sdk";
+import { h, Host, Fragment } from "@stencil/core";
+import { getRoleIndex, getTemplateRoleStore } from "../../../utils/TemplateRoleStore";
+import { getTemplateFieldStore } from "../../../utils/TemplateFieldStore";
+import { getFieldSettings } from "../../../utils/utils";
+import { SettingsIcon } from "../../../utils/Icons";
 /**
  * Displays an initial field. If an initial already exists, it will be displayed and the field will be disabled. Otherwise, a placeholder
  * button will be shown. Clicking the button will show a dialog to adopt an initial.
  */
 export class VerdocsFieldInitial {
-  constructor() {
-    this.fieldStore = null;
-    this.roleStore = null;
-    this.templateid = '';
-    this.fieldname = '';
-    this.disabled = false;
-    this.initials = '';
-    this.editable = false;
-    this.moveable = false;
-    this.done = false;
-    this.xscale = 1;
-    this.yscale = 1;
-    this.pagenumber = 1;
-    this.showingProperties = false;
-    this.focused = false;
-    this.tempInitials = '';
-  }
-  async focusField() {
-    this.handleShow();
-  }
-  async componentWillLoad() {
-    this.fieldStore = getTemplateFieldStore(this.templateid);
-    this.roleStore = getTemplateRoleStore(this.templateid);
-  }
-  hideDialog() {
-    var _a;
-    (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
-    this.dialog = null;
-    this.focused = false;
-  }
-  handleAdopt(e) {
-    var _a;
-    console.log('[INITIAL] Adopted initials');
-    this.tempInitials = e.detail;
-    (_a = this.fieldChange) === null || _a === void 0 ? void 0 : _a.emit(this.tempInitials);
-    this.hideDialog();
-  }
-  handleShow() {
-    this.dialog = document.createElement('verdocs-initial-dialog');
-    this.dialog.setAttribute('initials', this.initials);
-    // this.dialog.setAttribute('roleindex', this.roleindex);
-    this.dialog.addEventListener('exit', () => this.hideDialog());
-    this.dialog.addEventListener('next', e => this.handleAdopt(e));
-    document.body.append(this.dialog);
-    this.focused = true;
-  }
-  async showSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.showPanel) {
-      settingsPanel.showPanel();
+    constructor() {
+        this.fieldStore = null;
+        this.roleStore = null;
+        this.templateid = '';
+        this.fieldname = '';
+        this.disabled = false;
+        this.initials = '';
+        this.editable = false;
+        this.moveable = false;
+        this.done = false;
+        this.xscale = 1;
+        this.yscale = 1;
+        this.pagenumber = 1;
+        this.showingProperties = false;
+        this.focused = false;
+        this.tempInitials = '';
     }
-  }
-  async hideSettingsPanel() {
-    const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
-    if (settingsPanel && settingsPanel.hidePanel) {
-      settingsPanel.hidePanel();
+    async focusField() {
+        this.handleShow();
     }
-  }
-  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);
+    async componentWillLoad() {
+        this.fieldStore = getTemplateFieldStore(this.templateid);
+        this.roleStore = getTemplateRoleStore(this.templateid);
     }
-    const settings = getFieldSettings(field);
-    const value = settings.base64 || this.tempInitials;
-    const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
-    if (this.done) {
-      return h(Host, { class: { done: this.done } }, value && h("img", { src: value, alt: "Initials" }));
-    }
-    return (h(Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled, focused: this.focused }, style: { backgroundColor } }, value ? (h("img", { src: value, alt: "Initials" })) : (h("button", { class: {}, onClick: () => !disabled && this.handleShow() }, "Initials")), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
-        e.stopPropagation();
-        this.showingProperties = !this.showingProperties;
-      } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${this.fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
+    hideDialog() {
         var _a;
-        (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name });
-        return this.hideSettingsPanel();
-      }, onSettingsChanged: e => {
+        (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
+        this.dialog = null;
+        this.focused = false;
+    }
+    handleAdopt(e) {
         var _a;
-        (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
-        return this.hideSettingsPanel();
-      }, helpText: "initial fields capture the recipient's initials on a clause or page." })))))));
-  }
-  static get is() { return "verdocs-field-initial"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["verdocs-field-initial.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["verdocs-field-initial.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"
-      },
-      "initials": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The document or template field to display."
-        },
-        "attribute": "initials",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "editable": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
-        },
-        "attribute": "editable",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "moveable": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
-        },
-        "attribute": "moveable",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "done": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
-        },
-        "attribute": "done",
-        "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"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "showingProperties": {},
-      "focused": {},
-      "tempInitials": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "adopt",
-        "name": "adopt",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image."
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }, {
-        "method": "exit",
-        "name": "exit",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "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",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "fieldChange",
-        "name": "fieldChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress."
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }, {
-        "method": "settingsChanged",
-        "name": "settingsChanged",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event fired when the field's settings are changed."
-        },
-        "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"
-            },
-            "ITemplateField": {
-              "location": "import",
-              "path": "@verdocs/js-sdk/Templates/Types"
-            }
-          }
+        console.log('[INITIAL] Adopted initials');
+        this.tempInitials = e.detail;
+        (_a = this.fieldChange) === null || _a === void 0 ? void 0 : _a.emit(this.tempInitials);
+        this.hideDialog();
+    }
+    handleShow() {
+        this.dialog = document.createElement('verdocs-initial-dialog');
+        this.dialog.setAttribute('initials', this.initials);
+        // this.dialog.setAttribute('roleindex', this.roleindex);
+        this.dialog.addEventListener('exit', () => this.hideDialog());
+        this.dialog.addEventListener('next', e => this.handleAdopt(e));
+        document.body.append(this.dialog);
+        this.focused = true;
+    }
+    async showSettingsPanel() {
+        const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
+        if (settingsPanel && settingsPanel.showPanel) {
+            settingsPanel.showPanel();
         }
-      }, {
-        "method": "settingsPress",
-        "name": "settingsPress",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event fired on every character entered into / deleted from the field."
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+    }
+    async hideSettingsPanel() {
+        const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
+        if (settingsPanel && settingsPanel.hidePanel) {
+            settingsPanel.hidePanel();
         }
-      }, {
-        "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": {}
+    }
+    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);
         }
-      }];
-  }
-  static get methods() {
-    return {
-      "focusField": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
+        const settings = getFieldSettings(field);
+        const value = settings.base64 || this.tempInitials;
+        // TODO:
+        // const disabled = this.disabled ?? settings.disabled ?? false;
+        const disabled = (_a = this.disabled) !== null && _a !== void 0 ? _a : false;
+        if (this.done) {
+            return h(Host, { class: { done: this.done } }, value && h("img", { src: value, alt: "Initials" }));
         }
-      },
-      "showSettingsPanel": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
+        return (h(Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled, focused: this.focused }, style: { backgroundColor } }, value ? (h("img", { src: value, alt: "Initials" })) : (h("button", { class: {}, onClick: () => !disabled && this.handleShow() }, "Initials")), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
+                e.stopPropagation();
+                this.showingProperties = !this.showingProperties;
+            } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${this.fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
+                var _a;
+                (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name });
+                return this.hideSettingsPanel();
+            }, onSettingsChanged: e => {
+                var _a;
+                (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
+                return this.hideSettingsPanel();
+            }, helpText: "initial fields capture the recipient's initials on a clause or page." })))))));
+    }
+    static get is() { return "verdocs-field-initial"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["verdocs-field-initial.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["verdocs-field-initial.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"
+            },
+            "initials": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The document or template field to display."
+                },
+                "attribute": "initials",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "editable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
+                },
+                "attribute": "editable",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "moveable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
+                },
+                "attribute": "moveable",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "done": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
+                },
+                "attribute": "done",
+                "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"
             }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      },
-      "hideSettingsPanel": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
+        };
+    }
+    static get states() {
+        return {
+            "showingProperties": {},
+            "focused": {},
+            "tempInitials": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "adopt",
+                "name": "adopt",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when an initial block is adopted by the user. The event detail will contain the base64 string of the initial image."
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "exit",
+                "name": "exit",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "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",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "fieldChange",
+                "name": "fieldChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.\nIt is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every\nkeypress."
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "settingsChanged",
+                "name": "settingsChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event fired when the field's settings are changed."
+                },
+                "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": "settingsPress",
+                "name": "settingsPress",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event fired on every character entered into / deleted from the field."
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "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 {
+            "focusField": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "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": []
-        }
-      }
-    };
-  }
+        };
+    }
 }