@genexus/genexus-ide-ui 1.1.42 → 1.1.44

package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.9.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;;;;GAKA,OAAMA,eAAe;EAajB,MAAMC,gBAAyBC;EAC/B,MAAMC,IAAqE;EAC3E,IAAIF,MAAe,IAAI;IACnBE,EAAKC,eAAe,IAAIC,IAAI,KAAKJ,GAAYK;AACrD;EACI,OAAOC,EAAeJ;AAAK;;ACnB/BH,eAAeQ,MAAKC,KAEXC,EAAcC,KAAAC,MAAA,gi+BAAuCH"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.9.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;;;;GAKA,OAAMA,eAAe;EAajB,MAAMC,gBAAyBC;EAC/B,MAAMC,IAAqE;EAC3E,IAAIF,MAAe,IAAI;IACnBE,EAAKC,eAAe,IAAIC,IAAI,KAAKJ,GAAYK;AACrD;EACI,OAAOC,EAAeJ;AAAK;;ACnB/BH,eAAeQ,MAAKC,KAEXC,EAAcC,KAAAC,MAAA,yk+BAAuCH"}

package/dist/genexus-ide-ui/gx-ide-assets/start-page/langs/start-page.lang.en.json

@@ -8,6 +8,10 @@
     "description": "Create a new Knowledge Base to start working.",
     "buttonCaption": "New Knowledge Base"
   },
+  "viewSamples": {
+    "title": "View Samples",
+    "description": "Explore our  samples. Search, discover, and chat with the assistant to find exactly what you need."
+  },
   "openExistingProject": {
     "title": "Open Existing Project",
     "description": "You can open a project from the server, whether it's a GeneXus Next Start project or any other project.",

package/dist/genexus-ide-ui/gx-ide-assets/start-page/langs/start-page.lang.ja.json

@@ -8,6 +8,10 @@
     "description": "作業を開始するための新しいナレッジベースを作成します。",
     "buttonCaption": "新規ナレッジベース"
   },
+  "viewSamples": {
+    "title": "View Samples",
+    "description": "Explore our  samples. Search, discover, and chat with the assistant to find exactly what you need."
+  },
   "openExistingProject": {
     "title": "既存プロジェクトを開く",
     "description": "サーバーからプロジェクトを開くことができます。GeneXus Next Startプロジェクトまたはその他のプロジェクトを開くことができます。",

package/dist/genexus-ide-ui/gx-ide-assets/start-page/langs/start-page.lang.zh.json

@@ -8,6 +8,10 @@
     "description": "Create a new Knowledge Base to start working.",
     "buttonCaption": "New Knowledge Base"
   },
