@genexus/genexus-ide-ui 1.0.4 → 1.0.5

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

@@ -1,83 +1,165 @@
-/* STENCIL IMPORTS */
+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 __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 _GxIdeKbManagerExport_instances, _GxIdeKbManagerExport_addKbDescriptionEl, _GxIdeKbManagerExport_componentLocale, _GxIdeKbManagerExport_animateEmptyState, _GxIdeKbManagerExport_exportAllEl, _GxIdeKbManagerExport_fileNameEl, _GxIdeKbManagerExport_kBPropertiesData, _GxIdeKbManagerExport_objectTypesMap, _GxIdeKbManagerExport_objectsSet, _GxIdeKbManagerExport_addKBPropertiesCallbackHandler, _GxIdeKbManagerExport_addObjectsCallbackHandler, _GxIdeKbManagerExport_addReferencesCallbackHandler, _GxIdeKbManagerExport_cancelCallbackHandler, _GxIdeKbManagerExport_clearButtonHandler, _GxIdeKbManagerExport_evaluateContentToDisplay, _GxIdeKbManagerExport_evaluateObjects, _GxIdeKbManagerExport_evaluateTreeViewFilters, _GxIdeKbManagerExport_exportAllChangedHandler, _GxIdeKbManagerExport_exportCallbackHandler, _GxIdeKbManagerExport_objectsTypesArrayToMap, _GxIdeKbManagerExport_objectsTreeCheckedItemsChangedHandler, _GxIdeKbManagerExport_sortTreeItems, _GxIdeKbManagerExport_renderFooter, _GxIdeKbManagerExport_updateObjects;
 import { Host, h } from "@stencil/core";
-/* CUSTOM IMPORTS */
 import { Locale } from "../../common/locale";
-import { config } from "../../common/config";
-import { updateTreeModelWithObjects, convertKbPropertiesDataToTreeItemData, clearKbPropertiesFromTree } from "./helpers";
+import { updateObjectsTreeModel, convertKbPropertiesDataToTreeItemData, clearKbPropertiesFromTree } from "./helpers";
 import { KB_PROPERTY, KB_OBJECT } from "./helpers";
