@genexus/genexus-ide-ui 0.0.19 → 0.0.21

package/dist/cjs/gx-ide-list-selector-item.cjs.entry.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5a32426a.js');
+
+const listSelectorItemCss = "*,::after,::before{box-sizing:border-box}gx-ide-list-selector-item{display:block;max-width:100%;display:flex}gx-ide-list-selector-item:not(:last-child){border-block-end:1px solid var(--gx-ide-container-border-color)}gx-ide-list-selector-item[selectable]:not([selectable=false]):hover label{cursor:pointer;background-color:var(--gxg-background-color-item-hover)}gx-ide-list-selector-item[ellipsis]:not([ellipsis=false]) label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}input{width:0;height:0;opacity:0;margin:0}input:focus+label{outline:var(--border-width-md) solid var(--color-primary-active);outline-offset:-2px}input:checked+label{background-color:var(--gxg-background-color-item-selected)}label{flex-shrink:0;display:block;padding:var(--spacing-comp-01);width:100%}";
+
+const GxIdeListSelectorItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.itemSelected = index.createEvent(this, "itemSelected", 7);
+    // 6.COMPONENT LIFECYCLE METHODS //
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+    /**
+     * Evaluates if is selectable, considering the parent list-selector 'selectable' property value, only if it is undefined on this item
+     */
+    this.evaluateSelectable = () => {
+      if (this.selectable === undefined && this.parentIsListSelector) {
+        this.selectable = this.parentList.selectable;
+      }
+    };
+    /**
+     * Evaluates if text should truncate with ellipsis, considering the parent list-selector 'ellipsis' property value, only if it is undefined on this item
+     */
+    this.evaluateEllipsis = () => {
+      if (this.ellipsis === undefined && this.parentIsListSelector) {
+        this.ellipsis = this.parentList.ellipsis;
+      }
+    };
+    /**
+     * Evaluates if this item should be initially checked, only if the parent list-selector listValue equals this item value.
+     */
+    this.evaluateChecked = () => {
+      if (this.checked === undefined &&
+        this.parentIsListSelector &&
+        this.parentList.value !== undefined &&
+        this.parentList.value === this.itemValue) {
+        this.checked = true;
+      }
+    };
+    /**
+     * Checks if this item parentElement is a gx-ide-list-selector, and assigns a reference
+     */
+    this.evaluateParentIsListSelector = () => {
+      const parentList = this.el.parentElement;
+      this.parentIsListSelector = (parentList === null || parentList === void 0 ? void 0 : parentList.nodeName) === "GX-IDE-LIST-SELECTOR";
+      this.parentIsListSelector && (this.parentList = parentList);
+    };
+    /**
+     * Gets the listName required value, that is needed for the list selection to properly work
+     */
+    this.assignName = () => {
+      this.parentIsListSelector &&
+        this.parentList.listName &&
+        (this.name = this.parentList.listName);
+    };
+    this.onChangeHandler = () => {
+      if (this.selectable) {
+        this.itemSelected.emit({
+          itemId: this.itemId,
+          itemValue: this.itemValue
+        });
+      }
+    };
+    this.itemId = undefined;
+    this.itemValue = undefined;
+    this.selectable = undefined;
+    this.ellipsis = undefined;
+  }
+  // 5.EVENTS (EMIT) //
+  componentWillLoad() {
+    this.evaluateParentIsListSelector();
+    this.evaluateSelectable();
+    this.evaluateEllipsis();
+    this.evaluateChecked();
+    this.assignName();
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return (index.h(index.Host, { role: "listitem" }, index.h("input", { type: "radio", id: this.itemId, name: this.name, value: this.itemValue, checked: this.checked, onChange: this.onChangeHandler, disabled: !this.selectable }), index.h("label", { htmlFor: this.itemId }, this.itemValue)));
+  }
+  get el() { return index.getElement(this); }
+};
+GxIdeListSelectorItem.style = listSelectorItemCss;
+
+exports.gx_ide_list_selector_item = GxIdeListSelectorItem;

