@genexus/genexus-ide-ui 1.0.59 → 1.0.61

package/dist/collection/components/references/references.js

@@ -1,83 +1,85 @@
+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 _GxIdeReferences_objectDataMap, _GxIdeReferences_shortcutsSrc, _GxIdeReferences__componentLocale, _GxIdeReferences_selectObjectSuggestEl, _GxIdeReferences_evaluateInitialReferenceData, _GxIdeReferences_hideBarButtonClickedHandler, _GxIdeReferences_loadReferencesHandler, _GxIdeReferences_openObjectCallbackHandler, _GxIdeReferences_openSelectorDialogCallbackHandler, _GxIdeReferences_referenceSelectedHandler, _GxIdeReferences_referencesItemOpenReferenceCallback, _GxIdeReferences_referencesLazyLoadCallbackHandler, _GxIdeReferences_selectObjectChangedHandler, _GxIdeReferences_selectObjectInputHandler;
+/* eslint-disable @stencil-community/own-props-must-be-private */
 /* STENCIL IMPORTS */
-import { Host, h, getAssetPath } from "@stencil/core";
+import { getAssetPath, Host, h } from "@stencil/core";
+/* OTHER LIBRARIES IMPORTS */
+import { getIconPath } from "@genexus/mercury";
 /* CUSTOM IMPORTS */
 import { Locale } from "../../common/locale";
-import { config } from "../../common/config";
-import { renderSuggestLists } from "../../common/render-suggest";
-import { convertObjectDataToSuggestData, convertReferenceDataToTreeViewData } from "./helpers";
+import { convertReferenceDataToTreeViewData, mapSelectorCategoryDataToComboBoxModel } from "./helpers";
 const CSS_BUNDLES = [
     "resets/box-sizing",
-    "utils/form",
-    "utils/layout",
-    "utils/typography",
     "components/button",
+    "components/pills",
+    "components/combo-box",
+    "components/icon",
     "components/checkbox",
-    "components/edit",
-    "components/tree-view"
+    "components/tree-view",
+    "utils/spacing",
+    "utils/layout",
+    "utils/form",
+    "utils/typography"
 ];
+const GEMINI_TOOLS_SHOW_MORE_HORIZONTAL = getIconPath({
+    category: "gemini-tools",
+    name: "show-more-horizontal",
+    colorType: "primary"
+});
+const NAVIGATION_ARROW_DOWN_SKY_BLUE = getIconPath({
+    category: "navigation",
+    name: "arrow-down-skyblue",
+    colorType: "primary"
+});
+const SUGGEST_OPTIONS = {
+    alreadyProcessed: true,
+    autoExpand: false,
+    hideMatchesAndShowNonMatches: false,
+    highlightMatchedItems: false,
+    matchCase: false,
+    regularExpression: false,
+    strict: false,
+    renderActiveItemIconOnExpand: true
+};
 export class GxIdeReferences {
     constructor() {
-        this.renderedFirstTime = false;
-        this.shortcutsSrc = getAssetPath(`./gx-ide-assets/references/shortcuts.json`);
-        /**
-         * The last SelectorCategoryData[] returned by selectorSourceCallback
-         */
-        this.selectorCategoryData = [];
-        // 7.LISTENERS //
-        // 8.PUBLIC METHODS API //
-        // 9.LOCAL METHODS //
+        _GxIdeReferences_objectDataMap.set(this, new Map());
+        _GxIdeReferences_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/references/shortcuts.json`));
+        _GxIdeReferences__componentLocale.set(this, void 0);
+        _GxIdeReferences_selectObjectSuggestEl.set(this, void 0);
         /**
-         * It attaches on the ch-suggest, the "itemSelected" event triggered by the ch-suggest-list-item. This helps set the new 'selectedObject'.
+         * Evaluates whether to call loadReferencesCallback based on the presence of a selected object.
          */
-        this.selectObjectSelectionChanged = (e) => {
-            const categoryIndex = e.detail.indexes.listIndex;
-            const itemIndex = e.detail.indexes.itemIndex;
-            this.selectedObject =
-                this.selectorCategoryData[categoryIndex].items[itemIndex];
-        };
-        /**
-         * This handler gets fired every time the value of the 'Select Object' ch-suggest changes.
-         */
-        this.selectObjectValueChangedHandler = async (e) => {
-            const value = e.detail;
-            this.selectorSourceCallback(value)
-                .then(result => {
-                this.selectorCategoryData = result;
-                /* show suggestions*/
-                this.objectsSuggestions = convertObjectDataToSuggestData(result);
-            })
-                .catch(() => {
-                // to do
-            });
-        };
-        this.openObjectCallbackHandler = async () => {
-            this.openObjectCallback(this.selectedObject.id);
-            /* Returns an empty Promise*/
-        };
-        /**
-         * handler that gets fired when the use clicks on the ch-suggest button (...)
-         */
-        this.openSelectorDialogCallbackHandler = async () => {
-            this.openSelectorDialogCallback()
-                .then(result => {
-                this.selectedObject = result;
-            })
-                .catch(() => {
-                /* to do */
-            });
-        };
-        /**
-         * It evaluates if loadReferencesCallback should be called, depending wether there is or not an actual selected object.
-         */
-        this.evaluateInitialReferenceData = () => {
+        _GxIdeReferences_evaluateInitialReferenceData.set(this, () => {
             if (this.selectedObject) {
-                this.selectedObjectHandler(this.selectedObject);
+                this.selectedObjectChanged(this.selectedObject);
             }
-        };
+        });
         /**
-         * This method invokes 'loadReferencesCallback' callback for 'Is Referenced By' and 'Has References To' panels. The second parameter "to" indicates if loadReferencesCallback callback should be called for "has references to" or "is references by"
+         * Hides or shows the bar (the bottom section of the header).
          */
-        this.loadReferencesHandler = async (id, to = false) => {
+        _GxIdeReferences_hideBarButtonClickedHandler.set(this, () => {
+            this.barHidden = !this.barHidden;
+        });
+        /**
+         * Invokes 'loadReferencesCallback' for 'Is Referenced By' and 'Has References To' panels.
+         */
+        _GxIdeReferences_loadReferencesHandler.set(this, async (id, to = false) => {
             if (this.loadReferencesCallback) {
                 this.loadReferencesCallback(id, to).then(result => {
                     if (to) {
@@ -90,14 +92,36 @@ export class GxIdeReferences {
                     }
                 });
             }
-        };
+        });
+        _GxIdeReferences_openObjectCallbackHandler.set(this, () => {
+            var _a;
+            // Returns an empty Promise
+            this.openObjectCallback((_a = this.selectedObject) === null || _a === void 0 ? void 0 : _a.id);
+        });
         /**
-         * It hides/show the bar (The header bottom section).
+         * Fired when user clicks the ch-suggest button (...)
          */
-        this.hideBarButtonClickedHandler = () => {
-            this.barHidden = !this.barHidden;
-        };
-        this.referencesLazyLoadCallbackHandler = (ref) => async (treeItemId) => {
+        _GxIdeReferences_openSelectorDialogCallbackHandler.set(this, async () => {
+            const objectDataResult = await this.openSelectorDialogCallback();
+            if (objectDataResult) {
+                this.selectedObject = objectDataResult;
+            }
+        });
+        _GxIdeReferences_referenceSelectedHandler.set(this, (event) => {
+            if (this.selectReferenceCallback) {
+                const selectedItems = event.detail.map(item => item.item.id);
+                this.selectReferenceCallback(selectedItems[0]);
+                // returns void
+            }
+        });
+        _GxIdeReferences_referencesItemOpenReferenceCallback.set(this, (itemOpened) => {
+            const itemId = itemOpened.detail.id;
+            if (this.openObjectCallback) {
+                this.openObjectCallback(itemId);
+                // returns void
+            }
+        });
+        _GxIdeReferences_referencesLazyLoadCallbackHandler.set(this, (ref) => async (treeItemId) => {
             if (this.loadReferencesCallback) {
                 const to = ref === "references-to";
                 const referencesLazyChildren = await this.loadReferencesCallback(treeItemId, to);
@@ -109,78 +133,88 @@ export class GxIdeReferences {
             return new Promise(resolve => {
                 resolve([]);
             });
-        };
-        this.referenceSelectedHandler = (event) => {
-            if (this.selectReferenceCallback) {
-                const selectedItems = event.detail.map(item => item.item.id);
-                this.selectReferenceCallback(selectedItems[0]);
-                // returns void
+        });
+        _GxIdeReferences_selectObjectChangedHandler.set(this, (event) => {
+            const newSelectedValue = event.detail;
+            const objectData = __classPrivateFieldGet(this, _GxIdeReferences_objectDataMap, "f").get(newSelectedValue);
+            if (objectData) {
+                this.selectedObject = objectData;
             }
-        };
-        this.referencesItemOpenReferenceCallback = (itemOpened) => {
-            const itemId = itemOpened.detail.id;
-            if (this.openObjectCallback) {
-                this.openObjectCallback(itemId);
-                // returns void
+        });
+        _GxIdeReferences_selectObjectInputHandler.set(this, (event) => {
+            // WA to know if the event was from searching on the input or an item selection.
+            // const partValue = (e.target as HTMLElement).getAttribute("part");
+            const typedValue = event.detail;
+            if (this.selectorSourceCallback) {
+                this.selectorSourceCallback(typedValue).then(selectorCategoryDataArray => {
+                    // update map
+                    __classPrivateFieldGet(this, _GxIdeReferences_objectDataMap, "f").clear();
+                    selectorCategoryDataArray === null || selectorCategoryDataArray === void 0 ? void 0 : selectorCategoryDataArray.forEach(selectorCategoryData => {
+                        selectorCategoryData.items.forEach(objectData => {
+                            __classPrivateFieldGet(this, _GxIdeReferences_objectDataMap, "f").set(objectData.description, {
+                                id: objectData.id,
+                                typeName: objectData.typeName,
+                                icon: objectData.icon,
+                                name: objectData.name,
+                                description: objectData.description
+                            });
+                        });
+                    });
+                    this.objectsSuggestions = mapSelectorCategoryDataToComboBoxModel(selectorCategoryDataArray);
+                });
             }
-        };
-        this.referencedByTreeData = undefined;
-        this.referencesToTreeData = undefined;
+        });
         this.barHidden = false;
         this.objectsSuggestions = undefined;
-        this.displayTitle = false;
-        this.selectedObject = undefined;
-        this.selectorSourceCallback = undefined;
+        this.referencedByTreeData = undefined;
+        this.referencesToTreeData = undefined;
         this.loadReferencesCallback = undefined;
         this.openObjectCallback = undefined;
         this.openSelectorDialogCallback = undefined;
         this.selectReferenceCallback = undefined;
+        this.selectorSourceCallback = undefined;
+        this.selectedObject = undefined;
     }
-    selectedObjectHandler(newSelectedObject) {
-        if (newSelectedObject.id) {
+    selectedObjectChanged(newSelectedObject) {
+        if (newSelectedObject === null || newSelectedObject === void 0 ? void 0 : newSelectedObject.id) {
             /* update "is referenced by*/
-            this.loadReferencesHandler(newSelectedObject.id, false);
+            __classPrivateFieldGet(this, _GxIdeReferences_loadReferencesHandler, "f").call(this, newSelectedObject.id, false);
             /* update "has references to*/
-            this.loadReferencesHandler(newSelectedObject.id, true);
+            __classPrivateFieldGet(this, _GxIdeReferences_loadReferencesHandler, "f").call(this, newSelectedObject.id, true);
         }
     }
-    // 6.COMPONENT LIFECYCLE EVENTS //
-    async componentWillLoad() {
-        this._componentLocale = await Locale.getComponentStrings(this.el);
-        this.evaluateInitialReferenceData();
-    }
     componentDidLoad() {
-        this.selectObjectSuggestEl.focus();
+        __classPrivateFieldGet(this, _GxIdeReferences_selectObjectSuggestEl, "f").focus();
     }
-    componentDidRender() {
-        if (!this.renderedFirstTime) {
-            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-            this.renderedFirstTime = true;
-        }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeReferences__componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldGet(this, _GxIdeReferences_evaluateInitialReferenceData, "f").call(this);
     }
-    // 10.RENDER() FUNCTION //
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        return (h(Host, { class: "gx-ide-component" }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { displayBorderBottom: true, noContentPadding: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("header", { class: "header", slot: "header" }, h("div", { class: "header__top grid" }, h("gxg-button", { icon: "navigation/arrow-down", type: "secondary-icon-only", class: "hide-bar-button", onClick: this.hideBarButtonClickedHandler, part: "toggle-bar-button" }), h("gxg-label", { labelPosition: "start", class: "suggest-label", part: "select-object-label" }, this._componentLocale.header.selectObject), h("gxg-suggest", null, h("ch-suggest", { value: this.selectedObject.name, onValueChanged: this.selectObjectValueChangedHandler, onSelectionChanged: this.selectObjectSelectionChanged, part: "object-selector-suggest", exportparts: "dropdown:select-object-dropdown", ref: el => (this.selectObjectSuggestEl = el) }, renderSuggestLists(this.objectsSuggestions))), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.openSelectorDialogCallbackHandler, class: "selector-dialog-button", part: "open-selector-dialog-button" })), h("div", { class: {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, h("header", { class: "header control-header-with-border spacing-body-inline spacing-body-block-start" }, h("div", { class: "header__top field-group" }, h("button", { type: "button", class: "button-tertiary button-icon-only", "aria-label": __classPrivateFieldGet(this, _GxIdeReferences__componentLocale, "f").header.toggleBar, part: "toggle-bar-button", onClick: __classPrivateFieldGet(this, _GxIdeReferences_hideBarButtonClickedHandler, "f") }, h("ch-image", { class: "icon-md", src: NAVIGATION_ARROW_DOWN_SKY_BLUE, containerRef: this.el })), h("div", { class: "field field-inline" }, h("label", {
+            // select object
+            class: "label", part: "select-object-label", htmlFor: "object-selector-suggest"
+        }, __classPrivateFieldGet(this, _GxIdeReferences__componentLocale, "f").header.selectObject), h("ch-combo-box-render", { accessibleName: __classPrivateFieldGet(this, _GxIdeReferences__componentLocale, "f").header.selectObject, class: "combo-box", model: this.objectsSuggestions, suggest: true, onInput: __classPrivateFieldGet(this, _GxIdeReferences_selectObjectInputHandler, "f"), onChange: __classPrivateFieldGet(this, _GxIdeReferences_selectObjectChangedHandler, "f"), value: (_a = this.selectedObject) === null || _a === void 0 ? void 0 : _a.name, part: "object-selector-suggest", suggestOptions: SUGGEST_OPTIONS, ref: el => (__classPrivateFieldSet(this, _GxIdeReferences_selectObjectSuggestEl, el, "f")) })), h("button", { type: "button", class: "button-tertiary button-icon-only", "aria-label": __classPrivateFieldGet(this, _GxIdeReferences__componentLocale, "f").header.openSelectorButton, onClick: __classPrivateFieldGet(this, _GxIdeReferences_openSelectorDialogCallbackHandler, "f"), part: "open-selector-dialog-button" }, h("ch-image", { class: "icon-md", src: GEMINI_TOOLS_SHOW_MORE_HORIZONTAL, containerRef: this.el }))), h("div", { class: {
                 "header__bottom": true,
                 "header__bottom--hidden": this.barHidden
-            } }, h("div", { class: "outer-wrapper" }, h("div", { class: "inner-wrapper" }, h("div", { class: "inner-wrapper__left" }, h("gxg-icon", { type: this.selectedObject.icon, color: "auto" }), h("gxg-text", { padding: "s", type: "text-link", part: "open-object-text-link", onClick: this.openObjectCallbackHandler }, `${this.selectedObject.name} : ${this.selectedObject.description}`)), h("div", { class: "inner-wrapper__right gxi-hidden" }, h("gxg-form-checkbox", { id: "references-by-type", label: "Group references by type", required: true, "display-validation-styles": true, part: "references-type-checkbox" })))))), h("main", { class: "main" }, h("gx-ide-container", { containerTitle: this._componentLocale.main.isReferencedBy, noContentPadding: true, part: "referenced-by-container", contentBorderEnd: true, titleType: "secondary" }, h("div", { class: {
-                "reference-container": true,
-                "reference-container--no-references": !((_a = this.referencedByTreeData) === null || _a === void 0 ? void 0 : _a.length)
-            } }, h("ch-tree-view-render", { class: {
-                "gxi-hidden": !((_b = this.referencedByTreeData) === null || _b === void 0 ? void 0 : _b.length),
+            } }, h("div", { class: "outer-wrapper" }, h("div", { class: "inner-wrapper" }, h("div", { class: "inner-wrapper__left" }, h("ch-image", { class: "icon-md", src: this.selectedObject.icon, containerRef: this.el }), h("a", { class: "text-link", onClick: __classPrivateFieldGet(this, _GxIdeReferences_openObjectCallbackHandler, "f"), part: "open-object-text-link", "aria-label": __classPrivateFieldGet(this, _GxIdeReferences__componentLocale, "f").main.selectedObjectLink }, `${(_b = this.selectedObject) === null || _b === void 0 ? void 0 : _b.name} : ${(_c = this.selectedObject) === null || _c === void 0 ? void 0 : _c.description}`)))))), h("div", { class: "main" }, h("section", { class: "section__referenced-by" }, h("h2", { class: "control-header control-header-with-border control-header__referenced-by heading-5 text-align-center spacing-body-inline" }, __classPrivateFieldGet(this, _GxIdeReferences__componentLocale, "f").main.isReferencedBy), h("div", {
+            // is referenced by
+            class: "main__referenced-by spacing-body-block-start spacing-body-block-end"
+        }, h("ch-tree-view-render", { class: {
+                "gxi-hidden": !((_d = this.referencedByTreeData) === null || _d === void 0 ? void 0 : _d.length),
                 "tree-view": true
-            }, part: "referenced-by-tree", model: this.referencedByTreeData, lazyLoadTreeItemsCallback: this.referencesLazyLoadCallbackHandler("referenced-by"), onSelectedItemsChange: this.referenceSelectedHandler, dragDisabled: true, dropDisabled: true, onItemOpenReference: this.referencesItemOpenReferenceCallback, showLines: "last" }), !((_c = this.referencedByTreeData) === null || _c === void 0 ? void 0 : _c.length) && (h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "referenced-by-text", class: "gx-ide-message" }, ((_d = this.referencedByTreeData) === null || _d === void 0 ? void 0 : _d.length) === 0
-            ? this._componentLocale.main.isReferencedByEmpty
-            : this._componentLocale.main.isReferencedByError)))), h("gx-ide-container", { noContentPadding: true, containerTitle: this._componentLocale.main.hasReferencesTo, part: "references-to-container", titleType: "secondary" }, h("div", { class: {
-                "reference-container": true,
-                "reference-container--no-references": !((_e = this.referencesToTreeData) === null || _e === void 0 ? void 0 : _e.length)
-            } }, h("ch-tree-view-render", { class: {
-                "gxi-hidden": !((_f = this.referencesToTreeData) === null || _f === void 0 ? void 0 : _f.length),
+            }, part: "referenced-by-tree", model: this.referencedByTreeData, "aria-label": __classPrivateFieldGet(this, _GxIdeReferences__componentLocale, "f").main.referencedByTreeAccessible, lazyLoadTreeItemsCallback: __classPrivateFieldGet(this, _GxIdeReferences_referencesLazyLoadCallbackHandler, "f").call(this, "referenced-by"), onSelectedItemsChange: __classPrivateFieldGet(this, _GxIdeReferences_referenceSelectedHandler, "f"), dragDisabled: true, dropDisabled: true, onItemOpenReference: __classPrivateFieldGet(this, _GxIdeReferences_referencesItemOpenReferenceCallback, "f"), showLines: "last" }), !((_e = this.referencedByTreeData) === null || _e === void 0 ? void 0 : _e.length) && (h("gx-ide-empty-state", { stateTitle: ((_f = this.referencedByTreeData) === null || _f === void 0 ? void 0 : _f.length) === 0
+                ? __classPrivateFieldGet(this, _GxIdeReferences__componentLocale, "f").main.isReferencedByEmpty
+                : __classPrivateFieldGet(this, _GxIdeReferences__componentLocale, "f").main.isReferencedByError })))), h("section", { class: "section__references-to" }, h("h2", { class: "control-header control-header-with-border control-header__references-to heading-5 text-align-center spacing-body-inline" }, __classPrivateFieldGet(this, _GxIdeReferences__componentLocale, "f").main.hasReferencesTo), h("div", {
+            // has references to
+            class: "main__references-to spacing-body-block-start spacing-body-block-end"
+        }, h("ch-tree-view-render", { class: {
+                "gxi-hidden": !((_g = this.referencesToTreeData) === null || _g === void 0 ? void 0 : _g.length),
                 "tree-view": true
-            }, part: "referenced-to-tree", model: this.referencesToTreeData, lazyLoadTreeItemsCallback: this.referencesLazyLoadCallbackHandler("references-to"), onSelectedItemsChange: this.referenceSelectedHandler, dragDisabled: true, dropDisabled: true, onItemOpenReference: this.referencesItemOpenReferenceCallback, showLines: "last" }), !((_g = this.referencesToTreeData) === null || _g === void 0 ? void 0 : _g.length) && (h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "references-to-text", class: "gx-ide-message" }, ((_h = this.referencesToTreeData) === null || _h === void 0 ? void 0 : _h.length) === 0
-            ? this._componentLocale.main.hasReferencesEmpty
-            : this._componentLocale.main.hasReferencesToError))))))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
+            }, part: "referenced-to-tree", model: this.referencesToTreeData, "aria-label": __classPrivateFieldGet(this, _GxIdeReferences__componentLocale, "f").main.referencesToTreeAccessible, lazyLoadTreeItemsCallback: __classPrivateFieldGet(this, _GxIdeReferences_referencesLazyLoadCallbackHandler, "f").call(this, "references-to"), onSelectedItemsChange: __classPrivateFieldGet(this, _GxIdeReferences_referenceSelectedHandler, "f"), dragDisabled: true, dropDisabled: true, onItemOpenReference: __classPrivateFieldGet(this, _GxIdeReferences_referencesItemOpenReferenceCallback, "f"), showLines: "last" }), !((_h = this.referencesToTreeData) === null || _h === void 0 ? void 0 : _h.length) && (h("gx-ide-empty-state", { stateTitle: ((_j = this.referencesToTreeData) === null || _j === void 0 ? void 0 : _j.length) === 0
+                ? __classPrivateFieldGet(this, _GxIdeReferences__componentLocale, "f").main.hasReferencesEmpty
+                : __classPrivateFieldGet(this, _GxIdeReferences__componentLocale, "f").main.hasReferencesToError })))))), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeReferences_shortcutsSrc, "f") })));
     }
     static get is() { return "gx-ide-references"; }
     static get encapsulation() { return "shadow"; }
@@ -197,35 +231,17 @@ export class GxIdeReferences {
     static get assetsDirs() { return ["gx-ide-assets/references"]; }
     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"
-            },
-            "selectedObject": {
+            "loadReferencesCallback": {
                 "type": "unknown",
-                "mutable": true,
+                "mutable": false,
                 "complexType": {
-                    "original": "ObjectData",
-                    "resolved": "{ id: string; typeName: string; icon: string; name: string; description?: string; }",
+                    "original": "LoadReferencesCallback",
+                    "resolved": "(id: string, to: boolean) => Promise<ReferenceData[]>",
                     "references": {
-                        "ObjectData": {
+                        "LoadReferencesCallback": {
                             "location": "local",
                             "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/references/references.tsx",
-                            "id": "src/components/references/references.tsx::ObjectData"
+                            "id": "src/components/references/references.tsx::LoadReferencesCallback"
                         }
                     }
                 },
@@ -233,20 +249,20 @@ export class GxIdeReferences {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Currently selected object"
+                    "text": "Callback invoked when a node is expanded in any references panels"
                 }
             },
-            "selectorSourceCallback": {
+            "openObjectCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "SelectorSourceCallback",
-                    "resolved": "(prefix: string) => Promise<SelectorCategoryData[]>",
+                    "original": "OpenObjectCallback",
+                    "resolved": "(id: string) => Promise<void>",
                     "references": {
-                        "SelectorSourceCallback": {
+                        "OpenObjectCallback": {
                             "location": "local",
                             "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/references/references.tsx",
-                            "id": "src/components/references/references.tsx::SelectorSourceCallback"
+                            "id": "src/components/references/references.tsx::OpenObjectCallback"
                         }
                     }
                 },
@@ -254,20 +270,20 @@ export class GxIdeReferences {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Callback invoked when user writes on object selector input, return possible options to show in autocomplete list"
+                    "text": "Callback invoked when user wants to open an object"
                 }
             },
-            "loadReferencesCallback": {
+            "openSelectorDialogCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "LoadReferencesCallback",
-                    "resolved": "(id: string, to: boolean) => Promise<ReferenceData[]>",
+                    "original": "OpenSelectorDialogCallback",
+                    "resolved": "() => Promise<ObjectData>",
                     "references": {
-                        "LoadReferencesCallback": {
+                        "OpenSelectorDialogCallback": {
                             "location": "local",
                             "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/references/references.tsx",
-                            "id": "src/components/references/references.tsx::LoadReferencesCallback"
+                            "id": "src/components/references/references.tsx::OpenSelectorDialogCallback"
                         }
                     }
                 },
@@ -275,20 +291,20 @@ export class GxIdeReferences {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Callback invoked when a node is expanded in any of the references panels"
+                    "text": "Callback invoked when user wants to show object selection dialog"
                 }
             },
-            "openObjectCallback": {
+            "selectReferenceCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "OpenObjectCallback",
+                    "original": "SelectReferenceCallback",
                     "resolved": "(id: string) => Promise<void>",
                     "references": {
-                        "OpenObjectCallback": {
+                        "SelectReferenceCallback": {
                             "location": "local",
                             "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/references/references.tsx",
-                            "id": "src/components/references/references.tsx::OpenObjectCallback"
+                            "id": "src/components/references/references.tsx::SelectReferenceCallback"
                         }
                     }
                 },
@@ -296,20 +312,20 @@ export class GxIdeReferences {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Callback invoked when user wants to open an object"
+                    "text": "Callback invoked when any item from the references panels is selected"
                 }
             },
-            "openSelectorDialogCallback": {
+            "selectorSourceCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "OpenSelectorDialogCallback",
-                    "resolved": "() => Promise<ObjectData>",
+                    "original": "SelectorSourceCallback",
+                    "resolved": "(prefix: string) => Promise<SelectorCategoryData[]>",
                     "references": {
-                        "OpenSelectorDialogCallback": {
+                        "SelectorSourceCallback": {
                             "location": "local",
                             "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/references/references.tsx",
-                            "id": "src/components/references/references.tsx::OpenSelectorDialogCallback"
+                            "id": "src/components/references/references.tsx::SelectorSourceCallback"
                         }
                     }
                 },
@@ -317,20 +333,20 @@ export class GxIdeReferences {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Callback invoked when user wants to show object selection dialog"
+                    "text": "Callback invoked when user writes on object selector input"
                 }
             },
-            "selectReferenceCallback": {
+            "selectedObject": {
                 "type": "unknown",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
-                    "original": "SelectReferenceCallback",
-                    "resolved": "(id: string) => Promise<void>",
+                    "original": "ObjectData",
+                    "resolved": "{ id: string; typeName: string; icon: string; name: string; description?: string; }",
                     "references": {
-                        "SelectReferenceCallback": {
+                        "ObjectData": {
                             "location": "local",
                             "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/references/references.tsx",
-                            "id": "src/components/references/references.tsx::SelectReferenceCallback"
+                            "id": "src/components/references/references.tsx::ObjectData"
                         }
                     }
                 },
@@ -338,43 +354,26 @@ export class GxIdeReferences {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Callback invoked when any item from the references panels is selected"
+                    "text": "Currently selected object"
                 }
             }
         };
     }
     static get states() {
         return {
-            "referencedByTreeData": {},
-            "referencesToTreeData": {},
             "barHidden": {},
-            "objectsSuggestions": {}
+            "objectsSuggestions": {},
+            "referencedByTreeData": {},
+            "referencesToTreeData": {}
         };
     }
-    static get events() {
-        return [{
-                "method": "componentDidRenderFirstTime",
-                "name": "componentDidRenderFirstTime",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Gets fired when the component has rendered for the first time."
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }];
-    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
                 "propName": "selectedObject",
-                "methodName": "selectedObjectHandler"
+                "methodName": "selectedObjectChanged"
             }];
     }
 }
+_GxIdeReferences_objectDataMap = new WeakMap(), _GxIdeReferences_shortcutsSrc = new WeakMap(), _GxIdeReferences__componentLocale = new WeakMap(), _GxIdeReferences_selectObjectSuggestEl = new WeakMap(), _GxIdeReferences_evaluateInitialReferenceData = new WeakMap(), _GxIdeReferences_hideBarButtonClickedHandler = new WeakMap(), _GxIdeReferences_loadReferencesHandler = new WeakMap(), _GxIdeReferences_openObjectCallbackHandler = new WeakMap(), _GxIdeReferences_openSelectorDialogCallbackHandler = new WeakMap(), _GxIdeReferences_referenceSelectedHandler = new WeakMap(), _GxIdeReferences_referencesItemOpenReferenceCallback = new WeakMap(), _GxIdeReferences_referencesLazyLoadCallbackHandler = new WeakMap(), _GxIdeReferences_selectObjectChangedHandler = new WeakMap(), _GxIdeReferences_selectObjectInputHandler = new WeakMap();
 //# sourceMappingURL=references.js.map