@genexus/genexus-ide-ui 0.0.99 → 0.0.101

package/dist/genexus-ide-ui/p-5507f11d.entry.js

@@ -0,0 +1,571 @@
+import { r as e, c as t, h as a, H as r, g as i } from "./p-2776d2f9.js";
+
+import { L as o } from "./p-74d59062.js";
+
+import { c as l } from "./p-9c1b4eb9.js";
+
+import { g as s } from "./p-6893ccb8.js";
+
+import { r as n } from "./p-549b1699.js";
+
+import { f as c } from "./p-04f3d630.js";
+
+const g = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content: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}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){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(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.header{border-top:1px solid var(--gx-ide-container-border-color);display:flex;flex-direction:column}.header>*{padding:var(--gx-ide-container__padding)}.header__first-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:-3px}.header__first-row .commit-label{flex:none}.header__first-row .commit-textarea{flex:none}.header__first-row__right-col{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}.header__second-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding)}.header .filters-outer-wrapper{display:grid;padding:0;grid-template-rows:1fr;transition:grid-template-rows 200ms;border-bottom:1px solid var(--gx-ide-container-border-color)}.header .filters-outer-wrapper--hidden{grid-template-rows:0fr}.header .filters-inner-wrapper{overflow:hidden}.header__third-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding);display:grid;column-gap:var(--gx-ide-grid-column-gap);row-gap:var(--gx-ide-grid-row-gap);grid-template-columns:auto 1fr auto 1fr;grid-template-areas:"pattern-label pattern-form-text pattern-form-text pattern-form-text" "changeset-label changeset-combo type-label type-combo" "folder-label folder-combo category-label category-combo"}.header__third-row .pattern-label{grid-area:pattern-label}.header__third-row .pattern-form-text{grid-area:pattern-form-text}.header__third-row .changeset-label{grid-area:changeset-label}.header__third-row .changeset-combo{grid-area:changeset-combo}.header__third-row .type-label{grid-area:type-label}.header__third-row .type-combo{grid-area:type-combo}.header__third-row .folder-label{grid-area:folder-label}.header__third-row .folder-combo{grid-area:folder-combo}.header__third-row .category-label{grid-area:category-label}.header__third-row .category-combo{grid-area:category-combo}.main{height:100%}.grid-container{padding:0}ch-grid{height:auto}';
+
+const d = class {
+  constructor(r) {
+    e(this, r);
+    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
+    this.componentDidLoadEvent = t(this, "componentDidLoadEvent", 7);
+    this.loadDataCalledFirstTime = false;
+ // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.
+        this.renderedFirstTime = false;
+    // 9.LOCAL METHODS //
+        this.conditionToCommit = async () => {
+      const e = !!this.commitCommentEl.value.length;
+      const t = await this.chGridPendingCommitsEl.getMarkedRows();
+      if (e && t.length > 0) {
+        this.commitButtonEnabled = true;
+      } else {
+        this.commitButtonEnabled = false;
+      }
+    };
+    this.markAllPendingCommitsRows = () => {
+      this.chGridPendingCommitsEl.markAllRows();
+    };
+    this.togglePendingCommitsCheckboxes = async e => {
+      if (this.chGridPendingCommitsEl) {
+        const t = e.itemsToCheck;
+        const a = e.itemsToUncheck;
+        // check
+                for (const e of t) {
+          await this.chGridPendingCommitsEl.markRow(e, true);
+        }
+        // uncheck
+                for (const e of a) {
+          await this.chGridPendingCommitsEl.markRow(e, false);
+        }
+      }
+    };
+    this.revertPendingCommitsCheckboxes = async (e, t) => {
+      if (this.chGridPendingCommitsEl) {
+        for (const t of e) {
+          await this.chGridPendingCommitsEl.markRow(t, false);
+        }
+        for (const e of t) {
+          await this.chGridPendingCommitsEl.markRow(e, true);
+        }
+      }
+    };
+    this.renderIconState = e => {
+      let t;
+      let r;
+      switch (e) {
+       case "inserted":
+        t = "gx-server/new";
+        r = "success";
+        break;
+
+       case "modified":
+        t = "gx-server/changes-commit-pending";
+        r = "primary-active";
+        break;
+
+       case "deleted":
+        t = "gx-server/delete";
+        r = "error";
+        break;
+
+       case "conflicted":
+        t = "gx-server/conflict";
+        r = "warning";
+        break;
+      }
+      return a("gxg-icon", {
+        type: t,
+        color: r,
+        size: "small"
+      });
+    };
+    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 t = e.detail.addedRowsId;
+        const a = e.detail.removedRowsId;
+        const r = await this.pendingItemsCheckedCallback({
+          itemsChecked: t,
+          itemsUnchecked: a
+        });
+        if (r === undefined) {
+          // undo check/uncheck
+          await this.revertPendingCommitsCheckboxes(t, a);
+        } else {
+          await this.togglePendingCommitsCheckboxes(r);
+        }
+        this.conditionToCommit();
+        this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
+      }
+    };
+    this.objectsOnContextMenuCallbackHandler = e => async t => {
+      t.preventDefault();
+      t.stopPropagation();
+      let a = [];
+      if (e === "commit") {
+        a = t.detail.selectedRowsId;
+      } else if (e === "ignored") {
+        a = await this.chGridIgnoredObjectsEl.getSelectedRows();
+      }
+      if (this.objectsContextMenuCallback) {
+        await this.objectsContextMenuCallback(e, {
+          selection: a,
+          clientX: t.detail.clientX,
+          clientY: t.detail.clientY
+        });
+      }
+    };
+    this.gridOnSelectionChangedCallbackHandler = e => async t => {
+      if (this.selectCallback) {
+        await this.selectCallback(e, t.detail.rowsId);
+      }
+    }
+    /* pending commits grid render*/;
+    this.renderPendingCommitsGrid = () => a("gxg-grid", {
+      "ellipsis-cell-wrapper": true,
+      noBorder: true,
+      fullHeight: true
+    }, a("ch-grid", {
+      rowSelectionMode: "multiple",
+      ref: e => this.chGridPendingCommitsEl = e,
+      part: "ch-grid-pending-commits",
+      onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"),
+      onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit")
+    }, a("ch-grid-columnset", null, a("ch-grid-column", {
+      columnType: "rich",
+      richRowSelector: true,
+      richRowSelectorMode: "mark",
+      settingable: false,
+      sortable: false,
+      size: s.colSize.auto
+    }), a("ch-grid-column", {
+      columnName: "State",
+      settingable: false,
+      sortable: false,
+      size: s.colSize.auto
+    }), a("ch-grid-column", {
+      settingable: false,
+      sortable: false,
+      size: s.colSize.auto
+    }), a("ch-grid-column", {
+      sortable: true,
+      columnName: "Name",
+      settingable: false,
+      size: s.colSize.auto
+    }), a("ch-grid-column", {
+      sortable: true,
+      columnName: "Type",
+      settingable: false,
+      size: s.colSize.auto
+    }), a("ch-grid-column", {
+      columnName: "Description",
+      settingable: false,
+      size: s.colSize.common
+    }), a("ch-grid-column", {
+      sortable: true,
+      columnName: "Modified On",
+      settingable: false,
+      size: s.colSize.auto
+    }), a("ch-grid-column", {
+      columnName: "Module",
+      settingable: false,
+      size: s.colSize.auto
+    }), a("ch-grid-column", {
+      columnName: "Local State",
+      settingable: false,
+      size: s.colSize.auto
+    }), a("ch-grid-column", {
+      columnName: "Last Synchronized",
+      settingable: false,
+      size: s.colSize.auto
+    }), a("ch-grid-column", {
+      sortable: true,
+      columnName: "User",
+      settingable: false,
+      size: s.colSize.auto
+    })), this.pendingCommits.map((e => a("ch-grid-row", {
+      rowid: e.id
+    }, a("ch-grid-cell", {
+      "cell-type": "rich",
+      "row-selector": true
+    }), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, this.renderIconState(e.state))), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, a("gxg-icon", {
+      color: "auto",
+      type: e.iconType,
+      size: "small"
+    }))), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, e.name)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, e.type)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, e.description)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, `${c(e.modifiedOn)}`)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, e.module)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, e.localState)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, `${c(e.lastSynchronized)}`)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, e.user)))))));
+    /* ignored objects grid render*/    this.renderIgnoredObjectsGrid = () => a("gxg-grid", {
+      "ellipsis-cell-wrapper": true,
+      noBorder: true,
+      fullHeight: true
+    }, a("ch-grid", {
+      rowSelectionMode: "multiple",
+      ref: e => this.chGridIgnoredObjectsEl = e,
+      part: "ch-grid-pending-commits",
+      onRowContextMenu: this.objectsOnContextMenuCallbackHandler("ignored"),
+      onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored")
+    }, a("ch-grid-columnset", null, a("ch-grid-column", {
+      columnName: "",
+      settingable: false,
+      size: s.colSize.auto
+    }), a("ch-grid-column", {
+      columnName: "TypeIcon",
+      settingable: false,
+      size: s.colSize.auto
+    }), a("ch-grid-column", {
+      columnName: "Name",
+      settingable: false,
+      sortable: true,
+      size: s.colSize.common
+    }), a("ch-grid-column", {
+      columnName: "Type",
+      settingable: false,
+      size: s.colSize.common
+    }), a("ch-grid-column", {
+      columnName: "Description",
+      settingable: false,
+      size: s.colSize.common
+    }), a("ch-grid-column", {
+      columnName: "Modified On",
+      settingable: false,
+      size: s.colSize.common
+    }), a("ch-grid-column", {
+      columnName: "Module",
+      settingable: false,
+      size: s.colSize.common
+    }), a("ch-grid-column", {
+      columnName: "Local State",
+      settingable: false,
+      size: s.colSize.common
+    }), a("ch-grid-column", {
+      columnName: "Last Synchronized",
+      settingable: false,
+      size: s.colSize.common
+    }), a("ch-grid-column", {
+      columnName: "User",
+      settingable: false,
+      size: s.colSize.common
+    })), this.ignoredObjects.map((e => a("ch-grid-row", {
+      rowid: e.id,
+      selected: true
+    }, a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, this.renderIconState(e.state))), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, a("gxg-icon", {
+      color: "auto",
+      type: e.iconType
+    }))), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, e.name)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, e.type)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, e.description)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, `${c(e.modifiedOn)}`)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, e.module)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, e.localState)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, `${c(e.lastSynchronized)}`)), a("ch-grid-cell", null, a("span", {
+      class: "cell-wrapper"
+    }, e.user)))))));
+    this.getRecentCommentHandler = async () => {
+      if (this.getRecentCommentCallback) {
+        const e = await this.getRecentCommentCallback();
+        if (e) {
+          this.comment = e;
+        }
+      }
+    };
+    this.commitCallbackHandler = async () => {
+      const e = this.commitCommentEl.value;
+      this.chGridPendingCommitsEl.getMarkedRows().then((async t => {
+        await this.commitCallback(t, e);
+        /* returns boolean*/      }));
+    };
+    this.loadData = async () => {
+      const e = {
+        pattern: this.patternEl.value,
+        changeSet: this.changeSetEl.value,
+        folder: this.foldersEl.value,
+        category: this.categoriesEl.value,
+        type: this.typesEl.value
+      };
+      this.evaluateFilterConditions();
+      // this.pendingCommits = null;
+      // this.ignoredObjects = null;
+            return await this.loadCallback(e).then((async ({pending: e, ignored: t}) => {
+        this.pendingCommits = e;
+        this.ignoredObjects = t;
+      }));
+    };
+    this.toggleFiltersHandler = () => {
+      this.filtersHidden = !this.filtersHidden;
+    };
+    this.evaluateFilterConditions = () => {
+      if (this.patternEl.value || this.changeSetEl.value || this.typesEl.value || this.foldersEl.value || this.categoriesEl.value) {
+        this.filterHasConditions = true;
+      } else {
+        this.filterHasConditions = false;
+      }
+    };
+    this.filtersHidden = true;
+    this.comment = "";
+    this.pendingCommits = [];
+    this.ignoredObjects = [];
+    this.commitButtonEnabled = false;
+    this.filterHasConditions = false;
+    this.displayTitle = false;
+    this.changeSet = undefined;
+    this.types = undefined;
+    this.folders = undefined;
+    this.categories = undefined;
+    this.getRecentCommentCallback = undefined;
+    this.loadCallback = undefined;
+    this.commitCallback = undefined;
+    this.selectCallback = undefined;
+    this.pendingItemsCheckedCallback = undefined;
+    this.objectsContextMenuCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await o.getComponentStrings(this.el);
+  }
+  async componentDidLoad() {
+    await this.loadData();
+    this.loadDataCalledFirstTime = true;
+    this.componentDidLoadEvent.emit(true);
+    this.conditionToCommit();
+    this.commitCommentEl.focus();
+  }
+  async componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+    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 a(r, {
+      class: "gx-ide-component"
+    }, a("div", {
+      class: "gx-ide-main-wrapper"
+    }, a("gx-ide-container", {
+      noContentPadding: true,
+      noHeadingPadding: true,
+      headingPaddingTop: true,
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
+      slimmerFooter: l.gxIdeContainer.slimmerFooter,
+      noHeadingBorder: true
+    }, a("div", {
+      class: "header",
+      slot: "header"
+    }, a("div", {
+      class: "header__first-row"
+    }, a("div", {
+      class: "header__first-row__left-col"
+    }, a("gxg-label", {
+      part: "commit-label",
+      labelPosition: "start",
+      class: "commit-label",
+      noMargin: true
+    }, this._componentLocale.header.commentLabel)), a("div", {
+      class: "header__first-row__right-col"
+    }, a("gxg-button", {
+      onClick: this.toggleFiltersHandler,
+      type: "secondary-icon-only",
+      icon: this.filterHasConditions ? "window-tools/filter-conditions" : "window-tools/filter",
+      part: "gxg-button gxg-button--show-filter",
+      class: "filter-btn"
+    }), a("gxg-button", {
+      type: "secondary-icon-only",
+      icon: "gemini-tools/reset",
+      onClick: this.loadData,
+      part: "gxg-button gxg-button--reload",
+      class: "reset-btn"
+    }), a("gxg-button", {
+      class: "header-button",
+      type: "outlined",
+      part: "location",
+      onClick: this.getRecentCommentHandler
+    }, this._componentLocale.header.recentCommentsButton))), a("div", {
+      class: "header__second-row"
+    }, a("gxg-form-textarea", {
+      height: "90px",
+      value: this.comment,
+      ref: e => this.commitCommentEl = e,
+      singleLine: true,
+      onInput: this.conditionToCommit,
+      placeholder: this._componentLocale.header.commentPlaceholder,
+      part: "comment",
+      class: "commit-textarea"
+    })), a("div", {
+      class: {
+        "filters-outer-wrapper": true,
+        "filters-outer-wrapper--hidden": this.filtersHidden
+      }
+    }, a("div", {
+      class: {
+        "filters-inner-wrapper": true
+      }
+    }, a("div", {
+      class: {
+        "header__third-row": true
+      }
+    }, a("gxg-label", {
+      part: "pattern-label",
+      labelPosition: "start",
+      class: "pattern-label",
+      noMargin: true
+    }, this._componentLocale.filtersMenu.patternLabel), a("gxg-form-text", {
+      "disable-filter": true,
+      value: "",
+      ref: e => this.patternEl = e,
+      "display-validation-styles": true,
+      "display-validation-message": true,
+      part: "pattern-form-text",
+      class: "pattern-form-text",
+      onInput: this.loadData
+    }), a("gxg-label", {
+      part: "changeset-label",
+      labelPosition: "start",
+      class: "changeset-label",
+      noMargin: true
+    }, this._componentLocale.filtersMenu.changesetLabel), a("gxg-combo-box", {
+      value: this.changeSet[0]["id"],
+      ref: e => this.changeSetEl = e,
+      part: "changeset-combo",
+      class: "changeset-combo",
+      "display-validation-styles": true,
+      "display-validation-message": true,
+      onValueChanged: this.loadData
+    }, n(this.changeSet)), a("gxg-label", {
+      part: "type-label",
+      labelPosition: "start",
+      class: "type-label",
+      noMargin: true
+    }, this._componentLocale.filtersMenu.typeLabel), a("gxg-combo-box", {
+      labelPosition: "start",
+      value: this.types[0]["id"],
+      ref: e => this.typesEl = e,
+      part: "type-combo",
+      class: "type-combo",
+      onValueChanged: this.loadData
+    }, n(this.types)), a("gxg-label", {
+      part: "folder-label",
+      labelPosition: "start",
+      class: "folder-label",
+      noMargin: true
+    }, this._componentLocale.filtersMenu.folderLabel), a("gxg-combo-box", {
+      value: this.folders[0]["id"],
+      ref: e => this.foldersEl = e,
+      part: "folder-combo",
+      "display-validation-styles": true,
+      "display-validation-message": true,
+      onValueChanged: this.loadData
+    }, n(this.folders)), a("gxg-label", {
+      part: "category-label",
+      labelPosition: "start",
+      class: "category-label",
+      noMargin: true
+    }, this._componentLocale.filtersMenu.categoryLabel), a("gxg-combo-box", {
+      value: this.categories[0]["id"],
+      ref: e => this.categoriesEl = e,
+      part: "category-combo",
+      class: "category-combo",
+      onValueChanged: this.loadData
+    }, n(this.categories)))))), a("main", {
+      class: "main"
+    }, a("gx-ide-container", {
+      noContentPadding: true,
+      class: "grid-container"
+    }, a("div", {
+      class: "tabs-container gxi-full-height"
+    }, a("gxg-tabs", {
+      class: "gxg-tabs"
+    }, a("gxg-tab-bar", {
+      slot: "tab-bar-container",
+      displayBorder: true
+    }, a("gxg-tab-button", {
+      slot: "tab-bar",
+      "tab-label": `${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`,
+      tab: "pending-commits",
+      "is-selected": true
+    }), a("gxg-tab-button", {
+      slot: "tab-bar",
+      "tab-label": `${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`,
+      tab: "ignored-objects"
+    })), a("gxg-tab", {
+      tab: "pending-commits",
+      "no-padding": true,
+      flex: true
+    }, this.renderPendingCommitsGrid()), a("gxg-tab", {
+      tab: "ignored-objects",
+      "no-padding": true,
+      flex: true
+    }, this.renderIgnoredObjectsGrid()))))), a("gxg-button", {
+      slot: "footer-end",
+      type: "primary-text-only",
+      onClick: this.commitCallbackHandler,
+      part: "commit-button",
+      disabled: !this.commitButtonEnabled
+    }, this._componentLocale.footer.commitButton))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/team-dev-commit" ];
+  }
+  get el() {
+    return i(this);
+  }
+};
+
+d.style = g;
+
+export { d as gx_ide_team_dev_commit };
+//# sourceMappingURL=p-5507f11d.entry.js.map