@genexus/genexus-ide-ui 0.0.21 → 0.0.23

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

@@ -4,16 +4,7 @@ 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 formatDate = require('./format-date-f2c49d1a.js');
 
 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)}";
 
@@ -73,17 +64,6 @@ const GxIdeTeamDevCommit = class {
       }
       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);
@@ -120,11 +100,11 @@ const GxIdeTeamDevCommit = class {
     };
     /* 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, " ")))))));
+      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, `${formatDate.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, `${formatDate.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, " ")))))));
+      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, `${formatDate.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, `${formatDate.formatDate(obj.lastSynchronized)}`), index.h("ch-grid-cell", null, " ", obj.user, " ")))))));
     };
     this.getRecentCommentHandler = async () => {
       if (this.getRecentCommentCallback) {
@@ -206,7 +186,7 @@ const GxIdeTeamDevCommit = class {
   // 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))))));
+        (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 }, formatDate.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 }, formatDate.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 }, formatDate.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 }, formatDate.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); }

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

@@ -12,15 +12,9 @@ const GxIdeTeamDevSelectRecentComment = class {
     index.registerInstance(this, hostRef);
     this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
     this.selectedComment = null;
-    /** *****************************
-     *  7.LISTENERS
-     ********************************/
-    /** *****************************
-     *  8.PUBLIC METHODS API
-     ********************************/
-    /** *****************************
-     *  9.LOCAL METHODS
-     ********************************/
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
     this.renderObjectItems = (options) => {
       if (options.length) {
         const items = [];
@@ -45,16 +39,12 @@ const GxIdeTeamDevSelectRecentComment = class {
     this.confirmCallback = undefined;
     this.cancelCallback = undefined;
   }
-  /** *****************************
-   *  6.COMPONENT LIFECYCLE EVENTS
-   ********************************/
+  // 6.COMPONENT LIFECYCLE EVENTS //
   async componentWillLoad() {
     this._componentLocale = await locale.Locale.getComponentStrings(this.el);
     this.componentDidLoadEvent.emit(true);
   }
-  /** *****************************
-   *  10.RENDER() FUNCTION
-   ********************************/
+  // 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]) {

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

@@ -0,0 +1,102 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5a32426a.js');
+const locale = require('./locale-c8445ea4.js');
+
+const teamDevUpdatePartialSelectionCss = ".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-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.top-actions{display:flex;align-items:center;justify-content:flex-end}.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 GxIdeTeamDevUpdatePartialSelection = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
+    // 9.LOCAL METHODS //
+    this.handleKeyDownEvent = (add) => {
+      if (add) {
+        document.addEventListener("keydown", this.keyDownEventHandler);
+      }
+      else {
+        document.removeEventListener("keydown", this.keyDownEventHandler);
+      }
+    };
+    this.keyDownEventHandler = (e) => {
+      console.log(e.detail);
+    };
+    this.renderObjects = () => {
+      return (index.h("gxg-grid", null, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { columnName: "", settingable: false, sortable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false })), this.selection.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", null, index.h("gxg-icon", { type: obj.typeIcon })), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.type, " "), index.h("ch-grid-cell", null, " ", obj.description, " "), index.h("ch-grid-cell", null, `${obj.modifiedOn.toISOString().slice(0, 10)}`)))))));
+    };
+    this.getObjects = () => {
+      this.addCallback().then((items) => {
+        if ((items === null || items === void 0 ? void 0 : items.length) > 0) {
+          this.selection = [...this.selection, ...items];
+          this.selectedObjectsIds = [];
+          this.deselectAll();
+        }
+      });
+    };
+    this.removeObjects = () => {
+      this.selection = this.selection.filter(item => !this.selectedObjectsIds.includes(item.id));
+      this.selectedObjectsIds = [];
+      this.deselectAll();
+    };
+    this.confirm = () => {
+      this.confirmCallback(this.selectedObjectsIds);
+    };
+    this.cancel = () => {
+      this.cancelCallback();
+    };
+    this.deselectAll = () => {
+      this.chGridEl.selectAllRows(false);
+    };
+    this.listenChanges = () => {
+      // for grid selection
+      this.chGridEl.addEventListener("selectionChanged", (ev) => {
+        this.selectedObjectsIds = ev.detail.rowsId;
+      });
+    };
+    this.addCallback = undefined;
+    this.cancelCallback = undefined;
+    this.confirmCallback = undefined;
+    this.selection = [];
+    this.selectedObjectsIds = [];
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentWillLoad() {
+    this._componentLocale = await locale.Locale.getComponentStrings(this.el);
+    this.componentDidLoadEvent.emit(true);
+    this.handleKeyDownEvent(true);
+  }
+  componentDidLoad() {
+    this.listenChanges();
+  }
+  // 7.LISTENERS //
+  keyDownHandler(eventInfo) {
+    if (document.activeElement === this.el) {
+      switch (eventInfo.key) {
+        case "Delete":
+          this.removeObjects();
+          break;
+      }
+    }
+  }
+  // 8.PUBLIC METHODS API //
+  /**
+   * Validate necessary data input
+   */
+  async validate() {
+    const isValid = true;
+    return isValid;
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return (index.h(index.Host, { class: {
+        "gxi-team-dev-update-partial-selection": true
+      } }, index.h("div", { class: `main-wrapper` }, index.h("gxg-container", { containerTitle: this._componentLocale.title }, index.h("div", { class: "top-actions" }, index.h("gxg-button", { id: "button-add", type: "secondary-icon-only", icon: "gemini-tools/add-circle", onClick: this.getObjects, part: "gxg-button gxg-button--add" }), index.h("gxg-button", { id: "button-remove", type: "secondary-icon-only", icon: "gemini-tools/minus-circle", onClick: this.removeObjects, part: "gxg-button gxg-button--remove" })), this.renderObjects(), index.h("gxg-container", { displayBorderTop: true }, index.h("div", { class: "grid actions" }, index.h("div", null, index.h("gxg-button", { id: "button-clear", type: "primary-text-only", onClick: this.deselectAll, part: "gxg-button gxg-button--clear" }, this._componentLocale.footer.btnClear)), index.h("div", null, index.h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnOk), index.h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel))))))));
+  }
+  static get assetsDirs() { return ["gx-ide-assets/team-dev-update-partial-selection"]; }
+  get el() { return index.getElement(this); }
+};
+GxIdeTeamDevUpdatePartialSelection.style = teamDevUpdatePartialSelectionCss;
+
+exports.gx_ide_team_dev_update_partial_selection = GxIdeTeamDevUpdatePartialSelection;

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

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5a32426a.js');
+const locale = require('./locale-c8445ea4.js');
+
+const teamDevUpdateToRevisionCss = ".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-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.revision-number{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.revision-number>:nth-child(2){width:auto !important}.actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--gx-ide-grid-row-gap)}";
+
+const GxIdeTeamDevUpdateToRevision = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
+    // 9.LOCAL METHODS //
+    this.confirm = () => {
+      let revision = undefined;
+      if (this.updateToRevisionEl.checked) {
+        revision = this.revisionNumberEl.value;
+      }
+      this.confirmCallback(revision);
+    };
+    this.cancel = () => {
+      this.cancelCallback();
+    };
+    this.cancelCallback = undefined;
+    this.confirmCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentWillLoad() {
+    this._componentLocale = await locale.Locale.getComponentStrings(this.el);
+    this.componentDidLoadEvent.emit(true);
+  }
+  // 7.LISTENERS //
+  // 8.PUBLIC METHODS API //
+  /**
+   * Validate necessary data input
+   */
+  async validate() {
+    const isValid = true;
+    return isValid;
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return (index.h(index.Host, { class: {
+        "gxi-team-dev-update-to-revision": true
+      } }, index.h("div", { class: `main-wrapper` }, index.h("gxg-container", null, index.h("gxg-form-radio-group", null, index.h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", part: "radio-to-latest" }), index.h("div", { class: "revision-number" }, index.h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), index.h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), part: "revision-number" })))), index.h("gxg-container", { displayBorderTop: true }, index.h("div", { class: "actions" }, index.h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnOk), index.h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel))))));
+  }
+  static get assetsDirs() { return ["gx-ide-assets/team-dev-update-to-revision"]; }
+  get el() { return index.getElement(this); }
+};
+GxIdeTeamDevUpdateToRevision.style = teamDevUpdateToRevisionCss;
+
+exports.gx_ide_team_dev_update_to_revision = GxIdeTeamDevUpdateToRevision;

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

@@ -0,0 +1,278 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5a32426a.js');
+const locale = require('./locale-c8445ea4.js');
+const formatDate = require('./format-date-f2c49d1a.js');
+
+const teamDevUpdateCss = ".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-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.options-grid{grid-template-columns:1fr auto}.options-grid .options-update-from-grid{grid-template-columns:auto 1fr;grid-row-gap:0}.options-grid .options-scope-grid{grid-template-columns:auto 1fr auto}.options-grid .options-scope-grid>:nth-child(7){grid-area:3/1/4/4}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.filters-container-body{width:100%;display:flex;align-items:flex-end;justify-content:space-between}.filters-container-body .filter-grid{flex:1;grid-template-columns:repeat(2, 1fr)}.filters-container-body .actions{display:flex;justify-content:flex-end;align-items:center}.filters-container-body .actions.close{width:100%}.data-grid{grid-template-columns:repeat(3, 1fr)}.data-grid>:nth-child(1){grid-area:1/1/2/2}.data-grid>:nth-child(2){grid-area:1/2/2/4}.data-panel-grid{grid-template-columns:repeat(2, 1fr)}.data-preview img{max-width:100%}.data-max-height{max-height:300px;overflow-y:auto}.actions{justify-content:flex-end}.no-border{border:0}.bold{font-weight:bold}";
+
+const GxIdeTeamDevUpdate = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
+    this.loadDataCalledFirstTime = false; // pending for update grid checkboxes, should be checked, after loadData has loaded objects for the first time.
+    // 9.LOCAL METHODS //
+    this.markAllPendingToUpdateRows = () => {
+      this.chGridPendingForUpdateEl.markAllRows();
+    };
+    this.renderOptions = () => {
+      return (index.h("gxg-container", { part: "options-container" }, index.h("div", { class: "grid options-grid" }, index.h("gxg-container", { displayBorder: true, part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom }, index.h("div", { class: "grid options-update-from-grid" }, index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.updateFrom, ":"), index.h("gxg-text", { type: "text-link", onClick: this.openServerCallback }, this.updateFrom ? this.updateFrom.serverUrl : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.knowledgeBase, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.kbName : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.version, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.versionName : ""), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.lastFullUpdate, ":"), index.h("gxg-text", { type: "text-regular" }, this.updateFrom
+        ? formatDate.formatDate(this.updateFrom.lastFullUpdate)
+        : ""))), index.h("gxg-container", { displayBorder: true, part: "options-scope", containerTitle: this._componentLocale.options.scope }, index.h("div", { class: "grid options-scope-grid" }, index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.objects, ":"), index.h("gxg-text", { type: "text-regular" }, index.h("span", { class: { bold: this.objectScopeText === "partial" } }, this._componentLocale.options.scopeData.objects[this.objectScopeText.toLocaleLowerCase()])), index.h("gxg-button", { id: "button-scope-objects-change", type: "outlined", onClick: this.objectsScope, part: "gxg-button gxg-button--scope-objects-change" }, this._componentLocale.options.changeBtn), index.h("gxg-text", { type: "text-regular" }, this._componentLocale.options.revision, ":"), index.h("gxg-text", { type: "text-regular" }, index.h("span", { class: { bold: this.revisionScopeText !== undefined } }, this.revisionScopeText === undefined
+        ? this._componentLocale.options.scopeData.revision.latest
+        : this.revisionScopeText)), index.h("gxg-button", { id: "button-scope-revision-change", type: "outlined", onClick: this.revisionScope, part: "gxg-button gxg-button--scope-revision-change" }, this._componentLocale.options.changeBtn), index.h("gxg-form-checkbox", { label: this._componentLocale.options.kbProperties, class: "align-center", part: "option-kb-properties" }))))));
+    };
+    this.renderFilter = () => {
+      return (index.h("gxg-container", { part: "filters-container" }, index.h("div", { class: "filters-container-body with-gap" }, index.h("div", { class: {
+          "grid": true,
+          "filter-grid": true,
+          "hide": !this.showFilter
+        } }, index.h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), part: "filter-pattern", onInput: this.loadData }), index.h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.type, disabled: !this.types, ref: (el) => (this.filterTypeEl = el), onValueChanged: this.loadData, part: "filter-type", value: this.types[0].id }, formatDate.renderComboItems(this.types))), index.h("div", { class: { actions: true, close: !this.showFilter } }, index.h("gxg-button", { type: "secondary-icon-only", icon: "patterns/filters", onClick: this.toggleFilter, part: "gxg-button gxg-button--show-filter" }), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" })))));
+    };
+    this.renderData = () => {
+      return (index.h("gxg-container", { part: "data-container" }, index.h("gxg-tabs", { id: "dataTabs", part: "data-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container" }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.pendingForUpdate, tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.ignoredObjects, tab: "ignoredObjects", key: "ignoredObjects" }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.results, tab: "results", key: "results", ref: (el) => (this.gxgTabButtonResultsEl = el) })), index.h("gxg-tab", { tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }, this.renderPendingForUpdate()), index.h("gxg-tab", { tab: "ignoredObjects", key: "ignoredObjects" }, this.renderIgnoredObjects()), index.h("gxg-tab", { tab: "results", key: "results" }, this.renderResults()))));
+    };
+    this.renderPendingForUpdate = () => {
+      return (index.h("gxg-grid", null, index.h("ch-grid", { "row-selection-mode": "none", ref: (el) => (this.chGridPendingForUpdateEl = el), part: "ch-grid-pending-for-updates", class: "no-border" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", richRowSelector: true, richRowSelectorMode: "mark" }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false })), this.updateData.pendingForUpdate.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, index.h("gxg-icon", { type: obj.typeIcon })), index.h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), 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, `${formatDate.formatDate(obj.modifiedOn)}`), index.h("ch-grid-cell", null, " ", obj.status, " "), index.h("ch-grid-cell", null, " ", obj.action, " ")))))));
+    };
+    this.renderIgnoredObjects = () => {
+      return (index.h("gxg-grid", null, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-ignored-objects", class: "no-border" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, size: "min-content" }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: "1fr" }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: "1fr" })), this.updateData.ignoredObjects.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", null, index.h("gxg-icon", { type: obj.typeIcon })), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.type, " ")))))));
+    };
+    this.renderResults = () => {
+      return (index.h("gxg-grid", null, index.h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridResultsEl = el), part: "ch-grid-results", class: "no-border" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, "column-type": "tree" }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { settingable: false, sortable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), index.h("ch-grid-column", { columnName: this._componentLocale.tableHead.notes, settingable: false })), this.updateResultData.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", null, " ", this.renderIconResult(obj.result), " "), index.h("ch-grid-cell", null, index.h("gxg-icon", { type: obj.typeIcon })), index.h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.type, " "), index.h("ch-grid-cell", null, " ", obj.description, " "), index.h("ch-grid-cell", null, " ", obj.notes, " "), index.h("ch-grid-rowset", null, obj.messages.map(msg => {
+        let msgType;
+        switch (msg.type) {
+          case "info":
+            msgType = "text-alert-info";
+            break;
+          case "success":
+            msgType = "text-alert-success";
+            break;
+          case "warning":
+            msgType = "text-alert-warning";
+            break;
+          case "error":
+            msgType = "text-alert-error";
+            break;
+        }
+        return (index.h("ch-grid-rowset-empty", null, index.h("gxg-text", { type: msgType }, msg.text)));
+      }))))))));
+    };
+    this.renderIconState = (state) => {
+      let type;
+      let color;
+      switch (state) {
+        case "modified":
+          type = "gx-server/changes-commit-pending";
+          color = "primary-active";
+          break;
+        case "inserted":
+          type = "gx-server/new";
+          color = "success";
+          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.renderIconResult = (result) => {
+      let type;
+      let color;
+      switch (result) {
+        case "info":
+          type = "gemini-tools/notice";
+          color = "primary-active";
+          break;
+        case "success":
+          type = "gemini-tools/success";
+          color = "success";
+          break;
+        case "warning":
+          type = "gemini-tools/warning";
+          color = "warning";
+          break;
+        case "error":
+          type = "gemini-tools/error";
+          color = "error";
+          break;
+      }
+      return index.h("gxg-icon", { type: type, color: color });
+    };
+    this.loadData = async () => {
+      const filters = {
+        pattern: this.showFilter ? this.filterPatternEl.value : null,
+        type: this.showFilter ? this.filterTypeEl.value : null
+      };
+      // this.updateData = null;
+      this.isLoading = true;
+      this.updateData = await this.loadCallback(filters);
+      this.isLoading = false;
+      if (!this.loadDataCalledFirstTime) {
+        /* this allows checking the pending commits checkboxes on first load*/
+        this.loadDataCalledFirstTime = true;
+      }
+    };
+    this.update = async () => {
+      if (this.updateCallback) {
+        const pendingForUpdateMarked = await this.chGridPendingForUpdateEl.getMarkedRows();
+        this.updateCallback(pendingForUpdateMarked).then((updateResultData) => {
+          this.updateResultData = updateResultData;
+          this.gxgTabButtonResultsEl.tabButtonClick();
+        });
+      }
+    };
+    this.toggleFilter = () => {
+      this.showFilter = !this.showFilter;
+    };
+    this.objectsScope = () => {
+      if (this.objectsScopeCallback) {
+        this.objectsScopeCallback().then(objectData => {
+          if (objectData) {
+            this.objectScopeText = objectData;
+          }
+        });
+      }
+    };
+    this.revisionScope = () => {
+      if (this.revisionScopeCallback) {
+        this.revisionScopeCallback().then(revisionData => {
+          this.revisionScopeText = revisionData;
+        });
+      }
+    };
+    this.addListeners = async () => {
+      // for pending-for-update grid events
+      if (this.updateData.pendingForUpdate) {
+        this.chGridPendingForUpdateEl.addEventListener("contextmenu", async (ev) => {
+          ev.preventDefault();
+          ev.stopPropagation();
+          const pendingForUpdateMarked = await this.chGridPendingForUpdateEl.getMarkedRows();
+          this.gridContextMenuCallback(pendingForUpdateMarked, "update");
+        });
+      }
+      // for ignored-objects grid events
+      this.chGridIgnoredObjectsEl.addEventListener("contextmenu", async (ev) => {
+        ev.preventDefault();
+        ev.stopPropagation();
+        const ignoredObjectsSelected = await this.chGridIgnoredObjectsEl.getSelectedRows();
+        this.gridContextMenuCallback(ignoredObjectsSelected, "ignored");
+      });
+      // for results grid events
+      this.chGridResultsEl.addEventListener("contextmenu", async (ev) => {
+        ev.preventDefault();
+        ev.stopPropagation();
+        const resultsObjectsSelected = await this.chGridResultsEl.getMarkedRows();
+        this.gridContextMenuCallback(resultsObjectsSelected, "results");
+      });
+    };
+    this.pendingForUpdatesRowMarkingChangedHandler = async (e) => {
+      // remove "rowMarkingChanged" until checkboxes have been added/removed on togglePendingCommitsCheckboxes, to prevent loops.
+      this.chGridPendingForUpdateEl.removeEventListener("rowMarkingChanged", this.pendingForUpdatesRowMarkingChangedHandler);
+      if (this.chGridPendingForUpdateEl) {
+        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.chGridPendingForUpdateEl.addEventListener("rowMarkingChanged", this.pendingForUpdatesRowMarkingChangedHandler);
+      }
+      this.chGridPendingForUpdateEl.addEventListener("rowMarkingChanged", this.pendingForUpdatesRowMarkingChangedHandler);
+    };
+    this.togglePendingCommitsCheckboxes = async (itemsToToggle) => {
+      if (this.chGridPendingForUpdateEl) {
+        const itemsToCheck = itemsToToggle.itemsToCheck;
+        const itemsToUncheck = itemsToToggle.itemsToUncheck;
+        // check
+        for (const rowId of itemsToCheck) {
+          await this.chGridPendingForUpdateEl.markRow(rowId, true);
+        }
+        // uncheck
+        for (const rowId of itemsToUncheck) {
+          await this.chGridPendingForUpdateEl.markRow(rowId, false);
+        }
+      }
+    };
+    this.revertPendingCommitsCheckboxes = async (addedRowsIds, removedRowsId) => {
+      if (this.chGridPendingForUpdateEl) {
+        for (const rowId of addedRowsIds) {
+          await this.chGridPendingForUpdateEl.markRow(rowId, false);
+        }
+        for (const rowId of removedRowsId) {
+          await this.chGridPendingForUpdateEl.markRow(rowId, true);
+        }
+      }
+    };
+    this.isLoading = false;
+    this.objectScopeText = "all";
+    this.openTab = "pending";
+    this.revisionScopeText = undefined;
+    this.showFilter = false;
+    this.updateData = {
+      pendingForUpdate: [],
+      ignoredObjects: []
+    };
+    this.updateResultData = [];
+    this.confirmCallback = undefined;
+    this.gridContextMenuCallback = undefined;
+    this.loadCallback = undefined;
+    this.objectsScopeCallback = undefined;
+    this.openServerCallback = undefined;
+    this.pendingItemCheckedCallback = undefined;
+    this.revisionScopeCallback = undefined;
+    this.types = undefined;
+    this.updateCallback = undefined;
+    this.updateFrom = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentWillLoad() {
+    this._componentLocale = await locale.Locale.getComponentStrings(this.el);
+    this.componentDidLoadEvent.emit(true);
+  }
+  async componentDidLoad() {
+    await this.loadData();
+    this.addListeners();
+  }
+  async componentDidRender() {
+    if (this.loadDataCalledFirstTime) {
+      // call this method only once
+      await this.markAllPendingToUpdateRows();
+      // attach "rowMarkingChanged" after rows have been checked for the first time.
+      this.chGridPendingForUpdateEl.addEventListener("rowMarkingChanged", this.pendingForUpdatesRowMarkingChangedHandler);
+      this.loadDataCalledFirstTime = false;
+    }
+  }
+  // 7.LISTENERS //
+  // 8.PUBLIC METHODS API //
+  /**
+   * Validate necessary data input
+   */
+  async validate() {
+    const isValid = true;
+    return isValid;
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderOptions(), this.renderFilter(), this.renderData(), index.h("gxg-container", { displayBorderTop: true }, index.h("div", { class: "align-center with-gap actions" }, index.h("gxg-button", { id: "button-update", type: "primary-text-only", onClick: this.update, part: "gxg-button gxg-button--update", disabled: this.isLoading }, this._componentLocale.footer.btnUpdate))))));
+  }
+  static get assetsDirs() { return ["gx-ide-assets/team-dev-update"]; }
+  get el() { return index.getElement(this); }
+};
+GxIdeTeamDevUpdate.style = teamDevUpdateCss;
+
+exports.gx_ide_team_dev_update = GxIdeTeamDevUpdate;

