@genexus/genexus-ide-ui 1.1.21 → 1.1.22

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

@@ -1,110 +1,186 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { g as getIconPath } from './MERCURY_ASSETS.js';
+import { r as renderObjectTypeWithIcon, a as renderObjectStateWithIcon } from './utilities.js';
 import { L as Locale } from './locale.js';
 import { c as config } from './config.js';
-import { r as renderComboItems } from './render-combo-items.js';
 import { f as formatDate } from './helpers.js';
-import { d as defineCustomElement$3 } from './container.js';
-import { d as defineCustomElement$2 } from './title.js';
+import { d as defineCustomElement$3 } from './gx-ide-empty-state2.js';
+import { d as defineCustomElement$2 } from './ide-loader.js';
 
-const commitCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block}.header{border-top:1px solid var(--gx-ide-container-border-color);display:flex;flex-direction:column}.header>*{padding:var(--gx-ide-container__padding)}.header__first-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:-3px}.header__first-row .commit-label{flex:none}.header__first-row .commit-textarea{flex:none}.header__first-row__right-col{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}.header__second-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding)}.header .filters-outer-wrapper{display:grid;padding:0;grid-template-rows:1fr;transition:grid-template-rows 200ms;border-bottom:1px solid var(--gx-ide-container-border-color)}.header .filters-outer-wrapper--hidden{grid-template-rows:0fr}.header .filters-inner-wrapper{overflow:hidden}.header__third-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding);display:grid;column-gap:var(--gx-ide-grid-column-gap);row-gap:var(--gx-ide-grid-row-gap);grid-template-columns:auto 1fr auto 1fr;grid-template-areas:\"pattern-label pattern-form-text pattern-form-text pattern-form-text\" \"changeset-label changeset-combo type-label type-combo\" \"folder-label folder-combo category-label category-combo\"}.header__third-row .pattern-label{grid-area:pattern-label}.header__third-row .pattern-form-text{grid-area:pattern-form-text}.header__third-row .changeset-label{grid-area:changeset-label}.header__third-row .changeset-combo{grid-area:changeset-combo}.header__third-row .type-label{grid-area:type-label}.header__third-row .type-combo{grid-area:type-combo}.header__third-row .folder-label{grid-area:folder-label}.header__third-row .folder-combo{grid-area:folder-combo}.header__third-row .category-label{grid-area:category-label}.header__third-row .category-combo{grid-area:category-combo}.main{height:100%}.grid-container{padding:0}ch-grid{height:auto}gxg-tab::part(container){line-height:unset}.tabular-grid{block-size:100%}.tabular-grid-td-commit ch-tabular-grid-cell:is(:nth-child(6)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}gx-ide-container::part(content){overflow:hidden}";
+const mapObjectTypeToComboBoxItemModel = (objectTypeModel) => objectTypeModel.map(objectType => ({
+    value: objectType.id,
+    caption: objectType.name,
+    startImgSrc: objectType.icon
+}));
+const mapGxOptionsToComboBoxItemModel = (categoryModel) => categoryModel.map(category => ({
+    value: category.id,
+    caption: category.label || category.name || ""
+}));
 
+const commitCss = ".custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}section{display:contents}.header__first-row{grid-template-columns:1fr max-content}.field-comment{flex:1}.filters-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--mer-timing--fast)}.filters-container-visible{grid-template-rows:1fr}.filters-container>div{overflow:hidden}.filter{grid-template-areas:\"field-pattern field-folder field-type\" \"field-changeset field-changeset field-category\";padding-block-start:var(--mer-spacing--sm)}.field-pattern{grid-area:field-pattern}.field-folder{grid-area:field-folder}.field-type{grid-area:field-type}.field-changeset{grid-area:field-changeset}.field-category{grid-area:field-category}.ch-tab-slot{inline-size:100%;overflow:auto}.tab{border:none !important}.tabular-grid{block-size:100%;position:relative;overflow:auto}.tabular-grid-cell.tabular-grid-cell-description{max-inline-size:600px}gx-ide-loader{position:absolute;inline-size:100%;block-size:100%}ch-tabular-grid-rowset-empty{position:relative}.tooltip{position:absolute}";
+
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeTeamDevCommit_componentLocale, _GxIdeTeamDevCommit_loadDataCalledFirstTime, _GxIdeTeamDevCommit_renderedFirstTime, _GxIdeTeamDevCommit_commitsTabModel, _GxIdeTeamDevCommit_categoriesEl, _GxIdeTeamDevCommit_changeSetEl, _GxIdeTeamDevCommit_commitCommentEl, _GxIdeTeamDevCommit_foldersEl, _GxIdeTeamDevCommit_patternEl, _GxIdeTeamDevCommit_typesEl, _GxIdeTeamDevCommit_chGridIgnoredObjectsEl, _GxIdeTeamDevCommit_chGridPendingCommitsEl, _GxIdeTeamDevCommit_initializeComboBoxModels, _GxIdeTeamDevCommit_commitCallbackHandler, _GxIdeTeamDevCommit_evaluateFilterConditions, _GxIdeTeamDevCommit_getRecentCommentHandler, _GxIdeTeamDevCommit_gridOnSelectionChangedCallbackHandler, _GxIdeTeamDevCommit_handleColumnSortChanged, _GxIdeTeamDevCommit_loadData, _GxIdeTeamDevCommit_markAllPendingCommitsRows, _GxIdeTeamDevCommit_objectsOnContextMenuCallbackHandler, _GxIdeTeamDevCommit_pendingCommitsRowMarkingChangedHandler, _GxIdeTeamDevCommit_renderTabularGridColumnSet, _GxIdeTeamDevCommit_renderTabularGridCommonCells, _GxIdeTeamDevCommit_renderIgnoredObjectsGrid, _GxIdeTeamDevCommit_renderPendingCommitsGrid, _GxIdeTeamDevCommit_revertPendingCommitsCheckboxes, _GxIdeTeamDevCommit_togglePendingCommitsCheckboxes, _GxIdeTeamDevCommit_updateTabModel, _GxIdeTeamDevCommit_commentInputHandler, _GxIdeTeamDevCommit_toggleFiltersHandler, _GxIdeTeamDevCommit_onTabActivated;
+const FILTER_ICON = getIconPath({
+    category: "window-tools",
+    name: "filter",
+    colorType: "primary"
+});
+const FILTER_ICON_EMPTY = getIconPath({
+    category: "window-tools",
+    name: "filter",
+    colorType: "on-surface"
+});
+const FILTER_WITH_CONDITIONS_ICON = getIconPath({
+    category: "window-tools",
+    name: "filter-conditions",
+    colorType: "primary"
+});
+const RESET_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "reset",
+    colorType: "primary"
+});
+const ALL_OPTION = "All";
 const CSS_BUNDLES = [
     "resets/box-sizing",
-    "utils/form",
-    "utils/layout",
-    "utils/typography",
     "components/button",
     "components/checkbox",
+    "components/combo-box",
     "components/edit",
-    "components/tabular-grid"
+    "components/tab",
+    "components/icon",
+    "components/tabular-grid",
+    "components/tooltip",
+    "chameleon/scrollbar",
+    "utils/form",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing"
 ];
 const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDevCommit extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
         this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
