@genexus/genexus-ide-ui 1.1.40 → 1.1.42

package/dist/components/gx-ide-team-dev-commit.js

@@ -1,10 +1,8 @@
 import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
-import { g as getIconPath } from './MERCURY_ASSETS.js';
-import { r as renderObjectTypeWithIcon } from './utilities.js';
-import { f as formatDate } from './helpers.js';
-import { h as hiChar } from './helpers2.js';
-import { c as config } from './config.js';
+import { u as uncheckIgnoredObjects, a as areSetsEqual } from './uncheck-ignored.js';
+import { A as ALL_VALUE, a as CSS_SELECTORS, I as ICONS, r as renderTabularGridColumns, b as renderTabularGridRows, C as COLUMNS_IDS } from './tabular-grid-render.js';
+import { s as sortTabularGridColumn } from './tabular-grid-column-sort.js';
 import { d as defineCustomElement$3 } from './gx-ide-empty-state2.js';
 import { d as defineCustomElement$2 } from './ide-loader.js';
 
@@ -75,203 +73,7 @@ const typesToComboBoxItemModel = (objectTypeModel) => objectTypeModel.map(object
     startImgSrc: objectType.icon
 }));
 
-const ALL_VALUE = "All";
-const CSS_SELECTORS = {
-    HEADER: "header spacing-body-inline spacing-body-block-start field-group",
-    HEADER_DETAILS: "header__details",
-    FILTER: "filter",
-    MAIN: "main spacing-body",
-    GRID_CELL_DESCRIPTION: "tabular-grid-cell-description-custom-selector"
-};
-const ICONS = {
-    add: getIconPath({
-        category: "system",
-        name: "add",
-        colorType: "on-elevation"
-    }),
-    edit: getIconPath({
-        category: "system",
-        name: "edit",
-        colorType: "on-elevation"
-    }),
-    error: getIconPath({
-        category: "system",
-        name: "error",
-        colorType: "error"
-    }),
-    filter: getIconPath({
-        category: "window-tools",
-        name: "filter",
-        colorType: "neutral"
-    }),
-    filterWithConditions: getIconPath({
-        category: "window-tools",
-        name: "filter-conditions",
-        colorType: "neutral"
-    }),
-    info: getIconPath({
-        category: "system",
-        name: "information",
-        colorType: "on-elevation"
-    }),
-    refresh: getIconPath({
-        category: "gemini-tools",
-        name: "reset",
-        colorType: "neutral"
-    }),
-    search: getIconPath({
-        category: "system",
-        name: "search",
-        colorType: "on-elevation"
-    }),
-    success: getIconPath({
-        category: "system",
-        name: "check",
-        colorType: "success"
-    }),
-    substract: getIconPath({
-        category: "system",
-        name: "substract",
-        colorType: "on-elevation"
-    }),
-    warning: getIconPath({
-        category: "system",
-        name: "warning",
-        colorType: "warning"
-    })
-};
-
-// stencil
-const BUTTON_ACTION_SELECTOR = "button-action-custom-selector";
-const renderStateCellContent = (action, componentLocale) => {
-    let icon;
-    let caption;
-    let iconColor;
-    if (action === "deleted") {
-        icon = ICONS.substract;
-        caption = componentLocale.states.deleted;
-        iconColor = "--mer-icon__error";
-    }
-    else if (action === "inserted") {
-        icon = ICONS.add;
-        caption = componentLocale.states.inserted;
-        iconColor = "--mer-icon__success";
-    }
-    else if (action === "modified") {
-        icon = ICONS.edit;
-        caption = componentLocale.states.modified;
-        iconColor = "--mer-icon__warning";
-    }
-    else if (action === "conflicted") {
-        icon = ICONS.warning;
-        caption = componentLocale.states.conflicted;
-        iconColor = "--mer-icon__warning";
-    }
-    else if (!action) {
-        // proably is "ignored"
-        return null;
-    }
-    return (h("span", { class: "custom-icon-text-wrapper" },
-        h("ch-image", { type: "mask", class: "icon-md", src: icon, style: { backgroundColor: `var(${iconColor})` } }),
-        `${caption}`));
-};
-const renderObjectStatus = (objectId, objectsStatusMap, updatePillAsButton, commitSingleObject, componentLocale) => {
-    const status = objectsStatusMap.get(objectId);
-    const caption = status === "pending" && updatePillAsButton
-        ? componentLocale.status.commit
-        : componentLocale.status[status];
-    if (status === "commiting") {
-        return h("span", { class: "spinner-caption" }, caption);
-    }
-    const classes = `pill pill--${status}`;
-    if (updatePillAsButton && status === "pending") {
-        return (h("button", { class: {
-                "button-secondary": true,
-                "button-icon-and-text": true,
-                "pill": true,
-                "pill--update": true,
-                [BUTTON_ACTION_SELECTOR]: true
-            }, onClick: commitSingleObject(objectId) }, caption));
-    }
-    else {
-        return h("span", { class: classes }, caption);
-    }
-};
-const renderTabularGridRows = (type, pendingObjectsAfterFilter, ignoredObjectsAfterFilter, alreadyUpdatedObjectsIdsSet, markedObjectsSet, objectsMessagesDataMap, updatePillAsButton, commitSingleObject, objectsStatusMap, searchValue, componentLocale) => {
-    let objects;
-    if (type === "pending") {
-        objects = pendingObjectsAfterFilter;
-    }
-    else if (type === "ignored") {
-        objects = ignoredObjectsAfterFilter;
-    }
-    searchValue = searchValue.toLowerCase();
-    const filteredRows = objects.map(object => {
-        const alreadyUpdated = alreadyUpdatedObjectsIdsSet.has(object.id);
-        const hideCheckbox = alreadyUpdated || type === "ignored";
-        const marked = markedObjectsSet.has(object.id);
-        const messages = objectsMessagesDataMap.get(object.id);
-        return (h("ch-tabular-grid-row", { class: "tabular-grid-row", key: object.id, rowid: object.id, ref: (el) => marked && (el === null || el === void 0 ? void 0 : el.setAttribute("marked", "true")) },
-            h("ch-tabular-grid-cell", { "cell-type": "rich", "row-selector": "true", class: {
-                    "tabular-grid-cell": true,
-                    "no-checkbox-custom-selector": hideCheckbox
-                }, size: "max-content" },
-                h("div", null, hiChar(object.name, searchValue))),
-            h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, renderObjectTypeWithIcon(object.type)),
-            h("ch-tabular-grid-cell", { class: {
-                    "tabular-grid-cell": true,
-                    [CSS_SELECTORS.GRID_CELL_DESCRIPTION]: true
-                } },
-                h("div", null, hiChar(object.description, searchValue))),
-            h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, formatDate(object.modifiedOn)),
-            h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, object.module),
-            h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, renderStateCellContent(object.state, componentLocale)),
-            h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, formatDate(object.lastSynchronized)),
-            h("ch-tabular-grid-cell", { class: "tabular-grid-cell tabular-grid-cell--for-pill" }, renderObjectStatus(object.id, objectsStatusMap, updatePillAsButton, commitSingleObject, componentLocale)),
-            (messages === null || messages === void 0 ? void 0 : messages.length) && (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" },
-                h("ch-tabular-grid-rowset-empty", { class: {
-                        "tabular-grid-rowset-empty": true
-                    } },
-                    h("ul", { class: "messages-list" }, messages.map(message => {
-                        let MESSAGE_ICON;
-                        if (message.type === "error") {
-                            MESSAGE_ICON = ICONS.error;
-                        }
-                        else if (message.type === "warning") {
-                            MESSAGE_ICON = ICONS.warning;
-                        }
-                        else if (message.type === "success") {
-                            MESSAGE_ICON = ICONS.success;
-                        }
-                        else {
-                            // info
-                            MESSAGE_ICON = ICONS.info;
-                        }
-                        return (h("li", { class: "message-description" },
-                            h("ch-image", { class: "icon-md message-icon", src: MESSAGE_ICON }),
-                            message.text));
-                    })))))));
-    });
-    // this.objectsRenderedAlready = true;
-    return filteredRows;
-};
-const renderTabularGridColumns = (ignoredGridColumns, gridIsEmpty = false, componentLocale) => {
-    const colSize = gridIsEmpty
-        ? config.tabularGrid.colSize.auto
-        : config.tabularGrid.colSize.maxContent;
-    return (h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" },
-        !ignoredGridColumns.includes("name") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "name", columnName: componentLocale.objects.name, columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, size: colSize })),
-        !ignoredGridColumns.includes("type") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "type", columnName: componentLocale.objects.type, settingable: false, size: colSize })),
-        !ignoredGridColumns.includes("description") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "description", columnName: componentLocale.objects.description, settingable: false, size: config.tabularGrid.colSize.description })),
-        !ignoredGridColumns.includes("modifiedOn") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "modifiedOn", columnName: componentLocale.objects.modifiedOn, settingable: false, size: colSize })),
-        !ignoredGridColumns.includes("module") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "module", columnName: componentLocale.objects.module, settingable: false, size: colSize })),
-        !ignoredGridColumns.includes("localState") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "localState", columnName: componentLocale.objects.localState, settingable: false, size: colSize })),
-        !ignoredGridColumns.includes("lastSynchronized") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "lastSynchronized", columnName: componentLocale.objects.lastSynchronized, settingable: false, size: colSize })),
-        !ignoredGridColumns.includes("action") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "action", columnName: componentLocale.objects.action, settingable: false, size: colSize })),
-        !ignoredGridColumns.includes("status") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "status", columnName: componentLocale.objects.status, settingable: false, size: gridIsEmpty ? "auto" : "100px" }))));
-};
-
-const commitCss = ".detail__knowledge-base{padding-inline:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.detail__genexus-server{padding-inline-end:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.detail__version{padding-inline-start:24px}.filter,.filter-secondary>div{display:grid;gap:12px}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content max-content 1fr;--pill-border-radius:12px;--pill-padding-inline:8px;--pill-padding-block:2px;--pill-font-size:var(--font-size-body-s)}.section{display:grid;display:contents}.header__details{display:grid;row-gap:var(--mer-spacing--md);grid-auto-columns:max-content;grid-auto-rows:max-content;margin-block-end:var(--mer-spacing--lg)}.detail__label{color:var(--mer-color__neutral-gray--400)}.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)}.filter__combo{max-block-size:minmax(0, 200px)}.main{position:relative;display:grid;overflow:auto}.loader{position:relative;inline-size:100%;block-size:100%;inset-block-start:0;--elevation-background-color:var(--mer-surface__elevation--01)}.empty-state{block-size:100%}.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-cell.no-checkbox-custom-selector::part(selector-label){visibility:hidden}.tabular-grid{border-radius:4px;overflow:hidden}.tabular-grid .tabular-grid-cell--for-pill{--grid-cell__padding-block:4px;align-items:center;justify-content:center}.tabular-grid .button-action-custom-selector{--control__padding-block:var(--pill-padding-block);--control__padding-inline:var(--pill-padding-inline);font-size:inherit;font-weight:inherit;}.tabular-grid.empty-result::part(main){overflow:hidden}.messages-list{margin:0;padding:0;list-style:none;max-inline-size:800px;padding:8px 0;list-style-type:none;display:flex;flex-direction:column;gap:var(--mer-spacing--3xs)}.message-description{line-height:1.5;display:flex;align-items:center;gap:8px}.message-icon{flex-shrink:0}.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--update,.pill--pending{--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--ignored{--pill-background-color:var(--mer-surface__elevation--02);--pill-color:var(--mer-text__on-disabled);--pill-border-color:var(--mer-border-color__primary--disabled)}.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--commited{--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}.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)}.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)}}.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}.custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}.header__details{grid-template-areas:\"detail-heading-gx . . .\" \"detail-genexus-server detail-knowledge-base detail-version detail-last-full-update\"}.detail__heading-genexus-server{grid-area:detail-heading-gx}.detail__genexus-server{grid-area:detail-genexus-server}.detail__knowledge-base{grid-area:detail-knowledge-base}.detail__version{grid-area:detail-version}.filter-container{container-type:inline-size;box-sizing:border-box;display:grid;column-gap:12px;grid-template-areas:\"filter-primary filter-toggle-button filter-action-buttons\" \"filter-secondary . .\" \"comments comments comments\";grid-template-columns:minmax(0, max-content) max-content 1fr}.filter-primary{grid-area:filter-primary;grid-template-columns:minmax(0, 200px) minmax(0, 200px) minmax(0, 200px)}.filter-container>:nth-child(2){grid-area:filter-toggle-button}.filter-container>:nth-child(3){grid-area:filter-action-buttons;justify-content:end}.filter__toggle-secondary-filter-btn{grid-area:filter-toggle-button}.filter__buttons{grid-area:filter-buttons;margin-inline-start:auto}.filter-secondary{display:grid;grid-template-rows:0fr;grid-area:filter-secondary;transition:grid-template-rows var(--mer-timing--fast)}.filter-secondary--visible{grid-template-rows:1fr}.filter-secondary>div{display:grid;overflow:hidden;font-size:0;grid-template-columns:repeat(3, minmax(0, 200px))}.filter-secondary>div>.combo-box,.comments{margin-block-start:12px}.comments{grid-area:comments}.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:minmax(0, 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}";
+const commitCss = ".detail__knowledge-base{padding-inline:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.detail__genexus-server{padding-inline-end:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.detail__version{padding-inline-start:24px}.filter,.filter-secondary>div{display:grid;gap:12px}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content max-content 1fr;--pill-border-radius:12px;--pill-padding-inline:8px;--pill-padding-block:2px;--pill-font-size:var(--font-size-body-s)}.section{display:grid;display:contents}.header__details{display:grid;row-gap:var(--mer-spacing--md);grid-auto-columns:max-content;grid-auto-rows:max-content;margin-block-end:var(--mer-spacing--lg)}.detail__label{color:var(--mer-color__neutral-gray--400)}.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)}.filter__combo{max-block-size:minmax(0, 200px)}.main{position:relative;display:grid;overflow:auto}.loader{position:relative;inline-size:100%;block-size:100%;inset-block-start:0;--elevation-background-color:var(--mer-surface__elevation--01)}.empty-state{block-size:100%}.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-cell.no-checkbox-custom-selector::part(selector-label){visibility:hidden;pointer-events:none}.tabular-grid{border-radius:4px;overflow:hidden}.tabular-grid .tabular-grid-cell--for-pill{--grid-cell__padding-block:4px;align-items:center;justify-content:center}.tabular-grid .button-action-custom-selector{--control__padding-block:var(--pill-padding-block);--control__padding-inline:var(--pill-padding-inline);font-size:inherit;font-weight:inherit;}.tabular-grid.empty-result::part(main){overflow:hidden}.messages-list{margin:0;padding:0;list-style:none;max-inline-size:800px;padding:8px 0;list-style-type:none;display:flex;flex-direction:column;gap:var(--mer-spacing--3xs)}.message-description{line-height:1.5;display:flex;align-items:center;gap:8px}.message-icon{flex-shrink:0}.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--update,.pill--pending{--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--ignored{--pill-background-color:var(--mer-surface__elevation--02);--pill-color:var(--mer-text__on-disabled);--pill-border-color:var(--mer-border-color__primary--disabled)}.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--commited{--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}.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)}.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)}}.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}.custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}.header__details{grid-template-areas:\"detail-heading-gx . . .\" \"detail-genexus-server detail-knowledge-base detail-version detail-last-full-update\"}.detail__heading-genexus-server{grid-area:detail-heading-gx}.detail__genexus-server{grid-area:detail-genexus-server}.detail__knowledge-base{grid-area:detail-knowledge-base}.detail__version{grid-area:detail-version}.filter-container{container-type:inline-size;box-sizing:border-box;display:grid;column-gap:12px;grid-template-areas:\"filter-primary filter-toggle-button filter-action-buttons\" \"filter-secondary . .\" \"comments comments comments\";grid-template-columns:minmax(0, max-content) max-content 1fr}.filter-primary{grid-area:filter-primary;grid-template-columns:minmax(0, 200px) minmax(0, 200px) minmax(0, 200px)}.filter-container>:nth-child(2){grid-area:filter-toggle-button}.filter-container>:nth-child(3){grid-area:filter-action-buttons;justify-content:end}.filter__toggle-secondary-filter-btn{grid-area:filter-toggle-button}.filter__buttons{grid-area:filter-buttons;margin-inline-start:auto}.filter-secondary{display:grid;grid-template-rows:0fr;grid-area:filter-secondary;transition:grid-template-rows var(--mer-timing--fast)}.filter-secondary--visible{grid-template-rows:1fr}.filter-secondary>div{display:grid;overflow:hidden;font-size:0;grid-template-columns:repeat(3, minmax(0, 200px))}.filter-secondary>div>.combo-box,.comments{margin-block-start:12px}.comments{grid-area:comments}.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:minmax(0, 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}";
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
@@ -289,7 +91,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _GxIdeTeamDevCommit_componentLocale, _GxIdeTeamDevCommit_localStatesComboBoxModel, _GxIdeTeamDevCommit_rowCheckedChangedByTheUser, _GxIdeTeamDevCommit_chGridPendingForUpdateEl, _GxIdeTeamDevCommit_commitCheckedClickedHandler, _GxIdeTeamDevCommit_commitSingleObject, _GxIdeTeamDevCommit_commitObjectsHandler, _GxIdeTeamDevCommit_rowMarkingChangedHandler, _GxIdeTeamDevCommit_rowSelectionChangedHandler, _GxIdeTeamDevCommit_commentsInputHandler, _GxIdeTeamDevCommit_applyClientFilter, _GxIdeTeamDevCommit_filteredObjects, _GxIdeTeamDevCommit_evaluateSecondaryFilterHasConditions, _GxIdeTeamDevCommit_toggleFiltersHandler, _GxIdeTeamDevCommit_searchInputHandler, _GxIdeTeamDevCommit_typeChangedHandler, _GxIdeTeamDevCommit_stateChangedHandler, _GxIdeTeamDevCommit_folderChanged, _GxIdeTeamDevCommit_onRowContextMenuHandler, _GxIdeTeamDevCommit_updatePendingCheckedItems, _GxIdeTeamDevCommit_setInitialObjectsStatus, _GxIdeTeamDevCommit_loadData, _GxIdeTeamDevCommit_markPendingObjects, _GxIdeTeamDevCommit_revertPendingCommitsCheckboxes, _GxIdeTeamDevCommit_togglePendingCommitsCheckboxes;
+var _GxIdeTeamDevCommit_componentLocale, _GxIdeTeamDevCommit_localStatesComboBoxModel, _GxIdeTeamDevCommit_rowCheckedChangedByTheUser, _GxIdeTeamDevCommit_chGridPendingForUpdateEl, _GxIdeTeamDevCommit_commitCheckedClickedHandler, _GxIdeTeamDevCommit_commitSingleObject, _GxIdeTeamDevCommit_commitObjectsHandler, _GxIdeTeamDevCommit_rowMarkingChangedHandler, _GxIdeTeamDevCommit_rowSelectionChangedHandler, _GxIdeTeamDevCommit_commentsInputHandler, _GxIdeTeamDevCommit_applyClientFilter, _GxIdeTeamDevCommit_filteredObjects, _GxIdeTeamDevCommit_evaluateSecondaryFilterHasConditions, _GxIdeTeamDevCommit_toggleFiltersHandler, _GxIdeTeamDevCommit_searchInputHandler, _GxIdeTeamDevCommit_typeChangedHandler, _GxIdeTeamDevCommit_stateChangedHandler, _GxIdeTeamDevCommit_folderChanged, _GxIdeTeamDevCommit_onRowContextMenuHandler, _GxIdeTeamDevCommit_updatePendingCheckedItems, _GxIdeTeamDevCommit_setInitialObjectsStatus, _GxIdeTeamDevCommit_loadData, _GxIdeTeamDevCommit_markPendingObjects, _GxIdeTeamDevCommit_revertPendingCommitsCheckboxes, _GxIdeTeamDevCommit_togglePendingCommitsCheckboxes, _GxIdeTeamDevCommit_sortTabularGridColumnCallback, _GxIdeTeamDevCommit_columnSelectorClickedCallback;
 const FILTER_SECONDARY_CONTAINER_ID = "filters-secondary-container";
 const FILTER_SECONDARY_BUTTON_ID = "filter-toggle-button";
 const CSS_BUNDLES = [
@@ -358,7 +160,11 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
                     this.objectsMessagesDataMap.delete(objectResult.id);
                 }
                 if (objectResult.result === "commited") {
-                    this.alreadyCommitedObjectsIdsSet.add(objectResult.id);
+                    // Apply a new Set to "alreadyCommitedObjectsIdsSet" in order for the Watch to fire.
+                    this.alreadyCommitedObjectsIdsSet = new Set([
+                        ...this.alreadyCommitedObjectsIdsSet,
+                        objectResult.id
+                    ]);
                     this.objectsStatusMap.set(objectResult.id, "commited");
                     await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingForUpdateEl, "f").markRow(objectResult.id, false);
                 }
