@genexus/genexus-ide-ui 1.1.4 → 1.1.6

package/dist/genexus-ide-ui/p-48f5911b.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderFormItems","componentType","options","group","callback","length","items","forEach","option","item","h","checkboxId","id","checked","disabled","label","value","onChange","iconName","part","push","icon","radioId","name","renderModuleDataProperties","Array","isArray","class","map","subItem","inline","getSelectedItem","gxOptions","found","undefined","i","selected","ANIMATION_DOTS","size","color","sizeType","duration","n","colorDot1","colorDot2","colorDot3","animateRadiusSize","begin","attributeName","values","dur","repeatCount","width","height","fill","cx","cy","r","opacity"],"sources":["src/common/common.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxgFormItemsArray, GxOption } from \"./types\";\nimport { ModulePropertyData } from \"../components/modules/types\";\nexport const renderFormItems = (\n  componentType:\n    | \"gxg-combo-box-item\"\n    | \"gxg-form-checkbox\"\n    | \"gxg-form-radio\" = \"gxg-combo-box-item\",\n  options: Array<GxOption>,\n  group = \"undefined-group\",\n  callback?: any\n): GxgFormItemsArray => {\n  if (options.length) {\n    const items: GxgFormItemsArray = [];\n    options.forEach(option => {\n      let item;\n      switch (componentType) {\n        case \"gxg-form-checkbox\":\n          item = (\n            <gxg-form-checkbox\n              checkboxId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              onChange={callback ? callback : null}\n              iconName={option.iconName}\n              part={`${group}-${option.id}`}\n            ></gxg-form-checkbox>\n          );\n          items.push(item);\n          break;\n        case \"gxg-combo-box-item\":\n          item = (\n            <gxg-combo-box-item\n              value={option.id}\n              icon={option.iconName}\n              part={`${group}-${option.id}`}\n            >\n              {option.label}\n            </gxg-combo-box-item>\n          );\n          items.push(item);\n          break;\n        case \"gxg-form-radio\":\n          item = (\n            <gxg-form-radio\n              radioId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              name={group}\n              part={`${group}-${option.id}`}\n            ></gxg-form-radio>\n          );\n          items.push(item);\n          break;\n        default:\n          break;\n      }\n    });\n    return items;\n  }\n  return null;\n};\n\nexport const renderModuleDataProperties = (\n  options: Array<ModulePropertyData>\n): ModulePropertyData[] => {\n  if (options.length) {\n    const items: ModulePropertyData[] = [];\n\n    options.forEach(option => {\n      if (Array.isArray(option.value)) {\n        const item = (\n          <div class=\"md-property__list\">\n            <p class=\"md-property__key\">{option.name} :</p>\n            <ul>\n              {option.value.map(subItem => {\n                return <li>{subItem}</li>;\n              })}\n            </ul>\n          </div>\n        );\n        items.push(item);\n      } else {\n        const item = (\n          <div\n            class={\n              option.inline\n                ? \"md-property md-property--inline\"\n                : \"md-property--block\"\n            }\n          >\n            <p class=\"md-property__key\">{option.name} :</p>\n            <p class=\"md-property__value\">{option.value}</p>\n          </div>\n        );\n        items.push(item);\n      }\n    });\n\n    return items;\n  }\n  return null;\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The first option in the array that is 'selected'. If no one found it returns null.\n */\nexport const getSelectedGxOption = (\n  gxOptions: GxOption[],\n  onlyId = true\n): GxOption | string | void => {\n  if (gxOptions?.length > 0) {\n    let found = null;\n    for (let i = 0; i < gxOptions.length; i++) {\n      if (gxOptions[i].selected) {\n        found = gxOptions[i];\n        break;\n      }\n    }\n    if (found && onlyId) {\n      return found.id;\n    } else if (!found && onlyId) {\n      return gxOptions[0].id;\n    }\n    return found;\n  }\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The value of the selected item, or the first item, if no one is selected.\n */\nexport const getSelectedItem = (gxOptions: GxOption[]): string => {\n  let found = undefined;\n  for (let i = 0; i < gxOptions.length; i++) {\n    if (gxOptions[i].selected) {\n      found = gxOptions[i];\n      break;\n    }\n  }\n  if (found) {\n    return found.id;\n  } else {\n    return gxOptions[0].id;\n  }\n};\n\nexport const getSelectedItem2 = (\n  gxOptions: GxOption[] | undefined\n): string | undefined =>\n  gxOptions\n    ? (gxOptions.find(item => item.selected) ?? gxOptions[0]).id\n    : undefined;\n\n// Dots animation used in ch-chat code-render (or other components)\nexport const ANIMATION_DOTS = (\n  size: \"regular\" | \"tiny\" = \"regular\",\n  color: \"primary\" | \"on-surface\" | \"nexa\" = \"primary\",\n  sizeType: \"static\" | \"dynamic\" = \"dynamic\",\n  duration: string = \"1s\"\n): SVGElement => {\n  const n = size === \"regular\" ? 1.5 : 4;\n  let colorDot1, colorDot2, colorDot3;\n  if (color === \"nexa\") {\n    colorDot1 = \"#5ba7ff\";\n    colorDot2 = \"#00CCFF\";\n    colorDot3 = \"#CF7AFF\";\n  } else if (color === \"on-surface\") {\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-text__on-surface)\";\n  } else {\n    // primary\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-color__primary--200)\";\n  }\n\n  const animateRadiusSize = (begin: string = \"0\") => {\n    return (\n      <animate\n        attributeName=\"r\"\n        values={`${2 / n};${4 / n};${2 / n}`}\n        dur={duration}\n        begin={begin}\n        repeatCount=\"indefinite\"\n      />\n    );\n  };\n\n  return (\n    <svg width={36 / n} height={8 / n} fill=\"transparent\">\n      <circle cx={4 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot1}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0\") : null}\n      </circle>\n      <circle cx={18 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot2}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.15s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.33s\") : null}\n      </circle>\n      <circle cx={32 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot3}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.30s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.66s\") : null}\n      </circle>\n    </svg>\n  );\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-6d2174ed.entry.js → p-4d0ba4f6.entry.js}

@@ -1,10 +1,8 @@
 import { r as e, c as t, h as r, H as i, a } from "./p-25a9f1d7.js";
 
-import { g as o } from "./p-6e4208d8.js";
+import { g as o } from "./p-ede7bd20.js";
 
-import "./p-5ac47c69.js";
-
-import { r as s } from "./p-9a609b51.js";
+import { r as s } from "./p-48f5911b.js";
 
 import { L as l } from "./p-311eedf3.js";
 
@@ -472,4 +470,4 @@ c = new WeakMap, g = new WeakMap;
 h.style = n;
 
 export { h as gx_ide_manage_module_references_v2 };
-//# sourceMappingURL=p-6d2174ed.entry.js.map
+//# sourceMappingURL=p-4d0ba4f6.entry.js.map