-        this.loadDataCalledFirstTime = false; // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.
-        this.renderedFirstTime = false;
-        // 9.LOCAL METHODS //
-        this.conditionToCommit = async () => {
-            const commitComment = !!this.commitCommentEl.value.length;
-            const pendingChecked = await this.chGridPendingCommitsEl.getMarkedRows();
-            if (commitComment && pendingChecked.length > 0) {
-                this.commitButtonEnabled = true;
+        this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
+        /**
+         * The component hard-coded strings translations.
+         */
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _GxIdeTeamDevCommit_componentLocale.set(this, void 0);
+        _GxIdeTeamDevCommit_loadDataCalledFirstTime.set(this, false); // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.
+        _GxIdeTeamDevCommit_renderedFirstTime.set(this, false);
+        _GxIdeTeamDevCommit_commitsTabModel.set(this, [
+            { id: "pending-commits", name: "Pending Commits" },
+            { id: "ignored-objects", name: "Ignored Objects" }
+        ]);
+        // filters
+        _GxIdeTeamDevCommit_categoriesEl.set(this, void 0);
+        _GxIdeTeamDevCommit_changeSetEl.set(this, void 0);
+        _GxIdeTeamDevCommit_commitCommentEl.set(this, void 0);
+        _GxIdeTeamDevCommit_foldersEl.set(this, void 0);
+        _GxIdeTeamDevCommit_patternEl.set(this, void 0);
+        _GxIdeTeamDevCommit_typesEl.set(this, void 0);
+        // other
+        _GxIdeTeamDevCommit_chGridIgnoredObjectsEl.set(this, void 0);
+        _GxIdeTeamDevCommit_chGridPendingCommitsEl.set(this, void 0);
+        _GxIdeTeamDevCommit_initializeComboBoxModels.set(this, () => {
+            this.foldersChangedHandler(this.folders);
+            this.typesChangedHandler(this.types);
+            this.changeSetChangedHandler(this.changeSet);
+            this.categoriesChangedHandler(this.categories);
+        });
+        _GxIdeTeamDevCommit_commitCallbackHandler.set(this, async () => {
+            const comment = __classPrivateFieldGet(this, _GxIdeTeamDevCommit_commitCommentEl, "f").value;
+            if (!comment.length) {
+                // A comment is required to commit.
+                this.commentInputHasError = true;
+                return;
             }
-            else {
-                this.commitButtonEnabled = false;
+            this.commitingObjects = true;
+            this.commentInputHasError = false;
+            const pendingCommitsCheckedIds = await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingCommitsEl, "f").getMarkedRows();
+            await this.commitCallback(pendingCommitsCheckedIds, comment);
+            this.commitingObjects = false;
+        });
+        _GxIdeTeamDevCommit_evaluateFilterConditions.set(this, () => {
+            // TODO: This should update
+            if (__classPrivateFieldGet(this, _GxIdeTeamDevCommit_patternEl, "f").value !== "" ||
+                __classPrivateFieldGet(this, _GxIdeTeamDevCommit_changeSetEl, "f").value !== ALL_OPTION ||
+                __classPrivateFieldGet(this, _GxIdeTeamDevCommit_typesEl, "f").value !== ALL_OPTION ||
+                __classPrivateFieldGet(this, _GxIdeTeamDevCommit_foldersEl, "f").value !== ALL_OPTION ||
+                __classPrivateFieldGet(this, _GxIdeTeamDevCommit_categoriesEl, "f").value !== ALL_OPTION) {
+                this.filterHasConditions = true;
             }
-        };
-        this.markAllPendingCommitsRows = () => {
-            this.chGridPendingCommitsEl.markAllRows();
-        };
-        this.togglePendingCommitsCheckboxes = async (itemsToToggle) => {
-            if (this.chGridPendingCommitsEl) {
-                const itemsToCheck = itemsToToggle.itemsToCheck;
-                const itemsToUncheck = itemsToToggle.itemsToUncheck;
-                // check
-                for (const rowId of itemsToCheck) {
-                    await this.chGridPendingCommitsEl.markRow(rowId, true);
-                }
-                // uncheck
-                for (const rowId of itemsToUncheck) {
-                    await this.chGridPendingCommitsEl.markRow(rowId, false);
-                }
+            else {
+                this.filterHasConditions = false;
             }
-        };
-        this.revertPendingCommitsCheckboxes = async (addedRowsIds, removedRowsId) => {
-            if (this.chGridPendingCommitsEl) {
-                for (const rowId of addedRowsIds) {
-                    await this.chGridPendingCommitsEl.markRow(rowId, false);
-                }
-                for (const rowId of removedRowsId) {
-                    await this.chGridPendingCommitsEl.markRow(rowId, true);
+        });
+        _GxIdeTeamDevCommit_getRecentCommentHandler.set(this, async () => {
+            if (this.getRecentCommentCallback) {
+                const response = await this.getRecentCommentCallback();
+                if (response) {
+                    __classPrivateFieldGet(this, _GxIdeTeamDevCommit_commitCommentEl, "f").value = response;
                 }
             }
-        };
-        this.renderIconState = (state) => {
-            let icon;
-            switch (state) {
-                case "inserted":
-                    icon = "gx-server/new";
-                    break;
-                case "modified":
-                    icon = "gx-server/changes-commit-pending";
-                    break;
-                case "deleted":
-                    icon = "gx-server/delete";
-                    break;
-                case "conflicted":
-                    icon = "gx-server/conflict";
-                    break;
+        });
+        _GxIdeTeamDevCommit_gridOnSelectionChangedCallbackHandler.set(this, (grid) => async (ev) => {
+            if (this.selectCallback) {
+                await this.selectCallback(grid, ev.detail.rowsId);
             }
-            return h("ch-image", { src: icon, class: "icon-md" });
-        };
-        this.pendingCommitsRowMarkingChangedHandler = async (e) => {
-            // remove "rowMarkingChanged" until checkboxes have been added/removed on togglePendingCommitsCheckboxes, to prevent loops.
-            this.chGridPendingCommitsEl.removeEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
-            if (this.chGridPendingCommitsEl) {
-                const addedRowsIds = e.detail.addedRowsId;
-                const removedRowsId = e.detail.removedRowsId;
-                const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({
-                    itemsChecked: addedRowsIds,
-                    itemsUnchecked: removedRowsId
-                });
-                if (pendingItemCheckedResult === undefined) {
-                    // undo check/uncheck
-                    await this.revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);
+        });
+        _GxIdeTeamDevCommit_handleColumnSortChanged.set(this, (e) => {
+            const { columnId, sortDirection } = e.detail;
+            const aux = this.pendingCommits;
+            aux.sort((a, b) => {
+                if (a[columnId] < b[columnId]) {
+                    return sortDirection === "asc" ? -1 : 1;
                 }
-                else {
-                    await this.togglePendingCommitsCheckboxes(pendingItemCheckedResult);
+                if (a[columnId] > b[columnId]) {
+                    return sortDirection === "asc" ? 1 : -1;
                 }
-                this.conditionToCommit();
-                this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
-            }
-        };
-        this.objectsOnContextMenuCallbackHandler = (grid) => async (ev) => {
+                return 0;
+            });
+            this.pendingCommits = [...aux];
+        });
+        _GxIdeTeamDevCommit_loadData.set(this, async () => {
+            this.loading = true;
+            const filtersData = {
+                pattern: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_patternEl, "f").value,
+                changeSet: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_changeSetEl, "f").value,
+                folder: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_foldersEl, "f").value,
+                category: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_categoriesEl, "f").value,
+                type: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_typesEl, "f").value
+            };
+            __classPrivateFieldGet(this, _GxIdeTeamDevCommit_evaluateFilterConditions, "f").call(this);
+            await this.loadCallback(filtersData).then(async ({ pending, ignored }) => {
+                this.pendingCommits = [...pending];
+                this.ignoredObjects = [...ignored];
+            });
+            this.loading = false;
+            __classPrivateFieldGet(this, _GxIdeTeamDevCommit_updateTabModel, "f").call(this);
+        });
+        _GxIdeTeamDevCommit_markAllPendingCommitsRows.set(this, async () => {
+            await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingCommitsEl, "f").markAllRows();
+        });
+        _GxIdeTeamDevCommit_objectsOnContextMenuCallbackHandler.set(this, (grid) => async (ev) => {
             ev.preventDefault();
             ev.stopPropagation();
             let selection = [];
@@ -112,7 +188,7 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
                 selection = ev.detail.selectedRowsId;
             }
             else if (grid === "ignored") {
-                selection = await this.chGridIgnoredObjectsEl.getSelectedRows();
+                selection = await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridIgnoredObjectsEl, "f").getSelectedRows();
             }
             if (this.objectsContextMenuCallback) {
                 await this.objectsContextMenuCallback(grid, {
@@ -121,171 +197,273 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDev
                     clientY: ev.detail.clientY
                 });
             }
-        };
-        this.gridOnSelectionChangedCallbackHandler = (grid) => async (ev) => {
-            if (this.selectCallback) {
-                await this.selectCallback(grid, ev.detail.rowsId);
+        });
+        _GxIdeTeamDevCommit_pendingCommitsRowMarkingChangedHandler.set(this, async (e) => {
+            // remove "rowMarkingChanged" until checkboxes have been added/removed on #togglePendingCommitsCheckboxes, to prevent loops.
+            __classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingCommitsEl, "f").removeEventListener("rowMarkingChanged", __classPrivateFieldGet(this, _GxIdeTeamDevCommit_pendingCommitsRowMarkingChangedHandler, "f"));
+            if (__classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingCommitsEl, "f")) {
+                const addedRowsIds = e.detail.addedRowsId;
+                const removedRowsId = e.detail.removedRowsId;
+                const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({
+                    itemsChecked: addedRowsIds,
+                    itemsUnchecked: removedRowsId
+                });
+                if (pendingItemCheckedResult === undefined) {
+                    // undo check/uncheck
+                    await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_revertPendingCommitsCheckboxes, "f").call(this, addedRowsIds, removedRowsId);
+                }
+                else {
+                    await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_togglePendingCommitsCheckboxes, "f").call(this, pendingItemCheckedResult);
+                }
+                __classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingCommitsEl, "f").addEventListener("rowMarkingChanged", __classPrivateFieldGet(this, _GxIdeTeamDevCommit_pendingCommitsRowMarkingChangedHandler, "f"));
             }
