@genexus/genexus-ide-ui 2.1.1 → 2.1.3

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapCategoryToListItemGroup","category","categoryGroup","caption","name","id","type","expanded","expandable","items","types","map","selected","additionalInformation","center","imgSrc","icon","mapDataTypesToList","dataTypes","dataType","index","undefined","order","dataTypeSelectorCss","CSS_BUNDLES","ARROW_UP_KEY","ARROW_DOWN_KEY","ENTER_KEY","TAB_KEY","ALL_CATEGORY_ID","RECENTLY_USED_CATEGORY_ID","CLOCK_ICON","getIconPath","colorType","GxIdeKbManagerImport","_GxIdeKbManagerImport__componentLocale","set","this","_GxIdeKbManagerImport_showAll","_GxIdeKbManagerImport_categoriesActionListItemGroupMap","Map","_GxIdeKbManagerImport_dataTypeCategoryMap","_GxIdeKbManagerImport_dataTypeDataIdMap","_GxIdeKbManagerImport_lastArrowKey","_GxIdeKbManagerImport_selectedDataTypeIds","categoryId","dataTypeId","_GxIdeKbManagerImport_focusAlreadySet","_GxIdeKbManagerImport_actionListEl","_GxIdeKbManagerImport_evaluateSelectionChanged","path","chActionListItem","find","el","tagName","dataTypeData","__classPrivateFieldGet","get","dataTypeSelectedCallback","_GxIdeKbManagerImport_listKeyDownHandler","event","pressedKey","key","composedPath","__classPrivateFieldSet","actionGroup","currentFocusedActionGroupId","firstActionListGroupId","shadowRoot","firstElementChild","arrowUpOnFirstElement","call","stopPropagation","_GxIdeKbManagerImport_listClickHandler","detail","_GxIdeKbManagerImport_showAllObjects","allCategoriesActionListModel","counter","mapLength","size","keys","push","categoriesListBoxModel","selectedCategory","_GxIdeKbManagerImport_showRecentlyObjects","recentlyUsedActionListModel","selectedCategoryHandler","e","currentTarget","dataset","newSelectedCategory","_GxIdeKbManagerImport_handleButtonTab","_GxIdeKbManagerImport_renderFooter","recentlyUsedBtnClass","allBtnClass","selectedCategoryDescription","fixedTypes","recentlyUsed","all","h","class","length","select","title","onClick","onKeyDown","src","categories","buttonClass","_GxIdeKbManagerImport_setFocus","async","focusableElement","setTimeout","focusType","selectedDataTypeEl","getElementById","firstActionListGroup","firstButton","focus","categoriesChanged","newCategories","clear","forEach","categoryListBoxModel","isSelected","loading","categoriesJustChanged","recentlyUsedChanged","newRecentlyUsed","componentWillLoad","Locale","getComponentStrings","render","Host","model","loaderTitle","loader","description","show","ref","selection"],"sources":["src/components/data-type-selector/helpers.ts","src/components/data-type-selector/data-type-selector.scss?tag=gx-ide-data-type-selector&encapsulation=shadow","src/components/data-type-selector/data-type-selector.tsx"],"sourcesContent":["import { DataTypeCategoryData, DataTypeData } from \"./data-type-selector\";\nimport {\n  ActionListItemGroup,\n  ActionListModel\n} from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\n\nexport const mapCategoryToListItemGroup = (\n  category: DataTypeCategoryData\n): ActionListItemGroup => {\n  const categoryGroup: ActionListItemGroup = {\n    caption: category.name,\n    id: category.name,\n    type: \"group\",\n    expanded: true,\n    expandable: true,\n    items: category.types.map(type => {\n      return {\n        caption: type.name,\n        id: type.name,\n        selected: type.selected,\n        additionalInformation: {\n          \"stretch-start\": {\n            center: [{ imgSrc: type.icon }]\n          }\n        },\n        type: \"actionable\"\n      };\n    })\n  };\n  return categoryGroup;\n};\n\nexport const mapDataTypesToList = (\n  dataTypes: DataTypeData[]\n): ActionListModel => {\n  return dataTypes.map((dataType, index) => {\n    return {\n      caption: dataType.name,\n      id: dataType.name,\n      selected: dataType.selected,\n      additionalInformation: {\n        \"stretch-start\": {\n          center: [{ imgSrc: dataType.icon || undefined }]\n        }\n      },\n      type: \"actionable\",\n      order: index\n    };\n  });\n};\n","@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  position: relative;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: 1fr max-content;\n\n  // WA: Prevent a custom css rule on genexus-web from overriding --control-border-width value.\n  // TDOO: remove this when the custom style is removed from genexus-web.\n  // custom stlye is: .gx-struct-editor .tabular-grid-cell {\n  //   --control-border-width: 0;\n  // }\n\n  --control-border-width: 1px;\n  --control-border-radius: 4px;\n}\n\n.main {\n  display: contents;\n}\n\n.selected-category {\n  margin: 0;\n  text-transform: capitalize;\n  margin-inline-start: 16px; // TODO: Create a semantic class in Mercury for this case.\n  white-space: nowrap;\n}\n\n.footer {\n  overflow: auto;\n  padding: var(--spacing-padding-m);\n}\n\n// WA: Reduce font-size. This should be solved on Mercury.\n.list-box::part(item__action),\n.list-box::part(group__action) {\n  font-size: var(--font-size-body-s) !important;\n}\n\n// WA: There is no icon for [*]. This should be added to the icon library,\n// and use a ch-image instead.\n.pseudo-icon {\n  inline-size: var(--icon-m);\n  block-size: var(--icon-m);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n","// Stencil\nimport { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport {\n  ActionListItemModel,\n  ActionListModel\n} from \"@genexus/chameleon-controls-library\";\nimport { ActionListItemGroup } from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\n// Gx Ide Ui\nimport { Locale } from \"../../common/locale\";\nimport { mapCategoryToListItemGroup, mapDataTypesToList } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/list-box\",\n  \"utils/form--full\",\n  \"utils/typography\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst ARROW_UP_KEY = \"ArrowUp\";\nconst ARROW_DOWN_KEY = \"ArrowDown\";\nconst ENTER_KEY = \"Enter\";\nconst TAB_KEY = \"Tab\";\n\nconst ALL_CATEGORY_ID = \"all\";\nconst RECENTLY_USED_CATEGORY_ID = \"recenttly-used\";\n\nconst CLOCK_ICON = getIconPath({\n  category: \"system\",\n  name: \"time\",\n  colorType: \"primary\"\n});\n\n@Component({\n  tag: \"gx-ide-data-type-selector\",\n  styleUrl: \"data-type-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/data-type-selector\"]\n})\nexport class GxIdeKbManagerImport {\n  #_componentLocale: any;\n  #showAll: boolean = false;\n  #categoriesActionListItemGroupMap: Map<string, ActionListItemGroup> = new Map<\n    string,\n    ActionListItemGroup\n  >();\n\n  #dataTypeCategoryMap: Map<string, string> = new Map<string, string>();\n  #dataTypeDataIdMap: Map<string, DataTypeData> = new Map<\n    string,\n    DataTypeData\n  >();\n  #lastArrowKey: typeof ARROW_UP_KEY | typeof ARROW_DOWN_KEY | null = null;\n  #selectedDataTypeIds: SelectedDataTypeIds = {\n    // For setting focus\n    categoryId: undefined,\n    dataTypeId: undefined\n  };\n  #focusAlreadySet: boolean = false;\n\n  #actionListEl!: HTMLChActionListRenderElement;\n  @Element() el: HTMLGxIdeDataTypeSelectorElement;\n\n  @State() categoriesListBoxModel: ActionListItemModel[] = [];\n  @State() selectedCategory: string;\n  @State() recentlyUsedActionListModel: ActionListModel = [];\n  @State() loading: boolean = true;\n  @State() categoriesJustChanged: boolean = false;\n  @State() actionListDidRender: boolean = false;\n\n  /**\n   * All possible types and its category\n   */\n  @Prop() readonly categories: DataTypeCategoryData[] = undefined;\n  @Watch(\"categories\")\n  categoriesChanged(newCategories: DataTypeCategoryData[]) {\n    if (!newCategories?.length) {\n      return;\n    }\n\n    this.#categoriesActionListItemGroupMap.clear();\n    newCategories.forEach(category => {\n      const categoryListBoxModel = mapCategoryToListItemGroup(category);\n      this.#categoriesActionListItemGroupMap.set(\n        category.name,\n        categoryListBoxModel\n      );\n      category.types.forEach(type => {\n        const isSelected = type.selected;\n        if (isSelected) {\n          // For setting focus\n          this.#selectedDataTypeIds.categoryId = category.name;\n          this.#selectedDataTypeIds.dataTypeId = type.name;\n        }\n\n        this.#dataTypeCategoryMap.set(type.name, category.id);\n        this.#dataTypeDataIdMap.set(type.name, {\n          id: category.id,\n          name: type.name,\n          icon: type.icon,\n          selected: type.selected\n        });\n      });\n    });\n    this.loading = false;\n    this.#showAllObjects();\n    this.categoriesJustChanged = true;\n  }\n\n  /**\n   * Callback invoked when the user has selected an item type\n   */\n  @Prop() readonly dataTypeSelectedCallback: DataTypeSelectedCallback;\n\n  /**\n   * Defines the type of focus applied when the component renders for the first time.\n   */\n  @Prop() readonly arrowUpOnFirstElement: ArrowFirstOnFirstElement;\n\n  /**\n   * Defines the type of focus applied when the component renders for the first time.\n   */\n  @Prop() readonly focusType: \"first-element\" | \"selected\" = \"first-element\";\n\n  /**\n   * All recently used types list\n   */\n  @Prop() readonly recentlyUsed: DataTypeData[] = [];\n  @Watch(\"recentlyUsed\")\n  recentlyUsedChanged(newRecentlyUsed: DataTypeData[]) {\n    this.recentlyUsedActionListModel = null;\n    this.recentlyUsedActionListModel = mapDataTypesToList(newRecentlyUsed);\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    // initialize models\n    this.recentlyUsed.length && this.recentlyUsedChanged(this.recentlyUsed);\n  }\n\n  #evaluateSelectionChanged = (path: EventTarget[]) => {\n    const chActionListItem = path.find(\n      el => (el as HTMLElement).tagName === \"CH-ACTION-LIST-ITEM\"\n    );\n    if (chActionListItem) {\n      const id = (chActionListItem as HTMLElement).id;\n      const dataTypeData = this.#dataTypeDataIdMap.get(id);\n      this.dataTypeSelectedCallback(dataTypeData);\n    }\n  };\n\n  #listKeyDownHandler = (event: KeyboardEvent) => {\n    const pressedKey = event.key;\n    const path = event.composedPath();\n\n    if (pressedKey === ARROW_UP_KEY || pressedKey === ARROW_DOWN_KEY) {\n      this.#lastArrowKey = pressedKey;\n\n      if (pressedKey === ARROW_UP_KEY) {\n        // Check if this is the first group. IF it is, let the host know,\n        // so it can close the dialog.\n\n        const chActionListItem = path.find(\n          el => (el as HTMLElement).tagName === \"CH-ACTION-LIST-ITEM\"\n        );\n\n        if (chActionListItem !== undefined) {\n          return;\n        }\n\n        // This is a ch-action-list-group\n        const actionGroup = path.find(\n          el => (el as HTMLElement).tagName === \"CH-ACTION-LIST-GROUP\"\n        );\n        const currentFocusedActionGroupId = (actionGroup as HTMLElement).id;\n\n        const firstActionListGroupId =\n          this.#actionListEl.shadowRoot.firstElementChild.id;\n\n        if (currentFocusedActionGroupId === firstActionListGroupId) {\n          this.arrowUpOnFirstElement();\n        }\n      }\n    } else if (pressedKey === ENTER_KEY) {\n      this.#evaluateSelectionChanged(path);\n    } else if (pressedKey === TAB_KEY) {\n      event.stopPropagation();\n    }\n  };\n\n  #listClickHandler = (event: MouseEvent) => {\n    if (this.#lastArrowKey) {\n      // User navigated with ArrowUp or ArrowDown\n      // Ignore, since this was not a click event.\n    } else if (event.detail === 0) {\n      // ignore keyboard Enter (Enter happens by default on buttons on onClick)\n      return;\n    } else {\n      const path = event.composedPath();\n      this.#evaluateSelectionChanged(path);\n    }\n    this.#lastArrowKey = null;\n  };\n\n  #showAllObjects = () => {\n    if (!this.#showAll) {\n      const allCategoriesActionListModel: ActionListItemModel[] = [];\n      let counter = 1;\n      const mapLength = this.#categoriesActionListItemGroupMap.size;\n      for (const key of this.#categoriesActionListItemGroupMap.keys()) {\n        allCategoriesActionListModel.push(\n          this.#categoriesActionListItemGroupMap.get(key)\n        );\n        if (counter !== mapLength) {\n          allCategoriesActionListModel.push({ type: \"separator\" });\n        }\n        counter++;\n      }\n      this.categoriesListBoxModel = allCategoriesActionListModel;\n      this.#showAll = true;\n      this.selectedCategory = ALL_CATEGORY_ID;\n    }\n  };\n\n  #showRecentlyObjects = () => {\n    this.#showAll = false;\n    this.categoriesListBoxModel = this.recentlyUsedActionListModel;\n    this.selectedCategory = RECENTLY_USED_CATEGORY_ID;\n  };\n\n  private selectedCategoryHandler = (e: MouseEvent) => {\n    this.selectedCategory = (e.currentTarget as HTMLButtonElement).dataset.name;\n    const newSelectedCategory = [\n      this.#categoriesActionListItemGroupMap.get(this.selectedCategory)\n    ];\n    this.categoriesListBoxModel = newSelectedCategory;\n    this.#showAll = false;\n  };\n\n  #handleButtonTab = (event: KeyboardEvent) => {\n    // Prevents bubbling, which causes this component to close, due to how the IDE handles Tab event\n    // in a parent element.\n    if (event.key === TAB_KEY || event.key === ENTER_KEY) {\n      event.stopPropagation();\n    }\n  };\n\n  #renderFooter = () => {\n    const recentlyUsedBtnClass =\n      this.selectedCategory === RECENTLY_USED_CATEGORY_ID\n        ? \"button-secondary\"\n        : \"button-tertiary\";\n    const allBtnClass =\n      this.selectedCategory === ALL_CATEGORY_ID\n        ? \"button-secondary\"\n        : \"button-tertiary\";\n    let selectedCategoryDescription = this.selectedCategory;\n    if (this.selectedCategory === RECENTLY_USED_CATEGORY_ID) {\n      selectedCategoryDescription =\n        this.#_componentLocale.fixedTypes.recentlyUsed;\n    } else if (this.selectedCategory === ALL_CATEGORY_ID) {\n      selectedCategoryDescription = this.#_componentLocale.fixedTypes.all;\n    } else {\n      selectedCategoryDescription = this.selectedCategory;\n    }\n\n    return (\n      <footer\n        class=\"footer dialog-footer dialog-footer-start scrollable\n      \"\n      >\n        <div class=\"buttons-spacer\">\n          {this.recentlyUsed && this.recentlyUsed.length > 0 && (\n            <button\n              class={`button-icon-only ${recentlyUsedBtnClass}`}\n              aria-label={`${this.#_componentLocale.select} ${\n                this.#_componentLocale.fixedTypes.recentlyUsed\n              }`}\n              title={`${this.#_componentLocale.select} ${\n                this.#_componentLocale.fixedTypes.recentlyUsed\n              }`}\n              onClick={this.#showRecentlyObjects}\n              onKeyDown={this.#handleButtonTab}\n            >\n              <ch-image class=\"icon-m\" src={CLOCK_ICON}></ch-image>\n            </button>\n          )}\n          <button\n            class={`button-icon-only ${allBtnClass}`}\n            onClick={this.#showAllObjects}\n            onKeyDown={this.#handleButtonTab}\n            aria-label={`${this.#_componentLocale.select} ${\n              this.#_componentLocale.fixedTypes.all\n            }`}\n            title={`${this.#_componentLocale.select} ${\n              this.#_componentLocale.fixedTypes.all\n            }`}\n          >\n            <span class=\"pseudo-icon\">[*]</span>\n          </button>\n          {this.categories.map(category => {\n            const buttonClass =\n              category.name === this.selectedCategory\n                ? \"button-secondary\"\n                : \"button-tertiary\";\n\n            return (\n              <button\n                class={`button-icon-only ${buttonClass}`}\n                aria-label={category.name}\n                title={category.name}\n                onClick={this.selectedCategoryHandler}\n                onKeyDown={this.#handleButtonTab}\n                data-name={category.name}\n              >\n                <ch-image class=\"icon-m\" src={category.icon}></ch-image>\n              </button>\n            );\n          })}\n        </div>\n        <p class=\"body-regular-s selected-category\">\n          {selectedCategoryDescription}\n        </p>\n      </footer>\n    );\n  };\n\n  #setFocus = async () => {\n    if (this.#focusAlreadySet) {\n      return;\n    }\n    let focusableElement: HTMLElement;\n\n    setTimeout(() => {\n      // setTimeout as a WA, since the list-box elements are not rendered/read immediatelly\n      if (\n        this.focusType === \"selected\" &&\n        this.#selectedDataTypeIds.categoryId &&\n        this.#selectedDataTypeIds.dataTypeId\n      ) {\n        // set focus on the selected element\n        const selectedDataTypeEl = this.#actionListEl.shadowRoot.getElementById(\n          this.#selectedDataTypeIds.dataTypeId\n        );\n        if (selectedDataTypeEl) {\n          focusableElement = selectedDataTypeEl;\n        }\n      } else {\n        // set focus of the first element\n        const firstActionListGroup =\n          this.#actionListEl.shadowRoot.firstElementChild;\n\n        const firstButton = firstActionListGroup.shadowRoot.firstElementChild;\n        focusableElement = firstButton as HTMLButtonElement;\n      }\n\n      focusableElement && (focusableElement as HTMLElement).focus();\n      this.#focusAlreadySet = true;\n    }, 150);\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        {this.loading ? (\n          <gx-ide-loader\n            loaderTitle={this.#_componentLocale.loader.title}\n            description={this.#_componentLocale.loader.description}\n            show\n          ></gx-ide-loader>\n        ) : (\n          <section class=\"main\">\n            <ch-action-list-render\n              ref={async (el: HTMLChActionListRenderElement) => {\n                this.#actionListEl = el as HTMLChActionListRenderElement;\n                this.#setFocus();\n              }}\n              class=\"list-box\"\n              model={this.categoriesListBoxModel}\n              selection=\"single\"\n              onKeyDown={this.#listKeyDownHandler}\n              onClick={this.#listClickHandler}\n            ></ch-action-list-render>\n            {this.#renderFooter()}\n          </section>\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type DataTypeCategoryData = {\n  id: string;\n  name: string;\n  icon: string;\n  types: DataTypeData[];\n};\nexport type DataTypeData = {\n  id: string;\n  name: string;\n  icon: string;\n  selected: boolean;\n};\n\nexport type DataTypeSelectedCallback = (data: DataTypeData) => Promise<void>;\n\ntype SelectedDataTypeIds = {\n  categoryId: string;\n  dataTypeId: string;\n};\n\nexport type ArrowFirstOnFirstElement = () => Promise<void>;\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-b44a875d.entry.js → p-f1b452fb.entry.js}