package/dist/cjs/gx-ide-list-selector.cjs.entry.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5a32426a.js');
+
+const listSelectorCss = "*,::after,::before{box-sizing:border-box}:host{display:flex;flex-direction:column;max-height:100%}gxg-title{display:block;margin-block-end:var(--gxg-label-margin-vertical)}.list{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0;list-style-type:none;margin:0;padding:0;color:var(--gx-ide-component-text-color);background-color:var(--gx-ide-component-background-color);font-size:var(--gx-ide-component-text-size);font-weight:var(--font-weight-regular);display:block;background-color:var(--color-background);max-height:100%;overflow-y:auto;border:1px solid var(--gx-ide-container-border-color)}.list::-webkit-scrollbar{width:6px;height:6px}.list::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.list::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.list::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.list .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}";
+
+const GxIdeListSelector = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+    this.getItemByValue = (newValue) => {
+      const allListItems = Array.from(this.el.querySelectorAll("gx-ide-list-selector-item"));
+      return allListItems.find(item => {
+        return item.itemValue === newValue;
+      });
+    };
+    this.listTitle = undefined;
+    this.ordered = false;
+    this.selectable = true;
+    this.ellipsis = true;
+    this.value = undefined;
+    this.listName = undefined;
+  }
+  valueHandler(newValue) {
+    const foundItem = this.getItemByValue(newValue);
+    if (foundItem) {
+      const input = foundItem.querySelector("input");
+      input.checked = true;
+    }
+  }
+  // 5.EVENTS (EMIT) //
+  // 6.COMPONENT LIFECYCLE METHODS //
+  // 7.LISTENERS //
+  itemSelectedHandler(event) {
+    this.value = event.detail.itemValue;
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return (index.h(index.Host, null, this.listTitle ? (index.h("gxg-title", { type: "title-04" }, this.listTitle)) : null, this.ordered ? (index.h("ol", { class: "list" }, index.h("slot", null))) : (index.h("ul", { class: "list" }, index.h("slot", null)))));
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "value": ["valueHandler"]
+  }; }
+};
+GxIdeListSelector.style = listSelectorCss;
+
+exports.gx_ide_list_selector = GxIdeListSelector;

package/dist/cjs/gx-ide-new-environment.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-93a6a7e0.js');
+const index = require('./index-5a32426a.js');
 const locale = require('./locale-c8445ea4.js');
-const formValidation = require('./form-validation-87e3749d.js');
+const formValidation = require('./form-validation-f8e709d0.js');
 
