@genexus/genexus-ide-ui 0.0.100 → 0.0.102

package/dist/genexus-ide-ui/p-382fe6fa.entry.js

@@ -0,0 +1,331 @@
+import { r as e, c as t, a as r, h as o, H as a, g as i } from "./p-2776d2f9.js";
+
+import { L as s } from "./p-74d59062.js";
+
+import { c as n } from "./p-9c1b4eb9.js";
+
+import { r as l } from "./p-9bd5e66b.js";
+
+/**
+ * @description This function converts SelectorCategoryData[] SuggestData
+ */ const convertObjectDataToSuggestData = e => {
+  const t = {
+    suggestItems: null,
+    suggestLists: []
+  };
+  if (e.length) {
+    e.forEach((e => {
+      const r = {
+        label: e.name,
+        items: []
+      };
+      e.items.forEach((e => {
+        const t = {
+          value: e.id,
+          description: e.description,
+          icon: e.icon
+        };
+        r.items.push(t);
+      }));
+      t.suggestLists.push(r);
+    }));
+  }
+  return t;
+};
+
+const convertToTreeItem = e => {
+  var t;
+  return {
+    caption: e.name,
+    id: e.id,
+    items: ((t = e.items) !== null && t !== void 0 ? t : []).map(convertToTreeItem),
+    lazy: e.hasChildren && (e.items == null || e.items.length === 0),
+    leaf: e.hasChildren === false,
+    leftImgSrc: e.icon
+  };
+};
+
+/**
+ * @description This function converts ReferenceData[] data to TreeItemData[]
+ */ const convertReferenceDataToTreeViewData = e => {
+  const t = [];
+  if (!e) {
+    return t;
+  }
+  e.forEach((e => {
+    t.push(convertToTreeItem(e));
+  }));
+  return t;
+};
+
+const d = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.header{}.header__top{grid-template-columns:min-content auto 1fr min-content;grid-template-rows:1fr;grid-template-areas:"hide-bar-button suggest-label gxg-suggest selector-dialog-button"}.header__top .hide-bar-button{grid-area:hide-bar-button}.header__top .suggest-label{grid-area:suggest-label}.header__top gxg-suggest{grid-area:gxg-suggest}.header__top .selector-dialog-button{grid-area:selector-dialog-button}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--mer-timing--super-fast-ms) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:var(--gx-ide-grid-row-gap);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.header-hidden .first-row{grid-template-columns:auto 1fr auto}.header-hidden .first-row>:nth-child(3){align-self:end}.header-hidden .second-row{display:none}.main{display:flex;height:100%}.main>*{flex:1}.main .reference-container{display:flex;height:100%}.main .reference-container--no-references{display:flex;align-items:center;justify-content:center}.main .gx-ide-message{padding:50px 0}';
+
+const g = class {
+  constructor(o) {
+    e(this, o);
+    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
+    this.shortcutsSrc = r(`./gx-ide-assets/references/shortcuts.json`);
+    /**
+         * The last SelectorCategoryData[] returned by selectorSourceCallback
+         */    this.selectorCategoryData = [];
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+    /**
+         * It attaches on the ch-suggest, the "itemSelected" event triggered by the ch-suggest-list-item. This helps set the new 'selectedObject'.
+         */    this.selectObjectSelectionChanged = e => {
+      const t = e.detail.indexes.listIndex;
+      const r = e.detail.indexes.itemIndex;
+      this.selectedObject = this.selectorCategoryData[t].items[r];
+    };
+    /**
+         * This handler gets fired every time the value of the 'Select Object' ch-suggest changes.
+         */    this.selectObjectValueChangedHandler = async e => {
+      const t = e.detail;
+      this.selectorSourceCallback(t).then((e => {
+        this.selectorCategoryData = e;
+        /* show suggestions*/        this.objectsSuggestions = convertObjectDataToSuggestData(e);
+      })).catch((() => {}));
+    };
+    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((e => {
+        this.selectedObject = e;
+      })).catch((() => {}));
+    };
+    /**
+         * It evaluates if loadReferencesCallback should be called, depending wether there is or not an actual selected object.
+         */    this.evaluateInitialReferenceData = () => {
+      if (this.selectedObject) {
+        this.selectedObjectHandler(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"
+         */    this.loadReferencesHandler = async (e, t = false) => {
+      if (this.loadReferencesCallback) {
+        this.loadReferencesCallback(e, t).then((e => {
+          if (t) {
+            this.referencesToTreeData = convertReferenceDataToTreeViewData(e);
+          } else {
+            this.referencedByTreeData = convertReferenceDataToTreeViewData(e);
+          }
+        }));
+      }
+    };
+    /**
+         * It hides/show the bar (The header bottom section).
+         */    this.hideBarButtonClickedHandler = () => {
+      this.barHidden = !this.barHidden;
+    };
+    this.referencesLazyLoadCallbackHandler = e => async t => {
+      if (this.loadReferencesCallback) {
+        const r = e === "references-to";
+        const o = await this.loadReferencesCallback(t, r);
+        const a = convertReferenceDataToTreeViewData(o);
+        return new Promise((e => {
+          e(a);
+        }));
+      }
+      return new Promise((e => {
+        e([]);
+      }));
+    };
+    this.referenceSelectedHandler = e => {
+      if (this.selectReferenceCallback) {
+        const t = e.detail.map((e => e.item.id));
+        this.selectReferenceCallback(t[0]);
+        // returns void
+            }
+    };
+    this.referencesItemOpenReferenceCallback = e => {
+      const t = e.detail.id;
+      if (this.openObjectCallback) {
+        this.openObjectCallback(t);
+        // returns void
+            }
+    };
+    this.referencedByTreeData = undefined;
+    this.referencesToTreeData = undefined;
+    this.barHidden = false;
+    this.objectsSuggestions = undefined;
+    this.displayTitle = false;
+    this.selectedObject = undefined;
+    this.selectorSourceCallback = undefined;
+    this.loadReferencesCallback = undefined;
+    this.openObjectCallback = undefined;
+    this.openSelectorDialogCallback = undefined;
+    this.selectReferenceCallback = undefined;
+  }
+  selectedObjectHandler(e) {
+    if (e.id) {
+      /* update "is referenced by*/
+      this.loadReferencesHandler(e.id, false);
+      /* update "has references to*/      this.loadReferencesHandler(e.id, true);
+    }
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentWillLoad() {
+    this._componentLocale = await s.getComponentStrings(this.el);
+    this.evaluateInitialReferenceData();
+  }
+  componentDidLoad() {
+    this.selectObjectSuggestEl.focus();
+  }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    var e, t, r, i, s, d, g, c;
+    return o(a, {
+      class: "gx-ide-component"
+    }, o("div", {
+      class: "gx-ide-main-wrapper"
+    }, o("gx-ide-container", {
+      displayBorderBottom: true,
+      noContentPadding: true,
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null
+    }, o("header", {
+      class: "header",
+      slot: "header"
+    }, o("div", {
+      class: "header__top grid"
+    }, o("gxg-button", {
+      icon: "navigation/arrow-down",
+      type: "secondary-icon-only",
+      class: "hide-bar-button",
+      onClick: this.hideBarButtonClickedHandler,
+      part: "toggle-bar-button"
+    }), o("gxg-label", {
+      labelPosition: "start",
+      class: "suggest-label",
+      part: "select-object-label"
+    }, this._componentLocale.header.selectObject), o("gxg-suggest", null, o("ch-suggest", {
+      value: this.selectedObject.name,
+      onValueChanged: this.selectObjectValueChangedHandler,
+      onSelectionChanged: this.selectObjectSelectionChanged,
+      part: "object-selector-suggest",
+      exportparts: "dropdown:select-object-dropdown",
+      ref: e => this.selectObjectSuggestEl = e
+    }, l(this.objectsSuggestions))), o("gxg-button", {
+      type: "secondary-icon-only",
+      icon: "gemini-tools/show-more-horizontal",
+      onClick: this.openSelectorDialogCallbackHandler,
+      class: "selector-dialog-button",
+      part: "open-selector-dialog-button"
+    })), o("div", {
+      class: {
+        header__bottom: true,
+        "header__bottom--hidden": this.barHidden
+      }
+    }, o("div", {
+      class: "outer-wrapper"
+    }, o("div", {
+      class: "inner-wrapper"
+    }, o("div", {
+      class: "inner-wrapper__left"
+    }, o("gxg-icon", {
+      type: this.selectedObject.icon,
+      color: "auto"
+    }), o("gxg-text", {
+      padding: "s",
+      type: "text-link",
+      part: "open-object-text-link",
+      onClick: this.openObjectCallbackHandler
+    }, `${this.selectedObject.name} : ${this.selectedObject.description}`)), o("div", {
+      class: "inner-wrapper__right gxi-hidden"
+    }, o("gxg-form-checkbox", {
+      id: "references-by-type",
+      label: "Group references by type",
+      required: true,
+      "display-validation-styles": true,
+      part: "references-type-checkbox"
+    })))))), o("main", {
+      class: "main"
+    }, o("gx-ide-container", {
+      containerTitle: this._componentLocale.main.isReferencedBy,
+      noContentPadding: true,
+      part: "referenced-by-container",
+      contentBorderEnd: true,
+      titleType: "secondary"
+    }, o("div", {
+      class: {
+        "reference-container": true,
+        "reference-container--no-references": !((e = this.referencedByTreeData) === null || e === void 0 ? void 0 : e.length)
+      }
+    }, o("gxg-tree-view", {
+      class: {
+        "gxi-hidden": !((t = this.referencedByTreeData) === null || t === void 0 ? void 0 : t.length)
+      },
+      part: "referenced-by-tree",
+      treeModel: this.referencedByTreeData,
+      lazyLoadTreeItemsCallback: this.referencesLazyLoadCallbackHandler("referenced-by"),
+      onSelectedItemsChange: this.referenceSelectedHandler,
+      dragDisabled: true,
+      dropDisabled: true,
+      onItemOpenReference: this.referencesItemOpenReferenceCallback
+    }), !((r = this.referencedByTreeData) === null || r === void 0 ? void 0 : r.length) && o("gxg-text", {
+      textAlign: n.gxgMessage.common.textAlign,
+      padding: n.gxgMessage.common.textAlign,
+      type: n.gxgMessage.common.type,
+      maxWidth: n.gxgMessage.common.maxWidth,
+      part: "referenced-by-text",
+      class: "gx-ide-message"
+    }, ((i = this.referencedByTreeData) === null || i === void 0 ? void 0 : i.length) === 0 ? this._componentLocale.main.isReferencedByEmpty : this._componentLocale.main.isReferencedByError))), o("gx-ide-container", {
+      noContentPadding: true,
+      containerTitle: this._componentLocale.main.hasReferencesTo,
+      part: "references-to-container",
+      titleType: "secondary"
+    }, o("div", {
+      class: {
+        "reference-container": true,
+        "reference-container--no-references": !((s = this.referencesToTreeData) === null || s === void 0 ? void 0 : s.length)
+      }
+    }, o("gxg-tree-view", {
+      class: {
+        "gxi-hidden": !((d = this.referencesToTreeData) === null || d === void 0 ? void 0 : d.length)
+      },
+      part: "referenced-to-tree",
+      treeModel: this.referencesToTreeData,
+      lazyLoadTreeItemsCallback: this.referencesLazyLoadCallbackHandler("references-to"),
+      onSelectedItemsChange: this.referenceSelectedHandler,
+      dragDisabled: true,
+      dropDisabled: true,
+      onItemOpenReference: this.referencesItemOpenReferenceCallback
+    }), !((g = this.referencesToTreeData) === null || g === void 0 ? void 0 : g.length) && o("gxg-text", {
+      textAlign: n.gxgMessage.common.textAlign,
+      padding: n.gxgMessage.common.textAlign,
+      type: n.gxgMessage.common.type,
+      maxWidth: n.gxgMessage.common.maxWidth,
+      part: "references-to-text",
+      class: "gx-ide-message"
+    }, ((c = this.referencesToTreeData) === null || c === void 0 ? void 0 : c.length) === 0 ? this._componentLocale.main.hasReferencesEmpty : this._componentLocale.main.hasReferencesToError)))))), o("gxg-shortcuts", {
+      src: this.shortcutsSrc
+    }));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/references" ];
+  }
+  get el() {
+    return i(this);
+  }
+  static get watchers() {
+    return {
+      selectedObject: [ "selectedObjectHandler" ]
+    };
+  }
+};
+
+g.style = d;
+
+export { g as gx_ide_references };
+//# sourceMappingURL=p-382fe6fa.entry.js.map