-        };
-        /* pending commits grid render*/
-        this.renderPendingCommitsGrid = () => {
-            return (h("ch-tabular-grid", { class: "tabular-grid tabular-grid-td-commit", rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { class: "tabular-grid-column", columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "State", settingable: false, sortable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", settingable: false, sortable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", sortable: true, columnName: "Name", settingable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", sortable: true, columnName: "Type", settingable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "Description", settingable: false, size: config.tabularGrid.colSize.commonDouble }), h("ch-tabular-grid-column", { class: "tabular-grid-column", sortable: true, columnName: "Modified On", settingable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "Module", settingable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "Local State", settingable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "Last Synchronized", settingable: false, size: config.tabularGrid.colSize.maxContent })), this.pendingCommits.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { "cell-type": "rich", "row-selector": true, class: "tabular-grid-cell" }), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, this.renderIconState(obj.state)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.iconType, class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.modifiedOn)}`), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.module), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.localState), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.lastSynchronized)}`))))));
-        };
-        /* ignored objects grid render*/
-        this.renderIgnoredObjectsGrid = () => {
-            return (h("ch-tabular-grid", { class: "tabular-grid", rowSelectionMode: "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "", settingable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "TypeIcon", settingable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "Name", settingable: false, sortable: true, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "Type", settingable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "Description", settingable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "Modified On", settingable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "Module", settingable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "Local State", settingable: false, size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnName: "Last Synchronized", settingable: false, size: config.tabularGrid.colSize.maxContent })), this.ignoredObjects.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, selected: true, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, this.renderIconState(obj.state)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.iconType, class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.modifiedOn)}`), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.module), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.localState), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.lastSynchronized)}`))))));
-        };
-        this.getRecentCommentHandler = async () => {
-            if (this.getRecentCommentCallback) {
-                const response = await this.getRecentCommentCallback();
-                if (response) {
-                    this.comment = response;
+        });
+        _GxIdeTeamDevCommit_renderTabularGridColumnSet.set(this, (withCheckboxes = false) => {
+            return (h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, withCheckboxes && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: config.tabularGrid.colSize.maxContent })), h("ch-tabular-grid-column", { columnId: "name", class: "tabular-grid-column", sortable: true, columnName: "Name", settingable: false, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_handleColumnSortChanged, "f"), size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { columnId: "type", class: "tabular-grid-column", sortable: true, columnName: "Type", settingable: false, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_handleColumnSortChanged, "f"), size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { columnId: "description", class: "tabular-grid-column", columnName: "Description", settingable: false, sortable: true, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_handleColumnSortChanged, "f"), size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { columnId: "modifiedOn", class: "tabular-grid-column", sortable: true, columnName: "Modified On", settingable: false, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_handleColumnSortChanged, "f"), size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { columnId: "module", class: "tabular-grid-column", columnName: "Module", settingable: false, sortable: true, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_handleColumnSortChanged, "f"), size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { columnId: "localState", class: "tabular-grid-column", columnName: "Local State", settingable: false, sortable: true, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_handleColumnSortChanged, "f"), size: config.tabularGrid.colSize.maxContent }), h("ch-tabular-grid-column", { columnId: "lastSynchronized", class: "tabular-grid-column", columnName: "Last Synchronized", settingable: false, sortable: true, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_handleColumnSortChanged, "f"), size: config.tabularGrid.colSize.auto })));
+        });
+        _GxIdeTeamDevCommit_renderTabularGridCommonCells.set(this, (object) => {
+            return [
+                h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, object.name),
+                h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, renderObjectTypeWithIcon(object.type)),
+                h("ch-tabular-grid-cell", { class: "tabular-grid-cell tabular-grid-cell-description" }, object.description),
+                h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(object.modifiedOn)}`),
+                h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, object.module),
+                h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, renderObjectStateWithIcon(object.localState)),
+                h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(object.lastSynchronized)}`)
+            ];
+        });
+        _GxIdeTeamDevCommit_renderIgnoredObjectsGrid.set(this, () => {
+            var _a;
+            const tabularGridEmpty = ((_a = this.ignoredObjects) === null || _a === void 0 ? void 0 : _a.length) === 0 || !this.ignoredObjects;
+            return (h("ch-tabular-grid", {
+                // ignored objects grid render
+                class: {
+                    "tabular-grid": true,
+                    "tabular-grid--empty": tabularGridEmpty
+                }, rowSelectionMode: "multiple", ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevCommit_chGridIgnoredObjectsEl, el, "f")), allowColumnReorder: false, part: "ch-grid-pending-commits", onRowContextMenu: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_objectsOnContextMenuCallbackHandler, "f").call(this, "ignored"), onSelectionChanged: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_gridOnSelectionChangedCallbackHandler, "f").call(this, "ignored")
+            }, this.commitingObjects && (h("gx-ide-loader", { loaderTitle: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").loader.title, description: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").loader.description, show: true })), __classPrivateFieldGet(this, _GxIdeTeamDevCommit_renderTabularGridColumnSet, "f").call(this), this.ignoredObjects.length > 0 ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.ignoredObjects.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, selected: true, class: "tabular-grid-row" }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_renderTabularGridCommonCells, "f").call(this, obj)))))) : (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", null, h("gx-ide-empty-state", { stateIconSrc: FILTER_ICON_EMPTY, stateTitle: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").emptyIgnoredObjects, isAnimated: true }))))));
+        });
+        _GxIdeTeamDevCommit_renderPendingCommitsGrid.set(this, () => {
+            var _a;
+            const withCheckboxes = true;
+            const tabularGridEmpty = ((_a = this.pendingCommits) === null || _a === void 0 ? void 0 : _a.length) === 0 || !this.pendingCommits;
+            if (this.loading) {
+                return (h("div", { class: "tabular-grid" }, h("gx-ide-loader", { loaderTitle: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").objectsLoader.title, description: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").objectsLoader.description, show: true })));
+            }
+            return (h("ch-tabular-grid", {
+                // pending commits grid render
+                class: {
+                    "tabular-grid": true,
+                    "tabular-grid--empty": tabularGridEmpty
+                }, rowSelectionMode: "multiple", ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevCommit_chGridPendingCommitsEl, el, "f")), allowColumnReorder: false, part: "ch-grid-pending-commits", onRowContextMenu: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_objectsOnContextMenuCallbackHandler, "f").call(this, "commit"), onSelectionChanged: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_gridOnSelectionChangedCallbackHandler, "f").call(this, "commit")
+            }, this.commitingObjects && (h("gx-ide-loader", { loaderTitle: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").loader.title, description: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").loader.description, show: true })), __classPrivateFieldGet(this, _GxIdeTeamDevCommit_renderTabularGridColumnSet, "f").call(this, withCheckboxes), this.pendingCommits.length > 0 ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.pendingCommits.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { "cell-type": "rich", "row-selector": true, class: "tabular-grid-cell" }), __classPrivateFieldGet(this, _GxIdeTeamDevCommit_renderTabularGridCommonCells, "f").call(this, obj)))))) : (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", null, h("gx-ide-empty-state", { stateIconSrc: FILTER_ICON_EMPTY, stateTitle: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").emptyPendingCommitsObjects, isAnimated: true }))))));
+        });
+        _GxIdeTeamDevCommit_revertPendingCommitsCheckboxes.set(this, async (addedRowsIds, removedRowsId) => {
+            if (__classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingCommitsEl, "f")) {
+                for (const rowId of addedRowsIds) {
+                    await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingCommitsEl, "f").markRow(rowId, false);
+                }
+                for (const rowId of removedRowsId) {
+                    await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingCommitsEl, "f").markRow(rowId, true);
                 }
             }
