@genexus/genexus-ide-ui 1.0.20 → 1.0.22

package/dist/collection/components/kb-manager-import/kb-manager-import.js

@@ -1,197 +1,201 @@
-/* STENCIL IMPORTS */
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeKbManagerImport_componentLocale, _GxIdeKbManagerImport_selectedObjectsInFileIds, _GxIdeKbManagerImport_fileInputEl, _GxIdeKbManagerImport_fileInputHiddenEl, _GxIdeKbManagerImport_objectsTreeEl, _GxIdeKbManagerImport_successItemsIds, _GxIdeKbManagerImport_warningItemsIds, _GxIdeKbManagerImport_errorItemsIds, _GxIdeKbManagerImport_categoryItemMap, _GxIdeKbManagerImport_objectCategoryItemMap, _GxIdeKbManagerImport_cancelImportHandler, _GxIdeKbManagerImport_clearStatusHandler, _GxIdeKbManagerImport_evaluateImport, _GxIdeKbManagerImport_evaluateImportStatusMessage, _GxIdeKbManagerImport_importObjectsHandler, _GxIdeKbManagerImport_loadFileHandler, _GxIdeKbManagerImport_objectsTreeCheckedItemsChangedHandler, _GxIdeKbManagerImport_objectsTreeContextMenuHandler, _GxIdeKbManagerImport_objectsTreeSelectedItemsChangedHandler, _GxIdeKbManagerImport_optionsHandler, _GxIdeKbManagerImport_removeFileSelection, _GxIdeKbManagerImport_selectFileInputHandler, _GxIdeKbManagerImport_selectFileInputChangedHandler, _GxIdeKbManagerImport_statusButtonsSelectionChangedHandler, _GxIdeKbManagerImport_toggleSelectionClickHandler, _GxIdeKbManagerImport_updateStatusItemsState;
 import { Host, h } from "@stencil/core";
-/* CUSTOM IMPORTS */
+import { getIconPath } from "@genexus/mercury";
 import { Locale } from "../../common/locale";
-import { config } from "../../common/config";
-import { convertImportCategoryToTreeView, addImportItemResultDataItem } from "./helpers";
-// import { CheckboxInfo } from "@genexus/gemini/dist/types/components/form-checkbox/form-checkbox";
-import { countTreeItems } from "../../common/helpers";
-import { KB_OBJECT } from "./helpers";
+import { convertImportCategoryDataToTreeView, addImportItemResultDataItem } from "./helpers";
+import { KB_OBJECT, STATUS_REGEXP_KEY } from "./helpers";
 const CSS_BUNDLES = [
     "resets/box-sizing",
-    "utils/form",
-    "utils/layout",
-    "utils/typography",
     "components/button",
     "components/checkbox",
     "components/edit",
-    "components/tree-view"
+    "components/icon",
+    "components/tree-view",
+    "utils/form",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing"
 ];