@@ -32,7 +32,7 @@ const mapObjectTypeToComboBoxItemModel = e => e.map((e => ({
   startImgSrc: e.icon
 })));
 
-const u = '.custom-icon-text-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n}\n\n.warning-error-description {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n  padding: var(--spacing-padding-m);\n  max-inline-size: 800px;\n  line-height: var(--line-height-spacious);\n}\n\n.warning-error-icon {\n  flex-shrink: 0;\n}\n\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n:host {\n  --pill-border-radius: 12px;\n  --pill-padding-inline: var(--spacing-padding-m);\n  --pill-padding-block: var(--spacing-padding-xxs);\n  --pill-font-size: var(--font-size-body-s);\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content max-content 1fr;\n}\n\n.detail__version, .detail__knowledge-base {\n  padding-inline: var(--spacing-padding-xxl);\n  border-inline-end: 1px solid var(--color-border-surface-on-elevation-1);\n}\n\n.detail__genexus-server {\n  padding-inline-end: var(--spacing-padding-xxl);\n  border-inline-end: 1px solid var(--color-border-surface-on-elevation-1);\n}\n\n.detail__last-full-update {\n  padding-inline-start: var(--spacing-padding-xxl);\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  display: grid;\n  row-gap: var(--spacing-gap-xl);\n  grid-auto-columns: max-content;\n  grid-auto-rows: max-content;\n  grid-template-areas: "detail-heading-gx . . ." "detail-genexus-server detail-knowledge-base detail-version detail-last-full-update";\n}\n\n.detail__label {\n  color: var(--color-text-neutral-disabled);\n}\n\n.detail__heading-genexus-server {\n  grid-area: detail-heading-gx;\n}\n\n.detail__genexus-server {\n  grid-area: detail-genexus-server;\n}\n.detail__genexus-server > 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(--color-text-primary-default);\n  text-decoration: underline;\n}\n.detail__link:hover {\n  color: var(--color-text-primary-hover);\n}\n.detail__link:active {\n  color: var(--color-text-primary-pressed);\n}\n\n.detail__knowledge-base {\n  grid-area: detail-knowledge-base;\n}\n\n.detail__version {\n  grid-area: detail-version;\n}\n\n.detail__last-full-update {\n  grid-area: detail-last-full-update;\n}\n\n.filter-container {\n  container-type: inline-size;\n  box-sizing: border-box;\n}\n\n.filter {\n  display: grid;\n  margin-block-start: var(--spacing-padding-xxl);\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}\n\n@container (max-width: 1100px) {\n  .filter-container > .filter {\n    grid-template-columns: 200px 200px 200px 1fr;\n    grid-template-areas: "filter-search filter-types filter-actions filter-buttons" "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: "filter-search filter-types filter-actions" "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\n.filter__types {\n  grid-area: filter-types;\n}\n\n.filter__actions {\n  grid-area: filter-actions;\n}\n\n.filter__kb-properties {\n  grid-area: filter-kb-properties;\n}\n\n.filter__buttons {\n  margin-inline-start: auto;\n  grid-area: filter-buttons;\n}\n\n.main {\n  position: relative;\n  display: grid;\n  overflow: auto;\n}\n\n.loader {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-block-start: 0;\n}\n\n.tabular-grid {\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.empty-state {\n  block-size: 100%;\n}\n\n.loader {\n  --elevation-background-color: var(--color-accent-surface-elevation-1);\n}\n\n.messages-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  max-inline-size: 800px;\n  padding: var(--spacing-padding-m) 0;\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-xxs);\n}\n\n.message-description {\n  line-height: var(--line-height-spacious);\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n}\n\n.message-icon {\n  flex-shrink: 0;\n}\n\n.tabular-grid.empty-result::part(main) {\n  overflow: hidden;\n}\n\n.input-comments-container {\n  position: relative;\n}\n\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(--color-accent-surface-surface);\n  transition: var(--timing-super-fast) block-size, var(--timing-super-fast) background-color, var(--timing-super-fast) padding-block, var(--timing-super-fast) padding-inline;\n}\n\n.input-comments:focus {\n  position: absolute;\n  block-size: 200px;\n  inline-size: 100%;\n  z-index: 99;\n  background-color: var(--color-accent-surface-elevation-1);\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;\n  margin-inline-end: 0;\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--enabled);\n  cursor: pointer;\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):hover {\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--hover);\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):active {\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--active);\n}\n\n.tabular-grid-row-actions::part(main),\n.property-grid-row-actions::part(main) {\n  gap: 0 !important;\n}\n\n.tabular-grid-row-actions > button {\n  justify-content: start;\n}\n\n.pill {\n  --pill-background-color: transparent;\n  --pill-color: transparent;\n  --pill-border-color: transparent;\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-style-semi-bold);\n}\n.pill--update, .pill--pending {\n  --pill-background-color: var();\n  --pill-color: var(--color-text-neutral-disabled);\n  --pill-border-color: var();\n}\n.pill--to-merge-marked {\n  --pill-background-color: var();\n  --pill-color: var(--color-border-primary-default);\n  --pill-border-color: var();\n}\n.pill--ignored {\n  --pill-background-color: var(--color-accent-surface-elevation-2);\n  --pill-color: var(--color-text-neutral-on-disabled);\n  --pill-border-color: var(--color-border-neutral-default);\n}\n.pill--pending {\n  --pill-background-color: var(--color-accent-neutral-contrast);\n  --pill-color: var(--color-border-primary-default);\n  --pill-border-color: var(--color-accent-primary-pressed);\n}\n.pill--warning {\n  --pill-background-color: var(--color-accent-warning-contrast);\n  --pill-color: var(--color-border-warning-default);\n  --pill-border-color: var(--color-border-warning-default);\n}\n.pill--error {\n  --pill-background-color: var(--color-accent-error-contrast);\n  --pill-color: var(--color-border-error-default);\n  --pill-border-color: var(--color-border-error-light);\n}\n.pill--updated {\n  --pill-background-color: var(--color-accent-success-contrast);\n  --pill-color: var(--color-border-success-default);\n  --pill-border-color: var(--color-accent-success-default);\n}\n.pill--transitioning {\n  --pill-color: transparent;\n}\n\n.updating-spinner-caption {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n  --status-circle-color: transparent;\n  --status-circle-size: $size;\n  --status-circle-inset-inline-start: 16px;\n  --pill-color: var(--color-border-primary-default);\n}\n.updating-spinner-caption::before {\n  display: inline-block;\n  content: "";\n  width: 16px;\n  height: 16px;\n  border: calc(16px / 7) solid var(--color-accent-primary-pressed);\n  border-top: calc(16px / 7) solid var(--color-border-primary-on-default);\n  border-radius: 50%;\n  animation: spin var(--timing-regular) linear infinite;\n}\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\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  padding-block: 0;\n  align-items: center;\n  justify-content: center;\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\n.tabular-grid-column--settings-custom-selector,\n.tabular-grid-cell--settings-custom-selector {\n  padding-block: 0;\n  padding-inline: 0;\n}\n\n.tabular-grid-cell::part(actions-icon) {\n  padding-block: var(--spacing-padding-m);\n}\n\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  block-size: 100%;\n  display: block;\n  background-size: 16px;\n  padding-inline: var(--spacing-padding-xl);\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(--color-accent-surface-elevation-2) !important;\n}\n\n.tabular-grid-row .tabular-grid-cell:nth-child(3) {\n  min-inline-size: 200px;\n}';
+const u = '.custom-icon-text-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n}\n\n.warning-error-description {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n  padding: var(--spacing-padding-m);\n  max-inline-size: 800px;\n  line-height: var(--line-height-spacious);\n}\n\n.warning-error-icon {\n  flex-shrink: 0;\n}\n\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\nbutton.button-secondary {\n  border-color: var(--color-border-neutral-default);\n}\n\n:host {\n  --pill-border-radius: 12px;\n  --pill-padding-inline: var(--spacing-padding-m);\n  --pill-padding-block: var(--spacing-padding-xxs);\n  --pill-font-size: var(--font-size-body-s);\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content max-content 1fr;\n}\n\n.detail__version, .detail__knowledge-base {\n  padding-inline: var(--spacing-padding-xxl);\n  border-inline-end: 1px solid var(--color-border-surface-on-elevation-1);\n}\n\n.detail__genexus-server {\n  padding-inline-end: var(--spacing-padding-xxl);\n  border-inline-end: 1px solid var(--color-border-surface-on-elevation-1);\n}\n\n.detail__last-full-update {\n  padding-inline-start: var(--spacing-padding-xxl);\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  display: grid;\n  row-gap: var(--spacing-gap-xl);\n  grid-auto-columns: max-content;\n  grid-auto-rows: max-content;\n  grid-template-areas: "detail-heading-gx . . ." "detail-genexus-server detail-knowledge-base detail-version detail-last-full-update";\n}\n\n.detail__label {\n  color: var(--color-text-neutral-disabled);\n}\n\n.detail__heading-genexus-server {\n  grid-area: detail-heading-gx;\n}\n\n.detail__genexus-server {\n  grid-area: detail-genexus-server;\n}\n.detail__genexus-server > 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(--color-text-primary-default);\n  text-decoration: underline;\n}\n.detail__link:hover {\n  color: var(--color-text-primary-hover);\n}\n.detail__link:active {\n  color: var(--color-text-primary-pressed);\n}\n\n.detail__knowledge-base {\n  grid-area: detail-knowledge-base;\n}\n\n.detail__version {\n  grid-area: detail-version;\n}\n\n.detail__last-full-update {\n  grid-area: detail-last-full-update;\n}\n\n.filter-container {\n  container-type: inline-size;\n  box-sizing: border-box;\n}\n\n.filter {\n  display: grid;\n  margin-block-start: var(--spacing-padding-xxl);\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}\n\n@container (max-width: 1100px) {\n  .filter-container > .filter {\n    grid-template-columns: 200px 200px 200px 1fr;\n    grid-template-areas: "filter-search filter-types filter-actions filter-buttons" "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: "filter-search filter-types filter-actions" "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\n.filter__types {\n  grid-area: filter-types;\n}\n\n.filter__actions {\n  grid-area: filter-actions;\n}\n\n.filter__kb-properties {\n  grid-area: filter-kb-properties;\n}\n\n.filter__buttons {\n  margin-inline-start: auto;\n  grid-area: filter-buttons;\n}\n\n.main {\n  position: relative;\n  display: grid;\n  overflow: auto;\n}\n\n.loader {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-block-start: 0;\n}\n\n.tabular-grid {\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.empty-state {\n  block-size: 100%;\n}\n\n.loader {\n  --elevation-background-color: var(--color-accent-surface-elevation-1);\n}\n\n.messages-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  max-inline-size: 800px;\n  padding: var(--spacing-padding-m) 0;\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-xxs);\n}\n\n.message-description {\n  line-height: var(--line-height-spacious);\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n}\n\n.message-icon {\n  flex-shrink: 0;\n}\n\n.tabular-grid.empty-result::part(main) {\n  overflow: hidden;\n}\n\n.input-comments-container {\n  position: relative;\n}\n\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(--color-accent-surface-surface);\n  transition: var(--timing-super-fast) block-size, var(--timing-super-fast) background-color, var(--timing-super-fast) padding-block, var(--timing-super-fast) padding-inline;\n}\n\n.input-comments:focus {\n  position: absolute;\n  block-size: 200px;\n  inline-size: 100%;\n  z-index: 99;\n  background-color: var(--color-accent-surface-elevation-1);\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;\n  margin-inline-end: 0;\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--enabled);\n  cursor: pointer;\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):hover {\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--hover);\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):active {\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--active);\n}\n\n.tabular-grid-row-actions::part(main),\n.property-grid-row-actions::part(main) {\n  gap: 0 !important;\n}\n\n.tabular-grid-row-actions > button {\n  justify-content: start;\n}\n\n.pill {\n  --pill-background-color: transparent;\n  --pill-color: transparent;\n  --pill-border-color: transparent;\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-style-semi-bold);\n}\n.pill--update, .pill--pending {\n  --pill-background-color: var();\n  --pill-color: var(--color-text-neutral-disabled);\n  --pill-border-color: var();\n}\n.pill--to-merge-marked {\n  --pill-background-color: var();\n  --pill-color: var(--color-border-primary-default);\n  --pill-border-color: var();\n}\n.pill--ignored {\n  --pill-background-color: var(--color-accent-surface-elevation-2);\n  --pill-color: var(--color-text-neutral-on-disabled);\n  --pill-border-color: var(--color-border-neutral-default);\n}\n.pill--pending {\n  --pill-background-color: var(--color-accent-neutral-contrast);\n  --pill-color: var(--color-border-primary-default);\n  --pill-border-color: var(--color-accent-primary-pressed);\n}\n.pill--warning {\n  --pill-background-color: var(--color-accent-warning-contrast);\n  --pill-color: var(--color-border-warning-default);\n  --pill-border-color: var(--color-border-warning-default);\n}\n.pill--error {\n  --pill-background-color: var(--color-accent-error-contrast);\n  --pill-color: var(--color-border-error-default);\n  --pill-border-color: var(--color-border-error-light);\n}\n.pill--updated {\n  --pill-background-color: var(--color-accent-success-contrast);\n  --pill-color: var(--color-border-success-default);\n  --pill-border-color: var(--color-accent-success-default);\n}\n.pill--transitioning {\n  --pill-color: transparent;\n}\n\n.updating-spinner-caption {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n  --status-circle-color: transparent;\n  --status-circle-size: $size;\n  --status-circle-inset-inline-start: 16px;\n  --pill-color: var(--color-border-primary-default);\n}\n.updating-spinner-caption::before {\n  display: inline-block;\n  content: "";\n  width: 16px;\n  height: 16px;\n  border: calc(16px / 7) solid var(--color-accent-primary-pressed);\n  border-top: calc(16px / 7) solid var(--color-border-primary-on-default);\n  border-radius: 50%;\n  animation: spin var(--timing-regular) linear infinite;\n}\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\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  padding-block: 0;\n  align-items: center;\n  justify-content: center;\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\n.tabular-grid-column--settings-custom-selector,\n.tabular-grid-cell--settings-custom-selector {\n  padding-block: 0;\n  padding-inline: 0;\n}\n\n.tabular-grid-cell::part(actions-icon) {\n  padding-block: var(--spacing-padding-m);\n}\n\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  block-size: 100%;\n  display: block;\n  background-size: 16px;\n  padding-inline: var(--spacing-padding-xl);\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(--color-accent-surface-elevation-2) !important;\n}\n\n.tabular-grid-row .tabular-grid-cell:nth-child(3) {\n  min-inline-size: 200px;\n}';
 
 var g = undefined && undefined.__classPrivateFieldGet || function(e, t, n, i) {
   if (n === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
@@ -816,4 +816,4 @@ D = new WeakMap;
 ne.style = u;
 
 export { ne as gx_ide_team_dev_update };
-//# sourceMappingURL=p-b44a875d.entry.js.map
+//# sourceMappingURL=p-f1b452fb.entry.js.map

package/dist/genexus-ide-ui/p-f1b452fb.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@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  --pill-border-radius: 12px;\n  --pill-padding-inline: var(--spacing-padding-m);\n  --pill-padding-block: var(--spacing-padding-xxs);\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: var(--spacing-padding-xxl);\n$header-item-common-separator-border: 1px solid\n  var(--color-border-surface-on-elevation-1);\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(--spacing-gap-xl);\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(--color-text-neutral-disabled);\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(--color-text-primary-default);\n  text-decoration: underline;\n  &:hover {\n    color: var(--color-text-primary-hover);\n  }\n  &:active {\n    color: var(--color-text-primary-pressed);\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(--spacing-padding-xxl);\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}\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(--color-accent-surface-elevation-1);\n}\n\n.messages-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  max-inline-size: 800px;\n  padding: var(--spacing-padding-m) 0;\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-xxs);\n}\n.message-description {\n  line-height: var(--line-height-spacious); // WA. Line height looks too tight.\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\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(--color-accent-surface-surface);\n  transition:\n    var(--timing-super-fast) block-size,\n    var(--timing-super-fast) background-color,\n    var(--timing-super-fast) padding-block,\n    var(--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(--color-accent-surface-elevation-1);\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-style-semi-bold);\n\n  &--update,\n  &--pending {\n    --pill-background-color: var();\n    --pill-color: var(--color-text-neutral-disabled);\n    --pill-border-color: var();\n  }\n  &--to-merge-marked {\n    --pill-background-color: var();\n    --pill-color: var(--color-border-primary-default);\n    --pill-border-color: var();\n  }\n  &--ignored {\n    --pill-background-color: var(--color-accent-surface-elevation-2);\n    --pill-color: var(--color-text-neutral-on-disabled);\n    --pill-border-color: var(--color-border-neutral-default);\n  }\n  &--pending {\n    --pill-background-color: var(--color-accent-neutral-contrast);\n    --pill-color: var(--color-border-primary-default);\n    --pill-border-color: var(--color-accent-primary-pressed);\n  }\n  &--warning {\n    --pill-background-color: var(--color-accent-warning-contrast);\n    --pill-color: var(--color-border-warning-default);\n    --pill-border-color: var(--color-border-warning-default);\n  }\n  &--error {\n    --pill-background-color: var(--color-accent-error-contrast);\n    --pill-color: var(--color-border-error-default);\n    --pill-border-color: var(--color-border-error-light);\n  }\n  &--updated {\n    --pill-background-color: var(--color-accent-success-contrast);\n    --pill-color: var(--color-border-success-default);\n    --pill-border-color: var(--color-accent-success-default);\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: var(--spacing-gap-m);\n  $size: 16px;\n  --status-circle-color: transparent;\n  --status-circle-size: $size;\n  --status-circle-inset-inline-start: 16px;\n  --pill-color: var(--color-border-primary-default);\n  &::before {\n    display: inline-block;\n    content: \"\";\n\n    @include spinner(\n      $size,\n      var(--color-accent-primary-default),\n      var(--color-accent-primary-pressed)\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  padding-block: 0;\n  align-items: center;\n  justify-content: center;\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  padding-block: 0;\n  padding-inline: 0;\n}\n.tabular-grid-cell::part(actions-icon) {\n  padding-block: var(--spacing-padding-m);\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  block-size: 100%;\n  display: block;\n  background-size: 16px;\n  padding-inline: var(--spacing-padding-xl);\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(--color-accent-surface-elevation-2) !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-surface\"\n});\nconst EDITED_ICON = getIconPath({\n  category: \"system\",\n  name: \"edit\",\n  colorType: \"on-surface\"\n});\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-surface\"\n});\nconst SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-surface\"\n});\nconst SUBSTRACT_ICON = getIconPath({\n  category: \"system\",\n  name: \"substract\",\n  colorType: \"on-surface\"\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-surface\"\n});\nconst REFRESH_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"reset\",\n  colorType: \"interactive\"\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 = \"--color-icon-error-default\";\n    } else if (action === \"inserted\") {\n      icon = ADD_ICON;\n      caption = this.#componentLocale.actions.insert;\n      iconColor = \"--color-icon-success-default\";\n    } else if (action === \"modified\") {\n      icon = EDITED_ICON;\n      caption = this.#componentLocale.actions.modify;\n      iconColor = \"--color-icon-warning-default\";\n    } else if (action === \"modified-with-conflicts\") {\n      icon = WARNING_ICON;\n      caption = this.#componentLocale.actions.modifyWithConflicts;\n      iconColor = \"--color-icon-warning-default\";\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-s\"\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-s 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 field-group\">\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-m\" 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-ebfc64a5.entry.js → p-fb5dd0a2.entry.js}

@@ -1,8 +1,8 @@
 import { r as t, g as e, h as s, H as i, a } from "./p-9b9ccd0c.js";
 
-import { c as n } from "./p-c5196b3b.js";
+import { c as o } from "./p-c5196b3b.js";
 
-import { v as o } from "./p-b32b6b1f.js";
+import { v as n } from "./p-b32b6b1f.js";
 
 import { L as r } from "./p-311eedf3.js";
 
@@ -11,7 +11,7 @@ const mapAuthenticationTypeToComboBoxModel = t => t.map((t => ({
   caption: t.name
 })));
 
-const l = ':host{display:grid;block-size:100%;overflow:auto;grid-template-rows:1fr max-content}.main{display:grid;grid-template-areas:"server-url server-url" "authentication-type ." "user-name user-password";grid-auto-rows:max-content;grid-template-columns:1fr 1fr}.section{display:contents}.authentication-type{grid-area:authentication-type}.server-url{grid-area:server-url}.user-name{grid-area:user-name}.user-password{grid-area:user-password}.tooltip{position:absolute}';
+const l = 'button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:1fr max-content}.main{display:grid;grid-template-areas:"server-url server-url" "authentication-type ." "user-name user-password";grid-auto-rows:max-content;grid-template-columns:1fr 1fr}.section{display:contents}.authentication-type{grid-area:authentication-type}.server-url{grid-area:server-url}.user-name{grid-area:user-name}.user-password{grid-area:user-password}.tooltip{position:absolute}';
 
 var d = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
   if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
@@ -47,7 +47,7 @@ const T = class {
     }));
     w.set(this, (async () => {
       this.connectCallback(this.gxServerConnectionData).then((t => {
-        this.validatableControls = o(t, this.validatableControls);
+        this.validatableControls = n(t, this.validatableControls);
       }));
     }));
     // TODO: evaluate if this should be a global helper function.