-        };
-        this.commitCallbackHandler = async () => {
-            const commitCommentEl = this.commitCommentEl.value;
-            this.chGridPendingCommitsEl
-                .getMarkedRows()
-                .then(async (pendingCommitsCheckedIds) => {
-                await this.commitCallback(pendingCommitsCheckedIds, commitCommentEl);
-                /* returns boolean*/
-            });
-        };
-        this.loadData = async () => {
-            const filtersData = {
-                pattern: this.patternEl.value,
-                changeSet: this.changeSetEl.value,
-                folder: this.foldersEl.value,
-                category: this.categoriesEl.value,
-                type: this.typesEl.value
-            };
-            this.evaluateFilterConditions();
-            // this.pendingCommits = null;
-            // this.ignoredObjects = null;
-            return await this.loadCallback(filtersData).then(async ({ pending, ignored }) => {
-                this.pendingCommits = pending;
-                this.ignoredObjects = ignored;
-            });
-        };
-        this.toggleFiltersHandler = () => {
-            this.filtersHidden = !this.filtersHidden;
-        };
-        this.evaluateFilterConditions = () => {
-            if (this.patternEl.value ||
-                this.changeSetEl.value ||
-                this.typesEl.value ||
-                this.foldersEl.value ||
-                this.categoriesEl.value) {
-                this.filterHasConditions = true;
+        });
+        _GxIdeTeamDevCommit_togglePendingCommitsCheckboxes.set(this, async (itemsToToggle) => {
+            if (__classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingCommitsEl, "f")) {
+                const itemsToCheck = itemsToToggle.itemsToCheck;
+                const itemsToUncheck = itemsToToggle.itemsToUncheck;
+                // check
+                for (const rowId of itemsToCheck) {
+                    await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingCommitsEl, "f").markRow(rowId, true);
+                }
+                // uncheck
+                for (const rowId of itemsToUncheck) {
+                    await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingCommitsEl, "f").markRow(rowId, false);
+                }
             }
-            else {
-                this.filterHasConditions = false;
+        });
+        _GxIdeTeamDevCommit_updateTabModel.set(this, () => {
+            __classPrivateFieldSet(this, _GxIdeTeamDevCommit_commitsTabModel, [
+                {
+                    id: "pending-commits",
+                    name: `${__classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").tabs.pendingCommits} (${this.pendingCommits.length})`
+                },
+                {
+                    id: "ignored-objects",
+                    name: `${__classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").tabs.ignoredObjects} (${this.ignoredObjects.length})`
+                }
+            ], "f");
+        });
+        _GxIdeTeamDevCommit_commentInputHandler.set(this, async (event) => {
+            const comment = event.detail;
+            if (comment.length && this.commentInputHasError) {
+                // remove error style and tooltip
+                this.commentInputHasError = false;
             }
-        };
-        this.filtersHidden = true;
+        });
+        _GxIdeTeamDevCommit_toggleFiltersHandler.set(this, () => {
+            this.filtersHidden = !this.filtersHidden;
+        });
+        _GxIdeTeamDevCommit_onTabActivated.set(this, (evt) => {
+            evt.stopImmediatePropagation();
+        });
         this.comment = "";
-        this.pendingCommits = [];
-        this.ignoredObjects = [];
-        this.commitButtonEnabled = false;
         this.filterHasConditions = false;
-        this.displayTitle = false;
+        this.ignoredObjects = [];
+        this.pendingCommits = [];
+        this.commentInputHasError = false;
+        this.commitingObjects = false;
+        this.filtersHidden = true;
+        this.folderOptionsModel = undefined;
+        this.typeOptionsModel = undefined;
+        this.changeSetOptionsModel = undefined;
+        this.categoryOptionsModel = undefined;
+        this.loading = true;
+        this.categories = undefined;
         this.changeSet = undefined;
-        this.types = undefined;
+        this.commitCallback = undefined;
         this.folders = undefined;
-        this.categories = undefined;
         this.getRecentCommentCallback = undefined;
         this.loadCallback = undefined;
-        this.commitCallback = undefined;
-        this.selectCallback = undefined;
-        this.pendingItemsCheckedCallback = undefined;
         this.objectsContextMenuCallback = undefined;
+        this.pendingItemsCheckedCallback = undefined;
+        this.selectCallback = undefined;
+        this.types = undefined;
     }
