@genexus/genexus-ide-ui 1.1.40 → 1.1.42

package/dist/genexus-ide-ui/{p-34447b77.entry.js → p-4e3ad78d.entry.js}

@@ -1,209 +1,217 @@
-import { r as e, h as i, H as t, a as r } from "./p-97107ecc.js";
+import { r as e, h as t, H as i, a as r } from "./p-97107ecc.js";
 
 import { g as a } from "./p-401bfc97.js";
 
-import { L as l } from "./p-311eedf3.js";
+import { L as s } from "./p-311eedf3.js";
 
-import { c as s } from "./p-9a03ac9f.js";
+import { c as l } from "./p-9a03ac9f.js";
 
 import { r as o } from "./p-a24571ca.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}';
+import { C as n } from "./p-77c2e69d.js";
 
-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);
+import { s as c } from "./p-02fb496a.js";
+
+import "./p-8c15538c.js";
+
+import "./p-edcd0022.js";
+
+const d = '.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 p = 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 d = undefined && undefined.__classPrivateFieldSet || function(e, i, t, r, a) {
+var h = 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 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;
+  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 p, h, m, g, u, b, f, v, _, w, y, k, x, M, z, j, $;
+var m, g, u, b, f, v, _, w, y, k, x, M, z, j, C, W, $, T;
 
