@genexus/genexus-ide-ui 0.0.60 → 0.0.62

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

@@ -1,17 +1,36 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
-import { d as defineCustomElement$b } from './icon.js';
-import { d as defineCustomElement$a } from './button.js';
-import { d as defineCustomElement$9 } from './container2.js';
-import { d as defineCustomElement$8 } from './form-checkbox.js';
-import { d as defineCustomElement$7 } from './icon2.js';
-import { d as defineCustomElement$6 } from './gxg-label2.js';
-import { d as defineCustomElement$5 } from './list-box.js';
-import { d as defineCustomElement$4 } from './list-box-item.js';
-import { d as defineCustomElement$3 } from './title.js';
-import { d as defineCustomElement$2 } from './tooltip.js';
+import { c as config } from './config.js';
+import { d as defineCustomElement$9 } from './icon.js';
+import { d as defineCustomElement$8 } from './container.js';
+import { d as defineCustomElement$7 } from './list-selector.js';
+import { d as defineCustomElement$6 } from './list-selector-item.js';
+import { d as defineCustomElement$5 } from './title.js';
+import { d as defineCustomElement$4 } from './button.js';
+import { d as defineCustomElement$3 } from './icon2.js';
+import { d as defineCustomElement$2 } from './title2.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(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$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -19,24 +38,15 @@ const GxIdeTeamDevSelectRecentComment$1 = /*@__PURE__*/ proxyCustomElement(class
     this.__registerHost();
     this.__attachShadow();
     this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
