@genexus/genexus-ide-ui 0.0.33 → 0.0.34

package/dist/collection/components/_test/test.js

@@ -3,7 +3,7 @@ import { Host, h } from "@stencil/core";
 import { renderTreeItems } from "../../common/render-tree";
 import { updateTreeModel } from "../../common/update-tree-model";
 /* CUSTOM IMPORTS */
-export class GxIdeUiTest {
+export class GxIdeTest {
   constructor() {
     // 8.PUBLIC METHODS API //
     // 9.LOCAL METHODS //

package/dist/collection/components/entity-selector/entity-selector.js

@@ -7,7 +7,7 @@ export class GxIdeEntitySelector {
     // 8.PUBLIC METHODS API //
     // 9.LOCAL METHODS //
     this.btnClearClickHandler = () => {
-      this.value = null;
+      this.value = this.defaultValue;
     };
     this.btnSelectClickHandler = () => {
       this.selectEntityCallback &&

package/dist/collection/components/object-selector/gx-ide-assets/object-selector/langs/object-selector.lang.en.json

@@ -0,0 +1,36 @@
+{
+  "name": "Name",
+  "location": "Location",
+  "filter": {
+    "title": "Filters",
+    "pattern": "Pattern",
+    "type": "Type",
+    "category": "Category",
+    "moduleFolder": "Module/Folder",
+    "modified": "Modified",
+    "modifiedEmpty": "None",
+    "afterDateTime": "After Date/Time",
+    "afterLastBuild": "After Last Build",
+    "afterImport": "After Import",
+    "user": "User",
+    "dateTime": "Date/time"
+  },
+  "objCount": {
+    "selected": "selected object(s)",
+    "matching": "matching object(s)"
+  },
+  "tableHead": {
+    "name": "Name",
+    "type": "Type",
+    "module": "Module",
+    "description": "Description",
+    "modifiedDate": "Modified Date",
+    "importDate": "Import Date"
+  },
+  "footer": {
+    "btnSelectAll": "Select All",
+    "btnNew": "New...",
+    "btnConfirm": "Confirm",
+    "btnCancel": "Cancel"
+  }
+}

package/dist/collection/components/object-selector/gx-ide-assets/object-selector/langs/object-selector.lang.ja.json

@@ -0,0 +1,3 @@
+{
+  "presentation": "「こんにちは、私の名前は {0} です。オレゴンに住んでいます。」"
+}

package/dist/collection/components/object-selector/gx-ide-assets/object-selector/langs/object-selector.lang.zh.json

@@ -0,0 +1,3 @@
+{
+  "presentation": "你好，我的名字是 {0}，我住在俄勒冈州。"
+}

package/dist/collection/components/object-selector/object-selector.css

@@ -0,0 +1,169 @@
+/*Gemini*/
+/*Gx Ide*/
+/* Helper Classes */
+.gxi-hidden {
+  display: none !important;
+}
+
+.gxi-full-height {
+  height: 100%;
+}
+
+.align-start {
+  display: flex;
+  align-items: start;
+}
+
+.align-center {
+  display: flex;
+  align-items: center;
+}
+
+.align-end {
+  display: flex;
+  align-items: end;
+}
+
+/* Grids */
+.grid {
+  display: grid;
+  grid-row-gap: var(--gx-ide-grid-row-gap);
+  grid-column-gap: var(--gx-ide-grid-column-gap);
+  grid-template-rows: auto;
+}
+
+/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/
+:host(.gx-ide-component) {
+  box-shadow: var(--box-shadow-01) !important;
+  height: 100% !important;
+  display: flex !important;
+  flex-direction: column !important;
+}
+
+/*stylize the top bar*/
+:host(:focus-within) gx-ide-top-bar::part(wrapper) {
+  background-color: var(--color-secondary-enabled);
+}
+
+/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */
+.gx-ide-main-wrapper {
+  color: var(--gx-ide-component-text-color);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-lg);
+  line-height: 1.6em;
+  height: 100%;
+  background-color: var(--gx-ide-component-background-color);
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+
+/*This is the main element. This is the one that take the remaining vertical space*/
+.gx-ide-main {
+  flex-grow: 1;
+  overflow-y: auto;
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.gx-ide-main::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gx-ide-main::-webkit-scrollbar-track {
+  background-color: var(--gray-02);
+  border-radius: 10px;
+}
+.gx-ide-main::-webkit-scrollbar-thumb {
+  background: var(--gray-05);
+  border-radius: 10px;
+}
+.gx-ide-main::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-04);
+  cursor: pointer;
+}
+.gx-ide-main .gxg-scroll {
+  display: block;
+  overflow-y: auto;
+  padding-inline-end: 2px;
+}
+
+.gx-ide-overflow {
+  overflow-y: auto;
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.gx-ide-overflow::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gx-ide-overflow::-webkit-scrollbar-track {
+  background-color: var(--gray-02);
+  border-radius: 10px;
+}
+.gx-ide-overflow::-webkit-scrollbar-thumb {
+  background: var(--gray-05);
+  border-radius: 10px;
+}
+.gx-ide-overflow::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-04);
+  cursor: pointer;
+}
+.gx-ide-overflow .gxg-scroll {
+  display: block;
+  overflow-y: auto;
+  padding-inline-end: 2px;
+}
+
+/*Gemini*/
+/*Gx Ide*/
+:host {
+  display: block;
+  border: 1px solid var(--gxg-border-color--regular);
+  background-color: var(--color-background);
+}
+
+/* Filters */
+.filter-grid {
+  grid-template-columns: repeat(2, 1fr);
+}
+.filter-grid *:nth-child(5) {
+  grid-area: 3/1/4/3;
+}
+
+.flex {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.with-gap {
+  gap: var(--gx-ide-grid-row-gap);
+}
+
+.hide {
+  display: none;
+}
+
+/* Objects Table */
+.objects-count {
+  grid-template-columns: repeat(2, 1fr);
+}
+.objects-count *:nth-child(2) {
+  justify-content: flex-end;
+  align-items: flex-start;
+}
+
+/* Objects Table */
+.actions {
+  grid-template-columns: repeat(2, 1fr);
+}
+.actions > * {
+  display: flex;
+  flex-direction: row;
+  gap: var(--gx-ide-grid-row-gap);
+}
+.actions > *:nth-child(2) {
+  justify-content: flex-end;
+}

package/dist/collection/components/object-selector/object-selector.js

@@ -0,0 +1,449 @@
+/* STENCIL IMPORTS */
+import { Host, h } from "@stencil/core";
+/* OTHER LIBRARIES IMPORTS */
+/* CUSTOM IMPORTS */
+import { Locale } from "../../common/locale";
+import { renderComboItems } from "../../common/render-combo-items";
+const FILTER_AFTER_NONE = "none";
+const FILTER_AFTER_DATE_TIME = "afterDateTime";
+const FILTER_AFTER_LAST_BUILD = "afterLastBuild";
+const FILTER_AFTER_IMPORT = "afterImport";
+export class GxIdeObjectSelector {
+  constructor() {
+    // 9.LOCAL METHODS //
+    this.renderFilter = () => {
+      var _a, _b;
+      return (h("gxg-container", { fieldset: true, displayBorderBottom: true, containerTitle: this._componentLocale.filter.title, part: "filters-container" }, h("div", { class: "grid filter-grid" }, h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), value: this.patternValue, part: "filter-pattern" }), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.type, value: this.defaultType, disabled: !this.types, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterTypeEl = el), part: "filter-type" }, renderComboItems((_a = this.types) !== null && _a !== void 0 ? _a : [])), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.category, value: this.defaultCategory, disabled: !this.categories, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterCategoryEl = el), part: "filter-category" }, renderComboItems((_b = this.categories) !== null && _b !== void 0 ? _b : [])), h("gx-ide-entity-selector", { label: this._componentLocale.filter.moduleFolder, "label-position": "above", value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.filterModuleEl = el) }), h("div", { class: "flex with-gap" }, h("gxg-form-checkbox", { label: this._componentLocale.filter.modified, class: "align-center", ref: (el) => (this.filterModifiedEl = el), part: "filter-modified" }), h("gxg-combo-box", { class: { hide: !this.filterModified }, "disable-filter": true, value: this.filterAfterType, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterAfterTypeEl = el), part: "filter-after-type" }, renderComboItems([
+        {
+          id: FILTER_AFTER_NONE,
+          label: this._componentLocale.filter.modifiedEmpty,
+          value: FILTER_AFTER_NONE
+        },
+        {
+          id: FILTER_AFTER_DATE_TIME,
+          label: this._componentLocale.filter[FILTER_AFTER_DATE_TIME],
+          value: FILTER_AFTER_DATE_TIME
+        },
+        {
+          id: FILTER_AFTER_IMPORT,
+          label: this._componentLocale.filter[FILTER_AFTER_IMPORT],
+          value: FILTER_AFTER_IMPORT
+        },
+        {
+          id: FILTER_AFTER_LAST_BUILD,
+          label: this._componentLocale.filter[FILTER_AFTER_LAST_BUILD],
+          value: FILTER_AFTER_LAST_BUILD
+        }
+      ])), h("gxg-form-text", { class: { hide: !this.filterModified }, "label-position": "start", label: this._componentLocale.filter.user, "max-width": "150px", ref: (el) => (this.filterUserEl = el), part: "filter-user" }), h("div", { class: {
+          flex: true,
+          hide: !this.filterModified ||
+            this.filterAfterType !== FILTER_AFTER_DATE_TIME
+        }, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))))));
+    };
+    this.renderObjects = () => {
+      return (h("gxg-container", null, h("gxg-grid", null, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name": "", "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.icon, color: "auto" })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.module, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${obj.modifiedDate.toISOString().slice(0, 10)}`), h("ch-grid-cell", null, `${obj.importDate.toISOString().slice(0, 10)}`))))))));
+    };
+    this.getObjects = () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      /* 'modified' checkbox, should only be considered if 'date' || 'user' */
+      const modified = this.filterModifiedEl.checked;
+      const modifiedAfter = this.filterAfterTypeEl.value;
+      const user = (_b = (_a = this.filterUserEl) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim();
+      const filters = {
+        pattern: (_c = this.filterPatternEl) === null || _c === void 0 ? void 0 : _c.value,
+        type: (_d = this.filterTypeEl) === null || _d === void 0 ? void 0 : _d.value,
+        category: (_e = this.filterCategoryEl) === null || _e === void 0 ? void 0 : _e.value,
+        module: (_g = (_f = this.filterModuleEl) === null || _f === void 0 ? void 0 : _f.value) === null || _g === void 0 ? void 0 : _g.id,
+        modifiedAfter: modified && modifiedAfter ? modifiedAfter : null,
+        modifiedBy: modified && user ? user : null,
+        modifiedDate: modified && modifiedAfter === FILTER_AFTER_DATE_TIME
+          ? (_h = this.filterModifiedDateEl) === null || _h === void 0 ? void 0 : _h.value
+          : null
+      };
+      this.loadCallback(filters).then((items) => {
+        this.objects = items;
+        this.selectedObjectsIds = [];
+        this.deselectAll();
+      });
+    };
+    this.openSelectionCallbackHandle = () => {
+      this.openSelectionCallback(this.selectedObjectsIds);
+    };
+    this.cancelCallbackHandle = () => {
+      this.cancelCallback();
+    };
+    this.selectAll = () => {
+      this.chGridEl.selectAllRows();
+    };
+    this.deselectAll = () => {
+      this.chGridEl.selectAllRows(false);
+    };
+    this.newObjectCallbackHandle = () => {
+      this.newObjectCallback();
+    };
+    this.listenChanges = async () => {
+      /* pattern*/
+      this.filterPatternEl.addEventListener("input", () => {
+        this.getObjects();
+      });
+      /* type*/
+      this.filterTypeEl.addEventListener("valueChanged", () => {
+        this.getObjects();
+      });
+      /* category*/
+      this.filterCategoryEl.addEventListener("valueChanged", () => {
+        this.getObjects();
+      });
+      /* module/folder*/
+      this.filterModuleEl.addEventListener("valueChanged", () => {
+        this.getObjects();
+      });
+      /* modified */
+      this.filterModifiedEl.addEventListener("change", (e) => {
+        this.filterModified = e.detail.value;
+        this.getObjects();
+      });
+      /* modified after... */
+      this.filterAfterTypeEl.addEventListener("valueChanged", () => {
+        this.filterAfterType = this.filterAfterTypeEl.value;
+        this.getObjects();
+      });
+      /* user... */
+      this.filterUserEl.addEventListener("input", () => {
+        this.getObjects();
+      });
+      /* Date/Time */
+      this.filterModifiedDateEl.addEventListener("valueChanged", () => {
+        this.getObjects();
+      });
+      // for grid selection
+      this.chGridEl.addEventListener("selectionChanged", (ev) => {
+        this.selectedObjectsIds = ev.detail.rowsId;
+      });
+    };
+    this.filterAfterType = "";
+    this.filterModified = false;
+    this.objects = [];
+    this.selectedObjectsIds = [];
+    this.multiSelection = undefined;
+    this.patternValue = undefined;
+    this.types = undefined;
+    this.defaultType = undefined;
+    this.categories = undefined;
+    this.defaultCategory = undefined;
+    this.defaultModule = undefined;
+    this.selectModuleCallback = undefined;
+    this.cancelCallback = undefined;
+    this.loadCallback = undefined;
+    this.newObjectCallback = undefined;
+    this.openSelectionCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentWillLoad() {
+    this._componentLocale = await Locale.getComponentStrings(this.el);
+    this.componentDidLoadEvent.emit(true);
+  }
+  componentDidLoad() {
+    this.listenChanges();
+    this.getObjects();
+  }
+  // 7.LISTENERS //
+  // 8.PUBLIC METHODS API //
+  /**
+   * Validate necessary data input
+   */
+  async validate() {
+    const isValid = true;
+    return isValid;
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderFilter(), this.renderObjects(), h("gxg-container", null, h("div", { class: "grid objects-count" }, h("gxg-text", { class: "align-end", part: "objects-selected" }, `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected}`), h("gxg-text", { class: "align-end", part: "objects-matching" }, `${this.objects.length} ${this._componentLocale.objCount.matching}`))), h("gxg-container", { displayBorderTop: true }, h("div", { class: "grid actions" }, h("div", null, h("gxg-button", { id: "button-select-all", type: "primary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all" }, this._componentLocale.footer.btnSelectAll), h("gxg-button", { id: "button-new", type: "primary-text-only", onClick: this.newObjectCallbackHandle, part: "gxg-button gxg-button--new" }, this._componentLocale.footer.btnNew)), h("div", null, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.openSelectionCallbackHandle, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelCallbackHandle, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel)))))));
+  }
+  static get is() { return "gx-ide-object-selector"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["object-selector.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["object-selector.css"]
+    };
+  }
+  static get assetsDirs() { return ["gx-ide-assets/object-selector"]; }
+  static get properties() {
+    return {
+      "multiSelection": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "true",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "True' if multiple object selection is allowed. Default is 'True'"
+        },
+        "attribute": "multi-selection",
+        "reflect": false
+      },
+      "patternValue": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Current value of the input pattern. It is also used to set the default value when initializing the component"
+        },
+        "attribute": "pattern-value",
+        "reflect": false
+      },
+      "types": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ObjectType[]",
+          "resolved": "ObjectType[]",
+          "references": {
+            "ObjectType": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The types render in the filter type selector"
+        }
+      },
+      "defaultType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The default value for the type filter"
+        },
+        "attribute": "default-type",
+        "reflect": false
+      },
+      "categories": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "GxOption[]",
+          "resolved": "GxOption[]",
+          "references": {
+            "GxOption": {
+              "location": "import",
+              "path": "../../common/types"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The categories render in the filter category selector"
+        }
+      },
+      "defaultCategory": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The default id value for the category filter"
+        },
+        "attribute": "default-category",
+        "reflect": false
+      },
+      "defaultModule": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "EntityData",
+          "resolved": "{ id: string; name: string; iconSrc?: string; iconColor?: Color; }",
+          "references": {
+            "EntityData": {
+              "location": "import",
+              "path": "../entity-selector/entity-selector"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The default value for the module/folder filter"
+        }
+      },
+      "selectModuleCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "SelectModuleCallback",
+          "resolved": "() => Promise<EntityData>",
+          "references": {
+            "SelectModuleCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled."
+        }
+      },
+      "cancelCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "CancelCallback",
+          "resolved": "() => Promise<void>",
+          "references": {
+            "CancelCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when the user wishes to cancel the selection of objects."
+        }
+      },
+      "loadCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "LoadCallback",
+          "resolved": "(filters: ObjectFiltersData) => Promise<ObjectData[]>",
+          "references": {
+            "LoadCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when the component needs to reload the list of attributes."
+        }
+      },
+      "newObjectCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "NewObjectCallback",
+          "resolved": "() => Promise<void>",
+          "references": {
+            "NewObjectCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when the user presses the 'New' button."
+        }
+      },
+      "openSelectionCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "OpenSelectionCallback",
+          "resolved": "(ids: string[]) => Promise<void>",
+          "references": {
+            "OpenSelectionCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "This is a function provided by the developer for expanded the data of object that is double-clicked or entered."
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "filterAfterType": {},
+      "filterModified": {},
+      "objects": {},
+      "selectedObjectsIds": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "componentDidLoadEvent",
+        "name": "componentDidLoadEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "This event is emitted once just after the component is fully loaded and the first render() occurs."
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "validate": {
+        "complexType": {
+          "signature": "() => Promise<boolean>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
+        },
+        "docs": {
+          "text": "Validate necessary data input",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+}