@genexus/genexus-ide-ui 1.0.75 → 1.1.1

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

@@ -0,0 +1,17 @@
+{
+  "componentName": "Deployment Tool",
+  "header": {
+    "objectsToDeploy": "Select Objects to Deploy"
+  },
+  "main": {
+    "noObjectsToDisplay": "There are no Objects to display.",
+    "targetTypes": "Target Types",
+    "applicationServer": "Application Server",
+    "generator": "Generator",
+    "newDeploymentUnit": "New Deployment Unit",
+    "onlyPackageLabel": "Only Package",
+    "addButton": "Add",
+    "deployButton": "Deploy",
+    "displayName": "Display Name"
+  }
+}

package/dist/collection/components/deployment-tool/helpers.js

@@ -0,0 +1,44 @@
+const KB_OBJECT_TYPE = "type";
+export const KB_OBJECT = "object";
+const convertObjectDataToTreeItem = (objectTypeIcon, objectItems) => {
+    return objectItems.map(objectItem => ({
+        id: objectItem.id,
+        caption: objectItem.name,
+        startImgSrc: objectTypeIcon,
+        expanded: true,
+        leaf: true,
+        metadata: KB_OBJECT
+    }));
+};
+export const convertObjectTypeDataToTreeView = (objectTypeData) => {
+    const treeData = [];
+    if (!objectTypeData) {
+        return treeData;
+    }
+    for (const objectType of objectTypeData) {
+        if (objectType.items.length > 0) {
+            treeData.push({
+                id: objectType.id,
+                caption: objectType.name,
+                startImgSrc: objectType.icon,
+                expanded: true,
+                leaf: false,
+                metadata: KB_OBJECT_TYPE,
+                items: convertObjectDataToTreeItem(objectType.icon, objectType.items)
+            });
+        }
+    }
+    return treeData;
+};
+export const createArrayOfItems = (objectItems, objectTypes) => {
+    // The resulting array with 'items' property added to each type
+    const objectTypesWithItems = objectTypes.map(type => {
+        // Filter objects that match the current type id
+        const items = objectItems.filter(object => object.type === type.id);
+        // Return a new object type with the 'items' property
+        return Object.assign(Object.assign({}, type), { items: items });
+    });
+    const treeView = convertObjectTypeDataToTreeView(objectTypesWithItems);
+    return treeView;
+};
+//# sourceMappingURL=helpers.js.map

package/dist/collection/components/deployment-tool/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/deployment-tool/helpers.ts"],"names":[],"mappings":"AAGA,MAAM,cAAc,GAAG,MAAM,CAAC;AAC9B,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC;AAElC,MAAM,2BAA2B,GAAG,CAClC,cAAsB,EACtB,WAA8B,EAC9B,EAAE;IACF,OAAO,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QACpC,EAAE,EAAE,UAAU,CAAC,EAAE;QACjB,OAAO,EAAE,UAAU,CAAC,IAAI;QACxB,WAAW,EAAE,cAAc;QAC3B,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,SAAS;KACpB,CAAC,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAC7C,cAAyC,EACpB,EAAE;IACvB,MAAM,QAAQ,GAAwB,EAAE,CAAC;IACzC,IAAI,CAAC,cAAc,EAAE;QACnB,OAAO,QAAQ,CAAC;KACjB;IAED,KAAK,MAAM,UAAU,IAAI,cAAc,EAAE;QACvC,IAAI,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/B,QAAQ,CAAC,IAAI,CAAC;gBACZ,EAAE,EAAE,UAAU,CAAC,EAAE;gBACjB,OAAO,EAAE,UAAU,CAAC,IAAI;gBACxB,WAAW,EAAE,UAAU,CAAC,IAAI;gBAC5B,QAAQ,EAAE,IAAI;gBACd,IAAI,EAAE,KAAK;gBACX,QAAQ,EAAE,cAAc;gBACxB,KAAK,EAAE,2BAA2B,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC;aACtE,CAAC,CAAC;SACJ;KACF;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,WAA8B,EAC9B,WAA6B,EAC7B,EAAE;IACF,+DAA+D;IAC/D,MAAM,oBAAoB,GAA8B,WAAW,CAAC,GAAG,CACrE,IAAI,CAAC,EAAE;QACL,gDAAgD;QAChD,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;QAEpE,qDAAqD;QAErD,uCACK,IAAI,KACP,KAAK,EAAE,KAAK,IACZ;IACJ,CAAC,CACF,CAAC;IACF,MAAM,QAAQ,GAAG,+BAA+B,CAAC,oBAAoB,CAAC,CAAC;IACvE,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC","sourcesContent":["import { TreeViewItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/tree-view/types\";\nimport { TypedObjectData, ObjectTypeData } from \"./deployment-tool\";\n\nconst KB_OBJECT_TYPE = \"type\";\nexport const KB_OBJECT = \"object\";\n\nconst convertObjectDataToTreeItem = (\n  objectTypeIcon: string,\n  objectItems: TypedObjectData[]\n) => {\n  return objectItems.map(objectItem => ({\n    id: objectItem.id,\n    caption: objectItem.name,\n    startImgSrc: objectTypeIcon,\n    expanded: true,\n    leaf: true,\n    metadata: KB_OBJECT\n  }));\n};\n\nexport const convertObjectTypeDataToTreeView = (\n  objectTypeData: ObjectTypeDataWithItems[]\n): TreeViewItemModel[] => {\n  const treeData: TreeViewItemModel[] = [];\n  if (!objectTypeData) {\n    return treeData;\n  }\n\n  for (const objectType of objectTypeData) {\n    if (objectType.items.length > 0) {\n      treeData.push({\n        id: objectType.id,\n        caption: objectType.name,\n        startImgSrc: objectType.icon,\n        expanded: true,\n        leaf: false,\n        metadata: KB_OBJECT_TYPE,\n        items: convertObjectDataToTreeItem(objectType.icon, objectType.items)\n      });\n    }\n  }\n\n  return treeData;\n};\n\nexport const createArrayOfItems = (\n  objectItems: TypedObjectData[],\n  objectTypes: ObjectTypeData[]\n) => {\n  // The resulting array with 'items' property added to each type\n  const objectTypesWithItems: ObjectTypeDataWithItems[] = objectTypes.map(\n    type => {\n      // Filter objects that match the current type id\n      const items = objectItems.filter(object => object.type === type.id);\n\n      // Return a new object type with the 'items' property\n\n      return {\n        ...type,\n        items: items\n      };\n    }\n  );\n  const treeView = convertObjectTypeDataToTreeView(objectTypesWithItems);\n  return treeView;\n};\n\nexport type ObjectTypeDataWithItems = {\n  id: string;\n  name: string;\n  icon: string;\n  items: TypedObjectData[];\n};\n"]}

package/dist/collection/components/open-api-import/gx-ide-assets/open-api-import/langs/open-api-import.lang.en.json

@@ -0,0 +1,24 @@
+{
+  "componentName": "OpenAPI Import",
+  "header": {
+    "fileNameLabel": "Select a file:",
+    "fileNamePlaceholder": "Suggested files extensions: .json, .yaml and *.",
+    "removeFileSelection": "Remove file selection",
+    "selectFileButton": "Select File",
+    "loadButton": "Load",
+    "moduleFolderLabel": "Module/Folder"
+  },
+  "main": {
+    "operations": "Operations",
+    "procedureDescription": "Procedure description",
+    "selectAll": "Select all"
+  },
+  "footer": {
+    "import": "Import",
+    "cancel": "Cancel"
+  },
+  "loader": {
+    "title": "Loading...",
+    "cancelLabel": "Cancel"
+  }
+}

package/dist/collection/components/open-api-import/gx-ide-assets/open-api-import/langs/open-api-import.lang.ja.json

@@ -0,0 +1,24 @@
+{
+  "componentName": "",
+  "header": {
+    "fileNameLabel": "",
+    "fileNamePlaceholder": "",
+    "removeFileSelection": "",
+    "selectFileButton": "",
+    "loadButton": "",
+    "moduleFolderLabel": ""
+  },
+  "main": {
+    "operations": "",
+    "procedureDescription": "",
+    "selectAll": ""
+  },
+  "footer": {
+    "import": "",
+    "cancel": ""
+  },
+  "loader": {
+    "title": "",
+    "cancelLabel": ""
+  }
+}

package/dist/collection/components/open-api-import/gx-ide-assets/open-api-import/langs/open-api-import.lang.zh.json

@@ -0,0 +1,24 @@
+{
+  "componentName": "",
+  "header": {
+    "fileNameLabel": "",
+    "fileNamePlaceholder": "",
+    "removeFileSelection": "",
+    "selectFileButton": "",
+    "loadButton": "",
+    "moduleFolderLabel": ""
+  },
+  "main": {
+    "operations": "",
+    "procedureDescription": "",
+    "selectAll": ""
+  },
+  "footer": {
+    "import": "",
+    "cancel": ""
+  },
+  "loader": {
+    "title": "",
+    "cancelLabel": ""
+  }
+}

package/dist/collection/components/open-api-import/helpers.js

@@ -0,0 +1,18 @@
+export 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;
+};
+//# sourceMappingURL=helpers.js.map

package/dist/collection/components/open-api-import/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/open-api-import/helpers.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,UAA8B,EACT,EAAE;IACvB,MAAM,QAAQ,GAAwB,EAAE,CAAC;IACzC,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,QAAQ,CAAC;KACjB;IACD,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC7B,MAAM,sBAAsB,GAAsB;YAChD,EAAE,EAAE,SAAS,CAAC,EAAE;YAChB,OAAO,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE;YAC5B,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,IAAI;SACf,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC","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"]}

package/dist/collection/components/open-api-import/open-api-import.css

@@ -0,0 +1,87 @@
+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;
+}

package/dist/collection/components/open-api-import/open-api-import.js

@@ -0,0 +1,368 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _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;
+/* STENCIL IMPORTS */
+import { Host, h, getAssetPath } from "@stencil/core";
+/* OTHER LIBRARIES IMPORTS */
+/* CUSTOM IMPORTS */
+import { Locale } from "../../common/locale";
+import { getIconPath } from "@genexus/mercury";
+import { convertActionToTreeViewItem } from "./helpers";
+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";
+export class GxIdeOpenAPIImport {
+    constructor() {
+        _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 is() { return "gx-ide-open-api-import"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["open-api-import.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["open-api-import.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/open-api-import"]; }
+    static get properties() {
+        return {
+            "defaultParent": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "EntityData",
+                    "resolved": "{ id: string; name: string; iconSrc?: string; }",
+                    "references": {
+                        "EntityData": {
+                            "location": "import",
+                            "path": "../../common/types",
+                            "id": "src/common/types.ts::EntityData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Default value for the Module/Folder field."
+                }
+            },
+            "displayTitle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "false",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If true it displays the component title on the header"
+                },
+                "attribute": "display-title",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "cancelCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "CancelCallback",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "CancelCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/open-api-import/open-api-import.tsx",
+                            "id": "src/components/open-api-import/open-api-import.tsx::CancelCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when the user wants to cancel the export process."
+                }
+            },
+            "importCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ImportCallback",
+                    "resolved": "(operationIds: string[]) => Promise<boolean>",
+                    "references": {
+                        "ImportCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/open-api-import/open-api-import.tsx",
+                            "id": "src/components/open-api-import/open-api-import.tsx::ImportCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when the user wants to initiate the import process."
+                }
+            },
+            "loadCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LoadCallback",
+                    "resolved": "(source: string | File, parentId: string) => Promise<ApiOperationData[]>",
+                    "references": {
+                        "LoadCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/open-api-import/open-api-import.tsx",
+                            "id": "src/components/open-api-import/open-api-import.tsx::LoadCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked must be loaded the content for an specification API"
+                }
+            },
+            "selectParentCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "SelectParentCallback",
+                    "resolved": "() => Promise<EntityData>",
+                    "references": {
+                        "SelectParentCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/open-api-import/open-api-import.tsx",
+                            "id": "src/components/open-api-import/open-api-import.tsx::SelectParentCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when action is executed on Module/Folder filter (button '...')."
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "actionListItems": {},
+            "importingIsInProcess": {},
+            "operations": {},
+            "selectedFile": {},
+            "selectedOperationForDescription": {},
+            "selectedOperations": {},
+            "selectAllCheckboxValue": {},
+            "selectAllCheckboxIndeterminate": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "componentDidRenderFirstTime",
+                "name": "componentDidRenderFirstTime",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "description",
+                            "text": "Gets fired when the component has rendered for the first time."
+                        }],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "suspendShortcuts": {
+                "complexType": {
+                    "signature": "(suspendShortcuts: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "suspendShortcuts",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Suspends or reactivates the shortcuts",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+_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();
+//# sourceMappingURL=open-api-import.js.map