+    this.componentDidRenderFirstTime = 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 = (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 () => {
@@ -54,9 +64,15 @@ const GxIdeTeamDevSelectRecentComment$1 = /*@__PURE__*/ proxyCustomElement(class
     this._componentLocale = await 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 (h(Host, null, h("div", { class: `main-wrapper` }, h("gxg-container", { displayBorder: true }, h("gxg-list-box", { singleSelection: true, onSelectionChanged: this.commentSelectionChangedHandler, "no-border": true }, this.renderObjectItems(this.comments)), h("div", { slot: "footer", class: "action-buttons grid" }, h("gxg-button", { type: "primary-text-icon", onClick: this.confirmCallbackHandle }, this._componentLocale.confirmButton), h("gxg-button", { type: "outlined", onClick: this.cancelCallbackHandle }, this._componentLocale.cancelButton))))));
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { containerTitle: this._componentLocale.componentName, displayBorder: true, noContentPadding: true, slimmerFooter: config.gxIdeContainer.slimmerFooter }, 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))), h("gxg-button", { type: "outlined", onClick: this.cancelCallbackHandle, slot: "footer-end" }, this._componentLocale.cancelButton), 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 this; }
@@ -70,7 +86,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["gx-ide-team-dev-select-recent-comment", "ch-icon", "gxg-button", "gxg-container", "gxg-form-checkbox", "gxg-icon", "gxg-label", "gxg-list-box", "gxg-list-box-item", "gxg-title", "gxg-tooltip"];
+  const components = ["gx-ide-team-dev-select-recent-comment", "ch-icon", "gx-ide-container", "gx-ide-list-selector", "gx-ide-list-selector-item", "gx-ide-title", "gxg-button", "gxg-icon", "gxg-title"];
   components.forEach(tagName => { switch (tagName) {
     case "gx-ide-team-dev-select-recent-comment":
       if (!customElements.get(tagName)) {
@@ -78,51 +94,41 @@ function defineCustomElement$1() {
       }
       break;
     case "ch-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "gxg-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "gxg-container":
       if (!customElements.get(tagName)) {
         defineCustomElement$9();
       }
       break;
-    case "gxg-form-checkbox":
+    case "gx-ide-container":
       if (!customElements.get(tagName)) {
         defineCustomElement$8();
       }
       break;
-    case "gxg-icon":
+    case "gx-ide-list-selector":
       if (!customElements.get(tagName)) {
         defineCustomElement$7();
       }
       break;
-    case "gxg-label":
+    case "gx-ide-list-selector-item":
       if (!customElements.get(tagName)) {
         defineCustomElement$6();
       }
       break;
-    case "gxg-list-box":
+    case "gx-ide-title":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }
       break;
-    case "gxg-list-box-item":
+    case "gxg-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }
       break;
-    case "gxg-title":
+    case "gxg-icon":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }
       break;
-    case "gxg-tooltip":
+    case "gxg-title":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

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

@@ -1,22 +1,26 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
-import { d as defineCustomElement$g } from './ch-grid2.js';
-import { d as defineCustomElement$f } from './ch-grid-column2.js';
-import { d as defineCustomElement$e } from './ch-grid-column-resize2.js';
-import { d as defineCustomElement$d } from './ch-grid-column-settings2.js';
-import { d as defineCustomElement$c } from './ch-grid-columnset2.js';
-import { d as defineCustomElement$b } from './ch-grid-settings2.js';
-import { d as defineCustomElement$a } from './ch-grid-settings-columns2.js';
-import { d as defineCustomElement$9 } from './icon.js';
-import { d as defineCustomElement$8 } from './ch-window2.js';
-import { d as defineCustomElement$7 } from './ch-window-close2.js';
+import { c as config } from './config.js';
+import { g as gridCommon } from './grid.js';
+import { d as defineCustomElement$i } from './ch-grid2.js';
+import { d as defineCustomElement$h } from './ch-grid-column2.js';
+import { d as defineCustomElement$g } from './ch-grid-column-resize2.js';
+import { d as defineCustomElement$f } from './ch-grid-column-settings2.js';
+import { d as defineCustomElement$e } from './ch-grid-columnset2.js';
+import { d as defineCustomElement$d } from './ch-grid-settings2.js';
+import { d as defineCustomElement$c } from './ch-grid-settings-columns2.js';
+import { d as defineCustomElement$b } from './icon.js';
+import { d as defineCustomElement$a } from './ch-window2.js';
+import { d as defineCustomElement$9 } from './ch-window-close2.js';
+import { d as defineCustomElement$8 } from './container.js';
+import { d as defineCustomElement$7 } from './title.js';
 import { d as defineCustomElement$6 } from './button.js';
-import { d as defineCustomElement$5 } from './container2.js';
-import { d as defineCustomElement$4 } from './gxg-grid2.js';
-import { d as defineCustomElement$3 } from './icon2.js';
-import { d as defineCustomElement$2 } from './title.js';
+import { d as defineCustomElement$5 } from './gxg-grid2.js';
+import { d as defineCustomElement$4 } from './icon2.js';
+import { d as defineCustomElement$3 } from './text.js';
+import { d as defineCustomElement$2 } from './title2.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$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -24,9 +28,11 @@ const GxIdeTeamDevUpdatePartialSelection$1 = /*@__PURE__*/ proxyCustomElement(cl
     this.__registerHost();
     this.__attachShadow();
     this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
+    this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
     // 9.LOCAL METHODS //
     this.renderObjects = () => {
-      return (h("gxg-grid", null, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", settingable: false, sortable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false })), this.selection.map((obj) => (h("ch-grid-row", { rowid: obj.id, key: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.typeIcon, color: "auto" })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${obj.modifiedOn.toISOString().slice(0, 10)}`)))))));
+      return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", settingable: false, sortable: false, size: gridCommon.colSize.minContent }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false, size: gridCommon.colSize.auto })), this.selection.map((obj) => (h("ch-grid-row", { rowid: obj.id, key: obj.id }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.typeIcon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.name)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${obj.modifiedOn.toISOString().slice(0, 10)}`))))))));
     };
     this.getObjectsHandler = () => {
       this.addCallback().then((items) => {
@@ -75,6 +81,12 @@ const GxIdeTeamDevUpdatePartialSelection$1 = /*@__PURE__*/ proxyCustomElement(cl
   componentDidLoad() {
     this.listenChanges();
   }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
   // 7.LISTENERS //
   // 8.PUBLIC METHODS API //
   /**
@@ -86,9 +98,7 @@ const GxIdeTeamDevUpdatePartialSelection$1 = /*@__PURE__*/ proxyCustomElement(cl
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (h(Host, { class: {
-        "gxi-team-dev-update-partial-selection": true
-      } }, h("div", { class: `main-wrapper` }, h("gxg-container", { containerTitle: this._componentLocale.title }, h("div", { class: "top-actions" }, h("gxg-button", { id: "button-add", type: "outlined", onClick: this.getObjectsHandler, part: "add" }, this._componentLocale.btnAddObject), h("gxg-button", { id: "button-remove", type: "outlined", onClick: this.removeSelectedObjectsHandler, part: "remove", disabled: !(this.selectedObjectsIds.length > 0) }, this._componentLocale.btnRemoveSelectedObjects)), this.renderObjects(), h("gxg-container", { displayBorderTop: true }, h("div", { class: "grid actions" }, h("div", null, h("gxg-button", { id: "button-clear", type: "outlined", onClick: this.removeAllHandler, disabled: !(this.selection.length > 0), part: "clear" }, this._componentLocale.footer.btnRemoveAll)), h("div", null, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirmHandler, part: "confirm" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelHandler, part: "cancel" }, this._componentLocale.footer.btnCancel))))))));
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noContentGap: true, containerTitle: this._componentLocale.title, slimmerFooter: config.gxIdeContainer.slimmerFooter }, h("div", { class: "top-actions" }, h("gxg-button", { id: "button-add", type: "outlined", icon: "gemini-tools/add", onClick: this.getObjectsHandler, part: "add" }, this._componentLocale.btnAddObject), 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(), 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), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelHandler, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), 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 this; }
@@ -105,7 +115,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["gx-ide-team-dev-update-partial-selection", "ch-grid", "ch-grid-column", "ch-grid-column-resize", "ch-grid-column-settings", "ch-grid-columnset", "ch-grid-settings", "ch-grid-settings-columns", "ch-icon", "ch-window", "ch-window-close", "gxg-button", "gxg-container", "gxg-grid", "gxg-icon", "gxg-title"];
+  const components = ["gx-ide-team-dev-update-partial-selection", "ch-grid", "ch-grid-column", "ch-grid-column-resize", "ch-grid-column-settings", "ch-grid-columnset", "ch-grid-settings", "ch-grid-settings-columns", "ch-icon", "ch-window", "ch-window-close", "gx-ide-container", "gx-ide-title", "gxg-button", "gxg-grid", "gxg-icon", "gxg-text", "gxg-title"];
   components.forEach(tagName => { switch (tagName) {
     case "gx-ide-team-dev-update-partial-selection":
       if (!customElements.get(tagName)) {
@@ -114,50 +124,60 @@ function defineCustomElement$1() {
       break;
     case "ch-grid":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$i();
       }
       break;
     case "ch-grid-column":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$h();
       }
       break;
     case "ch-grid-column-resize":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$g();
       }
       break;
     case "ch-grid-column-settings":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$f();
       }
       break;
     case "ch-grid-columnset":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$e();
       }
       break;
     case "ch-grid-settings":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$d();
       }
       break;
     case "ch-grid-settings-columns":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$c();
       }
       break;
     case "ch-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$b();
       }
       break;
     case "ch-window":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$a();
       }
       break;
     case "ch-window-close":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "gx-ide-container":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "gx-ide-title":
       if (!customElements.get(tagName)) {
         defineCustomElement$7();
       }
