@genexus/genexus-ide-ui 0.0.53 → 0.0.55

package/dist/collection/components/ww-images/ww-images.css

@@ -208,7 +208,7 @@ gxg-tabs {
 
 /* Objects Table */
 .images-grid {
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(2, 1fr);
   grid-column-gap: 0;
 }
 .images-grid > :nth-child(1) {

package/dist/collection/components/ww-images/ww-images.js

@@ -4,6 +4,8 @@ import { Host, h } from "@stencil/core";
 import { Locale } from "../../common/locale";
 import { renderFormItems } from "../../common/common";
 import { FILTER_AFTER } from "../../common/constants";
+import { formatDate } from "../../common/helpers";
+import { gridCommon } from "../../common/grid";
 export class GxIdeWWImages {
   constructor() {
     // 9.LOCAL METHODS //
@@ -44,7 +46,7 @@ export class GxIdeWWImages {
         }, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.style, disabled: !this.styles, ref: (el) => (this.filterStyleEl = el), part: "filter-style" }, renderFormItems("gxg-combo-box-item", (_b = this.styles) !== null && _b !== void 0 ? _b : [])), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.language, disabled: !this.languages, ref: (el) => (this.filterLanguageEl = el), part: "filter-language" }, renderFormItems("gxg-combo-box-item", (_c = this.languages) !== null && _c !== void 0 ? _c : [])), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.density, disabled: !this.densities, ref: (el) => (this.filterDensityEl = el), part: "filter-density" }, renderFormItems("gxg-combo-box-item", (_d = this.densities) !== null && _d !== void 0 ? _d : [])), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.layer, disabled: !this.layers, ref: (el) => (this.filterLayerEl = el), part: "filter-layer" }, renderFormItems("gxg-combo-box-item", (_e = this.layers) !== null && _e !== void 0 ? _e : [])))));
     };
     this.renderImages = () => {
-      return (h("gxg-grid", { part: "images-table" }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-images" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.module, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedDate, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastUser, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.importDate, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastBuildDate, columnNamePosition: "text", settingable: false })), this.images.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.icon, color: "auto" })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.module, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${obj.modifiedDate.toISOString().slice(0, 10)}`), h("ch-grid-cell", null, " ", obj.lastUser, " "), h("ch-grid-cell", null, `${obj.importDate.toISOString().slice(0, 10)}`), h("ch-grid-cell", null, `${obj.lastBuildDate.toISOString().slice(0, 10)}`)))))));
+      return (h("gxg-grid", { part: "images-table", "ellipsis-cell-wrapper": true }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-images" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.module, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedDate, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastUser, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.importDate, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastBuildDate, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto })), this.images.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }), h("gxg-icon", { type: obj.icon, 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.module)), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, obj.description), " "), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate)}`)), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, obj.lastUser), " "), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate)}`)), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, `${formatDate(obj.lastBuildDate)}`))))))));
     };
     this.renderImageData = () => {
       return (h("gxg-container", { displayBorder: true, containerTitle: this._componentLocale.imageDataTitle, part: "image-data-container" }, h("div", { class: "grid images-data-flex" }, this.imagesSelectedItems.map(item => (h("div", { class: "image-item" }, h("div", { class: "img" }, h("img", { src: item.url, alt: item.id })), h("gxg-text", { type: "text-regular" }, item.name)))))));

package/dist/components/gx-ide-new-object.js

@@ -52,6 +52,8 @@ const GxIdeNewObject$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
      * This method initializes tha name value. It depends on 'this.selectedType'
      */
     this.init = () => {
+      this.selectedCategory = this.typeCategories[0];
+      this.selectedType = this.typeCategories[0].types[0];
       if (this.selectedType && this.selectedType.name.length > 0) {
         this.name = this.selectedType.name;
         this.description = this.selectedType.name;
@@ -99,7 +101,9 @@ const GxIdeNewObject$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       const data = {
         typeId: (_a = this.selectedType) === null || _a === void 0 ? void 0 : _a.id,
         name: this.nameEl.value,
-        description: this.descriptionEl.value,
+        description: !this.descriptionModifiedByUser
+          ? undefined
+          : this.descriptionEl.value,
         moduleId: this.parentEl.value.id
       };
       const result = await this.createCallback(data);
@@ -111,17 +115,20 @@ const GxIdeNewObject$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     this.categoryOnSelectionChangedHandler = (selectionEvent) => {
       const selection = selectionEvent.detail.items;
       if (selection.length > 0) {
-        this.selectedCategory = this.typeCategories[selection[0].index];
-        if (this.selectedCategory.types[0]) {
-          this.selectedType = this.selectedCategory.types[0];
+        const selectedCategory = this.typeCategories[selection[0].index];
+        if (selectedCategory) {
+          this.selectedCategory = selectedCategory;
+          if (selectedCategory.types.length > 0) {
+            this.selectedType = selectedCategory.types[0];
+          }
         }
       }
     };
     this.typeOnSelectionChangedHandler = (selectionEvent) => {
       const selection = selectionEvent.detail.items;
       if (selection.length > 0) {
-        const selectedType = selection[0];
-        this.selectedType = this.selectedCategory.types[selectedType.index];
+        const selected = selection[0];
+        this.selectedType = this.selectedCategory.types[selected.index];
       }
     };
     this.selectedCategory = undefined;
@@ -138,19 +145,11 @@ const GxIdeNewObject$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     this.createCallback = undefined;
     this.cancelCallback = undefined;
   }
-  // 4.PUBLIC PROPERTY API //
-  watchPropHandler(newSelectedType) {
-    this.name = newSelectedType.name;
-    this.description = newSelectedType.name;
+  watchSelectedTypeHandler() {
     this.descriptionModifiedByUser = false;
-    if (this.nameEl) {
-      this.nameEl.focus();
-    }
   }
   // 6.COMPONENT LIFECYCLE EVENTS //
   async componentWillLoad() {
-    this.selectedCategory = this.typeCategories[0];
-    this.selectedType = this.typeCategories[0].types[0];
     this.init();
     this._componentLocale = await Locale.getComponentStrings(this.el);
   }
@@ -166,14 +165,14 @@ const GxIdeNewObject$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     return (h(Host, { class: {
         "gxi-new-kb": true,
         "gxi-new-object--shadow": this.shadow
-      } }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, h("main", { class: "main" }, h("gxg-container", { displayBorderBottom: true }, h("div", { class: "grid first-row" }, this.typeCategories.length > 1 ? (h("gxg-list-box", { "single-selection": true, "the-title": this._componentLocale.categorySelection, onSelectionChanged: this.categoryOnSelectionChangedHandler }, this.typeCategories.map(category => (h("gxg-list-box-item", { key: category.id, value: category.id, icon: category.icon, part: `${category}-${category.id}` }, category.name))))) : null, h("gxg-list-box", { "single-selection": true, "the-title": this._componentLocale.typeSelection, onSelectionChanged: this.typeOnSelectionChangedHandler }, this.selectedCategory.types
-      ? this.selectedCategory.types.map(type => (h("gxg-list-box-item", { key: `${this.selectedCategory.id}-${type.id}`, icon: type.icon, selected: this.selectedType.id === type.id, part: `${type}-${type.id}` }, type.name)))
-      : null), h("gxg-title", { type: "title-05" }, (_a = this.selectedType) === null || _a === void 0 ? void 0 : _a.description))), h("gxg-container", null, h("div", { class: "grid" }, h("header", { class: "header grid" }, h("gxg-label", { labelPosition: "start" }, this._componentLocale.name), h("gxg-form-text", { "label-position": "start", placeholder: "Name", "max-width": "100%", value: this.name, ref: (el) => (this.nameEl = el), onInput: this.onInputNameHandler, onBlur: this.onBlurNameHandler, onValueChanged: this.onNameValueChangedHandler, debounce: true, part: "name", "display-validation-styles": true, "display-validation-message": true }), h("gxg-label", { labelPosition: "start" }, this._componentLocale.description), h("gxg-form-text", { "label-position": "start", placeholder: "Description", "max-width": "100%", value: this.description, ref: (el) => (this.descriptionEl = el), onInput: this.onInputDescriptionHandler, part: "description", "display-validation-styles": true, "display-validation-message": true }), this.renderModuleFolder()))), h("gxg-container", { displayBorderTop: true }, h("gxg-button", { id: "button-create", slot: "footer", type: "primary-text-only", onClick: this.createCallbackHandler, disabled: !this.nameIsValid, part: "gxg-button gxg-button--create" }, this._componentLocale.footer.btnCreate), h("gxg-button", { id: "button-cancel", slot: "footer", type: "outlined", onClick: this.cancelCallbackHandler, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel))))));
+      } }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, h("main", { class: "main" }, h("gxg-container", { displayBorderBottom: true }, h("div", { class: "grid first-row" }, this.typeCategories.length > 0 ? (h("gxg-list-box", { "single-selection": true, "the-title": this._componentLocale.categorySelectionTitle, onSelectionChanged: this.categoryOnSelectionChangedHandler }, this.typeCategories.map(category => (h("gxg-list-box-item", { key: category.id, value: category.id, icon: category.icon, part: `category-${category.id}` }, category.name))))) : null, this.selectedCategory.types.length > 0 ? (h("gxg-list-box", { "single-selection": true, theTitle: this.selectedCategory.name
+        ? `${this.selectedCategory.name} ${this._componentLocale.typeSelectionTitleSuffix}`
+        : this._componentLocale.typeSelectionTitle, key: this.selectedCategory.id, onSelectionChanged: this.typeOnSelectionChangedHandler }, this.selectedCategory.types.map(type => (h("gxg-list-box-item", { key: `${this.selectedCategory.id}-${type.id}`, icon: type.icon, part: `type-${this.selectedCategory.id}-${type.id}` }, type.name))))) : (h("p", null, "No Categories to display")), h("gxg-title", { type: "title-05" }, (_a = this.selectedType) === null || _a === void 0 ? void 0 : _a.description))), h("gxg-container", null, h("div", { class: "grid" }, h("header", { class: "header grid" }, h("gxg-label", { labelPosition: "start" }, this._componentLocale.name), h("gxg-form-text", { "label-position": "start", placeholder: "Name", "max-width": "100%", value: this.selectedType.name, ref: (el) => (this.nameEl = el), onInput: this.onInputNameHandler, onBlur: this.onBlurNameHandler, onValueChanged: this.onNameValueChangedHandler, debounce: true, part: "name", "display-validation-styles": true, "display-validation-message": true }), h("gxg-label", { labelPosition: "start" }, this._componentLocale.description), h("gxg-form-text", { "label-position": "start", placeholder: "Description", "max-width": "100%", value: this.selectedType.name, ref: (el) => (this.descriptionEl = el), onInput: this.onInputDescriptionHandler, part: "description", "display-validation-styles": true, "display-validation-message": true }), this.renderModuleFolder()))), h("gxg-container", { displayBorderTop: true }, h("gxg-button", { id: "button-create", slot: "footer", type: "primary-text-only", onClick: this.createCallbackHandler, disabled: !this.nameIsValid, part: "gxg-button gxg-button--create" }, this._componentLocale.footer.btnCreate), h("gxg-button", { id: "button-cancel", slot: "footer", type: "outlined", onClick: this.cancelCallbackHandler, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel))))));
   }
   static get assetsDirs() { return ["gx-ide-assets/new-object"]; }
   get el() { return this; }
   static get watchers() { return {
-    "selectedType": ["watchPropHandler"]
+    "selectedType": ["watchSelectedTypeHandler"]
   }; }
   static get style() { return newObjectCss; }
 }, [1, "gx-ide-new-object", {

package/dist/components/gx-ide-object-selector.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
 import { r as renderComboItems } from './render-combo-items.js';
+import { f as formatDate } from './helpers2.js';
 import { g as gridCommon } from './grid.js';
 import { F as FILTER_AFTER } from './constants.js';
 import { d as defineCustomElement$p } from './ch-grid2.js';
@@ -28,37 +29,6 @@ import { d as defineCustomElement$4 } from './text.js';
 import { d as defineCustomElement$3 } from './title.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
 
-/**
- * @param element an HTMLElement
- * @returns an alphabetically ordered array of all the parts and exportparts the element contains.
- */
-const formatDate = (date, type = "date") => {
-  var _a;
-  let formattedDate;
-  // validate date
-  // undefined or null
-  if (date === undefined || date === null) {
-    return "";
-  }
-  // If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself
-  const dateIsValid = date.getTime() === date.getTime();
-  if (!dateIsValid) {
-    return "Invalid date";
-  }
-  let locale = "en-US";
-  const lang = (_a = document
-    .getElementsByTagName("html")[0]
-    .getAttribute("lang")) === null || _a === void 0 ? void 0 : _a.valueOf();
-  if (lang === "es") {
-    locale = "es-ES";
-  }
-  formattedDate = date.toLocaleDateString(locale);
-  if (type === "date-time") {
-    formattedDate += ` | ${date.toLocaleTimeString()}`;
-  }
-  return formattedDate;
-};
-
 const objectSelectorCss = ".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)}.filter-grid{grid-template-columns:repeat(2, 1fr)}.filter-grid *:nth-child(5){grid-area:3/1/4/3}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}.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 GxIdeObjectSelector$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -99,7 +69,7 @@ const GxIdeObjectSelector$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
         }, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))))));
     };
     this.renderObjects = () => {
-      return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.icon, 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.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate, "date-time")}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate, "date-time")}`))))))));
+      return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.icon, 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.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate, "date-time")}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate, "date-time")}`))))))));
     };
     this.getObjects = () => {
       var _a, _b, _c, _d, _e, _f, _g, _h;

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { L as Locale } from './locale.js';
 import { g as gridCommon } from './grid.js';
 import { r as renderComboItems } from './render-combo-items.js';
-import { f as formatDate } from './format-date.js';
+import { f as formatDate } from './helpers2.js';
 import { d as defineCustomElement$q } from './ch-grid2.js';
 import { d as defineCustomElement$p } from './ch-grid-column2.js';
 import { d as defineCustomElement$o } from './ch-grid-column-resize2.js';
@@ -146,7 +146,7 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     };
     /* pending commits grid render*/
     this.renderPendingCommitsGrid = () => {
-      return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: "Description", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false }), h("ch-grid-column", { columnName: "Module", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: "Local State", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: gridCommon.colSize.common })), this.pendingCommits.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" }, this.renderIconState(obj.state))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { color: "auto", type: obj.iconType }))), 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.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.localState)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.lastSynchronized)}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.user))))))));
+      return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Description", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Module", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Local State", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: gridCommon.colSize.auto })), this.pendingCommits.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" }, this.renderIconState(obj.state))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { color: "auto", type: obj.iconType }))), 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.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.localState)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.lastSynchronized)}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.user))))))));
     };
     /* ignored objects grid render*/
     this.renderIgnoredObjectsGrid = () => {

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

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
+import { g as gridCommon } from './grid.js';
 import { r as renderComboItems } from './render-combo-items.js';
-import { f as formatDate } from './format-date.js';
+import { f as formatDate } from './helpers2.js';
 import { d as defineCustomElement$s } from './ch-grid2.js';
 import { d as defineCustomElement$r } from './ch-grid-column2.js';
 import { d as defineCustomElement$q } from './ch-grid-column-resize2.js';
@@ -71,9 +72,7 @@ const GxIdeTeamDevUpdate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
       }
     };
     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" }, this.updateFrom
