@genexus/genexus-ide-ui 1.1.6 → 1.1.8

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

@@ -0,0 +1 @@
+{"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":"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"}

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

@@ -0,0 +1,541 @@
+import { r as t, h as e, H as i, a } from "./p-25a9f1d7.js";
+
+import { g as s } from "./p-ede7bd20.js";
+
+import { c as r } from "./p-13738332.js";
+
+import { f as l } from "./p-9ddea83b.js";
+
+import { L as n } from "./p-311eedf3.js";
+
+const mapObjectTypeToComboBoxItemModel = t => t.map((t => ({
+  value: t.id,
+  caption: t.name,
+  startImgSrc: t.icon
+})));
+
+const hasActiveNode = t => {
+  if (t.active) {
+    return true;
+  }
+  if (Array.isArray(t.nodes)) {
+    return t.nodes.some(hasActiveNode);
+  }
+  return false;
+};
+
+const hasActiveVersionInList = t => t.some(hasActiveNode);
+
+const o = ':host{display:grid;grid-template-columns:max-content 1fr;block-size:100%;overflow:auto}.sidebar{background-color:transparent !important;border-inline-end:var(--section-common-border)}.sidebar::part(expand-button){border-radius:var(--control__border-radius)}gx-ide-select-kb-items{--search-input-max-inline-size:300px;opacity:0;transition:opacity var(--mer-timing--fast)}gx-ide-select-kb-items.sidebar-expanded{opacity:1}ch-tabular-grid.tabular-grid--empty::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}.main{display:grid;grid-template-rows:max-content 1fr;grid-row-gap:var(--mer-spacing--sm);overflow:auto}.main__header{display:grid}.main__content{position:relative;overflow:auto;display:grid;grid-template-rows:1fr max-content 2fr;grid-row-gap:var(--mer-spacing--sm)}.tabular-grid{overflow:auto}.search-filter{display:grid;grid-template-columns:1fr max-content max-content;gap:var(--gx-ide-grid-column-gap)}.action-buttons{justify-self:flex-end}.filters-grid{display:grid;grid-template-columns:repeat(6, 1fr);grid-template-areas:"from from to to type type" "user user user revision revision revision";grid-gap:var(--gx-ide-grid-column-gap);padding-block-start:var(--mer-spacing--sm)}.filters-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--mer-timing--fast)}.filters-container-visible{grid-template-rows:1fr}.filters-container>div{overflow:hidden}.field-from{grid-area:from}.field-to{grid-area:to}.field-type{grid-area:type}.field-user{grid-area:user}.field-revision{grid-area:revision}.commits-grid ch-tabular-grid-cell:is(:nth-child(2)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;min-inline-size:200px}.affected-objects-grid ch-tabular-grid-cell:is(:nth-child(5)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;min-inline-size:200px}';
+
+var c = undefined && undefined.__classPrivateFieldGet || function(t, e, i, a) {
+  if (i === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !a : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? a : i === "a" ? a.call(t) : a ? a.value : e.get(t);
+};
+
+var d = undefined && undefined.__classPrivateFieldSet || function(t, e, i, a, s) {
+  if (a === "m") throw new TypeError("Private method is not writable");
+  if (a === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return a === "a" ? s.call(t, i) : s ? s.value = i : e.set(t, i), i;
+};
+
+var h, u, m, f, g, b, p, v, w, y, x, k, _, M, W, z, C, T, j;
+
+const E = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/spacing", "utils/typography", "chameleon/scrollbar", "components/tabular-grid", "components/accordion", "components/sidebar" ];
+
+const F = s({
+  category: "gx-server",
+  name: "changes-commit-pending"
+});
+
+const I = s({
+  category: "window-tools",
+  name: "filter",
+  colorType: "primary"
+});
+
+const L = s({
+  category: "window-tools",
+  name: "filter",
+  colorType: "on-surface"
+});
+
+const A = s({
+  category: "gx-server",
+  name: "delete"
+});
+
+const D = s({
+  category: "gx-server",
+  name: "new"
+});
+
+const S = s({
+  category: "gx-server",
+  name: "private"
+});
+
+const B = s({
+  category: "gemini-tools",
+  name: "reset",
+  colorType: "primary"
+});
+
+const N = s({
+  category: "gemini-tools",
+  name: "search",
+  colorType: "on-surface"
+});
+
+const P = class {
+  constructor(i) {
+    t(this, i);
+    h.set(this, void 0);
+    u.set(this, []);
+    m.set(this, void 0);
+    f.set(this, void 0);
+    g.set(this, void 0);
+    b.set(this, void 0);
+    p.set(this, void 0);
+    v.set(this, void 0);
+    w.set(this, void 0);
+    y.set(this, void 0);
+    x.set(this, (t => {
+      let i = e("ch-image", {
+        src: S,
+        class: "icon-sm"
+      });
+      switch (t) {
+       case "Inserted":
+        i = e("ch-image", {
+          src: D,
+          class: "icon-sm"
+        });
+        break;
+
+       case "Modified":
+        i = e("ch-image", {
+          src: F,
+          class: "icon-sm"
+        });
+        break;
+
+       case "Deleted":
+        i = e("ch-image", {
+          src: A,
+          class: "icon-sm"
+        });
+        break;
+      }
+      return i;
+    }));
+    k.set(this, (async t => {
+      var e;
+      this.loading = true;
+      const i = {
+        search: c(this, g, "f").value ? c(this, g, "f").value : "",
+        from: c(this, m, "f").value ? new Date(c(this, m, "f").value) : null,
+        to: c(this, b, "f").value ? new Date(c(this, b, "f").value) : null,
+        revision: c(this, f, "f").value ? c(this, f, "f").value : "",
+        user: c(this, v, "f").value ? c(this, v, "f").value : "",
+        type: c(this, p, "f").value === "all" ? "" : c(this, p, "f").value
+      };
+      this.objects = await this.loadCallback(i, t);
+      await c(this, _, "f").call(this, (e = this.objects[0]) === null || e === void 0 ? void 0 : e.id);
+      this.loading = false;
+    }));
+    _.set(this, (async t => {
+      if (t) {
+        this.historyDetail = await this.loadDetailCallback(t);
+        this.selectedRevisionId = t;
+      } else {
+        this.historyDetail = null;
+      }
+    }));
+    M.set(this, (() => {
+      if (c(this, y, "f")) {
+        c(this, y, "f").addEventListener("contextmenu", (t => {
+          t.preventDefault();
+          t.stopPropagation();
+          c(this, W, "f").call(this, t);
+        }));
+      }
+    }));
+    W.set(this, (async t => {
+      this.gridContextMenuCallback({
+        selection: [ this.selectedRevisionId ],
+        clientX: t.clientX,
+        clientY: t.clientY
+      });
+    }));
+    z.set(this, (() => {
+      this.filtersHidden = !this.filtersHidden;
+    }));
+    C.set(this, (() => {
+      var t;
+      const i = ((t = this.objects) === null || t === void 0 ? void 0 : t.length) === 0 || !this.objects;
+      return e("ch-tabular-grid", {
+        class: {
+          "commits-grid": true,
+          "tabular-grid": true,
+          "tabular-grid--empty": i
+        },
+        onSelectionChanged: t => {
+          this.objects.length > 0 && c(this, _, "f").call(this, t.detail.rowsId[0]);
+        },
+        ref: t => {
+          var e;
+          if (t && c(this, y, "f") !== t) {
+            d(this, y, t, "f");
+            c(this, M, "f").call(this);
+            if (this.objects.length > 0) {
+              c(this, y, "f").selectRow((e = this.objects[0]) === null || e === void 0 ? void 0 : e.id, true);
+            }
+          }
+        }
+      }, e("ch-tabular-grid-columnset", {
+        class: "tabular-grid-column-set"
+      }, e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").mainGrid.columns.id,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").mainGrid.columns.comment,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "1fr"
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").mainGrid.columns.user,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").mainGrid.columns.commitDate,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      })), this.objects.length > 0 ? e("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, this.objects.map((t => e("ch-tabular-grid-row", {
+        rowid: t.id,
+        key: t.id,
+        class: "tabular-grid-row"
+      }, e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.id), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.comment), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.user), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, `${l(t.commitDate, "date-time")}`))))) : e("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, e("ch-tabular-grid-rowset-empty", null, e("gx-ide-empty-state", {
+        stateTitle: c(this, h, "f").emptyRevisionsText,
+        isAnimated: true
+      }))), e("ch-tabular-grid-row", {
+        class: "tabular-grid-row"
+      }));
+    }));
+    T.set(this, (() => {
+      var t;
+      const i = this.historyDetail ? this.historyDetail.objects : [];
+      const a = ((t = this.historyDetail) === null || t === void 0 ? void 0 : t.objects.length) === 0 || !this.historyDetail;
+      return e("ch-tabular-grid", {
+        class: {
+          "affected-objects-grid": true,
+          "tabular-grid": true,
+          "tabular-grid--empty": a
+        }
+      }, e("ch-tabular-grid-columnset", {
+        class: "tabular-grid-column-set"
+      }, e("ch-tabular-grid-column", {
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      }), e("ch-tabular-grid-column", {
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: r.tabularGrid.colSize.auto
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").affectedObjectsGrid.columns.name,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").affectedObjectsGrid.columns.types,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").affectedObjectsGrid.columns.description,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "1fr"
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").affectedObjectsGrid.columns.action,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      })), this.historyDetail && this.historyDetail.objects.length > 0 ? e("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, i.map((t => e("ch-tabular-grid-row", {
+        class: "tabular-grid-row"
+      }, e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, e("ch-image", {
+        src: t.typeIcon,
+        class: "icon-md"
+      })), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, c(this, x, "f").call(this, t.state)), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.name), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.type), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.description), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.action))))) : e("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, e("ch-tabular-grid-rowset-empty", null, e("gx-ide-empty-state", {
+        stateIconSrc: L,
+        stateTitle: c(this, h, "f").emptyHistoryDetailText,
+        isAnimated: true
+      }))), e("ch-tabular-grid-row", {
+        class: "tabular-grid-row"
+      }));
+    }));
+    j.set(this, (() => this.loading && e("div", {
+      class: "main__content scrollable"
+    }, e("gx-ide-loader", {
+      loaderTitle: c(this, h, "f").loader.title,
+      show: true,
+      description: c(this, h, "f").loader.description
+    }))));
+    this.historyDetail = undefined;
+    this.objects = [];
+    this.isFirstLoad = true;
+    this.sidebarExpanded = true;
+    this.filtersHidden = true;
+    this.loading = true;
+    this.selectedRevisionId = undefined;
+    this.hasActiveVersion = false;
+    this.types = undefined;
+    this.itemContextMenuCallback = undefined;
+    this.gridContextMenuCallback = undefined;
+    this.selectedVersionId = undefined;
+    this.versions = [];
+    this.loadCallback = undefined;
+    this.loadDetailCallback = undefined;
+    this.selectedVersionChangeCallback = undefined;
+  }
+  async selectedVersionIdChanged(t) {
+    var e;
+    this.selectedVersionId = t;
+    // Reset filters
+        c(this, g, "f").value = null;
+    c(this, m, "f").value = null;
+    c(this, b, "f").value = null;
+    c(this, f, "f").value = null;
+    c(this, v, "f").value = null;
+    c(this, p, "f").value = (e = c(this, u, "f")[0]) === null || e === void 0 ? void 0 : e.value;
+    await c(this, k, "f").call(this, t);
+  }
+  async versionsListChanged(t) {
+    this.versions = t;
+    this.hasActiveVersion = hasActiveVersionInList(t);
+    if (t.length > 0 && this.selectedVersionId && this.isFirstLoad) {
+      await c(this, k, "f").call(this, this.selectedVersionId);
+      this.isFirstLoad = false;
+    }
+  }
+  async componentWillLoad() {
+    d(this, h, await n.getComponentStrings(this.el), "f");
+    d(this, u, mapObjectTypeToComboBoxItemModel(this.types), "f");
+  }
+  async componentDidLoad() {
+    c(this, w, "f").addEventListener("expandedChange", (t => {
+      this.sidebarExpanded = t.detail;
+    }));
+  }
+  render() {
+    var t;
+    return e(i, {
+      class: "widget"
+    }, e("ch-theme", {
+      model: E
+    }), e("ch-sidebar", {
+      ref: t => d(this, w, t, "f"),
+      class: "sidebar",
+      expanded: this.sidebarExpanded,
+      expandButtonCollapseAccessibleName: c(this, h, "f").sidebar.collapseAriaLabel,
+      expandButtonExpandAccessibleName: c(this, h, "f").sidebar.expandAriaLabel,
+      showExpandButton: true
+    }, e("gx-ide-select-kb-items", {
+      class: {
+        "sidebar-expanded": this.sidebarExpanded,
+        "has-active-version": this.hasActiveVersion
+      },
+      checkboxType: "none",
+      itemsList: this.versions,
+      expandOnClick: false,
+      selectionChanged: this.selectedVersionChangeCallback,
+      itemContextMenuCallback: this.itemContextMenuCallback
+    })), e("main", {
+      class: "main spacing-body-block-start spacing-body-inline"
+    }, e("div", {
+      class: "main__header"
+    }, e("div", {
+      class: "search-filter"
+    }, e("div", {
+      class: "field field-inline"
+    }, e("label", {
+      class: "label",
+      htmlFor: "search"
+    }, c(this, h, "f").filters.search), e("ch-edit", {
+      value: "",
+      class: "input",
+      startImgSrc: N,
+      part: "search",
+      id: "search",
+      ref: t => d(this, g, t, "f")
+    })), e("button", {
+      id: "filter-toggle-button",
+      class: "button-teritary button-icon-only",
+      "aria-label": c(this, h, "f").searchFilter.filterAriaLabel,
+      "aria-expanded": this.filtersHidden ? "false" : "true",
+      "aria-controls": "filters-container",
+      onClick: () => c(this, z, "f").call(this)
+    }, e("ch-image", {
+      class: "icon-md",
+      src: I
+    })), e("button", {
+      class: "button-teritary button-icon-only",
+      "aria-label": c(this, h, "f").searchFilter.reloadAriaLabel,
+      onClick: () => c(this, k, "f").call(this, this.selectedVersionId),
+      part: c(this, h, "f").searchFilter.reloadAriaLabel
+    }, e("ch-image", {
+      class: "icon-md",
+      src: B
+    }))), e("div", {
+      id: "filters-container",
+      "aria-labelledby": "filter-toggle-button",
+      class: {
+        "filters-container-visible": !this.filtersHidden,
+        "filters-container": true
+      },
+      inert: this.filtersHidden,
+      hidden: this.filtersHidden
+    }, e("div", null, e("div", {
+      class: "filters-grid"
+    }, e("div", {
+      class: "field field-block field-from"
+    }, e("label", {
+      class: "label",
+      htmlFor: "from"
+    }, c(this, h, "f").filters.from), e("ch-edit", {
+      value: "",
+      class: "input",
+      type: "date",
+      part: "from",
+      id: "from",
+      ref: t => d(this, m, t, "f")
+    })), e("div", {
+      class: "field field-block field-to"
+    }, e("label", {
+      class: "label",
+      htmlFor: "to"
+    }, c(this, h, "f").filters.to), e("ch-edit", {
+      value: "",
+      class: "input",
+      type: "date",
+      id: "to",
+      ref: t => d(this, b, t, "f")
+    })), e("div", {
+      class: "field field-block field-type"
+    }, e("label", {
+      class: "label",
+      htmlFor: "type"
+    }, c(this, h, "f").filters.type), e("ch-combo-box-render", {
+      accessibleName: "types",
+      class: "combo-box",
+      part: "type",
+      model: c(this, u, "f"),
+      value: (t = c(this, u, "f")[0]) === null || t === void 0 ? void 0 : t.value,
+      ref: t => d(this, p, t, "f")
+    })), e("div", {
+      class: "field field-block field-user"
+    }, e("label", {
+      class: "label",
+      htmlFor: "user"
+    }, c(this, h, "f").filters.user), e("ch-edit", {
+      value: "",
+      part: "user",
+      class: "input",
+      id: "user",
+      ref: t => d(this, v, t, "f")
+    })), e("div", {
+      class: "field field-block field-revision"
+    }, e("label", {
+      class: "label",
+      htmlFor: "revision"
+    }, c(this, h, "f").filters.revision), e("ch-edit", {
+      value: "",
+      part: "revision",
+      class: "input",
+      id: "revision",
+      ref: t => d(this, f, t, "f")
+    })))))), c(this, j, "f").call(this), !this.loading && e("div", {
+      class: "main__content scrollable"
+    }, c(this, C, "f").call(this), e("div", {
+      class: "field field-block"
+    }, e("label", {
+      class: "label",
+      htmlFor: "comment-area"
+    }, this.historyDetail ? this.historyDetail.title : null), e("ch-edit", {
+      class: "input comment-text-area",
+      value: this.historyDetail ? this.historyDetail.comment : null,
+      multiline: true,
+      autoGrow: true,
+      readonly: true,
+      part: "comment-area",
+      id: "comment-area"
+    })), c(this, T, "f").call(this))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/team-dev-history" ];
+  }
+  get el() {
+    return a(this);
+  }
+  static get watchers() {
+    return {
+      selectedVersionId: [ "selectedVersionIdChanged" ],
+      versions: [ "versionsListChanged" ]
+    };
+  }
+};
+
+h = new WeakMap, u = new WeakMap, m = new WeakMap, f = new WeakMap, g = new WeakMap, 
+b = new WeakMap, p = new WeakMap, v = new WeakMap, w = new WeakMap, y = new WeakMap, 
+x = new WeakMap, k = new WeakMap, _ = new WeakMap, M = new WeakMap, W = new WeakMap, 
+z = new WeakMap, C = new WeakMap, T = new WeakMap, j = new WeakMap;
+
+P.style = o;
+
+export { P as gx_ide_team_dev_history };
+//# sourceMappingURL=p-74715731.entry.js.map