@@ -57,9 +57,9 @@ const T = class {
       return ((i = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || i === void 0 ? void 0 : i.hasError) && ((a = this.validatableControls.get(t.id)) === null || a === void 0 ? void 0 : a.message) && s("ch-tooltip", {
         class: "tooltip",
         actionElement: t,
-        blockAlign: n.tooltipSettings.blockAlign,
-        inlineAlign: n.tooltipSettings.inlineAlign,
-        delay: n.tooltipSettings.delay
+        blockAlign: o.tooltipSettings.blockAlign,
+        inlineAlign: o.tooltipSettings.inlineAlign,
+        delay: o.tooltipSettings.delay
       }, this.validatableControls.get(t.id).message);
     }));
     y.set(this, (() => {
@@ -135,7 +135,7 @@ const T = class {
     d(this, g, "f").call(this);
   }
   render() {
-    var t, e, a, n;
+    var t, e, a, o;
     return s(i, {
       class: "widget"
     }, s("ch-theme", {
@@ -196,7 +196,7 @@ const T = class {
       type: "password",
       id: "password",
       class: "input",
-      value: (n = this.gxServerConnectionData) === null || n === void 0 ? void 0 : n.userPassword,
+      value: (o = this.gxServerConnectionData) === null || o === void 0 ? void 0 : o.userPassword,
       onInput: d(this, W, "f"),
       ref: t => h(this, p, t, "f"),
       showPasswordButton: true
@@ -236,4 +236,4 @@ k = new WeakMap, M = new WeakMap, W = new WeakMap;
 T.style = l;
 
 export { T as gx_ide_connect_gx_server };
-//# sourceMappingURL=p-ebfc64a5.entry.js.map
+//# sourceMappingURL=p-fb5dd0a2.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapAuthenticationTypeToComboBoxModel","authenticationTypes","map","authenticationType","value","id","caption","name","connectGxServerCss","CSS_BUNDLES","HTMLGxIdeConnectGxServer","_HTMLGxIdeConnectGxServer_componentLocale","set","this","_HTMLGxIdeConnectGxServer_usernameRef","_HTMLGxIdeConnectGxServer_passwordRef","_HTMLGxIdeConnectGxServer_serverUrlRef","_HTMLGxIdeConnectGxServer_shortcutsSrc","getAssetPath","_HTMLGxIdeConnectGxServer_cancelClickHandler","cancelCallback","_HTMLGxIdeConnectGxServer_connectClickHandler","async","connectCallback","gxServerConnectionData","then","formSubmitResult","validatableControls","validateControls","_HTMLGxIdeConnectGxServer_evaluateTooltipRender","controlReference","_b","_a","get","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_HTMLGxIdeConnectGxServer_init","authenticationTypesChanged","serverUrl","defaultConnectionData","serverName","authenticationTypesComboBoxModel","_d","_HTMLGxIdeConnectGxServer_initializeValidatableControls","__classPrivateFieldGet","forEach","validatableControl","reference","undefined","_HTMLGxIdeConnectGxServer_authenticationInputEventHandler","event","authenticationTypeId","detail","authenticationTypeIndex","findIndex","authType","authenticationTypeName","_HTMLGxIdeConnectGxServer_usernameInputEventHandler","userName","_HTMLGxIdeConnectGxServer_passwordInputEventHandler","userPassword","Map","newAuthenticationTypes","length","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","call","componentDidLoad","render","Host","model","src","htmlFor","main","serverURLLabel","type","readonly","ref","authenticationTypeLabel","accessibleName","placeholder","onInput","usernameLabel","passwordLabel","showPasswordButton","onClick","footer","backButtonCaption","connectButtonCaption"],"sources":["src/components/team-dev/connect-gx-server/helpers.ts","src/components/team-dev/connect-gx-server/connect-gx-server.scss?tag=gx-ide-connect-gx-server&encapsulation=shadow","src/components/team-dev/connect-gx-server/connect-gx-server.tsx"],"sourcesContent":["import { AuthenticationType } from \"./connect-gx-server\";\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\n\nexport const mapAuthenticationTypeToComboBoxModel = (\n  authenticationTypes: AuthenticationType[]\n): ComboBoxModel => {\n  return authenticationTypes.map(authenticationType => {\n    return {\n      value: authenticationType.id,\n      caption: authenticationType.name\n    };\n  });\n};\n\nexport const mapServerUrlsToComboBoxModel = (\n  serverUrls: string[]\n): ComboBoxModel => {\n  return serverUrls.map(serverUrl => {\n    return {\n      value: serverUrl,\n      caption: serverUrl\n    };\n  });\n};\n","@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: 1fr max-content;\n}\n\n.main {\n  display: grid;\n  grid-template-areas:\n    \"server-url server-url\"\n    \"authentication-type .\"\n    \"user-name user-password\";\n  grid-auto-rows: max-content;\n  grid-template-columns: 1fr 1fr;\n}\n\n.section {\n  display: contents;\n}\n\n.authentication-type {\n  grid-area: authentication-type;\n}\n.server-url {\n  grid-area: server-url;\n}\n.user-name {\n  grid-area: user-name;\n}\n.user-password {\n  grid-area: user-password;\n}\n\n.tooltip {\n  position: absolute;\n}\n","// Stencil\nimport {\n  Component,\n  Element,\n  getAssetPath,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\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 { mapAuthenticationTypeToComboBoxModel } from \"./helpers\";\nimport { NewServerConnectionData } from \"../server-selector/server-selector\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tooltip\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-connect-gx-server\",\n  styleUrl: \"connect-gx-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/connect-gx-server\"]\n})\nexport class HTMLGxIdeConnectGxServer {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeConnectGxServerElement;\n  #usernameRef!: HTMLChEditElement;\n  #passwordRef!: HTMLChEditElement;\n  #serverUrlRef!: HTMLChEditElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/connect-gx-server/shortcuts.json`\n  );\n\n  @State() authenticationTypesComboBoxModel: ComboBoxModel;\n  @State() gxServerConnectionData: GXServerConnectionData = {\n    authenticationType: {\n      id: null,\n      name: null\n    },\n    serverUrl: null,\n    userName: null,\n    userPassword: null,\n    serverName: null\n  };\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * List of authentication types.\n   */\n  @Prop() readonly authenticationTypes!: AuthenticationType[];\n  @Watch(\"authenticationTypes\")\n  authenticationTypesChanged(newAuthenticationTypes: AuthenticationType[]) {\n    if (newAuthenticationTypes?.length) {\n      this.authenticationTypesComboBoxModel =\n        mapAuthenticationTypeToComboBoxModel(newAuthenticationTypes);\n    }\n  }\n\n  /**\n   * Callback that must be invoked when the 'Cancel' button is pressed.\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Connect' button is pressed.\n   */\n  @Prop() readonly connectCallback!: (\n    data: GXServerConnectionData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Initial user values for the case in which the user returns to the\n   * login modal after successful authentication.\n   */\n  @Prop() readonly defaultConnectionData?: NewServerConnectionData;\n\n  /**\n   * true if the user should be allowed to manually enter a server URL.\n   */\n  @Prop() readonly enableCustomServer: boolean = false;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    this.#init();\n  }\n\n  async componentDidLoad() {\n    this.#initializeValidatableControls();\n  }\n\n  #cancelClickHandler = () => {\n    this.cancelCallback();\n  };\n\n  #connectClickHandler = async () => {\n    this.connectCallback(this.gxServerConnectionData).then(\n      (formSubmitResult: FormSubmitResult) => {\n        this.validatableControls = validateControls(\n          formSubmitResult,\n          this.validatableControls\n        );\n      }\n    );\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #init = () => {\n    this.authenticationTypesChanged(this.authenticationTypes);\n    // set initial values:\n    // server url\n    this.gxServerConnectionData.serverUrl =\n      this.defaultConnectionData?.serverUrl;\n    //server name\n    this.gxServerConnectionData.serverName =\n      this.defaultConnectionData?.serverName;\n    // authentication type\n    this.gxServerConnectionData.authenticationType = {\n      id: this.authenticationTypesComboBoxModel[0]?.value,\n      name: this.authenticationTypesComboBoxModel[0]?.caption\n    };\n  };\n\n  #initializeValidatableControls = () => {\n    // populate #controlsValidation with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [\n      this.#usernameRef,\n      this.#passwordRef,\n      this.#serverUrlRef\n    ];\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  #authenticationInputEventHandler = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    const authenticationTypeId = event.detail as string;\n    const authenticationTypeIndex = this.authenticationTypes.findIndex(\n      authType => {\n        return authType.id === authenticationTypeId;\n      }\n    );\n    const authenticationTypeName =\n      this.authenticationTypes[authenticationTypeIndex].name;\n\n    this.gxServerConnectionData.authenticationType = {\n      id: authenticationTypeId,\n      name: authenticationTypeName\n    };\n  };\n  #usernameInputEventHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.gxServerConnectionData.userName = event.detail as string;\n  };\n  #passwordInputEventHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.gxServerConnectionData.userPassword = event.detail as string;\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n\n        <section class=\"section\">\n          <div class=\"main field-group spacing-body\">\n            <div\n              // server urls\n              class=\"field field-block server-url\"\n            >\n              <label class=\"label\" htmlFor=\"server-url\">\n                {this.#componentLocale.main.serverURLLabel}\n              </label>\n              <ch-edit\n                type=\"url\"\n                id=\"server-url\"\n                class=\"input\"\n                value={this.gxServerConnectionData?.serverUrl}\n                readonly={true}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#serverUrlRef = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n            </div>\n\n            <div\n              // authentication types\n              class=\"field field-block authentication-type\"\n            >\n              <label class=\"label\" htmlFor=\"authentication-type\">\n                {this.#componentLocale.main.authenticationTypeLabel}\n              </label>\n              <ch-combo-box-render\n                id=\"authentication-type\"\n                class=\"combo-box\"\n                accessibleName=\"Authentication Types\"\n                model={this.authenticationTypesComboBoxModel}\n                placeholder=\"Select an authentication type\"\n                value={this.gxServerConnectionData?.authenticationType.id}\n                onInput={this.#authenticationInputEventHandler}\n              ></ch-combo-box-render>\n            </div>\n\n            <div\n              // username\n              class=\"field field-block user-name\"\n            >\n              <label class=\"label\" htmlFor=\"username\">\n                {this.#componentLocale.main.usernameLabel}\n              </label>\n              <ch-edit\n                type=\"text\"\n                id=\"username\"\n                class=\"input\"\n                value={this.gxServerConnectionData?.userName}\n                onInput={this.#usernameInputEventHandler}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#usernameRef = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#usernameRef)}\n            </div>\n\n            <div\n              // user password\n              class=\"field field-block user-password\"\n            >\n              <label class=\"label\" htmlFor=\"password\">\n                {this.#componentLocale.main.passwordLabel}\n              </label>\n              <ch-edit\n                type=\"password\"\n                id=\"password\"\n                class=\"input\"\n                value={this.gxServerConnectionData?.userPassword}\n                onInput={this.#passwordInputEventHandler}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#passwordRef = el as HTMLChEditElement)\n                }\n                showPasswordButton={true}\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#passwordRef)}\n            </div>\n          </div>\n\n          <footer class=\"dialog-footer-with-border spacing-body\">\n            <div class=\"buttons-spacer\">\n              <button\n                id=\"cancel-button\"\n                // cancel button\n                class=\"button-secondary\"\n                onClick={this.#cancelClickHandler}\n              >\n                {this.#componentLocale.footer.backButtonCaption}\n              </button>\n\n              <button\n                id=\"connect-button\"\n                // connect button\n                class=\"button-primary\"\n                onClick={this.#connectClickHandler}\n              >\n                {this.#componentLocale.footer.connectButtonCaption}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type GXServerConnectionData = {\n  authenticationType: AuthenticationType;\n  serverUrl: string;\n  userName: string;\n  userPassword: string;\n  serverName?: string;\n};\n\nexport type AuthenticationType = {\n  id: string;\n  name: string;\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-392bdfaa.entry.js → p-fb64e0b1.entry.js}

@@ -10,9 +10,9 @@ import "lit/directives/when.js";
 
 import "lit/directives/if-defined.js";
 
-import { L as r } from "./p-311eedf3.js";
+import { L as a } from "./p-311eedf3.js";
 
-const a = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;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(--spacing-gap-m)}.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}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}: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)}";
+const r = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.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}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}button.button-secondary{border-color:var(--color-border-neutral-default)}: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(--spacing-gap-xl)}.versions-container{display:grid;grid-template-columns:1fr max-content;gap:var(--spacing-gap-m)}";
 
 var c = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
   if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
