@genexus/genexus-ide-ui 0.0.20 → 0.0.22

package/dist/collection/components/team-dev-commit/team-dev-commit.css

@@ -0,0 +1,165 @@
+/*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;
+}
+
+.main-wrapper {
+  width: 100%;
+}
+
+/*GXG-TABS*/
+.gxg-tabs {
+  margin-top: 0;
+  box-shadow: none;
+}
+
+/*HEADER*/
+.header {
+  grid-template-columns: 4fr auto;
+}
+
+/*SECOND GRID*/
+.second-grid {
+  grid-template-rows: 1fr auto;
+}
+.second-grid .actions-row {
+  grid-template-columns: 1fr auto;
+}
+
+/*THIRD LEVEL GRID*/
+.action-buttons {
+  justify-self: flex-end;
+}
+
+.hidden {
+  display: none;
+}
+
+.filters-grid {
+  grid-template-rows: repeat(2, 1fr);
+}
+.filters-grid .first-row {
+  grid-template-columns: repeat(2, 1fr);
+}
+.filters-grid .second-row {
+  grid-template-columns: repeat(2, 1fr);
+}

package/dist/collection/components/team-dev-commit/team-dev-commit.js

@@ -0,0 +1,439 @@
+/* STENCIL IMPORTS */
+import { Host, h } from "@stencil/core";
+/* CUSTOM IMPORTS */
+import { Locale } from "../../common/locale";
+import { renderComboItems } from "../../common/render-combo-items";
+export class GxIdeTeamDevCommit {
+  constructor() {
+    this.loadDataCalledFirstTime = false; // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.
+    // 9.LOCAL METHODS //
+    this.markAllPendingCommitsRows = () => {
+      this.chGridPendingCommitsEl.markAllRows();
+    };
+    this.togglePendingCommitsCheckboxes = async (itemsToToggle) => {
+      if (this.chGridPendingCommitsEl) {
+        const itemsToCheck = itemsToToggle.itemsToCheck;
+        const itemsToUncheck = itemsToToggle.itemsToUncheck;
+        // check
+        for (const rowId of itemsToCheck) {
+          await this.chGridPendingCommitsEl.markRow(rowId, true);
+        }
+        // uncheck
+        for (const rowId of itemsToUncheck) {
+          await this.chGridPendingCommitsEl.markRow(rowId, false);
+        }
+      }
+    };
+    this.revertPendingCommitsCheckboxes = async (addedRowsIds, removedRowsId) => {
+      if (this.chGridPendingCommitsEl) {
+        for (const rowId of addedRowsIds) {
+          await this.chGridPendingCommitsEl.markRow(rowId, false);
+        }
+        for (const rowId of removedRowsId) {
+          await this.chGridPendingCommitsEl.markRow(rowId, true);
+        }
+      }
+    };
+    this.renderIconState = (state) => {
+      let type;
+      let color;
+      switch (state) {
+        case "inserted":
+          type = "gx-server/new";
+          color = "success";
+          break;
+        case "modified":
+          type = "gx-server/changes-commit-pending";
+          color = "primary-active";
+          break;
+        case "deleted":
+          type = "gx-server/delete";
+          color = "error";
+          break;
+        case "conflicted":
+          type = "gx-server/conflict";
+          color = "warning";
+          break;
+      }
+      return h("gxg-icon", { type: type, color: color });
+    };
+    this.formatDate = (dateObject) => {
+      const date = dateObject.toISOString().slice(0, 10);
+      const hours = dateObject.getHours();
+      const minutes = dateObject.getMinutes();
+      const time = `${hours}:${minutes}`;
+      let period = "AM"; // Assume it's AM by default
+      if (hours >= 12) {
+        period = "PM";
+      }
+      return `${date} ${time}${period} `;
+    };
+    this.pendingCommitsRowMarkingChangedHandler = async (e) => {
+      // remove "rowMarkingChanged" until checkboxes have been added/removed on togglePendingCommitsCheckboxes, to prevent loops.
+      this.chGridPendingCommitsEl.removeEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
+      if (this.chGridPendingCommitsEl) {
+        const addedRowsIds = e.detail.addedRowsId;
+        const removedRowsId = e.detail.removedRowsId;
+        const pendingItemCheckedResult = await this.pendingItemCheckedCallback({
+          itemsChecked: addedRowsIds,
+          itemsUnchecked: removedRowsId
+        });
+        if (pendingItemCheckedResult === undefined) {
+          // undo check/uncheck
+          await this.revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);
+        }
+        else {
+          await this.togglePendingCommitsCheckboxes(pendingItemCheckedResult);
+        }
+        this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
+      }
+    };
+    this.gridContextMenuCallbackHandler = (grid) => async (ev) => {
+      ev.preventDefault();
+      ev.stopPropagation();
+      let markedRowsIds;
+      if (grid === "commit") {
+        markedRowsIds = await this.chGridPendingCommitsEl.getMarkedRows();
+      }
+      else if (grid === "ignored") {
+        markedRowsIds = await this.chIgnoredObjectsEl.getMarkedRows();
+      }
+      if (this.gridContextMenuCallback) {
+        await this.gridContextMenuCallback(markedRowsIds, grid || "ignored");
+      }
+    };
+    /* pending commits grid render*/
+    this.renderPendingCommitsGrid = () => {
+      return (h("gxg-grid", null, h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", class: "no-border", onContextMenu: this.gridContextMenuCallbackHandler("commit") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: "auto" }), h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: "auto" }), h("ch-grid-column", { settingable: false, sortable: false, size: "auto" }), h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: "auto" }), h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: "auto" }), h("ch-grid-column", { columnName: "Description", settingable: false, size: "auto" }), h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false }), h("ch-grid-column", { columnName: "Module", settingable: false, size: "auto" }), h("ch-grid-column", { columnName: "Local State", settingable: false, size: "auto" }), h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: "150px" }), h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: "auto" })), this.pendingCommits.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), h("ch-grid-cell", null, h("gxg-icon", { color: "auto", type: obj.iconType })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${this.formatDate(obj.modifiedOn)}`), h("ch-grid-cell", null, " ", obj.module, " "), h("ch-grid-cell", null, " ", obj.localState, " "), h("ch-grid-cell", null, `${this.formatDate(obj.lastSynchronized)}`), h("ch-grid-cell", null, " ", obj.user, " ")))))));
+    };
+    /* ignored objects grid render*/
+    this.renderIgnoredObjectsGrid = () => {
+      return (h("gxg-grid", null, h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chIgnoredObjectsEl = el), part: "ch-grid-pending-commits", onContextMenu: this.gridContextMenuCallbackHandler("ignored") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", settingable: false }), h("ch-grid-column", { columnName: "TypeIcon", settingable: false }), h("ch-grid-column", { columnName: "Name", settingable: false, sortable: true }), h("ch-grid-column", { columnName: "Type", settingable: false }), h("ch-grid-column", { columnName: "Description", settingable: false }), h("ch-grid-column", { columnName: "Modified On", settingable: false }), h("ch-grid-column", { columnName: "Module", settingable: false }), h("ch-grid-column", { columnName: "Local State", settingable: false }), h("ch-grid-column", { columnName: "Last Synchronized", settingable: false }), h("ch-grid-column", { columnName: "User", settingable: false })), this.ignoredObjects.map((obj) => (h("ch-grid-row", { "row-id": obj.id, selected: true }, h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), h("ch-grid-cell", null, h("gxg-icon", { color: "auto", type: obj.iconType })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${this.formatDate(obj.modifiedOn)}`), h("ch-grid-cell", null, " ", obj.module, " "), h("ch-grid-cell", null, " ", obj.localState, " "), h("ch-grid-cell", null, `${this.formatDate(obj.lastSynchronized)}`), h("ch-grid-cell", null, " ", obj.user, " ")))))));
+    };
+    this.getRecentCommentHandler = async () => {
+      if (this.getRecentCommentCallback) {
+        const response = await this.getRecentCommentCallback();
+        if (response) {
+          this.comment = response;
+        }
+      }
+    };
+    this.commitCallbackHandler = async () => {
+      this.chGridPendingCommitsEl
+        .getMarkedRows()
+        .then(async (pendingCommitsCheckedIds) => {
+        await this.commitCallback(pendingCommitsCheckedIds);
+        /* returns boolean*/
+      });
+    };
+    this.loadData = async () => {
+      const filtersData = {
+        pattern: this.patternEl.value,
+        changeSet: this.changeSetEl.value,
+        folder: this.foldersEl.value,
+        category: this.categoriesEl.value,
+        type: this.typesEl.value
+      };
+      // this.pendingCommits = null;
+      // this.ignoredObjects = null;
+      return await this.loadCallback(filtersData).then(async ({ pending, ignored }) => {
+        this.pendingCommits = pending;
+        this.ignoredObjects = ignored;
+        if (!this.loadDataCalledFirstTime) {
+          /* this allows checking the pending commits checkboxes on first load*/
+          this.loadDataCalledFirstTime = true;
+        }
+      });
+    };
+    this.toggleFiltersHandler = () => {
+      this.filtersHidden = !this.filtersHidden;
+    };
+    this.filtersHidden = true;
+    this.comment = "";
+    this.pendingCommits = [];
+    this.ignoredObjects = [];
+    this.changeSet = undefined;
+    this.types = undefined;
+    this.folders = undefined;
+    this.categories = undefined;
+    this.getRecentCommentCallback = undefined;
+    this.loadCallback = undefined;
+    this.commitCallback = undefined;
+    this.pendingItemCheckedCallback = undefined;
+    this.gridContextMenuCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await Locale.getComponentStrings(this.el);
+  }
+  async componentDidLoad() {
+    await this.loadData();
+    this.componentDidLoadEvent.emit(true);
+  }
+  async componentDidRender() {
+    if (this.loadDataCalledFirstTime) {
+      // call this method only once
+      await this.markAllPendingCommitsRows();
+      // attach "rowMarkingChanged" after rows have been checked for the first time.
+      this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
+      this.loadDataCalledFirstTime = false;
+    }
+  }
+  // 7.LISTENERS //
+  // 8.PUBLIC METHODS API //
+  /**
+   * The method used by the Host to instruct the component to force a data refresh in the grids.
+   */
+  async reload() {
+    this.loadData();
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, h("gxg-container", null, h("header", { class: "header grid" }, h("gxg-form-textarea", { id: "gxg-textarea", height: "100px", label: this._componentLocale.topMenu.commentLabel, value: this.comment, placeholder: this._componentLocale.topMenu.commentPlaceholder }), h("gxg-button", { type: "outlined", part: "location", onClick: this.getRecentCommentHandler }, this._componentLocale.topMenu.recentCommentsButton))), h("main", { class: "main" }, h("gxg-container", { fieldset: true, noContentPadding: !!this.filtersHidden }, h("div", { class: "grid second-grid" }, h("div", { class: "actions-row grid" }, h("gxg-form-text", { class: this.filtersHidden ? "hidden" : null, "disable-filter": true, label: this._componentLocale.filtersMenu.patternLabel, labelPosition: "start", value: "", ref: (el) => (this.patternEl = el), "display-validation-styles": true, "display-validation-message": true, part: "pattern", onInput: this.loadData }), h("div", { class: "action-buttons", slot: "tab-bar" }, h("gxg-button", { onClick: this.toggleFiltersHandler, type: "secondary-icon-only", icon: "patterns/filters", part: "gxg-button gxg-button--show-filter" }), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" }))), h("div", { class: "filters-grid grid " +
+        (this.filtersHidden ? "hidden" : null) }, h("div", { class: "first-row grid" }, h("gxg-combo-box", { labelPosition: "start", "disable-filter": true, label: this._componentLocale.filtersMenu.changesetLabel, value: this.changeSet[0]["id"], ref: (el) => (this.changeSetEl = el), part: "change-set", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems(this.changeSet)), h("gxg-combo-box", { labelPosition: "start", "disable-filter": true, label: this._componentLocale.filtersMenu.typeLabel, value: this.types[0]["id"], ref: (el) => (this.typesEl = el), part: "type", onValueChanged: this.loadData }, renderComboItems(this.types))), h("div", { class: "second-row grid" }, h("gxg-combo-box", { labelPosition: "start", "disable-filter": true, label: this._componentLocale.filtersMenu.folderLabel, value: this.folders[0]["id"], ref: (el) => (this.foldersEl = el), part: "folder", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems(this.folders)), h("gxg-combo-box", { labelPosition: "start", "disable-filter": true, label: this._componentLocale.filtersMenu.categoryLabel, value: this.categories[0]["id"], ref: (el) => (this.categoriesEl = el), part: "categories", onValueChanged: this.loadData }, renderComboItems(this.categories)))))), h("gxg-container", null, h("gxg-tabs", { height: "100%", position: "top", class: "gxg-tabs" }, h("gxg-tab-bar", { slot: "tab-bar-container" }, h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`, tab: "pending-commits", "is-selected": true }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`, tab: "ignored-objects" })), h("gxg-tab", { tab: "pending-commits", "no-padding": true }, this.renderPendingCommitsGrid()), h("gxg-tab", { tab: "ignored-objects", "no-padding": true }, this.renderIgnoredObjectsGrid())), h("gxg-button", { slot: "footer", type: "primary-text-only", onClick: this.commitCallbackHandler, part: "commit-button" }, this._componentLocale.footer.commitButton))))));
+  }
+  static get is() { return "gx-ide-team-dev-commit"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["team-dev-commit.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["team-dev-commit.css"]
+    };
+  }
+  static get assetsDirs() { return ["gx-ide-assets/team-dev-commit"]; }
+  static get properties() {
+    return {
+      "changeSet": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "GxOption[]",
+          "resolved": "GxOption[]",
+          "references": {
+            "GxOption": {
+              "location": "import",
+              "path": "../../common/types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Possible values for ChangeSet filter"
+        }
+      },
+      "types": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ObjetType[]",
+          "resolved": "ObjetType[]",
+          "references": {
+            "ObjetType": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Possible values for Type filter"
+        }
+      },
+      "folders": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "GxOption[]",
+          "resolved": "GxOption[]",
+          "references": {
+            "GxOption": {
+              "location": "import",
+              "path": "../../common/types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Possible values for Folders filter"
+        }
+      },
+      "categories": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "GxOption[]",
+          "resolved": "GxOption[]",
+          "references": {
+            "GxOption": {
+              "location": "import",
+              "path": "../../common/types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Possible values for Categories filter"
+        }
+      },
+      "getRecentCommentCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "GetRecentComment",
+          "resolved": "() => Promise<string>",
+          "references": {
+            "GetRecentComment": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when user press Recent Comments button."
+        }
+      },
+      "loadCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "LoadCallback",
+          "resolved": "(filters: FiltersData) => Promise<CommitData>",
+          "references": {
+            "LoadCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when user wants to reload the grid"
+        }
+      },
+      "commitCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "CommitCallback",
+          "resolved": "(selection: string[]) => Promise<boolean>",
+          "references": {
+            "CommitCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when user starts the commit process"
+        }
+      },
+      "pendingItemCheckedCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(\n    pendingItemsCheckedState: PendingItemsCheckedState\n  ) => Promise<PendingItemCheckedResult | undefined>",
+          "resolved": "(pendingItemsCheckedState: PendingItemsCheckedState) => Promise<PendingItemCheckedResult>",
+          "references": {
+            "PendingItemsCheckedState": {
+              "location": "local"
+            },
+            "Promise": {
+              "location": "global"
+            },
+            "PendingItemCheckedResult": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid"
+        }
+      },
+      "gridContextMenuCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "GridContextMenuCallback",
+          "resolved": "(markedRowsIds: string[], grid: \"commit\" | \"ignored\") => Promise<void>",
+          "references": {
+            "GridContextMenuCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback that must be invoked when user activate the context menu in any of the grids"
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "filtersHidden": {},
+      "comment": {},
+      "pendingCommits": {},
+      "ignoredObjects": {}
+    };
+  }
+  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 {
+      "reload": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "The method used by the Host to instruct the component to force a data refresh in the grids.",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/team-dev-select-recent-comment/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.en.json

@@ -0,0 +1,4 @@
+{
+  "confirmButton": "Confirm",
+  "cancelButton": "Cancel"
+}

package/dist/collection/components/team-dev-select-recent-comment/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.ja.json

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

package/dist/collection/components/team-dev-select-recent-comment/gx-ide-assets/team-dev-select-recent-comment/langs/team-dev-select-recent-comment.lang.zh.json

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