@genexus/genexus-ide-ui 1.1.20 → 1.1.22

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

@@ -1 +0,0 @@
-{"version":3,"names":["commitCss","CSS_BUNDLES","GxIdeTeamDevCommit","this","loadDataCalledFirstTime","renderedFirstTime","conditionToCommit","async","commitComment","commitCommentEl","value","length","pendingChecked","chGridPendingCommitsEl","getMarkedRows","commitButtonEnabled","markAllPendingCommitsRows","markAllRows","togglePendingCommitsCheckboxes","itemsToToggle","itemsToCheck","itemsToUncheck","rowId","markRow","revertPendingCommitsCheckboxes","addedRowsIds","removedRowsId","renderIconState","state","icon","h","src","class","pendingCommitsRowMarkingChangedHandler","e","removeEventListener","detail","addedRowsId","pendingItemCheckedResult","pendingItemsCheckedCallback","itemsChecked","itemsUnchecked","undefined","addEventListener","objectsOnContextMenuCallbackHandler","grid","ev","preventDefault","stopPropagation","selection","selectedRowsId","chGridIgnoredObjectsEl","getSelectedRows","objectsContextMenuCallback","clientX","clientY","gridOnSelectionChangedCallbackHandler","selectCallback","rowsId","renderPendingCommitsGrid","rowSelectionMode","ref","el","part","onRowContextMenu","onSelectionChanged","columnType","richRowSelector","richRowSelectorMode","settingable","sortable","size","config","tabularGrid","colSize","maxContent","columnName","commonDouble","pendingCommits","map","obj","rowid","id","iconType","name","type","description","formatDate","modifiedOn","module","localState","lastSynchronized","renderIgnoredObjectsGrid","ignoredObjects","selected","getRecentCommentHandler","getRecentCommentCallback","response","comment","commitCallbackHandler","then","pendingCommitsCheckedIds","commitCallback","loadData","filtersData","pattern","patternEl","changeSet","changeSetEl","folder","foldersEl","category","categoriesEl","typesEl","evaluateFilterConditions","loadCallback","pending","ignored","toggleFiltersHandler","filtersHidden","filterHasConditions","componentWillLoad","_componentLocale","Locale","getComponentStrings","componentDidLoad","componentDidLoadEvent","emit","focus","componentDidRender","componentDidRenderFirstTime","componentName","reload","render","Host","model","noContentPadding","noHeadingPadding","headingPaddingTop","containerTitle","displayTitle","slimmerFooter","gxIdeContainer","noHeadingBorder","slot","labelPosition","noMargin","header","commentLabel","onClick","recentCommentsButton","height","singleLine","onInput","placeholder","commentPlaceholder","filtersMenu","patternLabel","changesetLabel","onValueChanged","renderComboItems","typeLabel","types","folderLabel","folders","categoryLabel","categories","displayBorder","tabs","tab","flex","disabled","footer","commitButton"],"sources":["src/components/team-dev/commit/commit.scss?tag=gx-ide-team-dev-commit&encapsulation=shadow","src/components/team-dev/commit/commit.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: block;\n}\n/*--- Header ---*/\n.header {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  display: flex;\n  flex-direction: column;\n  > * {\n    padding: var(--gx-ide-container__padding);\n  }\n  &__first-row {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: -3px;\n    .commit-label {\n      flex: none;\n    }\n    .commit-textarea {\n      flex: none;\n    }\n    &__right-col {\n      display: flex;\n      align-items: center;\n      gap: var(--gx-ide-grid-column-gap);\n    }\n  }\n  &__second-row {\n    padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n      var(--gx-ide-container__padding);\n  }\n  .filters-outer-wrapper {\n    display: grid;\n    padding: 0;\n    grid-template-rows: 1fr;\n    transition: grid-template-rows 200ms;\n    border-bottom: 1px solid var(--gx-ide-container-border-color);\n    &--hidden {\n      grid-template-rows: 0fr;\n    }\n  }\n  .filters-inner-wrapper {\n    overflow: hidden;\n  }\n  &__third-row {\n    padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n      var(--gx-ide-container__padding);\n    display: grid;\n    column-gap: var(--gx-ide-grid-column-gap);\n    row-gap: var(--gx-ide-grid-row-gap);\n    grid-template-columns: auto 1fr auto 1fr;\n    grid-template-areas:\n      \"pattern-label pattern-form-text pattern-form-text pattern-form-text\"\n      \"changeset-label changeset-combo type-label type-combo\"\n      \"folder-label folder-combo category-label category-combo\";\n\n    .pattern-label {\n      grid-area: pattern-label;\n    }\n    .pattern-form-text {\n      grid-area: pattern-form-text;\n    }\n    .changeset-label {\n      grid-area: changeset-label;\n    }\n    .changeset-combo {\n      grid-area: changeset-combo;\n    }\n    .type-label {\n      grid-area: type-label;\n    }\n    .type-combo {\n      grid-area: type-combo;\n    }\n    .folder-label {\n      grid-area: folder-label;\n    }\n    .folder-combo {\n      grid-area: folder-combo;\n    }\n    .category-label {\n      grid-area: category-label;\n    }\n    .category-combo {\n      grid-area: category-combo;\n    }\n  }\n}\n/*--- Main ---*/\n.main {\n  height: 100%;\n}\n.grid-container {\n  padding: 0;\n}\nch-grid {\n  height: auto;\n}\n\ngxg-tab::part(container) {\n  line-height: unset;\n}\n\n.tabular-grid {\n  block-size: 100%;\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-td-commit\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    6\n  )\n);\n\n/*--- WA to be removed after gx-ide-container is removed ---*/\ngx-ide-container::part(content) {\n  overflow: hidden;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport {\n  TabularGridMarkingChangedEvent,\n  TabularGridRowContextMenuEvent,\n  TabularGridSelectionChangedEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\nimport {\n  GxOption,\n  ObjectState,\n  ContextMenuInfo,\n  ObjectType,\n  ItemsCheckedState,\n  ItemsCheckedResult\n} from \"../../../common/types\";\nimport { renderComboItems } from \"../../../common/render-combo-items\";\nimport { formatDate } from \"../../../common/helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/edit\",\n  \"components/tabular-grid\"\n];\n@Component({\n  tag: \"gx-ide-team-dev-commit\",\n  styleUrl: \"commit.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-commit\"]\n})\nexport class GxIdeTeamDevCommit {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private loadDataCalledFirstTime = false; // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeTeamDevCommitElement;\n\n  // filters\n  private patternEl!: HTMLGxgFormTextElement;\n  private changeSetEl!: HTMLGxgComboBoxElement;\n  private typesEl!: HTMLGxgComboBoxElement;\n  private foldersEl!: HTMLGxgComboBoxElement;\n  private categoriesEl!: HTMLGxgComboBoxElement;\n  // other\n  private chGridPendingCommitsEl!: HTMLChGridElement;\n  private chGridIgnoredObjectsEl!: HTMLChGridElement;\n  private commitCommentEl!: HTMLGxgFormTextareaElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() filtersHidden = true;\n  @State() comment = \"\";\n  @State() pendingCommits: ModifiedObjectData[] = [];\n  @State() ignoredObjects: ModifiedObjectData[] = [];\n  @State() commitButtonEnabled = false;\n  @State() filterHasConditions = false;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Possible values for ChangeSet filter\n   */\n  @Prop() readonly changeSet: GxOption[];\n\n  /**\n   * Possible values for Type filter\n   */\n  @Prop() readonly types: ObjectType[];\n\n  /**\n   * Possible values for Folders filter\n   */\n  @Prop() readonly folders: GxOption[];\n\n  /**\n   * Possible values for Categories filter\n   */\n  @Prop() readonly categories: GxOption[];\n\n  /**\n   * Callback invoked when user press Recent Comments button.\n   */\n  @Prop() readonly getRecentCommentCallback: GetRecentComment;\n\n  /**\n   * Callback invoked when user wants to reload the grid\n   */\n  @Prop() readonly loadCallback: LoadCallback;\n\n  /**\n   * Callback invoked when user starts the commit process\n   */\n  @Prop() readonly commitCallback: CommitCallback;\n\n  /**\n   * Callback that should be invoked when the user selects rows from the grids\n   */\n  @Prop() readonly selectCallback: CommitSelectCallback;\n\n  /**\n   * Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid\n   */\n  @Prop() readonly pendingItemsCheckedCallback!: PendingItemsCheckedCallback;\n\n  /**\n   * Callback that must be invoked when user activate the context menu in any of the grids\n   */\n  @Prop() readonly objectsContextMenuCallback: ObjectsContextMenuCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  async componentDidLoad() {\n    await this.loadData();\n    this.loadDataCalledFirstTime = true;\n    this.componentDidLoadEvent.emit(true);\n    this.conditionToCommit();\n    this.commitCommentEl.focus();\n  }\n\n  async componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n\n    if (this.loadDataCalledFirstTime) {\n      // call this method only once\n      await this.markAllPendingCommitsRows();\n      // attach \"rowMarkingChanged\" after rows have been checked for the first time.\n      this.chGridPendingCommitsEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingCommitsRowMarkingChangedHandler\n      );\n      this.loadDataCalledFirstTime = false;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * The method used by the Host to instruct the component to force a data refresh in the grids.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    this.loadData();\n  }\n\n  // 9.LOCAL METHODS //\n\n  private conditionToCommit = async () => {\n    const commitComment = !!this.commitCommentEl.value.length;\n    const pendingChecked = await this.chGridPendingCommitsEl.getMarkedRows();\n    if (commitComment && pendingChecked.length > 0) {\n      this.commitButtonEnabled = true;\n    } else {\n      this.commitButtonEnabled = false;\n    }\n  };\n\n  private markAllPendingCommitsRows = () => {\n    this.chGridPendingCommitsEl.markAllRows();\n  };\n\n  private togglePendingCommitsCheckboxes = async (\n    itemsToToggle: ItemsCheckedResult\n  ) => {\n    if (this.chGridPendingCommitsEl) {\n      const itemsToCheck: string[] = itemsToToggle.itemsToCheck;\n      const itemsToUncheck: string[] = itemsToToggle.itemsToUncheck;\n      // check\n      for (const rowId of itemsToCheck) {\n        await this.chGridPendingCommitsEl.markRow(rowId, true);\n      }\n      // uncheck\n      for (const rowId of itemsToUncheck) {\n        await this.chGridPendingCommitsEl.markRow(rowId, false);\n      }\n    }\n  };\n\n  private revertPendingCommitsCheckboxes = async (\n    addedRowsIds: string[],\n    removedRowsId: string[]\n  ) => {\n    if (this.chGridPendingCommitsEl) {\n      for (const rowId of addedRowsIds) {\n        await this.chGridPendingCommitsEl.markRow(rowId, false);\n      }\n      for (const rowId of removedRowsId) {\n        await this.chGridPendingCommitsEl.markRow(rowId, true);\n      }\n    }\n  };\n\n  private renderIconState = (state: ObjectState): HTMLChImageElement => {\n    let icon: string;\n    switch (state) {\n      case \"inserted\":\n        icon = \"gx-server/new\";\n        break;\n      case \"modified\":\n        icon = \"gx-server/changes-commit-pending\";\n        break;\n      case \"deleted\":\n        icon = \"gx-server/delete\";\n        break;\n      case \"conflicted\":\n        icon = \"gx-server/conflict\";\n        break;\n    }\n    return <ch-image src={icon} class=\"icon-md\"></ch-image>;\n  };\n\n  private pendingCommitsRowMarkingChangedHandler = async (\n    e: CustomEvent<TabularGridMarkingChangedEvent>\n  ): Promise<void> => {\n    // remove \"rowMarkingChanged\" until checkboxes have been added/removed on togglePendingCommitsCheckboxes, to prevent loops.\n    this.chGridPendingCommitsEl.removeEventListener(\n      \"rowMarkingChanged\",\n      this.pendingCommitsRowMarkingChangedHandler\n    );\n    if (this.chGridPendingCommitsEl) {\n      const addedRowsIds = e.detail.addedRowsId;\n      const removedRowsId = e.detail.removedRowsId;\n      const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({\n        itemsChecked: addedRowsIds,\n        itemsUnchecked: removedRowsId\n      });\n      if (pendingItemCheckedResult === undefined) {\n        // undo check/uncheck\n        await this.revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);\n      } else {\n        await this.togglePendingCommitsCheckboxes(pendingItemCheckedResult);\n      }\n      this.conditionToCommit();\n      this.chGridPendingCommitsEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingCommitsRowMarkingChangedHandler\n      );\n    }\n  };\n\n  private objectsOnContextMenuCallbackHandler =\n    (grid: CommitSourceType) =>\n    async (ev: CustomEvent<TabularGridRowContextMenuEvent>) => {\n      ev.preventDefault();\n      ev.stopPropagation();\n      let selection: string[] = [];\n      if (grid === \"commit\") {\n        selection = ev.detail.selectedRowsId;\n      } else if (grid === \"ignored\") {\n        selection = await this.chGridIgnoredObjectsEl.getSelectedRows();\n      }\n      if (this.objectsContextMenuCallback) {\n        await this.objectsContextMenuCallback(grid, {\n          selection: selection,\n          clientX: ev.detail.clientX,\n          clientY: ev.detail.clientY\n        });\n      }\n    };\n\n  private gridOnSelectionChangedCallbackHandler =\n    (grid: CommitSourceType) =>\n    async (ev: CustomEvent<TabularGridSelectionChangedEvent>) => {\n      if (this.selectCallback) {\n        await this.selectCallback(grid, ev.detail.rowsId);\n      }\n    };\n\n  /* pending commits grid render*/\n  private renderPendingCommitsGrid = (): Element => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid tabular-grid-td-commit\"\n        rowSelectionMode=\"multiple\"\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.chGridPendingCommitsEl = el)\n        }\n        part=\"ch-grid-pending-commits\"\n        onRowContextMenu={this.objectsOnContextMenuCallbackHandler(\"commit\")}\n        onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n          \"commit\"\n        )}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnType=\"rich\"\n            richRowSelector\n            richRowSelectorMode=\"mark\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"State\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            sortable\n            columnName=\"Name\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            sortable\n            columnName=\"Type\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Description\"\n            settingable={false}\n            size={config.tabularGrid.colSize.commonDouble}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            sortable\n            columnName=\"Modified On\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Module\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Local State\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Last Synchronized\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          {/* <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            sortable\n            columnName=\"User\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column> */}\n        </ch-tabular-grid-columnset>\n\n        {this.pendingCommits.map((obj: ModifiedObjectData) => (\n          <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n            <ch-tabular-grid-cell\n              cell-type=\"rich\"\n              row-selector\n              class=\"tabular-grid-cell\"\n            ></ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.renderIconState(obj.state)}\n            </ch-tabular-grid-cell>\n\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.iconType} class=\"icon-md\"></ch-image>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.name}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.type}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.description}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${formatDate(obj.modifiedOn)}`}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.module}\n            </ch-tabular-grid-cell>\n\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.localState}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${formatDate(obj.lastSynchronized)}`}\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-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  /* ignored objects grid render*/\n  private renderIgnoredObjectsGrid = (): Element => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid\"\n        rowSelectionMode=\"multiple\"\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.chGridIgnoredObjectsEl = el)\n        }\n        part=\"ch-grid-pending-commits\"\n        onRowContextMenu={this.objectsOnContextMenuCallbackHandler(\"ignored\")}\n        onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n          \"ignored\"\n        )}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"TypeIcon\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Name\"\n            settingable={false}\n            sortable\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Type\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Description\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Modified On\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Module\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Local State\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Last Synchronized\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          {/* <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"User\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column> */}\n        </ch-tabular-grid-columnset>\n\n        {this.ignoredObjects.map((obj: ModifiedObjectData) => (\n          <ch-tabular-grid-row rowid={obj.id} selected class=\"tabular-grid-row\">\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.renderIconState(obj.state)}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.iconType} class=\"icon-md\"></ch-image>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.name}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.type}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.description}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${formatDate(obj.modifiedOn)}`}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.module}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.localState}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${formatDate(obj.lastSynchronized)}`}\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-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private getRecentCommentHandler = async () => {\n    if (this.getRecentCommentCallback) {\n      const response = await this.getRecentCommentCallback();\n      if (response) {\n        this.comment = response;\n      }\n    }\n  };\n\n  private commitCallbackHandler = async () => {\n    const commitCommentEl = this.commitCommentEl.value;\n    this.chGridPendingCommitsEl\n      .getMarkedRows()\n      .then(async pendingCommitsCheckedIds => {\n        await this.commitCallback(pendingCommitsCheckedIds, commitCommentEl);\n        /* returns boolean*/\n      });\n  };\n\n  private loadData = async (): Promise<void> => {\n    const filtersData: FiltersData = {\n      pattern: this.patternEl.value,\n      changeSet: this.changeSetEl.value,\n      folder: this.foldersEl.value,\n      category: this.categoriesEl.value,\n      type: this.typesEl.value\n    };\n\n    this.evaluateFilterConditions();\n\n    // this.pendingCommits = null;\n    // this.ignoredObjects = null;\n\n    return await this.loadCallback(filtersData).then(\n      async ({ pending, ignored }) => {\n        this.pendingCommits = pending;\n        this.ignoredObjects = ignored;\n      }\n    );\n  };\n\n  private toggleFiltersHandler = () => {\n    this.filtersHidden = !this.filtersHidden;\n  };\n\n  private evaluateFilterConditions = () => {\n    if (\n      this.patternEl.value ||\n      this.changeSetEl.value ||\n      this.typesEl.value ||\n      this.foldersEl.value ||\n      this.categoriesEl.value\n    ) {\n      this.filterHasConditions = true;\n    } else {\n      this.filterHasConditions = false;\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noHeadingPadding\n            headingPaddingTop\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            noHeadingBorder\n          >\n            <div class=\"header\" slot=\"header\">\n              <div class=\"header__first-row\">\n                <div class=\"header__first-row__left-col\">\n                  <gxg-label\n                    part=\"commit-label\"\n                    labelPosition=\"start\"\n                    class=\"commit-label\"\n                    noMargin\n                  >\n                    {this._componentLocale.header.commentLabel}\n                  </gxg-label>\n                </div>\n                <div class=\"header__first-row__right-col\">\n                  {/* filter button*/}\n                  <gxg-button\n                    onClick={this.toggleFiltersHandler}\n                    type=\"secondary-icon-only\"\n                    icon={\n                      this.filterHasConditions\n                        ? \"window-tools/filter-conditions\"\n                        : \"window-tools/filter\"\n                    }\n                    part=\"gxg-button gxg-button--show-filter\"\n                    class=\"filter-btn\"\n                  ></gxg-button>\n\n                  {/* reset button*/}\n                  <gxg-button\n                    type=\"secondary-icon-only\"\n                    icon=\"gemini-tools/reset\"\n                    onClick={this.loadData}\n                    part=\"gxg-button gxg-button--reload\"\n                    class=\"reset-btn\"\n                  ></gxg-button>\n\n                  {/* recen comments button*/}\n                  <gxg-button\n                    class=\"header-button\"\n                    type=\"outlined\"\n                    part=\"location\"\n                    onClick={this.getRecentCommentHandler}\n                  >\n                    {this._componentLocale.header.recentCommentsButton}\n                  </gxg-button>\n                </div>\n              </div>\n              <div class=\"header__second-row\">\n                {/* commit comment textarea*/}\n                <gxg-form-textarea\n                  height=\"90px\"\n                  value={this.comment}\n                  ref={(el: HTMLGxgFormTextareaElement) =>\n                    (this.commitCommentEl = el)\n                  }\n                  singleLine\n                  onInput={this.conditionToCommit}\n                  placeholder={this._componentLocale.header.commentPlaceholder}\n                  part=\"comment\"\n                  class=\"commit-textarea\"\n                ></gxg-form-textarea>\n              </div>\n              <div\n                class={{\n                  \"filters-outer-wrapper\": true,\n                  \"filters-outer-wrapper--hidden\": this.filtersHidden\n                }}\n              >\n                <div\n                  class={{\n                    \"filters-inner-wrapper\": true\n                  }}\n                >\n                  <div\n                    class={{\n                      \"header__third-row\": true\n                    }}\n                  >\n                    {/* pattern*/}\n                    <gxg-label\n                      part=\"pattern-label\"\n                      labelPosition=\"start\"\n                      class=\"pattern-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.patternLabel}\n                    </gxg-label>\n                    <gxg-form-text\n                      disable-filter\n                      value=\"\"\n                      ref={(el: HTMLGxgFormTextElement) =>\n                        (this.patternEl = el as HTMLGxgFormTextElement)\n                      }\n                      display-validation-styles\n                      display-validation-message\n                      part=\"pattern-form-text\"\n                      class=\"pattern-form-text\"\n                      onInput={this.loadData}\n                    ></gxg-form-text>\n\n                    {/* changeset */}\n                    <gxg-label\n                      part=\"changeset-label\"\n                      labelPosition=\"start\"\n                      class=\"changeset-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.changesetLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      value={this.changeSet[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.changeSetEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"changeset-combo\"\n                      class=\"changeset-combo\"\n                      display-validation-styles\n                      display-validation-message\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.changeSet)}\n                    </gxg-combo-box>\n\n                    {/* type */}\n                    <gxg-label\n                      part=\"type-label\"\n                      labelPosition=\"start\"\n                      class=\"type-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.typeLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      labelPosition=\"start\"\n                      value={this.types[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.typesEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"type-combo\"\n                      class=\"type-combo\"\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.types)}\n                    </gxg-combo-box>\n\n                    {/* folder */}\n                    <gxg-label\n                      part=\"folder-label\"\n                      labelPosition=\"start\"\n                      class=\"folder-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.folderLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      value={this.folders[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.foldersEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"folder-combo\"\n                      display-validation-styles\n                      display-validation-message\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.folders)}\n                    </gxg-combo-box>\n\n                    {/* category */}\n                    <gxg-label\n                      part=\"category-label\"\n                      labelPosition=\"start\"\n                      class=\"category-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.categoryLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      value={this.categories[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.categoriesEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"category-combo\"\n                      class=\"category-combo\"\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.categories)}\n                    </gxg-combo-box>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <main class=\"main\">\n              <gx-ide-container noContentPadding class=\"grid-container\">\n                <div class=\"tabs-container gxi-full-height\">\n                  <gxg-tabs class=\"gxg-tabs\">\n                    <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n                      <gxg-tab-button\n                        slot=\"tab-bar\"\n                        tab-label={`${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`}\n                        tab=\"pending-commits\"\n                        is-selected\n                      ></gxg-tab-button>\n                      <gxg-tab-button\n                        slot=\"tab-bar\"\n                        tab-label={`${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`}\n                        tab=\"ignored-objects\"\n                      ></gxg-tab-button>\n                    </gxg-tab-bar>\n                    <gxg-tab tab=\"pending-commits\" no-padding flex>\n                      {this.renderPendingCommitsGrid()}\n                    </gxg-tab>\n                    <gxg-tab tab=\"ignored-objects\" no-padding flex>\n                      {this.renderIgnoredObjectsGrid()}\n                    </gxg-tab>\n                  </gxg-tabs>\n                </div>\n              </gx-ide-container>\n            </main>\n\n            {/* footer */}\n            <gxg-button\n              slot=\"footer-end\"\n              type=\"primary-text-only\"\n              onClick={this.commitCallbackHandler}\n              part=\"commit-button\"\n              disabled={!this.commitButtonEnabled}\n            >\n              {this._componentLocale.footer.commitButton}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type GetRecentComment = () => Promise<string | undefined>;\n\nexport type LoadCallback = (filters: FiltersData) => Promise<CommitData>;\n\nexport type CommitCallback = (\n  selection: string[],\n  commitCommentEl: string\n) => Promise<boolean>;\n\nexport type PendingItemsCheckedCallback = (\n  pendingItemsCheckedState: ItemsCheckedState\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type CommitSelectCallback = (\n  grid: CommitSourceType,\n  selectionIds: string[]\n) => Promise<void>;\n\nexport type ItemCheckedCallback = (\n  checkedItemIds: string[]\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type ObjectsContextMenuCallback = (\n  grid: CommitSourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type CommitSourceType = \"commit\" | \"ignored\";\n\nexport type CommitData = {\n  pending: ModifiedObjectData[];\n  ignored: ModifiedObjectData[];\n};\n\nexport type ModifiedObjectData = {\n  id: string;\n  name: string;\n  iconType: string;\n  state: ObjectState;\n  type: string;\n  description: string;\n  modifiedOn: Date;\n  module: string;\n  localState: ObjectState;\n  lastSynchronized: Date;\n  user: string;\n};\n\nexport type FiltersData = {\n  pattern: string;\n  changeSet: string;\n  type: string;\n  folder: string;\n  category: string;\n};\n"],"mappings":";;;;;;;;;;AAAA,MAAMA,IAAY;;ACiClB,MAAMC,IAA8B,EAClC,qBACA,cACA,gBACA,oBACA,qBACA,uBACA,mBACA;;MAQWC,IAAkB;;;;;IAOrBC,KAAAC,0BAA0B;;QAC1BD,KAAAE,oBAAoB;;QA+IpBF,KAAAG,oBAAoBC;MAC1B,MAAMC,MAAkBL,KAAKM,gBAAgBC,MAAMC;MACnD,MAAMC,UAAuBT,KAAKU,uBAAuBC;MACzD,IAAIN,KAAiBI,EAAeD,SAAS,GAAG;QAC9CR,KAAKY,sBAAsB;aACtB;QACLZ,KAAKY,sBAAsB;;;IAIvBZ,KAAAa,4BAA4B;MAClCb,KAAKU,uBAAuBI;AAAa;IAGnCd,KAAAe,iCAAiCX,MACvCY;MAEA,IAAIhB,KAAKU,wBAAwB;QAC/B,MAAMO,IAAyBD,EAAcC;QAC7C,MAAMC,IAA2BF,EAAcE;;gBAE/C,KAAK,MAAMC,KAASF,GAAc;gBAC1BjB,KAAKU,uBAAuBU,QAAQD,GAAO;;;gBAGnD,KAAK,MAAMA,KAASD,GAAgB;gBAC5BlB,KAAKU,uBAAuBU,QAAQD,GAAO;;;;IAK/CnB,KAAAqB,iCAAiCjB,OACvCkB,GACAC;MAEA,IAAIvB,KAAKU,wBAAwB;QAC/B,KAAK,MAAMS,KAASG,GAAc;gBAC1BtB,KAAKU,uBAAuBU,QAAQD,GAAO;;QAEnD,KAAK,MAAMA,KAASI,GAAe;gBAC3BvB,KAAKU,uBAAuBU,QAAQD,GAAO;;;;IAK/CnB,KAAAwB,kBAAmBC;MACzB,IAAIC;MACJ,QAAQD;OACN,KAAK;QACHC,IAAO;QACP;;OACF,KAAK;QACHA,IAAO;QACP;;OACF,KAAK;QACHA,IAAO;QACP;;OACF,KAAK;QACHA,IAAO;QACP;;MAEJ,OAAOC,EAAA;QAAUC,KAAKF;QAAMG,OAAM;;AAAqB;IAGjD7B,KAAA8B,yCAAyC1B,MAC/C2B;;MAGA/B,KAAKU,uBAAuBsB,oBAC1B,qBACAhC,KAAK8B;MAEP,IAAI9B,KAAKU,wBAAwB;QAC/B,MAAMY,IAAeS,EAAEE,OAAOC;QAC9B,MAAMX,IAAgBQ,EAAEE,OAAOV;QAC/B,MAAMY,UAAiCnC,KAAKoC,4BAA4B;UACtEC,cAAcf;UACdgB,gBAAgBf;;QAElB,IAAIY,MAA6BI,WAAW;;gBAEpCvC,KAAKqB,+BAA+BC,GAAcC;eACnD;gBACCvB,KAAKe,+BAA+BoB;;QAE5CnC,KAAKG;QACLH,KAAKU,uBAAuB8B,iBAC1B,qBACAxC,KAAK8B;;;IAKH9B,KAAAyC,sCACLC,KACDtC,MAAOuC;MACLA,EAAGC;MACHD,EAAGE;MACH,IAAIC,IAAsB;MAC1B,IAAIJ,MAAS,UAAU;QACrBI,IAAYH,EAAGV,OAAOc;aACjB,IAAIL,MAAS,WAAW;QAC7BI,UAAkB9C,KAAKgD,uBAAuBC;;MAEhD,IAAIjD,KAAKkD,4BAA4B;cAC7BlD,KAAKkD,2BAA2BR,GAAM;UAC1CI,WAAWA;UACXK,SAASR,EAAGV,OAAOkB;UACnBC,SAAST,EAAGV,OAAOmB;;;;IAKnBpD,KAAAqD,wCACLX,KACDtC,MAAOuC;MACL,IAAI3C,KAAKsD,gBAAgB;cACjBtD,KAAKsD,eAAeZ,GAAMC,EAAGV,OAAOsB;;;;IAKxCvD,KAAAwD,2BAA2B,MAE/B7B,EAAA;MACEE,OAAM;MACN4B,kBAAiB;MACjBC,KAAMC,KACH3D,KAAKU,yBAAyBiD;MAEjCC,MAAK;MACLC,kBAAkB7D,KAAKyC,oCAAoC;MAC3DqB,oBAAoB9D,KAAKqD,sCACvB;OAGF1B,EAAA;MAA2BE,OAAM;OAC/BF,EAAA;MACEE,OAAM;MACNkC,YAAW;MACXC,iBAAe;MACfC,qBAAoB;MACpBC,aAAa;MACbC,UAAU;MACVC,MAAMC,EAAOC,YAAYC,QAAQC;QAGnC7C,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbC,UAAU;MACVC,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACNqC,aAAa;MACbC,UAAU;MACVC,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACNsC,UAAQ;MACRM,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACNsC,UAAQ;MACRM,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQG;QAEnC/C,EAAA;MACEE,OAAM;MACNsC,UAAQ;MACRM,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;SAWpCxE,KAAK2E,eAAeC,KAAKC,KACxBlD,EAAA;MAAqBmD,OAAOD,EAAIE;MAAIlD,OAAM;OACxCF,EAAA;MAAA,aACY;MAAM;MAEhBE,OAAM;QAERF,EAAA;MAAsBE,OAAM;OACzB7B,KAAKwB,gBAAgBqD,EAAIpD,SAG5BE,EAAA;MAAsBE,OAAM;OAC1BF,EAAA;MAAUC,KAAKiD,EAAIG;MAAUnD,OAAM;SAErCF,EAAA;MAAsBE,OAAM;OACzBgD,EAAII,OAEPtD,EAAA;MAAsBE,OAAM;OACzBgD,EAAIK,OAEPvD,EAAA;MAAsBE,OAAM;OACzBgD,EAAIM,cAEPxD,EAAA;MAAsBE,OAAM;OACzB,GAAGuD,EAAWP,EAAIQ,gBAErB1D,EAAA;MAAsBE,OAAM;OACzBgD,EAAIS,SAGP3D,EAAA;MAAsBE,OAAM;OACzBgD,EAAIU,aAEP5D,EAAA;MAAsBE,OAAM;OACzB,GAAGuD,EAAWP,EAAIW;wCAYvBxF,KAAAyF,2BAA2B,MAE/B9D,EAAA;MACEE,OAAM;MACN4B,kBAAiB;MACjBC,KAAMC,KACH3D,KAAKgD,yBAAyBW;MAEjCC,MAAK;MACLC,kBAAkB7D,KAAKyC,oCAAoC;MAC3DqB,oBAAoB9D,KAAKqD,sCACvB;OAGF1B,EAAA;MAA2BE,OAAM;OAC/BF,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbC,UAAQ;MACRC,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;QAEnC7C,EAAA;MACEE,OAAM;MACN4C,YAAW;MACXP,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQC;SAUpCxE,KAAK0F,eAAed,KAAKC,KACxBlD,EAAA;MAAqBmD,OAAOD,EAAIE;MAAIY,UAAQ;MAAC9D,OAAM;OACjDF,EAAA;MAAsBE,OAAM;OACzB7B,KAAKwB,gBAAgBqD,EAAIpD,SAE5BE,EAAA;MAAsBE,OAAM;OAC1BF,EAAA;MAAUC,KAAKiD,EAAIG;MAAUnD,OAAM;SAErCF,EAAA;MAAsBE,OAAM;OACzBgD,EAAII,OAEPtD,EAAA;MAAsBE,OAAM;OACzBgD,EAAIK,OAEPvD,EAAA;MAAsBE,OAAM;OACzBgD,EAAIM,cAEPxD,EAAA;MAAsBE,OAAM;OACzB,GAAGuD,EAAWP,EAAIQ,gBAErB1D,EAAA;MAAsBE,OAAM;OACzBgD,EAAIS,SAEP3D,EAAA;MAAsBE,OAAM;OACzBgD,EAAIU,aAEP5D,EAAA;MAAsBE,OAAM;OACzB,GAAGuD,EAAWP,EAAIW;IAWvBxF,KAAA4F,0BAA0BxF;MAChC,IAAIJ,KAAK6F,0BAA0B;QACjC,MAAMC,UAAiB9F,KAAK6F;QAC5B,IAAIC,GAAU;UACZ9F,KAAK+F,UAAUD;;;;IAKb9F,KAAAgG,wBAAwB5F;MAC9B,MAAME,IAAkBN,KAAKM,gBAAgBC;MAC7CP,KAAKU,uBACFC,gBACAsF,MAAK7F,MAAM8F;cACJlG,KAAKmG,eAAeD,GAA0B5F;4BAAgB;AAEpE;IAGEN,KAAAoG,WAAWhG;MACjB,MAAMiG,IAA2B;QAC/BC,SAAStG,KAAKuG,UAAUhG;QACxBiG,WAAWxG,KAAKyG,YAAYlG;QAC5BmG,QAAQ1G,KAAK2G,UAAUpG;QACvBqG,UAAU5G,KAAK6G,aAAatG;QAC5B2E,MAAMlF,KAAK8G,QAAQvG;;MAGrBP,KAAK+G;;;YAKL,aAAa/G,KAAKgH,aAAaX,GAAaJ,MAC1C7F,QAAS6G,YAASC;QAChBlH,KAAK2E,iBAAiBsC;QACtBjH,KAAK0F,iBAAiBwB;AAAO;AAEhC;IAGKlH,KAAAmH,uBAAuB;MAC7BnH,KAAKoH,iBAAiBpH,KAAKoH;AAAa;IAGlCpH,KAAA+G,2BAA2B;MACjC,IACE/G,KAAKuG,UAAUhG,SACfP,KAAKyG,YAAYlG,SACjBP,KAAK8G,QAAQvG,SACbP,KAAK2G,UAAUpG,SACfP,KAAK6G,aAAatG,OAClB;QACAP,KAAKqH,sBAAsB;aACtB;QACLrH,KAAKqH,sBAAsB;;;yBA3iBN;mBACN;0BAC6B;0BACA;+BACjB;+BACA;wBAOC;;;;;;;;;;;;;EAkEhC,uBAAMC;IACJtH,KAAKuH,yBAAyBC,EAAOC,oBAAoBzH,KAAK2D;;EAGhE,sBAAM+D;UACE1H,KAAKoG;IACXpG,KAAKC,0BAA0B;IAC/BD,KAAK2H,sBAAsBC,KAAK;IAChC5H,KAAKG;IACLH,KAAKM,gBAAgBuH;;EAGvB,wBAAMC;IACJ,KAAK9H,KAAKE,mBAAmB;MAC3BF,KAAK+H,4BAA4BH,KAC/B5H,KAAKuH,iBAAiBS;MAExBhI,KAAKE,oBAAoB;;IAG3B,IAAIF,KAAKC,yBAAyB;;YAE1BD,KAAKa;;YAEXb,KAAKU,uBAAuB8B,iBAC1B,qBACAxC,KAAK8B;MAEP9B,KAAKC,0BAA0B;;;;;;;;EAYnC,YAAMgI;IACJjI,KAAKoG;;;EA0bP,MAAA8B;IACE,OACEvG,EAACwG,GAAI;MAACtG,OAAM;OACVF,EAAA;MAAUyG,OAAOtI;QACjB6B,EAAA;MAAKE,OAAM;OACTF,EAAA;MACE0G,kBAAgB;MAChBC,kBAAgB;MAChBC,mBAAiB;MACjBC,gBACExI,KAAKyI,eAAezI,KAAKuH,iBAAiBS,gBAAgB;MAE5DU,eAAerE,EAAOsE,eAAeD;MACrCE,iBAAe;OAEfjH,EAAA;MAAKE,OAAM;MAASgH,MAAK;OACvBlH,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEiC,MAAK;MACLkF,eAAc;MACdjH,OAAM;MACNkH,UAAQ;OAEP/I,KAAKuH,iBAAiByB,OAAOC,gBAGlCtH,EAAA;MAAKE,OAAM;OAETF,EAAA;MACEuH,SAASlJ,KAAKmH;MACdjC,MAAK;MACLxD,MACE1B,KAAKqH,sBACD,mCACA;MAENzD,MAAK;MACL/B,OAAM;QAIRF,EAAA;MACEuD,MAAK;MACLxD,MAAK;MACLwH,SAASlJ,KAAKoG;MACdxC,MAAK;MACL/B,OAAM;QAIRF,EAAA;MACEE,OAAM;MACNqD,MAAK;MACLtB,MAAK;MACLsF,SAASlJ,KAAK4F;OAEb5F,KAAKuH,iBAAiByB,OAAOG,yBAIpCxH,EAAA;MAAKE,OAAM;OAETF,EAAA;MACEyH,QAAO;MACP7I,OAAOP,KAAK+F;MACZrC,KAAMC,KACH3D,KAAKM,kBAAkBqD;MAE1B0F,YAAU;MACVC,SAAStJ,KAAKG;MACdoJ,aAAavJ,KAAKuH,iBAAiByB,OAAOQ;MAC1C5F,MAAK;MACL/B,OAAM;SAGVF,EAAA;MACEE,OAAO;QACL,yBAAyB;QACzB,iCAAiC7B,KAAKoH;;OAGxCzF,EAAA;MACEE,OAAO;QACL,yBAAyB;;OAG3BF,EAAA;MACEE,OAAO;QACL,qBAAqB;;OAIvBF,EAAA;MACEiC,MAAK;MACLkF,eAAc;MACdjH,OAAM;MACNkH,UAAQ;OAEP/I,KAAKuH,iBAAiBkC,YAAYC,eAErC/H,EAAA;MAAA;MAEEpB,OAAM;MACNmD,KAAMC,KACH3D,KAAKuG,YAAY5C;MAA6B;MAAA;MAIjDC,MAAK;MACL/B,OAAM;MACNyH,SAAStJ,KAAKoG;QAIhBzE,EAAA;MACEiC,MAAK;MACLkF,eAAc;MACdjH,OAAM;MACNkH,UAAQ;OAEP/I,KAAKuH,iBAAiBkC,YAAYE,iBAErChI,EAAA;MACEpB,OAAOP,KAAKwG,UAAU,GAAG;MACzB9C,KAAMC,KACH3D,KAAKyG,cAAc9C;MAEtBC,MAAK;MACL/B,OAAM;MAAiB;MAAA;MAGvB+H,gBAAgB5J,KAAKoG;OAEpByD,EAAiB7J,KAAKwG,aAIzB7E,EAAA;MACEiC,MAAK;MACLkF,eAAc;MACdjH,OAAM;MACNkH,UAAQ;OAEP/I,KAAKuH,iBAAiBkC,YAAYK,YAErCnI,EAAA;MACEmH,eAAc;MACdvI,OAAOP,KAAK+J,MAAM,GAAG;MACrBrG,KAAMC,KACH3D,KAAK8G,UAAUnD;MAElBC,MAAK;MACL/B,OAAM;MACN+H,gBAAgB5J,KAAKoG;OAEpByD,EAAiB7J,KAAK+J,SAIzBpI,EAAA;MACEiC,MAAK;MACLkF,eAAc;MACdjH,OAAM;MACNkH,UAAQ;OAEP/I,KAAKuH,iBAAiBkC,YAAYO,cAErCrI,EAAA;MACEpB,OAAOP,KAAKiK,QAAQ,GAAG;MACvBvG,KAAMC,KACH3D,KAAK2G,YAAYhD;MAEpBC,MAAK;MAAc;MAAA;MAGnBgG,gBAAgB5J,KAAKoG;OAEpByD,EAAiB7J,KAAKiK,WAIzBtI,EAAA;MACEiC,MAAK;MACLkF,eAAc;MACdjH,OAAM;MACNkH,UAAQ;OAEP/I,KAAKuH,iBAAiBkC,YAAYS,gBAErCvI,EAAA;MACEpB,OAAOP,KAAKmK,WAAW,GAAG;MAC1BzG,KAAMC,KACH3D,KAAK6G,eAAelD;MAEvBC,MAAK;MACL/B,OAAM;MACN+H,gBAAgB5J,KAAKoG;OAEpByD,EAAiB7J,KAAKmK,kBAMjCxI,EAAA;MAAME,OAAM;OACVF,EAAA;MAAkB0G,kBAAgB;MAACxG,OAAM;OACvCF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAUE,OAAM;OACdF,EAAA;MAAakH,MAAK;MAAoBuB,eAAa;OACjDzI,EAAA;MACEkH,MAAK;MAAS,aACH,GAAG7I,KAAKuH,iBAAiB8C,KAAK1F,mBAAmB3E,KAAK2E,eAAenE;MAChF8J,KAAI;MAAiB;QAGvB3I,EAAA;MACEkH,MAAK;MAAS,aACH,GAAG7I,KAAKuH,iBAAiB8C,KAAK3E,mBAAmB1F,KAAK0F,eAAelF;MAChF8J,KAAI;SAGR3I,EAAA;MAAS2I,KAAI;MAAiB;MAAYC,MAAI;OAC3CvK,KAAKwD,6BAER7B,EAAA;MAAS2I,KAAI;MAAiB;MAAYC,MAAI;OAC3CvK,KAAKyF,iCAQhB9D,EAAA;MACEkH,MAAK;MACL3D,MAAK;MACLgE,SAASlJ,KAAKgG;MACdpC,MAAK;MACL4G,WAAWxK,KAAKY;OAEfZ,KAAKuH,iBAAiBkD,OAAOC"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["bringChangesCss","CSS_BUNDLES","COMBO_BOX_ALL_VALUE","DETAIL_LABEL_CLASSES","ADD_ICON","getIconPath","category","name","colorType","EDITED_ICON","FILTER_ICON","SEARCH_ICON","SUBSTRACT_ICON","WARNING_ICON","ERROR_ICON","GxIdeTeamDevBringChanges","_GxIdeTeamDevBringChanges_componentLocale","set","this","_GxIdeTeamDevBringChanges_commitLabel","_GxIdeTeamDevBringChanges_comboBoxStatesModel","_GxIdeTeamDevBringChanges_checkedObjectsIdsArray","_GxIdeTeamDevBringChanges_formatComments","commitInformation","length","comment","mergedComment","map","commit","i","isLast","afterCommentBreakline","id","_GxIdeTeamDevBringChanges_mergeCheckedClickedHandler","async","merging","newobjectsStatesMap","Map","objectsStatesMap","__classPrivateFieldGet","forEach","checkedObjectId","operationType","mergeObjectsCallback","_GxIdeTeamDevBringChanges_mergeSingleObject","objectId","_GxIdeTeamDevBringChanges_renderActionCellContent","actionTaken","icon","caption","iconColor","objects","actions","delete","insert","modify","h","class","type","src","style","backgroundColor","_GxIdeTeamDevBringChanges_renderCommitsNumbers","onlyNumbers","_a","_b","loading","_GxIdeTeamDevBringChanges_renderFormatedDate","date","dateObject","Date","lang","navigator","languages","language","toLocaleDateString","toLocaleTimeString","hour","minute","hour12","_GxIdeTeamDevBringChanges_renderObjectActions","openDisabled","compareWithCurrentRevisionDisabled","menuContextAction","revisionChangesDisabled","previewMergeDisabled","disabled","objectActions","open","compareWithCurrentRevision","revisionChanges","previewMerge","_GxIdeTeamDevBringChanges_renderObjectState","objectType","states","reverting","classes","mergePillAsButton","onClick","call","statesForButton","_GxIdeTeamDevBringChanges_renderObjectType","_GxIdeTeamDevBringChanges_renderObjectsRows","objectsFiltered","commitObject","marked","markedObjectsSet","has","alreadyMerged","alreadyMergedObjectsIdsArray","find","errorOrWarningMessage","commitObjectsMessagesMap","get","state","MESSAGE_ICON","key","rowid","ref","el","setAttribute","size","description","_GxIdeTeamDevBringChanges_rowContextMenuHandler","event","rowId","detail","_GxIdeTeamDevBringChanges_updateMenuContextActions","_GxIdeTeamDevBringChanges_rowMarkingChangedHandler","newobjectsMarkedSet","Set","markedRowsIds","rowsId","checkedObjectsIgnoringAlreadyMerged","filter","markedObjectId","includes","__classPrivateFieldSet","add","atLeastOneObjectIsChecked","objectCurrentState","markedRowIndex","findIndex","splice","_GxIdeTeamDevBringChanges_searchInputHandler","searchValue","toLowerCase","_GxIdeTeamDevBringChanges_updateFilteredObjects","_GxIdeTeamDevBringChanges_stateChangedHandler","stateFilterValue","currentObjectContextMenuId","object","commitObjects","filteredObjects","objectState","includesName","includesType","includesDescription","objectsStatesMapChanged","newCommitObjectsStateMap","someObjectIsMerging","entries","commitObjectsChanged","newCommitObjects","componentWillLoad","Locale","getComponentStrings","commmits","commmit","all","value","warning","error","reverted","merged","updateObjectState","newState","message","checkedObject","push","tabularGridEl","markRow","render","enableRichRowSelector","disableControls","Host","model","commitDetail","revertChangesDetail","bringChangesDetail","genexusServer","href","target","knowledgeBase","currentVersion","mergeFromVersion","title","ids","from","to","htmlFor","comments","multiline","readonly","hideFilters","startImgSrc","placeholder","searchPlaceholder","onInput","statePlaceholder","revertSelected","mergeSelected","keyboardNavigationMode","rowSelectionMode","onRowMarkingChanged","onRowContextMenu","columnId","columnName","columnType","richRowSelector","richRowSelectorMode","settingable","action","status","columnNameHidden","richRowActions","enableRowOptions","showOnRowActions","showOnRowContext","isAnimated","stateIconSrc","stateTitle","cancelLabel","loader","loaderTitle","show"],"sources":["src/components/team-dev/bring-changes/bring-changes.scss?tag=gx-ide-team-dev-bring-changes&encapsulation=shadow","src/components/team-dev/bring-changes/bring-changes.tsx"],"sourcesContent":["@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n:host {\n  --pill-border-radius: 12px;\n  --pill-padding-inline: 8px;\n  --pill-padding-block: 2px;\n  --pill-font-size: var(--font-size-body-s);\n\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content max-content 1fr;\n}\n$header-item-common-inline-padding: 24px;\n$header-item-common-separator-border: 1px solid\n  var(--mer-border-color__on-elevation--01);\n\n%header-item-common-inline-sizes {\n  max-inline-size: 250px;\n  min-inline-size: 180px;\n}\n%header-item-common {\n  padding-inline: $header-item-common-inline-padding;\n  border-inline-end: $header-item-common-separator-border;\n  @extend %header-item-common-inline-sizes;\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  gap: 24px;\n}\n\n// header detail\n.header__detail {\n  display: grid;\n  grid-template-areas:\n    \"detail-title detail-title detail-title detail-title\"\n    \"detail-commit-name detail-commit-name detail-commit-name detail-commit-name\"\n    \"detail-genexus-server detail-knowledge-base detail-current-version detail-merge-from-version\";\n  row-gap: 16px;\n  // grid-auto-columns: max-content;\n  // grid-template-columns: max-content auto auto auto;\n  grid-template-columns: minmax(250px, 350px) repeat(3, minmax(180px, 250px));\n}\n.detail__label {\n  color: var(--mer-color__neutral-gray--400);\n}\n.detail__title {\n  grid-area: detail-title;\n}\n.detail__commit-name {\n  grid-area: detail-commit-name;\n}\n.detail__genexus-server {\n  grid-area: detail-genexus-server;\n  @extend %header-item-common-start;\n\n  > a {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}\n.detail__link {\n  align-items: start;\n  color: var(--mer-text__primary);\n  text-decoration: underline;\n  &:hover {\n    color: var(--mer-text__primary--hover);\n  }\n  &:active {\n    color: var(--mer-text__primary--active);\n  }\n}\n.detail__knowledge-base {\n  grid-area: detail-knowledge-base;\n  @extend %header-item-common;\n}\n.detail__current-version {\n  grid-area: detail-current-version;\n  @extend %header-item-common;\n}\n.detail__merge-from-version {\n  grid-area: detail-merge-from-version;\n  @extend %header-item-common-end;\n}\n\n// header information\n.header__information {\n  display: grid;\n  row-gap: 10px;\n  grid-template-areas:\n    \"information-title information-title\"\n    \"information-col-1 information-col-2\";\n  grid-template-columns: max-content 1fr;\n  grid-template-rows: max-content 64px;\n}\n.information__title {\n  grid-area: information-title;\n}\n.information__col-1 {\n  grid-area: information-col-1;\n  display: flex;\n  gap: 24px;\n  @extend %header-item-common-start;\n}\n.information__col-2 {\n  display: grid;\n  grid-area: information-col-2;\n  @extend %header-item-common-end;\n}\n\n// filter / controls-container\n.controls-container {\n  display: grid;\n  margin-block-start: 24px;\n}\n.filter {\n  grid-template-columns: 232px 186px 1fr;\n  gap: 12px;\n}\n.button-merge-checked {\n  margin-inline-start: auto;\n}\n\n// main\n.main {\n  position: relative;\n  display: grid;\n  overflow: auto;\n}\n.loader {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-block-start: 0;\n}\n.tabular-grid {\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.empty-state {\n  block-size: 100%;\n}\n.loader {\n  --elevation-background-color: var(--mer-surface__elevation--01);\n}\n\n.warning-error-description {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  max-inline-size: 800px;\n  line-height: 1.5; // WA. Line height looks too tight.\n}\n.warning-error-icon {\n  flex-shrink: 0;\n}\n\n.tabular-grid.empty-result::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\n\n// - - - - - - - - - - - - - -\n// WA (WORK AROUNDS)\n// - - - - - - - - - - - - - -\n\n.input-comments-container {\n  position: relative;\n}\n// ch-edit for comments WA's\n// Figma design for this component displays the textarea witout border, and with a little more line-height.\n// The following styles are a temporary WA that should be brouhgt to Mercury DS.\n.input-comments {\n  --control__border-color: transparent;\n  padding-block: 0 !important;\n  padding-inline: 0 !important;\n  --line-height-tight: 1.4;\n  block-size: 100%;\n  background-color: var(--mer-surface);\n  transition: var(--mer-timing--super-fast) block-size,\n    var(--mer-timing--super-fast) background-color,\n    var(--mer-timing--super-fast) padding-block,\n    var(--mer-timing--super-fast) padding-inline;\n}\n.input-comments:focus {\n  position: absolute;\n  block-size: 200px;\n  inline-size: 100%;\n  z-index: 99;\n  background-color: var(--mer-surface__elevation--01);\n  padding-block: var(--control__padding-block) !important;\n  padding-inline: var(--control__padding-inline) !important;\n}\n\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  background-size: contain; //force icon fit container\n  margin-inline-end: 0;\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--enabled);\n  cursor: pointer;\n  &:hover {\n    --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--hover);\n  }\n  &:active {\n    --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--active);\n  }\n}\n\n.tabular-grid-row-actions::part(main),\n.property-grid-row-actions::part(main) {\n  // gap not required since buttons are tertiary.\n  // extra space perceived.\n  gap: 0 !important;\n}\n\n.custom-icon-text-wrapper {\n  // To align an icon and a text, with gap\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.tabular-grid-row-actions {\n  // Butons are center by default, but design dictates start alignemnt\n  > button {\n    justify-content: start;\n  }\n}\n\n// These static type of pills do not exist on Mercury yet.\n// They should be defined on Mercury. The actual pills on Mercury\n// are combo-boxes. Not what we need for this case.\n\n.pill {\n  --pill-background-color: transparent;\n  --pill-color: transparent;\n  --pill-border-color: transparent;\n\n  background-color: var(--pill-background-color);\n  color: var(--pill-color);\n  border: 1px solid var(--pill-border-color);\n  inline-size: 100%;\n  padding: var(--pill-padding-block) var(--pill-padding-inline);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--pill-border-radius);\n  position: relative;\n  font-weight: var(--font-weight-semi-bold);\n\n  &--to-merge,\n  &--to-revert {\n    --pill-background-color: var();\n    --pill-color: var(--mer-color__neutral-gray--400);\n    --pill-border-color: var();\n  }\n  &--to-merge-marked {\n    --pill-background-color: var();\n    --pill-color: var(--mer-border-color__primary);\n    --pill-border-color: var();\n  }\n  &--pending {\n    --pill-background-color: var(--mer-color__tinted-primary--8);\n    --pill-color: var(--mer-border-color__primary);\n    --pill-border-color: var(--mer-color__tinted-primary--50);\n  }\n  &--warning {\n    --pill-background-color: var(--mer-color__tinted-yellow--5);\n    --pill-color: var(--mer-border-color__warning);\n    --pill-border-color: var(--mer-color__tinted-yellow--60);\n  }\n  &--error {\n    --pill-background-color: var(--mer-color__tinted-red--5);\n    --pill-color: var(--mer-border-color__error);\n    --pill-border-color: var(--mer-color__tinted-red--60);\n  }\n  &--merged,\n  &--reverted {\n    --pill-background-color: var(--mer-color__tinted-green--5);\n    --pill-color: var(--mer-border-color__success);\n    --pill-border-color: var(--mer-color__tinted-green--60);\n  }\n  &--transitioning {\n    // used to hide the text, before updating the caption (smooth transtion)\n    --pill-color: transparent;\n  }\n}\n.merging-spinner-caption {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  $size: 14px;\n  --status-circle-color: transparent;\n  --status-circle-size: $size;\n  --status-circle-inset-inline-start: 14px;\n  --pill-color: var(--mer-border-color__primary);\n  &::before {\n    display: inline-block;\n    content: \"\";\n\n    @include spinner(\n      $size,\n      var(--mer-color__primary--300),\n      var(--mer-color__tinted-primary--50)\n    );\n  }\n}\n.tabular-grid .button-secondary {\n  --control__padding-block: var(--pill-padding-block);\n  --control__padding-inline: var(--pill-padding-inline);\n  font-size: inherit;\n  font-weight: inherit;\n  /* font-size: var(--pill-font-size); */\n}\n\n.tabular-grid .tabular-grid-cell--for-pill {\n  --grid-cell__padding-block: 4px;\n  align-items: center;\n  justify-content: center;\n\n  // --grid-cell__padding-inline: 0;\n}\n\n.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(selector-label),\n.tabular-grid.disabled-custom-selector .tabular-grid-column::part(bar-selector),\n.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(actions-icon) {\n  pointer-events: none;\n  opacity: 0.5;\n}\n.tabular-grid-column--settings-custom-selector,\n.tabular-grid-cell--settings-custom-selector {\n  --grid-cell__padding-inline: 0;\n  --grid-cell__padding-block: 0;\n}\n.tabular-grid-cell::part(actions-icon) {\n  padding-block: 6px;\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  block-size: 100%;\n  display: block;\n  background-size: 14px;\n  padding-inline: 16px;\n}\n\n.tabular-grid-cell.no-checkbox-custom-selector::part(selector-label) {\n  visibility: hidden;\n}\n\n.tabular-grid-row-actions::part(window) {\n  background-color: var(--mer-surface__elevation--02) !important;\n}\n\n.tabular-grid-row .tabular-grid-cell:nth-child(3) {\n  min-inline-size: 400px;\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  ChEditCustomEvent,\n  TabularGridMarkingChangedEvent,\n  TabularGridRowContextMenuEvent\n} from \"@genexus/chameleon-controls-library\";\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 COMBO_BOX_ALL_VALUE = \"all\";\n\nconst DETAIL_LABEL_CLASSES = \"detail__label body-semi-bold-s\";\n\nconst ADD_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"on-elevation\"\n});\nconst EDITED_ICON = getIconPath({\n  category: \"system\",\n  name: \"edit\",\n  colorType: \"on-elevation\"\n});\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\nconst SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-elevation\"\n});\nconst SUBSTRACT_ICON = getIconPath({\n  category: \"system\",\n  name: \"substract\",\n  colorType: \"on-elevation\"\n});\nconst WARNING_ICON = getIconPath({\n  category: \"system\",\n  name: \"warning\",\n  colorType: \"warning\"\n});\nconst ERROR_ICON = getIconPath({\n  category: \"system\",\n  name: \"error\",\n  colorType: \"error\"\n});\n\n@Component({\n  tag: \"gx-ide-team-dev-bring-changes\",\n  styleUrl: \"bring-changes.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-bring-changes\"]\n})\nexport class GxIdeTeamDevBringChanges {\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  #commitLabel: string;\n  #comboBoxStatesModel: { caption: string; value: ObjectStateForFilter }[];\n  #checkedObjectsIdsArray: string[] = [];\n\n  @Element() el: HTMLGxIdeTeamDevBringChangesElement;\n\n  private tabularGridEl!: HTMLChTabularGridElement;\n\n  /**\n   * An array that holds the id's of the objects that have been merged already.\n   */\n  @State() alreadyMergedObjectsIdsArray: string[] = [];\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: ObjectActionTaken;\n\n  /**\n   * It hols a boolean indicating if at least one object from the tabular-grid is checked, for merging.\n   */\n  @State() objectsFiltered: CommitObject[] = [];\n\n  /**\n   * The current search filter value\n   */\n  @State() searchValue: string = \"\";\n\n  /**\n   * The current state filter value\n   */\n  @State() stateFilterValue: ObjectStateForFilter = COMBO_BOX_ALL_VALUE;\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\n  /**\n   * A map that holds the current commit objects states (\"pending\" | \"warning\" | \"error\" | \"merged\" | \"reverted\")\n   */\n  @State() objectsStatesMap: Map<string, ObjectState> = new Map();\n  @Watch(\"objectsStatesMap\")\n  objectsStatesMapChanged(newCommitObjectsStateMap: Map<string, ObjectState>) {\n    const someObjectIsMerging = [...newCommitObjectsStateMap.entries()].find(\n      ([, state]) => state === \"merging\" || state === \"reverting\"\n    );\n\n    if (!someObjectIsMerging) {\n      this.merging = false;\n    }\n  }\n\n  /**\n   * A map that holds object messages, if any, for objects that could not be merged (these objects are in a \"warning\" or \"error\" state)\n   */\n  @State() commitObjectsMessagesMap: Map<string, string> = 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() merging: boolean = false;\n\n  /**\n   * Detail about the commit\n   */\n  @Prop() readonly commitDetail: CommitDetail;\n\n  /**\n   * Commit information\n   */\n  @Prop() readonly commitInformation: CommitInformation[] = [];\n\n  /**\n   * Array of commit\n   */\n  @Prop() readonly commitObjects: CommitObject[] = [];\n  @Watch(\"commitObjects\")\n  commitObjectsChanged(newCommitObjects: CommitObject[]) {\n    if (newCommitObjects.length) {\n      // This is the first and only objects asignment\n      this.loading = false;\n\n      // All commit objects begin as \"pending to merge\"\n      newCommitObjects.forEach(commitObject => {\n        this.objectsStatesMap.set(\n          commitObject.id,\n          this.operationType === \"revert\" ? \"to-revert\" : \"to-merge\"\n        );\n      });\n\n      this.objectsFiltered = this.commitObjects;\n    }\n  }\n\n  /**\n   * Determines whether the row options are enabled or not.\n   */\n  @Prop() readonly enableRowOptions: boolean = false;\n\n  /**\n   * Determines whether the filters are rendered or not.\n   */\n  @Prop() readonly hideFilters: boolean = false;\n\n  /**\n   * The type of operation to perform: \"merge\" or \"revert\".\n   */\n  @Prop() readonly operationType: OperationType = \"merge\";\n\n  /**\n   * The callback that is triggered when the user wants to merge more than one commit.\n   */\n  @Prop() readonly mergeObjectsCallback!: MergeObjectsCallback;\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 mergePillAsButton: boolean;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#commitLabel =\n      this.commitInformation.length > 1\n        ? this.#componentLocale.commmits\n        : this.#componentLocale.commmit;\n\n    // Initiate \"states\" combo box filter\n    this.#comboBoxStatesModel = [\n      {\n        caption: this.#componentLocale.states.all,\n        value: COMBO_BOX_ALL_VALUE\n      },\n      {\n        caption:\n          this.operationType === \"revert\"\n            ? this.#componentLocale.states[\"to-revert\"]\n            : this.#componentLocale.states[\"to-merge\"],\n        value: this.operationType === \"revert\" ? \"to-revert\" : \"to-merge\"\n      },\n      {\n        caption: this.#componentLocale.states.warning,\n        value: \"warning\"\n      },\n      {\n        caption: this.#componentLocale.states.error,\n        value: \"error\"\n      },\n      {\n        caption:\n          this.operationType === \"revert\"\n            ? this.#componentLocale.states.reverted\n            : this.#componentLocale.states.merged,\n        value: this.operationType === \"revert\" ? \"reverted\" : \"merged\"\n      }\n    ];\n\n    if (this.commitObjects?.length) {\n      // if commitObjects already set...\n      this.commitObjectsChanged(this.commitObjects);\n    }\n  }\n\n  #formatComments = (): string => {\n    if (this.commitInformation.length === 1) {\n      // return comment without revison number\n      return this.commitInformation[0].comment;\n    }\n\n    // return comments with revison number\n    let mergedComment = \"\";\n    this.commitInformation.map((commit, i) => {\n      const isLast = i === this.commitInformation.length - 1;\n      const afterCommentBreakline = isLast ? \"\" : \"\\n\\n\";\n      mergedComment += `Commit ${commit.id}:\\n${commit.comment}${afterCommentBreakline}`;\n    });\n\n    return mergedComment;\n  };\n\n  #mergeCheckedClickedHandler = async () => {\n    this.merging = true;\n    const newobjectsStatesMap = new Map(this.objectsStatesMap);\n    this.#checkedObjectsIdsArray.forEach(checkedObjectId => {\n      newobjectsStatesMap.set(\n        checkedObjectId,\n        this.operationType === \"revert\" ? \"reverting\" : \"merging\"\n      );\n    });\n\n    this.objectsStatesMap = newobjectsStatesMap;\n    await this.mergeObjectsCallback(this.#checkedObjectsIdsArray);\n  };\n\n  #mergeSingleObject: (objectId: string) => () => void =\n    objectId => async () => {\n      this.merging = true;\n      const newobjectsStatesMap = new Map(this.objectsStatesMap);\n      newobjectsStatesMap.set(\n        objectId,\n        this.operationType === \"revert\" ? \"reverting\" : \"merging\"\n      );\n      this.objectsStatesMap = newobjectsStatesMap;\n      await this.mergeObjectsCallback([objectId]);\n    };\n\n  #renderActionCellContent = (\n    actionTaken: ObjectActionTaken\n  ): JSX.Element[] => {\n    let icon: string;\n    let caption: string;\n    let iconColor: string;\n\n    if (actionTaken === \"Deleted\") {\n      icon = SUBSTRACT_ICON;\n      caption = this.#componentLocale.objects.actions.delete;\n      iconColor = \"--mer-icon__error\";\n    } else if (actionTaken === \"Inserted\") {\n      icon = ADD_ICON;\n      caption = this.#componentLocale.objects.actions.insert;\n      iconColor = \"--mer-icon__success\";\n    } else {\n      // modified\n      icon = EDITED_ICON;\n      caption = this.#componentLocale.objects.actions.modify;\n      iconColor = \"--mer-icon__warning\";\n    }\n\n    return (\n      <span class=\"custom-icon-text-wrapper\">\n        <ch-image\n          type=\"mask\"\n          class=\"icon-md\"\n          src={icon}\n          style={{ backgroundColor: `var(${iconColor})` }}\n        ></ch-image>\n        {`${caption}`}\n      </span>\n    );\n  };\n\n  #renderCommitsNumbers = (onlyNumbers: boolean = false): string => {\n    if (this.commitInformation?.length > 1) {\n      // more than one commit\n      return onlyNumbers\n        ? `${this.commitInformation[0].id} ... ${\n            this.commitInformation[this.commitInformation.length - 1].id\n          }`\n        : `${this.#commitLabel} ${this.commitInformation[0].id} ... ${\n            this.commitInformation[this.commitInformation.length - 1].id\n          }`;\n    } else if (this.commitInformation?.length === 1) {\n      // just one commit\n      return onlyNumbers\n        ? this.commitInformation[0].id\n        : `${this.#commitLabel} ${this.commitInformation[0].id}`;\n    } else {\n      // Probably commits have not been loaded yet (loading state)\n      return onlyNumbers\n        ? `${this.#componentLocale.loading}`\n        : `${this.#commitLabel} ${this.#componentLocale.loading}`;\n    }\n  };\n\n  #renderFormatedDate = (date: Date): string => {\n    const dateObject = new Date(date);\n    const lang = navigator.languages?.[0] || navigator.language;\n\n    return `${dateObject.toLocaleDateString(\n      lang\n    )} ${dateObject.toLocaleTimeString(lang, {\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n      hour12: false\n    })}`;\n  };\n\n  #renderObjectActions = (): JSX.Element[] => {\n    const openDisabled = false;\n    const compareWithCurrentRevisionDisabled =\n      this.menuContextAction === \"Inserted\";\n    const revisionChangesDisabled = this.menuContextAction === \"Inserted\";\n    const previewMergeDisabled = false;\n\n    return [\n      <button type=\"button\" class=\"button-tertiary\" disabled={openDisabled}>\n        {this.#componentLocale.objectActions.open}\n      </button>,\n      <button\n        type=\"button\"\n        class=\"button-tertiary\"\n        disabled={compareWithCurrentRevisionDisabled}\n      >\n        {this.#componentLocale.objectActions.compareWithCurrentRevision}\n      </button>,\n      <button\n        type=\"button\"\n        class=\"button-tertiary\"\n        disabled={revisionChangesDisabled}\n      >\n        {this.#componentLocale.objectActions.revisionChanges}\n      </button>,\n      <button\n        type=\"button\"\n        class=\"button-tertiary\"\n        disabled={previewMergeDisabled}\n      >\n        {this.#componentLocale.objectActions.previewMerge}\n      </button>\n    ];\n  };\n\n  #renderObjectState = (\n    objectType: ObjectState,\n    objectId: string\n  ): JSX.Element[] => {\n    if (objectType === \"merging\" || objectType === \"reverting\") {\n      return (\n        <span class=\"merging-spinner-caption\">\n          {this.operationType === \"revert\"\n            ? this.#componentLocale.states.reverting\n            : this.#componentLocale.states.merging}\n        </span>\n      );\n    }\n    const classes = `pill pill--${objectType}`;\n    if (\n      this.mergePillAsButton &&\n      (objectType === \"to-merge\" ||\n        objectType === \"to-merge-marked\" ||\n        objectType === \"to-revert\")\n    ) {\n      return (\n        <button\n          class={{ [classes]: true, \"button-secondary\": true }}\n          onClick={this.#mergeSingleObject(objectId)}\n        >\n          {this.#componentLocale.statesForButton[objectType]}\n        </button>\n      );\n    } else {\n      return (\n        <span class={classes}>{this.#componentLocale.states[objectType]}</span>\n      );\n    }\n  };\n\n  #renderObjectType = (objectType: ObjectType): JSX.Element[] => {\n    const icon = objectType.icon;\n\n    return (\n      <span class=\"custom-icon-text-wrapper\">\n        <ch-image class=\"icon-md\" src={icon}></ch-image>\n        {`${objectType.name}`}\n      </span>\n    );\n  };\n\n  #renderObjectsRows = (): JSX.Element[] => {\n    return this.objectsFiltered.map(commitObject => {\n      const marked = this.markedObjectsSet.has(commitObject.id);\n\n      const alreadyMerged = this.alreadyMergedObjectsIdsArray.find(\n        checkedObjectId => checkedObjectId === commitObject.id\n      );\n      const errorOrWarningMessage = this.commitObjectsMessagesMap.get(\n        commitObject.id\n      );\n      const state = this.objectsStatesMap.get(commitObject.id);\n\n      let MESSAGE_ICON;\n      if (state === \"error\") {\n        MESSAGE_ICON = ERROR_ICON;\n      } else if (state === \"warning\") {\n        MESSAGE_ICON = WARNING_ICON;\n      }\n\n      return (\n        <ch-tabular-grid-row\n          class=\"tabular-grid-row\"\n          key={commitObject.id}\n          rowid={commitObject.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\": alreadyMerged\n            }}\n            size=\"max-content\"\n          >\n            {commitObject.name}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {this.#renderObjectType(commitObject.type)}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {commitObject.description}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {this.#renderActionCellContent(commitObject.actionTaken)}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell--for-pill\">\n            {this.#renderObjectState(\n              this.objectsStatesMap.get(commitObject.id),\n              commitObject.id\n            )}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell\n            class=\"tabular-grid-cell tabular-grid-cell--settings-custom-selector\"\n            cell-type=\"rich\"\n            row-actions=\"true\"\n          ></ch-tabular-grid-cell>\n          {errorOrWarningMessage && (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              <ch-tabular-grid-rowset-empty\n                class={{ \"tabular-grid-rowset-empty\": true, [state]: true }}\n              >\n                <p class=\"warning-error-description\">\n                  <ch-image\n                    class=\"icon-md warning-error-icon\"\n                    src={MESSAGE_ICON}\n                  ></ch-image>\n                  {errorOrWarningMessage}\n                </p>\n              </ch-tabular-grid-rowset-empty>\n            </ch-tabular-grid-rowset>\n          )}\n        </ch-tabular-grid-row>\n      );\n    });\n  };\n\n  #rowContextMenuHandler = (\n    event: CustomEvent<TabularGridRowContextMenuEvent>\n  ) => {\n    const rowId = event.detail.rowId;\n    this.#updateMenuContextActions(rowId);\n  };\n\n  #rowMarkingChangedHandler = (\n    event: CustomEvent<TabularGridMarkingChangedEvent>\n  ) => {\n    const newobjectsMarkedSet = new Set<string>();\n    const newobjectsStatesMap = new Map(this.objectsStatesMap);\n    const markedRowsIds = event.detail.rowsId;\n    const checkedObjectsIgnoringAlreadyMerged = markedRowsIds.filter(\n      markedObjectId =>\n        !this.alreadyMergedObjectsIdsArray.includes(markedObjectId)\n    );\n    this.#checkedObjectsIdsArray = [...checkedObjectsIgnoringAlreadyMerged];\n\n    // Update markedObjectsSet\n    this.#checkedObjectsIdsArray.forEach(checkedObjectId => {\n      newobjectsMarkedSet.add(checkedObjectId);\n    });\n    this.markedObjectsSet = newobjectsMarkedSet;\n\n    this.atLeastOneObjectIsChecked = markedRowsIds.length > 0;\n\n    newobjectsStatesMap.forEach(objectId => {\n      const objectCurrentState = this.objectsStatesMap.get(objectId);\n      if (\n        objectCurrentState !== \"to-merge\" &&\n        objectCurrentState !== \"to-merge-marked\"\n      ) {\n        return;\n      }\n\n      const markedRowIndex = markedRowsIds.findIndex(id => id === objectId);\n      if (markedRowIndex !== -1) {\n        newobjectsStatesMap.set(objectId, \"to-merge-marked\");\n        markedRowsIds.splice(markedRowIndex, 1);\n        markedRowsIds;\n      } else {\n        newobjectsStatesMap.set(objectId, \"to-merge\");\n      }\n    });\n\n    this.objectsStatesMap = newobjectsStatesMap;\n  };\n\n  #searchInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n    this.searchValue = (event.detail as string).toLowerCase();\n    this.#updateFilteredObjects();\n  };\n\n  #stateChangedHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.stateFilterValue = event.detail as ObjectStateForFilter;\n    this.#updateFilteredObjects();\n  };\n\n  #updateMenuContextActions = (currentObjectContextMenuId: string): void => {\n    const object = this.commitObjects.find(\n      commitObject => commitObject.id === currentObjectContextMenuId\n    );\n    this.menuContextAction = object.actionTaken;\n  };\n\n  #updateFilteredObjects = () => {\n    let filteredObjects = [...this.commitObjects];\n\n    // filter by state (ch-combo-box-render) ...\n    if (this.stateFilterValue !== \"all\") {\n      filteredObjects = filteredObjects.filter(object => {\n        const objectState = this.objectsStatesMap.get(object.id);\n        return objectState === this.stateFilterValue;\n      });\n    }\n\n    // and filter by value (ch-edit) as well\n    filteredObjects = filteredObjects.filter(object => {\n      const includesName = object.name.toLowerCase().includes(this.searchValue);\n\n      const includesType = object.type.name\n        .toLowerCase()\n        .includes(this.searchValue);\n\n      const includesDescription = object.description\n        .toLowerCase()\n        .includes(this.searchValue);\n\n      if (includesName || includesType || includesDescription) {\n        return true;\n      }\n      return false;\n    });\n\n    this.objectsFiltered = filteredObjects;\n  };\n\n  /**\n   * It allows the host updating an object state, by providing the object id.\n   * @param objectId The ID of the object to update.\n   * @param newState The new state to set on the object.\n   * @param message Optional message explaining the change.\n   *\n   * @example\n   * bringChanges.updateObjectState('obj-24', \"merging\", null);\n   * bringChanges.updateObjectState('obj-27', \"error\", \"The server did not respond.\");\n   */\n  @Method()\n  async updateObjectState(\n    objectId: string,\n    newState: ObjectState,\n    message: string\n  ) {\n    // update object state\n    const newobjectsStatesMap = new Map(this.objectsStatesMap);\n    newobjectsStatesMap.set(objectId, newState);\n    this.objectsStatesMap = newobjectsStatesMap;\n\n    // add message if state is \"warning\" or \"error\"\n    if (message?.length > 0) {\n      this.commitObjectsMessagesMap.set(objectId, message);\n    }\n\n    if (newState === \"merged\" || newState === \"reverted\") {\n      // remove from checked\n      this.#checkedObjectsIdsArray = this.#checkedObjectsIdsArray.filter(\n        checkedObject => checkedObject !== objectId\n      );\n\n      // add to \"already merged\". This will hide the checkbox\n      this.alreadyMergedObjectsIdsArray.push(objectId);\n\n      // unmark checkbox:\n      this.tabularGridEl.markRow(objectId, false);\n\n      // remove message if any\n      this.commitObjectsMessagesMap.delete(objectId);\n    }\n  }\n\n  render() {\n    const enableRichRowSelector =\n      this.alreadyMergedObjectsIdsArray.length !== this.commitObjects.length;\n\n    const disableControls = this.merging || this.loading;\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\"\n            >\n              <p class=\"detail__title subtitle-semi-bold-xs\">\n                {this.operationType === \"revert\"\n                  ? this.#componentLocale.commitDetail.revertChangesDetail\n                  : this.#componentLocale.commitDetail.bringChangesDetail}\n              </p>\n              <p class=\"detail__commit-name subtitle-semi-bold-s\">\n                {this.#renderCommitsNumbers()}\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                <a\n                  class=\"detail__link body-regular-s\"\n                  href={this.commitDetail.genexusServer}\n                  target=\"_blank\"\n                >\n                  {this.commitDetail.genexusServer}\n                </a>\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\">{this.commitDetail.knowledgeBase}</p>\n              </div>\n\n              <div\n                // current version\n                class=\"detail__current-version field field-block\"\n              >\n                <span class={DETAIL_LABEL_CLASSES}>\n                  {this.#componentLocale.commitDetail.currentVersion}\n                </span>\n                <a class=\"body-regular-s\">{this.commitDetail.currentVersion}</a>\n              </div>\n              {this.operationType === \"merge\" && (\n                <div\n                  // merge from version\n                  class=\"detail__merge-from-version field field-block\"\n                >\n                  <span class={DETAIL_LABEL_CLASSES}>\n                    {this.#componentLocale.commitDetail.mergeFromVersion}\n                  </span>\n                  <p class=\"body-regular-s\">\n                    {this.commitDetail.mergeFromVersion}\n                  </p>\n                </div>\n              )}\n            </div>\n            <div\n              // header information\n              class=\"header__information\"\n            >\n              <p class=\"information__title subtitle-semi-bold-xs\">\n                {this.#componentLocale.commitInformation.title}\n              </p>\n              <div\n                // header information (col-1)\n                class=\"information__col-1\"\n              >\n                <div\n                  // IDs\n                  class=\"field field-block\"\n                >\n                  <span class={DETAIL_LABEL_CLASSES}>\n                    {this.commitInformation.length === 1\n                      ? this.#componentLocale.commitInformation.id\n                      : this.#componentLocale.commitInformation.ids}\n                  </span>\n                  <p class=\"body-regular-s\">\n                    {this.#renderCommitsNumbers(true)}\n                  </p>\n                </div>\n                {this.commitInformation.length === 1 ? (\n                  <div class=\"field field-block\">\n                    <span class={DETAIL_LABEL_CLASSES}>\n                      {this.#componentLocale.commitInformation.date}\n                    </span>\n                    <p class=\"body-regular-s\">\n                      {this.#renderFormatedDate(this.commitInformation[0].date)}\n                    </p>\n                  </div>\n                ) : (\n                  [\n                    <div class=\"field field-block\">\n                      <span class={DETAIL_LABEL_CLASSES}>\n                        {this.#componentLocale.commitInformation.from}\n                      </span>\n                      <p class=\"body-regular-s\">\n                        {this.#renderFormatedDate(\n                          this.commitInformation[0].date\n                        )}\n                      </p>\n                    </div>,\n                    <div class=\"field field-block\">\n                      <span class={DETAIL_LABEL_CLASSES}>\n                        {this.#componentLocale.commitInformation.to}\n                      </span>\n                      <p class=\"body-regular-s\">\n                        {this.#renderFormatedDate(\n                          this.commitInformation[\n                            this.commitInformation.length - 1\n                          ].date\n                        )}\n                      </p>\n                    </div>\n                  ]\n                )}\n              </div>\n\n              <div\n                // header information (col-2)\n                class=\"information__col-2\"\n              >\n                <div\n                  // To\n                  class=\"field field-block\"\n                >\n                  <label class={DETAIL_LABEL_CLASSES} htmlFor=\"commit-comments\">\n                    {this.commitInformation.length > 1\n                      ? this.#componentLocale.commitInformation.comments\n                      : this.#componentLocale.commitInformation.comment}\n                  </label>\n                  <div class=\"input-comments-container\">\n                    <ch-edit\n                      id=\"commit-comments\"\n                      class=\"input scrollable input-comments body-regular-s\"\n                      type=\"text\"\n                      multiline\n                      readonly\n                      value={this.#formatComments()}\n                    ></ch-edit>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </header>\n          <div\n            class={{\n              \"controls-container\": true,\n              \"filter\": !this.hideFilters,\n              \"spacing-body-inline\": true\n            }}\n          >\n            {!this.hideFilters && [\n              <ch-edit\n                class=\"input\"\n                disabled={disableControls}\n                startImgSrc={SEARCH_ICON}\n                placeholder={this.#componentLocale.filter.searchPlaceholder}\n                type=\"search\"\n                onInput={this.#searchInputHandler}\n              ></ch-edit>,\n              <ch-combo-box-render\n                class=\"combo-box\"\n                disabled={disableControls}\n                model={this.#comboBoxStatesModel}\n                value={this.stateFilterValue}\n                onInput={this.#stateChangedHandler}\n                placeholder={this.#componentLocale.filter.statePlaceholder}\n              ></ch-combo-box-render>\n            ]}\n\n            <button\n              class=\"button-primary button-merge-checked\"\n              disabled={!this.atLeastOneObjectIsChecked || disableControls}\n              onClick={this.#mergeCheckedClickedHandler}\n            >\n              {this.operationType === \"revert\"\n                ? this.#componentLocale.filter.revertSelected\n                : this.#componentLocale.filter.mergeSelected}\n            </button>\n          </div>\n          <div class=\"main spacing-body\">\n            {this.commitObjects.length ? (\n              <ch-tabular-grid\n                class={{\n                  \"tabular-grid\": true,\n                  \"objects-tabular-grid\": true,\n                  \"disabled-custom-selector\": this.merging,\n                  \"empty-result\": this.objectsFiltered.length === 0\n                }}\n                keyboardNavigationMode=\"focus\"\n                rowSelectionMode=\"multiple\"\n                onRowMarkingChanged={this.#rowMarkingChangedHandler}\n                onRowContextMenu={this.#rowContextMenuHandler}\n                ref={el =>\n                  (this.tabularGridEl = el as HTMLChTabularGridElement)\n                }\n              >\n                <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId=\"name\"\n                    columnName={this.#componentLocale.objects.name}\n                    columnType=\"rich\"\n                    richRowSelector={enableRichRowSelector}\n                    richRowSelectorMode=\"mark\"\n                    settingable={false}\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId=\"type\"\n                    columnName={this.#componentLocale.objects.type}\n                    settingable={false}\n                    size=\"max-content\"\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId=\"description\"\n                    columnName={this.#componentLocale.objects.description}\n                    settingable={false}\n                    size=\"auto\"\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column\"\n                    columnId=\"action\"\n                    columnName={this.#componentLocale.objects.action}\n                    settingable={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=\"status\"\n                    columnName={this.#componentLocale.objects.status}\n                    settingable={false}\n                    size=\"100px\"\n                  />\n                  <ch-tabular-grid-column\n                    class=\"tabular-grid-column tabular-grid-column--settings-custom-selector\"\n                    columnId=\"actions\"\n                    columnName=\"Actions\"\n                    columnNameHidden\n                    size=\"min-content\"\n                    columnType=\"rich\"\n                    richRowActions\n                    settingable={false}\n                  ></ch-tabular-grid-column>\n                </ch-tabular-grid-columnset>\n                {this.#renderObjectsRows()}\n                {this.enableRowOptions && (\n                  <ch-tabular-grid-row-actions\n                    class=\"tabular-grid-row-actions\"\n                    showOnRowActions\n                  >\n                    {this.#renderObjectActions()}\n                  </ch-tabular-grid-row-actions>\n                )}\n                {this.enableRowOptions && (\n                  <ch-tabular-grid-row-actions\n                    class=\"tabular-grid-row-actions\"\n                    showOnRowContext\n                  >\n                    {this.#renderObjectActions()}\n                  </ch-tabular-grid-row-actions>\n                )}\n\n                <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                  {this.objectsFiltered.length === 0 && (\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\nexport type OperationType = \"merge\" | \"revert\";\n\nexport type CommitDetail = {\n  genexusServer: string;\n  knowledgeBase: string;\n  currentVersion: string;\n  mergeFromVersion: string;\n};\n\nexport type CommitInformation = {\n  id: string;\n  comment: string;\n  date: Date;\n};\n\nexport type CommitObject = {\n  id: string;\n  date: Date;\n  name: string;\n  type: ObjectType;\n  description: string;\n  actionTaken: ObjectActionTaken;\n};\n\nexport type ObjectActionTaken =\n  | \"Inserted\"\n  | \"Deleted\"\n  | \"Modified\"\n  | \"Unchanged\"\n  | \"Unknown\";\n\nexport type ObjectState =\n  | \"to-merge\"\n  | \"to-merge-marked\"\n  | \"to-revert\"\n  | \"merging\"\n  | \"pending\"\n  | \"warning\"\n  | \"error\"\n  | \"merged\"\n  | \"reverted\"\n  | \"reverting\";\n\ntype ObjectStateForFilter =\n  | Extract<\n      ObjectState,\n      \"to-merge\" | \"to-revert\" | \"warning\" | \"error\" | \"merged\" | \"reverted\"\n    >\n  | \"all\";\n\nexport type ObjectType = {\n  name: string;\n  icon: string;\n};\n\nexport type MergeObjectsCallback = (objectsIds: string[]) => Promise<void>;\n"],"mappings":"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"}