+  "viewSamples": {
+    "title": "View Samples",
+    "description": "Explore our  samples. Search, discover, and chat with the assistant to find exactly what you need."
+  },
   "openExistingProject": {
     "title": "Open Existing Project",
     "description": "You can open a project from the server, whether it's a GeneXus Next Start project or any other project.",

package/dist/genexus-ide-ui/{p-8c867f9a.entry.js → p-072419f9.entry.js}

@@ -8,7 +8,7 @@ import { c as n } from "./p-9a03ac9f.js";
 
 import { h as r, m as o } from "./p-edcd0022.js";
 
-import { f as d } from "./p-8c15538c.js";
+import { f as d } from "./p-1972b953.js";
 
 const c = ':host{container-type:inline-size;display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.header{grid-template-areas:"name module-folder" "advanced-filter advanced-filter";grid-template-columns:1fr 1fr;grid-auto-rows:max-content max-content}.name{grid-area:name}.module-folder{grid-area:module-folder}.advanced-filter{grid-area:advanced-filter}.advanced-filter__container{display:grid;grid-auto-rows:max-content}.advanced-filter__first-row{grid-template-columns:1fr 1fr}.advanced-filter__second-row{grid-template-columns:1fr 1fr 1fr}.advanced-filter .all-descendants__modified{display:flex;flex-direction:row;align-items:center;block-size:32px;gap:16px;align-self:self-end}.field-date{grid-template-areas:"label-date-time label-date-time" "input-date-time icon-clear-date-time";grid-template-columns:1fr max-content;column-gap:var(--mer-spacing--2xs)}.label-date-time{display:flex;align-items:center;gap:6px;grid-area:label-date-time}.label-date-time .icon-md{--mer-icon__box--md:16.8px}.input-date-time{block-size:31.98px;grid-area:input-date-time}.icon-clear-date-time{grid-area:icon-clear-date-time}.tabular-grid{overflow:auto;inline-size:100%;border-inline-end:var(--section-common-border)}.tabular-grid.empty::part(main),.tabular-grid.loading::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}.main__files-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--mer-spacing--xs);position:relative;z-index:1}.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}.tabular-grid ch-tabular-grid-cell:is(:nth-child(4)){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-cell-description{min-inline-size:max-content !important}.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}';
 
@@ -613,4 +613,4 @@ G = new WeakMap, J = new WeakMap;
 ne.style = c;
 
 export { ne as gx_ide_ww_files };
-//# sourceMappingURL=p-8c867f9a.entry.js.map
+//# sourceMappingURL=p-072419f9.entry.js.map

package/dist/genexus-ide-ui/{p-e1a2550e.entry.js → p-083d8e94.entry.js}

@@ -8,11 +8,11 @@ import { u as s, a as l } from "./p-c9b9e260.js";
 
 import { r as o } from "./p-a24571ca.js";
 
-import { f as c } from "./p-8c15538c.js";
+import { f as c } from "./p-1972b953.js";
 
 import { c as d } from "./p-9a03ac9f.js";
 
-import { C as h } from "./p-77c2e69d.js";
+import { C as h } from "./p-c8270f7d.js";
 
 import { s as p } from "./p-02fb496a.js";
 
@@ -228,7 +228,7 @@ const ne = class {
         const i = {
           id: n.id,
           icon: n.typeIcon,
-          name: n.name
+          name: n.type
         };
         const a = this.alreadyUpdatedObjectsIdsSet.has(n.id);
         const r = a || e === "ignored";
@@ -454,7 +454,7 @@ const ne = class {
       const t = e.detail.columnId;
       let n;
       let i = "string";
-      if (t === h.modifiedOn || t === h.lastSynchronized) {
+      if (t === h.lastSynchronized) {
         i = "dateString";
       }
       this.pendingObjectsAfterActionFilter = [ ...p(e, this.pendingObjectsAfterActionFilter, i, n) ];
@@ -791,4 +791,4 @@ D = new WeakMap;
 ne.style = u;
 
 export { ne as gx_ide_team_dev_update };
-//# sourceMappingURL=p-e1a2550e.entry.js.map
+//# sourceMappingURL=p-083d8e94.entry.js.map

package/dist/genexus-ide-ui/{p-e1a2550e.entry.js.map → p-083d8e94.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["mapObjectTypeToComboBoxItemModel","objectTypeModel","map","objectType","value","id","caption","name","startImgSrc","icon","updateCss","CSS_BUNDLES","CHECKBOX_CHECKED_VALUE","CHECKBOX_UNCHECKED_VALUE","DETAIL_LABEL_CLASSES","ADD_ICON","getIconPath","category","colorType","EDITED_ICON","FILTER_ICON","SEARCH_ICON","SUBSTRACT_ICON","WARNING_ICON","ERROR_ICON","SUCCESS_ICON","INFO_ICON","REFRESH_ICON","GxIdeTeamDevUpdate","_GxIdeTeamDevUpdate_componentLocale","set","this","_GxIdeTeamDevUpdate_actionsComboBoxModel","_GxIdeTeamDevUpdate_rowCheckedChangedByTheUser","_GxIdeTeamDevUpdate_chGridPendingForUpdateEl","_GxIdeTeamDevUpdate_updateCheckedClickedHandler","async","__classPrivateFieldGet","_GxIdeTeamDevUpdate_updateObjectsHandler","call","markedObjectsSet","_GxIdeTeamDevUpdate_reloadClickedHandler","_GxIdeTeamDevUpdate_loadData","selection","__classPrivateFieldSet","updating","forEach","itemToUpdate","objectsStatusMap","updateResult","updateCallback","objectResult","messages","length","objectsMessagesDataMap","delete","result","alreadyUpdatedObjectsIdsSet","Set","add","markRow","_GxIdeTeamDevUpdate_renderActionCellContent","action","iconColor","actions","insert","modify","modifyWithConflicts","h","class","type","src","style","backgroundColor","_GxIdeTeamDevUpdate_updateSingleObject","objectId","newobjectsStatusMap","Map","_GxIdeTeamDevUpdate_renderObjectStatus","status","get","updatePillAsButton","update","classes","onClick","_GxIdeTeamDevUpdate_renderRows","objects","pendingObjectsAfterActionFilter","ignoredObjectsAfterActionFilter","object","typeIcon","alreadyUpdated","has","hideCheckbox","marked","key","rowid","ref","el","setAttribute","size","renderObjectTypeWithIcon","description","formatDate","modifiedOn","message","MESSAGE_ICON","text","_GxIdeTeamDevUpdate_rowMarkingChangedHandler","event","markedRowsIds","detail","rowsId","filter","markedObjectId","_GxIdeTeamDevUpdate_updatePendingCheckedItems","addedRowsIds","addedRowsId","removedRowsId","pendingItemCheckedResult","pendingItemsCheckedCallback","itemsChecked","itemsUnchecked","undefined","_GxIdeTeamDevUpdate_revertPendingCommitsCheckboxes","_GxIdeTeamDevUpdate_togglePendingCommitsCheckboxes","_GxIdeTeamDevUpdate_searchInputHandler","searchValue","_GxIdeTeamDevUpdate_actionChangedHandler","selectedAction","_GxIdeTeamDevUpdate_typeChangedHandler","selectedType","_GxIdeTeamDevUpdate_setInitialObjectsStatus","pendingAndIgnored","pendingForUpdate","pendingObject","_a","ignoredObjects","ignoredObject","forceLoad","filters","search","kbProperties","kbPropertiesChecked","loading","clear","loadCallback","_GxIdeTeamDevUpdate_markPendingObjects","pendingId","pendingIdsSet","_GxIdeTeamDevUpdate_applyClientFilter","_GxIdeTeamDevUpdate_onRowContextMenuHandler","ev","preventDefault","stopPropagation","getSelectedRows","selectedRowId","getSelectedCell","rowId","source","filteredSelection","ignoredIdsSet","selectRow","push","contextMenuCallback","clientX","clientY","itemsToToggle","itemsToCheck","itemsToUncheck","_GxIdeTeamDevUpdate_kbPropertiesChangedHandler","_GxIdeTeamDevUpdate_sortTabularGridColumnCallback","e","columnId","objectProperty","dateType","COLUMNS_IDS","lastSynchronized","sortTabularGridColumn","_GxIdeTeamDevUpdate_columnSelectorClickedCallback","allRowsChecked","getMarkedRows","ignoredMarkedRowsIds","uncheckIgnoredObjects","markedObjectsSetChanged","newMarkedObjectsSet","atLeastOneObjectIsChecked","alreadyUpdatedObjectsIdsSetChanged","newUpdatedObjectsIdsSet","pendingIdsSetAndUpdatedIdsSetAreEqual","areSetsEqual","allPendingAreUpdated","objectsStatusMapChanged","newObjectsStatusMap","someObjectIsUpdating","entries","find","state","pendingAndIgnoredChanged","pending","ignored","componentWillLoad","Locale","getComponentStrings","allActions","types","typesComboBoxModel","componentDidLoad","reload","render","disableControls","gridIsEmpty","Host","model","commitDetail","title","genexusServer","openServerCallback","updateFrom","serverUrl","knowledgeBase","kbName","version","versionName","lastFullUpdate","disabled","accessibleName","searchAccessibleName","placeholder","searchPlaceholder","onInput","debounce","config","inputDebounce","typeAccesibleName","typePlaceholder","actionAccesibleName","actionPlaceholder","checkedValue","keyboardNavigationMode","rowSelectionMode","onRowMarkingChanged","onRowContextMenu","columnName","columnType","richRowSelector","richRowSelectorMode","settingable","sortable","onColumnSortChanged","onColumnSelectorClicked","tabularGrid","colSize","isAnimated","stateIconSrc","stateTitle","cancelLabel","loader","loaderTitle","show"],"sources":["src/components/team-dev/version-control/common/object-type-to-combo-box.ts","src/components/team-dev/update/update.scss?tag=gx-ide-team-dev-update&encapsulation=shadow","src/components/team-dev/update/update.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { ObjectType } from \"../../../../components\";\n\nexport const mapObjectTypeToComboBoxItemModel = (\n  objectTypeModel: ObjectType[]\n): ComboBoxModel =>\n  objectTypeModel.map(objectType => ({\n    value: objectType.id,\n    caption: objectType.name,\n    startImgSrc: objectType.icon\n  }));\n","@import \"../common/styles.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\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\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content max-content 1fr;\n}\n$header-item-common-inline-padding: 24px;\n$header-item-common-separator-border: 1px solid\n  var(--mer-border-color__on-elevation--01);\n\n%header-item-common {\n  padding-inline: $header-item-common-inline-padding;\n  border-inline-end: $header-item-common-separator-border;\n}\n%header-item-common-start {\n  padding-inline-end: $header-item-common-inline-padding;\n  border-inline-end: $header-item-common-separator-border;\n}\n%header-item-common-end {\n  padding-inline-start: $header-item-common-inline-padding;\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.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:\n    \"detail-heading-gx . . .\"\n    \"detail-genexus-server detail-knowledge-base detail-version detail-last-full-update\";\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.detail__genexus-server {\n  grid-area: detail-genexus-server;\n  @extend %header-item-common-start;\n\n  > 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  &:hover {\n    color: var(--mer-text__primary--hover);\n  }\n  &:active {\n    color: var(--mer-text__primary--active);\n  }\n}\n.detail__knowledge-base {\n  grid-area: detail-knowledge-base;\n  @extend %header-item-common;\n}\n.detail__version {\n  grid-area: detail-version;\n  @extend %header-item-common;\n}\n.detail__last-full-update {\n  grid-area: detail-last-full-update;\n  @extend %header-item-common-end;\n}\n\n// filter\n.filter-container {\n  container-type: inline-size;\n  box-sizing: border-box;\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@container (max-width: 1100px) {\n  .filter-container > .filter {\n    grid-template-columns: 200px 200px 200px 1fr;\n    grid-template-areas:\n      \"filter-search filter-types filter-actions filter-buttons\"\n      \"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:\n      \"filter-search filter-types filter-actions\"\n      \"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.filter__types {\n  grid-area: filter-types;\n}\n.filter__actions {\n  grid-area: filter-actions;\n}\n.filter__kb-properties {\n  grid-area: filter-kb-properties;\n}\n.filter__buttons {\n  margin-inline-start: auto;\n  grid-area: filter-buttons;\n}\n\n// main\n.main {\n  position: relative;\n  display: grid;\n  overflow: auto;\n}\n.loader {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-block-start: 0;\n}\n.tabular-grid {\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.empty-state {\n  block-size: 100%;\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.message-description {\n  line-height: 1.5; // WA. Line height looks too tight.\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.message-icon {\n  flex-shrink: 0;\n}\n\n.tabular-grid.empty-result::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\n\n// - - - - - - - - - - - - - -\n// WA (WORK AROUNDS)\n// - - - - - - - - - - - - - -\n\n.input-comments-container {\n  position: relative;\n}\n// ch-edit for comments WA's\n// Figma design for this component displays the textarea witout border, and with a little more line-height.\n// The following styles are a temporary WA that should be brouhgt to Mercury DS.\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:\n    var(--mer-timing--super-fast) block-size,\n    var(--mer-timing--super-fast) background-color,\n    var(--mer-timing--super-fast) padding-block,\n    var(--mer-timing--super-fast) padding-inline;\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; //force icon fit container\n  margin-inline-end: 0;\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--enabled);\n  cursor: pointer;\n  &:hover {\n    --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--hover);\n  }\n  &:active {\n    --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--active);\n  }\n}\n\n.tabular-grid-row-actions::part(main),\n.property-grid-row-actions::part(main) {\n  // gap not required since buttons are tertiary.\n  // extra space perceived.\n  gap: 0 !important;\n}\n\n.tabular-grid-row-actions {\n  // Butons are center by default, but design dictates start alignemnt\n  > button {\n    justify-content: start;\n  }\n}\n\n// These static type of pills do not exist on Mercury yet.\n// They should be defined on Mercury. The actual pills on Mercury\n// are combo-boxes. Not what we need for this case.\n\n.pill {\n  --pill-background-color: transparent;\n  --pill-color: transparent;\n  --pill-border-color: transparent;\n\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  &--update,\n  &--pending {\n    --pill-background-color: var();\n    --pill-color: var(--mer-color__neutral-gray--400);\n    --pill-border-color: var();\n  }\n  &--to-merge-marked {\n    --pill-background-color: var();\n    --pill-color: var(--mer-border-color__primary);\n    --pill-border-color: var();\n  }\n  &--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  &--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  &--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  &--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  &--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  &--transitioning {\n    // used to hide the text, before updating the caption (smooth transtion)\n    --pill-color: transparent;\n  }\n}\n.updating-spinner-caption {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  $size: 14px;\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  &::before {\n    display: inline-block;\n    content: \"\";\n\n    @include spinner(\n      $size,\n      var(--mer-color__primary--300),\n      var(--mer-color__tinted-primary--50)\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  // --grid-cell__padding-inline: 0;\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.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.tabular-grid-cell::part(actions-icon) {\n  padding-block: 6px;\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  pointer-events: none;\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}\n\n// - - - - - - - - - - - - - -\n// END OF WA\n// - - - - - - - - - - - - - -\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  JSX,\n  Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { Locale } from \"../../../common/locale\";\nimport {\n  ChCheckboxCustomEvent,\n  ChEditCustomEvent,\n  ComboBoxModel,\n  TabularGridColumnSelectorClickedEvent,\n  TabularGridColumnSortChangedEvent,\n  TabularGridMarkingChangedEvent,\n  TabularGridRowContextMenuEvent\n} from \"@genexus/chameleon-controls-library\";\n\nimport uncheckIgnoredObjects from \"../version-control/common/uncheck-ignored\";\nimport { renderObjectTypeWithIcon } from \"../common/utilities\";\nimport { formatDate } from \"../../../common/helpers\";\nimport {\n  ContextMenuInfo,\n  ItemsCheckedResult,\n  ItemsCheckedState,\n  ObjectType\n} from \"../../../common/types\";\nimport { config } from \"../../../common/config\";\nimport { mapObjectTypeToComboBoxItemModel } from \"../version-control/common/object-type-to-combo-box\";\nimport { COLUMNS_IDS } from \"../version-control/common/tabular-grid-render\";\nimport sortTabularGridColumn, {\n  type SortTabularGridColumnDataType\n} from \"../../../common/chameleon/tabular-grid-column-sort\";\nimport areSetsEqual from \"../version-control/common/are-sets-equal\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tabular-grid\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst CHECKBOX_CHECKED_VALUE = \"true\";\nconst CHECKBOX_UNCHECKED_VALUE = \"false\";\n\nconst DETAIL_LABEL_CLASSES = \"detail__label body-semi-bold-s\";\n\n// icons\nconst ADD_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"on-elevation\"\n});\nconst EDITED_ICON = getIconPath({\n  category: \"system\",\n  name: \"edit\",\n  colorType: \"on-elevation\"\n});\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\nconst SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-elevation\"\n});\nconst SUBSTRACT_ICON = getIconPath({\n  category: \"system\",\n  name: \"substract\",\n  colorType: \"on-elevation\"\n});\nconst WARNING_ICON = getIconPath({\n  category: \"system\",\n  name: \"warning\",\n  colorType: \"warning\"\n});\nconst ERROR_ICON = getIconPath({\n  category: \"system\",\n  name: \"error\",\n  colorType: \"error\"\n});\nconst SUCCESS_ICON = getIconPath({\n  category: \"system\",\n  name: \"check \",\n  colorType: \"success\"\n});\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-elevation\"\n});\nconst REFRESH_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"reset\",\n  colorType: \"neutral\"\n});\n\n@Component({\n  tag: \"gx-ide-team-dev-update\",\n  styleUrl: \"update.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-update\"]\n})\nexport class GxIdeTeamDevUpdate {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  #actionsComboBoxModel: { caption: string; value: ActionForFilter }[];\n\n  /**\n   * Used to determine if pendingItemsCheckedCallback callback has to be called or not.\n   * It should be ignored if the grid checkboxes state is changed programmatically, by\n   * setting markRow to false once the object has been successfully updated, for example.\n   */\n  #rowCheckedChangedByTheUser: boolean = true;\n\n  @Element() el: HTMLGxIdeTeamDevBringChangesElement;\n\n  #chGridPendingForUpdateEl!: HTMLChTabularGridElement;\n\n  // - - - - - - - - - - - - -\n  // States Bring Changes\n  // - - - - - - - - - - - - -\n\n  /**\n   * It hols a boolean indicating if at least one object from the tabular-grid is checked, for merging.\n   */\n  @State() atLeastOneObjectIsChecked: boolean = false;\n\n  /**\n   * True while commitObjects hasn't been loaded or is empty. Used to display a loader.\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * The current search filter value\n   */\n  @State() menuContextAction: Action;\n\n  /**\n   * The current search filter value\n   */\n  @State() searchValue: string = \"\";\n\n  /**\n   * The current state filter value\n   */\n  @State() selectedAction: ActionForFilter = \"all-actions\";\n\n  /**\n   * A set that stores the marked state of each object cell. This is necessary because filtering the grid * causes marked cells to lose their state.\n   */\n  @State() markedObjectsSet: Set<string> = new Set<string>([]);\n  @Watch(\"markedObjectsSet\")\n  markedObjectsSetChanged(newMarkedObjectsSet: Set<string>) {\n    this.atLeastOneObjectIsChecked = newMarkedObjectsSet.size > 0;\n  }\n\n  /**\n   * A set that holds the id's of the objects that have been updated already.\n   */\n  @State() alreadyUpdatedObjectsIdsSet: Set<string> = new Set<string>([]);\n  @Watch(\"alreadyUpdatedObjectsIdsSet\")\n  alreadyUpdatedObjectsIdsSetChanged(newUpdatedObjectsIdsSet: Set<string>) {\n    const pendingIdsSetAndUpdatedIdsSetAreEqual = areSetsEqual(\n      newUpdatedObjectsIdsSet,\n      this.pendingIdsSet\n    );\n\n    this.allPendingAreUpdated =\n      pendingIdsSetAndUpdatedIdsSetAreEqual && this.pendingIdsSet.size > 0;\n  }\n\n  /**\n   * A set that holds the id's of all the pending objects. Used to quickly determine if the selected rows belong\n   * to \"pending\" or not. This information is required for the ContextMenuCallback callback. This set has to be updated\n   * on every loadCallback.\n   */\n  @State() pendingIdsSet: Set<string> = new Set<string>([]);\n\n  /**\n   * A set that holds the id's of all the ignored objects. Used to quickly determine if the selected rows belong\n   * to \"ignored\" or not. This information is required for the ContextMenuCallback callback. This set has to be updated\n   * on every loadCallback.\n   */\n  @State() ignoredIdsSet: Set<string> = new Set<string>([]);\n\n  /**\n   * A map that holds object messages, after trying to update ('info' | ‘success’ | 'warning' | 'error')\n   */\n  @State() objectsMessagesDataMap: Map<string, MessageData[]> = new Map();\n\n  /**\n   * Set to true when objects are being mered. This helps disabling controls until all objects are done.\n   */\n  @State() updating: boolean = false;\n\n  // - - - - - - - - - - - - -\n  // State Update\n  // - - - - - - - - - - - - -\n\n  /**\n   * A boolean that indicates if all the pending objects, have been updated\n   * already.\n   */\n  @State() allPendingAreUpdated: boolean = false;\n\n  /**\n   * The \"KB Properties\" checkbox value\n   */\n  @State() kbPropertiesChecked: boolean = false;\n\n  /**\n   * The combobox model for the types filter.\n   */\n  @State() typesComboBoxModel: ComboBoxModel;\n\n  /**\n   * The selected type\n   */\n  @State() selectedType: string;\n\n  /**\n   * A map that holds the current update objects states (\"inserted\" | \"modified\" | \"modified-with-conflicts\" | \"deleted\" | \"updating\" | \"update\")\n   */\n  @State() objectsStatusMap: Map<string, StatusInternal> = new Map();\n  @Watch(\"objectsStatusMap\")\n  objectsStatusMapChanged(newObjectsStatusMap: Map<string, StatusInternal>) {\n    const someObjectIsUpdating = [...newObjectsStatusMap.entries()].find(\n      ([, state]) => state === \"updating\"\n    );\n\n    if (!someObjectIsUpdating) {\n      this.updating = false;\n    }\n  }\n\n  // - - - - - - - - - - - - -\n  // Properties Bring Changes\n  // - - - - - - - - - - - - -\n\n  /**\n   * Callback invoked when user activates the context menu on any of the grids.\n   */\n  @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n  /**\n   * All objects (\"pending for update\" and \"ignored objects\") before \"state\" filter\n   */\n  @State() pendingAndIgnored: UpdateData = {\n    pendingForUpdate: [],\n    ignoredObjects: []\n  };\n  @Watch(\"pendingAndIgnored\")\n  pendingAndIgnoredChanged() {\n    this.pendingIdsSet.clear(); // before pendingIdsSet.add\n    this.ignoredIdsSet.clear(); // before pendingIdsSet.add\n    this.objectsMessagesDataMap = new Map();\n    this.alreadyUpdatedObjectsIdsSet = new Set();\n    this.markedObjectsSet = new Set(); // before #markPendingObjects\n\n    this.pendingAndIgnored.pendingForUpdate.forEach(pending => {\n      this.pendingIdsSet.add(pending.id);\n    });\n\n    this.pendingAndIgnored.ignoredObjects.forEach(ignored => {\n      this.ignoredIdsSet.add(ignored.id);\n    });\n\n    this.#markPendingObjects(); // after pendingIdsSet.add and ignoredIdsSet.add\n    this.#setInitialObjectsStatus(); // after pendingIdsSet.add and ignoredIdsSet.add\n\n    this.#applyClientFilter();\n  }\n\n  /**\n   * Pending objects after \"action\" filter\n   */\n  @State() pendingObjectsAfterActionFilter: ModifiedObject[] = [];\n\n  /**\n   * Ignored objects after \"action\" filter\n   */\n  @State() ignoredObjectsAfterActionFilter: ModifiedObject[] = [];\n\n  /**\n   * Callback invoked to return the list of data types loaded from file or url.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * Callback invoked to return information of a Font type of data.\n   */\n  @Prop() readonly pendingItemsCheckedCallback!: PendingItemsCheckedCallback;\n\n  /**\n   * Possible values for type filter\n   */\n  @Prop() readonly types: ObjectType[];\n\n  /**\n   * If true, the \"Action\" column will display a button instead of a pill, only when the action is\n   */\n  @Prop() readonly updatePillAsButton: boolean = false;\n\n  // - - - - - - - - - - - - -\n  // Properties Update\n  // - - - - - - - - - - - - -\n\n  /**\n   * Callback invoked when the update process is to be started (’Update’ button).\n   */\n  @Prop() readonly updateCallback!: UpdateCallback;\n\n  /**\n   * Callback invoked when user clicks in server url of Update From group.\n   */\n  @Prop() readonly openServerCallback!: () => Promise<void>;\n\n  /**\n   * Information to show in Update From group.\n   */\n  @Prop() readonly updateFrom: UpdateFromData;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    // Initiate \"actions\" combo box filter\n    this.#actionsComboBoxModel = [\n      {\n        caption: this.#componentLocale.actions.allActions,\n        value: \"all-actions\"\n      },\n      {\n        caption: this.#componentLocale.actions.insert,\n        value: \"inserted\"\n      },\n      {\n        caption: this.#componentLocale.actions.modify,\n        value: \"modified\"\n      },\n      {\n        caption: this.#componentLocale.actions.modifyWithConflicts,\n        value: \"modified-with-conflicts\"\n      },\n      {\n        caption: this.#componentLocale.actions.delete,\n        value: \"deleted\"\n      }\n    ];\n\n    // Set type initial value\n    this.selectedType = this.types[0]?.id;\n\n    this.typesComboBoxModel = mapObjectTypeToComboBoxItemModel(this.types);\n  }\n\n  async componentDidLoad() {\n    await this.#loadData(true);\n\n    // initialize \"allPendingAreUpdated\"\n    this.alreadyUpdatedObjectsIdsSetChanged(this.alreadyUpdatedObjectsIdsSet);\n  }\n\n  /**\n   * Used by the host to instruct the component to force a data reload in the grids.\n   */\n  @Method()\n  async reload() {\n    this.#loadData(true);\n  }\n\n  #updateCheckedClickedHandler = async () => {\n    this.#updateObjectsHandler([...this.markedObjectsSet]);\n  };\n\n  #reloadClickedHandler = async () => {\n    this.#loadData(true);\n  };\n\n  #updateObjectsHandler = async (selection: string[]) => {\n    this.#rowCheckedChangedByTheUser = false;\n    this.updating = true;\n\n    selection.forEach(itemToUpdate => {\n      this.objectsStatusMap.set(itemToUpdate, \"updating\");\n    });\n\n    const updateResult = await this.updateCallback(selection);\n    updateResult.forEach(async objectResult => {\n      const messages = objectResult.messages;\n      if (messages.length) {\n        this.objectsMessagesDataMap.set(objectResult.id, objectResult.messages);\n      } else {\n        // clear messages\n        this.objectsMessagesDataMap.delete(objectResult.id);\n      }\n      if (objectResult.result === \"updated\") {\n        this.alreadyUpdatedObjectsIdsSet = new Set(\n          this.alreadyUpdatedObjectsIdsSet\n        ).add(objectResult.id);\n\n        this.objectsStatusMap.set(objectResult.id, \"updated\");\n        await this.#chGridPendingForUpdateEl.markRow(objectResult.id, false);\n      } else {\n        this.objectsStatusMap.set(objectResult.id, \"pending\");\n      }\n    });\n    this.updating = false;\n  };\n\n  #renderActionCellContent = (\n    action: Action\n  ): JSX.Element[] | null | string => {\n    let icon: string;\n    let caption: string;\n    let iconColor: string;\n\n    if (action === \"deleted\") {\n      icon = SUBSTRACT_ICON;\n      caption = this.#componentLocale.actions.delete;\n      iconColor = \"--mer-icon__error\";\n    } else if (action === \"inserted\") {\n      icon = ADD_ICON;\n      caption = this.#componentLocale.actions.insert;\n      iconColor = \"--mer-icon__success\";\n    } else if (action === \"modified\") {\n      icon = EDITED_ICON;\n      caption = this.#componentLocale.actions.modify;\n      iconColor = \"--mer-icon__warning\";\n    } else if (action === \"modified-with-conflicts\") {\n      icon = WARNING_ICON;\n      caption = this.#componentLocale.actions.modifyWithConflicts;\n      iconColor = \"--mer-icon__warning\";\n    } else if (!action) {\n      // proably is \"ignored\"\n      return null;\n    }\n\n    return (\n      <span class=\"custom-icon-text-wrapper\">\n        <ch-image\n          type=\"mask\"\n          class=\"icon-md\"\n          src={icon}\n          style={{ backgroundColor: `var(${iconColor})` }}\n        ></ch-image>\n        {`${caption}`}\n      </span>\n    );\n  };\n\n  #updateSingleObject: (objectId: string) => () => void =\n    objectId => async () => {\n      const newobjectsStatusMap = new Map(this.objectsStatusMap);\n      newobjectsStatusMap.set(objectId, \"updating\");\n      this.objectsStatusMap = newobjectsStatusMap;\n      this.#updateObjectsHandler([objectId]);\n    };\n\n  #renderObjectStatus = (objectId: string): JSX.Element[] => {\n    const status = this.objectsStatusMap.get(objectId);\n\n    const caption =\n      status === \"pending\" && this.updatePillAsButton\n        ? this.#componentLocale.status.update\n        : this.#componentLocale.status[status];\n    if (status === \"updating\") {\n      return <span class=\"updating-spinner-caption\">{caption}</span>;\n    }\n    const classes = `pill pill--${status}`;\n    if (this.updatePillAsButton && status === \"pending\") {\n      return (\n        <button\n          class=\"button-secondary pill pill--update\"\n          onClick={this.#updateSingleObject(objectId)}\n        >\n          {caption}\n        </button>\n      );\n    } else {\n      return <span class={classes}>{caption}</span>;\n    }\n  };\n\n  #renderRows = (type: UpdateSourceType): JSX.Element[] => {\n    let objects: ModifiedObject[];\n    if (type === \"pending\") {\n      objects = this.pendingObjectsAfterActionFilter;\n    } else if (type === \"ignored\") {\n      objects = this.ignoredObjectsAfterActionFilter;\n    }\n\n    return objects.map(object => {\n      const objectType: ObjectType = {\n        id: object.id,\n        icon: object.typeIcon,\n        name: object.name\n      };\n\n      const alreadyUpdated = this.alreadyUpdatedObjectsIdsSet.has(object.id);\n      const hideCheckbox = alreadyUpdated || type === \"ignored\";\n\n      const marked = this.markedObjectsSet.has(object.id);\n\n      const messages = this.objectsMessagesDataMap.get(object.id);\n\n      return (\n        <ch-tabular-grid-row\n          class=\"tabular-grid-row\"\n          key={object.id}\n          rowid={object.id}\n          ref={(el: HTMLElement) =>\n            marked && el?.setAttribute(\"marked\", \"true\")\n          }\n        >\n          <ch-tabular-grid-cell\n            cell-type=\"rich\"\n            row-selector=\"true\"\n            class={{\n              \"tabular-grid-cell\": true,\n              \"no-checkbox-custom-selector\": hideCheckbox\n            }}\n            size=\"max-content\"\n          >\n            {object.name}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {renderObjectTypeWithIcon(objectType)}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {object.description}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {formatDate(object.modifiedOn)}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {this.#renderActionCellContent(object.action)}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell--for-pill\">\n            {this.#renderObjectStatus(object.id)}\n          </ch-tabular-grid-cell>\n\n          {messages?.length && (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              <ch-tabular-grid-rowset-empty\n                class={{\n                  \"tabular-grid-rowset-empty\": true\n                }}\n              >\n                <ul class=\"messages-list\">\n                  {messages.map(message => {\n                    let MESSAGE_ICON;\n                    if (message.type === \"error\") {\n                      MESSAGE_ICON = ERROR_ICON;\n                    } else if (message.type === \"warning\") {\n                      MESSAGE_ICON = WARNING_ICON;\n                    } else if (message.type === \"success\") {\n                      MESSAGE_ICON = SUCCESS_ICON;\n                    } else {\n                      // info\n                      MESSAGE_ICON = INFO_ICON;\n                    }\n\n                    return (\n                      <li class=\"message-description\">\n                        <ch-image\n                          class=\"icon-md message-icon\"\n                          src={MESSAGE_ICON}\n                        ></ch-image>\n                        {message.text}\n                      </li>\n                    );\n                  })}\n                </ul>\n              </ch-tabular-grid-rowset-empty>\n            </ch-tabular-grid-rowset>\n          )}\n        </ch-tabular-grid-row>\n      );\n    });\n  };\n\n  #rowMarkingChangedHandler = async (\n    event: CustomEvent<TabularGridMarkingChangedEvent>\n  ) => {\n    const markedRowsIds = event.detail.rowsId;\n    this.markedObjectsSet = new Set(\n      markedRowsIds.filter(\n        markedObjectId => !this.alreadyUpdatedObjectsIdsSet.has(markedObjectId)\n      )\n    );\n\n    if (this.#rowCheckedChangedByTheUser) {\n      this.#updatePendingCheckedItems(event);\n    }\n  };\n\n  #updatePendingCheckedItems = async (\n    event: CustomEvent<TabularGridMarkingChangedEvent>\n  ) => {\n    const addedRowsIds = event.detail.addedRowsId;\n    const removedRowsId = event.detail.removedRowsId;\n\n    const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({\n      itemsChecked: addedRowsIds,\n      itemsUnchecked: removedRowsId\n    });\n\n    if (pendingItemCheckedResult === undefined) {\n      // undo check/uncheck\n      await this.#revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);\n    } else {\n      await this.#togglePendingCommitsCheckboxes(pendingItemCheckedResult);\n    }\n  };\n\n  #searchInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n    this.searchValue = event.detail as string;\n    this.#loadData();\n  };\n\n  // Local Methods Update\n\n  #actionChangedHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.selectedAction = event.detail as ActionForFilter;\n    this.#loadData();\n  };\n\n  #typeChangedHandler = async (event: CustomEvent<string> | InputEvent) => {\n    this.selectedType = event.detail as string;\n    this.#loadData();\n  };\n\n  #setInitialObjectsStatus = (): void => {\n    this.pendingAndIgnored.pendingForUpdate.forEach(pendingObject => {\n      const status: StatusInternal =\n        (pendingObject.status as Status) ?? \"pending\";\n\n      this.objectsStatusMap.set(pendingObject.id, status);\n      if (status === \"updated\") {\n        this.alreadyUpdatedObjectsIdsSet.add(pendingObject.id);\n      }\n    });\n    this.pendingAndIgnored.ignoredObjects.forEach(ignoredObject => {\n      const status: StatusInternal =\n        (ignoredObject.status as Status) ?? \"ignored\";\n      this.objectsStatusMap.set(ignoredObject.id, status);\n    });\n  };\n\n  #loadData = async (forceLoad: boolean = false): Promise<void> => {\n    const filters: FiltersData = {\n      search: this.searchValue,\n      type: this.selectedType,\n      kbProperties: this.kbPropertiesChecked,\n      action: this.selectedAction\n    };\n    this.loading = true;\n    this.objectsMessagesDataMap.clear();\n\n    this.pendingAndIgnored = await this.loadCallback(filters, forceLoad);\n    this.#setInitialObjectsStatus();\n\n    this.loading = false;\n\n    // Is is required to mark/check all objects after loadCallback.\n    this.#markPendingObjects();\n  };\n\n  /**\n   * Marks all pending objects that have not been committed yet.\n   *\n   * Iterates through all pending object IDs and adds them to the marked objects set\n   * if they are not already in the committed objects set. This effectively identifies\n   * and marks all the pending objects that still need to be processed.\n   **/\n  #markPendingObjects = () => {\n    for (const pendingId of this.pendingIdsSet) {\n      if (!this.alreadyUpdatedObjectsIdsSet.has(pendingId)) {\n        this.markedObjectsSet = new Set([...this.markedObjectsSet, pendingId]);\n      }\n    }\n  };\n\n  #applyClientFilter = () => {\n    // this.pendingObjectsAfterActionFilter = this.#filteredObjects(\n    //   this.pendingAndIgnored.pendingForUpdate\n    // );\n    this.pendingObjectsAfterActionFilter =\n      this.pendingAndIgnored.pendingForUpdate;\n    // this.ignoredObjectsAfterActionFilter = this.#filteredObjects(\n    //   this.pendingAndIgnored.ignoredObjects\n    // );\n    this.ignoredObjectsAfterActionFilter =\n      this.pendingAndIgnored.ignoredObjects;\n  };\n\n  // #filteredObjects = (objects: ModifiedObject[]): ModifiedObject[] => {\n  //   let filtered = objects;\n\n  //   // name or description\n  //   if (this.searchValue.length) {\n  //     filtered = filtered.filter(object => {\n  //       const nameFiltered = object.name\n  //         .toLowerCase()\n  //         .includes(this.searchValue.toLowerCase());\n\n  //       const descriptionFiltered = object.description\n  //         .toLowerCase()\n  //         .includes(this.searchValue.toLowerCase());\n\n  //       return nameFiltered || descriptionFiltered;\n  //     });\n  //   }\n\n  //   return filtered;\n  // };\n\n  #onRowContextMenuHandler =\n    () => async (ev: CustomEvent<TabularGridRowContextMenuEvent>) => {\n      ev.preventDefault();\n      ev.stopPropagation();\n\n      const selection = await this.#chGridPendingForUpdateEl.getSelectedRows();\n\n      const selectedRowId = (\n        await this.#chGridPendingForUpdateEl.getSelectedCell()\n      ).rowId;\n\n      const source: UpdateSourceType = this.pendingIdsSet.has(selectedRowId)\n        ? \"pending\"\n        : \"ignored\";\n\n      let filteredSelection: string[] = [];\n      // remove selected rows from the other source, if any.\n      if (selection.length > 1 && source === \"pending\") {\n        selection.forEach(async selectedRowId => {\n          if (this.ignoredIdsSet.has(selectedRowId)) {\n            await this.#chGridPendingForUpdateEl.selectRow(\n              selectedRowId,\n              false\n            );\n          } else {\n            filteredSelection.push(selectedRowId);\n          }\n        });\n      } else if (selection.length > 1 && source === \"ignored\") {\n        selection.forEach(async selectedRowId => {\n          if (this.pendingIdsSet.has(selectedRowId)) {\n            await this.#chGridPendingForUpdateEl.selectRow(\n              selectedRowId,\n              false\n            );\n          } else {\n            filteredSelection.push(selectedRowId);\n          }\n        });\n      } else {\n        filteredSelection = selection;\n      }\n\n      await this.contextMenuCallback(source, {\n        selection: filteredSelection,\n        clientX: ev.detail.clientX,\n        clientY: ev.detail.clientY\n      });\n    };\n\n  #revertPendingCommitsCheckboxes = async (\n    addedRowsIds: string[],\n    removedRowsId: string[]\n  ) => {\n    if (this.#chGridPendingForUpdateEl) {\n      for (const rowId of addedRowsIds) {\n        await this.#chGridPendingForUpdateEl.markRow(rowId, false);\n      }\n      for (const rowId of removedRowsId) {\n        await this.#chGridPendingForUpdateEl.markRow(rowId, true);\n      }\n    }\n  };\n\n  #togglePendingCommitsCheckboxes = async (\n    itemsToToggle: ItemsCheckedResult\n  ) => {\n    if (this.#chGridPendingForUpdateEl) {\n      const itemsToCheck: string[] = itemsToToggle.itemsToCheck;\n      const itemsToUncheck: string[] = itemsToToggle.itemsToUncheck;\n      // check\n      for (const rowId of itemsToCheck) {\n        await this.#chGridPendingForUpdateEl.markRow(rowId, true);\n      }\n      // uncheck\n      for (const rowId of itemsToUncheck) {\n        await this.#chGridPendingForUpdateEl.markRow(rowId, false);\n      }\n    }\n  };\n\n  #kbPropertiesChangedHandler = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.kbPropertiesChecked = event.detail === CHECKBOX_CHECKED_VALUE;\n    this.#loadData(true);\n  };\n\n  #sortTabularGridColumnCallback = (\n    e: CustomEvent<TabularGridColumnSortChangedEvent>\n  ) => {\n    const columnId = e.detail.columnId;\n\n    let objectProperty;\n    let dateType: SortTabularGridColumnDataType = \"string\";\n    if (\n      columnId === COLUMNS_IDS.modifiedOn ||\n      columnId === COLUMNS_IDS.lastSynchronized\n    ) {\n      dateType = \"dateString\";\n    }\n\n    this.pendingObjectsAfterActionFilter = [\n      ...sortTabularGridColumn(\n        e,\n        this.pendingObjectsAfterActionFilter,\n        dateType,\n        objectProperty\n      )\n    ];\n    this.ignoredObjectsAfterActionFilter = [\n      ...sortTabularGridColumn(\n        e,\n        this.ignoredObjectsAfterActionFilter,\n        dateType,\n        objectProperty\n      )\n    ];\n  };\n\n  /**\n   * WA: Ignored objects must always remain unchecked.\n   * Because `tabular-grid` selects all rows when the checkbox column is toggled,\n   * we need to manually unselect the ignored IDs. // TODO: Move this function\n   * to common\n   */\n  #columnSelectorClickedCallback = async (\n    e: CustomEvent<TabularGridColumnSelectorClickedEvent>\n  ) => {\n    const allRowsChecked = e.detail;\n    if (allRowsChecked) {\n      const markedRowsIds =\n        await this.#chGridPendingForUpdateEl.getMarkedRows();\n      const ignoredMarkedRowsIds = markedRowsIds.filter(rowId => {\n        return this.ignoredIdsSet.has(rowId);\n      });\n      if (ignoredMarkedRowsIds.length) {\n        uncheckIgnoredObjects(\n          ignoredMarkedRowsIds,\n          this.#chGridPendingForUpdateEl\n        );\n      }\n    }\n  };\n\n  render() {\n    const disableControls = this.updating || this.loading;\n    const gridIsEmpty =\n      this.pendingObjectsAfterActionFilter.length === 0 &&\n      this.ignoredObjectsAfterActionFilter.length === 0;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <header class=\"header spacing-body-inline spacing-body-block-start\">\n            <div\n              // header details\n              class=\"header__detail header__detail-1\"\n            >\n              <p class=\"detail__heading-genexus-server subtitle-semi-bold-s\">\n                {this.#componentLocale.commitDetail.title}\n              </p>\n              <div\n                // genexus server\n                class=\"detail__genexus-server field field-block\"\n              >\n                <span class={DETAIL_LABEL_CLASSES}>\n                  {this.#componentLocale.commitDetail.genexusServer}\n                </span>\n                <button\n                  class=\"detail__link body-regular-s\"\n                  onClick={this.openServerCallback}\n                >\n                  {this.updateFrom ? this.updateFrom.serverUrl : \"\"}\n                </button>\n              </div>\n\n              <div\n                // knowledge base\n                class=\"detail__knowledge-base field field-block\"\n              >\n                <span class={DETAIL_LABEL_CLASSES}>\n                  {this.#componentLocale.commitDetail.knowledgeBase}\n                </span>\n                <p class=\"body-regular-s\">\n                  {this.updateFrom ? this.updateFrom.kbName : \"\"}\n                </p>\n              </div>\n\n              <div\n                // version\n                class=\"detail__version field field-block\"\n              >\n                <span class={DETAIL_LABEL_CLASSES}>\n                  {this.#componentLocale.commitDetail.version}\n                </span>\n                <p class=\"body-regular-s\">\n                  {this.updateFrom ? this.updateFrom.versionName : \"\"}\n                </p>\n              </div>\n\n              <div\n                // last full update\n                class=\"detail__last-full-update field field-block\"\n              >\n                <span class={DETAIL_LABEL_CLASSES}>\n                  {this.#componentLocale.commitDetail.lastFullUpdate}\n                </span>\n                <p class=\"body-regular-s\">\n                  {formatDate(this.updateFrom.lastFullUpdate)}\n                </p>\n              </div>\n            </div>\n          </header>\n\n          <div class=\"filter-container spacing-body-inline\">\n            <div class=\"filter\">\n              <ch-edit\n                // search\n                class=\"input filter__search\"\n                disabled={disableControls}\n                startImgSrc={SEARCH_ICON}\n                accessibleName={\n                  this.#componentLocale.filter.searchAccessibleName\n                }\n                placeholder={this.#componentLocale.filter.searchPlaceholder}\n                type=\"search\"\n                onInput={this.#searchInputHandler}\n                debounce={config.inputDebounce}\n              ></ch-edit>\n\n              <ch-combo-box-render\n                // types\n                class=\"combo-box filter__types\"\n                disabled={disableControls}\n                model={this.typesComboBoxModel}\n                value={this.selectedType}\n                accessibleName={this.#componentLocale.filter.typeAccesibleName}\n                placeholder={this.#componentLocale.filter.typePlaceholder}\n                onInput={this.#typeChangedHandler}\n              ></ch-combo-box-render>\n\n              <ch-combo-box-render\n                // actions\n                class=\"combo-box filter__actions\"\n                disabled={disableControls}\n                model={this.#actionsComboBoxModel}\n                value={this.selectedAction}\n                onInput={this.#actionChangedHandler}\n                accessibleName={\n                  this.#componentLocale.filter.actionAccesibleName\n                }\n                placeholder={this.#componentLocale.filter.actionPlaceholder}\n              ></ch-combo-box-render>\n\n              <ch-checkbox\n                // kb properties\n                class=\"checkbox filter__kb-properties\"\n                caption={this.#componentLocale.filter.kbProperties}\n                checkedValue={CHECKBOX_CHECKED_VALUE}\n                value={CHECKBOX_UNCHECKED_VALUE}\n                onInput={this.#kbPropertiesChangedHandler}\n                disabled={disableControls}\n              />\n\n              <div class=\"buttons-spacer filter__buttons\">\n                <button\n                  // reload button\n                  class=\"button-secondary button-icon-and-text\"\n                  disabled={disableControls}\n                  onClick={this.#reloadClickedHandler}\n                >\n                  <ch-image class=\"icon-md\" src={REFRESH_ICON}></ch-image>\n                  {this.#componentLocale.filter.reload}\n                </button>\n                <button\n                  // update button\n                  class=\"button-primary button-update\"\n                  disabled={!this.atLeastOneObjectIsChecked || disableControls}\n                  onClick={this.#updateCheckedClickedHandler}\n                >\n                  {this.#componentLocale.filter.update}\n                </button>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"main spacing-body\">\n            {!this.loading ? (\n              <ch-tabular-grid\n                class={{\n                  \"tabular-grid\": true,\n                  \"objects-tabular-grid\": true,\n                  \"disabled-custom-selector\": this.updating,\n                  \"empty-result\": gridIsEmpty\n                }}\n                keyboardNavigationMode=\"focus\"\n                rowSelectionMode=\"multiple\"\n                onRowMarkingChanged={this.#rowMarkingChangedHandler}\n                onRowContextMenu={this.#onRowContextMenuHandler()}\n                ref={(el: HTMLChTabularGridElement) =>\n                  (this.#chGridPendingForUpdateEl = el)\n                }\n              >\n                <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.name}\n                    columnName={this.#componentLocale.objects.name}\n                    columnType=\"rich\"\n                    richRowSelector={!this.allPendingAreUpdated}\n                    richRowSelectorMode=\"mark\"\n                    settingable={false}\n                    sortable={true}\n                    onColumnSortChanged={this.#sortTabularGridColumnCallback}\n                    onColumnSelectorClicked={\n                      this.#columnSelectorClickedCallback\n                    }\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.type}\n                    columnName={this.#componentLocale.objects.type}\n                    settingable={false}\n                    sortable={true}\n                    onColumnSortChanged={this.#sortTabularGridColumnCallback}\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.description}\n                    columnName={this.#componentLocale.objects.description}\n                    settingable={false}\n                    sortable={true}\n                    onColumnSortChanged={this.#sortTabularGridColumnCallback}\n                    size={config.tabularGrid.colSize.description}\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.modifiedOn}\n                    columnName={this.#componentLocale.objects.modifiedOn}\n                    settingable={false}\n                    sortable={true}\n                    onColumnSortChanged={this.#sortTabularGridColumnCallback}\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.action}\n                    columnName={this.#componentLocale.objects.action}\n                    settingable={false}\n                    sortable={false}\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    // size of this column should the enough for the largest pill, and no more.\n                    // this prevents layout shifts when pills state changes.\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.status}\n                    columnName={this.#componentLocale.objects.status}\n                    settingable={false}\n                    sortable={false}\n                    size=\"100px\"\n                  />\n                </ch-tabular-grid-columnset>\n\n                {!gridIsEmpty\n                  ? [\n                      <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                        <ch-tabular-grid-rowset-legend class=\"tabular-grid-rowset-legend\">\n                          {this.#componentLocale.objects.pending}\n                        </ch-tabular-grid-rowset-legend>\n                        {this.#renderRows(\"pending\")}\n                      </ch-tabular-grid-rowset>,\n                      <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                        <ch-tabular-grid-rowset-legend class=\"tabular-grid-rowset-legend\">\n                          {this.#componentLocale.objects.ignored}\n                        </ch-tabular-grid-rowset-legend>\n                        {this.#renderRows(\"ignored\")}\n                      </ch-tabular-grid-rowset>\n                    ]\n                  : null}\n\n                <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                  {gridIsEmpty && (\n                    <ch-tabular-grid-rowset-empty>\n                      <gx-ide-empty-state\n                        class=\"empty-state\"\n                        isAnimated\n                        stateIconSrc={FILTER_ICON}\n                        stateTitle=\"No object matched your filter\"\n                      ></gx-ide-empty-state>\n                    </ch-tabular-grid-rowset-empty>\n                  )}\n                </ch-tabular-grid-rowset>\n              </ch-tabular-grid>\n            ) : (\n              <gx-ide-loader\n                cancelLabel={this.#componentLocale.loader.cancelLabel}\n                loaderTitle={this.#componentLocale.loader.title}\n                description={this.#componentLocale.loader.description}\n                show\n                class=\"loader\"\n              ></gx-ide-loader>\n            )}\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n\n// - - - - - - - - - - - - -\n// Types from Update\n// - - - - - - - - - - - - -\n\nexport type Status = \"pending\" | \"updated\" | \"ignored\";\n\nexport type StatusInternal = Status | \"updating\" | \"ignored\";\n\nexport type Action =\n  | \"inserted\"\n  | \"modified\"\n  | \"modified-with-conflicts\"\n  | \"deleted\";\n\ntype ActionForFilter = Action | \"all-actions\";\n\nexport type ContextMenuCallback = (\n  source: UpdateSourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type PendingItemsCheckedCallback = (\n  pendingItemsCheckedState: ItemsCheckedState\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type UpdateSourceType = \"pending\" | \"ignored\";\n\nexport type LoadCallback = (\n  filters: FiltersData,\n  forceLoad: boolean\n) => Promise<UpdateData>;\n\nexport interface ModifiedObject {\n  id: string;\n  typeIcon: string;\n  action?: Action;\n  name: string;\n  type: string;\n  description?: string;\n  modifiedOn?: Date;\n  status?: Status;\n}\nexport interface UpdateData {\n  pendingForUpdate: ModifiedObject[];\n  ignoredObjects: ModifiedObject[];\n}\n\nexport interface FiltersData {\n  search: string;\n  type: string;\n  kbProperties: boolean;\n  action: ActionForFilter;\n}\n\nexport interface UpdateFromData {\n  serverUrl: string;\n  kbName: string;\n  versionName: string;\n  lastFullUpdate: Date;\n}\n\nexport type UpdateCallback = (\n  selection: string[]\n) => Promise<UpdateResultData[]>;\n\nexport interface UpdateResultData {\n  id: string;\n  result: Status;\n  messages: MessageData[];\n}\n\nexport interface MessageData {\n  type: \"info\" | \"success\" | \"warning\" | \"error\";\n  text: string;\n}\n"],"mappings":"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"}
+{"version":3,"names":["mapObjectTypeToComboBoxItemModel","objectTypeModel","map","objectType","value","id","caption","name","startImgSrc","icon","updateCss","CSS_BUNDLES","CHECKBOX_CHECKED_VALUE","CHECKBOX_UNCHECKED_VALUE","DETAIL_LABEL_CLASSES","ADD_ICON","getIconPath","category","colorType","EDITED_ICON","FILTER_ICON","SEARCH_ICON","SUBSTRACT_ICON","WARNING_ICON","ERROR_ICON","SUCCESS_ICON","INFO_ICON","REFRESH_ICON","GxIdeTeamDevUpdate","_GxIdeTeamDevUpdate_componentLocale","set","this","_GxIdeTeamDevUpdate_actionsComboBoxModel","_GxIdeTeamDevUpdate_rowCheckedChangedByTheUser","_GxIdeTeamDevUpdate_chGridPendingForUpdateEl","_GxIdeTeamDevUpdate_updateCheckedClickedHandler","async","__classPrivateFieldGet","_GxIdeTeamDevUpdate_updateObjectsHandler","call","markedObjectsSet","_GxIdeTeamDevUpdate_reloadClickedHandler","_GxIdeTeamDevUpdate_loadData","selection","__classPrivateFieldSet","updating","forEach","itemToUpdate","objectsStatusMap","updateResult","updateCallback","objectResult","messages","length","objectsMessagesDataMap","delete","result","alreadyUpdatedObjectsIdsSet","Set","add","markRow","_GxIdeTeamDevUpdate_renderActionCellContent","action","iconColor","actions","insert","modify","modifyWithConflicts","h","class","type","src","style","backgroundColor","_GxIdeTeamDevUpdate_updateSingleObject","objectId","newobjectsStatusMap","Map","_GxIdeTeamDevUpdate_renderObjectStatus","status","get","updatePillAsButton","update","classes","onClick","_GxIdeTeamDevUpdate_renderRows","objects","pendingObjectsAfterActionFilter","ignoredObjectsAfterActionFilter","object","typeIcon","alreadyUpdated","has","hideCheckbox","marked","key","rowid","ref","el","setAttribute","size","renderObjectTypeWithIcon","description","formatDate","modifiedOn","message","MESSAGE_ICON","text","_GxIdeTeamDevUpdate_rowMarkingChangedHandler","event","markedRowsIds","detail","rowsId","filter","markedObjectId","_GxIdeTeamDevUpdate_updatePendingCheckedItems","addedRowsIds","addedRowsId","removedRowsId","pendingItemCheckedResult","pendingItemsCheckedCallback","itemsChecked","itemsUnchecked","undefined","_GxIdeTeamDevUpdate_revertPendingCommitsCheckboxes","_GxIdeTeamDevUpdate_togglePendingCommitsCheckboxes","_GxIdeTeamDevUpdate_searchInputHandler","searchValue","_GxIdeTeamDevUpdate_actionChangedHandler","selectedAction","_GxIdeTeamDevUpdate_typeChangedHandler","selectedType","_GxIdeTeamDevUpdate_setInitialObjectsStatus","pendingAndIgnored","pendingForUpdate","pendingObject","_a","ignoredObjects","ignoredObject","forceLoad","filters","search","kbProperties","kbPropertiesChecked","loading","clear","loadCallback","_GxIdeTeamDevUpdate_markPendingObjects","pendingId","pendingIdsSet","_GxIdeTeamDevUpdate_applyClientFilter","_GxIdeTeamDevUpdate_onRowContextMenuHandler","ev","preventDefault","stopPropagation","getSelectedRows","selectedRowId","getSelectedCell","rowId","source","filteredSelection","ignoredIdsSet","selectRow","push","contextMenuCallback","clientX","clientY","itemsToToggle","itemsToCheck","itemsToUncheck","_GxIdeTeamDevUpdate_kbPropertiesChangedHandler","_GxIdeTeamDevUpdate_sortTabularGridColumnCallback","e","columnId","objectProperty","dateType","COLUMNS_IDS","lastSynchronized","sortTabularGridColumn","_GxIdeTeamDevUpdate_columnSelectorClickedCallback","allRowsChecked","getMarkedRows","ignoredMarkedRowsIds","uncheckIgnoredObjects","markedObjectsSetChanged","newMarkedObjectsSet","atLeastOneObjectIsChecked","alreadyUpdatedObjectsIdsSetChanged","newUpdatedObjectsIdsSet","pendingIdsSetAndUpdatedIdsSetAreEqual","areSetsEqual","allPendingAreUpdated","objectsStatusMapChanged","newObjectsStatusMap","someObjectIsUpdating","entries","find","state","pendingAndIgnoredChanged","pending","ignored","componentWillLoad","Locale","getComponentStrings","allActions","types","typesComboBoxModel","componentDidLoad","reload","render","disableControls","gridIsEmpty","Host","model","commitDetail","title","genexusServer","openServerCallback","updateFrom","serverUrl","knowledgeBase","kbName","version","versionName","lastFullUpdate","disabled","accessibleName","searchAccessibleName","placeholder","searchPlaceholder","onInput","debounce","config","inputDebounce","typeAccesibleName","typePlaceholder","actionAccesibleName","actionPlaceholder","checkedValue","keyboardNavigationMode","rowSelectionMode","onRowMarkingChanged","onRowContextMenu","columnName","columnType","richRowSelector","richRowSelectorMode","settingable","sortable","onColumnSortChanged","onColumnSelectorClicked","tabularGrid","colSize","isAnimated","stateIconSrc","stateTitle","cancelLabel","loader","loaderTitle","show"],"sources":["src/components/team-dev/version-control/common/object-type-to-combo-box.ts","src/components/team-dev/update/update.scss?tag=gx-ide-team-dev-update&encapsulation=shadow","src/components/team-dev/update/update.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { ObjectType } from \"../../../../components\";\n\nexport const mapObjectTypeToComboBoxItemModel = (\n  objectTypeModel: ObjectType[]\n): ComboBoxModel =>\n  objectTypeModel.map(objectType => ({\n    value: objectType.id,\n    caption: objectType.name,\n    startImgSrc: objectType.icon\n  }));\n","@import \"../common/styles.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\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\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content max-content 1fr;\n}\n$header-item-common-inline-padding: 24px;\n$header-item-common-separator-border: 1px solid\n  var(--mer-border-color__on-elevation--01);\n\n%header-item-common {\n  padding-inline: $header-item-common-inline-padding;\n  border-inline-end: $header-item-common-separator-border;\n}\n%header-item-common-start {\n  padding-inline-end: $header-item-common-inline-padding;\n  border-inline-end: $header-item-common-separator-border;\n}\n%header-item-common-end {\n  padding-inline-start: $header-item-common-inline-padding;\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.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:\n    \"detail-heading-gx . . .\"\n    \"detail-genexus-server detail-knowledge-base detail-version detail-last-full-update\";\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.detail__genexus-server {\n  grid-area: detail-genexus-server;\n  @extend %header-item-common-start;\n\n  > 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  &:hover {\n    color: var(--mer-text__primary--hover);\n  }\n  &:active {\n    color: var(--mer-text__primary--active);\n  }\n}\n.detail__knowledge-base {\n  grid-area: detail-knowledge-base;\n  @extend %header-item-common;\n}\n.detail__version {\n  grid-area: detail-version;\n  @extend %header-item-common;\n}\n.detail__last-full-update {\n  grid-area: detail-last-full-update;\n  @extend %header-item-common-end;\n}\n\n// filter\n.filter-container {\n  container-type: inline-size;\n  box-sizing: border-box;\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@container (max-width: 1100px) {\n  .filter-container > .filter {\n    grid-template-columns: 200px 200px 200px 1fr;\n    grid-template-areas:\n      \"filter-search filter-types filter-actions filter-buttons\"\n      \"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:\n      \"filter-search filter-types filter-actions\"\n      \"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.filter__types {\n  grid-area: filter-types;\n}\n.filter__actions {\n  grid-area: filter-actions;\n}\n.filter__kb-properties {\n  grid-area: filter-kb-properties;\n}\n.filter__buttons {\n  margin-inline-start: auto;\n  grid-area: filter-buttons;\n}\n\n// main\n.main {\n  position: relative;\n  display: grid;\n  overflow: auto;\n}\n.loader {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-block-start: 0;\n}\n.tabular-grid {\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.empty-state {\n  block-size: 100%;\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.message-description {\n  line-height: 1.5; // WA. Line height looks too tight.\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.message-icon {\n  flex-shrink: 0;\n}\n\n.tabular-grid.empty-result::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\n\n// - - - - - - - - - - - - - -\n// WA (WORK AROUNDS)\n// - - - - - - - - - - - - - -\n\n.input-comments-container {\n  position: relative;\n}\n// ch-edit for comments WA's\n// Figma design for this component displays the textarea witout border, and with a little more line-height.\n// The following styles are a temporary WA that should be brouhgt to Mercury DS.\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:\n    var(--mer-timing--super-fast) block-size,\n    var(--mer-timing--super-fast) background-color,\n    var(--mer-timing--super-fast) padding-block,\n    var(--mer-timing--super-fast) padding-inline;\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; //force icon fit container\n  margin-inline-end: 0;\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--enabled);\n  cursor: pointer;\n  &:hover {\n    --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--hover);\n  }\n  &:active {\n    --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--active);\n  }\n}\n\n.tabular-grid-row-actions::part(main),\n.property-grid-row-actions::part(main) {\n  // gap not required since buttons are tertiary.\n  // extra space perceived.\n  gap: 0 !important;\n}\n\n.tabular-grid-row-actions {\n  // Butons are center by default, but design dictates start alignemnt\n  > button {\n    justify-content: start;\n  }\n}\n\n// These static type of pills do not exist on Mercury yet.\n// They should be defined on Mercury. The actual pills on Mercury\n// are combo-boxes. Not what we need for this case.\n\n.pill {\n  --pill-background-color: transparent;\n  --pill-color: transparent;\n  --pill-border-color: transparent;\n\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  &--update,\n  &--pending {\n    --pill-background-color: var();\n    --pill-color: var(--mer-color__neutral-gray--400);\n    --pill-border-color: var();\n  }\n  &--to-merge-marked {\n    --pill-background-color: var();\n    --pill-color: var(--mer-border-color__primary);\n    --pill-border-color: var();\n  }\n  &--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  &--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  &--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  &--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  &--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  &--transitioning {\n    // used to hide the text, before updating the caption (smooth transtion)\n    --pill-color: transparent;\n  }\n}\n.updating-spinner-caption {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  $size: 14px;\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  &::before {\n    display: inline-block;\n    content: \"\";\n\n    @include spinner(\n      $size,\n      var(--mer-color__primary--300),\n      var(--mer-color__tinted-primary--50)\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  // --grid-cell__padding-inline: 0;\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.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.tabular-grid-cell::part(actions-icon) {\n  padding-block: 6px;\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  pointer-events: none;\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}\n\n// - - - - - - - - - - - - - -\n// END OF WA\n// - - - - - - - - - - - - - -\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  JSX,\n  Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { Locale } from \"../../../common/locale\";\nimport {\n  ChCheckboxCustomEvent,\n  ChEditCustomEvent,\n  ComboBoxModel,\n  TabularGridColumnSelectorClickedEvent,\n  TabularGridColumnSortChangedEvent,\n  TabularGridMarkingChangedEvent,\n  TabularGridRowContextMenuEvent\n} from \"@genexus/chameleon-controls-library\";\n\nimport uncheckIgnoredObjects from \"../version-control/common/uncheck-ignored\";\nimport { renderObjectTypeWithIcon } from \"../common/utilities\";\nimport { formatDate } from \"../../../common/helpers\";\nimport {\n  ContextMenuInfo,\n  ItemsCheckedResult,\n  ItemsCheckedState,\n  ObjectType\n} from \"../../../common/types\";\nimport { config } from \"../../../common/config\";\nimport { mapObjectTypeToComboBoxItemModel } from \"../version-control/common/object-type-to-combo-box\";\nimport { COLUMNS_IDS } from \"../version-control/common/tabular-grid-render\";\nimport sortTabularGridColumn, {\n  type SortTabularGridColumnDataType\n} from \"../../../common/chameleon/tabular-grid-column-sort\";\nimport areSetsEqual from \"../version-control/common/are-sets-equal\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tabular-grid\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst CHECKBOX_CHECKED_VALUE = \"true\";\nconst CHECKBOX_UNCHECKED_VALUE = \"false\";\n\nconst DETAIL_LABEL_CLASSES = \"detail__label body-semi-bold-s\";\n\n// icons\nconst ADD_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"on-elevation\"\n});\nconst EDITED_ICON = getIconPath({\n  category: \"system\",\n  name: \"edit\",\n  colorType: \"on-elevation\"\n});\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\nconst SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-elevation\"\n});\nconst SUBSTRACT_ICON = getIconPath({\n  category: \"system\",\n  name: \"substract\",\n  colorType: \"on-elevation\"\n});\nconst WARNING_ICON = getIconPath({\n  category: \"system\",\n  name: \"warning\",\n  colorType: \"warning\"\n});\nconst ERROR_ICON = getIconPath({\n  category: \"system\",\n  name: \"error\",\n  colorType: \"error\"\n});\nconst SUCCESS_ICON = getIconPath({\n  category: \"system\",\n  name: \"check \",\n  colorType: \"success\"\n});\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-elevation\"\n});\nconst REFRESH_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"reset\",\n  colorType: \"neutral\"\n});\n\n@Component({\n  tag: \"gx-ide-team-dev-update\",\n  styleUrl: \"update.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-update\"]\n})\nexport class GxIdeTeamDevUpdate {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  #actionsComboBoxModel: { caption: string; value: ActionForFilter }[];\n\n  /**\n   * Used to determine if pendingItemsCheckedCallback callback has to be called or not.\n   * It should be ignored if the grid checkboxes state is changed programmatically, by\n   * setting markRow to false once the object has been successfully updated, for example.\n   */\n  #rowCheckedChangedByTheUser: boolean = true;\n\n  @Element() el: HTMLGxIdeTeamDevBringChangesElement;\n\n  #chGridPendingForUpdateEl!: HTMLChTabularGridElement;\n\n  // - - - - - - - - - - - - -\n  // States Bring Changes\n  // - - - - - - - - - - - - -\n\n  /**\n   * It hols a boolean indicating if at least one object from the tabular-grid is checked, for merging.\n   */\n  @State() atLeastOneObjectIsChecked: boolean = false;\n\n  /**\n   * True while commitObjects hasn't been loaded or is empty. Used to display a loader.\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * The current search filter value\n   */\n  @State() menuContextAction: Action;\n\n  /**\n   * The current search filter value\n   */\n  @State() searchValue: string = \"\";\n\n  /**\n   * The current state filter value\n   */\n  @State() selectedAction: ActionForFilter = \"all-actions\";\n\n  /**\n   * A set that stores the marked state of each object cell. This is necessary because filtering the grid * causes marked cells to lose their state.\n   */\n  @State() markedObjectsSet: Set<string> = new Set<string>([]);\n  @Watch(\"markedObjectsSet\")\n  markedObjectsSetChanged(newMarkedObjectsSet: Set<string>) {\n    this.atLeastOneObjectIsChecked = newMarkedObjectsSet.size > 0;\n  }\n\n  /**\n   * A set that holds the id's of the objects that have been updated already.\n   */\n  @State() alreadyUpdatedObjectsIdsSet: Set<string> = new Set<string>([]);\n  @Watch(\"alreadyUpdatedObjectsIdsSet\")\n  alreadyUpdatedObjectsIdsSetChanged(newUpdatedObjectsIdsSet: Set<string>) {\n    const pendingIdsSetAndUpdatedIdsSetAreEqual = areSetsEqual(\n      newUpdatedObjectsIdsSet,\n      this.pendingIdsSet\n    );\n\n    this.allPendingAreUpdated =\n      pendingIdsSetAndUpdatedIdsSetAreEqual && this.pendingIdsSet.size > 0;\n  }\n\n  /**\n   * A set that holds the id's of all the pending objects. Used to quickly determine if the selected rows belong\n   * to \"pending\" or not. This information is required for the ContextMenuCallback callback. This set has to be updated\n   * on every loadCallback.\n   */\n  @State() pendingIdsSet: Set<string> = new Set<string>([]);\n\n  /**\n   * A set that holds the id's of all the ignored objects. Used to quickly determine if the selected rows belong\n   * to \"ignored\" or not. This information is required for the ContextMenuCallback callback. This set has to be updated\n   * on every loadCallback.\n   */\n  @State() ignoredIdsSet: Set<string> = new Set<string>([]);\n\n  /**\n   * A map that holds object messages, after trying to update ('info' | ‘success’ | 'warning' | 'error')\n   */\n  @State() objectsMessagesDataMap: Map<string, MessageData[]> = new Map();\n\n  /**\n   * Set to true when objects are being mered. This helps disabling controls until all objects are done.\n   */\n  @State() updating: boolean = false;\n\n  // - - - - - - - - - - - - -\n  // State Update\n  // - - - - - - - - - - - - -\n\n  /**\n   * A boolean that indicates if all the pending objects, have been updated\n   * already.\n   */\n  @State() allPendingAreUpdated: boolean = false;\n\n  /**\n   * The \"KB Properties\" checkbox value\n   */\n  @State() kbPropertiesChecked: boolean = false;\n\n  /**\n   * The combobox model for the types filter.\n   */\n  @State() typesComboBoxModel: ComboBoxModel;\n\n  /**\n   * The selected type\n   */\n  @State() selectedType: string;\n\n  /**\n   * A map that holds the current update objects states (\"inserted\" | \"modified\" | \"modified-with-conflicts\" | \"deleted\" | \"updating\" | \"update\")\n   */\n  @State() objectsStatusMap: Map<string, StatusInternal> = new Map();\n  @Watch(\"objectsStatusMap\")\n  objectsStatusMapChanged(newObjectsStatusMap: Map<string, StatusInternal>) {\n    const someObjectIsUpdating = [...newObjectsStatusMap.entries()].find(\n      ([, state]) => state === \"updating\"\n    );\n\n    if (!someObjectIsUpdating) {\n      this.updating = false;\n    }\n  }\n\n  // - - - - - - - - - - - - -\n  // Properties Bring Changes\n  // - - - - - - - - - - - - -\n\n  /**\n   * Callback invoked when user activates the context menu on any of the grids.\n   */\n  @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n  /**\n   * All objects (\"pending for update\" and \"ignored objects\") before \"state\" filter\n   */\n  @State() pendingAndIgnored: UpdateData = {\n    pendingForUpdate: [],\n    ignoredObjects: []\n  };\n  @Watch(\"pendingAndIgnored\")\n  pendingAndIgnoredChanged() {\n    this.pendingIdsSet.clear(); // before pendingIdsSet.add\n    this.ignoredIdsSet.clear(); // before pendingIdsSet.add\n    this.objectsMessagesDataMap = new Map();\n    this.alreadyUpdatedObjectsIdsSet = new Set();\n    this.markedObjectsSet = new Set(); // before #markPendingObjects\n\n    this.pendingAndIgnored.pendingForUpdate.forEach(pending => {\n      this.pendingIdsSet.add(pending.id);\n    });\n\n    this.pendingAndIgnored.ignoredObjects.forEach(ignored => {\n      this.ignoredIdsSet.add(ignored.id);\n    });\n\n    this.#markPendingObjects(); // after pendingIdsSet.add and ignoredIdsSet.add\n    this.#setInitialObjectsStatus(); // after pendingIdsSet.add and ignoredIdsSet.add\n\n    this.#applyClientFilter();\n  }\n\n  /**\n   * Pending objects after \"action\" filter\n   */\n  @State() pendingObjectsAfterActionFilter: ModifiedObject[] = [];\n\n  /**\n   * Ignored objects after \"action\" filter\n   */\n  @State() ignoredObjectsAfterActionFilter: ModifiedObject[] = [];\n\n  /**\n   * Callback invoked to return the list of data types loaded from file or url.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * Callback invoked to return information of a Font type of data.\n   */\n  @Prop() readonly pendingItemsCheckedCallback!: PendingItemsCheckedCallback;\n\n  /**\n   * Possible values for type filter\n   */\n  @Prop() readonly types: ObjectType[];\n\n  /**\n   * If true, the \"Action\" column will display a button instead of a pill, only when the action is\n   */\n  @Prop() readonly updatePillAsButton: boolean = false;\n\n  // - - - - - - - - - - - - -\n  // Properties Update\n  // - - - - - - - - - - - - -\n\n  /**\n   * Callback invoked when the update process is to be started (’Update’ button).\n   */\n  @Prop() readonly updateCallback!: UpdateCallback;\n\n  /**\n   * Callback invoked when user clicks in server url of Update From group.\n   */\n  @Prop() readonly openServerCallback!: () => Promise<void>;\n\n  /**\n   * Information to show in Update From group.\n   */\n  @Prop() readonly updateFrom: UpdateFromData;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    // Initiate \"actions\" combo box filter\n    this.#actionsComboBoxModel = [\n      {\n        caption: this.#componentLocale.actions.allActions,\n        value: \"all-actions\"\n      },\n      {\n        caption: this.#componentLocale.actions.insert,\n        value: \"inserted\"\n      },\n      {\n        caption: this.#componentLocale.actions.modify,\n        value: \"modified\"\n      },\n      {\n        caption: this.#componentLocale.actions.modifyWithConflicts,\n        value: \"modified-with-conflicts\"\n      },\n      {\n        caption: this.#componentLocale.actions.delete,\n        value: \"deleted\"\n      }\n    ];\n\n    // Set type initial value\n    this.selectedType = this.types[0]?.id;\n\n    this.typesComboBoxModel = mapObjectTypeToComboBoxItemModel(this.types);\n  }\n\n  async componentDidLoad() {\n    await this.#loadData(true);\n\n    // initialize \"allPendingAreUpdated\"\n    this.alreadyUpdatedObjectsIdsSetChanged(this.alreadyUpdatedObjectsIdsSet);\n  }\n\n  /**\n   * Used by the host to instruct the component to force a data reload in the grids.\n   */\n  @Method()\n  async reload() {\n    this.#loadData(true);\n  }\n\n  #updateCheckedClickedHandler = async () => {\n    this.#updateObjectsHandler([...this.markedObjectsSet]);\n  };\n\n  #reloadClickedHandler = async () => {\n    this.#loadData(true);\n  };\n\n  #updateObjectsHandler = async (selection: string[]) => {\n    this.#rowCheckedChangedByTheUser = false;\n    this.updating = true;\n\n    selection.forEach(itemToUpdate => {\n      this.objectsStatusMap.set(itemToUpdate, \"updating\");\n    });\n\n    const updateResult = await this.updateCallback(selection);\n    updateResult.forEach(async objectResult => {\n      const messages = objectResult.messages;\n      if (messages.length) {\n        this.objectsMessagesDataMap.set(objectResult.id, objectResult.messages);\n      } else {\n        // clear messages\n        this.objectsMessagesDataMap.delete(objectResult.id);\n      }\n      if (objectResult.result === \"updated\") {\n        this.alreadyUpdatedObjectsIdsSet = new Set(\n          this.alreadyUpdatedObjectsIdsSet\n        ).add(objectResult.id);\n\n        this.objectsStatusMap.set(objectResult.id, \"updated\");\n        await this.#chGridPendingForUpdateEl.markRow(objectResult.id, false);\n      } else {\n        this.objectsStatusMap.set(objectResult.id, \"pending\");\n      }\n    });\n    this.updating = false;\n  };\n\n  #renderActionCellContent = (\n    action: Action\n  ): JSX.Element[] | null | string => {\n    let icon: string;\n    let caption: string;\n    let iconColor: string;\n\n    if (action === \"deleted\") {\n      icon = SUBSTRACT_ICON;\n      caption = this.#componentLocale.actions.delete;\n      iconColor = \"--mer-icon__error\";\n    } else if (action === \"inserted\") {\n      icon = ADD_ICON;\n      caption = this.#componentLocale.actions.insert;\n      iconColor = \"--mer-icon__success\";\n    } else if (action === \"modified\") {\n      icon = EDITED_ICON;\n      caption = this.#componentLocale.actions.modify;\n      iconColor = \"--mer-icon__warning\";\n    } else if (action === \"modified-with-conflicts\") {\n      icon = WARNING_ICON;\n      caption = this.#componentLocale.actions.modifyWithConflicts;\n      iconColor = \"--mer-icon__warning\";\n    } else if (!action) {\n      // proably is \"ignored\"\n      return null;\n    }\n\n    return (\n      <span class=\"custom-icon-text-wrapper\">\n        <ch-image\n          type=\"mask\"\n          class=\"icon-md\"\n          src={icon}\n          style={{ backgroundColor: `var(${iconColor})` }}\n        ></ch-image>\n        {`${caption}`}\n      </span>\n    );\n  };\n\n  #updateSingleObject: (objectId: string) => () => void =\n    objectId => async () => {\n      const newobjectsStatusMap = new Map(this.objectsStatusMap);\n      newobjectsStatusMap.set(objectId, \"updating\");\n      this.objectsStatusMap = newobjectsStatusMap;\n      this.#updateObjectsHandler([objectId]);\n    };\n\n  #renderObjectStatus = (objectId: string): JSX.Element[] => {\n    const status = this.objectsStatusMap.get(objectId);\n\n    const caption =\n      status === \"pending\" && this.updatePillAsButton\n        ? this.#componentLocale.status.update\n        : this.#componentLocale.status[status];\n    if (status === \"updating\") {\n      return <span class=\"updating-spinner-caption\">{caption}</span>;\n    }\n    const classes = `pill pill--${status}`;\n    if (this.updatePillAsButton && status === \"pending\") {\n      return (\n        <button\n          class=\"button-secondary pill pill--update\"\n          onClick={this.#updateSingleObject(objectId)}\n        >\n          {caption}\n        </button>\n      );\n    } else {\n      return <span class={classes}>{caption}</span>;\n    }\n  };\n\n  #renderRows = (type: UpdateSourceType): JSX.Element[] => {\n    let objects: ModifiedObject[];\n    if (type === \"pending\") {\n      objects = this.pendingObjectsAfterActionFilter;\n    } else if (type === \"ignored\") {\n      objects = this.ignoredObjectsAfterActionFilter;\n    }\n\n    return objects.map(object => {\n      const objectType: ObjectType = {\n        id: object.id,\n        icon: object.typeIcon,\n        name: object.type\n      };\n\n      const alreadyUpdated = this.alreadyUpdatedObjectsIdsSet.has(object.id);\n      const hideCheckbox = alreadyUpdated || type === \"ignored\";\n\n      const marked = this.markedObjectsSet.has(object.id);\n\n      const messages = this.objectsMessagesDataMap.get(object.id);\n\n      return (\n        <ch-tabular-grid-row\n          class=\"tabular-grid-row\"\n          key={object.id}\n          rowid={object.id}\n          ref={(el: HTMLElement) =>\n            marked && el?.setAttribute(\"marked\", \"true\")\n          }\n        >\n          <ch-tabular-grid-cell\n            cell-type=\"rich\"\n            row-selector=\"true\"\n            class={{\n              \"tabular-grid-cell\": true,\n              \"no-checkbox-custom-selector\": hideCheckbox\n            }}\n            size=\"max-content\"\n          >\n            {object.name}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {renderObjectTypeWithIcon(objectType)}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {object.description}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {formatDate(object.modifiedOn)}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {this.#renderActionCellContent(object.action)}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell--for-pill\">\n            {this.#renderObjectStatus(object.id)}\n          </ch-tabular-grid-cell>\n\n          {messages?.length && (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              <ch-tabular-grid-rowset-empty\n                class={{\n                  \"tabular-grid-rowset-empty\": true\n                }}\n              >\n                <ul class=\"messages-list\">\n                  {messages.map(message => {\n                    let MESSAGE_ICON;\n                    if (message.type === \"error\") {\n                      MESSAGE_ICON = ERROR_ICON;\n                    } else if (message.type === \"warning\") {\n                      MESSAGE_ICON = WARNING_ICON;\n                    } else if (message.type === \"success\") {\n                      MESSAGE_ICON = SUCCESS_ICON;\n                    } else {\n                      // info\n                      MESSAGE_ICON = INFO_ICON;\n                    }\n\n                    return (\n                      <li class=\"message-description\">\n                        <ch-image\n                          class=\"icon-md message-icon\"\n                          src={MESSAGE_ICON}\n                        ></ch-image>\n                        {message.text}\n                      </li>\n                    );\n                  })}\n                </ul>\n              </ch-tabular-grid-rowset-empty>\n            </ch-tabular-grid-rowset>\n          )}\n        </ch-tabular-grid-row>\n      );\n    });\n  };\n\n  #rowMarkingChangedHandler = async (\n    event: CustomEvent<TabularGridMarkingChangedEvent>\n  ) => {\n    const markedRowsIds = event.detail.rowsId;\n    this.markedObjectsSet = new Set(\n      markedRowsIds.filter(\n        markedObjectId => !this.alreadyUpdatedObjectsIdsSet.has(markedObjectId)\n      )\n    );\n\n    if (this.#rowCheckedChangedByTheUser) {\n      this.#updatePendingCheckedItems(event);\n    }\n  };\n\n  #updatePendingCheckedItems = async (\n    event: CustomEvent<TabularGridMarkingChangedEvent>\n  ) => {\n    const addedRowsIds = event.detail.addedRowsId;\n    const removedRowsId = event.detail.removedRowsId;\n\n    const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({\n      itemsChecked: addedRowsIds,\n      itemsUnchecked: removedRowsId\n    });\n\n    if (pendingItemCheckedResult === undefined) {\n      // undo check/uncheck\n      await this.#revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);\n    } else {\n      await this.#togglePendingCommitsCheckboxes(pendingItemCheckedResult);\n    }\n  };\n\n  #searchInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n    this.searchValue = event.detail as string;\n    this.#loadData();\n  };\n\n  // Local Methods Update\n\n  #actionChangedHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.selectedAction = event.detail as ActionForFilter;\n    this.#loadData();\n  };\n\n  #typeChangedHandler = async (event: CustomEvent<string> | InputEvent) => {\n    this.selectedType = event.detail as string;\n    this.#loadData();\n  };\n\n  #setInitialObjectsStatus = (): void => {\n    this.pendingAndIgnored.pendingForUpdate.forEach(pendingObject => {\n      const status: StatusInternal =\n        (pendingObject.status as Status) ?? \"pending\";\n\n      this.objectsStatusMap.set(pendingObject.id, status);\n      if (status === \"updated\") {\n        this.alreadyUpdatedObjectsIdsSet.add(pendingObject.id);\n      }\n    });\n    this.pendingAndIgnored.ignoredObjects.forEach(ignoredObject => {\n      const status: StatusInternal =\n        (ignoredObject.status as Status) ?? \"ignored\";\n      this.objectsStatusMap.set(ignoredObject.id, status);\n    });\n  };\n\n  #loadData = async (forceLoad: boolean = false): Promise<void> => {\n    const filters: FiltersData = {\n      search: this.searchValue,\n      type: this.selectedType,\n      kbProperties: this.kbPropertiesChecked,\n      action: this.selectedAction\n    };\n    this.loading = true;\n    this.objectsMessagesDataMap.clear();\n\n    this.pendingAndIgnored = await this.loadCallback(filters, forceLoad);\n    this.#setInitialObjectsStatus();\n\n    this.loading = false;\n\n    // Is is required to mark/check all objects after loadCallback.\n    this.#markPendingObjects();\n  };\n\n  /**\n   * Marks all pending objects that have not been committed yet.\n   *\n   * Iterates through all pending object IDs and adds them to the marked objects set\n   * if they are not already in the committed objects set. This effectively identifies\n   * and marks all the pending objects that still need to be processed.\n   **/\n  #markPendingObjects = () => {\n    for (const pendingId of this.pendingIdsSet) {\n      if (!this.alreadyUpdatedObjectsIdsSet.has(pendingId)) {\n        this.markedObjectsSet = new Set([...this.markedObjectsSet, pendingId]);\n      }\n    }\n  };\n\n  #applyClientFilter = () => {\n    // this.pendingObjectsAfterActionFilter = this.#filteredObjects(\n    //   this.pendingAndIgnored.pendingForUpdate\n    // );\n    this.pendingObjectsAfterActionFilter =\n      this.pendingAndIgnored.pendingForUpdate;\n    // this.ignoredObjectsAfterActionFilter = this.#filteredObjects(\n    //   this.pendingAndIgnored.ignoredObjects\n    // );\n    this.ignoredObjectsAfterActionFilter =\n      this.pendingAndIgnored.ignoredObjects;\n  };\n\n  // #filteredObjects = (objects: ModifiedObject[]): ModifiedObject[] => {\n  //   let filtered = objects;\n\n  //   // name or description\n  //   if (this.searchValue.length) {\n  //     filtered = filtered.filter(object => {\n  //       const nameFiltered = object.name\n  //         .toLowerCase()\n  //         .includes(this.searchValue.toLowerCase());\n\n  //       const descriptionFiltered = object.description\n  //         .toLowerCase()\n  //         .includes(this.searchValue.toLowerCase());\n\n  //       return nameFiltered || descriptionFiltered;\n  //     });\n  //   }\n\n  //   return filtered;\n  // };\n\n  #onRowContextMenuHandler =\n    () => async (ev: CustomEvent<TabularGridRowContextMenuEvent>) => {\n      ev.preventDefault();\n      ev.stopPropagation();\n\n      const selection = await this.#chGridPendingForUpdateEl.getSelectedRows();\n\n      const selectedRowId = (\n        await this.#chGridPendingForUpdateEl.getSelectedCell()\n      ).rowId;\n\n      const source: UpdateSourceType = this.pendingIdsSet.has(selectedRowId)\n        ? \"pending\"\n        : \"ignored\";\n\n      let filteredSelection: string[] = [];\n      // remove selected rows from the other source, if any.\n      if (selection.length > 1 && source === \"pending\") {\n        selection.forEach(async selectedRowId => {\n          if (this.ignoredIdsSet.has(selectedRowId)) {\n            await this.#chGridPendingForUpdateEl.selectRow(\n              selectedRowId,\n              false\n            );\n          } else {\n            filteredSelection.push(selectedRowId);\n          }\n        });\n      } else if (selection.length > 1 && source === \"ignored\") {\n        selection.forEach(async selectedRowId => {\n          if (this.pendingIdsSet.has(selectedRowId)) {\n            await this.#chGridPendingForUpdateEl.selectRow(\n              selectedRowId,\n              false\n            );\n          } else {\n            filteredSelection.push(selectedRowId);\n          }\n        });\n      } else {\n        filteredSelection = selection;\n      }\n\n      await this.contextMenuCallback(source, {\n        selection: filteredSelection,\n        clientX: ev.detail.clientX,\n        clientY: ev.detail.clientY\n      });\n    };\n\n  #revertPendingCommitsCheckboxes = async (\n    addedRowsIds: string[],\n    removedRowsId: string[]\n  ) => {\n    if (this.#chGridPendingForUpdateEl) {\n      for (const rowId of addedRowsIds) {\n        await this.#chGridPendingForUpdateEl.markRow(rowId, false);\n      }\n      for (const rowId of removedRowsId) {\n        await this.#chGridPendingForUpdateEl.markRow(rowId, true);\n      }\n    }\n  };\n\n  #togglePendingCommitsCheckboxes = async (\n    itemsToToggle: ItemsCheckedResult\n  ) => {\n    if (this.#chGridPendingForUpdateEl) {\n      const itemsToCheck: string[] = itemsToToggle.itemsToCheck;\n      const itemsToUncheck: string[] = itemsToToggle.itemsToUncheck;\n      // check\n      for (const rowId of itemsToCheck) {\n        await this.#chGridPendingForUpdateEl.markRow(rowId, true);\n      }\n      // uncheck\n      for (const rowId of itemsToUncheck) {\n        await this.#chGridPendingForUpdateEl.markRow(rowId, false);\n      }\n    }\n  };\n\n  #kbPropertiesChangedHandler = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.kbPropertiesChecked = event.detail === CHECKBOX_CHECKED_VALUE;\n    this.#loadData(true);\n  };\n\n  #sortTabularGridColumnCallback = (\n    e: CustomEvent<TabularGridColumnSortChangedEvent>\n  ) => {\n    const columnId = e.detail.columnId;\n\n    let objectProperty;\n    let dateType: SortTabularGridColumnDataType = \"string\";\n    if (columnId === COLUMNS_IDS.lastSynchronized) {\n      dateType = \"dateString\";\n    }\n\n    this.pendingObjectsAfterActionFilter = [\n      ...sortTabularGridColumn(\n        e,\n        this.pendingObjectsAfterActionFilter,\n        dateType,\n        objectProperty\n      )\n    ];\n    this.ignoredObjectsAfterActionFilter = [\n      ...sortTabularGridColumn(\n        e,\n        this.ignoredObjectsAfterActionFilter,\n        dateType,\n        objectProperty\n      )\n    ];\n  };\n\n  /**\n   * WA: Ignored objects must always remain unchecked.\n   * Because `tabular-grid` selects all rows when the checkbox column is toggled,\n   * we need to manually unselect the ignored IDs. // TODO: Move this function\n   * to common\n   */\n  #columnSelectorClickedCallback = async (\n    e: CustomEvent<TabularGridColumnSelectorClickedEvent>\n  ) => {\n    const allRowsChecked = e.detail;\n    if (allRowsChecked) {\n      const markedRowsIds =\n        await this.#chGridPendingForUpdateEl.getMarkedRows();\n      const ignoredMarkedRowsIds = markedRowsIds.filter(rowId => {\n        return this.ignoredIdsSet.has(rowId);\n      });\n      if (ignoredMarkedRowsIds.length) {\n        uncheckIgnoredObjects(\n          ignoredMarkedRowsIds,\n          this.#chGridPendingForUpdateEl\n        );\n      }\n    }\n  };\n\n  render() {\n    const disableControls = this.updating || this.loading;\n    const gridIsEmpty =\n      this.pendingObjectsAfterActionFilter.length === 0 &&\n      this.ignoredObjectsAfterActionFilter.length === 0;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <header class=\"header spacing-body-inline spacing-body-block-start\">\n            <div\n              // header details\n              class=\"header__detail header__detail-1\"\n            >\n              <p class=\"detail__heading-genexus-server subtitle-semi-bold-s\">\n                {this.#componentLocale.commitDetail.title}\n              </p>\n              <div\n                // genexus server\n                class=\"detail__genexus-server field field-block\"\n              >\n                <span class={DETAIL_LABEL_CLASSES}>\n                  {this.#componentLocale.commitDetail.genexusServer}\n                </span>\n                <button\n                  class=\"detail__link body-regular-s\"\n                  onClick={this.openServerCallback}\n                >\n                  {this.updateFrom ? this.updateFrom.serverUrl : \"\"}\n                </button>\n              </div>\n\n              <div\n                // knowledge base\n                class=\"detail__knowledge-base field field-block\"\n              >\n                <span class={DETAIL_LABEL_CLASSES}>\n                  {this.#componentLocale.commitDetail.knowledgeBase}\n                </span>\n                <p class=\"body-regular-s\">\n                  {this.updateFrom ? this.updateFrom.kbName : \"\"}\n                </p>\n              </div>\n\n              <div\n                // version\n                class=\"detail__version field field-block\"\n              >\n                <span class={DETAIL_LABEL_CLASSES}>\n                  {this.#componentLocale.commitDetail.version}\n                </span>\n                <p class=\"body-regular-s\">\n                  {this.updateFrom ? this.updateFrom.versionName : \"\"}\n                </p>\n              </div>\n\n              <div\n                // last full update\n                class=\"detail__last-full-update field field-block\"\n              >\n                <span class={DETAIL_LABEL_CLASSES}>\n                  {this.#componentLocale.commitDetail.lastFullUpdate}\n                </span>\n                <p class=\"body-regular-s\">\n                  {formatDate(this.updateFrom.lastFullUpdate)}\n                </p>\n              </div>\n            </div>\n          </header>\n\n          <div class=\"filter-container spacing-body-inline\">\n            <div class=\"filter\">\n              <ch-edit\n                // search\n                class=\"input filter__search\"\n                disabled={disableControls}\n                startImgSrc={SEARCH_ICON}\n                accessibleName={\n                  this.#componentLocale.filter.searchAccessibleName\n                }\n                placeholder={this.#componentLocale.filter.searchPlaceholder}\n                type=\"search\"\n                onInput={this.#searchInputHandler}\n                debounce={config.inputDebounce}\n              ></ch-edit>\n\n              <ch-combo-box-render\n                // types\n                class=\"combo-box filter__types\"\n                disabled={disableControls}\n                model={this.typesComboBoxModel}\n                value={this.selectedType}\n                accessibleName={this.#componentLocale.filter.typeAccesibleName}\n                placeholder={this.#componentLocale.filter.typePlaceholder}\n                onInput={this.#typeChangedHandler}\n              ></ch-combo-box-render>\n\n              <ch-combo-box-render\n                // actions\n                class=\"combo-box filter__actions\"\n                disabled={disableControls}\n                model={this.#actionsComboBoxModel}\n                value={this.selectedAction}\n                onInput={this.#actionChangedHandler}\n                accessibleName={\n                  this.#componentLocale.filter.actionAccesibleName\n                }\n                placeholder={this.#componentLocale.filter.actionPlaceholder}\n              ></ch-combo-box-render>\n\n              <ch-checkbox\n                // kb properties\n                class=\"checkbox filter__kb-properties\"\n                caption={this.#componentLocale.filter.kbProperties}\n                checkedValue={CHECKBOX_CHECKED_VALUE}\n                value={CHECKBOX_UNCHECKED_VALUE}\n                onInput={this.#kbPropertiesChangedHandler}\n                disabled={disableControls}\n              />\n\n              <div class=\"buttons-spacer filter__buttons\">\n                <button\n                  // reload button\n                  class=\"button-secondary button-icon-and-text\"\n                  disabled={disableControls}\n                  onClick={this.#reloadClickedHandler}\n                >\n                  <ch-image class=\"icon-md\" src={REFRESH_ICON}></ch-image>\n                  {this.#componentLocale.filter.reload}\n                </button>\n                <button\n                  // update button\n                  class=\"button-primary button-update\"\n                  disabled={!this.atLeastOneObjectIsChecked || disableControls}\n                  onClick={this.#updateCheckedClickedHandler}\n                >\n                  {this.#componentLocale.filter.update}\n                </button>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"main spacing-body\">\n            {!this.loading ? (\n              <ch-tabular-grid\n                class={{\n                  \"tabular-grid\": true,\n                  \"objects-tabular-grid\": true,\n                  \"disabled-custom-selector\": this.updating,\n                  \"empty-result\": gridIsEmpty\n                }}\n                keyboardNavigationMode=\"focus\"\n                rowSelectionMode=\"multiple\"\n                onRowMarkingChanged={this.#rowMarkingChangedHandler}\n                onRowContextMenu={this.#onRowContextMenuHandler()}\n                ref={(el: HTMLChTabularGridElement) =>\n                  (this.#chGridPendingForUpdateEl = el)\n                }\n              >\n                <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.name}\n                    columnName={this.#componentLocale.objects.name}\n                    columnType=\"rich\"\n                    richRowSelector={!this.allPendingAreUpdated}\n                    richRowSelectorMode=\"mark\"\n                    settingable={false}\n                    sortable={true}\n                    onColumnSortChanged={this.#sortTabularGridColumnCallback}\n                    onColumnSelectorClicked={\n                      this.#columnSelectorClickedCallback\n                    }\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.type}\n                    columnName={this.#componentLocale.objects.type}\n                    settingable={false}\n                    sortable={true}\n                    onColumnSortChanged={this.#sortTabularGridColumnCallback}\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.description}\n                    columnName={this.#componentLocale.objects.description}\n                    settingable={false}\n                    sortable={true}\n                    onColumnSortChanged={this.#sortTabularGridColumnCallback}\n                    size={config.tabularGrid.colSize.description}\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.modifiedOn}\n                    columnName={this.#componentLocale.objects.modifiedOn}\n                    settingable={false}\n                    sortable={true}\n                    onColumnSortChanged={this.#sortTabularGridColumnCallback}\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.action}\n                    columnName={this.#componentLocale.objects.action}\n                    settingable={false}\n                    sortable={false}\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    // size of this column should the enough for the largest pill, and no more.\n                    // this prevents layout shifts when pills state changes.\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.status}\n                    columnName={this.#componentLocale.objects.status}\n                    settingable={false}\n                    sortable={false}\n                    size=\"100px\"\n                  />\n                </ch-tabular-grid-columnset>\n\n                {!gridIsEmpty\n                  ? [\n                      <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                        <ch-tabular-grid-rowset-legend class=\"tabular-grid-rowset-legend\">\n                          {this.#componentLocale.objects.pending}\n                        </ch-tabular-grid-rowset-legend>\n                        {this.#renderRows(\"pending\")}\n                      </ch-tabular-grid-rowset>,\n                      <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                        <ch-tabular-grid-rowset-legend class=\"tabular-grid-rowset-legend\">\n                          {this.#componentLocale.objects.ignored}\n                        </ch-tabular-grid-rowset-legend>\n                        {this.#renderRows(\"ignored\")}\n                      </ch-tabular-grid-rowset>\n                    ]\n                  : null}\n\n                <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                  {gridIsEmpty && (\n                    <ch-tabular-grid-rowset-empty>\n                      <gx-ide-empty-state\n                        class=\"empty-state\"\n                        isAnimated\n                        stateIconSrc={FILTER_ICON}\n                        stateTitle=\"No object matched your filter\"\n                      ></gx-ide-empty-state>\n                    </ch-tabular-grid-rowset-empty>\n                  )}\n                </ch-tabular-grid-rowset>\n              </ch-tabular-grid>\n            ) : (\n              <gx-ide-loader\n                cancelLabel={this.#componentLocale.loader.cancelLabel}\n                loaderTitle={this.#componentLocale.loader.title}\n                description={this.#componentLocale.loader.description}\n                show\n                class=\"loader\"\n              ></gx-ide-loader>\n            )}\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n\n// - - - - - - - - - - - - -\n// Types from Update\n// - - - - - - - - - - - - -\n\nexport type Status = \"pending\" | \"updated\" | \"ignored\";\n\nexport type StatusInternal = Status | \"updating\" | \"ignored\";\n\nexport type Action =\n  | \"inserted\"\n  | \"modified\"\n  | \"modified-with-conflicts\"\n  | \"deleted\";\n\ntype ActionForFilter = Action | \"all-actions\";\n\nexport type ContextMenuCallback = (\n  source: UpdateSourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type PendingItemsCheckedCallback = (\n  pendingItemsCheckedState: ItemsCheckedState\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type UpdateSourceType = \"pending\" | \"ignored\";\n\nexport type LoadCallback = (\n  filters: FiltersData,\n  forceLoad: boolean\n) => Promise<UpdateData>;\n\nexport interface ModifiedObject {\n  id: string;\n  typeIcon: string;\n  action?: Action;\n  name: string;\n  type: string;\n  description?: string;\n  modifiedOn?: Date;\n  status?: Status;\n}\nexport interface UpdateData {\n  pendingForUpdate: ModifiedObject[];\n  ignoredObjects: ModifiedObject[];\n}\n\nexport interface FiltersData {\n  search: string;\n  type: string;\n  kbProperties: boolean;\n  action: ActionForFilter;\n}\n\nexport interface UpdateFromData {\n  serverUrl: string;\n  kbName: string;\n  versionName: string;\n  lastFullUpdate: Date;\n}\n\nexport type UpdateCallback = (\n  selection: string[]\n) => Promise<UpdateResultData[]>;\n\nexport interface UpdateResultData {\n  id: string;\n  result: Status;\n  messages: MessageData[];\n}\n\nexport interface MessageData {\n  type: \"info\" | \"success\" | \"warning\" | \"error\";\n  text: string;\n}\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-646ddf49.entry.js → p-11a60dbe.entry.js}

@@ -6,7 +6,7 @@ import { L as o } from "./p-311eedf3.js";
 
 import { c as r } from "./p-9a03ac9f.js";
 
-import { f as n } from "./p-8c15538c.js";
+import { f as n } from "./p-1972b953.js";
 
 import { F as c } from "./p-13feb5cf.js";
 
@@ -522,4 +522,4 @@ L = new WeakMap, K = new WeakMap, V = new WeakMap, A = new WeakMap, B = new Weak
 O.style = d;
 
 export { O as gx_ide_object_selector };
-//# sourceMappingURL=p-646ddf49.entry.js.map
+//# sourceMappingURL=p-11a60dbe.entry.js.map

package/dist/genexus-ide-ui/{p-12b563fe.entry.js → p-137a252f.entry.js}

@@ -4,7 +4,7 @@ import { c as a } from "./p-9a03ac9f.js";
 
 import { L as o } from "./p-311eedf3.js";
 
-import { r, m as h } from "./p-8c15538c.js";
+import { r, m as h } from "./p-1972b953.js";
 
 import { s as c, g as d } from "./p-8c2e9df4.js";
 
@@ -442,4 +442,4 @@ N = new WeakMap;
 Z.style = u;
 
 export { Z as gx_ide_new_environment };
-//# sourceMappingURL=p-12b563fe.entry.js.map
+//# sourceMappingURL=p-137a252f.entry.js.map

package/dist/genexus-ide-ui/{p-8c15538c.js → p-1972b953.js}

@@ -54,39 +54,36 @@ const formatDate = (e, t = "date-time") => {
   const u = String(e.getMonth() + 1).padStart(2, "0");
   const l = String(e.getDate()).padStart(2, "0");
   const d = String(e.getHours()).padStart(2, "0");
-  const $ = String(e.getMinutes()).padStart(2, "0");
-  const f = `${d}:${$}`;
+  const f = String(e.getMinutes()).padStart(2, "0");
+  const $ = `${d}:${f}`;
   if (t === "date-time") {
     o += `  ${e.toLocaleTimeString()}`;
   } else if (t === "date-time-short") {
     // No seconds
-    if (c === "es-ES") {
-      o = `${i}-${u}-${l} ${f}`;
-    } else {
-      o = `${u}/${l}/${i} ${f}`;
-    }
+    o = `${i}/${u}/${l} ${$}`;
   } else {
+    // pretty
     const t = daysFromToday(e);
     const s = new Date;
     const r = s.getFullYear();
     if (isToday(e)) {
-      return `Today ${f}`;
+      return `Today ${$}`;
     } else if (isYesterday(e)) {
-      return `Yesterday ${f}`;
+      return `Yesterday ${$}`;
     } else if (t <= 7) {
       // If one week or less, just show the day of the week, and the time
       const t = n[e.getDay()];
-      return `${t} ${f}`;
+      return `${t} ${$}`;
     } else if (r === i) {
       // If current year, show day number and month name. Example: November 17th
       if (c === "es-ES") {
         o = `${l} de ${e.toLocaleString("es-ES", {
           month: "long"
-        })} ${f}`;
+        })} ${$}`;
       } else {
         o = `${e.toLocaleString("en-US", {
           month: "long"
-        })} ${l} ${f}`;
+        })} ${l} ${$}`;
       }
     } else {
       // Display date as usual
@@ -143,4 +140,4 @@ const renderChCheckboxItems = (n, t, s) => n === null || n === void 0 ? void 0 :
 }));
 
 export { closeOnOutsideClickHandler as c, formatDate as f, hiChar as h, mapOptionsToComboBoxItemModel as m, renderChCheckboxItems as r };
-//# sourceMappingURL=p-8c15538c.js.map
+//# sourceMappingURL=p-1972b953.js.map

package/dist/genexus-ide-ui/p-1972b953.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["daysOfWeek","daysFromToday","date","today","Date","timeDifference","getTime","daysDifference","Math","floor","isToday","toDateString","isYesterday","yesterday","setDate","getDate","formatDate","type","formattedDate","undefined","dateIsValid","locale","lang","_a","document","getElementsByTagName","getAttribute","valueOf","toLocaleDateString","year","getFullYear","month","String","getMonth","padStart","day","hours","getHours","minutes","getMinutes","time","toLocaleTimeString","daysPassedFromToday","currentYear","getDay","toLocaleString","escapeRegExp","str","replace","hiChar","text","filterValue","escapedFilterValue","re","RegExp","h","innerHTML","closeOnOutsideClickHandler","eventInfo","ref","composedPath","includes","mapOptionsToComboBoxItemModel","options","map","option","value","id","caption","label","renderChCheckboxItems","frontEndCheckboxInputHandler","checkedIds","find","name","class","checkedValue","disabled","onInput","startImgSrc","iconName","key"],"sources":["src/common/helpers.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\n\nimport {\n  ChCheckboxCustomEvent,\n  ComboBoxModel,\n  TreeViewItemModel\n} from \"@genexus/chameleon-controls-library\";\nexport type ChCheckboxArray = HTMLChCheckboxElement[] | null;\n\nimport { GxOption } from \"./types\";\n\nconst daysOfWeek = [\n  \"Sunday\",\n  \"Monday\",\n  \"Tuesday\",\n  \"Wednesday\",\n  \"Thursday\",\n  \"Friday\",\n  \"Saturday\"\n];\n\n/**\n * @param element an HTMLElement\n * @returns an alphabetically ordered array of all the parts and exportparts the element contains.\n */\nexport const getElementSelectorParts = (element: HTMLElement) => {\n  const queries: string[] = [];\n  const elementParts = element.shadowRoot?.querySelectorAll(`[part]`);\n  const elementExportParts =\n    element.shadowRoot?.querySelectorAll(`[exportparts]`);\n\n  elementParts?.forEach(el => {\n    queries.push(\n      `${element.tagName.toLowerCase()}::part(${el.getAttribute(\"part\")})`\n    );\n  });\n  elementExportParts?.forEach(el => {\n    queries.push(\n      ...[\n        ...el.getAttribute(\"exportparts\").matchAll(/(?:[\\w-]+:)?([\\w-]+)/g)\n      ].map(item => `${element.tagName.toLowerCase()}::part(${item[1]})`)\n    );\n  });\n\n  return queries.sort();\n};\n\n/**\n * @param selector a part selector\n * @returns A reference to the element the part belongs to.\n */\nexport const querySelectorPart = (selector: string) => {\n  const querySelectorDeep = (\n    element: HTMLElement,\n    parts: string\n  ): HTMLElement => {\n    const shadow = element.shadowRoot;\n    const partList = parts.split(\" \");\n\n    const partElement: HTMLElement = shadow.querySelector(\n      partList.map(partName => `[part~=\"${partName}\"]`).join(\"\")\n    );\n    if (partElement) {\n      return partElement;\n    }\n\n    const exportPartElement: HTMLElement = shadow.querySelector(\n      partList.map(partName => `[exportparts*=\"${partName}\"]`).join(\"\")\n    );\n    if (exportPartElement) {\n      const exportPartList: string[] = [];\n      const exportparts = exportPartElement.getAttribute(\"exportparts\");\n\n      partList.forEach(partItem => {\n        const exportPartName = exportparts.match(\n          `(?:([\\\\w-]+):)?(${partItem})`\n        )[1];\n        if (exportPartName) {\n          exportPartList.push(exportPartName);\n        }\n      });\n\n      if (partList.length === exportPartList.length) {\n        return querySelectorDeep(exportPartElement, exportPartList.join(\" \"));\n      }\n    }\n\n    return null;\n  };\n\n  const selectorItems = selector.match(\"(.*)::part\\\\(([^)]+)\\\\)\");\n  const entity = selectorItems[1];\n  const partName = selectorItems[2];\n\n  return querySelectorDeep(document.querySelector(entity), partName);\n};\n\nconst daysFromToday = (date: Date): number => {\n  const today = new Date();\n  // To calculate the time difference of two dates\n  const timeDifference = today.getTime() - date.getTime();\n  // To calculate the no. of days between two dates\n  const daysDifference = timeDifference / (1000 * 3600 * 24);\n  return Math.floor(daysDifference);\n};\n\n// - - - - - - - - - - - -\n// Date Functions\n// - - - - - - - - - - - -\n\nconst isToday = (date: Date): boolean => {\n  const today = new Date();\n  if (today.toDateString() === date.toDateString()) {\n    return true;\n  }\n  return false;\n};\n\nconst isYesterday = (date: Date): boolean => {\n  const yesterday = new Date();\n  yesterday.setDate(yesterday.getDate() - 1);\n  if (yesterday.toDateString() === date.toDateString()) {\n    return true;\n  }\n  return false;\n};\n\nexport const formatDate = (\n  date: Date,\n  type: FormatDateType = \"date-time\"\n): string => {\n  let formattedDate;\n  // validate date\n  // undefined or null\n  if (date === undefined || date === null) {\n    return \"\";\n  }\n  // If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself\n  const dateIsValid = date.getTime() === date.getTime();\n  if (!dateIsValid) {\n    return \"Invalid date\";\n  }\n  let locale = \"en-US\";\n  const lang = document\n    .getElementsByTagName(\"html\")[0]\n    .getAttribute(\"lang\")\n    ?.valueOf();\n  if (lang === \"es\") {\n    locale = \"es-ES\";\n  }\n  formattedDate = date.toLocaleDateString(locale);\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  const hours = String(date.getHours()).padStart(2, \"0\");\n  const minutes = String(date.getMinutes()).padStart(2, \"0\");\n  const time = `${hours}:${minutes}`;\n  if (type === \"date-time\") {\n    formattedDate += `  ${date.toLocaleTimeString()}`;\n  } else if (type === \"date-time-short\") {\n    // No seconds\n    formattedDate = `${year}/${month}/${day} ${time}`;\n  } else {\n    // pretty\n    const daysPassedFromToday = daysFromToday(date);\n    const today = new Date();\n    const currentYear = today.getFullYear();\n    if (isToday(date)) {\n      return `Today ${time}`;\n    } else if (isYesterday(date)) {\n      return `Yesterday ${time}`;\n    } else if (daysPassedFromToday <= 7) {\n      // If one week or less, just show the day of the week, and the time\n      const day = daysOfWeek[date.getDay()];\n      return `${day} ${time}`;\n    } else if (currentYear === year) {\n      // If current year, show day number and month name. Example: November 17th\n      if (locale === \"es-ES\") {\n        formattedDate = `${day} de ${date.toLocaleString(\"es-ES\", {\n          month: \"long\"\n        })} ${time}`;\n      } else {\n        formattedDate = `${date.toLocaleString(\"en-US\", {\n          month: \"long\"\n        })} ${day} ${time}`;\n      }\n    } else {\n      // Display date as usual\n      formattedDate = formatDate(date, \"date-time-short\");\n    }\n  }\n  return formattedDate;\n};\n\nexport type FormatDateType =\n  | \"date\"\n  | \"date-time\"\n  | \"date-time-short\"\n  | \"pretty\";\n\n// - - - - - - - - - - - -\n// /End of Date Functions\n// - - - - - - - - - - - -\n\n/* Count the total tree nodes (by default it does not count the first level nodes)*/\nexport const countTreeItems = (\n  treeModel: TreeViewItemModel[],\n  children = false\n): number => {\n  let totalNodes = 0;\n  treeModel.forEach(node => {\n    children && totalNodes++;\n    if (node.items) {\n      totalNodes += countTreeItems(node.items, true);\n    }\n  });\n  return totalNodes;\n};\n\n/**\n * @description it evaluates the initial selected combo item\n * @param options an array of GxOption\n * @returns the initial combo value, which in this case is the id\n */\nexport const setInitialComboValue = (options: GxOption[]): string => {\n  const selected = options.find(option => option.selected);\n  if (selected) {\n    return selected.value || selected.id;\n  } else {\n    return options[0].value || options[0].id;\n  }\n};\n\nexport const escapeRegExp = (str: string) => {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\n\n/**\n * @description this function highlights the character(s) that match(es) the filter value.\n * hiChar comes from (hi)light (Char)acters\n * @param text the string to find the filter value on\n * @param filterValue the filter value\n * @returns a span element\n */\nexport const hiChar = function (text: string, filterValue: string) {\n  if (text && filterValue) {\n    const escapedFilterValue = escapeRegExp(filterValue);\n    const re = new RegExp(escapedFilterValue, \"gi\");\n    return (\n      <span\n        innerHTML={text.replace(re, '<span class=\"hiChar\">$&</span>')}\n      ></span>\n    );\n  } else {\n    return text;\n  }\n};\n\nexport const closeOnOutsideClickHandler = (\n  eventInfo: PointerEvent,\n  ref: HTMLElement\n): true | void => {\n  if (!eventInfo.composedPath().includes(ref)) {\n    return true;\n  }\n};\n\nexport const mapOptionsToComboBoxItemModel = (\n  options: GxOption[]\n): ComboBoxModel =>\n  options.map(option => ({\n    value: option.id,\n    caption: option.label\n    // startImgSrc: option.iconName\n  }));\n\nexport const renderChCheckboxItems = (\n  options: GxOption[] | undefined,\n  frontEndCheckboxInputHandler: (\n    event: ChCheckboxCustomEvent<string> | InputEvent\n  ) => void,\n  checkedIds: string[]\n): HTMLChCheckboxElement[] => {\n  return options?.map(option => {\n    const value = checkedIds?.find(\n      id => option.value === id || option.id === id\n    );\n    return (\n      <ch-checkbox\n        name={option.name}\n        class=\"checkbox\"\n        checkedValue={option.value || option.id}\n        caption={option.label}\n        disabled={option.disabled}\n        value={value}\n        onInput={frontEndCheckboxInputHandler}\n        startImgSrc={option.iconName}\n        key={option.value || option.id}\n      ></ch-checkbox>\n    );\n  });\n};\n"],"mappings":"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"}