-        ? 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("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
         ? 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" }))))));
     };
@@ -88,7 +87,7 @@ const GxIdeTeamDevUpdate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
       return (h("gx-ide-container", { part: "data-container", noContentPadding: true, fullHeight: 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()))));
     };
     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" }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { 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 }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false })), 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))))))));
+      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))))))));
     };
     this.renderIgnoredObjects = () => {
       return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-ignored-objects", onRowContextMenu: this.onRowContextMenuHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, size: "min-content" }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: "1fr" }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: "1fr" })), this.updateData.ignoredObjects.map((obj) => (h("ch-grid-row", { rowid: 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))))))));

package/dist/components/gx-ide-ww-images.js

@@ -2,6 +2,8 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { L as Locale } from './locale.js';
 import { r as renderFormItems } from './common.js';
 import { F as FILTER_AFTER } from './constants.js';
+import { f as formatDate } from './helpers2.js';
+import { g as gridCommon } from './grid.js';
 import { d as defineCustomElement$q } from './ch-grid2.js';
 import { d as defineCustomElement$p } from './ch-grid-column2.js';
 import { d as defineCustomElement$o } from './ch-grid-column-resize2.js';
@@ -28,7 +30,7 @@ import { d as defineCustomElement$4 } from './text.js';
 import { d as defineCustomElement$3 } from './title.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
 
-const wwImagesCss = ".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)}.filter-grid{grid-template-columns:repeat(4, 1fr)}.filter-grid>:nth-child(3),.filter-grid>:nth-child(6){display:flex;flex-direction:row;align-items:flex-end}.filter-grid>:nth-child(4){grid-area:2/1/3/4}.filter-grid>:nth-child(5){grid-area:3/1/4/2}.filter-grid>:nth-child(6){grid-area:3/4/4/5}.filter-grid>:nth-child(7){grid-area:4/1/5/4}.filter-grid>:nth-child(8){grid-area:5/1/6/2}.filter-grid>:nth-child(9){grid-area:5/2/6/3}.filter-grid>:nth-child(10){grid-area:5/3/6/4}.filter-grid>:nth-child(11){grid-area:5/4/6/5}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.images-grid{grid-template-columns:repeat(3, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-data-flex{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gx-ide-grid-row-gap);text-overflow:ellipsis;overflow:hidden}.images-data-flex .image-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:120px}.images-data-flex .image-item .img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gxg-border-color--regular);padding:var(--gx-ide-grid-row-gap)}.images-data-flex .image-item .img img{max-width:100%;max-height:100%}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}";
+const wwImagesCss = ".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)}.filter-grid{grid-template-columns:repeat(4, 1fr)}.filter-grid>:nth-child(3),.filter-grid>:nth-child(6){display:flex;flex-direction:row;align-items:flex-end}.filter-grid>:nth-child(4){grid-area:2/1/3/4}.filter-grid>:nth-child(5){grid-area:3/1/4/2}.filter-grid>:nth-child(6){grid-area:3/4/4/5}.filter-grid>:nth-child(7){grid-area:4/1/5/4}.filter-grid>:nth-child(8){grid-area:5/1/6/2}.filter-grid>:nth-child(9){grid-area:5/2/6/3}.filter-grid>:nth-child(10){grid-area:5/3/6/4}.filter-grid>:nth-child(11){grid-area:5/4/6/5}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.images-grid{grid-template-columns:repeat(2, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-data-flex{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gx-ide-grid-row-gap);text-overflow:ellipsis;overflow:hidden}.images-data-flex .image-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:120px}.images-data-flex .image-item .img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gxg-border-color--regular);padding:var(--gx-ide-grid-row-gap)}.images-data-flex .image-item .img img{max-width:100%;max-height:100%}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}";
 
 const GxIdeWWImages = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -74,7 +76,7 @@ const GxIdeWWImages = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         }, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.style, disabled: !this.styles, ref: (el) => (this.filterStyleEl = el), part: "filter-style" }, renderFormItems("gxg-combo-box-item", (_b = this.styles) !== null && _b !== void 0 ? _b : [])), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.language, disabled: !this.languages, ref: (el) => (this.filterLanguageEl = el), part: "filter-language" }, renderFormItems("gxg-combo-box-item", (_c = this.languages) !== null && _c !== void 0 ? _c : [])), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.density, disabled: !this.densities, ref: (el) => (this.filterDensityEl = el), part: "filter-density" }, renderFormItems("gxg-combo-box-item", (_d = this.densities) !== null && _d !== void 0 ? _d : [])), h("gxg-combo-box", { class: { hide: !this.filterMore }, "disable-filter": true, label: this._componentLocale.filter.layer, disabled: !this.layers, ref: (el) => (this.filterLayerEl = el), part: "filter-layer" }, renderFormItems("gxg-combo-box-item", (_e = this.layers) !== null && _e !== void 0 ? _e : [])))));
     };
     this.renderImages = () => {
-      return (h("gxg-grid", { part: "images-table" }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-images" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.module, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedDate, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastUser, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.importDate, columnNamePosition: "text", settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastBuildDate, columnNamePosition: "text", settingable: false })), this.images.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.icon, color: "auto" })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.module, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${obj.modifiedDate.toISOString().slice(0, 10)}`), h("ch-grid-cell", null, " ", obj.lastUser, " "), h("ch-grid-cell", null, `${obj.importDate.toISOString().slice(0, 10)}`), h("ch-grid-cell", null, `${obj.lastBuildDate.toISOString().slice(0, 10)}`)))))));
+      return (h("gxg-grid", { part: "images-table", "ellipsis-cell-wrapper": true }, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-images" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.module, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedDate, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastUser, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.importDate, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.lastBuildDate, columnNamePosition: "text", settingable: false, size: gridCommon.colSize.auto })), this.images.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }), h("gxg-icon", { type: obj.icon, 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.module)), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, obj.description), " "), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate)}`)), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, obj.lastUser), " "), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate)}`)), h("ch-grid-cell", null, " ", h("span", { class: "cell-wrapper" }, `${formatDate(obj.lastBuildDate)}`))))))));
     };
     this.renderImageData = () => {
       return (h("gxg-container", { displayBorder: true, containerTitle: this._componentLocale.imageDataTitle, part: "image-data-container" }, h("div", { class: "grid images-data-flex" }, this.imagesSelectedItems.map(item => (h("div", { class: "image-item" }, h("div", { class: "img" }, h("img", { src: item.url, alt: item.id })), h("gxg-text", { type: "text-regular" }, item.name)))))));

package/dist/components/helpers2.js

@@ -0,0 +1,32 @@
+/**
+ * @param element an HTMLElement
+ * @returns an alphabetically ordered array of all the parts and exportparts the element contains.
+ */
+const formatDate = (date, type = "date-time") => {
+  var _a;
+  let formattedDate;
+  // validate date
+  // undefined or null
+  if (date === undefined || date === null) {
+    return "";
+  }
+  // If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself
+  const dateIsValid = date.getTime() === date.getTime();
+  if (!dateIsValid) {
+    return "Invalid date";
+  }
+  let locale = "en-US";
+  const lang = (_a = document
+    .getElementsByTagName("html")[0]
+    .getAttribute("lang")) === null || _a === void 0 ? void 0 : _a.valueOf();
+  if (lang === "es") {
+    locale = "es-ES";
+  }
+  formattedDate = date.toLocaleDateString(locale);
+  if (type === "date-time") {
+    formattedDate += ` | ${date.toLocaleTimeString()}`;
+  }
+  return formattedDate;
+};
+
+export { formatDate as f };

package/dist/esm/gx-ide-new-object.entry.js

@@ -38,6 +38,8 @@ const GxIdeNewObject = class {
      * This method initializes tha name value. It depends on 'this.selectedType'
      */
     this.init = () => {
+      this.selectedCategory = this.typeCategories[0];
+      this.selectedType = this.typeCategories[0].types[0];
       if (this.selectedType && this.selectedType.name.length > 0) {
         this.name = this.selectedType.name;
         this.description = this.selectedType.name;
@@ -85,7 +87,9 @@ const GxIdeNewObject = class {
       const data = {
         typeId: (_a = this.selectedType) === null || _a === void 0 ? void 0 : _a.id,
         name: this.nameEl.value,
-        description: this.descriptionEl.value,
+        description: !this.descriptionModifiedByUser
+          ? undefined
+          : this.descriptionEl.value,
         moduleId: this.parentEl.value.id
       };
       const result = await this.createCallback(data);
@@ -97,17 +101,20 @@ const GxIdeNewObject = class {
     this.categoryOnSelectionChangedHandler = (selectionEvent) => {
       const selection = selectionEvent.detail.items;
       if (selection.length > 0) {
-        this.selectedCategory = this.typeCategories[selection[0].index];
-        if (this.selectedCategory.types[0]) {
-          this.selectedType = this.selectedCategory.types[0];
+        const selectedCategory = this.typeCategories[selection[0].index];
+        if (selectedCategory) {
+          this.selectedCategory = selectedCategory;
+          if (selectedCategory.types.length > 0) {
+            this.selectedType = selectedCategory.types[0];
+          }
         }
       }
     };
     this.typeOnSelectionChangedHandler = (selectionEvent) => {
       const selection = selectionEvent.detail.items;
       if (selection.length > 0) {
-        const selectedType = selection[0];
-        this.selectedType = this.selectedCategory.types[selectedType.index];
+        const selected = selection[0];
+        this.selectedType = this.selectedCategory.types[selected.index];
       }
     };
     this.selectedCategory = undefined;
@@ -124,19 +131,11 @@ const GxIdeNewObject = class {
     this.createCallback = undefined;
     this.cancelCallback = undefined;
   }
-  // 4.PUBLIC PROPERTY API //
-  watchPropHandler(newSelectedType) {
-    this.name = newSelectedType.name;
-    this.description = newSelectedType.name;
+  watchSelectedTypeHandler() {
     this.descriptionModifiedByUser = false;
-    if (this.nameEl) {
-      this.nameEl.focus();
-    }
   }
   // 6.COMPONENT LIFECYCLE EVENTS //
   async componentWillLoad() {
-    this.selectedCategory = this.typeCategories[0];
-    this.selectedType = this.typeCategories[0].types[0];
     this.init();
     this._componentLocale = await Locale.getComponentStrings(this.el);
   }
@@ -152,14 +151,14 @@ const GxIdeNewObject = class {
     return (h(Host, { class: {
         "gxi-new-kb": true,
         "gxi-new-object--shadow": this.shadow
-      } }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, h("main", { class: "main" }, h("gxg-container", { displayBorderBottom: true }, h("div", { class: "grid first-row" }, this.typeCategories.length > 1 ? (h("gxg-list-box", { "single-selection": true, "the-title": this._componentLocale.categorySelection, onSelectionChanged: this.categoryOnSelectionChangedHandler }, this.typeCategories.map(category => (h("gxg-list-box-item", { key: category.id, value: category.id, icon: category.icon, part: `${category}-${category.id}` }, category.name))))) : null, h("gxg-list-box", { "single-selection": true, "the-title": this._componentLocale.typeSelection, onSelectionChanged: this.typeOnSelectionChangedHandler }, this.selectedCategory.types
-      ? this.selectedCategory.types.map(type => (h("gxg-list-box-item", { key: `${this.selectedCategory.id}-${type.id}`, icon: type.icon, selected: this.selectedType.id === type.id, part: `${type}-${type.id}` }, type.name)))
-      : null), h("gxg-title", { type: "title-05" }, (_a = this.selectedType) === null || _a === void 0 ? void 0 : _a.description))), h("gxg-container", null, h("div", { class: "grid" }, h("header", { class: "header grid" }, h("gxg-label", { labelPosition: "start" }, this._componentLocale.name), h("gxg-form-text", { "label-position": "start", placeholder: "Name", "max-width": "100%", value: this.name, ref: (el) => (this.nameEl = el), onInput: this.onInputNameHandler, onBlur: this.onBlurNameHandler, onValueChanged: this.onNameValueChangedHandler, debounce: true, part: "name", "display-validation-styles": true, "display-validation-message": true }), h("gxg-label", { labelPosition: "start" }, this._componentLocale.description), h("gxg-form-text", { "label-position": "start", placeholder: "Description", "max-width": "100%", value: this.description, ref: (el) => (this.descriptionEl = el), onInput: this.onInputDescriptionHandler, part: "description", "display-validation-styles": true, "display-validation-message": true }), this.renderModuleFolder()))), h("gxg-container", { displayBorderTop: true }, h("gxg-button", { id: "button-create", slot: "footer", type: "primary-text-only", onClick: this.createCallbackHandler, disabled: !this.nameIsValid, part: "gxg-button gxg-button--create" }, this._componentLocale.footer.btnCreate), h("gxg-button", { id: "button-cancel", slot: "footer", type: "outlined", onClick: this.cancelCallbackHandler, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel))))));
+      } }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, h("main", { class: "main" }, h("gxg-container", { displayBorderBottom: true }, h("div", { class: "grid first-row" }, this.typeCategories.length > 0 ? (h("gxg-list-box", { "single-selection": true, "the-title": this._componentLocale.categorySelectionTitle, onSelectionChanged: this.categoryOnSelectionChangedHandler }, this.typeCategories.map(category => (h("gxg-list-box-item", { key: category.id, value: category.id, icon: category.icon, part: `category-${category.id}` }, category.name))))) : null, this.selectedCategory.types.length > 0 ? (h("gxg-list-box", { "single-selection": true, theTitle: this.selectedCategory.name
+        ? `${this.selectedCategory.name} ${this._componentLocale.typeSelectionTitleSuffix}`
+        : this._componentLocale.typeSelectionTitle, key: this.selectedCategory.id, onSelectionChanged: this.typeOnSelectionChangedHandler }, this.selectedCategory.types.map(type => (h("gxg-list-box-item", { key: `${this.selectedCategory.id}-${type.id}`, icon: type.icon, part: `type-${this.selectedCategory.id}-${type.id}` }, type.name))))) : (h("p", null, "No Categories to display")), h("gxg-title", { type: "title-05" }, (_a = this.selectedType) === null || _a === void 0 ? void 0 : _a.description))), h("gxg-container", null, h("div", { class: "grid" }, h("header", { class: "header grid" }, h("gxg-label", { labelPosition: "start" }, this._componentLocale.name), h("gxg-form-text", { "label-position": "start", placeholder: "Name", "max-width": "100%", value: this.selectedType.name, ref: (el) => (this.nameEl = el), onInput: this.onInputNameHandler, onBlur: this.onBlurNameHandler, onValueChanged: this.onNameValueChangedHandler, debounce: true, part: "name", "display-validation-styles": true, "display-validation-message": true }), h("gxg-label", { labelPosition: "start" }, this._componentLocale.description), h("gxg-form-text", { "label-position": "start", placeholder: "Description", "max-width": "100%", value: this.selectedType.name, ref: (el) => (this.descriptionEl = el), onInput: this.onInputDescriptionHandler, part: "description", "display-validation-styles": true, "display-validation-message": true }), this.renderModuleFolder()))), h("gxg-container", { displayBorderTop: true }, h("gxg-button", { id: "button-create", slot: "footer", type: "primary-text-only", onClick: this.createCallbackHandler, disabled: !this.nameIsValid, part: "gxg-button gxg-button--create" }, this._componentLocale.footer.btnCreate), h("gxg-button", { id: "button-cancel", slot: "footer", type: "outlined", onClick: this.cancelCallbackHandler, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel))))));
   }
   static get assetsDirs() { return ["gx-ide-assets/new-object"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "selectedType": ["watchPropHandler"]
+    "selectedType": ["watchSelectedTypeHandler"]
   }; }
 };
 GxIdeNewObject.style = newObjectCss;

package/dist/esm/gx-ide-object-selector.entry.js

@@ -1,40 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0da01575.js';
 import { L as Locale } from './locale-e183487a.js';
 import { r as renderComboItems } from './render-combo-items-faf78e28.js';
+import { f as formatDate } from './helpers-b99024f5.js';
 import { g as gridCommon } from './grid-1354bf8f.js';
 import { F as FILTER_AFTER } from './constants-7882d1a8.js';
 
-/**
- * @param element an HTMLElement
- * @returns an alphabetically ordered array of all the parts and exportparts the element contains.
- */
-const formatDate = (date, type = "date") => {
-  var _a;
-  let formattedDate;
-  // validate date
-  // undefined or null
-  if (date === undefined || date === null) {
-    return "";
-  }
-  // If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself
-  const dateIsValid = date.getTime() === date.getTime();
-  if (!dateIsValid) {
-    return "Invalid date";
-  }
-  let locale = "en-US";
-  const lang = (_a = document
-    .getElementsByTagName("html")[0]
-    .getAttribute("lang")) === null || _a === void 0 ? void 0 : _a.valueOf();
-  if (lang === "es") {
-    locale = "es-ES";
-  }
-  formattedDate = date.toLocaleDateString(locale);
-  if (type === "date-time") {
-    formattedDate += ` | ${date.toLocaleTimeString()}`;
-  }
-  return formattedDate;
-};
-
 const objectSelectorCss = ".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)}.filter-grid{grid-template-columns:repeat(2, 1fr)}.filter-grid *:nth-child(5){grid-area:3/1/4/3}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}.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 GxIdeObjectSelector = class {
@@ -73,7 +43,7 @@ const GxIdeObjectSelector = class {
         }, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))))));
     };
     this.renderObjects = () => {
-      return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.icon, 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.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate, "date-time")}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate, "date-time")}`))))))));
+      return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.icon, 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.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate, "date-time")}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate, "date-time")}`))))))));
     };
     this.getObjects = () => {
       var _a, _b, _c, _d, _e, _f, _g, _h;

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { L as Locale } from './locale-e183487a.js';
 import { g as gridCommon } from './grid-1354bf8f.js';
 import { r as renderComboItems } from './render-combo-items-faf78e28.js';
-import { f as formatDate } from './format-date-3c7cead5.js';
+import { f as formatDate } from './helpers-b99024f5.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)}";
 
@@ -119,7 +119,7 @@ const GxIdeTeamDevCommit = class {
     };
     /* pending commits grid render*/
     this.renderPendingCommitsGrid = () => {
-      return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: "Description", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false }), h("ch-grid-column", { columnName: "Module", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: "Local State", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: gridCommon.colSize.common })), this.pendingCommits.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" }, this.renderIconState(obj.state))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { color: "auto", type: obj.iconType }))), 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.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.localState)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.lastSynchronized)}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.user))))))));
+      return (h("gxg-grid", { "ellipsis-cell-wrapper": true, noBorder: true }, h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", onRowContextMenu: this.objectsOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { settingable: false, sortable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Description", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Module", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Local State", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: gridCommon.colSize.auto })), this.pendingCommits.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" }, this.renderIconState(obj.state))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { color: "auto", type: obj.iconType }))), 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.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.localState)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.lastSynchronized)}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.user))))))));
     };
     /* ignored objects grid render*/
     this.renderIgnoredObjectsGrid = () => {