npm - @yoobic/yobi - Versions diffs - 8.5.0-6 → 8.5.0-8 - Mend

@yoobic/yobi 8.5.0-6 → 8.5.0-8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1609) hide show

package/dist/collection/components/form-creator/form-creator-translate-dialog/form-creator-translate-dialog.js CHANGED Viewed

@@ -5,7 +5,7 @@
  */
 import { COMPLEX_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, FormFieldType, SINGLE_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, TRANSLATABLE_FORM_FIELD_ATTRIBUTES } from '@shared/interfaces';
 import { closeModal, debounce, findField, formatSlides, getCurrentLanguage, getLocaleTranslation, getTranslateLanguageKeys, isHTML, translate, translateMulti } from '@shared/utils';
-import { Component, Element, Event, h, Host, Method, Prop, State } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { cloneDeep, compact, isEmpty, isObject, isString } from 'lodash-es';
 import { updateLocaleTranslation } from '../helpers';
 export class YooFormCreatorTranslateDialogComponent {
@@ -463,12 +463,7 @@ export class YooFormCreatorTranslateDialogComponent {
         ' - ' +
         `${this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].formCreatorIndex + 1}. ` +
         translateMulti(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].title);
-    return (h("yoo-header", null,
-      h("yoo-navbar", null,
-        h("yoo-items", { slot: "start" },
-          h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => closeModal(this.mode === 'create' ? { presentTranslationModal: true } : null, this.host) },
-            h("yoo-icon", { name: this.mode === 'create' ? 'left' : 'close' }))),
-        h("yoo-truncate", null, title))));
+    return (h("yoo-header", null, h("yoo-navbar", null, h("yoo-items", { slot: "start" }, h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => closeModal(this.mode === 'create' ? { presentTranslationModal: true } : null, this.host) }, h("yoo-icon", { name: this.mode === 'create' ? 'left' : 'close' }))), h("yoo-truncate", null, title))));
   }
   renderEditTranslateContent() {
     var _a;
@@ -476,346 +471,334 @@ export class YooFormCreatorTranslateDialogComponent {
     const TOOLBAR_HEIGHT = 56;
     const maxHeight = window.innerHeight - PADDING - TOOLBAR_HEIGHT;
     const style = { maxHeight: `${maxHeight}px` };
-    return (h("div", { class: "scroll-container", style: style },
-      h("div", { class: "form-container" },
-        h("div", { class: "top-form-container" },
-          h("yoo-form-input-container", { class: "base-language", field: { title: translate('DEFAULTLANGUAGE') }, hideOptional: true },
-            h("yoo-form-autocomplete", { values: getTranslateLanguageKeys([this.baseLanguage]), value: getTranslateLanguageKeys([this.baseLanguage]), useTranslate: true, idOnly: true, readonly: true, size: "medium", forceHideSearch: true, displayType: "card-list", isLocal: true })),
-          h("yoo-form-input-container", { class: "translate-to", field: { title: translate('TRANSLATETO') }, hideOptional: true },
-            h("yoo-form-autocomplete", { class: "single-line", values: getTranslateLanguageKeys(this.translatedLanguages), value: this.currentLanguageIndex > -1 ? this.translatedLanguages[this.currentLanguageIndex] : this.translatedLanguages[0], multiple: false, useTranslate: true, idOnly: true, entityType: "language", displayType: "card-list", onInputChanged: (ev) => this.onSelectedLanguagesChanged(ev), forceHideSearch: true, size: "medium", isLocal: true })),
-          h("yoo-tooltip", { hoverable: true, placement: "bottom", content: translate(this.disableNewLanguageButton ? this.disableNewLanguageButton : 'ADDNEWLANGUAGE'), class: "no-pointer" },
-            h("yoo-button", { disabled: ((_a = this.disableNewLanguageButton) === null || _a === void 0 ? void 0 : _a.length) > 0, size: "medium", shape: "square", onClick: () => this.onAddNewLanguageClicked() },
-              h("yoo-icon", { size: "small", name: "plus" })))),
-        this.editableForm && (h("yoo-form-dynamic", { ref: (el) => (this.editableFormElement = el), class: "translate-dialog no-animation", scrollable: false, slides: this.editableForm.slides, data: this.editableForm.data, hideToolbar: true, showRecap: false, onDataChanged: (ev) => this.onEditableFormChanged(ev), onFormHasLoaded: () => this.onEditableFormLoaded() })))));
+    return (h("div", { class: "scroll-container", style: style }, h("div", { class: "form-container" }, h("div", { class: "top-form-container" }, h("yoo-form-input-container", { class: "base-language", field: { title: translate('DEFAULTLANGUAGE') }, hideOptional: true }, h("yoo-form-autocomplete", { values: getTranslateLanguageKeys([this.baseLanguage]), value: getTranslateLanguageKeys([this.baseLanguage]), useTranslate: true, idOnly: true, readonly: true, size: "medium", forceHideSearch: true, displayType: "card-list", isLocal: true })), h("yoo-form-input-container", { class: "translate-to", field: { title: translate('TRANSLATETO') }, hideOptional: true }, h("yoo-form-autocomplete", { class: "single-line", values: getTranslateLanguageKeys(this.translatedLanguages), value: this.currentLanguageIndex > -1 ? this.translatedLanguages[this.currentLanguageIndex] : this.translatedLanguages[0], multiple: false, useTranslate: true, idOnly: true, entityType: "language", displayType: "card-list", onInputChanged: (ev) => this.onSelectedLanguagesChanged(ev), forceHideSearch: true, size: "medium", isLocal: true })), h("yoo-tooltip", { hoverable: true, placement: "bottom", content: translate(this.disableNewLanguageButton ? this.disableNewLanguageButton : 'ADDNEWLANGUAGE'), class: "no-pointer" }, h("yoo-button", { disabled: ((_a = this.disableNewLanguageButton) === null || _a === void 0 ? void 0 : _a.length) > 0, size: "medium", shape: "square", onClick: () => this.onAddNewLanguageClicked() }, h("yoo-icon", { size: "small", name: "plus" })))), this.editableForm && (h("yoo-form-dynamic", { ref: (el) => (this.editableFormElement = el), class: "translate-dialog no-animation", scrollable: false, slides: this.editableForm.slides, data: this.editableForm.data, hideToolbar: true, showRecap: false, onDataChanged: (ev) => this.onEditableFormChanged(ev), onFormHasLoaded: () => this.onEditableFormLoaded() })))));
   }
   renderCreateTranslationContent() {
-    return (h("div", { class: "forms-container" },
-      h("div", { class: "form-container left" },
-        h("yoo-form-input-container", { class: "base-language", field: { title: translate('DEFAULTLANGUAGE') }, hideOptional: true },
-          h("yoo-form-autocomplete", { ref: (el) => (this.baseLanguageAuto = el), disabled: this.mode === 'create', values: getTranslateLanguageKeys(this.availableBaseLanguages), value: { _id: this.baseLanguage, title: `TRANSLATE_${this.baseLanguage}` }, idOnly: true, useTranslate: true, multiple: false, readonly: false, forceHideSearch: true, displayType: "card-list", onInputChanged: (ev) => this.onBaseLanguageChanged(ev), isLocal: true, size: "medium" }))),
-      h("div", { class: "form-container right" },
-        h("yoo-form-input-container", { class: "translate-to", field: { title: translate('TRANSLATETO') }, hideOptional: true },
-          h("yoo-form-autocomplete", { ref: (el) => (this.translateToAutocomplete = el), class: "single-line", values: getTranslateLanguageKeys(this.allLanguagesAvailable), multiple: true, useTranslate: true, idOnly: true, forceHideSearch: true, entityType: "language", displayType: "card-list", onInputChanged: (ev) => this.onNewTranslateLanguageChanged(ev), isLocal: true, size: "medium" })))));
+    return (h("div", { class: "forms-container" }, h("div", { class: "form-container left" }, h("yoo-form-input-container", { class: "base-language", field: { title: translate('DEFAULTLANGUAGE') }, hideOptional: true }, h("yoo-form-autocomplete", { ref: (el) => (this.baseLanguageAuto = el), disabled: this.mode === 'create', values: getTranslateLanguageKeys(this.availableBaseLanguages), value: { _id: this.baseLanguage, title: `TRANSLATE_${this.baseLanguage}` }, idOnly: true, useTranslate: true, multiple: false, readonly: false, forceHideSearch: true, displayType: "card-list", onInputChanged: (ev) => this.onBaseLanguageChanged(ev), isLocal: true, size: "medium" }))), h("div", { class: "form-container right" }, h("yoo-form-input-container", { class: "translate-to", field: { title: translate('TRANSLATETO') }, hideOptional: true }, h("yoo-form-autocomplete", { ref: (el) => (this.translateToAutocomplete = el), class: "single-line", values: getTranslateLanguageKeys(this.allLanguagesAvailable), multiple: true, useTranslate: true, idOnly: true, forceHideSearch: true, entityType: "language", displayType: "card-list", onInputChanged: (ev) => this.onNewTranslateLanguageChanged(ev), isLocal: true, size: "medium" })))));
   }
   onAddNewLanguageClicked() {
     closeModal(this.isCreateTranslationMode() ? { createNewTranslations: true, newLanguesToTranslate: this.newLanguesToTranslate } : { addNewLanguage: true }, this.host);
   }
   renderFooter() {
-    return (h("div", { class: "button-container" },
-      h("yoo-button", { disabled: this.isCreateTranslationMode() && (!this.newLanguesToTranslate || (this.newLanguesToTranslate && this.newLanguesToTranslate.length === 0)), color: this.isCreateTranslationMode() ? 'app-color' : 'light', onClick: () => this.onAddNewLanguageClicked() }, translate('SAVEANDTRANSLATE'))));
+    return (h("div", { class: "button-container" }, h("yoo-button", { disabled: this.isCreateTranslationMode() && (!this.newLanguesToTranslate || (this.newLanguesToTranslate && this.newLanguesToTranslate.length === 0)), color: this.isCreateTranslationMode() ? 'app-color' : 'light', onClick: () => this.onAddNewLanguageClicked() }, translate('SAVEANDTRANSLATE'))));
   }
   renderArrowIcon(direction) {
-    return (h("div", { class: { 'arrow-container': true, [direction]: true }, onClick: () => this.onArrowClick(direction) },
-      h("yoo-icon", { size: "extra-large", ref: (el) => {
-          if (direction === 'left') {
-            this.leftArrow = el;
-          }
-          else {
-            this.rightArrow = el;
-          }
-        }, name: direction, color: "light" })));
+    return (h("div", { class: { 'arrow-container': true, [direction]: true }, onClick: () => this.onArrowClick(direction) }, h("yoo-icon", { size: "extra-large", ref: (el) => {
+        if (direction === 'left') {
+          this.leftArrow = el;
+        }
+        else {
+          this.rightArrow = el;
+        }
+      }, name: direction, color: "light" })));
   }
   render() {
-    return (h(Host, { class: { 'new-translation-mode': this.isCreateTranslationMode() } },
-      h("div", { class: "outer-container" },
-        this.renderHeader(),
-        this.isCreateTranslationMode() ? this.renderCreateTranslationContent() : this.renderEditTranslateContent(),
-        this.isCreateTranslationMode() && this.renderFooter(),
-        !this.isCreateTranslationMode() && this.shouldRenderLeftArrow() && this.renderArrowIcon('left'),
-        !this.isCreateTranslationMode() && this.shouldRenderRightArrow() && this.renderArrowIcon('right'))));
+    return (h(Host, { class: { 'new-translation-mode': this.isCreateTranslationMode() } }, h("div", { class: "outer-container" }, this.renderHeader(), this.isCreateTranslationMode() ? this.renderCreateTranslationContent() : this.renderEditTranslateContent(), this.isCreateTranslationMode() && this.renderFooter(), !this.isCreateTranslationMode() && this.shouldRenderLeftArrow() && this.renderArrowIcon('left'), !this.isCreateTranslationMode() && this.shouldRenderRightArrow() && this.renderArrowIcon('right'))));
   }
   static get is() { return "yoo-form-creator-translate-dialog"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["form-creator-translate-dialog.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["form-creator-translate-dialog.css"]
-  }; }
-  static get properties() { return {
-    "slides": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ISlide[]",
-        "resolved": "ISlide[]",
-        "references": {
-          "ISlide": {
-            "location": "import",
-            "path": "@shared/interfaces"
+  static get originalStyleUrls() {
+    return {
+      "$": ["form-creator-translate-dialog.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["form-creator-translate-dialog.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "slides": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ISlide[]",
+          "resolved": "ISlide[]",
+          "references": {
+            "ISlide": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Mandatory prop, the slides of the form."
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Mandatory prop, the slides of the form."
-      }
-    },
-    "initialSelectedFieldLocation": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{ itemIndex: number; slideIndex: number }",
-        "resolved": "{ itemIndex: number; slideIndex: number; }",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Mandatory prop, the starting field location"
-      },
-      "defaultValue": "{ itemIndex: 0, slideIndex: 0 }"
-    },
-    "baseLanguage": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Mandatory prop, the base language of the form;"
-      },
-      "attribute": "base-language",
-      "reflect": false
-    },
-    "allLanguages": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "string[]",
-        "resolved": "string[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "All the available language"
-      }
-    },
-    "isTranslator": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "If true it will limit the functionality available to the user"
-      },
-      "attribute": "is-translator",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "disableNewLanguageButton": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "initialSelectedFieldLocation": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{ itemIndex: number; slideIndex: number }",
+          "resolved": "{ itemIndex: number; slideIndex: number; }",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Mandatory prop, the starting field location"
+        },
+        "defaultValue": "{ itemIndex: 0, slideIndex: 0 }"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Disables the add new language button and is used as a tooltip to explain why"
+      "baseLanguage": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Mandatory prop, the base language of the form;"
+        },
+        "attribute": "base-language",
+        "reflect": false
       },
