@genexus/genexus-ide-ui 1.0.1 → 1.0.2

package/dist/collection/components/object-selector/object-selector.js

@@ -1,207 +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 _GxIdeObjectSelector_componentLocale, _GxIdeObjectSelector_shortcutsSrc, _GxIdeObjectSelector_afterModel, _GxIdeObjectSelector_patternInput, _GxIdeObjectSelector_typeComboBox, _GxIdeObjectSelector_categoryComboBox, _GxIdeObjectSelector_moduleEntitySelector, _GxIdeObjectSelector_afterTypeComboBox, _GxIdeObjectSelector_userInput, _GxIdeObjectSelector_modifiedDateInput, _GxIdeObjectSelector_objectsGrid, _GxIdeObjectSelector_shortcutsEl, _GxIdeObjectSelector_cancelCallbackHandler, _GxIdeObjectSelector_chGridKeyDownHandler, _GxIdeObjectSelector_deselectAll, _GxIdeObjectSelector_evaluateObjectsCount, _GxIdeObjectSelector_getToday, _GxIdeObjectSelector_handleAfterValueChange, _GxIdeObjectSelector_handleObjectsSelectionChange, _GxIdeObjectSelector_hostKeyPressHandler, _GxIdeObjectSelector_newObjectCallbackHandler, _GxIdeObjectSelector_openSelectionCallbackHandler, _GxIdeObjectSelector_refreshUIWithNewConfiguration, _GxIdeObjectSelector_renderFilter, _GxIdeObjectSelector_renderFooter, _GxIdeObjectSelector_renderObjects, _GxIdeObjectSelector_selectAll, _GxIdeObjectSelector_setAfterDefaultValue, _GxIdeObjectSelector_setAfterOptions, _GxIdeObjectSelector_sortObjectsByName;
 import { Host, h, getAssetPath } from "@stencil/core";
-/* CUSTOM IMPORTS */
+import { getIconPath } from "@genexus/mercury";
 import { Locale } from "../../common/locale";
 import { config } from "../../common/config";
-import { renderComboItems } from "../../common/render-combo-items";
 import { formatDate } from "../../common/helpers";
-import { gridCommon } from "../../common/grid";
+import { mapObjectTypeToComboBoxItemModel, mapCategoryToComboBoxItemModel } from "./helpers";
 import { FILTER_AFTER } from "../../common/constants";
 const CSS_BUNDLES = [
     "resets/box-sizing",
-    // "utils/form",
-    // "utils/layout",
-    // "utils/typography",
-    // "components/button",
-    // "components/checkbox",
-    // "components/edit",
-    "components/tabular-grid"
+    "utils/form--full",
+    "components/accordion",
+    "components/tabular-grid",
+    "utils/typography",
+    "utils/layout"
 ];
