@genexus/genexus-ide-ui 1.1.65 → 1.1.66

package/dist/genexus-ide-ui/{p-eeae4b37.entry.js → p-e2fd2c24.entry.js}

@@ -24,72 +24,72 @@ import "./p-5bab65ea.js";
 
 import "./p-9663f418.js";
 
-const d = '.custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}.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}: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)}.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}';
+const d = '.custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}.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}: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.divider,.detail__genexus-server{padding-inline-end:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.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-genexus-server detail-knowledge-base detail-current-version detail-merge-from-version";row-gap:16px;grid-auto-columns:max-content}.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 max-content}.information__title{grid-area:information-title}.information__col-1{grid-area:information-col-1;display:flex;gap:24px}.header__comments .layout__panel{justify-items:start;text-align:left}.controls-container{display:grid}.controls-container.margin-block-start{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)}.tabular-grid.empty-result::part(main){overflow:hidden}.comments-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.button-tertiary.edit-range-button{padding-block:0;align-content:flex-end}.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 p = undefined && undefined.__classPrivateFieldGet || function(e, t, i, r) {
+var h = undefined && undefined.__classPrivateFieldGet || function(e, t, i, r) {
   if (i === "a" && !r) throw new TypeError("Private accessor was defined without a getter");
   if (typeof t === "function" ? e !== t || !r : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return i === "m" ? r : i === "a" ? r.call(e) : r ? r.value : t.get(e);
 };
 
-var h = undefined && undefined.__classPrivateFieldSet || function(e, t, i, r, a) {
+var p = undefined && undefined.__classPrivateFieldSet || function(e, t, 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 t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return r === "a" ? a.call(e, i) : a ? a.value = i : t.set(e, i), i;
 };
 
-var m, g, u, b, f, v, _, w, y, k, x, M, z, j, C, W, $, T;
+var m, g, u, b, f, v, _, w, y, k, x, M, z, j, C, W, $, T, S, I;
 
-const S = [ "resets/box-sizing", "components/tabular-grid", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+const N = [ "resets/box-sizing", "components/tabular-grid", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar", "components/tooltip" ];
 
-const I = "all";
+const E = "all";
 
-const N = "detail__label body-semi-bold-s";
+const O = "detail__label body-semi-bold-s";
 
-const E = a({
+const R = a({
   category: "system",
   name: "add",
   colorType: "on-elevation"
 });
 
-const O = a({
+const D = a({
   category: "system",
   name: "edit",
   colorType: "on-elevation"
 });
 
-const R = a({
+const L = a({
   category: "window-tools",
   name: "filter",
   colorType: "on-elevation"
 });
 
-const D = a({
+const P = a({
   category: "system",
   name: "search",
   colorType: "on-elevation"
 });
 
-const L = a({
+const A = a({
   category: "system",
   name: "substract",
   colorType: "on-elevation"
 });
 
-const P = a({
+const F = a({
   category: "system",
   name: "warning",
   colorType: "warning"
 });
 
-const A = a({
+const H = a({
   category: "system",
   name: "error",
   colorType: "error"
 });
 
-const F = class {
+const X = class {
   constructor(i) {
     e(this, i);
     /**
@@ -102,26 +102,19 @@ const F = class {
     b.set(this, []);
     f.set(this, (() => {
       if (this.commitInformation.length === 1) {
-        // return comment without revison number
-        return this.commitInformation[0].comment;
+        return t("span", null, this.commitInformation[0].comment);
       }
-      // return comments with revison number
-            let e = "";
-      this.commitInformation.map(((t, i) => {
-        const r = i === this.commitInformation.length - 1;
-        const a = r ? "" : "\n\n";
-        e += `Commit ${t.id}:\n${t.comment}${a}`;
-      }));
-      return e;
+      const e = this.commitInformation[this.commitInformation.length - 1].comment;
+      return t("span", null, `${h(this, m, "f").latest}: ${e}...`);
     }));
     v.set(this, (async () => {
       this.merging = true;
       const e = new Map(this.objectsStatesMap);
-      p(this, b, "f").forEach((t => {
+      h(this, b, "f").forEach((t => {
         e.set(t, this.operationType === "revert" ? "reverting" : "merging");
       }));
       this.objectsStatesMap = e;
-      await this.mergeObjectsCallback(p(this, b, "f"));
+      await this.mergeObjectsCallback(h(this, b, "f"));
     }));
     _.set(this, (e => async () => {
       this.merging = true;
@@ -135,17 +128,17 @@ const F = class {
       let r;
       let a;
       if (e === "Deleted") {
-        i = L;
-        r = p(this, m, "f").objects.actions.delete;
+        i = A;
+        r = h(this, m, "f").objects.actions.delete;
         a = "--mer-icon__error";
       } else if (e === "Inserted") {
-        i = E;
-        r = p(this, m, "f").objects.actions.insert;
+        i = R;
+        r = h(this, m, "f").objects.actions.insert;
         a = "--mer-icon__success";
       } else {
         // modified
-        i = O;
-        r = p(this, m, "f").objects.actions.modify;
+        i = D;
+        r = h(this, m, "f").objects.actions.modify;
         a = "--mer-icon__warning";
       }
       return t("span", {
@@ -163,13 +156,13 @@ const F = class {
       var t, i;
       if (((t = this.commitInformation) === null || t === void 0 ? void 0 : t.length) > 1) {
         // more than one commit
-        return e ? `${this.commitInformation[0].id} ... ${this.commitInformation[this.commitInformation.length - 1].id}` : `${p(this, g, "f")} ${this.commitInformation[0].id} ... ${this.commitInformation[this.commitInformation.length - 1].id}`;
+        return e ? `${this.commitInformation[0].id} ... ${this.commitInformation[this.commitInformation.length - 1].id}` : `${h(this, g, "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 e ? this.commitInformation[0].id : `${p(this, g, "f")} ${this.commitInformation[0].id}`;
+        return e ? this.commitInformation[0].id : `${h(this, g, "f")} ${this.commitInformation[0].id}`;
       } else {
         // Probably commits have not been loaded yet (loading state)
-        return e ? `${p(this, m, "f").loading}` : `${p(this, g, "f")} ${p(this, m, "f").loading}`;
+        return e ? `${h(this, m, "f").loading}` : `${h(this, g, "f")} ${h(this, m, "f").loading}`;
       }
     }));
     k.set(this, (e => {
@@ -186,7 +179,7 @@ const F = class {
       if (e === "merging" || e === "reverting") {
         return t("span", {
           class: "merging-spinner-caption"
-        }, this.operationType === "revert" ? p(this, m, "f").states.reverting : p(this, m, "f").states.merging);
+        }, this.operationType === "revert" ? h(this, m, "f").states.reverting : h(this, m, "f").states.merging);
       }
       const r = `pill pill--${e}`;
       if (this.revertPillAsButton && (e === "to-merge" || e === "to-merge-marked" || e === "to-revert")) {
@@ -195,12 +188,12 @@ const F = class {
             [r]: true,
             "button-secondary": true
           },
-          onClick: p(this, _, "f").call(this, i)
-        }, p(this, m, "f").statesForButton[e]);
+          onClick: h(this, _, "f").call(this, i)
+        }, h(this, m, "f").statesForButton[e]);
       } else {
         return t("span", {
           class: r
-        }, p(this, m, "f").states[e]);
+        }, h(this, m, "f").states[e]);
       }
     }));
     M.set(this, (() => this.objectsFiltered.map((e => {
@@ -210,9 +203,9 @@ const F = class {
       const s = this.objectsStatesMap.get(e.id);
       let l;
       if (s === "error") {
-        l = A;
+        l = H;
       } else if (s === "warning") {
-        l = P;
+        l = F;
       }
       return t("ch-tabular-grid-row", {
         class: "tabular-grid-row",
@@ -233,9 +226,9 @@ const F = class {
         class: "tabular-grid-cell"
       }, e.description), t("ch-tabular-grid-cell", {
         class: "tabular-grid-cell"
-      }, p(this, w, "f").call(this, e.actionTaken)), t("ch-tabular-grid-cell", {
+      }, h(this, w, "f").call(this, e.actionTaken)), t("ch-tabular-grid-cell", {
         class: "tabular-grid-cell tabular-grid-cell--for-pill"
-      }, p(this, x, "f").call(this, this.objectsStatesMap.get(e.id), e.id)), a && t("ch-tabular-grid-rowset", {
+      }, h(this, x, "f").call(this, this.objectsStatesMap.get(e.id), e.id)), a && t("ch-tabular-grid-rowset", {
         class: "tabular-grid-rowset"
       }, t("ch-tabular-grid-rowset-empty", {
         class: {
@@ -263,9 +256,9 @@ const F = class {
       const i = new Map(this.objectsStatesMap);
       const r = e.detail.rowsId;
       const a = r.filter((e => !this.alreadyMergedObjectsIdsArray.includes(e)));
-      h(this, b, [ ...a ], "f");
+      p(this, b, [ ...a ], "f");
       // Update markedObjectsSet
-            p(this, b, "f").forEach((e => {
+            h(this, b, "f").forEach((e => {
         t.add(e);
       }));
       this.markedObjectsSet = t;
@@ -287,11 +280,11 @@ const F = class {
     }));
     C.set(this, (e => {
       this.searchValue = e.detail.toLowerCase();
-      p(this, $, "f").call(this);
+      h(this, $, "f").call(this);
     }));
     W.set(this, (e => {
       this.stateFilterValue = e.detail;
-      p(this, $, "f").call(this);
+      h(this, $, "f").call(this);
     }));
     $.set(this, (() => {
       let e = [ ...this.commitObjects ];
@@ -325,12 +318,18 @@ const F = class {
       }
       this.objectsFiltered = [ ...c(e, this.objectsFiltered, r, i) ];
     }));
+    S.set(this, (async () => {
+      await this.viewAllCommentsCallback();
+    }));
+    I.set(this, (async () => {
+      await this.editRangeCallback();
+    }));
     this.alreadyMergedObjectsIdsArray = [];
     this.atLeastOneObjectIsChecked = false;
     this.loading = true;
     this.objectsFiltered = [];
     this.searchValue = "";
-    this.stateFilterValue = I;
+    this.stateFilterValue = E;
     this.markedObjectsSet = new Set;
     this.objectsStatesMap = new Map;
     this.commitObjectsMessagesMap = new Map;
@@ -343,6 +342,8 @@ const F = class {
     this.mergeObjectsCallback = undefined;
     this.revertPillAsButton = false;
     this.contextMenuCallback = undefined;
+    this.viewAllCommentsCallback = undefined;
+    this.editRangeCallback = undefined;
   }
   objectsStatesMapChanged(e) {
     const t = [ ...e.entries() ].find((([, e]) => e === "merging" || e === "reverting"));
@@ -351,6 +352,7 @@ const F = class {
     }
   }
   commitObjectsChanged(e) {
+    this.loading = true;
     if (e.length) {
       // This is the first and only objects asignment
       this.loading = false;
@@ -363,23 +365,23 @@ const F = class {
   }
   async componentWillLoad() {
     var e;
-    h(this, m, await s.getComponentStrings(this.el), "f");
-    h(this, g, this.commitInformation.length > 1 ? p(this, m, "f").commmits : p(this, m, "f").commmit, "f");
+    p(this, m, await s.getComponentStrings(this.el), "f");
+    p(this, g, this.commitInformation.length > 1 ? h(this, m, "f").commmits : h(this, m, "f").commmit, "f");
     // Initiate "states" combo box filter
-        h(this, u, [ {
-      caption: p(this, m, "f").states.all,
-      value: I
+        p(this, u, [ {
+      caption: h(this, m, "f").states.all,
+      value: E
     }, {
-      caption: this.operationType === "revert" ? p(this, m, "f").states["to-revert"] : p(this, m, "f").states["to-merge"],
+      caption: this.operationType === "revert" ? h(this, m, "f").states["to-revert"] : h(this, m, "f").states["to-merge"],
       value: this.operationType === "revert" ? "to-revert" : "to-merge"
     }, {
-      caption: p(this, m, "f").states.warning,
+      caption: h(this, m, "f").states.warning,
       value: "warning"
     }, {
-      caption: p(this, m, "f").states.error,
+      caption: h(this, m, "f").states.error,
       value: "error"
     }, {
-      caption: this.operationType === "revert" ? p(this, m, "f").states.reverted : p(this, m, "f").states.merged,
+      caption: this.operationType === "revert" ? h(this, m, "f").states.reverted : h(this, m, "f").states.merged,
       value: this.operationType === "revert" ? "reverted" : "merged"
     } ], "f");
     if ((e = this.commitObjects) === null || e === void 0 ? void 0 : e.length) {
@@ -407,7 +409,7 @@ const F = class {
     }
     if (t === "merged" || t === "reverted") {
       // remove from checked
-      h(this, b, p(this, b, "f").filter((t => t !== e)), "f");
+      p(this, b, h(this, b, "f").filter((t => t !== e)), "f");
       // add to "already merged". This will hide the checkbox
             this.alreadyMergedObjectsIdsArray.push(e);
       // unmark checkbox:
@@ -422,24 +424,22 @@ const F = class {
     return t(i, {
       class: "widget"
     }, t("ch-theme", {
-      model: S
+      model: N
     }), t("section", {
       class: "section"
     }, t("header", {
-      class: "header spacing-body-inline spacing-body-block-start"
+      class: "header spacing-body"
     }, t("div", {
       // header details
       class: "header__detail"
     }, t("p", {
-      class: "detail__title subtitle-semi-bold-xs"
-    }, this.operationType === "revert" ? p(this, m, "f").commitDetail.revertChangesDetail : p(this, m, "f").commitDetail.bringChangesDetail), t("p", {
-      class: "detail__commit-name subtitle-semi-bold-s"
-    }, p(this, y, "f").call(this)), t("div", {
+      class: "detail__title subtitle-semi-bold-s"
+    }, this.operationType === "revert" ? h(this, m, "f").commitDetail.revertChangesDetail : h(this, m, "f").commitDetail.bringChangesDetail), t("div", {
       // genexus server
       class: "detail__genexus-server field field-block"
     }, t("span", {
-      class: N
-    }, p(this, m, "f").commitDetail.genexusServer), t("a", {
+      class: O
+    }, h(this, m, "f").commitDetail.genexusServer), t("a", {
       class: "detail__link body-regular-s",
       href: this.commitDetail.genexusServer,
       target: "_blank"
@@ -447,75 +447,82 @@ const F = class {
       // knowledge base
       class: "detail__knowledge-base field field-block"
     }, t("span", {
-      class: N
-    }, p(this, m, "f").commitDetail.knowledgeBase), t("p", {
+      class: O
+    }, h(this, m, "f").commitDetail.knowledgeBase), t("p", {
       class: "body-regular-s"
     }, this.commitDetail.knowledgeBase)), t("div", {
       // current version
       class: "detail__current-version field field-block"
     }, t("span", {
-      class: N
-    }, p(this, m, "f").commitDetail.currentVersion), t("a", {
+      class: O
+    }, h(this, m, "f").commitDetail.currentVersion), t("a", {
       class: "body-regular-s"
-    }, this.commitDetail.currentVersion)), this.operationType === "merge" && t("div", {
+    }, this.commitDetail.currentVersion)), (this.operationType === "merge" || this.operationType === "merge-all") && t("div", {
       // merge from version
       class: "detail__merge-from-version field field-block"
     }, t("span", {
-      class: N
-    }, p(this, m, "f").commitDetail.mergeFromVersion), t("p", {
+      class: O
+    }, h(this, m, "f").commitDetail.mergeFromVersion), t("p", {
       class: "body-regular-s"
     }, this.commitDetail.mergeFromVersion))), t("div", {
       // header information
       class: "header__information"
     }, t("p", {
       class: "information__title subtitle-semi-bold-xs"
-    }, p(this, m, "f").commitInformation.title), t("div", {
+    }, h(this, m, "f").commitInformation.title), t("div", {
       // header information (col-1)
       class: "information__col-1"
     }, t("div", {
       // IDs
       class: "field field-block"
     }, t("span", {
-      class: N
-    }, this.commitInformation.length === 1 ? p(this, m, "f").commitInformation.id : p(this, m, "f").commitInformation.ids), t("p", {
+      class: O
+    }, this.commitInformation.length === 1 ? h(this, m, "f").commitInformation.id : h(this, m, "f").commitInformation.ids), t("p", {
       class: "body-regular-s"
-    }, p(this, y, "f").call(this, true))), this.commitInformation.length === 1 ? t("div", {
+    }, h(this, y, "f").call(this, true))), this.commitInformation.length === 1 ? t("div", {
       class: "field field-block"
     }, t("span", {
-      class: N
-    }, p(this, m, "f").commitInformation.date), t("p", {
+      class: O
+    }, h(this, m, "f").commitInformation.date), t("p", {
       class: "body-regular-s"
-    }, p(this, k, "f").call(this, this.commitInformation[0].date))) : [ t("div", {
+    }, h(this, k, "f").call(this, this.commitInformation[0].date))) : [ t("div", {
       class: "field field-block"
     }, t("span", {
-      class: N
-    }, p(this, m, "f").commitInformation.from), t("p", {
+      class: O
+    }, h(this, m, "f").commitInformation.from), t("p", {
       class: "body-regular-s"
-    }, p(this, k, "f").call(this, this.commitInformation[0].date))), t("div", {
+    }, h(this, k, "f").call(this, this.commitInformation[0].date))), t("div", {
       class: "field field-block"
     }, t("span", {
-      class: N
-    }, p(this, m, "f").commitInformation.to), t("p", {
+      class: O
+    }, h(this, m, "f").commitInformation.to), t("p", {
       class: "body-regular-s"
-    }, p(this, k, "f").call(this, this.commitInformation[this.commitInformation.length - 1].date))) ]), t("div", {
-      // header information (col-2)
-      class: "information__col-2"
+    }, h(this, k, "f").call(this, this.commitInformation[this.commitInformation.length - 1].date))), this.operationType === "merge-all" && t("button", {
+      class: "button-tertiary button-icon-and-text body-semi-bold-s edit-range-button",
+      type: "button",
+      onClick: h(this, I, "f")
+    }, t("ch-image", {
+      class: "icon-md",
+      src: D,
+      type: "mask"
+    }), h(this, m, "f").buttons.editRange) ])), t("div", {
+      class: "header__comments"
+    }, t("div", {
+      class: "layout layout--cols-2-1"
+    }, t("div", {
+      class: "layout__panel"
     }, t("div", {
-      // To
       class: "field field-block"
     }, t("label", {
-      class: N,
+      class: O,
       htmlFor: "commit-comments"
-    }, this.commitInformation.length > 1 ? p(this, m, "f").commitInformation.comments : p(this, m, "f").commitInformation.comment), t("div", {
-      class: "input-comments-container"
-    }, t("ch-edit", {
-      id: "commit-comments",
-      class: "input scrollable input-comments body-regular-s",
-      type: "text",
-      multiline: true,
-      readonly: true,
-      value: p(this, f, "f").call(this)
-    })))))), t("div", {
+    }, this.commitInformation.length > 1 ? `${h(this, m, "f").commitInformation.comments} (${this.commitInformation.length})` : h(this, m, "f").commitInformation.comment), t("p", {
+      class: "body-regular-s comments-container"
+    }, h(this, f, "f").call(this))), t("button", {
+      class: "button-tertiary body-semi-bold-s",
+      type: "button",
+      onClick: h(this, S, "f")
+    }, this.commitInformation.length > 1 ? h(this, m, "f").buttons.viewAllComments.replace("{{commentsCount}}", this.commitInformation.length.toString()) : h(this, m, "f").buttons.viewComment))))), t("div", {
       class: {
         "controls-container": true,
         filter: !this.hideFilters,
@@ -524,22 +531,22 @@ const F = class {
     }, !this.hideFilters && [ t("ch-edit", {
       class: "input",
       disabled: r,
-      startImgSrc: D,
-      placeholder: p(this, m, "f").filter.searchPlaceholder,
+      startImgSrc: P,
+      placeholder: h(this, m, "f").filter.searchPlaceholder,
       type: "search",
-      onInput: p(this, C, "f")
+      onInput: h(this, C, "f")
     }), t("ch-combo-box-render", {
       class: "combo-box",
       disabled: r,
-      model: p(this, u, "f"),
+      model: h(this, u, "f"),
       value: this.stateFilterValue,
-      onInput: p(this, W, "f"),
-      placeholder: p(this, m, "f").filter.statePlaceholder
+      onInput: h(this, W, "f"),
+      placeholder: h(this, m, "f").filter.statePlaceholder
     }) ], t("button", {
       class: "button-primary button-merge-checked",
       disabled: !this.atLeastOneObjectIsChecked || r,
-      onClick: p(this, v, "f")
-    }, this.operationType === "revert" ? p(this, m, "f").filter.revertSelected : p(this, m, "f").filter.mergeSelected)), t("div", {
+      onClick: h(this, v, "f")
+    }, this.operationType === "revert" ? h(this, m, "f").filter.revertSelected : h(this, m, "f").filter.mergeSelected)), t("div", {
       class: "main spacing-body"
     }, this.commitObjects.length ? t("ch-tabular-grid", {
       class: {
@@ -550,42 +557,42 @@ const F = class {
       },
       keyboardNavigationMode: "focus",
       rowSelectionMode: "multiple",
-      onRowMarkingChanged: p(this, j, "f"),
-      onRowContextMenu: p(this, z, "f"),
+      onRowMarkingChanged: h(this, j, "f"),
+      onRowContextMenu: h(this, z, "f"),
       ref: e => this.tabularGridEl = e
     }, t("ch-tabular-grid-columnset", {
       class: "tabular-grid-column-set"
     }, t("ch-tabular-grid-column", {
       class: "tabular-grid-column",
       columnId: n.name,
-      columnName: p(this, m, "f").objects.name,
+      columnName: h(this, m, "f").objects.name,
       columnType: "rich",
       richRowSelector: e,
       richRowSelectorMode: "mark",
       settingable: false,
       sortable: true,
-      onColumnSortChanged: p(this, T, "f"),
+      onColumnSortChanged: h(this, T, "f"),
       size: "max-content"
     }), t("ch-tabular-grid-column", {
       class: "tabular-grid-column",
       columnId: n.type,
-      columnName: p(this, m, "f").objects.type,
+      columnName: h(this, m, "f").objects.type,
       settingable: false,
       sortable: true,
-      onColumnSortChanged: p(this, T, "f"),
+      onColumnSortChanged: h(this, T, "f"),
       size: "max-content"
     }), t("ch-tabular-grid-column", {
       class: "tabular-grid-column",
       columnId: n.description,
-      columnName: p(this, m, "f").objects.description,
+      columnName: h(this, m, "f").objects.description,
       settingable: false,
       sortable: true,
-      onColumnSortChanged: p(this, T, "f"),
+      onColumnSortChanged: h(this, T, "f"),
       size: l.tabularGrid.colSize.description
     }), t("ch-tabular-grid-column", {
       class: "tabular-grid-column",
       columnId: n.action,
-      columnName: p(this, m, "f").objects.action,
+      columnName: h(this, m, "f").objects.action,
       settingable: false,
       sortable: false,
       size: "max-content"
@@ -594,21 +601,21 @@ const F = class {
       // this prevents layout shifts when pills state changes.
       class: "tabular-grid-column",
       columnId: n.status,
-      columnName: p(this, m, "f").objects.status,
+      columnName: h(this, m, "f").objects.status,
       settingable: false,
       sortable: false,
       size: "100px"
-    })), p(this, M, "f").call(this), t("ch-tabular-grid-rowset", {
+    })), h(this, M, "f").call(this), t("ch-tabular-grid-rowset", {
       class: "tabular-grid-rowset"
     }, this.objectsFiltered.length === 0 && t("ch-tabular-grid-rowset-empty", null, t("gx-ide-empty-state", {
       class: "empty-state",
       isAnimated: true,
-      stateIconSrc: R,
+      stateIconSrc: L,
       stateTitle: "No object matched your filter"
     })))) : t("gx-ide-loader", {
-      cancelLabel: p(this, m, "f").loader.cancelLabel,
-      loaderTitle: p(this, m, "f").loader.title,
-      description: p(this, m, "f").loader.description,
+      cancelLabel: h(this, m, "f").loader.cancelLabel,
+      loaderTitle: h(this, m, "f").loader.title,
+      description: h(this, m, "f").loader.description,
       show: true,
       class: "loader"
     }))));
@@ -630,9 +637,9 @@ const F = class {
 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, C = new WeakMap, 
-W = new WeakMap, $ = new WeakMap, T = new WeakMap;
+W = new WeakMap, $ = new WeakMap, T = new WeakMap, S = new WeakMap, I = new WeakMap;
 
-F.style = d;
+X.style = d;
 
-export { F as gx_ide_team_dev_bring_changes };
-//# sourceMappingURL=p-eeae4b37.entry.js.map
+export { X as gx_ide_team_dev_bring_changes };
+//# sourceMappingURL=p-e2fd2c24.entry.js.map