@genexus/genexus-ide-ui 0.0.64 → 0.0.66

package/dist/cjs/gx-ide-kb-manager-export.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9bb1815.js');
 const locale = require('./locale-c8445ea4.js');
-const config = require('./config-8634e7dd.js');
+const config = require('./config-8cf5ba3b.js');
 
 const KB_PROPERTY = "property";
 const KB_OBJECT = "object";
@@ -164,7 +164,6 @@ const GxIdeKbManagerExport = class {
     index.registerInstance(this, hostRef);
     this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
     this.componentDidRenderFirstTime = index.createEvent(this, "componentDidRenderFirstTime", 7);
-    this.checkedObjectsIds = [];
     this.checkedPropertiesIds = [];
     this.renderedFirstTime = false;
     this.flattenedObjectTypes = new Map();
@@ -241,6 +240,7 @@ const GxIdeKbManagerExport = class {
     };
     this.exportCallbackHandler = async () => {
       if (this.exportCallback) {
+        this.exportingIsInProcess = true;
         const exportAllChecked = this.exportAllCheckboxEl.checked;
         const fileName = this.fileNameEl.value;
         const checkedKbPropertiesIds = this.addKbPropertiesIsChecked
@@ -249,7 +249,9 @@ const GxIdeKbManagerExport = class {
         const checkedObjectIds = exportAllChecked
           ? undefined
           : this.checkedObjectsIds;
-        this.exportCallback(fileName, checkedKbPropertiesIds, checkedObjectIds);
+        this.exportCallback(fileName, checkedKbPropertiesIds, checkedObjectIds).then(() => {
+          this.exportingIsInProcess = false;
+        });
         // returns Promise<boolean> but no procedure was detailed on the spec.
       }
     };
@@ -297,14 +299,23 @@ const GxIdeKbManagerExport = class {
         index.h("gxg-text", { type: "text-link-no-line", textAlign: "center", onClick: this.addObjectsCallbackHandler }, this._componentLocale.main.beginByADdingSomeObjects)
       ]) : (index.h("span", null, this._componentLocale.main.exportAllMessage))));
     };
+    this.clearButtonDisabledConditions = () => {
+      return this.noObjects || this.checkedObjectsIds.length === 0;
+    };
+    this.loaderCancelCallbackHandler = () => {
+      if (this.cancelCallback) {
+        this.cancelCallback();
+      }
+    };
     this.exportAllIsChecked = false;
-    this.exportingIsInProcess = false;
     this.addKbPropertiesIsChecked = false;
+    this.checkedObjectsIds = [];
     this.fileName = "";
     this.exportFilePathName = undefined;
     this.noObjects = undefined;
     this.treeModel = [];
-    this.dummyInitialTree = undefined;
+    this.exportingIsInProcess = false;
+    this.loader = false;
     this.kbPropertiesTypes = undefined;
     this.objectTypes = undefined;
     this.exportFileDirectoryCallback = undefined;
@@ -318,10 +329,15 @@ const GxIdeKbManagerExport = class {
   watchTreeModelHandler(newState) {
     this.noObjects = !!(newState.length === 0 || !newState);
   }
-  watchDummyInitialTreeHandler(newTree) {
-    this.treeModel = newTree;
+  watchExportingIsInProcessHandler(isExporting) {
+    if (isExporting && this.loader) {
+      this.loaderEl.show = true;
+    }
+    else if (!isExporting && this.loader) {
+      this.loaderEl.show = false;
+    }
   }
-  watchObjectTypeslHandler(newState) {
+  watchObjectTypesHandler(newState) {
     this.flattenObjectTypes(newState);
   }
   // 6.COMPONENT LIFECYCLE EVENTS //
@@ -344,9 +360,7 @@ const GxIdeKbManagerExport = class {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    // console.log("checkedObjectsIds", this.checkedObjectsIds);
-    // console.log("checkedPropertiesIds", this.checkedPropertiesIds);
-    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { noContentPadding: true, noHeadingPadding: true, headingPaddingTop: true, containerTitle: this._componentLocale.componentName, slimmerFooter: config.config.gxIdeContainer.slimmerFooter }, index.h("header", { slot: "header", class: "header" }, index.h("div", { class: "header__top" }, index.h("gx-ide-directory-selector", { class: { "select-file-input": true }, value: this.exportFilePathName, part: "xpz-file", label: this._componentLocale.header.exportFileName, ref: el => (this.fileNameEl = el), selectDirectoryCallback: this.exportFileDirectoryCallback }), index.h("gxg-button-group", { class: "export-cancel-buttons-group", "default-selected-btn-id": "responsive-tablet-btn" }, index.h("button", { id: "export-kb-btn", part: "export-btn", onClick: this.exportCallbackHandler, disabled: this.noObjects }, this._componentLocale.header.exportButton), index.h("button", { id: "cancel-kb-export-btn", part: "cancel-button", onClick: this.cancelCallbackHandler, disabled: this.noObjects || this.exportingIsInProcess }, this._componentLocale.header.cancelButton)), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/settings", part: "select-kb-btn", class: { "options-btn": true }, onClick: this.optionsCallbackHandler }, this._componentLocale.header.optionsButton)), index.h("div", { class: "header__bottom" }, index.h("div", { class: { "checkboxes-wrapper": true } }, index.h("gxg-form-checkbox", { label: this._componentLocale.main.addKnowledgeBaseDescription, onChange: this.addKBPropertiesCallbackHandler, part: "add-kb-checkbox" }), index.h("gxg-form-checkbox", { label: this._componentLocale.main.exportAll, part: "export-all-checkbox", ref: el => (this.exportAllCheckboxEl =
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { noContentPadding: true, noHeadingPadding: true, headingPaddingTop: true, containerTitle: this._componentLocale.componentName, slimmerFooter: config.config.gxIdeContainer.slimmerFooter }, index.h("header", { slot: "header", class: "header" }, index.h("div", { class: "header__top" }, index.h("gx-ide-directory-selector", { class: { "select-file-input": true }, value: this.exportFilePathName, part: "xpz-file", label: this._componentLocale.header.exportFileName, ref: el => (this.fileNameEl = el), selectDirectoryCallback: this.exportFileDirectoryCallback }), index.h("gxg-button-group", { class: "export-cancel-buttons-group" }, index.h("button", { id: "export-kb-btn", part: "export-btn", onClick: this.exportCallbackHandler, disabled: this.noObjects }, this._componentLocale.header.exportButton), index.h("button", { id: "cancel-kb-export-btn", part: "cancel-button", onClick: this.cancelCallbackHandler, disabled: !this.exportingIsInProcess || this.noObjects }, this._componentLocale.header.cancelButton)), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/settings", part: "select-kb-btn", class: { "options-btn": true }, onClick: this.optionsCallbackHandler }, this._componentLocale.header.optionsButton)), index.h("div", { class: "header__bottom" }, index.h("div", { class: { "checkboxes-wrapper": true } }, index.h("gxg-form-checkbox", { label: this._componentLocale.main.addKnowledgeBaseDescription, onChange: this.addKBPropertiesCallbackHandler, part: "add-kb-checkbox" }), index.h("gxg-form-checkbox", { label: this._componentLocale.main.exportAll, part: "export-all-checkbox", ref: el => (this.exportAllCheckboxEl =
         el), disabled: this.noObjects, onChange: this.exportAllChangedHandler })))), index.h("div", { class: {
         "tree-container": true,
         "tree-container--empty": this.noObjects ||
@@ -354,14 +368,14 @@ const GxIdeKbManagerExport = class {
             this.exportAllIsChecked &&
             !this.addKbPropertiesIsChecked)
         // "tree-container--export-all": this.exportAllIsChecked
-      } }, this.evaluateContentToDisplay()), index.h("gxg-text", { type: "button-like", part: "export-button", slot: "footer-start", onClick: this.clearButtonHandler }, this._componentLocale.footer.clearButton), index.h("div", { class: { "footer-right-wrapper": true }, slot: "footer-end" }, index.h("gxg-button", { onClick: this.addReferencesCallbackHandler, type: "outlined-text-icon", icon: "general/references", part: "export-button", class: { "cancel-btn": true }, disabled: this.exportAllIsChecked }, this._componentLocale.footer.referencesButton), index.h("gxg-button", { type: "primary-text-icon", icon: "menus/new-object", part: "export-button", class: { "cancel-btn": true }, onClick: this.addObjectsCallbackHandler, disabled: this.exportAllIsChecked }, this._componentLocale.footer.addButton))))));
+      } }, this.evaluateContentToDisplay()), index.h("gxg-text", { type: "button-like", part: "export-button", slot: "footer-start", onClick: this.clearButtonHandler, disabled: this.clearButtonDisabledConditions() }, this._componentLocale.footer.clearButton), index.h("div", { class: { "footer-right-wrapper": true }, slot: "footer-end" }, index.h("gxg-button", { onClick: this.addReferencesCallbackHandler, type: "outlined-text-icon", icon: "general/references", part: "export-button", class: { "cancel-btn": true }, disabled: this.exportAllIsChecked }, this._componentLocale.footer.referencesButton), index.h("gxg-button", { type: "primary-text-icon", icon: "menus/new-object", part: "export-button", class: { "cancel-btn": true }, onClick: this.addObjectsCallbackHandler, disabled: this.exportAllIsChecked }, this._componentLocale.footer.addButton)))), this.loader ? (index.h("gxg-ide-loader", { cancelLabel: this._componentLocale.loader.cancelLabel, container: this.el, loaderTitle: this._componentLocale.loader.title, ref: el => (this.loaderEl = el), cancelCallback: this.loaderCancelCallbackHandler })) : null));
   }
   static get assetsDirs() { return ["gx-ide-assets/kb-manager-export"]; }
   get el() { return index.getElement(this); }
   static get watchers() { return {
     "treeModel": ["watchTreeModelHandler"],
-    "dummyInitialTree": ["watchDummyInitialTreeHandler"],
-    "objectTypes": ["watchObjectTypeslHandler"]
+    "exportingIsInProcess": ["watchExportingIsInProcessHandler"],
+    "objectTypes": ["watchObjectTypesHandler"]
   }; }
 };
 GxIdeKbManagerExport.style = kbManagerExportCss;

package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9bb1815.js');
 const locale = require('./locale-c8445ea4.js');
-const config = require('./config-8634e7dd.js');
+const config = require('./config-8cf5ba3b.js');
 const helpers = require('./helpers-b62ea39c.js');
 
+/* objects in file metadata*/
 const KB_OBJECT = "object";
