@genexus/genexus-ide-ui 1.1.47 → 1.1.48

package/dist/collection/components/name-picker/name-picker.js

@@ -0,0 +1,184 @@
+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 _GxIdeNamePicker_componentLocale, _GxIdeNamePicker_inputValueEl, _GxIdeNamePicker_handleInputValueChange, _GxIdeNamePicker_cancelClickHandler, _GxIdeNamePicker_confirmClickHandler, _GxIdeNamePicker_initializeValidatableControls, _GxIdeNamePicker_evaluateTooltipRender;
+import { h, Host } from "@stencil/core";
+import { config } from "../../common/config";
+import { validateControls } from "../../common/form-validation";
+import { Locale } from "../../common/locale";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/form",
+    "utils/spacing",
+    "utils/layout",
+    "chameleon/scrollbar",
+    "components/button",
+    "components/edit",
+    "components/tooltip"
+];
+export class GxIdeNamePicker {
+    constructor() {
+        /**
+         * The component hard-coded strings translations.
+         */
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _GxIdeNamePicker_componentLocale.set(this, void 0);
+        _GxIdeNamePicker_inputValueEl.set(this, void 0);
+        _GxIdeNamePicker_handleInputValueChange.set(this, (event) => {
+            this.inputValue = event.detail;
+        });
+        _GxIdeNamePicker_cancelClickHandler.set(this, async () => {
+            this.cancelCallback();
+        });
+        _GxIdeNamePicker_confirmClickHandler.set(this, async () => {
+            const formSubmitResult = await this.createCallback(this.inputValue);
+            this.validatableControls = validateControls(formSubmitResult, this.validatableControls);
+        });
+        _GxIdeNamePicker_initializeValidatableControls.set(this, () => {
+            // populate validatableControls with the controls that could have errors.
+            const validatableControls = [__classPrivateFieldGet(this, _GxIdeNamePicker_inputValueEl, "f")];
+            validatableControls.forEach(validatableControl => {
+                if (validatableControl.id) {
+                    this.validatableControls.set(validatableControl.id, {
+                        reference: validatableControl,
+                        hasError: false,
+                        message: undefined
+                    });
+                }
+            });
+        });
+        // TODO: evaluate if this should be a global helper function.
+        // It is used on other dialogs as well.
+        _GxIdeNamePicker_evaluateTooltipRender.set(this, (controlReference) => {
+            var _a, _b, _c;
+            return ((_b = (_a = this.validatableControls) === null || _a === void 0 ? void 0 : _a.get(controlReference === null || controlReference === void 0 ? void 0 : controlReference.id)) === null || _b === void 0 ? void 0 : _b.hasError) &&
+                ((_c = this.validatableControls.get(controlReference.id)) === null || _c === void 0 ? void 0 : _c.message) && (h("ch-tooltip", { class: "tooltip", actionElement: controlReference, blockAlign: config.tooltipSettings.blockAlign, inlineAlign: config.tooltipSettings.inlineAlign, delay: config.tooltipSettings.delay }, this.validatableControls.get(controlReference.id).message));
+        });
+        this.inputValue = undefined;
+        this.validatableControls = new Map();
+        this.cancelCallback = undefined;
+        this.createCallback = undefined;
+        this.defaultInputValue = undefined;
+    }
+    defaultInputValueChanged(newDefaultInputValue) {
+        this.inputValue = newDefaultInputValue;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeNamePicker_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        this.defaultInputValueChanged(this.defaultInputValue);
+    }
+    componentDidLoad() {
+        __classPrivateFieldGet(this, _GxIdeNamePicker_initializeValidatableControls, "f").call(this);
+    }
+    render() {
+        const confirmButtonDisabled = !this.inputValue || this.inputValue.length === 0;
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, h("div", { class: "main scrollable field-group spacing-body" }, h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "input-name" }, __classPrivateFieldGet(this, _GxIdeNamePicker_componentLocale, "f").labels.name), h("ch-edit", { type: "text", id: "input-name", class: "input", placeholder: __classPrivateFieldGet(this, _GxIdeNamePicker_componentLocale, "f").placeHolders.name, value: this.inputValue, onInput: __classPrivateFieldGet(this, _GxIdeNamePicker_handleInputValueChange, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeNamePicker_inputValueEl, el, "f")) }), __classPrivateFieldGet(this, _GxIdeNamePicker_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNamePicker_inputValueEl, "f")))), h("footer", { class: "control-footer-with-border spacing-body" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeNamePicker_cancelClickHandler, "f") }, __classPrivateFieldGet(this, _GxIdeNamePicker_componentLocale, "f").buttons.cancel), h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeNamePicker_confirmClickHandler, "f"), disabled: confirmButtonDisabled }, __classPrivateFieldGet(this, _GxIdeNamePicker_componentLocale, "f").buttons.confirm))))));
+    }
+    static get is() { return "gx-ide-name-picker"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["name-picker.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["name-picker.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/name-picker"]; }
+    static get properties() {
+        return {
+            "cancelCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback that must be invoked when the 'Cancel' button is pressed."
+                }
+            },
+            "createCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(\n    inputValue: string\n  ) => Promise<FormSubmitResult>",
+                    "resolved": "(inputValue: string) => Promise<FormSubmitResult>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "FormSubmitResult": {
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::FormSubmitResult"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback that must be invoked when the 'Create' button is pressed."
+                }
+            },
+            "defaultInputValue": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "This property is used to set the initial values of the input field when the component is loaded."
+                },
+                "attribute": "default-input-value",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "inputValue": {},
+            "validatableControls": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "defaultInputValue",
+                "methodName": "defaultInputValueChanged"
+            }];
+    }
+}
+_GxIdeNamePicker_componentLocale = new WeakMap(), _GxIdeNamePicker_inputValueEl = new WeakMap(), _GxIdeNamePicker_handleInputValueChange = new WeakMap(), _GxIdeNamePicker_cancelClickHandler = new WeakMap(), _GxIdeNamePicker_confirmClickHandler = new WeakMap(), _GxIdeNamePicker_initializeValidatableControls = new WeakMap(), _GxIdeNamePicker_evaluateTooltipRender = new WeakMap();
+//# sourceMappingURL=name-picker.js.map