+import { getIconPath } from "@genexus/mercury";
+const FILE_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "file",
+    colorType: "on-elevation"
+});
+const SETTINGS_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "settings",
+    colorType: "primary"
+});
+const GENERAL_REFERENCES_ICON = getIconPath({
+    category: "window-tools",
+    name: "references",
+    colorType: "neutral"
+});
+const MENUS_NEW_OBJECT_ICON = getIconPath({
+    category: "menus",
+    name: "new-object",
+    colorType: "on-primary"
+});
+const TREE_VIEW_ICON = getIconPath({
+    category: "controls",
+    name: "treeview"
+});
+const CHECKBOX_CHECKED_VALUE = "true";
 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"
 ];
 export class GxIdeKbManagerExport {
     constructor() {
-        this.checkedPropertiesIds = [];
-        this.renderedFirstTime = false;
-        this.flattenedObjectTypes = new Map();
-        // 7.LISTENERS //
-        // 8.PUBLIC METHODS API //
-        // 9.LOCAL METHODS //
-        this.evaluateObjects = () => {
-            var _a;
-            this.noObjects = !!(((_a = this.treeModel) === null || _a === void 0 ? void 0 : _a.length) === 0 || !this.treeModel);
-        };
-        this.optionsCallbackHandler = () => {
-            if (this.optionsCallback) {
-                this.optionsCallback();
-                // returns Promise<void>
-            }
-        };
-        this.addKBPropertiesCallbackHandler = async (e) => {
-            const checked = e.detail.value;
-            this.addKbPropertiesIsChecked = checked;
-            if (checked && this.addKBPropertiesCallback) {
-                this.kBPropertiesData = await this.addKBPropertiesCallback();
-                if (this.kBPropertiesData.length === 0) {
-                    // nothing to do
-                }
-                else {
-                    // 'convertObjectDataToTreeItemData' can be used for converting KBPropertiesData as well, because the two types share the same properties
-                    const newTreeModel = convertKbPropertiesDataToTreeItemData(this.kBPropertiesData, this.kbPropertiesTypes, this.treeModel);
-                    this.treeModel = newTreeModel;
+        _GxIdeKbManagerExport_instances.add(this);
+        _GxIdeKbManagerExport_addKbDescriptionEl.set(this, void 0);
+        _GxIdeKbManagerExport_componentLocale.set(this, void 0);
+        _GxIdeKbManagerExport_animateEmptyState.set(this, false);
+        _GxIdeKbManagerExport_exportAllEl.set(this, void 0);
+        _GxIdeKbManagerExport_fileNameEl.set(this, void 0);
+        _GxIdeKbManagerExport_kBPropertiesData.set(this, void 0);
+        /**
+         * Stores the object types information (name, and icon)
+         */
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _GxIdeKbManagerExport_objectTypesMap.set(this, new Map());
+        /**
+         * Stores the object's id that have been added.
+         */
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _GxIdeKbManagerExport_objectsSet.set(this, new Set());
+        _GxIdeKbManagerExport_addKBPropertiesCallbackHandler.set(this, async (e) => {
+            this.addKbPropertiesIsChecked =
+                e.detail.target.value === CHECKBOX_CHECKED_VALUE;
+            if (this.addKbPropertiesIsChecked) {
+                __classPrivateFieldSet(this, _GxIdeKbManagerExport_kBPropertiesData, await this.addKBPropertiesCallback(), "f");
+                if (__classPrivateFieldGet(this, _GxIdeKbManagerExport_kBPropertiesData, "f").length) {
+                    this.objectsTreeViewModel = convertKbPropertiesDataToTreeItemData(__classPrivateFieldGet(this, _GxIdeKbManagerExport_kBPropertiesData, "f"), this.kbPropertiesTypes, this.objectsTreeViewModel);
                 }
             }
-            else if (!checked) {
+            else {
                 // previous properties (if any) should be removed
-                const objectsWithoutProperties = clearKbPropertiesFromTree(this.kBPropertiesData, this.treeModel);
-                this.treeModel = objectsWithoutProperties;
+                this.objectsTreeViewModel = clearKbPropertiesFromTree(this.objectsTreeViewModel);
             }
-        };
-        this.addObjectsCallbackHandler = async () => {
-            if (this.addObjectsCallback) {
-                const objects = await this.addObjectsCallback();
-                this.updateObjects(objects);
+        });
+        _GxIdeKbManagerExport_addObjectsCallbackHandler.set(this, async () => {
+            __classPrivateFieldGet(this, _GxIdeKbManagerExport_exportAllEl, "f").value = undefined;
+            this.exportAllIsChecked = false;
+            const addedObjects = await this.addObjectsCallback();
+            __classPrivateFieldGet(this, _GxIdeKbManagerExport_updateObjects, "f").call(this, addedObjects);
+        });
+        _GxIdeKbManagerExport_addReferencesCallbackHandler.set(this, async () => {
+            const objects = await this.addReferencesCallback(this.checkedObjectsIds);
+            __classPrivateFieldGet(this, _GxIdeKbManagerExport_updateObjects, "f").call(this, objects);
+        });
+        _GxIdeKbManagerExport_cancelCallbackHandler.set(this, async () => {
+            const cancelled = await this.cancelCallback();
+            if (cancelled) {
+                this.exportingIsInProcess = false;
             }
-        };
-        this.addReferencesCallbackHandler = async () => {
-            if (this.addReferencesCallback) {
-                const objects = await this.addReferencesCallback(this.checkedObjectsIds);
-                this.updateObjects(objects);
+        });
+        _GxIdeKbManagerExport_clearButtonHandler.set(this, () => {
+            this.objectsTreeViewModel = [];
+            __classPrivateFieldGet(this, _GxIdeKbManagerExport_objectsSet, "f").clear();
+            __classPrivateFieldGet(this, _GxIdeKbManagerExport_addKbDescriptionEl, "f").value = undefined;
+            __classPrivateFieldGet(this, _GxIdeKbManagerExport_exportAllEl, "f").value = undefined;
+        });
+        _GxIdeKbManagerExport_evaluateContentToDisplay.set(this, () => {
+            // Nothing to display on the tree-view
+            if (!this.hasObjects && !this.exportAllIsChecked) {
+                return (h("gx-ide-empty-state", { isAnimated: __classPrivateFieldGet(this, _GxIdeKbManagerExport_animateEmptyState, "f"), stateTitle: __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").main.noObjectsToDisplay, key: "no-objects-empty-state" }, h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeKbManagerExport_addObjectsCallbackHandler, "f") }, __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").main.beginByADdingSomeObjects)));
             }
-        };
-        /*
-         * Used to update objects. Objects are updated when calling the 'addObjectsCallback' or 'addReferencesCallback'
-         */
-        this.updateObjects = (objects) => {
-            if (objects.length) {
-                const newTreeModel = updateTreeModelWithObjects(objects, this.flattenedObjectTypes, this.treeModel);
-                this.treeModel = newTreeModel;
+            else {
+                __classPrivateFieldSet(this, _GxIdeKbManagerExport_animateEmptyState, true, "f"); // improve performance if is first render
             }
-        };
-        /*
-         * Update checked objects 'checkedObjectsArray' array. Used for the 'addReferencesCallback'
-         */
-        this.objectsTreeCheckedItemsChangedHandler = (event) => {
+            if (this.exportAllIsChecked) {
+                return (h("gx-ide-empty-state", { isAnimated: __classPrivateFieldGet(this, _GxIdeKbManagerExport_animateEmptyState, "f"), stateIconSrc: TREE_VIEW_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").main.exportAllMessage, key: "exporting-all-empty-state" }));
+            }
+            else {
+                __classPrivateFieldSet(this, _GxIdeKbManagerExport_animateEmptyState, true, "f"); // improve performance if is first render
+            }
+            return (h("ch-tree-view-render", { class: "tree-view", checkbox: true, checked: true, dragDisabled: true, dropDisabled: true, filter: __classPrivateFieldGet(this, _GxIdeKbManagerExport_evaluateTreeViewFilters, "f").call(this), filterType: this.addKbPropertiesIsChecked && !this.exportAllIsChecked
+                    ? "none"
+                    : "metadata", model: this.objectsTreeViewModel, showLines: "last", toggleCheckboxes: true, sortItemsCallback: __classPrivateFieldGet(this, _GxIdeKbManagerExport_sortTreeItems, "f"), onCheckedItemsChange: __classPrivateFieldGet(this, _GxIdeKbManagerExport_objectsTreeCheckedItemsChangedHandler, "f") }));
+        });
+        _GxIdeKbManagerExport_evaluateObjects.set(this, () => {
+            this.hasObjects =
+                this.objectsTreeViewModel && this.objectsTreeViewModel.length > 0;
+        });
+        _GxIdeKbManagerExport_evaluateTreeViewFilters.set(this, () => {
+            if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {
+                return KB_PROPERTY; // only show properties
+            }
+            if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {
+                return KB_OBJECT; // only show objects
+            }
+            return "none";
+        });
+        _GxIdeKbManagerExport_exportAllChangedHandler.set(this, (event) => {
+            this.exportAllIsChecked = event.detail.target.value !== "undefined";
+        });
+        _GxIdeKbManagerExport_exportCallbackHandler.set(this, async () => {
+            this.exportingIsInProcess = true;
+            const fileName = __classPrivateFieldGet(this, _GxIdeKbManagerExport_fileNameEl, "f").value;
+            const checkedKbPropertiesIds = this.addKbPropertiesIsChecked
+                ? this.checkedPropertiesIds
+                : [];
+            const checkedObjectIds = this.exportAllIsChecked
+                ? undefined
+                : this.checkedObjectsIds;
+            this.exportCallback(fileName, checkedKbPropertiesIds, checkedObjectIds).then(() => {
+                this.exportingIsInProcess = false;
+            });
+            // returns Promise<boolean> but no procedure was detailed on the spec.
+        });
+        _GxIdeKbManagerExport_objectsTreeCheckedItemsChangedHandler.set(this, (event) => {
             // filter 'checked objects' and 'checked properties' ids
             const checkedObjectsIds = [];
             const checkedPropertiesIds = [];
@@ -92,147 +174,79 @@ export class GxIdeKbManagerExport {
             });
             this.checkedObjectsIds = checkedObjectsIds;
             this.checkedPropertiesIds = checkedPropertiesIds;
-        };
-        this.exportCallbackHandler = async () => {
-            if (this.exportCallback) {
-                this.exportingIsInProcess = true;
-                const exportAllChecked = this.exportAllCheckboxEl.checked;
-                const fileName = this.fileNameEl.value;
-                const checkedKbPropertiesIds = this.addKbPropertiesIsChecked
-                    ? this.checkedPropertiesIds
-                    : [];
-                const checkedObjectIds = exportAllChecked
-                    ? undefined
-                    : this.checkedObjectsIds;
-                this.exportCallback(fileName, checkedKbPropertiesIds, checkedObjectIds).then(() => {
-                    this.exportingIsInProcess = false;
-                });
-                // returns Promise<boolean> but no procedure was detailed on the spec.
-            }
-        };
-        this.cancelCallbackHandler = async () => {
-            if (this.cancelCallback) {
-                const cancelled = await this.cancelCallback();
-                if (cancelled) {
-                    this.exportingIsInProcess = false;
+            this.atLeastOnePropertyItemIsChecked = this.checkedPropertiesIds.length > 0;
+            this.atLeastOneObjectItemIsChecked = this.checkedObjectsIds.length > 0;
+        });
+        _GxIdeKbManagerExport_sortTreeItems.set(this, (subModel) => {
+            // "property" items should be added on top.
+            // else sort alphabetically by "caption" value.
+            return subModel.sort((a, b) => {
+                if (a.metadata === "property" && b.metadata !== "property") {
+                    return -1;
                 }
-            }
-        };
-        this.clearButtonHandler = () => {
-            /* revisar*/
-            this.objectsTreeEl.updateAllItemsProperties({ checked: false });
-        };
-        this.exportAllChangedHandler = (event) => {
-            this.exportAllIsChecked = event.detail.value;
-        };
-        this.evaluateTreeViewFilters = () => {
-            if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {
-                // only show properties
-                return KB_PROPERTY;
-            }
-            else if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {
-                // only show objects
-                return KB_OBJECT;
-            }
-            return "none"; // Applies if !this.addKbPropertiesIsChecked && this.exportAllIsChecked
-        };
-        this.evaluateContentToDisplay = () => {
-            // Nothing to display on the tree-view
-            if (this.noObjects) {
-                return this.renderMessage(true);
-            }
-            // The tree should be empty, because all filters are being applied.
-            // Display a message to prevent a white screen.
-            if (!this.addKbPropertiesIsChecked && this.exportAllIsChecked) {
-                return this.renderMessage(false);
-            }
-            return (h("ch-tree-view-render", { model: this.treeModel, dragDisabled: true, dropDisabled: true, toggleCheckboxes: true, checked: true, checkbox: true, filter: this.evaluateTreeViewFilters(), filterType: this.addKbPropertiesIsChecked && !this.exportAllIsChecked
-                    ? "none"
-                    : "metadata", onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler, ref: el => (this.objectsTreeEl = el), "show-lines": "last", class: "tree-view" }));
-        };
-        this.renderMessage = (nothingToDisplay) => {
-            return (h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, class: "gx-ide-message gx-ide-message--short", part: "referenced-by-empty-status-message" }, nothingToDisplay ? ([
-                h("span", null, this._componentLocale.main.noObjectsToDisplay),
-                h("gxg-text", { type: "text-link-no-line", textAlign: "center", onClick: this.addObjectsCallbackHandler }, this._componentLocale.main.beginByADdingSomeObjects)
-            ]) : (h("span", null, this._componentLocale.main.exportAllMessage))));
-        };
-        this.clearButtonDisabledConditions = () => {
-            const checkedItems = this.treeModel.filter(item => {
-                return item.checked;
+                if (b.metadata === "property" && a.metadata !== "property") {
+                    return 1;
+                }
+                return a.caption.localeCompare(b.caption);
             });
-            return checkedItems.length === 0;
-        };
-        this.loaderCancelCallbackHandler = async () => {
-            this.cancelCallbackHandler();
-        };
-        this.onClickCancelCallbackHandler = async () => {
-            this.cancelCallbackHandler();
-        };
-        this.exportAllIsChecked = false;
+        });
+        _GxIdeKbManagerExport_renderFooter.set(this, () => {
+            const referencesButtonEnabled = this.atLeastOneObjectItemIsChecked;
+            const clearButtonEnabled = this.objectsTreeViewModel.length > 0;
+            return (h("footer", { class: "footer control-footer-with-border" }, h("button", { class: "button-tertiary clear-btn", disabled: !clearButtonEnabled, part: "clear-button", onClick: clearButtonEnabled && __classPrivateFieldGet(this, _GxIdeKbManagerExport_clearButtonHandler, "f") }, __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").footer.clearButton), h("button", { class: "button-secondary button-icon-and-text", part: "references-button", disabled: !referencesButtonEnabled, onClick: referencesButtonEnabled && __classPrivateFieldGet(this, _GxIdeKbManagerExport_addReferencesCallbackHandler, "f") }, h("ch-image", { class: "icon-sm", disabled: !referencesButtonEnabled, src: GENERAL_REFERENCES_ICON }), __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").footer.addReferencesButton), h("button", {
+                // Add button
+                class: "button-primary button-icon-and-text", disabled: this.exportAllIsChecked, part: "add-button", onClick: !this.exportAllIsChecked && __classPrivateFieldGet(this, _GxIdeKbManagerExport_addObjectsCallbackHandler, "f")
+            }, h("ch-image", { class: "icon-sm", disabled: this.exportAllIsChecked, src: MENUS_NEW_OBJECT_ICON }), __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").footer.addButton)));
+        });
+        _GxIdeKbManagerExport_updateObjects.set(this, (objectsDataArray) => {
+            if (objectsDataArray.length) {
+                const newObjectsTreeModel = updateObjectsTreeModel(objectsDataArray, __classPrivateFieldGet(this, _GxIdeKbManagerExport_objectTypesMap, "f"), __classPrivateFieldGet(this, _GxIdeKbManagerExport_objectsSet, "f"), this.objectsTreeViewModel);
+                this.objectsTreeViewModel = newObjectsTreeModel;
+            }
+        });
         this.addKbPropertiesIsChecked = false;
+        this.atLeastOnePropertyItemIsChecked = false;
+        this.atLeastOneObjectItemIsChecked = false;
         this.checkedObjectsIds = [];
-        this.noObjects = undefined;
-        this.treeModel = [];
+        this.checkedPropertiesIds = [];
+        this.exportAllIsChecked = false;
         this.exportingIsInProcess = false;
-        this.displayTitle = false;
+        this.hasObjects = undefined;
+        this.objectsTreeViewModel = [];
+        this.addKBPropertiesCallback = undefined;
+        this.addObjectsCallback = undefined;
+        this.addReferencesCallback = undefined;
+        this.cancelCallback = undefined;
+        this.exportCallback = undefined;
+        this.exportFileDirectoryCallback = undefined;
         this.fileName = undefined;
-        this.loader = false;
         this.kbPropertiesTypes = undefined;
+        this.loader = false;
         this.objectTypes = undefined;
-        this.exportFileDirectoryCallback = undefined;
         this.optionsCallback = undefined;
-        this.addKBPropertiesCallback = undefined;
-        this.addReferencesCallback = undefined;
-        this.addObjectsCallback = undefined;
-        this.exportCallback = undefined;
-        this.cancelCallback = undefined;
-    }
-    watchTreeModelHandler(newState) {
-        this.noObjects = !!(newState.length === 0 || !newState);
     }
-    watchExportingIsInProcessHandler(isExporting) {
-        if (isExporting && this.loader) {
-            this.loaderEl.show = true;
-        }
-        else if (!isExporting && this.loader) {
-            this.loaderEl.show = false;
+    objectsTreeViewModelChanged(newObjectsTreeViewModel) {
+        this.hasObjects =
+            newObjectsTreeViewModel && newObjectsTreeViewModel.length > 0;
+        if (!this.hasObjects) {
+            this.atLeastOnePropertyItemIsChecked = false;
+            this.atLeastOneObjectItemIsChecked = false;
         }
     }
-    watchObjectTypesHandler(newState) {
-        this.flattenObjectTypes(newState);
+    objectTypesChanged(newObjectTypesArray) {
+        __classPrivateFieldGet(this, _GxIdeKbManagerExport_instances, "m", _GxIdeKbManagerExport_objectsTypesArrayToMap).call(this, newObjectTypesArray);
     }
-    // 6.COMPONENT LIFECYCLE EVENTS //
     async componentWillLoad() {
-        this._componentLocale = await Locale.getComponentStrings(this.el);
-        this.componentDidLoadEvent.emit(true);
-        this.evaluateObjects();
-        this.flattenObjectTypes(this.objectTypes);
-    }
-    componentDidLoad() {
-        this.fileNameEl.focus();
+        __classPrivateFieldSet(this, _GxIdeKbManagerExport_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldGet(this, _GxIdeKbManagerExport_evaluateObjects, "f").call(this);
+        __classPrivateFieldGet(this, _GxIdeKbManagerExport_instances, "m", _GxIdeKbManagerExport_objectsTypesArrayToMap).call(this, this.objectTypes);
     }
-    componentDidRender() {
-        if (!this.renderedFirstTime) {
-            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-            this.renderedFirstTime = true;
-        }
-    }
-    flattenObjectTypes(newState) {
-        newState.forEach(objectType => {
-            this.flattenedObjectTypes.set(objectType.id, objectType);
-        });
-    }
-    // 10.RENDER() FUNCTION //
     render() {
-        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, noHeadingPadding: true, headingPaddingTop: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null, slimmerFooter: config.gxIdeContainer.slimmerFooter }, h("header", { slot: "header", class: "header" }, h("div", { class: "header__top" }, h("gxg-form-text", { class: { "select-file-input": true }, value: this.fileName, part: "xpz-file", label: this._componentLocale.header.exportFileName, ref: el => (this.fileNameEl = el), icon: "gemini-tools/file", iconPosition: "start" }), h("gxg-buttons-container", { reduced: true, class: "export-cancel-buttons-group" }, h("gxg-button", { id: "export-kb-btn", part: "export-btn", onClick: this.exportCallbackHandler, disabled: this.noObjects }, this._componentLocale.header.exportButton), h("gxg-button", { id: "cancel-kb-export-btn", part: "cancel-button", onClick: this.onClickCancelCallbackHandler, disabled: !this.exportingIsInProcess || this.noObjects }, this._componentLocale.header.cancelButton)), 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)), h("div", { class: "header__bottom" }, h("div", { class: { "checkboxes-wrapper": true } }, h("gxg-form-checkbox", { label: this._componentLocale.main.addKnowledgeBaseDescription, onChange: this.addKBPropertiesCallbackHandler, part: "add-kb-checkbox" }), h("gxg-form-checkbox", { label: this._componentLocale.main.exportAll, part: "export-all-checkbox", ref: el => (this.exportAllCheckboxEl =
-                el), onChange: this.exportAllChangedHandler })))), h("div", { class: {
-                "tree-container": true,
-                "tree-container--empty": this.noObjects ||
-                    (!this.noObjects &&
-                        this.exportAllIsChecked &&
-                        !this.addKbPropertiesIsChecked)
-                // "tree-container--export-all": this.exportAllIsChecked
-            } }, this.evaluateContentToDisplay()), h("gxg-text", { type: "button-like", part: "export-button", slot: "footer-start", onClick: this.clearButtonHandler, disabled: this.clearButtonDisabledConditions() }, this._componentLocale.footer.clearButton), h("gxg-button", { onClick: this.addReferencesCallbackHandler, type: "outlined-text-icon", icon: "general/references", part: "export-button", class: { "cancel-btn": true }, disabled: this.exportAllIsChecked, slot: "footer-end" }, this._componentLocale.footer.referencesButton), h("gxg-button", { type: "primary-text-icon", icon: "menus/new-object", part: "export-button", class: { "cancel-btn": true }, onClick: this.addObjectsCallbackHandler, disabled: this.exportAllIsChecked, slot: "footer-end" }, this._componentLocale.footer.addButton))), this.loader && false ? (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));
+        const exportButtonEnabled = this.atLeastOnePropertyItemIsChecked ||
+            this.atLeastOneObjectItemIsChecked ||
+            this.exportAllIsChecked;
+        const cancelButtonEnabled = this.exportingIsInProcess;
+        return (h(Host, { class: "spacing-body-block-start spacing-body-inline" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section field-group" }, h("header", { class: "header" }, h("div", { class: "field field-inline export-file-name" }, h("label", { class: "label", htmlFor: "xpz-file" }, __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").header.exportFileName), h("ch-edit", { autoFocus: true, id: "xpz-file", class: "form-input", part: "xpz-file", value: this.fileName, startImgSrc: FILE_ICON, ref: (el) => (__classPrivateFieldSet(this, _GxIdeKbManagerExport_fileNameEl, el, "f")) })), h("div", { class: "header__buttons-container" }, h("button", { id: "export-kb-btn", class: "button-primary export-btn", part: "export-btn", disabled: !exportButtonEnabled, onClick: exportButtonEnabled && __classPrivateFieldGet(this, _GxIdeKbManagerExport_exportCallbackHandler, "f") }, __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").header.exportButton), h("button", { id: "cancel-kb-export-btn", class: "button-secondary cancel-btn", part: "cancel-button", disabled: !cancelButtonEnabled, onClick: cancelButtonEnabled && __classPrivateFieldGet(this, _GxIdeKbManagerExport_cancelCallbackHandler, "f") }, __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").header.cancelButton), h("button", { "aria-label": __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").header.optionsButton, title: __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").header.optionsButton, class: "button-tertiary button-icon-only options-btn", part: "select-kb-btn", onClick: this.optionsCallback }, h("ch-image", { class: "icon-md", src: SETTINGS_ICON }))), h("div", { class: "header__checkboxes field-group" }, h("ch-checkbox", { class: "checkbox add-kb-description", part: "add-kb-description", caption: __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").main.addKnowledgeBaseDescription, checkedValue: CHECKBOX_CHECKED_VALUE, onInput: __classPrivateFieldGet(this, _GxIdeKbManagerExport_addKBPropertiesCallbackHandler, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeKbManagerExport_addKbDescriptionEl, el, "f")) }), h("ch-checkbox", { class: "checkbox export-all", part: "export-all-checkbox", checkedValue: CHECKBOX_CHECKED_VALUE, caption: __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").main.exportAll, onInput: __classPrivateFieldGet(this, _GxIdeKbManagerExport_exportAllChangedHandler, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeKbManagerExport_exportAllEl, el, "f")) }))), h("div", { class: "main" }, __classPrivateFieldGet(this, _GxIdeKbManagerExport_evaluateContentToDisplay, "f").call(this), this.loader && this.exportingIsInProcess && (h("gx-ide-loader", { cancelLabel: __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").loader.cancelLabel, loaderTitle: __classPrivateFieldGet(this, _GxIdeKbManagerExport_componentLocale, "f").loader.title, cancelCallback: __classPrivateFieldGet(this, _GxIdeKbManagerExport_cancelCallbackHandler, "f"), show: true, class: "loader" }))), __classPrivateFieldGet(this, _GxIdeKbManagerExport_renderFooter, "f").call(this))));
     }
     static get is() { return "gx-ide-kb-manager-export"; }
     static get encapsulation() { return "shadow"; }
@@ -249,323 +263,277 @@ export class GxIdeKbManagerExport {
     static get assetsDirs() { return ["gx-ide-assets/kb-manager-export"]; }
     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"
-            },
-            "fileName": {
-                "type": "string",
+            "addKBPropertiesCallback": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
+                    "original": "KBPropertiesCallback",
+                    "resolved": "() => Promise<KBPropertyData[]>",
+                    "references": {
+                        "KBPropertiesCallback": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/kb-manager-export/types.ts::KBPropertiesCallback"
+                        }
+                    }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "It allows defining the default Export File Name"
-                },
-                "attribute": "file-name",
-                "reflect": false
+                    "text": "Callback invoked when the user wants to include KB properties."
+                }
             },
-            "loader": {
-                "type": "boolean",
+            "addObjectsCallback": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "false",
-                    "resolved": "boolean",
-                    "references": {}
+                    "original": "AddObjectsCallback",
+                    "resolved": "() => Promise<ObjectData[]>",
+                    "references": {
+                        "AddObjectsCallback": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/kb-manager-export/types.ts::AddObjectsCallback"
+                        }
+                    }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "If true, it will display a loader when needed."
-                },
-                "attribute": "loader",
-                "reflect": false,
-                "defaultValue": "false"
+                    "text": "Callback invoked when the user wants to add objects."
+                }
             },
-            "kbPropertiesTypes": {
+            "addReferencesCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "KBPropertyType[]",
-                    "resolved": "KBPropertyType[]",
+                    "original": "AddReferencesCallback",
+                    "resolved": "(objectIds: string[]) => Promise<ObjectData[]>",
                     "references": {
-                        "KBPropertyType": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-export/kb-manager-export.tsx",
-                            "id": "src/components/kb-manager-export/kb-manager-export.tsx::KBPropertyType"
+                        "AddReferencesCallback": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/kb-manager-export/types.ts::AddReferencesCallback"
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
-                    "tags": [],
-                    "text": "Array with the possible types of KB properties"
+                    "tags": [{
+                            "name": "param",
+                            "text": "itemIds :string[] The selected item ids"
+                        }, {
+                            "name": "returns",
+                            "text": ": Returns an object with the items and its references"
+                        }],
+                    "text": "Callback invoked when the user wants to add all the references for the selected objects."
                 }
             },
-            "objectTypes": {
+            "cancelCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "ObjectType[]",
-                    "resolved": "ObjectType[]",
+                    "original": "CancelCallback",
+                    "resolved": "() => Promise<boolean>",
                     "references": {
-                        "ObjectType": {
+                        "CancelCallback": {
                             "location": "import",
-                            "path": "../../common/types",
-                            "id": "src/common/types.ts::ObjectType"
+                            "path": "./types",
+                            "id": "src/components/kb-manager-export/types.ts::CancelCallback"
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
-                    "tags": [],
-                    "text": "Array of possible object types"
+                    "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."
                 }
             },
-            "exportFileDirectoryCallback": {
+            "exportCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "ExportFileDirectoryCallback",
-                    "resolved": "() => Promise<string>",
+                    "original": "ExportCallback",
+                    "resolved": "(fileName: string, checkedKbPropertiesIds: string[], checkedObjectIds: string[]) => Promise<boolean>",
                     "references": {
-                        "ExportFileDirectoryCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-export/kb-manager-export.tsx",
-                            "id": "src/components/kb-manager-export/kb-manager-export.tsx::ExportFileDirectoryCallback"
+                        "ExportCallback": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/kb-manager-export/types.ts::ExportCallback"
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
-                    "tags": [],
-                    "text": "Callback invoked when the user wants to access the export options."
+                    "tags": [{
+                            "name": "param",
+                            "text": "fileName :string"
+                        }, {
+                            "name": "param",
+                            "text": "itemIds :string[] The selected item ids"
+                        }, {
+                            "name": "returns",
+                            "text": ": It returns a boolean indicating whether the process was successful"
+                        }],
+                    "text": "Callback invoked when the user wants to initiate the export process."
                 }
             },
-            "optionsCallback": {
+            "exportFileDirectoryCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "OptionsCallback",
-                    "resolved": "() => Promise<void>",
+                    "original": "ExportFileDirectoryCallback",
+                    "resolved": "() => Promise<string>",
                     "references": {
-                        "OptionsCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-export/kb-manager-export.tsx",
-                            "id": "src/components/kb-manager-export/kb-manager-export.tsx::OptionsCallback"
+                        "ExportFileDirectoryCallback": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/kb-manager-export/types.ts::ExportFileDirectoryCallback"
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
                     "text": "Callback invoked when the user wants to access the export options."
                 }
             },
-            "addKBPropertiesCallback": {
-                "type": "unknown",
+            "fileName": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "KBPropertiesCallback",
-                    "resolved": "() => Promise<KBPropertyData[]>",
-                    "references": {
-                        "KBPropertiesCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-export/kb-manager-export.tsx",
-                            "id": "src/components/kb-manager-export/kb-manager-export.tsx::KBPropertiesCallback"
-                        }
-                    }
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Callback invoked when the user wants to include KB properties."
-                }
+                    "text": "It allows defining the default Export File Name"
+                },
+                "attribute": "file-name",
+                "reflect": false
             },
-            "addReferencesCallback": {
+            "kbPropertiesTypes": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "AddReferencesCallback",
-                    "resolved": "(objectIds: string[]) => Promise<ObjectData[]>",
+                    "original": "KBPropertyType[]",
+                    "resolved": "KBPropertyType[]",
                     "references": {
-                        "AddReferencesCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-export/kb-manager-export.tsx",
-                            "id": "src/components/kb-manager-export/kb-manager-export.tsx::AddReferencesCallback"
+                        "KBPropertyType": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/kb-manager-export/types.ts::KBPropertyType"
                         }
                     }
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [{
-                            "name": "param",
-                            "text": "itemIds :string[] The selected item ids"
-                        }, {
-                            "name": "returns",
-                            "text": ": Returns an object with the items and its references"
-                        }],
-                    "text": "Callback invoked when the user wants to add all the references for the selected objects."
+                    "tags": [],
+                    "text": "Array with the possible types of KB properties"
                 }
             },