+const NOTICE_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "notice",
+    colorType: "on-elevation"
+});
+const FILE_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "file",
+    colorType: "primary"
+});
+const GEMINI_TOOLS_SETTINGS = getIconPath({
+    category: "gemini-tools",
+    name: "settings",
+    colorType: "primary"
+});
+const MENU_DELETE = getIconPath({
+    category: "menus",
+    name: "delete",
+    colorType: "primary"
+});
+const CHECKBOX_ALL_CHECKED_VALUE = "allChecked";
+const CHECKBOX_ALL_UNCHECKED_VALUE = "allUnchecked";
 export class GxIdeKbManagerImport {
     constructor() {
-        this.renderedFirstTime = false;
-        /* ImportCategoryBasicData Holds the original name of category data, and its id. Used to create parent nodes on the imported tree*/
-        this.importCategoryData = [];
-        this.objectsInFileTotalNodes = 0;
-        this.selectedObjectsInFileIds = [];
-        // 9.LOCAL METHODS //
-        this.updateStatusItemsState = () => {
-            this.errorItemsIds = [];
-            this.warningItemsIds = [];
-            this.successItemsIds = [];
-            this.importTreeState.forEach(item => {
-                const items = item.items;
-                items.forEach(child => {
-                    if (child.metadata === "error") {
-                        this.errorItemsIds.push(child.id);
-                    }
-                    if (child.metadata === "warning") {
-                        this.warningItemsIds.push(child.id);
-                    }
-                    if (child.metadata === "success") {
-                        this.successItemsIds.push(child.id);
-                    }
-                });
-            });
-        };
-        this.evaluateImportStatusMessage = () => {
+        /**
+         * The component hard-coded strings translations.
+         */
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _GxIdeKbManagerImport_componentLocale.set(this, void 0);
+        _GxIdeKbManagerImport_selectedObjectsInFileIds.set(this, []);
+        _GxIdeKbManagerImport_fileInputEl.set(this, void 0);
+        _GxIdeKbManagerImport_fileInputHiddenEl.set(this, void 0);
+        _GxIdeKbManagerImport_objectsTreeEl.set(this, void 0);
+        _GxIdeKbManagerImport_successItemsIds.set(this, new Set());
+        _GxIdeKbManagerImport_warningItemsIds.set(this, new Set());
+        _GxIdeKbManagerImport_errorItemsIds.set(this, new Set());
+        // #categoryItemMap maps a category id, with the name and icon.
+        // required for the "import status" tree.
+        _GxIdeKbManagerImport_categoryItemMap.set(this, new Map());
+        _GxIdeKbManagerImport_objectCategoryItemMap.set(this, new Map());
+        _GxIdeKbManagerImport_cancelImportHandler.set(this, () => {
+            this.cancelCallback();
+        });
+        _GxIdeKbManagerImport_clearStatusHandler.set(this, () => {
+            this.importTreeState = [];
+            this.statusInfo.error.number = 0;
+            this.statusInfo.warning.number = 0;
+            this.statusInfo.success.number = 0;
+        });
+        _GxIdeKbManagerImport_evaluateImport.set(this, () => {
+            var _a;
+            this.noImport = !!(((_a = this.importTreeState) === null || _a === void 0 ? void 0 : _a.length) === 0 || !this.importTreeState);
+        });
+        _GxIdeKbManagerImport_evaluateImportStatusMessage.set(this, () => {
             this.someStatusVisible =
                 this.statusInfo.error.display ||
                     this.statusInfo.warning.display ||
                     this.statusInfo.success.display;
-        };
-        this.evaluateObjects = () => {
-            var _a;
-            this.noObjects = !!(((_a = this.objectsTreeState) === null || _a === void 0 ? void 0 : _a.length) === 0 || !this.objectsTreeState);
-        };
-        this.evaluateImport = () => {
-            var _a;
-            this.noImport = !!(((_a = this.importTreeState) === null || _a === void 0 ? void 0 : _a.length) === 0 || !this.importTreeState);
-        };
-        this.selectFileAndLoadHandler = () => {
-            this.fileInputEl.openFile();
-        };
-        this.loadFileHandler = async () => {
-            if (this.loadCallback && this.selectedFile) {
-                this.importCategoryData = await this.loadCallback(this.selectedFile);
-                const importCategoryTreeData = convertImportCategoryToTreeView(this.importCategoryData);
-                this.objectsTreeState = importCategoryTreeData;
-                if (this.importCategoryData.length > 0) {
-                    // clear input
-                    this.selectedFile = null;
-                }
-            }
-        };
-        this.fileSelectedHandler = (fileEvent) => {
-            this.selectedFile = fileEvent.detail[0];
-        };
-        this.importObjectsHandler = async () => {
-            if (this.importCallback) {
-                /* first clear imported objects (this clears errors/warnings/success counts as well)*/
-                this.clearStatusHandler();
-                /* then do the import*/
-                this.importingIsInProcess = true;
-                this.objectsButtonsGroup.selectedButtonId = "cancel-import-btn";
-                this.importCallback(this.checkedObjectsIds).then(() => {
-                    this.importingIsInProcess = false;
+        });
+        _GxIdeKbManagerImport_importObjectsHandler.set(this, async () => {
+            /* first clear imported objects (this clears errors/warnings/success counts as well)*/
+            __classPrivateFieldGet(this, _GxIdeKbManagerImport_clearStatusHandler, "f").call(this);
+            /* then do the import*/
+            this.importingIsInProcess = true;
+            this.importCallback(this.checkedObjectsIds).then(() => {
+                this.importingIsInProcess = false;
+            });
+        });
+        _GxIdeKbManagerImport_loadFileHandler.set(this, async (file) => {
+            const importedCategoryData = await this.loadCallback(file);
+            __classPrivateFieldGet(this, _GxIdeKbManagerImport_categoryItemMap, "f").clear();
+            __classPrivateFieldGet(this, _GxIdeKbManagerImport_objectCategoryItemMap, "f").clear();
+            importedCategoryData.forEach(category => {
+                __classPrivateFieldGet(this, _GxIdeKbManagerImport_categoryItemMap, "f").set(category.id, {
+                    name: category.name,
+                    icon: category.icon
                 });
+                category.items.forEach(object => {
+                    __classPrivateFieldGet(this, _GxIdeKbManagerImport_objectCategoryItemMap, "f").set(object.id, category.id);
+                });
+            });
+            const importCategoryTreeData = convertImportCategoryDataToTreeView(importedCategoryData);
+            this.objectsTreeModel = importCategoryTreeData;
+        });
+        _GxIdeKbManagerImport_objectsTreeCheckedItemsChangedHandler.set(this, (event) => {
+            const allItems = event.detail;
+            const checkedItemIds = [];
+            const checkedObjectsIds = [];
+            allItems.forEach(item => {
+                if (item.item.checked) {
+                    checkedItemIds.push(item.item.id);
+                }
+                if (item.item.checked && item.item.metadata === KB_OBJECT) {
+                    checkedObjectsIds.push(item.item.id);
+                }
+            });
+            this.checkedObjectsIds = checkedObjectsIds;
+            // Evaluate "Select All / Unselect All" checkbox state
+            if (allItems.size === checkedItemIds.length) {
+                this.selectAllCheckboxValue = CHECKBOX_ALL_CHECKED_VALUE;
+                this.selectAllCheckboxIndeterminate = false;
             }
-        };
-        this.objectsTreeCheckedItemsChangedHandler = (event) => {
-            /* 1. Begin of evaluate 'select/unselect checkbox' state*/
-            if (event.detail == null) {
-                this.toggleObjectsCheckboxEl.checked = false;
-                this.toggleObjectsCheckboxEl.indeterminate = false;
-                return;
+            else if (checkedItemIds.length === 0) {
+                this.selectAllCheckboxValue = CHECKBOX_ALL_UNCHECKED_VALUE;
+                this.selectAllCheckboxIndeterminate = false;
             }
-            const allItemsWithCheckbox = [...event.detail.values()];
-            if (allItemsWithCheckbox.length === 0) {
-                this.toggleObjectsCheckboxEl.checked = false;
-                this.toggleObjectsCheckboxEl.indeterminate = false;
-                return;
+            else {
+                this.selectAllCheckboxIndeterminate = true;
             }
-            const firstItemCheckedValue = allItemsWithCheckbox[0].item.checked;
-            const allItemsHaveTheSameCheckedValue = allItemsWithCheckbox.every(treeItem => treeItem.item.checked === firstItemCheckedValue);
-            this.toggleObjectsCheckboxEl.checked = firstItemCheckedValue;
-            this.toggleObjectsCheckboxEl.indeterminate =
-                !allItemsHaveTheSameCheckedValue;
-            /* /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);
-            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.objectsTreeSelectedItemsChangedHandler = (event) => {
-            this.selectedObjectsInFileIds = event.detail.map(item => item.item.id);
-        };
-        this.objectsTreeContextMenuHandler = (event) => {
-            if (this.objectContextMenuCallback && event.detail.metadata === KB_OBJECT) {
+        });
+        _GxIdeKbManagerImport_objectsTreeContextMenuHandler.set(this, (event) => {
+            if (event.detail.metadata === KB_OBJECT) {
                 this.objectContextMenuCallback("imported", {
-                    selection: this.selectedObjectsInFileIds,
+                    selection: __classPrivateFieldGet(this, _GxIdeKbManagerImport_selectedObjectsInFileIds, "f"),
                     clientX: event.detail.contextmenuEvent.screenX,
                     clientY: event.detail.contextmenuEvent.screenY
                 });
             }
-        };
-        this.cancelImportHandler = () => {
-            if (this.cancelCallback) {
-                this.cancelCallback().then(result => {
-                    if (result) {
-                        this.topStateBarEl.active = false;
-                    }
-                });
-                // returns boolean
-            }
-        };
-        this.optionsHandler = () => {
+        });
+        _GxIdeKbManagerImport_objectsTreeSelectedItemsChangedHandler.set(this, (event) => {
+            __classPrivateFieldSet(this, _GxIdeKbManagerImport_selectedObjectsInFileIds, event.detail.map(item => item.item.id), "f");
+        });
+        _GxIdeKbManagerImport_optionsHandler.set(this, () => {
             if (this.optionsCallback) {
                 this.optionsCallback();
                 // returns boolean
             }
-        };
-        this.clearStatusHandler = () => {
-            this.importTreeState = [];
-            this.statusInfo.error.number = 0;
-            this.statusInfo.warning.number = 0;
-            this.statusInfo.success.number = 0;
-        };
-        this.toggleSelectionClickHandler = (e) => {
-            if (this.objectsTreeEl) {
-                const checked = e.target.checked;
-                this.toggleObjectsCheckboxEl.indeterminate = false;
-                this.objectsTreeEl.updateAllItemsProperties({ checked: checked });
+        });
+        _GxIdeKbManagerImport_removeFileSelection.set(this, () => {
+            this.selectedFile = null;
+            __classPrivateFieldGet(this, _GxIdeKbManagerImport_fileInputHiddenEl, "f").value = null;
+        });
+        _GxIdeKbManagerImport_selectFileInputHandler.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeKbManagerImport_fileInputHiddenEl, "f").click();
+        });
+        _GxIdeKbManagerImport_selectFileInputChangedHandler.set(this, (event) => {
+            var _a;
+            const target = event.target;
+            if (((_a = target.files) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                this.selectedFile = target.files[0];
             }
-        };
-        this.statusButtonsSelectionChangedHandler = (e) => {
-            const activeStates = e.detail;
+        });
+        _GxIdeKbManagerImport_statusButtonsSelectionChangedHandler.set(this, (event) => {
+            const activeStates = event.detail;
+            const statuses = [];
             const errorIndex = activeStates.findIndex(state => state.itemId === "errors");
             const warningIndex = activeStates.findIndex(state => state.itemId === "warnings");
             const successIndex = activeStates.findIndex(state => state.itemId === "successes");
+            if (errorIndex !== -1) {
+                statuses.push("error");
+            }
+            if (warningIndex !== -1) {
+                statuses.push("warning");
+            }
+            if (successIndex !== -1) {
+                statuses.push("success");
+            }
+            let pattern = `"${STATUS_REGEXP_KEY}":""`;
+            if (statuses.length) {
+                const statusOptions = statuses.join("|");
+                pattern = `"${STATUS_REGEXP_KEY}":"(${statusOptions})"`;
+            }
+            this.importedTreeFilterRegExp = new RegExp(pattern, "i");
+            // Update statusInfo for the status-buttons
             this.statusInfo = {
                 error: {
                     display: errorIndex !== -1,
@@ -206,117 +210,46 @@ export class GxIdeKbManagerImport {
                     number: this.statusInfo.success.number
                 }
             };
-            this.evaluateImportStatusMessage();
-        };
-        this.evaluateCheckAllValue = () => {
-            let checked = true;
-            const allAreChecked = this.objectsInFileTotalNodes === this.checkedObjectsIds.length;
-            const conditionToUncheck = this.objectsTreeState.length === 0 || !allAreChecked;
-            if (conditionToUncheck) {
-                checked = false;
+            __classPrivateFieldGet(this, _GxIdeKbManagerImport_evaluateImportStatusMessage, "f").call(this);
+        });
+        _GxIdeKbManagerImport_toggleSelectionClickHandler.set(this, (event) => {
+            if (__classPrivateFieldGet(this, _GxIdeKbManagerImport_objectsTreeEl, "f")) {
+                const checked = event.detail === CHECKBOX_ALL_CHECKED_VALUE;
+                __classPrivateFieldGet(this, _GxIdeKbManagerImport_objectsTreeEl, "f").updateAllItemsProperties({ checked: checked });
             }
-            return checked;
-        };
-        this.fileClearedHandler = () => {
-            this.selectedFile = null;
-        };
-        /**
-         * @description Filters the imported items based on the state of the status checkboxes (error, warning, success).
-         */
-        this.filterImportedHandler = () => {
-            const filteredItems = [];
+        });
+        _GxIdeKbManagerImport_updateStatusItemsState.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeKbManagerImport_errorItemsIds, "f").clear();
+            __classPrivateFieldGet(this, _GxIdeKbManagerImport_warningItemsIds, "f").clear();
+            __classPrivateFieldGet(this, _GxIdeKbManagerImport_successItemsIds, "f").clear();
             this.importTreeState.forEach(item => {
                 const items = item.items;
                 items.forEach(child => {
-                    if (this.statusInfo.error.display &&
-                        this.statusInfo.warning.display &&
-                        this.statusInfo.success.display) {
-                        // all are checked, return all
-                        filteredItems.push(child.id);
-                        child.items.forEach(mesageItem => {
-                            filteredItems.push(mesageItem.id);
-                        });
-                    }
-                    else if (this.statusInfo.error.display &&
-                        this.statusInfo.warning.display &&
-                        !this.statusInfo.success.display) {
-                        // return error and warning only;
-                        const foundSuccess = this.successItemsIds.find(successItemId => successItemId === child.id);
-                        if (!foundSuccess) {
-                            filteredItems.push(child.id);
-                            child.items.forEach(mesageItem => {
-                                filteredItems.push(mesageItem.id);
-                            });
-                        }
-                    }
-                    else if (this.statusInfo.error.display &&
-                        !this.statusInfo.warning.display &&
-                        this.statusInfo.success.display) {
-                        // return error and success only
-                        const foundWarning = this.warningItemsIds.find(warningItemId => warningItemId === child.id);
-                        if (!foundWarning) {
-                            filteredItems.push(child.id);
-                            child.items.forEach(mesageItem => {
-                                filteredItems.push(mesageItem.id);
-                            });
-                        }
-                    }
-                    else if (this.statusInfo.error.display &&
-                        !this.statusInfo.warning.display &&
-                        !this.statusInfo.success.display) {
-                        // return error only
-                        const foundError = this.errorItemsIds.find(errorItemId => errorItemId === child.id);
-                        if (foundError) {
-                            filteredItems.push(child.id);
-                            child.items.forEach(mesageItem => {
-                                filteredItems.push(mesageItem.id);
-                            });
-                        }
-                    }
-                    else if (!this.statusInfo.error.display &&
-                        this.statusInfo.warning.display &&
-                        this.statusInfo.success.display) {
-                        // return warning and success
-                        const foundError = this.errorItemsIds.find(errorItemId => errorItemId === child.id);
-                        if (!foundError) {
-                            filteredItems.push(child.id);
-                            child.items.forEach(mesageItem => {
-                                filteredItems.push(mesageItem.id);
-                            });
-                        }
+                    if (child.metadata === "error") {
+                        __classPrivateFieldGet(this, _GxIdeKbManagerImport_errorItemsIds, "f").add(child.id);
                     }
-                    else if (!this.statusInfo.error.display &&
-                        this.statusInfo.warning.display &&
-                        !this.statusInfo.success.display) {
-                        // return warning only
-                        const foundWarning = this.warningItemsIds.find(warningItemId => warningItemId === child.id);
-                        if (foundWarning) {
-                            filteredItems.push(child.id);
-                            child.items.forEach(mesageItem => {
-                                filteredItems.push(mesageItem.id);
-                            });
-                        }
+                    if (child.metadata === "warning") {
+                        __classPrivateFieldGet(this, _GxIdeKbManagerImport_warningItemsIds, "f").add(child.id);
                     }
-                    else if (!this.statusInfo.error.display &&
-                        !this.statusInfo.warning.display &&
-                        this.statusInfo.success.display) {
-                        // return success only
-                        const foundSuccess = this.successItemsIds.find(successItemId => successItemId === child.id);
-                        if (foundSuccess) {
-                            filteredItems.push(child.id);
-                            child.items.forEach(mesageItem => {
-                                filteredItems.push(mesageItem.id);
-                            });
-                        }
+                    if (child.metadata === "success") {
+                        __classPrivateFieldGet(this, _GxIdeKbManagerImport_successItemsIds, "f").add(child.id);
                     }
-                    // else do nothing. Al status checkboxes are unchecked.
                 });
             });
-            return filteredItems;
-        };
+        });
         this.checkedObjectsIds = [];
-        this.noObjects = undefined;
+        this.selectAllCheckboxValue = undefined;
+        this.selectAllCheckboxIndeterminate = false;
+        this.importStatusMessage = undefined;
+        this.importTreeState = [];
+        this.importedTreeFilterRegExp = undefined;
+        this.importingIsInProcess = false;
+        this.importTreeFilterList = [];
+        this.noImport = undefined;
+        this.noObjects = true;
+        this.objectsTreeModel = [];
         this.showHiddenImportsMessage = false;
+        this.someStatusVisible = undefined;
         this.statusInfo = {
             error: {
                 display: true,
@@ -331,100 +264,107 @@ export class GxIdeKbManagerImport {
                 number: 0
             }
         };
-        this.objectsTreeState = [];
-        this.importStatusMessage = undefined;
-        this.someStatusVisible = undefined;
-        this.noImport = undefined;
-        this.importTreeState = [];
-        this.importingIsInProcess = false;
-        this.displayTitle = false;
-        this.topStateBar = true;
-        this.selectedFile = undefined;
-        this.optionsCallback = undefined;
+        this.cancelCallback = undefined;
         this.importCallback = undefined;
         this.loadCallback = undefined;
-        this.cancelCallback = undefined;
-        this.statusMinimal = false;
         this.objectContextMenuCallback = undefined;
+        this.optionsCallback = undefined;
+        this.selectedFile = undefined;
+        this.statusMinimal = false;
     }
-    watchObjectsTreeStateHandler(newState) {
-        this.noObjects = !!(newState.length === 0 || !newState);
-        this.objectsInFileTotalNodes = countTreeItems(newState);
+    importTreeStateChanged() {
+        // this.#filterImportedHandler();
     }
     watchImportTreeStateHandler() {
-        this.evaluateImport();
+        __classPrivateFieldGet(this, _GxIdeKbManagerImport_evaluateImport, "f").call(this);
         if (this.noImport) {
             this.importStatusMessage =
-                this._componentLocale.main.importStatus.noImportedFiles;
+                __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").main.importStatus.noImportedFiles;
         }
         else {
             this.importStatusMessage =
-                this._componentLocale.main.importStatus.importedButHidden;
+                __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").main.importStatus.importedButHidden;
         }
     }
-    watchImportingIsInProcessHandler(isImporting) {
-        if (isImporting && this.topStateBar) {
-            this.topStateBarEl.active = true;
-        }
-        else if (!isImporting && this.topStateBar) {
-            this.topStateBarEl.active = false;
-        }
+    watchObjectsTreeModelHandler(newState) {
+        this.noObjects = !newState || newState.length === 0;
     }
-    watchSelectedFileHandler(file) {
-        if (file && file.name && file.size > 0) {
-            this.loadFileHandler();
+    selectedFileChanged(newFile) {
+        if (newFile) {
+            __classPrivateFieldGet(this, _GxIdeKbManagerImport_loadFileHandler, "f").call(this, newFile);
         }
     }
-    // 6.COMPONENT LIFECYCLE EVENTS //
+    componentDidLoad() {
+        __classPrivateFieldGet(this, _GxIdeKbManagerImport_fileInputEl, "f").focus();
+    }
+    componentDidRender() { }
     async componentWillLoad() {
-        this._componentLocale = await Locale.getComponentStrings(this.el);
+        __classPrivateFieldSet(this, _GxIdeKbManagerImport_componentLocale, await Locale.getComponentStrings(this.el), "f");
         this.componentDidLoadEvent.emit(true);
-        this.evaluateObjects();
-        this.evaluateImport();
+        // this.#evaluateObjects();
+        __classPrivateFieldGet(this, _GxIdeKbManagerImport_evaluateImport, "f").call(this);
         this.importStatusMessage =
-            this._componentLocale.main.importStatus.noImportedFiles;
-        this.evaluateImportStatusMessage();
-    }
-    componentDidLoad() {
-        this.fileInputEl.focus();
+            __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").main.importStatus.noImportedFiles;
+        __classPrivateFieldGet(this, _GxIdeKbManagerImport_evaluateImportStatusMessage, "f").call(this);
     }
-    componentDidRender() {
-        if (!this.renderedFirstTime) {
-            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-            this.renderedFirstTime = true;
-        }
-    }
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
     /**
      * Add the result of importing an item
      */
     async addResultItem(item) {
-        this.importTreeState = addImportItemResultDataItem(item, this.importCategoryData, this.importTreeState);
+        this.importTreeState = addImportItemResultDataItem(item, __classPrivateFieldGet(this, _GxIdeKbManagerImport_categoryItemMap, "f"), __classPrivateFieldGet(this, _GxIdeKbManagerImport_objectCategoryItemMap, "f"), this.importTreeState);
         this.statusInfo[item.status].number++;
-        this.updateStatusItemsState();
+        __classPrivateFieldGet(this, _GxIdeKbManagerImport_updateStatusItemsState, "f").call(this);
     }
-    //  10.RENDER() FUNCTION //
     render() {
-        var _a;
-        return (h(Host, { class: "gx-ide-component" }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noFooterPadding: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("header", { class: "header", slot: "header" }, 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) }), h("gxg-button", { type: "primary-text-icon", icon: "gemini-tools/file", part: "select-file-load-button", onClick: this.selectFileAndLoadHandler, disabled: this.importingIsInProcess }, this._componentLocale.header.selectFileButton)), h("main", { class: "main" }, h("div", { class: "container-wrapper" }, this.topStateBar ? (h("gxg-top-state-bar", { class: "top-state-bar", part: "top-state-bar", caption: this._componentLocale.loader.title, ref: el => (this.topStateBarEl = el) })) : null, h("gx-ide-container", { containerTitle: this._componentLocale.main.objectsInFile.title, noContentPadding: true, noBorderFooter: true, class: "left-container", slimmerFooter: true, inactiveTitle: this.noObjects, titleType: "secondary" }, h("div", { class: {
-                "tree-container": true,
-                "tree-container--objects-in-file": true,
-                "tree-container--empty": this.noObjects
-            } }, !this.noObjects ? (h("ch-tree-view-render", { showLines: "last", class: "tree-view", model: this.objectsTreeState, dragDisabled: true, dropDisabled: true, toggleCheckboxes: true, checkbox: true, checked: true, onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler, onSelectedItemsChange: this.objectsTreeSelectedItemsChangedHandler, onItemContextmenu: this.objectsTreeContextMenuHandler, ref: el => (this.objectsTreeEl =
-                el) })) : (h("div", { class: "gx-ide-message" }, h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message" }, this._componentLocale.main.objectsInFile.noObjects, h("gxg-text", { type: "text-link-no-line", onClick: this.selectFileAndLoadHandler }, this._componentLocale.main.objectsInFile
-            .selectFile))))), 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) }), h("gxg-buttons-container", { reduced: true, slot: "footer-end", ref: (el) => (this.objectsButtonsGroup =
-                el) }, h("gxg-button", { id: "import-btn", part: "import-button", disabled: ((_a = this.objectsTreeState) === null || _a === void 0 ? void 0 : _a.length) === 0 ||
-                this.importingIsInProcess, onClick: this.importObjectsHandler, selected: true }, this._componentLocale.main.objectsInFile.importButton), h("gxg-button", { id: "cancel-import-btn", part: "cancel-import-button", disabled: !this.importingIsInProcess, onClick: this.cancelImportHandler }, this._componentLocale.main.objectsInFile.cancelButton)), 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)), h("gx-ide-container", { class: "right-container", containerTitle: this._componentLocale.main.importStatus.title, noContentPadding: true, noBorderFooter: true, slimmerFooter: true, inactiveTitle: this.noImport, titleType: "secondary" }, h("div", { class: {
-                "tree-container": true,
-                "tree-container--import-status": true,
-                "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-succeeded": !this.statusInfo.success.display
-            } }, !this.noImport && this.someStatusVisible ? (h("ch-tree-view-render", { model: this.importTreeState, toggleCheckboxes: true, showLines: "last", class: "tree-view", filterType: "list", filterList: this.filterImportedHandler() })) : (h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message", class: "gx-ide-message" }, this.importStatusMessage))), h("gxg-button", { type: "secondary-text-only", slot: "footer-end", part: "select-kb-btn", onClick: this.clearStatusHandler, disabled: this.noImport || this.importingIsInProcess }, this._componentLocale.main.importStatus.clearButton), h("span", { class: "ghost-element", slot: "footer-start" })))), h("footer", { slot: "footer-start" }, h("gx-ide-status-buttons", { errors: this.statusInfo.error.number, warnings: this.statusInfo.warning.number, successes: this.statusInfo.success.number, hideMessage: true, compact: true, minimal: this.statusMinimal, onSelectionChanged: this.statusButtonsSelectionChangedHandler }))))));
+        var _a, _b;
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, h("header", {
+            // header
+            class: "field-group control-header-with-border header header-two-cols spacing-body-block-start spacing-body-inline", slot: "header"
+        }, h("div", {
+            // select a file
+            class: "field field-inline"
+        }, h("label", { class: "label", htmlFor: "file-name" }, __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").header.fileNameLabel), h("ch-edit", { autoFocus: true, id: "file-name", class: "input", part: "file-name", type: "text", readonly: true, value: (_a = this.selectedFile) === null || _a === void 0 ? void 0 : _a.name, placeholder: __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").header.fileNamePlaceholder, startImgSrc: FILE_ICON, ref: (el) => (__classPrivateFieldSet(this, _GxIdeKbManagerImport_fileInputEl, el, "f")) }), h("input", { hidden: true, type: "file", accept: ".xpz, .xml", onChange: __classPrivateFieldGet(this, _GxIdeKbManagerImport_selectFileInputChangedHandler, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeKbManagerImport_fileInputHiddenEl, el, "f")) })), h("div", { class: "buttons-spacer" }, h("button", { "aria-label": __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").header.removeFileSelection, title: __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").header.removeFileSelection, id: "reset-all-button", class: "button-tertiary button-icon-only", part: "reset-all-button", onClick: __classPrivateFieldGet(this, _GxIdeKbManagerImport_removeFileSelection, "f") }, h("ch-image", { class: "icon-md", src: MENU_DELETE })), h("button", {
+            // select file
+            id: "select-file-load-button", class: "button-primary", part: "select-file-load-button", onClick: __classPrivateFieldGet(this, _GxIdeKbManagerImport_selectFileInputHandler, "f"), disabled: this.importingIsInProcess
+        }, __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").header.selectFileButton))), h("section", {
+            // objects in file
+            class: "objects-in-file__section"
+        }, h("h2", { class: "control-header control-header-with-border control-header__objects-in-file heading-5 text-align-center spacing-body-inline" }, __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").main.objectsInFile.title), h("div", { class: "field-group objects-in-file__main" }, !this.noObjects ? (h("ch-tree-view-render", {
+            // objects in file tree
+            showLines: "last", class: "tree-view", model: this.objectsTreeModel, dragDisabled: true, dropDisabled: true, toggleCheckboxes: true, checkbox: true, checked: true, onCheckedItemsChange: __classPrivateFieldGet(this, _GxIdeKbManagerImport_objectsTreeCheckedItemsChangedHandler, "f"), onSelectedItemsChange: __classPrivateFieldGet(this, _GxIdeKbManagerImport_objectsTreeSelectedItemsChangedHandler, "f"), onItemContextmenu: __classPrivateFieldGet(this, _GxIdeKbManagerImport_objectsTreeContextMenuHandler, "f"), ref: el => (__classPrivateFieldSet(this, _GxIdeKbManagerImport_objectsTreeEl, el, "f"))
+        })) : (h("gx-ide-empty-state", { isAnimated: false, stateTitle: __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").main.objectsInFile.noObjects, key: "no-objects-empty-state" }, h("button", {
+            // begin by selecting a file
+            class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeKbManagerImport_selectFileInputHandler, "f")
+        }, __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").main.objectsInFile.selectFile))), h("footer", { class: "field-group objects-in-file__footer spacing-body-inline" }, h("ch-checkbox", {
+            // select all / unselect all checkbox
+            id: "select-all-checkbox", class: "checkbox create-data-in-kb", checkedValue: CHECKBOX_ALL_CHECKED_VALUE, unCheckedValue: CHECKBOX_ALL_UNCHECKED_VALUE, caption: __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").main.objectsInFile.selectUnselect, value: this.selectAllCheckboxValue, onInput: __classPrivateFieldGet(this, _GxIdeKbManagerImport_toggleSelectionClickHandler, "f"), disabled: this.importingIsInProcess ||
+                this.objectsTreeModel.length === 0, part: "select-all-checkbox"
+        }), h("div", { class: "buttons-spacer" }, h("button", {
+            // import objects button
+            id: "import-btn", class: "button-primary ", onClick: __classPrivateFieldGet(this, _GxIdeKbManagerImport_importObjectsHandler, "f"), disabled: ((_b = this.objectsTreeModel) === null || _b === void 0 ? void 0 : _b.length) === 0 ||
+                this.importingIsInProcess
+        }, __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").main.objectsInFile.importButton), h("button", {
+            // cancel-import button
+            id: "cancel-import-btn", class: "button-secondary ", onClick: __classPrivateFieldGet(this, _GxIdeKbManagerImport_cancelImportHandler, "f"), disabled: !this.importingIsInProcess, part: "cancel-import-button"
+        }, __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").main.objectsInFile.cancelButton), h("button", {
+            // settings/options button
+            id: "select-kb-btn", class: "button-tertiary button-icon-only", part: "select-kb-btn", onClick: __classPrivateFieldGet(this, _GxIdeKbManagerImport_optionsHandler, "f")
+        }, h("ch-image", { class: "icon-md", src: GEMINI_TOOLS_SETTINGS })))))), h("section", {
+            // import status
+            class: "import-status__section"
+        }, h("h2", { class: "control-header control-header-with-border control-header__import-status heading-5 text-align-center spacing-body-inline" }, __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").main.importStatus.title), h("div", { class: "field-group import-status__main" }, !this.noImport && this.someStatusVisible ? (h("ch-tree-view-render", {
+            // import status tree
+            model: this.importTreeState, toggleCheckboxes: true, showLines: "last", class: "tree-view", filter: this.importedTreeFilterRegExp, filterType: "metadata", filterOptions: {
+                autoExpand: true,
+                hideMatchesAndShowNonMatches: false
+            }
+        })) : (h("gx-ide-empty-state", { isAnimated: false, stateIconSrc: NOTICE_ICON, stateTitle: this.importStatusMessage, key: "no-objects-empty-state" })), h("footer", { class: "import-status__footer spacing-body-inline" }, h("button", {
+            // clear status button
+            class: "button-secondary import-clear-status-btn", onClick: __classPrivateFieldGet(this, _GxIdeKbManagerImport_clearStatusHandler, "f"), disabled: this.noImport || this.importingIsInProcess, part: "clear-status-btn"
+        }, __classPrivateFieldGet(this, _GxIdeKbManagerImport_componentLocale, "f").main.importStatus.clearButton)))), h("footer", {
+            // footer
+            class: "footer"
+        }, h("gx-ide-status-buttons", { errors: this.statusInfo.error.number, warnings: this.statusInfo.warning.number, successes: this.statusInfo.success.number, hideMessage: true, compact: true, minimal: this.statusMinimal, onSelectionChanged: __classPrivateFieldGet(this, _GxIdeKbManagerImport_statusButtonsSelectionChangedHandler, "f") })))));
     }
     static get is() { return "gx-ide-kb-manager-import"; }
     static get encapsulation() { return "shadow"; }
