@genexus/genexus-ide-ui 3.0.2 → 3.1.0

package/dist/collection/components/search/gx-ide-assets/search/langs/search.lang.en.json

@@ -0,0 +1,37 @@
+{
+  "labels": {
+    "includeTypes": "Include types",
+    "excludeTypes": "Exclude types",
+    "module": "Module",
+    "properties": "Properties",
+    "results": "Results"
+  },
+  "buttons": {
+    "cancel": "Cancel",
+    "confirm": "Confirm"
+  },
+  "footer": {},
+  "placeholders": {
+    "search": "Search...",
+    "typesToInclude": "Types to include",
+    "typesToExclude": "Types to exclude",
+    "searchAModule": "Search a module ",
+    "addProperties": "Add properties"
+  },
+  "accessibleName": "Search in Knowledge Base",
+  "settingsButtonAriaLabel": "Toggle search settings",
+  "tooltips": {
+    "searchInAllSiblings": "Search in all siblings"
+  },
+  "emptyState": {
+    "title": "No results found",
+    "description": "Try adjusting your filters or checking your spelling to find what you’re looking for"
+  },
+  "noKbOpenState": {
+    "title": "No Knowledge Base open",
+    "description": "Open a Knowledge Base to start searching"
+  },
+  "loader": {
+    "title": "Loading..."
+  }
+}

package/dist/collection/components/search/gx-ide-assets/search/langs/search.lang.ja.json

@@ -0,0 +1,37 @@
+{
+  "labels": {
+    "includeTypes": "Include types",
+    "excludeTypes": "Exclude types",
+    "module": "Module",
+    "properties": "Properties",
+    "results": "Results"
+  },
+  "buttons": {
+    "cancel": "Cancel",
+    "confirm": "Confirm"
+  },
+  "footer": {},
+  "placeholders": {
+    "search": "Search...",
+    "typesToInclude": "Types to include",
+    "typesToExclude": "Types to exclude",
+    "searchAModule": "Search a module ",
+    "addProperties": "Add properties"
+  },
+  "accessibleName": "Search in Knowledge Base",
+  "settingsButtonAriaLabel": "Toggle search settings",
+  "tooltips": {
+    "searchInAllSiblings": "Search in all siblings"
+  },
+  "emptyState": {
+    "title": "No results found",
+    "description": "Try adjusting your filters or checking your spelling to find what you’re looking for"
+  },
+  "noKbOpenState": {
+    "title": "No Knowledge Base open",
+    "description": "Open a Knowledge Base to start searching"
+  },
+  "loader": {
+    "title": "Loading..."
+  }
+}

package/dist/collection/components/search/gx-ide-assets/search/langs/search.lang.zh.json

@@ -0,0 +1,37 @@
+{
+  "labels": {
+    "includeTypes": "Include types",
+    "excludeTypes": "Exclude types",
+    "module": "Module",
+    "properties": "Properties",
+    "results": "Results"
+  },
+  "buttons": {
+    "cancel": "Cancel",
+    "confirm": "Confirm"
+  },
+  "footer": {},
+  "placeholders": {
+    "search": "Search...",
+    "typesToInclude": "Types to include",
+    "typesToExclude": "Types to exclude",
+    "searchAModule": "Search a module ",
+    "addProperties": "Add properties"
+  },
+  "accessibleName": "Search in Knowledge Base",
+  "settingsButtonAriaLabel": "Toggle search settings",
+  "tooltips": {
+    "searchInAllSiblings": "Search in all siblings"
+  },
+  "emptyState": {
+    "title": "No results found",
+    "description": "Try adjusting your filters or checking your spelling to find what you’re looking for"
+  },
+  "noKbOpenState": {
+    "title": "No Knowledge Base open",
+    "description": "Open a Knowledge Base to start searching"
+  },
+  "loader": {
+    "title": "Loading..."
+  }
+}

package/dist/collection/components/search/search.css

@@ -0,0 +1,44 @@
+:host {
+  display: grid;
+  block-size: 100%;
+}
+
+.search {
+  display: grid;
+  grid-template-rows: max-content 1fr;
+  gap: var(--spacing-gap-xl);
+}
+.search__header {
+  display: grid;
+  grid-template-columns: 1fr;
+}
+.search__results {
+  position: relative;
+}
+
+ch-tree-view-render::part(root-item item__header) {
+  padding-inline-start: 0;
+  font-weight: var(--font-style-semi-bold);
+  font-size: var(--font-size-body-s);
+  line-height: var(--line-height-relaxed);
+  font-family: var(--font-family-body);
+}
+
+ch-tree-view-render::part(search-item item__header) {
+  padding-inline-start: 0;
+  font-weight: var(--font-style-regular);
+  font-size: var(--font-size-body-s);
+  line-height: var(--line-height-relaxed);
+  font-family: var(--font-family-body);
+  color: var(--color-text-neutral-neutral) !important;
+}
+
+.input--loading::part(start-img) {
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/dist/collection/components/search/search.js

@@ -0,0 +1,275 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _GxIdeSearch_componentLocale, _GxIdeSearch_searchInputValue, _GxIdeSearch_searchInputHandler, _GxIdeSearch_searchInputKeyDownHandler, _GxIdeSearch_mapSearchResultToTreeViewModel, _GxIdeSearch_treeItemDoubleClickHandler, _GxIdeSearch_renderSearchResults;
+import { h, Host } from "@stencil/core";
+import { getIconPath } from "@genexus/mercury";
+import { config } from "../../common/config";
+import { Locale } from "../../common/locale";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/edit",
+    "components/tree-view",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+const SEARCH_ICON = getIconPath({
+    category: "system",
+    name: "search",
+    colorType: "on-surface"
+});
+const INFORMATION_ICON = getIconPath({
+    category: "system",
+    name: "information",
+    colorType: "on-interactive"
+});
+export class GxIdeSearch {
+    constructor() {
+        _GxIdeSearch_componentLocale.set(this, void 0);
+        _GxIdeSearch_searchInputValue.set(this, "");
+        _GxIdeSearch_searchInputHandler.set(this, async (event) => {
+            var _a;
+            if (!this.isKbOpen) {
+                return;
+            }
+            const inputElement = event.target;
+            const searchText = (_a = inputElement === null || inputElement === void 0 ? void 0 : inputElement.value) === null || _a === void 0 ? void 0 : _a.trim();
+            __classPrivateFieldSet(this, _GxIdeSearch_searchInputValue, searchText, "f");
+            if (!searchText) {
+                this.searchResultModel = [];
+                this.hasSearched = false;
+                this.isSearching = false;
+                return;
+            }
+            this.hasSearched = true;
+            this.isSearching = true;
+            this.searchResultModel = [];
+            try {
+                const searchResultData = await this.searchCallback({
+                    text: searchText,
+                    onlyTitles: false,
+                    includeSubModules: true,
+                    allBranches: false,
+                    forLLM: false
+                });
+                this.searchResultModel =
+                    __classPrivateFieldGet(this, _GxIdeSearch_mapSearchResultToTreeViewModel, "f").call(this, searchResultData);
+            }
+            finally {
+                this.isSearching = false;
+            }
+        });
+        _GxIdeSearch_searchInputKeyDownHandler.set(this, (event) => {
+            if (event.key === "Enter") {
+                __classPrivateFieldGet(this, _GxIdeSearch_searchInputHandler, "f").call(this, event);
+            }
+        });
+        _GxIdeSearch_mapSearchResultToTreeViewModel.set(this, (searchResultData) => {
+            if (!searchResultData || searchResultData.length === 0) {
+                return [];
+            }
+            return [
+                {
+                    id: "root",
+                    caption: `${__classPrivateFieldGet(this, _GxIdeSearch_componentLocale, "f").labels.results} (${searchResultData.length})`,
+                    expanded: true,
+                    parts: "root-item",
+                    items: searchResultData.map((item) => ({
+                        id: item.objectId,
+                        startImgSrc: item.objectIcon,
+                        caption: item.objectName,
+                        leaf: true,
+                        parts: "search-item"
+                    }))
+                }
+            ];
+        });
+        _GxIdeSearch_treeItemDoubleClickHandler.set(this, async (event) => {
+            var _a;
+            const itemId = event.detail.id;
+            await ((_a = this.itemDoubleClickCallback) === null || _a === void 0 ? void 0 : _a.call(this, itemId));
+        });
+        _GxIdeSearch_renderSearchResults.set(this, () => {
+            if (!this.isKbOpen) {
+                return (h("gx-ide-empty-state", { stateTitle: __classPrivateFieldGet(this, _GxIdeSearch_componentLocale, "f").noKbOpenState.title, stateDescription: __classPrivateFieldGet(this, _GxIdeSearch_componentLocale, "f").noKbOpenState.description, stateIconSrc: INFORMATION_ICON, isAnimated: true }));
+            }
+            if (this.isSearching) {
+                return (h("gx-ide-loader", { loaderTitle: __classPrivateFieldGet(this, _GxIdeSearch_componentLocale, "f").loader.title, show: true }));
+            }
+            if (this.searchResultModel.length > 0) {
+                return (h("ch-tree-view-render", { class: "tree-view", model: this.searchResultModel, expandableButton: "no", expandOnClick: false, onItemOpenReference: __classPrivateFieldGet(this, _GxIdeSearch_treeItemDoubleClickHandler, "f") }));
+            }
+            if (this.hasSearched) {
+                return (h("gx-ide-empty-state", { stateTitle: __classPrivateFieldGet(this, _GxIdeSearch_componentLocale, "f").emptyState.title, stateDescription: __classPrivateFieldGet(this, _GxIdeSearch_componentLocale, "f").emptyState.description, stateIconSrc: INFORMATION_ICON, isAnimated: true }));
+            }
+            return null;
+        });
+        this.searchResultModel = [];
+        this.hasSearched = false;
+        this.isSearching = false;
+        this.isKbOpen = false;
+        this.searchCallback = undefined;
+        this.itemDoubleClickCallback = undefined;
+    }
+    valueChangeHandler(newValue) {
+        if (!newValue) {
+            __classPrivateFieldSet(this, _GxIdeSearch_searchInputValue, "", "f");
+            this.searchResultModel = [];
+            this.hasSearched = false;
+            this.isSearching = false;
+        }
+    }
+    /**
+     * Method to show or hide the settings panel, can be called from the outside to control the visibility of the settings
+     */
+    async showSettings(_show) {
+        return Promise.resolve();
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeSearch_componentLocale, await Locale.getComponentStrings(this.el), "f");
+    }
+    render() {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "spacing-body search" }, h("header", { class: "search__header" }, h("ch-edit", { id: "search-input", class: "input", accessibleName: __classPrivateFieldGet(this, _GxIdeSearch_componentLocale, "f").accessibleName, placeholder: __classPrivateFieldGet(this, _GxIdeSearch_componentLocale, "f").placeholders.search, debounce: config.inputDebounce, onInput: __classPrivateFieldGet(this, _GxIdeSearch_searchInputHandler, "f"), onKeyDown: __classPrivateFieldGet(this, _GxIdeSearch_searchInputKeyDownHandler, "f"), type: "search", startImgSrc: SEARCH_ICON, disabled: !this.isKbOpen, value: __classPrivateFieldGet(this, _GxIdeSearch_searchInputValue, "f") })), h("main", { class: "search__results" }, __classPrivateFieldGet(this, _GxIdeSearch_renderSearchResults, "f").call(this)))));
+    }
+    static get is() { return "gx-ide-search"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["search.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["search.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/search"]; }
+    static get properties() {
+        return {
+            "isKbOpen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates whether a Knowledge Base is currently open"
+                },
+                "attribute": "is-kb-open",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "searchCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(\n    searchParams: SearchParamsData\n  ) => Promise<SearchResultData[]>",
+                    "resolved": "(searchParams: SearchParamsData) => Promise<SearchResultData[]>",
+                    "references": {
+                        "SearchParamsData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/search/search.tsx",
+                            "id": "src/components/search/search.tsx::SearchParamsData"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "SearchResultData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/search/search.tsx",
+                            "id": "src/components/search/search.tsx::SearchResultData"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback to fetch search results"
+                }
+            },
+            "itemDoubleClickCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ItemDoubleClickCallback",
+                    "resolved": "(itemId: string) => Promise<void>",
+                    "references": {
+                        "ItemDoubleClickCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/search/search.tsx",
+                            "id": "src/components/search/search.tsx::ItemDoubleClickCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when a search result item is double-clicked"
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "searchResultModel": {},
+            "hasSearched": {},
+            "isSearching": {}
+        };
+    }
+    static get methods() {
+        return {
+            "showSettings": {
+                "complexType": {
+                    "signature": "(_show: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "_show",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Method to show or hide the settings panel, can be called from the outside to control the visibility of the settings",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "isKbOpen",
+                "methodName": "valueChangeHandler"
+            }];
+    }
+}
+_GxIdeSearch_componentLocale = new WeakMap(), _GxIdeSearch_searchInputValue = new WeakMap(), _GxIdeSearch_searchInputHandler = new WeakMap(), _GxIdeSearch_searchInputKeyDownHandler = new WeakMap(), _GxIdeSearch_mapSearchResultToTreeViewModel = new WeakMap(), _GxIdeSearch_treeItemDoubleClickHandler = new WeakMap(), _GxIdeSearch_renderSearchResults = new WeakMap();
+//# sourceMappingURL=search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../src/components/search/search.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  ChTreeViewRenderCustomEvent,\n  TreeViewItemModel,\n  TreeViewItemOpenReferenceInfo,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/edit\",\n  \"components/tree-view\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\nconst SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-surface\"\n});\n\nconst INFORMATION_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-interactive\"\n});\n\n@Component({\n  tag: \"gx-ide-search\",\n  styleUrl: \"search.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/search\"]\n})\nexport class GxIdeSearch {\n  #componentLocale: any;\n  #searchInputValue: string = \"\";\n\n  @Element() el: HTMLGxIdeSearchElement;\n\n  /**\n   * Holds the search results as a TreeViewModel\n   */\n  @State() searchResultModel: TreeViewModel = [];\n\n  /**\n   * Tracks if a search has been performed\n   */\n  @State() hasSearched = false;\n\n  /**\n   * Tracks if a search is currently in progress\n   */\n  @State() isSearching = false;\n\n  /**\n   * Indicates whether a Knowledge Base is currently open\n   */\n  @Prop() readonly isKbOpen: boolean = false;\n  @Watch(\"isKbOpen\")\n  valueChangeHandler(newValue: boolean) {\n    if (!newValue) {\n      this.#searchInputValue = \"\";\n      this.searchResultModel = [];\n      this.hasSearched = false;\n      this.isSearching = false;\n    }\n  }\n\n  /**\n   * Callback to fetch search results\n   */\n  @Prop() readonly searchCallback!: (\n    searchParams: SearchParamsData\n  ) => Promise<SearchResultData[]>;\n\n  /**\n   * Callback invoked when a search result item is double-clicked\n   */\n  @Prop() readonly itemDoubleClickCallback?: ItemDoubleClickCallback;\n\n  /**\n   * Method to show or hide the settings panel, can be called from the outside to control the visibility of the settings\n   */\n  @Method()\n  async showSettings(_show: boolean): Promise<void> {\n    return Promise.resolve();\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #searchInputHandler = async (event: CustomEvent<string> | InputEvent) => {\n    if (!this.isKbOpen) {\n      return;\n    }\n\n    const inputElement = event.target as HTMLChEditElement;\n    const searchText = inputElement?.value?.trim();\n    this.#searchInputValue = searchText;\n\n    if (!searchText) {\n      this.searchResultModel = [];\n      this.hasSearched = false;\n      this.isSearching = false;\n      return;\n    }\n\n    this.hasSearched = true;\n    this.isSearching = true;\n    this.searchResultModel = [];\n\n    try {\n      const searchResultData = await this.searchCallback({\n        text: searchText,\n        onlyTitles: false,\n        includeSubModules: true,\n        allBranches: false,\n        forLLM: false\n      });\n\n      this.searchResultModel =\n        this.#mapSearchResultToTreeViewModel(searchResultData);\n    } finally {\n      this.isSearching = false;\n    }\n  };\n\n  #searchInputKeyDownHandler = (event: KeyboardEvent) => {\n    if (event.key === \"Enter\") {\n      this.#searchInputHandler(event as any);\n    }\n  };\n\n  #mapSearchResultToTreeViewModel = (\n    searchResultData: SearchResultData[]\n  ): TreeViewModel => {\n    if (!searchResultData || searchResultData.length === 0) {\n      return [];\n    }\n    return [\n      {\n        id: \"root\",\n        caption: `${this.#componentLocale.labels.results} (${searchResultData.length})`,\n        expanded: true,\n        parts: \"root-item\",\n        items: searchResultData.map(\n          (item): TreeViewItemModel => ({\n            id: item.objectId,\n            startImgSrc: item.objectIcon,\n            caption: item.objectName,\n            leaf: true,\n            parts: \"search-item\"\n          })\n        )\n      }\n    ];\n  };\n\n  #treeItemDoubleClickHandler = async (\n    event: ChTreeViewRenderCustomEvent<TreeViewItemOpenReferenceInfo>\n  ) => {\n    const itemId = event.detail.id;\n    await this.itemDoubleClickCallback?.(itemId);\n  };\n\n  #renderSearchResults = () => {\n    if (!this.isKbOpen) {\n      return (\n        <gx-ide-empty-state\n          stateTitle={this.#componentLocale.noKbOpenState.title}\n          stateDescription={this.#componentLocale.noKbOpenState.description}\n          stateIconSrc={INFORMATION_ICON}\n          isAnimated={true}\n        ></gx-ide-empty-state>\n      );\n    }\n\n    if (this.isSearching) {\n      return (\n        <gx-ide-loader\n          loaderTitle={this.#componentLocale.loader.title}\n          show={true}\n        ></gx-ide-loader>\n      );\n    }\n\n    if (this.searchResultModel.length > 0) {\n      return (\n        <ch-tree-view-render\n          class=\"tree-view\"\n          model={this.searchResultModel}\n          expandableButton=\"no\"\n          expandOnClick={false}\n          onItemOpenReference={this.#treeItemDoubleClickHandler}\n        />\n      );\n    }\n\n    if (this.hasSearched) {\n      return (\n        <gx-ide-empty-state\n          stateTitle={this.#componentLocale.emptyState.title}\n          stateDescription={this.#componentLocale.emptyState.description}\n          stateIconSrc={INFORMATION_ICON}\n          isAnimated={true}\n        ></gx-ide-empty-state>\n      );\n    }\n\n    return null;\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class={\"spacing-body search\"}>\n          <header class=\"search__header\">\n            <ch-edit\n              id=\"search-input\"\n              class=\"input\"\n              accessibleName={this.#componentLocale.accessibleName}\n              placeholder={this.#componentLocale.placeholders.search}\n              debounce={config.inputDebounce}\n              onInput={this.#searchInputHandler}\n              onKeyDown={this.#searchInputKeyDownHandler}\n              type=\"search\"\n              startImgSrc={SEARCH_ICON}\n              disabled={!this.isKbOpen}\n              value={this.#searchInputValue}\n            ></ch-edit>\n          </header>\n\n          <main class=\"search__results\">{this.#renderSearchResults()}</main>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type SearchResultData = {\n  objectId: string;\n  objectName: string;\n  objectTypeName: string;\n  objectModuleName: string;\n  objectUri: string;\n  objectIcon: string;\n  content: string;\n  preview: string;\n};\n\nexport type SearchParamsData = {\n  moduleGuid?: string;\n  objectTypeName?: string;\n  text: string;\n  tags?: string;\n  count?: number;\n  onlyTitles: boolean;\n  includeSubModules: boolean;\n  allBranches: boolean;\n  forLLM: boolean;\n};\n\nexport type ItemDoubleClickCallback = (itemId: string) => Promise<void>;\n\nexport type SearchCallback = (\n  searchParams: SearchParamsData\n) => Promise<SearchResultData[]>;\n"]}

package/dist/collection/components/ww-files/ww-files.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 _GxIdeWWFiles_componentLocale, _GxIdeWWFiles_ACCORDION_MODEL, _GxIdeWWFiles_nameValue, _GxIdeWWFiles_moduleValue, _GxIdeWWFiles_searchContentsValue, _GxIdeWWFiles_categoryValue, _GxIdeWWFiles_allDescendants, _GxIdeWWFiles_userValue, _GxIdeWWFiles_selectedObjectsIds, _GxIdeWWFiles_chGridEl, _GxIdeWWFiles_filterModuleEl, _GxIdeWWFiles_setFilterDefaultValues, _GxIdeWWFiles_allDescendantsCheckboxHandler, _GxIdeWWFiles_handleSelectionChanged, _GxIdeWWFiles_handleRowDoubleClicked, _GxIdeWWFiles_handleRowContextMenu, _GxIdeWWFiles_attachGridListeners, _GxIdeWWFiles_categoryInputHandler, _GxIdeWWFiles_clearDateTimeValue, _GxIdeWWFiles_dateTimeInputHandler, _GxIdeWWFiles_deleteSelectionCallbackHandler, _GxIdeWWFiles_deselectAll, _GxIdeWWFiles_evaluateModifiedDates, _GxIdeWWFiles_filterAfterTypeCallbackHandler, _GxIdeWWFiles_formatDate, _GxIdeWWFiles_getObjects, _GxIdeWWFiles_renderHeader, _GxIdeWWFiles_renderObjects, _GxIdeWWFiles_moduleValueChangedHandler, _GxIdeWWFiles_nameInputHandler, _GxIdeWWFiles_newFileCallbackHandler, _GxIdeWWFiles_openSelectionCallbackHandler, _GxIdeWWFiles_searchContentsInputHandler, _GxIdeWWFiles_setLoadingState, _GxIdeWWFiles_userInputHandler, _GxIdeWWFiles_showModifiedCheckboxHandler, _GxIdeWWFiles_selectAll;
+var _GxIdeWWFiles_componentLocale, _GxIdeWWFiles_ACCORDION_MODEL, _GxIdeWWFiles_nameValue, _GxIdeWWFiles_moduleValue, _GxIdeWWFiles_searchContentsValue, _GxIdeWWFiles_categoryValue, _GxIdeWWFiles_allDescendants, _GxIdeWWFiles_userValue, _GxIdeWWFiles_selectedObjectsIds, _GxIdeWWFiles_chGridEl, _GxIdeWWFiles_setFilterDefaultValues, _GxIdeWWFiles_allDescendantsCheckboxHandler, _GxIdeWWFiles_handleSelectionChanged, _GxIdeWWFiles_handleRowDoubleClicked, _GxIdeWWFiles_handleRowContextMenu, _GxIdeWWFiles_attachGridListeners, _GxIdeWWFiles_categoryInputHandler, _GxIdeWWFiles_clearDateTimeValue, _GxIdeWWFiles_dateTimeInputHandler, _GxIdeWWFiles_deleteSelectionCallbackHandler, _GxIdeWWFiles_deselectAll, _GxIdeWWFiles_evaluateModifiedDates, _GxIdeWWFiles_filterAfterTypeCallbackHandler, _GxIdeWWFiles_formatDate, _GxIdeWWFiles_getObjects, _GxIdeWWFiles_renderHeader, _GxIdeWWFiles_renderObjects, _GxIdeWWFiles_moduleValueChangedHandler, _GxIdeWWFiles_nameInputHandler, _GxIdeWWFiles_newFileCallbackHandler, _GxIdeWWFiles_openSelectionCallbackHandler, _GxIdeWWFiles_searchContentsInputHandler, _GxIdeWWFiles_setLoadingState, _GxIdeWWFiles_userInputHandler, _GxIdeWWFiles_showModifiedCheckboxHandler, _GxIdeWWFiles_selectAll;
 import { Host, h } from "@stencil/core";
 import { getIconPath } from "@genexus/mercury";
 import { Locale } from "../../common/locale";
@@ -72,7 +72,6 @@ export class GxIdeWWFiles {
         // Other
         _GxIdeWWFiles_selectedObjectsIds.set(this, []);
         _GxIdeWWFiles_chGridEl.set(this, void 0);
-        _GxIdeWWFiles_filterModuleEl.set(this, void 0);
         _GxIdeWWFiles_setFilterDefaultValues.set(this, () => {
             __classPrivateFieldSet(this, _GxIdeWWFiles_nameValue, "", "f");
             __classPrivateFieldSet(this, _GxIdeWWFiles_moduleValue, Object.assign({}, this.defaultModule), "f");
@@ -186,7 +185,7 @@ export class GxIdeWWFiles {
                 h("div", {
                     // Module
                     class: "field field-block field-module-folder"
-                }, h("label", { class: "label", htmlFor: "module-folder" }, __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter.moduleFolder), h("gx-ide-entity-selector", { part: "filter-module-folder", id: "module/folder", labelPosition: "none", value: __classPrivateFieldGet(this, _GxIdeWWFiles_moduleValue, "f"), defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWFiles_filterModuleEl, el, "f")), onValueChanged: __classPrivateFieldGet(this, _GxIdeWWFiles_moduleValueChangedHandler, "f"), disabled: this.isLoading })),
+                }, h("label", { class: "label", htmlFor: "module-folder" }, __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter.moduleFolder), h("gx-ide-entity-selector", { part: "filter-module-folder", id: "module/folder", labelPosition: "none", value: __classPrivateFieldGet(this, _GxIdeWWFiles_moduleValue, "f"), defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, onValueChanged: __classPrivateFieldGet(this, _GxIdeWWFiles_moduleValueChangedHandler, "f"), disabled: this.isLoading })),
                 h("ch-accordion-render", { class: "accordion-outlined advanced-filter", model: __classPrivateFieldGet(this, _GxIdeWWFiles_ACCORDION_MODEL, "f") }, h("div", { slot: ACCORDION_FILTER_ID, class: "spacing-body field-group advanced-filter__container" }, this.showSearchContents && (h("div", {
                     // Search contents
                     class: "field field-block field-search-contents"
@@ -704,5 +703,5 @@ export class GxIdeWWFiles {
             }];
     }
 }
-_GxIdeWWFiles_componentLocale = new WeakMap(), _GxIdeWWFiles_ACCORDION_MODEL = new WeakMap(), _GxIdeWWFiles_nameValue = new WeakMap(), _GxIdeWWFiles_moduleValue = new WeakMap(), _GxIdeWWFiles_searchContentsValue = new WeakMap(), _GxIdeWWFiles_categoryValue = new WeakMap(), _GxIdeWWFiles_allDescendants = new WeakMap(), _GxIdeWWFiles_userValue = new WeakMap(), _GxIdeWWFiles_selectedObjectsIds = new WeakMap(), _GxIdeWWFiles_chGridEl = new WeakMap(), _GxIdeWWFiles_filterModuleEl = new WeakMap(), _GxIdeWWFiles_setFilterDefaultValues = new WeakMap(), _GxIdeWWFiles_allDescendantsCheckboxHandler = new WeakMap(), _GxIdeWWFiles_handleSelectionChanged = new WeakMap(), _GxIdeWWFiles_handleRowDoubleClicked = new WeakMap(), _GxIdeWWFiles_handleRowContextMenu = new WeakMap(), _GxIdeWWFiles_attachGridListeners = new WeakMap(), _GxIdeWWFiles_categoryInputHandler = new WeakMap(), _GxIdeWWFiles_clearDateTimeValue = new WeakMap(), _GxIdeWWFiles_dateTimeInputHandler = new WeakMap(), _GxIdeWWFiles_deleteSelectionCallbackHandler = new WeakMap(), _GxIdeWWFiles_deselectAll = new WeakMap(), _GxIdeWWFiles_evaluateModifiedDates = new WeakMap(), _GxIdeWWFiles_filterAfterTypeCallbackHandler = new WeakMap(), _GxIdeWWFiles_formatDate = new WeakMap(), _GxIdeWWFiles_getObjects = new WeakMap(), _GxIdeWWFiles_renderHeader = new WeakMap(), _GxIdeWWFiles_renderObjects = new WeakMap(), _GxIdeWWFiles_moduleValueChangedHandler = new WeakMap(), _GxIdeWWFiles_nameInputHandler = new WeakMap(), _GxIdeWWFiles_newFileCallbackHandler = new WeakMap(), _GxIdeWWFiles_openSelectionCallbackHandler = new WeakMap(), _GxIdeWWFiles_searchContentsInputHandler = new WeakMap(), _GxIdeWWFiles_setLoadingState = new WeakMap(), _GxIdeWWFiles_userInputHandler = new WeakMap(), _GxIdeWWFiles_showModifiedCheckboxHandler = new WeakMap(), _GxIdeWWFiles_selectAll = new WeakMap();
+_GxIdeWWFiles_componentLocale = new WeakMap(), _GxIdeWWFiles_ACCORDION_MODEL = new WeakMap(), _GxIdeWWFiles_nameValue = new WeakMap(), _GxIdeWWFiles_moduleValue = new WeakMap(), _GxIdeWWFiles_searchContentsValue = new WeakMap(), _GxIdeWWFiles_categoryValue = new WeakMap(), _GxIdeWWFiles_allDescendants = new WeakMap(), _GxIdeWWFiles_userValue = new WeakMap(), _GxIdeWWFiles_selectedObjectsIds = new WeakMap(), _GxIdeWWFiles_chGridEl = new WeakMap(), _GxIdeWWFiles_setFilterDefaultValues = new WeakMap(), _GxIdeWWFiles_allDescendantsCheckboxHandler = new WeakMap(), _GxIdeWWFiles_handleSelectionChanged = new WeakMap(), _GxIdeWWFiles_handleRowDoubleClicked = new WeakMap(), _GxIdeWWFiles_handleRowContextMenu = new WeakMap(), _GxIdeWWFiles_attachGridListeners = new WeakMap(), _GxIdeWWFiles_categoryInputHandler = new WeakMap(), _GxIdeWWFiles_clearDateTimeValue = new WeakMap(), _GxIdeWWFiles_dateTimeInputHandler = new WeakMap(), _GxIdeWWFiles_deleteSelectionCallbackHandler = new WeakMap(), _GxIdeWWFiles_deselectAll = new WeakMap(), _GxIdeWWFiles_evaluateModifiedDates = new WeakMap(), _GxIdeWWFiles_filterAfterTypeCallbackHandler = new WeakMap(), _GxIdeWWFiles_formatDate = new WeakMap(), _GxIdeWWFiles_getObjects = new WeakMap(), _GxIdeWWFiles_renderHeader = new WeakMap(), _GxIdeWWFiles_renderObjects = new WeakMap(), _GxIdeWWFiles_moduleValueChangedHandler = new WeakMap(), _GxIdeWWFiles_nameInputHandler = new WeakMap(), _GxIdeWWFiles_newFileCallbackHandler = new WeakMap(), _GxIdeWWFiles_openSelectionCallbackHandler = new WeakMap(), _GxIdeWWFiles_searchContentsInputHandler = new WeakMap(), _GxIdeWWFiles_setLoadingState = new WeakMap(), _GxIdeWWFiles_userInputHandler = new WeakMap(), _GxIdeWWFiles_showModifiedCheckboxHandler = new WeakMap(), _GxIdeWWFiles_selectAll = new WeakMap();
 //# sourceMappingURL=ww-files.js.map