-const W = [ "resets/box-sizing", "components/tabular-grid", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+const S = [ "resets/box-sizing", "components/tabular-grid", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
-const T = "all";
+const I = "all";
 
-const C = "detail__label body-semi-bold-s";
+const N = "detail__label body-semi-bold-s";
 
-const S = a({
+const E = a({
   category: "system",
   name: "add",
   colorType: "on-elevation"
 });
 
-const I = a({
+const O = a({
   category: "system",
   name: "edit",
   colorType: "on-elevation"
 });
 
-const N = a({
+const R = a({
   category: "window-tools",
   name: "filter",
   colorType: "on-elevation"
 });
 
-const E = a({
+const D = a({
   category: "system",
   name: "search",
   colorType: "on-elevation"
 });
 
-const O = a({
+const L = a({
   category: "system",
   name: "substract",
   colorType: "on-elevation"
 });
 
-const R = a({
+const P = a({
   category: "system",
   name: "warning",
   colorType: "warning"
 });
 
-const D = a({
+const A = a({
   category: "system",
   name: "error",
   colorType: "error"
 });
 
-const L = class {
-  constructor(t) {
-    e(this, t);
+const F = class {
+  constructor(i) {
+    e(this, i);
     /**
          * 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, (() => {
+        m.set(this, void 0);
+    g.set(this, void 0);
+    u.set(this, void 0);
+    b.set(this, []);
+    f.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;
+      this.commitInformation.map(((t, i) => {
+        const r = i === this.commitInformation.length - 1;
         const a = r ? "" : "\n\n";
-        e += `Commit ${i.id}:\n${i.comment}${a}`;
+        e += `Commit ${t.id}:\n${t.comment}${a}`;
       }));
       return e;
     }));
-    b.set(this, (async () => {
+    v.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");
+      p(this, b, "f").forEach((t => {
+        e.set(t, this.operationType === "revert" ? "reverting" : "merging");
       }));
       this.objectsStatesMap = e;
-      await this.mergeObjectsCallback(c(this, g, "f"));
+      await this.mergeObjectsCallback(p(this, b, "f"));
     }));
-    f.set(this, (e => async () => {
+    _.set(this, (e => async () => {
       this.merging = true;
-      const i = new Map(this.objectsStatesMap);
-      i.set(e, this.operationType === "revert" ? "reverting" : "merging");
-      this.objectsStatesMap = i;
+      const t = new Map(this.objectsStatesMap);
+      t.set(e, this.operationType === "revert" ? "reverting" : "merging");
+      this.objectsStatesMap = t;
       await this.mergeObjectsCallback([ e ]);
     }));
-    v.set(this, (e => {
-      let t;
+    w.set(this, (e => {
+      let i;
       let r;
       let a;
       if (e === "Deleted") {
-        t = O;
-        r = c(this, p, "f").objects.actions.delete;
+        i = L;
+        r = p(this, m, "f").objects.actions.delete;
         a = "--mer-icon__error";
       } else if (e === "Inserted") {
-        t = S;
-        r = c(this, p, "f").objects.actions.insert;
+        i = E;
+        r = p(this, m, "f").objects.actions.insert;
         a = "--mer-icon__success";
       } else {
         // modified
-        t = I;
-        r = c(this, p, "f").objects.actions.modify;
+        i = O;
+        r = p(this, m, "f").objects.actions.modify;
         a = "--mer-icon__warning";
       }
-      return i("span", {
+      return t("span", {
         class: "custom-icon-text-wrapper"
-      }, i("ch-image", {
+      }, t("ch-image", {
         type: "mask",
         class: "icon-md",
-        src: t,
+        src: i,
         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) {
+    y.set(this, ((e = false) => {
+      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}` : `${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) {
+        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}`;
+      } else if (((i = this.commitInformation) === null || i === void 0 ? void 0 : i.length) === 1) {
         // just one commit
-        return e ? this.commitInformation[0].id : `${c(this, h, "f")} ${this.commitInformation[0].id}`;
+        return e ? this.commitInformation[0].id : `${p(this, g, "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}`;
+        return e ? `${p(this, m, "f").loading}` : `${p(this, g, "f")} ${p(this, m, "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, {
+    k.set(this, (e => {
+      var t;
+      const i = new Date(e);
+      const r = ((t = navigator.languages) === null || t === void 0 ? void 0 : t[0]) || navigator.language;
+      return `${i.toLocaleDateString(r)} ${i.toLocaleTimeString(r, {
         hour: "2-digit",
         minute: "2-digit",
         hour12: false
       })}`;
     }));
-    y.set(this, ((e, t) => {
+    x.set(this, ((e, i) => {
       if (e === "merging" || e === "reverting") {
-        return i("span", {
+        return t("span", {
           class: "merging-spinner-caption"
-        }, this.operationType === "revert" ? c(this, p, "f").states.reverting : c(this, p, "f").states.merging);
+        }, this.operationType === "revert" ? p(this, m, "f").states.reverting : p(this, m, "f").states.merging);
       }
       const r = `pill pill--${e}`;
       if (this.revertPillAsButton && (e === "to-merge" || e === "to-merge-marked" || e === "to-revert")) {
-        return i("button", {
+        return t("button", {
           class: {
             [r]: true,
             "button-secondary": true
           },
-          onClick: c(this, f, "f").call(this, t)
-        }, c(this, p, "f").statesForButton[e]);
+          onClick: p(this, _, "f").call(this, i)
+        }, p(this, m, "f").statesForButton[e]);
       } else {
-        return i("span", {
+        return t("span", {
           class: r
-        }, c(this, p, "f").states[e]);
+        }, p(this, m, "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));
+    M.set(this, (() => this.objectsFiltered.map((e => {
+      const i = this.markedObjectsSet.has(e.id);
+      const r = this.alreadyMergedObjectsIdsArray.find((t => t === 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;
+      const s = this.objectsStatesMap.get(e.id);
+      let l;
+      if (s === "error") {
+        l = A;
+      } else if (s === "warning") {
+        l = P;
       }
-      return i("ch-tabular-grid-row", {
+      return t("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", {
+        ref: e => i && (e === null || e === void 0 ? void 0 : e.setAttribute("marked", "true"))
+      }, t("ch-tabular-grid-cell", {
         "cell-type": "rich",
         "row-selector": "true",
         class: {
@@ -211,99 +219,110 @@ const L = class {
           "no-checkbox-custom-selector": r
         },
         size: "max-content"
-      }, e.name), i("ch-tabular-grid-cell", {
+      }, e.name), t("ch-tabular-grid-cell", {
         class: "tabular-grid-cell"
-      }, o(e.type)), i("ch-tabular-grid-cell", {
+      }, o(e.type)), t("ch-tabular-grid-cell", {
         class: "tabular-grid-cell"
-      }, e.description), i("ch-tabular-grid-cell", {
+      }, e.description), t("ch-tabular-grid-cell", {
         class: "tabular-grid-cell"
-      }, c(this, v, "f").call(this, e.actionTaken)), i("ch-tabular-grid-cell", {
+      }, p(this, w, "f").call(this, e.actionTaken)), t("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", {
+      }, p(this, x, "f").call(this, this.objectsStatesMap.get(e.id), e.id)), a && t("ch-tabular-grid-rowset", {
         class: "tabular-grid-rowset"
-      }, i("ch-tabular-grid-rowset-empty", {
+      }, t("ch-tabular-grid-rowset-empty", {
         class: {
           "tabular-grid-rowset-empty": true,
-          [l]: true
+          [s]: true
         }
-      }, i("p", {
+      }, t("p", {
         class: "warning-error-description"
-      }, i("ch-image", {
+      }, t("ch-image", {
         class: "icon-md warning-error-icon",
-        src: s
+        src: l
       }), a))));
     }))));
-    x.set(this, (async e => {
+    z.set(this, (async e => {
       e.preventDefault();
-      const i = await this.tabularGridEl.getSelectedRows();
+      const t = await this.tabularGridEl.getSelectedRows();
       await this.contextMenuCallback({
-        selection: i,
+        selection: t,
         clientX: e.detail.clientX,
         clientY: e.detail.clientY
       });
     }));
-    M.set(this, (e => {
-      const i = new Set;
-      const t = new Map(this.objectsStatesMap);
+    j.set(this, (e => {
+      const t = new Set;
+      const i = new Map(this.objectsStatesMap);
       const r = e.detail.rowsId;
       const a = r.filter((e => !this.alreadyMergedObjectsIdsArray.includes(e)));
-      d(this, g, [ ...a ], "f");
+      h(this, b, [ ...a ], "f");
       // Update markedObjectsSet
-            c(this, g, "f").forEach((e => {
-        i.add(e);
+            p(this, b, "f").forEach((e => {
+        t.add(e);
       }));
-      this.markedObjectsSet = i;
+      this.markedObjectsSet = t;
       this.atLeastOneObjectIsChecked = r.length > 0;
-      t.forEach((e => {
-        const i = this.objectsStatesMap.get(e);
-        if (i !== "to-merge" && i !== "to-merge-marked") {
+      i.forEach((e => {
+        const t = this.objectsStatesMap.get(e);
+        if (t !== "to-merge" && t !== "to-merge-marked") {
           return;
         }
-        const a = r.findIndex((i => i === e));
+        const a = r.findIndex((t => t === e));
         if (a !== -1) {
-          t.set(e, "to-merge-marked");
+          i.set(e, "to-merge-marked");
           r.splice(a, 1);
         } else {
-          t.set(e, "to-merge");
+          i.set(e, "to-merge");
         }
       }));
-      this.objectsStatesMap = t;
+      this.objectsStatesMap = i;
     }));
-    z.set(this, (e => {
+    C.set(this, (e => {
       this.searchValue = e.detail.toLowerCase();
-      c(this, $, "f").call(this);
+      p(this, $, "f").call(this);
     }));
-    j.set(this, (e => {
+    W.set(this, (e => {
       this.stateFilterValue = e.detail;
-      c(this, $, "f").call(this);
+      p(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;
+          const t = this.objectsStatesMap.get(e.id);
+          return t === 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 t = e.name.toLowerCase().includes(this.searchValue);
+        const i = e.type.name.toLowerCase().includes(this.searchValue);
         const r = e.description.toLowerCase().includes(this.searchValue);
-        if (i || t || r) {
+        if (t || i || r) {
           return true;
         }
         return false;
       }));
       this.objectsFiltered = e;
     }));
+    T.set(this, (e => {
+      const t = e.detail.columnId;
+      let i;
+      let r = "string";
+      if (t === n.type) {
+        i = "name";
+ // the type name
+                r = "object";
+      }
+      this.objectsFiltered = [ ...c(e, this.objectsFiltered, r, i) ];
+    }));
     this.alreadyMergedObjectsIdsArray = [];
     this.atLeastOneObjectIsChecked = false;
     this.loading = true;
     this.objectsFiltered = [];
     this.searchValue = "";
-    this.stateFilterValue = T;
+    this.stateFilterValue = I;
     this.markedObjectsSet = new Set;
     this.objectsStatesMap = new Map;
     this.commitObjectsMessagesMap = new Map;
@@ -318,8 +337,8 @@ const L = class {
     this.contextMenuCallback = undefined;
   }
   objectsStatesMapChanged(e) {
-    const i = [ ...e.entries() ].find((([, e]) => e === "merging" || e === "reverting"));
-    if (!i) {
+    const t = [ ...e.entries() ].find((([, e]) => e === "merging" || e === "reverting"));
+    if (!t) {
       this.merging = false;
     }
   }
@@ -336,23 +355,23 @@ const L = class {
   }
   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");
+    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");
     // Initiate "states" combo box filter
-        d(this, m, [ {
-      caption: c(this, p, "f").states.all,
-      value: T
+        h(this, u, [ {
+      caption: p(this, m, "f").states.all,
+      value: I
     }, {
-      caption: this.operationType === "revert" ? c(this, p, "f").states["to-revert"] : c(this, p, "f").states["to-merge"],
+      caption: this.operationType === "revert" ? p(this, m, "f").states["to-revert"] : p(this, m, "f").states["to-merge"],
       value: this.operationType === "revert" ? "to-revert" : "to-merge"
     }, {
-      caption: c(this, p, "f").states.warning,
+      caption: p(this, m, "f").states.warning,
       value: "warning"
     }, {
-      caption: c(this, p, "f").states.error,
+      caption: p(this, m, "f").states.error,
       value: "error"
     }, {
-      caption: this.operationType === "revert" ? c(this, p, "f").states.reverted : c(this, p, "f").states.merged,
+      caption: this.operationType === "revert" ? p(this, m, "f").states.reverted : p(this, m, "f").states.merged,
       value: this.operationType === "revert" ? "reverted" : "merged"
     } ], "f");
     if ((e = this.commitObjects) === null || e === void 0 ? void 0 : e.length) {
@@ -369,18 +388,18 @@ const L = class {
      * @example
      * bringChanges.updateObjectState('obj-24', "merging", null);
      * bringChanges.updateObjectState('obj-27', "error", "The server did not respond.");
-     */  async updateObjectState(e, i, t) {
+     */  async updateObjectState(e, t, i) {
     // update object state
     const r = new Map(this.objectsStatesMap);
-    r.set(e, i);
+    r.set(e, t);
     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 === null || i === void 0 ? void 0 : i.length) > 0) {
+      this.commitObjectsMessagesMap.set(e, i);
     }
-    if (i === "merged" || i === "reverted") {
+    if (t === "merged" || t === "reverted") {
       // remove from checked
-      d(this, g, c(this, g, "f").filter((i => i !== e)), "f");
+      h(this, b, p(this, b, "f").filter((t => t !== e)), "f");
       // add to "already merged". This will hide the checkbox
             this.alreadyMergedObjectsIdsArray.push(e);
       // unmark checkbox:
@@ -392,129 +411,129 @@ const L = class {
   render() {
     const e = this.alreadyMergedObjectsIdsArray.length !== this.commitObjects.length;
     const r = this.merging || this.loading;
-    return i(t, {
+    return t(i, {
       class: "widget"
-    }, i("ch-theme", {
-      model: W
-    }), i("section", {
+    }, t("ch-theme", {
+      model: S
+    }), t("section", {
       class: "section"
-    }, i("header", {
+    }, t("header", {
       class: "header spacing-body-inline spacing-body-block-start"
-    }, i("div", {
+    }, t("div", {
       // header details
       class: "header__detail"
-    }, i("p", {
+    }, t("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", {
+    }, 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"
-    }, c(this, _, "f").call(this)), i("div", {
+    }, p(this, y, "f").call(this)), t("div", {
       // genexus server
       class: "detail__genexus-server field field-block"
-    }, i("span", {
-      class: C
-    }, c(this, p, "f").commitDetail.genexusServer), i("a", {
+    }, t("span", {
+      class: N
+    }, p(this, m, "f").commitDetail.genexusServer), t("a", {
       class: "detail__link body-regular-s",
       href: this.commitDetail.genexusServer,
       target: "_blank"
-    }, this.commitDetail.genexusServer)), i("div", {
+    }, this.commitDetail.genexusServer)), t("div", {
       // knowledge base
       class: "detail__knowledge-base field field-block"
-    }, i("span", {
-      class: C
-    }, c(this, p, "f").commitDetail.knowledgeBase), i("p", {
+    }, t("span", {
+      class: N
+    }, p(this, m, "f").commitDetail.knowledgeBase), t("p", {
       class: "body-regular-s"
-    }, this.commitDetail.knowledgeBase)), i("div", {
+    }, this.commitDetail.knowledgeBase)), t("div", {
       // current version
       class: "detail__current-version field field-block"
-    }, i("span", {
-      class: C
-    }, c(this, p, "f").commitDetail.currentVersion), i("a", {
+    }, t("span", {
+      class: N
+    }, p(this, m, "f").commitDetail.currentVersion), t("a", {
       class: "body-regular-s"
-    }, this.commitDetail.currentVersion)), this.operationType === "merge" && i("div", {
+    }, this.commitDetail.currentVersion)), this.operationType === "merge" && t("div", {
       // merge from version
       class: "detail__merge-from-version field field-block"
-    }, i("span", {
-      class: C
-    }, c(this, p, "f").commitDetail.mergeFromVersion), i("p", {
+    }, t("span", {
+      class: N
+    }, p(this, m, "f").commitDetail.mergeFromVersion), t("p", {
       class: "body-regular-s"
-    }, this.commitDetail.mergeFromVersion))), i("div", {
+    }, this.commitDetail.mergeFromVersion))), t("div", {
       // header information
       class: "header__information"
-    }, i("p", {
+    }, t("p", {
       class: "information__title subtitle-semi-bold-xs"
-    }, c(this, p, "f").commitInformation.title), i("div", {
+    }, p(this, m, "f").commitInformation.title), t("div", {
       // header information (col-1)
       class: "information__col-1"
-    }, i("div", {
+    }, t("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", {
+    }, t("span", {
+      class: N
+    }, this.commitInformation.length === 1 ? p(this, m, "f").commitInformation.id : p(this, m, "f").commitInformation.ids), t("p", {
       class: "body-regular-s"
-    }, c(this, _, "f").call(this, true))), this.commitInformation.length === 1 ? i("div", {
+    }, p(this, y, "f").call(this, true))), this.commitInformation.length === 1 ? t("div", {
       class: "field field-block"
-    }, i("span", {
-      class: C
-    }, c(this, p, "f").commitInformation.date), i("p", {
+    }, t("span", {
+      class: N
+    }, p(this, m, "f").commitInformation.date), t("p", {
       class: "body-regular-s"
-    }, c(this, w, "f").call(this, this.commitInformation[0].date))) : [ i("div", {
+    }, p(this, k, "f").call(this, this.commitInformation[0].date))) : [ t("div", {
       class: "field field-block"
-    }, i("span", {
-      class: C
-    }, c(this, p, "f").commitInformation.from), i("p", {
+    }, t("span", {
+      class: N
+    }, p(this, m, "f").commitInformation.from), t("p", {
       class: "body-regular-s"
-    }, c(this, w, "f").call(this, this.commitInformation[0].date))), i("div", {
+    }, p(this, k, "f").call(this, this.commitInformation[0].date))), t("div", {
       class: "field field-block"
-    }, i("span", {
-      class: C
-    }, c(this, p, "f").commitInformation.to), i("p", {
+    }, t("span", {
+      class: N
+    }, p(this, m, "f").commitInformation.to), t("p", {
       class: "body-regular-s"
-    }, c(this, w, "f").call(this, this.commitInformation[this.commitInformation.length - 1].date))) ]), i("div", {
+    }, p(this, k, "f").call(this, this.commitInformation[this.commitInformation.length - 1].date))) ]), t("div", {
       // header information (col-2)
       class: "information__col-2"
-    }, i("div", {
+    }, t("div", {
       // To
       class: "field field-block"
-    }, i("label", {
-      class: C,
+    }, t("label", {
+      class: N,
       htmlFor: "commit-comments"
-    }, this.commitInformation.length > 1 ? c(this, p, "f").commitInformation.comments : c(this, p, "f").commitInformation.comment), i("div", {
+    }, this.commitInformation.length > 1 ? p(this, m, "f").commitInformation.comments : p(this, m, "f").commitInformation.comment), t("div", {
       class: "input-comments-container"
-    }, i("ch-edit", {
+    }, t("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", {
+      value: p(this, f, "f").call(this)
+    })))))), t("div", {
       class: {
         "controls-container": true,
         filter: !this.hideFilters,
         "spacing-body-inline": true
       }
-    }, !this.hideFilters && [ i("ch-edit", {
+    }, !this.hideFilters && [ t("ch-edit", {
       class: "input",
       disabled: r,
-      startImgSrc: E,
-      placeholder: c(this, p, "f").filter.searchPlaceholder,
+      startImgSrc: D,
+      placeholder: p(this, m, "f").filter.searchPlaceholder,
       type: "search",
-      onInput: c(this, z, "f")
-    }), i("ch-combo-box-render", {
+      onInput: p(this, C, "f")
+    }), t("ch-combo-box-render", {
       class: "combo-box",
       disabled: r,
-      model: c(this, m, "f"),
+      model: p(this, u, "f"),
       value: this.stateFilterValue,
-      onInput: c(this, j, "f"),
-      placeholder: c(this, p, "f").filter.statePlaceholder
-    }) ], i("button", {
+      onInput: p(this, W, "f"),
+      placeholder: p(this, m, "f").filter.statePlaceholder
+    }) ], t("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", {
+      onClick: p(this, v, "f")
+    }, this.operationType === "revert" ? p(this, m, "f").filter.revertSelected : p(this, m, "f").filter.mergeSelected)), t("div", {
       class: "main spacing-body"
-    }, this.commitObjects.length ? i("ch-tabular-grid", {
+    }, this.commitObjects.length ? t("ch-tabular-grid", {
       class: {
         "tabular-grid": true,
         "objects-tabular-grid": true,
@@ -523,57 +542,65 @@ const L = class {
       },
       keyboardNavigationMode: "focus",
       rowSelectionMode: "multiple",
-      onRowMarkingChanged: c(this, M, "f"),
-      onRowContextMenu: c(this, x, "f"),
+      onRowMarkingChanged: p(this, j, "f"),
+      onRowContextMenu: p(this, z, "f"),
       ref: e => this.tabularGridEl = e
-    }, i("ch-tabular-grid-columnset", {
+    }, t("ch-tabular-grid-columnset", {
       class: "tabular-grid-column-set"
-    }, i("ch-tabular-grid-column", {
+    }, t("ch-tabular-grid-column", {
       class: "tabular-grid-column",
-      columnId: "name",
-      columnName: c(this, p, "f").objects.name,
+      columnId: n.name,
+      columnName: p(this, m, "f").objects.name,
       columnType: "rich",
       richRowSelector: e,
       richRowSelectorMode: "mark",
       settingable: false,
+      sortable: true,
+      onColumnSortChanged: p(this, T, "f"),
       size: "max-content"
-    }), i("ch-tabular-grid-column", {
+    }), t("ch-tabular-grid-column", {
       class: "tabular-grid-column",
-      columnId: "type",
-      columnName: c(this, p, "f").objects.type,
+      columnId: n.type,
+      columnName: p(this, m, "f").objects.type,
       settingable: false,
+      sortable: true,
+      onColumnSortChanged: p(this, T, "f"),
       size: "max-content"
-    }), i("ch-tabular-grid-column", {
+    }), t("ch-tabular-grid-column", {
       class: "tabular-grid-column",
-      columnId: "description",
-      columnName: c(this, p, "f").objects.description,
+      columnId: n.description,
+      columnName: p(this, m, "f").objects.description,
       settingable: false,
-      size: s.tabularGrid.colSize.description
-    }), i("ch-tabular-grid-column", {
+      sortable: true,
+      onColumnSortChanged: p(this, T, "f"),
+      size: l.tabularGrid.colSize.description
+    }), t("ch-tabular-grid-column", {
       class: "tabular-grid-column",
-      columnId: "action",
-      columnName: c(this, p, "f").objects.action,
+      columnId: n.action,
+      columnName: p(this, m, "f").objects.action,
       settingable: false,
+      sortable: false,
       size: "max-content"
-    }), i("ch-tabular-grid-column", {
+    }), t("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,
+      columnId: n.status,
+      columnName: p(this, m, "f").objects.status,
       settingable: false,
+      sortable: false,
       size: "100px"
-    })), c(this, k, "f").call(this), i("ch-tabular-grid-rowset", {
+    })), p(this, M, "f").call(this), t("ch-tabular-grid-rowset", {
       class: "tabular-grid-rowset"
-    }, this.objectsFiltered.length === 0 && i("ch-tabular-grid-rowset-empty", null, i("gx-ide-empty-state", {
+    }, this.objectsFiltered.length === 0 && t("ch-tabular-grid-rowset-empty", null, t("gx-ide-empty-state", {
       class: "empty-state",
       isAnimated: true,
-      stateIconSrc: N,
+      stateIconSrc: R,
       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,
+    })))) : 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,
       show: true,
       class: "loader"
     }))));
@@ -592,12 +619,12 @@ const L = class {
   }
 };
 
-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;
+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;
 
-L.style = n;
+F.style = d;
 
-export { L as gx_ide_team_dev_bring_changes };
-//# sourceMappingURL=p-34447b77.entry.js.map
+export { F as gx_ide_team_dev_bring_changes };
+//# sourceMappingURL=p-4e3ad78d.entry.js.map