@@ -493,9 +299,6 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
             __classPrivateFieldSet(this, _GxIdeTeamDevCommit_rowCheckedChangedByTheUser, true, "f");
         });
         _GxIdeTeamDevCommit_setInitialObjectsStatus.set(this, () => {
-            if (this.objectsRenderedAlready) {
-                return;
-            }
             this.pendingAndIgnored.pendingForCommit.forEach(pendingObject => {
                 const status = "pending";
                 this.objectsStatusMap.set(pendingObject.id, status);
@@ -514,10 +317,9 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
                 folder: this.selectedFolder,
                 category: this.selectedCategory
             });
-            __classPrivateFieldGet(this, _GxIdeTeamDevCommit_setInitialObjectsStatus, "f").call(this);
             this.loading = false;
             // Is is required to mark/check all objects after loadCallback.
-            __classPrivateFieldGet(this, _GxIdeTeamDevCommit_markPendingObjects, "f").call(this);
+            // this.#markPendingObjects();
         });
         /**
          * Marks all pending objects that have not been committed yet.
@@ -558,6 +360,44 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
                 }
             }
         });
+        _GxIdeTeamDevCommit_sortTabularGridColumnCallback.set(this, (e) => {
+            const columnId = e.detail.columnId;
+            let objectProperty;
+            let dateType = "string";
+            if (columnId === COLUMNS_IDS.type) {
+                objectProperty = "name"; // the type name
+                dateType = "object";
+            }
+            else if (columnId === COLUMNS_IDS.modifiedOn ||
+                columnId === COLUMNS_IDS.lastSynchronized) {
+                dateType = "dateString";
+            }
+            this.pendingObjectsAfterFilter = [
+                ...sortTabularGridColumn(e, this.pendingObjectsAfterFilter, dateType, objectProperty)
+            ];
+            this.ignoredObjectsAfterFilter = [
+                ...sortTabularGridColumn(e, this.ignoredObjectsAfterFilter, dateType, objectProperty)
+            ];
+        });
+        /**
+         * WA: Ignored objects must always remain unchecked.
+         * Because `tabular-grid` selects all rows when the checkbox column is toggled,
+         * we need to manually unselect the ignored IDs. // TODO: Move this function
+         * to common
+         */
+        _GxIdeTeamDevCommit_columnSelectorClickedCallback.set(this, async (e) => {
+            const allRowsChecked = e.detail;
+            if (allRowsChecked) {
+                const markedRowsIds = await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingForUpdateEl, "f").getMarkedRows();
+                const ignoredMarkedRowsIds = markedRowsIds.filter(rowId => {
+                    return this.ignoredIdsSet.has(rowId);
+                });
+                if (ignoredMarkedRowsIds.length) {
+                    uncheckIgnoredObjects(ignoredMarkedRowsIds, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingForUpdateEl, "f"));
+                }
+            }
+        });
+        this.allPendingAreCommited = false;
         this.alreadyCommitedObjectsIdsSet = new Set([]);
         this.ignoredIdsSet = new Set([]);
         this.pendingIdsSet = new Set([]);
