@genexus/genexus-ide-ui 1.1.6 → 1.1.8

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapObjectTypeToComboBoxItemModel","objectTypeModel","map","objectType","value","id","caption","name","startImgSrc","icon","hasActiveNode","node","active","Array","isArray","nodes","some","hasActiveVersionInList","versionsList","historyCss","CSS_BUNDLES","CHANGES_PENDING_ICON","getIconPath","category","FILTER_ICON_PRIMARY","colorType","FILTER_ICON","DELETED_ICON","NEW_ICON","PRIVATE_ICON","RESET_ICON","SEARCH_ICON","GxIdeTeamDevHistory","_GxIdeTeamDevHistory__componentLocale","set","this","_GxIdeTeamDevHistory_types","_GxIdeTeamDevHistory_fromEl","_GxIdeTeamDevHistory_revisionEl","_GxIdeTeamDevHistory_searchEl","_GxIdeTeamDevHistory_toEl","_GxIdeTeamDevHistory_typesEl","_GxIdeTeamDevHistory_userEl","_GxIdeTeamDevHistory_sidebarEl","_GxIdeTeamDevHistory_revisionsGridEl","_GxIdeTeamDevHistory_getIconState","state","h","src","class","_GxIdeTeamDevHistory_getObjectsFromVersion","async","versionId","loading","filters","search","__classPrivateFieldGet","from","Date","to","revision","user","type","objects","loadCallback","_GxIdeTeamDevHistory_getSelectedRevision","call","_a","revisionId","historyDetail","loadDetailCallback","selectedRevisionId","_GxIdeTeamDevHistory_registerGridContextMenuListener","addEventListener","ev","preventDefault","stopPropagation","_GxIdeTeamDevHistory_gridContextMenuCallbackHandler","gridContextMenuCallback","selection","clientX","clientY","_GxIdeTeamDevHistory_toggleFiltersHandler","filtersHidden","_GxIdeTeamDevHistory_renderCommitsGrid","tabularGridEmpty","length","onSelectionChanged","detail","rowsId","ref","el","__classPrivateFieldSet","selectRow","mainGrid","columns","settingable","size","comment","commitDate","obj","rowid","key","formatDate","stateTitle","emptyRevisionsText","isAnimated","_GxIdeTeamDevHistory_renderAffectedObjectsGrid","iterable","config","tabularGrid","colSize","auto","affectedObjectsGrid","types","description","action","typeIcon","stateIconSrc","emptyHistoryDetailText","_GxIdeTeamDevHistory_renderLoader","loaderTitle","loader","title","show","selectedVersionIdChanged","newSelectedVersionId","selectedVersionId","versionsListChanged","newVersionsList","versions","hasActiveVersion","isFirstLoad","componentWillLoad","Locale","getComponentStrings","componentDidLoad","e","sidebarExpanded","render","Host","model","expanded","expandButtonCollapseAccessibleName","sidebar","collapseAriaLabel","expandButtonExpandAccessibleName","expandAriaLabel","showExpandButton","checkboxType","itemsList","expandOnClick","selectionChanged","selectedVersionChangeCallback","itemContextMenuCallback","htmlFor","part","searchFilter","filterAriaLabel","onClick","reloadAriaLabel","inert","hidden","accessibleName","multiline","autoGrow","readonly"],"sources":["src/components/team-dev/history/helpers.ts","src/components/team-dev/history/history.scss?tag=gx-ide-team-dev-history&encapsulation=shadow","src/components/team-dev/history/history.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { ObjectType, GxOption } from \"../../../common/types\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { ItemNode } from \"../../select-kb-items/select-kb-items\";\n\nexport const mapObjectTypeToComboBoxItemModel = (\n  objectTypeModel: ObjectType[]\n): ComboBoxItemModel[] =>\n  objectTypeModel.map(objectType => ({\n    value: objectType.id,\n    caption: objectType.name,\n    startImgSrc: objectType.icon\n  }));\n\nexport const mapCategoryToComboBoxItemModel = (\n  categoryModel: GxOption[]\n): ComboBoxModel =>\n  categoryModel.map(category => ({\n    value: category.id,\n    caption: category.label\n  }));\n\nconst hasActiveNode = (node: any): boolean => {\n  if (node.active) {\n    return true;\n  }\n  if (Array.isArray(node.nodes)) {\n    return node.nodes.some(hasActiveNode);\n  }\n  return false;\n};\n\nexport const hasActiveVersionInList = (versionsList: ItemNode[]): boolean => {\n  return versionsList.some(hasActiveNode);\n};\n","@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n// TODO: this should be a class on Mercury.\n// Not sure if applying \".field-group\" is the right thing to do.\n$commonRowGap: var(--mer-spacing--sm);\n\n:host {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  block-size: 100%;\n  overflow: auto;\n}\n\n.sidebar {\n  background-color: transparent !important; // TODO: Apply elevation classes on Mercury.\n  border-inline-end: var(--section-common-border);\n}\n\n.sidebar::part(expand-button) {\n  border-radius: var(--control__border-radius);\n}\n\ngx-ide-select-kb-items {\n  --search-input-max-inline-size: 300px;\n  opacity: 0;\n  transition: opacity var(--mer-timing--fast);\n}\ngx-ide-select-kb-items.sidebar-expanded {\n  opacity: 1;\n}\n\nch-tabular-grid.tabular-grid--empty::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\n\nch-tabular-grid-rowset-empty {\n  position: relative; // makes this the bounder element for the loader\n}\n\n.main {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n  grid-row-gap: $commonRowGap;\n  overflow: auto;\n}\n.main__header {\n  display: grid;\n}\n.main__content {\n  position: relative;\n  overflow: auto;\n  display: grid;\n  grid-template-rows: 1fr max-content 2fr;\n  grid-row-gap: $commonRowGap;\n}\n\n.tabular-grid {\n  overflow: auto;\n}\n\n/*SECOND GRID*/\n.search-filter {\n  display: grid;\n  grid-template-columns: 1fr max-content max-content;\n  gap: var(--gx-ide-grid-column-gap);\n}\n\n.action-buttons {\n  justify-self: flex-end;\n}\n\n.filters-grid {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  grid-template-areas:\n    \"from from to to type type\"\n    \"user user user revision revision revision\";\n  grid-gap: var(--gx-ide-grid-column-gap);\n  padding-block-start: $commonRowGap;\n}\n\n.filters-container {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows var(--mer-timing--fast);\n}\n\n.filters-container-visible {\n  grid-template-rows: 1fr;\n}\n\n.filters-container > div {\n  overflow: hidden;\n}\n\n.field-from {\n  grid-area: from;\n}\n\n.field-to {\n  grid-area: to;\n}\n.field-type {\n  grid-area: type;\n}\n.field-user {\n  grid-area: user;\n}\n.field-revision {\n  grid-area: revision;\n}\n\n// commits grid \"comment\" column\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".commits-grid\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-min-inline-size: 200px,\n  $tabular-grid-affected-columns-nth-list: (\n    2\n  )\n);\n\n// affected objects grid \"description\" column\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".affected-objects-grid\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-min-inline-size: 200px,\n  $tabular-grid-affected-columns-nth-list: (\n    5\n  )\n);\n","/* STENCIL IMPORTS */\nimport { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { config } from \"../../../common/config\";\nimport { formatDate } from \"../../../common/helpers\";\nimport { Locale } from \"../../../common/locale\";\nimport { ContextMenuInfo } from \"../../../components\";\nimport { ItemNode } from \"../../select-kb-items/select-kb-items\";\nimport {\n  hasActiveVersionInList,\n  mapObjectTypeToComboBoxItemModel\n} from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\",\n  \"chameleon/scrollbar\",\n  \"components/tabular-grid\",\n  \"components/accordion\",\n  \"components/sidebar\"\n];\n\nconst CHANGES_PENDING_ICON = getIconPath({\n  category: \"gx-server\",\n  name: \"changes-commit-pending\"\n});\n\nconst FILTER_ICON_PRIMARY = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"primary\"\n});\n\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-surface\"\n});\n\nconst DELETED_ICON = getIconPath({\n  category: \"gx-server\",\n  name: \"delete\"\n});\n\nconst NEW_ICON = getIconPath({\n  category: \"gx-server\",\n  name: \"new\"\n});\n\nconst PRIVATE_ICON = getIconPath({\n  category: \"gx-server\",\n  name: \"private\"\n});\nconst RESET_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"reset\",\n  colorType: \"primary\"\n});\n\nconst SEARCH_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"search\",\n  colorType: \"on-surface\"\n});\n\n@Component({\n  tag: \"gx-ide-team-dev-history\",\n  styleUrl: \"history.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-history\"]\n})\nexport class GxIdeTeamDevHistory {\n  #_componentLocale: any;\n\n  #types: ComboBoxItemModel[] = [];\n\n  @Element() el: HTMLGxIdeTeamDevHistoryElement;\n\n  #fromEl?: HTMLChEditElement;\n  #revisionEl?: HTMLChEditElement;\n  #searchEl: HTMLChEditElement;\n  #toEl?: HTMLChEditElement;\n  #typesEl?: HTMLChComboBoxRenderElement;\n  #userEl?: HTMLChEditElement;\n  #sidebarEl: HTMLChSidebarElement;\n  #revisionsGridEl: HTMLChTabularGridElement;\n\n  @State() historyDetail: RevisionDetailData;\n\n  /**\n   * The files rendered in the table\n   */\n  @State() objects: RevisionData[] = [];\n\n  /**\n   * Used to call getObjectsFromVersion from the versionsChanged method only once after receiving the versions for the first time.\n   */\n  @State() isFirstLoad: boolean = true;\n\n  /**\n   * Used to hide the select-kb-items when collapsed\n   */\n  @State() sidebarExpanded: boolean = true;\n\n  /**\n   * Used to show or hide the filters section\n   */\n  @State() filtersHidden = true;\n\n  /**\n   * To show a loader when the component is loading\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * The Id of the selected revision in the revisions grid\n   */\n  @State() selectedRevisionId: string;\n\n  /**\n   * Used to customize the select-kb-items \"header\" part grid layout\n   */\n  @State() hasActiveVersion: boolean = false; // TODO:\n\n  /**\n   * Possible values of type filter\n   */\n  @Prop() readonly types: ObjectType[];\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   * Callback invoked when user right-clicks on the grid\n   */\n  @Prop() readonly gridContextMenuCallback: (\n    info: ContextMenuInfo\n  ) => Promise<void>;\n\n  /**\n   * The Id of the selected version in the select-kb-items component\n   */\n  @Prop({ mutable: true }) selectedVersionId: string;\n  @Watch(\"selectedVersionId\")\n  async selectedVersionIdChanged(newSelectedVersionId: string) {\n    this.selectedVersionId = newSelectedVersionId;\n\n    // Reset filters\n    this.#searchEl.value = null;\n    this.#fromEl.value = null;\n    this.#toEl.value = null;\n    this.#revisionEl.value = null;\n    this.#userEl.value = null;\n    this.#typesEl.value = this.#types[0]?.value;\n\n    await this.#getObjectsFromVersion(newSelectedVersionId);\n  }\n\n  /**\n   * List of versions to show in the versions tree\n   */\n  @Prop({ mutable: true }) versions: ItemNode[] = [];\n  @Watch(\"versions\")\n  async versionsListChanged(newVersionsList: ItemNode[]) {\n    this.versions = newVersionsList;\n    this.hasActiveVersion = hasActiveVersionInList(newVersionsList);\n\n    if (\n      newVersionsList.length > 0 &&\n      this.selectedVersionId &&\n      this.isFirstLoad\n    ) {\n      await this.#getObjectsFromVersion(this.selectedVersionId);\n      this.isFirstLoad = false;\n    }\n  }\n\n  /**\n   * Callback invoked when is necessary to reload the history info. Receive the filters as parameters and only returns the info corresponding to the master grid.\n\n   */\n  @Prop() readonly loadCallback: LoadCallback;\n\n  /**\n   * Callback invoked to obtain detailed info from a revision. As parameter receive internal revision id\n   */\n  @Prop() readonly loadDetailCallback: LoadDetailCallback;\n\n  /**\n   * Callback invoked when the selected version changes. As parameter receive the selected version id\n   */\n  @Prop() readonly selectedVersionChangeCallback: SelectedVersionChangeCallback;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#types = mapObjectTypeToComboBoxItemModel(this.types);\n  }\n\n  async componentDidLoad() {\n    this.#sidebarEl.addEventListener(\n      \"expandedChange\",\n      (e: CustomEvent<boolean>) => {\n        this.sidebarExpanded = e.detail;\n      }\n    );\n  }\n\n  #getIconState = (state: ObjectState): Element => {\n    let icon = <ch-image src={PRIVATE_ICON} class=\"icon-sm\"></ch-image>;\n    switch (state) {\n      case \"Inserted\":\n        icon = <ch-image src={NEW_ICON} class=\"icon-sm\"></ch-image>;\n        break;\n\n      case \"Modified\":\n        icon = <ch-image src={CHANGES_PENDING_ICON} class=\"icon-sm\"></ch-image>;\n        break;\n\n      case \"Deleted\":\n        icon = <ch-image src={DELETED_ICON} class=\"icon-sm\"></ch-image>;\n        break;\n    }\n    return icon;\n  };\n\n  #getObjectsFromVersion = async (versionId: string): Promise<void> => {\n    this.loading = true;\n\n    const filters: FiltersData = {\n      search: this.#searchEl.value ? this.#searchEl.value : \"\",\n      from: this.#fromEl.value ? new Date(this.#fromEl.value) : null,\n      to: this.#toEl.value ? new Date(this.#toEl.value) : null,\n      revision: this.#revisionEl.value ? this.#revisionEl.value : \"\",\n      user: this.#userEl.value ? this.#userEl.value : \"\",\n      type: this.#typesEl.value === \"all\" ? \"\" : this.#typesEl.value\n    };\n\n    this.objects = await this.loadCallback(filters, versionId);\n    await this.#getSelectedRevision(this.objects[0]?.id);\n    this.loading = false;\n  };\n\n  #getSelectedRevision = async (revisionId: string) => {\n    if (revisionId) {\n      this.historyDetail = await this.loadDetailCallback(revisionId);\n      this.selectedRevisionId = revisionId;\n    } else {\n      this.historyDetail = null;\n    }\n  };\n\n  #registerGridContextMenuListener = (): void => {\n    if (this.#revisionsGridEl) {\n      this.#revisionsGridEl.addEventListener(\n        \"contextmenu\",\n        (ev: MouseEvent): void => {\n          ev.preventDefault();\n          ev.stopPropagation();\n          this.#gridContextMenuCallbackHandler(ev);\n        }\n      );\n    }\n  };\n\n  #gridContextMenuCallbackHandler = async (ev: MouseEvent): Promise<void> => {\n    this.gridContextMenuCallback({\n      selection: [this.selectedRevisionId],\n      clientX: ev.clientX,\n      clientY: ev.clientY\n    });\n  };\n\n  #toggleFiltersHandler = () => {\n    this.filtersHidden = !this.filtersHidden;\n  };\n\n  #renderCommitsGrid = (): Element => {\n    const tabularGridEmpty = this.objects?.length === 0 || !this.objects;\n    return (\n      <ch-tabular-grid\n        class={{\n          \"commits-grid\": true,\n          \"tabular-grid\": true,\n          \"tabular-grid--empty\": tabularGridEmpty\n        }}\n        onSelectionChanged={(ev: any) => {\n          this.objects.length > 0 &&\n            this.#getSelectedRevision(ev.detail.rowsId[0]);\n        }}\n        ref={(el: HTMLChTabularGridElement) => {\n          if (el && this.#revisionsGridEl !== el) {\n            this.#revisionsGridEl = el as HTMLChTabularGridElement;\n\n            this.#registerGridContextMenuListener();\n\n            if (this.objects.length > 0) {\n              this.#revisionsGridEl.selectRow(this.objects[0]?.id, true);\n            }\n          }\n        }}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.mainGrid.columns.id}\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.mainGrid.columns.comment}\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"1fr\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.mainGrid.columns.user}\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.mainGrid.columns.commitDate}\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.objects.length > 0 ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects.map((obj: RevisionData) => (\n              <ch-tabular-grid-row\n                rowid={obj.id}\n                key={obj.id}\n                class=\"tabular-grid-row\"\n              >\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.id}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.comment}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.user}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {`${formatDate(obj.commitDate, \"date-time\")}`}\n                </ch-tabular-grid-cell>\n              </ch-tabular-grid-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              <gx-ide-empty-state\n                stateTitle={this.#_componentLocale.emptyRevisionsText}\n                isAnimated={true}\n              ></gx-ide-empty-state>\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n\n        <ch-tabular-grid-row class=\"tabular-grid-row\"></ch-tabular-grid-row>\n      </ch-tabular-grid>\n    );\n  };\n\n  #renderAffectedObjectsGrid = (): Element => {\n    const iterable = this.historyDetail ? this.historyDetail.objects : [];\n    const tabularGridEmpty =\n      this.historyDetail?.objects.length === 0 || !this.historyDetail;\n    return (\n      <ch-tabular-grid\n        class={{\n          \"affected-objects-grid\": true,\n          \"tabular-grid\": true,\n          \"tabular-grid--empty\": tabularGridEmpty\n        }}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size={config.tabularGrid.colSize.auto}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={\n              this.#_componentLocale.affectedObjectsGrid.columns.name\n            }\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={\n              this.#_componentLocale.affectedObjectsGrid.columns.types\n            }\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={\n              this.#_componentLocale.affectedObjectsGrid.columns.description\n            }\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"1fr\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={\n              this.#_componentLocale.affectedObjectsGrid.columns.action\n            }\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.historyDetail && this.historyDetail.objects.length > 0 ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {iterable.map((obj: ObjectData) => (\n              <ch-tabular-grid-row class=\"tabular-grid-row\">\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  <ch-image src={obj.typeIcon} class=\"icon-md\"></ch-image>\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {this.#getIconState(obj.state)}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.name}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.type}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.description}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.action}\n                </ch-tabular-grid-cell>\n              </ch-tabular-grid-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              <gx-ide-empty-state\n                stateIconSrc={FILTER_ICON}\n                stateTitle={this.#_componentLocale.emptyHistoryDetailText}\n                isAnimated={true}\n              ></gx-ide-empty-state>\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n\n        <ch-tabular-grid-row class=\"tabular-grid-row\"></ch-tabular-grid-row>\n      </ch-tabular-grid>\n    );\n  };\n\n  #renderLoader = (): Element => {\n    return (\n      this.loading && (\n        <div class=\"main__content scrollable\">\n          <gx-ide-loader\n            loaderTitle={this.#_componentLocale.loader.title}\n            show\n            description={this.#_componentLocale.loader.description}\n          ></gx-ide-loader>\n        </div>\n      )\n    );\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <ch-sidebar\n          ref={(el: HTMLChSidebarElement) =>\n            (this.#sidebarEl = el as HTMLChSidebarElement)\n          }\n          class=\"sidebar\"\n          expanded={this.sidebarExpanded}\n          expandButtonCollapseAccessibleName={\n            this.#_componentLocale.sidebar.collapseAriaLabel\n          }\n          expandButtonExpandAccessibleName={\n            this.#_componentLocale.sidebar.expandAriaLabel\n          }\n          showExpandButton\n        >\n          <gx-ide-select-kb-items\n            class={{\n              \"sidebar-expanded\": this.sidebarExpanded,\n              \"has-active-version\": this.hasActiveVersion\n            }}\n            checkboxType=\"none\"\n            itemsList={this.versions}\n            expandOnClick={false}\n            selectionChanged={this.selectedVersionChangeCallback}\n            itemContextMenuCallback={this.itemContextMenuCallback}\n          ></gx-ide-select-kb-items>\n        </ch-sidebar>\n\n        <main class=\"main spacing-body-block-start spacing-body-inline\">\n          <div class=\"main__header\">\n            <div class=\"search-filter\">\n              <div class=\"field field-inline\">\n                <label class=\"label\" htmlFor=\"search\">\n                  {this.#_componentLocale.filters.search}\n                </label>\n                <ch-edit\n                  value=\"\"\n                  class=\"input\"\n                  startImgSrc={SEARCH_ICON}\n                  part=\"search\"\n                  id=\"search\"\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#searchEl = el as HTMLChEditElement)\n                  }\n                ></ch-edit>\n              </div>\n\n              <button\n                id=\"filter-toggle-button\"\n                class=\"button-teritary button-icon-only\"\n                aria-label={this.#_componentLocale.searchFilter.filterAriaLabel}\n                aria-expanded={this.filtersHidden ? \"false\" : \"true\"}\n                aria-controls=\"filters-container\"\n                onClick={() => this.#toggleFiltersHandler()}\n              >\n                <ch-image class=\"icon-md\" src={FILTER_ICON_PRIMARY}></ch-image>\n              </button>\n\n              <button\n                class=\"button-teritary button-icon-only\"\n                aria-label={this.#_componentLocale.searchFilter.reloadAriaLabel}\n                onClick={() =>\n                  this.#getObjectsFromVersion(this.selectedVersionId)\n                }\n                part={this.#_componentLocale.searchFilter.reloadAriaLabel}\n              >\n                <ch-image class=\"icon-md\" src={RESET_ICON}></ch-image>\n              </button>\n            </div>\n\n            <div\n              id=\"filters-container\"\n              aria-labelledby=\"filter-toggle-button\"\n              class={{\n                \"filters-container-visible\": !this.filtersHidden,\n                \"filters-container\": true\n              }}\n              inert={this.filtersHidden}\n              hidden={this.filtersHidden}\n            >\n              <div>\n                <div class=\"filters-grid\">\n                  <div class=\"field field-block field-from\">\n                    <label class=\"label\" htmlFor=\"from\">\n                      {this.#_componentLocale.filters.from}\n                    </label>\n                    <ch-edit\n                      value=\"\"\n                      class=\"input\"\n                      type=\"date\"\n                      part=\"from\"\n                      id=\"from\"\n                      ref={(el: HTMLChEditElement) =>\n                        (this.#fromEl = el as HTMLChEditElement)\n                      }\n                    ></ch-edit>\n                  </div>\n\n                  <div class=\"field field-block field-to\">\n                    <label class=\"label\" htmlFor=\"to\">\n                      {this.#_componentLocale.filters.to}\n                    </label>\n                    <ch-edit\n                      value=\"\"\n                      class=\"input\"\n                      type=\"date\"\n                      id=\"to\"\n                      ref={(el: HTMLChEditElement) =>\n                        (this.#toEl = el as HTMLChEditElement)\n                      }\n                    ></ch-edit>\n                  </div>\n\n                  <div class=\"field field-block field-type\">\n                    <label class=\"label\" htmlFor=\"type\">\n                      {this.#_componentLocale.filters.type}\n                    </label>\n\n                    <ch-combo-box-render\n                      accessibleName=\"types\"\n                      class=\"combo-box\"\n                      part=\"type\"\n                      model={this.#types}\n                      value={this.#types[0]?.value}\n                      ref={(el: HTMLChComboBoxRenderElement) =>\n                        (this.#typesEl = el as HTMLChComboBoxRenderElement)\n                      }\n                    ></ch-combo-box-render>\n                  </div>\n\n                  <div class=\"field field-block field-user\">\n                    <label class=\"label\" htmlFor=\"user\">\n                      {this.#_componentLocale.filters.user}\n                    </label>\n\n                    <ch-edit\n                      value=\"\"\n                      part=\"user\"\n                      class=\"input\"\n                      id=\"user\"\n                      ref={(el: HTMLChEditElement) =>\n                        (this.#userEl = el as HTMLChEditElement)\n                      }\n                    ></ch-edit>\n                  </div>\n\n                  <div class=\"field field-block field-revision\">\n                    <label class=\"label\" htmlFor=\"revision\">\n                      {this.#_componentLocale.filters.revision}\n                    </label>\n\n                    <ch-edit\n                      value=\"\"\n                      part=\"revision\"\n                      class=\"input\"\n                      id=\"revision\"\n                      ref={(el: HTMLChEditElement) =>\n                        (this.#revisionEl = el as HTMLChEditElement)\n                      }\n                    ></ch-edit>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {this.#renderLoader()}\n\n          {!this.loading && (\n            <div class=\"main__content scrollable\">\n              {this.#renderCommitsGrid()}\n\n              <div class=\"field field-block\">\n                <label class=\"label\" htmlFor=\"comment-area\">\n                  {this.historyDetail ? this.historyDetail.title : null}\n                </label>\n                <ch-edit\n                  class=\"input comment-text-area\"\n                  value={this.historyDetail ? this.historyDetail.comment : null}\n                  multiline\n                  autoGrow\n                  readonly={true}\n                  part=\"comment-area\"\n                  id=\"comment-area\"\n                ></ch-edit>\n              </div>\n\n              {this.#renderAffectedObjectsGrid()}\n            </div>\n          )}\n        </main>\n      </Host>\n    );\n  }\n}\n\n// Types\nexport type ObjectType = {\n  id: string;\n  name: string;\n  icon?: string;\n};\n\nexport type FiltersData = {\n  search: string;\n  from?: Date;\n  to?: Date;\n  user?: string;\n  revision?: string;\n  type?: string;\n};\nexport type RevisionData = {\n  id: string;\n  comment: string;\n  user: string;\n  commitDate: Date;\n};\n\nexport type RevisionDetailData = {\n  title: string;\n  comment: string;\n  objects: ObjectData[];\n};\nexport type ObjectData = {\n  typeIcon: string;\n  state: ObjectState;\n  name: string;\n  type: string;\n  description: string;\n  action: string;\n};\nexport type ObjectState = \"Inserted\" | \"Modified\" | \"Deleted\";\n\nexport type LoadCallback = (\n  filters: FiltersData,\n  versionId: string\n) => Promise<RevisionData[]>;\n\nexport type LoadDetailCallback = (\n  revision: string\n) => Promise<RevisionDetailData>;\n\nexport type SelectedVersionChangeCallback = (\n  selectedVersion: string[]\n) => Promise<void>;\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-036d005d.entry.js → p-75a5c51f.entry.js}

