@genexus/genexus-ide-ui 1.1.55 → 1.1.57

package/dist/genexus-ide-ui/{p-05fa08d7.entry.js → p-e4e3a7af.entry.js}

@@ -2,7 +2,15 @@ import { r as t, h as e, H as s, a as i } from "./p-97107ecc.js";
 
 import { L as n } from "./p-311eedf3.js";
 
-import { g as a } from "./p-401bfc97.js";
+import { g as a } from "./p-d42e842b.js";
+
+import "./p-d4ecd3bb.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
 
 const o = "property";
 
@@ -134,7 +142,7 @@ var d = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, n)
   return i === "a" ? n.call(t, s) : n ? n.value = s : e.set(t, s), s;
 };
 
-var l, f, p, u, b, m, w, k, y, g, x, v, M, W, T, C, _, j, I, S, E, z, V, L;
+var l, f, p, u, b, m, w, k, y, g, x, v, M, W, T, j, C, _, I, S, E, z, V, L;
 
 const A = a({
   category: "gemini-tools",
@@ -255,7 +263,7 @@ const q = class {
         checked: true,
         dragDisabled: true,
         dropDisabled: true,
-        filter: h(this, _, "f").call(this),
+        filter: h(this, C, "f").call(this),
         filterType: this.addKbPropertiesIsChecked && !this.exportAllIsChecked ? "none" : "metadata",
         model: this.objectsTreeViewModel,
         showLines: "last",
@@ -264,10 +272,10 @@ const q = class {
         onCheckedItemsChange: h(this, E, "f")
       });
     }));
