@genexus/genexus-ide-ui 1.1.10 → 1.1.12

package/dist/genexus-ide-ui/p-4d4ed703.entry.js

@@ -0,0 +1,649 @@
+import { r as t, h as e, H as i, a as r } from "./p-25a9f1d7.js";
+
+import { g as a } from "./p-ede7bd20.js";
+
+import { L as s } from "./p-311eedf3.js";
+
+const l = ':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}.custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}.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-background-color:var();--pill-color:var(--mer-color__neutral-gray--400);--pill-border-color:var()}.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-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 o = undefined && undefined.__classPrivateFieldGet || function(t, e, i, r) {
+  if (i === "a" && !r) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !r : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? r : i === "a" ? r.call(t) : r ? r.value : e.get(t);
+};
+
+var n = undefined && undefined.__classPrivateFieldSet || function(t, e, i, 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 e === "function" ? t !== e || !a : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return r === "a" ? a.call(t, i) : a ? a.value = i : e.set(t, i), i;
+};
+
+var c, d, p, h, m, u, g, b, f, _, v, w, y, k, x, M, z, W, $, j;
+
+const T = [ "resets/box-sizing", "components/tabular-grid", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+
+const C = "all";
+
+const I = "detail__label body-semi-bold-s";
+
+const S = a({
+  category: "system",
+  name: "add",
+  colorType: "on-elevation"
+});
+
+const N = a({
+  category: "system",
+  name: "edit",
+  colorType: "on-elevation"
+});
+
+const R = a({
+  category: "window-tools",
+  name: "filter",
+  colorType: "on-elevation"
+});
+
+const O = a({
+  category: "system",
+  name: "search",
+  colorType: "on-elevation"
+});
+
+const E = a({
+  category: "system",
+  name: "substract",
+  colorType: "on-elevation"
+});
+
+const A = a({
+  category: "system",
+  name: "warning",
+  colorType: "warning"
+});
+
+const D = a({
+  category: "system",
+  name: "error",
+  colorType: "error"
+});
+
+const L = class {
+  constructor(i) {
+    t(this, i);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        c.set(this, void 0);
+    d.set(this, void 0);
+    p.set(this, void 0);
+    h.set(this, []);
+    m.set(this, (() => {
+      if (this.commitInformation.length === 1) {
+        // return comment without revison number
+        return this.commitInformation[0].comment;
+      }
+      // return comments with revison number
+            let t = "";
+      this.commitInformation.map(((e, i) => {
+        const r = i === this.commitInformation.length - 1;
+        const a = r ? "" : "\n\n";
+        t += `Commit ${e.id}:\n${e.comment}${a}`;
+      }));
+      return t;
+    }));
+    u.set(this, (async () => {
+      this.merging = true;
+      const t = new Map(this.objectsStatesMap);
+      o(this, h, "f").forEach((e => {
+        t.set(e, "merging");
+      }));
+      this.objectsStatesMap = t;
+      await this.mergeObjectsCallback(o(this, h, "f"));
+    }));
+    g.set(this, (t => async () => {
+      this.merging = true;
+      const e = new Map(this.objectsStatesMap);
+      e.set(t, "merging");
+      this.objectsStatesMap = e;
+      await this.mergeObjectsCallback([ t ]);
+    }));
+    b.set(this, (t => {
+      let i;
+      let r;
+      let a;
+      if (t === "Deleted") {
+        i = E;
+        r = o(this, c, "f").objects.actions.delete;
+        a = "--mer-icon__error";
+      } else if (t === "Inserted") {
+        i = S;
+        r = o(this, c, "f").objects.actions.insert;
+        a = "--mer-icon__success";
+      } else {
+        // modified
+        i = N;
+        r = o(this, c, "f").objects.actions.modify;
+        a = "--mer-icon__warning";
+      }
+      return e("span", {
+        class: "custom-icon-text-wrapper"
+      }, e("ch-image", {
+        type: "mask",
+        class: "icon-md",
+        src: i,
+        style: {
+          backgroundColor: `var(${a})`
+        }
+      }), `${r}`);
+    }));
+    f.set(this, ((t = false) => {
+      var e, i;
+      if (((e = this.commitInformation) === null || e === void 0 ? void 0 : e.length) > 1) {
+        // more than one commit
+        return t ? `${this.commitInformation[0].id} ... ${this.commitInformation[this.commitInformation.length - 1].id}` : `${o(this, d, "f")} ${this.commitInformation[0].id} ... ${this.commitInformation[this.commitInformation.length - 1].id}`;
+      } else if (((i = this.commitInformation) === null || i === void 0 ? void 0 : i.length) === 1) {
+        // just one commit
+        return t ? this.commitInformation[0].id : `${o(this, d, "f")} ${this.commitInformation[0].id}`;
+      } else {
+        // Probably commits have not been loaded yet (loading state)
+        return t ? `${o(this, c, "f").loading}` : `${o(this, d, "f")} ${o(this, c, "f").loading}`;
+      }
+    }));
+    _.set(this, (t => {
+      var e;
+      const i = new Date(t);
+      const r = ((e = navigator.languages) === null || e === void 0 ? void 0 : e[0]) || navigator.language;
+      return `${i.toLocaleDateString(r)} ${i.toLocaleTimeString(r, {
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false
+      })}`;
+    }));
+    v.set(this, (() => {
+      const t = false;
+      const i = this.menuContextAction === "Inserted";
+      const r = this.menuContextAction === "Inserted";
+      const a = false;
+      return [ e("button", {
+        type: "button",
+        class: "button-tertiary",
+        disabled: t
+      }, o(this, c, "f").objectActions.open), e("button", {
+        type: "button",
+        class: "button-tertiary",
+        disabled: i
+      }, o(this, c, "f").objectActions.compareWithCurrentRevision), e("button", {
+        type: "button",
+        class: "button-tertiary",
+        disabled: r
+      }, o(this, c, "f").objectActions.revisionChanges), e("button", {
+        type: "button",
+        class: "button-tertiary",
+        disabled: a
+      }, o(this, c, "f").objectActions.previewMerge) ];
+    }));
+    w.set(this, ((t, i) => {
+      if (t === "merging") {
+        return e("span", {
+          class: "merging-spinner-caption"
+        }, o(this, c, "f").states.merging);
+      }
+      const r = `pill pill--${t}`;
+      if (this.mergePillAsButton && (t === "to-merge" || t === "to-merge-marked")) {
+        return e("button", {
+          class: {
+            [r]: true,
+            "button-secondary": true
+          },
+          onClick: o(this, g, "f").call(this, i)
+        }, o(this, c, "f").statesForButton[t]);
+      } else {
+        return e("span", {
+          class: r
+        }, o(this, c, "f").states[t]);
+      }
+    }));
+    y.set(this, (t => {
+      const i = t.icon;
+      return e("span", {
+        class: "custom-icon-text-wrapper"
+      }, e("ch-image", {
+        class: "icon-md",
+        src: i
+      }), `${t.name}`);
+    }));
+    k.set(this, (() => this.objectsFiltered.map((t => {
+      const i = this.markedObjectsSet.has(t.id);
+      const r = this.alreadyMergedObjectsIdsArray.find((e => e === t.id));
+      const a = this.commitObjectsMessagesMap.get(t.id);
+      const s = this.objectsStatesMap.get(t.id);
+      let l;
+      if (s === "error") {
+        l = D;
+      } else if (s === "warning") {
+        l = A;
+      }
+      return e("ch-tabular-grid-row", {
+        class: "tabular-grid-row",
+        key: t.id,
+        rowid: t.id,
+        ref: t => i && (t === null || t === void 0 ? void 0 : t.setAttribute("marked", "true"))
+      }, e("ch-tabular-grid-cell", {
+        "cell-type": "rich",
+        "row-selector": "true",
+        class: {
+          "tabular-grid-cell": true,
+          "no-checkbox-custom-selector": r
+        },
+        size: "max-content"
+      }, t.name), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, o(this, y, "f").call(this, t.type)), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.description), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, o(this, b, "f").call(this, t.actionTaken)), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell tabular-grid-cell--for-pill"
+      }, o(this, w, "f").call(this, this.objectsStatesMap.get(t.id), t.id)), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell tabular-grid-cell--settings-custom-selector",
+        "cell-type": "rich",
+        "row-actions": "true"
+      }), a && e("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, e("ch-tabular-grid-rowset-empty", {
+        class: {
+          "tabular-grid-rowset-empty": true,
+          [s]: true
+        }
+      }, e("p", {
+        class: "warning-error-description"
+      }, e("ch-image", {
+        class: "icon-md warning-error-icon",
+        src: l
+      }), a))));
+    }))));
+    x.set(this, (t => {
+      const e = t.detail.rowId;
+      o(this, $, "f").call(this, e);
+    }));
+    M.set(this, (t => {
+      const e = new Set;
+      const i = new Map(this.objectsStatesMap);
+      const r = t.detail.rowsId;
+      const a = r.filter((t => !this.alreadyMergedObjectsIdsArray.includes(t)));
+      n(this, h, [ ...a ], "f");
+      // Update markedObjectsSet
+            o(this, h, "f").forEach((t => {
+        e.add(t);
+      }));
+      this.markedObjectsSet = e;
+      this.atLeastOneObjectIsChecked = r.length > 0;
+      i.forEach((t => {
+        const e = this.objectsStatesMap.get(t);
+        if (e !== "to-merge" && e !== "to-merge-marked") {
+          return;
+        }
+        const a = r.findIndex((e => e === t));
+        if (a !== -1) {
+          i.set(t, "to-merge-marked");
+          r.splice(a, 1);
+        } else {
+          i.set(t, "to-merge");
+        }
+      }));
+      this.objectsStatesMap = i;
+    }));
+    z.set(this, (t => {
+      this.searchValue = t.detail.toLowerCase();
+      o(this, j, "f").call(this);
+    }));
+    W.set(this, (t => {
+      this.stateFilterValue = t.detail;
+      o(this, j, "f").call(this);
+    }));
+    $.set(this, (t => {
+      const e = this.commitObjects.find((e => e.id === t));
+      this.menuContextAction = e.actionTaken;
+    }));
+    j.set(this, (() => {
+      let t = [ ...this.commitObjects ];
+      // filter by state (ch-combo-box-render) ...
+            if (this.stateFilterValue !== "all") {
+        t = t.filter((t => {
+          const e = this.objectsStatesMap.get(t.id);
+          return e === this.stateFilterValue;
+        }));
+      }
+      // and filter by value (ch-edit) as well
+            t = t.filter((t => {
+        const e = t.name.toLowerCase().includes(this.searchValue);
+        const i = t.type.name.toLowerCase().includes(this.searchValue);
+        const r = t.description.toLowerCase().includes(this.searchValue);
+        if (e || i || r) {
+          return true;
+        }
+        return false;
+      }));
+      this.objectsFiltered = t;
+    }));
+    this.alreadyMergedObjectsIdsArray = [];
+    this.atLeastOneObjectIsChecked = false;
+    this.loading = true;
+    this.menuContextAction = undefined;
+    this.objectsFiltered = [];
+    this.searchValue = "";
+    this.stateFilterValue = C;
+    this.markedObjectsSet = new Set;
+    this.objectsStatesMap = new Map;
+    this.commitObjectsMessagesMap = new Map;
+    this.merging = false;
+    this.commitDetail = undefined;
+    this.commitInformation = [];
+    this.commitObjects = [];
+    this.enableRowOptions = false;
+    this.hideFilters = false;
+    this.mergeObjectsCallback = undefined;
+    this.mergePillAsButton = undefined;
+  }
+  objectsStatesMapChanged(t) {
+    const e = [ ...t.entries() ].find((([, t]) => t === "merging"));
+    if (!e) {
+      this.merging = false;
+    }
+  }
+  commitObjectsChanged(t) {
+    if (t.length) {
+      // This is the first and only objects asignment
+      this.loading = false;
+      // All commit objects begin as "pending to merge"
+            t.forEach((t => {
+        this.objectsStatesMap.set(t.id, "to-merge");
+      }));
+      this.objectsFiltered = this.commitObjects;
+    }
+  }
+  async componentWillLoad() {
+    var t;
+    n(this, c, await s.getComponentStrings(this.el), "f");
+    n(this, d, this.commitInformation.length > 1 ? o(this, c, "f").commmits : o(this, c, "f").commmit, "f");
+    // Initiate "states" combo box filter
+        n(this, p, [ {
+      caption: o(this, c, "f").states.all,
+      value: C
+    }, {
+      caption: o(this, c, "f").states["to-merge"],
+      value: "to-merge"
+    }, {
+      caption: o(this, c, "f").states.warning,
+      value: "warning"
+    }, {
+      caption: o(this, c, "f").states.error,
+      value: "error"
+    }, {
+      caption: o(this, c, "f").states.merged,
+      value: "merged"
+    } ], "f");
+    if ((t = this.commitObjects) === null || t === void 0 ? void 0 : t.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(t, e, i) {
+    // update object state
+    const r = new Map(this.objectsStatesMap);
+    r.set(t, e);
+    this.objectsStatesMap = r;
+    // add message if state is "warning" or "error"
+        if ((i === null || i === void 0 ? void 0 : i.length) > 0) {
+      this.commitObjectsMessagesMap.set(t, i);
+    }
+    if (e === "merged") {
+      // remove from checked
+      n(this, h, o(this, h, "f").filter((e => e !== t)), "f");
+      // add to "already merged". This will hide the checkbox
+            this.alreadyMergedObjectsIdsArray.push(t);
+      // unmark checkbox:
+            this.tabularGridEl.markRow(t, false);
+      // remove message if any
+            this.commitObjectsMessagesMap.delete(t);
+    }
+  }
+  render() {
+    const t = this.alreadyMergedObjectsIdsArray.length !== this.commitObjects.length;
+    const r = this.merging || this.loading;
+    return e(i, {
+      class: "widget"
+    }, e("ch-theme", {
+      model: T
+    }), e("section", {
+      class: "section"
+    }, e("header", {
+      class: "header spacing-body-inline spacing-body-block-start"
+    }, e("div", {
+      // header details
+      class: "header__detail"
+    }, e("p", {
+      class: "detail__title subtitle-semi-bold-xs"
+    }, o(this, c, "f").commitDetail.bringChangesDetail), e("p", {
+      class: "detail__commit-name subtitle-semi-bold-s"
+    }, o(this, f, "f").call(this)), e("div", {
+      // genexus server
+      class: "detail__genexus-server field field-block"
+    }, e("span", {
+      class: I
+    }, o(this, c, "f").commitDetail.genexusServer), e("a", {
+      class: "detail__link body-regular-s",
+      href: this.commitDetail.genexusServer,
+      target: "_blank"
+    }, this.commitDetail.genexusServer)), e("div", {
+      // knowledge base
+      class: "detail__knowledge-base field field-block"
+    }, e("span", {
+      class: I
+    }, o(this, c, "f").commitDetail.knowledgeBase), e("p", {
+      class: "body-regular-s"
+    }, this.commitDetail.knowledgeBase)), e("div", {
+      // current version
+      class: "detail__current-version field field-block"
+    }, e("span", {
+      class: I
+    }, o(this, c, "f").commitDetail.currentVersion), e("a", {
+      class: "body-regular-s"
+    }, this.commitDetail.currentVersion)), e("div", {
+      // merge from version
+      class: "detail__merge-from-version field field-block"
+    }, e("span", {
+      class: I
+    }, o(this, c, "f").commitDetail.mergeFromVersion), e("p", {
+      class: "body-regular-s"
+    }, this.commitDetail.mergeFromVersion))), e("div", {
+      // header information
+      class: "header__information"
+    }, e("p", {
+      class: "information__title subtitle-semi-bold-xs"
+    }, o(this, c, "f").commitInformation.title), e("div", {
+      // header information (col-1)
+      class: "information__col-1"
+    }, e("div", {
+      // IDs
+      class: "field field-block"
+    }, e("span", {
+      class: I
+    }, this.commitInformation.length === 1 ? o(this, c, "f").commitInformation.id : o(this, c, "f").commitInformation.ids), e("p", {
+      class: "body-regular-s"
+    }, o(this, f, "f").call(this, true))), this.commitInformation.length === 1 ? e("div", {
+      class: "field field-block"
+    }, e("span", {
+      class: I
+    }, o(this, c, "f").commitInformation.date), e("p", {
+      class: "body-regular-s"
+    }, o(this, _, "f").call(this, this.commitInformation[0].date))) : [ e("div", {
+      class: "field field-block"
+    }, e("span", {
+      class: I
+    }, o(this, c, "f").commitInformation.from), e("p", {
+      class: "body-regular-s"
+    }, o(this, _, "f").call(this, this.commitInformation[0].date))), e("div", {
+      class: "field field-block"
+    }, e("span", {
+      class: I
+    }, o(this, c, "f").commitInformation.to), e("p", {
+      class: "body-regular-s"
+    }, o(this, _, "f").call(this, this.commitInformation[this.commitInformation.length - 1].date))) ]), e("div", {
+      // header information (col-2)
+      class: "information__col-2"
+    }, e("div", {
+      // To
+      class: "field field-block"
+    }, e("label", {
+      class: I,
+      htmlFor: "commit-comments"
+    }, this.commitInformation.length > 1 ? o(this, c, "f").commitInformation.comments : o(this, c, "f").commitInformation.comment), e("div", {
+      class: "input-comments-container"
+    }, e("ch-edit", {
+      id: "commit-comments",
+      class: "input scrollable input-comments body-regular-s",
+      type: "text",
+      multiline: true,
+      readonly: true,
+      value: o(this, m, "f").call(this)
+    })))))), e("div", {
+      class: {
+        "controls-container": true,
+        filter: !this.hideFilters,
+        "spacing-body-inline": true
+      }
+    }, !this.hideFilters && [ e("ch-edit", {
+      class: "input",
+      disabled: r,
+      startImgSrc: O,
+      placeholder: o(this, c, "f").filter.searchPlaceholder,
+      type: "search",
+      onInput: o(this, z, "f")
+    }), e("ch-combo-box-render", {
+      class: "combo-box",
+      disabled: r,
+      model: o(this, p, "f"),
+      value: this.stateFilterValue,
+      onInput: o(this, W, "f"),
+      placeholder: o(this, c, "f").filter.statePlaceholder
+    }) ], e("button", {
+      class: "button-primary button-merge-checked",
+      disabled: !this.atLeastOneObjectIsChecked || r,
+      onClick: o(this, u, "f")
+    }, o(this, c, "f").filter.mergeChecked)), e("div", {
+      class: "main spacing-body"
+    }, this.commitObjects.length ? e("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: o(this, M, "f"),
+      onRowContextMenu: o(this, x, "f"),
+      ref: t => this.tabularGridEl = t
+    }, e("ch-tabular-grid-columnset", {
+      class: "tabular-grid-column-set"
+    }, e("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnId: "name",
+      columnName: o(this, c, "f").objects.name,
+      columnType: "rich",
+      richRowSelector: t,
+      richRowSelectorMode: "mark",
+      settingable: false,
+      size: "max-content"
+    }), e("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnId: "type",
+      columnName: o(this, c, "f").objects.type,
+      settingable: false,
+      size: "max-content"
+    }), e("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnId: "description",
+      columnName: o(this, c, "f").objects.description,
+      settingable: false,
+      size: "auto"
+    }), e("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnId: "action",
+      columnName: o(this, c, "f").objects.action,
+      settingable: false,
+      size: "max-content"
+    }), e("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: o(this, c, "f").objects.status,
+      settingable: false,
+      size: "100px"
+    }), e("ch-tabular-grid-column", {
+      class: "tabular-grid-column tabular-grid-column--settings-custom-selector",
+      columnId: "actions",
+      columnName: "Actions",
+      columnNameHidden: true,
+      size: "min-content",
+      columnType: "rich",
+      richRowActions: true,
+      settingable: false
+    })), o(this, k, "f").call(this), this.enableRowOptions && e("ch-tabular-grid-row-actions", {
+      class: "tabular-grid-row-actions",
+      showOnRowActions: true
+    }, o(this, v, "f").call(this)), this.enableRowOptions && e("ch-tabular-grid-row-actions", {
+      class: "tabular-grid-row-actions",
+      showOnRowContext: true
+    }, o(this, v, "f").call(this)), e("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, this.objectsFiltered.length === 0 && e("ch-tabular-grid-rowset-empty", null, e("gx-ide-empty-state", {
+      class: "empty-state",
+      isAnimated: true,
+      stateIconSrc: R,
+      stateTitle: "No object matched your filter"
+    })))) : e("gx-ide-loader", {
+      cancelLabel: o(this, c, "f").loader.cancelLabel,
+      loaderTitle: o(this, c, "f").loader.title,
+      description: o(this, c, "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" ]
+    };
+  }
+};
+
+c = new WeakMap, d = new WeakMap, p = new WeakMap, h = new WeakMap, m = new WeakMap, 
+u = new WeakMap, g = new WeakMap, b = new WeakMap, f = new WeakMap, _ = new WeakMap, 
+v = new WeakMap, w = new WeakMap, y = new WeakMap, k = new WeakMap, x = new WeakMap, 
+M = new WeakMap, z = new WeakMap, W = new WeakMap, $ = new WeakMap, j = new WeakMap;
+
+L.style = l;
+
+export { L as gx_ide_team_dev_bring_changes };
+//# sourceMappingURL=p-4d4ed703.entry.js.map