@@ -570,7 +410,6 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
         this.filterSecondaryIsHidden = true;
         this.filterSecondaryHasConditions = false;
         this.loading = true;
-        this.objectsRenderedAlready = false;
         this.changesetsComboBoxModel = undefined;
         this.pendingObjectsAfterFilter = [];
         this.ignoredObjectsAfterFilter = [];
@@ -599,6 +438,11 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
         this.updatePillAsButton = false;
         this.serverDetails = undefined;
     }
+    alreadyCommitedObjectsIdsSetChanged(newCommitedObjectsIdsSet) {
+        const pendingIdsSetAndCommitedIdsSetAreEqual = areSetsEqual(newCommitedObjectsIdsSet, this.pendingIdsSet);
+        this.allPendingAreCommited =
+            pendingIdsSetAndCommitedIdsSetAreEqual && this.pendingIdsSet.size > 0;
+    }
     markedObjectsSetChanged(newMarkedObjectsSet) {
         this.atLeastOneObjectIsChecked = newMarkedObjectsSet.size > 0;
     }
@@ -608,17 +452,24 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
             this.commiting = false;
         }
     }
-    pendingAndIgnoredChanged() {
+    pendingAndIgnoredChanged(newPendingAndIgnored) {
         var _a, _b;
-        __classPrivateFieldGet(this, _GxIdeTeamDevCommit_applyClientFilter, "f").call(this);
-        this.pendingIdsSet.clear();
-        (_a = this.pendingAndIgnored.pendingForCommit) === null || _a === void 0 ? void 0 : _a.forEach(pending => {
+        // clear previous state
+        this.pendingIdsSet.clear(); // before pendingIdsSet.add
+        this.ignoredIdsSet.clear(); // before ignoredIdsSet.add
+        this.objectsMessagesDataMap = new Map();
+        this.alreadyCommitedObjectsIdsSet = new Set();
+        this.commentInputHasError = false;
+        this.markedObjectsSet = new Set(); // before #markPendingObjects
+        (_a = newPendingAndIgnored.pendingForCommit) === null || _a === void 0 ? void 0 : _a.forEach(pending => {
             this.pendingIdsSet.add(pending.id);
         });
-        this.ignoredIdsSet.clear();
-        (_b = this.pendingAndIgnored.ignoredObjects) === null || _b === void 0 ? void 0 : _b.forEach(ignored => {
+        (_b = newPendingAndIgnored.ignoredObjects) === null || _b === void 0 ? void 0 : _b.forEach(ignored => {
             this.ignoredIdsSet.add(ignored.id);
         });
+        __classPrivateFieldGet(this, _GxIdeTeamDevCommit_markPendingObjects, "f").call(this); // after pendingIdsSet.add and ignoredIdsSet.add
+        __classPrivateFieldGet(this, _GxIdeTeamDevCommit_setInitialObjectsStatus, "f").call(this); // after pendingIdsSet.add and ignoredIdsSet.add
+        __classPrivateFieldGet(this, _GxIdeTeamDevCommit_applyClientFilter, "f").call(this);
     }
     typesChanged(newTypes) {
         this.typesComboBoxModel = typesToComboBoxItemModel(newTypes);
@@ -678,12 +529,14 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
     }
     async componentDidLoad() {
         await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_loadData, "f").call(this);
+        // initialize "allPendingAreCommited"
+        this.alreadyCommitedObjectsIdsSetChanged(this.alreadyCommitedObjectsIdsSet);
     }
     /**
      * Used by the host to instruct the component to force a data reload in the grids.
      */
     async reload() {
-        __classPrivateFieldGet(this, _GxIdeTeamDevCommit_loadData, "f").call(this);
+        await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_loadData, "f").call(this);
     }
     render() {
         const disableControls = this.commiting || this.loading;
@@ -692,7 +545,9 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
         const filterIcon = this.filterSecondaryHasConditions
             ? ICONS.filterWithConditions
             : ICONS.filter;
-        const commitButtonEnabled = this.atLeastOneObjectIsChecked && this.commentsValue.length > 0;
+        const commitButtonEnabled = this.atLeastOneObjectIsChecked &&
+            this.commentsValue.length > 0 &&
+            !this.allPendingAreCommited;
         return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, h("header", { class: { [CSS_SELECTORS.HEADER]: true } }, h("div", {
             // header details
             class: { [CSS_SELECTORS.HEADER_DETAILS]: true }
@@ -738,7 +593,7 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
                 "objects-tabular-grid": true,
                 "disabled-custom-selector": this.commiting,
                 "empty-result": gridIsEmpty
-            }, keyboardNavigationMode: "focus", rowSelectionMode: "multiple", onSelectionChanged: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_rowSelectionChangedHandler, "f"), onRowMarkingChanged: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_rowMarkingChangedHandler, "f"), onRowContextMenu: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_onRowContextMenuHandler, "f").call(this), ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevCommit_chGridPendingForUpdateEl, el, "f")) }, renderTabularGridColumns(["action"], gridIsEmpty, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f")), !gridIsEmpty
+            }, keyboardNavigationMode: "focus", rowSelectionMode: "multiple", onSelectionChanged: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_rowSelectionChangedHandler, "f"), onRowMarkingChanged: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_rowMarkingChangedHandler, "f"), onRowContextMenu: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_onRowContextMenuHandler, "f").call(this), ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevCommit_chGridPendingForUpdateEl, el, "f")) }, renderTabularGridColumns(["action"], gridIsEmpty, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_sortTabularGridColumnCallback, "f"), __classPrivateFieldGet(this, _GxIdeTeamDevCommit_columnSelectorClickedCallback, "f"), __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f"), !this.allPendingAreCommited), !gridIsEmpty
             ? [
                 h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-legend", { class: "tabular-grid-rowset-legend" }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").objects.pendingCommits), renderTabularGridRows("pending", this.pendingObjectsAfterFilter, this.ignoredObjectsAfterFilter, this.alreadyCommitedObjectsIdsSet, this.markedObjectsSet, this.objectsMessagesDataMap, this.updatePillAsButton, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_commitSingleObject, "f"), this.objectsStatusMap, this.searchValue, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f"))),
                 h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-legend", { class: "tabular-grid-rowset-legend" }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").objects.ignoredObjects), renderTabularGridRows("ignored", this.pendingObjectsAfterFilter, this.ignoredObjectsAfterFilter, this.alreadyCommitedObjectsIdsSet, this.markedObjectsSet, this.objectsMessagesDataMap, this.updatePillAsButton, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_commitSingleObject, "f"), this.objectsStatusMap, this.searchValue, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f")))
@@ -748,6 +603,7 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
     static get assetsDirs() { return ["gx-ide-assets/team-dev-commit"]; }
     get el() { return this; }
     static get watchers() { return {
+        "alreadyCommitedObjectsIdsSet": ["alreadyCommitedObjectsIdsSetChanged"],
         "markedObjectsSet": ["markedObjectsSetChanged"],
         "objectsStatusMap": ["objectsStatusMapChanged"],
         "pendingAndIgnored": ["pendingAndIgnoredChanged"],
@@ -768,6 +624,7 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
         "folders": [16],
         "updatePillAsButton": [4, "update-pill-as-button"],
         "serverDetails": [16],
+        "allPendingAreCommited": [32],
         "alreadyCommitedObjectsIdsSet": [32],
         "ignoredIdsSet": [32],
         "pendingIdsSet": [32],
@@ -780,7 +637,6 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
         "filterSecondaryIsHidden": [32],
         "filterSecondaryHasConditions": [32],
         "loading": [32],
-        "objectsRenderedAlready": [32],
         "changesetsComboBoxModel": [32],
         "pendingObjectsAfterFilter": [32],
         "ignoredObjectsAfterFilter": [32],
@@ -796,6 +652,7 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
         "foldersComboBoxModel": [32],
         "reload": [64]
     }, undefined, {
+        "alreadyCommitedObjectsIdsSet": ["alreadyCommitedObjectsIdsSetChanged"],
         "markedObjectsSet": ["markedObjectsSetChanged"],
         "objectsStatusMap": ["objectsStatusMapChanged"],
         "pendingAndIgnored": ["pendingAndIgnoredChanged"],
@@ -803,7 +660,7 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
         "changeset": ["changesetChanged"],
         "folders": ["folderChanged"]
     }]);
