@genexus/genexus-ide-ui 1.1.34 → 1.1.35

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

@@ -1,355 +1,616 @@
-import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { g as getIconPath } from './MERCURY_ASSETS.js';
 import { L as Locale } from './locale.js';
-import { c as config } from './config.js';
+import { r as renderObjectTypeWithIcon } from './utilities.js';
 import { f as formatDate } from './helpers.js';
-import { d as defineCustomElement$5 } from './container.js';
-import { d as defineCustomElement$4 } from './list-selector.js';
-import { d as defineCustomElement$3 } from './list-selector-item.js';
-import { d as defineCustomElement$2 } from './title.js';
-
-/* STENCIL IMPORTS */
-const renderComboItems = (gxOptions) => {
-    const comboItemsArray = [];
-    gxOptions.forEach((gxOption) => {
-        const iconName = gxOption.iconName || gxOption.icon;
-        const value = gxOption.value || gxOption.id;
-        comboItemsArray.push(h("gxg-combo-box-item", { value: value, icon: iconName }, gxOption.label || gxOption.name || gxOption.value || gxOption.id));
-    });
-    return comboItemsArray;
-};
+import { c as config } from './config.js';
+import { a as mapObjectTypeToComboBoxItemModel } from './helpers2.js';
+import { d as defineCustomElement$3 } from './gx-ide-empty-state2.js';
+import { d as defineCustomElement$2 } from './ide-loader.js';
 