@@ -441,147 +381,129 @@ export class GxIdeKbManagerImport {
     static get assetsDirs() { return ["gx-ide-assets/kb-manager-import"]; }
     static get properties() {
         return {
-            "displayTitle": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "false",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If true it displays the component title on the header"
-                },
-                "attribute": "display-title",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "topStateBar": {
-                "type": "boolean",
+            "cancelCallback": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "true",
-                    "resolved": "boolean",
-                    "references": {}
+                    "original": "CancelCallback",
+                    "resolved": "() => Promise<boolean>",
+                    "references": {
+                        "CancelCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-import/kb-manager-import.tsx",
+                            "id": "src/components/kb-manager-import/kb-manager-import.tsx::CancelCallback"
+                        }
+                    }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "If true, it will display a loader when needed."
-                },
-                "attribute": "top-state-bar",
-                "reflect": false,
-                "defaultValue": "true"
+                    "text": "Callback invoked when user wants to cancel the export process."
+                }
             },
-            "selectedFile": {
+            "importCallback": {
                 "type": "unknown",
-                "mutable": true,
+                "mutable": false,
                 "complexType": {
-                    "original": "File",
-                    "resolved": "File",
+                    "original": "ImportCallback",
+                    "resolved": "(itemIds: string[]) => Promise<boolean>",
                     "references": {
-                        "File": {
-                            "location": "global",
-                            "id": "global::File"
+                        "ImportCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-import/kb-manager-import.tsx",
+                            "id": "src/components/kb-manager-import/kb-manager-import.tsx::ImportCallback"
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The name of the imported xml or xps file"
+                    "text": "Callback invoked when user wants to initiate the import process."
                 }
             },
-            "optionsCallback": {
+            "loadCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "OptionsCallback",
-                    "resolved": "() => Promise<void>",
+                    "original": "LoadCallback",
+                    "resolved": "(file: File) => Promise<ImportCategoryData[]>",
                     "references": {
-                        "OptionsCallback": {
+                        "LoadCallback": {
                             "location": "local",
                             "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-import/kb-manager-import.tsx",
-                            "id": "src/components/kb-manager-import/kb-manager-import.tsx::OptionsCallback"
+                            "id": "src/components/kb-manager-import/kb-manager-import.tsx::LoadCallback"
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Callback invoked when the user wants to access the export options."
+                    "text": "Callback invoked when user wants to load the xpz information"
                 }
             },
-            "importCallback": {
+            "objectContextMenuCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "ImportCallback",
-                    "resolved": "(itemIds: string[]) => Promise<boolean>",
+                    "original": "ObjectContextMenuCallback",
+                    "resolved": "(tree: ObjectsSourceType, contextMenuInfo: ContextMenuInfo) => Promise<void>",
                     "references": {
-                        "ImportCallback": {
+                        "ObjectContextMenuCallback": {
                             "location": "local",
                             "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-import/kb-manager-import.tsx",
-                            "id": "src/components/kb-manager-import/kb-manager-import.tsx::ImportCallback"
+                            "id": "src/components/kb-manager-import/kb-manager-import.tsx::ObjectContextMenuCallback"
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Callback invoked when the user wants to initiate the import process."
+                    "text": "Displays status buttons (errors, warning, succeeded) with minimal UI (no captions)"
                 }
             },
-            "loadCallback": {
+            "optionsCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "LoadCallback",
-                    "resolved": "(file: File) => Promise<ImportCategoryData[]>",
+                    "original": "OptionsCallback",
+                    "resolved": "() => Promise<void>",
                     "references": {
-                        "LoadCallback": {
+                        "OptionsCallback": {
                             "location": "local",
                             "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-import/kb-manager-import.tsx",
-                            "id": "src/components/kb-manager-import/kb-manager-import.tsx::LoadCallback"
+                            "id": "src/components/kb-manager-import/kb-manager-import.tsx::OptionsCallback"
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Callback invoked when the user wants to load the xpz information"
+                    "text": "Callback invoked when user wants to access the export options."
                 }
             },
-            "cancelCallback": {
+            "selectedFile": {
                 "type": "unknown",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
-                    "original": "CancelCallback",
-                    "resolved": "() => Promise<boolean>",
+                    "original": "File",
+                    "resolved": "File",
                     "references": {
-                        "CancelCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-import/kb-manager-import.tsx",
-                            "id": "src/components/kb-manager-import/kb-manager-import.tsx::CancelCallback"
+                        "File": {
+                            "location": "global",
+                            "id": "global::File"
                         }
                     }
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [{
-                            "name": "returns",
-                            "text": "It returns a boolean indicating whether the process could be canceled or not."
-                        }],
-                    "text": "Callback invoked when the user wants to cancel the export process."
+                    "tags": [],
+                    "text": "Imported xml or xps file name"
                 }
             },
             "statusMinimal": {
@@ -596,59 +518,42 @@ export class GxIdeKbManagerImport {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "It displays the status buttons (errors, warning, succeeded) with the minimal ui (no captions)"
+                    "text": "Displays status buttons (error, warning, success) with minimal UI (no captions)."
                 },
                 "attribute": "status-minimal",
                 "reflect": false,
                 "defaultValue": "false"
-            },
-            "objectContextMenuCallback": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "ObjectContextMenuCallback",
-                    "resolved": "(tree: ObjectsSourceType, contextMenuInfo: ContextMenuInfo) => Promise<void>",
-                    "references": {
-                        "ObjectContextMenuCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-import/kb-manager-import.tsx",
-                            "id": "src/components/kb-manager-import/kb-manager-import.tsx::ObjectContextMenuCallback"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "It displays the status buttons (errors, warning, succeeded) with the minimal ui (no captions)"
-                }
             }
         };
     }
     static get states() {
         return {
             "checkedObjectsIds": {},
+            "selectAllCheckboxValue": {},
+            "selectAllCheckboxIndeterminate": {},
+            "importStatusMessage": {},
+            "importTreeState": {},
+            "importedTreeFilterRegExp": {},
+            "importingIsInProcess": {},
+            "importTreeFilterList": {},
+            "noImport": {},
             "noObjects": {},
+            "objectsTreeModel": {},
             "showHiddenImportsMessage": {},
-            "statusInfo": {},
-            "objectsTreeState": {},
-            "importStatusMessage": {},
             "someStatusVisible": {},
-            "noImport": {},
-            "importTreeState": {},
-            "importingIsInProcess": {}
+            "statusInfo": {}
         };
     }
     static get events() {
         return [{
-                "method": "componentDidRenderFirstTime",
-                "name": "componentDidRenderFirstTime",
+                "method": "componentDidLoadEvent",
+                "name": "componentDidLoadEvent",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "This event is emitted once just after the component is fully loaded and the first render() occurs"
+                    "text": "Emitted once just after the component is fully loaded."
                 },
                 "complexType": {
                     "original": "boolean",
@@ -656,14 +561,14 @@ export class GxIdeKbManagerImport {
                     "references": {}
                 }
             }, {
-                "method": "componentDidLoadEvent",
-                "name": "componentDidLoadEvent",
+                "method": "componentDidRenderFirstTime",
+                "name": "componentDidRenderFirstTime",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "This event is emitted once just after the component is fully loaded and the first render() occurs."
+                    "text": "Emitted once just after the component is fully loaded and the first render() occurs"
                 },
                 "complexType": {
                     "original": "boolean",
@@ -705,18 +610,19 @@ export class GxIdeKbManagerImport {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
-                "propName": "objectsTreeState",
-                "methodName": "watchObjectsTreeStateHandler"
+                "propName": "importTreeState",
+                "methodName": "importTreeStateChanged"
             }, {
                 "propName": "importTreeState",
                 "methodName": "watchImportTreeStateHandler"
             }, {
-                "propName": "importingIsInProcess",
-                "methodName": "watchImportingIsInProcessHandler"
+                "propName": "objectsTreeModel",
+                "methodName": "watchObjectsTreeModelHandler"
             }, {
                 "propName": "selectedFile",
-                "methodName": "watchSelectedFileHandler"
+                "methodName": "selectedFileChanged"
             }];
     }
 }
+_GxIdeKbManagerImport_componentLocale = new WeakMap(), _GxIdeKbManagerImport_selectedObjectsInFileIds = new WeakMap(), _GxIdeKbManagerImport_fileInputEl = new WeakMap(), _GxIdeKbManagerImport_fileInputHiddenEl = new WeakMap(), _GxIdeKbManagerImport_objectsTreeEl = new WeakMap(), _GxIdeKbManagerImport_successItemsIds = new WeakMap(), _GxIdeKbManagerImport_warningItemsIds = new WeakMap(), _GxIdeKbManagerImport_errorItemsIds = new WeakMap(), _GxIdeKbManagerImport_categoryItemMap = new WeakMap(), _GxIdeKbManagerImport_objectCategoryItemMap = new WeakMap(), _GxIdeKbManagerImport_cancelImportHandler = new WeakMap(), _GxIdeKbManagerImport_clearStatusHandler = new WeakMap(), _GxIdeKbManagerImport_evaluateImport = new WeakMap(), _GxIdeKbManagerImport_evaluateImportStatusMessage = new WeakMap(), _GxIdeKbManagerImport_importObjectsHandler = new WeakMap(), _GxIdeKbManagerImport_loadFileHandler = new WeakMap(), _GxIdeKbManagerImport_objectsTreeCheckedItemsChangedHandler = new WeakMap(), _GxIdeKbManagerImport_objectsTreeContextMenuHandler = new WeakMap(), _GxIdeKbManagerImport_objectsTreeSelectedItemsChangedHandler = new WeakMap(), _GxIdeKbManagerImport_optionsHandler = new WeakMap(), _GxIdeKbManagerImport_removeFileSelection = new WeakMap(), _GxIdeKbManagerImport_selectFileInputHandler = new WeakMap(), _GxIdeKbManagerImport_selectFileInputChangedHandler = new WeakMap(), _GxIdeKbManagerImport_statusButtonsSelectionChangedHandler = new WeakMap(), _GxIdeKbManagerImport_toggleSelectionClickHandler = new WeakMap(), _GxIdeKbManagerImport_updateStatusItemsState = new WeakMap();
 //# sourceMappingURL=kb-manager-import.js.map