@genexus/genexus-ide-ui 2.1.1 → 2.1.3

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

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

package/dist/genexus-ide-ui/{p-14c82d16.entry.js → p-c3a355c6.entry.js}

@@ -1,4 +1,4 @@
-import { r as e, g as t, h as s, H as i, a as o } from "./p-9b9ccd0c.js";
+import { r as t, g as e, h as s, H as i, a as o } from "./p-9b9ccd0c.js";
 
 import { L as n } from "./p-311eedf3.js";
 
@@ -6,24 +6,24 @@ import { v as a } from "./p-b32b6b1f.js";
 
 import { c } from "./p-c5196b3b.js";
 
-const r = ":host{display:grid;block-size:100%;grid-template-rows:1fr max-content}.field-group{grid-auto-rows:max-content}.main{overflow:auto}.section{display:contents}.tooltip{position:absolute}.checkbox{inline-size:max-content}";
+const r = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;grid-template-rows:1fr max-content}.field-group{grid-auto-rows:max-content}.main{overflow:auto}.section{display:contents}.tooltip{position:absolute}.checkbox{inline-size:max-content}";
 
-var l = undefined && undefined.__classPrivateFieldGet || function(e, t, s, i) {
+var l = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
   if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return s === "m" ? i : s === "a" ? i.call(e) : i ? i.value : t.get(e);
+  if (typeof e === "function" ? t !== e || !i : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? i : s === "a" ? i.call(t) : i ? i.value : e.get(t);
 };
 
-var h = undefined && undefined.__classPrivateFieldSet || function(e, t, s, i, o) {
+var h = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, o) {
   if (i === "m") throw new TypeError("Private method is not writable");
   if (i === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return i === "a" ? o.call(e, s) : o ? o.value = s : t.set(e, s), s;
+  if (typeof e === "function" ? t !== e || !o : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return i === "a" ? o.call(t, s) : o ? o.value = s : e.set(t, s), s;
 };
 
-var d, f, u, p, v, b, w, m, k, g;
+var d, f, u, p, v, b, w, m, k, y;
 
-const y = [ "resets/box-sizing", "utils/form", "utils/spacing", "utils/layout", "chameleon/scrollbar", "components/checkbox", "components/button", "components/edit", "components/tooltip" ];
+const g = [ "resets/box-sizing", "utils/form", "utils/spacing", "utils/layout", "chameleon/scrollbar", "components/checkbox", "components/button", "components/edit", "components/tooltip" ];
 
 // ch-checkbox
 const x = "on";
@@ -36,32 +36,32 @@ const V = "create-as-protected-version";
 
 const I = class {
   constructor(i) {
-    e(this, i);
+    t(this, i);
     /**
          * The component hard-coded strings translations.
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
         d.set(this, void 0);
     f.set(this, void 0);
-    u.set(this, t(`./gx-ide-assets/new-version/shortcuts.json`));
-    p.set(this, (e => {
-      const t = e.target;
-      if (t.id === M) {
-        this.setNewVersionAsActive = e.detail === x;
-      } else if (t.id === W) {
-        this.createLinkedLocalVersion = e.detail === x;
-      } else if (t.id === V) {
-        this.createAsProtectedVersion = e.detail === x;
+    u.set(this, e(`./gx-ide-assets/new-version/shortcuts.json`));
+    p.set(this, (t => {
+      const e = t.target;
+      if (e.id === M) {
+        this.setNewVersionAsActive = t.detail === x;
+      } else if (e.id === W) {
+        this.createLinkedLocalVersion = t.detail === x;
+      } else if (e.id === V) {
+        this.createAsProtectedVersion = t.detail === x;
       }
     }));
-    v.set(this, (e => {
-      this.versionName = e.detail;
+    v.set(this, (t => {
+      this.versionName = t.detail;
       if (!this.versionDescriptionEdited) {
-        this.versionDescription = e.detail;
+        this.versionDescription = t.detail;
       }
     }));
-    b.set(this, (e => {
-      this.versionDescription = e.detail;
+    b.set(this, (t => {
+      this.versionDescription = t.detail;
       if (this.versionDescription === "") {
         this.versionDescriptionEdited = false;
         this.versionDescription = this.versionName;
@@ -73,23 +73,23 @@ const I = class {
       this.cancelCallback();
     }));
     m.set(this, (async () => {
-      const e = {
+      const t = {
         versionName: this.versionName,
         versionDescription: this.versionDescription,
         setNewVersionAsActive: this.setNewVersionAsActive,
         createLocalLinkedVersion: this.createLinkedLocalVersion,
         createProtectedVersion: this.createAsProtectedVersion
       };
-      const t = await this.createCallback(e);
-      this.validatableControls = a(t, this.validatableControls);
+      const e = await this.createCallback(t);
+      this.validatableControls = a(e, this.validatableControls);
     }));
     k.set(this, (() => {
       // populate validatableControls with the controls that could have errors.
-      const e = [ l(this, f, "f") ];
-      e.forEach((e => {
-        if (e.id) {
-          this.validatableControls.set(e.id, {
-            reference: e,
+      const t = [ l(this, f, "f") ];
+      t.forEach((t => {
+        if (t.id) {
+          this.validatableControls.set(t.id, {
+            reference: t,
             hasError: false,
             message: undefined
           });
@@ -98,15 +98,15 @@ const I = class {
     }));
     // TODO: evaluate if this should be a global helper function.
     // It is used on other dialogs as well.
-        g.set(this, (e => {
-      var t, i, o;
-      return ((i = (t = this.validatableControls) === null || t === void 0 ? void 0 : t.get(e === null || e === void 0 ? void 0 : e.id)) === null || i === void 0 ? void 0 : i.hasError) && ((o = this.validatableControls.get(e.id)) === null || o === void 0 ? void 0 : o.message) && s("ch-tooltip", {
+        y.set(this, (t => {
+      var e, i, o;
+      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) && ((o = this.validatableControls.get(t.id)) === null || o === void 0 ? void 0 : o.message) && s("ch-tooltip", {
         class: "tooltip",
-        actionElement: e,
+        actionElement: t,
         blockAlign: c.tooltipSettings.blockAlign,
         inlineAlign: c.tooltipSettings.inlineAlign,
         delay: c.tooltipSettings.delay
-      }, this.validatableControls.get(e.id).message);
+      }, this.validatableControls.get(t.id).message);
     }));
     this.versionName = undefined;
     this.versionDescription = undefined;
@@ -122,9 +122,9 @@ const I = class {
     this.createCallback = undefined;
     this.defaultInputValues = undefined;
   }
-  defaultInputValuesChanged(e) {
-    this.versionName = e === null || e === void 0 ? void 0 : e.versionName;
-    this.versionDescription = e === null || e === void 0 ? void 0 : e.versionDescription;
+  defaultInputValuesChanged(t) {
+    this.versionName = t === null || t === void 0 ? void 0 : t.versionName;
+    this.versionDescription = t === null || t === void 0 ? void 0 : t.versionDescription;
   }
   async componentWillLoad() {
     h(this, d, await n.getComponentStrings(this.el), "f");
@@ -134,11 +134,11 @@ const I = class {
     l(this, k, "f").call(this);
   }
   render() {
-    const e = !this.versionName || this.versionName.length === 0;
+    const t = !this.versionName || this.versionName.length === 0;
     return s(i, {
       class: "widget"
     }, s("ch-theme", {
-      model: y
+      model: g
     }), s("ch-shortcuts", {
       src: l(this, u, "f")
     }), s("section", {
@@ -157,9 +157,9 @@ const I = class {
       placeholder: l(this, d, "f").placeHolders.name,
       value: this.versionName,
       onInput: l(this, v, "f"),
-      ref: e => h(this, f, e, "f"),
+      ref: t => h(this, f, t, "f"),
       autoFocus: true
-    }), l(this, g, "f").call(this, l(this, f, "f"))), s("div", {
+    }), l(this, y, "f").call(this, l(this, f, "f"))), s("div", {
       class: "field field-block"
     }, s("label", {
       class: "label",
@@ -209,7 +209,7 @@ const I = class {
       id: "create-button",
       class: "button-primary",
       onClick: l(this, m, "f"),
-      disabled: e
+      disabled: t
     }, l(this, d, "f").buttons.create)))));
   }
   static get assetsDirs() {
@@ -226,9 +226,9 @@ const I = class {
 };
 
 d = new WeakMap, f = new WeakMap, u = new WeakMap, p = new WeakMap, v = new WeakMap, 
-b = new WeakMap, w = new WeakMap, m = new WeakMap, k = new WeakMap, g = new WeakMap;
+b = new WeakMap, w = new WeakMap, m = new WeakMap, k = new WeakMap, y = new WeakMap;
 
 I.style = r;
 
 export { I as gx_ide_new_version };
-//# sourceMappingURL=p-14c82d16.entry.js.map
+//# sourceMappingURL=p-c3a355c6.entry.js.map

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

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

package/dist/genexus-ide-ui/{p-38ae0c55.entry.js → p-ca1b9b8a.entry.js}

@@ -1,8 +1,8 @@
-import { g as e, r as s, h as t, H as n, a as i } from "./p-9b9ccd0c.js";
+import { g as e, r as s, h as t, H as n, a } from "./p-9b9ccd0c.js";
 
-import { L as a } from "./p-311eedf3.js";
+import { L as o } from "./p-311eedf3.js";
 
-const o = ":host{display:grid;block-size:100%;overflow:auto;display:flex;align-items:center;justify-content:center}.content{display:flex;align-items:center;flex-direction:column;color:var(--color-neutral-300);gap:var(--spacing-gap-xl);text-align:center;padding:var(--spacing-padding-xxl)}.check-icon{block-size:64px;inline-size:64px;border-radius:50%;background-color:var(--color-accent-success-pressed);background-image:var(--icon__system_check_on-surface--enabled);background-repeat:no-repeat;background-position:center center;background-size:32px;margin-block-end:16px}.genexus-next-logo{inline-size:140px;margin-block-start:108px}";
+const i = ":host{display:grid;block-size:100%;overflow:auto;display:flex;align-items:center;justify-content:center}.content{display:flex;align-items:center;flex-direction:column;color:var(--color-text-neutral-default);gap:var(--spacing-gap-xl);text-align:center;padding:var(--spacing-padding-xxl)}.check-icon{block-size:64px;inline-size:64px;border-radius:50%;background-color:var(--color-accent-success-contrast);background-image:var(--icon__system_check_on-surface--enabled);background-repeat:no-repeat;background-position:center center;background-size:32px;margin-block-end:16px}.genexus-next-logo{inline-size:140px;block-size:30px;margin-block-start:108px;mask-size:contain;background-color:var(--color-icon-neutral-default)}";
 
 const c = "gx-ide-assets/sign-in-result";
 
@@ -21,7 +21,7 @@ const u = class {
     s(this, e);
   }
   async componentWillLoad() {
-    this._componentLocale = await a.getComponentStrings(this.el);
+    this._componentLocale = await o.getComponentStrings(this.el);
   }
   componentDidLoad() {}
   render() {
@@ -43,9 +43,10 @@ const u = class {
       class: "heading-3"
     }, this._componentLocale.title), t("p", {
       class: "subtitle-regular-s"
-    }, this._componentLocale.description), t("img", {
-      src: g,
-      alt: "",
+    }, this._componentLocale.description), t("div", {
+      style: {
+        mask: `url(${g}) no-repeat center / contain`
+      },
       class: "genexus-next-logo"
     })));
   }
@@ -53,11 +54,11 @@ const u = class {
     return [ "gx-ide-assets/sign-in-result" ];
   }
   get el() {
-    return i(this);
+    return a(this);
   }
 };
 
-u.style = o;
+u.style = i;
 
 export { u as gx_ide_sign_in_result };
-//# sourceMappingURL=p-38ae0c55.entry.js.map
+//# sourceMappingURL=p-ca1b9b8a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["signInResultCss","ASSETS_DIR","LEFT_SIDE_ILLUSTRATION","getAssetPath","RIGHT_SIDE_ILLUSTRATION","GENEXUS_NEXT_LOGO_SRC","CSS_BUNDLES","GxIdeSignInResult","componentWillLoad","this","_componentLocale","Locale","getComponentStrings","el","componentDidLoad","render","h","Host","class","style","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize","model","title","description","mask"],"sources":["src/components/sign-in-result/sign-in-result.scss?tag=gx-ide-sign-in-result&encapsulation=shadow","src/components/sign-in-result/sign-in-result.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.content {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  color: var(--color-text-neutral-default);\n  gap: var(--spacing-gap-xl);\n  text-align: center;\n  padding: var(--spacing-padding-xxl);\n}\n\n.check-icon {\n  $checkIconSize: 64px;\n  block-size: $checkIconSize;\n  inline-size: $checkIconSize;\n  border-radius: 50%;\n  background-color: var(--color-accent-success-contrast);\n  background-image: var(--icon__system_check_on-surface--enabled);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 32px;\n  margin-block-end: 16px;\n}\n\n.genexus-next-logo {\n  inline-size: 140px;\n  block-size: 30px;\n  margin-block-start: 108px;\n  mask-size: contain;\n  background-color: var(--color-icon-neutral-default);\n}\n","// This is a starting template. Do not edit this file directly.\n// Dupicate it and modify the new file as needed.\n\nimport { Component, Host, Element, getAssetPath, h } from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\n\nconst ASSETS_DIR = \"gx-ide-assets/sign-in-result\";\n\nconst LEFT_SIDE_ILLUSTRATION = getAssetPath(\n  `./${ASSETS_DIR}/images/left-side-illustration.svg`\n);\nconst RIGHT_SIDE_ILLUSTRATION = getAssetPath(\n  `./${ASSETS_DIR}/images/right-side-illustration.svg`\n);\nconst GENEXUS_NEXT_LOGO_SRC = getAssetPath(\n  `./${ASSETS_DIR}/images/genexus-next-logo.svg`\n);\n\nconst CSS_BUNDLES: MercuryBundles = [\n  // Use only the bundles that are needed for this component.\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"utils/spacing\"\n];\n\n@Component({\n  tag: \"gx-ide-sign-in-result\",\n  styleUrl: \"sign-in-result.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/sign-in-result\"]\n})\nexport class GxIdeSignInResult {\n  _componentLocale: any;\n\n  @Element() el: HTMLGxIdeSignInResultElement;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {}\n\n  render() {\n    return (\n      <Host\n        class=\"widget spacing-body\"\n        style={{\n          backgroundImage: `url('${LEFT_SIDE_ILLUSTRATION}'), url('${RIGHT_SIDE_ILLUSTRATION}')`,\n          backgroundRepeat: \"no-repeat, no-repeat\",\n          backgroundPosition: \"left, right bottom\",\n          backgroundSize: \"auto 100%, auto 55%\"\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"content\">\n          <span class=\"check-icon\"></span>\n          <h1 class=\"heading-3\">{this._componentLocale.title}</h1>\n          <p class=\"subtitle-regular-s\">{this._componentLocale.description}</p>\n          <div\n            style={{\n              mask: `url(${GENEXUS_NEXT_LOGO_SRC}) no-repeat center / contain`\n            }}\n            class=\"genexus-next-logo\"\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SaveCallback = () => Promise<string>;\n"],"mappings":";;;;AAAA,MAAMA,IAAkB;;ACSxB,MAAMC,IAAa;;AAEnB,MAAMC,IAAyBC,EAC7B,KAAKF;;AAEP,MAAMG,IAA0BD,EAC9B,KAAKF;;AAEP,MAAMI,IAAwBF,EAC5B,KAAKF;;AAGP,MAAMK,IAA8B;;AAElC,qBACA,oBACA;;MASWC,IAAiB;;;;EAK5B,uBAAMC;IACJC,KAAKC,yBAAyBC,EAAOC,oBAAoBH,KAAKI;;EAGhE,gBAAAC,IAAgB;EAEhB,MAAAC;IACE,OACEC,EAACC,GAAI;MACHC,OAAM;MACNC,OAAO;QACLC,iBAAiB,QAAQlB,aAAkCE;QAC3DiB,kBAAkB;QAClBC,oBAAoB;QACpBC,gBAAgB;;OAGlBP,EAAA;MAAUQ,OAAOlB;QACjBU,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAME,OAAM;QACZF,EAAA;MAAIE,OAAM;OAAaT,KAAKC,iBAAiBe,QAC7CT,EAAA;MAAGE,OAAM;OAAsBT,KAAKC,iBAAiBgB,cACrDV,EAAA;MACEG,OAAO;QACLQ,MAAM,OAAOtB;;MAEfa,OAAM"}

package/dist/genexus-ide-ui/{p-1356ec09.entry.js → p-cd9e9e2b.entry.js}

@@ -97,7 +97,7 @@ const typesToComboBoxItemModel = t => t.map((t => ({
   startImgSrc: t.icon
 })));
 
-const g = '.detail__knowledge-base{padding-inline:var(--spacing-padding-xxl);border-inline-end:1px solid var(--color-border-surface-on-elevation-1)}.detail__genexus-server{padding-inline-end:var(--spacing-padding-xxl);border-inline-end:1px solid var(--color-border-surface-on-elevation-1)}.detail__version{padding-inline-start:var(--spacing-padding-xxl)}.filter,.filter-secondary>div{display:grid;gap:var(--spacing-gap-l)}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content max-content 1fr;--pill-border-radius:12px;--pill-padding-inline:var(--spacing-padding-m);--pill-padding-block:var(--spacing-padding-xxs);--pill-font-size:var(--font-size-body-s)}.section{display:grid;display:contents}.header__details{display:grid;row-gap:var(--spacing-gap-xl);grid-auto-columns:max-content;grid-auto-rows:max-content;margin-block-end:var(--spacing-padding-xxl)}.detail__label{color:var(--color-text-neutral-disabled)}.detail__link{align-items:start;color:var(--color-text-primary-default);text-decoration:underline}.detail__link:hover{color:var(--color-text-primary-hover)}.detail__link:active{color:var(--color-text-primary-pressed)}.filter__combo{max-block-size:minmax(0, 200px)}.main{position:relative;display:grid;overflow:auto}.loader{position:relative;inline-size:100%;block-size:100%;inset-block-start:0;--elevation-background-color:var(--color-accent-surface-elevation-1)}.empty-state{block-size:100%}.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(selector-label),.tabular-grid.disabled-custom-selector .tabular-grid-column::part(bar-selector),.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(actions-icon){pointer-events:none;opacity:0.5}.tabular-grid-cell.no-checkbox-custom-selector::part(selector-label){visibility:hidden;pointer-events:none}.tabular-grid{border-radius:4px;overflow:hidden}.tabular-grid .tabular-grid-cell--for-pill{padding-block:0;align-items:center;justify-content:center}.tabular-grid .button-action-custom-selector{--control-padding-block:var(--pill-padding-block);--control-padding-inline:var(--pill-padding-inline);font-size:inherit;font-weight:inherit;}.tabular-grid.empty-result::part(main){overflow:hidden}.messages-list{margin:0;padding:0;list-style:none;max-inline-size:800px;padding:var(--spacing-padding-m) 0;list-style-type:none;display:flex;flex-direction:column;gap:var(--spacing-gap-xxs)}.message-description{line-height:var(--line-height-spacious);display:flex;align-items:center;gap:var(--spacing-gap-m)}.message-icon{flex-shrink:0}.pill{--pill-background-color:transparent;--pill-color:transparent;--pill-border-color:transparent;background-color:var(--pill-background-color);color:var(--pill-color);border:1px solid var(--pill-border-color);inline-size:100%;padding:var(--pill-padding-block) var(--pill-padding-inline);display:flex;align-items:center;justify-content:center;border-radius:var(--pill-border-radius);position:relative;font-weight:var(--font-style-semi-bold)}.pill--update,.pill--pending{--pill-background-color:var();--pill-color:var(--color-text-neutral-disabled);--pill-border-color:var()}.pill--to-merge-marked{--pill-background-color:var();--pill-color:var(--color-border-primary-default);--pill-border-color:var()}.pill--ignored{--pill-background-color:var(--color-accent-surface-elevation-2);--pill-color:var(--color-text-neutral-on-disabled);--pill-border-color:var(--color-border-neutral-default)}.pill--pending{--pill-background-color:var(--color-accent-neutral-contrast);--pill-color:var(--color-border-primary-default);--pill-border-color:var(--color-accent-primary-pressed)}.pill--warning{--pill-background-color:var(--color-accent-warning-contrast);--pill-color:var(--color-border-warning-default);--pill-border-color:var(--color-border-warning-default)}.pill--error{--pill-background-color:var(--color-accent-error-contrast);--pill-color:var(--color-border-error-default);--pill-border-color:var(--color-border-error-light)}.pill--committed{--pill-background-color:var(--color-accent-success-contrast);--pill-color:var(--color-border-success-default);--pill-border-color:var(--color-accent-success-default)}.pill--transitioning{--pill-color:transparent}.spinner-caption{display:flex;align-items:center;gap:var(--spacing-gap-m);--status-circle-color:transparent;--status-circle-size:$size;--status-circle-inset-inline-start:16px;--pill-color:var(--color-border-primary-default)}.spinner-caption::before{display:inline-block;content:"";width:16px;height:16px;border:calc(16px / 7) solid var(--color-accent-primary-pressed);border-top:calc(16px / 7) solid var(--color-border-primary-on-default);border-radius:50%;animation:spin var(--timing-regular) linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hiChar{color:var(--color-text-primary-default);filter:brightness(1.3)}.custom-icon-text-wrapper{display:flex;align-items:center;gap:var(--spacing-gap-m)}.warning-error-description{display:flex;align-items:center;gap:var(--spacing-gap-m);padding:var(--spacing-padding-m);max-inline-size:800px;line-height:var(--line-height-spacious)}.warning-error-icon{flex-shrink:0}.header__details{grid-template-areas:"detail-heading-gx . . ." "detail-genexus-server detail-knowledge-base detail-version detail-last-full-update"}.detail__heading-genexus-server{grid-area:detail-heading-gx}.detail__genexus-server{grid-area:detail-genexus-server}.detail__knowledge-base{grid-area:detail-knowledge-base}.detail__version{grid-area:detail-version}.filter-container{container-type:inline-size;box-sizing:border-box;display:grid;column-gap:var(--spacing-gap-l);grid-template-areas:"filter-primary filter-toggle-button filter-action-buttons" "filter-secondary . ." "comments comments comments";grid-template-columns:minmax(0, max-content) max-content 1fr}.filter-primary{grid-area:filter-primary;grid-template-columns:minmax(0, 200px) minmax(0, 200px) minmax(0, 200px)}.filter-container>:nth-child(2){grid-area:filter-toggle-button}.filter-container>:nth-child(3){grid-area:filter-action-buttons;justify-content:end}.filter__toggle-secondary-filter-btn{grid-area:filter-toggle-button}.filter__buttons{grid-area:filter-buttons;margin-inline-start:auto}.filter-secondary{display:grid;grid-template-rows:0fr;grid-area:filter-secondary;transition:grid-template-rows var(--timing-fast)}.filter-secondary--visible{grid-template-rows:1fr}.filter-secondary>div{display:grid;overflow:hidden;font-size:0;grid-template-columns:repeat(3, minmax(0, 200px))}.filter-secondary>div>.combo-box,.comments{margin-block-start:var(--spacing-gap-l)}.comments{grid-area:comments}.input-comments-container{position:relative}.input-comments{--control-border-color:transparent;padding-block:0 !important;padding-inline:0 !important;--line-height-tight:1.4;block-size:100%;background-color:var(--color-accent-surface-surface);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}.input-comments:focus{position:absolute;block-size:minmax(0, 200px);inline-size:100%;z-index:99;background-color:var(--color-accent-surface-elevation-1);padding-block:var(--control-padding-block) !important;padding-inline:var(--control-padding-inline) !important}';
+const g = '.detail__knowledge-base{padding-inline:var(--spacing-padding-xxl);border-inline-end:1px solid var(--color-border-surface-on-elevation-1)}.detail__genexus-server{padding-inline-end:var(--spacing-padding-xxl);border-inline-end:1px solid var(--color-border-surface-on-elevation-1)}.detail__version{padding-inline-start:var(--spacing-padding-xxl)}.filter,.filter-secondary>div{display:grid;gap:var(--spacing-gap-l)}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content max-content 1fr;--pill-border-radius:12px;--pill-padding-inline:var(--spacing-padding-m);--pill-padding-block:var(--spacing-padding-xxs);--pill-font-size:var(--font-size-body-s)}.section{display:grid;display:contents}.header__details{display:grid;row-gap:var(--spacing-gap-xl);grid-auto-columns:max-content;grid-auto-rows:max-content;margin-block-end:var(--spacing-padding-xxl)}.detail__label{color:var(--color-text-neutral-disabled)}.detail__link{align-items:start;color:var(--color-text-primary-default);text-decoration:underline}.detail__link:hover{color:var(--color-text-primary-hover)}.detail__link:active{color:var(--color-text-primary-pressed)}.filter__combo{max-block-size:minmax(0, 200px)}.main{position:relative;display:grid;overflow:auto}.loader{position:relative;inline-size:100%;block-size:100%;inset-block-start:0;--elevation-background-color:var(--color-accent-surface-elevation-1)}.empty-state{block-size:100%}.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(selector-label),.tabular-grid.disabled-custom-selector .tabular-grid-column::part(bar-selector),.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(actions-icon){pointer-events:none;opacity:0.5}.tabular-grid-cell.no-checkbox-custom-selector::part(selector-label){visibility:hidden;pointer-events:none}.tabular-grid{border-radius:4px;overflow:hidden}.tabular-grid .tabular-grid-cell--for-pill{padding-block:0;align-items:center;justify-content:center}.tabular-grid .button-action-custom-selector{--control-padding-block:var(--pill-padding-block);--control-padding-inline:var(--pill-padding-inline);font-size:inherit;font-weight:inherit;}.tabular-grid.empty-result::part(main){overflow:hidden}.messages-list{margin:0;padding:0;list-style:none;max-inline-size:800px;padding:var(--spacing-padding-m) 0;list-style-type:none;display:flex;flex-direction:column;gap:var(--spacing-gap-xxs)}.message-description{line-height:var(--line-height-spacious);display:flex;align-items:center;gap:var(--spacing-gap-m)}.message-icon{flex-shrink:0}.pill{--pill-background-color:transparent;--pill-color:transparent;--pill-border-color:transparent;background-color:var(--pill-background-color);color:var(--pill-color);border:1px solid var(--pill-border-color);inline-size:100%;padding:var(--pill-padding-block) var(--pill-padding-inline);display:flex;align-items:center;justify-content:center;border-radius:var(--pill-border-radius);position:relative;font-weight:var(--font-style-semi-bold)}.pill--update,.pill--pending{--pill-background-color:var();--pill-color:var(--color-text-neutral-disabled);--pill-border-color:var()}.pill--to-merge-marked{--pill-background-color:var();--pill-color:var(--color-border-primary-default);--pill-border-color:var()}.pill--ignored{--pill-background-color:var(--color-accent-surface-elevation-2);--pill-color:var(--color-text-neutral-on-disabled);--pill-border-color:var(--color-border-neutral-default)}.pill--pending{--pill-background-color:var(--color-accent-neutral-contrast);--pill-color:var(--color-border-primary-default);--pill-border-color:var(--color-accent-primary-pressed)}.pill--warning{--pill-background-color:var(--color-accent-warning-contrast);--pill-color:var(--color-border-warning-default);--pill-border-color:var(--color-border-warning-default)}.pill--error{--pill-background-color:var(--color-accent-error-contrast);--pill-color:var(--color-border-error-default);--pill-border-color:var(--color-border-error-light)}.pill--committed{--pill-background-color:var(--color-accent-success-contrast);--pill-color:var(--color-border-success-default);--pill-border-color:var(--color-accent-success-default)}.pill--transitioning{--pill-color:transparent}.spinner-caption{display:flex;align-items:center;gap:var(--spacing-gap-m);--status-circle-color:transparent;--status-circle-size:$size;--status-circle-inset-inline-start:16px;--pill-color:var(--color-border-primary-default)}.spinner-caption::before{display:inline-block;content:"";width:16px;height:16px;border:calc(16px / 7) solid var(--color-accent-primary-pressed);border-top:calc(16px / 7) solid var(--color-border-primary-on-default);border-radius:50%;animation:spin var(--timing-regular) linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hiChar{color:var(--color-text-primary-default);filter:brightness(1.3)}.custom-icon-text-wrapper{display:flex;align-items:center;gap:var(--spacing-gap-m)}.warning-error-description{display:flex;align-items:center;gap:var(--spacing-gap-m);padding:var(--spacing-padding-m);max-inline-size:800px;line-height:var(--line-height-spacious)}.warning-error-icon{flex-shrink:0}button.button-secondary{border-color:var(--color-border-neutral-default)}.header__details{grid-template-areas:"detail-heading-gx . . ." "detail-genexus-server detail-knowledge-base detail-version detail-last-full-update"}.detail__heading-genexus-server{grid-area:detail-heading-gx}.detail__genexus-server{grid-area:detail-genexus-server}.detail__knowledge-base{grid-area:detail-knowledge-base}.detail__version{grid-area:detail-version}.filter-container{container-type:inline-size;box-sizing:border-box;display:grid;column-gap:var(--spacing-gap-l);grid-template-areas:"filter-primary filter-toggle-button filter-action-buttons" "filter-secondary . ." "comments comments comments";grid-template-columns:minmax(0, max-content) max-content 1fr}.filter-primary{grid-area:filter-primary;grid-template-columns:minmax(0, 200px) minmax(0, 200px) minmax(0, 200px)}.filter-container>:nth-child(2){grid-area:filter-toggle-button}.filter-container>:nth-child(3){grid-area:filter-action-buttons;justify-content:end}.filter__toggle-secondary-filter-btn{grid-area:filter-toggle-button}.filter__buttons{grid-area:filter-buttons;margin-inline-start:auto}.filter-secondary{display:grid;grid-template-rows:0fr;grid-area:filter-secondary;transition:grid-template-rows var(--timing-fast)}.filter-secondary--visible{grid-template-rows:1fr}.filter-secondary>div{display:grid;overflow:hidden;font-size:0;grid-template-columns:repeat(3, minmax(0, 200px))}.filter-secondary>div>.combo-box,.comments{margin-block-start:var(--spacing-gap-l)}.comments{grid-area:comments}.input-comments-container{position:relative}.input-comments{--control-border-color:transparent;padding-block:0 !important;padding-inline:0 !important;--line-height-tight:1.4;block-size:100%;background-color:var(--color-accent-surface-surface);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}.input-comments:focus{position:absolute;block-size:minmax(0, 200px);inline-size:100%;z-index:99;background-color:var(--color-accent-surface-elevation-1);padding-block:var(--control-padding-block) !important;padding-inline:var(--control-padding-inline) !important}';
 
 var u = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
   if (e === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
@@ -709,4 +709,4 @@ H = new WeakMap, U = new WeakMap;
 q.style = g;
 
 export { q as gx_ide_team_dev_commit };
-//# sourceMappingURL=p-1356ec09.entry.js.map
+//# sourceMappingURL=p-cd9e9e2b.entry.js.map