-            "addObjectsCallback": {
-                "type": "unknown",
+            "loader": {
+                "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "AddObjectsCallback",
-                    "resolved": "() => Promise<ObjectData[]>",
-                    "references": {
-                        "AddObjectsCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-export/kb-manager-export.tsx",
-                            "id": "src/components/kb-manager-export/kb-manager-export.tsx::AddObjectsCallback"
-                        }
-                    }
+                    "original": "false",
+                    "resolved": "boolean",
+                    "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Callback invoked when the user wants to add objects."
-                }
+                    "text": "If true, it will display a loader when needed."
+                },
+                "attribute": "loader",
+                "reflect": false,
+                "defaultValue": "false"
             },
-            "exportCallback": {
+            "objectTypes": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "ExportCallback",
-                    "resolved": "(fileName: string, checkedKbPropertiesIds: string[], checkedObjectIds: string[]) => Promise<boolean>",
+                    "original": "ObjectType[]",
+                    "resolved": "ObjectType[]",
                     "references": {
-                        "ExportCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-export/kb-manager-export.tsx",
-                            "id": "src/components/kb-manager-export/kb-manager-export.tsx::ExportCallback"
+                        "ObjectType": {
+                            "location": "import",
+                            "path": "../../common/types",
+                            "id": "src/common/types.ts::ObjectType"
                         }
                     }
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [{
-                            "name": "param",
-                            "text": "fileName :string"
-                        }, {
-                            "name": "param",
-                            "text": "itemIds :string[] The selected item ids"
-                        }, {
-                            "name": "returns",
-                            "text": ": It returns a boolean indicating whether the process was successful"
-                        }],
-                    "text": "Callback invoked when the user wants to initiate the export process."
+                    "tags": [],
+                    "text": "Array of possible object types"
                 }
             },