-      "attribute": "disable-new-language-button",
-      "reflect": false
-    },
-    "translations": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ITranslation[]",
-        "resolved": "ITranslation[]",
-        "references": {
-          "ITranslation": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+      "allLanguages": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "All the available language"
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Mandatory prop, the translation of the form;"
-      }
-    },
-    "mode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'edit' | 'createInitial' | 'create'",
-        "resolved": "\"create\" | \"createInitial\" | \"edit\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Switch the mode of the component to create new translations instead of editing"
-      },
-      "attribute": "mode",
-      "reflect": false,
-      "defaultValue": "'edit'"
-    },
-    "translatedLanguages": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "string[]",
-        "resolved": "string[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The current translated languages of the form"
+      "isTranslator": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "If true it will limit the functionality available to the user"
+        },
+        "attribute": "is-translator",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "defaultValue": "[]"
-    }
-  }; }
-  static get states() { return {
-    "editableForm": {},
-    "newLanguesToTranslate": {}
-  }; }
-  static get events() { return [{
-      "method": "translationUpdated",
-      "name": "translationUpdated",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the user updates a current translation"
+      "disableNewLanguageButton": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Disables the add new language button and is used as a tooltip to explain why"
+        },
+        "attribute": "disable-new-language-button",
+        "reflect": false
       },
-      "complexType": {
-        "original": "{ translations: ITranslation[]; updatedTranslation: ITranslation; languagesChanged: string[] }",
-        "resolved": "{ translations: ITranslation[]; updatedTranslation: ITranslation; languagesChanged: string[]; }",
-        "references": {
-          "ITranslation": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "translations": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ITranslation[]",
+          "resolved": "ITranslation[]",
+          "references": {
+            "ITranslation": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Mandatory prop, the translation of the form;"
         }
-      }
-    }, {
-      "method": "selectedLanguagesChanged",
-      "name": "selectedLanguagesChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the user updates the selected languages"
       },
-      "complexType": {
-        "original": "string[]",
-        "resolved": "string[]",
-        "references": {}
-      }
-    }, {
-      "method": "languageChanged",
-      "name": "languageChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the user changes the language"
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      }
-    }, {
-      "method": "baseLanguageChanged",
-      "name": "baseLanguageChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the user updates the base languages"
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      }
-    }, {
-      "method": "translateValue",
-      "name": "translateValue",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the user google translates a specific field"
-      },
-      "complexType": {
-        "original": "{ value: string; baseLanguage: string; targetLanguage: string; key: string }",
-        "resolved": "{ value: string; baseLanguage: string; targetLanguage: string; key: string; }",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "updateTranslationValue": {
-      "complexType": {
-        "signature": "(newTranslation: ITranslation) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "ITranslation": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'edit' | 'createInitial' | 'create'",
+          "resolved": "\"create\" | \"createInitial\" | \"edit\"",
+          "references": {}
         },
-        "return": "Promise<void>"
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Switch the mode of the component to create new translations instead of editing"
+        },
+        "attribute": "mode",
+        "reflect": false,
+        "defaultValue": "'edit'"
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "translatedLanguages": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The current translated languages of the form"
+        },
+        "defaultValue": "[]"
       }