-const updateCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block}.options-wrapper{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:0;grid-row-gap:0;border-bottom:1px solid var(--gx-ide-container-border-color)}.options-wrapper .genexus-server{cursor:pointer}.options-wrapper .genexus-server:hover{background-color:var(--ds-item-background-color--hover)}.options-wrapper .scope{font-family:inherit;display:flex;flex-direction:column;gap:var(--mer-spacing--2xs)}.options-wrapper .scope .row{display:flex;flex-direction:row;align-items:center;gap:var(--mer-spacing--xs)}.options-wrapper .scope .row .value{font-style:italic}.filter-row{padding:0 var(--gx-ide-container__padding) 0 var(--gx-ide-container__padding);display:flex;flex-direction:row;gap:var(--gx-ide-grid-row-gap)}.filter-row .combo{flex:1}.data-grid{grid-template-columns:repeat(3, 1fr)}.data-grid>:nth-child(1){grid-area:1/1/2/2}.data-grid>:nth-child(2){grid-area:1/2/2/4}.data-panel-grid{grid-template-columns:repeat(2, 1fr)}.data-preview img{max-width:100%}.data-max-height{max-height:300px;overflow-y:auto}.actions{justify-content:flex-end}.no-border{border:0}.bold{font-weight:bold}ch-grid-rowset-empty{padding:var(--mer-spacing--2xs) var(--mer-spacing--xs)}gxg-tab::part(container){line-height:unset}.tabular-grid{block-size:100%}gx-ide-container::part(content){overflow:hidden}.tabular-grid-pending-update ch-tabular-grid-cell:is(:nth-child(6)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}.tabular-grid-results ch-tabular-grid-cell:is(:nth-child(6)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}";
+const updateCss = ".custom-icon-text-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n:host {\n  --pill-border-radius: 12px;\n  --pill-padding-inline: 8px;\n  --pill-padding-block: 2px;\n  --pill-font-size: var(--font-size-body-s);\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content max-content 1fr;\n}\n\n.detail__version, .detail__knowledge-base {\n  padding-inline: 24px;\n  border-inline-end: 1px solid var(--mer-border-color__on-elevation--01);\n}\n\n.detail__genexus-server {\n  padding-inline-end: 24px;\n  border-inline-end: 1px solid var(--mer-border-color__on-elevation--01);\n}\n\n.detail__last-full-update {\n  padding-inline-start: 24px;\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n}\n\n.header__detail {\n  display: grid;\n  row-gap: var(--mer-spacing--md);\n  grid-auto-columns: max-content;\n  grid-auto-rows: max-content;\n  grid-template-areas: \"detail-heading-gx . . .\" \"detail-genexus-server detail-knowledge-base detail-version detail-last-full-update\";\n}\n\n.detail__label {\n  color: var(--mer-color__neutral-gray--400);\n}\n\n.detail__heading-genexus-server {\n  grid-area: detail-heading-gx;\n}\n\n.detail__genexus-server {\n  grid-area: detail-genexus-server;\n}\n.detail__genexus-server > a {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: inline-block;\n}\n\n.detail__link {\n  align-items: start;\n  color: var(--mer-text__primary);\n  text-decoration: underline;\n}\n.detail__link:hover {\n  color: var(--mer-text__primary--hover);\n}\n.detail__link:active {\n  color: var(--mer-text__primary--active);\n}\n\n.detail__knowledge-base {\n  grid-area: detail-knowledge-base;\n}\n\n.detail__version {\n  grid-area: detail-version;\n}\n\n.detail__last-full-update {\n  grid-area: detail-last-full-update;\n}\n\n.filter-container {\n  container-type: inline-size;\n  box-sizing: border-box;\n}\n\n.filter {\n  display: grid;\n  margin-block-start: var(--mer-spacing--lg);\n  grid-template-areas: \"filter-search filter-types filter-actions filter-kb-properties filter-buttons\";\n  grid-template-columns: 200px 200px 200px max-content 1fr;\n  gap: 12px;\n}\n\n@container (max-width: 1100px) {\n  .filter-container > .filter {\n    grid-template-columns: 200px 200px 200px 1fr;\n    grid-template-areas: \"filter-search filter-types filter-actions filter-buttons\" \"filter-kb-properties . . .\";\n    grid-auto-rows: max-content;\n  }\n}\n@container (max-width: 900px) {\n  .filter-container > .filter {\n    grid-template-columns: 1fr 1fr 1fr;\n    grid-template-areas: \"filter-search filter-types filter-actions\" \"filter-kb-properties filter-buttons filter-buttons\";\n    grid-auto-rows: max-content;\n  }\n}\n.filter__search {\n  grid-area: filter-search;\n}\n\n.filter__types {\n  grid-area: filter-types;\n}\n\n.filter__actions {\n  grid-area: filter-actions;\n}\n\n.filter__kb-properties {\n  grid-area: filter-kb-properties;\n}\n\n.filter__buttons {\n  margin-inline-start: auto;\n  grid-area: filter-buttons;\n}\n\n.main {\n  position: relative;\n  display: grid;\n  overflow: auto;\n}\n\n.loader {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-block-start: 0;\n}\n\n.tabular-grid {\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.empty-state {\n  block-size: 100%;\n}\n\n.loader {\n  --elevation-background-color: var(--mer-surface__elevation--01);\n}\n\n.messages-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  max-inline-size: 800px;\n  padding: 8px 0;\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--mer-spacing--3xs);\n}\n\n.message-description {\n  line-height: 1.5;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.message-icon {\n  flex-shrink: 0;\n}\n\n.tabular-grid.empty-result::part(main) {\n  overflow: hidden;\n}\n\n.input-comments-container {\n  position: relative;\n}\n\n.input-comments {\n  --control__border-color: transparent;\n  padding-block: 0 !important;\n  padding-inline: 0 !important;\n  --line-height-tight: 1.4;\n  block-size: 100%;\n  background-color: var(--mer-surface);\n  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;\n}\n\n.input-comments:focus {\n  position: absolute;\n  block-size: 200px;\n  inline-size: 100%;\n  z-index: 99;\n  background-color: var(--mer-surface__elevation--01);\n  padding-block: var(--control__padding-block) !important;\n  padding-inline: var(--control__padding-inline) !important;\n}\n\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  background-size: contain;\n  margin-inline-end: 0;\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--enabled);\n  cursor: pointer;\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):hover {\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--hover);\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):active {\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--active);\n}\n\n.tabular-grid-row-actions::part(main),\n.property-grid-row-actions::part(main) {\n  gap: 0 !important;\n}\n\n.tabular-grid-row-actions > button {\n  justify-content: start;\n}\n\n.pill {\n  --pill-background-color: transparent;\n  --pill-color: transparent;\n  --pill-border-color: transparent;\n  background-color: var(--pill-background-color);\n  color: var(--pill-color);\n  border: 1px solid var(--pill-border-color);\n  inline-size: 100%;\n  padding: var(--pill-padding-block) var(--pill-padding-inline);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--pill-border-radius);\n  position: relative;\n  font-weight: var(--font-weight-semi-bold);\n}\n.pill--update, .pill--pending {\n  --pill-background-color: var();\n  --pill-color: var(--mer-color__neutral-gray--400);\n  --pill-border-color: var();\n}\n.pill--to-merge-marked {\n  --pill-background-color: var();\n  --pill-color: var(--mer-border-color__primary);\n  --pill-border-color: var();\n}\n.pill--ignored {\n  --pill-background-color: var(--mer-surface__elevation--02);\n  --pill-color: var(--mer-text__on-disabled);\n  --pill-border-color: var(--mer-border-color__primary--disabled);\n}\n.pill--pending {\n  --pill-background-color: var(--mer-color__tinted-primary--8);\n  --pill-color: var(--mer-border-color__primary);\n  --pill-border-color: var(--mer-color__tinted-primary--50);\n}\n.pill--warning {\n  --pill-background-color: var(--mer-color__tinted-yellow--5);\n  --pill-color: var(--mer-border-color__warning);\n  --pill-border-color: var(--mer-color__tinted-yellow--60);\n}\n.pill--error {\n  --pill-background-color: var(--mer-color__tinted-red--5);\n  --pill-color: var(--mer-border-color__error);\n  --pill-border-color: var(--mer-color__tinted-red--60);\n}\n.pill--updated {\n  --pill-background-color: var(--mer-color__tinted-green--5);\n  --pill-color: var(--mer-border-color__success);\n  --pill-border-color: var(--mer-color__tinted-green--60);\n}\n.pill--transitioning {\n  --pill-color: transparent;\n}\n\n.updating-spinner-caption {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  --status-circle-color: transparent;\n  --status-circle-size: $size;\n  --status-circle-inset-inline-start: 14px;\n  --pill-color: var(--mer-border-color__primary);\n}\n.updating-spinner-caption::before {\n  display: inline-block;\n  content: \"\";\n  width: 14px;\n  height: 14px;\n  border: calc(14px / 7) solid var(--mer-color__tinted-primary--50);\n  border-top: calc(14px / 7) solid var(--mer-color__primary--300);\n  border-radius: 50%;\n  animation: spin var(--mer-timing--regular) linear infinite;\n}\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.tabular-grid .button-secondary {\n  --control__padding-block: var(--pill-padding-block);\n  --control__padding-inline: var(--pill-padding-inline);\n  font-size: inherit;\n  font-weight: inherit;\n  /* font-size: var(--pill-font-size); */\n}\n\n.tabular-grid .tabular-grid-cell--for-pill {\n  --grid-cell__padding-block: 4px;\n  align-items: center;\n  justify-content: center;\n}\n\n.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(selector-label),\n.tabular-grid.disabled-custom-selector .tabular-grid-column::part(bar-selector),\n.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(actions-icon) {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.tabular-grid-column--settings-custom-selector,\n.tabular-grid-cell--settings-custom-selector {\n  --grid-cell__padding-inline: 0;\n  --grid-cell__padding-block: 0;\n}\n\n.tabular-grid-cell::part(actions-icon) {\n  padding-block: 6px;\n}\n\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  block-size: 100%;\n  display: block;\n  background-size: 14px;\n  padding-inline: 16px;\n}\n\n.tabular-grid-cell.no-checkbox-custom-selector::part(selector-label) {\n  visibility: hidden;\n}\n\n.tabular-grid-row-actions::part(window) {\n  background-color: var(--mer-surface__elevation--02) !important;\n}\n\n.tabular-grid-row .tabular-grid-cell:nth-child(3) {\n  min-inline-size: 200px;\n}";
 
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        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 _GxIdeTeamDevUpdate_componentLocale, _GxIdeTeamDevUpdate_actionsComboBoxModel, _GxIdeTeamDevUpdate_rowCheckedChangedByTheUser, _GxIdeTeamDevUpdate_chGridPendingForUpdateEl, _GxIdeTeamDevUpdate_updateCheckedClickedHandler, _GxIdeTeamDevUpdate_reloadClickedHandler, _GxIdeTeamDevUpdate_updateObjectsHandler, _GxIdeTeamDevUpdate_renderActionCellContent, _GxIdeTeamDevUpdate_updateSingleObject, _GxIdeTeamDevUpdate_renderObjectStatus, _GxIdeTeamDevUpdate_renderRows, _GxIdeTeamDevUpdate_rowMarkingChangedHandler, _GxIdeTeamDevUpdate_updatePendingCheckedItems, _GxIdeTeamDevUpdate_searchInputHandler, _GxIdeTeamDevUpdate_actionChangedHandler, _GxIdeTeamDevUpdate_typeChangedHandler, _GxIdeTeamDevUpdate_setInitialObjectsStatus, _GxIdeTeamDevUpdate_loadData, _GxIdeTeamDevUpdate_markPendingObjects, _GxIdeTeamDevUpdate_applyClientFilter, _GxIdeTeamDevUpdate_onRowContextMenuHandler, _GxIdeTeamDevUpdate_revertPendingCommitsCheckboxes, _GxIdeTeamDevUpdate_togglePendingCommitsCheckboxes, _GxIdeTeamDevUpdate_kbPropertiesChangedHandler;
 const CSS_BUNDLES = [
     "resets/box-sizing",
-    "components/tabular-grid"
+    "components/tabular-grid",
+    "utils/form--full",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
 ];
