@genexus/genexus-ide-ui 0.0.22 → 0.0.24

package/dist/collection/collection-manifest.json

@@ -9,6 +9,9 @@
     "./components/references/references.js",
     "./components/team-dev-commit/team-dev-commit.js",
     "./components/team-dev-select-recent-comment/team-dev-select-recent-comment.js",
+    "./components/team-dev-update/team-dev-update.js",
+    "./components/team-dev-update-partial-selection/team-dev-update-partial-selection.js",
+    "./components/team-dev-update-to-revision/team-dev-update-to-revision.js",
     "./components/_template/template.js",
     "./components/_test/test.js",
     "./components/list-selector/list-selector.js",
@@ -24,6 +27,8 @@
       "name": "@genexus/chameleon-controls-library",
       "tags": [
         "ch-accordion",
+        "ch-action-group",
+        "ch-action-group-item",
         "ch-checkbox",
         "ch-drag-bar",
         "ch-dropdown",
@@ -67,6 +72,8 @@
         "ch-suggest",
         "ch-suggest-list",
         "ch-suggest-list-item",
+        "ch-test-action-group",
+        "ch-test-dropdown",
         "ch-test-tree-x",
         "ch-textblock",
         "ch-tree",

package/dist/collection/common/format-date.js

@@ -0,0 +1,11 @@
+export const 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} `;
+};

package/dist/collection/components/team-dev-commit/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.en.json

@@ -1,7 +1,7 @@
 {
   "componentName": "Team Dev Commit",
   "topMenu": {
-    "commentLabel": "Comment:",
+    "commentLabel": "Commit Comment:",
     "commentPlaceholder": "Fixed responsive navigation menu bug on mobile devices.",
     "recentCommentsButton": "Recent Comments"
   },

package/dist/collection/components/team-dev-commit/team-dev-commit.js

@@ -3,6 +3,7 @@ import { Host, h } from "@stencil/core";
 /* CUSTOM IMPORTS */
 import { Locale } from "../../common/locale";
 import { renderComboItems } from "../../common/render-combo-items";
+import { formatDate } from "../../common/format-date";
 export class GxIdeTeamDevCommit {
   constructor() {
     this.loadDataCalledFirstTime = false; // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.
@@ -57,17 +58,6 @@ export class GxIdeTeamDevCommit {
       }
       return 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);
@@ -88,27 +78,25 @@ export class GxIdeTeamDevCommit {
         this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
       }
     };
-    this.gridContextMenuCallbackHandler = (grid) => async (ev) => {
+    this.gridOnContextMenuCallbackHandler = (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");
+        await this.gridContextMenuCallback(grid, ev.detail);
+      }
+    };
+    this.gridOnSelectionChangedCallbackHandler = (grid) => async (ev) => {
+      if (this.selectCallback) {
+        await this.selectCallback(grid, ev.detail.rowsId);
       }
     };
     /* pending commits grid render*/
     this.renderPendingCommitsGrid = () => {
-      return (h("gxg-grid", null, h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", class: "no-border", onContextMenu: this.gridContextMenuCallbackHandler("commit") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: "auto" }), h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: "auto" }), h("ch-grid-column", { settingable: false, sortable: false, size: "auto" }), h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: "auto" }), h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: "auto" }), h("ch-grid-column", { columnName: "Description", settingable: false, size: "auto" }), h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false }), h("ch-grid-column", { columnName: "Module", settingable: false, size: "auto" }), h("ch-grid-column", { columnName: "Local State", settingable: false, size: "auto" }), h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: "150px" }), h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: "auto" })), this.pendingCommits.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), h("ch-grid-cell", null, h("gxg-icon", { color: "auto", type: obj.iconType })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${this.formatDate(obj.modifiedOn)}`), h("ch-grid-cell", null, " ", obj.module, " "), h("ch-grid-cell", null, " ", obj.localState, " "), h("ch-grid-cell", null, `${this.formatDate(obj.lastSynchronized)}`), h("ch-grid-cell", null, " ", obj.user, " ")))))));
+      return (h("gxg-grid", null, h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chGridPendingCommitsEl = el), part: "ch-grid-pending-commits", class: "no-border", onRowContextMenu: this.gridOnContextMenuCallbackHandler("commit"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("commit") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, sortable: false, size: "auto" }), h("ch-grid-column", { columnName: "State", settingable: false, sortable: false, size: "auto" }), h("ch-grid-column", { settingable: false, sortable: false, size: "auto" }), h("ch-grid-column", { sortable: true, columnName: "Name", settingable: false, size: "auto" }), h("ch-grid-column", { sortable: true, columnName: "Type", settingable: false, size: "auto" }), h("ch-grid-column", { columnName: "Description", settingable: false, size: "auto" }), h("ch-grid-column", { sortable: true, columnName: "Modified On", settingable: false }), h("ch-grid-column", { columnName: "Module", settingable: false, size: "auto" }), h("ch-grid-column", { columnName: "Local State", settingable: false, size: "auto" }), h("ch-grid-column", { columnName: "Last Synchronized", settingable: false, size: "150px" }), h("ch-grid-column", { sortable: true, columnName: "User", settingable: false, size: "auto" })), this.pendingCommits.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), h("ch-grid-cell", null, h("gxg-icon", { color: "auto", type: obj.iconType })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${formatDate(obj.modifiedOn)}`), h("ch-grid-cell", null, " ", obj.module, " "), h("ch-grid-cell", null, " ", obj.localState, " "), h("ch-grid-cell", null, `${formatDate(obj.lastSynchronized)}`), h("ch-grid-cell", null, " ", obj.user, " ")))))));
     };
     /* ignored objects grid render*/
     this.renderIgnoredObjectsGrid = () => {
-      return (h("gxg-grid", null, h("ch-grid", { rowSelectionMode: "multiple", ref: (el) => (this.chIgnoredObjectsEl = el), part: "ch-grid-pending-commits", onContextMenu: this.gridContextMenuCallbackHandler("ignored") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", settingable: false }), h("ch-grid-column", { columnName: "TypeIcon", settingable: false }), h("ch-grid-column", { columnName: "Name", settingable: false, sortable: true }), h("ch-grid-column", { columnName: "Type", settingable: false }), h("ch-grid-column", { columnName: "Description", settingable: false }), h("ch-grid-column", { columnName: "Modified On", settingable: false }), h("ch-grid-column", { columnName: "Module", settingable: false }), h("ch-grid-column", { columnName: "Local State", settingable: false }), h("ch-grid-column", { columnName: "Last Synchronized", settingable: false }), h("ch-grid-column", { columnName: "User", settingable: false })), this.ignoredObjects.map((obj) => (h("ch-grid-row", { "row-id": obj.id, selected: true }, h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), h("ch-grid-cell", null, h("gxg-icon", { color: "auto", type: obj.iconType })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${this.formatDate(obj.modifiedOn)}`), h("ch-grid-cell", null, " ", obj.module, " "), h("ch-grid-cell", null, " ", obj.localState, " "), h("ch-grid-cell", null, `${this.formatDate(obj.lastSynchronized)}`), h("ch-grid-cell", null, " ", obj.user, " ")))))));
+      return (h("gxg-grid", null, h("ch-grid", { rowSelectionMode: "multiple", part: "ch-grid-pending-commits", onRowContextMenu: this.gridOnContextMenuCallbackHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", settingable: false }), h("ch-grid-column", { columnName: "TypeIcon", settingable: false }), h("ch-grid-column", { columnName: "Name", settingable: false, sortable: true }), h("ch-grid-column", { columnName: "Type", settingable: false }), h("ch-grid-column", { columnName: "Description", settingable: false }), h("ch-grid-column", { columnName: "Modified On", settingable: false }), h("ch-grid-column", { columnName: "Module", settingable: false }), h("ch-grid-column", { columnName: "Local State", settingable: false }), h("ch-grid-column", { columnName: "Last Synchronized", settingable: false }), h("ch-grid-column", { columnName: "User", settingable: false })), this.ignoredObjects.map((obj) => (h("ch-grid-row", { "row-id": obj.id, selected: true }, h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), h("ch-grid-cell", null, h("gxg-icon", { color: "auto", type: obj.iconType })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${formatDate(obj.modifiedOn)}`), h("ch-grid-cell", null, " ", obj.module, " "), h("ch-grid-cell", null, " ", obj.localState, " "), h("ch-grid-cell", null, `${formatDate(obj.lastSynchronized)}`), h("ch-grid-cell", null, " ", obj.user, " ")))))));
     };
     this.getRecentCommentHandler = async () => {
       if (this.getRecentCommentCallback) {
@@ -119,10 +107,11 @@ export class GxIdeTeamDevCommit {
       }
     };
     this.commitCallbackHandler = async () => {
+      const commitComment = this.commitComment.value;
       this.chGridPendingCommitsEl
         .getMarkedRows()
         .then(async (pendingCommitsCheckedIds) => {
-        await this.commitCallback(pendingCommitsCheckedIds);
+        await this.commitCallback(pendingCommitsCheckedIds, commitComment);
         /* returns boolean*/
       });
     };
@@ -159,6 +148,7 @@ export class GxIdeTeamDevCommit {
     this.getRecentCommentCallback = undefined;
     this.loadCallback = undefined;
     this.commitCallback = undefined;
+    this.selectCallback = undefined;
     this.pendingItemCheckedCallback = undefined;
     this.gridContextMenuCallback = undefined;
   }
@@ -189,7 +179,7 @@ export class GxIdeTeamDevCommit {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, h("gxg-container", null, h("header", { class: "header grid" }, h("gxg-form-textarea", { id: "gxg-textarea", height: "100px", label: this._componentLocale.topMenu.commentLabel, value: this.comment, placeholder: this._componentLocale.topMenu.commentPlaceholder }), h("gxg-button", { type: "outlined", part: "location", onClick: this.getRecentCommentHandler }, this._componentLocale.topMenu.recentCommentsButton))), h("main", { class: "main" }, h("gxg-container", { fieldset: true, noContentPadding: !!this.filtersHidden }, h("div", { class: "grid second-grid" }, h("div", { class: "actions-row grid" }, 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 }), h("div", { class: "action-buttons", slot: "tab-bar" }, h("gxg-button", { onClick: this.toggleFiltersHandler, type: "secondary-icon-only", icon: "patterns/filters", part: "gxg-button gxg-button--show-filter" }), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" }))), h("div", { class: "filters-grid grid " +
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, h("gxg-container", null, h("header", { class: "header grid" }, h("gxg-form-textarea", { id: "gxg-textarea", height: "100px", label: this._componentLocale.topMenu.commentLabel, value: this.comment, ref: (el) => (this.commitComment = el), placeholder: this._componentLocale.topMenu.commentPlaceholder }), h("gxg-button", { type: "outlined", part: "location", onClick: this.getRecentCommentHandler }, this._componentLocale.topMenu.recentCommentsButton))), h("main", { class: "main" }, h("gxg-container", { fieldset: true, noContentPadding: !!this.filtersHidden }, h("div", { class: "grid second-grid" }, h("div", { class: "actions-row grid" }, 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 }), h("div", { class: "action-buttons", slot: "tab-bar" }, h("gxg-button", { onClick: this.toggleFiltersHandler, type: "secondary-icon-only", icon: "patterns/filters", part: "gxg-button gxg-button--show-filter" }), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" }))), h("div", { class: "filters-grid grid " +
         (this.filtersHidden ? "hidden" : null) }, h("div", { class: "first-row grid" }, 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)), 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))), h("div", { class: "second-row grid" }, 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)), 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)))))), h("gxg-container", null, h("gxg-tabs", { height: "100%", position: "top", class: "gxg-tabs" }, h("gxg-tab-bar", { slot: "tab-bar-container" }, h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`, tab: "pending-commits", "is-selected": true }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`, tab: "ignored-objects" })), h("gxg-tab", { tab: "pending-commits", "no-padding": true }, this.renderPendingCommitsGrid()), h("gxg-tab", { tab: "ignored-objects", "no-padding": true }, this.renderIgnoredObjectsGrid())), h("gxg-button", { slot: "footer", type: "primary-text-only", onClick: this.commitCallbackHandler, part: "commit-button" }, this._componentLocale.footer.commitButton))))));
   }
   static get is() { return "gx-ide-team-dev-commit"; }
@@ -329,7 +319,7 @@ export class GxIdeTeamDevCommit {
         "mutable": false,
         "complexType": {
           "original": "CommitCallback",
-          "resolved": "(selection: string[]) => Promise<boolean>",
+          "resolved": "(selection: string[], commitComment: string) => Promise<boolean>",
           "references": {
             "CommitCallback": {
               "location": "local"
@@ -343,6 +333,25 @@ export class GxIdeTeamDevCommit {
           "text": "Callback invoked when user starts the commit process"
         }
       },
+      "selectCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "SelectCallback",
+          "resolved": "(grid: gridType, selectionIds: string[]) => Promise<void>",
+          "references": {
+            "SelectCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback that should be invoked when the user selects rows from the grids"
+        }
+      },
       "pendingItemCheckedCallback": {
         "type": "unknown",
         "mutable": false,
@@ -373,7 +382,7 @@ export class GxIdeTeamDevCommit {
         "mutable": false,
         "complexType": {
           "original": "GridContextMenuCallback",
-          "resolved": "(markedRowsIds: string[], grid: \"commit\" | \"ignored\") => Promise<void>",
+          "resolved": "(grid: gridType, eventInfo: ChGridRowContextMenuEvent) => Promise<void>",
           "references": {
             "GridContextMenuCallback": {
               "location": "local"

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

@@ -6,15 +6,9 @@ import { Locale } from "../../common/locale";
 export class GxIdeTeamDevSelectRecentComment {
   constructor() {
     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 = [];
@@ -39,16 +33,12 @@ export class GxIdeTeamDevSelectRecentComment {
     this.confirmCallback = undefined;
     this.cancelCallback = undefined;
   }
-  /** *****************************
-   *  6.COMPONENT LIFECYCLE EVENTS
-   ********************************/
+  // 6.COMPONENT LIFECYCLE EVENTS //
   async componentWillLoad() {
     this._componentLocale = await Locale.getComponentStrings(this.el);
     this.componentDidLoadEvent.emit(true);
   }
-  /** *****************************
-   *  10.RENDER() FUNCTION
-   ********************************/
+  // 10.RENDER() FUNCTION //
   render() {
     return (h(Host, null, h("div", { class: `main-wrapper` }, h("gxg-container", { displayBorder: true }, h("gxg-list-box", { id: "max-height", singleSelection: true, height: "100%", required: true, "min-height": "50%", onSelectionChanged: event => {
         if (event.detail[0]) {
@@ -135,7 +125,7 @@ export class GxIdeTeamDevSelectRecentComment {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "This event is emmited once just after the component is fully loaded and the first render() occurs."
+          "text": "This event is emitted once just after the component is fully loaded and the first render() occurs."
         },
         "complexType": {
           "original": "boolean",

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

@@ -0,0 +1,45 @@
+{
+  "name": "Name",
+  "options": {
+    "updateFrom": "GeneXus Server",
+    "scope": "Scope",
+    "genexusServer": "GeneXus Server",
+    "knowledgeBase": "Knowledge Base",
+    "version": "Version",
+    "lastFullUpdate": "Last full update",
+    "objects": "Objects",
+    "revision": "Revision",
+    "kbProperties": "KB Properties",
+    "changeBtn": "Change",
+    "scopeData": {
+      "objects": {
+        "all": "All",
+        "partial": "Partial"
+      },
+      "revision": {
+        "latest": "Latest"
+      }
+    }
+  },
+  "filter": {
+    "pattern": "Pattern",
+    "type": "Type"
+  },
+  "tabs": {
+    "pendingForUpdate": "Pending for Update",
+    "ignoredObjects": "Ignored Objects",
+    "results": "Results"
+  },
+  "tableHead": {
+    "name": "Name",
+    "type": "Type",
+    "description": "Description",
+    "modifiedOn": "Modified On",
+    "status": "Status",
+    "action": "Action",
+    "notes": "Notes"
+  },
+  "footer": {
+    "btnUpdate": "Update"
+  }
+}

package/dist/collection/components/team-dev-update/gx-ide-assets/team-dev-update/langs/team-dev-update.lang.ja.json

@@ -0,0 +1,3 @@
+{
+  "presentation": "「こんにちは、私の名前は {0} です。オレゴンに住んでいます。」"
+}

package/dist/collection/components/team-dev-update/gx-ide-assets/team-dev-update/langs/team-dev-update.lang.zh.json

@@ -0,0 +1,3 @@
+{
+  "presentation": "你好，我的名字是 {0}，我住在俄勒冈州。"
+}

package/dist/collection/components/team-dev-update/team-dev-update.css

@@ -0,0 +1,216 @@
+/*Gemini*/
+/*Gx Ide*/
+/* Helper Classes */
+.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;
+}
+
+/* Grids */
+.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;
+}
+
+/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/
+:host(.gx-ide-component) {
+  box-shadow: var(--box-shadow-01) !important;
+  height: 100% !important;
+  display: flex !important;
+  flex-direction: column !important;
+}
+
+/*stylize the top bar*/
+:host(:focus-within) gx-ide-top-bar::part(wrapper) {
+  background-color: var(--color-secondary-enabled);
+}
+
+/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */
+.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;
+}
+
+/*This is the main element. This is the one that take the remaining vertical space*/
+.gx-ide-main {
+  flex-grow: 1;
+  overflow-y: auto;
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.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;
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.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;
+}
+
+/*Gemini*/
+/*Gx Ide*/
+:host {
+  display: block;
+  border: 1px solid var(--gxg-border-color--regular);
+  background-color: var(--color-background);
+}
+
+:host(.gxi-object-selector--shadow) {
+  border: none;
+  box-shadow: var(--box-shadow-01);
+}
+
+/* Options */
+.options-grid {
+  grid-template-columns: 1fr auto;
+}
+.options-grid .options-update-from-grid {
+  grid-template-columns: auto 1fr;
+  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 */
+.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*/
+.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;
+}
+
+/* Footer Actions */
+.actions {
+  justify-content: flex-end;
+}
+
+.no-border {
+  border: 0;
+}
+
+.bold {
+  font-weight: bold;
+}