@genexus/genexus-ide-ui 0.0.19 → 0.0.21

package/dist/components/gx-ide-team-dev-commit.js

@@ -0,0 +1,395 @@
+import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
+import { L as Locale } from './locale.js';
+import { d as defineCustomElement$q } from './ch-grid2.js';
+import { d as defineCustomElement$p } from './ch-grid-column2.js';
+import { d as defineCustomElement$o } from './ch-grid-column-resize2.js';
+import { d as defineCustomElement$n } from './ch-grid-column-settings2.js';
+import { d as defineCustomElement$m } from './ch-grid-columnset2.js';
+import { d as defineCustomElement$l } from './ch-grid-settings2.js';
+import { d as defineCustomElement$k } from './ch-grid-settings-columns2.js';
+import { d as defineCustomElement$j } from './icon.js';
+import { d as defineCustomElement$i } from './ch-window2.js';
+import { d as defineCustomElement$h } from './ch-window-close2.js';
+import { d as defineCustomElement$g } from './button.js';
+import { d as defineCustomElement$f } from './combo-box.js';
+import { d as defineCustomElement$e } from './combo-box-item.js';
+import { d as defineCustomElement$d } from './container2.js';
+import { d as defineCustomElement$c } from './form-text.js';
+import { d as defineCustomElement$b } from './form-textarea.js';
+import { d as defineCustomElement$a } from './gxg-grid2.js';
+import { d as defineCustomElement$9 } from './icon2.js';
+import { d as defineCustomElement$8 } from './gxg-label2.js';
+import { d as defineCustomElement$7 } from './tab.js';
+import { d as defineCustomElement$6 } from './tab-bar.js';
+import { d as defineCustomElement$5 } from './tab-button.js';
+import { d as defineCustomElement$4 } from './tabs.js';
+import { d as defineCustomElement$3 } from './title.js';
+import { d as defineCustomElement$2 } from './tooltip.js';
+
+/* STENCIL IMPORTS */
+const renderComboItems = (gxOptions) => {
+  const comboItemsArray = [];
+  gxOptions.forEach((gxOption) => {
+    const iconName = gxOption.iconName || gxOption.icon;
+    comboItemsArray.push(h("gxg-combo-box-item", { value: gxOption.value, icon: iconName }, gxOption.label || gxOption.name));
+  });
+  return comboItemsArray;
+};
+
+const teamDevCommitCss = ".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}.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}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.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}.gx-ide-main{flex-grow:1;overflow-y:auto;}.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;}.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}:host{display:block}.main-wrapper{width:100%}.gxg-tabs{margin-top:0;box-shadow:none}.header{grid-template-columns:4fr auto}.second-grid{grid-template-rows:1fr auto}.second-grid .actions-row{grid-template-columns:1fr auto}.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)}";
+
+const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
+    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 assetsDirs() { return ["gx-ide-assets/team-dev-commit"]; }
+  get el() { return this; }
+  static get style() { return teamDevCommitCss; }
+}, [1, "gx-ide-team-dev-commit", {
+    "changeSet": [16],
+    "types": [16],
+    "folders": [16],
+    "categories": [16],
+    "getRecentCommentCallback": [16],
+    "loadCallback": [16],
+    "commitCallback": [16],
+    "pendingItemCheckedCallback": [16],
+    "gridContextMenuCallback": [16],
+    "filtersHidden": [32],
+    "comment": [32],
+    "pendingCommits": [32],
+    "ignoredObjects": [32],
+    "reload": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["gx-ide-team-dev-commit", "ch-grid", "ch-grid-column", "ch-grid-column-resize", "ch-grid-column-settings", "ch-grid-columnset", "ch-grid-settings", "ch-grid-settings-columns", "ch-icon", "ch-window", "ch-window-close", "gxg-button", "gxg-combo-box", "gxg-combo-box-item", "gxg-container", "gxg-form-text", "gxg-form-textarea", "gxg-grid", "gxg-icon", "gxg-label", "gxg-tab", "gxg-tab-bar", "gxg-tab-button", "gxg-tabs", "gxg-title", "gxg-tooltip"];
+  components.forEach(tagName => { switch (tagName) {
+    case "gx-ide-team-dev-commit":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GxIdeTeamDevCommit$1);
+      }
+      break;
+    case "ch-grid":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$q();
+      }
+      break;
+    case "ch-grid-column":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$p();
+      }
+      break;
+    case "ch-grid-column-resize":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$o();
+      }
+      break;
+    case "ch-grid-column-settings":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$n();
+      }
+      break;
+    case "ch-grid-columnset":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$m();
+      }
+      break;
+    case "ch-grid-settings":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$l();
+      }
+      break;
+    case "ch-grid-settings-columns":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$k();
+      }
+      break;
+    case "ch-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$j();
+      }
+      break;
+    case "ch-window":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$i();
+      }
+      break;
+    case "ch-window-close":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$h();
+      }
+      break;
+    case "gxg-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$g();
+      }
+      break;
+    case "gxg-combo-box":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$f();
+      }
+      break;
+    case "gxg-combo-box-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "gxg-container":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
+    case "gxg-form-text":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "gxg-form-textarea":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "gxg-grid":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "gxg-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "gxg-label":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "gxg-tab":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "gxg-tab-bar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "gxg-tab-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "gxg-tabs":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "gxg-title":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "gxg-tooltip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const GxIdeTeamDevCommit = GxIdeTeamDevCommit$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeTeamDevCommit, defineCustomElement };