+const CHECKBOX_CHECKED_VALUE = "true";
+const CHECKBOX_UNCHECKED_VALUE = "false";
+const DETAIL_LABEL_CLASSES = "detail__label body-semi-bold-s";
+// icons
+const ADD_ICON = getIconPath({
+    category: "system",
+    name: "add",
+    colorType: "on-elevation"
+});
+const EDITED_ICON = getIconPath({
+    category: "system",
+    name: "edit",
+    colorType: "on-elevation"
+});
+const FILTER_ICON = getIconPath({
+    category: "window-tools",
+    name: "filter",
+    colorType: "on-elevation"
+});
+const SEARCH_ICON = getIconPath({
+    category: "system",
+    name: "search",
+    colorType: "on-elevation"
+});
+const SUBSTRACT_ICON = getIconPath({
+    category: "system",
+    name: "substract",
+    colorType: "on-elevation"
+});
+const WARNING_ICON = getIconPath({
+    category: "system",
+    name: "warning",
+    colorType: "warning"
+});
+const ERROR_ICON = getIconPath({
+    category: "system",
+    name: "error",
+    colorType: "error"
+});
+const SUCCESS_ICON = getIconPath({
+    category: "system",
+    name: "check ",
+    colorType: "success"
+});
+const INFO_ICON = getIconPath({
+    category: "system",
+    name: "information",
+    colorType: "on-elevation"
+});
+const REFRESH_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "reset",
+    colorType: "neutral"
+});
 const GxIdeTeamDevUpdate$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDevUpdate extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