-_GxIdeTeamDevCommit_componentLocale = new WeakMap(), _GxIdeTeamDevCommit_localStatesComboBoxModel = new WeakMap(), _GxIdeTeamDevCommit_rowCheckedChangedByTheUser = new WeakMap(), _GxIdeTeamDevCommit_chGridPendingForUpdateEl = new WeakMap(), _GxIdeTeamDevCommit_commitCheckedClickedHandler = new WeakMap(), _GxIdeTeamDevCommit_commitSingleObject = new WeakMap(), _GxIdeTeamDevCommit_commitObjectsHandler = new WeakMap(), _GxIdeTeamDevCommit_rowMarkingChangedHandler = new WeakMap(), _GxIdeTeamDevCommit_rowSelectionChangedHandler = new WeakMap(), _GxIdeTeamDevCommit_commentsInputHandler = new WeakMap(), _GxIdeTeamDevCommit_applyClientFilter = new WeakMap(), _GxIdeTeamDevCommit_filteredObjects = new WeakMap(), _GxIdeTeamDevCommit_evaluateSecondaryFilterHasConditions = new WeakMap(), _GxIdeTeamDevCommit_toggleFiltersHandler = new WeakMap(), _GxIdeTeamDevCommit_searchInputHandler = new WeakMap(), _GxIdeTeamDevCommit_typeChangedHandler = new WeakMap(), _GxIdeTeamDevCommit_stateChangedHandler = new WeakMap(), _GxIdeTeamDevCommit_folderChanged = new WeakMap(), _GxIdeTeamDevCommit_onRowContextMenuHandler = new WeakMap(), _GxIdeTeamDevCommit_updatePendingCheckedItems = new WeakMap(), _GxIdeTeamDevCommit_setInitialObjectsStatus = new WeakMap(), _GxIdeTeamDevCommit_loadData = new WeakMap(), _GxIdeTeamDevCommit_markPendingObjects = new WeakMap(), _GxIdeTeamDevCommit_revertPendingCommitsCheckboxes = new WeakMap(), _GxIdeTeamDevCommit_togglePendingCommitsCheckboxes = new WeakMap();
+_GxIdeTeamDevCommit_componentLocale = new WeakMap(), _GxIdeTeamDevCommit_localStatesComboBoxModel = new WeakMap(), _GxIdeTeamDevCommit_rowCheckedChangedByTheUser = new WeakMap(), _GxIdeTeamDevCommit_chGridPendingForUpdateEl = new WeakMap(), _GxIdeTeamDevCommit_commitCheckedClickedHandler = new WeakMap(), _GxIdeTeamDevCommit_commitSingleObject = new WeakMap(), _GxIdeTeamDevCommit_commitObjectsHandler = new WeakMap(), _GxIdeTeamDevCommit_rowMarkingChangedHandler = new WeakMap(), _GxIdeTeamDevCommit_rowSelectionChangedHandler = new WeakMap(), _GxIdeTeamDevCommit_commentsInputHandler = new WeakMap(), _GxIdeTeamDevCommit_applyClientFilter = new WeakMap(), _GxIdeTeamDevCommit_filteredObjects = new WeakMap(), _GxIdeTeamDevCommit_evaluateSecondaryFilterHasConditions = new WeakMap(), _GxIdeTeamDevCommit_toggleFiltersHandler = new WeakMap(), _GxIdeTeamDevCommit_searchInputHandler = new WeakMap(), _GxIdeTeamDevCommit_typeChangedHandler = new WeakMap(), _GxIdeTeamDevCommit_stateChangedHandler = new WeakMap(), _GxIdeTeamDevCommit_folderChanged = new WeakMap(), _GxIdeTeamDevCommit_onRowContextMenuHandler = new WeakMap(), _GxIdeTeamDevCommit_updatePendingCheckedItems = new WeakMap(), _GxIdeTeamDevCommit_setInitialObjectsStatus = new WeakMap(), _GxIdeTeamDevCommit_loadData = new WeakMap(), _GxIdeTeamDevCommit_markPendingObjects = new WeakMap(), _GxIdeTeamDevCommit_revertPendingCommitsCheckboxes = new WeakMap(), _GxIdeTeamDevCommit_togglePendingCommitsCheckboxes = new WeakMap(), _GxIdeTeamDevCommit_sortTabularGridColumnCallback = new WeakMap(), _GxIdeTeamDevCommit_columnSelectorClickedCallback = new WeakMap();
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;