@@ -27,14 +27,14 @@ var l = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, o)
   return s === "a" ? o.call(t, i) : o ? o.value = i : e.set(t, i), i;
 };
 
-var d, h, p, u, f, m, g, b, v;
+var d, h, p, f, u, m, g, b, v;
 
-const y = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+const y = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "utils/elevation", "chameleon/scrollbar" ];
 
 const w = n({
   category: "gemini-tools",
   name: "show-more-horizontal",
-  colorType: "on-elevation"
+  colorType: "interactive"
 });
 
 const x = n({
@@ -59,7 +59,7 @@ const j = class {
     d.set(this, void 0);
     h.set(this, void 0);
     p.set(this, e(`./gx-ide-assets/restore-version/shortcuts.json`));
-    u.set(this, (async () => {
+    f.set(this, (async () => {
       const t = {
         toVersionGuid: this.toVersionInfo.guid,
         toVersionName: this.toVersionInfo.name,
@@ -69,7 +69,7 @@ const j = class {
       };
       await this.confirmCallback(t);
     }));
-    f.set(this, (async () => {
+    u.set(this, (async () => {
       await this.cancelCallback();
     }));
     m.set(this, (t => {
@@ -95,17 +95,17 @@ const j = class {
     v.set(this, (() => {
       const t = !this.selectedSourceVersionName || !this.versionsComboBoxModel.some((t => t.caption === this.selectedSourceVersionName));
       return i("footer", {
-        class: "footer control-footer-with-border spacing-body"
+        class: "footer dialog-footer dialog-footer-with-border spacing-body"
       }, i("div", {
         class: "buttons-spacer"
       }, i("button", {
         id: "cancel-button",
         class: "button-secondary",
-        onClick: c(this, f, "f")
+        onClick: c(this, u, "f")
       }, c(this, d, "f").footer.cancel), i("button", {
         id: "confirm-button",
         class: "button-primary",
-        onClick: c(this, u, "f"),
+        onClick: c(this, f, "f"),
         disabled: t
       }, c(this, d, "f").footer.confirm)));
     }));
@@ -123,7 +123,7 @@ const j = class {
     c(this, m, "f").call(this, this.versions);
   }
   async componentWillLoad() {
-    l(this, d, await r.getComponentStrings(this.el), "f");
+    l(this, d, await a.getComponentStrings(this.el), "f");
     c(this, m, "f").call(this, this.versions || []);
   }
   /**
@@ -145,13 +145,13 @@ const j = class {
       ref: t => l(this, h, t, "f")
     }), i("div", {
       class: "main-container spacing-body"
-    }, i("div", null, i("p", {
-      class: "giu-static-pill-icon-and-text"
+    }, i("p", {
+      class: "giu-static-pill-icon-and-text elevation-2"
     }, i("ch-image", {
-      class: "icon-md",
+      class: "icon-m",
       type: "mask",
       src: _
-    }), i("span", null, `${c(this, d, "f").descriptions.pill} - ${this.toVersionInfo.name}`))), i("p", {
+    }), i("span", null, `${c(this, d, "f").descriptions.pill} - ${this.toVersionInfo.name}`)), i("p", {
       class: "body-regular-m"
     }, c(this, d, "f").descriptions.summary), i("div", {
       class: "field field-block"
@@ -170,11 +170,11 @@ const j = class {
       onInput: c(this, g, "f")
     }), i("button", {
       id: "select-version-button",
-      class: "button-tertiary button-icon-only",
+      class: "button-secondary button-icon-only",
       onClick: c(this, b, "f")
     }, i("ch-image", {
       src: w,
-      class: "icon-sm"
+      class: "icon-m"
     }))))), c(this, v, "f").call(this));
   }
   static get assetsDirs() {
@@ -190,10 +190,10 @@ const j = class {
   }
 };
 
-d = new WeakMap, h = new WeakMap, p = new WeakMap, u = new WeakMap, f = new WeakMap, 
+d = new WeakMap, h = new WeakMap, p = new WeakMap, f = new WeakMap, u = new WeakMap, 
 m = new WeakMap, g = new WeakMap, b = new WeakMap, v = new WeakMap;
 
-j.style = a;
+j.style = r;
 
 export { j as gx_ide_restore_version };
-//# sourceMappingURL=p-392bdfaa.entry.js.map
+//# sourceMappingURL=p-fb64e0b1.entry.js.map

package/dist/genexus-ide-ui/p-fb64e0b1.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_chShortcutsEl","_GxIdeRestoreVersion_shortcutsSrc","getAssetPath","_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","id","onClick","__classPrivateFieldGet","footer","cancel","disabled","confirm","versionsChanged","call","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","suspendShortcuts","suspend","render","Host","model","src","ref","type","descriptions","pill","summary","htmlFor","labels","fromVersion","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@import \"../../global/temporary-mercury-overrides/_button.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(--spacing-gap-xl);\n}\n\n.versions-container {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n  gap: var(--spacing-gap-m);\n}","import {\n  ChComboBoxRenderCustomEvent,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  Component,\n  Element,\n  getAssetPath,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch\n} 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  \"utils/elevation\",\n  \"chameleon/scrollbar\"\n];\n\nconst SHOW_MORE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"interactive\"\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  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/restore-version/shortcuts.json`\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  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  #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 dialog-footer dialog-footer-with-border spacing-body\">\n        <div class=\"buttons-spacer\">\n          <button\n            id=\"cancel-button\"\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n          >\n            {this.#componentLocale.footer.cancel}\n          </button>\n\n          <button\n            id=\"confirm-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        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <div class=\"main-container spacing-body\">\n          <p class=\"giu-static-pill-icon-and-text elevation-2\">\n            <ch-image\n              class=\"icon-m\"\n              type=\"mask\"\n              src={VERSION_ICON}\n            ></ch-image>\n            <span>{`${this.#componentLocale.descriptions.pill} - ${this.toVersionInfo.name}`}</span>\n          </p>\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                id=\"select-version-button\"\n                class=\"button-secondary button-icon-only\"\n                onClick={this.#selectSourceVersionHandler}\n              >\n                <ch-image src={SHOW_MORE_ICON} class=\"icon-m\"></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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"}