@@ -167,17 +187,17 @@ function defineCustomElement$1() {
         defineCustomElement$6();
       }
       break;
-    case "gxg-container":
+    case "gxg-grid":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }
       break;
-    case "gxg-grid":
+    case "gxg-icon":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }
       break;
-    case "gxg-icon":
+    case "gxg-text":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }

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

@@ -1,17 +1,19 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
-import { d as defineCustomElement$b } from './icon.js';
-import { d as defineCustomElement$a } from './button.js';
-import { d as defineCustomElement$9 } from './container2.js';
+import { c as config } from './config.js';
+import { d as defineCustomElement$c } from './icon.js';
+import { d as defineCustomElement$b } from './container.js';
+import { d as defineCustomElement$a } from './title.js';
+import { d as defineCustomElement$9 } from './button.js';
 import { d as defineCustomElement$8 } from './form-radio.js';
 import { d as defineCustomElement$7 } from './form-radio-group.js';
 import { d as defineCustomElement$6 } from './form-text.js';
 import { d as defineCustomElement$5 } from './icon2.js';
 import { d as defineCustomElement$4 } from './gxg-label2.js';
-import { d as defineCustomElement$3 } from './title.js';
+import { d as defineCustomElement$3 } from './title2.js';
 import { d as defineCustomElement$2 } from './tooltip.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$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -19,6 +21,8 @@ const GxIdeTeamDevUpdateToRevision$1 = /*@__PURE__*/ proxyCustomElement(class ex
     this.__registerHost();
     this.__attachShadow();
     this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