+const KB_CATEGORY = "category";
 const convertImportItemToTreeItem = (importCatIcon, importItems) => {
   const importTreeItems = [];
   importItems.forEach(importItem => {
@@ -15,7 +17,6 @@ const convertImportItemToTreeItem = (importCatIcon, importItems) => {
       id: importItem.id,
       caption: importItem.name,
       leftImgSrc: importCatIcon,
-      checkbox: true,
       expanded: true,
       leaf: true,
       class: "object tree-view-item",
@@ -35,12 +36,13 @@ const convertImportCategoryToTreeView = (importCategoryData) => {
   importCategoryData.forEach(importCat => {
     const importCategoryTreeItem = {
       id: importCat.id,
+      // caption: importCat.name,
       caption: `${importCat.name} (${importCat.items.length})`,
       leftImgSrc: importCat.icon,
-      checkbox: true,
       expanded: true,
       leaf: false,
       class: "category tree-view-item",
+      metadata: KB_CATEGORY,
       items: convertImportItemToTreeItem(importCat.icon, importCat.items)
     };
     treeData.push(importCategoryTreeItem);
@@ -71,7 +73,7 @@ const updateImportStatusTree = (importItemResultFullData, importTreeActualState)
       // the count is (1), because this is the first item for this category
       caption: `${importItemResultFullData.categoryName} (1)`,
       leftImgSrc: importItemResultFullData.categoryIcon,
-      class: `tree-view-item tree-view-item--${importItemResultFullData.status}`,
+      class: `tree-view-item`,
       expanded: true,
       items: [
         {
@@ -138,7 +140,7 @@ const addImportItemResultDataItem = (importItemResultData, importCategoryData, i
   return updatedImportStatusTree;
 };
 
-const kbManagerImportCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);font-family:var(--font-family-primary);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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.header{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}.header .select-file{flex:1}.main{height:100%;display:flex}.main>*{flex:1}.main .left-grid-item{border-right:1px solid var(--gx-ide-container-border-color)}.main .gx-ide-message{padding:50px 0}.main .tree-container{}.main .tree-container--empty{align-items:center;justify-content:center}.main .tree-container--import-status .tree-view-item--success::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--success::part(action)::before{grid-area:first-img;content:\"\";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);background-color:var(--color-success-dark)}.main .tree-container--import-status .tree-view-item--warning::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--warning::part(action)::before{grid-area:first-img;content:\"\";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);background-color:var(--color-warning-dark)}.main .tree-container--import-status .tree-view-item--error::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--error::part(action)::before{grid-area:first-img;content:\"\";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);background-color:var(--color-error-dark)}.main .tree-container--no-warnings .tree-view-item--warning{display:none}.main .tree-container--no-errors .tree-view-item--error{display:none}.main .tree-container--no-successes .tree-view-item--success{display:none}.ghost-element{display:block;width:0;height:24px;}";
+const kbManagerImportCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);font-family:var(--font-family-primary);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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.header{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}.header .select-file{flex:1}.main{height:100%;display:flex}.main>*{flex:1}.main .left-grid-item{border-right:1px solid var(--gx-ide-container-border-color)}.main .gx-ide-message{padding:50px 0}.main .tree-container{}.main .tree-container--empty{align-items:center;justify-content:center}.main .tree-container--import-status .tree-view-item--success::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--success::part(action)::before{grid-area:first-img;content:\"\";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);margin-inline-end:var(--spacing-comp-01);background-color:var(--color-success-dark)}.main .tree-container--import-status .tree-view-item--warning::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--warning::part(action)::before{grid-area:first-img;content:\"\";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);margin-inline-end:var(--spacing-comp-01);background-color:var(--color-warning-dark)}.main .tree-container--import-status .tree-view-item--error::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--error::part(action)::before{grid-area:first-img;content:\"\";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);margin-inline-end:var(--spacing-comp-01);background-color:var(--color-error-dark)}.main .tree-container--no-warnings .tree-view-item--warning{display:none}.main .tree-container--no-errors .tree-view-item--error{display:none}.main .tree-container--no-successes .tree-view-item--success{display:none}.ghost-element{display:block;width:0;height:24px;}";
 
 const GxIdeKbManagerImport = class {
   constructor(hostRef) {
@@ -150,6 +152,34 @@ const GxIdeKbManagerImport = class {
     this.importCategoryData = [];
     this.objectsInFileTotalNodes = 0;
     // 9.LOCAL METHODS //
+    this.evaluateImportStatusMessage = () => {
+      this.someStatusVisible =
+        this.statusInfo.error.display ||
+          this.statusInfo.warning.display ||
+          this.statusInfo.success.display;
+    };
+    this.countMessages = () => {
+      /* totally inefficient way to count. This has to be improved*/
+      let errors = 0;
+      let warnings = 0;
+      let successes = 0;
+      this.importTreeState.forEach(category => {
+        category.items.forEach(object => {
+          if (object.class.includes("tree-view-item--error")) {
+            errors += object.items.length;
+          }
+          else if (object.class.includes("tree-view-item--warning")) {
+            warnings += object.items.length;
+          }
+          else if (object.class.includes("tree-view-item--success")) {
+            successes += object.items.length;
+          }
+        });
+      });
+      this.statusInfo.error.number = errors;
+      this.statusInfo.warning.number = warnings;
+      this.statusInfo.success.number = successes;
+    };
     this.evaluateObjects = () => {
       var _a;
       this.noObjects = !!(((_a = this.objectsTreeState) === null || _a === void 0 ? void 0 : _a.length) === 0 || !this.objectsTreeState);
@@ -178,7 +208,7 @@ const GxIdeKbManagerImport = class {
     this.evaluateHeaderActiveButton = () => {
       if (!this.selectedFile) {
         this.headerButtonsGroup.activeButtonId = "select-file-btn";
-        this.fileInputEl.value = undefined;
+        this.fileInputEl.clearInput();
       }
       else {
         this.headerButtonsGroup.activeButtonId = "load-file-btn";
@@ -186,17 +216,15 @@ const GxIdeKbManagerImport = class {
     };
     this.importObjectsHandler = async () => {
       if (this.importCallback) {
-        this.importingObjects = true;
+        this.importingIsInProcess = true;
         this.objectsButtonsGroup.activeButtonId = "cancel-import-btn";
-        const result = await this.importCallback(this.checkedObjectsIds);
-        if (result || result === false) {
-          this.importingObjects = false;
-          this.objectsButtonsGroup.activeButtonId = "import-btn";
-        }
+        this.importCallback(this.checkedObjectsIds).then(() => {
+          this.importingIsInProcess = false;
+        });
       }
     };
     this.objectsTreeCheckedItemsChangedHandler = (event) => {
-      /* Begin of evaluate 'select/unselect checkbox' state*/
+      /* 1. Begin of evaluate 'select/unselect checkbox' state*/
       if (event.detail == null) {
         this.toggleObjectsCheckboxEl.checked = false;
         this.toggleObjectsCheckboxEl.indeterminate = false;
@@ -213,19 +241,56 @@ const GxIdeKbManagerImport = class {
       this.toggleObjectsCheckboxEl.checked = firstItemCheckedValue;
       this.toggleObjectsCheckboxEl.indeterminate =
         !allItemsHaveTheSameCheckedValue;
-      /* End of evaluate 'select/unselect checkbox' state*/
+      /* /End of evaluate 'select/unselect checkbox' state*/
+      /* 2. Begin of checked items evaluation*/
       const checkedItems = allItemsWithCheckbox.filter(node => node.item.checked);
       // objects checked
       const checkedObjects = checkedItems.filter(node => node.item.metadata === KB_OBJECT);
-      console.log("checkedObjects", checkedObjects);
       const checkedObjectsIds = [];
       if (checkedObjects.length > 0) {
         checkedObjects.forEach(objectChecked => {
           checkedObjectsIds.push(objectChecked.item.id);
         });
       }
+      /* /End of checked items evaluation*/
+      /* 3. Begin of caption update*/
+      /* TO DO (when we can differentiate the caption from the number of children)*/
+      // const categoryItems = allItemsWithCheckbox.filter(
+      //   node => node.item.metadata === KB_CATEGORY
+      // );
+      // categoryItems.forEach(category => {
+      //   const itemInfo = category.item;
+      //   // Update the amount of checked values
+      //   if (itemInfo.leaf !== true) {
+      //     const totalItems = itemInfo.items.length;
+      //     const totalItemsChecked = itemInfo.items.filter(
+      //       itemUIModel => itemUIModel.checked
+      //     ).length;
+      //     const newItemCaption =
+      //       totalItems !== totalItemsChecked
+      //         ? `${itemInfo.caption} (${totalItemsChecked}/${totalItems})`
+      //         : `${itemInfo.caption} (${totalItems})`;
+      //     // Only update the item caption if needed
+      //     if (newItemCaption !== itemInfo.caption) {
+      //       this.objectsTreeEl.updateItemsProperties([itemInfo.id], {
+      //         id: itemInfo.id,
+      //         caption: newItemCaption
+      //       });
+      //     }
+      //   }
+      // });
+      /* /End of caption update*/
       this.checkedObjectsIds = checkedObjectsIds;
     };
+    this.objectsTreeContextMenuHandler = (event) => {
+      if (this.objectContextMenuCallback && event.detail.metadata === KB_OBJECT) {
+        this.objectContextMenuCallback({
+          objectId: event.detail.id,
+          screenX: event.detail.contextmenuEvent.screenX,
+          screenY: event.detail.contextmenuEvent.screenY
+        });
+      }
+    };
     this.cancelImportHandler = () => {
       if (this.cancelCallback) {
         this.cancelCallback();
@@ -244,23 +309,31 @@ const GxIdeKbManagerImport = class {
       this.statusInfo.warning.number = 0;
       this.statusInfo.success.number = 0;
     };
-    this.toggleSelectionHandler = (e) => {
-      const checked = e.detail.value;
+    this.toggleSelectionClickHandler = (e) => {
+      const checked = e.target.checked;
       this.toggleObjectsCheckboxEl.indeterminate = false;
       this.objectsTreeEl.updateAllItemsProperties({ checked: checked });
     };
     this.statusButtonsSelectionChangedHandler = (e) => {
       const activeStates = e.detail;
-      const newStatusInfo = Object.assign({}, this.statusInfo);
-      newStatusInfo.warning.display = false;
-      newStatusInfo.error.display = false;
-      newStatusInfo.success.display = false;
-      activeStates.forEach(activeState => {
-        const status = activeState.itemId;
-        newStatusInfo[status].display = true;
-        this.statusInfo = newStatusInfo;
-      });
-      this.evaluateHiddenImportsMessage();
+      const errorIndex = activeStates.findIndex(state => state.itemId === "error");
+      const warningIndex = activeStates.findIndex(state => state.itemId === "warning");
+      const successIndex = activeStates.findIndex(state => state.itemId === "success");
+      this.statusInfo = {
+        error: {
+          display: errorIndex !== -1,
+          number: this.statusInfo.error.number
+        },
+        warning: {
+          display: warningIndex !== -1,
+          number: this.statusInfo.warning.number
+        },
+        success: {
+          display: successIndex !== -1,
+          number: this.statusInfo.success.number
+        }
+      };
+      this.evaluateImportStatusMessage();
     };
     this.evaluateCheckAllValue = () => {
       let checked = true;
@@ -271,8 +344,13 @@ const GxIdeKbManagerImport = class {
       }
       return checked;
     };
-    this.evaluateHiddenImportsMessage = () => {
-      /* to do*/
+    this.fileClearedHandler = () => {
+      this.selectedFile = null;
+    };
+    this.loaderCancelCallbackHandler = () => {
+      if (this.cancelCallback) {
+        this.cancelCallback();
+      }
     };
     this.checkedObjectsIds = [];
     this.noObjects = undefined;
@@ -292,15 +370,19 @@ const GxIdeKbManagerImport = class {
       }
     };
     this.objectsTreeState = [];
+    this.importStatusMessage = undefined;
+    this.someStatusVisible = undefined;
     this.noImport = undefined;
     this.importTreeState = [];
-    this.importingObjects = false;
+    this.importingIsInProcess = false;
+    this.loader = false;
     this.selectedFile = undefined;
     this.optionsCallback = undefined;
     this.importCallback = undefined;
     this.loadCallback = undefined;
     this.cancelCallback = undefined;
     this.statusMinimal = false;
+    this.objectContextMenuCallback = undefined;
   }
   watchObjectsTreeStateHandler(newState) {
     this.noObjects = !!(newState.length === 0 || !newState);
@@ -308,6 +390,22 @@ const GxIdeKbManagerImport = class {
   }
   watchImportTreeStateHandler(newState) {
     this.noImport = !!(newState.length === 0 || !newState);
+    if (this.noImport) {
+      this.importStatusMessage =
+        this._componentLocale.main.importStatus.noImportedFiles;
+    }
+    else {
+      this.importStatusMessage =
+        this._componentLocale.main.importStatus.importedButHidden;
+    }
+  }
+  watchImportingIsInProcessHandler(isImporting) {
+    if (isImporting && this.loader) {
+      this.loaderEl.show = true;
+    }
+    else if (!isImporting && this.loader) {
+      this.loaderEl.show = false;
+    }
   }
   watchSelectedFileHandler() {
     this.evaluateHeaderActiveButton();
@@ -318,6 +416,9 @@ const GxIdeKbManagerImport = class {
     this.componentDidLoadEvent.emit(true);
     this.evaluateObjects();
     this.evaluateImport();
+    this.importStatusMessage =
+      this._componentLocale.main.importStatus.noImportedFiles;
+    this.evaluateImportStatusMessage();
   }
   componentDidRender() {
     if (!this.renderedFirstTime) {
@@ -332,33 +433,35 @@ const GxIdeKbManagerImport = class {
    */
   async addResultItem(item) {
     this.importTreeState = addImportItemResultDataItem(item, this.importCategoryData, this.importTreeState);
-    this.statusInfo[`${item.status}`].number += item.messages.length;
+    this.countMessages();
   }
   //  10.RENDER() FUNCTION //
   render() {
-    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { noContentPadding: true, noFooterPadding: true, containerTitle: this._componentLocale.componentName }, index.h("header", { class: "header", slot: "header" }, index.h("gxg-form-text", { type: "file", class: "select-file", label: this._componentLocale.header.fileNameLabel, placeholder: this._componentLocale.header.fileNamePlaceholder, part: "file-name", acceptFile: ".xpz, .xml", clearButton: true, iconPosition: "start", onFileSelected: this.fileSelectedHandler, ref: (el) => (this.fileInputEl = el) }), index.h("gxg-button-group", {
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper" }, index.h("gx-ide-container", { noContentPadding: true, noFooterPadding: true, containerTitle: this._componentLocale.componentName }, index.h("header", { class: "header", slot: "header" }, index.h("gxg-form-text", { type: "file", class: "select-file", label: this._componentLocale.header.fileNameLabel, placeholder: this._componentLocale.header.fileNamePlaceholder, part: "file-name", acceptFile: ".xpz, .xml", clearButton: true, iconPosition: "start", onFileSelected: this.fileSelectedHandler, onClearButtonClicked: this.fileClearedHandler, ref: (el) => (this.fileInputEl = el) }), index.h("gxg-button-group", {
       // default-selected-btn-id="select-file-btn"
       ref: (el) => (this.headerButtonsGroup = el)
-    }, index.h("button", { id: "select-file-btn", part: "select-file-button", onClick: this.selectFileHandler }, this._componentLocale.header.selectFileButton), index.h("button", { id: "load-file-btn", part: "load-file-button", disabled: !this.selectedFile, onClick: this.loadFileHandler }, this._componentLocale.header.loadButton))), index.h("main", { class: "main" }, index.h("gx-ide-container", { containerTitle: this._componentLocale.main.objectsInFile.title, noContentPadding: true, noBorderFooter: true, class: "left-grid-item", slimmerFooter: true, inactiveTitle: this.noObjects, footerSubtleShadow: !this.noObjects, titleType: "secondary" }, index.h("div", { class: {
+    }, index.h("button", { id: "select-file-btn", part: "select-file-button", onClick: this.selectFileHandler, disabled: this.importingIsInProcess }, this._componentLocale.header.selectFileButton), index.h("button", { id: "load-file-btn", part: "load-file-button", disabled: !this.selectedFile || this.importingIsInProcess, onClick: this.loadFileHandler }, this._componentLocale.header.loadButton))), index.h("main", { class: "main" }, index.h("gx-ide-container", { containerTitle: this._componentLocale.main.objectsInFile.title, noContentPadding: true, noBorderFooter: true, class: "left-grid-item", slimmerFooter: true, inactiveTitle: this.noObjects, footerSubtleShadow: !this.noObjects, titleType: "secondary" }, index.h("div", { class: {
         "tree-container": true,
         "tree-container--objects-in-file": true,
         "tree-container--empty": this.noObjects
-      } }, !this.noObjects ? (index.h("gxg-tree-view", { treeModel: this.objectsTreeState, dragDisabled: true, dropDisabled: true, toggleCheckboxes: true, onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler, ref: el => (this.objectsTreeEl = el) })) : (index.h("div", { class: "gx-ide-message" }, index.h("gxg-text", { textAlign: config.config.gxgMessage.common.textAlign, padding: config.config.gxgMessage.common.textAlign, type: config.config.gxgMessage.common.type, maxWidth: config.config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message" }, "There are no Objects. ", index.h("br", null), index.h("gxg-text", { type: "text-link-no-line", onClick: this.selectFileHandler }, "Begin by selecting a file."))))), index.h("gxg-form-checkbox", { label: this._componentLocale.main.objectsInFile.selectUnselect, part: "select-all-checkbox", slot: "footer-start", disabled: this.importingObjects || this.objectsTreeState.length === 0, checked: this.evaluateCheckAllValue(), onChange: this.toggleSelectionHandler, ref: (el) => (this.toggleObjectsCheckboxEl =
-        el) }), index.h("gxg-button-group", { slot: "footer-end", ref: (el) => (this.objectsButtonsGroup = el) }, index.h("button", { id: "import-btn", part: "import-button", disabled: this.importingObjects ||
-        this.checkedObjectsIds.length === 0, onClick: this.importObjectsHandler }, this._componentLocale.main.objectsInFile.importButton), index.h("button", { id: "cancel-import-btn", part: "cancel-import-button", disabled: !this.importingObjects, onClick: this.cancelImportHandler }, this._componentLocale.main.objectsInFile.cancelButton)), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/settings", slot: "footer-end", part: "select-kb-btn", onClick: this.optionsHandler }, this._componentLocale.header.optionsButton)), index.h("gx-ide-container", { containerTitle: this._componentLocale.main.importStatus.title, noContentPadding: true, noBorderFooter: true, slimmerFooter: true, inactiveTitle: this.noImport, footerSubtleShadow: !this.noImport, titleType: "secondary" }, index.h("div", { class: {
+      } }, !this.noObjects ? (index.h("gxg-tree-view", { treeModel: this.objectsTreeState, dragDisabled: true, dropDisabled: true, toggleCheckboxes: true, checkbox: true, checked: true, onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler, onItemContextmenu: this.objectsTreeContextMenuHandler, ref: el => (this.objectsTreeEl = el) })) : (index.h("div", { class: "gx-ide-message" }, index.h("gxg-text", { textAlign: config.config.gxgMessage.common.textAlign, padding: config.config.gxgMessage.common.textAlign, type: config.config.gxgMessage.common.type, maxWidth: config.config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message" }, "There are no Objects. ", index.h("br", null), index.h("gxg-text", { type: "text-link-no-line", onClick: this.selectFileHandler }, "Begin by selecting a file."))))), index.h("gxg-form-checkbox", { label: this._componentLocale.main.objectsInFile.selectUnselect, part: "select-all-checkbox", slot: "footer-start", disabled: this.importingIsInProcess ||
+        this.objectsTreeState.length === 0, checked: this.evaluateCheckAllValue(), onClick: this.toggleSelectionClickHandler, ref: (el) => (this.toggleObjectsCheckboxEl =
+        el) }), index.h("gxg-button-group", { slot: "footer-end", ref: (el) => (this.objectsButtonsGroup = el) }, index.h("button", { id: "import-btn", part: "import-button", disabled: this.importingIsInProcess ||
+        this.checkedObjectsIds.length === 0, onClick: this.importObjectsHandler }, this._componentLocale.main.objectsInFile.importButton), index.h("button", { id: "cancel-import-btn", part: "cancel-import-button", disabled: !this.importingIsInProcess, onClick: this.cancelImportHandler }, this._componentLocale.main.objectsInFile.cancelButton)), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/settings", slot: "footer-end", part: "select-kb-btn", onClick: this.optionsHandler }, this._componentLocale.header.optionsButton)), index.h("gx-ide-container", { containerTitle: this._componentLocale.main.importStatus.title, noContentPadding: true, noBorderFooter: true, slimmerFooter: true, inactiveTitle: this.noImport, footerSubtleShadow: !this.noImport, titleType: "secondary" }, index.h("div", { class: {
         "tree-container": true,
         "tree-container--import-status": true,
-        "tree-container--empty": this.noImport,
+        "tree-container--empty": this.noImport || !this.someStatusVisible,
         "tree-container--no-warnings": !this.statusInfo.warning.display,
         "tree-container--no-errors": !this.statusInfo.error.display,
-        "tree-container--no-successes": this.statusInfo.success.display === false
-      } }, !this.noImport ? (index.h("gxg-tree-view", { treeModel: this.importTreeState, toggleCheckboxes: true, ref: el => (this.objectsTreeEl = el) })) : (index.h("gxg-text", { textAlign: config.config.gxgMessage.common.textAlign, padding: config.config.gxgMessage.common.textAlign, type: config.config.gxgMessage.common.type, maxWidth: config.config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message", class: "gx-ide-message" }, "There are no Imported files."))), index.h("gxg-text", { type: "button-like", slot: "footer-end", part: "select-kb-btn", onClick: this.clearStatusHandler, disabled: this.noImport }, this._componentLocale.main.importStatus.clearButton), index.h("span", { class: "ghost-element", slot: "footer-start" }))), index.h("footer", { slot: "footer-start" }, index.h("gx-ide-status-buttons", { errors: this.statusInfo.error.number, warnings: this.statusInfo.warning.number, successes: this.statusInfo.success.number, compact: true, noBorderTop: true, noBorderBottom: true, noBorderStart: true, minimal: this.statusMinimal, onSelectionChanged: this.statusButtonsSelectionChangedHandler }))), index.h("gxg-ide-loader", { description: "Importing objects..." }))));
+        "tree-container--no-successes": !this.statusInfo.success.display
+      } }, !this.noImport && this.someStatusVisible ? (index.h("gxg-tree-view", { treeModel: this.importTreeState, toggleCheckboxes: true, ref: el => (this.objectsTreeEl = el) })) : (index.h("gxg-text", { textAlign: config.config.gxgMessage.common.textAlign, padding: config.config.gxgMessage.common.textAlign, type: config.config.gxgMessage.common.type, maxWidth: config.config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message", class: "gx-ide-message" }, this.importStatusMessage))), index.h("gxg-text", { type: "button-like", slot: "footer-end", part: "select-kb-btn", onClick: this.clearStatusHandler, disabled: this.noImport || this.importingIsInProcess }, this._componentLocale.main.importStatus.clearButton), index.h("span", { class: "ghost-element", slot: "footer-start" }))), index.h("footer", { slot: "footer-start" }, index.h("gx-ide-status-buttons", { errors: this.statusInfo.error.number, warnings: this.statusInfo.warning.number, successes: this.statusInfo.success.number, compact: true, noBorderTop: true, noBorderBottom: true, noBorderStart: true, minimal: this.statusMinimal, onSelectionChanged: this.statusButtonsSelectionChangedHandler }))), index.h("gxg-ide-loader", { description: "Importing objects..." })), this.loader ? (index.h("gxg-ide-loader", { cancelLabel: this._componentLocale.loader.cancelLabel, container: this.el, loaderTitle: this._componentLocale.loader.title, ref: el => (this.loaderEl = el), cancelCallback: this.loaderCancelCallbackHandler })) : null));
   }
   static get assetsDirs() { return ["gx-ide-assets/kb-manager-import"]; }
   get el() { return index.getElement(this); }
   static get watchers() { return {
     "objectsTreeState": ["watchObjectsTreeStateHandler"],
     "importTreeState": ["watchImportTreeStateHandler"],
+    "importingIsInProcess": ["watchImportingIsInProcessHandler"],
     "selectedFile": ["watchSelectedFileHandler"]
   }; }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9bb1815.js');
 const locale = require('./locale-c8445ea4.js');
-const config = require('./config-8634e7dd.js');
+const config = require('./config-8cf5ba3b.js');
 const common = require('./common-2100f35f.js');
 const formValidation = require('./form-validation-b7fb4ca8.js');
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9bb1815.js');
 const locale = require('./locale-c8445ea4.js');
-const config = require('./config-8634e7dd.js');
+const config = require('./config-8cf5ba3b.js');
 const common = require('./common-2100f35f.js');
 const formValidation = require('./form-validation-b7fb4ca8.js');
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9bb1815.js');
 const locale = require('./locale-c8445ea4.js');
-const config = require('./config-8634e7dd.js');
+const config = require('./config-8cf5ba3b.js');
 
 const newObjectCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);font-family:var(--font-family-primary);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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.categories-types-container{max-height:200px;display:flex;flex-direction:row;flex-shrink:1;overflow:hidden;border-bottom:1px solid var(--gx-ide-container-border-color)}.categories-types-container .categories{flex:1}.categories-types-container .types{flex:2}.api-description{display:flex;flex-direction:column;flex-shrink:0;gap:var(--gx-ide-grid-row-gap);padding:var(--gx-ide-grid-row-gap)}.form{display:grid;grid-template-columns:minmax(95px, auto) 1fr;grid-template-areas:\"name-label name-input\" \"description-label description-input\" \"module-label module-input\";gap:var(--gx-ide-grid-row-gap);column-gap:0}.form .name-label{grid-area:\"name-label\"}.form .name-input{grid-area:\"name-input\"}.form .description-label{grid-area:\"description-label\"}.form .description-input{grid-area:\"description-input\"}.form .module-label{grid-area:\"module-label\"}.form .module-input{grid-area:\"module-input\"}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9bb1815.js');
 const locale = require('./locale-c8445ea4.js');
-const config = require('./config-8634e7dd.js');
+const config = require('./config-8cf5ba3b.js');
 const renderComboItems = require('./render-combo-items-05509216.js');
 const helpers = require('./helpers-b62ea39c.js');
 const grid = require('./grid-d12c16c7.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9bb1815.js');
 const locale = require('./locale-c8445ea4.js');
-const config = require('./config-8634e7dd.js');
+const config = require('./config-8cf5ba3b.js');
 const renderSuggest = require('./render-suggest-a4363c7b.js');
 
 /**

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9bb1815.js');
 const locale = require('./locale-c8445ea4.js');
-const config = require('./config-8634e7dd.js');
+const config = require('./config-8cf5ba3b.js');
 const formValidation = require('./form-validation-b7fb4ca8.js');
 const common = require('./common-2100f35f.js');
 

package/dist/cjs/{gx-ide-status-buttons_2.cjs.entry.js → gx-ide-status-buttons.cjs.entry.js}

@@ -73,76 +73,4 @@ const GxIdeStatusButtons = class {
 };
 GxIdeStatusButtons.style = gxIdeStatusButtonsCss;
 
-const ideLoaderCss = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:block}ch-window::part(mask){overflow:hidden}ch-window::part(main){height:100%}ch-window::part(window){width:100%;height:100%}.loader-wrapper{opacity:0;transition:var(--show-transition) opacity;width:100%;height:100%;display:flex;background-color:rgba(var(--color-background--rgb), 0.45);backdrop-filter:blur(15px);padding:var(--spacing-comp-05);flex-direction:column;gap:var(--spacing-comp-04);align-items:center;justify-content:center;box-sizing:border-box;-webkit-animation:wrapper 0.6s infinite alternate;animation:wrapper 0.6s infinite alternate;color:var(--color-on-secondary)}.loader-wrapper--visible{opacity:1}.loader-spinner{border:2px var(--gray-01) solid;border-top:2px var(--color-primary-enabled) solid;border-radius:50%;-webkit-animation:spinner 0.6s infinite linear;animation:spinner 0.6s infinite linear;width:30px;height:30px}.loader-description{max-width:400px;text-align:center}@keyframes wrapper{from{background-color:rgba(var(--color-background--rgb), 0.45)}to{background-color:rgba(var(--gray-02--rgb), 0.25)}}@-webkit-keyframes spinner{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@keyframes spinner{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}";
-
-const IdeLoader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /*
-  INDEX:
-  1.OWN PROPERTIES
-  2.REFERENCE TO ELEMENTS
-  3.STATE() VARIABLES
-  4.PUBLIC PROPERTY API | WATCH'S
-  5.EVENTS (EMIT)
-  6.COMPONENT LIFECYCLE EVENTS
-  7.LISTENERS
-  8.PUBLIC METHODS API
-  9.LOCAL METHODS
-  10.RENDER() FUNCTION
-  */
-    // 1.OWN PROPERTIES //
-    /**
-     * The transition speed for displaying/hiding the ch-window
-     */
-    this.showTransition = 200;
-    // 3.STATE() VARIABLES //
-    /**
-     * shows the ch-window
-     */
-    this.showWindow = false;
-    /**
-     * shows the '.loader-wrapper'
-     */
-    this.showWrapper = false;
-    /**
-     * It shows the loader
-     */
-    this.show = false;
-  }
-  showHandler(show) {
-    const timeout = 50;
-    if (show) {
-      this.showWindow = true;
-      setTimeout(() => {
-        this.showWrapper = true;
-      }, timeout);
-    }
-    else {
-      this.showWrapper = false;
-      setTimeout(() => {
-        this.showWindow = false;
-      }, this.showTransition);
-    }
-  }
-  // 5.EVENTS (EMIT) //
-  // 6.COMPONENT LIFECYCLE EVENTS //
-  // 7.LISTENERS //
-  // 8.PUBLIC METHODS API //
-  // 9.LOCAL METHODS //
-  //  10.RENDER() FUNCTION //
-  render() {
-    return (index.h(index.Host, null, index.h("ch-window", { closeOnEscape: false, closeOnOutsideClick: false, container: this.container, hidden: !this.showWindow, modal: false, showFooter: false, showHeader: false, style: { "--show-transition": `${this.showTransition}ms` } }, index.h("div", { class: {
-        "loader-wrapper": true,
-        "loader-wrapper--visible": this.showWrapper,
-      } }, index.h("div", { class: "loader-spinner" }), this.description ? (index.h("gxg-title", { class: "loader-description", type: "title-04", alignment: "center" }, this.description)) : // <gxg-title>{this.description}</gxg-title>
-      null))));
-  }
-  static get watchers() { return {
-    "show": ["showHandler"]
-  }; }
-};
-IdeLoader.style = ideLoaderCss;
-
 exports.gx_ide_status_buttons = GxIdeStatusButtons;
-exports.gxg_ide_loader = IdeLoader;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9bb1815.js');
 const locale = require('./locale-c8445ea4.js');
-const config = require('./config-8634e7dd.js');
+const config = require('./config-8cf5ba3b.js');
 const grid = require('./grid-d12c16c7.js');
 const renderComboItems = require('./render-combo-items-05509216.js');
 const helpers = require('./helpers-b62ea39c.js');