package/dist/components/gx-ide-team-dev-select-recent-comment.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GxIdeTeamDevSelectRecentComment extends Components.GxIdeTeamDevSelectRecentComment, HTMLElement {}
+export const GxIdeTeamDevSelectRecentComment: {
+  prototype: GxIdeTeamDevSelectRecentComment;
+  new (): GxIdeTeamDevSelectRecentComment;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gx-ide-team-dev-select-recent-comment.js

@@ -0,0 +1,148 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { L as Locale } from './locale.js';
+import { d as defineCustomElement$b } from './icon.js';
+import { d as defineCustomElement$a } from './button.js';
+import { d as defineCustomElement$9 } from './container2.js';
+import { d as defineCustomElement$8 } from './form-checkbox.js';
+import { d as defineCustomElement$7 } from './icon2.js';
+import { d as defineCustomElement$6 } from './gxg-label2.js';
+import { d as defineCustomElement$5 } from './list-box.js';
+import { d as defineCustomElement$4 } from './list-box-item.js';
+import { d as defineCustomElement$3 } from './title.js';
+import { d as defineCustomElement$2 } from './tooltip.js';
+
+const teamDevSelectRecentCommentCss = ".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}.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}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.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}.gx-ide-main{flex-grow:1;overflow-y:auto;}.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;}.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}:host{display:block}.action-buttons{grid-template-columns:repeat(2, 1fr)}";
+
+const GxIdeTeamDevSelectRecentComment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
+    this.selectedComment = null;
+    /** *****************************
+     *  7.LISTENERS
+     ********************************/
+    /** *****************************
+     *  8.PUBLIC METHODS API
+     ********************************/
+    /** *****************************
+     *  9.LOCAL METHODS
+     ********************************/
+    this.renderObjectItems = (options) => {
+      if (options.length) {
+        const items = [];
+        options.forEach(option => {
+          const item = (h("gxg-list-box-item", { value: option }, option));
+          items.push(item);
+        });
+        return items;
+      }
+      return null;
+    };
+    this.commentSelectedHandle = async (comment) => {
+      this.selectedComment = comment;
+    };
+    this.confirmCallbackHandle = async () => {
+      await this.confirmCallback(this.selectedComment);
+    };
+    this.cancelCallbackHandle = async () => {
+      await this.cancelCallback();
+    };
+    this.comments = undefined;
+    this.confirmCallback = undefined;
+    this.cancelCallback = undefined;
+  }
+  /** *****************************
+   *  6.COMPONENT LIFECYCLE EVENTS
+   ********************************/
+  async componentWillLoad() {
+    this._componentLocale = await Locale.getComponentStrings(this.el);
+    this.componentDidLoadEvent.emit(true);
+  }
+  /** *****************************
+   *  10.RENDER() FUNCTION
+   ********************************/
+  render() {
+    return (h(Host, null, h("div", { class: `main-wrapper` }, h("gxg-container", { displayBorder: true }, h("gxg-list-box", { id: "max-height", singleSelection: true, height: "100%", required: true, "min-height": "50%", onSelectionChanged: event => {
+        if (event.detail[0]) {
+          this.commentSelectedHandle(event.detail[0].value);
+        }
+      }, "no-border": true }, this.renderObjectItems(this.comments)), h("div", { slot: "footer", class: "action-buttons grid" }, h("gxg-button", { type: "primary-text-icon", onClick: this.confirmCallbackHandle }, this._componentLocale.confirmButton), h("gxg-button", { type: "outlined", onClick: this.cancelCallbackHandle }, this._componentLocale.cancelButton))))));
+  }
+  static get assetsDirs() { return ["gx-ide-assets/team-dev-select-recent-comment"]; }
+  get el() { return this; }
+  static get style() { return teamDevSelectRecentCommentCss; }
+}, [1, "gx-ide-team-dev-select-recent-comment", {
+    "comments": [16],
+    "confirmCallback": [16],
+    "cancelCallback": [16]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["gx-ide-team-dev-select-recent-comment", "ch-icon", "gxg-button", "gxg-container", "gxg-form-checkbox", "gxg-icon", "gxg-label", "gxg-list-box", "gxg-list-box-item", "gxg-title", "gxg-tooltip"];
+  components.forEach(tagName => { switch (tagName) {
+    case "gx-ide-team-dev-select-recent-comment":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GxIdeTeamDevSelectRecentComment$1);
+      }
+      break;
+    case "ch-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "gxg-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "gxg-container":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "gxg-form-checkbox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "gxg-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "gxg-label":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "gxg-list-box":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "gxg-list-box-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "gxg-title":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "gxg-tooltip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const GxIdeTeamDevSelectRecentComment = GxIdeTeamDevSelectRecentComment$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeTeamDevSelectRecentComment, defineCustomElement };

package/dist/components/gx-ide-template.js

@@ -9,7 +9,7 @@ import { d as defineCustomElement$4 } from './gxg-label2.js';
 import { d as defineCustomElement$3 } from './title.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
 
-const templateCss = ".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}.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}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.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}.gx-ide-main{flex-grow:1;overflow-y:auto;}.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-right:2px}.gx-ide-overflow{overflow-y:auto;}.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-right:2px}:host{display:block}";
+const templateCss = ".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}.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}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.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}.gx-ide-main{flex-grow:1;overflow-y:auto;}.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;}.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}:host{display:block}";
 
 const GxIdeTemplate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {