@genexus/genexus-ide-ui 0.0.60 → 0.0.62

package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js

@@ -4,18 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a32426a.js');
 const locale = require('./locale-c8445ea4.js');
-const grid = require('./grid-be8c3413.js');
+const config = require('./config-c652329b.js');
+const grid = require('./grid-d12c16c7.js');
 const renderComboItems = require('./render-combo-items-d99a186a.js');
-const helpers = require('./helpers-9523495a.js');
+const helpers = require('./helpers-b62ea39c.js');
 
-const teamDevCommitCss = ".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}.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(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.header{grid-template-columns:4fr auto}.header .header-button{height:fit-content}.main{display:flex;flex-direction:column}ch-grid{height:auto}.second-grid{grid-template-rows:1fr auto}.second-grid .actions-row{grid-template-columns:1fr auto}.action-buttons{justify-self:flex-end}.hidden{display:none}.filters-grid{grid-template-rows:repeat(2, 1fr)}.filters-grid .first-row{grid-template-columns:repeat(2, 1fr)}.filters-grid .second-row{grid-template-columns:repeat(2, 1fr)}";
+const teamDevCommitCss = ".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}.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(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.header{border-top:1px solid var(--gx-ide-container-border-color);display:flex;flex-direction:column}.header>*{padding:var(--gxg-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(--gxg-container--padding) var(--gxg-container--padding) var(--gxg-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(--gxg-container--padding) var(--gxg-container--padding) var(--gxg-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}";
 
 const GxIdeTeamDevCommit = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.componentDidRenderEvent = index.createEvent(this, "componentDidRenderEvent", 7);
+    this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
     this.componentDidLoadEvent = index.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;
@@ -123,11 +125,11 @@ const GxIdeTeamDevCommit = class {
     };
     /* pending commits grid render*/
     this.renderPendingCommitsGrid = () => {
-      return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Description", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Module", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Local State", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: grid.gridCommon.colSize.auto })), this.pendingCommits.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, this.renderIconState(obj.state))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { color: "auto", type: obj.iconType }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.modifiedOn)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.module)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.localState)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.lastSynchronized)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.user))))))));
+      return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true, fullHeight: true }, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Description", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Module", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Local State", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: grid.gridCommon.colSize.auto })), this.pendingCommits.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, this.renderIconState(obj.state))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { color: "auto", type: obj.iconType }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.modifiedOn)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.module)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.localState)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.lastSynchronized)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.user))))))));
     };
     /* ignored objects grid render*/
     this.renderIgnoredObjectsGrid = () => {
-      return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "TypeIcon", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Name", settingable: false, sortable: true, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Type", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Description", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Modified On", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Module", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Local State", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "User", settingable: false, size: grid.gridCommon.colSize.common })), this.ignoredObjects.map((obj) => (index.h("ch-grid-row", { rowid: obj.id, selected: true }, index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, this.renderIconState(obj.state))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { color: "auto", type: obj.iconType }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.modifiedOn)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.module)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.localState)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.lastSynchronized)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.user))))))));
+      return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true, fullHeight: true }, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "TypeIcon", settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: "Name", settingable: false, sortable: true, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Type", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Description", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Modified On", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Module", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Local State", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: "User", settingable: false, size: grid.gridCommon.colSize.common })), this.ignoredObjects.map((obj) => (index.h("ch-grid-row", { rowid: obj.id, selected: true }, index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, this.renderIconState(obj.state))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { color: "auto", type: obj.iconType }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.modifiedOn)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.module)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.localState)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.lastSynchronized)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.user))))))));
     };
     this.getRecentCommentHandler = async () => {
       if (this.getRecentCommentCallback) {
@@ -154,6 +156,7 @@ const GxIdeTeamDevCommit = class {
         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 }) => {
@@ -164,11 +167,24 @@ const GxIdeTeamDevCommit = class {
     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;
+      }
+      else {
+        this.filterHasConditions = false;
+      }
+    };
     this.filtersHidden = true;
     this.comment = "";
     this.pendingCommits = [];
     this.ignoredObjects = [];
     this.commitButtonEnabled = false;
+    this.filterHasConditions = false;
     this.changeSet = undefined;
     this.types = undefined;
     this.folders = undefined;
@@ -191,7 +207,10 @@ const GxIdeTeamDevCommit = class {
     this.conditionToCommit();
   }
   async componentDidRender() {
-    this.componentDidRenderEvent.emit(this._componentLocale.componentName);
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
     if (this.loadDataCalledFirstTime) {
       // call this method only once
       await this.markAllPendingCommitsRows();
@@ -210,8 +229,16 @@ const GxIdeTeamDevCommit = class {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", null, index.h("header", { class: "header grid" }, index.h("gxg-form-textarea", { id: "gxg-textarea", height: "100px", label: this._componentLocale.topMenu.commentLabel, value: this.comment, ref: (el) => (this.commitCommentEl = el), onInput: this.conditionToCommit, placeholder: this._componentLocale.topMenu.commentPlaceholder, part: "comment" }), index.h("gxg-button", { class: "header-button", type: "outlined", part: "location", onClick: this.getRecentCommentHandler }, this._componentLocale.topMenu.recentCommentsButton))), index.h("main", { class: "main gxi-full-height gx-ide-overflow" }, index.h("gx-ide-container", { noContentPadding: !!this.filtersHidden }, index.h("div", { class: "grid second-grid" }, index.h("div", { class: "actions-row grid" }, index.h("gxg-form-text", { class: this.filtersHidden ? "hidden" : null, "disable-filter": true, label: this._componentLocale.filtersMenu.patternLabel, labelPosition: "start", value: "", ref: (el) => (this.patternEl = el), "display-validation-styles": true, "display-validation-message": true, part: "pattern", onInput: this.loadData }), index.h("div", { class: "action-buttons", slot: "tab-bar" }, index.h("gxg-button", { onClick: this.toggleFiltersHandler, type: "secondary-icon-only", icon: "patterns/filters", part: "gxg-button gxg-button--show-filter" }), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" }))), index.h("div", { class: "filters-grid grid " +
-        (this.filtersHidden ? "hidden" : null) }, index.h("div", { class: "first-row grid" }, index.h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.changesetLabel, value: this.changeSet[0]["id"], ref: (el) => (this.changeSetEl = el), part: "change-set", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems.renderComboItems(this.changeSet)), index.h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.typeLabel, value: this.types[0]["id"], ref: (el) => (this.typesEl = el), part: "type", onValueChanged: this.loadData }, renderComboItems.renderComboItems(this.types))), index.h("div", { class: "second-row grid" }, index.h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.folderLabel, value: this.folders[0]["id"], ref: (el) => (this.foldersEl = el), part: "folder", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems.renderComboItems(this.folders)), index.h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.categoryLabel, value: this.categories[0]["id"], ref: (el) => (this.categoriesEl = el), part: "categories", onValueChanged: this.loadData }, renderComboItems.renderComboItems(this.categories)))))), index.h("gx-ide-container", { noContentPadding: true, fullHeight: true, class: "gxi-overflow-auto" }, index.h("gxg-tabs", { class: "gxg-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`, tab: "pending-commits", "is-selected": true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`, tab: "ignored-objects" })), index.h("gxg-tab", { tab: "pending-commits", "no-padding": true, flex: true }, this.renderPendingCommitsGrid()), index.h("gxg-tab", { tab: "ignored-objects", "no-padding": true, flex: true }, this.renderIgnoredObjectsGrid())))), index.h("gx-ide-container", { displayBorderTop: true }, index.h("gxg-button", { slot: "footer-end", type: "primary-text-only", onClick: this.commitCallbackHandler, part: "commit-button", disabled: !this.commitButtonEnabled }, this._componentLocale.footer.commitButton)))));
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { noContentPadding: true, noHeadingPadding: true, headingPaddingTop: true, containerTitle: this._componentLocale.componentName, slimmerFooter: config.config.gxIdeContainer.slimmerFooter, noHeadingBorder: true }, index.h("div", { class: "header", slot: "header" }, index.h("div", { class: "header__first-row" }, index.h("div", { class: "header__first-row__left-col" }, index.h("gxg-label", { part: "commit-label", labelPosition: "start", class: "commit-label", noMargin: true }, this._componentLocale.header.commentLabel)), index.h("div", { class: "header__first-row__right-col" }, index.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" }), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload", class: "reset-btn" }), index.h("gxg-button", { class: "header-button", type: "outlined", part: "location", onClick: this.getRecentCommentHandler }, this._componentLocale.header.recentCommentsButton))), index.h("div", { class: "header__second-row" }, index.h("gxg-form-textarea", { height: "64px", value: this.comment, ref: (el) => (this.commitCommentEl = el), singleLine: true, onInput: this.conditionToCommit, placeholder: this._componentLocale.header.commentPlaceholder, part: "comment", class: "commit-textarea" })), index.h("div", { class: {
+        "filters-outer-wrapper": true,
+        "filters-outer-wrapper--hidden": this.filtersHidden
+      } }, index.h("div", { class: {
+        "filters-inner-wrapper": true
+      } }, index.h("div", { class: {
+        "header__third-row": true
+      } }, index.h("gxg-label", { part: "pattern-label", labelPosition: "start", class: "pattern-label", noMargin: true }, this._componentLocale.filtersMenu.patternLabel), index.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 }), index.h("gxg-label", { part: "changeset-label", labelPosition: "start", class: "changeset-label", noMargin: true }, this._componentLocale.filtersMenu.changesetLabel), index.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.renderComboItems(this.changeSet)), index.h("gxg-label", { part: "type-label", labelPosition: "start", class: "type-label", noMargin: true }, this._componentLocale.filtersMenu.typeLabel), index.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.renderComboItems(this.types)), index.h("gxg-label", { part: "folder-label", labelPosition: "start", class: "folder-label", noMargin: true }, this._componentLocale.filtersMenu.folderLabel), index.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.renderComboItems(this.folders)), index.h("gxg-label", { part: "category-label", labelPosition: "start", class: "category-label", noMargin: true }, this._componentLocale.filtersMenu.categoryLabel), index.h("gxg-combo-box", { value: this.categories[0]["id"], ref: (el) => (this.categoriesEl = el), part: "category-combo", class: "category-combo", onValueChanged: this.loadData }, renderComboItems.renderComboItems(this.categories)))))), index.h("main", { class: "main" }, index.h("gx-ide-container", { noContentPadding: true, class: "grid-container" }, index.h("div", { class: "tabs-container gxi-full-height" }, index.h("gxg-tabs", { class: "gxg-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`, tab: "pending-commits", "is-selected": true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`, tab: "ignored-objects" })), index.h("gxg-tab", { tab: "pending-commits", "no-padding": true, flex: true }, this.renderPendingCommitsGrid()), index.h("gxg-tab", { tab: "ignored-objects", "no-padding": true, flex: true }, this.renderIgnoredObjectsGrid()))))), index.h("gxg-button", { slot: "footer-end", type: "primary-text-only", onClick: this.commitCallbackHandler, part: "commit-button", disabled: !this.commitButtonEnabled }, this._componentLocale.footer.commitButton)))));
   }
   static get assetsDirs() { return ["gx-ide-assets/team-dev-commit"]; }
   get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-team-dev-select-recent-comment.cjs.entry.js

@@ -4,31 +4,43 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a32426a.js');
 const locale = require('./locale-c8445ea4.js');
+const config = require('./config-c652329b.js');
 
-const teamDevSelectRecentCommentCss = ".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}.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(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.action-buttons{grid-template-columns:repeat(2, 1fr)}";
+/* STENCIL IMPORTS */
+const renderListItems = (itemsData) => {
+  const listItemsArray = [];
+  itemsData.forEach(item => {
+    const id = item.itemId;
+    const value = item.itemValue;
+    const icon = item.itemIcon;
+    listItemsArray.push(index.h("gx-ide-list-selector-item", { itemId: id, itemValue: value, icon: icon }));
+  });
+  return listItemsArray;
+};
+
+const commentsToListItemsData = (comments) => {
+  const itemsData = [];
+  comments.forEach(comment => {
+    itemsData.push({ itemId: comment, itemValue: comment });
+  });
+  return itemsData;
+};
+
+const teamDevSelectRecentCommentCss = ".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}.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(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.recent-comments-list{height:100%}";
 
 const GxIdeTeamDevSelectRecentComment = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
+    this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
     this.selectedComment = null;
+    this.renderedFirstTime = false;
     // 7.LISTENERS //
     // 8.PUBLIC METHODS API //
     // 9.LOCAL METHODS //
-    this.renderObjectItems = (options) => {
-      if (options.length) {
-        const items = [];
-        options.forEach(option => {
-          const item = (index.h("gxg-list-box-item", { value: option }, option));
-          items.push(item);
-        });
-        return items;
-      }
-      return null;
-    };
-    this.commentSelectionChangedHandler = (selectionEvent) => {
-      if (selectionEvent.detail.items.length > 0) {
-        this.selectedComment = selectionEvent.detail.items[0].value;
+    this.commentSelectionChangedHandler = (selectedItem) => {
+      if (selectedItem.detail.length > 0) {
+        this.selectedComment = selectedItem.detail[0].itemValue;
       }
     };
     this.confirmCallbackHandle = async () => {
@@ -46,9 +58,15 @@ const GxIdeTeamDevSelectRecentComment = class {
     this._componentLocale = await locale.Locale.getComponentStrings(this.el);
     this.componentDidLoadEvent.emit(true);
   }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
   // 10.RENDER() FUNCTION //
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: `main-wrapper` }, index.h("gxg-container", { displayBorder: true }, index.h("gxg-list-box", { singleSelection: true, onSelectionChanged: this.commentSelectionChangedHandler, "no-border": true }, this.renderObjectItems(this.comments)), index.h("div", { slot: "footer", class: "action-buttons grid" }, index.h("gxg-button", { type: "primary-text-icon", onClick: this.confirmCallbackHandle }, this._componentLocale.confirmButton), index.h("gxg-button", { type: "outlined", onClick: this.cancelCallbackHandle }, this._componentLocale.cancelButton))))));
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { containerTitle: this._componentLocale.componentName, displayBorder: true, noContentPadding: true, slimmerFooter: config.config.gxIdeContainer.slimmerFooter }, index.h("gx-ide-list-selector", { type: "single-selection", listName: "recent-comments", noListBorder: true, ordered: true, onSelectionChanged: this.commentSelectionChangedHandler, class: "recent-comments-list" }, renderListItems(commentsToListItemsData(this.comments))), index.h("gxg-button", { type: "outlined", onClick: this.cancelCallbackHandle, slot: "footer-end" }, this._componentLocale.cancelButton), index.h("gxg-button", { type: "primary-text-only", onClick: this.confirmCallbackHandle, slot: "footer-end" }, this._componentLocale.confirmButton)))));
   }
   static get assetsDirs() { return ["gx-ide-assets/team-dev-select-recent-comment"]; }
   get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-team-dev-update-partial-selection.cjs.entry.js

@@ -4,16 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a32426a.js');
 const locale = require('./locale-c8445ea4.js');
+const config = require('./config-c652329b.js');
+const grid = require('./grid-d12c16c7.js');
 
-const teamDevUpdatePartialSelectionCss = ".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}.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(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--gx-ide-grid-row-gap)}.actions{grid-template-columns:repeat(2, 1fr)}.actions>*{display:flex;flex-direction:row;gap:var(--gx-ide-grid-row-gap)}.actions>*:nth-child(2){justify-content:flex-end}";
+const teamDevUpdatePartialSelectionCss = ".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}.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(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.top-actions{display:flex;gap:var(--gx-ide-grid-column-gap);padding:var(--spacing-comp-02) var(--gxg-container--padding);flex-direction:row-reverse;border-bottom:1px solid var(--gx-ide-container-border-color)}";
 
 const GxIdeTeamDevUpdatePartialSelection = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
+    this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
     // 9.LOCAL METHODS //
     this.renderObjects = () => {
-      return (index.h("gxg-grid", null, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", settingable: false, sortable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false })), this.selection.map((obj) => (index.h("ch-grid-row", { rowid: obj.id, key: obj.id }, index.h("ch-grid-cell", null, index.h("gxg-icon", { type: obj.typeIcon, color: "auto" })), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.type, " "), index.h("ch-grid-cell", null, " ", obj.description, " "), index.h("ch-grid-cell", null, `${obj.modifiedOn.toISOString().slice(0, 10)}`)))))));
+      return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", settingable: false, sortable: false, size: grid.gridCommon.colSize.minContent }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false, size: grid.gridCommon.colSize.auto })), this.selection.map((obj) => (index.h("ch-grid-row", { rowid: obj.id, key: obj.id }, index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${obj.modifiedOn.toISOString().slice(0, 10)}`))))))));
     };
     this.getObjectsHandler = () => {
       this.addCallback().then((items) => {
@@ -62,6 +66,12 @@ const GxIdeTeamDevUpdatePartialSelection = class {
   componentDidLoad() {
     this.listenChanges();
   }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
   // 7.LISTENERS //
   // 8.PUBLIC METHODS API //
   /**
@@ -73,9 +83,7 @@ const GxIdeTeamDevUpdatePartialSelection = class {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (index.h(index.Host, { class: {
-        "gxi-team-dev-update-partial-selection": true
-      } }, index.h("div", { class: `main-wrapper` }, index.h("gxg-container", { containerTitle: this._componentLocale.title }, index.h("div", { class: "top-actions" }, index.h("gxg-button", { id: "button-add", type: "outlined", onClick: this.getObjectsHandler, part: "add" }, this._componentLocale.btnAddObject), index.h("gxg-button", { id: "button-remove", type: "outlined", onClick: this.removeSelectedObjectsHandler, part: "remove", disabled: !(this.selectedObjectsIds.length > 0) }, this._componentLocale.btnRemoveSelectedObjects)), this.renderObjects(), index.h("gxg-container", { displayBorderTop: true }, index.h("div", { class: "grid actions" }, index.h("div", null, index.h("gxg-button", { id: "button-clear", type: "outlined", onClick: this.removeAllHandler, disabled: !(this.selection.length > 0), part: "clear" }, this._componentLocale.footer.btnRemoveAll)), index.h("div", null, index.h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirmHandler, part: "confirm" }, this._componentLocale.footer.btnConfirm), index.h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelHandler, part: "cancel" }, this._componentLocale.footer.btnCancel))))))));
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { noContentPadding: true, noContentGap: true, containerTitle: this._componentLocale.title, slimmerFooter: config.config.gxIdeContainer.slimmerFooter }, index.h("div", { class: "top-actions" }, index.h("gxg-button", { id: "button-add", type: "outlined", icon: "gemini-tools/add", onClick: this.getObjectsHandler, part: "add" }, this._componentLocale.btnAddObject), index.h("gxg-button", { id: "button-remove", type: "secondary-text-only", onClick: this.removeSelectedObjectsHandler, part: "remove", disabled: !(this.selectedObjectsIds.length > 0) }, this._componentLocale.btnRemoveSelectedObjects)), this.renderObjects(), index.h("gxg-text", { id: "button-clear", type: "button-like", onClick: this.removeAllHandler, disabled: !(this.selection.length > 0), part: "clear", slot: "footer-start" }, this._componentLocale.footer.btnRemoveAll), index.h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelHandler, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), index.h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirmHandler, part: "confirm", slot: "footer-end" }, this._componentLocale.footer.btnConfirm)))));
   }
   static get assetsDirs() { return ["gx-ide-assets/team-dev-update-partial-selection"]; }
   get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-team-dev-update-to-revision.cjs.entry.js

@@ -4,13 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a32426a.js');
 const locale = require('./locale-c8445ea4.js');
+const config = require('./config-c652329b.js');
 
-const teamDevUpdateToRevisionCss = ".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}.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(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.revision-number{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.revision-number>:nth-child(2){width:auto !important}.actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--gx-ide-grid-row-gap)}";
+const teamDevUpdateToRevisionCss = ".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}.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(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.revision-number{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.revision-number>:nth-child(2){width:auto !important}.actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--gx-ide-grid-row-gap)}";
 
 const GxIdeTeamDevUpdateToRevision = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
+    this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
     // 9.LOCAL METHODS //
     this.setInitialCheckedRadio = () => {
       if (this.currentRevision === undefined) {
@@ -45,6 +48,12 @@ const GxIdeTeamDevUpdateToRevision = class {
     this.componentDidLoadEvent.emit(true);
     this.setInitialCheckedRadio();
   }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
   // 7.LISTENERS //
   // 8.PUBLIC METHODS API //
   /**
@@ -56,9 +65,7 @@ const GxIdeTeamDevUpdateToRevision = class {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (index.h(index.Host, { class: {
-        "gxi-team-dev-update-to-revision": true
-      } }, index.h("div", { class: `main-wrapper` }, index.h("gxg-container", null, index.h("gxg-form-radio-group", null, index.h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", ref: (el) => (this.updateToLatestEl = el), part: "radio-to-latest" }), index.h("div", { class: "revision-number" }, index.h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), index.h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), onFocus: this.updateToRevisionOnFocusHandler, value: this.currentRevision, part: "revision-number" })))), index.h("gxg-container", { displayBorderTop: true }, index.h("div", { class: "actions" }, index.h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "update" }, this._componentLocale.footer.btnUpdate), index.h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "cancel" }, this._componentLocale.footer.btnCancel))))));
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { slimmerFooter: config.config.gxIdeContainer.slimmerFooter, containerTitle: this._componentLocale.componentName }, index.h("gxg-form-radio-group", null, index.h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", ref: (el) => (this.updateToLatestEl = el), part: "radio-to-latest" }), index.h("div", { class: "revision-number" }, index.h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), index.h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), onFocus: this.updateToRevisionOnFocusHandler, value: this.currentRevision, part: "revision-number" }))), index.h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), index.h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "update", slot: "footer-end" }, this._componentLocale.footer.btnUpdate)))));
   }
   static get assetsDirs() { return ["gx-ide-assets/team-dev-update-to-revision"]; }
   get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js

@@ -4,18 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a32426a.js');
 const locale = require('./locale-c8445ea4.js');
-const grid = require('./grid-be8c3413.js');
+const config = require('./config-c652329b.js');
+const grid = require('./grid-d12c16c7.js');
 const renderComboItems = require('./render-combo-items-d99a186a.js');
-const helpers = require('./helpers-9523495a.js');
+const helpers = require('./helpers-b62ea39c.js');
 
-const teamDevUpdateCss = ".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}.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(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.options-grid{grid-template-columns:1fr auto}.options-grid .options-update-from-grid{grid-template-columns:auto 1fr;grid-row-gap:0}.options-grid .options-scope-grid{grid-template-columns:auto 1fr auto}.options-grid .options-scope-grid>:nth-child(7){grid-area:3/1/4/4}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.filters-container-body{width:100%;display:flex;align-items:flex-end;justify-content:space-between}.filters-container-body .filter-grid{flex:1;grid-template-columns:repeat(2, 1fr)}.filters-container-body .actions{display:flex;justify-content:flex-end;align-items:center}.filters-container-body .actions.close{width:100%}.data-grid{grid-template-columns:repeat(3, 1fr)}.data-grid>:nth-child(1){grid-area:1/1/2/2}.data-grid>:nth-child(2){grid-area:1/2/2/4}.data-panel-grid{grid-template-columns:repeat(2, 1fr)}.data-preview img{max-width:100%}.data-max-height{max-height:300px;overflow-y:auto}.actions{justify-content:flex-end}.no-border{border:0}.bold{font-weight:bold}";
+const teamDevUpdateCss = ".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}.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(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.options-wrapper{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:0;grid-row-gap:0;border-bottom:1px solid var(--gx-ide-container-border-color)}.options-wrapper .genexus-server{cursor:pointer}.options-wrapper .genexus-server:hover{background-color:var(--gxg-background-color--hover)}.options-wrapper .scope{font-family:inherit;display:flex;flex-direction:column;gap:var(--spacing-comp-01)}.options-wrapper .scope .row{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-comp-02)}.options-wrapper .scope .row .value{font-style:italic}.filter-row{padding:0 var(--gxg-container--padding) 0 var(--gxg-container--padding);display:flex;flex-direction:row;gap:var(--gx-ide-grid-row-gap)}.filter-row .combo{flex:1}.data-grid{grid-template-columns:repeat(3, 1fr)}.data-grid>:nth-child(1){grid-area:1/1/2/2}.data-grid>:nth-child(2){grid-area:1/2/2/4}.data-panel-grid{grid-template-columns:repeat(2, 1fr)}.data-preview img{max-width:100%}.data-max-height{max-height:300px;overflow-y:auto}.actions{justify-content:flex-end}.no-border{border:0}.bold{font-weight:bold}";
 
 const GxIdeTeamDevUpdate = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
-    this.componentDidRenderEvent = index.createEvent(this, "componentDidRenderEvent", 7);
+    this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
     this.loadDataCalledFirstTime = false; // pending for update grid checkboxes, should be checked, after loadData has loaded objects for the first time.
+    this.renderedFirstTime = false;
     // 9.LOCAL METHODS //
     this.onRowContextMenuHandler = (grid) => async (ev) => {
       if (this.objectsContextMenuCallback) {
@@ -46,20 +48,27 @@ const GxIdeTeamDevUpdate = class {
         await this.selectCallback(grid, ev.detail.rowsId);
       }
     };
+    this.genexusServerUrlHandler = () => {
+      console.log("hola");
+    };
     this.renderOptions = () => {
-      return (index.h("gx-ide-container", { part: "options-container" }, index.h("div", { class: "grid options-grid" }, index.h("gx-ide-container", { displayBorder: true, part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom }, index.h("div", { class: "grid options-update-from-grid" }, index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.updateFrom, ":"), index.h("gxg-text", { type: "text-link", onClick: this.openServerCallback }, this.updateFrom ? this.updateFrom.serverUrl : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.knowledgeBase, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.kbName : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.version, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.versionName : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.lastFullUpdate, ":"), index.h("gxg-text", { type: "text-regular" }, helpers.formatDate(this.updateFrom.lastFullUpdate)))), index.h("gx-ide-container", { displayBorder: true, part: "options-scope", containerTitle: this._componentLocale.options.scope }, index.h("div", { class: "grid options-scope-grid" }, index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.objects, ":"), index.h("gxg-text", { type: "text-regular" }, index.h("span", { class: { bold: this.objectScopeText === "partial" } }, this._componentLocale.options.scopeData.objects[this.objectScopeText.toLocaleLowerCase()])), index.h("gxg-button", { id: "button-scope-objects-change", type: "outlined", onClick: this.objectsScope, part: "gxg-button gxg-button--scope-objects-change" }, this._componentLocale.options.changeBtn), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.revision, ":"), index.h("gxg-text", { type: "text-regular" }, index.h("span", { class: { bold: this.revisionScopeText !== undefined } }, this.revisionScopeText === undefined
+      return (index.h("div", { class: "options-wrapper" }, index.h("gx-ide-container", { part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom, titleType: "secondary", contentBorderEnd: true, noContentPadding: true }, index.h("gx-ide-list-selector", { type: "single-selection", listName: "commit-recent-messages", readonly: true, noListBorder: true }, index.h("gx-ide-list-selector-item", { icon: "window-tools/genexus-cloud", itemId: "genexus-server", itemValue: undefined, class: "genexus-server", onClick: this.genexusServerUrlHandler }, `${this._componentLocale.options.updateFrom}:`, index.h("gxg-text", { type: "text-link" }, this.updateFrom ? this.updateFrom.serverUrl : "")), index.h("gx-ide-list-selector-item", { icon: "general/knowledge-base", itemId: "knowledge-base", itemValue: `${this._componentLocale.options.knowledgeBase}: ${this.updateFrom ? this.updateFrom.kbName : ""}` }), index.h("gx-ide-list-selector-item", { icon: "general/version", itemId: "version", itemValue: `${this._componentLocale.options.version}: ${this.updateFrom ? this.updateFrom.versionName : ""}` }), index.h("gx-ide-list-selector-item", { icon: "window-tools/last-changes-view", itemId: "last-full-update", itemValue: `${this._componentLocale.options.lastFullUpdate}:${helpers.formatDate(this.updateFrom.lastFullUpdate)}` }))), index.h("gx-ide-container", { part: "options-scope", containerTitle: this._componentLocale.options.scope, titleType: "secondary" }, index.h("div", { class: "scope" }, index.h("div", { class: "row" }, index.h("gxg-label", { labelPosition: "start", center: true, noMargin: true }, this._componentLocale.options.objects, ":"), index.h("span", { class: {
+          bold: this.objectScopeText === "partial",
+          value: true
+        } }, this._componentLocale.options.scopeData.objects[this.objectScopeText.toLocaleLowerCase()]), index.h("gxg-text", { type: "text-link", onClick: this.objectsScope, part: "gxg-button gxg-button--scope-objects-change" }, this._componentLocale.options.changeBtn)), index.h("div", { class: "row" }, index.h("gxg-label", { labelPosition: "start", center: true, noMargin: true }, this._componentLocale.options.revision, ":"), index.h("span", { class: {
+          bold: this.revisionScopeText !== undefined,
+          value: true
+        } }, this.revisionScopeText === undefined
         ? this._componentLocale.options.scopeData.revision.latest
-        : this.revisionScopeText)), index.h("gxg-button", { id: "button-scope-revision-change", type: "outlined", onClick: this.revisionScope, part: "gxg-button gxg-button--scope-revision-change" }, this._componentLocale.options.changeBtn), index.h("gxg-form-checkbox", { label: this._componentLocale.options.kbProperties, class: "align-center", part: "option-kb-properties" }))))));
+        : this.revisionScopeText), index.h("gxg-text", { type: "text-link", onClick: this.revisionScope, part: "gxg-button gxg-button--scope-revision-change" }, this._componentLocale.options.changeBtn)), index.h("div", { class: "row" }, index.h("gxg-form-checkbox", { label: this._componentLocale.options.kbProperties, class: "align-center", part: "option-kb-properties" }))))));
     };
     this.renderFilter = () => {
-      return (index.h("gx-ide-container", { part: "filters-container" }, index.h("div", { class: "filters-container-body with-gap" }, index.h("div", { class: {
-          "grid": true,
-          "filter-grid": true,
-          "hide": !this.showFilter
-        } }, index.h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), part: "filter-pattern", onInput: this.loadData }), index.h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.type, disabled: !this.types, ref: (el) => (this.filterTypeEl = el), onValueChanged: this.loadData, part: "filter-type", value: this.types[0].id }, renderComboItems.renderComboItems(this.types))), index.h("div", { class: { actions: true, close: !this.showFilter } }, index.h("gxg-button", { type: "secondary-icon-only", icon: "patterns/filters", onClick: this.toggleFilter, part: "gxg-button gxg-button--show-filter" }), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" })))));
+      return (index.h("div", { class: {
+          "filter-row": true
+        } }, index.h("gxg-form-text", { "label-position": "start", centerLabel: true, label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), part: "filter-pattern", onInput: this.loadData, class: "combo" }), index.h("gxg-combo-box", { "label-position": "start", centerLabel: true, "disable-filter": true, label: this._componentLocale.filter.type, disabled: !this.types, ref: (el) => (this.filterTypeEl = el), onValueChanged: this.loadData, part: "filter-type", value: this.types[0].id, class: "combo" }, renderComboItems.renderComboItems(this.types)), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload", class: "button" })));
     };
     this.renderData = () => {
-      return (index.h("gx-ide-container", { part: "data-container", noContentPadding: true, fullHeight: true, class: "gxi-overflow-auto" }, index.h("gxg-tabs", { id: "dataTabs", part: "data-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.pendingForUpdate, tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.ignoredObjects, tab: "ignoredObjects", key: "ignoredObjects" }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.results, tab: "results", key: "results", ref: (el) => (this.gxgTabButtonResultsEl = el) })), index.h("gxg-tab", { tab: "pendingForUpdate", key: "pendingForUpdate", noPadding: true, isSelected: true }, this.renderPendingForUpdate()), index.h("gxg-tab", { tab: "ignoredObjects", key: "ignoredObjects", noPadding: true }, this.renderIgnoredObjects()), index.h("gxg-tab", { tab: "results", key: "results", noPadding: true }, this.renderResults()))));
+      return (index.h("gx-ide-container", { part: "data-container", noContentPadding: true, class: "gxi-overflow-auto", displayBorderTop: true }, index.h("gxg-tabs", { id: "dataTabs", part: "data-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.pendingForUpdate, tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.ignoredObjects, tab: "ignoredObjects", key: "ignoredObjects" }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.results, tab: "results", key: "results", ref: (el) => (this.gxgTabButtonResultsEl = el) })), index.h("gxg-tab", { tab: "pendingForUpdate", key: "pendingForUpdate", noPadding: true, isSelected: true }, this.renderPendingForUpdate()), index.h("gxg-tab", { tab: "ignoredObjects", key: "ignoredObjects", noPadding: true }, this.renderIgnoredObjects()), index.h("gxg-tab", { tab: "results", key: "results", noPadding: true }, this.renderResults()))));
     };
     this.renderPendingForUpdate = () => {
       return (index.h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridPendingForUpdateEl = el), part: "ch-grid-pending-for-updates", onRowContextMenu: this.onRowContextMenuHandler("pending"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("pending") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", richRowSelector: true, richRowSelectorMode: "mark", size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { settingable: false, sortable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false, size: grid.gridCommon.colSize.common }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false, size: grid.gridCommon.colSize.auto }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false, size: grid.gridCommon.colSize.auto })), this.updateData.pendingForUpdate.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, index.h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }), this.renderIconState(obj.state)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.name, " ")), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.type)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.description)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, `${helpers.formatDate(obj.modifiedOn)}`)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.status)), index.h("ch-grid-cell", null, index.h("span", { class: "cell-wrapper" }, obj.action))))))));
@@ -156,9 +165,6 @@ const GxIdeTeamDevUpdate = class {
         });
       }
     };
-    this.toggleFilter = () => {
-      this.showFilter = !this.showFilter;
-    };
     this.objectsScope = () => {
       if (this.objectsScopeCallback) {
         this.objectsScopeCallback().then(objectData => {
@@ -252,7 +258,10 @@ const GxIdeTeamDevUpdate = class {
     await this.loadData();
   }
   async componentDidRender() {
-    this.componentDidRenderEvent.emit(this._componentLocale.componentName);
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
     if (this.loadDataCalledFirstTime) {
       // call this method only once
       await this.markAllPendingToUpdateRows();
@@ -272,7 +281,7 @@ const GxIdeTeamDevUpdate = class {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, this.renderOptions(), this.renderFilter(), this.renderData(), index.h("gx-ide-container", { displayBorderTop: true }, index.h("div", { class: "align-center with-gap actions" }, index.h("gxg-button", { id: "button-update", type: "primary-text-only", onClick: this.update, part: "gxg-button gxg-button--update", disabled: this.isLoading }, this._componentLocale.footer.btnUpdate))))));
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { displayBorderTop: true, noContentPadding: true, slimmerFooter: config.config.gxIdeContainer.slimmerFooter, containerTitle: this._componentLocale.componentName }, this.renderOptions(), this.renderFilter(), this.renderData(), index.h("gxg-button", { id: "button-update", type: "primary-text-only", onClick: this.update, part: "gxg-button gxg-button--update", disabled: this.isLoading, slot: "footer-end" }, this._componentLocale.footer.btnUpdate)))));
   }
   static get assetsDirs() { return ["gx-ide-assets/team-dev-update"]; }
   get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-template.cjs.entry.js

@@ -3,14 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a32426a.js');
+const config = require('./config-c652329b.js');
 const locale = require('./locale-c8445ea4.js');
 
-const templateCss = ".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}.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(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}";
+const templateCss = ".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}.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(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}";
 
 const GxIdeTemplate = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.componentDidRenderEvent = index.createEvent(this, "componentDidRenderEvent", 7);
+    this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
     this.mainTile = undefined;
   }
   // 6.COMPONENT LIFECYCLE METHODS //
@@ -18,14 +20,17 @@ const GxIdeTemplate = class {
     this._componentLocale = await locale.Locale.getComponentStrings(this.el);
   }
   componentDidRender() {
-    this.componentDidRenderEvent.emit(this._componentLocale.componentName);
+    if (this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
   }
   // 7.LISTENERS //
   // 8.PUBLIC METHODS API //
   // 9.LOCAL METHODS //
   // 10.RENDER() FUNCTION //
   render() {
-    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, index.h("gx-ide-container", { fullHeight: true, "container-title": "Header Title" }, index.h("p", null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis natus nam, veritatis aspernatur consequatur omnis blanditiis! Praesentium, ex labore? Odit, officiis eius rerum pariatur ea dicta possimus perferendis molestiae sunt!q"), index.h("gxg-form-text", { label: "Name", placeholder: "Elon Musk", labelPosition: "start", centerLabel: true }), index.h("gxg-button", { slot: "footer" }, "Create")))));
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { "container-title": "Header Title", slimmerFooter: config.config.gxIdeContainer.slimmerFooter }, index.h("p", null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis natus nam, veritatis aspernatur consequatur omnis blanditiis! Praesentium, ex labore? Odit, officiis eius rerum pariatur ea dicta possimus perferendis molestiae sunt!q"), index.h("gxg-form-text", { label: "Name", placeholder: "Elon Musk", labelPosition: "start", centerLabel: true }), index.h("gxg-button", { slot: "footer" }, "Create")))));
   }
   static get assetsDirs() { return ["gx-ide-assets/template"]; }
   get el() { return index.getElement(this); }

package/dist/cjs/gx-ide-test.cjs.entry.js

@@ -56,6 +56,8 @@ const testCss = ":host{display:block}";
 const GxIdeTest = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
     // 8.PUBLIC METHODS API //
     // 9.LOCAL METHODS //
     /* Gxg-Tree Methods*/
@@ -110,8 +112,13 @@ const GxIdeTest = class {
     this.testUpdateNode = false;
     this.lazyLoadTreeItemsCallback = undefined;
   }
-  // 5.EVENTS (EMIT) //
   // 6.COMPONENT LIFECYCLE METHODS //
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit("test");
+      this.renderedFirstTime = true;
+    }
+  }
   // 7.LISTENERS //
   loadLazyChildrenHandler(e) {
     const treeItemId = e.detail;