+    this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
     // 9.LOCAL METHODS //
     this.setInitialCheckedRadio = () => {
       if (this.currentRevision === undefined) {
@@ -53,6 +57,12 @@ const GxIdeTeamDevUpdateToRevision$1 = /*@__PURE__*/ proxyCustomElement(class ex
     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 //
   /**
@@ -64,9 +74,7 @@ const GxIdeTeamDevUpdateToRevision$1 = /*@__PURE__*/ proxyCustomElement(class ex
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (h(Host, { class: {
-        "gxi-team-dev-update-to-revision": true
-      } }, h("div", { class: `main-wrapper` }, h("gxg-container", null, h("gxg-form-radio-group", null, h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", ref: (el) => (this.updateToLatestEl = el), part: "radio-to-latest" }), h("div", { class: "revision-number" }, h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), onFocus: this.updateToRevisionOnFocusHandler, value: this.currentRevision, part: "revision-number" })))), h("gxg-container", { displayBorderTop: true }, h("div", { class: "actions" }, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "update" }, this._componentLocale.footer.btnUpdate), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "cancel" }, this._componentLocale.footer.btnCancel))))));
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { slimmerFooter: config.gxIdeContainer.slimmerFooter, containerTitle: this._componentLocale.componentName }, h("gxg-form-radio-group", null, h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", ref: (el) => (this.updateToLatestEl = el), part: "radio-to-latest" }), h("div", { class: "revision-number" }, h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), onFocus: this.updateToRevisionOnFocusHandler, value: this.currentRevision, part: "revision-number" }))), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), 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 this; }
@@ -81,7 +89,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["gx-ide-team-dev-update-to-revision", "ch-icon", "gxg-button", "gxg-container", "gxg-form-radio", "gxg-form-radio-group", "gxg-form-text", "gxg-icon", "gxg-label", "gxg-title", "gxg-tooltip"];
+  const components = ["gx-ide-team-dev-update-to-revision", "ch-icon", "gx-ide-container", "gx-ide-title", "gxg-button", "gxg-form-radio", "gxg-form-radio-group", "gxg-form-text", "gxg-icon", "gxg-label", "gxg-title", "gxg-tooltip"];
   components.forEach(tagName => { switch (tagName) {
     case "gx-ide-team-dev-update-to-revision":
       if (!customElements.get(tagName)) {
@@ -89,16 +97,21 @@ function defineCustomElement$1() {
       }
       break;
     case "ch-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "gx-ide-container":
       if (!customElements.get(tagName)) {
         defineCustomElement$b();
       }
       break;
-    case "gxg-button":
+    case "gx-ide-title":
       if (!customElements.get(tagName)) {
         defineCustomElement$a();
       }
       break;
-    case "gxg-container":
+    case "gxg-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$9();
       }