-    },
-    "forceUpdateTranslations": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+    };
+  }
+  static get states() {
+    return {
+      "editableForm": {},
+      "newLanguesToTranslate": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "translationUpdated",
+        "name": "translationUpdated",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the user updates a current translation"
+        },
+        "complexType": {
+          "original": "{ translations: ITranslation[]; updatedTranslation: ITranslation; languagesChanged: string[] }",
+          "resolved": "{ translations: ITranslation[]; updatedTranslation: ITranslation; languagesChanged: string[]; }",
+          "references": {
+            "ITranslation": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        }
+      }, {
+        "method": "selectedLanguagesChanged",
+        "name": "selectedLanguagesChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the user updates the selected languages"
         },
-        "return": "Promise<void>"
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        }
+      }, {
+        "method": "languageChanged",
+        "name": "languageChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the user changes the language"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "baseLanguageChanged",
+        "name": "baseLanguageChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the user updates the base languages"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "translateValue",
+        "name": "translateValue",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the user google translates a specific field"
+        },
+        "complexType": {
+          "original": "{ value: string; baseLanguage: string; targetLanguage: string; key: string }",
+          "resolved": "{ value: string; baseLanguage: string; targetLanguage: string; key: string; }",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "updateTranslationValue": {
+        "complexType": {
+          "signature": "(newTranslation: ITranslation) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "ITranslation": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "forceUpdateTranslations": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "host"; }
 }