-const newEnvironmentCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}: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-right: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-right:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-new-environment--shadow){border:none;box-shadow:var(--box-shadow-01)}.header{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr;grid-template-columns:auto 1fr auto}.header *:nth-child(1){grid-area:1/1/2/2}.header *:nth-child(2){grid-area:1/2/2/3}.gxg-tabs{margin-top:0;box-shadow:none}.grid--basic{flex-grow:1;grid-template-columns:1fr 1fr;gap:0}.grid--basic>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.advanced-second-row{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr}.advanced-second-row>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, 1fr);grid-template-columns:1fr auto}.advanced-second-row-col-left>*{display:flex;align-items:self-end}.advanced-second-row-col-left>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-left>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left>*:nth-child(3){grid-area:2/1/3/2}.advanced-second-row-col-left>*:nth-child(4){grid-area:2/2/3/3}.advanced-second-row-col-left>*:nth-child(5){grid-area:3/1/4/2}.advanced-second-row-col-left>*:nth-child(6){grid-area:3/2/4/3}.advanced-second-row-col-left>*:nth-child(7){grid-area:4/1/5/2}.advanced-second-row-col-left>*:nth-child(8){grid-area:4/2/5/3}.advanced-second-row-col-right{grid-template-columns:1fr;grid-template-rows:repeat(4, 1fr);grid-auto-rows:1fr}.advanced-second-row-col-right *:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-right *:nth-child(2){grid-area:2/1/3/2}.advanced-second-row-col-right *:nth-child(3){grid-area:3/1/4/2}.advanced-second-row-col-right *:nth-child(4){grid-area:4/1/5/2}";
+const newEnvironmentCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}: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-new-environment--shadow){border:none;box-shadow:var(--box-shadow-01)}.header{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr;grid-template-columns:auto 1fr auto}.header *:nth-child(1){grid-area:1/1/2/2}.header *:nth-child(2){grid-area:1/2/2/3}.gxg-tabs{margin-top:0;box-shadow:none}.grid--basic{flex-grow:1;grid-template-columns:1fr 1fr;gap:0}.grid--basic>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.advanced-second-row{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr}.advanced-second-row>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, 1fr);grid-template-columns:1fr auto}.advanced-second-row-col-left>*{display:flex;align-items:self-end}.advanced-second-row-col-left>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-left>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left>*:nth-child(3){grid-area:2/1/3/2}.advanced-second-row-col-left>*:nth-child(4){grid-area:2/2/3/3}.advanced-second-row-col-left>*:nth-child(5){grid-area:3/1/4/2}.advanced-second-row-col-left>*:nth-child(6){grid-area:3/2/4/3}.advanced-second-row-col-left>*:nth-child(7){grid-area:4/1/5/2}.advanced-second-row-col-left>*:nth-child(8){grid-area:4/2/5/3}.advanced-second-row-col-right{grid-template-columns:1fr;grid-template-rows:repeat(4, 1fr);grid-auto-rows:1fr}.advanced-second-row-col-right *:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-right *:nth-child(2){grid-area:2/1/3/2}.advanced-second-row-col-right *:nth-child(3){grid-area:3/1/4/2}.advanced-second-row-col-right *:nth-child(4){grid-area:4/1/5/2}";
 
 const GxIdeNewEnvironment = class {
   constructor(hostRef) {

package/dist/cjs/gx-ide-new-kb.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-93a6a7e0.js');
+const index = require('./index-5a32426a.js');
 const locale = require('./locale-c8445ea4.js');
-const formValidation = require('./form-validation-87e3749d.js');
+const formValidation = require('./form-validation-f8e709d0.js');
 
-const newKbCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}: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-right: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-right:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.header{grid-template-columns:auto 1fr;grid-template-areas:\"kb-name-label kb-input\"}.header--is-advanced{grid-template-columns:auto 1fr min-content;grid-template-areas:\"kb-name-label kb-input .\" \"location-label location-input location-icon\"}.header .kb-input{grid-area:kb-input}.header .kb-name-label{grid-area:kb-label}.header .location-label{grid-area:location-label}.header .location-input{grid-area:location-input}.header .location-icon{grid-area:location-icon}.gxg-tabs{margin-top:0;box-shadow:none}.basic-row-first{grid-template-areas:\"prototyping-target user-interface-language\";grid-template-columns:repeat(2, 1fr)}.basic-row-second{grid-template-areas:\"prototyping-environment data-source\";grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0;flex-grow:1}.basic-row-second>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage{grid-template-areas:\"knowledge-base-storage__col-left knowledge-base-storage__col-right\";grid-template-columns:repeat(2, 1fr);flex-grow:1;gap:0}.knowledge-base-storage>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage__col-left{grid-area:knowledge-base-storage__col-left;grid-template-columns:1fr auto;grid-template-areas:\"server-name-combo-box server-name-button\" \"database-name .\" \"collation-combo-box collation-button\" \"create-data-in-kb .\"}.knowledge-base-storage__col-left .server-name-combo-box{grid-area:server-name-combo-box}.knowledge-base-storage__col-left .server-name-button{grid-area:server-name-button;align-self:end}.knowledge-base-storage__col-left .database-name{grid-area:database-name}.knowledge-base-storage__col-left .collation-combo-box{grid-area:collation-combo-box}.knowledge-base-storage__col-left .collation-button{grid-area:collation-button;align-self:end}.knowledge-base-storage__col-left .create-data-in-kb{grid-area:create-data-in-kb}.knowledge-base-storage__col-right{grid-area:knowledge-base-storage__col-right;grid-template-columns:1fr;grid-template-areas:\"authentication-type\" \"user-name\" \"password\" \"save-password\"}.knowledge-base-storage__col-right .authentication-type{grid-area:authentication-type}.knowledge-base-storage__col-right .user-name{grid-area:user-name}.knowledge-base-storage__col-right .password{grid-area:password}.knowledge-base-storage__col-right .save-password{grid-area:save-password}.knowledge-base-storage__col-right--windows-authentication{grid-template-areas:\"authentication-type\"}";
+const newKbCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}: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)}.header{grid-template-columns:auto 1fr;grid-template-areas:\"kb-name-label kb-input\"}.header--is-advanced{grid-template-columns:auto 1fr min-content;grid-template-areas:\"kb-name-label kb-input .\" \"location-label location-input location-icon\"}.header .kb-input{grid-area:kb-input}.header .kb-name-label{grid-area:kb-label}.header .location-label{grid-area:location-label}.header .location-input{grid-area:location-input}.header .location-icon{grid-area:location-icon}.gxg-tabs{margin-top:0;box-shadow:none}.basic-row-first{grid-template-areas:\"prototyping-target user-interface-language\";grid-template-columns:repeat(2, 1fr)}.basic-row-second{grid-template-areas:\"prototyping-environment data-source\";grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0;flex-grow:1}.basic-row-second>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage{grid-template-areas:\"knowledge-base-storage__col-left knowledge-base-storage__col-right\";grid-template-columns:repeat(2, 1fr);flex-grow:1;gap:0}.knowledge-base-storage>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage__col-left{grid-area:knowledge-base-storage__col-left;grid-template-columns:1fr auto;grid-template-areas:\"server-name-combo-box server-name-button\" \"database-name .\" \"collation-combo-box collation-button\" \"create-data-in-kb .\"}.knowledge-base-storage__col-left .server-name-combo-box{grid-area:server-name-combo-box}.knowledge-base-storage__col-left .server-name-button{grid-area:server-name-button;align-self:end}.knowledge-base-storage__col-left .database-name{grid-area:database-name}.knowledge-base-storage__col-left .collation-combo-box{grid-area:collation-combo-box}.knowledge-base-storage__col-left .collation-button{grid-area:collation-button;align-self:end}.knowledge-base-storage__col-left .create-data-in-kb{grid-area:create-data-in-kb}.knowledge-base-storage__col-right{grid-area:knowledge-base-storage__col-right;grid-template-columns:1fr;grid-template-areas:\"authentication-type\" \"user-name\" \"password\" \"save-password\"}.knowledge-base-storage__col-right .authentication-type{grid-area:authentication-type}.knowledge-base-storage__col-right .user-name{grid-area:user-name}.knowledge-base-storage__col-right .password{grid-area:password}.knowledge-base-storage__col-right .save-password{grid-area:save-password}.knowledge-base-storage__col-right--windows-authentication{grid-template-areas:\"authentication-type\"}";
 
 const GxIdeNewKb = class {
   constructor(hostRef) {

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-93a6a7e0.js');
+const index = require('./index-5a32426a.js');
 const locale = require('./locale-c8445ea4.js');
-const updateTreeModel = require('./update-tree-model-445c63a8.js');
+const updateTreeModel = require('./update-tree-model-8b154db1.js');
 
 /* eslint-disable @typescript-eslint/no-use-before-define */
 const renderSuggestLists = (suggestData) => {
@@ -18,7 +18,7 @@ const renderSuggestLists = (suggestData) => {
   return [];
 };
 const renderSuggestListsItem = (suggestItem) => {
-  return (index.h("ch-suggest-list-item", { description: suggestItem.description, value: suggestItem.value }, [suggestItem.label, suggestItem.icon && renderIcon(suggestItem.icon)]));
+  return (index.h("ch-suggest-list-item", { description: suggestItem.description, value: suggestItem.value }, [suggestItem.caption, suggestItem.icon && renderIcon(suggestItem.icon)]));
 };
 const renderIcon = (iconName) => {
   return index.h("gxg-icon", { color: "auto", type: iconName, slot: "icon" });
@@ -41,7 +41,7 @@ const convertObjectDataToSuggestData = (selectorCategoriesData) => {
       selectorCategory.items.forEach((objectData) => {
         const suggestItem = {
           value: objectData.id,
-          label: objectData.name,
+          caption: objectData.name,
           description: objectData.description,
           icon: objectData.icon
         };
@@ -101,7 +101,7 @@ const convertReferenceDataToTreeData = (referencedBy) => {
   return treeData;
 };
 
-const referencesCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}: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-right: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-right:2px}:host{display:block}.header{}.header__top{grid-template-columns:min-content auto 1fr min-content;grid-template-rows:1fr;grid-template-areas:\"hide-bar-button suggest-label gxg-suggest selector-dialog-button\"}.header__top .hide-bar-button{grid-area:hide-bar-button}.header__top .suggest-label{grid-area:suggest-label}.header__top gxg-suggest{grid-area:gxg-suggest}.header__top .selector-dialog-button{grid-area:selector-dialog-button}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--gx-ide-timing-super-fast-ms) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:var(--gx-ide-grid-row-gap);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.header-hidden .first-row{grid-template-columns:auto 1fr auto}.header-hidden .first-row>:nth-child(3){align-self:end}.header-hidden .second-row{display:none}.main{grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:\"is-referenced has-references\";height:100%;gap:0}.main>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.main .is-referenced{grid-area:is-referenced}.main .has-references{grid-area:has-references}";
+const referencesCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}: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{}.header__top{grid-template-columns:min-content auto 1fr min-content;grid-template-rows:1fr;grid-template-areas:\"hide-bar-button suggest-label gxg-suggest selector-dialog-button\"}.header__top .hide-bar-button{grid-area:hide-bar-button}.header__top .suggest-label{grid-area:suggest-label}.header__top gxg-suggest{grid-area:gxg-suggest}.header__top .selector-dialog-button{grid-area:selector-dialog-button}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--gx-ide-timing-super-fast-ms) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:var(--gx-ide-grid-row-gap);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.header-hidden .first-row{grid-template-columns:auto 1fr auto}.header-hidden .first-row>:nth-child(3){align-self:end}.header-hidden .second-row{display:none}.main{grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:\"is-referenced has-references\";height:100%;gap:0}.main>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.main .is-referenced{grid-area:is-referenced}.main .has-references{grid-area:has-references}";
 
 const GxIdeReferences = class {
   constructor(hostRef) {
@@ -304,7 +304,7 @@ const GxIdeReferences = class {
   // 10.RENDER() FUNCTION //
   render() {
     var _a, _b, _c, _d, _e, _f;
-    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, index.h("gx-ide-container", { displayBorderBottom: true }, index.h("header", { class: "header" }, index.h("div", { class: "header__top grid" }, index.h("gxg-button", { icon: "navigation/arrow-down", type: "secondary-icon-only", class: "hide-bar-button", onClick: this.hideBarButtonClickedHandler, part: "toggle-bar-button" }), index.h("gxg-label", { labelPosition: "start", class: "suggest-label", part: "select-object-label" }, this._componentLocale.header.selectObject), index.h("gxg-suggest", null, index.h("ch-suggest", { value: this.selectedObject.id, onValueChanged: this.selectObjectValueChangedHandler, ref: el => (this.selectObjectSuggestEl = el), part: "object-selector-suggest" }, renderSuggestLists(this.objectsSuggestions))), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.openSelectorDialogCallbackHandler, class: "selector-dialog-button", part: "open-selector-dialog-button" })), index.h("div", { class: {
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, index.h("gx-ide-container", { displayBorderBottom: true }, index.h("header", { class: "header" }, index.h("div", { class: "header__top grid" }, index.h("gxg-button", { icon: "navigation/arrow-down", type: "secondary-icon-only", class: "hide-bar-button", onClick: this.hideBarButtonClickedHandler, part: "toggle-bar-button" }), index.h("gxg-label", { labelPosition: "start", class: "suggest-label", part: "select-object-label" }, this._componentLocale.header.selectObject), index.h("gxg-suggest", null, index.h("ch-suggest", { value: this.selectedObject.id, onInputChanged: this.selectObjectValueChangedHandler, ref: el => (this.selectObjectSuggestEl = el), part: "object-selector-suggest" }, renderSuggestLists(this.objectsSuggestions))), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.openSelectorDialogCallbackHandler, class: "selector-dialog-button", part: "open-selector-dialog-button" })), index.h("div", { class: {
         "header__bottom": true,
         "header__bottom--hidden": this.barHidden
       } }, index.h("div", { class: "outer-wrapper" }, index.h("div", { class: "inner-wrapper" }, index.h("div", { class: "inner-wrapper__left" }, index.h("gxg-icon", { type: this.selectedObject.icon, color: "auto" }), index.h("gxg-text", { padding: "s", type: "text-link", part: "open-object-text-link", onClick: this.openObjectCallbackHandler }, `${this.selectedObject.name} : ${this.selectedObject.description}`)), index.h("div", { class: "inner-wrapper__right gxi-hidden" }, index.h("gxg-form-checkbox", { id: "references-by-type", label: "Group references by type", required: true, "display-validation-styles": true, part: "references-type-checkbox" }))))))), index.h("main", { class: "main grid" }, index.h("gx-ide-container", { containerTitle: this._componentLocale.main.isReferencedBy, justifyContent: "center", fullHeight: true, part: "referenced-by-container" }, index.h("gxg-tree", { class: { "gxi-hidden": !((_a = this.referencedByTreeData) === null || _a === void 0 ? void 0 : _a.length) }, checkbox: false, onTreeItemStateChanged: this.referencesPanelStateChangedHandler(false), part: "referenced-by-tree" }, updateTreeModel.renderTreeItems(this.referencedByTreeData)), !((_b = this.referencedByTreeData) === null || _b === void 0 ? void 0 : _b.length) && (index.h("gxg-text", { textAlign: "center", padding: "m", type: "text-regular", maxWidth: this.referencesMessagesMaxWidth, part: "referenced-by-text" }, ((_c = this.referencedByTreeData) === null || _c === void 0 ? void 0 : _c.length) === 0

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

@@ -0,0 +1,216 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5a32426a.js');
+const locale = require('./locale-c8445ea4.js');
+
+/* STENCIL IMPORTS */
+const renderComboItems = (gxOptions) => {
+  const comboItemsArray = [];
+  gxOptions.forEach((gxOption) => {
+    const iconName = gxOption.iconName || gxOption.icon;
+    comboItemsArray.push(index.h("gxg-combo-box-item", { value: gxOption.value, icon: iconName }, gxOption.label || gxOption.name));
+  });
+  return comboItemsArray;
+};
+
+const teamDevCommitCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}: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}.main-wrapper{width:100%}.gxg-tabs{margin-top:0;box-shadow:none}.header{grid-template-columns:4fr auto}.second-grid{grid-template-rows:1fr auto}.second-grid .actions-row{grid-template-columns:1fr auto}.action-buttons{justify-self:flex-end}.hidden{display:none}.filters-grid{grid-template-rows:repeat(2, 1fr)}.filters-grid .first-row{grid-template-columns:repeat(2, 1fr)}.filters-grid .second-row{grid-template-columns:repeat(2, 1fr)}";
+
+const GxIdeTeamDevCommit = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
+    this.loadDataCalledFirstTime = false; // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.
+    // 9.LOCAL METHODS //
+    this.markAllPendingCommitsRows = () => {
+      this.chGridPendingCommitsEl.markAllRows();
+    };
+    this.togglePendingCommitsCheckboxes = async (itemsToToggle) => {
+      if (this.chGridPendingCommitsEl) {
+        const itemsToCheck = itemsToToggle.itemsToCheck;
+        const itemsToUncheck = itemsToToggle.itemsToUncheck;
+        // check
+        for (const rowId of itemsToCheck) {
+          await this.chGridPendingCommitsEl.markRow(rowId, true);
+        }
+        // uncheck
+        for (const rowId of itemsToUncheck) {
+          await this.chGridPendingCommitsEl.markRow(rowId, false);
+        }
+      }
+    };
+    this.revertPendingCommitsCheckboxes = async (addedRowsIds, removedRowsId) => {
+      if (this.chGridPendingCommitsEl) {
+        for (const rowId of addedRowsIds) {
+          await this.chGridPendingCommitsEl.markRow(rowId, false);
+        }
+        for (const rowId of removedRowsId) {
+          await this.chGridPendingCommitsEl.markRow(rowId, true);
+        }
+      }
+    };
+    this.renderIconState = (state) => {
+      let type;
+      let color;
+      switch (state) {
+        case "inserted":
+          type = "gx-server/new";
+          color = "success";
+          break;
+        case "modified":
+          type = "gx-server/changes-commit-pending";
+          color = "primary-active";
+          break;
+        case "deleted":
+          type = "gx-server/delete";
+          color = "error";
+          break;
+        case "conflicted":
+          type = "gx-server/conflict";
+          color = "warning";
+          break;
+      }
+      return index.h("gxg-icon", { type: type, color: color });
+    };
+    this.formatDate = (dateObject) => {
+      const date = dateObject.toISOString().slice(0, 10);
+      const hours = dateObject.getHours();
+      const minutes = dateObject.getMinutes();
+      const time = `${hours}:${minutes}`;
+      let period = "AM"; // Assume it's AM by default
+      if (hours >= 12) {
+        period = "PM";
+      }
+      return `${date} ${time}${period} `;
+    };
+    this.pendingCommitsRowMarkingChangedHandler = async (e) => {
+      // remove "rowMarkingChanged" until checkboxes have been added/removed on togglePendingCommitsCheckboxes, to prevent loops.
+      this.chGridPendingCommitsEl.removeEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
+      if (this.chGridPendingCommitsEl) {
+        const addedRowsIds = e.detail.addedRowsId;
+        const removedRowsId = e.detail.removedRowsId;
+        const pendingItemCheckedResult = await this.pendingItemCheckedCallback({
+          itemsChecked: addedRowsIds,
+          itemsUnchecked: removedRowsId
+        });
+        if (pendingItemCheckedResult === undefined) {
+          // undo check/uncheck
+          await this.revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);
+        }
+        else {
+          await this.togglePendingCommitsCheckboxes(pendingItemCheckedResult);
+        }
+        this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
+      }
+    };
+    this.gridContextMenuCallbackHandler = (grid) => async (ev) => {
+      ev.preventDefault();
+      ev.stopPropagation();
+      let markedRowsIds;
+      if (grid === "commit") {
+        markedRowsIds = await this.chGridPendingCommitsEl.getMarkedRows();
+      }
+      else if (grid === "ignored") {
+        markedRowsIds = await this.chIgnoredObjectsEl.getMarkedRows();
+      }
+      if (this.gridContextMenuCallback) {
+        await this.gridContextMenuCallback(markedRowsIds, grid || "ignored");
+      }
+    };
+    /* pending commits grid render*/
+    this.renderPendingCommitsGrid = () => {
+      return (index.h("gxg-grid", null, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", class: "no-border", onContextMenu: this.gridContextMenuCallbackHandler("commit") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: "auto" }), index.h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: "auto" }), index.h("ch-grid-column", { settingable: false, sortable: false, size: "auto" }), index.h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: "auto" }), index.h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: "auto" }), index.h("ch-grid-column", { columnName: "Description", settingable: false, size: "auto" }), index.h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false }), index.h("ch-grid-column", { columnName: "Module", settingable: false, size: "auto" }), index.h("ch-grid-column", { columnName: "Local State", settingable: false, size: "auto" }), index.h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: "150px" }), index.h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: "auto" })), this.pendingCommits.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), index.h("ch-grid-cell", null, index.h("gxg-icon", { color: "auto", type: obj.iconType })), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.type, " "), index.h("ch-grid-cell", null, " ", obj.description, " "), index.h("ch-grid-cell", null, `${this.formatDate(obj.modifiedOn)}`), index.h("ch-grid-cell", null, " ", obj.module, " "), index.h("ch-grid-cell", null, " ", obj.localState, " "), index.h("ch-grid-cell", null, `${this.formatDate(obj.lastSynchronized)}`), index.h("ch-grid-cell", null, " ", obj.user, " ")))))));
+    };
+    /* ignored objects grid render*/
+    this.renderIgnoredObjectsGrid = () => {
+      return (index.h("gxg-grid", null, index.h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chIgnoredObjectsEl = el), part: "ch-grid-pending-commits", onContextMenu: this.gridContextMenuCallbackHandler("ignored") }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", settingable: false }), index.h("ch-grid-column", { columnName: "TypeIcon", settingable: false }), index.h("ch-grid-column", { columnName: "Name", settingable: false, sortable: true }), index.h("ch-grid-column", { columnName: "Type", settingable: false }), index.h("ch-grid-column", { columnName: "Description", settingable: false }), index.h("ch-grid-column", { columnName: "Modified On", settingable: false }), index.h("ch-grid-column", { columnName: "Module", settingable: false }), index.h("ch-grid-column", { columnName: "Local State", settingable: false }), index.h("ch-grid-column", { columnName: "Last Synchronized", settingable: false }), index.h("ch-grid-column", { columnName: "User", settingable: false })), this.ignoredObjects.map((obj) => (index.h("ch-grid-row", { "row-id": obj.id, selected: true }, index.h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), index.h("ch-grid-cell", null, index.h("gxg-icon", { color: "auto", type: obj.iconType })), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.type, " "), index.h("ch-grid-cell", null, " ", obj.description, " "), index.h("ch-grid-cell", null, `${this.formatDate(obj.modifiedOn)}`), index.h("ch-grid-cell", null, " ", obj.module, " "), index.h("ch-grid-cell", null, " ", obj.localState, " "), index.h("ch-grid-cell", null, `${this.formatDate(obj.lastSynchronized)}`), index.h("ch-grid-cell", null, " ", obj.user, " ")))))));
+    };
+    this.getRecentCommentHandler = async () => {
+      if (this.getRecentCommentCallback) {
+        const response = await this.getRecentCommentCallback();
+        if (response) {
+          this.comment = response;
+        }
+      }
+    };
+    this.commitCallbackHandler = async () => {
+      this.chGridPendingCommitsEl
+        .getMarkedRows()
+        .then(async (pendingCommitsCheckedIds) => {
+        await this.commitCallback(pendingCommitsCheckedIds);
+        /* returns boolean*/
+      });
+    };
+    this.loadData = async () => {
+      const filtersData = {
+        pattern: this.patternEl.value,
+        changeSet: this.changeSetEl.value,
+        folder: this.foldersEl.value,
+        category: this.categoriesEl.value,
+        type: this.typesEl.value
+      };
+      // this.pendingCommits = null;
+      // this.ignoredObjects = null;
+      return await this.loadCallback(filtersData).then(async ({ pending, ignored }) => {
+        this.pendingCommits = pending;
+        this.ignoredObjects = ignored;
+        if (!this.loadDataCalledFirstTime) {
+          /* this allows checking the pending commits checkboxes on first load*/
+          this.loadDataCalledFirstTime = true;
+        }
+      });
+    };
+    this.toggleFiltersHandler = () => {
+      this.filtersHidden = !this.filtersHidden;
+    };
+    this.filtersHidden = true;
+    this.comment = "";
+    this.pendingCommits = [];
+    this.ignoredObjects = [];
+    this.changeSet = undefined;
+    this.types = undefined;
+    this.folders = undefined;
+    this.categories = undefined;
+    this.getRecentCommentCallback = undefined;
+    this.loadCallback = undefined;
+    this.commitCallback = undefined;
+    this.pendingItemCheckedCallback = undefined;
+    this.gridContextMenuCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await locale.Locale.getComponentStrings(this.el);
+  }
+  async componentDidLoad() {
+    await this.loadData();
+    this.componentDidLoadEvent.emit(true);
+  }
+  async componentDidRender() {
+    if (this.loadDataCalledFirstTime) {
+      // call this method only once
+      await this.markAllPendingCommitsRows();
+      // attach "rowMarkingChanged" after rows have been checked for the first time.
+      this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
+      this.loadDataCalledFirstTime = false;
+    }
+  }
+  // 7.LISTENERS //
+  // 8.PUBLIC METHODS API //
+  /**
+   * The method used by the Host to instruct the component to force a data refresh in the grids.
+   */
+  async reload() {
+    this.loadData();
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, index.h("gxg-container", null, index.h("header", { class: "header grid" }, index.h("gxg-form-textarea", { id: "gxg-textarea", height: "100px", label: this._componentLocale.topMenu.commentLabel, value: this.comment, placeholder: this._componentLocale.topMenu.commentPlaceholder }), index.h("gxg-button", { type: "outlined", part: "location", onClick: this.getRecentCommentHandler }, this._componentLocale.topMenu.recentCommentsButton))), index.h("main", { class: "main" }, index.h("gxg-container", { fieldset: true, noContentPadding: !!this.filtersHidden }, index.h("div", { class: "grid second-grid" }, index.h("div", { class: "actions-row grid" }, index.h("gxg-form-text", { class: this.filtersHidden ? "hidden" : null, "disable-filter": true, label: this._componentLocale.filtersMenu.patternLabel, labelPosition: "start", value: "", ref: (el) => (this.patternEl = el), "display-validation-styles": true, "display-validation-message": true, part: "pattern", onInput: this.loadData }), index.h("div", { class: "action-buttons", slot: "tab-bar" }, index.h("gxg-button", { onClick: this.toggleFiltersHandler, type: "secondary-icon-only", icon: "patterns/filters", part: "gxg-button gxg-button--show-filter" }), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" }))), index.h("div", { class: "filters-grid grid " +
+        (this.filtersHidden ? "hidden" : null) }, index.h("div", { class: "first-row grid" }, index.h("gxg-combo-box", { labelPosition: "start", "disable-filter": true, label: this._componentLocale.filtersMenu.changesetLabel, value: this.changeSet[0]["id"], ref: (el) => (this.changeSetEl = el), part: "change-set", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems(this.changeSet)), index.h("gxg-combo-box", { labelPosition: "start", "disable-filter": true, label: this._componentLocale.filtersMenu.typeLabel, value: this.types[0]["id"], ref: (el) => (this.typesEl = el), part: "type", onValueChanged: this.loadData }, renderComboItems(this.types))), index.h("div", { class: "second-row grid" }, index.h("gxg-combo-box", { labelPosition: "start", "disable-filter": true, label: this._componentLocale.filtersMenu.folderLabel, value: this.folders[0]["id"], ref: (el) => (this.foldersEl = el), part: "folder", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems(this.folders)), index.h("gxg-combo-box", { labelPosition: "start", "disable-filter": true, label: this._componentLocale.filtersMenu.categoryLabel, value: this.categories[0]["id"], ref: (el) => (this.categoriesEl = el), part: "categories", onValueChanged: this.loadData }, renderComboItems(this.categories)))))), index.h("gxg-container", null, index.h("gxg-tabs", { height: "100%", position: "top", class: "gxg-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container" }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`, tab: "pending-commits", "is-selected": true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`, tab: "ignored-objects" })), index.h("gxg-tab", { tab: "pending-commits", "no-padding": true }, this.renderPendingCommitsGrid()), index.h("gxg-tab", { tab: "ignored-objects", "no-padding": true }, this.renderIgnoredObjectsGrid())), index.h("gxg-button", { slot: "footer", type: "primary-text-only", onClick: this.commitCallbackHandler, part: "commit-button" }, this._componentLocale.footer.commitButton))))));
+  }
+  static get assetsDirs() { return ["gx-ide-assets/team-dev-commit"]; }
+  get el() { return index.getElement(this); }
+};
+GxIdeTeamDevCommit.style = teamDevCommitCss;
+
+exports.gx_ide_team_dev_commit = GxIdeTeamDevCommit;

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

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5a32426a.js');
+const locale = require('./locale-c8445ea4.js');
+
+const teamDevSelectRecentCommentCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.action-buttons{grid-template-columns:repeat(2, 1fr)}";
+
+const GxIdeTeamDevSelectRecentComment = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
+    this.selectedComment = null;
+    /** *****************************
+     *  7.LISTENERS
+     ********************************/
+    /** *****************************
+     *  8.PUBLIC METHODS API
+     ********************************/
+    /** *****************************
+     *  9.LOCAL METHODS
+     ********************************/
+    this.renderObjectItems = (options) => {
+      if (options.length) {
+        const items = [];
+        options.forEach(option => {
+          const item = (index.h("gxg-list-box-item", { value: option }, option));
+          items.push(item);
+        });
+        return items;
+      }
+      return null;
+    };
+    this.commentSelectedHandle = async (comment) => {
+      this.selectedComment = comment;
+    };
+    this.confirmCallbackHandle = async () => {
+      await this.confirmCallback(this.selectedComment);
+    };
+    this.cancelCallbackHandle = async () => {
+      await this.cancelCallback();
+    };
+    this.comments = undefined;
+    this.confirmCallback = undefined;
+    this.cancelCallback = undefined;
+  }
+  /** *****************************
+   *  6.COMPONENT LIFECYCLE EVENTS
+   ********************************/
+  async componentWillLoad() {
+    this._componentLocale = await locale.Locale.getComponentStrings(this.el);
+    this.componentDidLoadEvent.emit(true);
+  }
+  /** *****************************
+   *  10.RENDER() FUNCTION
+   ********************************/
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: `main-wrapper` }, index.h("gxg-container", { displayBorder: true }, index.h("gxg-list-box", { id: "max-height", singleSelection: true, height: "100%", required: true, "min-height": "50%", onSelectionChanged: event => {
+        if (event.detail[0]) {
+          this.commentSelectedHandle(event.detail[0].value);
+        }
+      }, "no-border": true }, this.renderObjectItems(this.comments)), index.h("div", { slot: "footer", class: "action-buttons grid" }, index.h("gxg-button", { type: "primary-text-icon", onClick: this.confirmCallbackHandle }, this._componentLocale.confirmButton), index.h("gxg-button", { type: "outlined", onClick: this.cancelCallbackHandle }, this._componentLocale.cancelButton))))));
+  }
+  static get assetsDirs() { return ["gx-ide-assets/team-dev-select-recent-comment"]; }
+  get el() { return index.getElement(this); }
+};
+GxIdeTeamDevSelectRecentComment.style = teamDevSelectRecentCommentCss;
+
+exports.gx_ide_team_dev_select_recent_comment = GxIdeTeamDevSelectRecentComment;

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-93a6a7e0.js');
+const index = require('./index-5a32426a.js');
 const locale = require('./locale-c8445ea4.js');
 
-const templateCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}: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-right: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-right:2px}:host{display:block}";
+const templateCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}";
 
 const GxIdeTemplate = class {
   constructor(hostRef) {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-93a6a7e0.js');
-const updateTreeModel = require('./update-tree-model-445c63a8.js');
+const index = require('./index-5a32426a.js');
+const updateTreeModel = require('./update-tree-model-8b154db1.js');
 
 const testCss = ":host{display:block}";