package/dist/genexus-ide-ui/{p-6d2174ed.entry.js.map → p-4d0ba4f6.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["manageModuleReferencesCss","CSS_BUNDLES","GxManageModuleReferencesV2","this","renderedFirstTime","_GxManageModuleReferencesV2_filterIcon","set","getIconPath","category","name","colorType","_GxManageModuleReferencesV2_moduleIcon","onProgress","message","progress","state","data","selectedModuleAction","Object","assign","progressValue","progressState","handleModuleChange","event","selectedModuleId","detail","rowsId","selectedModule","modulesMap","get","moduleActionHandler","module","actionCompleted","closeProgressBar","executeActionCallbackHandler","async","executeActionCallback","moduleSelectedVersionId","id","selectedVersion","moduleSelectedVersionAction","action","selectedServerId","serverSelectedCallbackHandler","showModuleMenu","e","serverContextMenuCallback","buttonBoundingClientRect","target","getBoundingClientRect","selection","clientX","x","clientY","y","searchModulesFilterHandler","searchModulesFilterValue","trim","toLowerCase","getFilteredServerModules","serverModulesExtended","filter","nameMatch","includes","descriptionMatch","description","actionMatch","selectedButtonFilter","filtered","renderGridOrEmptyState","filteredServerModules","length","renderModulesVersionsGrid","renderEmptyStateModules","h","rowSelectionMode","part","class","onSelectionChanged","settingable","size","map","rowid","key","selected","type","color","moduleVersionIconColor","disabled","fit","onClick","stateIconSrc","__classPrivateFieldGet","stateTitle","_componentLocale","modules","noModulesFilter","moduleId","foundModule","find","moduleAction","moduleCurrentVersion","currentVersion","renderVersionIcon","renderVersionName","renderVersionWarningMessage","warningMessage","renderInstalledVersion","caption","cssClass","modulesInformation","moduleProperties","installed","notInstalled","moduleVersionsValueChangedHandler","selectedVersionId","value","updateSelectedModuleVersion","moduleVersionsItemChangedHandler","moduleSelectedVersion","versions","version","updatedSelectedModule","updatedModuleIndex","findIndex","renderModuleVersions","label","availableVersions","labelPosition","centerLabel","onValueChanged","loadingServer","item","onItemSelected","selectedButtonChangedHandler","serverItemSelectedHandler","serverId","serverValueChangedHandler","reloadServer","reload","serverSelectedCallback","serverModules","clear","modulesSelectedVersionMap","forEach","extendedModuleData","push","progressBarCloseHandler","setTimeout","Map","loadingServerHandler","loading","loaderEl","show","componentDidRender","componentDidRenderFirstTime","emit","componentName","componentWillLoad","Locale","getComponentStrings","el","componentDidLoad","servers","render","Host","model","noContentPadding","noAboveFooterPadding","noBorderAboveFooter","containerTitle","displayTitle","selectServer","disableFilter","showServerCommands","icon","searchModules","reduced","fullWidth","onSelectedButtonChanged","buttonsContainer","browse","updates","ref","serversDetail","renderModuleDataProperties","properties","emptyState","title","stateDescription","slot","stateType","noBorder","progressBar","defaultCaption","active","closeType","closedCallback","loaderTitle","container","borderRadius","abortTime"],"sources":["src/components/modules/manage-module-references-v2/manage-module-references.scss?tag=gx-ide-manage-module-references-v2&encapsulation=shadow","src/components/modules/manage-module-references-v2/manage-module-references-v2.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n/*--- General ---*/\np,\nul {\n  font-size: var(--font-size-lg);\n  margin: 0;\n}\np {\n  line-height: 1.6em;\n}\n/*--- Header ---*/\n.header {\n  align-items: center;\n  grid-template-columns: 1fr auto;\n  grid-template-rows: 1fr;\n}\n.main {\n  display: grid;\n  //grid-template-columns: 1fr 2fr 1fr;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: 1fr;\n  height: 100%;\n  overflow: auto;\n}\nch-grid-columnset {\n  display: none;\n}\nch-grid-row[selected] {\n  gxg-icon[data-action=\"install\"] {\n    //WA to improve visibility\n    filter: brightness(2);\n  }\n}\n.grid-cell-module {\n  &__info {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--mer-spacing--3xs);\n  }\n  &__name {\n    font-weight: var(--mer-font__weight--bold);\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n  }\n  &__name,\n  &__description {\n    line-height: 1.55em;\n  }\n  &__description {\n    padding-inline-start: 36px;\n  }\n}\n\n/*--- Servers Container ---*/\n.grid-container {\n  height: 100%;\n  overflow: auto;\n  gx-ide-empty-state {\n    height: 100%;\n  }\n}\n.servers-container {\n  display: none;\n  height: 100%;\n  &__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--gxg-list-box-main__padding) var(--gxg-list-box-main__padding)\n      0 var(--gxg-list-box-main__padding);\n\n    gxg-button {\n      width: 100%;\n    }\n  }\n}\n\n/*--- Modules (Header) ---*/\n.modules {\n  &__header {\n    padding: var(--gxg-list-box-main__padding);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n  }\n  &__combo-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n  }\n  &__server-commands {\n    display: flex;\n    gap: var(--mer-spacing--xs);\n  }\n  &__combo {\n    gxg-combo-box {\n      flex: 1;\n    }\n    display: flex;\n    flex-direction: row;\n    gap: var(--mer-spacing--xs);\n  }\n  &__container {\n    border-inline-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n    display: grid;\n    grid-template-rows: auto 1fr;\n    height: 100%;\n    overflow: auto;\n  }\n  &__main {\n    display: grid;\n    grid-template-rows: auto 1fr;\n    height: 100%;\n    overflow: auto;\n\n    &-header {\n      display: flex;\n      padding: var(--mer-spacing--xs);\n      flex-direction: column;\n      gap: var(--mer-spacing--xs);\n    }\n  }\n}\n\n/*--- Module Info ---*/\n.module-info {\n  display: grid;\n  grid-template-rows: auto 1fr;\n  height: 100%;\n  overflow: auto;\n\n  &__title {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n  }\n\n  &__name {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n    --ds-icon-size-box--regular: 24px;\n    --ds-icon-size--regular: 24px;\n    font-weight: var(--mer-font__weight--bold);\n  }\n\n  &__header {\n    padding: var(--gx-ide-container__padding);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    border-block-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n\n  &__action-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n    &:before {\n      content: \"\";\n      width: var(--mer-spacing--xs);\n      height: var(--mer-spacing--xs);\n      border-radius: 50%;\n      display: block;\n      background-color: var(--mer-icon__primary--disabled);\n    }\n    &--installed:before {\n      background-color: var(--mer-icon__primary);\n    }\n    &--uninstallable:before {\n      background-color: var(--mer-icon__warning);\n    }\n  }\n\n  &__warning-message {\n    margin-block-start: var(--mer-spacing--2xs);\n    background-color: var(--mer-color__tinted-yellow--5);\n    color: var(--mer-text__on-elevation);\n    border: var(--mer-border__width--sm) solid var(--mer-border-color__warning);\n    border-radius: var(--mer-border__radius--sm);\n    padding: var(--mer-spacing--xs) var(--mer-spacing--md);\n  }\n\n  &__divider {\n    width: calc(100% - var(--gx-ide-container__padding) * 4);\n    padding: 0 var(--gx-ide-container__padding);\n    margin: 0 auto;\n    border: 0;\n    border-block-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n  &__properties {\n    display: flex;\n    flex-direction: column;\n    padding: var(--gx-ide-container__padding);\n    gap: var(--mer-spacing--xs);\n    overflow: auto;\n  }\n}\n\n.md-property {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n\n  &--inline {\n    grid-template-columns: auto 1fr;\n  }\n  &--block {\n  }\n  &__key {\n    font-weight: var(--font-weight-bold);\n    max-width: 150px;\n  }\n  &__value {\n    font-size: var(--mer-font__size--2xs);\n  }\n  &__key,\n  &__value {\n    > * {\n      display: inline-block;\n    }\n  }\n  &__list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    > ul {\n      margin: 0;\n      padding: 0;\n      list-style-type: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--mer-spacing--2xs);\n      margin-inline-start: var(--mer-spacing--xs);\n\n      li {\n        position: relative;\n        padding-inline-start: 12px;\n        line-height: var(--ds-base-font-line-height--comfortable);\n        &::before {\n          content: \"\";\n          position: absolute;\n          left: 0;\n          top: 7px;\n          display: inline-block;\n          width: var(--mer-spacing--2xs);\n          height: var(--mer-spacing--2xs);\n          background-color: var(--mer-text__on-surface);\n        }\n      }\n    }\n  }\n}\n\n.md-property,\n.md-property__list {\n  border-block-end: var(--mer-border__width--sm) solid\n    var(--gx-ide-container-border-color);\n  padding-block-end: var(--mer-spacing--xs);\n\n  &:last-child {\n    border-block-end: 0;\n    padding-block-end: 0;\n  }\n}\n\ngxg-ide-loader {\n  border-radius: var(--mer-border__radius--md);\n}\n\n.button-wrapper {\n  display: grid;\n  align-items: center;\n  justify-content: center;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  Element,\n  EventEmitter,\n  State,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Color } from \"@genexus/gemini\";\nimport { topStateBarType } from \"@genexus/gemini\";\nimport { TabularGridSelectionChangedEvent } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport {\n  ModuleServerData,\n  ModuleData,\n  ModuleActionType,\n  ModuleFilterType,\n  ExtendedModuleData\n} from \"../types\";\nimport { renderModuleDataProperties } from \"../../../common/common\";\nimport { Locale } from \"../../../common/locale\";\nimport { ContextMenuInfo } from \"../../../common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  // \"utils/form\",\n  // \"utils/layout\",\n  // \"utils/typography\",\n  // \"components/button\",\n  // \"components/checkbox\",\n  // \"components/edit\",\n  \"components/tabular-grid\"\n];\n\n@Component({\n  tag: \"gx-ide-manage-module-references-v2\",\n  styleUrl: \"manage-module-references.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/manage-module-references-v2\"]\n})\nexport class GxManageModuleReferencesV2 {\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeManageModuleReferencesV2Element;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n  private serversDetail!: HTMLDivElement;\n\n  #filterIcon = getIconPath({\n    category: \"system\",\n    name: \"filters\",\n    colorType: \"on-elevation\"\n  });\n  #moduleIcon = getIconPath({\n    category: \"objects\",\n    name: \"module\"\n  });\n\n  // 3.STATE() VARIABLES //\n\n  // Filtering modules\n  @State() searchModulesFilterValue: string = \"\";\n  @State() selectedButtonFilter: ModuleFilterType = \"browse\";\n  @State() serverModules: ModuleData[] = [];\n  @State() serverModulesExtended: ExtendedModuleData[] = [];\n  @State() filteredServerModules: ExtendedModuleData[] = [];\n  @State() modulesMap: Map<string, ExtendedModuleData> = new Map();\n\n  @State() selectedModule: ExtendedModuleData;\n  @State() selectedServerId: string;\n  @State() selectedModuleAction: ActionInfo = {\n    message: \"\",\n    progress: 0,\n    state: \"in-progress\"\n  };\n  @State() modulesSelectedVersionMap: Map<string, string> = new Map();\n  @State() actionCompleted = true;\n  @State() closeProgressBar = true;\n  @State() progressValue: number = 0;\n  @State() progressState: topStateBarType = \"in-progress\";\n  @State() loadingServer = false;\n  @Watch(\"loadingServer\")\n  loadingServerHandler(loading: boolean) {\n    if (loading) {\n      this.loaderEl.show = true;\n    } else {\n      this.loaderEl.show = false;\n    }\n  }\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * List of module servers currently cataloged\n   */\n  @Prop() readonly servers: ModuleServerData[] = [];\n\n  /**\n   * Callback invoked when a server is selected. Returns the set of modules available on that server.\n   */\n  @Prop() readonly serverSelectedCallback: ServerSelectedCallback;\n\n  /**\n   * Callback invoked when the user wants to execute the action corresponding to a selected module. When the action begins to be executed, the component must be able to show the progress of the action. For this, the onProgress parameter is available, which is in turn a callback used by the host to notify the progress by text message and percentage.\n   */\n  @Prop() readonly executeActionCallback: ExecuteActionCallback;\n\n  /**\n   * Callback invoked when an element is right clicked on servers list\n   */\n  @Prop() readonly serverContextMenuCallback: ServerContextMenuCallback;\n\n  /**\n   * Allows you to hide the button (...) that executes serverContextMenuCallback, if we do not implement the commands in a first version\n   */\n  @Prop() readonly showServerCommands: boolean = false;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\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  async componentDidLoad() {\n    await this.serverSelectedCallbackHandler(this.servers[0].id, false);\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  /**\n   * Callback invoked to get the progress when module is performing an action\n   */\n  private onProgress = (\n    message: string,\n    progress: number,\n    state: topStateBarType\n  ): void => {\n    const data = { message, progress, state };\n    this.selectedModuleAction = { ...data };\n    this.progressValue = this.selectedModuleAction.progress;\n    this.progressState = this.selectedModuleAction.state;\n  };\n\n  /**\n   * Used for changing the selected module\n   */\n  private handleModuleChange = (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    const selectedModuleId = event.detail.rowsId[0];\n    this.selectedModule = this.modulesMap.get(selectedModuleId);\n  };\n\n  private moduleActionHandler = (module: ModuleData) => () => {\n    this.actionCompleted = false;\n    this.closeProgressBar = false;\n    this.executeActionCallbackHandler(module);\n  };\n\n  /**\n   * Perform an action relative to a module using callbackExecuteAction callback and receive the state of that action with onProgress callback\n   */\n  private executeActionCallbackHandler = async (module: ModuleData) => {\n    if (this.executeActionCallback) {\n      this.actionCompleted = false;\n      const moduleSelectedVersionId = this.modulesMap.get(module.id)\n        .selectedVersion.id;\n      const moduleSelectedVersionAction = this.modulesMap.get(module.id)\n        .selectedVersion.action;\n      const actionCompleted = await this.executeActionCallback(\n        this.selectedServerId,\n        module.id,\n        moduleSelectedVersionId,\n        moduleSelectedVersionAction,\n        this.onProgress\n      );\n      if (actionCompleted) {\n        this.serverSelectedCallbackHandler(this.selectedServerId, false);\n      }\n      this.actionCompleted = true;\n    }\n  };\n\n  private showModuleMenu = async (e: MouseEvent) => {\n    if (this.serverContextMenuCallback) {\n      const buttonBoundingClientRect = (\n        e.target as HTMLElement\n      ).getBoundingClientRect();\n      await this.serverContextMenuCallback({\n        selection: [this.selectedServerId],\n        clientX: buttonBoundingClientRect.x,\n        clientY: buttonBoundingClientRect.y\n      });\n    }\n  };\n\n  private searchModulesFilterHandler = (e: CustomEvent<string>) => {\n    this.searchModulesFilterValue = e.detail.trim().toLowerCase();\n  };\n\n  private getFilteredServerModules = (): ExtendedModuleData[] => {\n    return this.serverModulesExtended.filter(module => {\n      // Filter conditions\n      const nameMatch = module.selectedVersion.name\n        .toLowerCase()\n        .includes(this.searchModulesFilterValue);\n      const descriptionMatch = module.selectedVersion.description\n        .toLowerCase()\n        .includes(this.searchModulesFilterValue);\n      let actionMatch;\n      if (this.selectedButtonFilter === \"browse\") {\n        // If browse is selected, display all\n        actionMatch = true;\n      } else if (this.selectedButtonFilter === \"installed\") {\n        actionMatch = !!(\n          module.selectedVersion.action === \"update\" ||\n          module.selectedVersion.action === \"restore\"\n        );\n      } else if (this.selectedButtonFilter === \"updates\") {\n        actionMatch = !!(module.selectedVersion.action === \"update\");\n      }\n\n      const filtered = (nameMatch || descriptionMatch) && actionMatch;\n      return filtered;\n    });\n  };\n\n  // 9.LOCAL METHODS > RENDERS //\n  private renderGridOrEmptyState = () => {\n    this.filteredServerModules = this.getFilteredServerModules();\n    if (this.filteredServerModules.length > 0) {\n      return this.renderModulesVersionsGrid();\n    } else {\n      return this.renderEmptyStateModules();\n    }\n  };\n\n  private renderModulesVersionsGrid = (): HTMLChTabularGridElement => {\n    return (\n      <ch-tabular-grid\n        rowSelectionMode=\"single\"\n        part=\"ch-grid-pending-commits\"\n        class=\"tabular-grid servers-detail no-border\"\n        onSelectionChanged={this.handleModuleChange}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            size=\"min-content\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.filteredServerModules.map((module: ExtendedModuleData) => (\n          <ch-tabular-grid-row\n            rowid={module.id}\n            key={module.id}\n            selected={\n              this.selectedModule && this.selectedModule.id === module.id\n            }\n            class=\"tabular-grid-row\"\n          >\n            <ch-tabular-grid-cell class=\"grid-cell-module__info tabular-grid-cell\">\n              <span class=\"grid-cell-module__name\">\n                <gxg-icon\n                  type=\"objects/module\"\n                  data-action={module.selectedVersion.action}\n                  color={this.moduleVersionIconColor(module.id)}\n                  size=\"small\"\n                ></gxg-icon>\n                {module.selectedVersion.name}\n              </span>\n              <span class=\"grid-cell-module__description\">\n                {module.selectedVersion.description}\n              </span>\n            </ch-tabular-grid-cell>\n\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.selectedModule && this.selectedModule.id === module.id ? (\n                <div class=\"button-wrapper\">\n                  <gxg-button\n                    disabled={\n                      !this.actionCompleted ||\n                      module.selectedVersion.action === \"incompatible\" ||\n                      module.selectedVersion.action === \"not-installable\"\n                    }\n                    fit\n                    part=\"module-action\"\n                    onClick={this.moduleActionHandler(module)}\n                  >\n                    {module.selectedVersion.action}\n                  </gxg-button>\n                </div>\n              ) : null}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderEmptyStateModules = () => {\n    return (\n      <gx-ide-empty-state\n        stateIconSrc={this.#filterIcon}\n        stateTitle={this._componentLocale.modules.noModulesFilter}\n      ></gx-ide-empty-state>\n    );\n  };\n\n  private moduleVersionIconColor = (moduleId: string): Color => {\n    const foundModule = this.serverModulesExtended.find(module => {\n      return module.id === moduleId;\n    });\n    if (foundModule) {\n      const moduleAction = foundModule.selectedVersion.action;\n      const moduleCurrentVersion = foundModule.currentVersion;\n      if (\n        moduleAction === \"not-installable\" ||\n        moduleAction === \"incompatible\"\n      ) {\n        return \"warning\";\n      } else if (!moduleCurrentVersion) {\n        return \"mercury-primary-disabled\";\n      } else {\n        return \"mercury-primary\";\n      }\n    }\n\n    return \"mercury-primary\";\n  };\n\n  private renderVersionIcon = () => {\n    return (\n      <gxg-icon\n        type=\"objects/module\"\n        color={this.moduleVersionIconColor(this.selectedModule.id)}\n      ></gxg-icon>\n    );\n  };\n\n  /* module details/information renders*/\n  private renderVersionName = () => {\n    return (\n      <gxg-title part=\"module-info__name\" type=\"title-05\">\n        <div class=\"module-info__name\">\n          {this.selectedModule.selectedVersion.name}\n        </div>\n      </gxg-title>\n    );\n  };\n\n  private renderVersionWarningMessage = () => {\n    const warningMessage = this.selectedModule.selectedVersion.warningMessage;\n    if (warningMessage) {\n      return <p class=\"module-info__warning-message\">{warningMessage}</p>;\n    }\n  };\n\n  private renderInstalledVersion = () => {\n    const currentVersion = this.selectedModule.currentVersion;\n    let caption;\n    let cssClass = \"module-info__action-container\";\n    if (currentVersion) {\n      caption = `${this._componentLocale.modulesInformation.moduleProperties.installed}: ${currentVersion}`;\n      cssClass += ` module-info__action-container--installed`;\n    } else {\n      caption =\n        this._componentLocale.modulesInformation.moduleProperties.notInstalled;\n    }\n    return (\n      <div class={cssClass}>\n        <gxg-text part=\"module-info__action\">{caption}</gxg-text>\n      </div>\n    );\n  };\n\n  // Update selected version\n  private moduleVersionsValueChangedHandler = (e: CustomEvent<any>) => {\n    const selectedVersionId = e.detail.value;\n    this.updateSelectedModuleVersion(selectedVersionId);\n  };\n  private moduleVersionsItemChangedHandler = (e: CustomEvent<any>) => {\n    const selectedVersionId = e.detail.value;\n    this.updateSelectedModuleVersion(selectedVersionId);\n  };\n  private updateSelectedModuleVersion = (selectedVersionId: string) => {\n    const moduleSelectedVersion = this.selectedModule.versions.find(version => {\n      return version.id === selectedVersionId;\n    });\n    if (moduleSelectedVersion) {\n      const updatedSelectedModule = {\n        ...this.selectedModule,\n        selectedVersion: moduleSelectedVersion\n      };\n      this.selectedModule = updatedSelectedModule;\n\n      // update module selected in modules array as well\n      const updatedModuleIndex = this.serverModulesExtended.findIndex(\n        module => module.id === updatedSelectedModule.id\n      );\n      if (updatedModuleIndex !== -1) {\n        // Update the object with new information\n        this.serverModulesExtended[updatedModuleIndex] = {\n          ...this.serverModulesExtended[updatedModuleIndex],\n          ...updatedSelectedModule\n        };\n      }\n    }\n  };\n\n  private renderModuleVersions = () => {\n    return (\n      <div part=\"available-versions\">\n        <gxg-combo-box\n          id=\"versions-combo-box\"\n          disable-filter\n          value=\"\"\n          part=\"module-versions\"\n          display-validation-styles\n          display-validation-message\n          label={\n            this._componentLocale.modulesInformation.moduleProperties\n              .availableVersions\n          }\n          labelPosition=\"start\"\n          centerLabel\n          onValueChanged={this.moduleVersionsValueChangedHandler}\n          disabled={this.loadingServer || !this.actionCompleted}\n        >\n          {this.selectedModule.versions.map(item => (\n            <gxg-combo-box-item\n              value={item.id}\n              onItemSelected={this.moduleVersionsItemChangedHandler}\n            >\n              {item.id}\n            </gxg-combo-box-item>\n          ))}\n        </gxg-combo-box>\n      </div>\n    );\n  };\n\n  private selectedButtonChangedHandler = (e: CustomEvent<string>) => {\n    this.selectedButtonFilter = e.detail as ModuleFilterType;\n  };\n\n  // Update server selected\n  private serverItemSelectedHandler = (\n    e: CustomEvent<{\n      el: HTMLGxgComboBoxItemElement;\n      index: number;\n      value: any;\n      icon?: string;\n    }>\n  ) => {\n    const serverId = e.detail.value;\n    this.serverSelectedCallbackHandler(serverId, false);\n  };\n  private serverValueChangedHandler = (e: CustomEvent<any>) => {\n    const serverId = e.detail;\n    this.serverSelectedCallbackHandler(serverId, false);\n  };\n\n  private reloadServer = () => {\n    this.serverSelectedCallbackHandler(this.selectedServerId, true);\n  };\n  /**\n   * Change the server selected value in response to callbackServerSelected callback\n   */\n  private serverSelectedCallbackHandler = async (\n    serverId: any,\n    reload: boolean\n  ) => {\n    if (this.serverSelectedCallback) {\n      this.loadingServer = true;\n\n      // clear\n      this.serverModules = [];\n      this.serverModulesExtended = [];\n      this.filteredServerModules = [];\n      this.modulesMap.clear();\n      this.modulesSelectedVersionMap.clear();\n\n      this.serverModules = await this.serverSelectedCallback(serverId, reload);\n      // Save modules on Map as well to get information about modules faster\n      this.serverModules.forEach(module => {\n        const extendedModuleData = {\n          ...module,\n          selectedVersion: module.versions[0]\n        };\n        // When the server retrieves the modules, the selected module is by default the first one.\n        this.serverModulesExtended.push(extendedModuleData);\n        // Save modules on a map as well, for faster retrieval.\n        this.modulesMap.set(module.id, extendedModuleData);\n      });\n      this.selectedServerId = serverId;\n      this.loadingServer = false;\n    }\n  };\n\n  private progressBarCloseHandler = () => {\n    setTimeout(() => {\n      this.actionCompleted = true;\n      this.closeProgressBar = true;\n      // reset\n      this.progressValue = 0;\n      this.progressState = \"in-progress\";\n    }, 400);\n    // delay to force the footer line disappear after the top-state-bar has been closed.\n  };\n\n  // 11.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host\n        class={{\n          \"gx-ide-component\": true\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noAboveFooterPadding\n            noBorderAboveFooter={this.closeProgressBar}\n            part=\"servers\"\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            {/* Servers*/}\n            <main class=\"main\">\n              <div class=\"modules__container\">\n                <header class=\"modules__header\">\n                  <div class=\"modules__combo-container\">\n                    <gxg-label>\n                      {this._componentLocale.modules.selectServer}\n                    </gxg-label>\n                    <div class=\"modules__combo\">\n                      <gxg-combo-box\n                        disabled={this.loadingServer || !this.actionCompleted}\n                        disableFilter\n                        onValueChanged={this.serverValueChangedHandler}\n                      >\n                        {this.servers.map(item => (\n                          <gxg-combo-box-item\n                            value={item.id}\n                            onItemSelected={this.serverItemSelectedHandler}\n                          >\n                            {item.name}\n                          </gxg-combo-box-item>\n                        ))}\n                      </gxg-combo-box>\n                      {this.showServerCommands ? (\n                        <span class=\"modules__server-commands\">\n                          <gxg-button\n                            type=\"secondary-icon-only\"\n                            icon=\"gemini-tools/show-more-horizontal\"\n                            onClick={this.showModuleMenu}\n                          ></gxg-button>\n                        </span>\n                      ) : null}\n                      <gxg-button\n                        type=\"secondary-icon-only\"\n                        icon=\"gemini-tools/reset\"\n                        onClick={this.reloadServer}\n                      ></gxg-button>\n                    </div>\n                  </div>\n                </header>\n\n                <div class=\"modules__main\">\n                  <div class=\"modules__main-header\">\n                    <gxg-form-text\n                      label={this._componentLocale.modules.searchModules}\n                      labelPosition=\"above\"\n                      centerLabel={false}\n                      onValueChanged={this.searchModulesFilterHandler}\n                      disabled={this.loadingServer || !this.actionCompleted}\n                    ></gxg-form-text>\n                    <gxg-buttons-container\n                      reduced\n                      fullWidth\n                      class=\"modules__browser\"\n                      onSelectedButtonChanged={\n                        this.selectedButtonChangedHandler\n                      }\n                    >\n                      <gxg-button\n                        id=\"browse\"\n                        selected\n                        disabled={this.loadingServer || !this.actionCompleted}\n                      >\n                        {this._componentLocale.modules.buttonsContainer.browse}\n                      </gxg-button>\n                      <gxg-button\n                        id=\"installed\"\n                        disabled={this.loadingServer || !this.actionCompleted}\n                      >\n                        {\n                          this._componentLocale.modules.buttonsContainer\n                            .installed\n                        }\n                      </gxg-button>\n                      <gxg-button\n                        id=\"updates\"\n                        disabled={this.loadingServer || !this.actionCompleted}\n                      >\n                        {this._componentLocale.modules.buttonsContainer.updates}\n                      </gxg-button>\n                    </gxg-buttons-container>\n                  </div>\n                  {/* modules grid*/}\n                  <div\n                    class=\"grid-container\"\n                    ref={el => (this.serversDetail = el as HTMLDivElement)}\n                  >\n                    {this.renderGridOrEmptyState()}\n                  </div>\n                </div>\n              </div>\n\n              {/* Module version information*/}\n              {this.selectedModule ? (\n                <div class=\"module-info\">\n                  <header class=\"module-info__header\">\n                    <div class=\"module-info__title\">\n                      {this.renderVersionIcon()}\n                      {this.renderVersionName()}\n                    </div>\n                    {this.renderInstalledVersion()}\n                    {this.renderModuleVersions()}\n                    {this.renderVersionWarningMessage()}\n                  </header>\n                  <div class=\"module-info__properties gxg-scrollbar\">\n                    {renderModuleDataProperties(\n                      this.selectedModule.selectedVersion.properties\n                    )}\n                  </div>\n                </div>\n              ) : (\n                <gx-ide-empty-state\n                  class=\"recent-objects__empty-state\"\n                  stateIconSrc={this.#moduleIcon}\n                  stateTitle={\n                    this._componentLocale.modulesInformation.emptyState.title\n                  }\n                  stateDescription={\n                    this._componentLocale.modulesInformation.emptyState\n                      .description\n                  }\n                ></gx-ide-empty-state>\n              )}\n            </main>\n            {/* Top State Bar*/}\n            <gxg-top-state-bar\n              slot=\"footer-above\"\n              part=\"progress-bar\"\n              stateType={this.progressState}\n              noBorder\n              caption={\n                this.selectedModuleAction.message ||\n                this._componentLocale.progressBar.defaultCaption\n              }\n              progress={this.progressValue}\n              active={!this.actionCompleted || !this.closeProgressBar}\n              closeType=\"not-progress\"\n              closedCallback={this.progressBarCloseHandler}\n            ></gxg-top-state-bar>\n          </gx-ide-container>\n        </div>\n        <gxg-ide-loader\n          loaderTitle={this._componentLocale.servers.loading}\n          ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n          container={this.serversDetail}\n          borderRadius=\"0 0 0 8px\"\n          abortTime={60000}\n        ></gxg-ide-loader>\n      </Host>\n    );\n  }\n}\n\nexport type ExecuteActionCallback = (\n  serverId: string,\n  moduleId: string,\n  moduleVersionId: string,\n  action: ModuleActionType,\n  onProgress: (\n    message: string,\n    progress: number,\n    state: topStateBarType\n  ) => void\n) => Promise<boolean>;\n\nexport type ServerSelectedCallback = (\n  id: string,\n  reload: boolean\n) => Promise<ModuleData[]>;\n\nexport type ServerContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\nexport interface ActionInfo {\n  message: string;\n  progress: number;\n  state: topStateBarType;\n}\n"],"mappings":"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"}
+{"version":3,"names":["manageModuleReferencesCss","CSS_BUNDLES","GxManageModuleReferencesV2","this","renderedFirstTime","_GxManageModuleReferencesV2_filterIcon","set","getIconPath","category","name","colorType","_GxManageModuleReferencesV2_moduleIcon","onProgress","message","progress","state","data","selectedModuleAction","Object","assign","progressValue","progressState","handleModuleChange","event","selectedModuleId","detail","rowsId","selectedModule","modulesMap","get","moduleActionHandler","module","actionCompleted","closeProgressBar","executeActionCallbackHandler","async","executeActionCallback","moduleSelectedVersionId","id","selectedVersion","moduleSelectedVersionAction","action","selectedServerId","serverSelectedCallbackHandler","showModuleMenu","e","serverContextMenuCallback","buttonBoundingClientRect","target","getBoundingClientRect","selection","clientX","x","clientY","y","searchModulesFilterHandler","searchModulesFilterValue","trim","toLowerCase","getFilteredServerModules","serverModulesExtended","filter","nameMatch","includes","descriptionMatch","description","actionMatch","selectedButtonFilter","filtered","renderGridOrEmptyState","filteredServerModules","length","renderModulesVersionsGrid","renderEmptyStateModules","h","rowSelectionMode","part","class","onSelectionChanged","settingable","size","map","rowid","key","selected","type","color","moduleVersionIconColor","disabled","fit","onClick","stateIconSrc","__classPrivateFieldGet","stateTitle","_componentLocale","modules","noModulesFilter","moduleId","foundModule","find","moduleAction","moduleCurrentVersion","currentVersion","renderVersionIcon","renderVersionName","renderVersionWarningMessage","warningMessage","renderInstalledVersion","caption","cssClass","modulesInformation","moduleProperties","installed","notInstalled","moduleVersionsValueChangedHandler","selectedVersionId","value","updateSelectedModuleVersion","moduleVersionsItemChangedHandler","moduleSelectedVersion","versions","version","updatedSelectedModule","updatedModuleIndex","findIndex","renderModuleVersions","label","availableVersions","labelPosition","centerLabel","onValueChanged","loadingServer","item","onItemSelected","selectedButtonChangedHandler","serverItemSelectedHandler","serverId","serverValueChangedHandler","reloadServer","reload","serverSelectedCallback","serverModules","clear","modulesSelectedVersionMap","forEach","extendedModuleData","push","progressBarCloseHandler","setTimeout","Map","loadingServerHandler","loading","loaderEl","show","componentDidRender","componentDidRenderFirstTime","emit","componentName","componentWillLoad","Locale","getComponentStrings","el","componentDidLoad","servers","render","Host","model","noContentPadding","noAboveFooterPadding","noBorderAboveFooter","containerTitle","displayTitle","selectServer","disableFilter","showServerCommands","icon","searchModules","reduced","fullWidth","onSelectedButtonChanged","buttonsContainer","browse","updates","ref","serversDetail","renderModuleDataProperties","properties","emptyState","title","stateDescription","slot","stateType","noBorder","progressBar","defaultCaption","active","closeType","closedCallback","loaderTitle","container","borderRadius","abortTime"],"sources":["src/components/modules/manage-module-references-v2/manage-module-references.scss?tag=gx-ide-manage-module-references-v2&encapsulation=shadow","src/components/modules/manage-module-references-v2/manage-module-references-v2.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n/*--- General ---*/\np,\nul {\n  font-size: var(--font-size-lg);\n  margin: 0;\n}\np {\n  line-height: 1.6em;\n}\n/*--- Header ---*/\n.header {\n  align-items: center;\n  grid-template-columns: 1fr auto;\n  grid-template-rows: 1fr;\n}\n.main {\n  display: grid;\n  //grid-template-columns: 1fr 2fr 1fr;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: 1fr;\n  height: 100%;\n  overflow: auto;\n}\nch-grid-columnset {\n  display: none;\n}\nch-grid-row[selected] {\n  gxg-icon[data-action=\"install\"] {\n    //WA to improve visibility\n    filter: brightness(2);\n  }\n}\n.grid-cell-module {\n  &__info {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--mer-spacing--3xs);\n  }\n  &__name {\n    font-weight: var(--mer-font__weight--bold);\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n  }\n  &__name,\n  &__description {\n    line-height: 1.55em;\n  }\n  &__description {\n    padding-inline-start: 36px;\n  }\n}\n\n/*--- Servers Container ---*/\n.grid-container {\n  height: 100%;\n  overflow: auto;\n  gx-ide-empty-state {\n    height: 100%;\n  }\n}\n.servers-container {\n  display: none;\n  height: 100%;\n  &__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--gxg-list-box-main__padding) var(--gxg-list-box-main__padding)\n      0 var(--gxg-list-box-main__padding);\n\n    gxg-button {\n      width: 100%;\n    }\n  }\n}\n\n/*--- Modules (Header) ---*/\n.modules {\n  &__header {\n    padding: var(--gxg-list-box-main__padding);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n  }\n  &__combo-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n  }\n  &__server-commands {\n    display: flex;\n    gap: var(--mer-spacing--xs);\n  }\n  &__combo {\n    gxg-combo-box {\n      flex: 1;\n    }\n    display: flex;\n    flex-direction: row;\n    gap: var(--mer-spacing--xs);\n  }\n  &__container {\n    border-inline-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n    display: grid;\n    grid-template-rows: auto 1fr;\n    height: 100%;\n    overflow: auto;\n  }\n  &__main {\n    display: grid;\n    grid-template-rows: auto 1fr;\n    height: 100%;\n    overflow: auto;\n\n    &-header {\n      display: flex;\n      padding: var(--mer-spacing--xs);\n      flex-direction: column;\n      gap: var(--mer-spacing--xs);\n    }\n  }\n}\n\n/*--- Module Info ---*/\n.module-info {\n  display: grid;\n  grid-template-rows: auto 1fr;\n  height: 100%;\n  overflow: auto;\n\n  &__title {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n  }\n\n  &__name {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n    --ds-icon-size-box--regular: 24px;\n    --ds-icon-size--regular: 24px;\n    font-weight: var(--mer-font__weight--bold);\n  }\n\n  &__header {\n    padding: var(--gx-ide-container__padding);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    border-block-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n\n  &__action-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n    &:before {\n      content: \"\";\n      width: var(--mer-spacing--xs);\n      height: var(--mer-spacing--xs);\n      border-radius: 50%;\n      display: block;\n      background-color: var(--mer-icon__primary--disabled);\n    }\n    &--installed:before {\n      background-color: var(--mer-icon__primary);\n    }\n    &--uninstallable:before {\n      background-color: var(--mer-icon__warning);\n    }\n  }\n\n  &__warning-message {\n    margin-block-start: var(--mer-spacing--2xs);\n    background-color: var(--mer-color__tinted-yellow--5);\n    color: var(--mer-text__on-elevation);\n    border: var(--mer-border__width--sm) solid var(--mer-border-color__warning);\n    border-radius: var(--mer-border__radius--sm);\n    padding: var(--mer-spacing--xs) var(--mer-spacing--md);\n  }\n\n  &__divider {\n    width: calc(100% - var(--gx-ide-container__padding) * 4);\n    padding: 0 var(--gx-ide-container__padding);\n    margin: 0 auto;\n    border: 0;\n    border-block-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n  &__properties {\n    display: flex;\n    flex-direction: column;\n    padding: var(--gx-ide-container__padding);\n    gap: var(--mer-spacing--xs);\n    overflow: auto;\n  }\n}\n\n.md-property {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n\n  &--inline {\n    grid-template-columns: auto 1fr;\n  }\n  &--block {\n  }\n  &__key {\n    font-weight: var(--font-weight-bold);\n    max-width: 150px;\n  }\n  &__value {\n    font-size: var(--mer-font__size--2xs);\n  }\n  &__key,\n  &__value {\n    > * {\n      display: inline-block;\n    }\n  }\n  &__list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    > ul {\n      margin: 0;\n      padding: 0;\n      list-style-type: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--mer-spacing--2xs);\n      margin-inline-start: var(--mer-spacing--xs);\n\n      li {\n        position: relative;\n        padding-inline-start: 12px;\n        line-height: var(--ds-base-font-line-height--comfortable);\n        &::before {\n          content: \"\";\n          position: absolute;\n          left: 0;\n          top: 7px;\n          display: inline-block;\n          width: var(--mer-spacing--2xs);\n          height: var(--mer-spacing--2xs);\n          background-color: var(--mer-text__on-surface);\n        }\n      }\n    }\n  }\n}\n\n.md-property,\n.md-property__list {\n  border-block-end: var(--mer-border__width--sm) solid\n    var(--gx-ide-container-border-color);\n  padding-block-end: var(--mer-spacing--xs);\n\n  &:last-child {\n    border-block-end: 0;\n    padding-block-end: 0;\n  }\n}\n\ngxg-ide-loader {\n  border-radius: var(--mer-border__radius--md);\n}\n\n.button-wrapper {\n  display: grid;\n  align-items: center;\n  justify-content: center;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  Element,\n  EventEmitter,\n  State,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Color } from \"@genexus/gemini\";\nimport { topStateBarType } from \"@genexus/gemini\";\nimport { TabularGridSelectionChangedEvent } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport {\n  ModuleServerData,\n  ModuleData,\n  ModuleActionType,\n  ModuleFilterType,\n  ExtendedModuleData\n} from \"../types\";\nimport { renderModuleDataProperties } from \"../../../common/common\";\nimport { Locale } from \"../../../common/locale\";\nimport { ContextMenuInfo } from \"../../../common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  // \"utils/form\",\n  // \"utils/layout\",\n  // \"utils/typography\",\n  // \"components/button\",\n  // \"components/checkbox\",\n  // \"components/edit\",\n  \"components/tabular-grid\"\n];\n\n@Component({\n  tag: \"gx-ide-manage-module-references-v2\",\n  styleUrl: \"manage-module-references.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/manage-module-references-v2\"]\n})\nexport class GxManageModuleReferencesV2 {\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeManageModuleReferencesV2Element;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n  private serversDetail!: HTMLDivElement;\n\n  #filterIcon = getIconPath({\n    category: \"system\",\n    name: \"filters\",\n    colorType: \"on-elevation\"\n  });\n  #moduleIcon = getIconPath({\n    category: \"objects\",\n    name: \"module\"\n  });\n\n  // 3.STATE() VARIABLES //\n\n  // Filtering modules\n  @State() searchModulesFilterValue: string = \"\";\n  @State() selectedButtonFilter: ModuleFilterType = \"browse\";\n  @State() serverModules: ModuleData[] = [];\n  @State() serverModulesExtended: ExtendedModuleData[] = [];\n  @State() filteredServerModules: ExtendedModuleData[] = [];\n  @State() modulesMap: Map<string, ExtendedModuleData> = new Map();\n\n  @State() selectedModule: ExtendedModuleData;\n  @State() selectedServerId: string;\n  @State() selectedModuleAction: ActionInfo = {\n    message: \"\",\n    progress: 0,\n    state: \"in-progress\"\n  };\n  @State() modulesSelectedVersionMap: Map<string, string> = new Map();\n  @State() actionCompleted = true;\n  @State() closeProgressBar = true;\n  @State() progressValue: number = 0;\n  @State() progressState: topStateBarType = \"in-progress\";\n  @State() loadingServer = false;\n  @Watch(\"loadingServer\")\n  loadingServerHandler(loading: boolean) {\n    if (loading) {\n      this.loaderEl.show = true;\n    } else {\n      this.loaderEl.show = false;\n    }\n  }\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * List of module servers currently cataloged\n   */\n  @Prop() readonly servers: ModuleServerData[] = [];\n\n  /**\n   * Callback invoked when a server is selected. Returns the set of modules available on that server.\n   */\n  @Prop() readonly serverSelectedCallback: ServerSelectedCallback;\n\n  /**\n   * Callback invoked when the user wants to execute the action corresponding to a selected module. When the action begins to be executed, the component must be able to show the progress of the action. For this, the onProgress parameter is available, which is in turn a callback used by the host to notify the progress by text message and percentage.\n   */\n  @Prop() readonly executeActionCallback: ExecuteActionCallback;\n\n  /**\n   * Callback invoked when an element is right clicked on servers list\n   */\n  @Prop() readonly serverContextMenuCallback: ServerContextMenuCallback;\n\n  /**\n   * Allows you to hide the button (...) that executes serverContextMenuCallback, if we do not implement the commands in a first version\n   */\n  @Prop() readonly showServerCommands: boolean = false;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\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  async componentDidLoad() {\n    await this.serverSelectedCallbackHandler(this.servers[0].id, false);\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  /**\n   * Callback invoked to get the progress when module is performing an action\n   */\n  private onProgress = (\n    message: string,\n    progress: number,\n    state: topStateBarType\n  ): void => {\n    const data = { message, progress, state };\n    this.selectedModuleAction = { ...data };\n    this.progressValue = this.selectedModuleAction.progress;\n    this.progressState = this.selectedModuleAction.state;\n  };\n\n  /**\n   * Used for changing the selected module\n   */\n  private handleModuleChange = (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    const selectedModuleId = event.detail.rowsId[0];\n    this.selectedModule = this.modulesMap.get(selectedModuleId);\n  };\n\n  private moduleActionHandler = (module: ModuleData) => () => {\n    this.actionCompleted = false;\n    this.closeProgressBar = false;\n    this.executeActionCallbackHandler(module);\n  };\n\n  /**\n   * Perform an action relative to a module using callbackExecuteAction callback and receive the state of that action with onProgress callback\n   */\n  private executeActionCallbackHandler = async (module: ModuleData) => {\n    if (this.executeActionCallback) {\n      this.actionCompleted = false;\n      const moduleSelectedVersionId = this.modulesMap.get(module.id)\n        .selectedVersion.id;\n      const moduleSelectedVersionAction = this.modulesMap.get(module.id)\n        .selectedVersion.action;\n      const actionCompleted = await this.executeActionCallback(\n        this.selectedServerId,\n        module.id,\n        moduleSelectedVersionId,\n        moduleSelectedVersionAction,\n        this.onProgress\n      );\n      if (actionCompleted) {\n        this.serverSelectedCallbackHandler(this.selectedServerId, false);\n      }\n      this.actionCompleted = true;\n    }\n  };\n\n  private showModuleMenu = async (e: MouseEvent) => {\n    if (this.serverContextMenuCallback) {\n      const buttonBoundingClientRect = (\n        e.target as HTMLElement\n      ).getBoundingClientRect();\n      await this.serverContextMenuCallback({\n        selection: [this.selectedServerId],\n        clientX: buttonBoundingClientRect.x,\n        clientY: buttonBoundingClientRect.y\n      });\n    }\n  };\n\n  private searchModulesFilterHandler = (e: CustomEvent<string>) => {\n    this.searchModulesFilterValue = e.detail.trim().toLowerCase();\n  };\n\n  private getFilteredServerModules = (): ExtendedModuleData[] => {\n    return this.serverModulesExtended.filter(module => {\n      // Filter conditions\n      const nameMatch = module.selectedVersion.name\n        .toLowerCase()\n        .includes(this.searchModulesFilterValue);\n      const descriptionMatch = module.selectedVersion.description\n        .toLowerCase()\n        .includes(this.searchModulesFilterValue);\n      let actionMatch;\n      if (this.selectedButtonFilter === \"browse\") {\n        // If browse is selected, display all\n        actionMatch = true;\n      } else if (this.selectedButtonFilter === \"installed\") {\n        actionMatch = !!(\n          module.selectedVersion.action === \"update\" ||\n          module.selectedVersion.action === \"restore\"\n        );\n      } else if (this.selectedButtonFilter === \"updates\") {\n        actionMatch = !!(module.selectedVersion.action === \"update\");\n      }\n\n      const filtered = (nameMatch || descriptionMatch) && actionMatch;\n      return filtered;\n    });\n  };\n\n  // 9.LOCAL METHODS > RENDERS //\n  private renderGridOrEmptyState = () => {\n    this.filteredServerModules = this.getFilteredServerModules();\n    if (this.filteredServerModules.length > 0) {\n      return this.renderModulesVersionsGrid();\n    } else {\n      return this.renderEmptyStateModules();\n    }\n  };\n\n  private renderModulesVersionsGrid = (): HTMLChTabularGridElement => {\n    return (\n      <ch-tabular-grid\n        rowSelectionMode=\"single\"\n        part=\"ch-grid-pending-commits\"\n        class=\"tabular-grid servers-detail no-border\"\n        onSelectionChanged={this.handleModuleChange}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            size=\"min-content\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.filteredServerModules.map((module: ExtendedModuleData) => (\n          <ch-tabular-grid-row\n            rowid={module.id}\n            key={module.id}\n            selected={\n              this.selectedModule && this.selectedModule.id === module.id\n            }\n            class=\"tabular-grid-row\"\n          >\n            <ch-tabular-grid-cell class=\"grid-cell-module__info tabular-grid-cell\">\n              <span class=\"grid-cell-module__name\">\n                <gxg-icon\n                  type=\"objects/module\"\n                  data-action={module.selectedVersion.action}\n                  color={this.moduleVersionIconColor(module.id)}\n                  size=\"small\"\n                ></gxg-icon>\n                {module.selectedVersion.name}\n              </span>\n              <span class=\"grid-cell-module__description\">\n                {module.selectedVersion.description}\n              </span>\n            </ch-tabular-grid-cell>\n\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.selectedModule && this.selectedModule.id === module.id ? (\n                <div class=\"button-wrapper\">\n                  <gxg-button\n                    disabled={\n                      !this.actionCompleted ||\n                      module.selectedVersion.action === \"incompatible\" ||\n                      module.selectedVersion.action === \"not-installable\"\n                    }\n                    fit\n                    part=\"module-action\"\n                    onClick={this.moduleActionHandler(module)}\n                  >\n                    {module.selectedVersion.action}\n                  </gxg-button>\n                </div>\n              ) : null}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderEmptyStateModules = () => {\n    return (\n      <gx-ide-empty-state\n        stateIconSrc={this.#filterIcon}\n        stateTitle={this._componentLocale.modules.noModulesFilter}\n      ></gx-ide-empty-state>\n    );\n  };\n\n  private moduleVersionIconColor = (moduleId: string): Color => {\n    const foundModule = this.serverModulesExtended.find(module => {\n      return module.id === moduleId;\n    });\n    if (foundModule) {\n      const moduleAction = foundModule.selectedVersion.action;\n      const moduleCurrentVersion = foundModule.currentVersion;\n      if (\n        moduleAction === \"not-installable\" ||\n        moduleAction === \"incompatible\"\n      ) {\n        return \"warning\";\n      } else if (!moduleCurrentVersion) {\n        return \"mercury-primary-disabled\";\n      } else {\n        return \"mercury-primary\";\n      }\n    }\n\n    return \"mercury-primary\";\n  };\n\n  private renderVersionIcon = () => {\n    return (\n      <gxg-icon\n        type=\"objects/module\"\n        color={this.moduleVersionIconColor(this.selectedModule.id)}\n      ></gxg-icon>\n    );\n  };\n\n  /* module details/information renders*/\n  private renderVersionName = () => {\n    return (\n      <gxg-title part=\"module-info__name\" type=\"title-05\">\n        <div class=\"module-info__name\">\n          {this.selectedModule.selectedVersion.name}\n        </div>\n      </gxg-title>\n    );\n  };\n\n  private renderVersionWarningMessage = () => {\n    const warningMessage = this.selectedModule.selectedVersion.warningMessage;\n    if (warningMessage) {\n      return <p class=\"module-info__warning-message\">{warningMessage}</p>;\n    }\n  };\n\n  private renderInstalledVersion = () => {\n    const currentVersion = this.selectedModule.currentVersion;\n    let caption;\n    let cssClass = \"module-info__action-container\";\n    if (currentVersion) {\n      caption = `${this._componentLocale.modulesInformation.moduleProperties.installed}: ${currentVersion}`;\n      cssClass += ` module-info__action-container--installed`;\n    } else {\n      caption =\n        this._componentLocale.modulesInformation.moduleProperties.notInstalled;\n    }\n    return (\n      <div class={cssClass}>\n        <gxg-text part=\"module-info__action\">{caption}</gxg-text>\n      </div>\n    );\n  };\n\n  // Update selected version\n  private moduleVersionsValueChangedHandler = (e: CustomEvent<any>) => {\n    const selectedVersionId = e.detail.value;\n    this.updateSelectedModuleVersion(selectedVersionId);\n  };\n  private moduleVersionsItemChangedHandler = (e: CustomEvent<any>) => {\n    const selectedVersionId = e.detail.value;\n    this.updateSelectedModuleVersion(selectedVersionId);\n  };\n  private updateSelectedModuleVersion = (selectedVersionId: string) => {\n    const moduleSelectedVersion = this.selectedModule.versions.find(version => {\n      return version.id === selectedVersionId;\n    });\n    if (moduleSelectedVersion) {\n      const updatedSelectedModule = {\n        ...this.selectedModule,\n        selectedVersion: moduleSelectedVersion\n      };\n      this.selectedModule = updatedSelectedModule;\n\n      // update module selected in modules array as well\n      const updatedModuleIndex = this.serverModulesExtended.findIndex(\n        module => module.id === updatedSelectedModule.id\n      );\n      if (updatedModuleIndex !== -1) {\n        // Update the object with new information\n        this.serverModulesExtended[updatedModuleIndex] = {\n          ...this.serverModulesExtended[updatedModuleIndex],\n          ...updatedSelectedModule\n        };\n      }\n    }\n  };\n\n  private renderModuleVersions = () => {\n    return (\n      <div part=\"available-versions\">\n        <gxg-combo-box\n          id=\"versions-combo-box\"\n          disable-filter\n          value=\"\"\n          part=\"module-versions\"\n          display-validation-styles\n          display-validation-message\n          label={\n            this._componentLocale.modulesInformation.moduleProperties\n              .availableVersions\n          }\n          labelPosition=\"start\"\n          centerLabel\n          onValueChanged={this.moduleVersionsValueChangedHandler}\n          disabled={this.loadingServer || !this.actionCompleted}\n        >\n          {this.selectedModule.versions.map(item => (\n            <gxg-combo-box-item\n              value={item.id}\n              onItemSelected={this.moduleVersionsItemChangedHandler}\n            >\n              {item.id}\n            </gxg-combo-box-item>\n          ))}\n        </gxg-combo-box>\n      </div>\n    );\n  };\n\n  private selectedButtonChangedHandler = (e: CustomEvent<string>) => {\n    this.selectedButtonFilter = e.detail as ModuleFilterType;\n  };\n\n  // Update server selected\n  private serverItemSelectedHandler = (\n    e: CustomEvent<{\n      el: HTMLGxgComboBoxItemElement;\n      index: number;\n      value: any;\n      icon?: string;\n    }>\n  ) => {\n    const serverId = e.detail.value;\n    this.serverSelectedCallbackHandler(serverId, false);\n  };\n  private serverValueChangedHandler = (e: CustomEvent<any>) => {\n    const serverId = e.detail;\n    this.serverSelectedCallbackHandler(serverId, false);\n  };\n\n  private reloadServer = () => {\n    this.serverSelectedCallbackHandler(this.selectedServerId, true);\n  };\n  /**\n   * Change the server selected value in response to callbackServerSelected callback\n   */\n  private serverSelectedCallbackHandler = async (\n    serverId: any,\n    reload: boolean\n  ) => {\n    if (this.serverSelectedCallback) {\n      this.loadingServer = true;\n\n      // clear\n      this.serverModules = [];\n      this.serverModulesExtended = [];\n      this.filteredServerModules = [];\n      this.modulesMap.clear();\n      this.modulesSelectedVersionMap.clear();\n\n      this.serverModules = await this.serverSelectedCallback(serverId, reload);\n      // Save modules on Map as well to get information about modules faster\n      this.serverModules.forEach(module => {\n        const extendedModuleData = {\n          ...module,\n          selectedVersion: module.versions[0]\n        };\n        // When the server retrieves the modules, the selected module is by default the first one.\n        this.serverModulesExtended.push(extendedModuleData);\n        // Save modules on a map as well, for faster retrieval.\n        this.modulesMap.set(module.id, extendedModuleData);\n      });\n      this.selectedServerId = serverId;\n      this.loadingServer = false;\n    }\n  };\n\n  private progressBarCloseHandler = () => {\n    setTimeout(() => {\n      this.actionCompleted = true;\n      this.closeProgressBar = true;\n      // reset\n      this.progressValue = 0;\n      this.progressState = \"in-progress\";\n    }, 400);\n    // delay to force the footer line disappear after the top-state-bar has been closed.\n  };\n\n  // 11.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host\n        class={{\n          \"gx-ide-component\": true\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noAboveFooterPadding\n            noBorderAboveFooter={this.closeProgressBar}\n            part=\"servers\"\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            {/* Servers*/}\n            <main class=\"main\">\n              <div class=\"modules__container\">\n                <header class=\"modules__header\">\n                  <div class=\"modules__combo-container\">\n                    <gxg-label>\n                      {this._componentLocale.modules.selectServer}\n                    </gxg-label>\n                    <div class=\"modules__combo\">\n                      <gxg-combo-box\n                        disabled={this.loadingServer || !this.actionCompleted}\n                        disableFilter\n                        onValueChanged={this.serverValueChangedHandler}\n                      >\n                        {this.servers.map(item => (\n                          <gxg-combo-box-item\n                            value={item.id}\n                            onItemSelected={this.serverItemSelectedHandler}\n                          >\n                            {item.name}\n                          </gxg-combo-box-item>\n                        ))}\n                      </gxg-combo-box>\n                      {this.showServerCommands ? (\n                        <span class=\"modules__server-commands\">\n                          <gxg-button\n                            type=\"secondary-icon-only\"\n                            icon=\"gemini-tools/show-more-horizontal\"\n                            onClick={this.showModuleMenu}\n                          ></gxg-button>\n                        </span>\n                      ) : null}\n                      <gxg-button\n                        type=\"secondary-icon-only\"\n                        icon=\"gemini-tools/reset\"\n                        onClick={this.reloadServer}\n                      ></gxg-button>\n                    </div>\n                  </div>\n                </header>\n\n                <div class=\"modules__main\">\n                  <div class=\"modules__main-header\">\n                    <gxg-form-text\n                      label={this._componentLocale.modules.searchModules}\n                      labelPosition=\"above\"\n                      centerLabel={false}\n                      onValueChanged={this.searchModulesFilterHandler}\n                      disabled={this.loadingServer || !this.actionCompleted}\n                    ></gxg-form-text>\n                    <gxg-buttons-container\n                      reduced\n                      fullWidth\n                      class=\"modules__browser\"\n                      onSelectedButtonChanged={\n                        this.selectedButtonChangedHandler\n                      }\n                    >\n                      <gxg-button\n                        id=\"browse\"\n                        selected\n                        disabled={this.loadingServer || !this.actionCompleted}\n                      >\n                        {this._componentLocale.modules.buttonsContainer.browse}\n                      </gxg-button>\n                      <gxg-button\n                        id=\"installed\"\n                        disabled={this.loadingServer || !this.actionCompleted}\n                      >\n                        {\n                          this._componentLocale.modules.buttonsContainer\n                            .installed\n                        }\n                      </gxg-button>\n                      <gxg-button\n                        id=\"updates\"\n                        disabled={this.loadingServer || !this.actionCompleted}\n                      >\n                        {this._componentLocale.modules.buttonsContainer.updates}\n                      </gxg-button>\n                    </gxg-buttons-container>\n                  </div>\n                  {/* modules grid*/}\n                  <div\n                    class=\"grid-container\"\n                    ref={el => (this.serversDetail = el as HTMLDivElement)}\n                  >\n                    {this.renderGridOrEmptyState()}\n                  </div>\n                </div>\n              </div>\n\n              {/* Module version information*/}\n              {this.selectedModule ? (\n                <div class=\"module-info\">\n                  <header class=\"module-info__header\">\n                    <div class=\"module-info__title\">\n                      {this.renderVersionIcon()}\n                      {this.renderVersionName()}\n                    </div>\n                    {this.renderInstalledVersion()}\n                    {this.renderModuleVersions()}\n                    {this.renderVersionWarningMessage()}\n                  </header>\n                  <div class=\"module-info__properties gxg-scrollbar\">\n                    {renderModuleDataProperties(\n                      this.selectedModule.selectedVersion.properties\n                    )}\n                  </div>\n                </div>\n              ) : (\n                <gx-ide-empty-state\n                  class=\"recent-objects__empty-state\"\n                  stateIconSrc={this.#moduleIcon}\n                  stateTitle={\n                    this._componentLocale.modulesInformation.emptyState.title\n                  }\n                  stateDescription={\n                    this._componentLocale.modulesInformation.emptyState\n                      .description\n                  }\n                ></gx-ide-empty-state>\n              )}\n            </main>\n            {/* Top State Bar*/}\n            <gxg-top-state-bar\n              slot=\"footer-above\"\n              part=\"progress-bar\"\n              stateType={this.progressState}\n              noBorder\n              caption={\n                this.selectedModuleAction.message ||\n                this._componentLocale.progressBar.defaultCaption\n              }\n              progress={this.progressValue}\n              active={!this.actionCompleted || !this.closeProgressBar}\n              closeType=\"not-progress\"\n              closedCallback={this.progressBarCloseHandler}\n            ></gxg-top-state-bar>\n          </gx-ide-container>\n        </div>\n        <gxg-ide-loader\n          loaderTitle={this._componentLocale.servers.loading}\n          ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n          container={this.serversDetail}\n          borderRadius=\"0 0 0 8px\"\n          abortTime={60000}\n        ></gxg-ide-loader>\n      </Host>\n    );\n  }\n}\n\nexport type ExecuteActionCallback = (\n  serverId: string,\n  moduleId: string,\n  moduleVersionId: string,\n  action: ModuleActionType,\n  onProgress: (\n    message: string,\n    progress: number,\n    state: topStateBarType\n  ) => void\n) => Promise<boolean>;\n\nexport type ServerSelectedCallback = (\n  id: string,\n  reload: boolean\n) => Promise<ModuleData[]>;\n\nexport type ServerContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\nexport interface ActionInfo {\n  message: string;\n  progress: number;\n  state: topStateBarType;\n}\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-76c3fc51.entry.js → p-4e943649.entry.js}

@@ -1,8 +1,6 @@
 import { r as t, c as e, h as i, H as s, a } from "./p-25a9f1d7.js";
 
-import { g as n } from "./p-6e4208d8.js";
-
-import "./p-5ac47c69.js";
+import { g as n } from "./p-ede7bd20.js";
 
 import { L as r } from "./p-311eedf3.js";
 
@@ -606,4 +604,4 @@ R = new WeakMap;
 X.style = l;
 
 export { X as gx_ide_kb_manager_import };
-//# sourceMappingURL=p-76c3fc51.entry.js.map
+//# sourceMappingURL=p-4e943649.entry.js.map

package/dist/genexus-ide-ui/{p-76c3fc51.entry.js.map → p-4e943649.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["KB_OBJECT","KB_CATEGORY","STATUS_REGEXP_KEY","convertImportCategoryItemToTreeItem","importCatIcon","importItems","importTreeItems","forEach","importItem","push","id","caption","name","expanded","leaf","startImgSrc","metadata","convertImportCategoryDataToTreeView","importCategoryData","treeData","importCategory","importCategoryTreeItem","items","length","icon","createImportResultDataMessages","importItemId","messagesArray","status","messages","message","i","JSON","stringify","createImportResultItem","categoryData","importItemResultData","resultItemId","importResultItem","parts","addImportItemResultDataItem","categoryItemMap","objectCategoryItemMap","importTreeActualState","updatedImportTreeModel","objectCategoryId","get","categoryIndex","findIndex","treeItem","category","resultItem","newItemsLength","kbManagerImportCss","CSS_BUNDLES","NOTICE_ICON","getIconPath","colorType","FILE_ICON","GEMINI_TOOLS_SETTINGS","MENU_DELETE","CHECKBOX_ALL_CHECKED_VALUE","CHECKBOX_ALL_UNCHECKED_VALUE","GxIdeKbManagerImport","_GxIdeKbManagerImport_componentLocale","set","this","_GxIdeKbManagerImport_selectedObjectsInFileIds","_GxIdeKbManagerImport_fileInputEl","_GxIdeKbManagerImport_fileInputHiddenEl","_GxIdeKbManagerImport_objectsTreeEl","_GxIdeKbManagerImport_successItemsIds","Set","_GxIdeKbManagerImport_warningItemsIds","_GxIdeKbManagerImport_errorItemsIds","_GxIdeKbManagerImport_categoryItemMap","Map","_GxIdeKbManagerImport_objectCategoryItemMap","_GxIdeKbManagerImport_cancelImportHandler","cancelCallback","_GxIdeKbManagerImport_clearStatusHandler","importTreeState","statusInfo","error","number","warning","success","_GxIdeKbManagerImport_evaluateImport","noImport","_a","_GxIdeKbManagerImport_evaluateImportStatusMessage","someStatusVisible","display","_GxIdeKbManagerImport_importObjectsHandler","async","__classPrivateFieldGet","call","importingIsInProcess","importCallback","checkedObjectsIds","then","_GxIdeKbManagerImport_loadFileHandler","file","importedCategoryData","loadCallback","clear","object","importCategoryTreeData","objectsTreeModel","_GxIdeKbManagerImport_objectsTreeCheckedItemsChangedHandler","event","allItems","detail","checkedItemIds","item","checked","size","selectAllCheckboxValue","selectAllCheckboxIndeterminate","_GxIdeKbManagerImport_objectsTreeContextMenuHandler","objectContextMenuCallback","selection","clientX","contextmenuEvent","screenX","clientY","screenY","_GxIdeKbManagerImport_objectsTreeSelectedItemsChangedHandler","__classPrivateFieldSet","map","_GxIdeKbManagerImport_optionsHandler","optionsCallback","_GxIdeKbManagerImport_removeFileSelection","selectedFile","value","_GxIdeKbManagerImport_selectFileInputHandler","click","_GxIdeKbManagerImport_selectFileInputChangedHandler","target","files","_GxIdeKbManagerImport_statusButtonsSelectionChangedHandler","activeStates","statuses","errorIndex","state","itemId","warningIndex","successIndex","pattern","statusOptions","join","importedTreeFilterRegExp","RegExp","_GxIdeKbManagerImport_toggleSelectionClickHandler","updateAllItemsProperties","_GxIdeKbManagerImport_updateStatusItemsState","child","add","importTreeStateChanged","watchImportTreeStateHandler","importStatusMessage","main","importStatus","noImportedFiles","importedButHidden","watchObjectsTreeModelHandler","newState","noObjects","selectedFileChanged","newFile","componentDidLoad","focus","componentDidRender","componentWillLoad","Locale","getComponentStrings","el","componentDidLoadEvent","emit","addResultItem","render","h","Host","class","model","slot","htmlFor","header","fileNameLabel","autoFocus","part","type","readonly","placeholder","fileNamePlaceholder","ref","hidden","accept","onChange","removeFileSelection","title","onClick","src","disabled","selectFileButton","objectsInFile","showLines","dragDisabled","dropDisabled","toggleCheckboxes","checkbox","onCheckedItemsChange","onSelectedItemsChange","onItemContextmenu","isAnimated","stateTitle","key","selectFile","checkedValue","unCheckedValue","selectUnselect","onInput","_b","importButton","cancelButton","filter","filterType","filterOptions","autoExpand","hideMatchesAndShowNonMatches","stateIconSrc","clearButton","errors","warnings","successes","hideMessage","compact","minimal","statusMinimal","onSelectionChanged"],"sources":["src/components/kb-manager-import/helpers.ts","src/components/kb-manager-import/kb-manager-import.scss?tag=gx-ide-kb-manager-import&encapsulation=shadow","src/components/kb-manager-import/kb-manager-import.tsx"],"sourcesContent":["/* Tree View */\nimport {\n  TreeViewItemModel,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\n\n/* Kb Manager Import Types*/\nimport {\n  ImportItemData,\n  CategoryItemMap,\n  CategoryItemMapValue,\n  ObjectCategoryItemMap,\n  Status\n} from \"./kb-manager-import\";\nimport { ImportCategoryData, ImportItemResultData } from \"../../common/types\";\n\n/* objects in file metadata*/\nexport const KB_OBJECT = \"object\";\nexport const KB_CATEGORY = \"category\";\n\nexport const STATUS_REGEXP_KEY = \"status\";\n\n// - - - - - - - - - - - - - - - - -\n// Objects In File Tree Model\n// - - - - - - - - - - - - - - - - -\n\nconst convertImportCategoryItemToTreeItem = (\n  importCatIcon: string,\n  importItems: ImportItemData[]\n) => {\n  const importTreeItems: TreeViewItemModel[] = [];\n  importItems.forEach(importItem => {\n    importTreeItems.push({\n      id: importItem.id,\n      caption: importItem.name,\n      expanded: true,\n      leaf: true,\n      startImgSrc: importCatIcon,\n      metadata: KB_OBJECT\n    });\n  });\n  return importTreeItems;\n};\n\nexport const convertImportCategoryDataToTreeView = (\n  importCategoryData: ImportCategoryData[]\n): TreeViewModel => {\n  const treeData: TreeViewModel = [];\n  if (!importCategoryData) {\n    return treeData;\n  }\n  importCategoryData.forEach(importCategory => {\n    const importCategoryTreeItem: TreeViewItemModel = {\n      id: importCategory.id,\n      caption: `${importCategory.name} (${importCategory.items.length})`,\n      expanded: true,\n      leaf: false,\n      startImgSrc: importCategory.icon,\n      metadata: KB_CATEGORY,\n      items: convertImportCategoryItemToTreeItem(\n        importCategory.icon,\n        importCategory.items\n      )\n    };\n    treeData.push(importCategoryTreeItem);\n  });\n  return treeData;\n};\n\n// - - - - - - - - - - - - - - - - -\n// Import Status Tree Model\n// - - - - - - - - - - - - - - - - -\n\nconst createImportResultDataMessages = (\n  importItemId: string,\n  messagesArray: string[],\n  status: Status\n): TreeViewItemModel[] => {\n  const messages: TreeViewItemModel[] = [];\n  messagesArray.forEach((message, i) => {\n    messages.push({\n      id: `${importItemId}-message-${i}`,\n      caption: message,\n      startImgSrc: \"gemini-tools/list-view/on-surface\",\n      leaf: true,\n      metadata: JSON.stringify({\n        [STATUS_REGEXP_KEY]: status\n      })\n    });\n  });\n  return messages;\n};\n\nconst createImportResultItem = (\n  categoryData: CategoryItemMapValue,\n  importItemResultData: ImportItemResultData\n): TreeViewItemModel => {\n  const resultItemId = `${importItemResultData.id}-${importItemResultData.name}`;\n  const importResultItem: TreeViewItemModel = {\n    id: resultItemId,\n    startImgSrc: categoryData.icon,\n    caption: importItemResultData.name,\n    parts: `tree-view-item tree-view-item--status tree-view-item--${importItemResultData.status}`,\n    expanded: true,\n    leaf: importItemResultData.messages.length === 0,\n    metadata: JSON.stringify({\n      [STATUS_REGEXP_KEY]: importItemResultData.status\n    }),\n    items: createImportResultDataMessages(\n      resultItemId,\n      importItemResultData.messages,\n      importItemResultData.status\n    )\n  };\n  return importResultItem;\n};\n\n// This functions updates the \"Import Status\" model, by adding a new result item.\nexport const addImportItemResultDataItem = (\n  importItemResultData: ImportItemResultData,\n  categoryItemMap: CategoryItemMap,\n  objectCategoryItemMap: ObjectCategoryItemMap,\n  importTreeActualState: TreeViewItemModel[]\n) => {\n  const updatedImportTreeModel: TreeViewModel = [...importTreeActualState];\n\n  // Use the resultItem.id to find the corresponding category in the categoryMap\n  const objectCategoryId = objectCategoryItemMap.get(importItemResultData.id);\n  const categoryData = categoryItemMap.get(objectCategoryId);\n\n  const categoryIndex: number = updatedImportTreeModel.findIndex(\n    treeItem => treeItem.id === objectCategoryId\n  );\n\n  if (categoryIndex === -1) {\n    // category does not exists yet.\n    const category: TreeViewItemModel = {\n      id: objectCategoryId,\n      caption: `${categoryData.name} (1)`,\n      startImgSrc: `${categoryData.icon}`,\n      expanded: true,\n      items: [createImportResultItem(categoryData, importItemResultData)]\n    };\n\n    updatedImportTreeModel.push(category);\n    return updatedImportTreeModel;\n  }\n\n  // else category already exists. Just insert the result item in the category.\n  const resultItem: TreeViewItemModel = createImportResultItem(\n    categoryData,\n    importItemResultData\n  );\n  updatedImportTreeModel[categoryIndex].items = [\n    ...updatedImportTreeModel[categoryIndex].items,\n    resultItem\n  ];\n\n  // update category caption length\n  const newItemsLength = updatedImportTreeModel[categoryIndex].items.length;\n  updatedImportTreeModel[\n    categoryIndex\n  ].caption = `${categoryData.name} (${newItemsLength})`;\n\n  return updatedImportTreeModel;\n};\n","@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template:\n    \"header header\" max-content\n    \"objects-in-file import-status\" 1fr\n    \"footer footer\" max-content;\n  grid-template-columns: 1fr 1fr;\n}\n\n.section {\n  display: contents;\n}\n\n// header\n.header {\n  grid-template-columns: 1fr max-content;\n  grid-area: header;\n}\n\n// objects in file\n.objects-in-file__section {\n  grid-area: objects-in-file;\n}\n.objects-in-file__main {\n  border-inline-end: var(--section-common-border);\n  grid-template-rows: 1fr max-content;\n}\n.objects-in-file__footer {\n  display: grid;\n}\n\n// import status\n.import-status__section {\n  grid-area: import-status;\n}\n.import-status__main {\n  grid-template-rows: 1fr max-content;\n}\n.import-status__footer {\n  display: flex;\n}\n.import-clear-status-btn {\n  margin-inline-start: auto;\n}\n\n// objects in file & import status\n.objects-in-file__section,\n.import-status__section {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n}\n.control-header__objects-in-file,\n.control-header__import-status {\n  padding-block-start: var(--mer-spacing--md);\n}\n.objects-in-file__main,\n.import-status__main {\n  grid-auto-rows: max-content;\n  padding-block: var(--content-block-spacing);\n  overflow: auto;\n}\n\n// footer\n.footer {\n  display: flex;\n  grid-area: footer;\n  border-block-start: var(--section-common-border);\n}\n\n// WA / TODO: Add a helper class in Mercury to justify text.\n.text-align-center {\n  text-align: center; // should be resolved on mercury\n}\n\n.tree-view::part(item__action tree-view-item--status) {\n  grid-template: \"first-img left-img text right-img\" / max-content max-content 1fr max-content;\n  &::before {\n    grid-area: first-img;\n    content: \"\";\n    width: var(--mer-spacing--xs);\n    height: var(--mer-spacing--xs);\n    border-radius: 50%;\n    background-color: var(--gray-03);\n    margin-inline-end: var(--mer-spacing--xxs);\n  }\n}\n\n.tree-view::part(item__action tree-view-item--success) {\n  @include tree-item-status(\"success\");\n}\n.tree-view::part(item__action tree-view-item--warning) {\n  @include tree-item-status(\"warning\");\n}\n.tree-view::part(item__action tree-view-item--error) {\n  @include tree-item-status(\"error\");\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  h,\n  Method,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  ChCheckboxCustomEvent,\n  // ChEditCustomEvent,\n  TreeViewItemContextMenu\n} from \"@genexus/chameleon-controls-library\";\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\nimport { TreeViewItemModelExtended } from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\n\nimport {\n  ImportCategoryData,\n  ImportItemResultData,\n  ContextMenuInfo\n} from \"../../common/types\";\nimport {\n  convertImportCategoryDataToTreeView,\n  addImportItemResultDataItem\n} from \"./helpers\";\nimport { CheckedItemsInfo } from \"../_helpers/list-selector/list-selector\";\n\nimport { KB_OBJECT, STATUS_REGEXP_KEY } 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  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\"\n];\n\nconst NOTICE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"notice\",\n  colorType: \"on-elevation\"\n});\n\nconst FILE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"file\",\n  colorType: \"primary\"\n});\n\nconst GEMINI_TOOLS_SETTINGS = getIconPath({\n  category: \"gemini-tools\",\n  name: \"settings\",\n  colorType: \"primary\"\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-kb-manager-import\",\n  styleUrl: \"kb-manager-import.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/kb-manager-import\"]\n})\nexport class GxIdeKbManagerImport {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  #selectedObjectsInFileIds: string[] = [];\n\n  @Element() el: HTMLGxIdeKbManagerImportElement;\n\n  #fileInputEl!: HTMLChEditElement;\n  #fileInputHiddenEl!: HTMLInputElement;\n  #objectsTreeEl!: HTMLChTreeViewRenderElement;\n  #successItemsIds: Set<string> = new Set();\n  #warningItemsIds: Set<string> = new Set();\n  #errorItemsIds: Set<string> = new Set();\n  // #categoryItemMap maps a category id, with the name and icon.\n  // required for the \"import status\" tree.\n  #categoryItemMap: CategoryItemMap = new Map();\n  #objectCategoryItemMap: ObjectCategoryItemMap = new Map();\n\n  @State() checkedObjectsIds: string[] = [];\n  @State() selectAllCheckboxValue: string;\n  @State() selectAllCheckboxIndeterminate: boolean = false;\n  @State() importStatusMessage: string;\n  @State() importTreeState: TreeViewItemModel[] = [];\n  @State() importedTreeFilterRegExp: RegExp;\n  @Watch(\"importTreeState\")\n  importTreeStateChanged() {\n    // this.#filterImportedHandler();\n  }\n  @State() importingIsInProcess = false;\n  @State() importTreeFilterList: string[] = [];\n  @State() noImport: boolean;\n  @State() noObjects: boolean = true;\n  @State() objectsTreeModel: TreeViewItemModel[] = [];\n  @State() showHiddenImportsMessage = false;\n  @State() someStatusVisible: boolean;\n  @State() statusInfo: StatusInfo = {\n    error: {\n      display: true,\n      number: 0\n    },\n    warning: {\n      display: true,\n      number: 0\n    },\n    success: {\n      display: true,\n      number: 0\n    }\n  };\n\n  @Watch(\"importTreeState\")\n  watchImportTreeStateHandler() {\n    this.#evaluateImport();\n    if (this.noImport) {\n      this.importStatusMessage =\n        this.#componentLocale.main.importStatus.noImportedFiles;\n    } else {\n      this.importStatusMessage =\n        this.#componentLocale.main.importStatus.importedButHidden;\n    }\n  }\n  @Watch(\"objectsTreeModel\")\n  watchObjectsTreeModelHandler(newState: TreeViewItemModel[]) {\n    this.noObjects = !newState || newState.length === 0;\n  }\n\n  /**\n   * Callback invoked when user wants to cancel the export process.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback invoked when user wants to initiate the import process.\n   */\n  @Prop() readonly importCallback!: ImportCallback;\n\n  /**\n   * Callback invoked when user wants to load the xpz information\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * Displays status buttons (errors, warning, succeeded) with minimal UI (no captions)\n   */\n  @Prop() readonly objectContextMenuCallback!: ObjectContextMenuCallback;\n\n  /**\n   * Callback invoked when user wants to access the export options.\n   */\n  @Prop() readonly optionsCallback!: OptionsCallback;\n\n  /**\n   * Imported xml or xps file name\n   */\n  @Prop({ mutable: true }) selectedFile: File;\n  @Watch(\"selectedFile\")\n  selectedFileChanged(newFile: File) {\n    if (newFile) {\n      this.#loadFileHandler(newFile);\n    }\n  }\n\n  /**\n   * Displays status buttons (error, warning, success) with minimal UI (no captions).\n   */\n  @Prop() readonly statusMinimal = false;\n\n  /**\n   * Emitted once just after the component is fully loaded.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * Emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  componentDidLoad() {\n    this.#fileInputEl.focus();\n  }\n\n  componentDidRender() {}\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n    // this.#evaluateObjects();\n    this.#evaluateImport();\n    this.importStatusMessage =\n      this.#componentLocale.main.importStatus.noImportedFiles;\n    this.#evaluateImportStatusMessage();\n  }\n\n  /**\n   * Add the result of importing an item\n   */\n  @Method()\n  async addResultItem(item: ImportItemResultData) {\n    this.importTreeState = addImportItemResultDataItem(\n      item,\n      this.#categoryItemMap,\n      this.#objectCategoryItemMap,\n      this.importTreeState\n    );\n    this.statusInfo[item.status].number++;\n    this.#updateStatusItemsState();\n  }\n\n  #cancelImportHandler = () => {\n    this.cancelCallback();\n  };\n\n  #clearStatusHandler = () => {\n    this.importTreeState = [];\n    this.statusInfo.error.number = 0;\n    this.statusInfo.warning.number = 0;\n    this.statusInfo.success.number = 0;\n  };\n\n  #evaluateImport = () => {\n    this.noImport = !!(\n      this.importTreeState?.length === 0 || !this.importTreeState\n    );\n  };\n\n  #evaluateImportStatusMessage = () => {\n    this.someStatusVisible =\n      this.statusInfo.error.display ||\n      this.statusInfo.warning.display ||\n      this.statusInfo.success.display;\n  };\n\n  #importObjectsHandler = async () => {\n    /* first clear imported objects (this clears errors/warnings/success counts as well)*/\n    this.#clearStatusHandler();\n    /* then do the import*/\n    this.importingIsInProcess = true;\n    this.importCallback(this.checkedObjectsIds).then(() => {\n      this.importingIsInProcess = false;\n    });\n  };\n\n  #loadFileHandler = async (file: File) => {\n    const importedCategoryData = await this.loadCallback(file);\n    this.#categoryItemMap.clear();\n    this.#objectCategoryItemMap.clear();\n\n    importedCategoryData.forEach(category => {\n      this.#categoryItemMap.set(category.id, {\n        name: category.name,\n        icon: category.icon\n      });\n      category.items.forEach(object => {\n        this.#objectCategoryItemMap.set(object.id, category.id);\n      });\n    });\n\n    const importCategoryTreeData =\n      convertImportCategoryDataToTreeView(importedCategoryData);\n    this.objectsTreeModel = importCategoryTreeData;\n  };\n\n  #objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    const allItems = event.detail;\n    const checkedItemIds: string[] = [];\n    const checkedObjectsIds: string[] = [];\n    allItems.forEach(item => {\n      if (item.item.checked) {\n        checkedItemIds.push(item.item.id);\n      }\n      if (item.item.checked && item.item.metadata === KB_OBJECT) {\n        checkedObjectsIds.push(item.item.id);\n      }\n    });\n    this.checkedObjectsIds = checkedObjectsIds;\n\n    // Evaluate \"Select All / Unselect All\" checkbox state\n    if (allItems.size === checkedItemIds.length) {\n      this.selectAllCheckboxValue = CHECKBOX_ALL_CHECKED_VALUE;\n      this.selectAllCheckboxIndeterminate = false;\n    } else if (checkedItemIds.length === 0) {\n      this.selectAllCheckboxValue = CHECKBOX_ALL_UNCHECKED_VALUE;\n      this.selectAllCheckboxIndeterminate = false;\n    } else {\n      this.selectAllCheckboxIndeterminate = true;\n    }\n  };\n\n  #objectsTreeContextMenuHandler = (\n    event: CustomEvent<TreeViewItemContextMenu>\n  ) => {\n    if (event.detail.metadata === KB_OBJECT) {\n      this.objectContextMenuCallback(\"imported\", {\n        selection: this.#selectedObjectsInFileIds,\n        clientX: event.detail.contextmenuEvent.screenX,\n        clientY: event.detail.contextmenuEvent.screenY\n      });\n    }\n  };\n\n  #objectsTreeSelectedItemsChangedHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    this.#selectedObjectsInFileIds = event.detail.map(item => item.item.id);\n  };\n\n  #optionsHandler = () => {\n    if (this.optionsCallback) {\n      this.optionsCallback();\n      // returns boolean\n    }\n  };\n\n  #removeFileSelection = () => {\n    this.selectedFile = null;\n    this.#fileInputHiddenEl.value = null;\n  };\n\n  #selectFileInputHandler = () => {\n    this.#fileInputHiddenEl.click();\n  };\n\n  #selectFileInputChangedHandler = (event: InputEvent) => {\n    const target = event.target as HTMLInputElement;\n    if (target.files?.length > 0) {\n      this.selectedFile = target.files[0];\n    }\n  };\n\n  #statusButtonsSelectionChangedHandler = (\n    event: CustomEvent<CheckedItemsInfo>\n  ) => {\n    const activeStates = event.detail;\n    const statuses: Status[] = [];\n\n    const errorIndex = activeStates.findIndex(\n      state => state.itemId === \"errors\"\n    );\n    const warningIndex = activeStates.findIndex(\n      state => state.itemId === \"warnings\"\n    );\n    const successIndex = activeStates.findIndex(\n      state => state.itemId === \"successes\"\n    );\n\n    if (errorIndex !== -1) {\n      statuses.push(\"error\");\n    }\n    if (warningIndex !== -1) {\n      statuses.push(\"warning\");\n    }\n    if (successIndex !== -1) {\n      statuses.push(\"success\");\n    }\n\n    let pattern = `\"${STATUS_REGEXP_KEY}\":\"\"`;\n    if (statuses.length) {\n      const statusOptions = statuses.join(\"|\");\n      pattern = `\"${STATUS_REGEXP_KEY}\":\"(${statusOptions})\"`;\n    }\n    this.importedTreeFilterRegExp = new RegExp(pattern, \"i\");\n\n    // Update statusInfo for the status-buttons\n    this.statusInfo = {\n      error: {\n        display: errorIndex !== -1,\n        number: this.statusInfo.error.number\n      },\n      warning: {\n        display: warningIndex !== -1,\n        number: this.statusInfo.warning.number\n      },\n      success: {\n        display: successIndex !== -1,\n        number: this.statusInfo.success.number\n      }\n    };\n\n    this.#evaluateImportStatusMessage();\n  };\n\n  #toggleSelectionClickHandler = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    if (this.#objectsTreeEl) {\n      const checked = event.detail === CHECKBOX_ALL_CHECKED_VALUE;\n      this.#objectsTreeEl.updateAllItemsProperties({ checked: checked });\n    }\n  };\n\n  #updateStatusItemsState = () => {\n    this.#errorItemsIds.clear();\n    this.#warningItemsIds.clear();\n    this.#successItemsIds.clear();\n    this.importTreeState.forEach(item => {\n      const items = item.items;\n      items.forEach(child => {\n        if (child.metadata === \"error\") {\n          this.#errorItemsIds.add(child.id);\n        }\n        if (child.metadata === \"warning\") {\n          this.#warningItemsIds.add(child.id);\n        }\n        if (child.metadata === \"success\") {\n          this.#successItemsIds.add(child.id);\n        }\n      });\n    });\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <header\n            // header\n            class=\"field-group control-header-with-border header header-two-cols spacing-body-block-start spacing-body-inline\"\n            slot=\"header\"\n          >\n            <div\n              // select a file\n              class=\"field field-inline\"\n            >\n              <label class=\"label\" htmlFor=\"file-name\">\n                {this.#componentLocale.header.fileNameLabel}\n              </label>\n              <ch-edit\n                autoFocus\n                id=\"file-name\"\n                class=\"input\"\n                part=\"file-name\"\n                type=\"text\"\n                readonly\n                value={this.selectedFile?.name}\n                placeholder={this.#componentLocale.header.fileNamePlaceholder}\n                startImgSrc={FILE_ICON}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#fileInputEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              <input\n                hidden\n                type=\"file\"\n                accept=\".xpz, .xml\"\n                onChange={this.#selectFileInputChangedHandler}\n                ref={(el: HTMLInputElement) =>\n                  (this.#fileInputHiddenEl = el as HTMLInputElement)\n                }\n              />\n            </div>\n\n            <div class=\"buttons-spacer\">\n              <button\n                // remove file selection\n                aria-label={this.#componentLocale.header.removeFileSelection}\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\n              <button\n                // select file\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          </header>\n\n          <section\n            // objects in file\n            class=\"objects-in-file__section\"\n          >\n            <h2 class=\"control-header control-header-with-border control-header__objects-in-file subtitle-regular-xs\t text-align-center spacing-body-inline\">\n              {this.#componentLocale.main.objectsInFile.title}\n            </h2>\n\n            <div class=\"field-group objects-in-file__main\">\n              {!this.noObjects ? (\n                <ch-tree-view-render\n                  // objects in file tree\n                  showLines=\"last\"\n                  class=\"tree-view\"\n                  model={this.objectsTreeModel}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  toggleCheckboxes={true}\n                  checkbox={true}\n                  checked={true}\n                  onCheckedItemsChange={\n                    this.#objectsTreeCheckedItemsChangedHandler\n                  }\n                  onSelectedItemsChange={\n                    this.#objectsTreeSelectedItemsChangedHandler\n                  }\n                  onItemContextmenu={this.#objectsTreeContextMenuHandler}\n                  ref={el =>\n                    (this.#objectsTreeEl = el as HTMLChTreeViewRenderElement)\n                  }\n                ></ch-tree-view-render>\n              ) : (\n                <gx-ide-empty-state\n                  isAnimated={false}\n                  stateTitle={\n                    this.#componentLocale.main.objectsInFile.noObjects\n                  }\n                  key=\"no-objects-empty-state\"\n                >\n                  <button\n                    // begin by selecting a file\n                    class=\"button-secondary\"\n                    onClick={this.#selectFileInputHandler}\n                  >\n                    {this.#componentLocale.main.objectsInFile.selectFile}\n                  </button>\n                </gx-ide-empty-state>\n              )}\n\n              <footer class=\"field-group objects-in-file__footer spacing-body-inline\">\n                <ch-checkbox\n                  // select all / unselect all checkbox\n                  id=\"select-all-checkbox\"\n                  class=\"checkbox create-data-in-kb\"\n                  checkedValue={CHECKBOX_ALL_CHECKED_VALUE}\n                  unCheckedValue={CHECKBOX_ALL_UNCHECKED_VALUE}\n                  caption={\n                    this.#componentLocale.main.objectsInFile.selectUnselect\n                  }\n                  value={this.selectAllCheckboxValue}\n                  onInput={this.#toggleSelectionClickHandler}\n                  disabled={\n                    this.importingIsInProcess ||\n                    this.objectsTreeModel.length === 0\n                  }\n                  part=\"select-all-checkbox\"\n                ></ch-checkbox>\n\n                <div class=\"buttons-spacer\">\n                  <button\n                    // import objects button\n                    id=\"import-btn\"\n                    class=\"button-primary \"\n                    onClick={this.#importObjectsHandler}\n                    disabled={\n                      this.objectsTreeModel?.length === 0 ||\n                      this.importingIsInProcess\n                    }\n                  >\n                    {this.#componentLocale.main.objectsInFile.importButton}\n                  </button>\n\n                  <button\n                    // cancel-import button\n                    id=\"cancel-import-btn\"\n                    class=\"button-secondary \"\n                    onClick={this.#cancelImportHandler}\n                    disabled={!this.importingIsInProcess}\n                    part=\"cancel-import-button\"\n                  >\n                    {this.#componentLocale.main.objectsInFile.cancelButton}\n                  </button>\n\n                  <button\n                    // settings/options button\n                    id=\"select-kb-btn\"\n                    class=\"button-tertiary button-icon-only\"\n                    part=\"select-kb-btn\"\n                    onClick={this.#optionsHandler}\n                  >\n                    <ch-image\n                      class=\"icon-md\"\n                      src={GEMINI_TOOLS_SETTINGS}\n                    ></ch-image>\n                  </button>\n                </div>\n              </footer>\n            </div>\n          </section>\n\n          <section\n            // import status\n            class=\"import-status__section\"\n          >\n            <h2 class=\"control-header control-header-with-border control-header__import-status subtitle-regular-xs\t text-align-center spacing-body-inline\">\n              {this.#componentLocale.main.importStatus.title}\n            </h2>\n\n            <div class=\"field-group import-status__main\">\n              {!this.noImport && this.someStatusVisible ? (\n                <ch-tree-view-render\n                  // import status tree\n                  model={this.importTreeState}\n                  toggleCheckboxes={true}\n                  showLines=\"last\"\n                  class=\"tree-view\"\n                  filter={this.importedTreeFilterRegExp}\n                  filterType=\"metadata\"\n                  filterOptions={{\n                    autoExpand: true,\n                    hideMatchesAndShowNonMatches: false\n                  }}\n                ></ch-tree-view-render>\n              ) : (\n                <gx-ide-empty-state\n                  isAnimated={false}\n                  stateIconSrc={NOTICE_ICON}\n                  stateTitle={this.importStatusMessage}\n                  key=\"no-objects-empty-state\"\n                ></gx-ide-empty-state>\n              )}\n\n              <footer class=\"import-status__footer spacing-body-inline\">\n                <button\n                  // clear status button\n                  class=\"button-secondary import-clear-status-btn\"\n                  onClick={this.#clearStatusHandler}\n                  disabled={this.noImport || this.importingIsInProcess}\n                  part=\"clear-status-btn\"\n                >\n                  {this.#componentLocale.main.importStatus.clearButton}\n                </button>\n              </footer>\n            </div>\n          </section>\n\n          <footer\n            // footer\n            class=\"footer\"\n          >\n            <gx-ide-status-buttons\n              errors={this.statusInfo.error.number}\n              warnings={this.statusInfo.warning.number}\n              successes={this.statusInfo.success.number}\n              hideMessage\n              compact\n              minimal={this.statusMinimal}\n              onSelectionChanged={this.#statusButtonsSelectionChangedHandler}\n            ></gx-ide-status-buttons>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\nexport type CancelCallback = () => Promise<boolean>;\n\nexport type ImportCallback = (itemIds: string[]) => Promise<boolean>;\n\nexport type ImportItemData = {\n  id: string;\n  name: string;\n};\n\nexport type LoadCallback = (file: File) => Promise<ImportCategoryData[]>;\n\nexport type ObjectContextMenuCallback = (\n  tree: ObjectsSourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type ObjectsSourceType = \"in-file\" | \"imported\";\n\nexport type OptionsCallback = () => Promise<void>;\n\nexport interface SelectedObject {\n  itemId: string;\n  subItemsIds: string[];\n}\n\nexport type StatusItemsState = {\n  error: string[];\n  warning: string[];\n  success: string[];\n};\n\ntype StatusInfo = {\n  error: {\n    display: boolean;\n    number: number;\n  };\n  warning: {\n    display: boolean;\n    number: number;\n  };\n  success: {\n    display: boolean;\n    number: number;\n  };\n};\n\nexport type CategoryItemMap = Map<string, CategoryItemMapValue>;\nexport type CategoryItemMapValue = { name: string; icon: string };\nexport type ObjectCategoryItemMap = Map<string, string>;\nexport type Status = \"success\" | \"error\" | \"warning\";\n"],"mappings":"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"}
+{"version":3,"names":["KB_OBJECT","KB_CATEGORY","STATUS_REGEXP_KEY","convertImportCategoryItemToTreeItem","importCatIcon","importItems","importTreeItems","forEach","importItem","push","id","caption","name","expanded","leaf","startImgSrc","metadata","convertImportCategoryDataToTreeView","importCategoryData","treeData","importCategory","importCategoryTreeItem","items","length","icon","createImportResultDataMessages","importItemId","messagesArray","status","messages","message","i","JSON","stringify","createImportResultItem","categoryData","importItemResultData","resultItemId","importResultItem","parts","addImportItemResultDataItem","categoryItemMap","objectCategoryItemMap","importTreeActualState","updatedImportTreeModel","objectCategoryId","get","categoryIndex","findIndex","treeItem","category","resultItem","newItemsLength","kbManagerImportCss","CSS_BUNDLES","NOTICE_ICON","getIconPath","colorType","FILE_ICON","GEMINI_TOOLS_SETTINGS","MENU_DELETE","CHECKBOX_ALL_CHECKED_VALUE","CHECKBOX_ALL_UNCHECKED_VALUE","GxIdeKbManagerImport","_GxIdeKbManagerImport_componentLocale","set","this","_GxIdeKbManagerImport_selectedObjectsInFileIds","_GxIdeKbManagerImport_fileInputEl","_GxIdeKbManagerImport_fileInputHiddenEl","_GxIdeKbManagerImport_objectsTreeEl","_GxIdeKbManagerImport_successItemsIds","Set","_GxIdeKbManagerImport_warningItemsIds","_GxIdeKbManagerImport_errorItemsIds","_GxIdeKbManagerImport_categoryItemMap","Map","_GxIdeKbManagerImport_objectCategoryItemMap","_GxIdeKbManagerImport_cancelImportHandler","cancelCallback","_GxIdeKbManagerImport_clearStatusHandler","importTreeState","statusInfo","error","number","warning","success","_GxIdeKbManagerImport_evaluateImport","noImport","_a","_GxIdeKbManagerImport_evaluateImportStatusMessage","someStatusVisible","display","_GxIdeKbManagerImport_importObjectsHandler","async","__classPrivateFieldGet","call","importingIsInProcess","importCallback","checkedObjectsIds","then","_GxIdeKbManagerImport_loadFileHandler","file","importedCategoryData","loadCallback","clear","object","importCategoryTreeData","objectsTreeModel","_GxIdeKbManagerImport_objectsTreeCheckedItemsChangedHandler","event","allItems","detail","checkedItemIds","item","checked","size","selectAllCheckboxValue","selectAllCheckboxIndeterminate","_GxIdeKbManagerImport_objectsTreeContextMenuHandler","objectContextMenuCallback","selection","clientX","contextmenuEvent","screenX","clientY","screenY","_GxIdeKbManagerImport_objectsTreeSelectedItemsChangedHandler","__classPrivateFieldSet","map","_GxIdeKbManagerImport_optionsHandler","optionsCallback","_GxIdeKbManagerImport_removeFileSelection","selectedFile","value","_GxIdeKbManagerImport_selectFileInputHandler","click","_GxIdeKbManagerImport_selectFileInputChangedHandler","target","files","_GxIdeKbManagerImport_statusButtonsSelectionChangedHandler","activeStates","statuses","errorIndex","state","itemId","warningIndex","successIndex","pattern","statusOptions","join","importedTreeFilterRegExp","RegExp","_GxIdeKbManagerImport_toggleSelectionClickHandler","updateAllItemsProperties","_GxIdeKbManagerImport_updateStatusItemsState","child","add","importTreeStateChanged","watchImportTreeStateHandler","importStatusMessage","main","importStatus","noImportedFiles","importedButHidden","watchObjectsTreeModelHandler","newState","noObjects","selectedFileChanged","newFile","componentDidLoad","focus","componentDidRender","componentWillLoad","Locale","getComponentStrings","el","componentDidLoadEvent","emit","addResultItem","render","h","Host","class","model","slot","htmlFor","header","fileNameLabel","autoFocus","part","type","readonly","placeholder","fileNamePlaceholder","ref","hidden","accept","onChange","removeFileSelection","title","onClick","src","disabled","selectFileButton","objectsInFile","showLines","dragDisabled","dropDisabled","toggleCheckboxes","checkbox","onCheckedItemsChange","onSelectedItemsChange","onItemContextmenu","isAnimated","stateTitle","key","selectFile","checkedValue","unCheckedValue","selectUnselect","onInput","_b","importButton","cancelButton","filter","filterType","filterOptions","autoExpand","hideMatchesAndShowNonMatches","stateIconSrc","clearButton","errors","warnings","successes","hideMessage","compact","minimal","statusMinimal","onSelectionChanged"],"sources":["src/components/kb-manager-import/helpers.ts","src/components/kb-manager-import/kb-manager-import.scss?tag=gx-ide-kb-manager-import&encapsulation=shadow","src/components/kb-manager-import/kb-manager-import.tsx"],"sourcesContent":["/* Tree View */\nimport {\n  TreeViewItemModel,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\n\n/* Kb Manager Import Types*/\nimport {\n  ImportItemData,\n  CategoryItemMap,\n  CategoryItemMapValue,\n  ObjectCategoryItemMap,\n  Status\n} from \"./kb-manager-import\";\nimport { ImportCategoryData, ImportItemResultData } from \"../../common/types\";\n\n/* objects in file metadata*/\nexport const KB_OBJECT = \"object\";\nexport const KB_CATEGORY = \"category\";\n\nexport const STATUS_REGEXP_KEY = \"status\";\n\n// - - - - - - - - - - - - - - - - -\n// Objects In File Tree Model\n// - - - - - - - - - - - - - - - - -\n\nconst convertImportCategoryItemToTreeItem = (\n  importCatIcon: string,\n  importItems: ImportItemData[]\n) => {\n  const importTreeItems: TreeViewItemModel[] = [];\n  importItems.forEach(importItem => {\n    importTreeItems.push({\n      id: importItem.id,\n      caption: importItem.name,\n      expanded: true,\n      leaf: true,\n      startImgSrc: importCatIcon,\n      metadata: KB_OBJECT\n    });\n  });\n  return importTreeItems;\n};\n\nexport const convertImportCategoryDataToTreeView = (\n  importCategoryData: ImportCategoryData[]\n): TreeViewModel => {\n  const treeData: TreeViewModel = [];\n  if (!importCategoryData) {\n    return treeData;\n  }\n  importCategoryData.forEach(importCategory => {\n    const importCategoryTreeItem: TreeViewItemModel = {\n      id: importCategory.id,\n      caption: `${importCategory.name} (${importCategory.items.length})`,\n      expanded: true,\n      leaf: false,\n      startImgSrc: importCategory.icon,\n      metadata: KB_CATEGORY,\n      items: convertImportCategoryItemToTreeItem(\n        importCategory.icon,\n        importCategory.items\n      )\n    };\n    treeData.push(importCategoryTreeItem);\n  });\n  return treeData;\n};\n\n// - - - - - - - - - - - - - - - - -\n// Import Status Tree Model\n// - - - - - - - - - - - - - - - - -\n\nconst createImportResultDataMessages = (\n  importItemId: string,\n  messagesArray: string[],\n  status: Status\n): TreeViewItemModel[] => {\n  const messages: TreeViewItemModel[] = [];\n  messagesArray.forEach((message, i) => {\n    messages.push({\n      id: `${importItemId}-message-${i}`,\n      caption: message,\n      startImgSrc: \"gemini-tools/list-view/on-surface\",\n      leaf: true,\n      metadata: JSON.stringify({\n        [STATUS_REGEXP_KEY]: status\n      })\n    });\n  });\n  return messages;\n};\n\nconst createImportResultItem = (\n  categoryData: CategoryItemMapValue,\n  importItemResultData: ImportItemResultData\n): TreeViewItemModel => {\n  const resultItemId = `${importItemResultData.id}-${importItemResultData.name}`;\n  const importResultItem: TreeViewItemModel = {\n    id: resultItemId,\n    startImgSrc: categoryData.icon,\n    caption: importItemResultData.name,\n    parts: `tree-view-item tree-view-item--status tree-view-item--${importItemResultData.status}`,\n    expanded: true,\n    leaf: importItemResultData.messages.length === 0,\n    metadata: JSON.stringify({\n      [STATUS_REGEXP_KEY]: importItemResultData.status\n    }),\n    items: createImportResultDataMessages(\n      resultItemId,\n      importItemResultData.messages,\n      importItemResultData.status\n    )\n  };\n  return importResultItem;\n};\n\n// This functions updates the \"Import Status\" model, by adding a new result item.\nexport const addImportItemResultDataItem = (\n  importItemResultData: ImportItemResultData,\n  categoryItemMap: CategoryItemMap,\n  objectCategoryItemMap: ObjectCategoryItemMap,\n  importTreeActualState: TreeViewItemModel[]\n) => {\n  const updatedImportTreeModel: TreeViewModel = [...importTreeActualState];\n\n  // Use the resultItem.id to find the corresponding category in the categoryMap\n  const objectCategoryId = objectCategoryItemMap.get(importItemResultData.id);\n  const categoryData = categoryItemMap.get(objectCategoryId);\n\n  const categoryIndex: number = updatedImportTreeModel.findIndex(\n    treeItem => treeItem.id === objectCategoryId\n  );\n\n  if (categoryIndex === -1) {\n    // category does not exists yet.\n    const category: TreeViewItemModel = {\n      id: objectCategoryId,\n      caption: `${categoryData.name} (1)`,\n      startImgSrc: `${categoryData.icon}`,\n      expanded: true,\n      items: [createImportResultItem(categoryData, importItemResultData)]\n    };\n\n    updatedImportTreeModel.push(category);\n    return updatedImportTreeModel;\n  }\n\n  // else category already exists. Just insert the result item in the category.\n  const resultItem: TreeViewItemModel = createImportResultItem(\n    categoryData,\n    importItemResultData\n  );\n  updatedImportTreeModel[categoryIndex].items = [\n    ...updatedImportTreeModel[categoryIndex].items,\n    resultItem\n  ];\n\n  // update category caption length\n  const newItemsLength = updatedImportTreeModel[categoryIndex].items.length;\n  updatedImportTreeModel[\n    categoryIndex\n  ].caption = `${categoryData.name} (${newItemsLength})`;\n\n  return updatedImportTreeModel;\n};\n","@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template:\n    \"header header\" max-content\n    \"objects-in-file import-status\" 1fr\n    \"footer footer\" max-content;\n  grid-template-columns: 1fr 1fr;\n}\n\n.section {\n  display: contents;\n}\n\n// header\n.header {\n  grid-template-columns: 1fr max-content;\n  grid-area: header;\n}\n\n// objects in file\n.objects-in-file__section {\n  grid-area: objects-in-file;\n}\n.objects-in-file__main {\n  border-inline-end: var(--section-common-border);\n  grid-template-rows: 1fr max-content;\n}\n.objects-in-file__footer {\n  display: grid;\n}\n\n// import status\n.import-status__section {\n  grid-area: import-status;\n}\n.import-status__main {\n  grid-template-rows: 1fr max-content;\n}\n.import-status__footer {\n  display: flex;\n}\n.import-clear-status-btn {\n  margin-inline-start: auto;\n}\n\n// objects in file & import status\n.objects-in-file__section,\n.import-status__section {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n}\n.control-header__objects-in-file,\n.control-header__import-status {\n  padding-block-start: var(--mer-spacing--md);\n}\n.objects-in-file__main,\n.import-status__main {\n  grid-auto-rows: max-content;\n  padding-block: var(--content-block-spacing);\n  overflow: auto;\n}\n\n// footer\n.footer {\n  display: flex;\n  grid-area: footer;\n  border-block-start: var(--section-common-border);\n}\n\n// WA / TODO: Add a helper class in Mercury to justify text.\n.text-align-center {\n  text-align: center; // should be resolved on mercury\n}\n\n.tree-view::part(item__action tree-view-item--status) {\n  grid-template: \"first-img left-img text right-img\" / max-content max-content 1fr max-content;\n  &::before {\n    grid-area: first-img;\n    content: \"\";\n    width: var(--mer-spacing--xs);\n    height: var(--mer-spacing--xs);\n    border-radius: 50%;\n    background-color: var(--gray-03);\n    margin-inline-end: var(--mer-spacing--xxs);\n  }\n}\n\n.tree-view::part(item__action tree-view-item--success) {\n  @include tree-item-status(\"success\");\n}\n.tree-view::part(item__action tree-view-item--warning) {\n  @include tree-item-status(\"warning\");\n}\n.tree-view::part(item__action tree-view-item--error) {\n  @include tree-item-status(\"error\");\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  h,\n  Method,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  ChCheckboxCustomEvent,\n  // ChEditCustomEvent,\n  TreeViewItemContextMenu\n} from \"@genexus/chameleon-controls-library\";\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\nimport { TreeViewItemModelExtended } from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\n\nimport {\n  ImportCategoryData,\n  ImportItemResultData,\n  ContextMenuInfo\n} from \"../../common/types\";\nimport {\n  convertImportCategoryDataToTreeView,\n  addImportItemResultDataItem\n} from \"./helpers\";\nimport { CheckedItemsInfo } from \"../_helpers/list-selector/list-selector\";\n\nimport { KB_OBJECT, STATUS_REGEXP_KEY } 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  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\"\n];\n\nconst NOTICE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"notice\",\n  colorType: \"on-elevation\"\n});\n\nconst FILE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"file\",\n  colorType: \"primary\"\n});\n\nconst GEMINI_TOOLS_SETTINGS = getIconPath({\n  category: \"gemini-tools\",\n  name: \"settings\",\n  colorType: \"primary\"\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-kb-manager-import\",\n  styleUrl: \"kb-manager-import.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/kb-manager-import\"]\n})\nexport class GxIdeKbManagerImport {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  #selectedObjectsInFileIds: string[] = [];\n\n  @Element() el: HTMLGxIdeKbManagerImportElement;\n\n  #fileInputEl!: HTMLChEditElement;\n  #fileInputHiddenEl!: HTMLInputElement;\n  #objectsTreeEl!: HTMLChTreeViewRenderElement;\n  #successItemsIds: Set<string> = new Set();\n  #warningItemsIds: Set<string> = new Set();\n  #errorItemsIds: Set<string> = new Set();\n  // #categoryItemMap maps a category id, with the name and icon.\n  // required for the \"import status\" tree.\n  #categoryItemMap: CategoryItemMap = new Map();\n  #objectCategoryItemMap: ObjectCategoryItemMap = new Map();\n\n  @State() checkedObjectsIds: string[] = [];\n  @State() selectAllCheckboxValue: string;\n  @State() selectAllCheckboxIndeterminate: boolean = false;\n  @State() importStatusMessage: string;\n  @State() importTreeState: TreeViewItemModel[] = [];\n  @State() importedTreeFilterRegExp: RegExp;\n  @Watch(\"importTreeState\")\n  importTreeStateChanged() {\n    // this.#filterImportedHandler();\n  }\n  @State() importingIsInProcess = false;\n  @State() importTreeFilterList: string[] = [];\n  @State() noImport: boolean;\n  @State() noObjects: boolean = true;\n  @State() objectsTreeModel: TreeViewItemModel[] = [];\n  @State() showHiddenImportsMessage = false;\n  @State() someStatusVisible: boolean;\n  @State() statusInfo: StatusInfo = {\n    error: {\n      display: true,\n      number: 0\n    },\n    warning: {\n      display: true,\n      number: 0\n    },\n    success: {\n      display: true,\n      number: 0\n    }\n  };\n\n  @Watch(\"importTreeState\")\n  watchImportTreeStateHandler() {\n    this.#evaluateImport();\n    if (this.noImport) {\n      this.importStatusMessage =\n        this.#componentLocale.main.importStatus.noImportedFiles;\n    } else {\n      this.importStatusMessage =\n        this.#componentLocale.main.importStatus.importedButHidden;\n    }\n  }\n  @Watch(\"objectsTreeModel\")\n  watchObjectsTreeModelHandler(newState: TreeViewItemModel[]) {\n    this.noObjects = !newState || newState.length === 0;\n  }\n\n  /**\n   * Callback invoked when user wants to cancel the export process.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback invoked when user wants to initiate the import process.\n   */\n  @Prop() readonly importCallback!: ImportCallback;\n\n  /**\n   * Callback invoked when user wants to load the xpz information\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * Displays status buttons (errors, warning, succeeded) with minimal UI (no captions)\n   */\n  @Prop() readonly objectContextMenuCallback!: ObjectContextMenuCallback;\n\n  /**\n   * Callback invoked when user wants to access the export options.\n   */\n  @Prop() readonly optionsCallback!: OptionsCallback;\n\n  /**\n   * Imported xml or xps file name\n   */\n  @Prop({ mutable: true }) selectedFile: File;\n  @Watch(\"selectedFile\")\n  selectedFileChanged(newFile: File) {\n    if (newFile) {\n      this.#loadFileHandler(newFile);\n    }\n  }\n\n  /**\n   * Displays status buttons (error, warning, success) with minimal UI (no captions).\n   */\n  @Prop() readonly statusMinimal = false;\n\n  /**\n   * Emitted once just after the component is fully loaded.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * Emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  componentDidLoad() {\n    this.#fileInputEl.focus();\n  }\n\n  componentDidRender() {}\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n    // this.#evaluateObjects();\n    this.#evaluateImport();\n    this.importStatusMessage =\n      this.#componentLocale.main.importStatus.noImportedFiles;\n    this.#evaluateImportStatusMessage();\n  }\n\n  /**\n   * Add the result of importing an item\n   */\n  @Method()\n  async addResultItem(item: ImportItemResultData) {\n    this.importTreeState = addImportItemResultDataItem(\n      item,\n      this.#categoryItemMap,\n      this.#objectCategoryItemMap,\n      this.importTreeState\n    );\n    this.statusInfo[item.status].number++;\n    this.#updateStatusItemsState();\n  }\n\n  #cancelImportHandler = () => {\n    this.cancelCallback();\n  };\n\n  #clearStatusHandler = () => {\n    this.importTreeState = [];\n    this.statusInfo.error.number = 0;\n    this.statusInfo.warning.number = 0;\n    this.statusInfo.success.number = 0;\n  };\n\n  #evaluateImport = () => {\n    this.noImport = !!(\n      this.importTreeState?.length === 0 || !this.importTreeState\n    );\n  };\n\n  #evaluateImportStatusMessage = () => {\n    this.someStatusVisible =\n      this.statusInfo.error.display ||\n      this.statusInfo.warning.display ||\n      this.statusInfo.success.display;\n  };\n\n  #importObjectsHandler = async () => {\n    /* first clear imported objects (this clears errors/warnings/success counts as well)*/\n    this.#clearStatusHandler();\n    /* then do the import*/\n    this.importingIsInProcess = true;\n    this.importCallback(this.checkedObjectsIds).then(() => {\n      this.importingIsInProcess = false;\n    });\n  };\n\n  #loadFileHandler = async (file: File) => {\n    const importedCategoryData = await this.loadCallback(file);\n    this.#categoryItemMap.clear();\n    this.#objectCategoryItemMap.clear();\n\n    importedCategoryData.forEach(category => {\n      this.#categoryItemMap.set(category.id, {\n        name: category.name,\n        icon: category.icon\n      });\n      category.items.forEach(object => {\n        this.#objectCategoryItemMap.set(object.id, category.id);\n      });\n    });\n\n    const importCategoryTreeData =\n      convertImportCategoryDataToTreeView(importedCategoryData);\n    this.objectsTreeModel = importCategoryTreeData;\n  };\n\n  #objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    const allItems = event.detail;\n    const checkedItemIds: string[] = [];\n    const checkedObjectsIds: string[] = [];\n    allItems.forEach(item => {\n      if (item.item.checked) {\n        checkedItemIds.push(item.item.id);\n      }\n      if (item.item.checked && item.item.metadata === KB_OBJECT) {\n        checkedObjectsIds.push(item.item.id);\n      }\n    });\n    this.checkedObjectsIds = checkedObjectsIds;\n\n    // Evaluate \"Select All / Unselect All\" checkbox state\n    if (allItems.size === checkedItemIds.length) {\n      this.selectAllCheckboxValue = CHECKBOX_ALL_CHECKED_VALUE;\n      this.selectAllCheckboxIndeterminate = false;\n    } else if (checkedItemIds.length === 0) {\n      this.selectAllCheckboxValue = CHECKBOX_ALL_UNCHECKED_VALUE;\n      this.selectAllCheckboxIndeterminate = false;\n    } else {\n      this.selectAllCheckboxIndeterminate = true;\n    }\n  };\n\n  #objectsTreeContextMenuHandler = (\n    event: CustomEvent<TreeViewItemContextMenu>\n  ) => {\n    if (event.detail.metadata === KB_OBJECT) {\n      this.objectContextMenuCallback(\"imported\", {\n        selection: this.#selectedObjectsInFileIds,\n        clientX: event.detail.contextmenuEvent.screenX,\n        clientY: event.detail.contextmenuEvent.screenY\n      });\n    }\n  };\n\n  #objectsTreeSelectedItemsChangedHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    this.#selectedObjectsInFileIds = event.detail.map(item => item.item.id);\n  };\n\n  #optionsHandler = () => {\n    if (this.optionsCallback) {\n      this.optionsCallback();\n      // returns boolean\n    }\n  };\n\n  #removeFileSelection = () => {\n    this.selectedFile = null;\n    this.#fileInputHiddenEl.value = null;\n  };\n\n  #selectFileInputHandler = () => {\n    this.#fileInputHiddenEl.click();\n  };\n\n  #selectFileInputChangedHandler = (event: InputEvent) => {\n    const target = event.target as HTMLInputElement;\n    if (target.files?.length > 0) {\n      this.selectedFile = target.files[0];\n    }\n  };\n\n  #statusButtonsSelectionChangedHandler = (\n    event: CustomEvent<CheckedItemsInfo>\n  ) => {\n    const activeStates = event.detail;\n    const statuses: Status[] = [];\n\n    const errorIndex = activeStates.findIndex(\n      state => state.itemId === \"errors\"\n    );\n    const warningIndex = activeStates.findIndex(\n      state => state.itemId === \"warnings\"\n    );\n    const successIndex = activeStates.findIndex(\n      state => state.itemId === \"successes\"\n    );\n\n    if (errorIndex !== -1) {\n      statuses.push(\"error\");\n    }\n    if (warningIndex !== -1) {\n      statuses.push(\"warning\");\n    }\n    if (successIndex !== -1) {\n      statuses.push(\"success\");\n    }\n\n    let pattern = `\"${STATUS_REGEXP_KEY}\":\"\"`;\n    if (statuses.length) {\n      const statusOptions = statuses.join(\"|\");\n      pattern = `\"${STATUS_REGEXP_KEY}\":\"(${statusOptions})\"`;\n    }\n    this.importedTreeFilterRegExp = new RegExp(pattern, \"i\");\n\n    // Update statusInfo for the status-buttons\n    this.statusInfo = {\n      error: {\n        display: errorIndex !== -1,\n        number: this.statusInfo.error.number\n      },\n      warning: {\n        display: warningIndex !== -1,\n        number: this.statusInfo.warning.number\n      },\n      success: {\n        display: successIndex !== -1,\n        number: this.statusInfo.success.number\n      }\n    };\n\n    this.#evaluateImportStatusMessage();\n  };\n\n  #toggleSelectionClickHandler = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    if (this.#objectsTreeEl) {\n      const checked = event.detail === CHECKBOX_ALL_CHECKED_VALUE;\n      this.#objectsTreeEl.updateAllItemsProperties({ checked: checked });\n    }\n  };\n\n  #updateStatusItemsState = () => {\n    this.#errorItemsIds.clear();\n    this.#warningItemsIds.clear();\n    this.#successItemsIds.clear();\n    this.importTreeState.forEach(item => {\n      const items = item.items;\n      items.forEach(child => {\n        if (child.metadata === \"error\") {\n          this.#errorItemsIds.add(child.id);\n        }\n        if (child.metadata === \"warning\") {\n          this.#warningItemsIds.add(child.id);\n        }\n        if (child.metadata === \"success\") {\n          this.#successItemsIds.add(child.id);\n        }\n      });\n    });\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <header\n            // header\n            class=\"field-group control-header-with-border header header-two-cols spacing-body-block-start spacing-body-inline\"\n            slot=\"header\"\n          >\n            <div\n              // select a file\n              class=\"field field-inline\"\n            >\n              <label class=\"label\" htmlFor=\"file-name\">\n                {this.#componentLocale.header.fileNameLabel}\n              </label>\n              <ch-edit\n                autoFocus\n                id=\"file-name\"\n                class=\"input\"\n                part=\"file-name\"\n                type=\"text\"\n                readonly\n                value={this.selectedFile?.name}\n                placeholder={this.#componentLocale.header.fileNamePlaceholder}\n                startImgSrc={FILE_ICON}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#fileInputEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              <input\n                hidden\n                type=\"file\"\n                accept=\".xpz, .xml\"\n                onChange={this.#selectFileInputChangedHandler}\n                ref={(el: HTMLInputElement) =>\n                  (this.#fileInputHiddenEl = el as HTMLInputElement)\n                }\n              />\n            </div>\n\n            <div class=\"buttons-spacer\">\n              <button\n                // remove file selection\n                aria-label={this.#componentLocale.header.removeFileSelection}\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\n              <button\n                // select file\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          </header>\n\n          <section\n            // objects in file\n            class=\"objects-in-file__section\"\n          >\n            <h2 class=\"control-header control-header-with-border control-header__objects-in-file subtitle-regular-xs\t text-align-center spacing-body-inline\">\n              {this.#componentLocale.main.objectsInFile.title}\n            </h2>\n\n            <div class=\"field-group objects-in-file__main\">\n              {!this.noObjects ? (\n                <ch-tree-view-render\n                  // objects in file tree\n                  showLines=\"last\"\n                  class=\"tree-view\"\n                  model={this.objectsTreeModel}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  toggleCheckboxes={true}\n                  checkbox={true}\n                  checked={true}\n                  onCheckedItemsChange={\n                    this.#objectsTreeCheckedItemsChangedHandler\n                  }\n                  onSelectedItemsChange={\n                    this.#objectsTreeSelectedItemsChangedHandler\n                  }\n                  onItemContextmenu={this.#objectsTreeContextMenuHandler}\n                  ref={el =>\n                    (this.#objectsTreeEl = el as HTMLChTreeViewRenderElement)\n                  }\n                ></ch-tree-view-render>\n              ) : (\n                <gx-ide-empty-state\n                  isAnimated={false}\n                  stateTitle={\n                    this.#componentLocale.main.objectsInFile.noObjects\n                  }\n                  key=\"no-objects-empty-state\"\n                >\n                  <button\n                    // begin by selecting a file\n                    class=\"button-secondary\"\n                    onClick={this.#selectFileInputHandler}\n                  >\n                    {this.#componentLocale.main.objectsInFile.selectFile}\n                  </button>\n                </gx-ide-empty-state>\n              )}\n\n              <footer class=\"field-group objects-in-file__footer spacing-body-inline\">\n                <ch-checkbox\n                  // select all / unselect all checkbox\n                  id=\"select-all-checkbox\"\n                  class=\"checkbox create-data-in-kb\"\n                  checkedValue={CHECKBOX_ALL_CHECKED_VALUE}\n                  unCheckedValue={CHECKBOX_ALL_UNCHECKED_VALUE}\n                  caption={\n                    this.#componentLocale.main.objectsInFile.selectUnselect\n                  }\n                  value={this.selectAllCheckboxValue}\n                  onInput={this.#toggleSelectionClickHandler}\n                  disabled={\n                    this.importingIsInProcess ||\n                    this.objectsTreeModel.length === 0\n                  }\n                  part=\"select-all-checkbox\"\n                ></ch-checkbox>\n\n                <div class=\"buttons-spacer\">\n                  <button\n                    // import objects button\n                    id=\"import-btn\"\n                    class=\"button-primary \"\n                    onClick={this.#importObjectsHandler}\n                    disabled={\n                      this.objectsTreeModel?.length === 0 ||\n                      this.importingIsInProcess\n                    }\n                  >\n                    {this.#componentLocale.main.objectsInFile.importButton}\n                  </button>\n\n                  <button\n                    // cancel-import button\n                    id=\"cancel-import-btn\"\n                    class=\"button-secondary \"\n                    onClick={this.#cancelImportHandler}\n                    disabled={!this.importingIsInProcess}\n                    part=\"cancel-import-button\"\n                  >\n                    {this.#componentLocale.main.objectsInFile.cancelButton}\n                  </button>\n\n                  <button\n                    // settings/options button\n                    id=\"select-kb-btn\"\n                    class=\"button-tertiary button-icon-only\"\n                    part=\"select-kb-btn\"\n                    onClick={this.#optionsHandler}\n                  >\n                    <ch-image\n                      class=\"icon-md\"\n                      src={GEMINI_TOOLS_SETTINGS}\n                    ></ch-image>\n                  </button>\n                </div>\n              </footer>\n            </div>\n          </section>\n\n          <section\n            // import status\n            class=\"import-status__section\"\n          >\n            <h2 class=\"control-header control-header-with-border control-header__import-status subtitle-regular-xs\t text-align-center spacing-body-inline\">\n              {this.#componentLocale.main.importStatus.title}\n            </h2>\n\n            <div class=\"field-group import-status__main\">\n              {!this.noImport && this.someStatusVisible ? (\n                <ch-tree-view-render\n                  // import status tree\n                  model={this.importTreeState}\n                  toggleCheckboxes={true}\n                  showLines=\"last\"\n                  class=\"tree-view\"\n                  filter={this.importedTreeFilterRegExp}\n                  filterType=\"metadata\"\n                  filterOptions={{\n                    autoExpand: true,\n                    hideMatchesAndShowNonMatches: false\n                  }}\n                ></ch-tree-view-render>\n              ) : (\n                <gx-ide-empty-state\n                  isAnimated={false}\n                  stateIconSrc={NOTICE_ICON}\n                  stateTitle={this.importStatusMessage}\n                  key=\"no-objects-empty-state\"\n                ></gx-ide-empty-state>\n              )}\n\n              <footer class=\"import-status__footer spacing-body-inline\">\n                <button\n                  // clear status button\n                  class=\"button-secondary import-clear-status-btn\"\n                  onClick={this.#clearStatusHandler}\n                  disabled={this.noImport || this.importingIsInProcess}\n                  part=\"clear-status-btn\"\n                >\n                  {this.#componentLocale.main.importStatus.clearButton}\n                </button>\n              </footer>\n            </div>\n          </section>\n\n          <footer\n            // footer\n            class=\"footer\"\n          >\n            <gx-ide-status-buttons\n              errors={this.statusInfo.error.number}\n              warnings={this.statusInfo.warning.number}\n              successes={this.statusInfo.success.number}\n              hideMessage\n              compact\n              minimal={this.statusMinimal}\n              onSelectionChanged={this.#statusButtonsSelectionChangedHandler}\n            ></gx-ide-status-buttons>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\nexport type CancelCallback = () => Promise<boolean>;\n\nexport type ImportCallback = (itemIds: string[]) => Promise<boolean>;\n\nexport type ImportItemData = {\n  id: string;\n  name: string;\n};\n\nexport type LoadCallback = (file: File) => Promise<ImportCategoryData[]>;\n\nexport type ObjectContextMenuCallback = (\n  tree: ObjectsSourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type ObjectsSourceType = \"in-file\" | \"imported\";\n\nexport type OptionsCallback = () => Promise<void>;\n\nexport interface SelectedObject {\n  itemId: string;\n  subItemsIds: string[];\n}\n\nexport type StatusItemsState = {\n  error: string[];\n  warning: string[];\n  success: string[];\n};\n\ntype StatusInfo = {\n  error: {\n    display: boolean;\n    number: number;\n  };\n  warning: {\n    display: boolean;\n    number: number;\n  };\n  success: {\n    display: boolean;\n    number: number;\n  };\n};\n\nexport type CategoryItemMap = Map<string, CategoryItemMapValue>;\nexport type CategoryItemMapValue = { name: string; icon: string };\nexport type ObjectCategoryItemMap = Map<string, string>;\nexport type Status = \"success\" | \"error\" | \"warning\";\n"],"mappings":"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"}