@genexus/genexus-ide-ui 1.1.5 → 1.1.6

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

@@ -1 +0,0 @@
-{"version":3,"names":["manageModuleReferencesCss","CSS_BUNDLES","GxManageModuleReferences","this","renderedFirstTime","_GxManageModuleReferences_filterIcon","set","getIconPath","category","name","colorType","_GxManageModuleReferences_moduleIcon","updateModulesSelectedVersion","modulesAll","selectedServerId","selectedServerIdOnModulesAllUpdate","modulesSelectedVersion","clear","forEach","module","id","versions","length","newModule","get","undefined","getActionFromCurrentModuleVersion","action","getModuleData","selectedModule","onProgress","message","progress","state","data","selectedModuleAction","progressValue","progressState","handleModuleChange","event","selectedModuleId","detail","rowsId","foundModule","find","item","serverSelectedCallbackHandler","async","reload","serverSelectedCallback","loadingServer","resolvedObjects","filterModulesByType","filteredModules","handleFilterChange","value","trim","toLowerCase","filter","selectedVersionName","includes","handleFilterChangeHandler","e","executeActionCallbackHandler","executeActionCallback","moduleSelectedVersionId","actionCompleted","type","currentVersion","version","showModuleMenu","serverContextMenuCallback","buttonBoundingClientRect","target","getBoundingClientRect","selection","clientX","x","clientY","y","dataType","selectedVersionId","selectedVersion","selectedVersionData","moduleActionHandler","closeProgressBar","renderModulesGrid","h","rowSelectionMode","part","class","onSelectionChanged","settingable","size","map","rowid","key","selected","moduleVersionIconColor","color","disabled","fit","onClick","renderEmptyStateModules","stateIconSrc","__classPrivateFieldGet","stateTitle","_componentLocale","modules","noModulesFilter","moduleAction","moduleCurrentVersion","renderVersionName","renderVersionWarningMessage","warningMessage","renderInstalledVersion","caption","cssClass","modulesInformation","moduleProperties","installed","notInstalled","moduleVersionsValueChangedHandler","versionId","updateSelectedModuleVersion","moduleVersionsItemChangedHandler","reRenderCounter","renderModuleVersions","label","availableVersions","labelPosition","centerLabel","onValueChanged","onItemSelected","selectedButtonChangedHandler","replace","serverItemSelectedHandler","serverId","serverValueChangedHandler","progressBarCloseHandler","setTimeout","reloadServer","Map","modulesAllWatcher","loadingServerHandler","loading","loaderEl","show","componentDidRender","componentDidRenderFirstTime","emit","componentName","componentWillLoad","Locale","getComponentStrings","el","componentDidLoad","servers","onPropValueChange","newModulesData","validate","render","Host","model","noContentPadding","noAboveFooterPadding","noBorderAboveFooter","containerTitle","displayTitle","selectServer","disableFilter","showServerCommands","icon","searchModules","reduced","fullWidth","onSelectedButtonChanged","buttonsContainer","browse","updates","ref","serversDetail","renderModuleDataProperties","emptyState","title","stateDescription","description","slot","stateType","noBorder","progressBar","defaultCaption","active","closeType","closedCallback","loaderTitle","container","borderRadius"],"sources":["src/components/modules/manage-module-references/manage-module-references.scss?tag=gx-ide-manage-module-references&encapsulation=shadow","src/components/modules/manage-module-references/manage-module-references.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  }\n  &__name,\n  &__description {\n    line-height: 1.55em;\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  Method,\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  ModulePropertyData,\n  ModuleVersionData\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\",\n  styleUrl: \"manage-module-references.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/manage-module-references\"]\n})\nexport class GxManageModuleReferences {\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  /* selectedServerIdOnModulesAllUpdate is updated every time modulesAll is modified, in order to determine if the server is the same or not.*/\n  private selectedServerIdOnModulesAllUpdate: string;\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  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeManageModuleReferencesElement;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n  private serversDetail!: HTMLDivElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() modulesAll: ModuleData[] = [];\n  @Watch(\"modulesAll\")\n  modulesAllWatcher(modulesAll: ModuleData[]) {\n    this.updateModulesSelectedVersion(modulesAll);\n  }\n  @State() filteredModules: ModuleData[] = [];\n  @State() selectedModule: ModuleData;\n  @State() selectedServerId: string;\n  @State() selectedModuleAction: ActionInfo = {\n    message: \"\",\n    progress: 0,\n    state: \"in-progress\"\n  };\n  @State() modulesSelectedVersion: 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  @State() reRenderCounter: number = 0;\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 Add button is clicked\n   */\n  @Prop() readonly addServerCallback: AddServerCallback;\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  @Watch(\"modulesAll\")\n  onPropValueChange(newModulesData: ModuleData[]) {\n    this.filteredModules = [...newModulesData];\n  }\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * validate\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    return true;\n  }\n\n  // 9.LOCAL METHODS //\n\n  private updateModulesSelectedVersion = (modulesAll: ModuleData[]) => {\n    if (this.selectedServerId !== this.selectedServerIdOnModulesAllUpdate) {\n      // the server has changed. clear the updateModulesSelectedVersion\n      this.modulesSelectedVersion.clear();\n      modulesAll.forEach(module => {\n        // this.modulesSelectedVersion.set(module.id, module.versions[0].id);\n        this.modulesSelectedVersion.set(\n          module.id,\n          module.versions[module.versions.length - 1].id\n        );\n      });\n    } else {\n      // the server has't changed. only add the module to the map, if it is a new module.\n      modulesAll.forEach(module => {\n        const newModule =\n          this.modulesSelectedVersion.get(module.id) === undefined;\n        if (newModule) {\n          this.modulesSelectedVersion.set(module.id, module.versions[0].id);\n        }\n      });\n    }\n    this.selectedServerIdOnModulesAllUpdate = this.selectedServerId;\n  };\n\n  private getActionFromCurrentModuleVersion = (): ModuleActionType => {\n    const action = this.getModuleData(\n      this.selectedModule,\n      \"action\"\n    ) as ModuleActionType;\n    return action || \"install\";\n  };\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  // 10.LOCAL METHODS //\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    const foundModule = this.modulesAll.find(\n      item => item.id === selectedModuleId\n    );\n    if (foundModule) {\n      this.selectedModule = foundModule;\n    }\n  };\n\n  /**\n   * Change the server selected value in response to callbackServerSelected callback\n   */\n  private serverSelectedCallbackHandler = async (id: any, reload: boolean) => {\n    if (this.serverSelectedCallback) {\n      this.loadingServer = true;\n      const resolvedObjects = await this.serverSelectedCallback(id, reload);\n      this.selectedServerId = id;\n      this.modulesAll = [...resolvedObjects];\n      this.filterModulesByType(\"browse\");\n      this.selectedModule = this.filteredModules[0];\n      this.loadingServer = false;\n    }\n  };\n\n  private handleFilterChange = (value: string) => {\n    value = value.trim().toLowerCase();\n    if (value) {\n      this.filteredModules = this.modulesAll.filter(module => {\n        const selectedVersionName = this.getModuleData(\n          module,\n          \"name\"\n        ) as string;\n        return selectedVersionName?.toLowerCase().includes(value);\n      });\n    } else {\n      this.filteredModules = this.modulesAll;\n    }\n  };\n\n  private handleFilterChangeHandler = (e: CustomEvent<string>) => {\n    const value = e.detail;\n    return this.handleFilterChange(value);\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      const moduleSelectedVersionId = this.modulesSelectedVersion.get(\n        module.id\n      );\n      const actionCompleted = await this.executeActionCallback(\n        this.selectedServerId,\n        module.id,\n        moduleSelectedVersionId,\n        this.getActionFromCurrentModuleVersion(),\n        this.onProgress\n      );\n      if (actionCompleted) {\n        this.serverSelectedCallbackHandler(this.selectedServerId, false);\n      }\n      this.actionCompleted = actionCompleted;\n    }\n  };\n\n  private filterModulesByType = (type: ModuleFilterType) => {\n    // browse\n    if (type === \"browse\") {\n      this.filteredModules = this.modulesAll;\n    }\n    // installed\n    else if (type === \"installed\") {\n      this.filteredModules = this.modulesAll.filter((module: ModuleData) => {\n        // if the module has a currentVersion (not undefined) it means it is installed\n        return module.currentVersion;\n      });\n    } else if (type === \"updates\") {\n      this.filteredModules = this.modulesAll.filter((module: ModuleData) => {\n        return module.versions.find(version => version.action === \"update\");\n      });\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 getModuleData = (\n    module: ModuleData,\n    dataType: keyof ModuleVersionData\n  ): string | ModulePropertyData[] | undefined => {\n    const selectedVersionId = this.modulesSelectedVersion.get(module.id);\n    let selectedVersion;\n    let selectedVersionData;\n    if (selectedVersionId) {\n      selectedVersion = module.versions.find(\n        version => version.id === selectedVersionId\n      );\n    }\n    if (selectedVersion) {\n      selectedVersionData = selectedVersion[dataType];\n    }\n    return selectedVersionData;\n  };\n\n  private moduleActionHandler = (module: ModuleData) => () => {\n    this.actionCompleted = false;\n    this.closeProgressBar = false;\n    this.executeActionCallbackHandler(module);\n  };\n\n  private renderModulesGrid = (): Element => {\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            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"min-content\"\n          ></ch-tabular-grid-column>\n\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            settingable={false}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"min-content\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.filteredModules.map((module: ModuleData) => (\n          <ch-tabular-grid-row\n            class=\"tabular-grid-row\"\n            rowid={module.id}\n            key={module.id}\n            selected={\n              this.selectedModule && this.selectedModule.id === module.id\n            }\n          >\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <gxg-icon\n                type=\"objects/module\"\n                data-action={this.moduleVersionIconColor(module)}\n                color={this.moduleVersionIconColor(module)}\n                size=\"small\"\n              ></gxg-icon>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell grid-cell-module__info\">\n              <span class=\"grid-cell-module__name\">\n                {this.getModuleData(module, \"name\")}\n              </span>\n              <span class=\"grid-cell-module__description\">\n                {this.getModuleData(module, \"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                      this.getModuleData(module, \"action\") === \"incompatible\" ||\n                      this.getModuleData(module, \"action\") === \"not-installable\"\n                    }\n                    fit\n                    part=\"module-action\"\n                    onClick={this.moduleActionHandler(module)}\n                  >\n                    {this.getActionFromCurrentModuleVersion()}\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 = (module: ModuleData): Color => {\n    const moduleAction = this.getModuleData(module, \"action\");\n    const moduleCurrentVersion = module.currentVersion;\n    if (moduleAction === \"not-installable\" || moduleAction === \"incompatible\") {\n      return \"warning\";\n    } else if (!moduleCurrentVersion) {\n      return \"mercury-primary-disabled\";\n    } else {\n      return \"mercury-primary\";\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          {/* <gxg-icon\n            type=\"objects/module\"\n            color={this.moduleVersionIconColor(this.selectedModule)}\n          ></gxg-icon> */}\n          {this.getModuleData(this.selectedModule, \"name\")}\n        </div>\n      </gxg-title>\n    );\n  };\n\n  private renderVersionWarningMessage = () => {\n    const warningMessage = this.getModuleData(\n      this.selectedModule,\n      \"warningMessage\"\n    );\n    if (warningMessage) {\n      return <p class=\"module-info__alert-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  private moduleVersionsValueChangedHandler = (e: CustomEvent<any>) => {\n    const versionId = e.detail;\n    this.updateSelectedModuleVersion(versionId);\n  };\n  private moduleVersionsItemChangedHandler = (e: CustomEvent<any>) => {\n    const versionId = e.detail.value;\n    this.updateSelectedModuleVersion(versionId);\n  };\n  private updateSelectedModuleVersion = (versionId: string) => {\n    if (versionId) {\n      this.modulesSelectedVersion.set(this.selectedModule.id, versionId);\n      this.reRenderCounter++;\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={this.getModuleData(this.selectedModule, \"id\")}\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}\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    const type = e.detail.replace(\"btn-\", \"\") as ModuleFilterType;\n    this.filterModulesByType(type);\n  };\n\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\n  private serverValueChangedHandler = (e: CustomEvent<any>) => {\n    const serverId = e.detail;\n    this.serverSelectedCallbackHandler(serverId, false);\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  private reloadServer = () => {\n    this.serverSelectedCallbackHandler(this.selectedServerId, true);\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                        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.handleFilterChangeHandler}\n                      disabled={this.loadingServer}\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=\"btn-browse\"\n                        selected\n                        disabled={this.loadingServer}\n                      >\n                        {this._componentLocale.modules.buttonsContainer.browse}\n                      </gxg-button>\n                      <gxg-button\n                        id=\"btn-installed\"\n                        disabled={this.loadingServer}\n                      >\n                        {\n                          this._componentLocale.modules.buttonsContainer\n                            .installed\n                        }\n                      </gxg-button>\n                      <gxg-button\n                        id=\"btn-updates\"\n                        disabled={this.loadingServer}\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.filteredModules.length > 0\n                      ? this.renderModulesGrid()\n                      : this.renderEmptyStateModules()}\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                    {this.renderVersionName()}\n                    {this.renderInstalledVersion()}\n                    {this.renderModuleVersions()}\n                    {/* {this.renderNotInstallable()} */}\n                    {this.renderVersionWarningMessage()}\n                  </header>\n                  <div class=\"module-info__properties gxg-scrollbar\">\n                    {renderModuleDataProperties(\n                      this.getModuleData(\n                        this.selectedModule,\n                        \"properties\"\n                      ) as ModulePropertyData[]\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        ></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 AddServerCallback = () => Promise<void>;\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-c30b2104.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bpmExportXpdlCss","GxIdeBpmExportXpdl","this","renderedFirstTime","exportHandler","exportCallback","notExporting","data","directoryName","exportInputEl","value","Objects","bpmObjectSelectorEl","selection","includeAll","objectIds","then","catch","error","console","inputHandle","async","emptyInput","length","handleSelectionChanged","emptyObjects","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","h","Host","class","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","htmlFor","main","exportInputLabel","type","id","onInput","ref","disabled","onClick","exportButton","cancelCallback","cancelButton","addCallback","referencesCallback","onSelectionChanged"],"sources":["src/components/bpm/export-xpdl/bpm-export-xpdl.scss?tag=gx-ide-bpm-export-xpdl&encapsulation=shadow","src/components/bpm/export-xpdl/bpm-export-xpdl.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n  display: block;\n}\n\n.header {\n  display: grid;\n  grid-template-columns: 1fr min-content min-content;\n  grid-template-areas:\n    \"label label label\"\n    \"input cancel export\";\n  grid-gap: var(--gx-ide-grid-column-gap);\n\n  .label {\n    grid-area: label;\n  }\n  .input {\n    grid-area: input;\n  }\n  .cancel {\n    grid-area: cancel;\n  }\n  .export {\n    grid-area: export;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\nimport { ObjectData } from \"../objects-selector/helpers\";\n\n/* import { renderListItems } from \"../../../common/render-list-item\"; */\n\n@Component({\n  tag: \"gx-ide-bpm-export-xpdl\",\n  styleUrl: \"bpm-export-xpdl.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-export-xpdl\"]\n})\nexport class GxIdeBpmExportXpdl {\n  // 1.OWN PROPERTIES //\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: HTMLGxIdeBpmExportXpdlElement;\n  private exportInputEl: HTMLInputElement;\n  private bpmObjectSelectorEl: HTMLGxIdeBpmObjectsSelectorElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() emptyInput = true;\n  @State() emptyObjects = true;\n  @State() notExporting = true;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Callback function invoked when the user presses the 'Create' button.\n   * This function is expected to handle the export process based on the provided export data.\n   *\n   * @param {ExportData} exportData - The data required for the export process.\n   * @returns {Promise<boolean>} A promise that resolves to a boolean indicating the success of the export operation.\n   * Returns `true` if the export was successful, and `false` otherwise.\n   */\n  @Prop() readonly exportCallback: ExportCallback;\n\n  /**\n   * Callback invoked when user press 'Cancel' button\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when the user presses the 'Add' button. associated with gx-ide-bpm-objects-selector\n   * This function is expected to return a list of selected objects' basic information.\n   * @returns {Promise<ObjectData[]>} A Promise that resolves to an array of ObjectData. Each ObjectData contains the ID, icon, and name of an object.\n   */\n  @Prop() readonly addCallback: () => Promise<ObjectData[]>;\n\n  /**\n   * Callback invoked when the user presses the 'References' button. associated with gx-ide-bpm-objects-selector\n   * Receives a parameter which is an array of IDs of the objects currently added to the list.\n   * Returns a Promise that resolves to an array of ObjectData, where each ObjectData contains the ID, icon, and name of an object.\n   * @param {string[]} ids - An array of IDs of the objects currently added to the list.\n   * @returns {Promise<ObjectData[]>} A Promise that resolves to an array of ObjectData. Each ObjectData contains the ID, icon, and name of an object.\n   */\n  @Prop() readonly referencesCallback: (ids: string[]) => Promise<ObjectData[]>;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private exportHandler = () => {\n    if (this.exportCallback) {\n      this.notExporting = false;\n\n      const data: ExportData = {\n        directoryName: this.exportInputEl.value,\n        Objects: this.bpmObjectSelectorEl.selection ?? {\n          includeAll: false,\n          objectIds: []\n        }\n      };\n\n      this.exportCallback(data)\n        .then(() => {\n          this.notExporting = true;\n        })\n        .catch(error => {\n          console.error(\"Export callback failed:\", error);\n          this.notExporting = true;\n        });\n    }\n  };\n\n  private inputHandle = async () => {\n    this.emptyInput = !this.exportInputEl.value?.length;\n  };\n\n  private handleSelectionChanged = () => {\n    this.emptyObjects = !this.bpmObjectSelectorEl.selection.objectIds.length;\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            <div class=\"header\">\n              <label htmlFor=\"export-directory\" class=\"label\">\n                {this._componentLocale.main.exportInputLabel}\n              </label>\n              <input\n                type=\"text\"\n                id=\"export-directory\"\n                class=\"input-text input\"\n                onInput={this.inputHandle}\n                ref={el => (this.exportInputEl = el as HTMLInputElement)}\n              />\n              <button\n                class=\"export\"\n                disabled={this.emptyInput || this.emptyObjects}\n                onClick={this.exportHandler}\n              >\n                {this._componentLocale.main.exportButton}\n              </button>\n              <button\n                class=\"cancel\"\n                disabled={this.notExporting}\n                onClick={this.cancelCallback}\n              >\n                {this._componentLocale.main.cancelButton}\n              </button>\n            </div>\n\n            <gx-ide-bpm-objects-selector\n              id=\"gx-ide-bpm-objects-selector\"\n              addCallback={this.addCallback}\n              referencesCallback={this.referencesCallback}\n              ref={el =>\n                (this.bpmObjectSelectorEl =\n                  el as HTMLGxIdeBpmObjectsSelectorElement)\n              }\n              onSelectionChanged={this.handleSelectionChanged}\n            ></gx-ide-bpm-objects-selector>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type ExportCallback = (exportData: ExportData) => Promise<boolean>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type ExportData = {\n  directoryName: string;\n  Objects: SelectionData;\n};\n\nexport type SelectionData = {\n  includeAll: boolean;\n  objectIds: string[];\n};\n"],"mappings":";;;;;;AAAA,MAAMA,IAAmB;;MCyBZC,IAAkB;;;;IAOrBC,KAAAC,oBAAoB;;;;QAgFpBD,KAAAE,gBAAgB;MACtB,IAAIF,KAAKG,gBAAgB;QACvBH,KAAKI,eAAe;QAEpB,MAAMC,IAAmB;UACvBC,eAAeN,KAAKO,cAAcC;UAClCC,SAAST,KAAKU,oBAAoBC,aAAa;YAC7CC,YAAY;YACZC,WAAW;;;QAIfb,KAAKG,eAAeE,GACjBS,MAAK;UACJd,KAAKI,eAAe;AAAI,YAEzBW,OAAMC;UACLC,QAAQD,MAAM,2BAA2BA;UACzChB,KAAKI,eAAe;AAAI;;;IAKxBJ,KAAAkB,cAAcC;MACpBnB,KAAKoB,cAAcpB,KAAKO,cAAcC,OAAOa;AAAM;IAG7CrB,KAAAsB,yBAAyB;MAC/BtB,KAAKuB,gBAAgBvB,KAAKU,oBAAoBC,UAAUE,UAAUQ;AAAM;sBAlGpD;wBACE;wBACA;wBAOQ;;;;;;;EA0ChC,uBAAMG;IACJxB,KAAKyB,yBAAyBC,EAAOC,oBAAoB3B,KAAK4B;;EAGhE,kBAAAC;IACE,KAAK7B,KAAKC,mBAAmB;MAC3BD,KAAK8B,4BAA4BC,KAC/B/B,KAAKyB,iBAAiBO;MAExBhC,KAAKC,oBAAoB;;;;EA2C7B,MAAAgC;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEG,gBACErC,KAAKsC,eAAetC,KAAKyB,iBAAiBO,gBAAgB;MAE5DO,eAAeC,EAAOC,eAAeF;OAErCL,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;MAAmBN,OAAM;OACrCpC,KAAKyB,iBAAiBkB,KAAKC,mBAE9BV,EAAA;MACEW,MAAK;MACLC,IAAG;MACHV,OAAM;MACNW,SAAS/C,KAAKkB;MACd8B,KAAKpB,KAAO5B,KAAKO,gBAAgBqB;QAEnCM,EAAA;MACEE,OAAM;MACNa,UAAUjD,KAAKoB,cAAcpB,KAAKuB;MAClC2B,SAASlD,KAAKE;OAEbF,KAAKyB,iBAAiBkB,KAAKQ,eAE9BjB,EAAA;MACEE,OAAM;MACNa,UAAUjD,KAAKI;MACf8C,SAASlD,KAAKoD;OAEbpD,KAAKyB,iBAAiBkB,KAAKU,gBAIhCnB,EAAA;MACEY,IAAG;MACHQ,aAAatD,KAAKsD;MAClBC,oBAAoBvD,KAAKuD;MACzBP,KAAKpB,KACF5B,KAAKU,sBACJkB;MAEJ4B,oBAAoBxD,KAAKsB"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["getInitialsFromName","name","trim","nameData","split","filter","Boolean","length","toUpperCase","limitFullName","fullName","fullNameData","currentUserInfoCss","CSS_BUNDLES","CHEVRON_DOWN_ICON","getIconPath","category","colorType","MY_ACCOUNT_ID","CHANGE_TEAM_ID","SIGN_OUT_ID","LANGUAGE_ID","GxIdeNewEnvironment","_GxIdeNewEnvironment_componentLocale","set","this","_GxIdeNewEnvironment_initials","_GxIdeNewEnvironment_menuDropdownModel","_GxIdeNewEnvironment_userLoginButton","_GxIdeNewEnvironment_dropDownitemClickHandler","event","id","detail","changeTeamCallback","signOutCallback","changeLanguageCallback","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","userInfo","caption","__classPrivateFieldGet","changeTeamLabel","signOutLabel","type","render","userName","h","Host","class","model","inlineAlign","blockAlign","onButtonClick","team","src","containerRef","slot","onClick","termsCallback","termsAndConditionsCaption","privacyCallback","privacyPolicyCaption"],"sources":["src/components/current-user-info/helpers.tsx","src/components/current-user-info/current-user-info.scss?tag=gx-ide-current-user-info&encapsulation=shadow","src/components/current-user-info/current-user-info.tsx"],"sourcesContent":["/**\n * Returns initials from the first two words of a name. Returns \"X\" for invalid input.\n *\n * @param name - The full name string.\n * @returns Initials of the first two words, or \"X\" if invalid.\n *\n * Example:\n * getInitialsFromName(\"John Doe\") -> \"JD\"\n * getInitialsFromName(\"Jane\") -> \"J\"\n * getInitialsFromName(\"\") -> \"X\"\n */\nexport const getInitialsFromName = (name: string): string | null => {\n  if (typeof name !== \"string\" || name.trim() === \"\") {\n    return \"X\";\n  }\n\n  const nameData = name.split(\" \").filter(Boolean); // Remove any empty strings from splitting\n  if (nameData.length === 1) {\n    return nameData[0][0].toUpperCase();\n  } else {\n    return `${nameData[0][0].toUpperCase()}${nameData[1][0].toUpperCase()}`;\n  }\n};\n\n/**\n * Limits the full name to the first two words. Returns null for invalid input.\n *\n * @param fullName - The full name string to be limited.\n * @returns The first two words of the full name, or null if invalid.\n *\n * Example:\n * limitFullName(\"John Doe Smith\") -> \"John Doe\"\n * limitFullName(\"Jane\") -> \"Jane\"\n * limitFullName(\"\") -> null\n */\nexport const limitFullName = (fullName: string): string | null => {\n  if (typeof fullName !== \"string\" || fullName.trim() === \"\") {\n    return null;\n  }\n\n  const fullNameData = fullName.split(\" \").filter(Boolean); // Remove any empty strings from splitting\n  if (fullNameData.length === 1) {\n    return fullNameData[0];\n  } else {\n    return `${fullNameData[0]} ${fullNameData[1]}`;\n  }\n};\n","@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: inline-grid;\n  justify-items: end;\n  block-size: 100%;\n}\n\n.dropdown::part(expandable-button) {\n  display: grid;\n  grid-template-columns: max-content max-content max-content;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n  block-size: auto;\n  cursor: pointer;\n}\n.user-login {\n  &__details {\n    display: grid;\n    grid-template-rows: max-content max-content;\n    gap: var(--mer-spacing--3xs);\n    justify-items: end;\n  }\n  &__name {\n    font-weight: var(--mer-font__weight--medium);\n    font-size: var(--mer-font__size--3xs);\n    color: var(--mer-text__on-elevation);\n  }\n  &__organization {\n    font-weight: var(--mer-font__weight--light);\n    font-size: var(--mer-font__size--4xs);\n    color: var(--mer-text__neutral);\n  }\n  &__name,\n  &__organization {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-inline-size: 120px;\n    display: inline-block;\n  }\n  &__avatar {\n    font-size: 9px;\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    block-size: var(--mer-spacing--lg);\n    inline-size: var(--mer-spacing--lg);\n    color: var(--mer-text__on-elevation);\n    border-radius: 50%;\n    background-color: var(--mer-color__tinted-primary--10);\n    border: var(--mer-border__width--sm) solid var(--mer-color__primary--200);\n  }\n\n  &__footer {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    @include button-reset();\n\n    .agreement-link {\n      text-decoration: underline;\n      cursor: pointer; /* Ensure it still looks clickable */\n    }\n  }\n}\n","/* STENCIL IMPORTS */\nimport { Component, Element, Host, Prop, State, h } from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport { getInitialsFromName, limitFullName } from \"./helpers\";\nimport {\n  ActionMenuItemActionableModel,\n  ActionMenuModel,\n  ChActionMenuRenderCustomEvent,\n  ChPopoverAlign\n} from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  // TODO: review if \"utils/form--full\" is required.\n  \"resets/box-sizing\",\n  \"components/tooltip\",\n  \"components/switch\",\n  \"components/icon\",\n  \"components/dropdown\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst CHEVRON_DOWN_ICON = getIconPath({\n  category: \"navigation\",\n  name: \"chevron-down\",\n  colorType: \"neutral\"\n});\n\nconst MY_ACCOUNT_ID = \"my-account\";\nconst CHANGE_TEAM_ID = \"change-team\";\nconst SIGN_OUT_ID = \"sign-out\";\nconst LANGUAGE_ID = \"language\";\n\n@Component({\n  tag: \"gx-ide-current-user-info\",\n  styleUrl: \"current-user-info.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/current-user-info\"]\n})\nexport class GxIdeNewEnvironment {\n  #componentLocale: any;\n  #initials: string = \"\";\n  // #mode: Mode;\n  #menuDropdownModel: ActionMenuModel;\n\n  @Element() el: HTMLGxIdeCurrentUserInfoElement;\n  #userLoginButton: HTMLButtonElement;\n\n  @State() showMenu: boolean = false;\n\n  /**\n   * User data\n   */\n  @Prop() readonly userInfo: UserInfo;\n\n  /**\n   * Callback executed when the user click \"My Account\" link\n   */\n  @Prop() readonly myAccountCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"change team\" link\n   */\n  @Prop() readonly changeTeamCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"Language\" link\n   */\n  @Prop() readonly changeLanguageCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user switch the \"Mode\" status\n   */\n  @Prop() readonly changeModeCallback!: (mode: Mode) => Promise<void>;\n\n  /**\n   * Defines the menu block and inline alignment\n   */\n  @Prop() readonly menuAlign: MenuAlign;\n\n  /**\n   * Callback executed when the user click \"Sign Out\" link\n   */\n  @Prop() readonly signOutCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user clicks on the \"term and conditions\" link\n   */\n  @Prop() readonly termsCallback: () => Promise<void>;\n\n  /**\n   * Callback executed when the user clicks on the \"privacy policy\" link\n   */\n  @Prop() readonly privacyCallback: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#initials = getInitialsFromName(this.userInfo.name);\n    this.#menuDropdownModel = [\n      // {\n      //   id: MY_ACCOUNT_ID,\n      //   caption: this.#componentLocale.myAccountLabel,\n      //   showSeparator: false\n      // },\n      {\n        id: CHANGE_TEAM_ID,\n        caption: this.#componentLocale.changeTeamLabel\n      },\n      {\n        id: SIGN_OUT_ID,\n        caption: this.#componentLocale.signOutLabel\n      },\n      {\n        type: \"separator\"\n      },\n      {\n        type: \"slot\",\n        id: \"agreement\"\n      }\n    ];\n  }\n\n  // #handleModeSwitch = () => {\n  //   this.#mode = this.#mode === \"dark\" ? \"light\" : \"dark\";\n  //   if (this.changeModeCallback) {\n  //     this.changeModeCallback(this.#mode);\n  //   }\n  // };\n\n  #dropDownitemClickHandler = (\n    event: ChActionMenuRenderCustomEvent<ActionMenuItemActionableModel>\n  ): void => {\n    const id = event.detail.id;\n    if (id === MY_ACCOUNT_ID) {\n      // this.myAccountCallback();\n    } else if (id === CHANGE_TEAM_ID) {\n      this.changeTeamCallback();\n    } else if (id === SIGN_OUT_ID) {\n      this.signOutCallback();\n    } else if (id === LANGUAGE_ID) {\n      this.changeLanguageCallback();\n    }\n  };\n\n  render() {\n    const userName = limitFullName(this.userInfo?.name);\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-action-menu-render\n          class=\"dropdown user-login__button\"\n          model={this.#menuDropdownModel}\n          inlineAlign=\"inside-end\"\n          blockAlign=\"outside-end\"\n          onButtonClick={this.#dropDownitemClickHandler}\n        >\n          <div class=\"user-login__details\">\n            {userName ? <span class=\"user-login__name\">{userName}</span> : null}\n            {this.userInfo?.team ? (\n              <span class=\"user-login__organization\">{this.userInfo.team}</span>\n            ) : null}\n          </div>\n          <div class=\"user-login__avatar\">{this.#initials}</div>\n          <ch-image\n            src={CHEVRON_DOWN_ICON}\n            class=\"icon-md\"\n            containerRef={this.#userLoginButton}\n          ></ch-image>\n          <div class=\"user-login__footer footer-slot\" slot=\"agreement\">\n            <button\n              class=\"body-regular-s agreement-link\"\n              onClick={this.termsCallback}\n            >\n              {this.#componentLocale.termsAndConditionsCaption}\n            </button>\n            <button\n              class=\"body-regular-s\tagreement-link\"\n              onClick={this.privacyCallback}\n            >\n              {this.#componentLocale.privacyPolicyCaption}\n            </button>\n          </div>\n        </ch-action-menu-render>\n      </Host>\n    );\n  }\n}\n\nexport type MenuAlign = {\n  blockAlign: ChPopoverAlign;\n  inlineAlign: ChPopoverAlign;\n};\n\nexport type UserInfo = {\n  name: string;\n  team: string;\n};\n\nexport type Mode = \"dark\" | \"light\";\n"],"mappings":";;;;;;;;;;;;;;;;GAWO,OAAMA,sBAAuBC;EAClC,WAAWA,MAAS,YAAYA,EAAKC,WAAW,IAAI;IAClD,OAAO;;EAGT,MAAMC,IAAWF,EAAKG,MAAM,KAAKC,OAAOC;;IACxC,IAAIH,EAASI,WAAW,GAAG;IACzB,OAAOJ,EAAS,GAAG,GAAGK;SACjB;IACL,OAAO,GAAGL,EAAS,GAAG,GAAGK,gBAAgBL,EAAS,GAAG,GAAGK;;;;;;;;;;;;;;GAerD,OAAMC,gBAAiBC;EAC5B,WAAWA,MAAa,YAAYA,EAASR,WAAW,IAAI;IAC1D,OAAO;;EAGT,MAAMS,IAAeD,EAASN,MAAM,KAAKC,OAAOC;;IAChD,IAAIK,EAAaJ,WAAW,GAAG;IAC7B,OAAOI,EAAa;SACf;IACL,OAAO,GAAGA,EAAa,MAAMA,EAAa;;;;AC5C9C,MAAMC,IAAqB;;;;;;;;;;;;;;;;;ACc3B,MAAMC,IAA8B;;AAElC,qBACA,sBACA,qBACA,mBACA,uBACA,gBACA,oBACA,iBACA;;AAGF,MAAMC,IAAoBC,EAAY;EACpCC,UAAU;EACVf,MAAM;EACNgB,WAAW;;;AAGb,MAAMC,IAAgB;;AACtB,MAAMC,IAAiB;;AACvB,MAAMC,IAAc;;AACpB,MAAMC,IAAc;;MAQPC,IAAmB;;;IAC9BC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,MAAoB;;QAEpBE,EAAAH,IAAAC,WAAA;IAGAG,EAAAJ,IAAAC,WAAA;;;;;;;QAmFAI,EAAAL,IAAAC,OACEK;MAEA,MAAMC,IAAKD,EAAME,OAAOD;MACxB,IAAIA,MAAOb,UAEJ,IAAIa,MAAOZ,GAAgB;QAChCM,KAAKQ;aACA,IAAIF,MAAOX,GAAa;QAC7BK,KAAKS;aACA,IAAIH,MAAOV,GAAa;QAC7BI,KAAKU;;;oBA5FoB;;;;;;;;;;;EA+C7B,uBAAMC;IACJC,EAAAZ,MAAIF,SAA0Be,EAAOC,oBAAoBd,KAAKe,KAAG;IACjEH,EAAAZ,MAAIC,GAAa1B,oBAAoByB,KAAKgB,SAASxC,OAAK;IACxDoC,EAAAZ,MAAIE,GAAsB;;;;;;IAMxB;MACEI,IAAIZ;MACJuB,SAASC,EAAAlB,MAAIF,GAAA,KAAkBqB;OAEjC;MACEb,IAAIX;MACJsB,SAASC,EAAAlB,MAAIF,GAAA,KAAkBsB;OAEjC;MACEC,MAAM;OAER;MACEA,MAAM;MACNf,IAAI;SAEP;;EAyBH,MAAAgB;IACE,MAAMC,IAAWvC,cAAcgB,KAAKgB,UAAUxC;IAC9C,OACEgD,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAOvC;QACjBoC,EAAA;MACEE,OAAM;MACNC,OAAOT,EAAAlB,MAAIE,GAAA;MACX0B,aAAY;MACZC,YAAW;MACXC,eAAeZ,EAAAlB,MAAII,GAAA;OAEnBoB,EAAA;MAAKE,OAAM;OACRH,IAAWC,EAAA;MAAME,OAAM;OAAoBH,KAAmB,MAC9DvB,KAAKgB,UAAUe,OACdP,EAAA;MAAME,OAAM;OAA4B1B,KAAKgB,SAASe,QACpD,OAENP,EAAA;MAAKE,OAAM;OAAsBR,EAAAlB,MAAIC,GAAA,OACrCuB,EAAA;MACEQ,KAAK3C;MACLqC,OAAM;MACNO,cAAcf,EAAAlB,MAAIG,GAAA;QAEpBqB,EAAA;MAAKE,OAAM;MAAiCQ,MAAK;OAC/CV,EAAA;MACEE,OAAM;MACNS,SAASnC,KAAKoC;OAEblB,EAAAlB,MAAIF,GAAA,KAAkBuC,4BAEzBb,EAAA;MACEE,OAAM;MACNS,SAASnC,KAAKsC;OAEbpB,EAAAlB,MAAIF,GAAA,KAAkByC"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["manageModuleReferencesCss","CSS_BUNDLES","GxManageModuleReferencesV2","this","renderedFirstTime","_GxManageModuleReferencesV2_filterIcon","set","getIconPath","category","name","colorType","_GxManageModuleReferencesV2_moduleIcon","onProgress","message","progress","state","data","selectedModuleAction","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-daa29451.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["containerCss","GxIdeContainer","this","headingClasses","heading","inactiveTitle","titleType","noHeadingBorder","hasOnlyHeading","headingJustify","noHeadingPadding","noHeadingPaddingBlockEnd","noHeadingGap","headingPaddingTop","containerTitle","length","titleHeightAsInput","flexRow","contentClasses","content","flexContent","noContentPadding","noContentGap","noContentBorderTop","contentBorderEnd","alignItems","undefined","justifyContent","aboveFooter","hasAboveFooterSlot","h","class","noBorderAboveFooter","noAboveFooterPadding","slimmerFooter","name","footer","hasFooterSlot","hasOnlyFooter","hasSlottedContent","noBorderFooter","footerJustify","noFooterPadding","componentWillLoad","evaluateSlots","headerSlot","el","querySelectorAll","hasHeaderSlot","slottedContent","footerAboveSlot","footerStartSlot","footerEndSlot","evaluateSections","hasOnlyContent","render","result","type","alignment","titleAlignment","part","Host","container","sectionsPadding","displayBorder","displayBorderTop","displayBorderEnd","displayBorderBottom","displayBorderStart","titleCss","GxIdeTitle","geminiType"],"sources":["src/components/_helpers/container/container.scss?tag=gx-ide-container&encapsulation=shadow","src/components/_helpers/container/container.tsx","src/components/_helpers/title/title.scss?tag=gx-ide-title&encapsulation=shadow","src/components/_helpers/title/title.tsx"],"sourcesContent":["@import \"../../../../node_modules/@genexus/gemini/dist/gemini/globals/mixins.scss\";\n\n/*******************************\nHOST / GENERAL\n********************************/\n:host {\n  --gx-ide-container-elements-spacing: var(--mer-spacing--xs);\n  display: block;\n  height: 100%;\n  box-sizing: border-box;\n}\n.container {\n  display: grid;\n  height: 100%;\n  grid-template-rows: auto 1fr auto;\n  box-sizing: border-box;\n}\n.heading,\n.content,\n.footer,\n.footer-above {\n  padding: var(--gx-ide-container__padding);\n}\n/*PADDING*/\n.container--padding-s {\n  --gx-ide-container__padding: var(--mer-spacing--xs);\n}\n.container--padding-m {\n  --gx-ide-container__padding: var(--mer-spacing--sm);\n}\n.container--padding-l {\n  --gx-ide-container__padding: var(--mer-spacing--md);\n}\n/*BORDERS*/\n.container--display-border {\n  border: 1px solid var(--gx-ide-container-border-color);\n}\n.container--display-border-top {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n}\n.container--display-border-end {\n  border-inline-end: 1px solid var(--gx-ide-container-border-color);\n}\n.container--display-border-bottom {\n  border-bottom: 1px solid var(--gx-ide-container-border-color);\n}\n.container--display-border-start {\n  border-inline-start: 1px solid var(--gx-ide-container-border-color);\n}\n.container--overflow-hidden-y {\n  overflow-y: hidden;\n}\n/*******************************\nHEADING\n********************************/\n.heading {\n  // @include gxg-flex-justify();\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-container__padding);\n  width: 100%;\n  box-sizing: border-box;\n  border-bottom: 1px solid var(--gx-ide-container-border-color);\n  &--no-border {\n    border-bottom: 0;\n  }\n  &--no-padding {\n    padding: 0;\n  }\n  &--no-padding-block-end {\n    padding-block-end: 0;\n  }\n  &--no-gap {\n    gap: 0;\n  }\n  &--inactive {\n    color: var(--gxg-color--disabled);\n  }\n  &--padding-top {\n    padding: var(--gx-ide-container__padding) 0 0 0;\n  }\n  &--slimmer {\n    padding-top: var(--mer-spacing--xs);\n    padding-bottom: var(--mer-spacing--xs);\n  }\n  &--form-text-height {\n    .heading__title {\n      min-height: var(--gxg-form-text-height);\n      justify-content: center;\n    }\n  }\n  &--flex-row {\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n  }\n}\n/*******************************\nCONTENT\n********************************/\n.content {\n  overflow-x: auto;\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-form-items-gap);\n  box-sizing: border-box;\n  @include gxg-scrollbar();\n\n  &--no-padding {\n    padding: 0;\n  }\n  &--no-border-top {\n    border-top: none;\n  }\n  &--flex {\n    display: flex;\n  }\n  &--no-gap {\n    gap: 0;\n  }\n  &--align-items-start {\n    align-items: start;\n  }\n  &--align-items-center {\n    align-items: center;\n  }\n  &--align-items-end {\n    align-items: end;\n  }\n  &--justify-content-start {\n    justify-content: start;\n  }\n  &--justify-content-center {\n    justify-content: center;\n  }\n  &--justify-content-end {\n    justify-content: end;\n  }\n  &--border-end {\n    border-inline-end: 1px solid var(--gx-ide-container-border-color);\n  }\n}\n/*only content*/\n.container--only-content {\n  grid-template-rows: 1fr;\n}\n/*no header, but has footer*/\n.container--no-header:not(.container--only-content) {\n  grid-template-rows: 1fr auto;\n}\n/*no footer, but has header*/\n.container--no-footer:not(.container--only-content) {\n  grid-template-rows: auto 1fr;\n}\n/*******************************\nFOOTER\n********************************/\n/*ABOVE*/\n.footer-above {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  &--no-border-top {\n    border-top: 0;\n  }\n  &--slimmer {\n    padding-top: var(--mer-spacing--xs);\n    padding-bottom: var(--mer-spacing--xs);\n  }\n  &--no-padding {\n    padding: 0;\n  }\n}\n/*START and END*/\n.footer {\n  display: flex;\n  gap: var(--gx-ide-container-elements-spacing);\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  &__start,\n  &__end {\n    display: flex;\n    gap: var(--gx-ide-container-elements-spacing);\n  }\n  &--no-border {\n    border-top: 0;\n  }\n  &--no-padding {\n    padding: 0;\n  }\n  &--slimmer {\n    padding-top: var(--mer-spacing--xs);\n    padding-bottom: var(--mer-spacing--xs);\n  }\n}\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\nimport { TitleAlignment } from \"@genexus/gemini/dist/types/common/types\";\nimport { TitleType } from \"../title/title\";\n@Component({\n  tag: \"gx-ide-container\",\n  styleUrl: \"container.scss\",\n  shadow: true\n})\nexport class GxIdeContainer {\n  // 1.OWN PROPERTIES //\n\n  /* GENERAL */\n\n  /**\n   * By setting the title to inactive, the color will be gray instead of black.\n   */\n  @Prop() readonly inactiveTitle: boolean = false;\n\n  /**\n   * The title of the container\n   */\n  @Prop() readonly containerTitle: string;\n\n  /**\n   * The title of the container\n   */\n  @Prop() readonly titleType: TitleType = \"primary\";\n\n  /**\n   * Displays a border all around the container\n   */\n  @Prop() readonly displayBorder: boolean = false;\n\n  /**\n   * Displays a border on the top\n   */\n  @Prop() readonly displayBorderTop: boolean = false;\n\n  /**\n   * Displays a border at the end\n   */\n  @Prop() readonly displayBorderEnd: boolean = false;\n\n  /**\n   * Displays a border at on the bottom\n   */\n  @Prop() readonly displayBorderBottom: boolean = false;\n\n  /**\n   * Displays a border at the start\n   */\n  @Prop() readonly displayBorderStart: boolean = false;\n\n  /**\n   * The container general padding (applies to .heading, .content, and .footer)\n   */\n  @Prop() readonly sectionsPadding: SectionsPadding = \"m\";\n\n  /* HEADING*/\n\n  /**\n   * Title alignment\n   */\n  @Prop() readonly titleAlignment: TitleAlignment = \"center\";\n\n  /**\n   * Removes the border bottom from the heading\n   */\n  @Prop() readonly noHeadingBorder: boolean = false;\n\n  /**\n   * Removes the heading gap\n   */\n  @Prop() readonly noHeadingGap: boolean = false;\n\n  /**\n   * Removes the padding from the heading\n   */\n  @Prop() readonly noHeadingPadding: boolean = false;\n\n  /**\n   * Removes the padding block end from the heading\n   */\n  @Prop() readonly noHeadingPaddingBlockEnd: boolean = false;\n\n  /**\n   * Adds padding to the top of the heading\n   */\n  @Prop() readonly headingPaddingTop: boolean = false;\n\n  /**\n   * The heading justification\n   */\n  @Prop() readonly headingJustify: HeadingJustify = \"center\";\n\n  /**\n   * It forces the .heading__title min-height to be as tall as the gxg-form-text height. This is useful when you are displaying two gx-ide-container's on the same row, both of them display a title, and one of them displays a gxg-form-text in the header (usually used to filter content). Without this property set to true, the .heading without a gxg-from-text would be shorter. At the time of writing, this is used on ww-images.\n   */\n  @Prop() readonly titleHeightAsInput: boolean = false;\n\n  /**\n   * Makes the header (.heading) display flex:row, instad of the default flex:column.\n   */\n  @Prop() readonly flexRow: boolean = false;\n\n  /* CONTENT */\n\n  /**\n   * Makes the content a flex container\n   */\n  @Prop() readonly flexContent: boolean = false;\n\n  /**\n   * Removes the border-top from the content\n   */\n  @Prop() readonly noContentBorderTop: boolean = false;\n\n  /**\n   * Removes the padding from the content\n   */\n  @Prop() readonly noContentPadding: boolean = false;\n\n  /**\n   * Removes the gap from the content\n   */\n  @Prop() readonly noContentGap: boolean = false;\n\n  /**\n   * Align items\n   */\n  @Prop() readonly alignItems: AlignItems = undefined;\n\n  /**\n   * Justify content\n   */\n  @Prop() readonly justifyContent: JustifyContent = undefined;\n\n  /**\n   * Display border end on the content\n   */\n  @Prop() readonly contentBorderEnd: boolean = false;\n\n  /* FOOTER ABOVE */\n\n  /**\n   * Makes the above footer vertical padding slimmer\n   */\n  @Prop() readonly slimmerAboveFooter: boolean = false;\n\n  /**\n   * Removes the above padding from the footer\n   */\n  @Prop() readonly noAboveFooterPadding: boolean = false;\n\n  /**\n   * Removes the above border top\n   */\n  @Prop() readonly noBorderAboveFooter: boolean = false;\n\n  /* FOOTER > START and FOOTER > END*/\n\n  /**\n   * Makes the footer vertical padding slimmer\n   */\n  @Prop() readonly slimmerFooter: boolean = false;\n\n  /**\n   * Removes the padding from the footer\n   */\n  @Prop() readonly noFooterPadding: boolean = false;\n\n  /**\n   * The footer justification\n   */\n  @Prop() readonly footerJustify: FooterJustify = \"end\";\n\n  /**\n   * Removes the border top from the footer\n   */\n  @Prop() readonly noBorderFooter: boolean = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeContainerElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * A boolean variable indicating if the component has or not any content for the 'header' slot\n   */\n  @State() hasHeaderSlot = false;\n\n  /**\n   * A boolean variable indicating if the component has or not any content slotted content (regular slotted content, without 'slot' attribute)\n   */\n  @State() hasSlottedContent = false;\n\n  /**\n   * A boolean variable indicating if the component has or not any content for the 'footer' slot\n   */\n  @State() hasFooterSlot = false;\n\n  /**\n   * A boolean variable indicating if the component has or not any content for the 'footer' slot\n   */\n  @State() hasAboveFooterSlot = false;\n\n  /**\n   * A boolean variable indicating that the container only has the heading section\n   */\n  @State() hasOnlyHeading = false;\n\n  /**\n   * A boolean variable indicating that the container only has the content section\n   */\n  @State() hasOnlyContent = false;\n\n  /**\n   * A boolean variable indicating that the container only has the footer section\n   */\n  @State() hasOnlyFooter = false;\n\n  // 4.PUBLIC PROPERTY API //\n\n  // 5.EVENTS (EMIT) //\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  componentWillLoad() {\n    this.evaluateSlots();\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private evaluateSlots() {\n    // header\n    const headerSlot = this.el.querySelectorAll(':scope > [slot=\"header\"]');\n    if (headerSlot.length) {\n      this.hasHeaderSlot = true;\n    }\n    // content\n    const slottedContent = this.el.querySelectorAll(\":scope >  :not([slot])\");\n    if (slottedContent.length) {\n      this.hasSlottedContent = true;\n    }\n    // footer\n    const footerAboveSlot = this.el.querySelectorAll(\n      ':scope >  [slot=\"footer-above\"]'\n    );\n    const footerStartSlot = this.el.querySelectorAll(\n      ':scope >  [slot=\"footer-start\"]'\n    );\n    const footerEndSlot = this.el.querySelectorAll(\n      ':scope >  [slot=\"footer-end\"]'\n    );\n    if (footerStartSlot.length || footerEndSlot.length) {\n      this.hasFooterSlot = true;\n    }\n    if (footerAboveSlot.length) {\n      this.hasAboveFooterSlot = true;\n    }\n  }\n\n  private evaluateSections() {\n    // has only heading\n    if (\n      !this.hasSlottedContent &&\n      !this.hasFooterSlot &&\n      !this.hasAboveFooterSlot\n    ) {\n      this.hasOnlyHeading = true;\n    }\n    // has only content\n    if (\n      this.hasSlottedContent &&\n      !this.containerTitle &&\n      !this.hasHeaderSlot &&\n      !this.hasAboveFooterSlot &&\n      !this.hasFooterSlot\n    ) {\n      this.hasOnlyContent = true;\n    }\n    // has only footer\n    if (\n      !this.hasSlottedContent &&\n      !this.containerTitle &&\n      !this.hasAboveFooterSlot\n    ) {\n      this.hasOnlyFooter = true;\n    }\n  }\n\n  private headingClasses = (): string | { [className: string]: boolean } => {\n    return {\n      \"heading\": true,\n      \"heading--inactive\": this.inactiveTitle,\n      \"heading--slimmer\": this.titleType === \"secondary\",\n      \"heading--no-border\": this.noHeadingBorder || this.hasOnlyHeading,\n      [`heading--justify-${this.headingJustify}`]: true,\n      \"heading--no-padding\": this.noHeadingPadding,\n      \"heading--no-padding-block-end\": this.noHeadingPaddingBlockEnd,\n      \"heading--no-gap\": this.noHeadingGap,\n      \"heading--padding-top\":\n        this.headingPaddingTop && this.containerTitle?.length > 0,\n      \"heading--form-text-height\": this.titleHeightAsInput,\n      \"heading--flex-row\": this.flexRow\n    };\n  };\n\n  private contentClasses = (): string | { [className: string]: boolean } => {\n    return {\n      \"content\": true,\n      \"content--flex\": this.flexContent,\n      \"content--no-padding\": this.noContentPadding,\n      \"content--no-gap\": this.noContentGap,\n      \"content--no-border-top\": this.noContentBorderTop,\n      \"content--border-end\": this.contentBorderEnd,\n      [`content--align-items-${this.alignItems}`]:\n        this.alignItems !== undefined,\n      [`content--justify-content-${this.justifyContent}`]:\n        this.justifyContent !== undefined\n    };\n  };\n\n  private aboveFooter = (): any | null => {\n    return this.hasAboveFooterSlot ? (\n      <footer\n        class={{\n          \"footer-above\": true,\n          \"footer-above--no-border-top\": this.noBorderAboveFooter,\n          \"footer-above--no-padding\": this.noAboveFooterPadding,\n          \"footer-above--slimmer\": this.slimmerFooter\n        }}\n      >\n        <slot name=\"footer-above\"></slot>\n      </footer>\n    ) : null;\n  };\n\n  private footer = (): any | null => {\n    return this.hasFooterSlot ? (\n      <footer\n        class={{\n          \"footer\": true,\n          \"footer--no-border\":\n            this.hasOnlyFooter ||\n            !this.hasSlottedContent ||\n            this.noBorderFooter,\n          [`footer--justify-${this.footerJustify}`]: true,\n          [`footer--justify-${this.footerJustify}`]: true,\n          \"footer--no-padding\": this.noFooterPadding,\n          \"footer--slimmer\": this.slimmerFooter\n        }}\n      >\n        <div class=\"footer__start\">\n          <slot name=\"footer-start\"></slot>\n        </div>\n        <div class=\"footer__end\">\n          <slot name=\"footer-end\"></slot>\n        </div>\n      </footer>\n    ) : null;\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    this.evaluateSections();\n    const result = [\n      this.containerTitle || this.hasHeaderSlot ? (\n        <header class={this.headingClasses()}>\n          {this.containerTitle ? (\n            <gx-ide-title\n              class=\"heading__title\"\n              type={this.titleType}\n              alignment={this.titleAlignment as any}\n            >\n              {this.containerTitle}\n            </gx-ide-title>\n          ) : null}\n          {this.hasHeaderSlot ? (\n            <div class=\"heading__inner-wrapper\">\n              <slot name=\"header\"></slot>\n            </div>\n          ) : null}\n        </header>\n      ) : null,\n      this.hasSlottedContent ? (\n        <div class={this.contentClasses()} part=\"content\">\n          <slot></slot>\n        </div>\n      ) : null,\n      this.aboveFooter(),\n      this.footer()\n    ];\n\n    return (\n      <Host>\n        <div\n          class={{\n            \"container\": true,\n            [`container--padding-${this.sectionsPadding}`]: true,\n            \"container--display-border\": this.displayBorder,\n            \"container--display-border-top\": this.displayBorderTop,\n            \"container--display-border-end\": this.displayBorderEnd,\n            \"container--display-border-bottom\": this.displayBorderBottom,\n            \"container--display-border-start\": this.displayBorderStart,\n            \"container--only-content\": this.hasOnlyContent,\n            \"container--no-header\": !this.hasHeaderSlot && !this.containerTitle,\n            \"container--no-footer\":\n              !this.hasFooterSlot && !this.hasAboveFooterSlot\n          }}\n        >\n          {result}\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type HeadingJustify = \"start\" | \"center\" | \"end\";\nexport type FooterJustify = \"start\" | \"center\" | \"end\";\nexport type SectionsPadding = \"s\" | \"m\" | \"l\";\nexport type AlignItems = \"start\" | \"center\" | \"end\";\nexport type JustifyContent = \"start\" | \"center\" | \"end\";\n",":host {\n  --gx-ide-title-padding: var(--gx-ide-container--padding, --mer-spacing--sm);\n  display: flex;\n  flex-direction: column;\n  color: var(--gx-ide-component-text-color);\n  font-family: var(--mer-font-family--primary);\n  line-height: 1.6em;\n  background-color: transparent;\n  padding: 0;\n}\n/*alignment*/\n:host(.alignment--start) {\n  align-items: start;\n}\n:host(.alignment--center) {\n  align-items: center;\n}\n/*padding*/\n:host(.alignment--start) {\n  text-align: start;\n}\n:host([padding]) {\n  padding: var(--gx-ide-title-padding);\n}\n:host([no-padding-bottom]) {\n  padding-bottom: 0;\n}\n/*border*/\n:host([border]) {\n  border-bottom: 1px solid var(--gx-ide-container-border-color);\n}\n/*type*/\n:host(.title-type--primary) {\n}\n:host(.title-type--secondary) {\n  //a little subtle\n  color: var(--gray-06);\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\nimport { TitleType as GeminiTitleType } from \"@genexus/gemini/dist/types/components/title/title\";\n\n@Component({\n  tag: \"gx-ide-title\",\n  styleUrl: \"title.scss\",\n  shadow: true\n})\nexport class GxIdeTitle {\n  /**\n   * Description: This helper component has been created for using as a title for the dialogs sections.\n   */\n\n  private geminiType: GeminiTitleType;\n\n  /**\n   * The title caption (the title)\n   */\n  @Prop() readonly titleCaption: string;\n\n  /**\n   * The title caption (the title)\n   */\n  @Prop() readonly type: TitleType = \"primary\";\n\n  /**\n   * The title alignment\n   */\n  @Prop() readonly alignment: TitleAlignment = \"start\";\n\n  /**\n   * Disables the padding\n   */\n  @Prop({ reflect: true }) readonly padding: boolean = false;\n\n  /**\n   * Disables the padding on the bottom\n   */\n  @Prop({ reflect: true }) readonly noPaddingBottom: boolean = false;\n\n  /**\n   * Displays a border on the bottom\n   */\n  @Prop({ reflect: true }) readonly border: boolean = false;\n\n  componentWillLoad() {\n    if (this.type === \"primary\") {\n      this.geminiType = \"title-04\";\n    } else if (this.type === \"secondary\") {\n      this.geminiType = \"title-05\";\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`alignment--${this.alignment}`]: true,\n          [`title-type--${this.type}`]: true\n        }}\n      >\n        <gxg-title type={this.geminiType} alignment={this.alignment}>\n          <slot></slot>\n        </gxg-title>\n      </Host>\n    );\n  }\n}\n\nexport type TitleType = \"primary\" | \"secondary\";\n\nexport type TitleAlignment = \"start\" | \"center\";\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["mapOptionsToComboBoxItemModel","options","map","option","value","id","caption","label","startImgSrc","iconName","wwFilesCss","CSS_BUNDLES","FILTER_AFTER_DATE_TIME","FILTER_AFTER_LAST_BUILD","FILTER_AFTER_IMPORT","GxIdeWWFiles","_GxIdeWWFiles_componentLocale","set","this","_GxIdeWWFiles_ACCORDION_FILTER_ID","_GxIdeWWFiles_ACCORDION_MODEL","_GxIdeWWFiles_chGridEl","_GxIdeWWFiles_filterAfterTypeEl","_GxIdeWWFiles_filterAllDescendantsEl","_GxIdeWWFiles_filterCategoryEl","_GxIdeWWFiles_filterModifiedDateEl","_GxIdeWWFiles_filterModuleEl","_GxIdeWWFiles_filterModifiedEl","_GxIdeWWFiles_filterNameEl","_GxIdeWWFiles_filterSearchContentsEl","_GxIdeWWFiles_filterUserEl","_GxIdeWWFiles_renderHeader","h","class","htmlFor","__classPrivateFieldGet","filter","name","ref","el","__classPrivateFieldSet","filterFilesInputValue","onInput","_GxIdeWWFiles_handleFilterInput","part","moduleFolder","labelPosition","defaultModule","defaultValue","selectEntityCallback","selectModuleCallback","model","onExpandedChange","_GxIdeWWFiles_expandedHandler","slot","showSearchContents","content","_GxIdeWWFiles_handleSearchContentsInput","category","defaultCategory","disabled","categories","categoriesComboBoxModel","_GxIdeWWFiles_getObjects","allDescendants","checkedValue","modified","_GxIdeWWFiles_filterModifiedCallbackHandle","hide","filterModified","after","afterCurrentValue","filterAfterOptions","_GxIdeWWFiles_filterAfterTypeCallbackHandle","user","dateTime","type","_GxIdeWWFiles_renderObjects","rowSelectionMode","columnName","columnNameHidden","settingable","size","config","tabularGrid","colSize","maxContent","tableHead","common","showType","module","showDescription","description","commonDouble","showModifiedDate","modifiedDate","showLastUser","lastUser","showImportDate","importDate","showLastBuildDate","lastBuildDate","filteredFiles","length","obj","rowid","src","icon","_GxIdeWWFiles_hiChar","call","toLowerCase","_GxIdeWWFiles_formatDate","text","search","parts","split","RegExp","i","key","date","toISOString","slice","filters","searchContents","parent","modifiedAfter","modifiedBy","Date","loadCallback","then","items","objects","_GxIdeWWFiles_filterFiles","selectedObjectsIds","_GxIdeWWFiles_deselectAll","filterValue","file","nameMatch","includes","typeMatch","moduleMatch","descriptionMatch","modifiedDateMatch","toString","lastUserMatch","importDateMatch","contentsMatch","event","detail","_GxIdeWWFiles_deleteSelectionCallbackHandle","deleteSelectionCallback","selectAllRows","e","advancedFilterAccordionExpanded","expanded","filterMore","enabledModifiedControls","newValue","_GxIdeWWFiles_listenChanges","addEventListener","ev","rowsId","selectionChangeCallback","_GxIdeWWFiles_openSelectionCallbackHandle","preventDefault","stopPropagation","contextMenuCallback","selection","selectedRowsId","clientX","clientY","_GxIdeWWFiles_newFileCallbackHandle","newFileCallback","openSelectionCallback","_GxIdeWWFiles_selectAll","categoriesChanged","newCategories","componentWillLoad","Locale","getComponentStrings","accordionCaption","componentDidLoadEvent","emit","componentDidLoad","keyDownHandler","eventInfo","document","activeElement","validate","isValid","reload","undefined","render","Host","objCount","matching","onClick","footer","btnSelectAll","btnNew"],"sources":["src/components/ww-files/helpers.tsx","src/components/ww-files/ww-files.scss?tag=gx-ide-ww-files&encapsulation=shadow","src/components/ww-files/ww-files.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { GxOption } from \"../..\";\n\nexport const mapOptionsToComboBoxItemModel = (\n  options: GxOption[]\n): ComboBoxModel => {\n  return options.map(option => {\n    return {\n      value: option.id,\n      caption: option.label,\n      startImgSrc: option.iconName ?? \"\"\n    };\n  });\n};\n","@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  container-type: inline-size;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.hide {\n  display: none !important;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - - -\n// Header\n// - - - - - - - - - - - -\n\n.header {\n  grid-template-areas:\n    \"name module-folder\"\n    \"advanced-filter-accordion advanced-filter-accordion\";\n  grid-template-columns: 1fr 1fr;\n  grid-auto-rows: max-content max-content;\n}\n\n.name {\n  grid-area: name;\n}\n\n.module-folder {\n  grid-area: module-folder;\n}\n\n.advanced-filter-accordion {\n  grid-area: advanced-filter-accordion;\n}\n\n// - - - - - - - - - - - -\n// Main\n// - - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n  padding-block-start: var(--mer-spacing--md);\n}\n\n.main__grid {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n}\n\n.main__filter {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: var(--mer-spacing--sm);\n  overflow: auto;\n}\n\n// Search Content\n.search-content {\n  inline-size: 100%;\n}\n\n// Category and Checkboxes Row\n.filter-row {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  gap: var(--mer-spacing--md);\n}\n\n.category-column {\n  grid-column: 1;\n}\n\n.checkboxes-column {\n  grid-column: 2;\n  display: flex;\n  flex-direction: row;\n  gap: var(--mer-spacing--md);\n  align-items: center;\n  min-block-size: 100%;\n  justify-content: flex-start;\n  padding-block-start: 1.75rem;\n}\n\n// Modified Inputs\n.modified-inputs {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: var(--mer-spacing--md);\n  margin-block-start: var(--mer-spacing--sm);\n\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--sm);\n\n    &.hide {\n      display: none;\n    }\n\n    .input,\n    .combo-box {\n      width: 100%;\n    }\n  }\n}\n\n// - - - - - - - - - - - -\n// Grid\n// - - - - - - - - - - - -\n\n.tabular-grid-ww-files {\n  overflow: auto;\n  inline-size: 100%;\n  border-inline-end: var(--section-common-border);\n}\n\n.main__files-container {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: var(--mer-spacing--xs);\n  position: relative;\n  z-index: 1;\n}\n\n@include hiChar;\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-ww-files\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    4\n  )\n);\n\n// - - - - - - - - - - - -\n// Responsive\n// - - - - - - - - - - - -\n\n@container (max-width: 992px) {\n  .main__files-container {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n  Listen,\n  Watch\n} from \"@stencil/core\";\n\nimport { ChGridRowContextMenuEvent } from \"@genexus/chameleon-controls-library\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport { GxOption } from \"../../common/types\";\nimport { EntityData, ContextMenuInfo } from \"../../common/types\";\nimport { config } from \"../../common/config\";\nimport { mapOptionsToComboBoxItemModel } from \"./helpers\";\nimport {\n  AccordionModel,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/combo-box\",\n  \"components/accordion\",\n  \"components/edit\",\n  \"components/tabular-grid\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\"\n];\n\nconst FILTER_AFTER_DATE_TIME = \"afterDateTime\";\nconst FILTER_AFTER_LAST_BUILD = \"afterLastBuild\";\nconst FILTER_AFTER_IMPORT = \"afterImport\";\n\n@Component({\n  tag: \"gx-ide-ww-files\",\n  styleUrl: \"ww-files.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/ww-files\"]\n})\nexport class GxIdeWWFiles {\n  #componentLocale: any;\n  #ACCORDION_FILTER_ID = \"advanced-filter\";\n  #ACCORDION_MODEL: AccordionModel = [];\n\n  @Element() el: HTMLGxIdeWwFilesElement;\n\n  #chGridEl!: HTMLChTabularGridElement;\n  #filterAfterTypeEl!: HTMLChComboBoxRenderElement;\n  #filterAllDescendantsEl!: HTMLChCheckboxElement;\n  #filterCategoryEl!: HTMLChComboBoxRenderElement;\n  #filterModifiedDateEl!: HTMLChEditElement;\n  #filterModuleEl!: HTMLGxIdeEntitySelectorElement;\n  #filterModifiedEl!: HTMLChCheckboxElement;\n  #filterNameEl!: HTMLChEditElement;\n  #filterSearchContentsEl!: HTMLChEditElement;\n  #filterUserEl!: HTMLChEditElement;\n\n  // representations of GxOption[] as ComboBoxModel\n  @State() categoriesComboBoxModel: ComboBoxModel = [];\n\n  /**\n   * The current value of the \"After\" combo box options.\n   */\n  @State() afterCurrentValue: string = FILTER_AFTER_DATE_TIME;\n\n  /**\n   * The options for the \"After\" combo-box\n   */\n  @State() filterAfterOptions: ComboBoxModel;\n\n  /**\n   * When true, modified controls will be enabled, otherwise disabled.\n   */\n  @State() enabledModifiedControls: boolean = false;\n\n  /**\n   * For show or hide the filters relative to modifiers\n   */\n  @State() filterModified = false;\n\n  /**\n   * For show or hide advanced filters\n   */\n  @State() filterMore = false;\n\n  /**\n   * The files rendered in the table\n   */\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * Files filter input value\n   */\n  @State() filterFilesInputValue = \"\";\n\n  /**\n   * Files rendered in the table after filtering\n   */\n  @State() filteredFiles: ObjectData[] = [];\n\n  /**\n   * The selected files in the table of files\n   */\n  @State() selectedObjectsIds: string[] = [];\n\n  /**\n   * Controls the expanded state of the advanced filter accordion\n   */\n  @State() advancedFilterAccordionExpanded: boolean = false;\n\n  /**\n   * The categories render in the filter category selector\n   */\n  @Prop() readonly categories!: GxOption[];\n  @Watch(\"categories\")\n  categoriesChanged(newCategories: GxOption[]) {\n    this.categoriesComboBoxModel = mapOptionsToComboBoxItemModel(newCategories);\n  }\n\n  /**\n   * The default value for the category filter\n   */\n  @Prop() readonly defaultCategory: string;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * The modules/folders render in the module/folder selector\n   */\n  @Prop() readonly filterModules!: GxOption[];\n\n  /**\n   * The types render in the filter type selector\n   */\n  @Prop() readonly types!: GxOption[];\n\n  /**\n   * This is a function provided by the developer for show the context menu of the selected files.\n   */\n  @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n  /**\n   * This is a function provided by the developer for delete the selected files.\n   */\n  @Prop() readonly deleteSelectionCallback!: DeleteSelectionCallback;\n\n  /**\n   *  This is a function provided by the developer that return a list of files to populate the table of files.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   *\n   */\n  @Prop() readonly newFileCallback!: NewFileCallback;\n\n  /**\n   * This is a function provided by the developer to expand the data of files that is double-clicked or entered.\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback!: SelectModuleCallback;\n\n  /**\n   * This is a function provided by the developer for expanded the data of files that is double-clicked or entered.\n   */\n  @Prop() readonly selectionChangeCallback!: SelectionChangeCallback;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * Controls whether to show the Search contents field in the advanced filter section\n   */\n  @Prop() showSearchContents = false;\n\n  /**\n   * Controls whether to show the description column in the grid\n   */\n  @Prop() showDescription = false;\n\n  /**\n   * Controls whether to show the modified date column in the grid\n   */\n  @Prop() showModifiedDate = false;\n\n  /**\n   * Controls whether to show the last user column in the grid\n   */\n  @Prop() showLastUser = false;\n\n  /**\n   * Controls whether to show the import date column in the grid\n   */\n  @Prop() showImportDate = false;\n\n  /**\n   * Controls whether to show the type column in the grid\n   */\n  @Prop() showType = false;\n\n  /**\n   * Controls whether to show the last build date column in the grid\n   */\n  @Prop() showLastBuildDate = false;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    // initialize combo-box models\n    this.categoriesChanged(this.categories);\n\n    // initialize \"After\" combo-box options\n    this.filterAfterOptions = [\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_DATE_TIME],\n        value: FILTER_AFTER_DATE_TIME\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_LAST_BUILD],\n        value: FILTER_AFTER_LAST_BUILD\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_IMPORT],\n        value: FILTER_AFTER_IMPORT\n      }\n    ];\n    this.afterCurrentValue = FILTER_AFTER_DATE_TIME;\n\n    // initialize accordion model with proper configuration\n    this.#ACCORDION_MODEL = [\n      {\n        id: this.#ACCORDION_FILTER_ID,\n        caption: this.#componentLocale.filter.accordionCaption,\n        expanded: this.advancedFilterAccordionExpanded\n      }\n    ];\n\n    // initialize filtered files\n    this.filteredFiles = this.objects;\n\n    this.componentDidLoadEvent.emit(true);\n  }\n\n  componentDidLoad() {\n    this.#listenChanges();\n    this.#getObjects();\n  }\n\n  @Listen(\"keydown\", { passive: true })\n  keyDownHandler(eventInfo: KeyboardEvent) {\n    if (document.activeElement === this.el) {\n      switch (eventInfo.key) {\n        case \"Enter\":\n          eventInfo.preventDefault();\n          this.#openSelectionCallbackHandle();\n          break;\n        case \"Delete\":\n          eventInfo.preventDefault();\n          this.#deleteSelectionCallbackHandle();\n          break;\n        case \"Escape\":\n          eventInfo.preventDefault();\n          this.#deselectAll();\n          break;\n      }\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  /**\n   * This method reload the view, refreshing the filters and the table of files.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    this.filterFilesInputValue = \"\";\n    this.#filterUserEl.value = null;\n    this.#filterAfterTypeEl.value = null;\n    this.afterCurrentValue = null;\n    this.#filterModifiedEl.value = undefined;\n    this.#filterAllDescendantsEl.value = undefined;\n    this.#filterModuleEl.value = this.defaultModule;\n    this.#filterCategoryEl.value = null;\n    this.#filterSearchContentsEl.value = null;\n    this.#filterNameEl.value = null;\n    this.filterMore = false;\n    this.#getObjects();\n  }\n\n  #renderHeader = (): Element[] => {\n    return [\n      <div class=\"field field-block name\">\n        <label class=\"label\" htmlFor=\"filter-files\">\n          {this.#componentLocale.filter.name}\n        </label>\n        <ch-edit\n          id=\"filter-files\"\n          class=\"input\"\n          ref={(el: HTMLChEditElement) => (this.#filterNameEl = el)}\n          value={this.filterFilesInputValue}\n          onInput={this.#handleFilterInput}\n          part=\"filter-files\"\n        ></ch-edit>\n      </div>,\n\n      <div class=\"field field-block module-folder\">\n        <label class=\"label\" htmlFor=\"module-folder\">\n          {this.#componentLocale.filter.moduleFolder}\n        </label>\n\n        <gx-ide-entity-selector\n          part=\"filter-module-folder\"\n          id=\"module/folder\"\n          labelPosition=\"none\"\n          value={this.defaultModule}\n          defaultValue={this.defaultModule}\n          selectEntityCallback={this.selectModuleCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.#filterModuleEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n        ></gx-ide-entity-selector>\n      </div>,\n\n      <ch-accordion-render\n        class=\"accordion-outlined advanced-filter-accordion\"\n        model={this.#ACCORDION_MODEL}\n        onExpandedChange={this.#expandedHandler}\n      >\n        <div slot={this.#ACCORDION_FILTER_ID} class=\"spacing-body\">\n          <div class=\"main__filter\">\n            {/* Primera fila - Search Content */}\n            {this.showSearchContents && (\n              <div class=\"search-content\">\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"filter-content\">\n                    {this.#componentLocale.filter.content}\n                  </label>\n                  <ch-edit\n                    id=\"filter-content\"\n                    class=\"input\"\n                    ref={(el: HTMLChEditElement) =>\n                      (this.#filterSearchContentsEl = el as HTMLChEditElement)\n                    }\n                    onInput={this.#handleSearchContentsInput}\n                    part=\"filter-content\"\n                  ></ch-edit>\n                </div>\n              </div>\n            )}\n\n            {/* Segunda fila - Category y Checkboxes */}\n            <div class=\"filter-row\">\n              <div class=\"category-column\">\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"filter-category\">\n                    {this.#componentLocale.filter.category}\n                  </label>\n                  <ch-combo-box-render\n                    id=\"filter-category\"\n                    class=\"combo-box\"\n                    value={this.defaultCategory}\n                    disabled={!this.categories}\n                    ref={(el: HTMLChComboBoxRenderElement) =>\n                      (this.#filterCategoryEl =\n                        el as HTMLChComboBoxRenderElement)\n                    }\n                    model={this.categoriesComboBoxModel}\n                    part=\"filter-category\"\n                    onInput={this.#getObjects}\n                  ></ch-combo-box-render>\n                </div>\n              </div>\n\n              <div class=\"checkboxes-column\">\n                <ch-checkbox\n                  class=\"checkbox\"\n                  caption={this.#componentLocale.filter.allDescendants}\n                  checkedValue=\"filterAllDescendants\"\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#filterAllDescendantsEl = el as HTMLChCheckboxElement)\n                  }\n                  onInput={this.#getObjects}\n                  part=\"filter-all-descendants\"\n                ></ch-checkbox>\n\n                <ch-checkbox\n                  class=\"checkbox align-center\"\n                  caption={this.#componentLocale.filter.modified}\n                  checkedValue=\"filterModified\"\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#filterModifiedEl = el as HTMLChCheckboxElement)\n                  }\n                  onInput={this.#filterModifiedCallbackHandle}\n                  part=\"filter-modified\"\n                ></ch-checkbox>\n              </div>\n\n              <div class=\"empty-column\"></div>\n            </div>\n\n            {/* Tercera fila - Modified inputs */}\n            <div\n              class={{ \"modified-inputs\": true, \"hide\": !this.filterModified }}\n            >\n              <div class=\"field field-block\">\n                <label class=\"label\" htmlFor=\"filter-after-type\">\n                  {this.#componentLocale.filter.after}\n                </label>\n                <ch-combo-box-render\n                  id=\"filter-after-type\"\n                  class=\"combo-box\"\n                  value={this.afterCurrentValue}\n                  ref={(el: HTMLChComboBoxRenderElement) =>\n                    (this.#filterAfterTypeEl =\n                      el as HTMLChComboBoxRenderElement)\n                  }\n                  model={this.filterAfterOptions}\n                  onInput={this.#filterAfterTypeCallbackHandle}\n                  part=\"filter-after-type\"\n                ></ch-combo-box-render>\n              </div>\n\n              <div class=\"field field-block\">\n                <label class=\"label\" htmlFor=\"filter-user\">\n                  {this.#componentLocale.filter.user}\n                </label>\n                <ch-edit\n                  id=\"filter-user\"\n                  class=\"input\"\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#filterUserEl = el as HTMLChEditElement)\n                  }\n                  onInput={this.#getObjects}\n                  part=\"filter-user\"\n                ></ch-edit>\n              </div>\n\n              <div\n                class={{\n                  \"field field-block\": true,\n                  \"hide\": this.afterCurrentValue !== FILTER_AFTER_DATE_TIME\n                }}\n              >\n                <label class=\"label\" htmlFor=\"filter-modified-date\">\n                  {this.#componentLocale.filter.dateTime}\n                </label>\n                <ch-edit\n                  id=\"filter-modified-date\"\n                  type=\"date\"\n                  class=\"input\"\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#filterModifiedDateEl = el as HTMLChEditElement)\n                  }\n                  onInput={this.#getObjects}\n                  part=\"filter-modified-date\"\n                ></ch-edit>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ch-accordion-render>\n    ];\n  };\n\n  #renderObjects = (): Element => {\n    return (\n      <div class=\"field-group main__grid\">\n        <ch-tabular-grid\n          ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n          class=\"tabular-grid tabular-grid-ww-files\"\n          rowSelectionMode=\"multiple\"\n          part=\"ch-grid-files\"\n        >\n          <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n            <ch-tabular-grid-column\n              columnName=\"\"\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.name}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.common}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n\n            {this.showType && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.type}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.common}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.module}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.common}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n\n            {this.showDescription && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.description}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.commonDouble}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showModifiedDate && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.modifiedDate}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showLastUser && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.lastUser}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showImportDate && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.importDate}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showLastBuildDate && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.lastBuildDate}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n          </ch-tabular-grid-columnset>\n\n          {this.filteredFiles.length ? (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              {this.filteredFiles.map((obj: ObjectData) => (\n                <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    <ch-image src={obj.icon}></ch-image>\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {this.#hiChar(\n                      obj.name.toLowerCase(),\n                      this.filterFilesInputValue\n                    )}\n                  </ch-tabular-grid-cell>\n                  {this.showType && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.type.toLowerCase(),\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {this.#hiChar(\n                      obj.module.toLowerCase(),\n                      this.filterFilesInputValue\n                    )}\n                  </ch-tabular-grid-cell>\n                  {this.showDescription && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.description.toLowerCase(),\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showModifiedDate && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.modifiedDate\n                          ? this.#formatDate(obj.modifiedDate)\n                          : \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showLastUser && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.lastUser?.toLowerCase() || \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showImportDate && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.importDate ? this.#formatDate(obj.importDate) : \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showLastBuildDate && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.lastBuildDate\n                          ? this.#formatDate(obj.lastBuildDate)\n                          : \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                </ch-tabular-grid-row>\n              ))}\n            </ch-tabular-grid-rowset>\n          ) : null}\n        </ch-tabular-grid>\n      </div>\n    );\n  };\n\n  #hiChar = (text: string, search: string): Element[] | string => {\n    if (!search) return text;\n    const parts = text.split(new RegExp(`(${search})`, \"gi\"));\n    return parts.map((part, i) =>\n      part.toLowerCase() === search.toLowerCase() ? (\n        <span key={i} class=\"highlight\">\n          {part}\n        </span>\n      ) : (\n        part\n      )\n    );\n  };\n\n  #formatDate = (date: Date): string => {\n    return date.toISOString().slice(0, 10);\n  };\n\n  #getObjects = () => {\n    const filters: ObjectFiltersData = {\n      name: this.#filterNameEl.value,\n      searchContents: this.showSearchContents\n        ? this.#filterSearchContentsEl?.value\n        : null,\n      category: this.#filterCategoryEl.value,\n      parent: this.#filterModuleEl.value ? this.#filterModuleEl.value.id : null,\n      allDescendants: !!this.#filterAllDescendantsEl.value,\n      modifiedAfter: this.filterModified ? this.afterCurrentValue : null,\n      modifiedBy: this.filterModified ? this.#filterUserEl.value : null,\n      modifiedDate:\n        this.filterModified && this.afterCurrentValue === FILTER_AFTER_DATE_TIME\n          ? new Date(this.#filterModifiedDateEl.value)\n          : null\n    };\n\n    this.loadCallback(filters).then((items: ObjectData[]) => {\n      this.objects = items;\n      this.#filterFiles();\n      this.selectedObjectsIds = [];\n      this.#deselectAll();\n    });\n  };\n\n  #filterFiles = () => {\n    const filterValue = this.filterFilesInputValue.toLowerCase();\n    const searchContents = this.showSearchContents\n      ? this.#filterSearchContentsEl?.value?.toLowerCase() || \"\"\n      : \"\";\n\n    this.filteredFiles = this.objects.filter(file => {\n      const nameMatch = file.name.toLowerCase().includes(filterValue);\n      const typeMatch = file.type.toLowerCase().includes(filterValue);\n      const moduleMatch = file.module.toLowerCase().includes(filterValue);\n      const descriptionMatch = file.description\n        ?.toLowerCase()\n        .includes(filterValue);\n      const modifiedDateMatch = file.modifiedDate\n        ?.toString()\n        .includes(filterValue);\n      const lastUserMatch = file.lastUser?.toLowerCase().includes(filterValue);\n      const importDateMatch = file.importDate?.toString().includes(filterValue);\n      const contentsMatch = searchContents\n        ? file.description?.toLowerCase().includes(searchContents)\n        : true;\n\n      return (\n        (nameMatch ||\n          typeMatch ||\n          moduleMatch ||\n          descriptionMatch ||\n          modifiedDateMatch ||\n          lastUserMatch ||\n          importDateMatch) &&\n        contentsMatch\n      );\n    });\n  };\n\n  #handleFilterInput = (event: CustomEvent<any> | InputEvent) => {\n    this.filterFilesInputValue = event.detail.toLowerCase();\n    this.#filterFiles();\n  };\n\n  #handleSearchContentsInput = () => {\n    this.#filterFiles();\n  };\n\n  #deleteSelectionCallbackHandle = (): void => {\n    this.deleteSelectionCallback(this.selectedObjectsIds);\n  };\n  #deselectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows(false);\n  };\n\n  #expandedHandler = (e: CustomEvent<{ id: string; expanded: boolean }>) => {\n    if (e.detail.id === this.#ACCORDION_FILTER_ID) {\n      this.advancedFilterAccordionExpanded = e.detail.expanded;\n      this.filterMore = e.detail.expanded;\n    }\n  };\n  #filterModifiedCallbackHandle = () => {\n    this.filterModified = !!this.#filterModifiedEl.value;\n    this.enabledModifiedControls = this.filterModified;\n    if (!this.filterModified) {\n      // Reset related fields when unchecking Modified\n      this.#filterUserEl.value = null;\n      this.#filterAfterTypeEl.value = null;\n      this.afterCurrentValue = null;\n      this.#filterModifiedDateEl.value = null;\n    } else {\n      // Restore default values when checking Modified\n      this.afterCurrentValue = FILTER_AFTER_DATE_TIME;\n      this.#filterAfterTypeEl.value = FILTER_AFTER_DATE_TIME;\n    }\n    this.#getObjects();\n  };\n\n  #filterAfterTypeCallbackHandle = () => {\n    const newValue = this.#filterAfterTypeEl.value;\n    // Validar que el valor sea uno de los permitidos\n    if (\n      [\n        FILTER_AFTER_DATE_TIME,\n        FILTER_AFTER_LAST_BUILD,\n        FILTER_AFTER_IMPORT\n      ].includes(newValue)\n    ) {\n      this.afterCurrentValue = newValue;\n    } else {\n      // Si no es un valor válido, establecer el valor por defecto\n      this.afterCurrentValue = FILTER_AFTER_DATE_TIME;\n      this.#filterAfterTypeEl.value = FILTER_AFTER_DATE_TIME;\n    }\n    this.#getObjects();\n  };\n\n  #listenChanges = (): void => {\n    /* module/folder */\n    this.#filterModuleEl.addEventListener(\"valueChanged\", () => {\n      this.#getObjects();\n    });\n\n    // for grid selection\n    this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedObjectsIds = ev.detail.rowsId;\n      this.selectionChangeCallback(this.selectedObjectsIds);\n    });\n\n    this.#chGridEl.addEventListener(\"rowDoubleClicked\", (): void => {\n      this.#openSelectionCallbackHandle();\n    });\n\n    this.#chGridEl.addEventListener(\n      \"rowContextMenu\",\n      (ev: CustomEvent<ChGridRowContextMenuEvent>): void => {\n        ev.preventDefault();\n        ev.stopPropagation();\n        this.contextMenuCallback({\n          selection: ev.detail.selectedRowsId,\n          clientX: ev.detail.clientX,\n          clientY: ev.detail.clientY\n        });\n      }\n    );\n  };\n\n  #newFileCallbackHandle = (): void => {\n    this.newFileCallback();\n  };\n\n  #openSelectionCallbackHandle = (): void => {\n    this.openSelectionCallback(this.selectedObjectsIds);\n  };\n\n  #selectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows();\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 class=\"header control-header-with-border spacing-body-inline spacing-body-block-start field-group\">\n            {this.#renderHeader()}\n          </header>\n\n          <div class=\"main\">{this.#renderObjects()}</div>\n\n          <footer class=\"control-footer-with-border control-footer-space-between spacing-body\">\n            <p\n              // matching objects\n              class=\"text-body\"\n              part=\"objects-matching\"\n            >\n              {`${this.filteredFiles.length} ${\n                this.#componentLocale.objCount.matching\n              }`}\n            </p>\n\n            <div class=\"buttons-spacer\">\n              <button\n                // select all button\n                id=\"button-select-all\"\n                class=\"button-secondary\"\n                onClick={this.#selectAll}\n                part=\"button button--select-all\"\n              >\n                {this.#componentLocale.footer.btnSelectAll}\n              </button>\n\n              <button\n                // new file button\n                id=\"button-new-file\"\n                class=\"button-primary button-icon-and-text\"\n                onClick={this.#newFileCallbackHandle}\n                part=\"button button--new-file\"\n              >\n                {this.#componentLocale.footer.btnNew}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type SelectionChangeCallback = (ids: string[]) => Promise<void>;\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\nexport type DeleteSelectionCallback = (ids: string[]) => Promise<void>;\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n// export type ContextMenuCallback = (ids: string[]) => Promise<void>;\nexport type ContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\nexport type NewFileCallback = () => Promise<void>;\nexport type LoadCallback = (\n  filters: ObjectFiltersData\n) => Promise<ObjectData[]>;\n\nexport interface ObjectFiltersData {\n  name?: string;\n  searchContents?: string;\n  category?: string;\n  parent?: string;\n  allDescendants?: boolean;\n  modifiedAfter?: string;\n  modifiedBy?: string;\n  modifiedDate?: Date;\n}\nexport interface ObjectData {\n  id: string;\n  icon: string;\n  name: string;\n  type: string;\n  description: string;\n  parent: string;\n  module: string;\n  modifiedDate?: Date;\n  lastUser?: string;\n  importDate?: Date;\n  lastBuildDate: Date;\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["KB_OBJECT_TYPE","KB_OBJECT","convertObjectDataToTreeItem","objectTypeIcon","objectItems","map","objectItem","id","caption","name","startImgSrc","expanded","leaf","metadata","convertObjectTypeDataToTreeView","objectTypeData","treeData","objectType","items","length","push","icon","createArrayOfItems","objectTypes","objectTypesWithItems","type","filter","object","treeView","deploymentToolCss","CSS_BUNDLES","GxIdeDeploymentTool","_GxIdeDeploymentTool_componentLocale","set","this","_GxIdeDeploymentTool_renderedFirstTime","_GxIdeDeploymentTool_flattenedObjectTypeData","Map","_GxIdeDeploymentTool_currentDeploymentUnitId","_GxIdeDeploymentTool_onlyPackageCheckboxEl","_GxIdeDeploymentTool_targetTypesEl","_GxIdeDeploymentTool_applicationServerEl","_GxIdeDeploymentTool_generatorEl","_GxIdeDeploymentTool_deploymentUnitsEl","_GxIdeDeploymentTool_displayNameEl","_GxIdeDeploymentTool_evaluateObjects","noObjects","treeModel","_GxIdeDeploymentTool_handleGetDeploymentUnitObjectsCallback","async","ev","__classPrivateFieldGet","_GxIdeDeploymentTool_loadDeploymentUnits","call","detail","_GxIdeDeploymentTool_optionsCallbackHandler","newDeploymentUnitId","_GxIdeDeploymentTool_handleCreateDeploymentUnit","__classPrivateFieldSet","objectData","getDeploymentUnitObjectsCallback","addedObjects","allObjectTypes","createDeploymentUnitCallback","deploymentUnitData","deploymentUnits","unshift","comboModelItem","_GxIdeDeploymentTool_getComboModel","model","concat","value","optionsCallback","_GxIdeDeploymentTool_addNewTypesToModel","allTypes","forEach","addedObject","matchingType","find","_GxIdeDeploymentTool_addObjectsCallbackHandler","addObjectsCallback","objects","_GxIdeDeploymentTool_deployCallbackHandler","data","targetId","applicationServerId","displayName","generatorId","onlyPackage","undefined","checkedObjectsIds","deployCallback","allowDeploy","_GxIdeDeploymentTool_handleTargetTypesChange","selectedId","selectedDeployTargetData","targetTypes","targetType","_GxIdeDeploymentTool_objectsTreeCheckedItemsChangedHandler","event","allItemsWithCheckbox","values","checkedItem","item","checked","_GxIdeDeploymentTool_evaluateContentToDisplay","h","isAnimated","stateTitle","main","noObjectsToDisplay","key","stateIconSrc","class","dragDisabled","dropDisabled","toggleCheckboxes","showLines","checkbox","onCheckedItemsChange","baseCollection","obj","_GxIdeDeploymentTool_renderComboSelector","properties","withField","controlId","label","replace","toLowerCase","labelClasses","labelAndComboBox","htmlFor","baseModel","ref","refCallback","onInput","onInputCallback","_GxIdeDeploymentTool_renderHeader","slot","header","objectsToDeploy","el","onClick","addButton","_GxIdeDeploymentTool_renderApplicationServerSelector","applicationServers","applicationServer","_GxIdeDeploymentTool_renderGeneratorSelector","generators","generator","_GxIdeDeploymentTool_renderTargetSelector","src","disabled","canCreatePackage","onlyPackageLabel","part","checkedValue","_GxIdeDeploymentTool_renderDisplayNameInput","_GxIdeDeploymentTool_renderFooter","deployButton","watchTreeModelHandler","newState","watchObjectTypesHandler","_GxIdeDeploymentTool_instances","_GxIdeDeploymentTool_flattenObjectTypes","componentWillLoad","Locale","getComponentStrings","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","Host","description","canDefineDisplayName"],"sources":["src/components/deployment-tool/helpers.ts","src/components/deployment-tool/deployment-tool.scss?tag=gx-ide-deployment-tool&encapsulation=shadow","src/components/deployment-tool/deployment-tool.tsx"],"sourcesContent":["import { TreeViewItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/tree-view/types\";\nimport { TypedObjectData, ObjectTypeData } from \"./deployment-tool\";\n\nconst KB_OBJECT_TYPE = \"type\";\nexport const KB_OBJECT = \"object\";\n\nconst convertObjectDataToTreeItem = (\n  objectTypeIcon: string,\n  objectItems: TypedObjectData[]\n) => {\n  return objectItems.map(objectItem => ({\n    id: objectItem.id,\n    caption: objectItem.name,\n    startImgSrc: objectTypeIcon,\n    expanded: true,\n    leaf: true,\n    metadata: KB_OBJECT\n  }));\n};\n\nexport const convertObjectTypeDataToTreeView = (\n  objectTypeData: ObjectTypeDataWithItems[]\n): TreeViewItemModel[] => {\n  const treeData: TreeViewItemModel[] = [];\n  if (!objectTypeData) {\n    return treeData;\n  }\n\n  for (const objectType of objectTypeData) {\n    if (objectType.items.length > 0) {\n      treeData.push({\n        id: objectType.id,\n        caption: objectType.name,\n        startImgSrc: objectType.icon,\n        expanded: true,\n        leaf: false,\n        metadata: KB_OBJECT_TYPE,\n        items: convertObjectDataToTreeItem(objectType.icon, objectType.items)\n      });\n    }\n  }\n\n  return treeData;\n};\n\nexport const createArrayOfItems = (\n  objectItems: TypedObjectData[],\n  objectTypes: ObjectTypeData[]\n) => {\n  // The resulting array with 'items' property added to each type\n  const objectTypesWithItems: ObjectTypeDataWithItems[] = objectTypes.map(\n    type => {\n      // Filter objects that match the current type id\n      const items = objectItems.filter(object => object.type === type.id);\n\n      // Return a new object type with the 'items' property\n\n      return {\n        ...type,\n        items: items\n      };\n    }\n  );\n  const treeView = convertObjectTypeDataToTreeView(objectTypesWithItems);\n  return treeView;\n};\n\nexport type ObjectTypeDataWithItems = {\n  id: string;\n  name: string;\n  icon: string;\n  items: TypedObjectData[];\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.header {\n  display: grid;\n  padding: var(--gxg-container--padding);\n  gap: var(--gx-ide-grid-column-gap);\n  grid-template-columns: 1fr auto;\n  :nth-child(2) {\n    align-self: self-end;\n  }\n  margin-block-end: var(--gx-ide-grid-row-gap);\n}\n\n// deploy properties\n.deploy-properties {\n  display: grid;\n  grid-auto-rows: max-content;\n  grid-template-columns: max-content 1fr max-content;\n  grid-template-areas:\n    \"target-types__label target-types__combo-box target-types__button-checkbox-container\"\n    \"application-server__label application-server__combo-box .\"\n    \". target-type__description .\"\n    \"display-name__label display-name__combo-box .\";\n  align-items: center;\n  column-gap: var(--field__column-gap);\n  row-gap: var(--field-group__row-gap);\n  border-block-start: var(--section-common-border);\n  padding-block-start: var(--mer-spacing--md);\n}\n\n.label.target-types {\n  grid-area: target-types__label;\n}\n#target-types {\n  grid-area: target-types__combo-box;\n}\n.target-types-button-checkbox-wrapper {\n  grid-area: target-types__button-checkbox-container;\n}\n\n.label.application-server {\n  grid-area: application-server__label;\n}\n#application-server {\n  grid-area: application-server__combo-box;\n}\n\n.target-type__description {\n  grid-area: target-type__description;\n}\n\n.label.display-name {\n  grid-area: display-name__label;\n}\n#display-name {\n  grid-area: display-name__combo-box;\n}\n\n.footer {\n  margin-block-start: var(--gx-ide-grid-row-gap);\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  Element,\n  State,\n  EventEmitter,\n  Watch\n} from \"@stencil/core\";\n\n// Other Libraries\nimport {\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library/dist/types/components/tree-view/types\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { createArrayOfItems } from \"./helpers\";\n\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\nimport { KB_OBJECT } from \"./helpers\";\nimport {\n  ComboBoxItemModel,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { ChComboBoxRenderCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport { ObjectBaseData } 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/tree-view\",\n  \"components/combo-box\",\n  \"components/icon\",\n  \"utils/spacing\"\n];\n\n@Component({\n  tag: \"gx-ide-deployment-tool\",\n  styleUrl: \"deployment-tool.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/deployment-tool\"]\n})\nexport class GxIdeDeploymentTool {\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  #renderedFirstTime = false;\n  #flattenedObjectTypeData: Map<string, ObjectTypeData> = new Map();\n  #currentDeploymentUnitId: string | undefined;\n\n  @Element() el: HTMLGxIdeDeploymentToolElement;\n  #onlyPackageCheckboxEl!: HTMLChCheckboxElement;\n  #targetTypesEl!: HTMLChComboBoxRenderElement;\n  #applicationServerEl!: HTMLChComboBoxRenderElement;\n  #generatorEl!: HTMLChComboBoxRenderElement;\n  #deploymentUnitsEl!: HTMLChComboBoxRenderElement;\n  #displayNameEl!: HTMLChEditElement;\n\n  @State() checkedObjectsIds: string[] = [];\n  @State() noObjects: boolean;\n  @State() selectedDeployTargetData: DeployTargetData = null;\n  @State() addedObjects: TypedObjectData[] = [];\n  @State() allObjectTypes: ObjectTypeData[];\n  @State() treeModel: TreeViewItemModel[] = [];\n  @State() allowDeploy: boolean = true;\n  @Watch(\"treeModel\")\n  watchTreeModelHandler(newState: TreeViewItemModel[]) {\n    this.noObjects = !!(newState.length === 0 || !newState);\n  }\n\n  /**\n   * Available deployment units list\n   */\n  @Prop() readonly deploymentUnits: ObjectBaseData[];\n\n  /**\n   * Available target types list\n   */\n  @Prop() readonly targetTypes: DeployTargetData[];\n\n  /**\n   * Defines id for new deployment unit option\n   */\n  @Prop() readonly newDeploymentUnitId: string;\n\n  /**\n   * Array of possible object types\n   */\n  @Prop() readonly objectTypes: ObjectTypeData[];\n  @Watch(\"objectTypes\")\n  watchObjectTypesHandler(newState: ObjectTypeData[]) {\n    this.#flattenObjectTypes(newState);\n  }\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Prop()\n  readonly getDeploymentUnitObjectsCallback: GetDeploymentUnitObjectsCallback;\n\n  /**\n   * Callback invoked when the user wants to access the export options.\n   */\n  @Prop() readonly optionsCallback: OptionsCallback;\n\n  /**\n   * Callback invoked when user wants to start deploy process\n   */\n  @Prop() readonly deployCallback: DeployCallback;\n\n  /**\n   * Callback invoked when the user wants to add objects.\n   */\n  @Prop() readonly addObjectsCallback: AddObjectsCallback;\n\n  /**\n   * Callback invoked when the user wants to create a deployment unit.\n   */\n  @Prop() readonly createDeploymentUnitCallback: CreateDeploymentUnitCallback;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\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  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.selectedDeployTargetData = this.targetTypes[0];\n    this.allObjectTypes = [...this.objectTypes];\n    this.#evaluateObjects();\n    this.#flattenObjectTypes(this.allObjectTypes);\n    if (this.deploymentUnits.length > 0) {\n      this.#loadDeploymentUnits(this.deploymentUnits[0].id);\n\n      if (this.targetTypes.length > 0 && this.optionsCallback) {\n        this.optionsCallback(\n          this.deploymentUnits[0].id,\n          this.targetTypes[0].id\n        );\n      }\n    }\n  }\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n  }\n\n  #evaluateObjects = () => {\n    this.noObjects = !!(this.treeModel?.length === 0 || !this.treeModel);\n  };\n\n  #handleGetDeploymentUnitObjectsCallback = async (ev: any) => {\n    await this.#loadDeploymentUnits(ev.detail);\n    this.#optionsCallbackHandler();\n  };\n\n  #loadDeploymentUnits = async (id: string) => {\n    if (id === this.newDeploymentUnitId) {\n      await this.#handleCreateDeploymentUnit();\n      return;\n    }\n\n    this.#currentDeploymentUnitId = id;\n\n    const objectData = await this.getDeploymentUnitObjectsCallback(id);\n    this.addedObjects = [...objectData];\n    this.treeModel = createArrayOfItems(this.addedObjects, this.allObjectTypes);\n  };\n\n  #handleCreateDeploymentUnit = async () => {\n    if (this.createDeploymentUnitCallback) {\n      const deploymentUnitData = await this.createDeploymentUnitCallback();\n      if (!deploymentUnitData) {\n        return;\n      }\n\n      // Update deployment units:\n      this.deploymentUnits.unshift(deploymentUnitData);\n\n      // Update combo:\n      const comboModelItem = this.#getComboModel([deploymentUnitData]);\n      this.#deploymentUnitsEl.model = comboModelItem.concat(\n        this.#deploymentUnitsEl.model\n      );\n      this.#deploymentUnitsEl.value = deploymentUnitData.id;\n\n      // Trigger selection callback:\n      await this.#loadDeploymentUnits(deploymentUnitData.id);\n    }\n  };\n\n  #optionsCallbackHandler = () => {\n    if (this.optionsCallback) {\n      this.optionsCallback(\n        this.#deploymentUnitsEl.value,\n        this.#targetTypesEl.value\n      );\n    }\n  };\n\n  #addNewTypesToModel = () => {\n    const allTypes: ObjectTypeData[] = [...this.allObjectTypes];\n\n    this.addedObjects.forEach(addedObject => {\n      const matchingType = this.allObjectTypes.find(\n        objectType => objectType.id === addedObject.type\n      );\n\n      if (!matchingType) {\n        allTypes.push({\n          id: addedObject.type,\n          name: addedObject.type,\n          icon: \"\"\n        });\n      }\n    });\n    this.allObjectTypes = [...allTypes];\n  };\n\n  #addObjectsCallbackHandler = async () => {\n    if (this.addObjectsCallback) {\n      const objects: TypedObjectData[] = await this.addObjectsCallback();\n      this.addedObjects = [...objects, ...this.addedObjects];\n\n      this.#addNewTypesToModel();\n      this.treeModel = createArrayOfItems(\n        this.addedObjects,\n        this.allObjectTypes\n      );\n    }\n  };\n\n  #deployCallbackHandler = async () => {\n    const data: DeployData = {\n      targetId: this.#targetTypesEl.value,\n      applicationServerId: this.#applicationServerEl?.value,\n      displayName: this.#displayNameEl?.value,\n      generatorId: this.#generatorEl?.value,\n      onlyPackage: this.#onlyPackageCheckboxEl\n        ? this.#onlyPackageCheckboxEl.value === \"true\"\n        : undefined,\n      objects: this.checkedObjectsIds\n    };\n\n    if (this.deployCallback) {\n      this.allowDeploy = false;\n      await this.deployCallback(data);\n      this.allowDeploy = true;\n    }\n  };\n\n  #handleTargetTypesChange = (ev: any) => {\n    const selectedId = ev.detail;\n\n    this.selectedDeployTargetData =\n      this.targetTypes.find(targetType => targetType.id === selectedId) || null;\n\n    this.#optionsCallbackHandler();\n  };\n\n  #flattenObjectTypes(newState: ObjectTypeData[]) {\n    newState.forEach(objectType => {\n      this.#flattenedObjectTypeData.set(objectType.id, objectType);\n    });\n  }\n\n  #objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    const allItemsWithCheckbox = [...event.detail.values()];\n\n    this.checkedObjectsIds = allItemsWithCheckbox\n      .filter(\n        checkedItem =>\n          checkedItem.item.checked && checkedItem.item.metadata === KB_OBJECT\n      )\n      .map(checkedItem => checkedItem.item.id);\n  };\n\n  #evaluateContentToDisplay = () => {\n    if (this.noObjects) {\n      return (\n        <gx-ide-empty-state\n          isAnimated={false}\n          stateTitle={this.#componentLocale.main.noObjectsToDisplay}\n          key=\"no-objects-empty-state\"\n          stateIconSrc=\"objects/object\"\n        ></gx-ide-empty-state>\n      );\n    }\n\n    return (\n      <ch-tree-view-render\n        class=\"tree-view\"\n        model={this.treeModel}\n        dragDisabled={true}\n        dropDisabled={true}\n        toggleCheckboxes={true}\n        showLines=\"last\"\n        checked={true}\n        checkbox={true}\n        onCheckedItemsChange={this.#objectsTreeCheckedItemsChangedHandler}\n      />\n    );\n  };\n\n  #getComboModel = (baseCollection: ObjectBaseData[]): ComboBoxModel => {\n    return baseCollection.map(\n      obj =>\n        ({\n          caption: obj.name,\n          value: obj.id\n        } as ComboBoxItemModel)\n    );\n  };\n\n  #renderComboSelector = (\n    properties: ComboSelectorProperties,\n    withField: boolean = false\n  ) => {\n    const controlId = properties.label.replace(/ /g, \"-\").toLowerCase();\n    const labelClasses = `label ${controlId}`;\n    const labelAndComboBox = [\n      <label class={labelClasses} htmlFor={controlId}>\n        {properties.label}\n      </label>,\n      <ch-combo-box-render\n        class=\"combo-box\"\n        value={\n          properties.value ? properties.value : properties.baseModel[0]?.id\n        }\n        model={this.#getComboModel(properties.baseModel)}\n        id={controlId}\n        ref={properties.refCallback}\n        onInput={properties.onInputCallback}\n      />\n    ];\n    return withField ? (\n      <div class=\"field field-inline\">{labelAndComboBox}</div>\n    ) : (\n      labelAndComboBox\n    );\n  };\n\n  #renderHeader = () => {\n    return (\n      <div slot=\"header\" class=\"header control-header-with-border\">\n        {this.#renderComboSelector(\n          {\n            id: \"deploymentUnits\",\n            baseModel: this.deploymentUnits,\n            label: this.#componentLocale.header.objectsToDeploy,\n            value: this.#currentDeploymentUnitId,\n            refCallback: (el: HTMLChComboBoxRenderElement) => {\n              this.#deploymentUnitsEl = el as HTMLChComboBoxRenderElement;\n            },\n            onInputCallback: this.#handleGetDeploymentUnitObjectsCallback\n          },\n          true\n        )}\n\n        <button\n          class=\"button-primary\"\n          onClick={this.#addObjectsCallbackHandler}\n        >\n          {this.#componentLocale.main.addButton}\n        </button>\n      </div>\n    );\n  };\n\n  #renderApplicationServerSelector = () => {\n    return this.#renderComboSelector({\n      id: \"application-servers\",\n      baseModel: this.selectedDeployTargetData?.applicationServers,\n      label: this.#componentLocale.main.applicationServer,\n      refCallback: (el: HTMLChComboBoxRenderElement) => {\n        this.#applicationServerEl = el as HTMLChComboBoxRenderElement;\n      }\n    });\n  };\n\n  #renderGeneratorSelector = () => {\n    return this.#renderComboSelector({\n      id: \"generator\",\n      baseModel: this.selectedDeployTargetData?.generators,\n      label: this.#componentLocale.main.generator,\n      refCallback: (el: HTMLChComboBoxRenderElement) => {\n        this.#generatorEl = el as HTMLChComboBoxRenderElement;\n      }\n    });\n  };\n\n  #renderTargetSelector = () => {\n    return [\n      this.#renderComboSelector({\n        id: \"targetTypes\",\n        baseModel: this.targetTypes,\n        label: this.#componentLocale.main.targetTypes,\n        refCallback: (el: HTMLChComboBoxRenderElement) => {\n          this.#targetTypesEl = el as HTMLChComboBoxRenderElement;\n        },\n        onInputCallback: this.#handleTargetTypesChange\n      }),\n      <div class=\"target-types-button-checkbox-wrapper buttons-spacer\">\n        <button\n          class=\"button-tertiary button-icon-only\"\n          onClick={this.#optionsCallbackHandler}\n        >\n          <ch-image class=\"icon-md\" src=\"system/settings/primary\" />\n        </button>\n        <ch-checkbox\n          disabled={!this.selectedDeployTargetData?.canCreatePackage}\n          class=\"checkbox\"\n          caption={this.#componentLocale.main.onlyPackageLabel}\n          part=\"only-package-checkbox\"\n          checkedValue=\"true\"\n          value=\"false\"\n          ref={(el: HTMLChCheckboxElement) =>\n            (this.#onlyPackageCheckboxEl = el as HTMLChCheckboxElement)\n          }\n        />\n      </div>\n    ];\n  };\n\n  #renderDisplayNameInput = () => {\n    return [\n      <label class=\"label display-name\" htmlFor=\"display-name\">\n        {this.#componentLocale.main.displayName}\n      </label>,\n      <ch-edit\n        class=\"input\"\n        id=\"display-name\"\n        ref={(el: HTMLChEditElement) => {\n          if (el) {\n            this.#displayNameEl = el;\n          }\n        }}\n      />\n    ];\n  };\n\n  #renderFooter = () => {\n    return (\n      <div slot=\"footer-end\" class=\"footer control-footer-with-border\">\n        <button\n          class=\"button-primary\"\n          onClick={this.#deployCallbackHandler}\n          disabled={!this.allowDeploy}\n        >\n          {this.#componentLocale.main.deployButton}\n        </button>\n      </div>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget spacing-body\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        {this.#renderHeader()}\n\n        <div class=\"container-wrapper\">{this.#evaluateContentToDisplay()}</div>\n        <div class=\"deploy-properties\">\n          {this.#renderTargetSelector()}\n\n          {this.selectedDeployTargetData?.applicationServers?.length > 0\n            ? this.#renderApplicationServerSelector()\n            : []}\n\n          {this.selectedDeployTargetData?.generators?.length > 0\n            ? this.#renderGeneratorSelector()\n            : []}\n\n          <p class=\"body-italic-s target-type__description\">\n            {this.selectedDeployTargetData?.description}\n          </p>\n\n          {this.selectedDeployTargetData?.canDefineDisplayName\n            ? this.#renderDisplayNameInput()\n            : []}\n        </div>\n\n        {this.#renderFooter()}\n      </Host>\n    );\n  }\n}\n\ntype ComboSelectorProperties = {\n  class?: string;\n  id: string;\n  baseModel: ObjectBaseData[];\n  value?: string;\n  label: string;\n  refCallback: (el: HTMLChComboBoxRenderElement) => void;\n  onInputCallback?: ((event: ChComboBoxRenderCustomEvent<string>) => void) &\n    ((event: InputEvent) => void);\n};\n\nexport type AddObjectsCallback = () => Promise<TypedObjectData[]>;\nexport type OptionsCallback = (\n  delpoymentUnitId: string,\n  targetId: string\n) => Promise<void>;\nexport type GetDeploymentUnitObjectsCallback = (\n  id: string\n) => Promise<TypedObjectData[]>;\n\nexport type DeployCallback = (data: DeployData) => Promise<boolean>;\n\nexport type CreateDeploymentUnitCallback = () => Promise<\n  ObjectBaseData | undefined\n>;\n\nexport type ObjectTypeData = ObjectBaseData & {\n  icon: string;\n};\n\nexport type DeployTargetData = ObjectBaseData & {\n  canCreatePackage: boolean;\n  canDefineDisplayName: boolean;\n  applicationServers: ObjectBaseData[];\n  generators: ObjectBaseData[];\n  description: string;\n};\n\nexport type TypedObjectData = ObjectBaseData & {\n  type: string;\n};\n\nexport type DeployData = {\n  targetId: string;\n  applicationServerId?: string;\n  displayName?: string;\n  generatorId?: string;\n  onlyPackage: boolean;\n  objects: string[];\n};\n"],"mappings":"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"}