@@ -93,7 +93,7 @@ const d = class {
     }), a("gx-ide-list-selector-item", {
       icon: "window-tools/last-changes-view",
       itemId: "last-full-update",
-      itemValue: `${this._componentLocale.options.lastFullUpdate}:${n(this.updateFrom.lastFullUpdate)}`
+      itemValue: `${this._componentLocale.options.lastFullUpdate}: ${n(this.updateFrom.lastFullUpdate)}`
     }))), a("gx-ide-container", {
       part: "options-scope",
       containerTitle: this._componentLocale.options.scope,
@@ -634,4 +634,4 @@ const d = class {
 d.style = c;
 
 export { d as gx_ide_team_dev_update };
-//# sourceMappingURL=p-036d005d.entry.js.map
+//# sourceMappingURL=p-75a5c51f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["updateCss","CSS_BUNDLES","GxIdeTeamDevUpdate","this","loadDataCalledFirstTime","renderedFirstTime","onRowContextMenuHandler","grid","async","ev","objectsContextMenuCallback","preventDefault","stopPropagation","selection","chGridPendingForUpdateEl","getSelectedRows","chGridIgnoredObjectsEl","chGridResultsEl","clientX","detail","clientY","markAllPendingToUpdateRows","markAllRows","gridOnSelectionChangedCallbackHandler","selectCallback","rowsId","genexusServerUrlHandler","_a","updateFrom","serverUrl","window","open","renderOptions","h","class","part","containerTitle","_componentLocale","options","titleType","contentBorderEnd","noContentPadding","type","listName","readonly","noListBorder","icon","itemId","itemValue","undefined","onClick","knowledgeBase","kbName","version","versionName","lastFullUpdate","formatDate","scope","labelPosition","center","noMargin","objects","bold","objectScopeText","value","scopeData","toLocaleLowerCase","objectsScope","changeBtn","revision","revisionScopeText","latest","revisionScope","label","kbProperties","renderFilter","centerLabel","filter","pattern","ref","el","filterPatternEl","onInput","loadData","disabled","types","filterTypeEl","onValueChanged","id","renderComboItems","renderData","displayBorderTop","slot","displayBorder","tabs","pendingForUpdate","tab","key","isSelected","ignoredObjects","results","gxgTabButtonResultsEl","noPadding","renderPendingForUpdate","renderIgnoredObjects","renderResults","onRowContextMenu","onSelectionChanged","settingable","sortable","richRowSelector","richRowSelectorMode","size","config","tabularGrid","colSize","maxContent","columnName","tableHead","name","description","commonDouble","modifiedOn","status","action","updateData","map","obj","rowid","src","typeIcon","renderIconState","state","notes","updateResultData","renderIconResult","result","messages","msg","msgType","text","color","filters","showFilter","isLoading","loadCallback","update","updateCallback","pendingForUpdateMarked","getMarkedRows","then","tabButtonClick","objectsScopeCallback","objectData","revisionScopeCallback","revisionData","pendingForUpdatesRowMarkingChangedHandler","e","removeEventListener","addedRowsIds","addedRowsId","removedRowsId","pendingItemCheckedResult","pendingItemsCheckedCallback","itemsChecked","itemsUnchecked","revertPendingCommitsCheckboxes","togglePendingCommitsCheckboxes","addEventListener","itemsToToggle","itemsToCheck","itemsToUncheck","rowId","markRow","componentWillLoad","Locale","getComponentStrings","componentDidLoadEvent","emit","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","componentName","reload","render","Host","model","slimmerFooter","gxIdeContainer","displayTitle","footer","btnUpdate"],"sources":["src/components/team-dev/update/update.scss?tag=gx-ide-team-dev-update&encapsulation=shadow","src/components/team-dev/update/update.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: block;\n}\n\n/*--- Options Wrapper ---*/\n.options-wrapper {\n  display: grid;\n  grid-template-columns: 2fr 1fr;\n  grid-column-gap: 0;\n  grid-row-gap: 0;\n  border-bottom: 1px solid var(--gx-ide-container-border-color);\n\n  .genexus-server {\n    cursor: pointer;\n    &:hover {\n      background-color: var(--ds-item-background-color--hover);\n    }\n  }\n  .scope {\n    font-family: inherit;\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--2xs);\n    .row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      gap: var(--mer-spacing--xs);\n      .value {\n        font-style: italic;\n      }\n    }\n  }\n}\n\n/*--- Filter ---*/\n.filter-row {\n  padding: 0 var(--gx-ide-container__padding) 0 var(--gx-ide-container__padding);\n  display: flex;\n  flex-direction: row;\n  gap: var(--gx-ide-grid-row-gap);\n  .combo {\n    flex: 1;\n  }\n}\n\n/* Data Grid*/\n.data-grid {\n  grid-template-columns: repeat(3, 1fr);\n  // max-height: 300px;\n  // overflow-y: auto;\n  > :nth-child(1) {\n    grid-area: 1 / 1 / 2 / 2;\n  }\n  > :nth-child(2) {\n    grid-area: 1 / 2 / 2 / 4;\n  }\n}\n.data-panel-grid {\n  grid-template-columns: repeat(2, 1fr);\n}\n.data-preview {\n  img {\n    max-width: 100%;\n  }\n}\n.data-max-height {\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n/* Footer Actions */\n.actions {\n  justify-content: flex-end;\n}\n\n.no-border {\n  border: 0;\n}\n\n.bold {\n  font-weight: bold;\n}\n\n/*--- Results ---*/\nch-grid-rowset-empty {\n  padding: var(--mer-spacing--2xs) var(--mer-spacing--xs);\n}\n\ngxg-tab::part(container) {\n  line-height: unset;\n}\n.tabular-grid {\n  block-size: 100%;\n}\n\ngx-ide-container::part(content) {\n  overflow: hidden;\n}\n\n// apply ellipsis on description column\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-pending-update\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    6\n  )\n);\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-results\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    6\n  )\n);\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Method\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Color as GxgIconColor } from \"@genexus/gemini/dist/types/components/icon/icon\";\nimport {\n  TabularGridMarkingChangedEvent,\n  TabularGridRowContextMenuEvent,\n  TabularGridSelectionChangedEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\n\nimport {\n  ObjectState,\n  ObjectType,\n  ContextMenuInfo,\n  ItemsCheckedState,\n  ItemsCheckedResult,\n  ResultState\n} from \"../../../common/types\";\nimport { renderComboItems } from \"../../../common/render-combo-items\";\nimport { formatDate } from \"../../../common/helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  // \"utils/form\",\n  // \"utils/layout\",\n  // \"utils/typography\",\n  // \"components/button\",\n  // \"components/checkbox\",\n  // \"components/edit\",\n  \"components/tabular-grid\"\n];\n\n@Component({\n  tag: \"gx-ide-team-dev-update\",\n  styleUrl: \"update.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-update\"]\n})\nexport class GxIdeTeamDevUpdate {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private loadDataCalledFirstTime = false; // pending for update grid checkboxes, should be checked, after loadData has loaded objects for the first time.\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeTeamDevUpdateElement;\n\n  /* References needed to collect data */\n  // private optionKbPropertiesEl!: HTMLGxgFormCheckboxElement;\n  private filterPatternEl!: HTMLGxgFormTextElement;\n  private filterTypeEl!: HTMLGxgComboBoxElement;\n  private chGridPendingForUpdateEl!: HTMLChGridElement;\n  private chGridIgnoredObjectsEl!: HTMLChGridElement;\n  private chGridResultsEl!: HTMLChGridElement;\n  private gxgTabButtonResultsEl!: HTMLGxgTabButtonElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * If the design data is loading or not, for disabled actions\n   */\n  @State() isLoading = false;\n\n  /**\n   * For show or hide advanced filters\n   */\n  @State() objectScopeText = \"all\";\n\n  /**\n   * The tab that is currently open\n   */\n  @State() openTab: \"pending\" | \"ignored\" | \"results\" = \"pending\";\n\n  /**\n   * For show or hide advanced filters\n   */\n  @State() revisionScopeText: string = undefined;\n\n  /**\n   * For show or hide advanced filters\n   */\n  @State() showFilter = false;\n\n  /**\n   * The data loaded for populate the grids\n   */\n  @State() updateData: UpdateData = {\n    pendingForUpdate: [],\n    ignoredObjects: []\n  };\n\n  /**\n   * The data receive after user update\n   */\n  @State() updateResultData: UpdateResultData[] = [];\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * This is a function provided by the developer that init the process of import a design.\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  /**\n   * This is a function provided by the developer that return the information of an Image System type of data.\n   */\n  @Prop() readonly gridContextMenuCallback!: GridContextMenuCallback;\n\n  /**\n   * This is a function provided by the developer that return the list of types of data loaded from file or url.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * This is a function provided by the developer to call when the user makes a partial selection from button Change of Scope group.\n   */\n  @Prop() readonly objectsScopeCallback!: () => Promise<\"all\" | \"partial\">;\n\n  /**\n   * This is a function provided by the developer to call when the user clicked in server url of Update From group.\n   */\n  @Prop() readonly openServerCallback!: () => Promise<void>;\n\n  /**\n   * This is a function provided by the developer that return the information of a Font type of data.\n   */\n  @Prop() readonly pendingItemsCheckedCallback!: PendingItemsCheckedCallback;\n\n  /**\n   * This is a function provided by the developer to call when the user wants to select the revision to work on.\n   */\n  @Prop() readonly revisionScopeCallback!: () => Promise<string | undefined>;\n\n  /**\n   * Callback that should be invoked when the user activates the context menu on any of the grids. It receives the internal IDs of the selected elements and in which grid the event occurred. It should prevent the default browser context menu from appearing\n   */\n  @Prop() readonly objectsContextMenuCallback!: ObjectsContextMenuCallback;\n\n  /**\n   * Callback that should be invoked when the user selects rows from the grids\n   */\n  @Prop() readonly selectCallback: UpdateSelectCallback;\n\n  /**\n   * Possibly values for the filter type\n   */\n  @Prop() readonly types: ObjectType[];\n\n  /**\n   * This is a function provided by the developer that return the information of a Design System type of data.\n   */\n  @Prop() readonly updateCallback!: UpdateCallback;\n\n  /**\n   * Information to show in the container of group 'Update From'\n   */\n  @Prop() readonly updateFrom: UpdateFromData;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n  }\n\n  async componentDidLoad() {\n    await this.loadData();\n    this.filterPatternEl.focus();\n  }\n\n  async componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n\n    if (this.loadDataCalledFirstTime) {\n      // call this method only once\n      await this.markAllPendingToUpdateRows();\n      // attach \"rowMarkingChanged\" after rows have been checked for the first time.\n      this.chGridPendingForUpdateEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingForUpdatesRowMarkingChangedHandler\n      );\n      this.loadDataCalledFirstTime = false;\n    }\n  }\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * The method used by the host to instruct the component to force a data reload in the grids.\n   */\n  @Method()\n  async reload() {\n    this.loadData();\n  }\n\n  // 9.LOCAL METHODS //\n\n  private onRowContextMenuHandler =\n    (grid: UpdateSourceType) =>\n    async (ev: CustomEvent<TabularGridRowContextMenuEvent>) => {\n      if (this.objectsContextMenuCallback) {\n        ev.preventDefault();\n        ev.stopPropagation();\n        let selection: string[] = [];\n        if (grid === \"pending\") {\n          selection = await this.chGridPendingForUpdateEl.getSelectedRows();\n        } else if (grid === \"ignored\") {\n          selection = await this.chGridIgnoredObjectsEl.getSelectedRows();\n        } else if (grid === \"results\") {\n          selection = await this.chGridResultsEl.getSelectedRows();\n        }\n        await this.objectsContextMenuCallback(grid, {\n          selection: selection,\n          clientX: ev.detail.clientX,\n          clientY: ev.detail.clientY\n        });\n      }\n    };\n\n  private markAllPendingToUpdateRows = () => {\n    this.chGridPendingForUpdateEl.markAllRows();\n  };\n\n  private gridOnSelectionChangedCallbackHandler =\n    (grid: UpdateSourceType) =>\n    async (ev: CustomEvent<TabularGridSelectionChangedEvent>) => {\n      if (this.selectCallback) {\n        await this.selectCallback(grid, ev.detail.rowsId);\n      }\n    };\n\n  private genexusServerUrlHandler = () => {\n    if (this.updateFrom?.serverUrl) {\n      window.open(this.updateFrom.serverUrl);\n    }\n  };\n\n  private renderOptions = (): Element => {\n    return (\n      <div class=\"options-wrapper\">\n        {/* genexus server*/}\n        <gx-ide-container\n          part=\"options-update-from\"\n          containerTitle={this._componentLocale.options.updateFrom}\n          titleType=\"secondary\"\n          contentBorderEnd\n          noContentPadding\n        >\n          <gx-ide-list-selector\n            type=\"single-selection\"\n            listName=\"commit-recent-messages\"\n            readonly\n            noListBorder\n          >\n            {/* genexus server*/}\n            <gx-ide-list-selector-item\n              icon=\"window-tools/genexus-cloud\"\n              itemId=\"genexus-server\"\n              itemValue={undefined}\n              class=\"genexus-server\"\n              onClick={this.genexusServerUrlHandler}\n            >\n              {`${this._componentLocale.options.updateFrom}:`}\n              <gxg-text type=\"text-link\">\n                {this.updateFrom ? this.updateFrom.serverUrl : \"\"}\n              </gxg-text>\n            </gx-ide-list-selector-item>\n\n            {/* knowledge base*/}\n            <gx-ide-list-selector-item\n              icon=\"general/knowledge-base\"\n              itemId=\"knowledge-base\"\n              itemValue={`${this._componentLocale.options.knowledgeBase}: ${\n                this.updateFrom ? this.updateFrom.kbName : \"\"\n              }`}\n            ></gx-ide-list-selector-item>\n\n            {/* version */}\n            <gx-ide-list-selector-item\n              icon=\"general/version\"\n              itemId=\"version\"\n              itemValue={`${this._componentLocale.options.version}: ${\n                this.updateFrom ? this.updateFrom.versionName : \"\"\n              }`}\n            ></gx-ide-list-selector-item>\n\n            {/* last full update */}\n            <gx-ide-list-selector-item\n              icon=\"window-tools/last-changes-view\"\n              itemId=\"last-full-update\"\n              itemValue={`${\n                this._componentLocale.options.lastFullUpdate\n              }: ${formatDate(this.updateFrom.lastFullUpdate)}`}\n            ></gx-ide-list-selector-item>\n          </gx-ide-list-selector>\n        </gx-ide-container>\n\n        {/* scope*/}\n        <gx-ide-container\n          part=\"options-scope\"\n          containerTitle={this._componentLocale.options.scope}\n          titleType=\"secondary\"\n        >\n          <div class=\"scope\">\n            {/* Objects*/}\n            <div class=\"row\">\n              <gxg-label labelPosition=\"start\" center noMargin>\n                {this._componentLocale.options.objects}:\n              </gxg-label>\n              <span\n                class={{\n                  bold: this.objectScopeText === \"partial\",\n                  value: true\n                }}\n              >\n                {\n                  this._componentLocale.options.scopeData.objects[\n                    this.objectScopeText.toLocaleLowerCase()\n                  ]\n                }\n              </span>\n              <gxg-text\n                type=\"text-link\"\n                onClick={this.objectsScope}\n                part=\"gxg-button gxg-button--scope-objects-change\"\n              >\n                {this._componentLocale.options.changeBtn}\n              </gxg-text>\n            </div>\n\n            {/* Revision */}\n            <div class=\"row\">\n              <gxg-label labelPosition=\"start\" center noMargin>\n                {this._componentLocale.options.revision}:\n              </gxg-label>\n              <span\n                class={{\n                  bold: this.revisionScopeText !== undefined,\n                  value: true\n                }}\n              >\n                {this.revisionScopeText === undefined\n                  ? this._componentLocale.options.scopeData.revision.latest\n                  : this.revisionScopeText}\n              </span>\n              <gxg-text\n                type=\"text-link\"\n                onClick={this.revisionScope}\n                part=\"gxg-button gxg-button--scope-revision-change\"\n              >\n                {this._componentLocale.options.changeBtn}\n              </gxg-text>\n            </div>\n\n            {/* Kb Properties */}\n            <div class=\"row\">\n              <gxg-form-checkbox\n                label={this._componentLocale.options.kbProperties}\n                class=\"align-center\"\n                part=\"option-kb-properties\"\n              ></gxg-form-checkbox>\n            </div>\n          </div>\n        </gx-ide-container>\n      </div>\n    );\n  };\n\n  private renderFilter = (): Element => {\n    return (\n      <div\n        class={{\n          \"filter-row\": true\n        }}\n      >\n        {/* pattern*/}\n        <gxg-form-text\n          label-position=\"start\"\n          centerLabel\n          label={this._componentLocale.filter.pattern}\n          ref={(el: HTMLGxgFormTextElement) =>\n            (this.filterPatternEl = el as HTMLGxgFormTextElement)\n          }\n          part=\"filter-pattern\"\n          onInput={this.loadData}\n          class=\"combo\"\n        ></gxg-form-text>\n\n        {/* type */}\n        <gxg-combo-box\n          label-position=\"start\"\n          centerLabel\n          disable-filter\n          label={this._componentLocale.filter.type}\n          disabled={!this.types}\n          ref={(el: HTMLGxgComboBoxElement) =>\n            (this.filterTypeEl = el as HTMLGxgComboBoxElement)\n          }\n          onValueChanged={this.loadData}\n          part=\"filter-type\"\n          value={this.types[0].id}\n          class=\"combo\"\n        >\n          {renderComboItems(this.types)}\n        </gxg-combo-box>\n\n        {/* load data */}\n        <gxg-button\n          type=\"secondary-icon-only\"\n          icon=\"gemini-tools/reset\"\n          onClick={this.loadData}\n          part=\"gxg-button gxg-button--reload\"\n          class=\"button\"\n        ></gxg-button>\n      </div>\n    );\n  };\n\n  private renderData = (): Element => {\n    return (\n      <gx-ide-container\n        part=\"data-container\"\n        noContentPadding\n        class=\"gxi-overflow-auto\"\n        displayBorderTop\n      >\n        <gxg-tabs id=\"dataTabs\" part=\"data-tabs\">\n          <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n            <gxg-tab-button\n              slot=\"tab-bar\"\n              tab-label={this._componentLocale.tabs.pendingForUpdate}\n              tab=\"pendingForUpdate\"\n              key=\"pendingForUpdate\"\n              isSelected={true}\n            ></gxg-tab-button>\n            <gxg-tab-button\n              slot=\"tab-bar\"\n              tab-label={this._componentLocale.tabs.ignoredObjects}\n              tab=\"ignoredObjects\"\n              key=\"ignoredObjects\"\n            ></gxg-tab-button>\n            <gxg-tab-button\n              slot=\"tab-bar\"\n              tab-label={this._componentLocale.tabs.results}\n              tab=\"results\"\n              key=\"results\"\n              ref={(el: HTMLGxgTabButtonElement) =>\n                (this.gxgTabButtonResultsEl = el)\n              }\n            ></gxg-tab-button>\n          </gxg-tab-bar>\n          <gxg-tab\n            tab=\"pendingForUpdate\"\n            key=\"pendingForUpdate\"\n            noPadding\n            isSelected={true}\n          >\n            {this.renderPendingForUpdate()}\n          </gxg-tab>\n          <gxg-tab tab=\"ignoredObjects\" key=\"ignoredObjects\" noPadding>\n            {this.renderIgnoredObjects()}\n          </gxg-tab>\n          <gxg-tab tab=\"results\" key=\"results\" noPadding>\n            {this.renderResults()}\n          </gxg-tab>\n        </gxg-tabs>\n      </gx-ide-container>\n    );\n  };\n\n  private renderPendingForUpdate = (): HTMLChTabularGridElement => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid tabular-grid-pending-update\"\n        row-selection-mode=\"multiple\"\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.chGridPendingForUpdateEl = el)\n        }\n        part=\"ch-tabular-grid-pending-for-updates\"\n        onRowContextMenu={this.onRowContextMenuHandler(\"pending\")}\n        onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n          \"pending\"\n        )}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            column-type=\"rich\"\n            richRowSelector\n            richRowSelectorMode=\"mark\"\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.name}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.type}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.description}\n            settingable={false}\n            size={config.tabularGrid.colSize.commonDouble}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.modifiedOn}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.status}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.action}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.updateData.pendingForUpdate.map((obj: ModifiedObject) => (\n          <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n            <ch-tabular-grid-cell\n              cell-type=\"rich\"\n              row-selector\n              class=\"tabular-grid-cell\"\n            ></ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.typeIcon} class=\"icon-md\"></ch-image>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.renderIconState(obj.state)}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.name}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.type}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.description}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${formatDate(obj.modifiedOn)}`}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.status}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.action}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderIgnoredObjects = (): HTMLChTabularGridElement => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid\"\n        row-selection-mode=\"multiple\"\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.chGridIgnoredObjectsEl = el)\n        }\n        part=\"ch-grid-ignored-objects\"\n        onRowContextMenu={this.onRowContextMenuHandler(\"ignored\")}\n        onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n          \"ignored\"\n        )}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            size=\"min-content\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.name}\n            settingable={false}\n            size=\"1fr\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.type}\n            settingable={false}\n            size=\"1fr\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.updateData.ignoredObjects.map((obj: ModifiedObject) => (\n          <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.typeIcon} class=\"icon-md\"></ch-image>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.name}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.type}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderResults = (): HTMLChTabularGridElement => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid tabular-grid-results\"\n        row-selection-mode=\"multiple\"\n        ref={(el: HTMLChTabularGridElement) => (this.chGridResultsEl = el)}\n        part=\"ch-tabular-grid-results\"\n        onRowContextMenu={this.onRowContextMenuHandler(\"results\")}\n        onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n          \"results\"\n        )}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            column-type=\"tree\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.name}\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.type}\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.description}\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.notes}\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.updateResultData.map((obj: UpdateResultData) => (\n          <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.renderIconResult(obj.result)}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.typeIcon} class=\"icon-md\"></ch-image>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.renderIconState(obj.state)}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.name}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.type}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.description}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.notes}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-rowset>\n              {obj.messages.map(msg => {\n                let msgType;\n                switch (msg.type) {\n                  case \"info\":\n                    msgType = \"text-alert-info\";\n                    break;\n                  case \"success\":\n                    msgType = \"text-alert-success\";\n                    break;\n                  case \"warning\":\n                    msgType = \"text-alert-warning\";\n                    break;\n                  case \"error\":\n                    msgType = \"text-alert-error\";\n                    break;\n                }\n                return (\n                  <ch-tabular-grid-rowset-empty>\n                    <gxg-text type={msgType as any}>{msg.text}</gxg-text>\n                  </ch-tabular-grid-rowset-empty>\n                );\n              })}\n            </ch-tabular-grid-rowset>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderIconState = (state: ObjectState): Element => {\n    let type: string;\n\n    switch (state) {\n      case \"modified\":\n        type = \"gx-server/changes-commit-pending\";\n        break;\n      case \"inserted\":\n        type = \"gx-server/new\";\n        break;\n      case \"deleted\":\n        type = \"gx-server/delete\";\n        break;\n      case \"conflicted\":\n        type = \"gx-server/conflict\";\n        break;\n    }\n    return <ch-image class=\"icon-md\" src={type}></ch-image>;\n  };\n\n  private renderIconResult = (result: ResultState): Element => {\n    let type: string;\n    let color: GxgIconColor;\n    switch (result) {\n      case \"info\":\n        type = \"gemini-tools/notice\";\n        color = \"primary-active\";\n        break;\n      case \"success\":\n        type = \"gemini-tools/success\";\n        color = \"success\";\n        break;\n      case \"warning\":\n        type = \"gemini-tools/warning\";\n        color = \"warning\";\n        break;\n      case \"error\":\n        type = \"gemini-tools/error\";\n        color = \"error\";\n        break;\n    }\n    return <gxg-icon type={type} color={color}></gxg-icon>;\n  };\n\n  private loadData = async (): Promise<void> => {\n    const filters: FiltersData = {\n      pattern: this.showFilter ? this.filterPatternEl.value : null,\n      type: this.showFilter ? this.filterTypeEl.value : null\n    };\n    // this.updateData = null;\n    this.isLoading = true;\n    this.updateData = await this.loadCallback(filters);\n    this.isLoading = false;\n    if (!this.loadDataCalledFirstTime) {\n      /* this allows checking the pending commits checkboxes on first load*/\n      this.loadDataCalledFirstTime = true;\n    }\n  };\n\n  private update = async (): Promise<void> => {\n    if (this.updateCallback) {\n      const pendingForUpdateMarked =\n        await this.chGridPendingForUpdateEl.getMarkedRows();\n      this.updateCallback(pendingForUpdateMarked).then(\n        (updateResultData: UpdateResultData[]) => {\n          this.updateResultData = updateResultData;\n          this.gxgTabButtonResultsEl.tabButtonClick();\n        }\n      );\n    }\n  };\n\n  private objectsScope = (): void => {\n    if (this.objectsScopeCallback) {\n      this.objectsScopeCallback().then(objectData => {\n        if (objectData) {\n          this.objectScopeText = objectData;\n        }\n      });\n    }\n  };\n\n  private revisionScope = (): void => {\n    if (this.revisionScopeCallback) {\n      this.revisionScopeCallback().then(revisionData => {\n        this.revisionScopeText = revisionData;\n      });\n    }\n  };\n\n  private pendingForUpdatesRowMarkingChangedHandler = async (\n    e: CustomEvent<TabularGridMarkingChangedEvent>\n  ): Promise<void> => {\n    // remove \"rowMarkingChanged\" until checkboxes have been added/removed on togglePendingCommitsCheckboxes, to prevent loops.\n    this.chGridPendingForUpdateEl.removeEventListener(\n      \"rowMarkingChanged\",\n      this.pendingForUpdatesRowMarkingChangedHandler\n    );\n    if (this.chGridPendingForUpdateEl) {\n      const addedRowsIds = e.detail.addedRowsId;\n      const removedRowsId = e.detail.removedRowsId;\n      const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({\n        itemsChecked: addedRowsIds,\n        itemsUnchecked: removedRowsId\n      });\n      if (pendingItemCheckedResult === undefined) {\n        // undo check/uncheck\n        await this.revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);\n      } else {\n        await this.togglePendingCommitsCheckboxes(pendingItemCheckedResult);\n      }\n      this.chGridPendingForUpdateEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingForUpdatesRowMarkingChangedHandler\n      );\n    }\n    this.chGridPendingForUpdateEl.addEventListener(\n      \"rowMarkingChanged\",\n      this.pendingForUpdatesRowMarkingChangedHandler\n    );\n  };\n\n  private togglePendingCommitsCheckboxes = async (\n    itemsToToggle: ItemsCheckedResult\n  ) => {\n    if (this.chGridPendingForUpdateEl) {\n      const itemsToCheck: string[] = itemsToToggle.itemsToCheck;\n      const itemsToUncheck: string[] = itemsToToggle.itemsToUncheck;\n      // check\n      for (const rowId of itemsToCheck) {\n        await this.chGridPendingForUpdateEl.markRow(rowId, true);\n      }\n      // uncheck\n      for (const rowId of itemsToUncheck) {\n        await this.chGridPendingForUpdateEl.markRow(rowId, false);\n      }\n    }\n  };\n\n  private revertPendingCommitsCheckboxes = async (\n    addedRowsIds: string[],\n    removedRowsId: string[]\n  ) => {\n    if (this.chGridPendingForUpdateEl) {\n      for (const rowId of addedRowsIds) {\n        await this.chGridPendingForUpdateEl.markRow(rowId, false);\n      }\n      for (const rowId of removedRowsId) {\n        await this.chGridPendingForUpdateEl.markRow(rowId, true);\n      }\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            displayBorderTop\n            noContentPadding\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            {this.renderOptions()}\n            {this.renderFilter()}\n            {this.renderData()}\n\n            <gxg-button\n              id=\"button-update\"\n              type=\"primary-text-only\"\n              onClick={this.update}\n              part=\"gxg-button gxg-button--update\"\n              disabled={this.isLoading}\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnUpdate}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type LoadCallback = (filters: FiltersData) => Promise<UpdateData>;\n\nexport type UpdateCallback = (\n  selection: string[]\n) => Promise<UpdateResultData[]>;\n\nexport type PendingItemsCheckedCallback = (\n  pendingItemsCheckedState: ItemsCheckedState\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type UpdateSelectCallback = (\n  grid: UpdateSourceType,\n  selectionIds: string[]\n) => Promise<void>;\n\nexport type UpdateSourceType = \"pending\" | \"ignored\" | \"results\";\n\nexport type GridContextMenuCallback = (\n  selection: string[],\n  grid: \"update\" | \"ignored\" | \"results\"\n) => Promise<void>;\n\nexport type ObjectsContextMenuCallback = (\n  source: UpdateSourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type ConfirmCallback = (data: any) => Promise<boolean>;\n\nexport interface UpdateFromData {\n  serverUrl: string;\n  kbName: string;\n  versionName: string;\n  lastFullUpdate: Date;\n}\nexport interface FiltersData {\n  pattern: string;\n  type: string;\n}\nexport interface UpdateData {\n  pendingForUpdate: ModifiedObject[];\n  ignoredObjects: ModifiedObject[];\n}\nexport interface ModifiedObject {\n  id: string;\n  typeIcon: string;\n  state?: ObjectState;\n  name: string;\n  type: string;\n  description?: string;\n  modifiedOn?: Date;\n  status?: string;\n  action?: string;\n}\nexport interface UpdateResultData {\n  id: string;\n  result: ResultState;\n  typeIcon: string;\n  state: ObjectState;\n  name: string;\n  type: string;\n  description: string;\n  notes: string;\n  messages: MessageData[];\n}\n\nexport interface MessageData {\n  type: \"info\" | \"success\" | \"warning\" | \"error\";\n  text: string;\n}\n"],"mappings":";;;;;;;;;;AAAA,MAAMA,IAAY;;ACmClB,MAAMC,IAA8B,EAClC;;;;;;;AAOA;;MASWC,IAAkB;;;;;IAOrBC,KAAAC,0BAA0B;;QAC1BD,KAAAE,oBAAoB;;QAmLpBF,KAAAG,0BACLC,KACDC,MAAOC;MACL,IAAIN,KAAKO,4BAA4B;QACnCD,EAAGE;QACHF,EAAGG;QACH,IAAIC,IAAsB;QAC1B,IAAIN,MAAS,WAAW;UACtBM,UAAkBV,KAAKW,yBAAyBC;eAC3C,IAAIR,MAAS,WAAW;UAC7BM,UAAkBV,KAAKa,uBAAuBD;eACzC,IAAIR,MAAS,WAAW;UAC7BM,UAAkBV,KAAKc,gBAAgBF;;cAEnCZ,KAAKO,2BAA2BH,GAAM;UAC1CM,WAAWA;UACXK,SAAST,EAAGU,OAAOD;UACnBE,SAASX,EAAGU,OAAOC;;;;IAKnBjB,KAAAkB,6BAA6B;MACnClB,KAAKW,yBAAyBQ;AAAa;IAGrCnB,KAAAoB,wCACLhB,KACDC,MAAOC;MACL,IAAIN,KAAKqB,gBAAgB;cACjBrB,KAAKqB,eAAejB,GAAME,EAAGU,OAAOM;;;IAIxCtB,KAAAuB,0BAA0B;;MAChC,KAAIC,IAAAxB,KAAKyB,gBAAU,QAAAD,WAAA,aAAAA,EAAEE,WAAW;QAC9BC,OAAOC,KAAK5B,KAAKyB,WAAWC;;;IAIxB1B,KAAA6B,gBAAgB,MAEpBC,EAAA;MAAKC,OAAM;OAETD,EAAA;MACEE,MAAK;MACLC,gBAAgBjC,KAAKkC,iBAAiBC,QAAQV;MAC9CW,WAAU;MACVC,kBAAgB;MAChBC,kBAAgB;OAEhBR,EAAA;MACES,MAAK;MACLC,UAAS;MACTC,UAAQ;MACRC,cAAY;OAGZZ,EAAA;MACEa,MAAK;MACLC,QAAO;MACPC,WAAWC;MACXf,OAAM;MACNgB,SAAS/C,KAAKuB;OAEb,GAAGvB,KAAKkC,iBAAiBC,QAAQV,eAClCK,EAAA;MAAUS,MAAK;OACZvC,KAAKyB,aAAazB,KAAKyB,WAAWC,YAAY,MAKnDI,EAAA;MACEa,MAAK;MACLC,QAAO;MACPC,WAAW,GAAG7C,KAAKkC,iBAAiBC,QAAQa,kBAC1ChD,KAAKyB,aAAazB,KAAKyB,WAAWwB,SAAS;QAK/CnB,EAAA;MACEa,MAAK;MACLC,QAAO;MACPC,WAAW,GAAG7C,KAAKkC,iBAAiBC,QAAQe,YAC1ClD,KAAKyB,aAAazB,KAAKyB,WAAW0B,cAAc;QAKpDrB,EAAA;MACEa,MAAK;MACLC,QAAO;MACPC,WAAW,GACT7C,KAAKkC,iBAAiBC,QAAQiB,mBAC3BC,EAAWrD,KAAKyB,WAAW2B;UAMtCtB,EAAA;MACEE,MAAK;MACLC,gBAAgBjC,KAAKkC,iBAAiBC,QAAQmB;MAC9ClB,WAAU;OAEVN,EAAA;MAAKC,OAAM;OAETD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAWyB,eAAc;MAAQC,QAAM;MAACC,UAAQ;OAC7CzD,KAAKkC,iBAAiBC,QAAQuB,SAAO,MAExC5B,EAAA;MACEC,OAAO;QACL4B,MAAM3D,KAAK4D,oBAAoB;QAC/BC,OAAO;;OAIP7D,KAAKkC,iBAAiBC,QAAQ2B,UAAUJ,QACtC1D,KAAK4D,gBAAgBG,uBAI3BjC,EAAA;MACES,MAAK;MACLQ,SAAS/C,KAAKgE;MACdhC,MAAK;OAEJhC,KAAKkC,iBAAiBC,QAAQ8B,aAKnCnC,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAWyB,eAAc;MAAQC,QAAM;MAACC,UAAQ;OAC7CzD,KAAKkC,iBAAiBC,QAAQ+B,UAAQ,MAEzCpC,EAAA;MACEC,OAAO;QACL4B,MAAM3D,KAAKmE,sBAAsBrB;QACjCe,OAAO;;OAGR7D,KAAKmE,sBAAsBrB,YACxB9C,KAAKkC,iBAAiBC,QAAQ2B,UAAUI,SAASE,SACjDpE,KAAKmE,oBAEXrC,EAAA;MACES,MAAK;MACLQ,SAAS/C,KAAKqE;MACdrC,MAAK;OAEJhC,KAAKkC,iBAAiBC,QAAQ8B,aAKnCnC,EAAA;MAAKC,OAAM;OACTD,EAAA;MACEwC,OAAOtE,KAAKkC,iBAAiBC,QAAQoC;MACrCxC,OAAM;MACNC,MAAK;;IASXhC,KAAAwE,eAAe,MAEnB1C,EAAA;MACEC,OAAO;QACL,cAAc;;OAIhBD,EAAA;MAAA,kBACiB;MACf2C,aAAW;MACXH,OAAOtE,KAAKkC,iBAAiBwC,OAAOC;MACpCC,KAAMC,KACH7E,KAAK8E,kBAAkBD;MAE1B7C,MAAK;MACL+C,SAAS/E,KAAKgF;MACdjD,OAAM;QAIRD,EAAA;MAAA,kBACiB;MACf2C,aAAW;MAAA;MAEXH,OAAOtE,KAAKkC,iBAAiBwC,OAAOnC;MACpC0C,WAAWjF,KAAKkF;MAChBN,KAAMC,KACH7E,KAAKmF,eAAeN;MAEvBO,gBAAgBpF,KAAKgF;MACrBhD,MAAK;MACL6B,OAAO7D,KAAKkF,MAAM,GAAGG;MACrBtD,OAAM;OAELuD,EAAiBtF,KAAKkF,SAIzBpD,EAAA;MACES,MAAK;MACLI,MAAK;MACLI,SAAS/C,KAAKgF;MACdhD,MAAK;MACLD,OAAM;;IAMN/B,KAAAuF,aAAa,MAEjBzD,EAAA;MACEE,MAAK;MACLM,kBAAgB;MAChBP,OAAM;MACNyD,kBAAgB;OAEhB1D,EAAA;MAAUuD,IAAG;MAAWrD,MAAK;OAC3BF,EAAA;MAAa2D,MAAK;MAAoBC,eAAa;OACjD5D,EAAA;MACE2D,MAAK;MAAS,aACHzF,KAAKkC,iBAAiByD,KAAKC;MACtCC,KAAI;MACJC,KAAI;MACJC,YAAY;QAEdjE,EAAA;MACE2D,MAAK;MAAS,aACHzF,KAAKkC,iBAAiByD,KAAKK;MACtCH,KAAI;MACJC,KAAI;QAENhE,EAAA;MACE2D,MAAK;MAAS,aACHzF,KAAKkC,iBAAiByD,KAAKM;MACtCJ,KAAI;MACJC,KAAI;MACJlB,KAAMC,KACH7E,KAAKkG,wBAAwBrB;SAIpC/C,EAAA;MACE+D,KAAI;MACJC,KAAI;MACJK,WAAS;MACTJ,YAAY;OAEX/F,KAAKoG,2BAERtE,EAAA;MAAS+D,KAAI;MAAiBC,KAAI;MAAiBK,WAAS;OACzDnG,KAAKqG,yBAERvE,EAAA;MAAS+D,KAAI;MAAUC,KAAI;MAAUK,WAAS;OAC3CnG,KAAKsG;IAORtG,KAAAoG,yBAAyB,MAE7BtE,EAAA;MACEC,OAAM;MAA0C,sBAC7B;MACnB6C,KAAMC,KACH7E,KAAKW,2BAA2BkE;MAEnC7C,MAAK;MACLuE,kBAAkBvG,KAAKG,wBAAwB;MAC/CqG,oBAAoBxG,KAAKoB,sCACvB;OAGFU,EAAA;MAA2BC,OAAM;OAC/BD,EAAA;MACE2E,aAAa;MACbC,UAAU;MAAK,eACH;MACZC,iBAAe;MACfC,qBAAoB;MACpBC,MAAMC,EAAOC,YAAYC,QAAQC;MACjClF,OAAM;QAERD,EAAA;MACE2E,aAAa;MACbC,UAAU;MACVG,MAAMC,EAAOC,YAAYC,QAAQC;MACjClF,OAAM;QAERD,EAAA;MACE2E,aAAa;MACbC,UAAU;MACVG,MAAMC,EAAOC,YAAYC,QAAQC;MACjClF,OAAM;QAERD,EAAA;MACEoF,YAAYlH,KAAKkC,iBAAiBiF,UAAUC;MAC5CX,aAAa;MACbI,MAAMC,EAAOC,YAAYC,QAAQC;MACjClF,OAAM;QAERD,EAAA;MACEoF,YAAYlH,KAAKkC,iBAAiBiF,UAAU5E;MAC5CkE,aAAa;MACbI,MAAMC,EAAOC,YAAYC,QAAQC;MACjClF,OAAM;QAERD,EAAA;MACEoF,YAAYlH,KAAKkC,iBAAiBiF,UAAUE;MAC5CZ,aAAa;MACbI,MAAMC,EAAOC,YAAYC,QAAQM;MACjCvF,OAAM;QAERD,EAAA;MACEoF,YAAYlH,KAAKkC,iBAAiBiF,UAAUI;MAC5Cd,aAAa;MACbI,MAAMC,EAAOC,YAAYC,QAAQC;MACjClF,OAAM;QAERD,EAAA;MACEoF,YAAYlH,KAAKkC,iBAAiBiF,UAAUK;MAC5Cf,aAAa;MACbI,MAAMC,EAAOC,YAAYC,QAAQC;MACjClF,OAAM;QAERD,EAAA;MACEoF,YAAYlH,KAAKkC,iBAAiBiF,UAAUM;MAC5ChB,aAAa;MACbI,MAAMC,EAAOC,YAAYC,QAAQC;MACjClF,OAAM;SAGT/B,KAAK0H,WAAW9B,iBAAiB+B,KAAKC,KACrC9F,EAAA;MAAqB+F,OAAOD,EAAIvC;MAAItD,OAAM;OACxCD,EAAA;MAAA,aACY;MAAM;MAEhBC,OAAM;QAERD,EAAA;MAAsBC,OAAM;OAC1BD,EAAA;MAAUgG,KAAKF,EAAIG;MAAUhG,OAAM;SAErCD,EAAA;MAAsBC,OAAM;OACzB/B,KAAKgI,gBAAgBJ,EAAIK,SAE5BnG,EAAA;MAAsBC,OAAM;OACzB6F,EAAIR,OAEPtF,EAAA;MAAsBC,OAAM;OACzB6F,EAAIrF,OAEPT,EAAA;MAAsBC,OAAM;OACzB6F,EAAIP,cAEPvF,EAAA;MAAsBC,OAAM;OACzB,GAAGsB,EAAWuE,EAAIL,gBAErBzF,EAAA;MAAsBC,OAAM;OACzB6F,EAAIJ,SAEP1F,EAAA;MAAsBC,OAAM;OACzB6F,EAAIH;IAQTzH,KAAAqG,uBAAuB,MAE3BvE,EAAA;MACEC,OAAM;MAAc,sBACD;MACnB6C,KAAMC,KACH7E,KAAKa,yBAAyBgE;MAEjC7C,MAAK;MACLuE,kBAAkBvG,KAAKG,wBAAwB;MAC/CqG,oBAAoBxG,KAAKoB,sCACvB;OAGFU,EAAA;MAA2BC,OAAM;OAC/BD,EAAA;MACE2E,aAAa;MACbC,UAAU;MACVG,MAAK;MACL9E,OAAM;QAERD,EAAA;MACEoF,YAAYlH,KAAKkC,iBAAiBiF,UAAUC;MAC5CX,aAAa;MACbI,MAAK;MACL9E,OAAM;QAERD,EAAA;MACEoF,YAAYlH,KAAKkC,iBAAiBiF,UAAU5E;MAC5CkE,aAAa;MACbI,MAAK;MACL9E,OAAM;SAGT/B,KAAK0H,WAAW1B,eAAe2B,KAAKC,KACnC9F,EAAA;MAAqB+F,OAAOD,EAAIvC;MAAItD,OAAM;OACxCD,EAAA;MAAsBC,OAAM;OAC1BD,EAAA;MAAUgG,KAAKF,EAAIG;MAAUhG,OAAM;SAErCD,EAAA;MAAsBC,OAAM;OACzB6F,EAAIR,OAEPtF,EAAA;MAAsBC,OAAM;OACzB6F,EAAIrF;IAQTvC,KAAAsG,gBAAgB,MAEpBxE,EAAA;MACEC,OAAM;MAAmC,sBACtB;MACnB6C,KAAMC,KAAkC7E,KAAKc,kBAAkB+D;MAC/D7C,MAAK;MACLuE,kBAAkBvG,KAAKG,wBAAwB;MAC/CqG,oBAAoBxG,KAAKoB,sCACvB;OAGFU,EAAA;MAA2BC,OAAM;OAC/BD,EAAA;MACE2E,aAAa;MACbC,UAAU;MAAK,eACH;MACZ3E,OAAM;QAERD,EAAA;MACE2E,aAAa;MACbC,UAAU;MACV3E,OAAM;QAERD,EAAA;MACE2E,aAAa;MACbC,UAAU;MACV3E,OAAM;QAERD,EAAA;MACEoF,YAAYlH,KAAKkC,iBAAiBiF,UAAUC;MAC5CX,aAAa;MACb1E,OAAM;QAERD,EAAA;MACEoF,YAAYlH,KAAKkC,iBAAiBiF,UAAU5E;MAC5CkE,aAAa;MACb1E,OAAM;QAERD,EAAA;MACEoF,YAAYlH,KAAKkC,iBAAiBiF,UAAUE;MAC5CZ,aAAa;MACb1E,OAAM;QAERD,EAAA;MACEoF,YAAYlH,KAAKkC,iBAAiBiF,UAAUe;MAC5CzB,aAAa;MACb1E,OAAM;SAGT/B,KAAKmI,iBAAiBR,KAAKC,KAC1B9F,EAAA;MAAqB+F,OAAOD,EAAIvC;MAAItD,OAAM;OACxCD,EAAA;MAAsBC,OAAM;OACzB/B,KAAKoI,iBAAiBR,EAAIS,UAE7BvG,EAAA;MAAsBC,OAAM;OAC1BD,EAAA;MAAUgG,KAAKF,EAAIG;MAAUhG,OAAM;SAErCD,EAAA;MAAsBC,OAAM;OACzB/B,KAAKgI,gBAAgBJ,EAAIK,SAE5BnG,EAAA;MAAsBC,OAAM;OACzB6F,EAAIR,OAEPtF,EAAA;MAAsBC,OAAM;OACzB6F,EAAIrF,OAEPT,EAAA;MAAsBC,OAAM;OACzB6F,EAAIP,cAEPvF,EAAA;MAAsBC,OAAM;OACzB6F,EAAIM,QAEPpG,EAAA,gCACG8F,EAAIU,SAASX,KAAIY;MAChB,IAAIC;MACJ,QAAQD,EAAIhG;OACV,KAAK;QACHiG,IAAU;QACV;;OACF,KAAK;QACHA,IAAU;QACV;;OACF,KAAK;QACHA,IAAU;QACV;;OACF,KAAK;QACHA,IAAU;QACV;;MAEJ,OACE1G,EAAA,sCACEA,EAAA;QAAUS,MAAMiG;SAAiBD,EAAIE;AACR;IAUvCzI,KAAAgI,kBAAmBC;MACzB,IAAI1F;MAEJ,QAAQ0F;OACN,KAAK;QACH1F,IAAO;QACP;;OACF,KAAK;QACHA,IAAO;QACP;;OACF,KAAK;QACHA,IAAO;QACP;;OACF,KAAK;QACHA,IAAO;QACP;;MAEJ,OAAOT,EAAA;QAAUC,OAAM;QAAU+F,KAAKvF;;AAAiB;IAGjDvC,KAAAoI,mBAAoBC;MAC1B,IAAI9F;MACJ,IAAImG;MACJ,QAAQL;OACN,KAAK;QACH9F,IAAO;QACPmG,IAAQ;QACR;;OACF,KAAK;QACHnG,IAAO;QACPmG,IAAQ;QACR;;OACF,KAAK;QACHnG,IAAO;QACPmG,IAAQ;QACR;;OACF,KAAK;QACHnG,IAAO;QACPmG,IAAQ;QACR;;MAEJ,OAAO5G,EAAA;QAAUS,MAAMA;QAAMmG,OAAOA;;AAAkB;IAGhD1I,KAAAgF,WAAW3E;MACjB,MAAMsI,IAAuB;QAC3BhE,SAAS3E,KAAK4I,aAAa5I,KAAK8E,gBAAgBjB,QAAQ;QACxDtB,MAAMvC,KAAK4I,aAAa5I,KAAKmF,aAAatB,QAAQ;;;YAGpD7D,KAAK6I,YAAY;MACjB7I,KAAK0H,mBAAmB1H,KAAK8I,aAAaH;MAC1C3I,KAAK6I,YAAY;MACjB,KAAK7I,KAAKC,yBAAyB;;QAEjCD,KAAKC,0BAA0B;;;IAI3BD,KAAA+I,SAAS1I;MACf,IAAIL,KAAKgJ,gBAAgB;QACvB,MAAMC,UACEjJ,KAAKW,yBAAyBuI;QACtClJ,KAAKgJ,eAAeC,GAAwBE,MACzChB;UACCnI,KAAKmI,mBAAmBA;UACxBnI,KAAKkG,sBAAsBkD;AAAgB;;;IAM3CpJ,KAAAgE,eAAe;MACrB,IAAIhE,KAAKqJ,sBAAsB;QAC7BrJ,KAAKqJ,uBAAuBF,MAAKG;UAC/B,IAAIA,GAAY;YACdtJ,KAAK4D,kBAAkB0F;;;;;IAMvBtJ,KAAAqE,gBAAgB;MACtB,IAAIrE,KAAKuJ,uBAAuB;QAC9BvJ,KAAKuJ,wBAAwBJ,MAAKK;UAChCxJ,KAAKmE,oBAAoBqF;AAAY;;;IAKnCxJ,KAAAyJ,4CAA4CpJ,MAClDqJ;;MAGA1J,KAAKW,yBAAyBgJ,oBAC5B,qBACA3J,KAAKyJ;MAEP,IAAIzJ,KAAKW,0BAA0B;QACjC,MAAMiJ,IAAeF,EAAE1I,OAAO6I;QAC9B,MAAMC,IAAgBJ,EAAE1I,OAAO8I;QAC/B,MAAMC,UAAiC/J,KAAKgK,4BAA4B;UACtEC,cAAcL;UACdM,gBAAgBJ;;QAElB,IAAIC,MAA6BjH,WAAW;;gBAEpC9C,KAAKmK,+BAA+BP,GAAcE;eACnD;gBACC9J,KAAKoK,+BAA+BL;;QAE5C/J,KAAKW,yBAAyB0J,iBAC5B,qBACArK,KAAKyJ;;MAGTzJ,KAAKW,yBAAyB0J,iBAC5B,qBACArK,KAAKyJ;AACN;IAGKzJ,KAAAoK,iCAAiC/J,MACvCiK;MAEA,IAAItK,KAAKW,0BAA0B;QACjC,MAAM4J,IAAyBD,EAAcC;QAC7C,MAAMC,IAA2BF,EAAcE;;gBAE/C,KAAK,MAAMC,KAASF,GAAc;gBAC1BvK,KAAKW,yBAAyB+J,QAAQD,GAAO;;;gBAGrD,KAAK,MAAMA,KAASD,GAAgB;gBAC5BxK,KAAKW,yBAAyB+J,QAAQD,GAAO;;;;IAKjDzK,KAAAmK,iCAAiC9J,OACvCuJ,GACAE;MAEA,IAAI9J,KAAKW,0BAA0B;QACjC,KAAK,MAAM8J,KAASb,GAAc;gBAC1B5J,KAAKW,yBAAyB+J,QAAQD,GAAO;;QAErD,KAAK,MAAMA,KAASX,GAAe;gBAC3B9J,KAAKW,yBAAyB+J,QAAQD,GAAO;;;;qBA50BpC;2BAKM;mBAK2B;6BAKjB3H;sBAKf;sBAKY;MAChC8C,kBAAkB;MAClBI,gBAAgB;;4BAM8B;wBAOhB;;;;;;;;;;;;;;;EA4EhC,uBAAM2E;IACJ3K,KAAKkC,yBAAyB0I,EAAOC,oBAAoB7K,KAAK6E;IAC9D7E,KAAK8K,sBAAsBC,KAAK;;EAGlC,sBAAMC;UACEhL,KAAKgF;IACXhF,KAAK8E,gBAAgBmG;;EAGvB,wBAAMC;IACJ,KAAKlL,KAAKE,mBAAmB;MAC3BF,KAAKmL,4BAA4BJ,KAC/B/K,KAAKkC,iBAAiBkJ;MAExBpL,KAAKE,oBAAoB;;IAG3B,IAAIF,KAAKC,yBAAyB;;YAE1BD,KAAKkB;;YAEXlB,KAAKW,yBAAyB0J,iBAC5B,qBACArK,KAAKyJ;MAEPzJ,KAAKC,0BAA0B;;;;;;;;EAWnC,YAAMoL;IACJrL,KAAKgF;;;EAyrBP,MAAAsG;IACE,OACExJ,EAACyJ,GAAI;MAACxJ,OAAM;OACVD,EAAA;MAAU0J,OAAO1L;QACjBgC,EAAA;MAAKC,OAAM;OACTD,EAAA;MACE0D,kBAAgB;MAChBlD,kBAAgB;MAChBmJ,eAAe3E,EAAO4E,eAAeD;MACrCxJ,gBACEjC,KAAK2L,eAAe3L,KAAKkC,iBAAiBkJ,gBAAgB;OAG3DpL,KAAK6B,iBACL7B,KAAKwE,gBACLxE,KAAKuF,cAENzD,EAAA;MACEuD,IAAG;MACH9C,MAAK;MACLQ,SAAS/C,KAAK+I;MACd/G,MAAK;MACLiD,UAAUjF,KAAK6I;MACfpD,MAAK;OAEJzF,KAAKkC,iBAAiB0J,OAAOC"}

package/dist/genexus-ide-ui/p-80c1ddc3.entry.js

@@ -0,0 +1,218 @@
+import { r as e, h as t, H as s, a as i } from "./p-25a9f1d7.js";
+
+import { L as o } from "./p-311eedf3.js";
+
+import { v as n } from "./p-289c3290.js";
+
+import { c as a } from "./p-13738332.js";
+
+const c = ":host{display:grid;block-size:100%;grid-template-rows:1fr max-content}.field-group{grid-auto-rows:max-content}.main{overflow:auto}.section{display:contents}.tooltip{position:absolute}";
+
+var r = undefined && undefined.__classPrivateFieldGet || function(e, t, s, i) {
+  if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? i : s === "a" ? i.call(e) : i ? i.value : t.get(e);
+};
+
+var l = undefined && undefined.__classPrivateFieldSet || function(e, t, s, i, o) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "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 i === "a" ? o.call(e, s) : o ? o.value = s : t.set(e, s), s;
+};
+
+var h, d, f, p, u, v, w, m, b;
+
+const k = [ "resets/box-sizing", "utils/form", "utils/spacing", "utils/layout", "chameleon/scrollbar", "components/checkbox", "components/button", "components/edit", "components/tooltip" ];
+
+// ch-checkbox
+const y = "on";
+
+const g = "set-new-version-as-active";
+
+const x = "create-linked-local-version";
+
+const M = "create-as-protected-version";
+
+const W = class {
+  constructor(s) {
+    e(this, s);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        h.set(this, void 0);
+    d.set(this, void 0);
+    f.set(this, (e => {
+      const t = e.target;
+      if (t.id === g) {
+        this.setNewVersionAsActive = e.detail === y;
+      } else if (t.id === x) {
+        this.createLinkedLocalVersion = e.detail === y;
+      } else if (t.id === M) {
+        this.createAsProtectedVersion = e.detail === y;
+      }
+    }));
+    p.set(this, (e => {
+      this.versionName = e.detail;
+    }));
+    u.set(this, (e => {
+      this.versionDescription = e.detail;
+    }));
+    v.set(this, (async () => {
+      this.cancelCallback();
+    }));
+    w.set(this, (async () => {
+      const e = {
+        versionName: this.versionName,
+        versionDescription: this.versionDescription,
+        setNewVersionAsActive: this.setNewVersionAsActive,
+        createLocalLinkedVersion: this.createLinkedLocalVersion,
+        createProtectedVersion: this.createAsProtectedVersion
+      };
+      const t = await this.createCallback(e);
+      this.validatableControls = n(t, this.validatableControls);
+    }));
+    m.set(this, (() => {
+      // populate validatableControls with the controls that could have errors.
+      const e = [ r(this, d, "f") ];
+      e.forEach((e => {
+        if (e.id) {
+          this.validatableControls.set(e.id, {
+            reference: e,
+            hasError: false,
+            message: undefined
+          });
+        }
+      }));
+    }));
+    // TODO: evaluate if this should be a global helper function.
+    // It is used on other dialogs as well.
+        b.set(this, (e => {
+      var s, i, o;
+      return ((i = (s = this.validatableControls) === null || s === void 0 ? void 0 : s.get(e === null || e === void 0 ? void 0 : e.id)) === null || i === void 0 ? void 0 : i.hasError) && ((o = this.validatableControls.get(e.id)) === null || o === void 0 ? void 0 : o.message) && t("ch-tooltip", {
+        class: "tooltip",
+        actionElement: e,
+        blockAlign: a.tooltipSettings.blockAlign,
+        inlineAlign: a.tooltipSettings.inlineAlign,
+        delay: a.tooltipSettings.delay
+      }, this.validatableControls.get(e.id).message);
+    }));
+    this.versionName = undefined;
+    this.versionDescription = undefined;
+    this.setNewVersionAsActive = false;
+    this.createLinkedLocalVersion = false;
+    this.createAsProtectedVersion = false;
+    this.validatableControls = new Map;
+    this.isRemoteOperation = false;
+    this.isFreezeOperation = false;
+    this.showLinkedLocalVersionCheckbox = false;
+    this.cancelCallback = undefined;
+    this.createCallback = undefined;
+    this.defaultInputValues = undefined;
+  }
+  defaultInputValuesChanged(e) {
+    this.versionName = e === null || e === void 0 ? void 0 : e.versionName;
+    this.versionDescription = e === null || e === void 0 ? void 0 : e.versionDescription;
+  }
+  async componentWillLoad() {
+    l(this, h, await o.getComponentStrings(this.el), "f");
+    this.defaultInputValuesChanged(this.defaultInputValues);
+  }
+  componentDidLoad() {
+    r(this, m, "f").call(this);
+  }
+  render() {
+    const e = !this.versionName || this.versionName.length === 0;
+    return t(s, {
+      class: "widget"
+    }, t("ch-theme", {
+      model: k
+    }), t("section", {
+      class: "section"
+    }, t("div", {
+      class: "main scrollable field-group spacing-body"
+    }, t("div", {
+      class: "field field-block"
+    }, t("label", {
+      class: "label",
+      htmlFor: "version-name"
+    }, r(this, h, "f").labels.name), t("ch-edit", {
+      type: "text",
+      id: "version-name",
+      class: "input",
+      placeholder: r(this, h, "f").placeHolders.name,
+      value: this.versionName,
+      onInput: r(this, p, "f"),
+      ref: e => l(this, d, e, "f")
+    }), r(this, b, "f").call(this, r(this, d, "f"))), t("div", {
+      class: "field field-block"
+    }, t("label", {
+      class: "label",
+      htmlFor: "version-description"
+    }, r(this, h, "f").labels.description), t("ch-edit", {
+      type: "text",
+      id: "version-description",
+      class: "input",
+      placeholder: r(this, h, "f").placeHolders.description,
+      value: this.versionDescription,
+      onInput: r(this, u, "f")
+    })), !this.isRemoteOperation ? t("div", {
+      class: "field field-inline"
+    }, t("ch-checkbox", {
+      class: "checkbox",
+      id: "set-new-version-as-active",
+      checkedValue: y,
+      onInput: r(this, f, "f"),
+      caption: r(this, h, "f").labels.setActive
+    })) : t("div", {
+      class: "layout layout--cols-2"
+    }, this.showLinkedLocalVersionCheckbox && t("div", {
+      class: "layout__panel"
+    }, t("ch-checkbox", {
+      class: "checkbox",
+      id: "create-linked-local-version",
+      checkedValue: y,
+      onInput: r(this, f, "f"),
+      caption: r(this, h, "f").labels.createLinkedLocalVersion
+    })), !this.isFreezeOperation && t("div", {
+      class: "layout__panel"
+    }, t("ch-checkbox", {
+      class: "checkbox",
+      id: "create-as-protected-version",
+      checkedValue: y,
+      onInput: r(this, f, "f"),
+      caption: r(this, h, "f").labels.createAsProtectedVersion
+    })))), t("footer", {
+      class: "control-footer-with-border spacing-body"
+    }, t("div", {
+      class: "buttons-spacer"
+    }, t("button", {
+      class: "button-secondary",
+      onClick: r(this, v, "f")
+    }, r(this, h, "f").buttons.cancel), t("button", {
+      class: "button-primary",
+      onClick: r(this, w, "f"),
+      disabled: e
+    }, r(this, h, "f").buttons.create)))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/new-version" ];
+  }
+  get el() {
+    return i(this);
+  }
+  static get watchers() {
+    return {
+      defaultInputValues: [ "defaultInputValuesChanged" ]
+    };
+  }
+};
+
+h = new WeakMap, d = new WeakMap, f = new WeakMap, p = new WeakMap, u = new WeakMap, 
+v = new WeakMap, w = new WeakMap, m = new WeakMap, b = new WeakMap;
+
+W.style = c;
+
+export { W as gx_ide_new_version };
+//# sourceMappingURL=p-80c1ddc3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["newVersionCss","CSS_BUNDLES","CHECKED_VALUE","SET_NEW_VERSION_AS_ACTIVE_ID","CREATE_LINKED_LOCAL_VERSION_ID","CREATE_AS_PROTECTED_VERSION_ID","GxIdeNewVersion","_GxIdeNewVersion_componentLocale","set","this","_GxIdeNewVersion_versionNameEl","_GxIdeNewVersion_handleCheckBoxValueChange","event","target","id","setNewVersionAsActive","detail","createLinkedLocalVersion","createAsProtectedVersion","_GxIdeNewVersion_handleNameValueChange","versionName","_GxIdeNewVersion_handleDescriptionValueChange","versionDescription","_GxIdeNewVersion_cancelClickHandler","async","cancelCallback","_GxIdeNewVersion_createClickHandler","newVersionData","createLocalLinkedVersion","createProtectedVersion","formSubmitResult","createCallback","validatableControls","validateControls","_GxIdeNewVersion_initializeValidatableControls","__classPrivateFieldGet","forEach","validatableControl","reference","hasError","message","undefined","_GxIdeNewVersion_evaluateTooltipRender","controlReference","_b","_a","get","_c","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","Map","defaultInputValuesChanged","newDefaultInputValues","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","defaultInputValues","componentDidLoad","call","render","createButtonDisabled","length","Host","model","htmlFor","labels","name","type","placeholder","placeHolders","value","onInput","ref","description","isRemoteOperation","checkedValue","caption","setActive","showLinkedLocalVersionCheckbox","isFreezeOperation","onClick","buttons","cancel","disabled","create"],"sources":["src/components/new-version/new-version.scss?tag=gx-ide-new-version&encapsulation=shadow","src/components/new-version/new-version.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: 1fr max-content;\n}\n\n.field-group {\n  grid-auto-rows: max-content;\n}\n\n.main {\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n.tooltip {\n  position: absolute;\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\nimport { ChCheckboxCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { FormSubmitResult } from \"../../components\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../common/form-validation\";\nimport { config } from \"../../common/config\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"chameleon/scrollbar\",\n  \"components/checkbox\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/tooltip\"\n];\n\n// ch-checkbox\nconst CHECKED_VALUE = \"on\";\nconst SET_NEW_VERSION_AS_ACTIVE_ID = \"set-new-version-as-active\";\nconst CREATE_LINKED_LOCAL_VERSION_ID = \"create-linked-local-version\";\nconst CREATE_AS_PROTECTED_VERSION_ID = \"create-as-protected-version\";\n\n@Component({\n  tag: \"gx-ide-new-version\",\n  styleUrl: \"new-version.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/new-version\"]\n})\nexport class GxIdeNewVersion {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  #versionNameEl!: HTMLChEditElement;\n\n  @Element() el: HTMLGxIdeNewVersionElement;\n\n  /**\n   * The version selected name\n   */\n  @State() versionName: string;\n\n  /**\n   * The version selected description\n   */\n  @State() versionDescription: string;\n\n  /**\n   * Checkbox value to set the new version as active\n   */\n  @State() setNewVersionAsActive: boolean = false;\n\n  /**\n   * Checkbox value to create new remote version linked to the local version\n   */\n  @State() createLinkedLocalVersion: boolean = false;\n\n  /**\n   * Checkbox value to create new remote version as protected version\n   */\n  @State() createAsProtectedVersion: boolean = false;\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * Indicates if the component is going to be used to create a new remote version\n   */\n  @Prop() readonly isRemoteOperation: boolean = false;\n\n  /**\n   * Indicates if the component is going to be used to create a new remote frozen version\n   */\n  @Prop() readonly isFreezeOperation: boolean = false;\n\n  /**\n   * Indicates if the component must show the checkbox to create a linked local version\n   */\n  @Prop() readonly showLinkedLocalVersionCheckbox: boolean = false;\n\n  /**\n   * Callback that must be invoked when the 'Cancel' button is pressed.\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Create' button is pressed.\n   */\n  @Prop() readonly createCallback: (\n    newVersionData: NewVersionData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * This property is used to set the initial values of the input fields when the component is loaded.\n   */\n  @Prop() readonly defaultInputValues: NewVersionData;\n  @Watch(\"defaultInputValues\")\n  defaultInputValuesChanged(newDefaultInputValues: NewVersionData) {\n    this.versionName = newDefaultInputValues?.versionName;\n    this.versionDescription = newDefaultInputValues?.versionDescription;\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.defaultInputValuesChanged(this.defaultInputValues);\n  }\n\n  componentDidLoad() {\n    this.#initializeValidatableControls();\n  }\n\n  #handleCheckBoxValueChange = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    const target = event.target as HTMLInputElement;\n    if (target.id === SET_NEW_VERSION_AS_ACTIVE_ID) {\n      this.setNewVersionAsActive = event.detail === CHECKED_VALUE;\n    } else if (target.id === CREATE_LINKED_LOCAL_VERSION_ID) {\n      this.createLinkedLocalVersion = event.detail === CHECKED_VALUE;\n    } else if (target.id === CREATE_AS_PROTECTED_VERSION_ID) {\n      this.createAsProtectedVersion = event.detail === CHECKED_VALUE;\n    }\n  };\n\n  #handleNameValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.versionName = event.detail as string;\n  };\n\n  #handleDescriptionValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.versionDescription = event.detail as string;\n  };\n\n  #cancelClickHandler = async () => {\n    this.cancelCallback();\n  };\n\n  #createClickHandler = async () => {\n    const newVersionData: NewVersionData = {\n      versionName: this.versionName,\n      versionDescription: this.versionDescription,\n      setNewVersionAsActive: this.setNewVersionAsActive,\n      createLocalLinkedVersion: this.createLinkedLocalVersion,\n      createProtectedVersion: this.createAsProtectedVersion\n    };\n    const formSubmitResult = await this.createCallback(newVersionData);\n    this.validatableControls = validateControls(\n      formSubmitResult,\n      this.validatableControls\n    );\n  };\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#versionNameEl];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  render() {\n    const createButtonDisabled =\n      !this.versionName || this.versionName.length === 0;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <div class=\"main scrollable field-group spacing-body\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"version-name\">\n                {this.#componentLocale.labels.name}\n              </label>\n              <ch-edit\n                type=\"text\"\n                id=\"version-name\"\n                class=\"input\"\n                placeholder={this.#componentLocale.placeHolders.name}\n                value={this.versionName}\n                onInput={this.#handleNameValueChange}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#versionNameEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#versionNameEl)}\n            </div>\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"version-description\">\n                {this.#componentLocale.labels.description}\n              </label>\n              <ch-edit\n                type=\"text\"\n                id=\"version-description\"\n                class=\"input\"\n                placeholder={this.#componentLocale.placeHolders.description}\n                value={this.versionDescription}\n                onInput={this.#handleDescriptionValueChange}\n              ></ch-edit>\n            </div>\n            {!this.isRemoteOperation ? (\n              <div class=\"field field-inline\">\n                <ch-checkbox\n                  class=\"checkbox\"\n                  id=\"set-new-version-as-active\"\n                  checkedValue={CHECKED_VALUE}\n                  onInput={this.#handleCheckBoxValueChange}\n                  caption={this.#componentLocale.labels.setActive}\n                ></ch-checkbox>\n              </div>\n            ) : (\n              <div class=\"layout layout--cols-2\">\n                {this.showLinkedLocalVersionCheckbox && (\n                  <div class=\"layout__panel\">\n                    <ch-checkbox\n                      class=\"checkbox\"\n                      id=\"create-linked-local-version\"\n                      checkedValue={CHECKED_VALUE}\n                      onInput={this.#handleCheckBoxValueChange}\n                      caption={\n                        this.#componentLocale.labels.createLinkedLocalVersion\n                      }\n                    ></ch-checkbox>\n                  </div>\n                )}\n                {!this.isFreezeOperation && (\n                  <div class=\"layout__panel\">\n                    <ch-checkbox\n                      class=\"checkbox\"\n                      id=\"create-as-protected-version\"\n                      checkedValue={CHECKED_VALUE}\n                      onInput={this.#handleCheckBoxValueChange}\n                      caption={\n                        this.#componentLocale.labels.createAsProtectedVersion\n                      }\n                    ></ch-checkbox>\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n\n          <footer class=\"control-footer-with-border spacing-body\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                onClick={this.#cancelClickHandler}\n              >\n                {this.#componentLocale.buttons.cancel}\n              </button>\n\n              <button\n                class=\"button-primary\"\n                onClick={this.#createClickHandler}\n                disabled={createButtonDisabled}\n              >\n                {this.#componentLocale.buttons.create}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type NewVersionData = {\n  versionName: string;\n  versionDescription: string;\n  setNewVersionAsActive?: boolean;\n  createLocalLinkedVersion?: boolean;\n  createProtectedVersion?: boolean;\n};\n"],"mappings":"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"}