package/dist/cjs/gx-ide-top-bar.cjs.entry.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5a32426a.js');
+
+const topBarCss = ":host{display:block;box-sizing:border-box}.wrapper{display:flex;justify-content:space-between;padding:var(--spacing-comp-01) var(--spacing-comp-02);transition:background-color var(--gx-ide-timing-super-fast-ms);background-color:var(--gray-01)}gxg-title::part(title){color:var(--color-on-secondary);transition:color var(--gx-ide-timing-super-fast-ms)}";
+
+const GxIdeTopBar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.topBarTitle = undefined;
+  }
+  // 5.EVENTS (EMIT) //
+  // 6.METHODS //
+  componentWillLoad() {
+    this.evaluateSlots();
+  }
+  // 7.LISTENERS //
+  // 8.PUBLIC METHODS API //
+  // 9.LOCAL METHODS //
+  evaluateSlots() {
+    // header
+    const menuSlot = this.el.querySelectorAll('[slot="menu"]');
+    if (menuSlot.length) {
+      this._hasMenuSlot = true;
+    }
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "wrapper", part: "wrapper" }, index.h("div", { class: "wrapper__left", part: "wrapper-left" }, index.h("gxg-title", { type: "title-04", exportparts: "title: gxg-title" }, this.topBarTitle)), index.h("div", { class: "wrapper__right", part: "wrapper-right" }, this._hasMenuSlot ? (index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-vertical" }, index.h("slot", { name: "menu" }))) : null))));
+  }
+  get el() { return index.getElement(this); }
+};
+GxIdeTopBar.style = topBarCss;
+
+exports.gx_ide_top_bar = GxIdeTopBar;