-        this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
-        this.loadDataCalledFirstTime = false; // pending for update grid checkboxes, should be checked, after loadData has loaded objects for the first time.
-        this.renderedFirstTime = false;
-        // 9.LOCAL METHODS //
-        this.onRowContextMenuHandler = (grid) => async (ev) => {
-            if (this.objectsContextMenuCallback) {
-                ev.preventDefault();
-                ev.stopPropagation();
-                let selection = [];
-                if (grid === "pending") {
-                    selection = await this.chGridPendingForUpdateEl.getSelectedRows();
+        /**
+         * The component hard-coded strings translations.
+         */
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _GxIdeTeamDevUpdate_componentLocale.set(this, void 0);
+        _GxIdeTeamDevUpdate_actionsComboBoxModel.set(this, void 0);
+        /**
+         * Used to determine if pendingItemsCheckedCallback callback has to be called or not.
+         * It should be ignored if the grid checkboxes state is changed programmatically, by
+         * setting markRow to false once the object has been successfully updated, for example.
+         */
+        _GxIdeTeamDevUpdate_rowCheckedChangedByTheUser.set(this, true);
+        _GxIdeTeamDevUpdate_chGridPendingForUpdateEl.set(this, void 0);
+        _GxIdeTeamDevUpdate_updateCheckedClickedHandler.set(this, async () => {
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_updateObjectsHandler, "f").call(this, [...this.markedObjectsSet]);
+        });
+        _GxIdeTeamDevUpdate_reloadClickedHandler.set(this, async () => {
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_loadData, "f").call(this, true);
+        });
+        _GxIdeTeamDevUpdate_updateObjectsHandler.set(this, async (selection) => {
+            __classPrivateFieldSet(this, _GxIdeTeamDevUpdate_rowCheckedChangedByTheUser, false, "f");
+            this.updating = true;
+            selection.forEach(itemToUpdate => {
+                this.objectsStatusMap.set(itemToUpdate, "updating");
+            });
+            const updateResult = await this.updateCallback(selection);
+            updateResult.forEach(async (objectResult) => {
+                const messages = objectResult.messages;
+                if (messages.length) {
+                    this.objectsMessagesDataMap.set(objectResult.id, objectResult.messages);
                 }
-                else if (grid === "ignored") {
-                    selection = await this.chGridIgnoredObjectsEl.getSelectedRows();
+                else {
+                    // clear messages
+                    this.objectsMessagesDataMap.delete(objectResult.id);
                 }
-                else if (grid === "results") {
-                    selection = await this.chGridResultsEl.getSelectedRows();
+                if (objectResult.result === "updated") {
+                    this.alreadyUpdatedObjectsIdsSet.add(objectResult.id);
+                    this.objectsStatusMap.set(objectResult.id, "updated");
+                    await __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_chGridPendingForUpdateEl, "f").markRow(objectResult.id, false);
                 }
-                await this.objectsContextMenuCallback(grid, {
-                    selection: selection,
-                    clientX: ev.detail.clientX,
-                    clientY: ev.detail.clientY
-                });
+                else {
+                    this.objectsStatusMap.set(objectResult.id, "pending");
+                }
+            });
+            this.updating = false;
+        });
+        _GxIdeTeamDevUpdate_renderActionCellContent.set(this, (action) => {
+            let icon;
+            let caption;
+            let iconColor;
+            if (action === "deleted") {
+                icon = SUBSTRACT_ICON;
+                caption = __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").actions.delete;
+                iconColor = "--mer-icon__error";
             }
-        };
-        this.markAllPendingToUpdateRows = () => {
-            this.chGridPendingForUpdateEl.markAllRows();
-        };
-        this.gridOnSelectionChangedCallbackHandler = (grid) => async (ev) => {
-            if (this.selectCallback) {
-                await this.selectCallback(grid, ev.detail.rowsId);
+            else if (action === "inserted") {
+                icon = ADD_ICON;
+                caption = __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").actions.insert;
+                iconColor = "--mer-icon__success";
             }
-        };
-        this.genexusServerUrlHandler = () => {
-            var _a;
-            if ((_a = this.updateFrom) === null || _a === void 0 ? void 0 : _a.serverUrl) {
-                window.open(this.updateFrom.serverUrl);
+            else if (action === "modified") {
+                icon = EDITED_ICON;
+                caption = __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").actions.modify;
+                iconColor = "--mer-icon__warning";
             }
-        };
-        this.renderOptions = () => {
-            return (h("div", { class: "options-wrapper" }, h("gx-ide-container", { part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom, titleType: "secondary", contentBorderEnd: true, noContentPadding: true }, h("gx-ide-list-selector", { type: "single-selection", listName: "commit-recent-messages", readonly: true, noListBorder: true }, h("gx-ide-list-selector-item", { icon: "window-tools/genexus-cloud", itemId: "genexus-server", itemValue: undefined, class: "genexus-server", onClick: this.genexusServerUrlHandler }, `${this._componentLocale.options.updateFrom}:`, h("gxg-text", { type: "text-link" }, this.updateFrom ? this.updateFrom.serverUrl : "")), h("gx-ide-list-selector-item", { icon: "general/knowledge-base", itemId: "knowledge-base", itemValue: `${this._componentLocale.options.knowledgeBase}: ${this.updateFrom ? this.updateFrom.kbName : ""}` }), h("gx-ide-list-selector-item", { icon: "general/version", itemId: "version", itemValue: `${this._componentLocale.options.version}: ${this.updateFrom ? this.updateFrom.versionName : ""}` }), h("gx-ide-list-selector-item", { icon: "window-tools/last-changes-view", itemId: "last-full-update", itemValue: `${this._componentLocale.options.lastFullUpdate}: ${formatDate(this.updateFrom.lastFullUpdate)}` }))), h("gx-ide-container", { part: "options-scope", containerTitle: this._componentLocale.options.scope, titleType: "secondary" }, h("div", { class: "scope" }, h("div", { class: "row" }, h("gxg-label", { labelPosition: "start", center: true, noMargin: true }, this._componentLocale.options.objects, ":"), h("span", { class: {
-                    bold: this.objectScopeText === "partial",
-                    value: true
-                } }, this._componentLocale.options.scopeData.objects[this.objectScopeText.toLocaleLowerCase()]), h("gxg-text", { type: "text-link", onClick: this.objectsScope, part: "gxg-button gxg-button--scope-objects-change" }, this._componentLocale.options.changeBtn)), h("div", { class: "row" }, h("gxg-label", { labelPosition: "start", center: true, noMargin: true }, this._componentLocale.options.revision, ":"), h("span", { class: {
-                    bold: this.revisionScopeText !== undefined,
-                    value: true
-                } }, this.revisionScopeText === undefined
-                ? this._componentLocale.options.scopeData.revision.latest
-                : this.revisionScopeText), h("gxg-text", { type: "text-link", onClick: this.revisionScope, part: "gxg-button gxg-button--scope-revision-change" }, this._componentLocale.options.changeBtn)), h("div", { class: "row" }, h("gxg-form-checkbox", { label: this._componentLocale.options.kbProperties, class: "align-center", part: "option-kb-properties" }))))));
-        };
-        this.renderFilter = () => {
-            return (h("div", { class: {
-                    "filter-row": true
-                } }, h("gxg-form-text", { "label-position": "start", centerLabel: true, label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), part: "filter-pattern", onInput: this.loadData, class: "combo" }), h("gxg-combo-box", { "label-position": "start", centerLabel: true, "disable-filter": true, label: this._componentLocale.filter.type, disabled: !this.types, ref: (el) => (this.filterTypeEl = el), onValueChanged: this.loadData, part: "filter-type", value: this.types[0].id, class: "combo" }, renderComboItems(this.types)), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload", class: "button" })));
-        };
-        this.renderData = () => {
-            return (h("gx-ide-container", { part: "data-container", noContentPadding: true, class: "gxi-overflow-auto", displayBorderTop: true }, h("gxg-tabs", { id: "dataTabs", part: "data-tabs" }, h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.pendingForUpdate, tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.ignoredObjects, tab: "ignoredObjects", key: "ignoredObjects" }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.results, tab: "results", key: "results", ref: (el) => (this.gxgTabButtonResultsEl = el) })), h("gxg-tab", { tab: "pendingForUpdate", key: "pendingForUpdate", noPadding: true, isSelected: true }, this.renderPendingForUpdate()), h("gxg-tab", { tab: "ignoredObjects", key: "ignoredObjects", noPadding: true }, this.renderIgnoredObjects()), h("gxg-tab", { tab: "results", key: "results", noPadding: true }, this.renderResults()))));
-        };
-        this.renderPendingForUpdate = () => {
-            return (h("ch-tabular-grid", { class: "tabular-grid tabular-grid-pending-update", "row-selection-mode": "multiple", ref: (el) => (this.chGridPendingForUpdateEl = el), part: "ch-tabular-grid-pending-for-updates", onRowContextMenu: this.onRowContextMenuHandler("pending"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("pending") }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { settingable: false, sortable: false, "column-type": "rich", richRowSelector: true, richRowSelectorMode: "mark", size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { settingable: false, sortable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { settingable: false, sortable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false, size: config.tabularGrid.colSize.commonDouble, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" })), this.updateData.pendingForUpdate.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { "cell-type": "rich", "row-selector": true, class: "tabular-grid-cell" }), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.typeIcon, class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, this.renderIconState(obj.state)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.modifiedOn)}`), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.status), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.action))))));
-        };
-        this.renderIgnoredObjects = () => {
-            return (h("ch-tabular-grid", { class: "tabular-grid", "row-selection-mode": "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-ignored-objects", onRowContextMenu: this.onRowContextMenuHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { settingable: false, sortable: false, size: "min-content", class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: "1fr", class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: "1fr", class: "tabular-grid-column" })), this.updateData.ignoredObjects.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.typeIcon, class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type))))));
-        };
-        this.renderResults = () => {
-            return (h("ch-tabular-grid", { class: "tabular-grid tabular-grid-results", "row-selection-mode": "multiple", ref: (el) => (this.chGridResultsEl = el), part: "ch-tabular-grid-results", onRowContextMenu: this.onRowContextMenuHandler("results"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("results") }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { settingable: false, sortable: false, "column-type": "tree", class: "tabular-grid-column" }), h("ch-tabular-grid-column", { settingable: false, sortable: false, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { settingable: false, sortable: false, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.notes, settingable: false, class: "tabular-grid-column" })), this.updateResultData.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, this.renderIconResult(obj.result)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.typeIcon, class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, this.renderIconState(obj.state)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.notes), h("ch-tabular-grid-rowset", null, obj.messages.map(msg => {
-                let msgType;
-                switch (msg.type) {
-                    case "info":
-                        msgType = "text-alert-info";
-                        break;
-                    case "success":
-                        msgType = "text-alert-success";
-                        break;
-                    case "warning":
-                        msgType = "text-alert-warning";
-                        break;
-                    case "error":
-                        msgType = "text-alert-error";
-                        break;
-                }
-                return (h("ch-tabular-grid-rowset-empty", null, h("gxg-text", { type: msgType }, msg.text)));
-            })))))));
-        };
-        this.renderIconState = (state) => {
-            let type;
-            switch (state) {
-                case "Modified":
-                    type = "gx-server/changes-commit-pending";
-                    break;
-                case "Inserted":
-                    type = "gx-server/new";
-                    break;
-                case "Deleted":
-                    type = "gx-server/delete";
-                    break;
-                case "Conflicted":
-                    type = "gx-server/conflict";
-                    break;
+            else if (action === "modified-with-conflicts") {
+                icon = WARNING_ICON;
+                caption = __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").actions.modifyWithConflicts;
+                iconColor = "--mer-icon__warning";
             }
-            return h("ch-image", { class: "icon-md", src: type });
-        };
-        this.renderIconResult = (result) => {
-            let type;
-            let color;
-            switch (result) {
-                case "info":
-                    type = "gemini-tools/notice";
-                    color = "primary-active";
-                    break;
-                case "success":
-                    type = "gemini-tools/success";
-                    color = "success";
-                    break;
-                case "warning":
-                    type = "gemini-tools/warning";
-                    color = "warning";
-                    break;
-                case "error":
-                    type = "gemini-tools/error";
-                    color = "error";
-                    break;
+            else if (!action) {
+                // proably is "ignored"
+                return null;
             }
-            return h("gxg-icon", { type: type, color: color });
-        };
-        this.loadData = async () => {
+            return (h("span", { class: "custom-icon-text-wrapper" }, h("ch-image", { type: "mask", class: "icon-md", src: icon, style: { backgroundColor: `var(${iconColor})` } }), `${caption}`));
+        });
+        _GxIdeTeamDevUpdate_updateSingleObject.set(this, objectId => async () => {
+            const newobjectsStatusMap = new Map(this.objectsStatusMap);
+            newobjectsStatusMap.set(objectId, "updating");
+            this.objectsStatusMap = newobjectsStatusMap;
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_updateObjectsHandler, "f").call(this, [objectId]);
+        });
+        _GxIdeTeamDevUpdate_renderObjectStatus.set(this, (objectId) => {
+            const status = this.objectsStatusMap.get(objectId);
+            const caption = status === "pending" && this.updatePillAsButton
+                ? __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").status.update
+                : __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").status[status];
+            if (status === "updating") {
+                return h("span", { class: "updating-spinner-caption" }, caption);
+            }
+            const classes = `pill pill--${status}`;
+            if (this.updatePillAsButton && status === "pending") {
+                return (h("button", { class: "button-secondary pill pill--update", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_updateSingleObject, "f").call(this, objectId) }, caption));
+            }
+            else {
+                return h("span", { class: classes }, caption);
+            }
+        });
+        _GxIdeTeamDevUpdate_renderRows.set(this, (type) => {
+            let objects;
+            if (type === "pending") {
+                objects = this.pendingObjectsAfterActionFilter;
+            }
+            else if (type === "ignored") {
+                objects = this.ignoredObjectsAfterActionFilter;
+            }
+            return objects.map(object => {
+                const objectType = {
+                    id: object.id,
+                    icon: object.typeIcon,
+                    name: object.name
+                };
+                const alreadyUpdated = this.alreadyUpdatedObjectsIdsSet.has(object.id);
+                const hideCheckbox = alreadyUpdated || type === "ignored";
+                const marked = this.markedObjectsSet.has(object.id);
+                const messages = this.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" }, object.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, renderObjectTypeWithIcon(objectType)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, object.description), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, formatDate(object.modifiedOn)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_renderActionCellContent, "f").call(this, object.action)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell tabular-grid-cell--for-pill" }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_renderObjectStatus, "f").call(this, object.id)), (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 = ERROR_ICON;
+                    }
+                    else if (message.type === "warning") {
+                        MESSAGE_ICON = WARNING_ICON;
+                    }
+                    else if (message.type === "success") {
+                        MESSAGE_ICON = SUCCESS_ICON;
+                    }
+                    else {
+                        // info
+                        MESSAGE_ICON = INFO_ICON;
+                    }
+                    return (h("li", { class: "message-description" }, h("ch-image", { class: "icon-md message-icon", src: MESSAGE_ICON }), message.text));
+                })))))));
+            });
+        });
+        _GxIdeTeamDevUpdate_rowMarkingChangedHandler.set(this, async (event) => {
+            const markedRowsIds = event.detail.rowsId;
+            this.markedObjectsSet = new Set(markedRowsIds.filter(markedObjectId => !this.alreadyUpdatedObjectsIdsSet.has(markedObjectId)));
+            if (__classPrivateFieldGet(this, _GxIdeTeamDevUpdate_rowCheckedChangedByTheUser, "f")) {
+                __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_updatePendingCheckedItems, "f").call(this, event);
+            }
+        });
+        _GxIdeTeamDevUpdate_updatePendingCheckedItems.set(this, async (event) => {
+            const addedRowsIds = event.detail.addedRowsId;
+            const removedRowsId = event.detail.removedRowsId;
+            const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({
+                itemsChecked: addedRowsIds,
+                itemsUnchecked: removedRowsId
+            });
+            if (pendingItemCheckedResult === undefined) {
+                // undo check/uncheck
+                await __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_revertPendingCommitsCheckboxes, "f").call(this, addedRowsIds, removedRowsId);
+            }
+            else {
+                await __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_togglePendingCommitsCheckboxes, "f").call(this, pendingItemCheckedResult);
+            }
+        });
+        _GxIdeTeamDevUpdate_searchInputHandler.set(this, (event) => {
+            this.searchValue = event.detail;
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_loadData, "f").call(this);
+        });
+        // Local Methods Update
+        _GxIdeTeamDevUpdate_actionChangedHandler.set(this, (event) => {
+            this.selectedAction = event.detail;
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_loadData, "f").call(this);
+        });
+        _GxIdeTeamDevUpdate_typeChangedHandler.set(this, async (event) => {
+            this.selectedType = event.detail;
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_loadData, "f").call(this);
+        });
+        _GxIdeTeamDevUpdate_setInitialObjectsStatus.set(this, () => {
+            this.pendingAndIgnored.pendingForUpdate.forEach(pendingObject => {
+                var _a;
+                const status = (_a = pendingObject.status) !== null && _a !== void 0 ? _a : "pending";
+                this.objectsStatusMap.set(pendingObject.id, status);
+                if (status === "updated") {
+                    this.alreadyUpdatedObjectsIdsSet.add(pendingObject.id);
+                }
+            });
+            this.pendingAndIgnored.ignoredObjects.forEach(ignoredObject => {
+                var _a;
+                const status = (_a = ignoredObject.status) !== null && _a !== void 0 ? _a : "ignored";
+                this.objectsStatusMap.set(ignoredObject.id, status);
+            });
+        });
+        _GxIdeTeamDevUpdate_loadData.set(this, async (forceLoad = false) => {
             const filters = {
-                pattern: this.showFilter ? this.filterPatternEl.value : null,
-                type: this.showFilter ? this.filterTypeEl.value : null
+                search: this.searchValue,
+                type: this.selectedType,
+                kbProperties: this.kbPropertiesChecked,
+                action: this.selectedAction
             };
-            // this.updateData = null;
-            this.isLoading = true;
-            this.updateData = await this.loadCallback(filters);
-            this.isLoading = false;
-            if (!this.loadDataCalledFirstTime) {
-                /* this allows checking the pending commits checkboxes on first load*/
-                this.loadDataCalledFirstTime = true;
+            this.loading = true;
+            this.objectsMessagesDataMap.clear();
+            this.pendingAndIgnored = await this.loadCallback(filters, forceLoad);
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_setInitialObjectsStatus, "f").call(this);
+            this.loading = false;
+            // Is is required to mark/check all objects after loadCallback.
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_markPendingObjects, "f").call(this);
+        });
+        /**
+         * Marks all pending objects that have not been committed yet.
+         *
+         * Iterates through all pending object IDs and adds them to the marked objects set
+         * if they are not already in the committed objects set. This effectively identifies
+         * and marks all the pending objects that still need to be processed.
+         **/
+        _GxIdeTeamDevUpdate_markPendingObjects.set(this, () => {
+            for (const pendingId of this.pendingIdsSet) {
+                if (!this.alreadyUpdatedObjectsIdsSet.has(pendingId)) {
+                    this.markedObjectsSet = new Set([...this.markedObjectsSet, pendingId]);
+                }
             }
-        };
-        this.update = async () => {
-            if (this.updateCallback) {
-                const pendingForUpdateMarked = await this.chGridPendingForUpdateEl.getMarkedRows();
-                this.updateCallback(pendingForUpdateMarked).then((updateResultData) => {
-                    this.updateResultData = updateResultData;
-                    this.gxgTabButtonResultsEl.tabButtonClick();
+        });
+        _GxIdeTeamDevUpdate_applyClientFilter.set(this, () => {
+            // this.pendingObjectsAfterActionFilter = this.#filteredObjects(
+            //   this.pendingAndIgnored.pendingForUpdate
+            // );
+            this.pendingObjectsAfterActionFilter =
+                this.pendingAndIgnored.pendingForUpdate;
+            // this.ignoredObjectsAfterActionFilter = this.#filteredObjects(
+            //   this.pendingAndIgnored.ignoredObjects
+            // );
+            this.ignoredObjectsAfterActionFilter =
+                this.pendingAndIgnored.ignoredObjects;
+        });
+        // #filteredObjects = (objects: ModifiedObject[]): ModifiedObject[] => {
+        //   let filtered = objects;
+        //   // name or description
+        //   if (this.searchValue.length) {
+        //     filtered = filtered.filter(object => {
+        //       const nameFiltered = object.name
+        //         .toLowerCase()
+        //         .includes(this.searchValue.toLowerCase());
+        //       const descriptionFiltered = object.description
+        //         .toLowerCase()
+        //         .includes(this.searchValue.toLowerCase());
+        //       return nameFiltered || descriptionFiltered;
+        //     });
+        //   }
+        //   return filtered;
+        // };
+        _GxIdeTeamDevUpdate_onRowContextMenuHandler.set(this, () => async (ev) => {
+            ev.preventDefault();
+            ev.stopPropagation();
+            const selection = await __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_chGridPendingForUpdateEl, "f").getSelectedRows();
+            const selectedRowId = (await __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_chGridPendingForUpdateEl, "f").getSelectedCell()).rowId;
+            const source = this.pendingIdsSet.has(selectedRowId)
+                ? "pending"
+                : "ignored";
+            let filteredSelection = [];
+            // remove selected rows from the other source, if any.
+            if (selection.length > 1 && source === "pending") {
+                selection.forEach(async (selectedRowId) => {
+                    if (this.ignoredIdsSet.has(selectedRowId)) {
+                        await __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_chGridPendingForUpdateEl, "f").selectRow(selectedRowId, false);
+                    }
+                    else {
+                        filteredSelection.push(selectedRowId);
+                    }
                 });
             }
-        };
-        this.objectsScope = () => {
-            if (this.objectsScopeCallback) {
-                this.objectsScopeCallback().then(objectData => {
-                    if (objectData) {
-                        this.objectScopeText = objectData;
+            else if (selection.length > 1 && source === "ignored") {
+                selection.forEach(async (selectedRowId) => {
+                    if (this.pendingIdsSet.has(selectedRowId)) {
+                        await __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_chGridPendingForUpdateEl, "f").selectRow(selectedRowId, false);
+                    }
+                    else {
+                        filteredSelection.push(selectedRowId);
                     }
                 });
             }
-        };
-        this.revisionScope = () => {
-            if (this.revisionScopeCallback) {
-                this.revisionScopeCallback().then(revisionData => {
-                    this.revisionScopeText = revisionData;
-                });
+            else {
+                filteredSelection = selection;
             }
-        };
-        this.pendingForUpdatesRowMarkingChangedHandler = async (e) => {
-            // remove "rowMarkingChanged" until checkboxes have been added/removed on togglePendingCommitsCheckboxes, to prevent loops.
-            this.chGridPendingForUpdateEl.removeEventListener("rowMarkingChanged", this.pendingForUpdatesRowMarkingChangedHandler);
-            if (this.chGridPendingForUpdateEl) {
-                const addedRowsIds = e.detail.addedRowsId;
-                const removedRowsId = e.detail.removedRowsId;
-                const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({
-                    itemsChecked: addedRowsIds,
-                    itemsUnchecked: removedRowsId
-                });
-                if (pendingItemCheckedResult === undefined) {
-                    // undo check/uncheck
-                    await this.revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);
+            await this.contextMenuCallback(source, {
+                selection: filteredSelection,
+                clientX: ev.detail.clientX,
+                clientY: ev.detail.clientY
+            });
+        });
+        _GxIdeTeamDevUpdate_revertPendingCommitsCheckboxes.set(this, async (addedRowsIds, removedRowsId) => {
+            if (__classPrivateFieldGet(this, _GxIdeTeamDevUpdate_chGridPendingForUpdateEl, "f")) {
+                for (const rowId of addedRowsIds) {
+                    await __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_chGridPendingForUpdateEl, "f").markRow(rowId, false);
                 }
-                else {
-                    await this.togglePendingCommitsCheckboxes(pendingItemCheckedResult);
+                for (const rowId of removedRowsId) {
+                    await __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_chGridPendingForUpdateEl, "f").markRow(rowId, true);
                 }
-                this.chGridPendingForUpdateEl.addEventListener("rowMarkingChanged", this.pendingForUpdatesRowMarkingChangedHandler);
             }
-            this.chGridPendingForUpdateEl.addEventListener("rowMarkingChanged", this.pendingForUpdatesRowMarkingChangedHandler);
-        };
-        this.togglePendingCommitsCheckboxes = async (itemsToToggle) => {
-            if (this.chGridPendingForUpdateEl) {
+        });
+        _GxIdeTeamDevUpdate_togglePendingCommitsCheckboxes.set(this, async (itemsToToggle) => {
+            if (__classPrivateFieldGet(this, _GxIdeTeamDevUpdate_chGridPendingForUpdateEl, "f")) {
                 const itemsToCheck = itemsToToggle.itemsToCheck;
                 const itemsToUncheck = itemsToToggle.itemsToUncheck;
                 // check
                 for (const rowId of itemsToCheck) {
-                    await this.chGridPendingForUpdateEl.markRow(rowId, true);
+                    await __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_chGridPendingForUpdateEl, "f").markRow(rowId, true);
                 }
                 // uncheck
                 for (const rowId of itemsToUncheck) {
-                    await this.chGridPendingForUpdateEl.markRow(rowId, false);
+                    await __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_chGridPendingForUpdateEl, "f").markRow(rowId, false);
                 }
             }
-        };
-        this.revertPendingCommitsCheckboxes = async (addedRowsIds, removedRowsId) => {
-            if (this.chGridPendingForUpdateEl) {
-                for (const rowId of addedRowsIds) {
-                    await this.chGridPendingForUpdateEl.markRow(rowId, false);
-                }
-                for (const rowId of removedRowsId) {
-                    await this.chGridPendingForUpdateEl.markRow(rowId, true);
-                }
-            }
-        };
-        this.isLoading = false;
-        this.objectScopeText = "all";
-        this.openTab = "pending";
-        this.revisionScopeText = undefined;
-        this.showFilter = false;
-        this.updateData = {
+        });
+        _GxIdeTeamDevUpdate_kbPropertiesChangedHandler.set(this, (event) => {
+            this.kbPropertiesChecked = event.detail === CHECKBOX_CHECKED_VALUE;
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_loadData, "f").call(this, true);
+        });
+        this.atLeastOneObjectIsChecked = false;
+        this.loading = true;
+        this.menuContextAction = undefined;
+        this.searchValue = "";
+        this.selectedAction = "all-actions";
+        this.markedObjectsSet = new Set([]);
+        this.alreadyUpdatedObjectsIdsSet = new Set([]);
+        this.pendingIdsSet = new Set([]);
+        this.ignoredIdsSet = new Set([]);
+        this.objectsMessagesDataMap = new Map();
+        this.updating = false;
+        this.kbPropertiesChecked = false;
+        this.typesComboBoxModel = undefined;
+        this.selectedType = undefined;
+        this.objectsStatusMap = new Map();
+        this.contextMenuCallback = undefined;
+        this.pendingAndIgnored = {
             pendingForUpdate: [],
             ignoredObjects: []
         };
-        this.updateResultData = [];
-        this.displayTitle = false;
-        this.confirmCallback = undefined;
-        this.gridContextMenuCallback = undefined;
+        this.pendingObjectsAfterActionFilter = [];
+        this.ignoredObjectsAfterActionFilter = [];
         this.loadCallback = undefined;
-        this.objectsScopeCallback = undefined;
-        this.openServerCallback = undefined;
         this.pendingItemsCheckedCallback = undefined;
-        this.revisionScopeCallback = undefined;
-        this.objectsContextMenuCallback = undefined;
-        this.selectCallback = undefined;
         this.types = undefined;
+        this.updatePillAsButton = false;
         this.updateCallback = undefined;
+        this.openServerCallback = undefined;
         this.updateFrom = undefined;
     }
-    // 6.COMPONENT LIFECYCLE EVENTS //
+    markedObjectsSetChanged(newMarkedObjectsSet) {
+        this.atLeastOneObjectIsChecked = newMarkedObjectsSet.size > 0;
+    }
+    objectsStatusMapChanged(newObjectsStatusMap) {
+        const someObjectIsUpdating = [...newObjectsStatusMap.entries()].find(([, state]) => state === "updating");
+        if (!someObjectIsUpdating) {
+            this.updating = false;
+        }
+    }
+    pendingAndIgnoredChanged() {
+        __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_applyClientFilter, "f").call(this);
+        this.pendingIdsSet.clear();
+        this.pendingAndIgnored.pendingForUpdate.forEach(pending => {
+            this.pendingIdsSet.add(pending.id);
+        });
+        this.ignoredIdsSet.clear();
+        this.pendingAndIgnored.ignoredObjects.forEach(ignored => {
+            this.ignoredIdsSet.add(ignored.id);
+        });
+    }
     async componentWillLoad() {
-        this._componentLocale = await Locale.getComponentStrings(this.el);
-        this.componentDidLoadEvent.emit(true);
+        var _a;
+        __classPrivateFieldSet(this, _GxIdeTeamDevUpdate_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        // Initiate "actions" combo box filter
+        __classPrivateFieldSet(this, _GxIdeTeamDevUpdate_actionsComboBoxModel, [
+            {
+                caption: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").actions.allActions,
+                value: "all-actions"
+            },
+            {
+                caption: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").actions.insert,
+                value: "inserted"
+            },
+            {
+                caption: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").actions.modify,
+                value: "modified"
+            },
+            {
+                caption: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").actions.modifyWithConflicts,
+                value: "modified-with-conflicts"
+            },
+            {
+                caption: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").actions.delete,
+                value: "deleted"
+            }
+        ], "f");
+        // Set type initial value
+        this.selectedType = (_a = this.types[0]) === null || _a === void 0 ? void 0 : _a.id;
+        this.typesComboBoxModel = mapObjectTypeToComboBoxItemModel(this.types);
     }
     async componentDidLoad() {
-        await this.loadData();
-        this.filterPatternEl.focus();
-    }
-    async componentDidRender() {
-        if (!this.renderedFirstTime) {
-            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-            this.renderedFirstTime = true;
-        }
-        if (this.loadDataCalledFirstTime) {
-            // call this method only once
-            await this.markAllPendingToUpdateRows();
-            // attach "rowMarkingChanged" after rows have been checked for the first time.
-            this.chGridPendingForUpdateEl.addEventListener("rowMarkingChanged", this.pendingForUpdatesRowMarkingChangedHandler);
-            this.loadDataCalledFirstTime = false;
-        }
+        await __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_loadData, "f").call(this, true);
     }
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
     /**
-     * The method used by the host to instruct the component to force a data reload in the grids.
+     * Used by the host to instruct the component to force a data reload in the grids.
      */
     async reload() {
-        this.loadData();
+        __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_loadData, "f").call(this, true);
     }