-    C.set(this, (() => {
+    j.set(this, (() => {
       this.hasObjects = this.objectsTreeViewModel && this.objectsTreeViewModel.length > 0;
     }));
-    _.set(this, (() => {
+    C.set(this, (() => {
       if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {
         return o;
  // only show properties
@@ -278,7 +286,7 @@ const q = class {
             }
       return "none";
     }));
-    j.set(this, (t => {
+    _.set(this, (t => {
       this.exportAllIsChecked = h(this, b, "f").value === H;
     }));
     I.set(this, (async () => {
@@ -389,7 +397,7 @@ const q = class {
   }
   async componentWillLoad() {
     d(this, p, await n.getComponentStrings(this.el), "f");
-    h(this, C, "f").call(this);
+    h(this, j, "f").call(this);
     h(this, l, "m", S).call(this, this.objectTypes);
   }
   render() {
@@ -453,7 +461,7 @@ const q = class {
       part: "export-all-checkbox",
       checkedValue: H,
       caption: h(this, p, "f").main.exportAll,
-      onInput: h(this, j, "f"),
+      onInput: h(this, _, "f"),
       ref: t => d(this, b, t, "f")
     })))), e("div", {
       class: "main spacing-body-inline"
@@ -481,8 +489,8 @@ const q = class {
 
 f = new WeakMap, p = new WeakMap, u = new WeakMap, b = new WeakMap, m = new WeakMap, 
 w = new WeakMap, k = new WeakMap, y = new WeakMap, g = new WeakMap, x = new WeakMap, 
-v = new WeakMap, M = new WeakMap, W = new WeakMap, T = new WeakMap, C = new WeakMap, 
-_ = new WeakMap, j = new WeakMap, I = new WeakMap, E = new WeakMap, z = new WeakMap, 
+v = new WeakMap, M = new WeakMap, W = new WeakMap, T = new WeakMap, j = new WeakMap, 
+C = new WeakMap, _ = new WeakMap, I = new WeakMap, E = new WeakMap, z = new WeakMap, 
 V = new WeakMap, L = new WeakMap, l = new WeakSet, S = function _GxIdeKbManagerExport_objectsTypesArrayToMap(t) {
   t.forEach((t => {
     h(this, k, "f").set(t.id, t);
@@ -492,4 +500,4 @@ V = new WeakMap, L = new WeakMap, l = new WeakSet, S = function _GxIdeKbManagerE
 q.style = c;
 
 export { q as gx_ide_kb_manager_export };
-//# sourceMappingURL=p-05fa08d7.entry.js.map
+//# sourceMappingURL=p-e4e3a7af.entry.js.map

package/dist/genexus-ide-ui/{p-05fa08d7.entry.js.map → p-e4e3a7af.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["KB_PROPERTY","KB_OBJECT","getPropertyIcon","typeId","kbPropertiesTypes","find","propertyType","id","icon","convertObjectTypeToTreeItem","objectType","caption","name","startImgSrc","leaf","parts","expanded","items","convertObjectToTreeItem","object","objectTypes","get","metadata","convertPropertyToTreeItem","property","updateObjectsTreeModel","objects","objectTypesMap","objectsSet","actualTreeState","updatedTreeData","forEach","has","objectTreeItem","objectTypeTreeItemIndex","findIndex","treeItem","objectTypeTreeItem","push","add","convertKbPropertiesDataToTreeItemData","properties","propertyAlreadyExists","node","undefined","propertyTreeItem","unshift","clearKbPropertiesFromTree","filter","item","kbManagerExportCss","FILE_ICON","getIconPath","category","colorType","SETTINGS_ICON","GENERAL_REFERENCES_ICON","MENUS_NEW_OBJECT_ICON","TREE_VIEW_ICON","CHECKBOX_CHECKED_VALUE","CSS_BUNDLES","GxIdeKbManagerExport","_GxIdeKbManagerExport_addKbDescriptionEl","set","this","_GxIdeKbManagerExport_componentLocale","_GxIdeKbManagerExport_animateEmptyState","_GxIdeKbManagerExport_exportAllEl","_GxIdeKbManagerExport_fileNameEl","_GxIdeKbManagerExport_kBPropertiesData","_GxIdeKbManagerExport_objectTypesMap","Map","_GxIdeKbManagerExport_objectsSet","Set","_GxIdeKbManagerExport_addKBPropertiesCallbackHandler","async","_e","addKbPropertiesIsChecked","__classPrivateFieldGet","value","__classPrivateFieldSet","addKBPropertiesCallback","length","objectsTreeViewModel","_GxIdeKbManagerExport_addObjectsCallbackHandler","exportAllIsChecked","addedObjects","addObjectsCallback","_GxIdeKbManagerExport_updateObjects","call","_GxIdeKbManagerExport_addReferencesCallbackHandler","addReferencesCallback","checkedObjectsIds","_GxIdeKbManagerExport_cancelCallbackHandler","cancelled","cancelCallback","exportingIsInProcess","_GxIdeKbManagerExport_clearButtonHandler","clear","_GxIdeKbManagerExport_evaluateContentToDisplay","hasObjects","h","isAnimated","stateTitle","main","noObjectsToDisplay","key","class","onClick","beginByADdingSomeObjects","stateIconSrc","exportAllMessage","checkbox","checked","dragDisabled","dropDisabled","_GxIdeKbManagerExport_evaluateTreeViewFilters","filterType","model","showLines","toggleCheckboxes","sortItemsCallback","_GxIdeKbManagerExport_sortTreeItems","onCheckedItemsChange","_GxIdeKbManagerExport_objectsTreeCheckedItemsChangedHandler","_GxIdeKbManagerExport_evaluateObjects","_GxIdeKbManagerExport_exportAllChangedHandler","_event","_GxIdeKbManagerExport_exportCallbackHandler","fileName","checkedKbPropertiesIds","checkedPropertiesIds","checkedObjectIds","exportCallback","then","event","allItemsWithCheckbox","detail","values","atLeastOnePropertyItemIsChecked","atLeastOneObjectItemIsChecked","subModel","sort","a","b","localeCompare","_GxIdeKbManagerExport_renderFooter","referencesButtonEnabled","clearButtonEnabled","disabled","part","footer","clearButton","src","addReferencesButton","addButton","objectsDataArray","newObjectsTreeModel","objectsTreeViewModelChanged","newObjectsTreeViewModel","objectTypesChanged","newObjectTypesArray","_GxIdeKbManagerExport_instances","_GxIdeKbManagerExport_objectsTypesArrayToMap","componentWillLoad","Locale","getComponentStrings","el","render","exportButtonEnabled","cancelButtonEnabled","Host","htmlFor","header","exportFileName","autoFocus","ref","exportButton","cancelButton","optionsButton","title","optionsCallback","addKnowledgeBaseDescription","checkedValue","onInput","exportAll","loader","cancelLabel","loaderTitle","show","objectTypesArray"],"sources":["src/components/kb-manager-export/helpers.ts","src/components/kb-manager-export/kb-manager-export.scss?tag=gx-ide-kb-manager-export&encapsulation=shadow","src/components/kb-manager-export/kb-manager-export.tsx"],"sourcesContent":["// /* Tree View */\nimport {\n  TreeViewItemModel,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { ObjectData, KBPropertyData, KBPropertyType } from \"./types\";\nimport { ObjectType } from \"../../common/types\";\nexport const KB_PROPERTY = \"property\";\nexport const KB_OBJECT = \"object\";\n\nconst getPropertyIcon = (\n  typeId: string,\n  kbPropertiesTypes: KBPropertyType[]\n): string =>\n  // The object icon has to be retrieved from the ObjectTypes array, by\n  // matching the ObjectData typeId with the ObjectType id\n  kbPropertiesTypes.find(propertyType => propertyType.id === typeId).icon;\n\nconst convertObjectTypeToTreeItem = (\n  objectType: ObjectType\n): TreeViewItemModel => ({\n  caption: objectType.name,\n  id: objectType.id,\n  startImgSrc: objectType.icon,\n  leaf: false,\n  parts: \"object-type tree-view-item\",\n  expanded: true,\n  items: []\n});\n\nconst convertObjectToTreeItem = (\n  object: ObjectData,\n  objectTypes: Map<string, ObjectType>\n): TreeViewItemModel => ({\n  caption: object.name,\n  id: object.id,\n  startImgSrc: objectTypes.get(object.typeId).icon,\n  parts: \"object tree-view-item\",\n  metadata: KB_OBJECT,\n  leaf: true\n});\n\nconst convertPropertyToTreeItem = (\n  property: KBPropertyData,\n  kbPropertiesTypes: KBPropertyType[]\n): TreeViewItemModel => ({\n  caption: property.name,\n  id: property.id,\n  startImgSrc: getPropertyIcon(property.typeId, kbPropertiesTypes),\n  parts: \"property tree-view-item\",\n  metadata: KB_PROPERTY,\n  leaf: true\n});\n\n/**\n * Updates the tree model with the provided objects.\n * Objects may already exist and are placed under their parent node.\n * If the parent node doesn't exist (identified by typeId on ObjectTypes),\n * it is created and added at the bottom.\n *\n * @param {ObjectData[] | undefined} objects - The array of objects to update.\n * @param {Map<string, ObjectType>} objectTypesMap - A map of object types by ID.\n * @param {Set<string>} objectsSet - A set of existing object IDs.\n * @param {TreeViewModel} actualTreeState - The current tree state to be updated.\n * @returns {TreeViewModel} - The updated tree view model.\n */\nexport const updateObjectsTreeModel = (\n  objects: ObjectData[] | undefined,\n  objectTypesMap: Map<string, ObjectType>,\n  objectsSet: Set<string>,\n  actualTreeState: TreeViewModel\n): TreeViewModel => {\n  if (!objects) {\n    return [...actualTreeState];\n  }\n\n  const updatedTreeData: TreeViewModel = [...actualTreeState];\n  objects.forEach(object => {\n    // objects that already exists in the actual actualTreeState should not be added.\n\n    if (objectsSet.has(object.id)) {\n      // object already exists\n      return;\n    }\n\n    const objectTreeItem = convertObjectToTreeItem(object, objectTypesMap);\n\n    // TODO: Improve the algorithm efficiency. This check visits potentially all nodes\n    // from the TreeViewModel on each iteration. Using a Map to pre-store the TreeView\n    // nodes would improve efficiency.\n    const objectTypeTreeItemIndex = updatedTreeData.findIndex(\n      treeItem => treeItem.id === object.typeId\n    );\n\n    if (objectTypeTreeItemIndex === -1) {\n      // Create and add new object type tree item\n      const objectType = objectTypesMap.get(object.typeId);\n      if (objectType) {\n        const objectTypeTreeItem = convertObjectTypeToTreeItem(objectType);\n        objectTypeTreeItem.items.push(objectTreeItem);\n        updatedTreeData.push(objectTypeTreeItem);\n      }\n    } else {\n      // objectType exists already. insert object as children of the object type tree item.\n      updatedTreeData[objectTypeTreeItemIndex].items.push(objectTreeItem);\n    }\n\n    objectsSet.add(object.id);\n  });\n\n  return updatedTreeData;\n};\n\n/**\n * Converts an array of KB properties data into tree item data for a tree view.\n *\n * @param {KBPropertyData[]} properties - The array of KB property data.\n * @param {KBPropertyType[]} kbPropertiesTypes - The array of KB property types.\n * @param {TreeViewModel} actualTreeState - The current state of the tree.\n * @returns {TreeViewModel} - The updated tree view item models.\n */\nexport const convertKbPropertiesDataToTreeItemData = (\n  properties: KBPropertyData[],\n  kbPropertiesTypes: KBPropertyType[],\n  actualTreeState: TreeViewModel\n): TreeViewModel => {\n  if (!properties) {\n    return [...actualTreeState];\n  }\n\n  const updatedTreeData: TreeViewModel = [...actualTreeState];\n  properties.forEach(property => {\n    // properties have no parent node, and they should be added at the beginning of the tree\n    const propertyAlreadyExists =\n      updatedTreeData.find(node => node.id === property.id) !== undefined;\n    if (propertyAlreadyExists) {\n      return;\n    }\n    const propertyTreeItem = convertPropertyToTreeItem(\n      property,\n      kbPropertiesTypes\n    );\n    updatedTreeData.unshift(propertyTreeItem);\n  });\n  return updatedTreeData;\n};\n\n/**\n * Removes properties from the tree model.\n *\n * @param {TreeViewModel} actualTreeState - The current state of the tree,\n * containing various tree view items.\n * @returns {TreeViewModel} - A new array of tree view items that excludes\n * any items with metadata of type `KB_PROPERTY`.\n */\nexport const clearKbPropertiesFromTree = (\n  actualTreeState: TreeViewModel\n): TreeViewModel =>\n  actualTreeState.filter(item => item.metadata !== KB_PROPERTY);\n",":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\nsection {\n  display: contents;\n}\n\n.header__field-group {\n  grid-template:\n    \"export-file-name buttons-container\" max-content\n    \"checkboxes checkboxes\" max-content\n    / 1fr max-content;\n}\n.export-file-name {\n  grid-area: export-file-name;\n}\n.header__buttons-container {\n  grid-area: buttons-container;\n}\n.header__checkboxes {\n  grid-area: checkboxes;\n  grid-template-columns: max-content 1fr;\n}\n\n.main {\n  position: relative;\n  padding-block: var(--content-block-spacing);\n}\n","import { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n\nimport { ChCheckboxCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport {\n  TreeViewItemModelExtended,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport {\n  updateObjectsTreeModel,\n  convertKbPropertiesDataToTreeItemData,\n  clearKbPropertiesFromTree\n} from \"./helpers\";\nimport { ObjectType } from \"../../common/types\";\n\nimport { KB_PROPERTY, KB_OBJECT } from \"./helpers\";\nimport {\n  KBPropertiesCallback,\n  KBPropertyData,\n  KBPropertyType,\n  ObjectData,\n  ExportFileDirectoryCallback,\n  OptionsCallback,\n  AddObjectsCallback,\n  ExportCallback,\n  AddReferencesCallback,\n  CancelCallback\n} from \"./types\";\n\nimport { getIconPath } from \"@genexus/mercury\";\n\nconst FILE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"file\",\n  colorType: \"on-elevation\"\n});\nconst SETTINGS_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"settings\",\n  colorType: \"primary\"\n});\nconst GENERAL_REFERENCES_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"references\",\n  colorType: \"neutral\"\n});\nconst MENUS_NEW_OBJECT_ICON = getIconPath({\n  category: \"menus\",\n  name: \"new-object\",\n  colorType: \"on-primary\"\n});\nconst TREE_VIEW_ICON = getIconPath({\n  category: \"controls\",\n  name: \"treeview\"\n});\nconst CHECKBOX_CHECKED_VALUE = \"true\";\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  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n@Component({\n  tag: \"gx-ide-kb-manager-export\",\n  styleUrl: \"kb-manager-export.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/kb-manager-export\"]\n})\nexport class GxIdeKbManagerExport {\n  #addKbDescriptionEl!: HTMLChCheckboxElement;\n  #componentLocale: any;\n  #animateEmptyState: boolean = false;\n  #exportAllEl!: HTMLChCheckboxElement;\n  #fileNameEl!: HTMLChEditElement;\n  #kBPropertiesData!: KBPropertyData[];\n  /**\n   * Stores the object types information (name, and icon)\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #objectTypesMap: Map<string, ObjectType> = new Map();\n  /**\n   * Stores the object's id that have been added.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #objectsSet: Set<string> = new Set();\n\n  @Element() el: HTMLGxIdeKbManagerExportElement;\n\n  @State() addKbPropertiesIsChecked = false;\n  @State() atLeastOnePropertyItemIsChecked = false;\n  @State() atLeastOneObjectItemIsChecked = false;\n  @State() checkedObjectsIds: string[] = [];\n  @State() checkedPropertiesIds: string[] = [];\n  @State() exportAllIsChecked = false;\n  @State() exportingIsInProcess = false;\n  @State() hasObjects: boolean;\n  @State() objectsTreeViewModel: TreeViewModel = [];\n  @Watch(\"objectsTreeViewModel\")\n  objectsTreeViewModelChanged(newObjectsTreeViewModel: TreeViewModel) {\n    this.hasObjects =\n      newObjectsTreeViewModel && newObjectsTreeViewModel.length > 0;\n    if (!this.hasObjects) {\n      this.atLeastOnePropertyItemIsChecked = false;\n      this.atLeastOneObjectItemIsChecked = false;\n    }\n  }\n\n  /**\n   * Callback invoked when the user wants to include KB properties.\n   */\n  @Prop() readonly addKBPropertiesCallback!: KBPropertiesCallback;\n\n  /**\n   * Callback invoked when the user wants to add objects.\n   */\n  @Prop() readonly addObjectsCallback!: AddObjectsCallback;\n\n  /**\n   *Callback invoked when the user wants to add all the references for the selected objects.\n   *@param itemIds:string[] The selected item ids\n   *@returns : Returns an object with the items and its references\n   */\n  @Prop() readonly addReferencesCallback!: AddReferencesCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel the export process.\n   * @returns It returns a boolean indicating whether the process could be canceled or not.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   *Callback invoked when the user wants to initiate the export process.\n   *@param fileName:string\n   *@param itemIds:string[] The selected item ids\n   *@returns : It returns a boolean indicating whether the process was successful\n   */\n  @Prop() readonly exportCallback!: ExportCallback;\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly exportFileDirectoryCallback!: ExportFileDirectoryCallback;\n\n  /**\n   * It allows defining the default Export File Name\n   */\n  @Prop() readonly fileName: string;\n\n  /**\n   * Array with the possible types of KB properties\n   */\n  @Prop() readonly kbPropertiesTypes: KBPropertyType[];\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Array of possible object types\n   */\n  @Prop() readonly objectTypes: ObjectType[];\n  @Watch(\"objectTypes\")\n  objectTypesChanged(newObjectTypesArray: ObjectType[]) {\n    this.#objectsTypesArrayToMap(newObjectTypesArray);\n  }\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly optionsCallback: OptionsCallback;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#evaluateObjects();\n    this.#objectsTypesArrayToMap(this.objectTypes);\n  }\n\n  #addKBPropertiesCallbackHandler = async (\n    _e: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.addKbPropertiesIsChecked =\n      this.#addKbDescriptionEl.value === CHECKBOX_CHECKED_VALUE;\n    if (this.addKbPropertiesIsChecked) {\n      this.#kBPropertiesData = await this.addKBPropertiesCallback();\n      if (this.#kBPropertiesData.length) {\n        this.objectsTreeViewModel = convertKbPropertiesDataToTreeItemData(\n          this.#kBPropertiesData,\n          this.kbPropertiesTypes,\n          this.objectsTreeViewModel\n        );\n      }\n    } else {\n      // previous properties (if any) should be removed\n      this.objectsTreeViewModel = clearKbPropertiesFromTree(\n        this.objectsTreeViewModel\n      );\n    }\n  };\n\n  #addObjectsCallbackHandler = async () => {\n    this.#exportAllEl.value = undefined;\n    this.exportAllIsChecked = false;\n    const addedObjects = await this.addObjectsCallback();\n    this.#updateObjects(addedObjects);\n  };\n\n  #addReferencesCallbackHandler = async () => {\n    const objects: ObjectData[] = await this.addReferencesCallback(\n      this.checkedObjectsIds\n    );\n    this.#updateObjects(objects);\n  };\n\n  #cancelCallbackHandler = async () => {\n    const cancelled = await this.cancelCallback();\n    if (cancelled) {\n      this.exportingIsInProcess = false;\n    }\n  };\n\n  #clearButtonHandler = () => {\n    this.objectsTreeViewModel = [];\n    this.#objectsSet.clear();\n    this.#addKbDescriptionEl.value = undefined;\n    this.#exportAllEl.value = undefined;\n  };\n\n  #evaluateContentToDisplay = () => {\n    // Nothing to display on the tree-view\n    if (!this.hasObjects && !this.exportAllIsChecked) {\n      return (\n        <gx-ide-empty-state\n          isAnimated={this.#animateEmptyState}\n          stateTitle={this.#componentLocale.main.noObjectsToDisplay}\n          key=\"no-objects-empty-state\"\n        >\n          <button\n            class=\"button-primary\"\n            onClick={this.#addObjectsCallbackHandler}\n          >\n            {this.#componentLocale.main.beginByADdingSomeObjects}\n          </button>\n        </gx-ide-empty-state>\n      );\n    } else {\n      this.#animateEmptyState = true; // improve performance if is first render\n    }\n\n    if (this.exportAllIsChecked) {\n      return (\n        <gx-ide-empty-state\n          isAnimated={this.#animateEmptyState}\n          stateIconSrc={TREE_VIEW_ICON}\n          stateTitle={this.#componentLocale.main.exportAllMessage}\n          key=\"exporting-all-empty-state\"\n        ></gx-ide-empty-state>\n      );\n    } else {\n      this.#animateEmptyState = true; // improve performance if is first render\n    }\n\n    return (\n      <ch-tree-view-render\n        class=\"tree-view\"\n        checkbox\n        checked\n        dragDisabled\n        dropDisabled\n        filter={this.#evaluateTreeViewFilters()}\n        filterType={\n          this.addKbPropertiesIsChecked && !this.exportAllIsChecked\n            ? \"none\"\n            : \"metadata\"\n        }\n        model={this.objectsTreeViewModel}\n        showLines=\"last\"\n        toggleCheckboxes\n        sortItemsCallback={this.#sortTreeItems}\n        onCheckedItemsChange={this.#objectsTreeCheckedItemsChangedHandler}\n      ></ch-tree-view-render>\n    );\n  };\n\n  #evaluateObjects = () => {\n    this.hasObjects =\n      this.objectsTreeViewModel && this.objectsTreeViewModel.length > 0;\n  };\n\n  #evaluateTreeViewFilters = (): string => {\n    if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {\n      return KB_PROPERTY; // only show properties\n    }\n    if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {\n      return KB_OBJECT; // only show objects\n    }\n    return \"none\";\n  };\n\n  #exportAllChangedHandler = (\n    _event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.exportAllIsChecked =\n      this.#exportAllEl.value === CHECKBOX_CHECKED_VALUE;\n  };\n\n  #exportCallbackHandler = async () => {\n    this.exportingIsInProcess = true;\n    const fileName: string = this.#fileNameEl.value;\n    const checkedKbPropertiesIds = this.addKbPropertiesIsChecked\n      ? this.checkedPropertiesIds\n      : [];\n    const checkedObjectIds = this.exportAllIsChecked\n      ? undefined\n      : this.checkedObjectsIds;\n    this.exportCallback(\n      fileName,\n      checkedKbPropertiesIds,\n      checkedObjectIds\n    ).then(() => {\n      this.exportingIsInProcess = false;\n    });\n    // returns Promise<boolean> but no procedure was detailed on the spec.\n  };\n\n  #objectsTypesArrayToMap(objectTypesArray: ObjectType[]) {\n    objectTypesArray.forEach(objectType => {\n      this.#objectTypesMap.set(objectType.id, objectType);\n    });\n  }\n\n  #objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    // filter 'checked objects' and 'checked properties' ids\n    const checkedObjectsIds: string[] = [];\n    const checkedPropertiesIds: string[] = [];\n    const allItemsWithCheckbox = [...event.detail.values()];\n    allItemsWithCheckbox.forEach(node => {\n      if (node.item.checked && node.item.metadata === KB_OBJECT) {\n        checkedObjectsIds.push(node.item.id);\n      } else if (node.item.checked && node.item.metadata === KB_PROPERTY) {\n        checkedPropertiesIds.push(node.item.id);\n      }\n    });\n    this.checkedObjectsIds = checkedObjectsIds;\n    this.checkedPropertiesIds = checkedPropertiesIds;\n\n    this.atLeastOnePropertyItemIsChecked = this.checkedPropertiesIds.length > 0;\n    this.atLeastOneObjectItemIsChecked = this.checkedObjectsIds.length > 0;\n  };\n\n  #sortTreeItems = (subModel: TreeViewModel) => {\n    // \"property\" items should be added on top.\n    // else sort alphabetically by \"caption\" value.\n    return subModel.sort((a, b) => {\n      if (a.metadata === \"property\" && b.metadata !== \"property\") {\n        return -1;\n      }\n      if (b.metadata === \"property\" && a.metadata !== \"property\") {\n        return 1;\n      }\n\n      return a.caption.localeCompare(b.caption);\n    });\n  };\n\n  #renderFooter = (): HTMLElement => {\n    const referencesButtonEnabled = this.atLeastOneObjectItemIsChecked;\n    const clearButtonEnabled = this.objectsTreeViewModel.length > 0;\n    return (\n      <footer class=\"footer control-footer-with-border control-footer-space-between space-body spacing-body-inline spacing-body-block-end\">\n        <button\n          class=\"button-tertiary clear-btn\"\n          disabled={!clearButtonEnabled}\n          part=\"clear-button\"\n          onClick={clearButtonEnabled && this.#clearButtonHandler}\n        >\n          {this.#componentLocale.footer.clearButton}\n        </button>\n\n        <div class=\"buttons-spacer\">\n          <button\n            class=\"button-secondary button-icon-and-text\"\n            part=\"references-button\"\n            disabled={!referencesButtonEnabled}\n            onClick={\n              referencesButtonEnabled && this.#addReferencesCallbackHandler\n            }\n          >\n            <ch-image\n              class=\"icon-sm\"\n              disabled={!referencesButtonEnabled}\n              src={GENERAL_REFERENCES_ICON}\n            ></ch-image>\n            {this.#componentLocale.footer.addReferencesButton}\n          </button>\n\n          <button\n            // Add button\n            class=\"button-primary button-icon-and-text\"\n            disabled={this.exportAllIsChecked}\n            part=\"add-button\"\n            onClick={\n              !this.exportAllIsChecked && this.#addObjectsCallbackHandler\n            }\n          >\n            <ch-image\n              class=\"icon-sm\"\n              disabled={this.exportAllIsChecked}\n              src={MENUS_NEW_OBJECT_ICON}\n            ></ch-image>\n            {this.#componentLocale.footer.addButton}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #updateObjects = (objectsDataArray: ObjectData[]) => {\n    if (objectsDataArray.length) {\n      const newObjectsTreeModel = updateObjectsTreeModel(\n        objectsDataArray,\n        this.#objectTypesMap,\n        this.#objectsSet,\n        this.objectsTreeViewModel\n      );\n      this.objectsTreeViewModel = newObjectsTreeModel;\n    }\n  };\n\n  render(): void {\n    const exportButtonEnabled =\n      this.atLeastOnePropertyItemIsChecked ||\n      this.atLeastOneObjectItemIsChecked ||\n      this.exportAllIsChecked;\n\n    const cancelButtonEnabled = this.exportingIsInProcess;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section>\n          <header class=\"header control-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n            <div class=\"field-group header__field-group\">\n              <div class=\"field field-inline export-file-name\">\n                <label class=\"label\" htmlFor=\"xpz-file\">\n                  {this.#componentLocale.header.exportFileName}\n                </label>\n                <ch-edit\n                  autoFocus\n                  id=\"xpz-file\"\n                  class=\"input\"\n                  part=\"xpz-file\"\n                  value={this.fileName}\n                  startImgSrc={FILE_ICON}\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#fileNameEl = el as HTMLChEditElement)\n                  }\n                ></ch-edit>\n              </div>\n\n              <div class=\"header__buttons-container buttons-spacer\">\n                <button\n                  id=\"export-kb-btn\"\n                  class=\"button-primary export-btn\"\n                  part=\"export-btn\"\n                  disabled={!exportButtonEnabled}\n                  onClick={exportButtonEnabled && this.#exportCallbackHandler}\n                >\n                  {this.#componentLocale.header.exportButton}\n                </button>\n                <button\n                  id=\"cancel-kb-export-btn\"\n                  class=\"button-secondary cancel-btn\"\n                  part=\"cancel-button\"\n                  disabled={!cancelButtonEnabled}\n                  onClick={cancelButtonEnabled && this.#cancelCallbackHandler}\n                >\n                  {this.#componentLocale.header.cancelButton}\n                </button>\n\n                <button\n                  aria-label={this.#componentLocale.header.optionsButton}\n                  title={this.#componentLocale.header.optionsButton}\n                  class=\"button-tertiary button-icon-only options-btn\"\n                  part=\"select-kb-btn\"\n                  onClick={this.optionsCallback}\n                >\n                  <ch-image class=\"icon-md\" src={SETTINGS_ICON}></ch-image>\n                </button>\n              </div>\n\n              <div class=\"header__checkboxes field-group\">\n                <ch-checkbox\n                  class=\"checkbox add-kb-description\"\n                  part=\"add-kb-description\"\n                  caption={\n                    this.#componentLocale.main.addKnowledgeBaseDescription\n                  }\n                  checkedValue={CHECKBOX_CHECKED_VALUE}\n                  onInput={this.#addKBPropertiesCallbackHandler}\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#addKbDescriptionEl = el as HTMLChCheckboxElement)\n                  }\n                ></ch-checkbox>\n\n                <ch-checkbox\n                  class=\"checkbox export-all\"\n                  part=\"export-all-checkbox\"\n                  checkedValue={CHECKBOX_CHECKED_VALUE}\n                  caption={this.#componentLocale.main.exportAll}\n                  onInput={this.#exportAllChangedHandler}\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#exportAllEl = el as HTMLChCheckboxElement)\n                  }\n                ></ch-checkbox>\n              </div>\n            </div>\n          </header>\n\n          <div class=\"main spacing-body-inline\">\n            {this.#evaluateContentToDisplay()}\n            {this.loader && this.exportingIsInProcess && (\n              <gx-ide-loader\n                cancelLabel={this.#componentLocale.loader.cancelLabel}\n                loaderTitle={this.#componentLocale.loader.title}\n                cancelCallback={this.#cancelCallbackHandler}\n                show\n                class=\"loader\"\n              ></gx-ide-loader>\n            )}\n          </div>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;;AAOO,MAAMA,IAAc;;AACpB,MAAMC,IAAY;;AAEzB,MAAMC,kBAAkB,CACtBC,GACAC;;;AAIAA,EAAkBC,MAAKC,KAAgBA,EAAaC,OAAOJ,IAAQK;;AAErE,MAAMC,8BACJC,MAAsB;EAEtBC,SAASD,EAAWE;EACpBL,IAAIG,EAAWH;EACfM,aAAaH,EAAWF;EACxBM,MAAM;EACNC,OAAO;EACPC,UAAU;EACVC,OAAO;;;AAGT,MAAMC,0BAA0B,CAC9BC,GACAC,OAAoC;EAEpCT,SAASQ,EAAOP;EAChBL,IAAIY,EAAOZ;EACXM,aAAaO,EAAYC,IAAIF,EAAOhB,QAAQK;EAC5CO,OAAO;EACPO,UAAUrB;EACVa,MAAM;;;AAGR,MAAMS,4BAA4B,CAChCC,GACApB,OAAmC;EAEnCO,SAASa,EAASZ;EAClBL,IAAIiB,EAASjB;EACbM,aAAaX,gBAAgBsB,EAASrB,QAAQC;EAC9CW,OAAO;EACPO,UAAUtB;EACVc,MAAM;;;;;;;;;;;;;;;AAeD,MAAMW,yBAAyB,CACpCC,GACAC,GACAC,GACAC;EAEA,KAAKH,GAAS;IACZ,OAAO,KAAIG;;EAGb,MAAMC,IAAiC,KAAID;EAC3CH,EAAQK,SAAQZ;;IAGd,IAAIS,EAAWI,IAAIb,EAAOZ,KAAK;;MAE7B;;IAGF,MAAM0B,IAAiBf,wBAAwBC,GAAQQ;;;;QAKvD,MAAMO,IAA0BJ,EAAgBK,WAC9CC,KAAYA,EAAS7B,OAAOY,EAAOhB;IAGrC,IAAI+B,OAA6B,GAAG;;MAElC,MAAMxB,IAAaiB,EAAeN,IAAIF,EAAOhB;MAC7C,IAAIO,GAAY;QACd,MAAM2B,IAAqB5B,4BAA4BC;QACvD2B,EAAmBpB,MAAMqB,KAAKL;QAC9BH,EAAgBQ,KAAKD;;WAElB;;MAELP,EAAgBI,GAAyBjB,MAAMqB,KAAKL;;IAGtDL,EAAWW,IAAIpB,EAAOZ;AAAG;EAG3B,OAAOuB;AAAe;;;;;;;;;GAWjB,OAAMU,wCAAwC,CACnDC,GACArC,GACAyB;EAEA,KAAKY,GAAY;IACf,OAAO,KAAIZ;;EAGb,MAAMC,IAAiC,KAAID;EAC3CY,EAAWV,SAAQP;;IAEjB,MAAMkB,IACJZ,EAAgBzB,MAAKsC,KAAQA,EAAKpC,OAAOiB,EAASjB,SAAQqC;IAC5D,IAAIF,GAAuB;MACzB;;IAEF,MAAMG,IAAmBtB,0BACvBC,GACApB;IAEF0B,EAAgBgB,QAAQD;AAAiB;EAE3C,OAAOf;AAAe;;;;;;;;;GAWjB,OAAMiB,4BACXlB,KAEAA,EAAgBmB,QAAOC,KAAQA,EAAK3B,aAAatB;;AC9JnD,MAAMkD,IAAqB;;;;;;;;;;;;;;;;;ACiC3B,MAAMC,IAAYC,EAAY;EAC5BC,UAAU;EACVzC,MAAM;EACN0C,WAAW;;;AAEb,MAAMC,IAAgBH,EAAY;EAChCC,UAAU;EACVzC,MAAM;EACN0C,WAAW;;;AAEb,MAAME,IAA0BJ,EAAY;EAC1CC,UAAU;EACVzC,MAAM;EACN0C,WAAW;;;AAEb,MAAMG,IAAwBL,EAAY;EACxCC,UAAU;EACVzC,MAAM;EACN0C,WAAW;;;AAEb,MAAMI,IAAiBN,EAAY;EACjCC,UAAU;EACVzC,MAAM;;;AAER,MAAM+C,IAAyB;;AAE/B,MAAMC,IAA8B,EAClC,qBACA,qBACA,uBACA,mBACA,mBACA,wBACA,cACA,gBACA,iBACA;;MAQWC,IAAoB;;;;IAC/BC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,WAAA;IACAE,EAAAH,IAAAC,MAA8B;IAC9BG,EAAAJ,IAAAC,WAAA;IACAI,EAAAL,IAAAC,WAAA;IACAK,EAAAN,IAAAC,WAAA;;;;;QAKAM,EAAAP,IAAAC,MAA2C,IAAIO;;;;;QAK/CC,EAAAT,IAAAC,MAA2B,IAAIS;IA8F/BC,EAAAX,IAAAC,OAAkCW,MAChCC;MAEAZ,KAAKa,2BACHC,EAAAd,MAAIF,GAAA,KAAqBiB,UAAUpB;MACrC,IAAIK,KAAKa,0BAA0B;QACjCG,EAAAhB,MAAIK,SAA2BL,KAAKiB,2BAAyB;QAC7D,IAAIH,EAAAd,MAAIK,GAAA,KAAmBa,QAAQ;UACjClB,KAAKmB,uBAAuB3C,sCAC1BsC,EAAAd,MAAIK,GAAA,MACJL,KAAK5D,mBACL4D,KAAKmB;;aAGJ;;QAELnB,KAAKmB,uBAAuBpC,0BAC1BiB,KAAKmB;;;IAKXC,EAAArB,IAAAC,OAA6BW;MAC3BG,EAAAd,MAAIG,GAAA,KAAcY,QAAQnC;MAC1BoB,KAAKqB,qBAAqB;MAC1B,MAAMC,UAAqBtB,KAAKuB;MAChCT,EAAAd,MAAIwB,GAAA,KAAeC,KAAnBzB,MAAoBsB;AAAa;IAGnCI,EAAA3B,IAAAC,OAAgCW;MAC9B,MAAMjD,UAA8BsC,KAAK2B,sBACvC3B,KAAK4B;MAEPd,EAAAd,MAAIwB,GAAA,KAAeC,KAAnBzB,MAAoBtC;AAAQ;IAG9BmE,EAAA9B,IAAAC,OAAyBW;MACvB,MAAMmB,UAAkB9B,KAAK+B;MAC7B,IAAID,GAAW;QACb9B,KAAKgC,uBAAuB;;;IAIhCC,EAAAlC,IAAAC,OAAsB;MACpBA,KAAKmB,uBAAuB;MAC5BL,EAAAd,MAAIQ,GAAA,KAAa0B;MACjBpB,EAAAd,MAAIF,GAAA,KAAqBiB,QAAQnC;MACjCkC,EAAAd,MAAIG,GAAA,KAAcY,QAAQnC;AAAS;IAGrCuD,EAAApC,IAAAC,OAA4B;;MAE1B,KAAKA,KAAKoC,eAAepC,KAAKqB,oBAAoB;QAChD,OACEgB,EAAA;UACEC,YAAYxB,EAAAd,MAAIE,GAAA;UAChBqC,YAAYzB,EAAAd,MAAIC,GAAA,KAAkBuC,KAAKC;UACvCC,KAAI;WAEJL,EAAA;UACEM,OAAM;UACNC,SAAS9B,EAAAd,MAAIoB,GAAA;WAEZN,EAAAd,MAAIC,GAAA,KAAkBuC,KAAKK;aAI7B;QACL7B,EAAAhB,MAAIE,GAAsB,MAAI;;;MAGhC,IAAIF,KAAKqB,oBAAoB;QAC3B,OACEgB,EAAA;UACEC,YAAYxB,EAAAd,MAAIE,GAAA;UAChB4C,cAAcpD;UACd6C,YAAYzB,EAAAd,MAAIC,GAAA,KAAkBuC,KAAKO;UACvCL,KAAI;;aAGH;QACL1B,EAAAhB,MAAIE,GAAsB,MAAI;;;MAGhC,OACEmC,EAAA;QACEM,OAAM;QACNK,UAAQ;QACRC,SAAO;QACPC,cAAY;QACZC,cAAY;QACZnE,QAAQ8B,EAAAd,MAAIoD,GAAA,KAAyB3B,KAA7BzB;QACRqD,YACErD,KAAKa,6BAA6Bb,KAAKqB,qBACnC,SACA;QAENiC,OAAOtD,KAAKmB;QACZoC,WAAU;QACVC,kBAAgB;QAChBC,mBAAmB3C,EAAAd,MAAI0D,GAAA;QACvBC,sBAAsB7C,EAAAd,MAAI4D,GAAA;;AACL;IAI3BC,EAAA9D,IAAAC,OAAmB;MACjBA,KAAKoC,aACHpC,KAAKmB,wBAAwBnB,KAAKmB,qBAAqBD,SAAS;AAAC;IAGrEkC,EAAArD,IAAAC,OAA2B;MACzB,IAAIA,KAAKa,4BAA4Bb,KAAKqB,oBAAoB;QAC5D,OAAOrF;;;MAET,KAAKgE,KAAKa,6BAA6Bb,KAAKqB,oBAAoB;QAC9D,OAAOpF;;;MAET,OAAO;AAAM;IAGf6H,EAAA/D,IAAAC,OACE+D;MAEA/D,KAAKqB,qBACHP,EAAAd,MAAIG,GAAA,KAAcY,UAAUpB;AAAsB;IAGtDqE,EAAAjE,IAAAC,OAAyBW;MACvBX,KAAKgC,uBAAuB;MAC5B,MAAMiC,IAAmBnD,EAAAd,MAAII,GAAA,KAAaW;MAC1C,MAAMmD,IAAyBlE,KAAKa,2BAChCb,KAAKmE,uBACL;MACJ,MAAMC,IAAmBpE,KAAKqB,qBAC1BzC,YACAoB,KAAK4B;MACT5B,KAAKqE,eACHJ,GACAC,GACAE,GACAE,MAAK;QACLtE,KAAKgC,uBAAuB;AAAK;4EACjC;;IAUJ4B,EAAA7D,IAAAC,OACEuE;;MAGA,MAAM3C,IAA8B;MACpC,MAAMuC,IAAiC;MACvC,MAAMK,IAAuB,KAAID,EAAME,OAAOC;MAC9CF,EAAqBzG,SAAQY;QAC3B,IAAIA,EAAKM,KAAKgE,WAAWtE,EAAKM,KAAK3B,aAAarB,GAAW;UACzD2F,EAAkBtD,KAAKK,EAAKM,KAAK1C;eAC5B,IAAIoC,EAAKM,KAAKgE,WAAWtE,EAAKM,KAAK3B,aAAatB,GAAa;UAClEmI,EAAqB7F,KAAKK,EAAKM,KAAK1C;;;MAGxCyD,KAAK4B,oBAAoBA;MACzB5B,KAAKmE,uBAAuBA;MAE5BnE,KAAK2E,kCAAkC3E,KAAKmE,qBAAqBjD,SAAS;MAC1ElB,KAAK4E,gCAAgC5E,KAAK4B,kBAAkBV,SAAS;AAAC;IAGxEwC,EAAA3D,IAAAC,OAAkB6E,KAGTA,EAASC,MAAK,CAACC,GAAGC;MACvB,IAAID,EAAEzH,aAAa,cAAc0H,EAAE1H,aAAa,YAAY;QAC1D,QAAQ;;MAEV,IAAI0H,EAAE1H,aAAa,cAAcyH,EAAEzH,aAAa,YAAY;QAC1D,OAAO;;MAGT,OAAOyH,EAAEpI,QAAQsI,cAAcD,EAAErI;AAAQ;IAI7CuI,EAAAnF,IAAAC,OAAgB;MACd,MAAMmF,IAA0BnF,KAAK4E;MACrC,MAAMQ,IAAqBpF,KAAKmB,qBAAqBD,SAAS;MAC9D,OACEmB,EAAA;QAAQM,OAAM;SACZN,EAAA;QACEM,OAAM;QACN0C,WAAWD;QACXE,MAAK;QACL1C,SAASwC,KAAsBtE,EAAAd,MAAIiC,GAAA;SAElCnB,EAAAd,MAAIC,GAAA,KAAkBsF,OAAOC,cAGhCnD,EAAA;QAAKM,OAAM;SACTN,EAAA;QACEM,OAAM;QACN2C,MAAK;QACLD,WAAWF;QACXvC,SACEuC,KAA2BrE,EAAAd,MAAI0B,GAAA;SAGjCW,EAAA;QACEM,OAAM;QACN0C,WAAWF;QACXM,KAAKjG;UAENsB,EAAAd,MAAIC,GAAA,KAAkBsF,OAAOG,sBAGhCrD,EAAA;;QAEEM,OAAM;QACN0C,UAAUrF,KAAKqB;QACfiE,MAAK;QACL1C,UACG5C,KAAKqB,sBAAsBP,EAAAd,MAAIoB,GAAA;SAGlCiB,EAAA;QACEM,OAAM;QACN0C,UAAUrF,KAAKqB;QACfoE,KAAKhG;UAENqB,EAAAd,MAAIC,GAAA,KAAkBsF,OAAOI;AAG3B;IAIbnE,EAAAzB,IAAAC,OAAkB4F;MAChB,IAAIA,EAAiB1E,QAAQ;QAC3B,MAAM2E,IAAsBpI,uBAC1BmI,GACA9E,EAAAd,MAAIM,GAAA,MACJQ,EAAAd,MAAIQ,GAAA,MACJR,KAAKmB;QAEPnB,KAAKmB,uBAAuB0E;;;oCAnVI;2CACO;yCACF;6BACF;gCACG;8BACZ;gCACE;;gCAEe;;;;;;;;;kBA4DrB;;;;EA1D1B,2BAAAC,CAA4BC;IAC1B/F,KAAKoC,aACH2D,KAA2BA,EAAwB7E,SAAS;IAC9D,KAAKlB,KAAKoC,YAAY;MACpBpC,KAAK2E,kCAAkC;MACvC3E,KAAK4E,gCAAgC;;;EA4DzC,kBAAAoB,CAAmBC;IACjBnF,EAAAd,MAAIkG,GAAA,KAAAC,GAAwB1E,KAA5BzB,MAA6BiG;;EAQ/B,uBAAMG;IACJpF,EAAAhB,MAAIC,SAA0BoG,EAAOC,oBAAoBtG,KAAKuG,KAAG;IACjEzF,EAAAd,MAAI6D,GAAA,KAAiBpC,KAArBzB;IACAc,EAAAd,MAAIkG,GAAA,KAAAC,GAAwB1E,KAA5BzB,MAA6BA,KAAK5C;;EAgQpC,MAAAoJ;IACE,MAAMC,IACJzG,KAAK2E,mCACL3E,KAAK4E,iCACL5E,KAAKqB;IAEP,MAAMqF,IAAsB1G,KAAKgC;IAEjC,OACEK,EAACsE,GAAI;MAAChE,OAAM;OACVN,EAAA;MAAUiB,OAAO1D;QAEjByC,EAAA,iBACEA,EAAA;MAAQM,OAAM;OACZN,EAAA;MAAKM,OAAM;OACTN,EAAA;MAAKM,OAAM;OACTN,EAAA;MAAOM,OAAM;MAAQiE,SAAQ;OAC1B9F,EAAAd,MAAIC,GAAA,KAAkB4G,OAAOC,iBAEhCzE,EAAA;MACE0E,WAAS;MACTxK,IAAG;MACHoG,OAAM;MACN2C,MAAK;MACLvE,OAAOf,KAAKiE;MACZpH,aAAasC;MACb6H,KAAMT,KACHvF,EAAAhB,MAAII,GAAemG,GAAuB;SAKjDlE,EAAA;MAAKM,OAAM;OACTN,EAAA;MACE9F,IAAG;MACHoG,OAAM;MACN2C,MAAK;MACLD,WAAWoB;MACX7D,SAAS6D,KAAuB3F,EAAAd,MAAIgE,GAAA;OAEnClD,EAAAd,MAAIC,GAAA,KAAkB4G,OAAOI,eAEhC5E,EAAA;MACE9F,IAAG;MACHoG,OAAM;MACN2C,MAAK;MACLD,WAAWqB;MACX9D,SAAS8D,KAAuB5F,EAAAd,MAAI6B,GAAA;OAEnCf,EAAAd,MAAIC,GAAA,KAAkB4G,OAAOK,eAGhC7E,EAAA;MAAA,cACcvB,EAAAd,MAAIC,GAAA,KAAkB4G,OAAOM;MACzCC,OAAOtG,EAAAd,MAAIC,GAAA,KAAkB4G,OAAOM;MACpCxE,OAAM;MACN2C,MAAK;MACL1C,SAAS5C,KAAKqH;OAEdhF,EAAA;MAAUM,OAAM;MAAU8C,KAAKlG;UAInC8C,EAAA;MAAKM,OAAM;OACTN,EAAA;MACEM,OAAM;MACN2C,MAAK;MACL3I,SACEmE,EAAAd,MAAIC,GAAA,KAAkBuC,KAAK8E;MAE7BC,cAAc5H;MACd6H,SAAS1G,EAAAd,MAAIU,GAAA;MACbsG,KAAMT,KACHvF,EAAAhB,MAAIF,GAAuByG,GAA2B;QAI3DlE,EAAA;MACEM,OAAM;MACN2C,MAAK;MACLiC,cAAc5H;MACdhD,SAASmE,EAAAd,MAAIC,GAAA,KAAkBuC,KAAKiF;MACpCD,SAAS1G,EAAAd,MAAI8D,GAAA;MACbkD,KAAMT,KACHvF,EAAAhB,MAAIG,GAAgBoG,GAA2B;WAO1DlE,EAAA;MAAKM,OAAM;OACR7B,EAAAd,MAAImC,GAAA,KAA0BV,KAA9BzB,OACAA,KAAK0H,UAAU1H,KAAKgC,wBACnBK,EAAA;MACEsF,aAAa7G,EAAAd,MAAIC,GAAA,KAAkByH,OAAOC;MAC1CC,aAAa9G,EAAAd,MAAIC,GAAA,KAAkByH,OAAON;MAC1CrF,gBAAgBjB,EAAAd,MAAI6B,GAAA;MACpBgG,MAAI;MACJlF,OAAM;SAKX7B,EAAAd,MAAIkF,GAAA,KAAczD,KAAlBzB;;;;;;;;;;;;;;;;;;;;6GAlNe8H;EACtBA,EAAiB/J,SAAQrB;IACvBoE,EAAAd,MAAIM,GAAA,KAAiBP,IAAIrD,EAAWH,IAAIG;AAAW;AAEvD"}
+{"version":3,"names":["KB_PROPERTY","KB_OBJECT","getPropertyIcon","typeId","kbPropertiesTypes","find","propertyType","id","icon","convertObjectTypeToTreeItem","objectType","caption","name","startImgSrc","leaf","parts","expanded","items","convertObjectToTreeItem","object","objectTypes","get","metadata","convertPropertyToTreeItem","property","updateObjectsTreeModel","objects","objectTypesMap","objectsSet","actualTreeState","updatedTreeData","forEach","has","objectTreeItem","objectTypeTreeItemIndex","findIndex","treeItem","objectTypeTreeItem","push","add","convertKbPropertiesDataToTreeItemData","properties","propertyAlreadyExists","node","undefined","propertyTreeItem","unshift","clearKbPropertiesFromTree","filter","item","kbManagerExportCss","FILE_ICON","getIconPath","category","colorType","SETTINGS_ICON","GENERAL_REFERENCES_ICON","MENUS_NEW_OBJECT_ICON","TREE_VIEW_ICON","CHECKBOX_CHECKED_VALUE","CSS_BUNDLES","GxIdeKbManagerExport","_GxIdeKbManagerExport_addKbDescriptionEl","set","this","_GxIdeKbManagerExport_componentLocale","_GxIdeKbManagerExport_animateEmptyState","_GxIdeKbManagerExport_exportAllEl","_GxIdeKbManagerExport_fileNameEl","_GxIdeKbManagerExport_kBPropertiesData","_GxIdeKbManagerExport_objectTypesMap","Map","_GxIdeKbManagerExport_objectsSet","Set","_GxIdeKbManagerExport_addKBPropertiesCallbackHandler","async","_e","addKbPropertiesIsChecked","__classPrivateFieldGet","value","__classPrivateFieldSet","addKBPropertiesCallback","length","objectsTreeViewModel","_GxIdeKbManagerExport_addObjectsCallbackHandler","exportAllIsChecked","addedObjects","addObjectsCallback","_GxIdeKbManagerExport_updateObjects","call","_GxIdeKbManagerExport_addReferencesCallbackHandler","addReferencesCallback","checkedObjectsIds","_GxIdeKbManagerExport_cancelCallbackHandler","cancelled","cancelCallback","exportingIsInProcess","_GxIdeKbManagerExport_clearButtonHandler","clear","_GxIdeKbManagerExport_evaluateContentToDisplay","hasObjects","h","isAnimated","stateTitle","main","noObjectsToDisplay","key","class","onClick","beginByADdingSomeObjects","stateIconSrc","exportAllMessage","checkbox","checked","dragDisabled","dropDisabled","_GxIdeKbManagerExport_evaluateTreeViewFilters","filterType","model","showLines","toggleCheckboxes","sortItemsCallback","_GxIdeKbManagerExport_sortTreeItems","onCheckedItemsChange","_GxIdeKbManagerExport_objectsTreeCheckedItemsChangedHandler","_GxIdeKbManagerExport_evaluateObjects","_GxIdeKbManagerExport_exportAllChangedHandler","_event","_GxIdeKbManagerExport_exportCallbackHandler","fileName","checkedKbPropertiesIds","checkedPropertiesIds","checkedObjectIds","exportCallback","then","event","allItemsWithCheckbox","detail","values","atLeastOnePropertyItemIsChecked","atLeastOneObjectItemIsChecked","subModel","sort","a","b","localeCompare","_GxIdeKbManagerExport_renderFooter","referencesButtonEnabled","clearButtonEnabled","disabled","part","footer","clearButton","src","addReferencesButton","addButton","objectsDataArray","newObjectsTreeModel","objectsTreeViewModelChanged","newObjectsTreeViewModel","objectTypesChanged","newObjectTypesArray","_GxIdeKbManagerExport_instances","_GxIdeKbManagerExport_objectsTypesArrayToMap","componentWillLoad","Locale","getComponentStrings","el","render","exportButtonEnabled","cancelButtonEnabled","Host","htmlFor","header","exportFileName","autoFocus","ref","exportButton","cancelButton","optionsButton","title","optionsCallback","addKnowledgeBaseDescription","checkedValue","onInput","exportAll","loader","cancelLabel","loaderTitle","show","objectTypesArray"],"sources":["src/components/kb-manager-export/helpers.ts","src/components/kb-manager-export/kb-manager-export.scss?tag=gx-ide-kb-manager-export&encapsulation=shadow","src/components/kb-manager-export/kb-manager-export.tsx"],"sourcesContent":["// /* Tree View */\nimport {\n  TreeViewItemModel,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { ObjectData, KBPropertyData, KBPropertyType } from \"./types\";\nimport { ObjectType } from \"../../common/types\";\nexport const KB_PROPERTY = \"property\";\nexport const KB_OBJECT = \"object\";\n\nconst getPropertyIcon = (\n  typeId: string,\n  kbPropertiesTypes: KBPropertyType[]\n): string =>\n  // The object icon has to be retrieved from the ObjectTypes array, by\n  // matching the ObjectData typeId with the ObjectType id\n  kbPropertiesTypes.find(propertyType => propertyType.id === typeId).icon;\n\nconst convertObjectTypeToTreeItem = (\n  objectType: ObjectType\n): TreeViewItemModel => ({\n  caption: objectType.name,\n  id: objectType.id,\n  startImgSrc: objectType.icon,\n  leaf: false,\n  parts: \"object-type tree-view-item\",\n  expanded: true,\n  items: []\n});\n\nconst convertObjectToTreeItem = (\n  object: ObjectData,\n  objectTypes: Map<string, ObjectType>\n): TreeViewItemModel => ({\n  caption: object.name,\n  id: object.id,\n  startImgSrc: objectTypes.get(object.typeId).icon,\n  parts: \"object tree-view-item\",\n  metadata: KB_OBJECT,\n  leaf: true\n});\n\nconst convertPropertyToTreeItem = (\n  property: KBPropertyData,\n  kbPropertiesTypes: KBPropertyType[]\n): TreeViewItemModel => ({\n  caption: property.name,\n  id: property.id,\n  startImgSrc: getPropertyIcon(property.typeId, kbPropertiesTypes),\n  parts: \"property tree-view-item\",\n  metadata: KB_PROPERTY,\n  leaf: true\n});\n\n/**\n * Updates the tree model with the provided objects.\n * Objects may already exist and are placed under their parent node.\n * If the parent node doesn't exist (identified by typeId on ObjectTypes),\n * it is created and added at the bottom.\n *\n * @param {ObjectData[] | undefined} objects - The array of objects to update.\n * @param {Map<string, ObjectType>} objectTypesMap - A map of object types by ID.\n * @param {Set<string>} objectsSet - A set of existing object IDs.\n * @param {TreeViewModel} actualTreeState - The current tree state to be updated.\n * @returns {TreeViewModel} - The updated tree view model.\n */\nexport const updateObjectsTreeModel = (\n  objects: ObjectData[] | undefined,\n  objectTypesMap: Map<string, ObjectType>,\n  objectsSet: Set<string>,\n  actualTreeState: TreeViewModel\n): TreeViewModel => {\n  if (!objects) {\n    return [...actualTreeState];\n  }\n\n  const updatedTreeData: TreeViewModel = [...actualTreeState];\n  objects.forEach(object => {\n    // objects that already exists in the actual actualTreeState should not be added.\n\n    if (objectsSet.has(object.id)) {\n      // object already exists\n      return;\n    }\n\n    const objectTreeItem = convertObjectToTreeItem(object, objectTypesMap);\n\n    // TODO: Improve the algorithm efficiency. This check visits potentially all nodes\n    // from the TreeViewModel on each iteration. Using a Map to pre-store the TreeView\n    // nodes would improve efficiency.\n    const objectTypeTreeItemIndex = updatedTreeData.findIndex(\n      treeItem => treeItem.id === object.typeId\n    );\n\n    if (objectTypeTreeItemIndex === -1) {\n      // Create and add new object type tree item\n      const objectType = objectTypesMap.get(object.typeId);\n      if (objectType) {\n        const objectTypeTreeItem = convertObjectTypeToTreeItem(objectType);\n        objectTypeTreeItem.items.push(objectTreeItem);\n        updatedTreeData.push(objectTypeTreeItem);\n      }\n    } else {\n      // objectType exists already. insert object as children of the object type tree item.\n      updatedTreeData[objectTypeTreeItemIndex].items.push(objectTreeItem);\n    }\n\n    objectsSet.add(object.id);\n  });\n\n  return updatedTreeData;\n};\n\n/**\n * Converts an array of KB properties data into tree item data for a tree view.\n *\n * @param {KBPropertyData[]} properties - The array of KB property data.\n * @param {KBPropertyType[]} kbPropertiesTypes - The array of KB property types.\n * @param {TreeViewModel} actualTreeState - The current state of the tree.\n * @returns {TreeViewModel} - The updated tree view item models.\n */\nexport const convertKbPropertiesDataToTreeItemData = (\n  properties: KBPropertyData[],\n  kbPropertiesTypes: KBPropertyType[],\n  actualTreeState: TreeViewModel\n): TreeViewModel => {\n  if (!properties) {\n    return [...actualTreeState];\n  }\n\n  const updatedTreeData: TreeViewModel = [...actualTreeState];\n  properties.forEach(property => {\n    // properties have no parent node, and they should be added at the beginning of the tree\n    const propertyAlreadyExists =\n      updatedTreeData.find(node => node.id === property.id) !== undefined;\n    if (propertyAlreadyExists) {\n      return;\n    }\n    const propertyTreeItem = convertPropertyToTreeItem(\n      property,\n      kbPropertiesTypes\n    );\n    updatedTreeData.unshift(propertyTreeItem);\n  });\n  return updatedTreeData;\n};\n\n/**\n * Removes properties from the tree model.\n *\n * @param {TreeViewModel} actualTreeState - The current state of the tree,\n * containing various tree view items.\n * @returns {TreeViewModel} - A new array of tree view items that excludes\n * any items with metadata of type `KB_PROPERTY`.\n */\nexport const clearKbPropertiesFromTree = (\n  actualTreeState: TreeViewModel\n): TreeViewModel =>\n  actualTreeState.filter(item => item.metadata !== KB_PROPERTY);\n",":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\nsection {\n  display: contents;\n}\n\n.header__field-group {\n  grid-template:\n    \"export-file-name buttons-container\" max-content\n    \"checkboxes checkboxes\" max-content\n    / 1fr max-content;\n}\n.export-file-name {\n  grid-area: export-file-name;\n}\n.header__buttons-container {\n  grid-area: buttons-container;\n}\n.header__checkboxes {\n  grid-area: checkboxes;\n  grid-template-columns: max-content 1fr;\n}\n\n.main {\n  position: relative;\n  padding-block: var(--content-block-spacing);\n}\n","import { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n\nimport { ChCheckboxCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport {\n  TreeViewItemModelExtended,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport {\n  updateObjectsTreeModel,\n  convertKbPropertiesDataToTreeItemData,\n  clearKbPropertiesFromTree\n} from \"./helpers\";\nimport { ObjectType } from \"../../common/types\";\n\nimport { KB_PROPERTY, KB_OBJECT } from \"./helpers\";\nimport {\n  KBPropertiesCallback,\n  KBPropertyData,\n  KBPropertyType,\n  ObjectData,\n  ExportFileDirectoryCallback,\n  OptionsCallback,\n  AddObjectsCallback,\n  ExportCallback,\n  AddReferencesCallback,\n  CancelCallback\n} from \"./types\";\n\nimport { getIconPath } from \"@genexus/mercury\";\n\nconst FILE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"file\",\n  colorType: \"on-elevation\"\n});\nconst SETTINGS_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"settings\",\n  colorType: \"primary\"\n});\nconst GENERAL_REFERENCES_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"references\",\n  colorType: \"neutral\"\n});\nconst MENUS_NEW_OBJECT_ICON = getIconPath({\n  category: \"menus\",\n  name: \"new-object\",\n  colorType: \"on-primary\"\n});\nconst TREE_VIEW_ICON = getIconPath({\n  category: \"controls\",\n  name: \"treeview\"\n});\nconst CHECKBOX_CHECKED_VALUE = \"true\";\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  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n@Component({\n  tag: \"gx-ide-kb-manager-export\",\n  styleUrl: \"kb-manager-export.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/kb-manager-export\"]\n})\nexport class GxIdeKbManagerExport {\n  #addKbDescriptionEl!: HTMLChCheckboxElement;\n  #componentLocale: any;\n  #animateEmptyState: boolean = false;\n  #exportAllEl!: HTMLChCheckboxElement;\n  #fileNameEl!: HTMLChEditElement;\n  #kBPropertiesData!: KBPropertyData[];\n  /**\n   * Stores the object types information (name, and icon)\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #objectTypesMap: Map<string, ObjectType> = new Map();\n  /**\n   * Stores the object's id that have been added.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #objectsSet: Set<string> = new Set();\n\n  @Element() el: HTMLGxIdeKbManagerExportElement;\n\n  @State() addKbPropertiesIsChecked = false;\n  @State() atLeastOnePropertyItemIsChecked = false;\n  @State() atLeastOneObjectItemIsChecked = false;\n  @State() checkedObjectsIds: string[] = [];\n  @State() checkedPropertiesIds: string[] = [];\n  @State() exportAllIsChecked = false;\n  @State() exportingIsInProcess = false;\n  @State() hasObjects: boolean;\n  @State() objectsTreeViewModel: TreeViewModel = [];\n  @Watch(\"objectsTreeViewModel\")\n  objectsTreeViewModelChanged(newObjectsTreeViewModel: TreeViewModel) {\n    this.hasObjects =\n      newObjectsTreeViewModel && newObjectsTreeViewModel.length > 0;\n    if (!this.hasObjects) {\n      this.atLeastOnePropertyItemIsChecked = false;\n      this.atLeastOneObjectItemIsChecked = false;\n    }\n  }\n\n  /**\n   * Callback invoked when the user wants to include KB properties.\n   */\n  @Prop() readonly addKBPropertiesCallback!: KBPropertiesCallback;\n\n  /**\n   * Callback invoked when the user wants to add objects.\n   */\n  @Prop() readonly addObjectsCallback!: AddObjectsCallback;\n\n  /**\n   *Callback invoked when the user wants to add all the references for the selected objects.\n   *@param itemIds:string[] The selected item ids\n   *@returns : Returns an object with the items and its references\n   */\n  @Prop() readonly addReferencesCallback!: AddReferencesCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel the export process.\n   * @returns It returns a boolean indicating whether the process could be canceled or not.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   *Callback invoked when the user wants to initiate the export process.\n   *@param fileName:string\n   *@param itemIds:string[] The selected item ids\n   *@returns : It returns a boolean indicating whether the process was successful\n   */\n  @Prop() readonly exportCallback!: ExportCallback;\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly exportFileDirectoryCallback!: ExportFileDirectoryCallback;\n\n  /**\n   * It allows defining the default Export File Name\n   */\n  @Prop() readonly fileName: string;\n\n  /**\n   * Array with the possible types of KB properties\n   */\n  @Prop() readonly kbPropertiesTypes: KBPropertyType[];\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Array of possible object types\n   */\n  @Prop() readonly objectTypes: ObjectType[];\n  @Watch(\"objectTypes\")\n  objectTypesChanged(newObjectTypesArray: ObjectType[]) {\n    this.#objectsTypesArrayToMap(newObjectTypesArray);\n  }\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly optionsCallback: OptionsCallback;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#evaluateObjects();\n    this.#objectsTypesArrayToMap(this.objectTypes);\n  }\n\n  #addKBPropertiesCallbackHandler = async (\n    _e: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.addKbPropertiesIsChecked =\n      this.#addKbDescriptionEl.value === CHECKBOX_CHECKED_VALUE;\n    if (this.addKbPropertiesIsChecked) {\n      this.#kBPropertiesData = await this.addKBPropertiesCallback();\n      if (this.#kBPropertiesData.length) {\n        this.objectsTreeViewModel = convertKbPropertiesDataToTreeItemData(\n          this.#kBPropertiesData,\n          this.kbPropertiesTypes,\n          this.objectsTreeViewModel\n        );\n      }\n    } else {\n      // previous properties (if any) should be removed\n      this.objectsTreeViewModel = clearKbPropertiesFromTree(\n        this.objectsTreeViewModel\n      );\n    }\n  };\n\n  #addObjectsCallbackHandler = async () => {\n    this.#exportAllEl.value = undefined;\n    this.exportAllIsChecked = false;\n    const addedObjects = await this.addObjectsCallback();\n    this.#updateObjects(addedObjects);\n  };\n\n  #addReferencesCallbackHandler = async () => {\n    const objects: ObjectData[] = await this.addReferencesCallback(\n      this.checkedObjectsIds\n    );\n    this.#updateObjects(objects);\n  };\n\n  #cancelCallbackHandler = async () => {\n    const cancelled = await this.cancelCallback();\n    if (cancelled) {\n      this.exportingIsInProcess = false;\n    }\n  };\n\n  #clearButtonHandler = () => {\n    this.objectsTreeViewModel = [];\n    this.#objectsSet.clear();\n    this.#addKbDescriptionEl.value = undefined;\n    this.#exportAllEl.value = undefined;\n  };\n\n  #evaluateContentToDisplay = () => {\n    // Nothing to display on the tree-view\n    if (!this.hasObjects && !this.exportAllIsChecked) {\n      return (\n        <gx-ide-empty-state\n          isAnimated={this.#animateEmptyState}\n          stateTitle={this.#componentLocale.main.noObjectsToDisplay}\n          key=\"no-objects-empty-state\"\n        >\n          <button\n            class=\"button-primary\"\n            onClick={this.#addObjectsCallbackHandler}\n          >\n            {this.#componentLocale.main.beginByADdingSomeObjects}\n          </button>\n        </gx-ide-empty-state>\n      );\n    } else {\n      this.#animateEmptyState = true; // improve performance if is first render\n    }\n\n    if (this.exportAllIsChecked) {\n      return (\n        <gx-ide-empty-state\n          isAnimated={this.#animateEmptyState}\n          stateIconSrc={TREE_VIEW_ICON}\n          stateTitle={this.#componentLocale.main.exportAllMessage}\n          key=\"exporting-all-empty-state\"\n        ></gx-ide-empty-state>\n      );\n    } else {\n      this.#animateEmptyState = true; // improve performance if is first render\n    }\n\n    return (\n      <ch-tree-view-render\n        class=\"tree-view\"\n        checkbox\n        checked\n        dragDisabled\n        dropDisabled\n        filter={this.#evaluateTreeViewFilters()}\n        filterType={\n          this.addKbPropertiesIsChecked && !this.exportAllIsChecked\n            ? \"none\"\n            : \"metadata\"\n        }\n        model={this.objectsTreeViewModel}\n        showLines=\"last\"\n        toggleCheckboxes\n        sortItemsCallback={this.#sortTreeItems}\n        onCheckedItemsChange={this.#objectsTreeCheckedItemsChangedHandler}\n      ></ch-tree-view-render>\n    );\n  };\n\n  #evaluateObjects = () => {\n    this.hasObjects =\n      this.objectsTreeViewModel && this.objectsTreeViewModel.length > 0;\n  };\n\n  #evaluateTreeViewFilters = (): string => {\n    if (this.addKbPropertiesIsChecked && this.exportAllIsChecked) {\n      return KB_PROPERTY; // only show properties\n    }\n    if (!this.addKbPropertiesIsChecked && !this.exportAllIsChecked) {\n      return KB_OBJECT; // only show objects\n    }\n    return \"none\";\n  };\n\n  #exportAllChangedHandler = (\n    _event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.exportAllIsChecked =\n      this.#exportAllEl.value === CHECKBOX_CHECKED_VALUE;\n  };\n\n  #exportCallbackHandler = async () => {\n    this.exportingIsInProcess = true;\n    const fileName: string = this.#fileNameEl.value;\n    const checkedKbPropertiesIds = this.addKbPropertiesIsChecked\n      ? this.checkedPropertiesIds\n      : [];\n    const checkedObjectIds = this.exportAllIsChecked\n      ? undefined\n      : this.checkedObjectsIds;\n    this.exportCallback(\n      fileName,\n      checkedKbPropertiesIds,\n      checkedObjectIds\n    ).then(() => {\n      this.exportingIsInProcess = false;\n    });\n    // returns Promise<boolean> but no procedure was detailed on the spec.\n  };\n\n  #objectsTypesArrayToMap(objectTypesArray: ObjectType[]) {\n    objectTypesArray.forEach(objectType => {\n      this.#objectTypesMap.set(objectType.id, objectType);\n    });\n  }\n\n  #objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    // filter 'checked objects' and 'checked properties' ids\n    const checkedObjectsIds: string[] = [];\n    const checkedPropertiesIds: string[] = [];\n    const allItemsWithCheckbox = [...event.detail.values()];\n    allItemsWithCheckbox.forEach(node => {\n      if (node.item.checked && node.item.metadata === KB_OBJECT) {\n        checkedObjectsIds.push(node.item.id);\n      } else if (node.item.checked && node.item.metadata === KB_PROPERTY) {\n        checkedPropertiesIds.push(node.item.id);\n      }\n    });\n    this.checkedObjectsIds = checkedObjectsIds;\n    this.checkedPropertiesIds = checkedPropertiesIds;\n\n    this.atLeastOnePropertyItemIsChecked = this.checkedPropertiesIds.length > 0;\n    this.atLeastOneObjectItemIsChecked = this.checkedObjectsIds.length > 0;\n  };\n\n  #sortTreeItems = (subModel: TreeViewModel) => {\n    // \"property\" items should be added on top.\n    // else sort alphabetically by \"caption\" value.\n    return subModel.sort((a, b) => {\n      if (a.metadata === \"property\" && b.metadata !== \"property\") {\n        return -1;\n      }\n      if (b.metadata === \"property\" && a.metadata !== \"property\") {\n        return 1;\n      }\n\n      return a.caption.localeCompare(b.caption);\n    });\n  };\n\n  #renderFooter = (): HTMLElement => {\n    const referencesButtonEnabled = this.atLeastOneObjectItemIsChecked;\n    const clearButtonEnabled = this.objectsTreeViewModel.length > 0;\n    return (\n      <footer class=\"footer control-footer-with-border control-footer-space-between space-body spacing-body-inline spacing-body-block-end\">\n        <button\n          class=\"button-tertiary clear-btn\"\n          disabled={!clearButtonEnabled}\n          part=\"clear-button\"\n          onClick={clearButtonEnabled && this.#clearButtonHandler}\n        >\n          {this.#componentLocale.footer.clearButton}\n        </button>\n\n        <div class=\"buttons-spacer\">\n          <button\n            class=\"button-secondary button-icon-and-text\"\n            part=\"references-button\"\n            disabled={!referencesButtonEnabled}\n            onClick={\n              referencesButtonEnabled && this.#addReferencesCallbackHandler\n            }\n          >\n            <ch-image\n              class=\"icon-sm\"\n              disabled={!referencesButtonEnabled}\n              src={GENERAL_REFERENCES_ICON}\n            ></ch-image>\n            {this.#componentLocale.footer.addReferencesButton}\n          </button>\n\n          <button\n            // Add button\n            class=\"button-primary button-icon-and-text\"\n            disabled={this.exportAllIsChecked}\n            part=\"add-button\"\n            onClick={\n              !this.exportAllIsChecked && this.#addObjectsCallbackHandler\n            }\n          >\n            <ch-image\n              class=\"icon-sm\"\n              disabled={this.exportAllIsChecked}\n              src={MENUS_NEW_OBJECT_ICON}\n            ></ch-image>\n            {this.#componentLocale.footer.addButton}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #updateObjects = (objectsDataArray: ObjectData[]) => {\n    if (objectsDataArray.length) {\n      const newObjectsTreeModel = updateObjectsTreeModel(\n        objectsDataArray,\n        this.#objectTypesMap,\n        this.#objectsSet,\n        this.objectsTreeViewModel\n      );\n      this.objectsTreeViewModel = newObjectsTreeModel;\n    }\n  };\n\n  render(): void {\n    const exportButtonEnabled =\n      this.atLeastOnePropertyItemIsChecked ||\n      this.atLeastOneObjectItemIsChecked ||\n      this.exportAllIsChecked;\n\n    const cancelButtonEnabled = this.exportingIsInProcess;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section>\n          <header class=\"header control-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n            <div class=\"field-group header__field-group\">\n              <div class=\"field field-inline export-file-name\">\n                <label class=\"label\" htmlFor=\"xpz-file\">\n                  {this.#componentLocale.header.exportFileName}\n                </label>\n                <ch-edit\n                  autoFocus\n                  id=\"xpz-file\"\n                  class=\"input\"\n                  part=\"xpz-file\"\n                  value={this.fileName}\n                  startImgSrc={FILE_ICON}\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#fileNameEl = el as HTMLChEditElement)\n                  }\n                ></ch-edit>\n              </div>\n\n              <div class=\"header__buttons-container buttons-spacer\">\n                <button\n                  id=\"export-kb-btn\"\n                  class=\"button-primary export-btn\"\n                  part=\"export-btn\"\n                  disabled={!exportButtonEnabled}\n                  onClick={exportButtonEnabled && this.#exportCallbackHandler}\n                >\n                  {this.#componentLocale.header.exportButton}\n                </button>\n                <button\n                  id=\"cancel-kb-export-btn\"\n                  class=\"button-secondary cancel-btn\"\n                  part=\"cancel-button\"\n                  disabled={!cancelButtonEnabled}\n                  onClick={cancelButtonEnabled && this.#cancelCallbackHandler}\n                >\n                  {this.#componentLocale.header.cancelButton}\n                </button>\n\n                <button\n                  aria-label={this.#componentLocale.header.optionsButton}\n                  title={this.#componentLocale.header.optionsButton}\n                  class=\"button-tertiary button-icon-only options-btn\"\n                  part=\"select-kb-btn\"\n                  onClick={this.optionsCallback}\n                >\n                  <ch-image class=\"icon-md\" src={SETTINGS_ICON}></ch-image>\n                </button>\n              </div>\n\n              <div class=\"header__checkboxes field-group\">\n                <ch-checkbox\n                  class=\"checkbox add-kb-description\"\n                  part=\"add-kb-description\"\n                  caption={\n                    this.#componentLocale.main.addKnowledgeBaseDescription\n                  }\n                  checkedValue={CHECKBOX_CHECKED_VALUE}\n                  onInput={this.#addKBPropertiesCallbackHandler}\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#addKbDescriptionEl = el as HTMLChCheckboxElement)\n                  }\n                ></ch-checkbox>\n\n                <ch-checkbox\n                  class=\"checkbox export-all\"\n                  part=\"export-all-checkbox\"\n                  checkedValue={CHECKBOX_CHECKED_VALUE}\n                  caption={this.#componentLocale.main.exportAll}\n                  onInput={this.#exportAllChangedHandler}\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#exportAllEl = el as HTMLChCheckboxElement)\n                  }\n                ></ch-checkbox>\n              </div>\n            </div>\n          </header>\n\n          <div class=\"main spacing-body-inline\">\n            {this.#evaluateContentToDisplay()}\n            {this.loader && this.exportingIsInProcess && (\n              <gx-ide-loader\n                cancelLabel={this.#componentLocale.loader.cancelLabel}\n                loaderTitle={this.#componentLocale.loader.title}\n                cancelCallback={this.#cancelCallbackHandler}\n                show\n                class=\"loader\"\n              ></gx-ide-loader>\n            )}\n          </div>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-a24571ca.js → p-ea4b35b6.js}

@@ -1,6 +1,14 @@
 import { h as e } from "./p-97107ecc.js";
 
-import { g as s } from "./p-401bfc97.js";
+import { g as s } from "./p-d42e842b.js";
+
+import "./p-d4ecd3bb.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
 
 // Stencil
 const c = s({
@@ -9,19 +17,19 @@ const c = s({
   colorType: "success"
 });
 
-const r = s({
+const t = s({
   category: "system",
   name: "edit",
   colorType: "warning"
 });
 
-const a = s({
+const r = s({
   category: "system",
   name: "substract",
   colorType: "error"
 });
 
-const t = s({
+const o = s({
   category: "system",
   name: "warning",
   colorType: "warning"
@@ -41,29 +49,29 @@ const t = s({
  * @param {ObjectState} objectState - The current state of the object.
  * @returns {HTMLChImageElement} A span element containing the corresponding icon and state label.
  */ const renderObjectStateWithIcon = s => {
-  let o;
+  let a;
   switch (s) {
    case "inserted":
-    o = c;
+    a = c;
     break;
 
    case "modified":
-    o = r;
+    a = t;
     break;
 
    case "deleted":
-    o = a;
+    a = r;
     break;
 
    case "conflicted":
-    o = t;
+    a = o;
     break;
   }
   return e("span", {
     class: "custom-icon-text-wrapper"
   }, e("ch-image", {
     class: "icon-md",
-    src: o
+    src: a
   }), `${s.charAt(0).toUpperCase() + s.slice(1)}`);
 };
 
@@ -84,4 +92,4 @@ const t = s({
 };
 
 export { renderObjectStateWithIcon as a, renderObjectTypeWithIcon as r };
-//# sourceMappingURL=p-a24571ca.js.map
+//# sourceMappingURL=p-ea4b35b6.js.map

package/dist/genexus-ide-ui/{p-a24571ca.js.map → p-ea4b35b6.js.map}

@@ -1 +1 @@
-{"version":3,"names":["INSERTED_ICON","getIconPath","category","name","colorType","EDITED_ICON","DELETED_ICON","WARNING_ICON","renderObjectStateWithIcon","objectState","icon","h","class","src","charAt","toUpperCase","slice","renderObjectTypeWithIcon","objectType"],"sources":["src/components/team-dev/common/utilities.tsx"],"sourcesContent":["// Stencil\nimport { h, JSX } from \"@stencil/core\";\nimport { getIconPath } from \"@genexus/mercury\";\nimport { ObjectState } from \"../version-control/common/types\";\nimport { ObjectType } from \"../../../components\";\n\nconst INSERTED_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"success\"\n});\nconst EDITED_ICON = getIconPath({\n  category: \"system\",\n  name: \"edit\",\n  colorType: \"warning\"\n});\nconst DELETED_ICON = getIconPath({\n  category: \"system\",\n  name: \"substract\",\n  colorType: \"error\"\n});\nconst WARNING_ICON = getIconPath({\n  category: \"system\",\n  name: \"warning\",\n  colorType: \"warning\"\n});\n\n/**\n * Renders a visual indicator (icon and label) for a given object state.\n *\n * This helper function maps a fixed set of object states to corresponding icons\n *\n * Supported states:\n * - \"inserted\": Displays a green \"add\" icon.\n * - \"modified\": Displays a yellow \"edit\" icon.\n * - \"deleted\": Displays a red \"subtract\" icon.\n * - \"conflicted\": Displays a yellow \"warning\" icon.\n *\n * @param {ObjectState} objectState - The current state of the object.\n * @returns {HTMLChImageElement} A span element containing the corresponding icon and state label.\n */\nexport const renderObjectStateWithIcon = (\n  objectState: ObjectState\n): HTMLChImageElement => {\n  let icon: string;\n  switch (objectState) {\n    case \"inserted\":\n      icon = INSERTED_ICON;\n      break;\n    case \"modified\":\n      icon = EDITED_ICON;\n      break;\n    case \"deleted\":\n      icon = DELETED_ICON;\n      break;\n    case \"conflicted\":\n      icon = WARNING_ICON;\n      break;\n  }\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image class=\"icon-md\" src={icon}></ch-image>\n      {`${objectState.charAt(0).toUpperCase() + objectState.slice(1)}`}\n    </span>\n  );\n};\n\n/**\n * Renders a GeneXus object type as a span element containing its icon and name.\n *\n * @param {ObjectType} objectType - The GeneXus object type to render, including its `icon` and `name` properties.\n * @returns {JSX.Element} A span element with the object's icon and label.\n */\nexport const renderObjectTypeWithIcon = (\n  objectType: ObjectType\n): JSX.Element => {\n  // bring changes\n  const icon = objectType.icon;\n\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image class=\"icon-md\" src={icon}></ch-image>\n      {`${objectType.name}`}\n    </span>\n  );\n};\n"],"mappings":";;;;;AAMA,MAAMA,IAAgBC,EAAY;EAChCC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAMC,IAAcJ,EAAY;EAC9BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAME,IAAeL,EAAY;EAC/BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAMG,IAAeN,EAAY;EAC/BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;;;;;;;;;;;;;;UAiBAI,4BACXC;EAEA,IAAIC;EACJ,QAAQD;GACN,KAAK;IACHC,IAAOV;IACP;;GACF,KAAK;IACHU,IAAOL;IACP;;GACF,KAAK;IACHK,IAAOJ;IACP;;GACF,KAAK;IACHI,IAAOH;IACP;;EAEJ,OACEI,EAAA;IAAMC,OAAM;KACVD,EAAA;IAAUC,OAAM;IAAUC,KAAKH;MAC9B,GAAGD,EAAYK,OAAO,GAAGC,gBAAgBN,EAAYO,MAAM;AACvD;;;;;;;UAUEC,2BACXC;;EAGA,MAAMR,IAAOQ,EAAWR;EAExB,OACEC,EAAA;IAAMC,OAAM;KACVD,EAAA;IAAUC,OAAM;IAAUC,KAAKH;MAC9B,GAAGQ,EAAWf;AACV"}
+{"version":3,"names":["INSERTED_ICON","getIconPath","category","name","colorType","EDITED_ICON","DELETED_ICON","WARNING_ICON","renderObjectStateWithIcon","objectState","icon","h","class","src","charAt","toUpperCase","slice","renderObjectTypeWithIcon","objectType"],"sources":["src/components/team-dev/common/utilities.tsx"],"sourcesContent":["// Stencil\nimport { h, JSX } from \"@stencil/core\";\nimport { getIconPath } from \"@genexus/mercury\";\nimport { ObjectState } from \"../version-control/common/types\";\nimport { ObjectType } from \"../../../components\";\n\nconst INSERTED_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"success\"\n});\nconst EDITED_ICON = getIconPath({\n  category: \"system\",\n  name: \"edit\",\n  colorType: \"warning\"\n});\nconst DELETED_ICON = getIconPath({\n  category: \"system\",\n  name: \"substract\",\n  colorType: \"error\"\n});\nconst WARNING_ICON = getIconPath({\n  category: \"system\",\n  name: \"warning\",\n  colorType: \"warning\"\n});\n\n/**\n * Renders a visual indicator (icon and label) for a given object state.\n *\n * This helper function maps a fixed set of object states to corresponding icons\n *\n * Supported states:\n * - \"inserted\": Displays a green \"add\" icon.\n * - \"modified\": Displays a yellow \"edit\" icon.\n * - \"deleted\": Displays a red \"subtract\" icon.\n * - \"conflicted\": Displays a yellow \"warning\" icon.\n *\n * @param {ObjectState} objectState - The current state of the object.\n * @returns {HTMLChImageElement} A span element containing the corresponding icon and state label.\n */\nexport const renderObjectStateWithIcon = (\n  objectState: ObjectState\n): HTMLChImageElement => {\n  let icon: string;\n  switch (objectState) {\n    case \"inserted\":\n      icon = INSERTED_ICON;\n      break;\n    case \"modified\":\n      icon = EDITED_ICON;\n      break;\n    case \"deleted\":\n      icon = DELETED_ICON;\n      break;\n    case \"conflicted\":\n      icon = WARNING_ICON;\n      break;\n  }\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image class=\"icon-md\" src={icon}></ch-image>\n      {`${objectState.charAt(0).toUpperCase() + objectState.slice(1)}`}\n    </span>\n  );\n};\n\n/**\n * Renders a GeneXus object type as a span element containing its icon and name.\n *\n * @param {ObjectType} objectType - The GeneXus object type to render, including its `icon` and `name` properties.\n * @returns {JSX.Element} A span element with the object's icon and label.\n */\nexport const renderObjectTypeWithIcon = (\n  objectType: ObjectType\n): JSX.Element => {\n  // bring changes\n  const icon = objectType.icon;\n\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image class=\"icon-md\" src={icon}></ch-image>\n      {`${objectType.name}`}\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAMA,MAAMA,IAAgBC,EAAY;EAChCC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAMC,IAAcJ,EAAY;EAC9BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAME,IAAeL,EAAY;EAC/BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAMG,IAAeN,EAAY;EAC/BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;;;;;;;;;;;;;;UAiBAI,4BACXC;EAEA,IAAIC;EACJ,QAAQD;GACN,KAAK;IACHC,IAAOV;IACP;;GACF,KAAK;IACHU,IAAOL;IACP;;GACF,KAAK;IACHK,IAAOJ;IACP;;GACF,KAAK;IACHI,IAAOH;IACP;;EAEJ,OACEI,EAAA;IAAMC,OAAM;KACVD,EAAA;IAAUC,OAAM;IAAUC,KAAKH;MAC9B,GAAGD,EAAYK,OAAO,GAAGC,gBAAgBN,EAAYO,MAAM;AACvD;;;;;;;UAUEC,2BACXC;;EAGA,MAAMR,IAAOQ,EAAWR;EAExB,OACEC,EAAA;IAAMC,OAAM;KACVD,EAAA;IAAUC,OAAM;IAAUC,KAAKH;MAC9B,GAAGQ,EAAWf;AACV"}

package/dist/genexus-ide-ui/{p-bd0ffc08.entry.js → p-f47b08c5.entry.js}

@@ -1,15 +1,23 @@
-import { g as e, r as a, h as s, H as i, a as t } from "./p-97107ecc.js";
+import { g as e, r as a, h as i, H as s, a as t } from "./p-97107ecc.js";
 
-import { g as r } from "./p-401bfc97.js";
+import { g as r } from "./p-d42e842b.js";
+
+import "./p-d4ecd3bb.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
 
 import { L as o } from "./p-311eedf3.js";
 
 const n = '@charset "UTF-8";:host{display:grid;block-size:100%;grid-auto-rows:max-content;justify-content:center;padding:95px var(--mer-spacing--lg) 95px var(--mer-spacing--lg);overflow:auto}.licenses-descriptions-list,.licenses-names-list{list-style:none;margin:0;padding:0}.main-wrapper{max-inline-size:1000px;display:grid;gap:var(--mer-spacing--xl)}.logo{inline-size:200px;margin:0 auto;margin-block-end:var(--mer-spacing--2xl);opacity:0;transform:translateY(var(--mer-spacing--2xs));animation:showLogo var(--mer-timing--regular) ease-out forwards;animation-delay:var(--mer-timing--regular)}@keyframes showLogo{100%{opacity:1;transform:translateY(0)}}.card{display:grid;border-radius:var(--mer-border__radius--sm);border-width:var(--mer-border__width--sm);border-color:var(--elevation-border-color);border-style:solid;padding:var(--mer-spacing--lg);gap:var(--mer-spacing--md);opacity:0;animation:showCard var(--mer-timing--fast) ease-out forwards;animation-delay:calc(var(--mer-timing--regular) * 2)}@keyframes showCard{100%{opacity:1}}h1.title{font-weight:600}.intro-container{display:grid;gap:var(--mer-spacing--md)}.date-container{display:grid;gap:var(--mer-spacing--sm)}.card-package{opacity:0;transition:opacity var(--mer-timing--fast)}.package-name{--package-name-color:var(--mer-text__primary);color:var(--package-name-color)}.package-name a{display:flex;align-items:center;gap:8px}.package-name.has-link:hover{--package-name-color:var(--mer-text__primary--hover)}.package-name.has-link:active{--package-name-color:var(--mer-text__primary--active)}.package-link{display:inline-block}.licenses-names-list{display:flex;align-items:center}.licenses-names-item:not(:first-child)::before{content:"•";padding-inline:8px}.licenses-descriptions-description{white-space:break-spaces;max-block-size:940px;overflow:auto;line-height:1.5}.licenses-descriptions-item{display:grid;gap:var(--mer-spacing--md)}.code-box{border-radius:var(--mer-border__radius--sm);background-color:var(--mer-surface);border:1px solid var(--mer-border-color__on-elevation--01);padding:var(--mer-spacing--md);font-family:var(--font-family-code);font-size:var(--font-size-body-s);display:grid;gap:var(--mer-spacing--lg)}.description-list{display:grid;gap:var(--mer-spacing--xs);max-inline-size:400px;margin:0 auto}.show-more-button{justify-self:start}.color-default{color:var(--mer-text__highlighted)}.color-neutral{color:var(--mer-color__neutral-gray--400)}.color-primary{color:var(--mer-text__primary)}p{--line-height-tight:1.5;--font-weight-regular:300}hr{border-block-start:0;border-color:var(--mer-border-color__on-elevation--01);inline-size:100%;margin:0}';
 
-var l = undefined && undefined.__classPrivateFieldGet || function(e, a, s, i) {
-  if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof a === "function" ? e !== a || !i : !a.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return s === "m" ? i : s === "a" ? i.call(e) : i ? i.value : a.get(e);
+var l = undefined && undefined.__classPrivateFieldGet || function(e, a, i, s) {
+  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof a === "function" ? e !== a || !s : !a.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? s : i === "a" ? s.call(e) : s ? s.value : a.get(e);
 };
 
 var c, d, m, p, g, h;
@@ -38,36 +46,36 @@ const _ = class {
   constructor(e) {
     a(this, e);
     c.set(this, (e => e === null || e === void 0 ? void 0 : e.toISOString().split("T")[0]));
-    d.set(this, ((e, a = "name", i) => {
-      const t = l(this, p, "f").call(this, i, e.name);
+    d.set(this, ((e, a = "name", s) => {
+      const t = l(this, p, "f").call(this, s, e.name);
       const r = t === this.expandedLicenseId;
-      return a === "name" ? s("ul", {
+      return a === "name" ? i("ul", {
         class: "licenses-names-list"
-      }, s("li", {
+      }, i("li", {
         class: "color-default body-regular-m licenses-names-item"
-      }, e.name)) : s("ul", {
+      }, e.name)) : i("ul", {
         class: "licenses-descriptions-list"
-      }, s("li", {
+      }, i("li", {
         class: "licenses-descriptions-item",
         key: e.name
-      }, r ? s("p", {
+      }, r ? i("p", {
         class: "code-box color-neutral licenses-descriptions-description scrollable"
       }, e.description) : null));
     }));
     m.set(this, ((e, a) => {
-      const i = l(this, p, "f").call(this, a, e.name);
-      const t = i === this.expandedLicenseId;
+      const s = l(this, p, "f").call(this, a, e.name);
+      const t = s === this.expandedLicenseId;
       const r = t ? this._componentLocale.detailsCard.hide : this._componentLocale.detailsCard.show;
-      return s("div", {
+      return i("div", {
         class: "licenses-buttons-container buttons-spacer"
-      }, s("button", {
+      }, i("button", {
         class: {
           "button-icon-and-text": true,
           "button-primary": !t,
           "button-secondary": t,
           "show-more-button": true
         },
-        onClick: l(this, g, "f").call(this, i)
+        onClick: l(this, g, "f").call(this, s)
       }, r));
     }));
     p.set(this, ((e, a) => `${e.packageName}-${e.packageVersion}-${a}`));
@@ -98,7 +106,7 @@ const _ = class {
   render() {
     var e;
     const a = l(this, c, "f").call(this, this.dateGenerated);
-    return s(i, {
+    return i(s, {
       class: "scrollable",
       style: {
         backgroundImage: `url(${y}), url(${k}), url(${w})`,
@@ -106,50 +114,50 @@ const _ = class {
         backgroundRepeat: "no-repeat, no-repeat, no-repeat",
         backgroundSize: `${v}, ${v}, ${v}`
       }
-    }, s("ch-theme", {
+    }, i("ch-theme", {
       model: x
-    }), s("div", {
+    }), i("div", {
       class: "main-wrapper"
-    }, s("img", {
+    }, i("img", {
       src: b,
       class: "logo"
-    }), s("div", {
+    }), i("div", {
       class: "card card-details elevation-1"
-    }, s("div", {
+    }, i("div", {
       class: "intro-container"
-    }, s("h1", {
+    }, i("h1", {
       class: "title heading-3 color-default"
-    }, this._componentLocale.detailsCard.title), s("p", {
+    }, this._componentLocale.detailsCard.title), i("p", {
       class: "color-default body-regular-m"
-    }, this._componentLocale.detailsCard.mainDescription), s("p", {
+    }, this._componentLocale.detailsCard.mainDescription), i("p", {
       class: "color-neutral body-italic-s"
-    }, this._componentLocale.detailsCard.secondaryDescription)), s("hr", null), s("div", {
+    }, this._componentLocale.detailsCard.secondaryDescription)), i("hr", null), i("div", {
       class: "date-container"
-    }, s("p", {
+    }, i("p", {
       class: "color-neutral"
-    }, this._componentLocale.detailsCard.dateGenerated), s("time", {
+    }, this._componentLocale.detailsCard.dateGenerated), i("time", {
       class: "color-default",
       dateTime: a
     }, a))), (e = this.packages) === null || e === void 0 ? void 0 : e.map((e => {
       let a = `${e.packageName} ${e.packageVersion}`;
-      const i = e.packageURL ? s("a", {
+      const s = e.packageURL ? i("a", {
         href: e.packageURL,
         target: "_blank",
         onClick: l(this, h, "f").call(this, e.packageURL),
         class: "package-link"
-      }, a, s("ch-image", {
+      }, a, i("ch-image", {
         src: u,
         class: "package-icon icon-md"
       })) : a;
-      return s("article", {
+      return i("article", {
         class: "card card-package elevation-1"
-      }, s("h2", {
+      }, i("h2", {
         class: {
           "subtitle-semi-bold-s": true,
           "package-name": true,
           "has-link": !!e.packageURL
         }
-      }, i), s("p", {
+      }, s), i("p", {
         class: "color-default subtitle-semi-bold-s"
       }, this._componentLocale.packageCard.declaredLicenses), l(this, d, "f").call(this, e.declaredLicense, "name", e), l(this, d, "f").call(this, e.declaredLicense, "description", e), l(this, m, "f").call(this, e.declaredLicense, e));
     }))));
@@ -168,4 +176,4 @@ h = new WeakMap;
 _.style = n;
 
 export { _ as gx_ide_details_acknowledgements };
-//# sourceMappingURL=p-bd0ffc08.entry.js.map
+//# sourceMappingURL=p-f47b08c5.entry.js.map