@genexus/genexus-ide-ui 1.0.74 → 1.1.0

package/dist/components/gx-ide-open-api-import.js

@@ -0,0 +1,235 @@
+import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client';
+import { L as Locale } from './locale.js';
+import { g as getIconPath } from './assets-manager.js';
+import './MERCURY_ASSETS.js';
+import { d as defineCustomElement$2 } from './entity-selector.js';
+
+const convertActionToTreeViewItem = (operations) => {
+    const treeData = [];
+    if (!operations) {
+        return treeData;
+    }
+    operations.forEach(operation => {
+        const importCategoryTreeItem = {
+            id: operation.id,
+            caption: `${operation.name}`,
+            expanded: true,
+            leaf: true,
+            checkbox: true
+        };
+        treeData.push(importCategoryTreeItem);
+    });
+    return treeData;
+};
+
+const openApiImportCss = "section{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.main{position:relative;display:contents}.input-file{display:flex}.field{width:100%}.control-header__operations,.control-header__description{padding-block-start:var(--mer-spacing--md)}.header__field-group{grid-template:\"import-file-label import-file-name buttons-container\" max-content \"module-folder-label module-folder module-folder\" max-content/max-content 1fr max-content}.module-folder-name{grid-area:module-folder}.module-folder-label{grid-area:module-folder-label}.import-file-label{grid-area:import-file-label}.header__buttons-container{grid-area:buttons-container}.section-grid{display:grid;grid-template:\"top-content-operations top-content-description\" max-content \"operations-area operations-description\" 1fr/1fr 1fr;background-color:var(--items-container__bg-color);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-color:var(--items-container__border-color);border-block-start:0;overflow-y:auto}.list-wrapper{grid-area:operations-area;border-inline-end:var(--section-common-border)}.label{margin-top:6px !important}.tree-operations::part(item__header){padding-inline-start:0}.procedure-description{grid-area:operations-description;overflow:auto;text-align:justify}.control-header__operations{grid-area:top-content-operations;background-color:var(--items-container__bg-color)}.control-header__description{grid-area:top-content-description;background-color:var(--items-container__bg-color)}.text-align-center{text-align:center}";
+
+var __classPrivateFieldGet = (undefined && undefined.__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 = (undefined && undefined.__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 _GxIdeOpenAPIImport__componentLocale, _GxIdeOpenAPIImport_renderedFirstTime, _GxIdeOpenAPIImport_shortcutsSrc, _GxIdeOpenAPIImport_chShortcutsEl, _GxIdeOpenAPIImport_fileInputHiddenEl, _GxIdeOpenAPIImport_parentEl, _GxIdeOpenAPIImport_objectsTreeEl, _GxIdeOpenAPIImport_cancelImportHandler, _GxIdeOpenAPIImport_handleImport, _GxIdeOpenAPIImport_objectsTreeCheckedItemsChangedHandler, _GxIdeOpenAPIImport_handleSelectAll, _GxIdeOpenAPIImport_objectTreeClickedHandler, _GxIdeOpenAPIImport_removeFileSelection, _GxIdeOpenAPIImport_selectFileInputChangedHandler, _GxIdeOpenAPIImport_selectFileInputHandler, _GxIdeOpenAPIImport_renderFooter;
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/button",
+    "components/checkbox",
+    "components/edit",
+    "components/icon",
+    "components/tree-view",
+    "components/list-box",
+    "utils/form",
+    "utils/layout",
+    "utils/spacing",
+    "utils/typography"
+];
+const FILE_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "file",
+    colorType: "on-elevation"
+});
+const MENU_DELETE = getIconPath({
+    category: "menus",
+    name: "delete",
+    colorType: "primary"
+});
+const CHECKBOX_ALL_CHECKED_VALUE = "allChecked";
+const CHECKBOX_ALL_UNCHECKED_VALUE = "allUnchecked";
+const GxIdeOpenAPIImport = /*@__PURE__*/ proxyCustomElement(class GxIdeOpenAPIImport extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
+        _GxIdeOpenAPIImport__componentLocale.set(this, void 0);
+        _GxIdeOpenAPIImport_renderedFirstTime.set(this, false);
+        _GxIdeOpenAPIImport_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/new-object/shortcuts.json`));
+        _GxIdeOpenAPIImport_chShortcutsEl.set(this, void 0);
+        _GxIdeOpenAPIImport_fileInputHiddenEl.set(this, void 0);
+        _GxIdeOpenAPIImport_parentEl.set(this, void 0);
+        _GxIdeOpenAPIImport_objectsTreeEl.set(this, void 0);
+        // 9.LOCAL METHODS //
+        _GxIdeOpenAPIImport_cancelImportHandler.set(this, () => {
+            if (this.cancelCallback) {
+                this.cancelCallback();
+            }
+        });
+        _GxIdeOpenAPIImport_handleImport.set(this, async () => {
+            await this.importCallback(this.selectedOperations);
+        });
+        _GxIdeOpenAPIImport_objectsTreeCheckedItemsChangedHandler.set(this, (event) => {
+            if (event.detail.size === 0) {
+                return;
+            }
+            const allItems = event.detail;
+            const checkedItems = [...allItems.values()].filter(node => node.item.checked);
+            this.selectedOperations = checkedItems.map(item => item.item.id);
+            // Evaluate "Select All" checkbox state (siguiendo el patrón de kb-manager-import)
+            if (allItems.size === checkedItems.length) {
+                this.selectAllCheckboxValue = CHECKBOX_ALL_CHECKED_VALUE;
+                this.selectAllCheckboxIndeterminate = false;
+            }
+            else if (checkedItems.length === 0) {
+                this.selectAllCheckboxValue = CHECKBOX_ALL_UNCHECKED_VALUE;
+                this.selectAllCheckboxIndeterminate = false;
+            }
+            else {
+                this.selectAllCheckboxIndeterminate = true;
+            }
+        });
+        _GxIdeOpenAPIImport_handleSelectAll.set(this, (event) => {
+            if ("detail" in event && __classPrivateFieldGet(this, _GxIdeOpenAPIImport_objectsTreeEl, "f")) {
+                const checked = event.detail ===
+                    CHECKBOX_ALL_CHECKED_VALUE;
+                // Usar updateAllItemsProperties como en kb-manager-import
+                __classPrivateFieldGet(this, _GxIdeOpenAPIImport_objectsTreeEl, "f").updateAllItemsProperties({ checked: checked });
+                this.selectedOperations = checked ? this.operations.map(op => op.id) : [];
+                this.selectAllCheckboxValue = checked
+                    ? CHECKBOX_ALL_CHECKED_VALUE
+                    : CHECKBOX_ALL_UNCHECKED_VALUE;
+                this.selectAllCheckboxIndeterminate = false;
+            }
+        });
+        _GxIdeOpenAPIImport_objectTreeClickedHandler.set(this, (event) => {
+            var _a;
+            this.selectedOperationForDescription = (_a = this.operations.filter(op => { var _a; return op.id === ((_a = event.detail[0]) === null || _a === void 0 ? void 0 : _a.item.id); })[0]) === null || _a === void 0 ? void 0 : _a.description;
+        });
+        _GxIdeOpenAPIImport_removeFileSelection.set(this, () => {
+            this.selectedFile = null;
+            __classPrivateFieldGet(this, _GxIdeOpenAPIImport_fileInputHiddenEl, "f").value = null;
+            this.operations = [];
+            this.actionListItems = [];
+            this.selectedOperationForDescription = null;
+        });
+        _GxIdeOpenAPIImport_selectFileInputChangedHandler.set(this, async (event) => {
+            var _a;
+            const target = event.target;
+            if (((_a = target.files) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                this.selectedFile = target.files[0];
+                this.operations = await this.loadCallback(this.selectedFile, __classPrivateFieldGet(this, _GxIdeOpenAPIImport_parentEl, "f").value.id);
+                this.actionListItems = convertActionToTreeViewItem(this.operations);
+            }
+        });
+        _GxIdeOpenAPIImport_selectFileInputHandler.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeOpenAPIImport_fileInputHiddenEl, "f").click();
+        });
+        _GxIdeOpenAPIImport_renderFooter.set(this, () => {
+            var _a;
+            return (h("footer", { class: "control-footer control-footer-space-between spacing-body-block-end spacing-body-inline" }, h("div", { class: "buttons-spacer" }, h("ch-checkbox", { id: "select-all-checkbox", class: "checkbox", checkedValue: CHECKBOX_ALL_CHECKED_VALUE, unCheckedValue: CHECKBOX_ALL_UNCHECKED_VALUE, caption: __classPrivateFieldGet(this, _GxIdeOpenAPIImport__componentLocale, "f").main.selectAll, value: this.selectAllCheckboxValue, indeterminate: this.selectAllCheckboxIndeterminate, onInput: __classPrivateFieldGet(this, _GxIdeOpenAPIImport_handleSelectAll, "f"), disabled: this.importingIsInProcess || !((_a = this.operations) === null || _a === void 0 ? void 0 : _a.length), part: "select-all-checkbox" })), h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", slot: "footer-end", part: "button-cancel", onClick: __classPrivateFieldGet(this, _GxIdeOpenAPIImport_cancelImportHandler, "f") }, __classPrivateFieldGet(this, _GxIdeOpenAPIImport__componentLocale, "f").footer.cancel), h("button", { class: "button-primary", slot: "footer-end", part: "button-confirm", onClick: __classPrivateFieldGet(this, _GxIdeOpenAPIImport_handleImport, "f") }, __classPrivateFieldGet(this, _GxIdeOpenAPIImport__componentLocale, "f").footer.import))));
+        });
+        this.actionListItems = [];
+        this.importingIsInProcess = false;
+        this.operations = [];
+        this.selectedFile = undefined;
+        this.selectedOperationForDescription = undefined;
+        this.selectedOperations = [];
+        this.selectAllCheckboxValue = undefined;
+        this.selectAllCheckboxIndeterminate = false;
+        this.defaultParent = undefined;
+        this.displayTitle = false;
+        this.cancelCallback = undefined;
+        this.importCallback = undefined;
+        this.loadCallback = undefined;
+        this.selectParentCallback = undefined;
+    }
+    componentDidRender() {
+        if (!__classPrivateFieldGet(this, _GxIdeOpenAPIImport_renderedFirstTime, "f")) {
+            this.componentDidRenderFirstTime.emit(__classPrivateFieldGet(this, _GxIdeOpenAPIImport__componentLocale, "f").componentName);
+            __classPrivateFieldSet(this, _GxIdeOpenAPIImport_renderedFirstTime, true, "f");
+        }
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeOpenAPIImport__componentLocale, await Locale.getComponentStrings(this.el), "f");
+    }
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    async suspendShortcuts(suspendShortcuts) {
+        if (suspendShortcuts) {
+            __classPrivateFieldGet(this, _GxIdeOpenAPIImport_chShortcutsEl, "f").suspend = true;
+        }
+        else {
+            __classPrivateFieldGet(this, _GxIdeOpenAPIImport_chShortcutsEl, "f").suspend = false;
+        }
+    }
+    render() {
+        var _a;
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeOpenAPIImport_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeOpenAPIImport_chShortcutsEl, el, "f")) }), h("section", null, h("header", { class: "header control-header-with-border space-body spacing-body-inline spacing-body-block-start", role: "banner" }, h("div", { class: "field-group header__field-group" }, h("div", { class: "import-file-label" }, h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "file-name" }, __classPrivateFieldGet(this, _GxIdeOpenAPIImport__componentLocale, "f").header.fileNameLabel))), h("div", { class: "input-file" }, h("div", { class: "field input-file" }, h("ch-edit", { autoFocus: true, id: "file-name", class: "input file", part: "file-name", type: "text", readonly: true, value: (_a = this.selectedFile) === null || _a === void 0 ? void 0 : _a.name, placeholder: __classPrivateFieldGet(this, _GxIdeOpenAPIImport__componentLocale, "f").header.fileNamePlaceholder, startImgSrc: FILE_ICON }), h("input", { hidden: true, type: "file", accept: ".json, .yaml", onChange: __classPrivateFieldGet(this, _GxIdeOpenAPIImport_selectFileInputChangedHandler, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeOpenAPIImport_fileInputHiddenEl, el, "f")) })), h("div", { class: "cancel-btn " }, h("button", { "aria-label": __classPrivateFieldGet(this, _GxIdeOpenAPIImport__componentLocale, "f").header.removeFileSelection, title: __classPrivateFieldGet(this, _GxIdeOpenAPIImport__componentLocale, "f").header.removeFileSelection, id: "reset-all-button", class: "button-tertiary button-icon-only", part: "reset-all-button", onClick: __classPrivateFieldGet(this, _GxIdeOpenAPIImport_removeFileSelection, "f") }, h("ch-image", { class: "icon-md", src: MENU_DELETE })))), h("div", { class: "header__buttons-container" }, h("button", { id: "select-file-load-button", class: "button-primary", part: "select-file-load-button", onClick: __classPrivateFieldGet(this, _GxIdeOpenAPIImport_selectFileInputHandler, "f"), disabled: this.importingIsInProcess }, __classPrivateFieldGet(this, _GxIdeOpenAPIImport__componentLocale, "f").header.selectFileButton)), h("div", { class: "module-folder-label" }, h("div", { class: "field field-block" }, h("label", { class: "label" }, __classPrivateFieldGet(this, _GxIdeOpenAPIImport__componentLocale, "f").header.moduleFolderLabel))), h("div", { class: "field module-folder-name " }, h("gx-ide-entity-selector", { value: this.defaultParent, defaultValue: this.defaultParent, selectEntityCallback: this.selectParentCallback, labelPosition: "none", ref: (el) => (__classPrivateFieldSet(this, _GxIdeOpenAPIImport_parentEl, el, "f")), class: "module-folder" })))), h("main", { class: "main" }, h("div", { class: "section-grid" }, h("h2", { id: "operations-title", class: "control-header control-header-with-border control-header__operations subtitle-regular-xs text-align-center spacing-body-inline" }, __classPrivateFieldGet(this, _GxIdeOpenAPIImport__componentLocale, "f").main.operations), h("div", { class: "list-wrapper field-group spacing-body-block-start spacing-body-inline scrollable", role: "region", "aria-labelledby": "operations-title" }, h("ch-tree-view-render", { class: "tree-view tree-operations", model: this.actionListItems, "show-lines": "last", onCheckedItemsChange: __classPrivateFieldGet(this, _GxIdeOpenAPIImport_objectsTreeCheckedItemsChangedHandler, "f"), onSelectedItemsChange: __classPrivateFieldGet(this, _GxIdeOpenAPIImport_objectTreeClickedHandler, "f"), ref: el => (__classPrivateFieldSet(this, _GxIdeOpenAPIImport_objectsTreeEl, el, "f")) })), h("h2", { id: "description-title", class: "control-header control-header-with-border control-header__description subtitle-regular-xs text-align-center spacing-body-inline" }, __classPrivateFieldGet(this, _GxIdeOpenAPIImport__componentLocale, "f").main.procedureDescription), h("div", { class: "procedure-description field-group spacing-body-block-start spacing-body-inline scrollable", role: "region", "aria-labelledby": "description-title" }, this.selectedOperationForDescription))), __classPrivateFieldGet(this, _GxIdeOpenAPIImport_renderFooter, "f").call(this))));
+    }
+    static get assetsDirs() { return ["gx-ide-assets/open-api-import"]; }
+    get el() { return this; }
+    static get style() { return openApiImportCss; }
+}, [1, "gx-ide-open-api-import", {
+        "defaultParent": [16],
+        "displayTitle": [4, "display-title"],
+        "cancelCallback": [16],
+        "importCallback": [16],
+        "loadCallback": [16],
+        "selectParentCallback": [16],
+        "actionListItems": [32],
+        "importingIsInProcess": [32],
+        "operations": [32],
+        "selectedFile": [32],
+        "selectedOperationForDescription": [32],
+        "selectedOperations": [32],
+        "selectAllCheckboxValue": [32],
+        "selectAllCheckboxIndeterminate": [32],
+        "suspendShortcuts": [64]
+    }]);
+_GxIdeOpenAPIImport__componentLocale = new WeakMap(), _GxIdeOpenAPIImport_renderedFirstTime = new WeakMap(), _GxIdeOpenAPIImport_shortcutsSrc = new WeakMap(), _GxIdeOpenAPIImport_chShortcutsEl = new WeakMap(), _GxIdeOpenAPIImport_fileInputHiddenEl = new WeakMap(), _GxIdeOpenAPIImport_parentEl = new WeakMap(), _GxIdeOpenAPIImport_objectsTreeEl = new WeakMap(), _GxIdeOpenAPIImport_cancelImportHandler = new WeakMap(), _GxIdeOpenAPIImport_handleImport = new WeakMap(), _GxIdeOpenAPIImport_objectsTreeCheckedItemsChangedHandler = new WeakMap(), _GxIdeOpenAPIImport_handleSelectAll = new WeakMap(), _GxIdeOpenAPIImport_objectTreeClickedHandler = new WeakMap(), _GxIdeOpenAPIImport_removeFileSelection = new WeakMap(), _GxIdeOpenAPIImport_selectFileInputChangedHandler = new WeakMap(), _GxIdeOpenAPIImport_selectFileInputHandler = new WeakMap(), _GxIdeOpenAPIImport_renderFooter = new WeakMap();
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-open-api-import", "gx-ide-entity-selector"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-open-api-import":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeOpenAPIImport);
+            }
+            break;
+        case "gx-ide-entity-selector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const GxIdeOpenApiImport = GxIdeOpenAPIImport;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeOpenApiImport, defineCustomElement };
+
+//# sourceMappingURL=gx-ide-open-api-import.js.map

package/dist/components/gx-ide-open-api-import.js.map

@@ -0,0 +1 @@
+{"file":"gx-ide-open-api-import.js","mappings":"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","names":[],"sources":["src/components/open-api-import/helpers.ts","src/components/open-api-import/open-api-import.scss?tag=gx-ide-open-api-import&encapsulation=shadow","src/components/open-api-import/open-api-import.tsx"],"sourcesContent":["import { ApiOperationData } from \"./open-api-import\";\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\n\nexport const convertActionToTreeViewItem = (\n  operations: ApiOperationData[]\n): TreeViewItemModel[] => {\n  const treeData: TreeViewItemModel[] = [];\n  if (!operations) {\n    return treeData;\n  }\n  operations.forEach(operation => {\n    const importCategoryTreeItem: TreeViewItemModel = {\n      id: operation.id,\n      caption: `${operation.name}`,\n      expanded: true,\n      leaf: true,\n      checkbox: true\n    };\n    treeData.push(importCategoryTreeItem);\n  });\n  return treeData;\n};\n","section {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.main {\n  position: relative;\n  display: contents;\n}\n\n.input-file {\n  display: flex;\n}\n\n.field {\n  width: 100%;\n}\n\n.control-header__operations,\n.control-header__description {\n  padding-block-start: var(--mer-spacing--md);\n}\n\n.header__field-group {\n  grid-template:\n    \"import-file-label import-file-name buttons-container\" max-content\n    \"module-folder-label module-folder module-folder\" max-content\n    / max-content 1fr max-content;\n}\n.module-folder-name {\n  grid-area: module-folder;\n}\n.module-folder-label {\n  grid-area: module-folder-label;\n}\n.import-file-label {\n  grid-area: import-file-label;\n}\n\n.header__buttons-container {\n  grid-area: buttons-container;\n}\n\n.section-grid {\n  display: grid;\n  grid-template:\n    \"top-content-operations top-content-description\" max-content\n    \"operations-area operations-description\" 1fr\n    / 1fr 1fr;\n  background-color: var(--items-container__bg-color);\n  border-style: var(--items-container__border-style);\n  border-width: var(--items-container__border-width);\n  border-color: var(--items-container__border-color);\n  border-block-start: 0;\n  overflow-y: auto;\n}\n\n.list-wrapper {\n  grid-area: operations-area;\n  border-inline-end: var(--section-common-border);\n}\n.label {\n  margin-top: 6px !important;\n}\n\n.tree-operations::part(item__header) {\n  // WA Since this is a tree without parent node.\n  // This componnent should ideally by an action-list,\n  // but at the time of writting it doesn't support checkboxes.\n  padding-inline-start: 0;\n}\n\n.procedure-description {\n  grid-area: operations-description;\n  overflow: auto;\n  text-align: justify;\n}\n\n.control-header__operations {\n  grid-area: top-content-operations;\n  background-color: var(--items-container__bg-color);\n}\n\n.control-header__description {\n  grid-area: top-content-description;\n  background-color: var(--items-container__bg-color);\n}\n.text-align-center {\n  text-align: center;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { EntityData } from \"../../common/types\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  TreeViewItemModel,\n  TreeViewItemModelExtended,\n  ChCheckboxCustomEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { convertActionToTreeViewItem } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/tree-view\",\n  \"components/list-box\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\nconst FILE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"file\",\n  colorType: \"on-elevation\"\n});\n\nconst MENU_DELETE = getIconPath({\n  category: \"menus\",\n  name: \"delete\",\n  colorType: \"primary\"\n});\n\nconst CHECKBOX_ALL_CHECKED_VALUE = \"allChecked\";\nconst CHECKBOX_ALL_UNCHECKED_VALUE = \"allUnchecked\";\n\n@Component({\n  tag: \"gx-ide-open-api-import\",\n  styleUrl: \"open-api-import.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/open-api-import\"]\n})\nexport class GxIdeOpenAPIImport {\n  #_componentLocale: any;\n  #renderedFirstTime = false;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/new-object/shortcuts.json`);\n\n  @Element() el: HTMLGxIdeOpenApiImportElement;\n\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #fileInputHiddenEl!: HTMLInputElement;\n  #parentEl!: HTMLGxIdeEntitySelectorElement;\n\n  @State() actionListItems: TreeViewItemModel[] = [];\n  @State() importingIsInProcess = false;\n  @State() operations: ApiOperationData[] = [];\n  @State() selectedFile: File;\n  @State() selectedOperationForDescription: string;\n  @State() selectedOperations: string[] = [];\n  @State() selectAllCheckboxValue: string;\n  @State() selectAllCheckboxIndeterminate: boolean = false;\n\n  /**\n   * Default value for the Module/Folder field.\n   */\n  @Prop() readonly defaultParent: EntityData;\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Callback invoked when the user wants to cancel the export process.\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when the user wants to initiate the import process.\n   */\n  @Prop() readonly importCallback: ImportCallback;\n\n  /**\n   * Callback invoked must be loaded the content for an specification API\n   */\n  @Prop() readonly loadCallback: LoadCallback;\n\n  /**\n   * Callback invoked when action is executed on Module/Folder filter (button '...').\n   */\n  @Prop() readonly selectParentCallback: SelectParentCallback;\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  #objectsTreeEl!: HTMLChTreeViewRenderElement;\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  // 9.LOCAL METHODS //\n  #cancelImportHandler = () => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n  };\n\n  #handleImport = async () => {\n    await this.importCallback(this.selectedOperations);\n  };\n\n  #objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    if (event.detail.size === 0) {\n      return;\n    }\n    const allItems = event.detail;\n    const checkedItems = [...allItems.values()].filter(\n      node => node.item.checked\n    );\n    this.selectedOperations = checkedItems.map(item => item.item.id);\n\n    // Evaluate \"Select All\" checkbox state (siguiendo el patrón de kb-manager-import)\n    if (allItems.size === checkedItems.length) {\n      this.selectAllCheckboxValue = CHECKBOX_ALL_CHECKED_VALUE;\n      this.selectAllCheckboxIndeterminate = false;\n    } else if (checkedItems.length === 0) {\n      this.selectAllCheckboxValue = CHECKBOX_ALL_UNCHECKED_VALUE;\n      this.selectAllCheckboxIndeterminate = false;\n    } else {\n      this.selectAllCheckboxIndeterminate = true;\n    }\n  };\n\n  #handleSelectAll = (event: ChCheckboxCustomEvent<string> | InputEvent) => {\n    if (\"detail\" in event && this.#objectsTreeEl) {\n      const checked =\n        (event as ChCheckboxCustomEvent<string>).detail ===\n        CHECKBOX_ALL_CHECKED_VALUE;\n      // Usar updateAllItemsProperties como en kb-manager-import\n      this.#objectsTreeEl.updateAllItemsProperties({ checked: checked });\n      this.selectedOperations = checked ? this.operations.map(op => op.id) : [];\n      this.selectAllCheckboxValue = checked\n        ? CHECKBOX_ALL_CHECKED_VALUE\n        : CHECKBOX_ALL_UNCHECKED_VALUE;\n      this.selectAllCheckboxIndeterminate = false;\n    }\n  };\n\n  #objectTreeClickedHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    this.selectedOperationForDescription = this.operations.filter(\n      op => op.id === event.detail[0]?.item.id\n    )[0]?.description;\n  };\n\n  #removeFileSelection = () => {\n    this.selectedFile = null;\n    this.#fileInputHiddenEl.value = null;\n    this.operations = [];\n    this.actionListItems = [];\n    this.selectedOperationForDescription = null;\n  };\n\n  #selectFileInputChangedHandler = async (event: InputEvent) => {\n    const target = event.target as HTMLInputElement;\n    if (target.files?.length > 0) {\n      this.selectedFile = target.files[0];\n      this.operations = await this.loadCallback(\n        this.selectedFile,\n        this.#parentEl.value.id\n      );\n      this.actionListItems = convertActionToTreeViewItem(this.operations);\n    }\n  };\n\n  #selectFileInputHandler = () => {\n    this.#fileInputHiddenEl.click();\n  };\n\n  #renderFooter = (): HTMLElement => {\n    return (\n      <footer class=\"control-footer control-footer-space-between spacing-body-block-end spacing-body-inline\">\n        <div class=\"buttons-spacer\">\n          <ch-checkbox\n            id=\"select-all-checkbox\"\n            class=\"checkbox\"\n            checkedValue={CHECKBOX_ALL_CHECKED_VALUE}\n            unCheckedValue={CHECKBOX_ALL_UNCHECKED_VALUE}\n            caption={this.#_componentLocale.main.selectAll}\n            value={this.selectAllCheckboxValue}\n            indeterminate={this.selectAllCheckboxIndeterminate}\n            onInput={this.#handleSelectAll}\n            disabled={this.importingIsInProcess || !this.operations?.length}\n            part=\"select-all-checkbox\"\n          ></ch-checkbox>\n        </div>\n        <div class=\"buttons-spacer\">\n          <button\n            class=\"button-secondary\"\n            slot=\"footer-end\"\n            part=\"button-cancel\"\n            onClick={this.#cancelImportHandler}\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            class=\"button-primary\"\n            slot=\"footer-end\"\n            part=\"button-confirm\"\n            onClick={this.#handleImport}\n          >\n            {this.#_componentLocale.footer.import}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section>\n          <header\n            class=\"header control-header-with-border space-body spacing-body-inline spacing-body-block-start\"\n            role=\"banner\"\n          >\n            <div class=\"field-group header__field-group\">\n              <div class=\"import-file-label\">\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"file-name\">\n                    {this.#_componentLocale.header.fileNameLabel}\n                  </label>\n                </div>\n              </div>\n              <div class=\"input-file\">\n                <div class=\"field input-file\">\n                  <ch-edit\n                    autoFocus\n                    id=\"file-name\"\n                    class=\"input file\"\n                    part=\"file-name\"\n                    type=\"text\"\n                    readonly\n                    value={this.selectedFile?.name}\n                    placeholder={\n                      this.#_componentLocale.header.fileNamePlaceholder\n                    }\n                    startImgSrc={FILE_ICON}\n                  ></ch-edit>\n                  <input\n                    hidden\n                    type=\"file\"\n                    accept=\".json, .yaml\"\n                    onChange={this.#selectFileInputChangedHandler}\n                    ref={(el: HTMLInputElement) =>\n                      (this.#fileInputHiddenEl = el as HTMLInputElement)\n                    }\n                  />\n                </div>\n                <div class=\"cancel-btn \">\n                  <button\n                    aria-label={\n                      this.#_componentLocale.header.removeFileSelection\n                    }\n                    title={this.#_componentLocale.header.removeFileSelection}\n                    id=\"reset-all-button\"\n                    class=\"button-tertiary button-icon-only\"\n                    part=\"reset-all-button\"\n                    onClick={this.#removeFileSelection}\n                  >\n                    <ch-image class=\"icon-md\" src={MENU_DELETE}></ch-image>\n                  </button>\n                </div>\n              </div>\n\n              <div class=\"header__buttons-container\">\n                <button\n                  id=\"select-file-load-button\"\n                  class=\"button-primary\"\n                  part=\"select-file-load-button\"\n                  onClick={this.#selectFileInputHandler}\n                  disabled={this.importingIsInProcess}\n                >\n                  {this.#_componentLocale.header.selectFileButton}\n                </button>\n              </div>\n              <div class=\"module-folder-label\">\n                <div class=\"field field-block\">\n                  <label class=\"label\">\n                    {this.#_componentLocale.header.moduleFolderLabel}\n                  </label>\n                </div>\n              </div>\n              <div class=\"field module-folder-name \">\n                <gx-ide-entity-selector\n                  value={this.defaultParent}\n                  defaultValue={this.defaultParent}\n                  selectEntityCallback={this.selectParentCallback}\n                  labelPosition=\"none\"\n                  ref={(el: HTMLGxIdeEntitySelectorElement) =>\n                    (this.#parentEl = el as HTMLGxIdeEntitySelectorElement)\n                  }\n                  class=\"module-folder\"\n                ></gx-ide-entity-selector>\n              </div>\n            </div>\n          </header>\n\n          <main class=\"main\">\n            <div class=\"section-grid\">\n              <h2\n                id=\"operations-title\"\n                class=\"control-header control-header-with-border control-header__operations subtitle-regular-xs text-align-center spacing-body-inline\"\n              >\n                {this.#_componentLocale.main.operations}\n              </h2>\n\n              <div\n                class=\"list-wrapper field-group spacing-body-block-start spacing-body-inline scrollable\"\n                role=\"region\"\n                aria-labelledby=\"operations-title\"\n              >\n                <ch-tree-view-render\n                  class=\"tree-view tree-operations\"\n                  model={this.actionListItems}\n                  show-lines=\"last\"\n                  onCheckedItemsChange={\n                    this.#objectsTreeCheckedItemsChangedHandler\n                  }\n                  onSelectedItemsChange={this.#objectTreeClickedHandler}\n                  ref={el =>\n                    (this.#objectsTreeEl = el as HTMLChTreeViewRenderElement)\n                  }\n                ></ch-tree-view-render>\n              </div>\n\n              <h2\n                id=\"description-title\"\n                class=\"control-header control-header-with-border control-header__description subtitle-regular-xs text-align-center spacing-body-inline\"\n              >\n                {this.#_componentLocale.main.procedureDescription}\n              </h2>\n\n              <div\n                class=\"procedure-description field-group spacing-body-block-start spacing-body-inline scrollable\"\n                role=\"region\"\n                aria-labelledby=\"description-title\"\n              >\n                {this.selectedOperationForDescription}\n              </div>\n            </div>\n          </main>\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type ApiOperationData = {\n  id: string;\n  name: string;\n  description: string;\n};\nexport type SelectionEventDetail = {\n  itemId: string;\n  itemValue: string;\n};\n\nexport type CancelCallback = () => Promise<void>;\nexport type ImportCallback = (operationIds: string[]) => Promise<boolean>;\nexport type SelectParentCallback = () => Promise<EntityData | undefined>;\nexport type LoadCallback = (\n  source: string | File,\n  parentId: string\n) => Promise<ApiOperationData[]>;\n"],"version":3}

package/dist/components/gx-ide-references.js

@@ -48,7 +48,7 @@ const mapSelectorCategoryDataToComboBoxModel = (categoryData) => {
     });
 };
 
-const referencesCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:grid;block-size:100%;grid-template-rows:max-content 1fr}.section{display:contents}.header{}.header__top{grid-template-columns:max-content 1fr max-content}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--mer-timing--fast) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:var(--content-block-spacing);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.main{display:grid;grid-template-columns:1fr 1fr}.section__referenced-by,.section__references-to{display:grid;grid-template-rows:max-content 1fr}.control-header__referenced-by,.control-header__references-to{padding-block-start:var(--mer-spacing--md)}.main__referenced-by,.main__references-to{grid-auto-rows:max-content;overflow:auto}.main__referenced-by{border-inline-end:var(--section-common-border)}.text-align-center{text-align:center}";
+const referencesCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:grid;block-size:100%;grid-template-rows:max-content 1fr}.section{display:contents}.header{}.header__top{grid-template-columns:max-content 1fr max-content}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--mer-timing--fast) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:var(--content-block-spacing);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.main{display:grid;grid-template-columns:1fr 1fr}.section__referenced-by,.section__references-to{display:grid;grid-template-rows:max-content 1fr}.control-header__referenced-by,.control-header__references-to{padding-block-start:var(--mer-spacing--md)}.main__referenced-by,.main__references-to{grid-auto-rows:max-content;overflow:auto}.main__referenced-by{border-inline-end:var(--section-common-border)}.text-align-center{text-align:center}";
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)

package/dist/components/gx-ide-references.js.map

@@ -1 +1 @@
-{"file":"gx-ide-references.js","mappings":"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","names":["GxIdeReferences"],"sources":["src/components/references/helpers.ts","src/components/references/references.scss?tag=gx-ide-references&encapsulation=shadow","src/components/references/references.tsx"],"sourcesContent":["/* Tree View */\nimport {\n  ComboBoxModel,\n  TreeViewItemModel\n} from \"@genexus/chameleon-controls-library\";\n\n/* References Types*/\nimport { ObjectData, SelectorCategoryData } from \"./references\";\nimport { ReferenceData } from \"./references\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n\n/**\n * @description This function converts SelectorCategoryData[] SuggestData\n */\n\nconst convertToTreeItem = (item: ReferenceData): TreeViewItemModel => ({\n  caption: item.name,\n  id: item.id,\n  items: (item.items ?? []).map(convertToTreeItem),\n  lazy: item.hasChildren && (item.items == null || item.items.length === 0),\n  leaf: item.hasChildren === false,\n  startImgSrc: item.icon\n});\n\n/**\n * @description This function converts ReferenceData[] data to TreeItemData[]\n */\nexport const convertReferenceDataToTreeViewData = (\n  referenceData: ReferenceData[] | undefined\n): TreeViewItemModel[] => {\n  const treeData: TreeViewItemModel[] = [];\n  if (!referenceData) {\n    return treeData;\n  }\n\n  referenceData.forEach(item => {\n    treeData.push(convertToTreeItem(item));\n  });\n  return treeData;\n};\n\nexport const mapObjectDataToComboBoxItemModel = (\n  options: ObjectData[]\n): ComboBoxModel => {\n  return options.map(option => {\n    return {\n      value: option.id,\n      caption: option.name,\n      startImgSrc: option.icon ?? \"\"\n    };\n  });\n};\n\nexport const mapSelectorCategoryDataToComboBoxModel = (\n  categoryData: SelectorCategoryData[]\n): ComboBoxModel => {\n  return categoryData.map((category: SelectorCategoryData) => {\n    const mappedGroup: ComboBoxItemModel = {\n      value: category.name,\n      caption: category.name,\n      expandable: true,\n      expanded: true,\n      items: category.items.map((item: ObjectData) => ({\n        value: item.id,\n        caption: item.description,\n        startImgSrc: item.icon\n      }))\n    };\n\n    return mappedGroup;\n  });\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr;\n}\n.section {\n  display: contents;\n}\n\n.header {\n  /*Top*/\n  &__top {\n    grid-template-columns: max-content 1fr max-content;\n  }\n  /*Bottom*/\n  &__bottom {\n    display: grid;\n    grid-template-rows: 1fr;\n    transition: var(--mer-timing--fast) grid-template-rows;\n    &--hidden {\n      grid-template-rows: 0fr;\n    }\n\n    .outer-wrapper {\n      overflow: hidden;\n    }\n\n    .inner-wrapper {\n      padding-top: var(--content-block-spacing);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n\n      &__left {\n        display: flex;\n        align-items: center;\n        gap: var(--gx-ide-grid-row-gap);\n      }\n    }\n  }\n}\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n.section__referenced-by,\n.section__references-to {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n}\n.control-header__referenced-by,\n.control-header__references-to {\n  padding-block-start: var(--mer-spacing--md);\n}\n.main__referenced-by,\n.main__references-to {\n  grid-auto-rows: max-content;\n  overflow: auto;\n}\n.main__referenced-by {\n  border-inline-end: var(--section-common-border);\n}\n\n.text-align-center {\n  text-align: center;\n}\n","/* 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 =>\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":"gx-ide-references.js","mappings":"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","names":["GxIdeReferences"],"sources":["src/components/references/helpers.ts","src/components/references/references.scss?tag=gx-ide-references&encapsulation=shadow","src/components/references/references.tsx"],"sourcesContent":["/* Tree View */\nimport {\n  ComboBoxModel,\n  TreeViewItemModel\n} from \"@genexus/chameleon-controls-library\";\n\n/* References Types*/\nimport { ObjectData, SelectorCategoryData } from \"./references\";\nimport { ReferenceData } from \"./references\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n\n/**\n * @description This function converts SelectorCategoryData[] SuggestData\n */\n\nconst convertToTreeItem = (item: ReferenceData): TreeViewItemModel => ({\n  caption: item.name,\n  id: item.id,\n  items: (item.items ?? []).map(convertToTreeItem),\n  lazy: item.hasChildren && (item.items == null || item.items.length === 0),\n  leaf: item.hasChildren === false,\n  startImgSrc: item.icon\n});\n\n/**\n * @description This function converts ReferenceData[] data to TreeItemData[]\n */\nexport const convertReferenceDataToTreeViewData = (\n  referenceData: ReferenceData[] | undefined\n): TreeViewItemModel[] => {\n  const treeData: TreeViewItemModel[] = [];\n  if (!referenceData) {\n    return treeData;\n  }\n\n  referenceData.forEach(item => {\n    treeData.push(convertToTreeItem(item));\n  });\n  return treeData;\n};\n\nexport const mapObjectDataToComboBoxItemModel = (\n  options: ObjectData[]\n): ComboBoxModel => {\n  return options.map(option => {\n    return {\n      value: option.id,\n      caption: option.name,\n      startImgSrc: option.icon ?? \"\"\n    };\n  });\n};\n\nexport const mapSelectorCategoryDataToComboBoxModel = (\n  categoryData: SelectorCategoryData[]\n): ComboBoxModel => {\n  return categoryData.map((category: SelectorCategoryData) => {\n    const mappedGroup: ComboBoxItemModel = {\n      value: category.name,\n      caption: category.name,\n      expandable: true,\n      expanded: true,\n      items: category.items.map((item: ObjectData) => ({\n        value: item.id,\n        caption: item.description,\n        startImgSrc: item.icon\n      }))\n    };\n\n    return mappedGroup;\n  });\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr;\n}\n.section {\n  display: contents;\n}\n\n.header {\n  /*Top*/\n  &__top {\n    grid-template-columns: max-content 1fr max-content;\n  }\n  /*Bottom*/\n  &__bottom {\n    display: grid;\n    grid-template-rows: 1fr;\n    transition: var(--mer-timing--fast) grid-template-rows;\n    &--hidden {\n      grid-template-rows: 0fr;\n    }\n\n    .outer-wrapper {\n      overflow: hidden;\n    }\n\n    .inner-wrapper {\n      padding-top: var(--content-block-spacing);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n\n      &__left {\n        display: flex;\n        align-items: center;\n        gap: var(--gx-ide-grid-row-gap);\n      }\n    }\n  }\n}\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n.section__referenced-by,\n.section__references-to {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n}\n.control-header__referenced-by,\n.control-header__references-to {\n  padding-block-start: var(--mer-spacing--md);\n}\n.main__referenced-by,\n.main__references-to {\n  grid-auto-rows: max-content;\n  overflow: auto;\n}\n.main__referenced-by {\n  border-inline-end: var(--section-common-border);\n}\n\n.text-align-center {\n  text-align: center;\n}\n","/* 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 =>\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}

package/dist/components/gx-ide-team-dev-commit.js

@@ -6,7 +6,7 @@ import { f as formatDate } from './helpers.js';
 import { d as defineCustomElement$3 } from './container.js';
 import { d as defineCustomElement$2 } from './title.js';
 
-const commitCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{display:block}.header{border-top:1px solid var(--gx-ide-container-border-color);display:flex;flex-direction:column}.header>*{padding:var(--gx-ide-container__padding)}.header__first-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:-3px}.header__first-row .commit-label{flex:none}.header__first-row .commit-textarea{flex:none}.header__first-row__right-col{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}.header__second-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding)}.header .filters-outer-wrapper{display:grid;padding:0;grid-template-rows:1fr;transition:grid-template-rows 200ms;border-bottom:1px solid var(--gx-ide-container-border-color)}.header .filters-outer-wrapper--hidden{grid-template-rows:0fr}.header .filters-inner-wrapper{overflow:hidden}.header__third-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding);display:grid;column-gap:var(--gx-ide-grid-column-gap);row-gap:var(--gx-ide-grid-row-gap);grid-template-columns:auto 1fr auto 1fr;grid-template-areas:\"pattern-label pattern-form-text pattern-form-text pattern-form-text\" \"changeset-label changeset-combo type-label type-combo\" \"folder-label folder-combo category-label category-combo\"}.header__third-row .pattern-label{grid-area:pattern-label}.header__third-row .pattern-form-text{grid-area:pattern-form-text}.header__third-row .changeset-label{grid-area:changeset-label}.header__third-row .changeset-combo{grid-area:changeset-combo}.header__third-row .type-label{grid-area:type-label}.header__third-row .type-combo{grid-area:type-combo}.header__third-row .folder-label{grid-area:folder-label}.header__third-row .folder-combo{grid-area:folder-combo}.header__third-row .category-label{grid-area:category-label}.header__third-row .category-combo{grid-area:category-combo}.main{height:100%}.grid-container{padding:0}ch-grid{height:auto}gxg-tab::part(container){line-height:unset}.tabular-grid{block-size:100%}.tabular-grid-td-commit ch-tabular-grid-cell:is(:nth-child(6)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}gx-ide-container::part(content){overflow:hidden}";
+const commitCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block}.header{border-top:1px solid var(--gx-ide-container-border-color);display:flex;flex-direction:column}.header>*{padding:var(--gx-ide-container__padding)}.header__first-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:-3px}.header__first-row .commit-label{flex:none}.header__first-row .commit-textarea{flex:none}.header__first-row__right-col{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}.header__second-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding)}.header .filters-outer-wrapper{display:grid;padding:0;grid-template-rows:1fr;transition:grid-template-rows 200ms;border-bottom:1px solid var(--gx-ide-container-border-color)}.header .filters-outer-wrapper--hidden{grid-template-rows:0fr}.header .filters-inner-wrapper{overflow:hidden}.header__third-row{padding:0 var(--gx-ide-container__padding) var(--gx-ide-container__padding) var(--gx-ide-container__padding);display:grid;column-gap:var(--gx-ide-grid-column-gap);row-gap:var(--gx-ide-grid-row-gap);grid-template-columns:auto 1fr auto 1fr;grid-template-areas:\"pattern-label pattern-form-text pattern-form-text pattern-form-text\" \"changeset-label changeset-combo type-label type-combo\" \"folder-label folder-combo category-label category-combo\"}.header__third-row .pattern-label{grid-area:pattern-label}.header__third-row .pattern-form-text{grid-area:pattern-form-text}.header__third-row .changeset-label{grid-area:changeset-label}.header__third-row .changeset-combo{grid-area:changeset-combo}.header__third-row .type-label{grid-area:type-label}.header__third-row .type-combo{grid-area:type-combo}.header__third-row .folder-label{grid-area:folder-label}.header__third-row .folder-combo{grid-area:folder-combo}.header__third-row .category-label{grid-area:category-label}.header__third-row .category-combo{grid-area:category-combo}.main{height:100%}.grid-container{padding:0}ch-grid{height:auto}gxg-tab::part(container){line-height:unset}.tabular-grid{block-size:100%}.tabular-grid-td-commit ch-tabular-grid-cell:is(:nth-child(6)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}gx-ide-container::part(content){overflow:hidden}";
 
 const CSS_BUNDLES = [
     "resets/box-sizing",