@genexus/genexus-ide-ui 1.1.67 → 1.1.69

package/dist/genexus-ide-ui/{p-9285b6db.entry.js → p-972dc777.entry.js}

@@ -140,7 +140,6 @@ const ne = class {
       g(this, O, "f").call(this, true);
     }));
     k.set(this, (async e => {
-      f(this, _, false, "f");
       this.updating = true;
       e.forEach((e => {
         this.objectsStatusMap.set(e, "updating");
@@ -302,17 +301,24 @@ const ne = class {
       }
     }));
     S.set(this, (async e => {
+      f(this, _, false, "f");
       const t = e.detail.addedRowsId;
       const n = e.detail.removedRowsId;
-      const i = await this.pendingItemsCheckedCallback({
-        itemsChecked: t,
-        itemsUnchecked: n
-      });
-      if (i === undefined) {
-        // undo check/uncheck
-        await g(this, L, "f").call(this, t, n);
-      } else {
-        await g(this, P, "f").call(this, i);
+      try {
+        const e = await this.pendingItemsCheckedCallback({
+          itemsChecked: t,
+          itemsUnchecked: n
+        });
+        if (e === undefined) {
+          // undo check/uncheck
+          await g(this, L, "f").call(this, t, n);
+        } else {
+          await g(this, P, "f").call(this, e);
+        }
+      } catch (e) {
+        //catch exception if necessary
+      } finally {
+        f(this, _, true, "f");
       }
     }));
     W.set(this, (e => {
@@ -810,4 +816,4 @@ D = new WeakMap;
 ne.style = u;
 
 export { ne as gx_ide_team_dev_update };
-//# sourceMappingURL=p-9285b6db.entry.js.map
+//# sourceMappingURL=p-972dc777.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapObjectTypeToComboBoxItemModel","objectTypeModel","map","objectType","value","id","caption","name","startImgSrc","icon","updateCss","CSS_BUNDLES","CHECKBOX_CHECKED_VALUE","CHECKBOX_UNCHECKED_VALUE","DETAIL_LABEL_CLASSES","ADD_ICON","getIconPath","category","colorType","EDITED_ICON","FILTER_ICON","SEARCH_ICON","SUBSTRACT_ICON","WARNING_ICON","ERROR_ICON","SUCCESS_ICON","INFO_ICON","REFRESH_ICON","GxIdeTeamDevUpdate","_GxIdeTeamDevUpdate_componentLocale","set","this","_GxIdeTeamDevUpdate_actionsComboBoxModel","_GxIdeTeamDevUpdate_rowCheckedChangedByTheUser","_GxIdeTeamDevUpdate_chGridPendingForUpdateEl","_GxIdeTeamDevUpdate_updateCheckedClickedHandler","async","__classPrivateFieldGet","_GxIdeTeamDevUpdate_updateObjectsHandler","call","markedObjectsSet","_GxIdeTeamDevUpdate_reloadClickedHandler","_GxIdeTeamDevUpdate_loadData","selection","updating","forEach","itemToUpdate","objectsStatusMap","updateResult","updateCallback","objectResult","messages","length","objectsMessagesDataMap","delete","result","alreadyUpdatedObjectsIdsSet","Set","add","markRow","_GxIdeTeamDevUpdate_renderActionCellContent","action","iconColor","actions","insert","modify","modifyWithConflicts","h","class","type","src","style","backgroundColor","_GxIdeTeamDevUpdate_updateSingleObject","objectId","newobjectsStatusMap","Map","_GxIdeTeamDevUpdate_renderObjectStatus","status","get","updatePillAsButton","update","classes","onClick","_GxIdeTeamDevUpdate_renderRows","objects","pendingObjectsAfterActionFilter","ignoredObjectsAfterActionFilter","object","typeIcon","alreadyUpdated","has","hideCheckbox","marked","key","rowid","ref","el","setAttribute","size","renderObjectTypeWithIcon","description","formatDate","modifiedOn","message","MESSAGE_ICON","text","_GxIdeTeamDevUpdate_rowMarkingChangedHandler","event","markedRowsIds","detail","rowsId","filter","markedObjectId","_GxIdeTeamDevUpdate_updatePendingCheckedItems","__classPrivateFieldSet","addedRowsIds","addedRowsId","removedRowsId","pendingItemCheckedResult","pendingItemsCheckedCallback","itemsChecked","itemsUnchecked","undefined","_GxIdeTeamDevUpdate_revertPendingCommitsCheckboxes","_GxIdeTeamDevUpdate_togglePendingCommitsCheckboxes","_a","_GxIdeTeamDevUpdate_searchInputHandler","searchValue","_GxIdeTeamDevUpdate_actionChangedHandler","selectedAction","_GxIdeTeamDevUpdate_typeChangedHandler","selectedType","_GxIdeTeamDevUpdate_setInitialObjectsStatus","pendingAndIgnored","pendingForUpdate","pendingObject","ignoredObjects","ignoredObject","forceLoad","filters","search","kbProperties","kbPropertiesChecked","loading","clear","loadCallback","_GxIdeTeamDevUpdate_markPendingObjects","error","pendingId","pendingIdsSet","_GxIdeTeamDevUpdate_applyClientFilter","_GxIdeTeamDevUpdate_onRowContextMenuHandler","ev","preventDefault","stopPropagation","getSelectedRows","selectedRowId","getSelectedCell","rowId","source","filteredSelection","ignoredIdsSet","selectRow","push","contextMenuCallback","clientX","clientY","itemsToToggle","itemsToCheck","itemsToUncheck","_GxIdeTeamDevUpdate_kbPropertiesChangedHandler","_GxIdeTeamDevUpdate_sortTabularGridColumnCallback","e","columnId","objectProperty","dateType","COLUMNS_IDS","lastSynchronized","sortTabularGridColumn","_GxIdeTeamDevUpdate_columnSelectorClickedCallback","allRowsChecked","getMarkedRows","ignoredMarkedRowsIds","uncheckIgnoredObjects","markedObjectsSetChanged","newMarkedObjectsSet","atLeastOneObjectIsChecked","alreadyUpdatedObjectsIdsSetChanged","newUpdatedObjectsIdsSet","pendingIdsSetAndUpdatedIdsSetAreEqual","areSetsEqual","allPendingAreUpdated","objectsStatusMapChanged","newObjectsStatusMap","someObjectIsUpdating","entries","find","state","pendingAndIgnoredChanged","pending","ignored","componentWillLoad","Locale","getComponentStrings","allActions","types","typesComboBoxModel","componentDidLoad","reload","disableUpdate","isUpdateDisabled","render","disableControls","gridIsEmpty","Host","model","commitDetail","title","genexusServer","openServerCallback","updateFrom","serverUrl","knowledgeBase","kbName","version","versionName","lastFullUpdate","disabled","accessibleName","searchAccessibleName","placeholder","searchPlaceholder","onInput","debounce","config","inputDebounce","typeAccesibleName","typePlaceholder","actionAccesibleName","actionPlaceholder","checkedValue","keyboardNavigationMode","rowSelectionMode","onRowMarkingChanged","onRowContextMenu","columnName","columnType","richRowSelector","richRowSelectorMode","settingable","sortable","onColumnSortChanged","onColumnSelectorClicked","tabularGrid","colSize","isAnimated","stateIconSrc","stateTitle","cancelLabel","loader","loaderTitle","show"],"sources":["src/components/team-dev/version-control/common/object-type-to-combo-box.ts","src/components/team-dev/update/update.scss?tag=gx-ide-team-dev-update&encapsulation=shadow","src/components/team-dev/update/update.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { ObjectType } from \"../../../../components\";\n\nexport const mapObjectTypeToComboBoxItemModel = (\n  objectTypeModel: ObjectType[]\n): ComboBoxModel =>\n  objectTypeModel.map(objectType => ({\n    value: objectType.id,\n    caption: objectType.name,\n    startImgSrc: objectType.icon\n  }));\n","@import \"../common/styles.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n:host {\n  --pill-border-radius: 12px;\n  --pill-padding-inline: 8px;\n  --pill-padding-block: 2px;\n  --pill-font-size: var(--font-size-body-s);\n\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content max-content 1fr;\n}\n$header-item-common-inline-padding: 24px;\n$header-item-common-separator-border: 1px solid\n  var(--mer-border-color__on-elevation--01);\n\n%header-item-common {\n  padding-inline: $header-item-common-inline-padding;\n  border-inline-end: $header-item-common-separator-border;\n}\n%header-item-common-start {\n  padding-inline-end: $header-item-common-inline-padding;\n  border-inline-end: $header-item-common-separator-border;\n}\n%header-item-common-end {\n  padding-inline-start: $header-item-common-inline-padding;\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n}\n\n// header detail\n.header__detail {\n  display: grid;\n  row-gap: var(--mer-spacing--md);\n  grid-auto-columns: max-content;\n  grid-auto-rows: max-content;\n  grid-template-areas:\n    \"detail-heading-gx . . .\"\n    \"detail-genexus-server detail-knowledge-base detail-version detail-last-full-update\";\n}\n.detail__label {\n  color: var(--mer-color__neutral-gray--400);\n}\n\n.detail__heading-genexus-server {\n  grid-area: detail-heading-gx;\n}\n.detail__genexus-server {\n  grid-area: detail-genexus-server;\n  @extend %header-item-common-start;\n\n  > a {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}\n.detail__link {\n  align-items: start;\n  color: var(--mer-text__primary);\n  text-decoration: underline;\n  &:hover {\n    color: var(--mer-text__primary--hover);\n  }\n  &:active {\n    color: var(--mer-text__primary--active);\n  }\n}\n.detail__knowledge-base {\n  grid-area: detail-knowledge-base;\n  @extend %header-item-common;\n}\n.detail__version {\n  grid-area: detail-version;\n  @extend %header-item-common;\n}\n.detail__last-full-update {\n  grid-area: detail-last-full-update;\n  @extend %header-item-common-end;\n}\n\n// filter\n.filter-container {\n  container-type: inline-size;\n  box-sizing: border-box;\n}\n.filter {\n  display: grid;\n  margin-block-start: var(--mer-spacing--lg);\n  grid-template-areas: \"filter-search filter-types filter-actions filter-kb-properties filter-buttons\";\n  grid-template-columns: 200px 200px 200px max-content 1fr;\n  gap: 12px;\n}\n@container (max-width: 1100px) {\n  .filter-container > .filter {\n    grid-template-columns: 200px 200px 200px 1fr;\n    grid-template-areas:\n      \"filter-search filter-types filter-actions filter-buttons\"\n      \"filter-kb-properties . . .\";\n    grid-auto-rows: max-content;\n  }\n}\n@container (max-width: 900px) {\n  .filter-container > .filter {\n    grid-template-columns: 1fr 1fr 1fr;\n    grid-template-areas:\n      \"filter-search filter-types filter-actions\"\n      \"filter-kb-properties filter-buttons filter-buttons\";\n    grid-auto-rows: max-content;\n  }\n}\n.filter__search {\n  grid-area: filter-search;\n}\n.filter__types {\n  grid-area: filter-types;\n}\n.filter__actions {\n  grid-area: filter-actions;\n}\n.filter__kb-properties {\n  grid-area: filter-kb-properties;\n}\n.filter__buttons {\n  margin-inline-start: auto;\n  grid-area: filter-buttons;\n}\n\n// main\n.main {\n  position: relative;\n  display: grid;\n  overflow: auto;\n}\n.loader {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-block-start: 0;\n}\n.tabular-grid {\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.empty-state {\n  block-size: 100%;\n}\n.loader {\n  --elevation-background-color: var(--mer-surface__elevation--01);\n}\n\n.messages-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  max-inline-size: 800px;\n  padding: 8px 0;\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--mer-spacing--3xs);\n}\n.message-description {\n  line-height: 1.5; // WA. Line height looks too tight.\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.message-icon {\n  flex-shrink: 0;\n}\n\n.tabular-grid.empty-result::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\n\n// - - - - - - - - - - - - - -\n// WA (WORK AROUNDS)\n// - - - - - - - - - - - - - -\n\n.input-comments-container {\n  position: relative;\n}\n// ch-edit for comments WA's\n// Figma design for this component displays the textarea witout border, and with a little more line-height.\n// The following styles are a temporary WA that should be brouhgt to Mercury DS.\n.input-comments {\n  --control__border-color: transparent;\n  padding-block: 0 !important;\n  padding-inline: 0 !important;\n  --line-height-tight: 1.4;\n  block-size: 100%;\n  background-color: var(--mer-surface);\n  transition:\n    var(--mer-timing--super-fast) block-size,\n    var(--mer-timing--super-fast) background-color,\n    var(--mer-timing--super-fast) padding-block,\n    var(--mer-timing--super-fast) padding-inline;\n}\n.input-comments:focus {\n  position: absolute;\n  block-size: 200px;\n  inline-size: 100%;\n  z-index: 99;\n  background-color: var(--mer-surface__elevation--01);\n  padding-block: var(--control__padding-block) !important;\n  padding-inline: var(--control__padding-inline) !important;\n}\n\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  background-size: contain; //force icon fit container\n  margin-inline-end: 0;\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--enabled);\n  cursor: pointer;\n  &:hover {\n    --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--hover);\n  }\n  &:active {\n    --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--active);\n  }\n}\n\n.tabular-grid-row-actions::part(main),\n.property-grid-row-actions::part(main) {\n  // gap not required since buttons are tertiary.\n  // extra space perceived.\n  gap: 0 !important;\n}\n\n.tabular-grid-row-actions {\n  // Butons are center by default, but design dictates start alignemnt\n  > button {\n    justify-content: start;\n  }\n}\n\n// These static type of pills do not exist on Mercury yet.\n// They should be defined on Mercury. The actual pills on Mercury\n// are combo-boxes. Not what we need for this case.\n\n.pill {\n  --pill-background-color: transparent;\n  --pill-color: transparent;\n  --pill-border-color: transparent;\n\n  background-color: var(--pill-background-color);\n  color: var(--pill-color);\n  border: 1px solid var(--pill-border-color);\n  inline-size: 100%;\n  padding: var(--pill-padding-block) var(--pill-padding-inline);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--pill-border-radius);\n  position: relative;\n  font-weight: var(--font-weight-semi-bold);\n\n  &--update,\n  &--pending {\n    --pill-background-color: var();\n    --pill-color: var(--mer-color__neutral-gray--400);\n    --pill-border-color: var();\n  }\n  &--to-merge-marked {\n    --pill-background-color: var();\n    --pill-color: var(--mer-border-color__primary);\n    --pill-border-color: var();\n  }\n  &--ignored {\n    --pill-background-color: var(--mer-surface__elevation--02);\n    --pill-color: var(--mer-text__on-disabled);\n    --pill-border-color: var(--mer-border-color__primary--disabled);\n  }\n  &--pending {\n    --pill-background-color: var(--mer-color__tinted-primary--8);\n    --pill-color: var(--mer-border-color__primary);\n    --pill-border-color: var(--mer-color__tinted-primary--50);\n  }\n  &--warning {\n    --pill-background-color: var(--mer-color__tinted-yellow--5);\n    --pill-color: var(--mer-border-color__warning);\n    --pill-border-color: var(--mer-color__tinted-yellow--60);\n  }\n  &--error {\n    --pill-background-color: var(--mer-color__tinted-red--5);\n    --pill-color: var(--mer-border-color__error);\n    --pill-border-color: var(--mer-color__tinted-red--60);\n  }\n  &--updated {\n    --pill-background-color: var(--mer-color__tinted-green--5);\n    --pill-color: var(--mer-border-color__success);\n    --pill-border-color: var(--mer-color__tinted-green--60);\n  }\n  &--transitioning {\n    // used to hide the text, before updating the caption (smooth transtion)\n    --pill-color: transparent;\n  }\n}\n.updating-spinner-caption {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  $size: 14px;\n  --status-circle-color: transparent;\n  --status-circle-size: $size;\n  --status-circle-inset-inline-start: 14px;\n  --pill-color: var(--mer-border-color__primary);\n  &::before {\n    display: inline-block;\n    content: \"\";\n\n    @include spinner(\n      $size,\n      var(--mer-color__primary--300),\n      var(--mer-color__tinted-primary--50)\n    );\n  }\n}\n.tabular-grid .button-secondary {\n  --control__padding-block: var(--pill-padding-block);\n  --control__padding-inline: var(--pill-padding-inline);\n  font-size: inherit;\n  font-weight: inherit;\n  /* font-size: var(--pill-font-size); */\n}\n\n.tabular-grid .tabular-grid-cell--for-pill {\n  --grid-cell__padding-block: 4px;\n  align-items: center;\n  justify-content: center;\n\n  // --grid-cell__padding-inline: 0;\n}\n\n.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(selector-label),\n.tabular-grid.disabled-custom-selector .tabular-grid-column::part(bar-selector),\n.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(actions-icon) {\n  pointer-events: none;\n  opacity: 0.5;\n}\n.tabular-grid-column--settings-custom-selector,\n.tabular-grid-cell--settings-custom-selector {\n  --grid-cell__padding-inline: 0;\n  --grid-cell__padding-block: 0;\n}\n.tabular-grid-cell::part(actions-icon) {\n  padding-block: 6px;\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  block-size: 100%;\n  display: block;\n  background-size: 14px;\n  padding-inline: 16px;\n}\n\n.tabular-grid-cell.no-checkbox-custom-selector::part(selector-label) {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.tabular-grid-row-actions::part(window) {\n  background-color: var(--mer-surface__elevation--02) !important;\n}\n\n.tabular-grid-row .tabular-grid-cell:nth-child(3) {\n  min-inline-size: 200px;\n}\n\n// - - - - - - - - - - - - - -\n// END OF WA\n// - - - - - - - - - - - - - -\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  JSX,\n  Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { Locale } from \"../../../common/locale\";\nimport {\n  ChCheckboxCustomEvent,\n  ChEditCustomEvent,\n  ComboBoxModel,\n  TabularGridColumnSelectorClickedEvent,\n  TabularGridColumnSortChangedEvent,\n  TabularGridMarkingChangedEvent,\n  TabularGridRowContextMenuEvent\n} from \"@genexus/chameleon-controls-library\";\n\nimport uncheckIgnoredObjects from \"../version-control/common/uncheck-ignored\";\nimport { renderObjectTypeWithIcon } from \"../common/utilities\";\nimport { formatDate } from \"../../../common/helpers\";\nimport {\n  ContextMenuInfo,\n  ItemsCheckedResult,\n  ItemsCheckedState,\n  ObjectType\n} from \"../../../common/types\";\nimport { config } from \"../../../common/config\";\nimport { mapObjectTypeToComboBoxItemModel } from \"../version-control/common/object-type-to-combo-box\";\nimport { COLUMNS_IDS } from \"../version-control/common/tabular-grid-render\";\nimport sortTabularGridColumn, {\n  type SortTabularGridColumnDataType\n} from \"../../../common/chameleon/tabular-grid-column-sort\";\nimport areSetsEqual from \"../version-control/common/are-sets-equal\";\nimport {\n  Action,\n  ActionForFilter,\n  LoadRemoteChangesCallback,\n  ModifiedObject,\n  UpdateCallback,\n  UpdateData,\n  UpdateFiltersData,\n  UpdateStatus,\n  UpdateStatusInternal\n} from \"../version-control/common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tabular-grid\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst CHECKBOX_CHECKED_VALUE = \"true\";\nconst CHECKBOX_UNCHECKED_VALUE = \"false\";\n\nconst DETAIL_LABEL_CLASSES = \"detail__label body-semi-bold-s\";\n\n// icons\nconst ADD_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"on-elevation\"\n});\nconst EDITED_ICON = getIconPath({\n  category: \"system\",\n  name: \"edit\",\n  colorType: \"on-elevation\"\n});\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\nconst SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-elevation\"\n});\nconst SUBSTRACT_ICON = getIconPath({\n  category: \"system\",\n  name: \"substract\",\n  colorType: \"on-elevation\"\n});\nconst WARNING_ICON = getIconPath({\n  category: \"system\",\n  name: \"warning\",\n  colorType: \"warning\"\n});\nconst ERROR_ICON = getIconPath({\n  category: \"system\",\n  name: \"error\",\n  colorType: \"error\"\n});\nconst SUCCESS_ICON = getIconPath({\n  category: \"system\",\n  name: \"check \",\n  colorType: \"success\"\n});\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-elevation\"\n});\nconst REFRESH_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"reset\",\n  colorType: \"neutral\"\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  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  #actionsComboBoxModel: { caption: string; value: ActionForFilter }[];\n\n  /**\n   * Used to determine if pendingItemsCheckedCallback callback has to be called or not.\n   * It should be ignored if the grid checkboxes state is changed programmatically, by\n   * setting markRow to false once the object has been successfully updated, for example.\n   */\n  #rowCheckedChangedByTheUser: boolean = true;\n\n  @Element() el: HTMLGxIdeTeamDevBringChangesElement;\n\n  #chGridPendingForUpdateEl!: HTMLChTabularGridElement;\n\n  // - - - - - - - - - - - - -\n  // States Bring Changes\n  // - - - - - - - - - - - - -\n\n  /**\n   * It hols a boolean indicating if at least one object from the tabular-grid is checked, for merging.\n   */\n  @State() atLeastOneObjectIsChecked: boolean = false;\n\n  /**\n   * True while commitObjects hasn't been loaded or is empty. Used to display a loader.\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * The current search filter value\n   */\n  @State() menuContextAction: Action;\n\n  /**\n   * The current search filter value\n   */\n  @State() searchValue: string = \"\";\n\n  /**\n   * The current state filter value\n   */\n  @State() selectedAction: ActionForFilter = \"all-actions\";\n\n  /**\n   * A set that stores the marked state of each object cell. This is necessary because filtering the grid * causes marked cells to lose their state.\n   */\n  @State() markedObjectsSet: Set<string> = new Set<string>([]);\n  @Watch(\"markedObjectsSet\")\n  markedObjectsSetChanged(newMarkedObjectsSet: Set<string>) {\n    this.atLeastOneObjectIsChecked = newMarkedObjectsSet.size > 0;\n  }\n\n  /**\n   * A set that holds the id's of the objects that have been updated already.\n   */\n  @State() alreadyUpdatedObjectsIdsSet: Set<string> = new Set<string>([]);\n  @Watch(\"alreadyUpdatedObjectsIdsSet\")\n  alreadyUpdatedObjectsIdsSetChanged(newUpdatedObjectsIdsSet: Set<string>) {\n    const pendingIdsSetAndUpdatedIdsSetAreEqual = areSetsEqual(\n      newUpdatedObjectsIdsSet,\n      this.pendingIdsSet\n    );\n\n    this.allPendingAreUpdated =\n      pendingIdsSetAndUpdatedIdsSetAreEqual && this.pendingIdsSet.size > 0;\n  }\n\n  /**\n   * A set that holds the id's of all the pending objects. Used to quickly determine if the selected rows belong\n   * to \"pending\" or not. This information is required for the ContextMenuCallback callback. This set has to be updated\n   * on every loadCallback.\n   */\n  @State() pendingIdsSet: Set<string> = new Set<string>([]);\n\n  /**\n   * A set that holds the id's of all the ignored objects. Used to quickly determine if the selected rows belong\n   * to \"ignored\" or not. This information is required for the ContextMenuCallback callback. This set has to be updated\n   * on every loadCallback.\n   */\n  @State() ignoredIdsSet: Set<string> = new Set<string>([]);\n\n  /**\n   * A map that holds object messages, after trying to update ('info' | ‘success’ | 'warning' | 'error')\n   */\n  @State() objectsMessagesDataMap: Map<string, MessageData[]> = new Map();\n\n  /**\n   * Set to true when objects are being mered. This helps disabling controls until all objects are done.\n   */\n  @State() updating: boolean = false;\n\n  // - - - - - - - - - - - - -\n  // State Update\n  // - - - - - - - - - - - - -\n\n  /**\n   * A boolean that indicates if all the pending objects, have been updated\n   * already.\n   */\n  @State() allPendingAreUpdated: boolean = false;\n\n  /**\n   * The \"KB Properties\" checkbox value\n   */\n  @State() kbPropertiesChecked: boolean = false;\n\n  /**\n   * The combobox model for the types filter.\n   */\n  @State() typesComboBoxModel: ComboBoxModel;\n\n  /**\n   * The selected type\n   */\n  @State() selectedType: string;\n\n  /**\n   * Indicates if the update button should be disabled\n   */\n  @State() isUpdateDisabled: boolean = false;\n\n  /**\n   * A map that holds the current update objects states (\"inserted\" | \"modified\" | \"modified-with-conflicts\" | \"deleted\" | \"updating\" | \"update\")\n   */\n  @State() objectsStatusMap: Map<string, UpdateStatusInternal> = new Map();\n  @Watch(\"objectsStatusMap\")\n  objectsStatusMapChanged(\n    newObjectsStatusMap: Map<string, UpdateStatusInternal>\n  ) {\n    const someObjectIsUpdating = [...newObjectsStatusMap.entries()].find(\n      ([, state]) => state === \"updating\"\n    );\n\n    if (!someObjectIsUpdating) {\n      this.updating = false;\n    }\n  }\n\n  // - - - - - - - - - - - - -\n  // Properties Bring Changes\n  // - - - - - - - - - - - - -\n\n  /**\n   * Callback invoked when user activates the context menu on any of the grids.\n   */\n  @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n  /**\n   * All objects (\"pending for update\" and \"ignored objects\") before \"state\" filter\n   */\n  @State() pendingAndIgnored: UpdateData = {\n    pendingForUpdate: [],\n    ignoredObjects: []\n  };\n  @Watch(\"pendingAndIgnored\")\n  pendingAndIgnoredChanged() {\n    this.pendingIdsSet.clear(); // before pendingIdsSet.add\n    this.ignoredIdsSet.clear(); // before pendingIdsSet.add\n    this.objectsMessagesDataMap = new Map();\n    this.alreadyUpdatedObjectsIdsSet = new Set();\n    this.markedObjectsSet = new Set(); // before #markPendingObjects\n\n    this.pendingAndIgnored.pendingForUpdate.forEach(pending => {\n      this.pendingIdsSet.add(pending.id);\n    });\n\n    this.pendingAndIgnored.ignoredObjects.forEach(ignored => {\n      this.ignoredIdsSet.add(ignored.id);\n    });\n\n    this.#markPendingObjects(); // after pendingIdsSet.add and ignoredIdsSet.add\n    this.#setInitialObjectsStatus(); // after pendingIdsSet.add and ignoredIdsSet.add\n\n    this.#applyClientFilter();\n  }\n\n  /**\n   * Pending objects after \"action\" filter\n   */\n  @State() pendingObjectsAfterActionFilter: ModifiedObject[] = [];\n\n  /**\n   * Ignored objects after \"action\" filter\n   */\n  @State() ignoredObjectsAfterActionFilter: ModifiedObject[] = [];\n\n  /**\n   * Callback invoked to return the list of data types loaded from file or url.\n   */\n  @Prop() readonly loadCallback!: LoadRemoteChangesCallback;\n\n  /**\n   * Callback invoked to return information of a Font type of data.\n   */\n  @Prop() readonly pendingItemsCheckedCallback!: PendingItemsCheckedCallback;\n\n  /**\n   * Possible values for type filter\n   */\n  @Prop() readonly types: ObjectType[];\n\n  /**\n   * If true, the \"Action\" column will display a button instead of a pill, only when the action is\n   */\n  @Prop() readonly updatePillAsButton: boolean = false;\n\n  // - - - - - - - - - - - - -\n  // Properties Update\n  // - - - - - - - - - - - - -\n\n  /**\n   * Callback invoked when the update process is to be started (’Update’ button).\n   */\n  @Prop() readonly updateCallback!: UpdateCallback;\n\n  /**\n   * Callback invoked when user clicks in server url of Update From group.\n   */\n  @Prop() readonly openServerCallback!: () => Promise<void>;\n\n  /**\n   * Information to show in Update From group.\n   */\n  @Prop() readonly updateFrom: UpdateFromData;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    // Initiate \"actions\" combo box filter\n    this.#actionsComboBoxModel = [\n      {\n        caption: this.#componentLocale.actions.allActions,\n        value: \"all-actions\"\n      },\n      {\n        caption: this.#componentLocale.actions.insert,\n        value: \"inserted\"\n      },\n      {\n        caption: this.#componentLocale.actions.modify,\n        value: \"modified\"\n      },\n      {\n        caption: this.#componentLocale.actions.modifyWithConflicts,\n        value: \"modified-with-conflicts\"\n      },\n      {\n        caption: this.#componentLocale.actions.delete,\n        value: \"deleted\"\n      }\n    ];\n\n    // Set type initial value\n    this.selectedType = this.types[0]?.id;\n\n    this.typesComboBoxModel = mapObjectTypeToComboBoxItemModel(this.types);\n  }\n\n  async componentDidLoad() {\n    await this.#loadData(true);\n\n    // initialize \"allPendingAreUpdated\"\n    this.alreadyUpdatedObjectsIdsSetChanged(this.alreadyUpdatedObjectsIdsSet);\n  }\n\n  /**\n   * Used by the host to instruct the component to force a data reload in the grids.\n   */\n  @Method()\n  async reload() {\n    await this.#loadData(true);\n  }\n\n  /**\n   * Used by the host to instruct the component to disable the update button.\n   */\n  @Method()\n  async disableUpdate(value: boolean) {\n    this.isUpdateDisabled = value;\n  }\n\n  #updateCheckedClickedHandler = async () => {\n    this.#updateObjectsHandler([...this.markedObjectsSet]);\n  };\n\n  #reloadClickedHandler = async () => {\n    this.#loadData(true);\n  };\n\n  #updateObjectsHandler = async (selection: string[]) => {\n    this.updating = true;\n\n    selection.forEach(itemToUpdate => {\n      this.objectsStatusMap.set(itemToUpdate, \"updating\");\n    });\n\n    const updateResult = await this.updateCallback(selection);\n    updateResult.forEach(async objectResult => {\n      const messages = objectResult.messages;\n      if (messages.length) {\n        this.objectsMessagesDataMap.set(objectResult.id, objectResult.messages);\n      } else {\n        // clear messages\n        this.objectsMessagesDataMap.delete(objectResult.id);\n      }\n      if (objectResult.result === \"updated\") {\n        this.alreadyUpdatedObjectsIdsSet = new Set(\n          this.alreadyUpdatedObjectsIdsSet\n        ).add(objectResult.id);\n\n        this.objectsStatusMap.set(objectResult.id, \"updated\");\n        await this.#chGridPendingForUpdateEl.markRow(objectResult.id, false);\n      } else {\n        this.objectsStatusMap.set(objectResult.id, \"pending\");\n      }\n    });\n    this.updating = false;\n  };\n\n  #renderActionCellContent = (\n    action: Action\n  ): JSX.Element[] | null | string => {\n    let icon: string;\n    let caption: string;\n    let iconColor: string;\n\n    if (action === \"deleted\") {\n      icon = SUBSTRACT_ICON;\n      caption = this.#componentLocale.actions.delete;\n      iconColor = \"--mer-icon__error\";\n    } else if (action === \"inserted\") {\n      icon = ADD_ICON;\n      caption = this.#componentLocale.actions.insert;\n      iconColor = \"--mer-icon__success\";\n    } else if (action === \"modified\") {\n      icon = EDITED_ICON;\n      caption = this.#componentLocale.actions.modify;\n      iconColor = \"--mer-icon__warning\";\n    } else if (action === \"modified-with-conflicts\") {\n      icon = WARNING_ICON;\n      caption = this.#componentLocale.actions.modifyWithConflicts;\n      iconColor = \"--mer-icon__warning\";\n    } else if (!action) {\n      // proably is \"ignored\"\n      return null;\n    }\n\n    return (\n      <span class=\"custom-icon-text-wrapper\">\n        <ch-image\n          type=\"mask\"\n          class=\"icon-md\"\n          src={icon}\n          style={{ backgroundColor: `var(${iconColor})` }}\n        ></ch-image>\n        {`${caption}`}\n      </span>\n    );\n  };\n\n  #updateSingleObject: (objectId: string) => () => void =\n    objectId => async () => {\n      const newobjectsStatusMap = new Map(this.objectsStatusMap);\n      newobjectsStatusMap.set(objectId, \"updating\");\n      this.objectsStatusMap = newobjectsStatusMap;\n      this.#updateObjectsHandler([objectId]);\n    };\n\n  #renderObjectStatus = (objectId: string): JSX.Element[] => {\n    const status = this.objectsStatusMap.get(objectId);\n\n    const caption =\n      status === \"pending\" && this.updatePillAsButton\n        ? this.#componentLocale.status.update\n        : this.#componentLocale.status[status];\n    if (status === \"updating\") {\n      return <span class=\"updating-spinner-caption\">{caption}</span>;\n    }\n    const classes = `pill pill--${status}`;\n    if (this.updatePillAsButton && status === \"pending\") {\n      return (\n        <button\n          class=\"button-secondary pill pill--update\"\n          onClick={this.#updateSingleObject(objectId)}\n        >\n          {caption}\n        </button>\n      );\n    } else {\n      return <span class={classes}>{caption}</span>;\n    }\n  };\n\n  #renderRows = (type: UpdateSourceType): JSX.Element[] => {\n    let objects: ModifiedObject[];\n    if (type === \"pending\") {\n      objects = this.pendingObjectsAfterActionFilter;\n    } else if (type === \"ignored\") {\n      objects = this.ignoredObjectsAfterActionFilter;\n    }\n\n    return objects.map(object => {\n      const objectType: ObjectType = {\n        id: object.id,\n        icon: object.typeIcon,\n        name: object.type\n      };\n\n      const alreadyUpdated = this.alreadyUpdatedObjectsIdsSet.has(object.id);\n      const hideCheckbox = alreadyUpdated || type === \"ignored\";\n\n      const marked = this.markedObjectsSet.has(object.id);\n\n      const messages = this.objectsMessagesDataMap.get(object.id);\n\n      return (\n        <ch-tabular-grid-row\n          class=\"tabular-grid-row\"\n          key={object.id}\n          rowid={object.id}\n          ref={(el: HTMLElement) =>\n            marked && el?.setAttribute(\"marked\", \"true\")\n          }\n        >\n          <ch-tabular-grid-cell\n            cell-type=\"rich\"\n            row-selector=\"true\"\n            class={{\n              \"tabular-grid-cell\": true,\n              \"no-checkbox-custom-selector\": hideCheckbox\n            }}\n            size=\"max-content\"\n          >\n            {object.name}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {renderObjectTypeWithIcon(objectType)}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {object.description}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {formatDate(object.modifiedOn)}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {this.#renderActionCellContent(object.action)}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell--for-pill\">\n            {this.#renderObjectStatus(object.id)}\n          </ch-tabular-grid-cell>\n\n          {messages?.length && (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              <ch-tabular-grid-rowset-empty\n                class={{\n                  \"tabular-grid-rowset-empty\": true\n                }}\n              >\n                <ul class=\"messages-list\">\n                  {messages.map(message => {\n                    let MESSAGE_ICON;\n                    if (message.type === \"error\") {\n                      MESSAGE_ICON = ERROR_ICON;\n                    } else if (message.type === \"warning\") {\n                      MESSAGE_ICON = WARNING_ICON;\n                    } else if (message.type === \"success\") {\n                      MESSAGE_ICON = SUCCESS_ICON;\n                    } else {\n                      // info\n                      MESSAGE_ICON = INFO_ICON;\n                    }\n\n                    return (\n                      <li class=\"message-description\">\n                        <ch-image\n                          class=\"icon-md message-icon\"\n                          src={MESSAGE_ICON}\n                        ></ch-image>\n                        {message.text}\n                      </li>\n                    );\n                  })}\n                </ul>\n              </ch-tabular-grid-rowset-empty>\n            </ch-tabular-grid-rowset>\n          )}\n        </ch-tabular-grid-row>\n      );\n    });\n  };\n\n  #rowMarkingChangedHandler = async (\n    event: CustomEvent<TabularGridMarkingChangedEvent>\n  ) => {\n    const markedRowsIds = event.detail.rowsId;\n    this.markedObjectsSet = new Set(\n      markedRowsIds.filter(\n        markedObjectId => !this.alreadyUpdatedObjectsIdsSet.has(markedObjectId)\n      )\n    );\n\n    if (this.#rowCheckedChangedByTheUser) {\n      this.#updatePendingCheckedItems(event);\n    }\n  };\n\n  #updatePendingCheckedItems = async (\n    event: CustomEvent<TabularGridMarkingChangedEvent>\n  ) => {\n    this.#rowCheckedChangedByTheUser = false;\n    const addedRowsIds = event.detail.addedRowsId;\n    const removedRowsId = event.detail.removedRowsId;\n    try {\n      const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({\n        itemsChecked: addedRowsIds,\n        itemsUnchecked: removedRowsId\n      });\n\n      if (pendingItemCheckedResult === undefined) {\n        // undo check/uncheck\n        await this.#revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);\n      } else {\n        await this.#togglePendingCommitsCheckboxes(pendingItemCheckedResult);\n      }\n    } catch {\n      //catch exception if necessary\n    } finally {\n      this.#rowCheckedChangedByTheUser = true;\n    }\n  };\n\n  #searchInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n    this.searchValue = event.detail as string;\n    this.#loadData();\n  };\n\n  // Local Methods Update\n\n  #actionChangedHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.selectedAction = event.detail as ActionForFilter;\n    this.#loadData();\n  };\n\n  #typeChangedHandler = async (event: CustomEvent<string> | InputEvent) => {\n    this.selectedType = event.detail as string;\n    this.#loadData();\n  };\n\n  #setInitialObjectsStatus = (): void => {\n    this.pendingAndIgnored.pendingForUpdate.forEach(pendingObject => {\n      const status: UpdateStatusInternal =\n        (pendingObject.status as UpdateStatus) ?? \"pending\";\n\n      this.objectsStatusMap.set(pendingObject.id, status);\n      if (status === \"updated\") {\n        this.alreadyUpdatedObjectsIdsSet.add(pendingObject.id);\n      }\n    });\n    this.pendingAndIgnored.ignoredObjects.forEach(ignoredObject => {\n      const status: UpdateStatusInternal =\n        (ignoredObject.status as UpdateStatus) ?? \"ignored\";\n      this.objectsStatusMap.set(ignoredObject.id, status);\n    });\n  };\n\n  #loadData = async (forceLoad: boolean = false): Promise<void> => {\n    const filters: UpdateFiltersData = {\n      search: this.searchValue,\n      type: this.selectedType,\n      kbProperties: this.kbPropertiesChecked,\n      action: this.selectedAction\n    };\n\n    try {\n      this.loading = true;\n      this.objectsMessagesDataMap.clear();\n\n      this.pendingAndIgnored = await this.loadCallback(filters, forceLoad);\n      this.#setInitialObjectsStatus();\n\n      // Is is required to mark/check all objects after loadCallback.\n      this.#markPendingObjects();\n    } catch (error) {\n      // Error handling for update operation\n    } finally {\n      this.loading = false;\n    }\n  };\n\n  /**\n   * Marks all pending objects that have not been committed yet.\n   *\n   * Iterates through all pending object IDs and adds them to the marked objects set\n   * if they are not already in the committed objects set. This effectively identifies\n   * and marks all the pending objects that still need to be processed.\n   **/\n  #markPendingObjects = () => {\n    for (const pendingId of this.pendingIdsSet) {\n      if (!this.alreadyUpdatedObjectsIdsSet.has(pendingId)) {\n        this.markedObjectsSet = new Set([...this.markedObjectsSet, pendingId]);\n      }\n    }\n  };\n\n  #applyClientFilter = () => {\n    // this.pendingObjectsAfterActionFilter = this.#filteredObjects(\n    //   this.pendingAndIgnored.pendingForUpdate\n    // );\n    this.pendingObjectsAfterActionFilter =\n      this.pendingAndIgnored.pendingForUpdate;\n    // this.ignoredObjectsAfterActionFilter = this.#filteredObjects(\n    //   this.pendingAndIgnored.ignoredObjects\n    // );\n    this.ignoredObjectsAfterActionFilter =\n      this.pendingAndIgnored.ignoredObjects;\n  };\n\n  // #filteredObjects = (objects: ModifiedObject[]): ModifiedObject[] => {\n  //   let filtered = objects;\n\n  //   // name or description\n  //   if (this.searchValue.length) {\n  //     filtered = filtered.filter(object => {\n  //       const nameFiltered = object.name\n  //         .toLowerCase()\n  //         .includes(this.searchValue.toLowerCase());\n\n  //       const descriptionFiltered = object.description\n  //         .toLowerCase()\n  //         .includes(this.searchValue.toLowerCase());\n\n  //       return nameFiltered || descriptionFiltered;\n  //     });\n  //   }\n\n  //   return filtered;\n  // };\n\n  #onRowContextMenuHandler =\n    () => async (ev: CustomEvent<TabularGridRowContextMenuEvent>) => {\n      ev.preventDefault();\n      ev.stopPropagation();\n\n      const selection = await this.#chGridPendingForUpdateEl.getSelectedRows();\n\n      const selectedRowId = (\n        await this.#chGridPendingForUpdateEl.getSelectedCell()\n      ).rowId;\n\n      const source: UpdateSourceType = this.pendingIdsSet.has(selectedRowId)\n        ? \"pending\"\n        : \"ignored\";\n\n      let filteredSelection: string[] = [];\n      // remove selected rows from the other source, if any.\n      if (selection.length > 1 && source === \"pending\") {\n        selection.forEach(async selectedRowId => {\n          if (this.ignoredIdsSet.has(selectedRowId)) {\n            await this.#chGridPendingForUpdateEl.selectRow(\n              selectedRowId,\n              false\n            );\n          } else {\n            filteredSelection.push(selectedRowId);\n          }\n        });\n      } else if (selection.length > 1 && source === \"ignored\") {\n        selection.forEach(async selectedRowId => {\n          if (this.pendingIdsSet.has(selectedRowId)) {\n            await this.#chGridPendingForUpdateEl.selectRow(\n              selectedRowId,\n              false\n            );\n          } else {\n            filteredSelection.push(selectedRowId);\n          }\n        });\n      } else {\n        filteredSelection = selection;\n      }\n\n      await this.contextMenuCallback(source, {\n        selection: filteredSelection,\n        clientX: ev.detail.clientX,\n        clientY: ev.detail.clientY\n      });\n    };\n\n  #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  #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  #kbPropertiesChangedHandler = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.kbPropertiesChecked = event.detail === CHECKBOX_CHECKED_VALUE;\n    this.#loadData(true);\n  };\n\n  #sortTabularGridColumnCallback = (\n    e: CustomEvent<TabularGridColumnSortChangedEvent>\n  ) => {\n    const columnId = e.detail.columnId;\n\n    let objectProperty;\n    let dateType: SortTabularGridColumnDataType = \"string\";\n    if (columnId === COLUMNS_IDS.lastSynchronized) {\n      dateType = \"dateString\";\n    }\n\n    this.pendingObjectsAfterActionFilter = [\n      ...sortTabularGridColumn(\n        e,\n        this.pendingObjectsAfterActionFilter,\n        dateType,\n        objectProperty\n      )\n    ];\n    this.ignoredObjectsAfterActionFilter = [\n      ...sortTabularGridColumn(\n        e,\n        this.ignoredObjectsAfterActionFilter,\n        dateType,\n        objectProperty\n      )\n    ];\n  };\n\n  /**\n   * WA: Ignored objects must always remain unchecked.\n   * Because `tabular-grid` selects all rows when the checkbox column is toggled,\n   * we need to manually unselect the ignored IDs. // TODO: Move this function\n   * to common\n   */\n  #columnSelectorClickedCallback = async (\n    e: CustomEvent<TabularGridColumnSelectorClickedEvent>\n  ) => {\n    const allRowsChecked = e.detail;\n    if (allRowsChecked) {\n      const markedRowsIds =\n        await this.#chGridPendingForUpdateEl.getMarkedRows();\n      const ignoredMarkedRowsIds = markedRowsIds.filter(rowId => {\n        return this.ignoredIdsSet.has(rowId);\n      });\n      if (ignoredMarkedRowsIds.length) {\n        uncheckIgnoredObjects(\n          ignoredMarkedRowsIds,\n          this.#chGridPendingForUpdateEl\n        );\n      }\n    }\n  };\n\n  render() {\n    const disableControls =\n      this.updating || this.loading || this.isUpdateDisabled;\n    const gridIsEmpty =\n      this.pendingObjectsAfterActionFilter.length === 0 &&\n      this.ignoredObjectsAfterActionFilter.length === 0;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <header class=\"header spacing-body-inline spacing-body-block-start\">\n            <div\n              // header details\n              class=\"header__detail header__detail-1\"\n            >\n              <p class=\"detail__heading-genexus-server subtitle-semi-bold-s\">\n                {this.#componentLocale.commitDetail.title}\n              </p>\n              <div\n                // genexus server\n                class=\"detail__genexus-server field field-block\"\n              >\n                <span class={DETAIL_LABEL_CLASSES}>\n                  {this.#componentLocale.commitDetail.genexusServer}\n                </span>\n                <button\n                  class=\"detail__link body-regular-s\"\n                  onClick={this.openServerCallback}\n                >\n                  {this.updateFrom ? this.updateFrom.serverUrl : \"\"}\n                </button>\n              </div>\n\n              <div\n                // knowledge base\n                class=\"detail__knowledge-base field field-block\"\n              >\n                <span class={DETAIL_LABEL_CLASSES}>\n                  {this.#componentLocale.commitDetail.knowledgeBase}\n                </span>\n                <p class=\"body-regular-s\">\n                  {this.updateFrom ? this.updateFrom.kbName : \"\"}\n                </p>\n              </div>\n\n              <div\n                // version\n                class=\"detail__version field field-block\"\n              >\n                <span class={DETAIL_LABEL_CLASSES}>\n                  {this.#componentLocale.commitDetail.version}\n                </span>\n                <p class=\"body-regular-s\">\n                  {this.updateFrom ? this.updateFrom.versionName : \"\"}\n                </p>\n              </div>\n\n              <div\n                // last full update\n                class=\"detail__last-full-update field field-block\"\n              >\n                <span class={DETAIL_LABEL_CLASSES}>\n                  {this.#componentLocale.commitDetail.lastFullUpdate}\n                </span>\n                <p class=\"body-regular-s\">\n                  {formatDate(this.updateFrom.lastFullUpdate)}\n                </p>\n              </div>\n            </div>\n          </header>\n\n          <div class=\"filter-container spacing-body-inline\">\n            <div class=\"filter\">\n              <ch-edit\n                // search\n                class=\"input filter__search\"\n                disabled={disableControls}\n                startImgSrc={SEARCH_ICON}\n                accessibleName={\n                  this.#componentLocale.filter.searchAccessibleName\n                }\n                placeholder={this.#componentLocale.filter.searchPlaceholder}\n                type=\"search\"\n                onInput={this.#searchInputHandler}\n                debounce={config.inputDebounce}\n              ></ch-edit>\n\n              <ch-combo-box-render\n                // types\n                class=\"combo-box filter__types\"\n                disabled={disableControls}\n                model={this.typesComboBoxModel}\n                value={this.selectedType}\n                accessibleName={this.#componentLocale.filter.typeAccesibleName}\n                placeholder={this.#componentLocale.filter.typePlaceholder}\n                onInput={this.#typeChangedHandler}\n              ></ch-combo-box-render>\n\n              <ch-combo-box-render\n                // actions\n                class=\"combo-box filter__actions\"\n                disabled={disableControls}\n                model={this.#actionsComboBoxModel}\n                value={this.selectedAction}\n                onInput={this.#actionChangedHandler}\n                accessibleName={\n                  this.#componentLocale.filter.actionAccesibleName\n                }\n                placeholder={this.#componentLocale.filter.actionPlaceholder}\n              ></ch-combo-box-render>\n\n              <ch-checkbox\n                // kb properties\n                class=\"checkbox filter__kb-properties\"\n                caption={this.#componentLocale.filter.kbProperties}\n                checkedValue={CHECKBOX_CHECKED_VALUE}\n                value={CHECKBOX_UNCHECKED_VALUE}\n                onInput={this.#kbPropertiesChangedHandler}\n                disabled={disableControls}\n              />\n\n              <div class=\"buttons-spacer filter__buttons\">\n                <button\n                  // reload button\n                  class=\"button-secondary button-icon-and-text\"\n                  disabled={disableControls}\n                  onClick={this.#reloadClickedHandler}\n                >\n                  <ch-image class=\"icon-md\" src={REFRESH_ICON}></ch-image>\n                  {this.#componentLocale.filter.reload}\n                </button>\n                <button\n                  // update button\n                  class=\"button-primary button-update\"\n                  disabled={!this.atLeastOneObjectIsChecked || disableControls}\n                  onClick={this.#updateCheckedClickedHandler}\n                >\n                  {this.#componentLocale.filter.update}\n                </button>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"main spacing-body\">\n            {!this.loading ? (\n              <ch-tabular-grid\n                class={{\n                  \"tabular-grid\": true,\n                  \"objects-tabular-grid\": true,\n                  \"disabled-custom-selector\": this.updating,\n                  \"empty-result\": gridIsEmpty\n                }}\n                keyboardNavigationMode=\"focus\"\n                rowSelectionMode=\"multiple\"\n                onRowMarkingChanged={this.#rowMarkingChangedHandler}\n                onRowContextMenu={this.#onRowContextMenuHandler()}\n                ref={(el: HTMLChTabularGridElement) =>\n                  (this.#chGridPendingForUpdateEl = el)\n                }\n              >\n                <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.name}\n                    columnName={this.#componentLocale.objects.name}\n                    columnType=\"rich\"\n                    richRowSelector={!this.allPendingAreUpdated}\n                    richRowSelectorMode=\"mark\"\n                    settingable={false}\n                    sortable={true}\n                    onColumnSortChanged={this.#sortTabularGridColumnCallback}\n                    onColumnSelectorClicked={\n                      this.#columnSelectorClickedCallback\n                    }\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.type}\n                    columnName={this.#componentLocale.objects.type}\n                    settingable={false}\n                    sortable={true}\n                    onColumnSortChanged={this.#sortTabularGridColumnCallback}\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.description}\n                    columnName={this.#componentLocale.objects.description}\n                    settingable={false}\n                    sortable={true}\n                    onColumnSortChanged={this.#sortTabularGridColumnCallback}\n                    size={config.tabularGrid.colSize.description}\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.modifiedOn}\n                    columnName={this.#componentLocale.objects.modifiedOn}\n                    settingable={false}\n                    sortable={true}\n                    onColumnSortChanged={this.#sortTabularGridColumnCallback}\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.action}\n                    columnName={this.#componentLocale.objects.action}\n                    settingable={false}\n                    sortable={false}\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    // size of this column should the enough for the largest pill, and no more.\n                    // this prevents layout shifts when pills state changes.\n                    class=\"tabular-grid-column\"\n                    columnId={COLUMNS_IDS.status}\n                    columnName={this.#componentLocale.objects.status}\n                    settingable={false}\n                    sortable={false}\n                    size=\"100px\"\n                  />\n                </ch-tabular-grid-columnset>\n\n                {!gridIsEmpty\n                  ? [\n                      <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                        <ch-tabular-grid-rowset-legend class=\"tabular-grid-rowset-legend\">\n                          {this.#componentLocale.objects.pending}\n                        </ch-tabular-grid-rowset-legend>\n                        {this.#renderRows(\"pending\")}\n                      </ch-tabular-grid-rowset>,\n                      <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                        <ch-tabular-grid-rowset-legend class=\"tabular-grid-rowset-legend\">\n                          {this.#componentLocale.objects.ignored}\n                        </ch-tabular-grid-rowset-legend>\n                        {this.#renderRows(\"ignored\")}\n                      </ch-tabular-grid-rowset>\n                    ]\n                  : null}\n\n                <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                  {gridIsEmpty && (\n                    <ch-tabular-grid-rowset-empty>\n                      <gx-ide-empty-state\n                        class=\"empty-state\"\n                        isAnimated\n                        stateIconSrc={FILTER_ICON}\n                        stateTitle=\"No object matched your filter\"\n                      ></gx-ide-empty-state>\n                    </ch-tabular-grid-rowset-empty>\n                  )}\n                </ch-tabular-grid-rowset>\n              </ch-tabular-grid>\n            ) : (\n              <gx-ide-loader\n                cancelLabel={this.#componentLocale.loader.cancelLabel}\n                loaderTitle={this.#componentLocale.loader.title}\n                description={this.#componentLocale.loader.description}\n                show\n                class=\"loader\"\n              ></gx-ide-loader>\n            )}\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n\n// - - - - - - - - - - - - -\n// Types from Update\n// - - - - - - - - - - - - -\n\nexport type ContextMenuCallback = (\n  source: UpdateSourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type PendingItemsCheckedCallback = (\n  pendingItemsCheckedState: ItemsCheckedState\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type UpdateSourceType = \"pending\" | \"ignored\";\n\nexport interface UpdateFromData {\n  serverUrl: string;\n  kbName: string;\n  versionName: string;\n  lastFullUpdate: Date;\n}\n\nexport interface MessageData {\n  type: \"info\" | \"success\" | \"warning\" | \"error\";\n  text: string;\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["shareKbCss","CSS_BUNDLES","GxIdeShareKb","_GxIdeShareKb_showMoreIcon","set","this","getIconPath","category","name","colorType","_GxIdeShareKb_versionsSelect","value","caption","_GxIdeShareKb__componentLocale","_GxIdeShareKb_kbVersions","_GxIdeShareKb_renderedFirstTime","_GxIdeShareKb_shortcutsSrc","getAssetPath","_GxIdeShareKb_selectedKbId","_GxIdeShareKb_versionSelectedTypeEl","_GxIdeShareKb_KBNameEl","_GxIdeShareKb_cancelHandler","cancelCallback","_GxIdeShareKb_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeShareKb_shareKBHandler","versionSelectedType","__classPrivateFieldSet","shareKBCallback","kbName","versionList","__classPrivateFieldGet","allVersions","then","formSubmitResult","validatableControls","validateControls","_GxIdeShareKb_evaluateTooltipRender","controlReference","_b","_a","get","id","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeShareKb_initializeValidatableControls","forEach","validatableControl","reference","undefined","_GxIdeShareKb_kbNameInputHandler","event","detail","_GxIdeShareKb_selectedVersionHandler","selectKBVersionsCallback","result","length","map","kbVersion","localKbNameInputValue","versionsValueInput","kb","versionsPlaceholder","toString","versionSelectedFieldValue","oneVersionSelectedFieldValue","_GxIdeShareKb_versionsChangedHandler","enableSelectVersionsButton","_GxIdeShareKb_renderFooter","disableShareKbButton","onClick","part","footer","cancel","disabled","shareKB","Map","componentDidLoad","call","componentDidRender","componentDidRenderFirstTime","emit","componentName","componentWillLoad","Locale","getComponentStrings","el","render","Host","model","src","ref","chShortcutsEl","header","user","change","htmlFor","aliasLabel","onInput","placeholder","localKbNamePlaceholder","onChange","versionsLabel","readonly","versionsPlaceholderDisabled"],"sources":["src/components/team-dev/share-kb/share-kb.scss?tag=gx-ide-share-kb&encapsulation=shadow","src/components/team-dev/share-kb/share-kb.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - -\n// Header\n// - - - - - - - - - - -\n\nheader {\n  display: grid;\n  grid-template-rows: max-content;\n  grid-template-columns: 1fr 1fr max-content;\n}\n\n.button-change {\n  align-self: center;\n  justify-self: end;\n}\n\n// - - - - - - - - - - -\n// Main\n// - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: max-content 1fr max-content max-content;\n}\n\n.search-kbs {\n  inline-size: 50%;\n}\n\n.versions-container {\n  grid-auto-rows: max-content;\n\n  &__input {\n    display: grid;\n    grid-template-columns: 1fr max-content;\n    gap: var(--mer-spacing--xs);\n  }\n}\n\n.button-icon-only.button-tertiary {\n  border-color: var(--mer-color__neutral-gray--500);\n  border-width: var(--mer-border__width--sm);\n  border-radius: var(--mer-border__radius--sm);\n}\n\n.button-icon-only:hover {\n  border-color: var(--mer-color__neutral-gray--100);\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  State,\n  getAssetPath\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { config } from \"../../../common/config\";\nimport { GXServerConnectionData } from \"../connect-gx-server/connect-gx-server\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/list-box\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-share-kb\",\n  styleUrl: \"share-kb.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/share-kb\"]\n})\nexport class GxIdeShareKb {\n  #showMoreIcon = getIconPath({\n    category: \"gemini-tools\",\n    name: \"show-more-horizontal\",\n    colorType: \"on-elevation\"\n  });\n\n  #versionsSelect: RadioGroupItemModel[] = [\n    { value: \"Trunk\", caption: \"Trunk Version\" },\n    { value: \"All\", caption: \"All Versions\" },\n    { value: \"Select\", caption: \"Select Version\" }\n  ];\n\n  [key: string]: any;\n\n  #_componentLocale: any;\n  #kbVersions: KBVersion[] = [];\n  #renderedFirstTime = false;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  #selectedKbId: string;\n\n  #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n  @Element() el: HTMLGxIdeShareKbElement;\n\n  #KBNameEl!: HTMLChEditElement;\n\n  /**\n   * State to enable/disable the select versions button\n   */\n  @State() enableSelectVersionsButton: boolean = false;\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The version selected type\n   */\n  @State() versionSelectedType: VersionOption;\n\n  /**\n   * String value to show the number of versions selected (\"N versions selected\")\n   */\n  @State() versionsValueInput: string = \"\";\n\n  /**\n   * Set of data required when executing any of the callbacks that require a connection to the server.\n   */\n  @Prop() readonly connectionData: GXServerConnectionData;\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n   */\n  @Prop() readonly changeConnectionCallback: (\n    data: GXServerConnectionData\n  ) => Promise<void>;\n\n  /**\n   * The name of the KB.\n   */\n  @Prop({ mutable: true }) kbName: string;\n\n  /**\n   * Callback that must be invoked when the Share button is pressed.\n   */\n  @Prop() readonly shareKBCallback: (\n    data: ShareKBData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n   */\n  @Prop() readonly selectKBVersionsCallback: (\n    selectedKB: string\n  ) => Promise<KBVersion[]>;\n\n  /**\n   * Emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  componentDidLoad() {\n    this.versionSelectedType = this.#versionSelectedTypeEl\n      .value as VersionOption;\n\n    this.#initializeValidatableControls();\n  }\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #changeConnectionHandler = async (): Promise<void> => {\n    this.changeConnectionCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    });\n  };\n\n  #shareKBHandler = async (): Promise<void> => {\n    if (this.versionSelectedType !== \"Select\") {\n      this.#kbVersions = [];\n    }\n    this.shareKBCallback({\n      name: this.kbName,\n      serverUrl: this.connectionData.serverUrl,\n      versionList: this.#kbVersions,\n      allVersions: this.versionSelectedType === \"All\"\n    }).then((formSubmitResult: FormSubmitResult) => {\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\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  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#KBNameEl];\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  #kbNameInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n    this.kbName = event.detail as string;\n  };\n\n  #selectedVersionHandler = async () => {\n    if (this.selectKBVersionsCallback) {\n      await this.selectKBVersionsCallback(this.#selectedKbId).then(result => {\n        if (result?.length) {\n          this.#kbVersions = result.map(kbVersion => ({\n            id: kbVersion.id,\n            name: kbVersion.name\n          }));\n\n          if (result.length === 1 && this.#kbVersions[0].id === 0) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput =\n              this.#_componentLocale.kb.versionsPlaceholder;\n          } else if (result.length > 1) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput = `${result.length.toString()} ${\n              this.#_componentLocale.kb.versionSelectedFieldValue\n            }`;\n          } else {\n            this.localKbNameInputValue = `${this.#selectedKbId}_${\n              this.#kbVersions[0].name\n            }`;\n            this.versionsValueInput = `${result[0].name} ${\n              this.#_componentLocale.kb.oneVersionSelectedFieldValue\n            }`;\n          }\n        }\n      });\n    }\n  };\n\n  #versionsChangedHandler = (event: CustomEvent<string>) => {\n    this.versionSelectedType = event.detail as VersionOption;\n    if (this.versionSelectedType === \"Select\") {\n      this.enableSelectVersionsButton = true;\n    } else {\n      this.enableSelectVersionsButton = false;\n    }\n  };\n\n  #renderFooter = () => {\n    const disableShareKbButton = !this.kbName.length;\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body-inline spacing-body-block-end\">\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n            part=\"button button-cancel\"\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // share kb button\n            class=\"button-primary\"\n            onClick={!disableShareKbButton && this.#shareKBHandler}\n            disabled={disableShareKbButton}\n            part=\"button button-create-kb\"\n          >\n            {this.#_componentLocale.footer.shareKB}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.#_componentLocale.header.serverUrl}\n              </label>\n              <p>{this.connectionData.serverUrl}</p>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\">{this.#_componentLocale.header.user}</label>\n              <p>{this.connectionData.userName}</p>\n            </div>\n\n            <button\n              class=\"button-tertiary button-change\"\n              onClick={this.#changeConnectionHandler}\n            >\n              {this.#_componentLocale.header.change}\n            </button>\n          </header>\n\n          <section class=\"main field-group spacing-body\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"alias\">\n                {this.#_componentLocale.kb.aliasLabel}\n              </label>\n              <ch-edit\n                // alias\n                class=\"input\"\n                id=\"kb-name\"\n                value={this.kbName}\n                onInput={this.#kbNameInputHandler}\n                placeholder={this.#_componentLocale.kb.localKbNamePlaceholder}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#KBNameEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#KBNameEl)}\n            </div>\n\n            <div class=\"versions-container field-group\">\n              <ch-radio-group-render\n                class=\"radio-group\"\n                model={this.#versionsSelect}\n                onChange={this.#versionsChangedHandler}\n                value={this.#versionsSelect[0].value}\n                ref={(el: HTMLChRadioGroupRenderElement) =>\n                  (this.#versionSelectedTypeEl =\n                    el as HTMLChRadioGroupRenderElement)\n                }\n              ></ch-radio-group-render>\n\n              {this.versionSelectedType === \"Select\" && (\n                <div class=\"versions-container__item field-group\">\n                  <div class=\"field field-block\">\n                    <label class=\"label\" htmlFor=\"control-id-1\">\n                      {this.#_componentLocale.kb.versionsLabel}\n                    </label>\n                    <div class=\"versions-container__input\">\n                      <ch-edit\n                        class=\"input\"\n                        readonly\n                        placeholder={\n                          this.enableSelectVersionsButton\n                            ? this.#_componentLocale.kb.versionsPlaceholder\n                            : this.#_componentLocale.kb\n                                .versionsPlaceholderDisabled\n                        }\n                        value={this.versionsValueInput}\n                      ></ch-edit>\n                      <button\n                        class=\"button-tertiary button-icon-only\"\n                        onClick={this.#selectedVersionHandler}\n                        disabled={!this.enableSelectVersionsButton}\n                      >\n                        <ch-image\n                          src={this.#showMoreIcon}\n                          class=\"icon-sm\"\n                        ></ch-image>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </section>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  id: string;\n  name: string;\n};\n\nexport type KBVersion = {\n  id: number;\n  name: string;\n  type?: VersionType;\n};\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\n\nexport type ShareKBData = {\n  name: string;\n  serverUrl: string;\n  versionList: KBVersion[];\n  allVersions: boolean;\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n\nexport type VersionType = \"Branch\" | \"Frozen\";\n"],"mappings":"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"}
+{"version":3,"names":["shareKbCss","CSS_BUNDLES","GxIdeShareKb","_GxIdeShareKb_showMoreIcon","set","this","getIconPath","category","name","colorType","_GxIdeShareKb_versionsSelect","value","caption","_GxIdeShareKb__componentLocale","_GxIdeShareKb_kbVersions","_GxIdeShareKb_renderedFirstTime","_GxIdeShareKb_shortcutsSrc","getAssetPath","_GxIdeShareKb_selectedKbId","_GxIdeShareKb_versionSelectedTypeEl","_GxIdeShareKb_KBNameEl","_GxIdeShareKb_cancelHandler","cancelCallback","_GxIdeShareKb_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeShareKb_shareKBHandler","versionSelectedType","__classPrivateFieldSet","shareKBCallback","kbName","versionList","__classPrivateFieldGet","allVersions","then","formSubmitResult","validatableControls","validateControls","_GxIdeShareKb_evaluateTooltipRender","controlReference","_b","_a","get","id","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeShareKb_initializeValidatableControls","forEach","validatableControl","reference","undefined","_GxIdeShareKb_kbNameInputHandler","event","detail","_GxIdeShareKb_selectedVersionHandler","selectKBVersionsCallback","result","length","map","kbVersion","localKbNameInputValue","versionsValueInput","kb","versionsPlaceholder","toString","versionSelectedFieldValue","oneVersionSelectedFieldValue","_GxIdeShareKb_versionsChangedHandler","enableSelectVersionsButton","_GxIdeShareKb_renderFooter","disableShareKbButton","onClick","part","footer","cancel","disabled","shareKB","Map","componentDidLoad","call","componentDidRender","componentDidRenderFirstTime","emit","componentName","componentWillLoad","Locale","getComponentStrings","el","render","Host","model","src","ref","chShortcutsEl","header","user","change","htmlFor","aliasLabel","onInput","placeholder","localKbNamePlaceholder","onChange","versionsLabel","readonly","versionsPlaceholderDisabled"],"sources":["src/components/team-dev/share-kb/share-kb.scss?tag=gx-ide-share-kb&encapsulation=shadow","src/components/team-dev/share-kb/share-kb.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - -\n// Header\n// - - - - - - - - - - -\n\nheader {\n  display: grid;\n  grid-template-rows: max-content;\n  grid-template-columns: 1fr 1fr max-content;\n}\n\n.button-change {\n  align-self: center;\n  justify-self: end;\n}\n\n// - - - - - - - - - - -\n// Main\n// - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: max-content 1fr max-content max-content;\n}\n\n.search-kbs {\n  inline-size: 50%;\n}\n\n.versions-container {\n  grid-auto-rows: max-content;\n\n  &__input {\n    display: grid;\n    grid-template-columns: 1fr max-content;\n    gap: var(--mer-spacing--xs);\n  }\n}\n\n.button-icon-only.button-tertiary {\n  border-color: var(--mer-color__neutral-gray--500);\n  border-width: var(--mer-border__width--sm);\n  border-radius: var(--mer-border__radius--sm);\n}\n\n.button-icon-only:hover {\n  border-color: var(--mer-color__neutral-gray--100);\n}\n","// Stencil\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  getAssetPath,\n  h,\n  Host,\n  Prop,\n  State\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { config } from \"../../../common/config\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport { GXServerConnectionData } from \"../connect-gx-server/connect-gx-server\";\nimport { KBVersion } from \"../version-control/common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/list-box\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-share-kb\",\n  styleUrl: \"share-kb.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/share-kb\"]\n})\nexport class GxIdeShareKb {\n  #showMoreIcon = getIconPath({\n    category: \"gemini-tools\",\n    name: \"show-more-horizontal\",\n    colorType: \"on-elevation\"\n  });\n\n  #versionsSelect: RadioGroupItemModel[] = [\n    { value: \"Trunk\", caption: \"Trunk Version\" },\n    { value: \"All\", caption: \"All Versions\" },\n    { value: \"Select\", caption: \"Select Version\" }\n  ];\n\n  [key: string]: any;\n\n  #_componentLocale: any;\n  #kbVersions: KBVersion[] = [];\n  #renderedFirstTime = false;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  #selectedKbId: string;\n\n  #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n  @Element() el: HTMLGxIdeShareKbElement;\n\n  #KBNameEl!: HTMLChEditElement;\n\n  /**\n   * State to enable/disable the select versions button\n   */\n  @State() enableSelectVersionsButton: boolean = false;\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The version selected type\n   */\n  @State() versionSelectedType: VersionOption;\n\n  /**\n   * String value to show the number of versions selected (\"N versions selected\")\n   */\n  @State() versionsValueInput: string = \"\";\n\n  /**\n   * Set of data required when executing any of the callbacks that require a connection to the server.\n   */\n  @Prop() readonly connectionData: GXServerConnectionData;\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n   */\n  @Prop() readonly changeConnectionCallback: (\n    data: GXServerConnectionData\n  ) => Promise<void>;\n\n  /**\n   * The name of the KB.\n   */\n  @Prop({ mutable: true }) kbName: string;\n\n  /**\n   * Callback that must be invoked when the Share button is pressed.\n   */\n  @Prop() readonly shareKBCallback: (\n    data: ShareKBData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n   */\n  @Prop() readonly selectKBVersionsCallback: (\n    selectedKB: string\n  ) => Promise<KBVersion[]>;\n\n  /**\n   * Emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  componentDidLoad() {\n    this.versionSelectedType = this.#versionSelectedTypeEl\n      .value as VersionOption;\n\n    this.#initializeValidatableControls();\n  }\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #changeConnectionHandler = async (): Promise<void> => {\n    this.changeConnectionCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    });\n  };\n\n  #shareKBHandler = async (): Promise<void> => {\n    if (this.versionSelectedType !== \"Select\") {\n      this.#kbVersions = [];\n    }\n    this.shareKBCallback({\n      name: this.kbName,\n      serverUrl: this.connectionData.serverUrl,\n      versionList: this.#kbVersions,\n      allVersions: this.versionSelectedType === \"All\"\n    }).then((formSubmitResult: FormSubmitResult) => {\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\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  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#KBNameEl];\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  #kbNameInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n    this.kbName = event.detail as string;\n  };\n\n  #selectedVersionHandler = async () => {\n    if (this.selectKBVersionsCallback) {\n      await this.selectKBVersionsCallback(this.#selectedKbId).then(result => {\n        if (result?.length) {\n          this.#kbVersions = result.map(kbVersion => ({\n            id: kbVersion.id,\n            name: kbVersion.name\n          }));\n\n          if (result.length === 1 && this.#kbVersions[0].id === 0) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput =\n              this.#_componentLocale.kb.versionsPlaceholder;\n          } else if (result.length > 1) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput = `${result.length.toString()} ${\n              this.#_componentLocale.kb.versionSelectedFieldValue\n            }`;\n          } else {\n            this.localKbNameInputValue = `${this.#selectedKbId}_${\n              this.#kbVersions[0].name\n            }`;\n            this.versionsValueInput = `${result[0].name} ${\n              this.#_componentLocale.kb.oneVersionSelectedFieldValue\n            }`;\n          }\n        }\n      });\n    }\n  };\n\n  #versionsChangedHandler = (event: CustomEvent<string>) => {\n    this.versionSelectedType = event.detail as VersionOption;\n    if (this.versionSelectedType === \"Select\") {\n      this.enableSelectVersionsButton = true;\n    } else {\n      this.enableSelectVersionsButton = false;\n    }\n  };\n\n  #renderFooter = () => {\n    const disableShareKbButton = !this.kbName.length;\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body-inline spacing-body-block-end\">\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n            part=\"button button-cancel\"\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // share kb button\n            class=\"button-primary\"\n            onClick={!disableShareKbButton && this.#shareKBHandler}\n            disabled={disableShareKbButton}\n            part=\"button button-create-kb\"\n          >\n            {this.#_componentLocale.footer.shareKB}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.#_componentLocale.header.serverUrl}\n              </label>\n              <p>{this.connectionData.serverUrl}</p>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\">{this.#_componentLocale.header.user}</label>\n              <p>{this.connectionData.userName}</p>\n            </div>\n\n            <button\n              class=\"button-tertiary button-change\"\n              onClick={this.#changeConnectionHandler}\n            >\n              {this.#_componentLocale.header.change}\n            </button>\n          </header>\n\n          <section class=\"main field-group spacing-body\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"alias\">\n                {this.#_componentLocale.kb.aliasLabel}\n              </label>\n              <ch-edit\n                // alias\n                class=\"input\"\n                id=\"kb-name\"\n                value={this.kbName}\n                onInput={this.#kbNameInputHandler}\n                placeholder={this.#_componentLocale.kb.localKbNamePlaceholder}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#KBNameEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#KBNameEl)}\n            </div>\n\n            <div class=\"versions-container field-group\">\n              <ch-radio-group-render\n                class=\"radio-group\"\n                model={this.#versionsSelect}\n                onChange={this.#versionsChangedHandler}\n                value={this.#versionsSelect[0].value}\n                ref={(el: HTMLChRadioGroupRenderElement) =>\n                  (this.#versionSelectedTypeEl =\n                    el as HTMLChRadioGroupRenderElement)\n                }\n              ></ch-radio-group-render>\n\n              {this.versionSelectedType === \"Select\" && (\n                <div class=\"versions-container__item field-group\">\n                  <div class=\"field field-block\">\n                    <label class=\"label\" htmlFor=\"control-id-1\">\n                      {this.#_componentLocale.kb.versionsLabel}\n                    </label>\n                    <div class=\"versions-container__input\">\n                      <ch-edit\n                        class=\"input\"\n                        readonly\n                        placeholder={\n                          this.enableSelectVersionsButton\n                            ? this.#_componentLocale.kb.versionsPlaceholder\n                            : this.#_componentLocale.kb\n                                .versionsPlaceholderDisabled\n                        }\n                        value={this.versionsValueInput}\n                      ></ch-edit>\n                      <button\n                        class=\"button-tertiary button-icon-only\"\n                        onClick={this.#selectedVersionHandler}\n                        disabled={!this.enableSelectVersionsButton}\n                      >\n                        <ch-image\n                          src={this.#showMoreIcon}\n                          class=\"icon-sm\"\n                        ></ch-image>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </section>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  id: string;\n  name: string;\n};\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\n\nexport type ShareKBData = {\n  name: string;\n  serverUrl: string;\n  versionList: KBVersion[];\n  allVersions: boolean;\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-c3cc759d.entry.js

@@ -0,0 +1,182 @@
+import { r as e, h as r, H as t, a as o } from "./p-9b9ccd0c.js";
+
+import { g as a } from "./p-d42e842b.js";
+
+import "./p-d4ecd3bb.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
+
+import { L as i } from "./p-311eedf3.js";
+
+const s = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--mer-surface__elevation--01));padding-inline:var(--mer-spacing--xs);color:var(--mer-text__on-elevation);font-size:var(--font-size-body-s);line-height:1.4;font-weight:var(--font-weight-regular);border-radius:var(--mer-border__width--lg);min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}:host{display:grid;block-size:100%;grid-template-rows:1fr max-content}.main-container{display:grid;grid-template-rows:max-content max-content max-content;gap:var(--mer-spacing--md)}.versions-container{display:grid;grid-template-columns:1fr max-content;gap:var(--mer-spacing--xs)}.versions-container .button-icon-only{border-color:var(--mer-color__neutral-gray--500);border-width:var(--mer-border__width--sm);border-radius:var(--mer-border__radius--sm)}.versions-container .button-icon-only:hover{border-color:var(--mer-color__neutral-gray--100)}.giu-static-pill-icon-and-text{background-color:var(--mer-surface__elevation--02)}";
+
+var n = undefined && undefined.__classPrivateFieldGet || function(e, r, t, o) {
+  if (t === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof r === "function" ? e !== r || !o : !r.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return t === "m" ? o : t === "a" ? o.call(e) : o ? o.value : r.get(e);
+};
+
+var l = undefined && undefined.__classPrivateFieldSet || function(e, r, t, o, a) {
+  if (o === "m") throw new TypeError("Private method is not writable");
+  if (o === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof r === "function" ? e !== r || !a : !r.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return o === "a" ? a.call(e, t) : a ? a.value = t : r.set(e, t), t;
+};
+
+var c, g, d, f, b, v, h;
+
+const m = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+
+const p = a({
+  category: "gemini-tools",
+  name: "show-more-horizontal",
+  colorType: "on-elevation"
+});
+
+const u = a({
+  category: "objects",
+  name: "version-frozen"
+});
+
+const x = a({
+  category: "objects",
+  name: "version"
+});
+
+const y = a({
+  category: "system",
+  name: "version",
+  colorType: "on-surface"
+});
+
+const w = class {
+  constructor(t) {
+    e(this, t);
+    c.set(this, void 0);
+    g.set(this, (async () => {
+      const e = {
+        toVersionGuid: this.toVersionInfo.guid,
+        toVersionName: this.toVersionInfo.name,
+        fromVersionGuid: this.versions.find((e => e.name === this.selectedSourceVersionName)).guid,
+        fromVersionName: this.selectedSourceVersionName,
+        syncEnvironments: this.syncEnvironments
+      };
+      await this.confirmCallback(e);
+    }));
+    d.set(this, (async () => {
+      await this.cancelCallback();
+    }));
+    f.set(this, (e => {
+      this.versionsComboBoxModel = e.map((e => ({
+        caption: e.name,
+        value: e.guid,
+        startImgSrc: e.isFrozen ? u : x
+      })));
+    }));
+    b.set(this, (e => {
+      this.selectedSourceVersionName = e.detail;
+    }));
+    // Uncomment this when the sync environments feature is available
+    // #handleCheckBoxValueChange = (
+    //   event: ChCheckboxCustomEvent<any> | InputEvent
+    // ) => {
+    //   this.syncEnvironments = event.detail === CHECKBOX_CHECKED_VALUE;
+    // };
+        v.set(this, (async () => {
+      this.selectedSourceVersion = await this.selectSourceVersionCallback();
+      this.selectedSourceVersionName = this.selectedSourceVersion[0].name;
+    }));
+    h.set(this, (() => {
+      const e = !this.selectedSourceVersionName || !this.versionsComboBoxModel.some((e => e.caption === this.selectedSourceVersionName));
+      return r("footer", {
+        class: "footer control-footer-with-border spacing-body"
+      }, r("div", {
+        class: "buttons-spacer"
+      }, r("button", {
+        class: "button-secondary",
+        onClick: n(this, d, "f")
+      }, n(this, c, "f").footer.cancel), r("button", {
+        class: "button-primary",
+        onClick: n(this, g, "f"),
+        disabled: e
+      }, n(this, c, "f").footer.confirm)));
+    }));
+    this.syncEnvironments = false;
+    this.selectedSourceVersionName = "";
+    this.selectedSourceVersion = [];
+    this.versionsComboBoxModel = [];
+    this.selectSourceVersionCallback = undefined;
+    this.confirmCallback = undefined;
+    this.cancelCallback = undefined;
+    this.toVersionInfo = undefined;
+    this.versions = undefined;
+  }
+  versionsChanged() {
+    n(this, f, "f").call(this, this.versions);
+  }
+  async componentWillLoad() {
+    l(this, c, await i.getComponentStrings(this.el), "f");
+    n(this, f, "f").call(this, this.versions || []);
+  }
+  render() {
+    return r(t, {
+      class: "widget"
+    }, r("ch-theme", {
+      model: m
+    }), r("div", {
+      class: "main-container spacing-body"
+    }, r("div", null, r("p", {
+      class: "giu-static-pill-icon-and-text"
+    }, r("ch-image", {
+      class: "icon-md",
+      type: "mask",
+      src: y
+    }), r("span", null, `${n(this, c, "f").descriptions.pill} - ${this.toVersionInfo.name}`))), r("p", {
+      class: "body-regular-m"
+    }, n(this, c, "f").descriptions.summary), r("div", {
+      class: "field field-block"
+    }, r("label", {
+      class: "label",
+      htmlFor: "versions-combo-box"
+    }, n(this, c, "f").labels.fromVersion), r("div", {
+      class: "versions-container"
+    }, r("ch-combo-box-render", {
+      class: "combo-box",
+      id: "versions-combo-box",
+      model: this.versionsComboBoxModel,
+      placeholder: n(this, c, "f").placeHolders.fromVersion,
+      value: this.selectedSourceVersionName,
+      suggest: true,
+      onInput: n(this, b, "f")
+    }), r("button", {
+      class: "button-tertiary button-icon-only",
+      onClick: n(this, v, "f")
+    }, r("ch-image", {
+      src: p,
+      class: "icon-sm"
+    }))))), n(this, h, "f").call(this));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/restore-version" ];
+  }
+  get el() {
+    return o(this);
+  }
+  static get watchers() {
+    return {
+      versions: [ "versionsChanged" ]
+    };
+  }
+};
+
+c = new WeakMap, g = new WeakMap, d = new WeakMap, f = new WeakMap, b = new WeakMap, 
+v = new WeakMap, h = new WeakMap;
+
+w.style = s;
+
+export { w as gx_ide_restore_version };
+//# sourceMappingURL=p-c3cc759d.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["restoreVersionCss","CSS_BUNDLES","SHOW_MORE_ICON","getIconPath","category","name","colorType","VERSION_FROZEN_OBJECT_ICON","VERSION_OBJECT_ICON","VERSION_ICON","GxIdeRestoreVersion","_GxIdeRestoreVersion_componentLocale","set","this","_GxIdeRestoreVersion_confirmHandler","async","restoreVersionData","toVersionGuid","toVersionInfo","guid","toVersionName","fromVersionGuid","versions","find","version","selectedSourceVersionName","fromVersionName","syncEnvironments","confirmCallback","_GxIdeRestoreVersion_cancelHandler","cancelCallback","_GxIdeRestoreVersion_versionsToComboBoxItemModel","versionsComboBoxModel","map","caption","value","startImgSrc","isFrozen","_GxIdeRestoreVersion_handleComboBoxInput","event","detail","_GxIdeRestoreVersion_selectSourceVersionHandler","selectedSourceVersion","selectSourceVersionCallback","_GxIdeRestoreVersion_renderFooter","disableConfirmButton","some","v","h","class","onClick","__classPrivateFieldGet","footer","cancel","disabled","confirm","versionsChanged","call","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","render","Host","model","type","src","descriptions","pill","summary","htmlFor","labels","fromVersion","id","placeholder","placeHolders","suggest","onInput"],"sources":["src/components/restore-version/restore-version.scss?tag=gx-ide-restore-version&encapsulation=shadow","src/components/restore-version/restore-version.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: 1fr max-content;\n}\n\n.main-container {\n  display: grid;\n  grid-template-rows: max-content max-content max-content;\n  gap: var(--mer-spacing--md);\n}\n\n.versions-container {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n  gap: var(--mer-spacing--xs);\n\n  .button-icon-only {\n    border-color: var(--mer-color__neutral-gray--500);\n    border-width: var(--mer-border__width--sm);\n    border-radius: var(--mer-border__radius--sm);\n  }\n\n  .button-icon-only:hover {\n    border-color: var(--mer-color__neutral-gray--100);\n  }\n}\n\n.giu-static-pill-icon-and-text {\n  background-color: var(--mer-surface__elevation--02);\n}\n","import {\n  ChComboBoxRenderCustomEvent,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { Locale } from \"../../common/locale\";\nimport { KBVersion } from \"../team-dev/version-control/common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst SHOW_MORE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"on-elevation\"\n});\n\nconst VERSION_FROZEN_OBJECT_ICON = getIconPath({\n  category: \"objects\",\n  name: \"version-frozen\"\n});\n\nconst VERSION_OBJECT_ICON = getIconPath({\n  category: \"objects\",\n  name: \"version\"\n});\n\nconst VERSION_ICON = getIconPath({\n  category: \"system\",\n  name: \"version\",\n  colorType: \"on-surface\"\n});\n\n// Uncomment this when the sync environments feature is available\n// const CHECKBOX_CHECKED_VALUE = \"true\";\n\n@Component({\n  tag: \"gx-ide-restore-version\",\n  styleUrl: \"restore-version.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/restore-version\"]\n})\nexport class GxIdeRestoreVersion {\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeRestoreVersionElement;\n\n  /**\n   * Indicates if the environments should be synchronized.\n   */\n  @State() syncEnvironments: boolean = false;\n\n  /**\n   * Input value for the source version selector.\n   */\n  @State() selectedSourceVersionName: string = \"\";\n\n  /**\n   * Selected source version from version selector.\n   */\n  @State() selectedSourceVersion: KBVersion[] = [];\n\n  /**\n   * Combo box model for the versions selector.\n   */\n  @State() versionsComboBoxModel: ComboBoxModel = [];\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector.\n   */\n  @Prop() readonly selectSourceVersionCallback!: () => Promise<KBVersion[]>;\n\n  /**\n   * Callback invoked by pressing the Confirm button.\n   */\n  @Prop() readonly confirmCallback!: (\n    restoreVersionData: RestoreVersionData\n  ) => Promise<void>;\n\n  /**\n   * Callback invoked by pressing the Cancel button.\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The target version to which the restore will be made.\n   */\n  @Prop() readonly toVersionInfo!: KBVersion;\n\n  /**\n   * List of versions to show in the versions combo box.\n   */\n  @Prop() readonly versions!: KBVersion[];\n  @Watch(\"versions\")\n  versionsChanged() {\n    this.#versionsToComboBoxItemModel(this.versions);\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#versionsToComboBoxItemModel(this.versions || []);\n  }\n\n  #confirmHandler = async () => {\n    const restoreVersionData = {\n      toVersionGuid: this.toVersionInfo.guid,\n      toVersionName: this.toVersionInfo.name,\n      fromVersionGuid: this.versions.find(\n        version => version.name === this.selectedSourceVersionName\n      ).guid,\n      fromVersionName: this.selectedSourceVersionName,\n      syncEnvironments: this.syncEnvironments\n    };\n    await this.confirmCallback(restoreVersionData);\n  };\n\n  #cancelHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  #versionsToComboBoxItemModel = (versions: KBVersion[]) => {\n    this.versionsComboBoxModel = versions.map(version => ({\n      caption: version.name,\n      value: version.guid,\n      startImgSrc: version.isFrozen\n        ? VERSION_FROZEN_OBJECT_ICON\n        : VERSION_OBJECT_ICON\n    }));\n  };\n\n  #handleComboBoxInput = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    this.selectedSourceVersionName = event.detail as string;\n  };\n  // Uncomment this when the sync environments feature is available\n  // #handleCheckBoxValueChange = (\n  //   event: ChCheckboxCustomEvent<any> | InputEvent\n  // ) => {\n  //   this.syncEnvironments = event.detail === CHECKBOX_CHECKED_VALUE;\n  // };\n\n  #selectSourceVersionHandler = async () => {\n    this.selectedSourceVersion = await this.selectSourceVersionCallback();\n    this.selectedSourceVersionName = this.selectedSourceVersion[0].name;\n  };\n\n  #renderFooter = () => {\n    const disableConfirmButton =\n      !this.selectedSourceVersionName ||\n      !this.versionsComboBoxModel.some(\n        v => v.caption === this.selectedSourceVersionName\n      );\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body\">\n        <div class=\"buttons-spacer\">\n          <button class=\"button-secondary\" onClick={this.#cancelHandler}>\n            {this.#componentLocale.footer.cancel}\n          </button>\n\n          <button\n            class=\"button-primary\"\n            onClick={this.#confirmHandler}\n            disabled={disableConfirmButton}\n          >\n            {this.#componentLocale.footer.confirm}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <div class=\"main-container spacing-body\">\n          <div>\n            <p class=\"giu-static-pill-icon-and-text\">\n              <ch-image\n                class=\"icon-md\"\n                type=\"mask\"\n                src={VERSION_ICON}\n              ></ch-image>\n              <span>{`${this.#componentLocale.descriptions.pill} - ${this.toVersionInfo.name}`}</span>\n            </p>\n          </div>\n          <p class=\"body-regular-m\">\n            {this.#componentLocale.descriptions.summary}\n          </p>\n\n          <div class=\"field field-block\">\n            <label class=\"label\" htmlFor=\"versions-combo-box\">\n              {this.#componentLocale.labels.fromVersion}\n            </label>\n            <div class=\"versions-container\">\n              <ch-combo-box-render\n                class=\"combo-box\"\n                id=\"versions-combo-box\"\n                model={this.versionsComboBoxModel}\n                placeholder={this.#componentLocale.placeHolders.fromVersion}\n                value={this.selectedSourceVersionName}\n                suggest={true}\n                onInput={this.#handleComboBoxInput}\n              />\n              <button\n                class=\"button-tertiary button-icon-only\"\n                onClick={this.#selectSourceVersionHandler}\n              >\n                <ch-image src={SHOW_MORE_ICON} class=\"icon-sm\"></ch-image>\n              </button>\n            </div>\n          </div>\n\n          {\n            // Uncomment this when the sync environments feature is available\n            /* <ch-checkbox\n            class=\"checkbox\"\n            caption={this.#componentLocale.buttons.syncEnvironments}\n            checkedValue={CHECKBOX_CHECKED_VALUE}\n            onInput={this.#handleCheckBoxValueChange}\n          /> */\n          }\n        </div>\n        {this.#renderFooter()}\n      </Host>\n    );\n  }\n}\n\nexport type RestoreVersionData = {\n  fromVersionName: string;\n  fromVersionGuid: string;\n  toVersionGuid: string;\n  toVersionName: string;\n  syncEnvironments: boolean;\n};\n"],"mappings":"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"}