@genexus/genexus-ide-ui 1.1.34 → 1.1.35

package/dist/genexus-ide-ui/p-1f7ef8ba.entry.js

@@ -0,0 +1,603 @@
+import { r as e, h as i, H as t, a as r } from "./p-97107ecc.js";
+
+import { g as a } from "./p-401bfc97.js";
+
+import { L as l } from "./p-311eedf3.js";
+
+import { c as s } from "./p-9a03ac9f.js";
+
+import { r as o } from "./p-2ee77587.js";
+
+const n = '.custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}:host{--pill-border-radius:12px;--pill-padding-inline:8px;--pill-padding-block:2px;--pill-font-size:var(--font-size-body-s);display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content max-content 1fr}.detail__current-version,.detail__knowledge-base{max-inline-size:250px;min-inline-size:180px}.detail__current-version,.detail__knowledge-base{padding-inline:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.information__col-1,.detail__genexus-server{padding-inline-end:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.information__col-2,.detail__merge-from-version{padding-inline-start:24px}.section{display:contents}.header{display:grid;gap:24px}.header__detail{display:grid;grid-template-areas:"detail-title detail-title detail-title detail-title" "detail-commit-name detail-commit-name detail-commit-name detail-commit-name" "detail-genexus-server detail-knowledge-base detail-current-version detail-merge-from-version";row-gap:16px;grid-template-columns:minmax(250px, 350px) repeat(3, minmax(180px, 250px))}.detail__label{color:var(--mer-color__neutral-gray--400)}.detail__title{grid-area:detail-title}.detail__commit-name{grid-area:detail-commit-name}.detail__genexus-server{grid-area:detail-genexus-server}.detail__genexus-server>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.detail__link{align-items:start;color:var(--mer-text__primary);text-decoration:underline}.detail__link:hover{color:var(--mer-text__primary--hover)}.detail__link:active{color:var(--mer-text__primary--active)}.detail__knowledge-base{grid-area:detail-knowledge-base}.detail__current-version{grid-area:detail-current-version}.detail__merge-from-version{grid-area:detail-merge-from-version}.header__information{display:grid;row-gap:10px;grid-template-areas:"information-title information-title" "information-col-1 information-col-2";grid-template-columns:max-content 1fr;grid-template-rows:max-content 64px}.information__title{grid-area:information-title}.information__col-1{grid-area:information-col-1;display:flex;gap:24px}.information__col-2{display:grid;grid-area:information-col-2}.controls-container{display:grid;margin-block-start:24px}.filter{grid-template-columns:232px 186px 1fr;gap:12px}.button-merge-checked{margin-inline-start:auto}.main{position:relative;display:grid;overflow:auto}.loader{position:relative;inline-size:100%;block-size:100%;inset-block-start:0}.tabular-grid{border-radius:4px;overflow:hidden}.empty-state{block-size:100%}.loader{--elevation-background-color:var(--mer-surface__elevation--01)}.warning-error-description{display:flex;align-items:center;gap:8px;padding:8px;max-inline-size:800px;line-height:1.5}.warning-error-icon{flex-shrink:0}.tabular-grid.empty-result::part(main){overflow:hidden}.input-comments-container{position:relative}.input-comments{--control__border-color:transparent;padding-block:0 !important;padding-inline:0 !important;--line-height-tight:1.4;block-size:100%;background-color:var(--mer-surface);transition:var(--mer-timing--super-fast) block-size, var(--mer-timing--super-fast) background-color, var(--mer-timing--super-fast) padding-block, var(--mer-timing--super-fast) padding-inline}.input-comments:focus{position:absolute;block-size:200px;inline-size:100%;z-index:99;background-color:var(--mer-surface__elevation--01);padding-block:var(--control__padding-block) !important;padding-inline:var(--control__padding-inline) !important}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon){background-size:contain;margin-inline-end:0;--icon-path:var(--icon__gemini-tools_show-more-vertical_neutral--enabled);cursor:pointer}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):hover{--icon-path:var(--icon__gemini-tools_show-more-vertical_neutral--hover)}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):active{--icon-path:var(--icon__gemini-tools_show-more-vertical_neutral--active)}.tabular-grid-row-actions::part(main),.property-grid-row-actions::part(main){gap:0 !important}.tabular-grid-row-actions>button{justify-content:start}.pill{--pill-background-color:transparent;--pill-color:transparent;--pill-border-color:transparent;background-color:var(--pill-background-color);color:var(--pill-color);border:1px solid var(--pill-border-color);inline-size:100%;padding:var(--pill-padding-block) var(--pill-padding-inline);display:flex;align-items:center;justify-content:center;border-radius:var(--pill-border-radius);position:relative;font-weight:var(--font-weight-semi-bold)}.pill--to-merge,.pill--to-revert{--pill-background-color:var(--mer-color__tinted-primary--8);--pill-color:var(--mer-border-color__primary);--pill-border-color:var(--mer-color__tinted-primary--50)}.pill--to-merge-marked{--pill-background-color:var();--pill-color:var(--mer-border-color__primary);--pill-border-color:var()}.pill--pending{--pill-background-color:var(--mer-color__tinted-primary--8);--pill-color:var(--mer-border-color__primary);--pill-border-color:var(--mer-color__tinted-primary--50)}.pill--warning{--pill-background-color:var(--mer-color__tinted-yellow--5);--pill-color:var(--mer-border-color__warning);--pill-border-color:var(--mer-color__tinted-yellow--60)}.pill--error{--pill-background-color:var(--mer-color__tinted-red--5);--pill-color:var(--mer-border-color__error);--pill-border-color:var(--mer-color__tinted-red--60)}.pill--merged,.pill--reverted{--pill-background-color:var(--mer-color__tinted-green--5);--pill-color:var(--mer-border-color__success);--pill-border-color:var(--mer-color__tinted-green--60)}.pill--transitioning{--pill-color:transparent}.merging-spinner-caption{display:flex;align-items:center;gap:6px;--status-circle-color:transparent;--status-circle-size:$size;--status-circle-inset-inline-start:14px;--pill-color:var(--mer-border-color__primary)}.merging-spinner-caption::before{display:inline-block;content:"";width:14px;height:14px;border:calc(14px / 7) solid var(--mer-color__tinted-primary--50);border-top:calc(14px / 7) solid var(--mer-color__primary--300);border-radius:50%;animation:spin var(--mer-timing--regular) linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tabular-grid .button-secondary{--control__padding-block:var(--pill-padding-block);--control__padding-inline:var(--pill-padding-inline);font-size:inherit;font-weight:inherit;}.tabular-grid .tabular-grid-cell--for-pill{--grid-cell__padding-block:4px;align-items:center;justify-content:center}.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(selector-label),.tabular-grid.disabled-custom-selector .tabular-grid-column::part(bar-selector),.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(actions-icon){pointer-events:none;opacity:0.5}.tabular-grid-column--settings-custom-selector,.tabular-grid-cell--settings-custom-selector{--grid-cell__padding-inline:0;--grid-cell__padding-block:0}.tabular-grid-cell::part(actions-icon){padding-block:6px}ch-tabular-grid-cell.tabular-grid-cell::part(actions-icon){block-size:100%;display:block;background-size:14px;padding-inline:16px}.tabular-grid-cell.no-checkbox-custom-selector::part(selector-label){visibility:hidden}.tabular-grid-row-actions::part(window){background-color:var(--mer-surface__elevation--02) !important}.tabular-grid-row .tabular-grid-cell:nth-child(3){min-inline-size:400px}';
+
+var c = undefined && undefined.__classPrivateFieldGet || function(e, i, t, r) {
+  if (t === "a" && !r) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof i === "function" ? e !== i || !r : !i.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return t === "m" ? r : t === "a" ? r.call(e) : r ? r.value : i.get(e);
+};
+
+var d = undefined && undefined.__classPrivateFieldSet || function(e, i, t, r, a) {
+  if (r === "m") throw new TypeError("Private method is not writable");
+  if (r === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof i === "function" ? e !== i || !a : !i.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return r === "a" ? a.call(e, t) : a ? a.value = t : i.set(e, t), t;
+};
+
+var p, h, m, g, u, b, f, v, _, w, y, k, x, M, z, j, $;
+
+const W = [ "resets/box-sizing", "components/tabular-grid", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+
+const T = "all";
+
+const C = "detail__label body-semi-bold-s";
+
+const S = a({
+  category: "system",
+  name: "add",
+  colorType: "on-elevation"
+});
+
+const I = a({
+  category: "system",
+  name: "edit",
+  colorType: "on-elevation"
+});
+
+const N = a({
+  category: "window-tools",
+  name: "filter",
+  colorType: "on-elevation"
+});
+
+const E = a({
+  category: "system",
+  name: "search",
+  colorType: "on-elevation"
+});
+
+const O = a({
+  category: "system",
+  name: "substract",
+  colorType: "on-elevation"
+});
+
+const R = a({
+  category: "system",
+  name: "warning",
+  colorType: "warning"
+});
+
+const D = a({
+  category: "system",
+  name: "error",
+  colorType: "error"
+});
+
+const L = class {
+  constructor(t) {
+    e(this, t);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        p.set(this, void 0);
+    h.set(this, void 0);
+    m.set(this, void 0);
+    g.set(this, []);
+    u.set(this, (() => {
+      if (this.commitInformation.length === 1) {
+        // return comment without revison number
+        return this.commitInformation[0].comment;
+      }
+      // return comments with revison number
+            let e = "";
+      this.commitInformation.map(((i, t) => {
+        const r = t === this.commitInformation.length - 1;
+        const a = r ? "" : "\n\n";
+        e += `Commit ${i.id}:\n${i.comment}${a}`;
+      }));
+      return e;
+    }));
+    b.set(this, (async () => {
+      this.merging = true;
+      const e = new Map(this.objectsStatesMap);
+      c(this, g, "f").forEach((i => {
+        e.set(i, this.operationType === "revert" ? "reverting" : "merging");
+      }));
+      this.objectsStatesMap = e;
+      await this.mergeObjectsCallback(c(this, g, "f"));
+    }));
+    f.set(this, (e => async () => {
+      this.merging = true;
+      const i = new Map(this.objectsStatesMap);
+      i.set(e, this.operationType === "revert" ? "reverting" : "merging");
+      this.objectsStatesMap = i;
+      await this.mergeObjectsCallback([ e ]);
+    }));
+    v.set(this, (e => {
+      let t;
+      let r;
+      let a;
+      if (e === "Deleted") {
+        t = O;
+        r = c(this, p, "f").objects.actions.delete;
+        a = "--mer-icon__error";
+      } else if (e === "Inserted") {
+        t = S;
+        r = c(this, p, "f").objects.actions.insert;
+        a = "--mer-icon__success";
+      } else {
+        // modified
+        t = I;
+        r = c(this, p, "f").objects.actions.modify;
+        a = "--mer-icon__warning";
+      }
+      return i("span", {
+        class: "custom-icon-text-wrapper"
+      }, i("ch-image", {
+        type: "mask",
+        class: "icon-md",
+        src: t,
+        style: {
+          backgroundColor: `var(${a})`
+        }
+      }), `${r}`);
+    }));
+    _.set(this, ((e = false) => {
+      var i, t;
+      if (((i = this.commitInformation) === null || i === void 0 ? void 0 : i.length) > 1) {
+        // more than one commit
+        return e ? `${this.commitInformation[0].id} ... ${this.commitInformation[this.commitInformation.length - 1].id}` : `${c(this, h, "f")} ${this.commitInformation[0].id} ... ${this.commitInformation[this.commitInformation.length - 1].id}`;
+      } else if (((t = this.commitInformation) === null || t === void 0 ? void 0 : t.length) === 1) {
+        // just one commit
+        return e ? this.commitInformation[0].id : `${c(this, h, "f")} ${this.commitInformation[0].id}`;
+      } else {
+        // Probably commits have not been loaded yet (loading state)
+        return e ? `${c(this, p, "f").loading}` : `${c(this, h, "f")} ${c(this, p, "f").loading}`;
+      }
+    }));
+    w.set(this, (e => {
+      var i;
+      const t = new Date(e);
+      const r = ((i = navigator.languages) === null || i === void 0 ? void 0 : i[0]) || navigator.language;
+      return `${t.toLocaleDateString(r)} ${t.toLocaleTimeString(r, {
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false
+      })}`;
+    }));
+    y.set(this, ((e, t) => {
+      if (e === "merging" || e === "reverting") {
+        return i("span", {
+          class: "merging-spinner-caption"
+        }, this.operationType === "revert" ? c(this, p, "f").states.reverting : c(this, p, "f").states.merging);
+      }
+      const r = `pill pill--${e}`;
+      if (this.revertPillAsButton && (e === "to-merge" || e === "to-merge-marked" || e === "to-revert")) {
+        return i("button", {
+          class: {
+            [r]: true,
+            "button-secondary": true
+          },
+          onClick: c(this, f, "f").call(this, t)
+        }, c(this, p, "f").statesForButton[e]);
+      } else {
+        return i("span", {
+          class: r
+        }, c(this, p, "f").states[e]);
+      }
+    }));
+    k.set(this, (() => this.objectsFiltered.map((e => {
+      const t = this.markedObjectsSet.has(e.id);
+      const r = this.alreadyMergedObjectsIdsArray.find((i => i === e.id));
+      const a = this.commitObjectsMessagesMap.get(e.id);
+      const l = this.objectsStatesMap.get(e.id);
+      let s;
+      if (l === "error") {
+        s = D;
+      } else if (l === "warning") {
+        s = R;
+      }
+      return i("ch-tabular-grid-row", {
+        class: "tabular-grid-row",
+        key: e.id,
+        rowid: e.id,
+        ref: e => t && (e === null || e === void 0 ? void 0 : e.setAttribute("marked", "true"))
+      }, i("ch-tabular-grid-cell", {
+        "cell-type": "rich",
+        "row-selector": "true",
+        class: {
+          "tabular-grid-cell": true,
+          "no-checkbox-custom-selector": r
+        },
+        size: "max-content"
+      }, e.name), i("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, o(e.type)), i("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, e.description), i("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, c(this, v, "f").call(this, e.actionTaken)), i("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell tabular-grid-cell--for-pill"
+      }, c(this, y, "f").call(this, this.objectsStatesMap.get(e.id), e.id)), a && i("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, i("ch-tabular-grid-rowset-empty", {
+        class: {
+          "tabular-grid-rowset-empty": true,
+          [l]: true
+        }
+      }, i("p", {
+        class: "warning-error-description"
+      }, i("ch-image", {
+        class: "icon-md warning-error-icon",
+        src: s
+      }), a))));
+    }))));
+    x.set(this, (async e => {
+      e.preventDefault();
+      const i = await this.tabularGridEl.getSelectedRows();
+      await this.contextMenuCallback({
+        selection: i,
+        clientX: e.detail.clientX,
+        clientY: e.detail.clientY
+      });
+    }));
+    M.set(this, (e => {
+      const i = new Set;
+      const t = new Map(this.objectsStatesMap);
+      const r = e.detail.rowsId;
+      const a = r.filter((e => !this.alreadyMergedObjectsIdsArray.includes(e)));
+      d(this, g, [ ...a ], "f");
+      // Update markedObjectsSet
+            c(this, g, "f").forEach((e => {
+        i.add(e);
+      }));
+      this.markedObjectsSet = i;
+      this.atLeastOneObjectIsChecked = r.length > 0;
+      t.forEach((e => {
+        const i = this.objectsStatesMap.get(e);
+        if (i !== "to-merge" && i !== "to-merge-marked") {
+          return;
+        }
+        const a = r.findIndex((i => i === e));
+        if (a !== -1) {
+          t.set(e, "to-merge-marked");
+          r.splice(a, 1);
+        } else {
+          t.set(e, "to-merge");
+        }
+      }));
+      this.objectsStatesMap = t;
+    }));
+    z.set(this, (e => {
+      this.searchValue = e.detail.toLowerCase();
+      c(this, $, "f").call(this);
+    }));
+    j.set(this, (e => {
+      this.stateFilterValue = e.detail;
+      c(this, $, "f").call(this);
+    }));
+    $.set(this, (() => {
+      let e = [ ...this.commitObjects ];
+      // filter by state (ch-combo-box-render) ...
+            if (this.stateFilterValue !== "all") {
+        e = e.filter((e => {
+          const i = this.objectsStatesMap.get(e.id);
+          return i === this.stateFilterValue;
+        }));
+      }
+      // and filter by value (ch-edit) as well
+            e = e.filter((e => {
+        const i = e.name.toLowerCase().includes(this.searchValue);
+        const t = e.type.name.toLowerCase().includes(this.searchValue);
+        const r = e.description.toLowerCase().includes(this.searchValue);
+        if (i || t || r) {
+          return true;
+        }
+        return false;
+      }));
+      this.objectsFiltered = e;
+    }));
+    this.alreadyMergedObjectsIdsArray = [];
+    this.atLeastOneObjectIsChecked = false;
+    this.loading = true;
+    this.objectsFiltered = [];
+    this.searchValue = "";
+    this.stateFilterValue = T;
+    this.markedObjectsSet = new Set;
+    this.objectsStatesMap = new Map;
+    this.commitObjectsMessagesMap = new Map;
+    this.merging = false;
+    this.commitDetail = undefined;
+    this.commitInformation = [];
+    this.commitObjects = [];
+    this.hideFilters = false;
+    this.operationType = "merge";
+    this.mergeObjectsCallback = undefined;
+    this.revertPillAsButton = false;
+    this.contextMenuCallback = undefined;
+  }
+  objectsStatesMapChanged(e) {
+    const i = [ ...e.entries() ].find((([, e]) => e === "merging" || e === "reverting"));
+    if (!i) {
+      this.merging = false;
+    }
+  }
+  commitObjectsChanged(e) {
+    if (e.length) {
+      // This is the first and only objects asignment
+      this.loading = false;
+      // All commit objects begin as "pending to merge"
+            e.forEach((e => {
+        this.objectsStatesMap.set(e.id, this.operationType === "revert" ? "to-revert" : "to-merge");
+      }));
+      this.objectsFiltered = this.commitObjects;
+    }
+  }
+  async componentWillLoad() {
+    var e;
+    d(this, p, await l.getComponentStrings(this.el), "f");
+    d(this, h, this.commitInformation.length > 1 ? c(this, p, "f").commmits : c(this, p, "f").commmit, "f");
+    // Initiate "states" combo box filter
+        d(this, m, [ {
+      caption: c(this, p, "f").states.all,
+      value: T
+    }, {
+      caption: this.operationType === "revert" ? c(this, p, "f").states["to-revert"] : c(this, p, "f").states["to-merge"],
+      value: this.operationType === "revert" ? "to-revert" : "to-merge"
+    }, {
+      caption: c(this, p, "f").states.warning,
+      value: "warning"
+    }, {
+      caption: c(this, p, "f").states.error,
+      value: "error"
+    }, {
+      caption: this.operationType === "revert" ? c(this, p, "f").states.reverted : c(this, p, "f").states.merged,
+      value: this.operationType === "revert" ? "reverted" : "merged"
+    } ], "f");
+    if ((e = this.commitObjects) === null || e === void 0 ? void 0 : e.length) {
+      // if commitObjects already set...
+      this.commitObjectsChanged(this.commitObjects);
+    }
+  }
+  /**
+     * It allows the host updating an object state, by providing the object id.
+     * @param objectId The ID of the object to update.
+     * @param newState The new state to set on the object.
+     * @param message Optional message explaining the change.
+     *
+     * @example
+     * bringChanges.updateObjectState('obj-24', "merging", null);
+     * bringChanges.updateObjectState('obj-27', "error", "The server did not respond.");
+     */  async updateObjectState(e, i, t) {
+    // update object state
+    const r = new Map(this.objectsStatesMap);
+    r.set(e, i);
+    this.objectsStatesMap = r;
+    // add message if state is "warning" or "error"
+        if ((t === null || t === void 0 ? void 0 : t.length) > 0) {
+      this.commitObjectsMessagesMap.set(e, t);
+    }
+    if (i === "merged" || i === "reverted") {
+      // remove from checked
+      d(this, g, c(this, g, "f").filter((i => i !== e)), "f");
+      // add to "already merged". This will hide the checkbox
+            this.alreadyMergedObjectsIdsArray.push(e);
+      // unmark checkbox:
+            this.tabularGridEl.markRow(e, false);
+      // remove message if any
+            this.commitObjectsMessagesMap.delete(e);
+    }
+  }
+  render() {
+    const e = this.alreadyMergedObjectsIdsArray.length !== this.commitObjects.length;
+    const r = this.merging || this.loading;
+    return i(t, {
+      class: "widget"
+    }, i("ch-theme", {
+      model: W
+    }), i("section", {
+      class: "section"
+    }, i("header", {
+      class: "header spacing-body-inline spacing-body-block-start"
+    }, i("div", {
+      // header details
+      class: "header__detail"
+    }, i("p", {
+      class: "detail__title subtitle-semi-bold-xs"
+    }, this.operationType === "revert" ? c(this, p, "f").commitDetail.revertChangesDetail : c(this, p, "f").commitDetail.bringChangesDetail), i("p", {
+      class: "detail__commit-name subtitle-semi-bold-s"
+    }, c(this, _, "f").call(this)), i("div", {
+      // genexus server
+      class: "detail__genexus-server field field-block"
+    }, i("span", {
+      class: C
+    }, c(this, p, "f").commitDetail.genexusServer), i("a", {
+      class: "detail__link body-regular-s",
+      href: this.commitDetail.genexusServer,
+      target: "_blank"
+    }, this.commitDetail.genexusServer)), i("div", {
+      // knowledge base
+      class: "detail__knowledge-base field field-block"
+    }, i("span", {
+      class: C
+    }, c(this, p, "f").commitDetail.knowledgeBase), i("p", {
+      class: "body-regular-s"
+    }, this.commitDetail.knowledgeBase)), i("div", {
+      // current version
+      class: "detail__current-version field field-block"
+    }, i("span", {
+      class: C
+    }, c(this, p, "f").commitDetail.currentVersion), i("a", {
+      class: "body-regular-s"
+    }, this.commitDetail.currentVersion)), this.operationType === "merge" && i("div", {
+      // merge from version
+      class: "detail__merge-from-version field field-block"
+    }, i("span", {
+      class: C
+    }, c(this, p, "f").commitDetail.mergeFromVersion), i("p", {
+      class: "body-regular-s"
+    }, this.commitDetail.mergeFromVersion))), i("div", {
+      // header information
+      class: "header__information"
+    }, i("p", {
+      class: "information__title subtitle-semi-bold-xs"
+    }, c(this, p, "f").commitInformation.title), i("div", {
+      // header information (col-1)
+      class: "information__col-1"
+    }, i("div", {
+      // IDs
+      class: "field field-block"
+    }, i("span", {
+      class: C
+    }, this.commitInformation.length === 1 ? c(this, p, "f").commitInformation.id : c(this, p, "f").commitInformation.ids), i("p", {
+      class: "body-regular-s"
+    }, c(this, _, "f").call(this, true))), this.commitInformation.length === 1 ? i("div", {
+      class: "field field-block"
+    }, i("span", {
+      class: C
+    }, c(this, p, "f").commitInformation.date), i("p", {
+      class: "body-regular-s"
+    }, c(this, w, "f").call(this, this.commitInformation[0].date))) : [ i("div", {
+      class: "field field-block"
+    }, i("span", {
+      class: C
+    }, c(this, p, "f").commitInformation.from), i("p", {
+      class: "body-regular-s"
+    }, c(this, w, "f").call(this, this.commitInformation[0].date))), i("div", {
+      class: "field field-block"
+    }, i("span", {
+      class: C
+    }, c(this, p, "f").commitInformation.to), i("p", {
+      class: "body-regular-s"
+    }, c(this, w, "f").call(this, this.commitInformation[this.commitInformation.length - 1].date))) ]), i("div", {
+      // header information (col-2)
+      class: "information__col-2"
+    }, i("div", {
+      // To
+      class: "field field-block"
+    }, i("label", {
+      class: C,
+      htmlFor: "commit-comments"
+    }, this.commitInformation.length > 1 ? c(this, p, "f").commitInformation.comments : c(this, p, "f").commitInformation.comment), i("div", {
+      class: "input-comments-container"
+    }, i("ch-edit", {
+      id: "commit-comments",
+      class: "input scrollable input-comments body-regular-s",
+      type: "text",
+      multiline: true,
+      readonly: true,
+      value: c(this, u, "f").call(this)
+    })))))), i("div", {
+      class: {
+        "controls-container": true,
+        filter: !this.hideFilters,
+        "spacing-body-inline": true
+      }
+    }, !this.hideFilters && [ i("ch-edit", {
+      class: "input",
+      disabled: r,
+      startImgSrc: E,
+      placeholder: c(this, p, "f").filter.searchPlaceholder,
+      type: "search",
+      onInput: c(this, z, "f")
+    }), i("ch-combo-box-render", {
+      class: "combo-box",
+      disabled: r,
+      model: c(this, m, "f"),
+      value: this.stateFilterValue,
+      onInput: c(this, j, "f"),
+      placeholder: c(this, p, "f").filter.statePlaceholder
+    }) ], i("button", {
+      class: "button-primary button-merge-checked",
+      disabled: !this.atLeastOneObjectIsChecked || r,
+      onClick: c(this, b, "f")
+    }, this.operationType === "revert" ? c(this, p, "f").filter.revertSelected : c(this, p, "f").filter.mergeSelected)), i("div", {
+      class: "main spacing-body"
+    }, this.commitObjects.length ? i("ch-tabular-grid", {
+      class: {
+        "tabular-grid": true,
+        "objects-tabular-grid": true,
+        "disabled-custom-selector": this.merging,
+        "empty-result": this.objectsFiltered.length === 0
+      },
+      keyboardNavigationMode: "focus",
+      rowSelectionMode: "multiple",
+      onRowMarkingChanged: c(this, M, "f"),
+      onRowContextMenu: c(this, x, "f"),
+      ref: e => this.tabularGridEl = e
+    }, i("ch-tabular-grid-columnset", {
+      class: "tabular-grid-column-set"
+    }, i("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnId: "name",
+      columnName: c(this, p, "f").objects.name,
+      columnType: "rich",
+      richRowSelector: e,
+      richRowSelectorMode: "mark",
+      settingable: false,
+      size: "max-content"
+    }), i("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnId: "type",
+      columnName: c(this, p, "f").objects.type,
+      settingable: false,
+      size: "max-content"
+    }), i("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnId: "description",
+      columnName: c(this, p, "f").objects.description,
+      settingable: false,
+      size: s.tabularGrid.colSize.description
+    }), i("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnId: "action",
+      columnName: c(this, p, "f").objects.action,
+      settingable: false,
+      size: "max-content"
+    }), i("ch-tabular-grid-column", {
+      // size of this column should the enough for the largest pill, and no more.
+      // this prevents layout shifts when pills state changes.
+      class: "tabular-grid-column",
+      columnId: "status",
+      columnName: c(this, p, "f").objects.status,
+      settingable: false,
+      size: "100px"
+    })), c(this, k, "f").call(this), i("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, this.objectsFiltered.length === 0 && i("ch-tabular-grid-rowset-empty", null, i("gx-ide-empty-state", {
+      class: "empty-state",
+      isAnimated: true,
+      stateIconSrc: N,
+      stateTitle: "No object matched your filter"
+    })))) : i("gx-ide-loader", {
+      cancelLabel: c(this, p, "f").loader.cancelLabel,
+      loaderTitle: c(this, p, "f").loader.title,
+      description: c(this, p, "f").loader.description,
+      show: true,
+      class: "loader"
+    }))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/team-dev-bring-changes" ];
+  }
+  get el() {
+    return r(this);
+  }
+  static get watchers() {
+    return {
+      objectsStatesMap: [ "objectsStatesMapChanged" ],
+      commitObjects: [ "commitObjectsChanged" ]
+    };
+  }
+};
+
+p = new WeakMap, h = new WeakMap, m = new WeakMap, g = new WeakMap, u = new WeakMap, 
+b = new WeakMap, f = new WeakMap, v = new WeakMap, _ = new WeakMap, w = new WeakMap, 
+y = new WeakMap, k = new WeakMap, x = new WeakMap, M = new WeakMap, z = new WeakMap, 
+j = new WeakMap, $ = new WeakMap;
+
+L.style = n;
+
+export { L as gx_ide_team_dev_bring_changes };
+//# sourceMappingURL=p-1f7ef8ba.entry.js.map