@genexus/genexus-ide-ui 1.1.60 → 1.1.62

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

@@ -0,0 +1 @@
+{"version":3,"names":["teamDevPreviewCss","TeamDevEmptyState","CSS_BUNDLES","VERSION_ICON","getIconPath","category","name","colorType","ADD_ICON","EDITED_ICON","SUBTRACT_ICON","REFRESH_ICON","WARNING_ICON","OPEN_WINDOW_ICON","LOADER_ICON","ERROR_ICON","REMOTE_CHANGES_TAB","LOCAL_CHANGES_TAB","GxIdeTeamDevPreview","_GxIdeTeamDevPreview_componentLocale","set","this","_GxIdeTeamDevPreview_isPendingReloadLocalChanges","_GxIdeTeamDevPreview_isPendingReloadRemoteChanges","_GxIdeTeamDevPreview_commitData","_GxIdeTeamDevPreview_updateData","_GxIdeTeamDevPreview_prevVersionName","_GxIdeTeamDevPreview_isTeamDevOptionsEnabled","_GxIdeTeamDevPreview_emptyStateConfig","_GxIdeTeamDevPreview_setEmptyStateConfig","__classPrivateFieldSet","NoKBOpen","title","__classPrivateFieldGet","emptyState","noConnectedKBTitle","description","noOpenKBDescription","buttonText","buttons","createKBFromServer","buttonHandler","_GxIdeTeamDevPreview_createKBFromServerHandler","showButton","NoConnectedKB","noConnectedKBDescription","shareKBToServer","_GxIdeTeamDevPreview_shareKBToServerHandler","NoConnectedGXServer","noConnectedGXServerTitle","noConnectedGXServerDescription","reconnect","_GxIdeTeamDevPreview_reconnectHandler","NoLinkedVersion","noLinkedVersionTitle","noLinkedVersionDescription","undefined","FrozenVersion","frozenVersionTitle","frozenVersionDescription","None","_GxIdeTeamDevPreview_setTeamDevOptionsStatus","teamDevPreviewData","isKBOpen","isLinkedKB","isLinkedVersion","isFrozenVersion","existsGXServerSession","_GxIdeTeamDevPreview_loadChanges","async","type","loadingLocalChanges","loadLocalChangesCallback","_GxIdeTeamDevPreview_convertDataToTreeView","call","loadingRemoteChanges","loadRemoteChangesCallback","rootItemName","data","isLocal","pendingCommitChangesCount","_b","_a","pendingForCommit","length","captions","localChanges","pendingRemoteChangesCount","_d","_c","pendingForUpdate","remoteChanges","treeViewModel","id","caption","expanded","parts","items","map","item","startImgSrc","icon","typeIcon","endImgSrc","_GxIdeTeamDevPreview_renderIcon","state","action","leaf","localChangesTreeViewModel","_GxIdeTeamDevPreview_updateTabModel","remoteChangesTreeViewModel","_GxIdeTeamDevPreview_checkedItemsChangeHandler","event","checkedNodesIds","Array","from","detail","values","filter","node","checked","localChangesCheckedNodesIds","remoteChangesCheckedNodesIds","shareKBToServerCallback","createKBFromServerCallback","_GxIdeTeamDevPreview_openFullDialogHandler","openFullDialogCallback","_GxIdeTeamDevPreview_commitChangesHandler","committingChanges","commitCallback","commitMessage","_GxIdeTeamDevPreview_commitMessageInputHandler","_GxIdeTeamDevPreview_updateRemoteChangesHandler","updatingChanges","updateCallback","_GxIdeTeamDevPreview_tabSelectionChangedHandler","selectedTabId","newSelectedId","_GxIdeTeamDevPreview_openTeamDevInfoHandler","openTeamDevInfoCallback","reconnectCallback","value","iconMap","inserted","modified","deleted","conflicted","_GxIdeTeamDevPreview_disableConfirmButton","trim","tabId","tabModel","tab","_GxIdeTeamDevPreview_getEmptyStateTitle","getEmptyStateType","_GxIdeTeamDevPreview_getEmptyStateDescription","_GxIdeTeamDevPreview_getEmptyStateButtonText","_GxIdeTeamDevPreview_getEmptyStateButtonHandler","_GxIdeTeamDevPreview_renderEmptyStateButton","_GxIdeTeamDevPreview_renderReloadChangesButton","isLoading","isConfirmationInProcess","reloadCaption","reloadingCaption","reloadLocal","reloadingLocal","reloadRemote","reloadingRemote","h","class","onClick","disabled","src","_GxIdeTeamDevPreview_renderEmptyState","show","message","noLocalChanges","noRemoteChanges","_GxIdeTeamDevPreview_renderTreeChanges","model","Fragment","checkbox","toggleCheckboxes","onCheckedItemsChange","_GxIdeTeamDevPreview_renderConfirmButton","committing","updating","commit","update","_GxIdeTeamDevPreview_renderLocalChanges","accessibleName","accessibleNames","placeholder","placeholders","onInput","multiline","_GxIdeTeamDevPreview_renderRemoteChanges","onTeamDevPreviewDataChanged","versionName","versionChanged","reloadChanges","componentWillLoad","Locale","getComponentStrings","el","componentDidLoad","isActiveTab","render","Host","widget","isAnimated","stateIconSrc","stateTitle","stateDescription","about","teamDev","selectedId","tabListPosition","onSelectedItemChange","slot","footer","openFullDialog"],"sources":["src/components/team-dev/preview/team-dev-preview.scss?tag=gx-ide-team-dev-preview&encapsulation=shadow","src/components/team-dev/preview/team-dev-preview.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n\n// Variables para gaps y tamaños\n$gap-main: 14px;\n$gap-secondary: 8px;\n$max-button-width: 300px;\n$commit-message-height: 65px;\n\n// Mixin para grid con gap\n@mixin grid-gap($gap) {\n  display: grid;\n  gap: $gap;\n}\n\n:host {\n  display: grid;\n  block-size: 100%;\n}\n\n.main-container {\n  @include grid-gap($gap-main);\n  grid-template-rows: max-content 1fr max-content;\n  overflow: auto;\n\n  .local-changes-container {\n    @include grid-gap($gap-secondary);\n    grid-template-rows: max-content max-content max-content 1fr;\n    padding-inline: 0;\n  }\n  .remote-changes-container {\n    @include grid-gap($gap-secondary);\n    grid-template-rows: max-content max-content 1fr;\n    padding-inline: 0;\n  }\n}\n\n.control-footer-with-border.open-window-container {\n  --control-footer-justify-content: flex-start;\n}\n\n// WA: Loader animation workaround, ideally move to mercury\n.loader-icon {\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n// WA: Avoid scrollbar flickering for empty state\n.empty-state {\n  overflow: hidden;\n}\n\n.giu-static-pill-icon-and-text {\n  background-color: var(--mer-surface__elevation--02);\n}\n\n.tab {\n  overflow: auto;\n  row-gap: $gap-secondary;\n\n  &.border-style-none {\n    border-style: none;\n  }\n}\n\n.empty-state-button {\n  inline-size: 100%;\n  max-inline-size: $max-button-width;\n}\n\n.button-tertiary {\n  &.team-dev-button {\n    text-decoration: underline;\n    color: var(--mer-text__neutral);\n  }\n\n  &.refresh-button,\n  &.open-full-dialog-button {\n    padding-block: 0;\n    justify-self: start;\n  }\n}\n\n.commit-message-textarea {\n  block-size: $commit-message-height;\n}\n\n.empty-state-container {\n  @include grid-gap($gap-secondary);\n  grid-template-rows: max-content max-content;\n}\n\n// WA: These styles display the tree as a flat list while preserving tree functionality.\n\n// Style for change-item header\nch-tree-view-render::part(change-item item__header) {\n  padding-inline-start: calc(var(--ch-tree-view-item-gap) + 16px);\n}\n\n// Style for root-item header\nch-tree-view-render::part(root-item item__header) {\n  padding-inline-start: 0;\n  font-weight: var(--font-weight-semi-bold);\n  font-size: var(--font-size-body-s);\n  line-height: var(--line-height-tight);\n}\n","import {\n  ChEditCustomEvent,\n  TabModel,\n  TabSelectedItemInfo,\n  TreeViewItemModelExtended,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  Component,\n  Element,\n  Fragment,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\nimport { Locale } from \"../../../common/locale\";\nimport {\n  Action,\n  CommitCallback,\n  CommitData,\n  LoadLocalChangesCallback,\n  LoadRemoteChangesCallback,\n  ModifiedObject,\n  ModifiedObjectData,\n  ObjectState,\n  UpdateCallback,\n  UpdateData\n} from \"../version-control/common/types\";\n\nenum TeamDevEmptyState {\n  NoKBOpen,\n  NoConnectedKB,\n  NoConnectedGXServer,\n  NoLinkedVersion,\n  FrozenVersion,\n  None\n}\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\",\n  \"components/tree-view\",\n  \"components/tab\"\n];\n\nconst VERSION_ICON = getIconPath({\n  category: \"system\",\n  name: \"version\",\n  colorType: \"on-surface\"\n});\n\nconst ADD_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"success\"\n});\n\nconst EDITED_ICON = getIconPath({\n  category: \"system\",\n  name: \"edit\",\n  colorType: \"warning\"\n});\n\nconst SUBTRACT_ICON = getIconPath({\n  category: \"system\",\n  name: \"substract\",\n  colorType: \"error\"\n});\n\nconst REFRESH_ICON = getIconPath({\n  category: \"system\",\n  name: \"refresh\",\n  colorType: \"primary\"\n});\n\nconst WARNING_ICON = getIconPath({\n  category: \"system\",\n  name: \"warning\",\n  colorType: \"warning\"\n});\n\nconst OPEN_WINDOW_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"open-window\",\n  colorType: \"on-surface\"\n});\n\nconst LOADER_ICON = getIconPath({\n  category: \"system\",\n  name: \"loading\",\n  colorType: \"primary\"\n});\n\nconst ERROR_ICON = getIconPath({\n  category: \"system\",\n  name: \"error\",\n  colorType: \"on-surface\"\n});\n\nconst REMOTE_CHANGES_TAB = \"remote-changes-tab\";\nconst LOCAL_CHANGES_TAB = \"local-changes-tab\";\n\n@Component({\n  tag: \"gx-ide-team-dev-preview\",\n  styleUrl: \"team-dev-preview.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-preview\"]\n})\nexport class GxIdeTeamDevPreview {\n  #componentLocale: any;\n  #isPendingReloadLocalChanges: boolean = false;\n  #isPendingReloadRemoteChanges: boolean = false;\n  #commitData: CommitData;\n  #updateData: UpdateData;\n  #prevVersionName: string;\n  #isTeamDevOptionsEnabled: boolean = false;\n  #emptyStateConfig: { [key: string]: any } = {};\n\n  @Element() el: HTMLGxIdeTeamDevPreviewElement;\n\n  @State() loadingRemoteChanges: boolean = false;\n  @State() loadingLocalChanges: boolean = true;\n  @State() tabModel: TabModel = [];\n\n  /**\n   * Currently selected tab ID\n   */\n  @State() selectedTabId: string = LOCAL_CHANGES_TAB;\n\n  /**\n   * Number of pending commit changes\n   */\n  @State() pendingCommitChangesCount: number = 0;\n  /**\n   * Number of pending remote changes\n   */\n  @State() pendingRemoteChangesCount: number = 0;\n\n  /**\n   * Represents the tree view model for remote changes\n   */\n  @State() remoteChangesTreeViewModel: TreeViewModel = [];\n\n  /**\n   * Represents the tree view model for local changes\n   */\n  @State() localChangesTreeViewModel: TreeViewModel = [];\n\n  /**\n   * Represents the selected nodes ids from remote changes tree\n   */\n  @State() remoteChangesCheckedNodesIds: string[] = [];\n\n  /**\n   * Represents the selected nodes ids from local changes tree\n   */\n  @State() localChangesCheckedNodesIds: string[] = [];\n\n  /**\n   * Commit message entered by the user\n   */\n  @State() commitMessage: string = \"\";\n\n  /**\n   * Indicates if the commit process is ongoing\n   */\n  @State() committingChanges: boolean = false;\n\n  /**\n   * Indicates if the update process is ongoing\n   */\n  @State() updatingChanges: boolean = false;\n\n  /**\n   * Data required to render the Team Dev Preview\n   */\n  @Prop() readonly teamDevPreviewData: TeamDevPreviewData;\n  @Watch(\"teamDevPreviewData\")\n  async onTeamDevPreviewDataChanged() {\n    const { versionName } = this.teamDevPreviewData;\n    let versionChanged = false;\n\n    this.#setTeamDevOptionsStatus();\n    if (this.#prevVersionName !== versionName) {\n      this.#prevVersionName = versionName;\n      versionChanged = true;\n    }\n\n    if (this.#isTeamDevOptionsEnabled && versionChanged) {\n      await this.reloadChanges(\"local\");\n      await this.reloadChanges(\"remote\");\n    }\n  }\n\n  /**\n   * Invoked to return the list of remote changes\n   */\n  @Prop() readonly loadRemoteChangesCallback!: LoadRemoteChangesCallback;\n\n  /**\n   * Invoked to return the list of local changes\n   */\n  @Prop() readonly loadLocalChangesCallback!: LoadLocalChangesCallback;\n\n  /**\n   * Invoked when user starts the commit process\n   */\n  @Prop() readonly commitCallback!: CommitCallback;\n\n  /**\n   * Invoked when user starts the update process\n   */\n  @Prop() readonly updateCallback!: UpdateCallback;\n\n  /**\n   * Invoked to open the full Team Dev dialog\n   */\n  @Prop() readonly openFullDialogCallback!: () => Promise<void>;\n\n  /**\n   * Invoked to share the knowledge base to the server\n   */\n  @Prop() readonly shareKBToServerCallback!: () => Promise<void>;\n\n  /**\n   * Invoked to create a knowledge base from the server\n   */\n  @Prop() readonly createKBFromServerCallback!: () => Promise<void>;\n\n  /**\n   * Invoked to open the Team Development information\n   */\n  @Prop() readonly openTeamDevInfoCallback!: () => Promise<void>;\n\n  /**\n   * Invoked to reconnect to GeneXus Server\n   */\n  @Prop() readonly reconnectCallback!: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#setTeamDevOptionsStatus();\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.tabModel = [\n      {\n        id: LOCAL_CHANGES_TAB,\n        name: `${this.#componentLocale.captions.localChanges}`\n      },\n      {\n        id: REMOTE_CHANGES_TAB,\n        name: `${this.#componentLocale.captions.remoteChanges}`\n      }\n    ];\n    this.#setEmptyStateConfig();\n  }\n\n  async componentDidLoad() {\n    if (this.#isTeamDevOptionsEnabled) {\n      await this.#loadChanges(\"local\");\n      this.#isPendingReloadRemoteChanges = true;\n    }\n    this.loadingLocalChanges = false;\n  }\n\n  /**\n   * Used by the host to reload remote or local changes\n   */\n  @Method()\n  async reloadChanges(type: TeamDevPreviewMode) {\n    const isLocal = type === \"local\";\n    const isActiveTab = isLocal\n      ? this.selectedTabId === LOCAL_CHANGES_TAB\n      : this.selectedTabId === REMOTE_CHANGES_TAB;\n\n    if (!isActiveTab) {\n      if (isLocal) {\n        this.#isPendingReloadLocalChanges = true;\n      } else {\n        this.#isPendingReloadRemoteChanges = true;\n      }\n      return;\n    }\n\n    isLocal\n      ? await this.#loadChanges(\"local\")\n      : await this.#loadChanges(\"remote\");\n  }\n\n  #setEmptyStateConfig = () => {\n    this.#emptyStateConfig = {\n      [TeamDevEmptyState.NoKBOpen]: {\n        title: this.#componentLocale.emptyState.noConnectedKBTitle,\n        description: this.#componentLocale.emptyState.noOpenKBDescription,\n        buttonText: this.#componentLocale.buttons.createKBFromServer,\n        buttonHandler: this.#createKBFromServerHandler,\n        showButton: true\n      },\n      [TeamDevEmptyState.NoConnectedKB]: {\n        title: this.#componentLocale.emptyState.noConnectedKBTitle,\n        description: this.#componentLocale.emptyState.noConnectedKBDescription,\n        buttonText: this.#componentLocale.buttons.shareKBToServer,\n        buttonHandler: this.#shareKBToServerHandler,\n        showButton: true\n      },\n      [TeamDevEmptyState.NoConnectedGXServer]: {\n        title: this.#componentLocale.emptyState.noConnectedGXServerTitle,\n        description:\n          this.#componentLocale.emptyState.noConnectedGXServerDescription,\n        buttonText: this.#componentLocale.buttons.reconnect,\n        buttonHandler: this.#reconnectHandler,\n        showButton: true\n      },\n      [TeamDevEmptyState.NoLinkedVersion]: {\n        title: this.#componentLocale.emptyState.noLinkedVersionTitle,\n        description:\n          this.#componentLocale.emptyState.noLinkedVersionDescription,\n        buttonText: \"\",\n        buttonHandler: undefined,\n        showButton: false\n      },\n      [TeamDevEmptyState.FrozenVersion]: {\n        title: this.#componentLocale.emptyState.frozenVersionTitle,\n        description: this.#componentLocale.emptyState.frozenVersionDescription,\n        buttonText: \"\",\n        buttonHandler: undefined,\n        showButton: false\n      },\n      [TeamDevEmptyState.None]: {\n        title: \"\",\n        description: \"\",\n        buttonText: \"\",\n        buttonHandler: undefined,\n        showButton: false\n      }\n    };\n  };\n\n  #setTeamDevOptionsStatus = () => {\n    if (\n      this.teamDevPreviewData.isKBOpen &&\n      this.teamDevPreviewData.isLinkedKB &&\n      this.teamDevPreviewData.isLinkedVersion &&\n      !this.teamDevPreviewData.isFrozenVersion &&\n      this.teamDevPreviewData.existsGXServerSession\n    ) {\n      this.#isTeamDevOptionsEnabled = true;\n      return;\n    }\n    this.#isTeamDevOptionsEnabled = false;\n  };\n\n  #loadChanges = async (type: TeamDevPreviewMode) => {\n    if (type === \"local\") {\n      this.loadingLocalChanges = true;\n      this.#commitData = await this.loadLocalChangesCallback();\n      this.#convertDataToTreeView(\"local\");\n      this.loadingLocalChanges = false;\n      this.#isPendingReloadLocalChanges = false;\n    } else {\n      this.loadingRemoteChanges = true;\n      this.#updateData = await this.loadRemoteChangesCallback();\n      this.#convertDataToTreeView(\"remote\");\n      this.loadingRemoteChanges = false;\n      this.#isPendingReloadRemoteChanges = false;\n    }\n  };\n\n  #convertDataToTreeView = (type: TeamDevPreviewMode) => {\n    let rootItemName = \"\";\n    let data: ModifiedObjectData[] | ModifiedObject[];\n    const isLocal = type === \"local\";\n    if (isLocal) {\n      this.pendingCommitChangesCount =\n        this.#commitData?.pendingForCommit?.length || 0;\n      rootItemName = `${this.#componentLocale.captions.localChanges} (${this.pendingCommitChangesCount})`;\n      data = this.#commitData.pendingForCommit;\n    } else {\n      this.pendingRemoteChangesCount =\n        this.#updateData?.pendingForUpdate?.length || 0;\n      rootItemName = `${this.#componentLocale.captions.remoteChanges} (${this.pendingRemoteChangesCount})`;\n      data = this.#updateData.pendingForUpdate;\n    }\n\n    const treeViewModel: TreeViewModel = [\n      {\n        id: \"root\",\n        caption: rootItemName,\n        expanded: true,\n        parts: \"root-item\",\n        items: data?.map(item => ({\n          id: item.id,\n          startImgSrc: isLocal\n            ? (item as ModifiedObjectData).type.icon\n            : (item as ModifiedObject).typeIcon,\n          endImgSrc: isLocal\n            ? this.#renderIcon((item as ModifiedObjectData).state)\n            : this.#renderIcon((item as ModifiedObject).action),\n          caption: item.name,\n          leaf: true,\n          parts: \"change-item\"\n        }))\n      }\n    ];\n\n    if (isLocal) {\n      this.localChangesTreeViewModel = treeViewModel;\n      this.#updateTabModel(LOCAL_CHANGES_TAB);\n    } else {\n      this.remoteChangesTreeViewModel = treeViewModel;\n      this.#updateTabModel(REMOTE_CHANGES_TAB);\n    }\n  };\n\n  #checkedItemsChangeHandler = async (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>,\n    type: TeamDevPreviewMode\n  ) => {\n    const checkedNodesIds = Array.from(event.detail.values())\n      .filter(node => node.item.checked && node.item.id !== \"root\")\n      .map(node => node.item.id);\n\n    if (type === \"local\") {\n      this.localChangesCheckedNodesIds = checkedNodesIds;\n    } else {\n      this.remoteChangesCheckedNodesIds = checkedNodesIds;\n    }\n  };\n\n  #shareKBToServerHandler = async () => {\n    await this.shareKBToServerCallback();\n  };\n\n  #createKBFromServerHandler = async () => {\n    await this.createKBFromServerCallback();\n  };\n\n  #openFullDialogHandler = async () => {\n    await this.openFullDialogCallback();\n  };\n\n  #commitChangesHandler = async () => {\n    this.committingChanges = true;\n    await this.commitCallback(\n      this.localChangesCheckedNodesIds,\n      this.commitMessage\n    );\n    this.commitMessage = \"\";\n    this.committingChanges = false;\n    await this.#loadChanges(\"local\");\n  };\n\n  #commitMessageInputHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.commitMessage = (event.detail as string) || \"\";\n  };\n\n  #updateRemoteChangesHandler = async () => {\n    this.updatingChanges = true;\n    await this.updateCallback(this.remoteChangesCheckedNodesIds);\n    this.updatingChanges = false;\n    this.remoteChangesCheckedNodesIds = [];\n    await this.#loadChanges(\"remote\");\n  };\n\n  #tabSelectionChangedHandler = async (\n    event: CustomEvent<TabSelectedItemInfo>\n  ): Promise<void> => {\n    this.selectedTabId = event.detail.newSelectedId;\n    if (\n      this.selectedTabId === LOCAL_CHANGES_TAB &&\n      this.#isPendingReloadLocalChanges\n    ) {\n      await this.#loadChanges(\"local\");\n    }\n    if (\n      this.selectedTabId === REMOTE_CHANGES_TAB &&\n      this.#isPendingReloadRemoteChanges\n    ) {\n      await this.#loadChanges(\"remote\");\n    }\n  };\n\n  #openTeamDevInfoHandler = async () => {\n    await this.openTeamDevInfoCallback();\n  };\n\n  #reconnectHandler = async () => {\n    await this.reconnectCallback();\n  };\n\n  #renderIcon = (value: ObjectState | Action) => {\n    const iconMap = {\n      \"inserted\": ADD_ICON,\n      \"modified\": EDITED_ICON,\n      \"deleted\": SUBTRACT_ICON,\n      \"conflicted\": WARNING_ICON,\n      \"modified-with-conflicts\": WARNING_ICON\n    };\n    return iconMap[value] || null;\n  };\n\n  #disableConfirmButton = (type: TeamDevPreviewMode): boolean => {\n    const isLocal = type === \"local\";\n    if (isLocal) {\n      return (\n        this.loadingLocalChanges ||\n        !this.commitMessage.trim().length ||\n        this.localChangesCheckedNodesIds.length === 0 ||\n        this.committingChanges\n      );\n    } else {\n      return (\n        this.loadingRemoteChanges ||\n        this.remoteChangesCheckedNodesIds.length === 0 ||\n        this.updatingChanges\n      );\n    }\n  };\n\n  #updateTabModel = (tabId: string) => {\n    this.tabModel = this.tabModel.map(tab =>\n      tab.id === tabId\n        ? {\n            ...tab,\n            name:\n              tabId === LOCAL_CHANGES_TAB\n                ? `${this.#componentLocale.captions.localChanges} (${this.pendingCommitChangesCount})`\n                : `${this.#componentLocale.captions.remoteChanges} (${this.pendingRemoteChangesCount})`\n          }\n        : tab\n    );\n  };\n\n  private getEmptyStateType(): TeamDevEmptyState {\n    const {\n      isFrozenVersion,\n      existsGXServerSession,\n      isKBOpen,\n      isLinkedVersion,\n      isLinkedKB\n    } = this.teamDevPreviewData;\n    if (!isKBOpen) {\n      return TeamDevEmptyState.NoKBOpen;\n    }\n    if (isKBOpen && !isLinkedKB) {\n      return TeamDevEmptyState.NoConnectedKB;\n    }\n    if (isKBOpen && isLinkedKB && !isLinkedVersion && !existsGXServerSession) {\n      return TeamDevEmptyState.NoConnectedGXServer;\n    }\n    if (isKBOpen && isLinkedKB && !isLinkedVersion) {\n      return TeamDevEmptyState.NoLinkedVersion;\n    }\n    if (isKBOpen && isLinkedKB && existsGXServerSession && isFrozenVersion) {\n      return TeamDevEmptyState.FrozenVersion;\n    }\n    if (isKBOpen && isLinkedKB && !existsGXServerSession) {\n      return TeamDevEmptyState.NoConnectedGXServer;\n    }\n    return TeamDevEmptyState.None;\n  }\n\n  #getEmptyStateTitle = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].title;\n\n  #getEmptyStateDescription = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].description;\n\n  #getEmptyStateButtonText = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].buttonText;\n\n  #getEmptyStateButtonHandler = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].buttonHandler;\n\n  #renderEmptyStateButton = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].showButton;\n\n  #renderReloadChangesButton = (type: TeamDevPreviewMode) => {\n    let isLoading = false;\n    let isConfirmationInProcess = false;\n    let reloadCaption;\n    let reloadingCaption;\n    const isLocal = type === \"local\";\n\n    if (isLocal) {\n      isLoading = this.loadingLocalChanges;\n      isConfirmationInProcess = this.committingChanges;\n      reloadCaption = this.#componentLocale.buttons.reloadLocal;\n      reloadingCaption = this.#componentLocale.buttons.reloadingLocal;\n    } else {\n      isLoading = this.loadingRemoteChanges;\n      isConfirmationInProcess = this.updatingChanges;\n      reloadCaption = this.#componentLocale.buttons.reloadRemote;\n      reloadingCaption = this.#componentLocale.buttons.reloadingRemote;\n    }\n    return (\n      <button\n        class=\"button-tertiary button-icon-and-text body-regular-s refresh-button\"\n        type=\"button\"\n        onClick={\n          isLocal\n            ? () => this.#loadChanges(\"local\")\n            : () => this.#loadChanges(\"remote\")\n        }\n        disabled={isLoading || isConfirmationInProcess}\n      >\n        <ch-image\n          class={{\n            \"icon-md\": true,\n            \"loader-icon\": isLoading\n          }}\n          src={isLoading ? LOADER_ICON : REFRESH_ICON}\n          type=\"mask\"\n        />\n\n        {isLoading ? reloadingCaption : reloadCaption}\n      </button>\n    );\n  };\n\n  #renderEmptyState = (type: TeamDevPreviewMode) => {\n    let show = false;\n    let message = \"\";\n\n    if (type === \"local\" && this.pendingCommitChangesCount === 0) {\n      show = true;\n      message = this.#componentLocale.emptyState.noLocalChanges;\n    } else if (type === \"remote\" && this.pendingRemoteChangesCount === 0) {\n      show = true;\n      message = this.#componentLocale.emptyState.noRemoteChanges;\n    }\n\n    return show ? (\n      <div class=\"empty-state-container\">\n        <p class=\"body-regular-s\">{message}</p>\n        {this.#renderReloadChangesButton(type)}\n      </div>\n    ) : null;\n  };\n\n  #renderTreeChanges = (type: TeamDevPreviewMode) => {\n    const isLocal = type === \"local\";\n    let isLoading = false;\n    let isConfirmationInProcess = false;\n    let model: TreeViewModel;\n\n    if (isLocal) {\n      isLoading = this.loadingLocalChanges;\n      isConfirmationInProcess = this.committingChanges;\n      model = this.localChangesTreeViewModel;\n    } else {\n      isLoading = this.loadingRemoteChanges;\n      isConfirmationInProcess = this.updatingChanges;\n      model = this.remoteChangesTreeViewModel;\n    }\n    return (\n      <Fragment>\n        {this.#renderReloadChangesButton(type)}\n        {!isLoading && !isConfirmationInProcess && (\n          <ch-tree-view-render\n            checkbox\n            checked\n            class=\"tree-view\"\n            model={model}\n            toggleCheckboxes\n            onCheckedItemsChange={event =>\n              this.#checkedItemsChangeHandler(event, type)\n            }\n          />\n        )}\n      </Fragment>\n    );\n  };\n\n  #renderConfirmButton = (type: TeamDevPreviewMode) => {\n    const isLocal = type === \"local\";\n    let isConfirmationInProcess = false;\n    let id = \"\";\n    if (isLocal) {\n      isConfirmationInProcess = this.committingChanges;\n      id = \"commit-changes-button\";\n    } else {\n      isConfirmationInProcess = this.updatingChanges;\n      id = \"update-remote-changes-button\";\n    }\n    return (\n      <button\n        id={id}\n        class={{\n          \"button-primary\": true,\n          \"button-icon-and-text\": isConfirmationInProcess\n        }}\n        type=\"button\"\n        disabled={this.#disableConfirmButton(type)}\n        onClick={\n          isLocal\n            ? this.#commitChangesHandler\n            : this.#updateRemoteChangesHandler\n        }\n      >\n        {isConfirmationInProcess && (\n          <ch-image class=\"icon-md loader-icon\" src={LOADER_ICON} type=\"mask\" />\n        )}\n        {isConfirmationInProcess\n          ? isLocal\n            ? this.#componentLocale.buttons.committing\n            : this.#componentLocale.buttons.updating\n          : isLocal\n            ? this.#componentLocale.buttons.commit\n            : this.#componentLocale.buttons.update}\n      </button>\n    );\n  };\n\n  #renderLocalChanges = () => {\n    if (this.pendingCommitChangesCount > 0) {\n      return (\n        <Fragment>\n          <ch-edit\n            id=\"commit-message-input\"\n            class=\"input commit-message-textarea\"\n            value={this.commitMessage}\n            accessibleName={this.#componentLocale.accessibleNames.commitMessage}\n            placeholder={this.#componentLocale.placeholders.commitMessage}\n            disabled={this.loadingLocalChanges}\n            onInput={this.#commitMessageInputHandler}\n            multiline\n          />\n          {this.#renderConfirmButton(\"local\")}\n          {this.#renderTreeChanges(\"local\")}\n        </Fragment>\n      );\n    }\n  };\n\n  #renderRemoteChanges = () => {\n    if (this.pendingRemoteChangesCount > 0) {\n      return (\n        <Fragment>\n          {this.#renderConfirmButton(\"remote\")}\n          {this.#renderTreeChanges(\"remote\")}\n        </Fragment>\n      );\n    }\n  };\n\n  render() {\n    const { existsGXServerSession } = this.teamDevPreviewData;\n    return (\n      <Host\n        class={{\n          \"widget\": true,\n          \"empty-state\": !this.#isTeamDevOptionsEnabled\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES} />\n        {!this.#isTeamDevOptionsEnabled || !existsGXServerSession ? (\n          <gx-ide-empty-state\n            isAnimated={true}\n            stateIconSrc={ERROR_ICON}\n            stateTitle={this.#getEmptyStateTitle()}\n            stateDescription={this.#getEmptyStateDescription()}\n          >\n            {this.#renderEmptyStateButton() && (\n              <button\n                class=\"button-primary empty-state-button\"\n                onClick={this.#getEmptyStateButtonHandler()}\n              >\n                {this.#getEmptyStateButtonText()}\n              </button>\n            )}\n            <div>\n              <p class=\"body-regular-s\">\n                {this.#componentLocale.emptyState.about}\n              </p>\n              <button\n                class=\"button-tertiary button-icon-and-text team-dev-button body-semi-bold-s\"\n                type=\"button\"\n                onClick={this.#openTeamDevInfoHandler}\n              >\n                {this.#componentLocale.buttons.teamDev}\n                <ch-image class=\"icon-md\" src={OPEN_WINDOW_ICON} type=\"mask\" />\n              </button>\n            </div>\n          </gx-ide-empty-state>\n        ) : (\n          <div class=\"main-container\">\n            <div>\n              <p class=\"giu-static-pill-icon-and-text giu-static-pill-icon-and-text--version elevation-02\">\n                <ch-image\n                  class=\"icon-md\"\n                  type=\"mask\"\n                  src={VERSION_ICON}\n                ></ch-image>\n                {this.teamDevPreviewData.versionName}\n              </p>\n            </div>\n            <ch-tab-render\n              class=\"tab tab-full-width-buttons scrollable border-style-none\"\n              model={this.tabModel}\n              selectedId={this.selectedTabId}\n              tabListPosition=\"block-start\"\n              onSelectedItemChange={this.#tabSelectionChangedHandler}\n            >\n              <div class=\"local-changes-container\" slot={LOCAL_CHANGES_TAB}>\n                {this.#renderEmptyState(\"local\")}\n                {this.#renderLocalChanges()}\n              </div>\n\n              <div class=\"remote-changes-container\" slot={REMOTE_CHANGES_TAB}>\n                {this.#renderEmptyState(\"remote\")}\n                {this.#renderRemoteChanges()}\n              </div>\n            </ch-tab-render>\n\n            <footer class=\"control-footer-with-border open-window-container\">\n              <div class=\"buttons-spacer\">\n                <button\n                  class=\"button-tertiary button-icon-and-text open-full-dialog-button\"\n                  onClick={this.#openFullDialogHandler}\n                >\n                  <ch-image\n                    class=\"icon-md\"\n                    src={OPEN_WINDOW_ICON}\n                    type=\"mask\"\n                  />\n                  {this.#componentLocale.footer.openFullDialog}\n                </button>\n              </div>\n            </footer>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type TeamDevPreviewData = {\n  versionName: string;\n  isFrozenVersion: boolean;\n  existsGXServerSession: boolean;\n  isKBOpen: boolean;\n  isLinkedVersion: boolean;\n  isLinkedKB: boolean;\n};\n\nexport type TeamDevPreviewMode = \"local\" | \"remote\";\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-408eac22.entry.js → p-f5bdfa14.entry.js}

@@ -2,7 +2,7 @@ import { r as e, h as t, H as r, a } from "./p-9b9ccd0c.js";
 
 import { L as o } from "./p-311eedf3.js";
 
-const i = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--mer-surface__elevation--01));padding-inline:var(--mer-spacing--xs);color:var(--mer-text__on-elevation);font-size:var(--font-size-body-s);line-height:1.4;font-weight:var(--font-weight-regular);border-radius:var(--mer-border__width--lg);min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}:host{display:grid;grid-template-rows:max-content 1fr max-content;height:100%}.control-header{margin-block-end:var(--mer-spacing--md)}.main-content{grid-auto-rows:max-content}.footer-info{margin-bottom:var(--mer-spacing--sm)}.description{display:grid;grid-auto-rows:max-content;gap:8px}";
+const i = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--mer-surface__elevation--01));padding-inline:var(--mer-spacing--xs);color:var(--mer-text__on-elevation);font-size:var(--font-size-body-s);line-height:1.4;font-weight:var(--font-weight-regular);border-radius:var(--mer-border__width--lg);min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}:host{display:grid;grid-template-rows:max-content 1fr max-content;height:100%}.control-header{margin-block-end:var(--mer-spacing--md)}.main-content{grid-auto-rows:max-content}.footer-info{margin-bottom:var(--mer-spacing--sm)}.description{display:grid;grid-auto-rows:max-content;gap:8px}";
 
 var s = undefined && undefined.__classPrivateFieldGet || function(e, t, r, a) {
   if (r === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
@@ -10,14 +10,14 @@ var s = undefined && undefined.__classPrivateFieldGet || function(e, t, r, a) {
   return r === "m" ? a : r === "a" ? a.call(e) : a ? a.value : t.get(e);
 };
 
-var n = undefined && undefined.__classPrivateFieldSet || function(e, t, r, a, o) {
+var l = undefined && undefined.__classPrivateFieldSet || function(e, t, r, a, o) {
   if (a === "m") throw new TypeError("Private method is not writable");
   if (a === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
   if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return a === "a" ? o.call(e, r) : o ? o.value = r : t.set(e, r), r;
 };
 
-var l, c, d, g, f, b, h, v, m;
+var n, c, d, g, f, b, h, v, m;
 
 const p = [ "resets/box-sizing", "components/button", "components/checkbox", "components/combo-box", "components/edit", "utils/form", "utils/layout", "utils/typography" ];
 
@@ -26,7 +26,7 @@ const u = class {
     e(this, r);
     /**
          * The component hard-coded strings translations.
-         */    l.set(this, void 0);
+         */    n.set(this, void 0);
     c.set(this, void 0);
     d.set(this, void 0);
     g.set(this, void 0);
@@ -48,10 +48,10 @@ const u = class {
       return t("div", {
         class: "field-group",
         role: "region",
-        "aria-label": s(this, l, "f").filters.filtersHeading
+        "aria-label": s(this, n, "f").filters.filtersHeading
       }, t("h5", {
         class: "subtitle-regular-s margin-block-end-s"
-      }, s(this, l, "f").filters.filtersHeading), t("div", {
+      }, s(this, n, "f").filters.filtersHeading), t("div", {
         class: "filters__wrapper"
       }, t("div", {
         class: "field-group",
@@ -62,42 +62,42 @@ const u = class {
       }, t("label", {
         id: "frontend-objects-label",
         class: "label"
-      }, s(this, l, "f").filters.frontEndObjects), t("div", {
+      }, s(this, n, "f").filters.frontEndObjects), t("div", {
         class: "field-group-inline"
       }, t("ch-checkbox", {
         class: "checkbox",
         checkedValue: "webPanels",
         value: ((e = this.defaultConfiguration) === null || e === void 0 ? void 0 : e.importWebPanels) ? "webPanels" : undefined,
-        caption: s(this, l, "f").filters.webPanelsCheckbox,
-        ref: e => n(this, g, e, "f"),
+        caption: s(this, n, "f").filters.webPanelsCheckbox,
+        ref: e => l(this, g, e, "f"),
         part: "web-panels-checkbox"
       }), t("ch-checkbox", {
         class: "checkbox",
         checkedValue: "panels",
         value: this.defaultConfiguration.importPanels && this.canSelectPanels ? "panels" : undefined,
-        caption: s(this, l, "f").filters.panelsCheckbox,
+        caption: s(this, n, "f").filters.panelsCheckbox,
         disabled: !this.canSelectPanels,
-        ref: e => n(this, d, e, "f"),
+        ref: e => l(this, d, e, "f"),
         part: "panels-checkbox"
       }))), t("div", {
         class: "field field-block"
       }, t("label", {
         class: "label",
         htmlFor: "future-upgrades-combo"
-      }, s(this, l, "f").filters.futureUpgradesComboLabel), t("ch-combo-box-render", {
+      }, s(this, n, "f").filters.futureUpgradesComboLabel), t("ch-combo-box-render", {
         id: "future-upgrades-combo",
         class: "combo-box",
         value: this.defaultConfiguration.futureUpgrades,
-        ref: e => n(this, c, e, "f"),
+        ref: e => l(this, c, e, "f"),
         model: [ {
           value: "automatic",
-          caption: s(this, l, "f").manageFutureUpgrades.installAutomatically
+          caption: s(this, n, "f").manageFutureUpgrades.installAutomatically
         }, {
           value: "prompt",
-          caption: s(this, l, "f").manageFutureUpgrades.promptMe
+          caption: s(this, n, "f").manageFutureUpgrades.promptMe
         }, {
           value: "never",
-          caption: s(this, l, "f").manageFutureUpgrades.neverUpdate
+          caption: s(this, n, "f").manageFutureUpgrades.neverUpdate
         } ],
         part: "future-upgrades-combo"
       })))));
@@ -106,15 +106,15 @@ const u = class {
       class: "description"
     }, this.configurationType === "installation" ? [ t("p", {
       class: "text-body"
-    }, s(this, l, "f").header.headerTextInstallation.firstSentence), t("p", {
+    }, s(this, n, "f").header.headerTextInstallation.firstSentence), t("p", {
       class: "text-body"
-    }, s(this, l, "f").header.headerTextInstallation.secondSentence), t("p", {
+    }, s(this, n, "f").header.headerTextInstallation.secondSentence), t("p", {
       class: "text-body"
-    }, s(this, l, "f").header.headerTextInstallation.thirdSentence) ] : [ t("p", {
+    }, s(this, n, "f").header.headerTextInstallation.thirdSentence) ] : [ t("p", {
       class: "text-body"
-    }, s(this, l, "f").header.headerTextUpdate.firstSentence), t("p", {
+    }, s(this, n, "f").header.headerTextUpdate.firstSentence), t("p", {
       class: "text-body"
-    }, s(this, l, "f").header.headerTextUpdate.secondSentence) ])));
+    }, s(this, n, "f").header.headerTextUpdate.secondSentence) ])));
     m.set(this, (async () => {
       if (this.saveCallback) {
         const e = {
@@ -137,7 +137,7 @@ const u = class {
     this.saveCallback = undefined;
   }
   async componentWillLoad() {
-    n(this, l, await o.getComponentStrings(this.el), "f");
+    l(this, n, await o.getComponentStrings(this.el), "f");
   }
   render() {
     return t(r, {
@@ -181,10 +181,10 @@ const u = class {
   }
 };
 
-l = new WeakMap, c = new WeakMap, d = new WeakMap, g = new WeakMap, f = new WeakMap, 
+n = new WeakMap, c = new WeakMap, d = new WeakMap, g = new WeakMap, f = new WeakMap, 
 b = new WeakMap, h = new WeakMap, v = new WeakMap, m = new WeakMap;
 
 u.style = i;
 
 export { u as gx_ide_gam_installation_settings };
-//# sourceMappingURL=p-408eac22.entry.js.map
+//# sourceMappingURL=p-f5bdfa14.entry.js.map

package/dist/genexus-ide-ui/{p-5378f926.entry.js → p-f83c415c.entry.js}

@@ -40,7 +40,8 @@ const convertItemsNodeListToFlattenedTreeViewModel = (t, e) => {
       leaf: o,
       metadata: c,
       parts: t.parts,
-      selected: t.selected
+      selected: t.selected,
+      order: t.order
     });
     if (t.nodes) {
       t.nodes.forEach((t => processNode(t)));
@@ -585,4 +586,4 @@ z = new WeakMap, N = new WeakMap;
 P.style = c;
 
 export { P as gx_ide_select_kb_items };
-//# sourceMappingURL=p-5378f926.entry.js.map
+//# sourceMappingURL=p-f83c415c.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ACTIVE_ITEM_DEFAULT_ICON","getIconPath","category","name","colorType","convertItemsNodeListToFlattenedTreeViewModel","itemsList","checkboxType","itemsListFlattenedTreeViewModel","processNode","item","startImgSrc","active","iconStart","leaf","_a","nodes","length","checkbox","metaData","JSON","stringify","versionType","type","push","caption","checked","endImgSrc","iconEnd","expanded","id","toString","items","metadata","parts","selected","order","forEach","childNode","convertItemsListToTreeViewModel","itemsListTreeViewModel","parseInt","findItemNode","itemNode","result","findItemInArray","itemsNodes","setAllLeafsCheckedFalse","uncheck","unselectAllNodes","unselect","checkItems","idsChecked","itemFind","expandItems","selectItems","idsSelected","searchInNode","node","parents","searchParentsItems","ids","rootItem","results","findFirstActiveNode","findActiveWithPath","nodeList","currentPath","nodePath","path","selectKbItemsCss","CSS_BUNDLES","SYSTEM_SEARCH_ICON","VIEW_AS_TREE_ID","VIEW_AS_LIST_ID","TOGGLE_CHECKBOXES_CHECKED_VALUE","GxIdeSelectKbItems","_GxIdeSelectKbItems__componentLocale","set","this","_GxIdeSelectKbItems_chShortcutsEl","_GxIdeSelectKbItems_selectedNodesIds","_GxIdeSelectKbItems_shortcutsSrc","getAssetPath","_GxIdeSelectKbItems_updatedModelList","_GxIdeSelectKbItems_viewItemsAsModel","_GxIdeSelectKbItems_treeViewRenderEl","_GxIdeSelectKbItems_cancelHandler","cancelCallback","_GxIdeSelectKbItems_checkedItemsChangeHandler","async","e","checkedNodesIds","detail","__classPrivateFieldSet","checkedChanged","_GxIdeSelectKbItems_confirmHandler","confirmCallback","_GxIdeSelectKbItems_contextMenuHandler","itemContextMenuCallback","info","isSelected","__classPrivateFieldGet","find","updateItemsProperties","clientX","contextmenuEvent","clientY","selection","_GxIdeSelectKbItems_executeDialogAction","callback","_GxIdeSelectKbItems_patternSearchValueChangedHandler","event","searchPatternValue","_GxIdeSelectKbItems_renderActionButtons","h","dialogActions","map","action","class","part","onClick","call","disabled","loading","_GxIdeSelectKbItems_renderFooter","footer","cancel","select","_GxIdeSelectKbItems_selectedItemsChangeHandler","selectedNodesIds","selectionChanged","_GxIdeSelectKbItems_toggleAndSelectNodesInModelItems","selectedItemsIds","nodesToToggle","newItemsSelected","newItemsExpanded","_GxIdeSelectKbItems_updateViews","_GxIdeSelectKbItems_toggleCheckedNodesInModelItems","newItemsList","nodeVersionsListTreeModel","nodeListFlattenedTreeModel","_GxIdeSelectKbItems_viewItemsAsChangedHandler","selectedViewType","nodesVersionsViewType","_GxIdeSelectKbItems_toggleCheckboxesChangedHandler","toggleCheckboxes","_GxIdeSelectKbItems_scrollIntoActiveVersionNode","doScrollIntoView","activeItemNode","scrollIntoVisible","activeItemCallback","watchNodeListHandler","componentWillLoad","Locale","getComponentStrings","el","showToggleCheckboxes","value","main","tree","renderFooter","suspendShortcuts","suspend","updateSelection","updateCheckedItems","checkedItemsIds","render","Host","widget","model","src","ref","htmlFor","onChange","checkedValue","onInput","showActiveItemLink","placeholder","header","searchPatternPlaceholder","accessibleName","containerRef","activeItem","loaderTitle","loader","title","description","show","expandableButton","onItemContextmenu","onCheckedItemsChange","onSelectedItemsChange","expandOnClick","multiSelection","filter","filterType"],"sources":["src/components/select-kb-items/helpers.tsx","src/components/select-kb-items/select-kb-items.scss?tag=gx-ide-select-kb-items&encapsulation=shadow","src/components/select-kb-items/select-kb-items.tsx"],"sourcesContent":["import { ItemNode, CheckboxType, ActiveNode } from \"./select-kb-items\";\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\nimport { getIconPath } from \"@genexus/mercury\";\n\nexport const ACTIVE_ITEM_DEFAULT_ICON = getIconPath({\n  category: \"system\",\n  name: \"check-circle\",\n  colorType: \"primary\"\n});\n\nexport const convertItemsNodeListToFlattenedTreeViewModel = (\n  itemsList: ItemNode[],\n  checkboxType: CheckboxType\n): TreeViewItemModel[] => {\n  const itemsListFlattenedTreeViewModel: TreeViewItemModel[] = [];\n\n  const processNode = (item: ItemNode) => {\n    const startImgSrc =\n      item.active && !item.iconStart\n        ? ACTIVE_ITEM_DEFAULT_ICON\n        : item.iconStart;\n    const leaf = !item.nodes?.length;\n    const checkbox =\n      checkboxType === \"all\" ||\n      (checkboxType === \"custom\" && item.checkbox) ||\n      (checkboxType === \"leaf\" && leaf);\n    const metaData = JSON.stringify({\n      versionType: item.type\n    });\n    itemsListFlattenedTreeViewModel.push({\n      caption: item.name,\n      checkbox: checkbox,\n      checked: item.checked,\n      startImgSrc: startImgSrc,\n      endImgSrc: item.iconEnd,\n      expanded: item.expanded,\n      id: item.id.toString(),\n      items: null,\n      leaf: leaf,\n      metadata: metaData,\n      parts: item.parts,\n      selected: item.selected,\n      order: item.order\n    });\n\n    if (item.nodes) {\n      item.nodes.forEach(childNode => processNode(childNode));\n    }\n  };\n\n  itemsList.forEach(item => processNode(item));\n  return itemsListFlattenedTreeViewModel;\n};\n\nexport const convertItemsListToTreeViewModel = (\n  itemsList: ItemNode[],\n  checkboxType: CheckboxType\n): TreeViewItemModel[] => {\n  const itemsListTreeViewModel: TreeViewItemModel[] = [];\n  itemsList.forEach(item => {\n    const startImgSrc =\n      item.active && !item.iconStart\n        ? ACTIVE_ITEM_DEFAULT_ICON\n        : item.iconStart;\n    const leaf = !item.nodes?.length;\n    const checkbox =\n      checkboxType === \"all\" ||\n      (checkboxType === \"custom\" && item.checkbox) ||\n      (checkboxType === \"leaf\" && leaf);\n    const expanded = item.expanded;\n    const iconStart = startImgSrc;\n    const iconEnd = item.iconEnd;\n    const metaData = JSON.stringify({\n      versionType: item.type\n    });\n    const order = parseInt(item.id);\n    itemsListTreeViewModel.push({\n      caption: item.name,\n      checkbox: checkbox,\n      checked: item.checked,\n      startImgSrc: iconStart,\n      endImgSrc: iconEnd,\n      expanded: expanded,\n      id: item.id.toString(),\n      items: !leaf\n        ? convertItemsListToTreeViewModel(item.nodes, checkboxType)\n        : null,\n      leaf: leaf,\n      metadata: metaData,\n      parts: item.parts,\n      order: order,\n      selected: item.selected\n    });\n  });\n\n  return itemsListTreeViewModel;\n};\n\nconst findItemNode = (id: string, item: ItemNode): ItemNode | null => {\n  if (item.id === id) {\n    return item;\n  }\n\n  if (item.nodes) {\n    for (const itemNode of item.nodes) {\n      const result = findItemNode(id, itemNode);\n      if (result) {\n        return result;\n      }\n    }\n  }\n  return null;\n};\n\nfunction findItemInArray(itemsNodes: ItemNode[], id: string): ItemNode | null {\n  for (const item of itemsNodes) {\n    const result = findItemNode(id, item);\n    if (result) {\n      return result;\n    }\n  }\n  return null;\n}\nconst setAllLeafsCheckedFalse = (itemsList: ItemNode[]): ItemNode[] => {\n  const uncheck = (itemNode: ItemNode) => {\n    itemNode.checked = false;\n    if (itemNode.nodes?.length) {\n      itemNode.nodes.forEach(childNode => uncheck(childNode));\n    }\n  };\n\n  itemsList.forEach(item => uncheck(item));\n  return itemsList;\n};\n\nexport const unselectAllNodes = (itemsList: ItemNode[]) => {\n  const unselect = (itemNode: ItemNode) => {\n    itemNode.selected = false;\n    if (itemNode.nodes?.length) {\n      itemNode.nodes.forEach(childNode => unselect(childNode));\n    }\n  };\n\n  itemsList.forEach(item => unselect(item));\n};\n\nexport const checkItems = (\n  itemsList: ItemNode[],\n  idsChecked: string[]\n): ItemNode[] => {\n  setAllLeafsCheckedFalse(itemsList);\n  idsChecked.forEach(id => {\n    const itemFind = findItemInArray(itemsList, id);\n    if (itemFind) {\n      itemFind.checked = true;\n    }\n  });\n\n  return itemsList;\n};\n\nexport const expandItems = (\n  itemsList: ItemNode[],\n  idsChecked: string[]\n): ItemNode[] => {\n  idsChecked.forEach(id => {\n    const itemFind = findItemInArray(itemsList, id);\n    if (itemFind) {\n      itemFind.expanded = true;\n    }\n  });\n\n  return itemsList;\n};\n\nexport const selectItems = (\n  itemsList: ItemNode[],\n  idsSelected: string[]\n): ItemNode[] => {\n  idsSelected.forEach(id => {\n    const itemFind = findItemInArray(itemsList, id);\n    if (itemFind) {\n      itemFind.selected = true;\n    }\n  });\n  return itemsList;\n};\n\nfunction searchInNode(item: ItemNode, id: string): string[] | null {\n  // If the current node is the searched node, we return an empty list (it has no parents in this branch)\n  if (item.id === id) {\n    return [];\n  }\n\n  // We traverse each child looking for the target node\n  if (item.nodes?.length) {\n    for (const node of item.nodes) {\n      const parents = searchInNode(node, id);\n      if (parents !== null) {\n        // If we find it, we include the current node at the beginning of the path and return\n        return [item.id, ...parents];\n      }\n    }\n  }\n  return null;\n}\n\nexport const searchParentsItems = (\n  items: ItemNode[],\n  ids: string[]\n): string[] | null => {\n  const parents: string[] = [];\n  for (const id of ids) {\n    for (const rootItem of items) {\n      const results = searchInNode(rootItem, id);\n      if (results !== null) {\n        results.forEach(result => {\n          parents.push(result);\n        });\n      }\n    }\n  }\n  return parents;\n};\n\n/**\n * Recursively searches for the first node with the active=true property\n * @param nodes Array of nodes to search through\n * @returns An object with caption, iconStart, and path to the first active node found, or null if none is found\n */\nexport const findFirstActiveNode = (nodes: ItemNode[]): ActiveNode | null => {\n  // Helper function that keeps track of the path during recursion\n  const findActiveWithPath = (\n    nodeList: ItemNode[],\n    currentPath: string[] = []\n  ): ActiveNode | null => {\n    // Base case: if nodes is undefined or empty\n    if (!nodeList || nodeList.length === 0) {\n      return null;\n    }\n\n    // Iterate through each node in the array\n    for (const node of nodeList) {\n      // Create a new path that includes the current node\n      const nodePath = [...currentPath, node.id];\n\n      // Check if the current node is active\n      if (node.active === true) {\n        return {\n          caption: node.name,\n          iconStart: node.iconStart,\n          path: nodePath\n        };\n      }\n\n      // If the node has children, search through them with the updated path\n      if (node.nodes && node.nodes.length > 0) {\n        const result = findActiveWithPath(node.nodes, nodePath);\n        // If we find an active node in this subtree, return it immediately\n        if (result !== null) {\n          return result;\n        }\n      }\n    }\n\n    // No active node found in any of the nodes\n    return null;\n  };\n\n  // Start the search with an empty path\n  return findActiveWithPath(nodes);\n};\n",":host {\n  --search-input-max-inline-size: 400px;\n  display: grid;\n  block-size: 100%;\n}\n:host(:not(.has-footer)) {\n  grid-template-rows: max-content 1fr;\n}\n:host(.has-footer) {\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.header.has-active-item {\n  grid-area: header;\n}\n\n.section {\n  display: contents;\n}\n\n// header\n.header {\n  &__first-row,\n  &__second-row {\n    display: grid;\n    grid-auto-flow: column;\n  }\n  &__first-row {\n    column-gap: var(--field-group__column-gap);\n    grid-auto-columns: max-content;\n  }\n  &__second-row {\n    column-gap: 12px;\n    grid-template-columns: minmax(150px, var(--search-input-max-inline-size)) max-content;\n\n    &--one-row {\n      grid-template-columns: minmax(150px, var(--search-input-max-inline-size));\n    }\n  }\n}\n\n.active-item {\n  background-color: var(--mer-surface__elevation--01);\n  border-radius: var(--mer-border__radius--sm);\n  padding: var(--mer-spacing--xs) var(--mer-spacing--sm);\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--xs);\n}\n.active-item {\n  &__icon-container {\n    display: contents;\n  }\n  &__icon {\n    pointer-events: none; // We do not want the icon to change the colors, since the clickable area is the caption only\n  }\n  &__link {\n    text-decoration: underline;\n    // TODO: There should be a class in Merucry to apply link styles\n    color: var(--mer-text__primary);\n    cursor: pointer;\n    &:hover {\n      color: var(--mer-text__primary--hover);\n    }\n    &:active {\n      color: var(--mer-text__primary--active);\n    }\n  }\n}\n\n.dummy-control-block-size {\n  // WA: Make as tall as a regular contorl (ie.: a input, a combo-box) in order to\n  // make the label vertically aligned with this control.\n  block-size: 32px;\n}\n\n.trees {\n  position: relative;\n}\n","import {\n  Component,\n  Element,\n  getAssetPath,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch,\n  Method\n} from \"@stencil/core\";\n\nimport {\n  ChCheckboxCustomEvent,\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n\nimport {\n  checkItems,\n  convertItemsListToTreeViewModel,\n  convertItemsNodeListToFlattenedTreeViewModel,\n  expandItems,\n  searchParentsItems,\n  selectItems,\n  unselectAllNodes,\n  findFirstActiveNode\n} from \"./helpers\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { ContextMenuInfo } from \"../../common/types\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\n\nimport { ACTIVE_ITEM_DEFAULT_ICON } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"chameleon/scrollbar\",\n  \"components/tooltip\",\n  \"components/tree-view\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\nconst SYSTEM_SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-surface\"\n});\n\nconst VIEW_AS_TREE_ID: NodesVersionsViewType = \"tree\";\nconst VIEW_AS_LIST_ID: NodesVersionsViewType = \"list\";\n\nconst TOGGLE_CHECKBOXES_CHECKED_VALUE = \"on\";\n\n@Component({\n  tag: \"gx-ide-select-kb-items\",\n  styleUrl: \"select-kb-items.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/select-kb-items\"]\n})\nexport class GxIdeSelectKbItems {\n  #_componentLocale: any;\n\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #selectedNodesIds: string[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/select-kb-items/shortcuts.json`\n  );\n  #updatedModelList: ItemNode[] = [];\n\n  #viewItemsAsModel: RadioGroupItemModel[];\n\n  @Element() el: HTMLGxIdeSelectKbItemsElement;\n  #treeViewRenderEl: HTMLChTreeViewRenderElement;\n\n  /**\n   * Represents the active version node caption and icon (if any)\n   */\n  @State() activeItemNode: ActiveNode;\n\n  /**\n   * Represents the selected nodes ids\n   */\n  @State() checkedNodesIds: string[] = [];\n\n  /**\n   * If true, the footer will be rendered\n   */\n  @State() renderFooter: boolean = false;\n\n  /**\n   * Represents the nodes list model\n   */\n  @State() nodeListFlattenedTreeModel: TreeViewItemModel[] = [];\n\n  /**\n   * To show a loader when the component is loading\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * View type for the nodes.\n   */\n  @State() nodesVersionsViewType: NodesVersionsViewType = \"tree\";\n\n  /**\n   * Represents the nodes tree model\n   */\n  @State() nodeVersionsListTreeModel: TreeViewItemModel[] = [];\n\n  /**\n   * \"Search Pattern\" input value, used to filter the nodes tree/list.\n   */\n  @State() searchPatternValue: string = null;\n\n  /**\n   * It maps to the ch-tree-view-render \"toggleCheckboxes\" property.\n   */\n  @State() toggleCheckboxes: boolean;\n\n  /**\n   * Callback emitted when the user clicks on the \"Active item\"\n   */\n  @Prop() readonly activeItemCallback?: () => Promise<void>;\n\n  /**\n   * Callback emitted when the 'cancel' button is pressed\n   */\n  @Prop() readonly cancelCallback?: () => Promise<void>;\n\n  /**\n   * Defines which nodes of the component have checkboxes.\n   */\n  @Prop() readonly checkboxType: CheckboxType;\n\n  /**\n   * Define if a item node is expanded on click interaction. If false item-node will only be expanded on double click.\n   */\n  @Prop() readonly expandOnClick: boolean = true;\n\n  /**\n   * Callback emitted when the items checked items change\n   */\n  @Prop() readonly checkedChanged?: (checkedItems: string[]) => Promise<void>;\n\n  /**\n   * Callback emitted when the 'select' button is pressed\n   */\n  @Prop() readonly confirmCallback?: (checkedItems: string[]) => Promise<void>;\n\n  /**\n   * Set of additional actions (callbacks) to those already provided by default by the selector (cancelCallback and selectCallback)\n   */\n  @Prop() readonly dialogActions: DialogAction[] = [];\n\n  /**\n   * Callback emitted when the user right click on an item\n   */\n  @Prop() readonly itemContextMenuCallback: (\n    info: ContextMenuInfo\n  ) => Promise<void>;\n\n  /**\n   * Represents the itemLis list model\n   */\n  @Prop() readonly itemsList: ItemNode[] = [];\n\n  /**\n   * Used to define if the component must show the \"Toggle Checkboxes\" option or not\n   */\n  @Prop() readonly showToggleCheckboxes: boolean = true;\n\n  @Watch(\"itemsList\")\n  watchNodeListHandler(newItemsList: ItemNode[]) {\n    this.#updateViews(newItemsList);\n    // Check and update activeItem\n    this.activeItemNode = findFirstActiveNode(newItemsList);\n\n    this.loading = false;\n  }\n\n  /**\n   * This define if the selection is unique or not\n   */\n  @Prop() readonly multiSelection?: boolean = false;\n\n  /**\n   * Used to define if the component must show the \"Active item\" link or not\n   */\n  @Prop() readonly showActiveItemLink?: boolean = false;\n\n  /**\n   * Callback emitted when the items selection change\n   */\n  @Prop() readonly selectionChanged?: (selectedItem: string[]) => Promise<void>;\n\n  async componentWillLoad() {\n    this.loading = true;\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.toggleCheckboxes = this.showToggleCheckboxes;\n    this.#viewItemsAsModel = [\n      { value: VIEW_AS_TREE_ID, caption: this.#_componentLocale.main.tree },\n      { value: VIEW_AS_LIST_ID, caption: \"List\" }\n    ];\n    this.renderFooter =\n      this.dialogActions.length > 0 ||\n      !!this.cancelCallback ||\n      !!this.confirmCallback;\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Allow to update the selected items\n   */\n  @Method()\n  async updateSelection(selectedItemsIds: string[]) {\n    // first clear selected\n    this.#treeViewRenderEl.updateItemsProperties(this.#selectedNodesIds, {\n      selected: false\n    });\n    // then select\n    this.#treeViewRenderEl.updateItemsProperties(selectedItemsIds, {\n      selected: true\n    });\n  }\n\n  /**\n   * Allow to update the checked items\n   */\n  @Method()\n  async updateCheckedItems(checkedItemsIds: string[]) {\n    // first clear checks\n    this.#treeViewRenderEl.updateItemsProperties(this.checkedNodesIds, {\n      checked: false\n    });\n    // then select\n    this.#treeViewRenderEl.updateItemsProperties(checkedItemsIds, {\n      checked: true\n    });\n    this.checkedNodesIds = checkedItemsIds;\n  }\n\n  #cancelHandler = () => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n  };\n\n  #checkedItemsChangeHandler = async (\n    e: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    const checkedNodesIds: string[] = [];\n    e.detail.forEach(node => {\n      node.item.checked && checkedNodesIds.push(node.item.id);\n    });\n    this.checkedNodesIds = checkedNodesIds;\n    this.#updatedModelList = checkItems(this.itemsList, this.checkedNodesIds);\n\n    if (this.checkedChanged) {\n      this.checkedChanged(this.checkedNodesIds);\n    }\n  };\n\n  #confirmHandler = () => {\n    if (this.confirmCallback) {\n      this.confirmCallback(this.checkedNodesIds);\n    }\n  };\n\n  #contextMenuHandler = async (\n    e: CustomEvent<{\n      id: string;\n      itemRef: HTMLChTreeViewItemElement;\n      metadata: string;\n      contextmenuEvent: PointerEvent;\n    }>\n  ) => {\n    if (this.itemContextMenuCallback) {\n      let info: ContextMenuInfo;\n      const isSelected = this.#selectedNodesIds.find(id => id === e.detail.id);\n      if (!this.#selectedNodesIds.length || !isSelected) {\n        await this.#treeViewRenderEl.updateItemsProperties(\n          this.#selectedNodesIds,\n          { selected: false }\n        );\n        await this.#treeViewRenderEl.updateItemsProperties([e.detail.id], {\n          selected: true\n        });\n        info = {\n          clientX: e.detail.contextmenuEvent.clientX,\n          clientY: e.detail.contextmenuEvent.clientY,\n          selection: [e.detail.id]\n        };\n      } else {\n        info = {\n          clientX: e.detail.contextmenuEvent.clientX,\n          clientY: e.detail.contextmenuEvent.clientY,\n          selection: this.#selectedNodesIds\n        };\n      }\n      this.itemContextMenuCallback(info);\n    }\n  };\n\n  #executeDialogAction = (\n    callback: (checkedNodesIds: string[], selectedNodesIds: string[]) => void\n  ) => {\n    return () => {\n      callback(this.checkedNodesIds, this.#selectedNodesIds);\n    };\n  };\n\n  #patternSearchValueChangedHandler = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    this.searchPatternValue = event.detail.toString();\n  };\n\n  #renderActionButtons = (): HTMLElement[] => {\n    return (\n      <div>\n        {this.dialogActions.map(action => {\n          return (\n            <button\n              class={\"button-tertiary\"}\n              part={`button button-${action.name}`}\n              onClick={this.#executeDialogAction(action.callback)}\n              disabled={this.loading}\n            >\n              {action.name}\n            </button>\n          );\n        })}\n      </div>\n    );\n  };\n\n  #renderFooter = (): HTMLElement => {\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body-inline spacing-body-block-end control-footer-space-between\">\n        {this.#renderActionButtons()}\n        <div class=\"buttons-spacer \">\n          {this.cancelCallback && (\n            <button\n              class={\"button-secondary\"}\n              part={\"cancel-button\"}\n              onClick={this.#cancelHandler}\n            >\n              {this.#_componentLocale.footer.cancel}\n            </button>\n          )}\n          {this.confirmCallback && (\n            <button\n              class={\"button-primary\"}\n              part={\"confirm-button\"}\n              onClick={this.#confirmHandler}\n              disabled={this.loading || this.checkedNodesIds?.length === 0}\n            >\n              {this.#_componentLocale.footer.select}\n            </button>\n          )}\n        </div>\n      </footer>\n    );\n  };\n\n  #selectedItemsChangeHandler = (\n    e: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    const selectedNodesIds: string[] = [];\n    unselectAllNodes(this.itemsList);\n    e.detail.forEach(node => {\n      selectedNodesIds.push(node.item.id);\n    });\n    this.#selectedNodesIds = selectedNodesIds;\n    if (this.selectionChanged) {\n      this.selectionChanged(this.#selectedNodesIds);\n    }\n\n    this.#updatedModelList = selectItems(this.itemsList, selectedNodesIds);\n  };\n\n  #toggleAndSelectNodesInModelItems = async (selectedItemsIds: string[]) => {\n    const nodesToToggle = searchParentsItems(this.itemsList, selectedItemsIds);\n    const newItemsSelected = selectItems(this.itemsList, selectedItemsIds);\n    const newItemsExpanded = expandItems(newItemsSelected, nodesToToggle);\n    this.#updateViews(newItemsExpanded);\n  };\n\n  #toggleCheckedNodesInModelItems = async (selectedItemsIds: string[]) => {\n    const nodesToToggle = searchParentsItems(this.itemsList, selectedItemsIds);\n    const newItemsExpanded = expandItems(this.itemsList, nodesToToggle);\n    this.#updateViews(newItemsExpanded);\n  };\n\n  #updateViews = (newItemsList: ItemNode[]) => {\n    this.nodeVersionsListTreeModel = convertItemsListToTreeViewModel(\n      newItemsList,\n      this.checkboxType\n    );\n\n    this.nodeListFlattenedTreeModel =\n      convertItemsNodeListToFlattenedTreeViewModel(\n        newItemsList,\n        this.checkboxType\n      );\n  };\n\n  #viewItemsAsChangedHandler = async (event: CustomEvent<string>) => {\n    const selectedViewType = event.detail as NodesVersionsViewType;\n    this.nodesVersionsViewType = selectedViewType;\n    if (this.nodesVersionsViewType === \"tree\") {\n      await this.#toggleAndSelectNodesInModelItems(this.#selectedNodesIds);\n      await this.#toggleCheckedNodesInModelItems(this.checkedNodesIds);\n    }\n    this.#updateViews(this.#updatedModelList);\n  };\n\n  #toggleCheckboxesChangedHandler = (\n    event: ChCheckboxCustomEvent<string> | InputEvent\n  ) => {\n    this.toggleCheckboxes = event.detail === TOGGLE_CHECKBOXES_CHECKED_VALUE;\n  };\n\n  #scrollIntoActiveVersionNode = () => {\n    const doScrollIntoView =\n      this.#treeViewRenderEl && this.activeItemNode?.path;\n    if (doScrollIntoView) {\n      this.#treeViewRenderEl.scrollIntoVisible(this.activeItemNode.path);\n    }\n\n    if (this.activeItemCallback) {\n      this.activeItemCallback();\n    }\n  };\n\n  render() {\n    return (\n      <Host class={{ \"widget\": true, \"has-footer\": this.renderFooter }}>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          <header\n            part=\"header\"\n            class=\"header control-header field-group spacing-body-block-start spacing-body-inline\"\n          >\n            <div class=\"header__first-row\">\n              <div class=\"field field-inline\">\n                <label class=\"label\" htmlFor=\"view-mode\">\n                  Select view mode:\n                </label>\n                <ch-radio-group-render\n                  class=\"radio-group dummy-control-block-size\"\n                  id=\"view-mode\"\n                  model={this.#viewItemsAsModel}\n                  onChange={this.#viewItemsAsChangedHandler}\n                  value={this.#viewItemsAsModel[0].value}\n                ></ch-radio-group-render>\n              </div>\n\n              {this.checkboxType !== \"none\" && this.showToggleCheckboxes && (\n                <div class=\"field field-inline\">\n                  <label class=\"label\" htmlFor=\"toggle-checkboxes\">\n                    Toggle Checkboxes\n                  </label>\n                  <ch-checkbox\n                    class=\"checkbox dummy-control-block-size\"\n                    id=\"toggle-checkboxes\"\n                    checkedValue={TOGGLE_CHECKBOXES_CHECKED_VALUE}\n                    value={TOGGLE_CHECKBOXES_CHECKED_VALUE}\n                    onInput={this.#toggleCheckboxesChangedHandler}\n                  ></ch-checkbox>\n                </div>\n              )}\n            </div>\n\n            <div\n              class={{\n                \"header__second-row\": true,\n                \"header__second-row--one-row\": !this.showActiveItemLink\n              }}\n            >\n              <ch-edit\n                class=\"input\"\n                placeholder={\n                  this.#_componentLocale.header.searchPatternPlaceholder\n                }\n                startImgSrc={SYSTEM_SEARCH_ICON}\n                onInput={this.#patternSearchValueChangedHandler}\n                accessibleName=\"search pattern\"\n              ></ch-edit>\n              {this.activeItemNode && this.showActiveItemLink && (\n                <div class=\"active-item\">\n                  <span\n                    class=\"active-item__icon-container\"\n                    // make this span the icon container, to prevent icon state changes when\n                    // interacting with div.active-item\n                  >\n                    <ch-image\n                      class=\"icon-md active-item__icon\"\n                      src={\n                        this.activeItemNode.iconStart ||\n                        ACTIVE_ITEM_DEFAULT_ICON\n                      }\n                      containerRef={null}\n                    ></ch-image>\n                  </span>\n                  {this.#_componentLocale.header.activeItem}\n                  <button\n                    class=\"active-item__link\"\n                    onClick={this.#scrollIntoActiveVersionNode}\n                  >\n                    {this.activeItemNode.caption}\n                  </button>\n                </div>\n              )}\n            </div>\n          </header>\n\n          <div class=\"spacing-body-inline-start trees\">\n            {this.loading ? (\n              <gx-ide-loader\n                loaderTitle={this.#_componentLocale.loader.title}\n                description={this.#_componentLocale.loader.description}\n                show\n              ></gx-ide-loader>\n            ) : (\n              <ch-tree-view-render\n                class=\"tree-view\"\n                model={\n                  this.nodesVersionsViewType === \"tree\"\n                    ? this.nodeVersionsListTreeModel\n                    : this.nodeListFlattenedTreeModel\n                }\n                show-lines={\n                  this.nodesVersionsViewType === \"tree\" ? \"all\" : \"none\"\n                }\n                expandableButton={\n                  this.nodesVersionsViewType === \"tree\" ? \"decorative\" : \"no\"\n                }\n                onItemContextmenu={this.#contextMenuHandler}\n                onCheckedItemsChange={this.#checkedItemsChangeHandler}\n                onSelectedItemsChange={this.#selectedItemsChangeHandler}\n                expandOnClick={this.expandOnClick}\n                multiSelection={this.multiSelection}\n                filter={this.searchPatternValue}\n                filterType=\"caption\"\n                toggleCheckboxes={this.toggleCheckboxes}\n                ref={(el: HTMLChTreeViewRenderElement) => {\n                  this.#treeViewRenderEl = el as HTMLChTreeViewRenderElement;\n                }}\n              ></ch-tree-view-render>\n            )}\n          </div>\n          {this.renderFooter && this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type CheckboxType = \"none\" | \"all\" | \"leaf\" | \"custom\";\n\nexport type DialogAction = {\n  name: string;\n  callback: DialogActionCallback;\n};\n\nexport type DialogActionCallback = (...args: any[]) => void;\n\nexport type ItemCommon = {\n  icon: string;\n  expanded: boolean;\n};\n\nexport type ItemNode = {\n  active?: boolean;\n  checkbox?: boolean;\n  checked?: boolean;\n  expanded?: boolean;\n  iconStart?: string;\n  iconEnd?: string;\n  id: string;\n  name: string;\n  nodes?: ItemNode[];\n  parts?: string;\n  selected?: boolean;\n  type?: ItemType;\n  order?: number;\n};\n\nexport type ActiveNode = {\n  caption: string;\n  iconStart?: string;\n  path: string[]; // for using the scrollIntoVisible method of the tree-view-render\n};\n\nexport type ItemType = {\n  id: string;\n  name: string;\n};\n\ntype NodesVersionsViewType = \"tree\" | \"list\";\n"],"mappings":"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"}