package/dist/collection/components/name-picker/name-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"name-picker.js","sourceRoot":"","sources":["../../../src/components/name-picker/name-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { config } from \"../../common/config\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../common/form-validation\";\nimport { Locale } from \"../../common/locale\";\nimport { FormSubmitResult } from \"../../components\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/tooltip\"\n];\n\n@Component({\n  tag: \"gx-ide-name-picker\",\n  styleUrl: \"name-picker.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/name-picker\"]\n})\nexport class GxIdeNamePicker {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  #inputValueEl!: HTMLChEditElement;\n\n  @Element() el: HTMLGxIdeNamePickerElement;\n\n  /**\n   * The input name\n   */\n  @State() inputValue: string;\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * Callback that must be invoked when the 'Cancel' button is pressed.\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Create' button is pressed.\n   */\n  @Prop() readonly createCallback: (\n    inputValue: string\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * This property is used to set the initial values of the input field when the component is loaded.\n   */\n  @Prop() readonly defaultInputValue: string;\n  @Watch(\"defaultInputValue\")\n  defaultInputValueChanged(newDefaultInputValue: string) {\n    this.inputValue = newDefaultInputValue;\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.defaultInputValueChanged(this.defaultInputValue);\n  }\n\n  componentDidLoad() {\n    this.#initializeValidatableControls();\n  }\n\n  #handleInputValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.inputValue = event.detail as string;\n  };\n\n  #cancelClickHandler = async () => {\n    this.cancelCallback();\n  };\n\n  #confirmClickHandler = async () => {\n    const formSubmitResult = await this.createCallback(this.inputValue);\n    this.validatableControls = validateControls(\n      formSubmitResult,\n      this.validatableControls\n    );\n  };\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#inputValueEl];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  render() {\n    const confirmButtonDisabled =\n      !this.inputValue || this.inputValue.length === 0;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <div class=\"main scrollable field-group spacing-body\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"input-name\">\n                {this.#componentLocale.labels.name}\n              </label>\n              <ch-edit\n                type=\"text\"\n                id=\"input-name\"\n                class=\"input\"\n                placeholder={this.#componentLocale.placeHolders.name}\n                value={this.inputValue}\n                onInput={this.#handleInputValueChange}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#inputValueEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#inputValueEl)}\n            </div>\n          </div>\n\n          <footer class=\"control-footer-with-border spacing-body\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                onClick={this.#cancelClickHandler}\n              >\n                {this.#componentLocale.buttons.cancel}\n              </button>\n\n              <button\n                class=\"button-primary\"\n                onClick={this.#confirmClickHandler}\n                disabled={confirmButtonDisabled}\n              >\n                {this.#componentLocale.buttons.confirm}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -198,7 +198,7 @@ export class GxIdeReferences {
         }, __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("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", {
+            } }, 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 subtitle-regular-xs" }, __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: {
@@ -206,7 +206,7 @@ export class GxIdeReferences {
                 "tree-view": true
             }, 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", {
+                : __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 subtitle-regular-xs" }, __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: {

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

@@ -1 +1 @@
-{"version":3,"file":"references.js","sourceRoot":"","sources":["../../../src/components/references/references.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @stencil-community/own-props-must-be-private */\n/* STENCIL IMPORTS */\nimport {\n  Component,\n  Element,\n  getAssetPath,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  ChComboBoxRenderCustomEvent,\n  ComboBoxModel,\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport {\n  convertReferenceDataToTreeViewData,\n  mapSelectorCategoryDataToComboBoxModel\n} from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/pills\",\n  \"components/combo-box\",\n  \"components/icon\",\n  \"components/checkbox\",\n  \"components/tree-view\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"utils/form\",\n  \"utils/typography\"\n];\n\nconst GEMINI_TOOLS_SHOW_MORE_HORIZONTAL = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"primary\"\n});\nconst NAVIGATION_ARROW_DOWN_SKY_BLUE = getIconPath({\n  category: \"navigation\",\n  name: \"arrow-down-skyblue\",\n  colorType: \"primary\"\n});\n\nconst SUGGEST_OPTIONS = {\n  alreadyProcessed: true,\n  autoExpand: false,\n  hideMatchesAndShowNonMatches: false,\n  highlightMatchedItems: false,\n  matchCase: false,\n  regularExpression: false,\n  strict: false,\n  renderActiveItemIconOnExpand: true\n};\n\n@Component({\n  tag: \"gx-ide-references\",\n  styleUrl: \"references.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/references\"]\n})\nexport class GxIdeReferences {\n  #objectDataMap: objectDataMap = new Map();\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/references/shortcuts.json`);\n  #_componentLocale: any;\n\n  @Element() el: HTMLGxIdeReferencesElement;\n  #selectObjectSuggestEl!: HTMLChComboBoxRenderElement;\n\n  /**\n   * Displays or hides the header-bottom section\n   */\n  @State() barHidden = false;\n\n  /**\n   * Objects suggestions that will appear on the suggest\n   */\n  @State() objectsSuggestions: ComboBoxModel;\n\n  @State() referencedByTreeData: TreeViewItemModel[];\n\n  @State() referencesToTreeData: TreeViewItemModel[];\n\n  /**\n   * Callback invoked when a node is expanded in any references panels\n   */\n  @Prop() readonly loadReferencesCallback?: LoadReferencesCallback;\n\n  /**\n   * Callback invoked when user wants to open an object\n   */\n  @Prop() readonly openObjectCallback?: OpenObjectCallback;\n\n  /**\n   * Callback invoked when user wants to show object selection dialog\n   */\n  @Prop() readonly openSelectorDialogCallback?: OpenSelectorDialogCallback;\n\n  /**\n   * Callback invoked when any item from the references panels is selected\n   */\n  @Prop() readonly selectReferenceCallback?: SelectReferenceCallback;\n\n  /**\n   * Callback invoked when user writes on object selector input\n   */\n  @Prop() readonly selectorSourceCallback?: SelectorSourceCallback;\n\n  /**\n   * Currently selected object\n   */\n  @Prop({ mutable: true }) selectedObject?: ObjectData;\n\n  @Watch(\"selectedObject\")\n  selectedObjectChanged(newSelectedObject: ObjectData) {\n    if (newSelectedObject?.id) {\n      /* update \"is referenced by*/\n      this.#loadReferencesHandler(newSelectedObject.id, false);\n      /* update \"has references to*/\n      this.#loadReferencesHandler(newSelectedObject.id, true);\n    }\n  }\n\n  componentDidLoad() {\n    this.#selectObjectSuggestEl.focus();\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#evaluateInitialReferenceData();\n  }\n\n  /**\n   * Evaluates whether to call loadReferencesCallback based on the presence of a selected object.\n   */\n  #evaluateInitialReferenceData = () => {\n    if (this.selectedObject) {\n      this.selectedObjectChanged(this.selectedObject);\n    }\n  };\n\n  /**\n   * Hides or shows the bar (the bottom section of the header).\n   */\n  #hideBarButtonClickedHandler = () => {\n    this.barHidden = !this.barHidden;\n  };\n\n  /**\n   * Invokes 'loadReferencesCallback' for 'Is Referenced By' and 'Has References To' panels.\n   */\n  #loadReferencesHandler = async (id: string, to = false) => {\n    if (this.loadReferencesCallback) {\n      this.loadReferencesCallback(id, to).then(result => {\n        if (to) {\n          this.referencesToTreeData =\n            convertReferenceDataToTreeViewData(result);\n        } else {\n          this.referencedByTreeData =\n            convertReferenceDataToTreeViewData(result);\n        }\n      });\n    }\n  };\n\n  #openObjectCallbackHandler = () => {\n    // Returns an empty Promise\n    this.openObjectCallback(this.selectedObject?.id);\n  };\n\n  /**\n   * Fired when user clicks the ch-suggest button (...)\n   */\n  #openSelectorDialogCallbackHandler = async () => {\n    const objectDataResult = await this.openSelectorDialogCallback();\n    if (objectDataResult) {\n      this.selectedObject = objectDataResult;\n    }\n  };\n\n  #referenceSelectedHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    if (this.selectReferenceCallback) {\n      const selectedItems: string[] = event.detail.map(item => item.item.id);\n      this.selectReferenceCallback(selectedItems[0]);\n      // returns void\n    }\n  };\n\n  #referencesItemOpenReferenceCallback = (\n    itemOpened: CustomEvent<{ id: string; leaf: boolean; metadata: string }>\n  ) => {\n    const itemId = itemOpened.detail.id;\n    if (this.openObjectCallback) {\n      this.openObjectCallback(itemId);\n      // returns void\n    }\n  };\n\n  #referencesLazyLoadCallbackHandler =\n    (ref: \"references-to\" | \"referenced-by\") =>\n    async (treeItemId: string): Promise<TreeViewItemModel[]> => {\n      if (this.loadReferencesCallback) {\n        const to = ref === \"references-to\";\n        const referencesLazyChildren = await this.loadReferencesCallback(\n          treeItemId,\n          to\n        );\n        const treeLazyChildren = convertReferenceDataToTreeViewData(\n          referencesLazyChildren\n        );\n        return new Promise(resolve => {\n          resolve(treeLazyChildren);\n        });\n      }\n      return new Promise(resolve => {\n        resolve([]);\n      });\n    };\n\n  #selectObjectChangedHandler = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    const newSelectedValue = event.detail as string;\n\n    const objectData = this.#objectDataMap.get(newSelectedValue);\n    if (objectData) {\n      this.selectedObject = objectData;\n    }\n  };\n\n  #selectObjectInputHandler = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    // WA to know if the event was from searching on the input or an item selection.\n    // const partValue = (e.target as HTMLElement).getAttribute(\"part\");\n    const typedValue = event.detail as string;\n    if (this.selectorSourceCallback) {\n      this.selectorSourceCallback(typedValue).then(\n        selectorCategoryDataArray => {\n          // update map\n          this.#objectDataMap.clear();\n          selectorCategoryDataArray?.forEach(selectorCategoryData => {\n            selectorCategoryData.items.forEach(objectData => {\n              this.#objectDataMap.set(objectData.description, {\n                id: objectData.id,\n                typeName: objectData.typeName,\n                icon: objectData.icon,\n                name: objectData.name,\n                description: objectData.description\n              });\n            });\n          });\n\n          this.objectsSuggestions = mapSelectorCategoryDataToComboBoxModel(\n            selectorCategoryDataArray\n          );\n        }\n      );\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border spacing-body-inline spacing-body-block-start\">\n            <div class=\"header__top field-group\">\n              <button\n                type=\"button\"\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#_componentLocale.header.toggleBar}\n                part=\"toggle-bar-button\"\n                onClick={this.#hideBarButtonClickedHandler}\n              >\n                <ch-image\n                  class=\"icon-md\"\n                  src={NAVIGATION_ARROW_DOWN_SKY_BLUE}\n                  containerRef={this.el}\n                ></ch-image>\n              </button>\n\n              <div class=\"field field-inline\">\n                <label\n                  // select object\n                  class=\"label\"\n                  part=\"select-object-label\"\n                  htmlFor=\"object-selector-suggest\"\n                >\n                  {this.#_componentLocale.header.selectObject}\n                </label>\n                <ch-combo-box-render\n                  accessibleName={this.#_componentLocale.header.selectObject}\n                  class=\"combo-box\"\n                  model={this.objectsSuggestions}\n                  suggest\n                  onInput={this.#selectObjectInputHandler}\n                  onChange={this.#selectObjectChangedHandler}\n                  value={this.selectedObject?.name}\n                  part=\"object-selector-suggest\"\n                  suggestOptions={SUGGEST_OPTIONS}\n                  ref={(el: HTMLChComboBoxRenderElement) =>\n                    (this.#selectObjectSuggestEl =\n                      el as HTMLChComboBoxRenderElement)\n                  }\n                ></ch-combo-box-render>\n              </div>\n\n              <button\n                type=\"button\"\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#_componentLocale.header.openSelectorButton}\n                onClick={this.#openSelectorDialogCallbackHandler}\n                part=\"open-selector-dialog-button\"\n              >\n                <ch-image\n                  class=\"icon-md\"\n                  src={GEMINI_TOOLS_SHOW_MORE_HORIZONTAL}\n                  containerRef={this.el}\n                ></ch-image>\n              </button>\n            </div>\n\n            <div\n              class={{\n                \"header__bottom\": true,\n                \"header__bottom--hidden\": this.barHidden\n              }}\n            >\n              <div class=\"outer-wrapper\">\n                <div class=\"inner-wrapper\">\n                  <div class=\"inner-wrapper__left\">\n                    <ch-image\n                      class=\"icon-md\"\n                      src={this.selectedObject.icon}\n                      containerRef={this.el}\n                    ></ch-image>\n                    <a\n                      class=\"text-link\"\n                      onClick={this.#openObjectCallbackHandler}\n                      part=\"open-object-text-link\"\n                      aria-label={\n                        this.#_componentLocale.main.selectedObjectLink\n                      }\n                    >\n                      {`${this.selectedObject?.name} : ${this.selectedObject?.description}`}\n                    </a>\n                  </div>\n                  {/* <div class=\"inner-wrapper__right\">\n                    TODO: Add this feature \"Group References by Type\".\n                    <ch-checkbox\n                      class=\"checkbox\"\n                      id=\"references-by-type\"\n                      part=\"references-type-checkbox\"\n                      checkedValue=\"referencesByType\"\n                      caption=\"Group references by type\"\n                    ></ch-checkbox>\n                  </div> */}\n                </div>\n              </div>\n            </div>\n          </header>\n          <div class=\"main\">\n            <section class=\"section__referenced-by\">\n              <h2 class=\"control-header control-header-with-border control-header__referenced-by heading-5 text-align-center spacing-body-inline\">\n                {this.#_componentLocale.main.isReferencedBy}\n              </h2>\n\n              <div\n                // is referenced by\n                class=\"main__referenced-by spacing-body-block-start spacing-body-block-end\"\n              >\n                <ch-tree-view-render\n                  class={{\n                    \"gxi-hidden\": !this.referencedByTreeData?.length,\n                    \"tree-view\": true\n                  }}\n                  part=\"referenced-by-tree\"\n                  model={this.referencedByTreeData}\n                  aria-label={\n                    this.#_componentLocale.main.referencedByTreeAccessible\n                  }\n                  lazyLoadTreeItemsCallback={this.#referencesLazyLoadCallbackHandler(\n                    \"referenced-by\"\n                  )}\n                  onSelectedItemsChange={this.#referenceSelectedHandler}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  onItemOpenReference={\n                    this.#referencesItemOpenReferenceCallback\n                  }\n                  showLines=\"last\"\n                ></ch-tree-view-render>\n                {!this.referencedByTreeData?.length && (\n                  <gx-ide-empty-state\n                    stateTitle={\n                      this.referencedByTreeData?.length === 0\n                        ? this.#_componentLocale.main.isReferencedByEmpty\n                        : this.#_componentLocale.main.isReferencedByError\n                    }\n                  ></gx-ide-empty-state>\n                )}\n              </div>\n            </section>\n\n            <section class=\"section__references-to\">\n              <h2 class=\"control-header control-header-with-border control-header__references-to heading-5 text-align-center spacing-body-inline\">\n                {this.#_componentLocale.main.hasReferencesTo}\n              </h2>\n\n              <div\n                // has references to\n                class=\"main__references-to spacing-body-block-start spacing-body-block-end\"\n              >\n                <ch-tree-view-render\n                  class={{\n                    \"gxi-hidden\": !this.referencesToTreeData?.length,\n                    \"tree-view\": true\n                  }}\n                  part=\"referenced-to-tree\"\n                  model={this.referencesToTreeData}\n                  aria-label={\n                    this.#_componentLocale.main.referencesToTreeAccessible\n                  }\n                  lazyLoadTreeItemsCallback={this.#referencesLazyLoadCallbackHandler(\n                    \"references-to\"\n                  )}\n                  onSelectedItemsChange={this.#referenceSelectedHandler}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  onItemOpenReference={\n                    this.#referencesItemOpenReferenceCallback\n                  }\n                  showLines=\"last\"\n                ></ch-tree-view-render>\n                {!this.referencesToTreeData?.length && (\n                  <gx-ide-empty-state\n                    stateTitle={\n                      this.referencesToTreeData?.length === 0\n                        ? this.#_componentLocale.main.hasReferencesEmpty\n                        : this.#_componentLocale.main.hasReferencesToError\n                    }\n                  ></gx-ide-empty-state>\n                )}\n              </div>\n            </section>\n          </div>\n        </section>\n\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type LoadReferencesCallback = (\n  id: string,\n  to: boolean\n) => Promise<ReferenceData[]>;\n\nexport type ObjectData = {\n  id: string;\n  typeName: string;\n  icon: string;\n  name: string;\n  description?: string;\n};\n\nexport type OpenObjectCallback = (id: string) => Promise<void>;\n\nexport type OpenSelectorDialogCallback = () => Promise<ObjectData | undefined>;\n\nexport type ReferenceData = ObjectData & {\n  hasChildren: boolean;\n  items?: ReferenceData[];\n};\n\nexport type SelectReferenceCallback = (id: string) => Promise<void>;\n\nexport type SelectorCategoryData = {\n  name: string;\n  items: ObjectData[];\n};\n\nexport type SelectorSourceCallback = (\n  prefix: string\n) => Promise<SelectorCategoryData[]>;\n\nexport type objectDataMap = Map<string, ObjectData>;\n"]}
+{"version":3,"file":"references.js","sourceRoot":"","sources":["../../../src/components/references/references.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @stencil-community/own-props-must-be-private */\n/* STENCIL IMPORTS */\nimport {\n  Component,\n  Element,\n  getAssetPath,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  ChComboBoxRenderCustomEvent,\n  ComboBoxModel,\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport {\n  convertReferenceDataToTreeViewData,\n  mapSelectorCategoryDataToComboBoxModel\n} from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/pills\",\n  \"components/combo-box\",\n  \"components/icon\",\n  \"components/checkbox\",\n  \"components/tree-view\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"utils/form\",\n  \"utils/typography\"\n];\n\nconst GEMINI_TOOLS_SHOW_MORE_HORIZONTAL = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"primary\"\n});\nconst NAVIGATION_ARROW_DOWN_SKY_BLUE = getIconPath({\n  category: \"navigation\",\n  name: \"arrow-down-skyblue\",\n  colorType: \"primary\"\n});\n\nconst SUGGEST_OPTIONS = {\n  alreadyProcessed: true,\n  autoExpand: false,\n  hideMatchesAndShowNonMatches: false,\n  highlightMatchedItems: false,\n  matchCase: false,\n  regularExpression: false,\n  strict: false,\n  renderActiveItemIconOnExpand: true\n};\n\n@Component({\n  tag: \"gx-ide-references\",\n  styleUrl: \"references.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/references\"]\n})\nexport class GxIdeReferences {\n  #objectDataMap: objectDataMap = new Map();\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/references/shortcuts.json`);\n  #_componentLocale: any;\n\n  @Element() el: HTMLGxIdeReferencesElement;\n  #selectObjectSuggestEl!: HTMLChComboBoxRenderElement;\n\n  /**\n   * Displays or hides the header-bottom section\n   */\n  @State() barHidden = false;\n\n  /**\n   * Objects suggestions that will appear on the suggest\n   */\n  @State() objectsSuggestions: ComboBoxModel;\n\n  @State() referencedByTreeData: TreeViewItemModel[];\n\n  @State() referencesToTreeData: TreeViewItemModel[];\n\n  /**\n   * Callback invoked when a node is expanded in any references panels\n   */\n  @Prop() readonly loadReferencesCallback?: LoadReferencesCallback;\n\n  /**\n   * Callback invoked when user wants to open an object\n   */\n  @Prop() readonly openObjectCallback?: OpenObjectCallback;\n\n  /**\n   * Callback invoked when user wants to show object selection dialog\n   */\n  @Prop() readonly openSelectorDialogCallback?: OpenSelectorDialogCallback;\n\n  /**\n   * Callback invoked when any item from the references panels is selected\n   */\n  @Prop() readonly selectReferenceCallback?: SelectReferenceCallback;\n\n  /**\n   * Callback invoked when user writes on object selector input\n   */\n  @Prop() readonly selectorSourceCallback?: SelectorSourceCallback;\n\n  /**\n   * Currently selected object\n   */\n  @Prop({ mutable: true }) selectedObject?: ObjectData;\n\n  @Watch(\"selectedObject\")\n  selectedObjectChanged(newSelectedObject: ObjectData) {\n    if (newSelectedObject?.id) {\n      /* update \"is referenced by*/\n      this.#loadReferencesHandler(newSelectedObject.id, false);\n      /* update \"has references to*/\n      this.#loadReferencesHandler(newSelectedObject.id, true);\n    }\n  }\n\n  componentDidLoad() {\n    this.#selectObjectSuggestEl.focus();\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#evaluateInitialReferenceData();\n  }\n\n  /**\n   * Evaluates whether to call loadReferencesCallback based on the presence of a selected object.\n   */\n  #evaluateInitialReferenceData = () => {\n    if (this.selectedObject) {\n      this.selectedObjectChanged(this.selectedObject);\n    }\n  };\n\n  /**\n   * Hides or shows the bar (the bottom section of the header).\n   */\n  #hideBarButtonClickedHandler = () => {\n    this.barHidden = !this.barHidden;\n  };\n\n  /**\n   * Invokes 'loadReferencesCallback' for 'Is Referenced By' and 'Has References To' panels.\n   */\n  #loadReferencesHandler = async (id: string, to = false) => {\n    if (this.loadReferencesCallback) {\n      this.loadReferencesCallback(id, to).then(result => {\n        if (to) {\n          this.referencesToTreeData =\n            convertReferenceDataToTreeViewData(result);\n        } else {\n          this.referencedByTreeData =\n            convertReferenceDataToTreeViewData(result);\n        }\n      });\n    }\n  };\n\n  #openObjectCallbackHandler = () => {\n    // Returns an empty Promise\n    this.openObjectCallback(this.selectedObject?.id);\n  };\n\n  /**\n   * Fired when user clicks the ch-suggest button (...)\n   */\n  #openSelectorDialogCallbackHandler = async () => {\n    const objectDataResult = await this.openSelectorDialogCallback();\n    if (objectDataResult) {\n      this.selectedObject = objectDataResult;\n    }\n  };\n\n  #referenceSelectedHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    if (this.selectReferenceCallback) {\n      const selectedItems: string[] = event.detail.map(item => item.item.id);\n      this.selectReferenceCallback(selectedItems[0]);\n      // returns void\n    }\n  };\n\n  #referencesItemOpenReferenceCallback = (\n    itemOpened: CustomEvent<{ id: string; leaf: boolean; metadata: string }>\n  ) => {\n    const itemId = itemOpened.detail.id;\n    if (this.openObjectCallback) {\n      this.openObjectCallback(itemId);\n      // returns void\n    }\n  };\n\n  #referencesLazyLoadCallbackHandler =\n    (ref: \"references-to\" | \"referenced-by\") =>\n    async (treeItemId: string): Promise<TreeViewItemModel[]> => {\n      if (this.loadReferencesCallback) {\n        const to = ref === \"references-to\";\n        const referencesLazyChildren = await this.loadReferencesCallback(\n          treeItemId,\n          to\n        );\n        const treeLazyChildren = convertReferenceDataToTreeViewData(\n          referencesLazyChildren\n        );\n        return new Promise(resolve => {\n          resolve(treeLazyChildren);\n        });\n      }\n      return new Promise(resolve => {\n        resolve([]);\n      });\n    };\n\n  #selectObjectChangedHandler = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    const newSelectedValue = event.detail as string;\n\n    const objectData = this.#objectDataMap.get(newSelectedValue);\n    if (objectData) {\n      this.selectedObject = objectData;\n    }\n  };\n\n  #selectObjectInputHandler = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    // WA to know if the event was from searching on the input or an item selection.\n    // const partValue = (e.target as HTMLElement).getAttribute(\"part\");\n    const typedValue = event.detail as string;\n    if (this.selectorSourceCallback) {\n      this.selectorSourceCallback(typedValue).then(\n        selectorCategoryDataArray => {\n          // update map\n          this.#objectDataMap.clear();\n          selectorCategoryDataArray?.forEach(selectorCategoryData => {\n            selectorCategoryData.items.forEach(objectData => {\n              this.#objectDataMap.set(objectData.description, {\n                id: objectData.id,\n                typeName: objectData.typeName,\n                icon: objectData.icon,\n                name: objectData.name,\n                description: objectData.description\n              });\n            });\n          });\n\n          this.objectsSuggestions = mapSelectorCategoryDataToComboBoxModel(\n            selectorCategoryDataArray\n          );\n        }\n      );\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border spacing-body-inline spacing-body-block-start\">\n            <div class=\"header__top field-group\">\n              <button\n                type=\"button\"\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#_componentLocale.header.toggleBar}\n                part=\"toggle-bar-button\"\n                onClick={this.#hideBarButtonClickedHandler}\n              >\n                <ch-image\n                  class=\"icon-md\"\n                  src={NAVIGATION_ARROW_DOWN_SKY_BLUE}\n                  containerRef={this.el}\n                ></ch-image>\n              </button>\n\n              <div class=\"field field-inline\">\n                <label\n                  // select object\n                  class=\"label\"\n                  part=\"select-object-label\"\n                  htmlFor=\"object-selector-suggest\"\n                >\n                  {this.#_componentLocale.header.selectObject}\n                </label>\n                <ch-combo-box-render\n                  accessibleName={this.#_componentLocale.header.selectObject}\n                  class=\"combo-box\"\n                  model={this.objectsSuggestions}\n                  suggest\n                  onInput={this.#selectObjectInputHandler}\n                  onChange={this.#selectObjectChangedHandler}\n                  value={this.selectedObject?.name}\n                  part=\"object-selector-suggest\"\n                  suggestOptions={SUGGEST_OPTIONS}\n                  ref={(el: HTMLChComboBoxRenderElement) =>\n                    (this.#selectObjectSuggestEl =\n                      el as HTMLChComboBoxRenderElement)\n                  }\n                ></ch-combo-box-render>\n              </div>\n\n              <button\n                type=\"button\"\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#_componentLocale.header.openSelectorButton}\n                onClick={this.#openSelectorDialogCallbackHandler}\n                part=\"open-selector-dialog-button\"\n              >\n                <ch-image\n                  class=\"icon-md\"\n                  src={GEMINI_TOOLS_SHOW_MORE_HORIZONTAL}\n                  containerRef={this.el}\n                ></ch-image>\n              </button>\n            </div>\n\n            <div\n              class={{\n                \"header__bottom\": true,\n                \"header__bottom--hidden\": this.barHidden\n              }}\n            >\n              <div class=\"outer-wrapper\">\n                <div class=\"inner-wrapper\">\n                  <div class=\"inner-wrapper__left\">\n                    <ch-image\n                      class=\"icon-md\"\n                      src={this.selectedObject.icon}\n                      containerRef={this.el}\n                    ></ch-image>\n                    <a\n                      class=\"text-link\"\n                      onClick={this.#openObjectCallbackHandler}\n                      part=\"open-object-text-link\"\n                      aria-label={\n                        this.#_componentLocale.main.selectedObjectLink\n                      }\n                    >\n                      {`${this.selectedObject?.name} : ${this.selectedObject?.description}`}\n                    </a>\n                  </div>\n                  {/* <div class=\"inner-wrapper__right\">\n                    TODO: Add this feature \"Group References by Type\".\n                    <ch-checkbox\n                      class=\"checkbox\"\n                      id=\"references-by-type\"\n                      part=\"references-type-checkbox\"\n                      checkedValue=\"referencesByType\"\n                      caption=\"Group references by type\"\n                    ></ch-checkbox>\n                  </div> */}\n                </div>\n              </div>\n            </div>\n          </header>\n          <div class=\"main\">\n            <section class=\"section__referenced-by\">\n              <h2 class=\"control-header control-header-with-border control-header__referenced-by heading-5 text-align-center spacing-body-inline subtitle-regular-xs\">\n                {this.#_componentLocale.main.isReferencedBy}\n              </h2>\n\n              <div\n                // is referenced by\n                class=\"main__referenced-by spacing-body-block-start spacing-body-block-end\"\n              >\n                <ch-tree-view-render\n                  class={{\n                    \"gxi-hidden\": !this.referencedByTreeData?.length,\n                    \"tree-view\": true\n                  }}\n                  part=\"referenced-by-tree\"\n                  model={this.referencedByTreeData}\n                  aria-label={\n                    this.#_componentLocale.main.referencedByTreeAccessible\n                  }\n                  lazyLoadTreeItemsCallback={this.#referencesLazyLoadCallbackHandler(\n                    \"referenced-by\"\n                  )}\n                  onSelectedItemsChange={this.#referenceSelectedHandler}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  onItemOpenReference={\n                    this.#referencesItemOpenReferenceCallback\n                  }\n                  showLines=\"last\"\n                ></ch-tree-view-render>\n                {!this.referencedByTreeData?.length && (\n                  <gx-ide-empty-state\n                    stateTitle={\n                      this.referencedByTreeData?.length === 0\n                        ? this.#_componentLocale.main.isReferencedByEmpty\n                        : this.#_componentLocale.main.isReferencedByError\n                    }\n                  ></gx-ide-empty-state>\n                )}\n              </div>\n            </section>\n\n            <section class=\"section__references-to\">\n              <h2 class=\"control-header control-header-with-border control-header__references-to heading-5 text-align-center spacing-body-inline subtitle-regular-xs\">\n                {this.#_componentLocale.main.hasReferencesTo}\n              </h2>\n\n              <div\n                // has references to\n                class=\"main__references-to spacing-body-block-start spacing-body-block-end\"\n              >\n                <ch-tree-view-render\n                  class={{\n                    \"gxi-hidden\": !this.referencesToTreeData?.length,\n                    \"tree-view\": true\n                  }}\n                  part=\"referenced-to-tree\"\n                  model={this.referencesToTreeData}\n                  aria-label={\n                    this.#_componentLocale.main.referencesToTreeAccessible\n                  }\n                  lazyLoadTreeItemsCallback={this.#referencesLazyLoadCallbackHandler(\n                    \"references-to\"\n                  )}\n                  onSelectedItemsChange={this.#referenceSelectedHandler}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  onItemOpenReference={\n                    this.#referencesItemOpenReferenceCallback\n                  }\n                  showLines=\"last\"\n                ></ch-tree-view-render>\n                {!this.referencesToTreeData?.length && (\n                  <gx-ide-empty-state\n                    stateTitle={\n                      this.referencesToTreeData?.length === 0\n                        ? this.#_componentLocale.main.hasReferencesEmpty\n                        : this.#_componentLocale.main.hasReferencesToError\n                    }\n                  ></gx-ide-empty-state>\n                )}\n              </div>\n            </section>\n          </div>\n        </section>\n\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type LoadReferencesCallback = (\n  id: string,\n  to: boolean\n) => Promise<ReferenceData[]>;\n\nexport type ObjectData = {\n  id: string;\n  typeName: string;\n  icon: string;\n  name: string;\n  description?: string;\n};\n\nexport type OpenObjectCallback = (id: string) => Promise<void>;\n\nexport type OpenSelectorDialogCallback = () => Promise<ObjectData | undefined>;\n\nexport type ReferenceData = ObjectData & {\n  hasChildren: boolean;\n  items?: ReferenceData[];\n};\n\nexport type SelectReferenceCallback = (id: string) => Promise<void>;\n\nexport type SelectorCategoryData = {\n  name: string;\n  items: ObjectData[];\n};\n\nexport type SelectorSourceCallback = (\n  prefix: string\n) => Promise<SelectorCategoryData[]>;\n\nexport type objectDataMap = Map<string, ObjectData>;\n"]}

package/dist/collection/components/select-kb-items/select-kb-items.js

@@ -14,7 +14,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
         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 _GxIdeSelectKbItems__componentLocale, _GxIdeSelectKbItems_checkedNodesIds, _GxIdeSelectKbItems_chShortcutsEl, _GxIdeSelectKbItems_selectedNodesIds, _GxIdeSelectKbItems_shortcutsSrc, _GxIdeSelectKbItems_updatedModelList, _GxIdeSelectKbItems_viewItemsAsModel, _GxIdeSelectKbItems_treeViewRenderEl, _GxIdeSelectKbItems_cancelHandler, _GxIdeSelectKbItems_checkedItemsChangeHandler, _GxIdeSelectKbItems_confirmHandler, _GxIdeSelectKbItems_contextMenuHandler, _GxIdeSelectKbItems_executeDialogAction, _GxIdeSelectKbItems_patternSearchValueChangedHandler, _GxIdeSelectKbItems_renderActionButtons, _GxIdeSelectKbItems_renderFooter, _GxIdeSelectKbItems_selectedItemsChangeHandler, _GxIdeSelectKbItems_toggleAndSelectNodesInModelItems, _GxIdeSelectKbItems_toggleCheckedNodesInModelItems, _GxIdeSelectKbItems_updateViews, _GxIdeSelectKbItems_viewItemsAsChangedHandler, _GxIdeSelectKbItems_toggleCheckboxesChangedHandler, _GxIdeSelectKbItems_scrollIntoActiveVersionNode;
+var _GxIdeSelectKbItems__componentLocale, _GxIdeSelectKbItems_chShortcutsEl, _GxIdeSelectKbItems_selectedNodesIds, _GxIdeSelectKbItems_shortcutsSrc, _GxIdeSelectKbItems_updatedModelList, _GxIdeSelectKbItems_viewItemsAsModel, _GxIdeSelectKbItems_treeViewRenderEl, _GxIdeSelectKbItems_cancelHandler, _GxIdeSelectKbItems_checkedItemsChangeHandler, _GxIdeSelectKbItems_confirmHandler, _GxIdeSelectKbItems_contextMenuHandler, _GxIdeSelectKbItems_executeDialogAction, _GxIdeSelectKbItems_patternSearchValueChangedHandler, _GxIdeSelectKbItems_renderActionButtons, _GxIdeSelectKbItems_renderFooter, _GxIdeSelectKbItems_selectedItemsChangeHandler, _GxIdeSelectKbItems_toggleAndSelectNodesInModelItems, _GxIdeSelectKbItems_toggleCheckedNodesInModelItems, _GxIdeSelectKbItems_updateViews, _GxIdeSelectKbItems_viewItemsAsChangedHandler, _GxIdeSelectKbItems_toggleCheckboxesChangedHandler, _GxIdeSelectKbItems_scrollIntoActiveVersionNode;
 import { getAssetPath, Host, h } from "@stencil/core";
 import { checkItems, convertItemsListToTreeViewModel, convertItemsNodeListToFlattenedTreeViewModel, expandItems, searchParentsItems, selectItems, unselectAllNodes, findFirstActiveNode } from "./helpers";
 import { getIconPath } from "@genexus/mercury";
@@ -41,7 +41,6 @@ const TOGGLE_CHECKBOXES_CHECKED_VALUE = "on";
 export class GxIdeSelectKbItems {
     constructor() {
         _GxIdeSelectKbItems__componentLocale.set(this, void 0);
-        _GxIdeSelectKbItems_checkedNodesIds.set(this, []);
         _GxIdeSelectKbItems_chShortcutsEl.set(this, void 0);
         _GxIdeSelectKbItems_selectedNodesIds.set(this, []);
         _GxIdeSelectKbItems_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/select-kb-items/shortcuts.json`));
@@ -58,15 +57,15 @@ export class GxIdeSelectKbItems {
             e.detail.forEach(node => {
                 node.item.checked && checkedNodesIds.push(node.item.id);
             });
-            __classPrivateFieldSet(this, _GxIdeSelectKbItems_checkedNodesIds, checkedNodesIds, "f");
-            __classPrivateFieldSet(this, _GxIdeSelectKbItems_updatedModelList, checkItems(this.itemsList, __classPrivateFieldGet(this, _GxIdeSelectKbItems_checkedNodesIds, "f")), "f");
+            this.checkedNodesIds = checkedNodesIds;
+            __classPrivateFieldSet(this, _GxIdeSelectKbItems_updatedModelList, checkItems(this.itemsList, this.checkedNodesIds), "f");
             if (this.checkedChanged) {
-                this.checkedChanged(__classPrivateFieldGet(this, _GxIdeSelectKbItems_checkedNodesIds, "f"));
+                this.checkedChanged(this.checkedNodesIds);
             }
         });
         _GxIdeSelectKbItems_confirmHandler.set(this, () => {
             if (this.confirmCallback) {
-                this.confirmCallback(__classPrivateFieldGet(this, _GxIdeSelectKbItems_checkedNodesIds, "f"));
+                this.confirmCallback(this.checkedNodesIds);
             }
         });
         _GxIdeSelectKbItems_contextMenuHandler.set(this, async (e) => {
@@ -96,7 +95,7 @@ export class GxIdeSelectKbItems {
         });
         _GxIdeSelectKbItems_executeDialogAction.set(this, (callback) => {
             return () => {
-                callback(__classPrivateFieldGet(this, _GxIdeSelectKbItems_checkedNodesIds, "f"), __classPrivateFieldGet(this, _GxIdeSelectKbItems_selectedNodesIds, "f"));
+                callback(this.checkedNodesIds, __classPrivateFieldGet(this, _GxIdeSelectKbItems_selectedNodesIds, "f"));
             };
         });
         _GxIdeSelectKbItems_patternSearchValueChangedHandler.set(this, (event) => {
@@ -108,7 +107,8 @@ export class GxIdeSelectKbItems {
             })));
         });
         _GxIdeSelectKbItems_renderFooter.set(this, () => {
-            return (h("footer", { class: "footer control-footer-with-border spacing-body-inline spacing-body-block-end control-footer-space-between" }, __classPrivateFieldGet(this, _GxIdeSelectKbItems_renderActionButtons, "f").call(this), h("div", { class: "buttons-spacer " }, this.cancelCallback && (h("button", { class: "button-secondary", part: "cancel-button", onClick: __classPrivateFieldGet(this, _GxIdeSelectKbItems_cancelHandler, "f") }, __classPrivateFieldGet(this, _GxIdeSelectKbItems__componentLocale, "f").footer.cancel)), this.confirmCallback && (h("button", { class: "button-primary", part: "confirm-button", onClick: __classPrivateFieldGet(this, _GxIdeSelectKbItems_confirmHandler, "f"), disabled: this.loading }, __classPrivateFieldGet(this, _GxIdeSelectKbItems__componentLocale, "f").footer.select)))));
+            var _a;
+            return (h("footer", { class: "footer control-footer-with-border spacing-body-inline spacing-body-block-end control-footer-space-between" }, __classPrivateFieldGet(this, _GxIdeSelectKbItems_renderActionButtons, "f").call(this), h("div", { class: "buttons-spacer " }, this.cancelCallback && (h("button", { class: "button-secondary", part: "cancel-button", onClick: __classPrivateFieldGet(this, _GxIdeSelectKbItems_cancelHandler, "f") }, __classPrivateFieldGet(this, _GxIdeSelectKbItems__componentLocale, "f").footer.cancel)), this.confirmCallback && (h("button", { class: "button-primary", part: "confirm-button", onClick: __classPrivateFieldGet(this, _GxIdeSelectKbItems_confirmHandler, "f"), disabled: this.loading || ((_a = this.checkedNodesIds) === null || _a === void 0 ? void 0 : _a.length) === 0 }, __classPrivateFieldGet(this, _GxIdeSelectKbItems__componentLocale, "f").footer.select)))));
         });
         _GxIdeSelectKbItems_selectedItemsChangeHandler.set(this, (e) => {
             const selectedNodesIds = [];
@@ -143,7 +143,7 @@ export class GxIdeSelectKbItems {
             this.nodesVersionsViewType = selectedViewType;
             if (this.nodesVersionsViewType === "tree") {
                 await __classPrivateFieldGet(this, _GxIdeSelectKbItems_toggleAndSelectNodesInModelItems, "f").call(this, __classPrivateFieldGet(this, _GxIdeSelectKbItems_selectedNodesIds, "f"));
-                await __classPrivateFieldGet(this, _GxIdeSelectKbItems_toggleCheckedNodesInModelItems, "f").call(this, __classPrivateFieldGet(this, _GxIdeSelectKbItems_checkedNodesIds, "f"));
+                await __classPrivateFieldGet(this, _GxIdeSelectKbItems_toggleCheckedNodesInModelItems, "f").call(this, this.checkedNodesIds);
             }
             __classPrivateFieldGet(this, _GxIdeSelectKbItems_updateViews, "f").call(this, __classPrivateFieldGet(this, _GxIdeSelectKbItems_updatedModelList, "f"));
         });
@@ -161,13 +161,14 @@ export class GxIdeSelectKbItems {
             }
         });
         this.activeItemNode = undefined;
+        this.checkedNodesIds = [];
         this.renderFooter = false;
         this.nodeListFlattenedTreeModel = [];
         this.loading = true;
         this.nodesVersionsViewType = "tree";
         this.nodeVersionsListTreeModel = [];
         this.searchPatternValue = null;
-        this.toggleCheckboxes = true;
+        this.toggleCheckboxes = undefined;
         this.activeItemCallback = undefined;
         this.cancelCallback = undefined;
         this.checkboxType = undefined;
@@ -177,6 +178,7 @@ export class GxIdeSelectKbItems {
         this.dialogActions = [];
         this.itemContextMenuCallback = undefined;
         this.itemsList = [];
+        this.showToggleCheckboxes = true;
         this.multiSelection = false;
         this.showActiveItemLink = false;
         this.selectionChanged = undefined;
@@ -191,6 +193,7 @@ export class GxIdeSelectKbItems {
     }
     async componentWillLoad() {
         __classPrivateFieldSet(this, _GxIdeSelectKbItems__componentLocale, await Locale.getComponentStrings(this.el), "f");
+        this.toggleCheckboxes = this.showToggleCheckboxes;
         __classPrivateFieldSet(this, _GxIdeSelectKbItems_viewItemsAsModel, [
             { value: VIEW_AS_TREE_ID, caption: __classPrivateFieldGet(this, _GxIdeSelectKbItems__componentLocale, "f").main.tree },
             { value: VIEW_AS_LIST_ID, caption: "List" }
@@ -230,16 +233,17 @@ export class GxIdeSelectKbItems {
      */
     async updateCheckedItems(checkedItemsIds) {
         // first clear checks
-        __classPrivateFieldGet(this, _GxIdeSelectKbItems_treeViewRenderEl, "f").updateItemsProperties(__classPrivateFieldGet(this, _GxIdeSelectKbItems_selectedNodesIds, "f"), {
+        __classPrivateFieldGet(this, _GxIdeSelectKbItems_treeViewRenderEl, "f").updateItemsProperties(this.checkedNodesIds, {
             checked: false
         });
         // then select
         __classPrivateFieldGet(this, _GxIdeSelectKbItems_treeViewRenderEl, "f").updateItemsProperties(checkedItemsIds, {
             checked: true
         });
+        this.checkedNodesIds = checkedItemsIds;
     }
     render() {
-        return (h(Host, { class: { "widget": true, "has-footer": this.renderFooter } }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeSelectKbItems_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeSelectKbItems_chShortcutsEl, el, "f")) }), h("section", { class: "section" }, h("header", { part: "header", class: "header control-header field-group spacing-body-block-start spacing-body-inline" }, h("div", { class: "header__first-row" }, h("div", { class: "field field-inline" }, h("label", { class: "label", htmlFor: "view-mode" }, "Select view mode:"), h("ch-radio-group-render", { class: "radio-group dummy-control-block-size", id: "view-mode", model: __classPrivateFieldGet(this, _GxIdeSelectKbItems_viewItemsAsModel, "f"), onChange: __classPrivateFieldGet(this, _GxIdeSelectKbItems_viewItemsAsChangedHandler, "f"), value: __classPrivateFieldGet(this, _GxIdeSelectKbItems_viewItemsAsModel, "f")[0].value })), this.checkboxType !== "none" && (h("div", { class: "field field-inline" }, h("label", { class: "label", htmlFor: "toggle-checkboxes" }, "Toggle Checkboxes"), h("ch-checkbox", { class: "checkbox dummy-control-block-size", id: "toggle-checkboxes", checkedValue: TOGGLE_CHECKBOXES_CHECKED_VALUE, value: TOGGLE_CHECKBOXES_CHECKED_VALUE, onInput: __classPrivateFieldGet(this, _GxIdeSelectKbItems_toggleCheckboxesChangedHandler, "f") })))), h("div", { class: {
+        return (h(Host, { class: { "widget": true, "has-footer": this.renderFooter } }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeSelectKbItems_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeSelectKbItems_chShortcutsEl, el, "f")) }), h("section", { class: "section" }, h("header", { part: "header", class: "header control-header field-group spacing-body-block-start spacing-body-inline" }, h("div", { class: "header__first-row" }, h("div", { class: "field field-inline" }, h("label", { class: "label", htmlFor: "view-mode" }, "Select view mode:"), h("ch-radio-group-render", { class: "radio-group dummy-control-block-size", id: "view-mode", model: __classPrivateFieldGet(this, _GxIdeSelectKbItems_viewItemsAsModel, "f"), onChange: __classPrivateFieldGet(this, _GxIdeSelectKbItems_viewItemsAsChangedHandler, "f"), value: __classPrivateFieldGet(this, _GxIdeSelectKbItems_viewItemsAsModel, "f")[0].value })), this.checkboxType !== "none" && this.showToggleCheckboxes && (h("div", { class: "field field-inline" }, h("label", { class: "label", htmlFor: "toggle-checkboxes" }, "Toggle Checkboxes"), h("ch-checkbox", { class: "checkbox dummy-control-block-size", id: "toggle-checkboxes", checkedValue: TOGGLE_CHECKBOXES_CHECKED_VALUE, value: TOGGLE_CHECKBOXES_CHECKED_VALUE, onInput: __classPrivateFieldGet(this, _GxIdeSelectKbItems_toggleCheckboxesChangedHandler, "f") })))), h("div", { class: {
                 "header__second-row": true,
                 "header__second-row--one-row": !this.showActiveItemLink
             } }, h("ch-edit", { class: "input", placeholder: __classPrivateFieldGet(this, _GxIdeSelectKbItems__componentLocale, "f").header.searchPatternPlaceholder, startImgSrc: SYSTEM_SEARCH_ICON, onInput: __classPrivateFieldGet(this, _GxIdeSelectKbItems_patternSearchValueChangedHandler, "f"), accessibleName: "search pattern" }), this.activeItemNode && this.showActiveItemLink && (h("div", { class: "active-item" }, h("span", { class: "active-item__icon-container" }, h("ch-image", { class: "icon-md active-item__icon", src: this.activeItemNode.iconStart ||
@@ -454,6 +458,24 @@ export class GxIdeSelectKbItems {
                 },
                 "defaultValue": "[]"
             },
+            "showToggleCheckboxes": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Used to define if the component must show the \"Toggle Checkboxes\" option or not"
+                },
+                "attribute": "show-toggle-checkboxes",
+                "reflect": false,
+                "defaultValue": "true"
+            },
             "multiSelection": {
                 "type": "boolean",
                 "mutable": false,
@@ -515,6 +537,7 @@ export class GxIdeSelectKbItems {
     static get states() {
         return {
             "activeItemNode": {},
+            "checkedNodesIds": {},
             "renderFooter": {},
             "nodeListFlattenedTreeModel": {},
             "loading": {},
@@ -599,5 +622,5 @@ export class GxIdeSelectKbItems {
             }];
     }
 }
-_GxIdeSelectKbItems__componentLocale = new WeakMap(), _GxIdeSelectKbItems_checkedNodesIds = new WeakMap(), _GxIdeSelectKbItems_chShortcutsEl = new WeakMap(), _GxIdeSelectKbItems_selectedNodesIds = new WeakMap(), _GxIdeSelectKbItems_shortcutsSrc = new WeakMap(), _GxIdeSelectKbItems_updatedModelList = new WeakMap(), _GxIdeSelectKbItems_viewItemsAsModel = new WeakMap(), _GxIdeSelectKbItems_treeViewRenderEl = new WeakMap(), _GxIdeSelectKbItems_cancelHandler = new WeakMap(), _GxIdeSelectKbItems_checkedItemsChangeHandler = new WeakMap(), _GxIdeSelectKbItems_confirmHandler = new WeakMap(), _GxIdeSelectKbItems_contextMenuHandler = new WeakMap(), _GxIdeSelectKbItems_executeDialogAction = new WeakMap(), _GxIdeSelectKbItems_patternSearchValueChangedHandler = new WeakMap(), _GxIdeSelectKbItems_renderActionButtons = new WeakMap(), _GxIdeSelectKbItems_renderFooter = new WeakMap(), _GxIdeSelectKbItems_selectedItemsChangeHandler = new WeakMap(), _GxIdeSelectKbItems_toggleAndSelectNodesInModelItems = new WeakMap(), _GxIdeSelectKbItems_toggleCheckedNodesInModelItems = new WeakMap(), _GxIdeSelectKbItems_updateViews = new WeakMap(), _GxIdeSelectKbItems_viewItemsAsChangedHandler = new WeakMap(), _GxIdeSelectKbItems_toggleCheckboxesChangedHandler = new WeakMap(), _GxIdeSelectKbItems_scrollIntoActiveVersionNode = new WeakMap();
+_GxIdeSelectKbItems__componentLocale = new WeakMap(), _GxIdeSelectKbItems_chShortcutsEl = new WeakMap(), _GxIdeSelectKbItems_selectedNodesIds = new WeakMap(), _GxIdeSelectKbItems_shortcutsSrc = new WeakMap(), _GxIdeSelectKbItems_updatedModelList = new WeakMap(), _GxIdeSelectKbItems_viewItemsAsModel = new WeakMap(), _GxIdeSelectKbItems_treeViewRenderEl = new WeakMap(), _GxIdeSelectKbItems_cancelHandler = new WeakMap(), _GxIdeSelectKbItems_checkedItemsChangeHandler = new WeakMap(), _GxIdeSelectKbItems_confirmHandler = new WeakMap(), _GxIdeSelectKbItems_contextMenuHandler = new WeakMap(), _GxIdeSelectKbItems_executeDialogAction = new WeakMap(), _GxIdeSelectKbItems_patternSearchValueChangedHandler = new WeakMap(), _GxIdeSelectKbItems_renderActionButtons = new WeakMap(), _GxIdeSelectKbItems_renderFooter = new WeakMap(), _GxIdeSelectKbItems_selectedItemsChangeHandler = new WeakMap(), _GxIdeSelectKbItems_toggleAndSelectNodesInModelItems = new WeakMap(), _GxIdeSelectKbItems_toggleCheckedNodesInModelItems = new WeakMap(), _GxIdeSelectKbItems_updateViews = new WeakMap(), _GxIdeSelectKbItems_viewItemsAsChangedHandler = new WeakMap(), _GxIdeSelectKbItems_toggleCheckboxesChangedHandler = new WeakMap(), _GxIdeSelectKbItems_scrollIntoActiveVersionNode = new WeakMap();
 //# sourceMappingURL=select-kb-items.js.map