-    // 10.RENDER() FUNCTION //
     render() {
-        return (h(Host, { class: "gx-ide-component" }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { displayBorderTop: true, noContentPadding: true, slimmerFooter: config.gxIdeContainer.slimmerFooter, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, this.renderOptions(), this.renderFilter(), this.renderData(), h("gxg-button", { id: "button-update", type: "primary-text-only", onClick: this.update, part: "gxg-button gxg-button--update", disabled: this.isLoading, slot: "footer-end" }, this._componentLocale.footer.btnUpdate)))));
+        const enableRichRowSelector = true;
+        const disableControls = this.updating || this.loading;
+        const gridIsEmpty = this.pendingObjectsAfterActionFilter.length === 0 &&
+            this.ignoredObjectsAfterActionFilter.length === 0;
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, h("header", { class: "header spacing-body-inline spacing-body-block-start" }, h("div", {
+            // header details
+            class: "header__detail header__detail-1"
+        }, h("p", { class: "detail__heading-genexus-server subtitle-semi-bold-s" }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").commitDetail.title), h("div", {
+            // genexus server
+            class: "detail__genexus-server field field-block"
+        }, h("span", { class: DETAIL_LABEL_CLASSES }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").commitDetail.genexusServer), h("button", { class: "detail__link body-regular-s", onClick: this.openServerCallback }, this.updateFrom ? this.updateFrom.serverUrl : "")), h("div", {
+            // knowledge base
+            class: "detail__knowledge-base field field-block"
+        }, h("span", { class: DETAIL_LABEL_CLASSES }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").commitDetail.knowledgeBase), h("p", { class: "body-regular-s" }, this.updateFrom ? this.updateFrom.kbName : "")), h("div", {
+            // version
+            class: "detail__version field field-block"
+        }, h("span", { class: DETAIL_LABEL_CLASSES }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").commitDetail.version), h("p", { class: "body-regular-s" }, this.updateFrom ? this.updateFrom.versionName : "")), h("div", {
+            // last full update
+            class: "detail__last-full-update field field-block"
+        }, h("span", { class: DETAIL_LABEL_CLASSES }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").commitDetail.lastFullUpdate), h("p", { class: "body-regular-s" }, formatDate(this.updateFrom.lastFullUpdate))))), h("div", { class: "filter-container spacing-body-inline" }, h("div", { class: "filter" }, h("ch-edit", {
+            // search
+            class: "input filter__search", disabled: disableControls, startImgSrc: SEARCH_ICON, accessibleName: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").filter.searchAccessibleName, placeholder: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").filter.searchPlaceholder, type: "search", onInput: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_searchInputHandler, "f"), debounce: config.inputDebounce
+        }), h("ch-combo-box-render", {
+            // types
+            class: "combo-box filter__types", disabled: disableControls, model: this.typesComboBoxModel, value: this.selectedType, accessibleName: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").filter.typeAccesibleName, placeholder: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").filter.typePlaceholder, onInput: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_typeChangedHandler, "f")
+        }), h("ch-combo-box-render", {
+            // actions
+            class: "combo-box filter__actions", disabled: disableControls, model: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_actionsComboBoxModel, "f"), value: this.selectedAction, onInput: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_actionChangedHandler, "f"), accessibleName: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").filter.actionAccesibleName, placeholder: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").filter.actionPlaceholder
+        }), h("ch-checkbox", {
+            // kb properties
+            class: "checkbox filter__kb-properties", caption: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").filter.kbProperties, checkedValue: CHECKBOX_CHECKED_VALUE, value: CHECKBOX_UNCHECKED_VALUE, onInput: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_kbPropertiesChangedHandler, "f"), disabled: disableControls
+        }), h("div", { class: "buttons-spacer filter__buttons" }, h("button", {
+            // reload button
+            class: "button-secondary button-icon-and-text", disabled: disableControls, onClick: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_reloadClickedHandler, "f")
+        }, h("ch-image", { class: "icon-md", src: REFRESH_ICON }), __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").filter.reload), h("button", {
+            // update button
+            class: "button-primary button-update", disabled: !this.atLeastOneObjectIsChecked || disableControls, onClick: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_updateCheckedClickedHandler, "f")
+        }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").filter.update)))), h("div", { class: "main spacing-body" }, !this.loading ? (h("ch-tabular-grid", { class: {
+                "tabular-grid": true,
+                "objects-tabular-grid": true,
+                "disabled-custom-selector": this.updating,
+                "empty-result": gridIsEmpty
+            }, keyboardNavigationMode: "focus", rowSelectionMode: "multiple", onRowMarkingChanged: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_rowMarkingChangedHandler, "f"), onRowContextMenu: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_onRowContextMenuHandler, "f").call(this), ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevUpdate_chGridPendingForUpdateEl, el, "f")) }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "name", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").objects.name, columnType: "rich", richRowSelector: enableRichRowSelector, richRowSelectorMode: "mark", settingable: false, size: "max-content" }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "type", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").objects.type, settingable: false, size: "max-content" }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "description", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").objects.description, settingable: false, size: config.tabularGrid.colSize.description }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "modified-on", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").objects.modifiedOn, settingable: false, size: "max-content" }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "action", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").objects.action, settingable: false, size: "max-content" }), h("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: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").objects.status, settingable: false, size: "100px"
+        })), !gridIsEmpty
+            ? [
+                h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-legend", { class: "tabular-grid-rowset-legend" }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").objects.pending), __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_renderRows, "f").call(this, "pending")),
+                h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-legend", { class: "tabular-grid-rowset-legend" }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").objects.ignored), __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_renderRows, "f").call(this, "ignored"))
+            ]
+            : null, h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, gridIsEmpty && (h("ch-tabular-grid-rowset-empty", null, h("gx-ide-empty-state", { class: "empty-state", isAnimated: true, stateIconSrc: FILTER_ICON, stateTitle: "No object matched your filter" })))))) : (h("gx-ide-loader", { cancelLabel: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").loader.cancelLabel, loaderTitle: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").loader.title, description: __classPrivateFieldGet(this, _GxIdeTeamDevUpdate_componentLocale, "f").loader.description, show: true, class: "loader" }))))));
     }
     static get assetsDirs() { return ["gx-ide-assets/team-dev-update"]; }
     get el() { return this; }