-    // 6.COMPONENT LIFECYCLE METHODS //
-    async componentWillLoad() {
-        this._componentLocale = await Locale.getComponentStrings(this.el);
+    categoriesChangedHandler(newCategoriesOptions) {
+        mapGxOptionsToComboBoxItemModel(newCategoriesOptions);
+    }
+    changeSetChangedHandler(newChangeSetOptions) {
+        this.changeSetOptionsModel =
+            mapGxOptionsToComboBoxItemModel(newChangeSetOptions);
+    }
+    foldersChangedHandler(newFolderOptions) {
+        this.folderOptionsModel = mapGxOptionsToComboBoxItemModel(newFolderOptions);
+    }
+    typesChangedHandler(newTypesOptions) {
+        this.typeOptionsModel = mapObjectTypeToComboBoxItemModel(newTypesOptions);
     }
     async componentDidLoad() {
-        await this.loadData();
-        this.loadDataCalledFirstTime = true;
+        await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_loadData, "f").call(this);
+        __classPrivateFieldSet(this, _GxIdeTeamDevCommit_loadDataCalledFirstTime, true, "f");
         this.componentDidLoadEvent.emit(true);
-        this.conditionToCommit();
-        this.commitCommentEl.focus();
+        __classPrivateFieldGet(this, _GxIdeTeamDevCommit_commitCommentEl, "f").focus();
     }
     async componentDidRender() {
-        if (!this.renderedFirstTime) {
-            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-            this.renderedFirstTime = true;
+        if (!__classPrivateFieldGet(this, _GxIdeTeamDevCommit_renderedFirstTime, "f")) {
+            this.componentDidRenderFirstTime.emit(__classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").componentName);
+            __classPrivateFieldSet(this, _GxIdeTeamDevCommit_renderedFirstTime, true, "f");
         }
-        if (this.loadDataCalledFirstTime) {
+        if (__classPrivateFieldGet(this, _GxIdeTeamDevCommit_loadDataCalledFirstTime, "f")) {
             // call this method only once
-            await this.markAllPendingCommitsRows();
+            await __classPrivateFieldGet(this, _GxIdeTeamDevCommit_markAllPendingCommitsRows, "f").call(this);
             // attach "rowMarkingChanged" after rows have been checked for the first time.
-            this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
-            this.loadDataCalledFirstTime = false;
+            __classPrivateFieldGet(this, _GxIdeTeamDevCommit_chGridPendingCommitsEl, "f").addEventListener("rowMarkingChanged", __classPrivateFieldGet(this, _GxIdeTeamDevCommit_pendingCommitsRowMarkingChangedHandler, "f"));
+            __classPrivateFieldSet(this, _GxIdeTeamDevCommit_loadDataCalledFirstTime, false, "f");
         }
     }
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeTeamDevCommit_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldGet(this, _GxIdeTeamDevCommit_initializeComboBoxModels, "f").call(this);
+    }
     /**
-     * The method used by the Host to instruct the component to force a data refresh in the grids.
+     * Method used by the Host to force a data refresh in the grids
      */
     async reload() {
-        this.loadData();
+        __classPrivateFieldGet(this, _GxIdeTeamDevCommit_loadData, "f").call(this);
     }
-    // 10.RENDER() FUNCTION //
     render() {
-        return (h(Host, { class: "gx-ide-component" }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noHeadingPadding: true, headingPaddingTop: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null, slimmerFooter: config.gxIdeContainer.slimmerFooter, noHeadingBorder: true }, h("div", { class: "header", slot: "header" }, h("div", { class: "header__first-row" }, h("div", { class: "header__first-row__left-col" }, h("gxg-label", { part: "commit-label", labelPosition: "start", class: "commit-label", noMargin: true }, this._componentLocale.header.commentLabel)), h("div", { class: "header__first-row__right-col" }, h("gxg-button", { onClick: this.toggleFiltersHandler, type: "secondary-icon-only", icon: this.filterHasConditions
-                ? "window-tools/filter-conditions"
-                : "window-tools/filter", part: "gxg-button gxg-button--show-filter", class: "filter-btn" }), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload", class: "reset-btn" }), h("gxg-button", { class: "header-button", type: "outlined", part: "location", onClick: this.getRecentCommentHandler }, this._componentLocale.header.recentCommentsButton))), h("div", { class: "header__second-row" }, h("gxg-form-textarea", { height: "90px", value: this.comment, ref: (el) => (this.commitCommentEl = el), singleLine: true, onInput: this.conditionToCommit, placeholder: this._componentLocale.header.commentPlaceholder, part: "comment", class: "commit-textarea" })), h("div", { class: {
-                "filters-outer-wrapper": true,
-                "filters-outer-wrapper--hidden": this.filtersHidden
-            } }, h("div", { class: {
-                "filters-inner-wrapper": true
-            } }, h("div", { class: {
-                "header__third-row": true
-            } }, h("gxg-label", { part: "pattern-label", labelPosition: "start", class: "pattern-label", noMargin: true }, this._componentLocale.filtersMenu.patternLabel), h("gxg-form-text", { "disable-filter": true, value: "", ref: (el) => (this.patternEl = el), "display-validation-styles": true, "display-validation-message": true, part: "pattern-form-text", class: "pattern-form-text", onInput: this.loadData }), h("gxg-label", { part: "changeset-label", labelPosition: "start", class: "changeset-label", noMargin: true }, this._componentLocale.filtersMenu.changesetLabel), h("gxg-combo-box", { value: this.changeSet[0]["id"], ref: (el) => (this.changeSetEl = el), part: "changeset-combo", class: "changeset-combo", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems(this.changeSet)), h("gxg-label", { part: "type-label", labelPosition: "start", class: "type-label", noMargin: true }, this._componentLocale.filtersMenu.typeLabel), h("gxg-combo-box", { labelPosition: "start", value: this.types[0]["id"], ref: (el) => (this.typesEl = el), part: "type-combo", class: "type-combo", onValueChanged: this.loadData }, renderComboItems(this.types)), h("gxg-label", { part: "folder-label", labelPosition: "start", class: "folder-label", noMargin: true }, this._componentLocale.filtersMenu.folderLabel), h("gxg-combo-box", { value: this.folders[0]["id"], ref: (el) => (this.foldersEl = el), part: "folder-combo", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems(this.folders)), h("gxg-label", { part: "category-label", labelPosition: "start", class: "category-label", noMargin: true }, this._componentLocale.filtersMenu.categoryLabel), h("gxg-combo-box", { value: this.categories[0]["id"], ref: (el) => (this.categoriesEl = el), part: "category-combo", class: "category-combo", onValueChanged: this.loadData }, renderComboItems(this.categories)))))), h("main", { class: "main" }, h("gx-ide-container", { noContentPadding: true, class: "grid-container" }, h("div", { class: "tabs-container gxi-full-height" }, h("gxg-tabs", { class: "gxg-tabs" }, h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`, tab: "pending-commits", "is-selected": true }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`, tab: "ignored-objects" })), h("gxg-tab", { tab: "pending-commits", "no-padding": true, flex: true }, this.renderPendingCommitsGrid()), h("gxg-tab", { tab: "ignored-objects", "no-padding": true, flex: true }, this.renderIgnoredObjectsGrid()))))), h("gxg-button", { slot: "footer-end", type: "primary-text-only", onClick: this.commitCallbackHandler, part: "commit-button", disabled: !this.commitButtonEnabled }, this._componentLocale.footer.commitButton)))));
+        const filterIcon = this.filterHasConditions
+            ? FILTER_WITH_CONDITIONS_ICON
+            : FILTER_ICON;
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, h("header", { class: "header spacing-body" }, h("div", { class: "header__first-row field-group" }, h("div", { class: "buttons-spacer" }, h("div", {
+            // pattern
+            class: "field field-inline field-comment"
+        }, h("label", { class: "label", htmlFor: "pattern-form-text" }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").header.commentLabel), h("ch-edit", {
+            // commit comment
+            id: "comment", class: {
+                "input": true,
+                "commit-input": true,
+                "scrollable": true,
+                "input-error": this.commentInputHasError
+            }, placeholder: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").header.commentPlaceholder, onInput: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_commentInputHandler, "f"), value: this.comment, ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevCommit_commitCommentEl, el, "f")), part: "comment"
+        })), h("button", { id: "filter-toggle-button", class: "button-teritary button-icon-only", "aria-label": __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").header.filterAriaLabel, "aria-expanded": this.filtersHidden ? "false" : "true", "aria-controls": "filters-container", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_toggleFiltersHandler, "f"), title: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").header.filterAriaLabel }, h("ch-image", { class: "icon-md", src: filterIcon })), h("button", { class: "button-teritary button-icon-only", "aria-label": __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").header.reloadAriaLabel, title: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").header.reloadAriaLabel, onClick: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_loadData, "f"), part: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").header.reloadAriaLabel }, h("ch-image", { class: "icon-md", src: RESET_ICON }))), this.commentInputHasError && (h("ch-tooltip", { class: "tooltip", actionElement: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_commitCommentEl, "f"), blockAlign: "outside-end", inlineAlign: config.tooltipSettings.inlineAlign, delay: config.tooltipSettings.delay }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").header.commentEmptyError)), h("div", { class: "buttons-spacer" }, h("button", { type: "button", class: "button-secondary recent-comments-btn", part: "button button-location", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_getRecentCommentHandler, "f"), "aria-label": __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").header.recentCommentsButton, disabled: this.commitingObjects }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").header.recentCommentsButton))), h("div", { id: "filters-container", "aria-labelledby": "filter-toggle-button", class: {
+                "filters-container-visible": !this.filtersHidden,
+                "filters-container": true
+            }, inert: this.filtersHidden, hidden: this.filtersHidden }, h("div", null, h("div", { slot: "filter", class: "filter field-group" }, h("div", {
+            // pattern
+            class: "field field-block field-pattern"
+        }, h("label", { class: "label", htmlFor: "pattern-form-text" }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").filtersMenu.patternLabel), h("ch-edit", { id: "pattern-form-text", class: "input", value: "", ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevCommit_patternEl, el, "f")), debounce: config.inputDebounce, onInput: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_loadData, "f"), part: "pattern-form-text" })), h("div", {
+            // folder
+            class: "field field-block field-folder"
+        }, h("label", { class: "label", htmlFor: "folder-combo" }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").filtersMenu.folderLabel), h("ch-combo-box-render", { id: "folder-combo", class: "combo-box", value: this.folders[0].id, model: this.folderOptionsModel, ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevCommit_foldersEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_loadData, "f"), part: "folder-combo" })), h("div", {
+            // type
+            class: "field field-block field-type"
+        }, h("label", { class: "label", htmlFor: "type-combo" }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").filtersMenu.typeLabel), h("ch-combo-box-render", { id: "type-combo", class: "combo-box", value: this.types[0].id, model: this.typeOptionsModel, ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevCommit_typesEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_loadData, "f"), part: "type-combo" })), h("div", {
+            // changeset
+            class: "field field-block field-changeset"
+        }, h("label", { class: "label", htmlFor: "changeset-combo" }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").filtersMenu.changesetLabel), h("ch-combo-box-render", { id: "changeset-combo", class: "combo-box", value: this.changeSet[0].id, model: this.changeSetOptionsModel, ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevCommit_changeSetEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_loadData, "f"), part: "changeset-combo" })), h("div", {
+            // category
+            class: "field field-block field-category"
+        }, h("label", { class: "label", htmlFor: "category-combo" }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").filtersMenu.categoryLabel), h("ch-combo-box-render", { id: "category-combo", class: "combo-box", value: this.categories[0].id, model: this.categoryOptionsModel, ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevCommit_categoriesEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_loadData, "f"), part: "category-combo" })))))), h("ch-tab-render", { class: "tab scrollable", tabListPosition: "block-start", model: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_commitsTabModel, "f"), selectedId: "pending-commits", showTabListEnd: true, overflow: "auto auto", contain: "size", onSelectedItemChange: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_onTabActivated, "f") }, h("div", { class: "ch-tab-slot", slot: "pending-commits", part: "pending-commits" }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_renderPendingCommitsGrid, "f").call(this)), h("div", { class: "ch-tab-slot", slot: "ignored-objects", part: "ignored-objects" }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_renderIgnoredObjectsGrid, "f").call(this))), h("footer", { class: "control-footer control-footer-with-border spacing-body-inline spacing-body-block-end" }, h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevCommit_commitCallbackHandler, "f"), part: "commit-button", disabled: this.commitingObjects }, __classPrivateFieldGet(this, _GxIdeTeamDevCommit_componentLocale, "f").footer.commitButton)))));
     }
     static get assetsDirs() { return ["gx-ide-assets/team-dev-commit"]; }
     get el() { return this; }
+    static get watchers() { return {
+        "categories": ["categoriesChangedHandler"],
+        "changeSet": ["changeSetChangedHandler"],
+        "folders": ["foldersChangedHandler"],
+        "types": ["typesChangedHandler"]
+    }; }
     static get style() { return commitCss; }
 }, [1, "gx-ide-team-dev-commit", {
-        "displayTitle": [4, "display-title"],
+        "categories": [16],
         "changeSet": [16],
-        "types": [16],
+        "commitCallback": [16],
         "folders": [16],
-        "categories": [16],
         "getRecentCommentCallback": [16],
         "loadCallback": [16],
-        "commitCallback": [16],
-        "selectCallback": [16],
-        "pendingItemsCheckedCallback": [16],
         "objectsContextMenuCallback": [16],
-        "filtersHidden": [32],
+        "pendingItemsCheckedCallback": [16],
+        "selectCallback": [16],
+        "types": [16],
         "comment": [32],
-        "pendingCommits": [32],
-        "ignoredObjects": [32],
-        "commitButtonEnabled": [32],
         "filterHasConditions": [32],
+        "ignoredObjects": [32],
+        "pendingCommits": [32],
+        "commentInputHasError": [32],
+        "commitingObjects": [32],
+        "filtersHidden": [32],
+        "folderOptionsModel": [32],
+        "typeOptionsModel": [32],
+        "changeSetOptionsModel": [32],
+        "categoryOptionsModel": [32],
+        "loading": [32],
         "reload": [64]
+    }, undefined, {
+        "categories": ["categoriesChangedHandler"],
+        "changeSet": ["changeSetChangedHandler"],
+        "folders": ["foldersChangedHandler"],
+        "types": ["typesChangedHandler"]
     }]);
+_GxIdeTeamDevCommit_componentLocale = new WeakMap(), _GxIdeTeamDevCommit_loadDataCalledFirstTime = new WeakMap(), _GxIdeTeamDevCommit_renderedFirstTime = new WeakMap(), _GxIdeTeamDevCommit_commitsTabModel = new WeakMap(), _GxIdeTeamDevCommit_categoriesEl = new WeakMap(), _GxIdeTeamDevCommit_changeSetEl = new WeakMap(), _GxIdeTeamDevCommit_commitCommentEl = new WeakMap(), _GxIdeTeamDevCommit_foldersEl = new WeakMap(), _GxIdeTeamDevCommit_patternEl = new WeakMap(), _GxIdeTeamDevCommit_typesEl = new WeakMap(), _GxIdeTeamDevCommit_chGridIgnoredObjectsEl = new WeakMap(), _GxIdeTeamDevCommit_chGridPendingCommitsEl = new WeakMap(), _GxIdeTeamDevCommit_initializeComboBoxModels = new WeakMap(), _GxIdeTeamDevCommit_commitCallbackHandler = new WeakMap(), _GxIdeTeamDevCommit_evaluateFilterConditions = new WeakMap(), _GxIdeTeamDevCommit_getRecentCommentHandler = new WeakMap(), _GxIdeTeamDevCommit_gridOnSelectionChangedCallbackHandler = new WeakMap(), _GxIdeTeamDevCommit_handleColumnSortChanged = new WeakMap(), _GxIdeTeamDevCommit_loadData = new WeakMap(), _GxIdeTeamDevCommit_markAllPendingCommitsRows = new WeakMap(), _GxIdeTeamDevCommit_objectsOnContextMenuCallbackHandler = new WeakMap(), _GxIdeTeamDevCommit_pendingCommitsRowMarkingChangedHandler = new WeakMap(), _GxIdeTeamDevCommit_renderTabularGridColumnSet = new WeakMap(), _GxIdeTeamDevCommit_renderTabularGridCommonCells = new WeakMap(), _GxIdeTeamDevCommit_renderIgnoredObjectsGrid = new WeakMap(), _GxIdeTeamDevCommit_renderPendingCommitsGrid = new WeakMap(), _GxIdeTeamDevCommit_revertPendingCommitsCheckboxes = new WeakMap(), _GxIdeTeamDevCommit_togglePendingCommitsCheckboxes = new WeakMap(), _GxIdeTeamDevCommit_updateTabModel = new WeakMap(), _GxIdeTeamDevCommit_commentInputHandler = new WeakMap(), _GxIdeTeamDevCommit_toggleFiltersHandler = new WeakMap(), _GxIdeTeamDevCommit_onTabActivated = new WeakMap();
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["gx-ide-team-dev-commit", "gx-ide-container", "gx-ide-title"];
+    const components = ["gx-ide-team-dev-commit", "gx-ide-empty-state", "gx-ide-loader"];
     components.forEach(tagName => { switch (tagName) {
         case "gx-ide-team-dev-commit":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, GxIdeTeamDevCommit$1);
             }
             break;
-        case "gx-ide-container":
+        case "gx-ide-empty-state":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "gx-ide-title":
+        case "gx-ide-loader":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }