@genexus/genexus-ide-ui 1.0.75 → 1.1.1

package/dist/genexus-ide-ui/p-fecc50e4.entry.js

@@ -0,0 +1,321 @@
+import { r as e, c as t, g as i, h as o, H as s, a as n } from "./p-25a9f1d7.js";
+
+import { L as a } from "./p-311eedf3.js";
+
+import { g as r } from "./p-6e4208d8.js";
+
+import "./p-5ac47c69.js";
+
+const convertActionToTreeViewItem = e => {
+  const t = [];
+  if (!e) {
+    return t;
+  }
+  e.forEach((e => {
+    const i = {
+      id: e.id,
+      caption: `${e.name}`,
+      expanded: true,
+      leaf: true,
+      checkbox: true
+    };
+    t.push(i);
+  }));
+  return t;
+};
+
+const l = '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 c = undefined && undefined.__classPrivateFieldGet || function(e, t, i, o) {
+  if (i === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? o : i === "a" ? o.call(e) : o ? o.value : t.get(e);
+};
+
+var d = undefined && undefined.__classPrivateFieldSet || function(e, t, i, o, s) {
+  if (o === "m") throw new TypeError("Private method is not writable");
+  if (o === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? e !== t || !s : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return o === "a" ? s.call(e, i) : s ? s.value = i : t.set(e, i), i;
+};
+
+var h, p, f, u, b, m, g, v, w, y, k, _, x, W, M, C;
+
+const j = [ "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 T = r({
+  category: "gemini-tools",
+  name: "file",
+  colorType: "on-elevation"
+});
+
+const E = r({
+  category: "menus",
+  name: "delete",
+  colorType: "primary"
+});
+
+const I = "allChecked";
+
+const P = "allUnchecked";
+
+const D = class {
+  constructor(s) {
+    e(this, s);
+    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
+    h.set(this, void 0);
+    p.set(this, false);
+    f.set(this, i(`./gx-ide-assets/new-object/shortcuts.json`));
+    u.set(this, void 0);
+    b.set(this, void 0);
+    m.set(this, void 0);
+    g.set(this, void 0);
+    // 9.LOCAL METHODS //
+        v.set(this, (() => {
+      if (this.cancelCallback) {
+        this.cancelCallback();
+      }
+    }));
+    w.set(this, (async () => {
+      await this.importCallback(this.selectedOperations);
+    }));
+    y.set(this, (e => {
+      if (e.detail.size === 0) {
+        return;
+      }
+      const t = e.detail;
+      const i = [ ...t.values() ].filter((e => e.item.checked));
+      this.selectedOperations = i.map((e => e.item.id));
+      // Evaluate "Select All" checkbox state (siguiendo el patrón de kb-manager-import)
+            if (t.size === i.length) {
+        this.selectAllCheckboxValue = I;
+        this.selectAllCheckboxIndeterminate = false;
+      } else if (i.length === 0) {
+        this.selectAllCheckboxValue = P;
+        this.selectAllCheckboxIndeterminate = false;
+      } else {
+        this.selectAllCheckboxIndeterminate = true;
+      }
+    }));
+    k.set(this, (e => {
+      if ("detail" in e && c(this, g, "f")) {
+        const t = e.detail === I;
+        // Usar updateAllItemsProperties como en kb-manager-import
+                c(this, g, "f").updateAllItemsProperties({
+          checked: t
+        });
+        this.selectedOperations = t ? this.operations.map((e => e.id)) : [];
+        this.selectAllCheckboxValue = t ? I : P;
+        this.selectAllCheckboxIndeterminate = false;
+      }
+    }));
+    _.set(this, (e => {
+      var t;
+      this.selectedOperationForDescription = (t = this.operations.filter((t => {
+        var i;
+        return t.id === ((i = e.detail[0]) === null || i === void 0 ? void 0 : i.item.id);
+      }))[0]) === null || t === void 0 ? void 0 : t.description;
+    }));
+    x.set(this, (() => {
+      this.selectedFile = null;
+      c(this, b, "f").value = null;
+      this.operations = [];
+      this.actionListItems = [];
+      this.selectedOperationForDescription = null;
+    }));
+    W.set(this, (async e => {
+      var t;
+      const i = e.target;
+      if (((t = i.files) === null || t === void 0 ? void 0 : t.length) > 0) {
+        this.selectedFile = i.files[0];
+        this.operations = await this.loadCallback(this.selectedFile, c(this, m, "f").value.id);
+        this.actionListItems = convertActionToTreeViewItem(this.operations);
+      }
+    }));
+    M.set(this, (() => {
+      c(this, b, "f").click();
+    }));
+    C.set(this, (() => {
+      var e;
+      return o("footer", {
+        class: "control-footer control-footer-space-between spacing-body-block-end spacing-body-inline"
+      }, o("div", {
+        class: "buttons-spacer"
+      }, o("ch-checkbox", {
+        id: "select-all-checkbox",
+        class: "checkbox",
+        checkedValue: I,
+        unCheckedValue: P,
+        caption: c(this, h, "f").main.selectAll,
+        value: this.selectAllCheckboxValue,
+        indeterminate: this.selectAllCheckboxIndeterminate,
+        onInput: c(this, k, "f"),
+        disabled: this.importingIsInProcess || !((e = this.operations) === null || e === void 0 ? void 0 : e.length),
+        part: "select-all-checkbox"
+      })), o("div", {
+        class: "buttons-spacer"
+      }, o("button", {
+        class: "button-secondary",
+        slot: "footer-end",
+        part: "button-cancel",
+        onClick: c(this, v, "f")
+      }, c(this, h, "f").footer.cancel), o("button", {
+        class: "button-primary",
+        slot: "footer-end",
+        part: "button-confirm",
+        onClick: c(this, w, "f")
+      }, c(this, h, "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 (!c(this, p, "f")) {
+      this.componentDidRenderFirstTime.emit(c(this, h, "f").componentName);
+      d(this, p, true, "f");
+    }
+  }
+  async componentWillLoad() {
+    d(this, h, await a.getComponentStrings(this.el), "f");
+  }
+  /**
+     * Suspends or reactivates the shortcuts
+     */  async suspendShortcuts(e) {
+    if (e) {
+      c(this, u, "f").suspend = true;
+    } else {
+      c(this, u, "f").suspend = false;
+    }
+  }
+  render() {
+    var e;
+    return o(s, {
+      class: "widget"
+    }, o("ch-theme", {
+      model: j
+    }), o("ch-shortcuts", {
+      src: c(this, f, "f"),
+      ref: e => d(this, u, e, "f")
+    }), o("section", null, o("header", {
+      class: "header control-header-with-border space-body spacing-body-inline spacing-body-block-start",
+      role: "banner"
+    }, o("div", {
+      class: "field-group header__field-group"
+    }, o("div", {
+      class: "import-file-label"
+    }, o("div", {
+      class: "field field-block"
+    }, o("label", {
+      class: "label",
+      htmlFor: "file-name"
+    }, c(this, h, "f").header.fileNameLabel))), o("div", {
+      class: "input-file"
+    }, o("div", {
+      class: "field input-file"
+    }, o("ch-edit", {
+      autoFocus: true,
+      id: "file-name",
+      class: "input file",
+      part: "file-name",
+      type: "text",
+      readonly: true,
+      value: (e = this.selectedFile) === null || e === void 0 ? void 0 : e.name,
+      placeholder: c(this, h, "f").header.fileNamePlaceholder,
+      startImgSrc: T
+    }), o("input", {
+      hidden: true,
+      type: "file",
+      accept: ".json, .yaml",
+      onChange: c(this, W, "f"),
+      ref: e => d(this, b, e, "f")
+    })), o("div", {
+      class: "cancel-btn "
+    }, o("button", {
+      "aria-label": c(this, h, "f").header.removeFileSelection,
+      title: c(this, h, "f").header.removeFileSelection,
+      id: "reset-all-button",
+      class: "button-tertiary button-icon-only",
+      part: "reset-all-button",
+      onClick: c(this, x, "f")
+    }, o("ch-image", {
+      class: "icon-md",
+      src: E
+    })))), o("div", {
+      class: "header__buttons-container"
+    }, o("button", {
+      id: "select-file-load-button",
+      class: "button-primary",
+      part: "select-file-load-button",
+      onClick: c(this, M, "f"),
+      disabled: this.importingIsInProcess
+    }, c(this, h, "f").header.selectFileButton)), o("div", {
+      class: "module-folder-label"
+    }, o("div", {
+      class: "field field-block"
+    }, o("label", {
+      class: "label"
+    }, c(this, h, "f").header.moduleFolderLabel))), o("div", {
+      class: "field module-folder-name "
+    }, o("gx-ide-entity-selector", {
+      value: this.defaultParent,
+      defaultValue: this.defaultParent,
+      selectEntityCallback: this.selectParentCallback,
+      labelPosition: "none",
+      ref: e => d(this, m, e, "f"),
+      class: "module-folder"
+    })))), o("main", {
+      class: "main"
+    }, o("div", {
+      class: "section-grid"
+    }, o("h2", {
+      id: "operations-title",
+      class: "control-header control-header-with-border control-header__operations subtitle-regular-xs text-align-center spacing-body-inline"
+    }, c(this, h, "f").main.operations), o("div", {
+      class: "list-wrapper field-group spacing-body-block-start spacing-body-inline scrollable",
+      role: "region",
+      "aria-labelledby": "operations-title"
+    }, o("ch-tree-view-render", {
+      class: "tree-view tree-operations",
+      model: this.actionListItems,
+      "show-lines": "last",
+      onCheckedItemsChange: c(this, y, "f"),
+      onSelectedItemsChange: c(this, _, "f"),
+      ref: e => d(this, g, e, "f")
+    })), o("h2", {
+      id: "description-title",
+      class: "control-header control-header-with-border control-header__description subtitle-regular-xs text-align-center spacing-body-inline"
+    }, c(this, h, "f").main.procedureDescription), o("div", {
+      class: "procedure-description field-group spacing-body-block-start spacing-body-inline scrollable",
+      role: "region",
+      "aria-labelledby": "description-title"
+    }, this.selectedOperationForDescription))), c(this, C, "f").call(this)));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/open-api-import" ];
+  }
+  get el() {
+    return n(this);
+  }
+};
+
+h = new WeakMap, p = new WeakMap, f = new WeakMap, u = new WeakMap, b = new WeakMap, 
+m = new WeakMap, g = new WeakMap, v = new WeakMap, w = new WeakMap, y = new WeakMap, 
+k = new WeakMap, _ = new WeakMap, x = new WeakMap, W = new WeakMap, M = new WeakMap, 
+C = new WeakMap;
+
+D.style = l;
+
+export { D as gx_ide_open_api_import };
+//# sourceMappingURL=p-fecc50e4.entry.js.map

package/dist/genexus-ide-ui/p-fecc50e4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["convertActionToTreeViewItem","operations","treeData","forEach","operation","importCategoryTreeItem","id","caption","name","expanded","leaf","checkbox","push","openApiImportCss","CSS_BUNDLES","FILE_ICON","getIconPath","category","colorType","MENU_DELETE","CHECKBOX_ALL_CHECKED_VALUE","CHECKBOX_ALL_UNCHECKED_VALUE","GxIdeOpenAPIImport","_GxIdeOpenAPIImport__componentLocale","set","this","_GxIdeOpenAPIImport_renderedFirstTime","_GxIdeOpenAPIImport_shortcutsSrc","getAssetPath","_GxIdeOpenAPIImport_chShortcutsEl","_GxIdeOpenAPIImport_fileInputHiddenEl","_GxIdeOpenAPIImport_parentEl","_GxIdeOpenAPIImport_objectsTreeEl","_GxIdeOpenAPIImport_cancelImportHandler","cancelCallback","_GxIdeOpenAPIImport_handleImport","async","importCallback","selectedOperations","_GxIdeOpenAPIImport_objectsTreeCheckedItemsChangedHandler","event","detail","size","allItems","checkedItems","values","filter","node","item","checked","map","length","selectAllCheckboxValue","selectAllCheckboxIndeterminate","_GxIdeOpenAPIImport_handleSelectAll","__classPrivateFieldGet","updateAllItemsProperties","op","_GxIdeOpenAPIImport_objectTreeClickedHandler","selectedOperationForDescription","_a","description","_GxIdeOpenAPIImport_removeFileSelection","selectedFile","value","actionListItems","_GxIdeOpenAPIImport_selectFileInputChangedHandler","target","files","loadCallback","_GxIdeOpenAPIImport_selectFileInputHandler","click","_GxIdeOpenAPIImport_renderFooter","h","class","checkedValue","unCheckedValue","main","selectAll","indeterminate","onInput","disabled","importingIsInProcess","part","slot","onClick","footer","cancel","import","componentDidRender","componentDidRenderFirstTime","emit","componentName","__classPrivateFieldSet","componentWillLoad","Locale","getComponentStrings","el","suspendShortcuts","suspend","render","Host","model","src","ref","role","htmlFor","header","fileNameLabel","autoFocus","type","readonly","placeholder","fileNamePlaceholder","startImgSrc","hidden","accept","onChange","removeFileSelection","title","selectFileButton","moduleFolderLabel","defaultParent","defaultValue","selectEntityCallback","selectParentCallback","labelPosition","onCheckedItemsChange","onSelectedItemsChange","procedureDescription","call"],"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"],"mappings":"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"}

package/dist/types/common/types.d.ts

@@ -1,4 +1,8 @@
 export type GxgFormItemsArray = (HTMLGxgComboBoxItemElement | HTMLGxgFormCheckboxElement | HTMLGxgFormRadioElement)[] | null;
+export type ObjectBaseData = {
+    id: string;
+    name: string;
+};
 export type GxOption = {
     id: string;
     label?: string;

package/dist/types/components/deployment-tool/deployment-tool.d.ts

@@ -0,0 +1,89 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/types";
+import { ObjectBaseData } from "../../common/types";
+export declare class GxIdeDeploymentTool {
+    #private;
+    el: HTMLGxIdeDeploymentToolElement;
+    checkedObjectsIds: string[];
+    noObjects: boolean;
+    selectedDeployTargetData: DeployTargetData;
+    addedObjects: TypedObjectData[];
+    allObjectTypes: ObjectTypeData[];
+    treeModel: TreeViewItemModel[];
+    allowDeploy: boolean;
+    watchTreeModelHandler(newState: TreeViewItemModel[]): void;
+    /**
+     * Available deployment units list
+     */
+    readonly deploymentUnits: ObjectBaseData[];
+    /**
+     * Available target types list
+     */
+    readonly targetTypes: DeployTargetData[];
+    /**
+     * Defines id for new deployment unit option
+     */
+    readonly newDeploymentUnitId: string;
+    /**
+     * Array of possible object types
+     */
+    readonly objectTypes: ObjectTypeData[];
+    watchObjectTypesHandler(newState: ObjectTypeData[]): void;
+    /**
+     * Callback invoked when the user wants to access the export options.
+     */
+    readonly getDeploymentUnitObjectsCallback: GetDeploymentUnitObjectsCallback;
+    /**
+     * Callback invoked when the user wants to access the export options.
+     */
+    readonly optionsCallback: OptionsCallback;
+    /**
+     * Callback invoked when user wants to start deploy process
+     */
+    readonly deployCallback: DeployCallback;
+    /**
+     * Callback invoked when the user wants to add objects.
+     */
+    readonly addObjectsCallback: AddObjectsCallback;
+    /**
+     * Callback invoked when the user wants to create a deployment unit.
+     */
+    readonly createDeploymentUnitCallback: CreateDeploymentUnitCallback;
+    /**
+     * This event is emitted once just after the component is fully loaded and the first render() occurs.
+     */
+    componentDidLoadEvent: EventEmitter<boolean>;
+    /**
+     * This event is emitted once just after the component is fully loaded and the first render() occurs
+     */
+    componentDidRenderFirstTime: EventEmitter<boolean>;
+    componentWillLoad(): Promise<void>;
+    componentDidRender(): void;
+    render(): void;
+}
+export type AddObjectsCallback = () => Promise<TypedObjectData[]>;
+export type OptionsCallback = (delpoymentUnitId: string, targetId: string) => Promise<void>;
+export type GetDeploymentUnitObjectsCallback = (id: string) => Promise<TypedObjectData[]>;
+export type DeployCallback = (data: DeployData) => Promise<boolean>;
+export type CreateDeploymentUnitCallback = () => Promise<ObjectBaseData | undefined>;
+export type ObjectTypeData = ObjectBaseData & {
+    icon: string;
+};
+export type DeployTargetData = ObjectBaseData & {
+    canCreatePackage: boolean;
+    canDefineDisplayName: boolean;
+    applicationServers: ObjectBaseData[];
+    generators: ObjectBaseData[];
+    description: string;
+};
+export type TypedObjectData = ObjectBaseData & {
+    type: string;
+};
+export type DeployData = {
+    targetId: string;
+    applicationServerId?: string;
+    displayName?: string;
+    generatorId?: string;
+    onlyPackage: boolean;
+    objects: string[];
+};

package/dist/types/components/deployment-tool/helpers.d.ts

@@ -0,0 +1,11 @@
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/types";
+import { TypedObjectData, ObjectTypeData } from "./deployment-tool";
+export declare const KB_OBJECT = "object";
+export declare const convertObjectTypeDataToTreeView: (objectTypeData: ObjectTypeDataWithItems[]) => TreeViewItemModel[];
+export declare const createArrayOfItems: (objectItems: TypedObjectData[], objectTypes: ObjectTypeData[]) => TreeViewItemModel[];
+export type ObjectTypeDataWithItems = {
+    id: string;
+    name: string;
+    icon: string;
+    items: TypedObjectData[];
+};

package/dist/types/components/open-api-import/helpers.d.ts

@@ -0,0 +1,3 @@
+import { ApiOperationData } from "./open-api-import";
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library";
+export declare const convertActionToTreeViewItem: (operations: ApiOperationData[]) => TreeViewItemModel[];

package/dist/types/components/open-api-import/open-api-import.d.ts

@@ -0,0 +1,63 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { EntityData } from "../../common/types";
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library";
+export declare class GxIdeOpenAPIImport {
+    #private;
+    el: HTMLGxIdeOpenApiImportElement;
+    actionListItems: TreeViewItemModel[];
+    importingIsInProcess: boolean;
+    operations: ApiOperationData[];
+    selectedFile: File;
+    selectedOperationForDescription: string;
+    selectedOperations: string[];
+    selectAllCheckboxValue: string;
+    selectAllCheckboxIndeterminate: boolean;
+    /**
+     * Default value for the Module/Folder field.
+     */
+    readonly defaultParent: EntityData;
+    /**
+     * If true it displays the component title on the header
+     */
+    readonly displayTitle = false;
+    /**
+     * Callback invoked when the user wants to cancel the export process.
+     */
+    readonly cancelCallback: CancelCallback;
+    /**
+     * Callback invoked when the user wants to initiate the import process.
+     */
+    readonly importCallback: ImportCallback;
+    /**
+     * Callback invoked must be loaded the content for an specification API
+     */
+    readonly loadCallback: LoadCallback;
+    /**
+     * Callback invoked when action is executed on Module/Folder filter (button '...').
+     */
+    readonly selectParentCallback: SelectParentCallback;
+    /**
+     * @description Gets fired when the component has rendered for the first time.
+     */
+    componentDidRenderFirstTime: EventEmitter<string>;
+    componentDidRender(): void;
+    componentWillLoad(): Promise<void>;
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    suspendShortcuts(suspendShortcuts: boolean): Promise<void>;
+    render(): any;
+}
+export type ApiOperationData = {
+    id: string;
+    name: string;
+    description: string;
+};
+export type SelectionEventDetail = {
+    itemId: string;
+    itemValue: string;
+};
+export type CancelCallback = () => Promise<void>;
+export type ImportCallback = (operationIds: string[]) => Promise<boolean>;
+export type SelectParentCallback = () => Promise<EntityData | undefined>;
+export type LoadCallback = (source: string | File, parentId: string) => Promise<ApiOperationData[]>;