@genexus/genexus-ide-ui 0.0.61 → 0.0.62

package/dist/collection/components/{team-dev-select-recent-comment → team-dev/select-recent-comment}/team-dev-select-recent-comment.js

@@ -1,27 +1,20 @@
 /* STENCIL IMPORTS */
 import { Host, h } from "@stencil/core";
 /* CUSTOM IMPORTS */
-import { Locale } from "../../common/locale";
+import { Locale } from "../../../common/locale";
+import { config } from "../../../common/config";
+import { renderListItems } from "../../../common/render-list-item";
+import { commentsToListItemsData } from "./helpers";
 export class GxIdeTeamDevSelectRecentComment {
   constructor() {
     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 () => {
@@ -39,9 +32,15 @@ export class GxIdeTeamDevSelectRecentComment {
     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 is() { return "gx-ide-team-dev-select-recent-comment"; }
   static get encapsulation() { return "shadow"; }
@@ -129,6 +128,24 @@ export class GxIdeTeamDevSelectRecentComment {
           "resolved": "boolean",
           "references": {}
         }
+      }, {
+        "method": "componentDidRenderFirstTime",
+        "name": "componentDidRenderFirstTime",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "description",
+              "text": "Gets fired when the component has rendered for the first time."
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
       }];
   }
   static get elementRef() { return "el"; }

package/dist/collection/components/{team-dev-update → team-dev/update}/gx-ide-assets/team-dev-update/langs/team-dev-update.lang.en.json

@@ -1,5 +1,5 @@
 {
-  "name": "Name",
+  "componentName": "Team Dev Update",
   "options": {
     "updateFrom": "GeneXus Server",
     "scope": "Scope",

package/dist/collection/components/{team-dev-update → team-dev/update}/team-dev-update.css

@@ -55,6 +55,15 @@ ch-grid-column {
   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*/
 gxg-tabs {
   box-shadow: none;
@@ -78,6 +87,7 @@ gxg-tabs {
   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);
@@ -144,68 +154,63 @@ gxg-tabs {
   padding-inline-end: 2px;
 }
 
+/*gxg-tree-view*/
+.tree-container {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
 /*Gemini*/
 /*Gx Ide*/
 :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 */
-.options-grid {
-  grid-template-columns: 1fr auto;
-}
-.options-grid .options-update-from-grid {
-  grid-template-columns: auto 1fr;
+/*--- Options Wrapper ---*/
+.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-grid .options-scope-grid {
-  grid-template-columns: auto 1fr auto;
+.options-wrapper .genexus-server {
+  cursor: pointer;
 }
-.options-grid .options-scope-grid > :nth-child(7) {
-  grid-area: 3/1/4/4;
+.options-wrapper .genexus-server:hover {
+  background-color: var(--gxg-background-color--hover);
 }
-
-.flex {
+.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);
 }
-
-.with-gap {
-  gap: var(--gx-ide-grid-row-gap);
-}
-
-.hide {
-  display: none !important;
+.options-wrapper .scope .row .value {
+  font-style: italic;
 }
 
-/* filters */
-.filters-container-body {
-  width: 100%;
+/*--- Filter ---*/
+.filter-row {
+  padding: 0 var(--gxg-container--padding) 0 var(--gxg-container--padding);
   display: flex;
-  align-items: flex-end;
-  justify-content: space-between;
+  flex-direction: row;
+  gap: var(--gx-ide-grid-row-gap);
 }
-.filters-container-body .filter-grid {
+.filter-row .combo {
   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%;
 }
 
+/* Options */
+/* filters */
 /* Data Grid*/
 .data-grid {
   grid-template-columns: repeat(3, 1fr);

package/dist/collection/components/{team-dev-update → team-dev/update}/team-dev-update.js

@@ -1,13 +1,15 @@
 /* STENCIL IMPORTS */
 import { Host, h } from "@stencil/core";
 /* CUSTOM IMPORTS */
-import { Locale } from "../../common/locale";
-import { gridCommon } from "../../common/grid";
-import { renderComboItems } from "../../common/render-combo-items";
-import { formatDate } from "../../common/helpers";
+import { Locale } from "../../../common/locale";
+import { config } from "../../../common/config";
+import { gridCommon } from "../../../common/grid";
+import { renderComboItems } from "../../../common/render-combo-items";
+import { formatDate } from "../../../common/helpers";
 export class GxIdeTeamDevUpdate {
   constructor() {
     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) {
@@ -38,20 +40,27 @@ export class GxIdeTeamDevUpdate {
         await this.selectCallback(grid, ev.detail.rowsId);
       }
     };
+    this.genexusServerUrlHandler = () => {
+      console.log("hola");
+    };
     this.renderOptions = () => {
-      return (h("gx-ide-container", { part: "options-container" }, h("div", { class: "grid options-grid" }, h("gx-ide-container", { displayBorder: true, part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom }, h("div", { class: "grid options-update-from-grid" }, h("gxg-text", { type: "text-regular" }, this._componentLocale.options.updateFrom, ":"), h("gxg-text", { type: "text-link", onClick: this.openServerCallback }, this.updateFrom ? this.updateFrom.serverUrl : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.knowledgeBase, ":"), h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.kbName : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.version, ":"), h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.versionName : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.lastFullUpdate, ":"), h("gxg-text", { type: "text-regular" }, formatDate(this.updateFrom.lastFullUpdate)))), h("gx-ide-container", { displayBorder: true, part: "options-scope", containerTitle: this._componentLocale.options.scope }, h("div", { class: "grid options-scope-grid" }, h("gxg-text", { type: "text-regular" }, this._componentLocale.options.objects, ":"), h("gxg-text", { type: "text-regular" }, h("span", { class: { bold: this.objectScopeText === "partial" } }, this._componentLocale.options.scopeData.objects[this.objectScopeText.toLocaleLowerCase()])), 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), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.revision, ":"), h("gxg-text", { type: "text-regular" }, h("span", { class: { bold: this.revisionScopeText !== undefined } }, this.revisionScopeText === undefined
+      return (h("div", { class: "options-wrapper" }, h("gx-ide-container", { part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom, titleType: "secondary", contentBorderEnd: true, noContentPadding: true }, h("gx-ide-list-selector", { type: "single-selection", listName: "commit-recent-messages", readonly: true, noListBorder: true }, h("gx-ide-list-selector-item", { icon: "window-tools/genexus-cloud", itemId: "genexus-server", itemValue: undefined, class: "genexus-server", onClick: this.genexusServerUrlHandler }, `${this._componentLocale.options.updateFrom}:`, h("gxg-text", { type: "text-link" }, this.updateFrom ? this.updateFrom.serverUrl : "")), h("gx-ide-list-selector-item", { icon: "general/knowledge-base", itemId: "knowledge-base", itemValue: `${this._componentLocale.options.knowledgeBase}: ${this.updateFrom ? this.updateFrom.kbName : ""}` }), h("gx-ide-list-selector-item", { icon: "general/version", itemId: "version", itemValue: `${this._componentLocale.options.version}: ${this.updateFrom ? this.updateFrom.versionName : ""}` }), h("gx-ide-list-selector-item", { icon: "window-tools/last-changes-view", itemId: "last-full-update", itemValue: `${this._componentLocale.options.lastFullUpdate}:${formatDate(this.updateFrom.lastFullUpdate)}` }))), h("gx-ide-container", { part: "options-scope", containerTitle: this._componentLocale.options.scope, titleType: "secondary" }, h("div", { class: "scope" }, h("div", { class: "row" }, h("gxg-label", { labelPosition: "start", center: true, noMargin: true }, this._componentLocale.options.objects, ":"), h("span", { class: {
+          bold: this.objectScopeText === "partial",
+          value: true
+        } }, this._componentLocale.options.scopeData.objects[this.objectScopeText.toLocaleLowerCase()]), h("gxg-text", { type: "text-link", onClick: this.objectsScope, part: "gxg-button gxg-button--scope-objects-change" }, this._componentLocale.options.changeBtn)), h("div", { class: "row" }, h("gxg-label", { labelPosition: "start", center: true, noMargin: true }, this._componentLocale.options.revision, ":"), h("span", { class: {
+          bold: this.revisionScopeText !== undefined,
+          value: true
+        } }, this.revisionScopeText === undefined
         ? this._componentLocale.options.scopeData.revision.latest
-        : this.revisionScopeText)), h("gxg-button", { id: "button-scope-revision-change", type: "outlined", onClick: this.revisionScope, part: "gxg-button gxg-button--scope-revision-change" }, this._componentLocale.options.changeBtn), h("gxg-form-checkbox", { label: this._componentLocale.options.kbProperties, class: "align-center", part: "option-kb-properties" }))))));
+        : this.revisionScopeText), h("gxg-text", { type: "text-link", onClick: this.revisionScope, part: "gxg-button gxg-button--scope-revision-change" }, this._componentLocale.options.changeBtn)), h("div", { class: "row" }, h("gxg-form-checkbox", { label: this._componentLocale.options.kbProperties, class: "align-center", part: "option-kb-properties" }))))));
     };
     this.renderFilter = () => {
-      return (h("gx-ide-container", { part: "filters-container" }, h("div", { class: "filters-container-body with-gap" }, h("div", { class: {
-          "grid": true,
-          "filter-grid": true,
-          "hide": !this.showFilter
-        } }, h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), part: "filter-pattern", onInput: this.loadData }), 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(this.types))), h("div", { class: { actions: true, close: !this.showFilter } }, h("gxg-button", { type: "secondary-icon-only", icon: "patterns/filters", onClick: this.toggleFilter, part: "gxg-button gxg-button--show-filter" }), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" })))));
+      return (h("div", { class: {
+          "filter-row": true
+        } }, h("gxg-form-text", { "label-position": "start", centerLabel: true, label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), part: "filter-pattern", onInput: this.loadData, class: "combo" }), h("gxg-combo-box", { "label-position": "start", centerLabel: true, "disable-filter": true, label: this._componentLocale.filter.type, disabled: !this.types, ref: (el) => (this.filterTypeEl = el), onValueChanged: this.loadData, part: "filter-type", value: this.types[0].id, class: "combo" }, renderComboItems(this.types)), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload", class: "button" })));
     };
     this.renderData = () => {
-      return (h("gx-ide-container", { part: "data-container", noContentPadding: true, class: "gxi-overflow-auto" }, h("gxg-tabs", { id: "dataTabs", part: "data-tabs" }, h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.pendingForUpdate, tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.ignoredObjects, tab: "ignoredObjects", key: "ignoredObjects" }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.results, tab: "results", key: "results", ref: (el) => (this.gxgTabButtonResultsEl = el) })), h("gxg-tab", { tab: "pendingForUpdate", key: "pendingForUpdate", noPadding: true, isSelected: true }, this.renderPendingForUpdate()), h("gxg-tab", { tab: "ignoredObjects", key: "ignoredObjects", noPadding: true }, this.renderIgnoredObjects()), h("gxg-tab", { tab: "results", key: "results", noPadding: true }, this.renderResults()))));
+      return (h("gx-ide-container", { part: "data-container", noContentPadding: true, class: "gxi-overflow-auto", displayBorderTop: true }, h("gxg-tabs", { id: "dataTabs", part: "data-tabs" }, h("gxg-tab-bar", { slot: "tab-bar-container", displayBorder: true }, h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.pendingForUpdate, tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.ignoredObjects, tab: "ignoredObjects", key: "ignoredObjects" }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.results, tab: "results", key: "results", ref: (el) => (this.gxgTabButtonResultsEl = el) })), h("gxg-tab", { tab: "pendingForUpdate", key: "pendingForUpdate", noPadding: true, isSelected: true }, this.renderPendingForUpdate()), h("gxg-tab", { tab: "ignoredObjects", key: "ignoredObjects", noPadding: true }, this.renderIgnoredObjects()), h("gxg-tab", { tab: "results", key: "results", noPadding: true }, this.renderResults()))));
     };
     this.renderPendingForUpdate = () => {
       return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, 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") }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", richRowSelector: true, richRowSelectorMode: "mark", size: gridCommon.colSize.auto }), h("ch-grid-column", { settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { settingable: false, sortable: false, size: gridCommon.colSize.auto }), 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.common }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false, size: gridCommon.colSize.auto })), this.updateData.pendingForUpdate.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), 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" }), this.renderIconState(obj.state)), 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" }, `${formatDate(obj.modifiedOn)}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.status)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.action))))))));
@@ -148,9 +157,6 @@ export class GxIdeTeamDevUpdate {
         });
       }
     };
-    this.toggleFilter = () => {
-      this.showFilter = !this.showFilter;
-    };
     this.objectsScope = () => {
       if (this.objectsScopeCallback) {
         this.objectsScopeCallback().then(objectData => {
@@ -244,7 +250,10 @@ export class GxIdeTeamDevUpdate {
     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();
@@ -264,7 +273,7 @@ export class GxIdeTeamDevUpdate {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, this.renderOptions(), this.renderFilter(), this.renderData(), h("gx-ide-container", { displayBorderTop: true }, h("div", { class: "align-center with-gap actions" }, 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 (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { displayBorderTop: true, noContentPadding: true, slimmerFooter: config.gxIdeContainer.slimmerFooter, containerTitle: this._componentLocale.componentName }, this.renderOptions(), this.renderFilter(), this.renderData(), h("gxg-button", { id: "button-update", type: "primary-text-only", onClick: this.update, part: "gxg-button gxg-button--update", disabled: this.isLoading, slot: "footer-end" }, this._componentLocale.footer.btnUpdate)))));
   }
   static get is() { return "gx-ide-team-dev-update"; }
   static get encapsulation() { return "shadow"; }
@@ -461,7 +470,7 @@ export class GxIdeTeamDevUpdate {
           "references": {
             "ObjectType": {
               "location": "import",
-              "path": "../../common/types"
+              "path": "../../../common/types"
             }
           }
         },
@@ -540,8 +549,8 @@ export class GxIdeTeamDevUpdate {
           "references": {}
         }
       }, {
-        "method": "componentDidRenderEvent",
-        "name": "componentDidRenderEvent",
+        "method": "componentDidRenderFirstTime",
+        "name": "componentDidRenderFirstTime",
         "bubbles": true,
         "cancelable": true,
         "composed": true,

package/dist/collection/components/{team-dev-update-partial-selection → team-dev/update-partial-selection}/team-dev-update-partial-selection.css

@@ -55,6 +55,15 @@ ch-grid-column {
   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*/
 gxg-tabs {
   box-shadow: none;
@@ -78,6 +87,7 @@ gxg-tabs {
   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);
@@ -144,35 +154,24 @@ gxg-tabs {
   padding-inline-end: 2px;
 }
 
+/*gxg-tree-view*/
+.tree-container {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
 /*Gemini*/
 /*Gx Ide*/
 :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);
-}
-
-/* Objects Table */
-.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;
+  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);
 }

package/dist/collection/components/{team-dev-update-partial-selection → team-dev/update-partial-selection}/team-dev-update-partial-selection.js

@@ -2,12 +2,15 @@
 import { Host, h } from "@stencil/core";
 /* OTHER LIBRARIES IMPORTS */
 /* CUSTOM IMPORTS */
-import { Locale } from "../../common/locale";
+import { Locale } from "../../../common/locale";
+import { config } from "../../../common/config";
+import { gridCommon } from "../../../common/grid";
 export class GxIdeTeamDevUpdatePartialSelection {
   constructor() {
+    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) => {
@@ -56,6 +59,12 @@ export class GxIdeTeamDevUpdatePartialSelection {
   componentDidLoad() {
     this.listenChanges();
   }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
   // 7.LISTENERS //
   // 8.PUBLIC METHODS API //
   /**
@@ -67,9 +76,7 @@ export class GxIdeTeamDevUpdatePartialSelection {
   }
   // 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 is() { return "gx-ide-team-dev-update-partial-selection"; }
   static get encapsulation() { return "shadow"; }
@@ -186,6 +193,24 @@ export class GxIdeTeamDevUpdatePartialSelection {
           "resolved": "boolean",
           "references": {}
         }
+      }, {
+        "method": "componentDidRenderFirstTime",
+        "name": "componentDidRenderFirstTime",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "description",
+              "text": "Gets fired when the component has rendered for the first time."
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
       }];
   }
   static get methods() {

package/dist/collection/components/{team-dev-update-to-revision → team-dev/update-to-revision}/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.en.json

@@ -1,5 +1,5 @@
 {
-  "name": "Name",
+  "componentName": "Team Dev Update To Revision",
   "options": {
     "updateToLatest": "Update to Latest Revision",
     "updateToRevision": "Update to Revision #"

package/dist/collection/components/{team-dev-update-to-revision → team-dev/update-to-revision}/team-dev-update-to-revision.css

@@ -55,6 +55,15 @@ ch-grid-column {
   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*/
 gxg-tabs {
   box-shadow: none;
@@ -78,6 +87,7 @@ gxg-tabs {
   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);
@@ -144,17 +154,18 @@ gxg-tabs {
   padding-inline-end: 2px;
 }
 
+/*gxg-tree-view*/
+.tree-container {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
 /*Gemini*/
 /*Gx Ide*/
 :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 {

package/dist/collection/components/{team-dev-update-to-revision → team-dev/update-to-revision}/team-dev-update-to-revision.js

@@ -2,9 +2,11 @@
 import { Host, h } from "@stencil/core";
 /* OTHER LIBRARIES IMPORTS */
 /* CUSTOM IMPORTS */
-import { Locale } from "../../common/locale";
+import { Locale } from "../../../common/locale";
+import { config } from "../../../common/config";
 export class GxIdeTeamDevUpdateToRevision {
   constructor() {
+    this.renderedFirstTime = false;
     // 9.LOCAL METHODS //
     this.setInitialCheckedRadio = () => {
       if (this.currentRevision === undefined) {
@@ -39,6 +41,12 @@ export class GxIdeTeamDevUpdateToRevision {
     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 //
   /**
@@ -50,9 +58,7 @@ export class GxIdeTeamDevUpdateToRevision {
   }
   // 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 is() { return "gx-ide-team-dev-update-to-revision"; }
   static get encapsulation() { return "shadow"; }
@@ -142,6 +148,24 @@ export class GxIdeTeamDevUpdateToRevision {
           "resolved": "boolean",
           "references": {}
         }
+      }, {
+        "method": "componentDidRenderFirstTime",
+        "name": "componentDidRenderFirstTime",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "description",
+              "text": "Gets fired when the component has rendered for the first time."
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
       }];
   }
   static get methods() {

package/dist/collection/components/ww-images/gx-ide-assets/ww-images/langs/ww-images.lang.en.json

@@ -1,5 +1,5 @@
 {
-  "name": "Name",
+  "componentName": "Work With Images",
   "location": "Location",
   "filter": {
     "title": "Filters",
@@ -12,6 +12,7 @@
     "modified": "Modified",
     "user": "User",
     "dateTime": "Date/time",
+    "afterLabel": "After",
     "afterNone": "None",
     "afterDateTime": "After Date/Time",
     "afterLastBuild": "After Last Build",
@@ -43,5 +44,6 @@
     "btnOk": "OK",
     "btnCancel": "Cancel"
   },
-  "imageDataTitle": "Tiles"
+  "imagesTitle": "Tiles",
+  "imagesDataTitle": "Tiles Information"
 }