-            "cancelCallback": {
+            "optionsCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "CancelCallback",
-                    "resolved": "() => Promise<boolean>",
+                    "original": "OptionsCallback",
+                    "resolved": "() => Promise<void>",
                     "references": {
-                        "CancelCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/kb-manager-export/kb-manager-export.tsx",
-                            "id": "src/components/kb-manager-export/kb-manager-export.tsx::CancelCallback"
+                        "OptionsCallback": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/kb-manager-export/types.ts::OptionsCallback"
                         }
                     }
                 },
                 "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": "Callback invoked when the user wants to access the export options."
                 }
             }
         };
     }
     static get states() {
         return {
-            "exportAllIsChecked": {},
             "addKbPropertiesIsChecked": {},
+            "atLeastOnePropertyItemIsChecked": {},
+            "atLeastOneObjectItemIsChecked": {},
             "checkedObjectsIds": {},
-            "noObjects": {},
-            "treeModel": {},
-            "exportingIsInProcess": {}
+            "checkedPropertiesIds": {},
+            "exportAllIsChecked": {},
+            "exportingIsInProcess": {},
+            "hasObjects": {},
+            "objectsTreeViewModel": {}
         };
     }
-    static get events() {
-        return [{
-                "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."
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }, {
-                "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"
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }];
-    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
-                "propName": "treeModel",
-                "methodName": "watchTreeModelHandler"
-            }, {
-                "propName": "exportingIsInProcess",
-                "methodName": "watchExportingIsInProcessHandler"
+                "propName": "objectsTreeViewModel",
+                "methodName": "objectsTreeViewModelChanged"
             }, {
                 "propName": "objectTypes",
-                "methodName": "watchObjectTypesHandler"
+                "methodName": "objectTypesChanged"
             }];
     }
 }