+const FILTER_ICON = getIconPath({
+    category: "window-tools",
+    name: "filter",
+    colorType: "on-elevation"
+});
+const USER_ICON = getIconPath({
+    category: "system",
+    name: "user",
+    colorType: "on-elevation"
+});
+const MODIFIED_ACCORDION_MODEL = [
+    {
+        id: "modified",
+        caption: "Modified",
+        expanded: false
+    }
+];
+let TODAY = null;
 export class GxIdeObjectSelector {
     constructor() {
-        this.renderedFirstTime = false;
-        this.shortcutsSrc = getAssetPath(`./gx-ide-assets/object-selector/shortcuts.json`);
-        // 9.LOCAL METHODS
-        this.loaderCancelCallbackHandler = async () => {
-            this.cancelCallbackHandler();
-        };
-        this.getObjects = () => {
-            var _a, _b, _c, _d, _e, _f;
-            /* 'modified' checkbox, should only be considered if 'date' || 'user' */
-            const modified = this.filterModifiedEl.checked;
-            const modifiedAfter = this.filterAfterTypeEl.value;
-            const user = (_b = (_a = this.filterUserEl) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim();
-            const filters = {
-                pattern: (_c = this.filterPatternEl) === null || _c === void 0 ? void 0 : _c.value,
-                // type: this.filterTypeEl?.value,
-                type: this.selectedAttribute,
-                // category: this.filterCategoryEl?.value,
-                category: this.selectedCategory,
-                module: (_e = (_d = this.filterModuleEl) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.id,
-                modifiedAfter: modified && modifiedAfter ? modifiedAfter : null,
-                modifiedBy: modified && user ? user : null,
-                modifiedDate: modified && modifiedAfter === FILTER_AFTER.DATE_TIME
-                    ? (_f = this.filterModifiedDateEl) === null || _f === void 0 ? void 0 : _f.value
-                    : null
-            };
-            if (this.loadCallback) {
-                this.loading = true;
-                this.objects = [];
-                this.loadCallback(filters).then((items) => {
-                    this.loaderEl.show = false;
-                    if (items) {
-                        this.objects = items;
-                    }
-                    this.selectedObjectsIds = [];
-                    this.deselectAll();
-                    this.loading = false;
-                });
-            }
-        };
-        this.openSelectionCallbackHandler = (e) => {
-            e.stopPropagation();
-            this.openSelectionCallback(this.selectedObjectsIds);
-        };
-        this.cancelCallbackHandler = () => {
+        _GxIdeObjectSelector_componentLocale.set(this, void 0);
+        _GxIdeObjectSelector_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/object-selector/shortcuts.json`));
+        _GxIdeObjectSelector_afterModel.set(this, null);
+        /* References needed to collect data */
+        _GxIdeObjectSelector_patternInput.set(this, void 0);
+        _GxIdeObjectSelector_typeComboBox.set(this, void 0);
+        _GxIdeObjectSelector_categoryComboBox.set(this, void 0);
+        _GxIdeObjectSelector_moduleEntitySelector.set(this, void 0);
+        _GxIdeObjectSelector_afterTypeComboBox.set(this, void 0);
+        _GxIdeObjectSelector_userInput.set(this, void 0);
+        _GxIdeObjectSelector_modifiedDateInput.set(this, void 0);
+        _GxIdeObjectSelector_objectsGrid.set(this, void 0);
+        _GxIdeObjectSelector_shortcutsEl.set(this, void 0);
+        _GxIdeObjectSelector_cancelCallbackHandler.set(this, () => {
             this.cancelCallback();
-        };
-        this.selectAll = () => {
-            this.chGridEl.selectAllRows();
-        };
-        this.deselectAll = () => {
-            this.chGridEl.selectAllRows(false);
-        };
-        this.newObjectCallbackHandler = () => {
-            this.newObjectCallback();
-        };
-        this.listenChanges = async () => {
-            /* pattern*/
-            this.filterPatternEl.addEventListener("input", () => {
-                this.getObjects();
-            });
-            /* type*/
-            this.filterTypeEl.addEventListener("valueChanged", (e) => {
-                this.selectedAttribute = e.detail;
-                this.getObjects();
-            });
-            /* category*/
-            this.filterCategoryEl.addEventListener("valueChanged", (e) => {
-                this.selectedCategory = e.detail;
-                this.getObjects();
-            });
-            /* module/folder*/
-            this.filterModuleEl.addEventListener("valueChanged", () => {
-                this.getObjects();
-            });
-            /* modified */
-            this.filterModifiedEl.addEventListener("change", (e) => {
-                this.filterModified = e.detail.value;
-                this.getObjects();
-            });
-            /* modified after... */
-            this.filterAfterTypeEl.addEventListener("valueChanged", () => {
-                this.filterAfterType = this.filterAfterTypeEl.value;
-                this.getObjects();
-            });
-            /* user... */
-            this.filterUserEl.addEventListener("input", () => {
-                this.getObjects();
-            });
-            /* Date/Time */
-            this.filterModifiedDateEl.addEventListener("valueChanged", () => {
-                this.getObjects();
-            });
-            // for grid selection
-            this.chGridEl.addEventListener("selectionChanged", (ev) => {
-                this.selectedObjectsIds = ev.detail.rowsId;
-            });
-        };
-        this.filterTypeHandler = (e) => {
-            this.selectedAttribute = e.detail.value;
-            this.getObjects();
-        };
-        this.filterCategoryHandler = (e) => {
-            this.selectedCategory = e.detail.value;
-            this.getObjects();
-        };
-        this.chGridKeyDownHandler = (e) => {
+        });
+        _GxIdeObjectSelector_chGridKeyDownHandler.set(this, (e) => {
             if (e.key === "Enter") {
-                this.openSelectionCallbackHandler(e);
+                __classPrivateFieldGet(this, _GxIdeObjectSelector_openSelectionCallbackHandler, "f").call(this, e);
             }
-        };
-        this.hostKeyPressHandler = (e) => {
-            // just prevent keypress propagation
-            if (e.key === "Enter") {
-                e.stopPropagation();
-            }
-        };
-        this.evaluateObjectsCount = (type) => {
-            if (type === "selected" && this.selectedObjectsIds.length === 0) {
-                return this._componentLocale.objCount.selected.none;
-            }
-            else if (type === "selected" && this.selectedObjectsIds.length === 1) {
-                return `1 ${this._componentLocale.objCount.selected.one}`;
+        });
+        _GxIdeObjectSelector_deselectAll.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeObjectSelector_objectsGrid, "f").selectAllRows(false);
+        });
+        _GxIdeObjectSelector_evaluateObjectsCount.set(this, (type) => {
+            const locale = __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f");
+            if (type === "selected") {
+                if (this.selectedObjectsIdsArray.length === 0) {
+                    return locale.objCount.selected.none;
+                }
+                if (this.selectedObjectsIdsArray.length === 1) {
+                    return `1 ${locale.objCount.selected.one}`;
+                }
+                return `${this.selectedObjectsIdsArray.length} ${locale.objCount.selected.many}`;
             }
-            else if (type === "selected" && this.selectedObjectsIds.length > 1) {
-                return `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected.many}`;
+            // type === "matching"
+            if (this.objects.length === 0) {
+                return locale.objCount.matching.none;
             }
-            else if (type === "matching" && this.objects.length === 0) {
-                return this._componentLocale.objCount.matching.none;
+            if (this.objects.length === 1) {
+                return `1 ${locale.objCount.matching.one}`;
             }
-            else if (type === "matching" && this.objects.length === 1) {
-                return `1 ${this._componentLocale.objCount.matching.one}`;
+            return `${this.objects.length} ${locale.objCount.matching.many}`;
+        });
+        _GxIdeObjectSelector_getToday.set(this, () => {
+            const now = new Date();
+            const date = now.toISOString().split("T")[0];
+            const time = now.toISOString().split("T")[1].slice(0, 5); // Only take 'HH:MM' part
+            return `${date}T${time}`;
+        });
+        _GxIdeObjectSelector_handleAfterValueChange.set(this, (event) => {
+            this.modifiedAfterValue = event.detail;
+            if (this.modifiedAfterValue !== FILTER_AFTER.DATE_TIME ||
+                (this.modifiedAfterValue === FILTER_AFTER.DATE_TIME &&
+                    __classPrivateFieldGet(this, _GxIdeObjectSelector_modifiedDateInput, "f").value)) {
+                // if "modified" is "after date/time" only refresh ui if date/time is valid.
+                __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f").call(this);
             }
-            else {
-                // hopefully: type === "matching" && this.objects.length > 1
-                return `${this.objects.length} ${this._componentLocale.objCount.matching.many}`;
+        });
+        _GxIdeObjectSelector_handleObjectsSelectionChange.set(this, (event) => {
+            this.selectedObjectsIdsArray = event.detail.rowsId;
+        });
+        _GxIdeObjectSelector_hostKeyPressHandler.set(this, (e) => {
+            // just prevent keypress propagation
+            if (e.key === "Enter") {
+                e.stopPropagation();
             }
-        };
-        this.afterClosedHandler = () => {
-            // do the same as if the value was changed.
-            this.filterAfterType = this.filterAfterTypeEl.value;
-            this.getObjects();
-        };
-        // 9.LOCAL METHODS  -> RENDER
-        this.renderFilter = () => {
-            return (h("div", { part: "filters-container", class: {
-                    "filter-grid": true,
-                    "filter-grid--no-title": !this.displayTitle
-                }, slot: "header" }, h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), value: this.patternValue, class: "pattern", part: "filter-pattern" }), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.type, value: this.defaultType, disabled: !this.types, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterTypeEl = el), class: "type", part: "filter-type" }, this.types.map(item => (h("gxg-combo-box-item", { value: item.id, onItemSelected: this.filterTypeHandler }, item.name)))), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.category, value: this.defaultCategory, disabled: !this.categories, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterCategoryEl = el), class: "category", part: "filter-category" }, this.categories.map(item => (h("gxg-combo-box-item", { value: item.id, onItemSelected: this.filterCategoryHandler }, item.label)))), h("gx-ide-entity-selector", { label: this._componentLocale.filter.module, "label-position": "above", value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.filterModuleEl = el), class: "module-folder" }), h("div", { class: "modified-row" }, h("gxg-form-checkbox", { label: this._componentLocale.filter.modified, class: "align-center", ref: (el) => (this.filterModifiedEl = el), part: "filter-modified" }), h("div", { class: "modified-row__inner-wrapper" }, h("gxg-combo-box", { class: {
-                    "gxi-hidden": !this.filterModified,
-                    "combo-modified": true
-                }, "disable-filter": true, value: this.filterAfterType, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterAfterTypeEl = el), part: "filter-after-type", onClosed: this.afterClosedHandler }, renderComboItems([
+        });
+        _GxIdeObjectSelector_newObjectCallbackHandler.set(this, () => {
+            this.newObjectCallback();
+        });
+        _GxIdeObjectSelector_openSelectionCallbackHandler.set(this, (e) => {
+            e.stopPropagation();
+            this.openSelectionCallback(this.selectedObjectsIdsArray);
+        });
+        _GxIdeObjectSelector_refreshUIWithNewConfiguration.set(this, () => {
+            var _a, _b, _c, _d, _e, _f;
+            /* 'modified' checkbox, should only be considered if 'date' || 'user' */
+            const modifiedAfter = __classPrivateFieldGet(this, _GxIdeObjectSelector_afterTypeComboBox, "f").value;
+            const user = (_b = (_a = __classPrivateFieldGet(this, _GxIdeObjectSelector_userInput, "f")) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim();
+            const filters = {
+                pattern: (_c = __classPrivateFieldGet(this, _GxIdeObjectSelector_patternInput, "f")) === null || _c === void 0 ? void 0 : _c.value,
+                type: __classPrivateFieldGet(this, _GxIdeObjectSelector_typeComboBox, "f").value,
+                category: __classPrivateFieldGet(this, _GxIdeObjectSelector_categoryComboBox, "f").value,
+                module: (_e = (_d = __classPrivateFieldGet(this, _GxIdeObjectSelector_moduleEntitySelector, "f")) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.id,
+                modifiedAfter: modifiedAfter ? modifiedAfter : null,
+                modifiedBy: user ? user : null,
+                modifiedDate: modifiedAfter === FILTER_AFTER.DATE_TIME
+                    ? new Date((_f = __classPrivateFieldGet(this, _GxIdeObjectSelector_modifiedDateInput, "f")) === null || _f === void 0 ? void 0 : _f.value)
+                    : null
+            };
+            this.loading = true;
+            this.objects = [];
+            this.loadCallback(filters).then((objects) => {
+                if (objects) {
+                    this.objects = __classPrivateFieldGet(this, _GxIdeObjectSelector_sortObjectsByName, "f").call(this, objects);
+                }
+                this.selectedObjectsIdsArray = [];
+                __classPrivateFieldGet(this, _GxIdeObjectSelector_deselectAll, "f").call(this);
+                this.loading = false;
+            });
+        });
+        _GxIdeObjectSelector_renderFilter.set(this, () => {
+            return (h("form", { class: "field-group filter-layout spacing-body" }, h("div", { class: "field field-block pattern" }, h("label", { class: "label", htmlFor: "pattern" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.pattern), h("ch-edit", { accessibleName: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.pattern, debounce: config.inputDebounce, class: "form-input", part: "filter-pattern", id: "pattern", name: "pattern", value: this.patternValue, mode: "text", ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_patternInput, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f") })), h("div", { class: "field field-block type" }, h("label", { class: "label", htmlFor: "type" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.type), h("ch-combo-box-render", { accessibleName: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.type, class: "combo-box", disabled: !this.types, value: this.defaultType, part: "filter-type", id: "type", model: mapObjectTypeToComboBoxItemModel(this.types), ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_typeComboBox, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f") })), h("div", { class: "field field-block category" }, h("label", { class: "label", htmlFor: "category" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.category), h("ch-combo-box-render", { id: "category", class: "combo-box", accessibleName: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.category, disabled: !this.categories, model: mapCategoryToComboBoxItemModel(this.categories), value: this.defaultCategory, part: "filter-category", onInput: this.categories && __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_categoryComboBox, el, "f")) })), h("gx-ide-entity-selector", { value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_moduleEntitySelector, el, "f")), class: "module", id: "module", onValueChanged: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f"), labelPosition: "block-start" }), h("ch-accordion-render", { class: "accordion-outlined modified-accordion", model: MODIFIED_ACCORDION_MODEL }, h("div", { slot: "modified", class: "spacing-body" }, h("div", { class: "field-group field-group-modified" }, h("div", { class: "field field-block after" }, h("label", { class: "label", htmlFor: "after-type" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.after), h("ch-combo-box-render", { class: "combo-box", value: this.modifiedAfterValue, part: "filter-after-type", id: "after-type", model: __classPrivateFieldGet(this, _GxIdeObjectSelector_afterModel, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_afterTypeComboBox, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_handleAfterValueChange, "f") })), h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "user-name" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.user), h("ch-edit", { class: "form-input", part: "filter-user", value: this.patternValue, ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_userInput, el, "f")), id: "user-name", name: "userName", startImgSrc: USER_ICON, onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f") })), h("div", { class: "field field-block" }, h("label", { class: {
+                    "label": true,
+                    "label--disabled": this.modifiedAfterValue !== "afterDateTime"
+                }, htmlFor: "modified-date" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.dateTime), h("input", { type: "datetime-local", class: "form-input input-date-time", id: "modified-date", name: "modifiedDate", part: "filter-pattern", value: this.patternValue, max: TODAY, ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_modifiedDateInput, el, "f")), disabled: this.modifiedAfterValue !== "afterDateTime", onInput: __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f") })))))));
+        });
+        _GxIdeObjectSelector_renderFooter.set(this, () => {
+            return (h("footer", null, h("div", { class: "objects-count", slot: "footer-above" }, h("p", { class: "text-body-regular-s objects-selected", part: "objects-selected" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_evaluateObjectsCount, "f").call(this, "selected")), h("p", { class: "text-body-regular-s objects-matching", part: "objects-matching" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_evaluateObjectsCount, "f").call(this, "matching"))), h("div", { class: "buttons-footer control-footer-with-border" }, h("button", { class: "button-secondary", part: "button button-new", onClick: !this.loading ? __classPrivateFieldGet(this, _GxIdeObjectSelector_newObjectCallbackHandler, "f") : undefined, disabled: this.loading }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnNew), h("div", { class: "end buttons-container" }, h("button", { class: "button-secondary", part: "button button-cancel", onClick: __classPrivateFieldGet(this, _GxIdeObjectSelector_cancelCallbackHandler, "f") }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnCancel), h("button", { class: "button-primary", part: "button button-confirm", onClick: __classPrivateFieldGet(this, _GxIdeObjectSelector_openSelectionCallbackHandler, "f"), disabled: this.loading }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnConfirm), this.multiSelection ? (h("button", { class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeObjectSelector_selectAll, "f"), part: "button button-select-all" }, __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").footer.btnSelectAll)) : null))));
+        });
+        _GxIdeObjectSelector_renderObjects.set(this, () => {
+            return (h("ch-tabular-grid", { class: {
+                    "tabular-grid": true,
+                    "tabular-grid-object-selector": true,
+                    "empty-result": this.objects.length === 0
+                }, rowSelectionMode: this.multiSelection ? "multiple" : "single", ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_objectsGrid, el, "f")), part: "ch-grid-objects", onKeyDown: __classPrivateFieldGet(this, _GxIdeObjectSelector_chGridKeyDownHandler, "f"), onSelectionChanged: __classPrivateFieldGet(this, _GxIdeObjectSelector_handleObjectsSelectionChange, "f"), onDblClick: __classPrivateFieldGet(this, _GxIdeObjectSelector_openSelectionCallbackHandler, "f") }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").tableHead.name, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").tableHead.type, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").tableHead.module, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").tableHead.description, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.commonDouble, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").tableHead.importDate, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" })), this.objects.length ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.objects.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, key: obj.id, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.icon, class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.module), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.modifiedDate, "date-time")}`), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.importDate, "date-time")}`)))))) : (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", null, this.loader && this.loading ? (h("gx-ide-loader", { loaderTitle: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").loader.title, show: true })) : (h("gx-ide-empty-state", { stateIconSrc: FILTER_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").emptyState.title })))))));
+        });
+        _GxIdeObjectSelector_selectAll.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeObjectSelector_objectsGrid, "f").selectAllRows();
+        });
+        _GxIdeObjectSelector_setAfterDefaultValue.set(this, () => {
+            this.modifiedAfterValue = FILTER_AFTER.NONE;
+        });
+        _GxIdeObjectSelector_setAfterOptions.set(this, () => {
+            __classPrivateFieldSet(this, _GxIdeObjectSelector_afterModel, [
                 {
-                    id: FILTER_AFTER.NONE,
-                    label: this._componentLocale.filter.afterNone,
+                    caption: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter.afterNone,
                     value: FILTER_AFTER.NONE
                 },
                 {
-                    id: FILTER_AFTER.DATE_TIME,
-                    label: this._componentLocale.filter[FILTER_AFTER.DATE_TIME],
+                    caption: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter[FILTER_AFTER.DATE_TIME],
                     value: FILTER_AFTER.DATE_TIME
                 },
                 {
-                    id: FILTER_AFTER.IMPORT,
-                    label: this._componentLocale.filter[FILTER_AFTER.IMPORT],
+                    caption: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter[FILTER_AFTER.IMPORT],
                     value: FILTER_AFTER.IMPORT
                 },
                 {
-                    id: FILTER_AFTER.LAST_BUILD,
-                    label: this._componentLocale.filter[FILTER_AFTER.LAST_BUILD],
+                    caption: __classPrivateFieldGet(this, _GxIdeObjectSelector_componentLocale, "f").filter[FILTER_AFTER.LAST_BUILD],
                     value: FILTER_AFTER.LAST_BUILD
                 }
-            ])), h("gxg-form-text", { class: {
-                    "gxi-hidden": !this.filterModified,
-                    "user": true
-                }, "label-position": "start", label: this._componentLocale.filter.user, "max-width": "150px", ref: (el) => (this.filterUserEl = el), part: "filter-user" }), h("div", { class: {
-                    "date-time": true,
-                    "gxi-hidden": !this.filterModified ||
-                        this.filterAfterType !== FILTER_AFTER.DATE_TIME
-                }, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el), class: "date-time" }))))));
-        };
-        this.renderObjects = () => {
-            return (h("ch-tabular-grid", { class: "tabular-grid tabular-grid-object-selector", rowSelectionMode: this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: gridCommon.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: gridCommon.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: gridCommon.colSize.commonDouble, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.maxContent, class: "tabular-grid-column" })), !this.loading ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.objects
-                .sort((a, b) => {
+            ], "f");
+        });
+        _GxIdeObjectSelector_sortObjectsByName.set(this, (objects) => {
+            return objects.sort((a, b) => {
                 const nameA = a.name.toLowerCase(), nameB = b.name.toLowerCase();
                 if (nameA < nameB) {
                     return -1;
@@ -210,62 +204,49 @@ export class GxIdeObjectSelector {
                     return 1;
                 }
                 return 0;
-            })
-                .map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.icon, class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.module), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.modifiedDate, "date-time")}`), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.importDate, "date-time")}`)))))) : (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", { ref: (el) => (this.chGridRowsetEmptyEl = el) })))));
-        };
-        this.filterAfterType = "";
+            });
+        });
         this.filterModified = false;
+        this.loading = false;
+        this.modifiedAfterValue = undefined;
         this.objects = [];
-        this.selectedObjectsIds = [];
-        this.loading = true;
-        this.displayTitle = false;
-        this.loader = false;
-        this.multiSelection = true;
-        this.patternValue = undefined;
-        this.types = undefined;
-        this.defaultType = undefined;
+        this.selectedObjectsIdsArray = [];
+        this.cancelCallback = undefined;
         this.categories = undefined;
         this.defaultCategory = undefined;
         this.defaultModule = undefined;
-        this.selectModuleCallback = undefined;
-        this.cancelCallback = undefined;
+        this.defaultType = undefined;
+        this.loader = false;
         this.loadCallback = undefined;
+        this.multiSelection = false;
         this.newObjectCallback = undefined;
         this.openSelectionCallback = undefined;
+        this.patternValue = undefined;
+        this.selectModuleCallback = undefined;
+        this.types = undefined;
     }
-    evaluateLoading(loading) {
-        this.loaderEl.show = loading;
+    async connectedCallback() {
+        TODAY = __classPrivateFieldGet(this, _GxIdeObjectSelector_getToday, "f").call(this);
     }
-    // 6.COMPONENT LIFECYCLE EVENTS
     async componentWillLoad() {
-        this._componentLocale = await Locale.getComponentStrings(this.el);
-        this.componentDidLoadEvent.emit(true);
+        __classPrivateFieldSet(this, _GxIdeObjectSelector_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldGet(this, _GxIdeObjectSelector_setAfterOptions, "f").call(this);
+        __classPrivateFieldGet(this, _GxIdeObjectSelector_setAfterDefaultValue, "f").call(this);
     }
     componentDidLoad() {
-        this.listenChanges();
-        this.selectedAttribute = this.filterTypeEl.value;
-        this.getObjects();
-        this.filterPatternEl.focus();
-        this.evaluateLoading(this.loading);
-    }
-    componentDidRender() {
-        if (!this.renderedFirstTime) {
-            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-            this.renderedFirstTime = true;
-        }
-        this.loaderEl.container = this.chGridRowsetEmptyEl;
+        __classPrivateFieldGet(this, _GxIdeObjectSelector_refreshUIWithNewConfiguration, "f").call(this);
+        __classPrivateFieldGet(this, _GxIdeObjectSelector_patternInput, "f").focus();
     }
-    // 7.LISTENERS
-    // 8.PUBLIC METHODS API
+    componentDidRender() { }
     /**
      * Suspends or reactivates the shortcuts
      */
     async suspendShortcuts(suspendShortcuts) {
         if (suspendShortcuts) {
-            this.gxgShortcutsEl.suspend = true;
+            __classPrivateFieldGet(this, _GxIdeObjectSelector_shortcutsEl, "f").suspend = true;
         }
         else {
-            this.gxgShortcutsEl.suspend = false;
+            __classPrivateFieldGet(this, _GxIdeObjectSelector_shortcutsEl, "f").suspend = false;
         }
     }
     /**
@@ -275,9 +256,8 @@ export class GxIdeObjectSelector {
         const isValid = true;
         return isValid;
     }
-    // 10.RENDER() FUNCTION
     render() {
-        return (h(Host, { class: "gx-ide-component", onKeyPress: this.hostKeyPressHandler }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null, noContentPadding: true, noAboveFooterPadding: true, noHeadingPadding: true, headingPaddingTop: true, noHeadingBorder: true, slimmerFooter: config.gxIdeContainer.slimmerFooter, class: { loading: this.loading } }, this.renderFilter(), this.renderObjects(), h("div", { class: "objects-count", slot: "footer-above" }, h("gxg-text", { class: "align-end", part: "objects-selected", textAlign: "center" }, this.evaluateObjectsCount("selected")), h("gxg-text", { class: "align-end", part: "objects-matching", textAlign: "center" }, this.evaluateObjectsCount("matching"))), h("gxg-button", { type: "outlined", onClick: this.cancelCallbackHandler, part: "gxg-button gxg-button--cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), h("gxg-button", { type: "primary-text-only", onClick: this.openSelectionCallbackHandler, part: "gxg-button gxg-button--ok", slot: "footer-end" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { type: "secondary-text-icon", icon: "menus/new-object", onClick: this.newObjectCallbackHandler, part: "gxg-button gxg-button--new", slot: "footer-start" }, this._componentLocale.footer.btnNew), this.multiSelection ? (h("gxg-button", { type: "secondary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all", slot: "footer-start" }, this._componentLocale.footer.btnSelectAll)) : null)), h("gxg-shortcuts", { src: this.shortcutsSrc, ref: (el) => (this.gxgShortcutsEl = el) }), this.loader ? (h("gx-ide-loader", { cancelLabel: this._componentLocale.loader.cancelLabel, loaderTitle: this._componentLocale.loader.title, ref: el => (this.loaderEl = el), cancelCallback: this.loaderCancelCallbackHandler })) : null));
+        return (h(Host, { onKeyPress: __classPrivateFieldGet(this, _GxIdeObjectSelector_hostKeyPressHandler, "f") }, h("ch-theme", { model: CSS_BUNDLES }), __classPrivateFieldGet(this, _GxIdeObjectSelector_renderFilter, "f").call(this), __classPrivateFieldGet(this, _GxIdeObjectSelector_renderObjects, "f").call(this), __classPrivateFieldGet(this, _GxIdeObjectSelector_renderFooter, "f").call(this), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeObjectSelector_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeObjectSelector_shortcutsEl, el, "f")) })));
     }
     static get is() { return "gx-ide-object-selector"; }
     static get encapsulation() { return "shadow"; }
@@ -295,88 +275,17 @@ export class GxIdeObjectSelector {
     static get assetsDirs() { return ["gx-ide-assets/object-selector"]; }
     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"
-            },
-            "loader": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "false",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If true, it will display a loader when needed."
-                },
-                "attribute": "loader",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "multiSelection": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "True' if multiple object selection is allowed. Default is 'True'"
-                },
-                "attribute": "multi-selection",
-                "reflect": false,
-                "defaultValue": "true"
-            },
-            "patternValue": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Current value of the input pattern. It is also used to set the default value when initializing the component"
-                },
-                "attribute": "pattern-value",
-                "reflect": false
-            },
-            "types": {
+            "cancelCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "ObjectType[]",
-                    "resolved": "ObjectType[]",
+                    "original": "CancelCallback",
+                    "resolved": "() => Promise<void>",
                     "references": {
-                        "ObjectType": {
+                        "CancelCallback": {
                             "location": "local",
                             "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/object-selector/object-selector.tsx",
-                            "id": "src/components/object-selector/object-selector.tsx::ObjectType"
+                            "id": "src/components/object-selector/object-selector.tsx::CancelCallback"
                         }
                     }
                 },
@@ -384,26 +293,9 @@ export class GxIdeObjectSelector {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The types render in the filter type selector"
+                    "text": "Callback invoked when the user wishes to cancel the selection of objects."
                 }
             },
-            "defaultType": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The default value for the type filter"
-                },
-                "attribute": "default-type",
-                "reflect": false
-            },
             "categories": {
                 "type": "unknown",
                 "mutable": false,
@@ -447,7 +339,7 @@ export class GxIdeObjectSelector {
                 "mutable": false,
                 "complexType": {
                     "original": "EntityData",
-                    "resolved": "{ id: string; name: string; iconSrc?: string; iconColor?: Color; }",
+                    "resolved": "{ id: string; name: string; iconSrc?: string; }",
                     "references": {
                         "EntityData": {
                             "location": "import",
@@ -463,47 +355,40 @@ export class GxIdeObjectSelector {
                     "text": "The default value for the module/folder filter"
                 }
             },
-            "selectModuleCallback": {
-                "type": "unknown",
+            "defaultType": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "SelectModuleCallback",
-                    "resolved": "() => Promise<EntityData>",
-                    "references": {
-                        "SelectModuleCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/object-selector/object-selector.tsx",
-                            "id": "src/components/object-selector/object-selector.tsx::SelectModuleCallback"
-                        }
-                    }
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled."
-                }
+                    "text": "The default value for the type filter"
+                },
+                "attribute": "default-type",
+                "reflect": false
             },
-            "cancelCallback": {
-                "type": "unknown",
+            "loader": {
+                "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "CancelCallback",
-                    "resolved": "() => Promise<void>",
-                    "references": {
-                        "CancelCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/object-selector/object-selector.tsx",
-                            "id": "src/components/object-selector/object-selector.tsx::CancelCallback"
-                        }
-                    }
+                    "original": "false",
+                    "resolved": "boolean",
+                    "references": {}
                 },
-                "required": true,
+                "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Callback invoked when the user wishes to cancel the selection of objects."
-                }
+                    "text": "If true, it will display a loader when needed."
+                },
+                "attribute": "loader",
+                "reflect": false,
+                "defaultValue": "false"
             },
             "loadCallback": {
                 "type": "unknown",
@@ -526,6 +411,24 @@ export class GxIdeObjectSelector {
                     "text": "Callback invoked when the component needs to reload the list of attributes."
                 }
             },
+            "multiSelection": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "True if multiple object selection is allowed. Default is 'True'"
+                },
+                "attribute": "multi-selection",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "newObjectCallback": {
                 "type": "unknown",
                 "mutable": false,
@@ -567,50 +470,76 @@ export class GxIdeObjectSelector {
                     "tags": [],
                     "text": "This is a function provided by the developer for expanded the data of object that is double-clicked or entered."
                 }
-            }
-        };
-    }
-    static get states() {
-        return {
-            "filterAfterType": {},
-            "filterModified": {},
-            "objects": {},
-            "selectedObjectsIds": {},
-            "loading": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "componentDidRenderFirstTime",
-                "name": "componentDidRenderFirstTime",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
+            },
+            "patternValue": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "This event is emitted once just after the component is fully loaded and the first render() occurs"
+                    "text": "Current value of the input pattern. It is also used to set the default value when initializing the component"
                 },
+                "attribute": "pattern-value",
+                "reflect": false
+            },
+            "selectModuleCallback": {
+                "type": "unknown",
+                "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }, {
-                "method": "componentDidLoadEvent",
-                "name": "componentDidLoadEvent",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
+                    "original": "SelectModuleCallback",
+                    "resolved": "() => Promise<EntityData>",
+                    "references": {
+                        "SelectModuleCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/object-selector/object-selector.tsx",
+                            "id": "src/components/object-selector/object-selector.tsx::SelectModuleCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "This event is emitted once just after the component is fully loaded and the first render() occurs."
-                },
+                    "text": "Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled."
+                }
+            },
+            "types": {
+                "type": "unknown",
+                "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
+                    "original": "ObjectType[]",
+                    "resolved": "ObjectType[]",
+                    "references": {
+                        "ObjectType": {
+                            "location": "import",
+                            "path": "../../common/types",
+                            "id": "src/common/types.ts::ObjectType"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The types render in the filter type selector"
                 }
-            }];
+            }
+        };
+    }
+    static get states() {
+        return {
+            "filterModified": {},
+            "loading": {},
+            "modifiedAfterValue": {},
+            "objects": {},
+            "selectedObjectsIdsArray": {}
+        };
     }
     static get methods() {
         return {
@@ -655,11 +584,6 @@ export class GxIdeObjectSelector {
         };
     }
     static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "loading",
-                "methodName": "evaluateLoading"
-            }];
-    }
 }
+_GxIdeObjectSelector_componentLocale = new WeakMap(), _GxIdeObjectSelector_shortcutsSrc = new WeakMap(), _GxIdeObjectSelector_afterModel = new WeakMap(), _GxIdeObjectSelector_patternInput = new WeakMap(), _GxIdeObjectSelector_typeComboBox = new WeakMap(), _GxIdeObjectSelector_categoryComboBox = new WeakMap(), _GxIdeObjectSelector_moduleEntitySelector = new WeakMap(), _GxIdeObjectSelector_afterTypeComboBox = new WeakMap(), _GxIdeObjectSelector_userInput = new WeakMap(), _GxIdeObjectSelector_modifiedDateInput = new WeakMap(), _GxIdeObjectSelector_objectsGrid = new WeakMap(), _GxIdeObjectSelector_shortcutsEl = new WeakMap(), _GxIdeObjectSelector_cancelCallbackHandler = new WeakMap(), _GxIdeObjectSelector_chGridKeyDownHandler = new WeakMap(), _GxIdeObjectSelector_deselectAll = new WeakMap(), _GxIdeObjectSelector_evaluateObjectsCount = new WeakMap(), _GxIdeObjectSelector_getToday = new WeakMap(), _GxIdeObjectSelector_handleAfterValueChange = new WeakMap(), _GxIdeObjectSelector_handleObjectsSelectionChange = new WeakMap(), _GxIdeObjectSelector_hostKeyPressHandler = new WeakMap(), _GxIdeObjectSelector_newObjectCallbackHandler = new WeakMap(), _GxIdeObjectSelector_openSelectionCallbackHandler = new WeakMap(), _GxIdeObjectSelector_refreshUIWithNewConfiguration = new WeakMap(), _GxIdeObjectSelector_renderFilter = new WeakMap(), _GxIdeObjectSelector_renderFooter = new WeakMap(), _GxIdeObjectSelector_renderObjects = new WeakMap(), _GxIdeObjectSelector_selectAll = new WeakMap(), _GxIdeObjectSelector_setAfterDefaultValue = new WeakMap(), _GxIdeObjectSelector_setAfterOptions = new WeakMap(), _GxIdeObjectSelector_sortObjectsByName = new WeakMap();
 //# sourceMappingURL=object-selector.js.map