+    static get watchers() { return {
+        "markedObjectsSet": ["markedObjectsSetChanged"],
+        "objectsStatusMap": ["objectsStatusMapChanged"],
+        "pendingAndIgnored": ["pendingAndIgnoredChanged"]
+    }; }
     static get style() { return updateCss; }
 }, [1, "gx-ide-team-dev-update", {
-        "displayTitle": [4, "display-title"],
-        "confirmCallback": [16],
-        "gridContextMenuCallback": [16],
+        "contextMenuCallback": [16],
         "loadCallback": [16],
-        "objectsScopeCallback": [16],
-        "openServerCallback": [16],
         "pendingItemsCheckedCallback": [16],
-        "revisionScopeCallback": [16],
-        "objectsContextMenuCallback": [16],
-        "selectCallback": [16],
         "types": [16],
+        "updatePillAsButton": [4, "update-pill-as-button"],
         "updateCallback": [16],
+        "openServerCallback": [16],
         "updateFrom": [16],
-        "isLoading": [32],
-        "objectScopeText": [32],
-        "openTab": [32],
-        "revisionScopeText": [32],
-        "showFilter": [32],
-        "updateData": [32],
-        "updateResultData": [32],
+        "atLeastOneObjectIsChecked": [32],
+        "loading": [32],
+        "menuContextAction": [32],
+        "searchValue": [32],
+        "selectedAction": [32],
+        "markedObjectsSet": [32],
+        "alreadyUpdatedObjectsIdsSet": [32],
+        "pendingIdsSet": [32],
+        "ignoredIdsSet": [32],
+        "objectsMessagesDataMap": [32],
+        "updating": [32],
+        "kbPropertiesChecked": [32],
+        "typesComboBoxModel": [32],
+        "selectedType": [32],
+        "objectsStatusMap": [32],
+        "pendingAndIgnored": [32],
+        "pendingObjectsAfterActionFilter": [32],
+        "ignoredObjectsAfterActionFilter": [32],
         "reload": [64]
+    }, undefined, {
+        "markedObjectsSet": ["markedObjectsSetChanged"],
+        "objectsStatusMap": ["objectsStatusMapChanged"],
+        "pendingAndIgnored": ["pendingAndIgnoredChanged"]
     }]);