+_GxIdeKbManagerExport_addKbDescriptionEl = new WeakMap(), _GxIdeKbManagerExport_componentLocale = new WeakMap(), _GxIdeKbManagerExport_animateEmptyState = new WeakMap(), _GxIdeKbManagerExport_exportAllEl = new WeakMap(), _GxIdeKbManagerExport_fileNameEl = new WeakMap(), _GxIdeKbManagerExport_kBPropertiesData = new WeakMap(), _GxIdeKbManagerExport_objectTypesMap = new WeakMap(), _GxIdeKbManagerExport_objectsSet = new WeakMap(), _GxIdeKbManagerExport_addKBPropertiesCallbackHandler = new WeakMap(), _GxIdeKbManagerExport_addObjectsCallbackHandler = new WeakMap(), _GxIdeKbManagerExport_addReferencesCallbackHandler = new WeakMap(), _GxIdeKbManagerExport_cancelCallbackHandler = new WeakMap(), _GxIdeKbManagerExport_clearButtonHandler = new WeakMap(), _GxIdeKbManagerExport_evaluateContentToDisplay = new WeakMap(), _GxIdeKbManagerExport_evaluateObjects = new WeakMap(), _GxIdeKbManagerExport_evaluateTreeViewFilters = new WeakMap(), _GxIdeKbManagerExport_exportAllChangedHandler = new WeakMap(), _GxIdeKbManagerExport_exportCallbackHandler = new WeakMap(), _GxIdeKbManagerExport_objectsTreeCheckedItemsChangedHandler = new WeakMap(), _GxIdeKbManagerExport_sortTreeItems = new WeakMap(), _GxIdeKbManagerExport_renderFooter = new WeakMap(), _GxIdeKbManagerExport_updateObjects = new WeakMap(), _GxIdeKbManagerExport_instances = new WeakSet(), _GxIdeKbManagerExport_objectsTypesArrayToMap = function _GxIdeKbManagerExport_objectsTypesArrayToMap(objectTypesArray) {
+    objectTypesArray.forEach(objectType => {
+        __classPrivateFieldGet(this, _GxIdeKbManagerExport_objectTypesMap, "f").set(objectType.id, objectType);
+    });
+};
 //# sourceMappingURL=kb-manager-export.js.map