+_GxIdeTeamDevUpdate_componentLocale = new WeakMap(), _GxIdeTeamDevUpdate_actionsComboBoxModel = new WeakMap(), _GxIdeTeamDevUpdate_rowCheckedChangedByTheUser = new WeakMap(), _GxIdeTeamDevUpdate_chGridPendingForUpdateEl = new WeakMap(), _GxIdeTeamDevUpdate_updateCheckedClickedHandler = new WeakMap(), _GxIdeTeamDevUpdate_reloadClickedHandler = new WeakMap(), _GxIdeTeamDevUpdate_updateObjectsHandler = new WeakMap(), _GxIdeTeamDevUpdate_renderActionCellContent = new WeakMap(), _GxIdeTeamDevUpdate_updateSingleObject = new WeakMap(), _GxIdeTeamDevUpdate_renderObjectStatus = new WeakMap(), _GxIdeTeamDevUpdate_renderRows = new WeakMap(), _GxIdeTeamDevUpdate_rowMarkingChangedHandler = new WeakMap(), _GxIdeTeamDevUpdate_updatePendingCheckedItems = new WeakMap(), _GxIdeTeamDevUpdate_searchInputHandler = new WeakMap(), _GxIdeTeamDevUpdate_actionChangedHandler = new WeakMap(), _GxIdeTeamDevUpdate_typeChangedHandler = new WeakMap(), _GxIdeTeamDevUpdate_setInitialObjectsStatus = new WeakMap(), _GxIdeTeamDevUpdate_loadData = new WeakMap(), _GxIdeTeamDevUpdate_markPendingObjects = new WeakMap(), _GxIdeTeamDevUpdate_applyClientFilter = new WeakMap(), _GxIdeTeamDevUpdate_onRowContextMenuHandler = new WeakMap(), _GxIdeTeamDevUpdate_revertPendingCommitsCheckboxes = new WeakMap(), _GxIdeTeamDevUpdate_togglePendingCommitsCheckboxes = new WeakMap(), _GxIdeTeamDevUpdate_kbPropertiesChangedHandler = new WeakMap();
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["gx-ide-team-dev-update", "gx-ide-container", "gx-ide-list-selector", "gx-ide-list-selector-item", "gx-ide-title"];
+    const components = ["gx-ide-team-dev-update", "gx-ide-empty-state", "gx-ide-loader"];
     components.forEach(tagName => { switch (tagName) {
         case "gx-ide-team-dev-update":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, GxIdeTeamDevUpdate$1);
             }
             break;
-        case "gx-ide-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "gx-ide-list-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "gx-ide-list-selector-item":
+        case "gx-ide-empty-state":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "gx-ide-title":
+        case "gx-ide-loader":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }