@genexus/genexus-ide-ui 2.1.2 → 2.1.4

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

@@ -0,0 +1 @@
+{"version":3,"names":["clearGridSelection","gridSource","selectedRowsIds","pendingIdsSet","ignoredIdsSet","gridReference","filteredSelectedRowsIds","length","forEach","async","selectedRowId","has","selectRow","push","headerDetail","type","caption","description","callback","cssClass","h","class","onClick","headerTitle","changesetToComboBoxModel","changesetModel","map","changeset","value","id","name","label","foldersToComboBoxModel","foldersModel","folder","typesToComboBoxItemModel","objectTypeModel","objectType","startImgSrc","icon","commitCss","FILTER_SECONDARY_CONTAINER_ID","FILTER_SECONDARY_BUTTON_ID","CSS_BUNDLES","GxIdeTeamDevCommit","_GxIdeTeamDevCommit_componentLocale","set","this","_GxIdeTeamDevCommit_localStatesComboBoxModel","_GxIdeTeamDevCommit_rowCheckedChangedByTheUser","_GxIdeTeamDevCommit_chGridPendingForUpdateEl","_GxIdeTeamDevCommit_commitCheckedClickedHandler","__classPrivateFieldGet","_GxIdeTeamDevCommit_commitObjectsHandler","call","markedObjectsSet","_GxIdeTeamDevCommit_commitSingleObject","objectId","newobjectsStatusMap","Map","objectsStatusMap","selection","commentsValue","commentInputHasError","committing","itemToUpdate","commitResult","commitCallback","objectResult","messages","objectsMessagesDataMap","delete","result","alreadyCommittedObjectsIdsSet","Set","markRow","_GxIdeTeamDevCommit_rowMarkingChangedHandler","event","markedRowsIds","detail","rowsId","filter","markedObjectId","_GxIdeTeamDevCommit_updatePendingCheckedItems","_GxIdeTeamDevCommit_rowSelectionChangedHandler","firstSelectedRowId","selectCallback","_GxIdeTeamDevCommit_commentsInputHandler","_GxIdeTeamDevCommit_applyClientFilter","pendingObjectsAfterFilter","_GxIdeTeamDevCommit_filteredObjects","pendingAndIgnored","pendingForCommit","ignoredObjectsAfterFilter","ignoredObjects","objects","filtered","searchValue","object","nameFiltered","toLowerCase","includes","descriptionFiltered","selectedState","ALL_VALUE","state","_GxIdeTeamDevCommit_evaluateSecondaryFilterHasConditions","selectedFolder","filterSecondaryHasConditions","_GxIdeTeamDevCommit_toggleFiltersHandler","filterSecondaryIsHidden","_GxIdeTeamDevCommit_searchInputHandler","trim","_GxIdeTeamDevCommit_typeChangedHandler","selectedType","_GxIdeTeamDevCommit_loadData","_GxIdeTeamDevCommit_stateChangedHandler","_GxIdeTeamDevCommit_folderChanged","_GxIdeTeamDevCommit_onRowContextMenuHandler","ev","preventDefault","stopPropagation","getSelectedRows","objectsContextMenuCallback","clientX","clientY","__classPrivateFieldSet","addedRowsIds","addedRowsId","removedRowsId","pendingItemCheckedResult","pendingItemsCheckedCallback","itemsChecked","itemsUnchecked","undefined","_GxIdeTeamDevCommit_revertPendingCommitsCheckboxes","_GxIdeTeamDevCommit_togglePendingCommitsCheckboxes","_a","_GxIdeTeamDevCommit_setInitialObjectsStatus","pendingObject","status","ignoredObject","loading","loadCallback","search","selectedChangeset","category","selectedCategory","_GxIdeTeamDevCommit_markPendingObjects","pendingId","rowId","itemsToToggle","itemsToCheck","itemsToUncheck","_GxIdeTeamDevCommit_sortTabularGridColumnCallback","e","columnId","objectProperty","dateType","COLUMNS_IDS","modifiedOn","lastSynchronized","sortTabularGridColumn","_GxIdeTeamDevCommit_columnSelectorClickedCallback","allRowsChecked","getMarkedRows","ignoredMarkedRowsIds","uncheckIgnoredObjects","alreadyCommittedObjectsIdsSetChanged","newCommittedObjectsIdsSet","pendingIdsSetAndCommittedIdsSetAreEqual","areSetsEqual","allPendingAreCommitted","size","markedObjectsSetChanged","newMarkedObjectsSet","atLeastOneObjectIsChecked","objectsStatusMapChanged","newObjectsStatusMap","someObjectIsUpdating","entries","find","pendingAndIgnoredChanged","newPendingAndIgnored","clear","pending","add","_b","ignored","typesChanged","newTypes","typesComboBoxModel","changesetChanged","newChangesetOptions","changesetsComboBoxModel","folderChanged","newFolderOptions","foldersComboBoxModel","componentWillLoad","Locale","getComponentStrings","el","states","all","inserted","modified","conflicted","deleted","types","folders","componentDidLoad","reload","disableCommit","isCommitDisabled","render","disableControls","gridIsEmpty","filterIcon","ICONS","filterWithConditions","commitButtonEnabled","Host","model","CLASSES","HEADER","HEADER_DETAILS","commitDetail","title","genexusServer","serverDetails","serverUrl","openServerCallback","knowledgeBase","kbName","version","versionName","FILTER","disabled","accessibleName","searchAccessibleName","placeholder","searchPlaceholder","onInput","typeAccesibleName","typePlaceholder","localStateAccesibleName","localStatePlaceholder","secondaryFilterAriaLabel","src","refresh","commit","inert","hidden","folderAccesibleName","folderPlaceholder","multiline","autoGrow","commitCommentPlaceholder","MAIN","keyboardNavigationMode","rowSelectionMode","onSelectionChanged","onRowMarkingChanged","onRowContextMenu","ref","renderTabularGridColumns","pendingCommits","renderTabularGridRows","updatePillAsButton","isAnimated","stateIconSrc","stateTitle","cancelLabel","loader","loaderTitle","show"],"sources":["src/components/team-dev/version-control/common/clear-grid-selection.ts","src/components/team-dev/version-control/common/header-renders.tsx","src/components/team-dev/version-control/commit/utilities/changeset-to-combo-box.ts","src/components/team-dev/version-control/commit/utilities/folders-to-combo-box.ts","src/components/team-dev/version-control/commit/utilities/types-to-combo-box.ts","src/components/team-dev/version-control/commit/commit.scss?tag=gx-ide-team-dev-commit&encapsulation=shadow","src/components/team-dev/version-control/commit/commit.tsx"],"sourcesContent":["import { SourceType } from \"./types\";\n\n/**\n * Filters a grid selection to only include rows from the given source (\"pending\" or \"ignored\").\n * Rows from the other category are unselected.\n *\n * @param {SourceType} gridSource - The source category of the selection.\n * @param {string[]} selectedRowsIds - The currently selected row IDs.\n * @returns {string[]} Filtered row IDs belonging to the specified source.\n */\nconst clearGridSelection = (\n  gridSource: SourceType,\n  selectedRowsIds: string[],\n  pendingIdsSet: Set<string>,\n  ignoredIdsSet: Set<string>,\n  gridReference: HTMLChTabularGridElement\n): string[] => {\n  let filteredSelectedRowsIds: string[] = [];\n  if (selectedRowsIds.length > 1 && gridSource === \"pending\") {\n    selectedRowsIds.forEach(async selectedRowId => {\n      if (ignoredIdsSet.has(selectedRowId)) {\n        await gridReference.selectRow(selectedRowId, false);\n      } else {\n        filteredSelectedRowsIds.push(selectedRowId);\n      }\n    });\n  } else if (selectedRowsIds.length > 1 && gridSource === \"ignored\") {\n    selectedRowsIds.forEach(async selectedRowId => {\n      if (pendingIdsSet.has(selectedRowId)) {\n        await gridReference.selectRow(selectedRowId, false);\n      } else {\n        filteredSelectedRowsIds.push(selectedRowId);\n      }\n    });\n  } else {\n    filteredSelectedRowsIds = selectedRowsIds;\n  }\n  return filteredSelectedRowsIds;\n};\n\nexport default clearGridSelection;\n","import { h, JSX } from \"@stencil/core\";\n\nconst headerDetail = (\n  type: \"text\" | \"link\" = \"text\",\n  caption: string,\n  description: string,\n  callback?: () => void,\n  cssClass?: string\n): JSX.Element => {\n  return (\n    <div class={{ [cssClass]: true, \"field field-block\": true }}>\n      <span class=\"detail__label body-semi-bold-s\">{caption}</span>\n      {type === \"text\" ? (\n        <p class=\"body-regular-s\">{description}</p>\n      ) : (\n        <button class=\"detail__link body-regular-s\" onClick={callback}>\n          {description}\n        </button>\n      )}\n    </div>\n  );\n};\nexport default headerDetail;\n\nexport const headerTitle = (caption: string, cssClass?: string) => {\n  return (\n    <h2\n      class={{ [cssClass]: true, \"header__title subtitle-semi-bold-s\": true }}\n    >\n      {caption}\n    </h2>\n  );\n};\n\nexport const headerSubtitle = (caption: string, cssClass?: string) => {\n  return (\n    <p\n      class={{ [cssClass]: true, \"detail__title subtitle-semi-bold-xs\": true }}\n    >\n      {caption}\n    </p>\n  );\n};\n","import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { GxOption } from \"../../../../../components\";\n\nexport const changesetToComboBoxModel = (\n  changesetModel: GxOption[]\n): ComboBoxModel => {\n  if (!changesetModel) return [];\n\n  return changesetModel.map(changeset => ({\n    value: changeset.id,\n    caption:\n      changeset.name === \"All\"\n        ? \"All Changesets\"\n        : changeset.label || changeset.name || \"\"\n  }));\n};\n","import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { GxOption } from \"../../../../../components\";\n\nexport const foldersToComboBoxModel = (\n  foldersModel: GxOption[]\n): ComboBoxModel =>\n  foldersModel.map(folder => ({\n    value: folder.name,\n    caption:\n      folder.name === \"All\" ? \"All Modules\" : folder.label || folder.name || \"\"\n  }));\n","import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { ObjectType } from \"../../../../../components\";\n\nexport const typesToComboBoxItemModel = (\n  objectTypeModel: ObjectType[]\n): ComboBoxModel =>\n  objectTypeModel.map(objectType => ({\n    value: objectType.id,\n    caption: objectType.name === \"All\" ? \"All Types\" : objectType.name || \"\",\n    startImgSrc: objectType.icon\n  }));\n","@use \"../common/common.scss\" as *;\n@import \"../../common/styles.scss\";\n@import \"../../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n@import \"../../../../global/gx-ide-mixins.scss\";\n@import \"../../../../global/temporary-mercury-overrides/_button.scss\";\n\n// header detail\n.header__details {\n  grid-template-areas:\n    \"detail-heading-gx . . .\"\n    \"detail-genexus-server detail-knowledge-base detail-version detail-last-full-update\";\n}\n\n.detail__heading-genexus-server {\n  grid-area: detail-heading-gx;\n}\n.detail__genexus-server {\n  grid-area: detail-genexus-server;\n  @extend %header-detail-start;\n}\n.detail__knowledge-base {\n  grid-area: detail-knowledge-base;\n  @extend %header-detail-common;\n}\n.detail__version {\n  grid-area: detail-version;\n  @extend %header-detail-end;\n}\n\n// filter\n.filter-container {\n  container-type: inline-size;\n  box-sizing: border-box;\n  display: grid;\n  column-gap: var(--spacing-gap-l);\n  grid-template-areas:\n    \"filter-primary filter-toggle-button filter-action-buttons\"\n    \"filter-secondary . .\"\n    \"comments comments comments\";\n  grid-template-columns: minmax(0, max-content) max-content 1fr;\n}\n.filter {\n  @extend %filter;\n}\n.filter-primary {\n  grid-area: filter-primary;\n  grid-template-columns: $filterControlInlineSize $filterControlInlineSize $filterControlInlineSize;\n}\n.filter-container > :nth-child(2) {\n  grid-area: filter-toggle-button;\n}\n.filter-container > :nth-child(3) {\n  grid-area: filter-action-buttons;\n  justify-content: end;\n}\n.filter__toggle-secondary-filter-btn {\n  grid-area: filter-toggle-button;\n}\n\n.filter__buttons {\n  grid-area: filter-buttons;\n  margin-inline-start: auto;\n}\n\n// secondary filter (hidden by default)\n.filter-secondary {\n  display: grid;\n  grid-template-rows: 0fr;\n  grid-area: filter-secondary;\n  transition: grid-template-rows var(--timing-fast);\n}\n.filter-secondary--visible {\n  grid-template-rows: 1fr;\n}\n.filter-secondary > div {\n  @extend %filter;\n  display: grid;\n  overflow: hidden;\n  font-size: 0; // WA Remove unwanted additional space\n  grid-template-columns: repeat(3, $filterControlInlineSize);\n}\n\n.filter-secondary > div > .combo-box,\n.comments {\n  margin-block-start: $filterRowGap;\n}\n.comments {\n  grid-area: comments;\n}\n\n// - - - - - - - - - - - - - -\n// WA (WORK AROUNDS)\n// - - - - - - - - - - - - - -\n\n.input-comments-container {\n  position: relative;\n}\n// ch-edit for comments WA's\n// Figma design for this component displays the textarea witout border, and with a little more line-height.\n// The following styles are a temporary WA that should be brouhgt to Mercury DS.\n.input-comments {\n  --control-border-color: transparent;\n  padding-block: 0 !important;\n  padding-inline: 0 !important;\n  --line-height-tight: 1.4;\n  block-size: 100%;\n  background-color: var(--color-accent-surface-surface);\n  transition:\n    var(--timing-super-fast) block-size,\n    var(--timing-super-fast) background-color,\n    var(--timing-super-fast) padding-block,\n    var(--timing-super-fast) padding-inline;\n}\n.input-comments:focus {\n  position: absolute;\n  block-size: $filterControlInlineSize;\n  inline-size: 100%;\n  z-index: 99;\n  background-color: var(--color-accent-surface-elevation-1);\n  padding-block: var(--control-padding-block) !important;\n  padding-inline: var(--control-padding-inline) !important;\n}\n","// stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  Watch\n} from \"@stencil/core\";\n\n// external libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport {\n  ChEditCustomEvent,\n  ComboBoxModel,\n  TabularGridColumnSelectorClickedEvent,\n  TabularGridColumnSortChangedEvent,\n  TabularGridMarkingChangedEvent,\n  TabularGridRowContextMenuEvent,\n  TabularGridSelectionChangedEvent\n} from \"@genexus/chameleon-controls-library\";\n\n// local\nimport { Locale } from \"../../../../common/locale\";\nimport {\n  GxOption,\n  ItemsCheckedResult,\n  ObjectType\n} from \"../../../../common/types\";\nimport clearGridSelection from \"../common/clear-grid-selection\";\nimport areSetsEqual from \"../common/are-sets-equal\";\nimport uncheckIgnoredObjects from \"../common/uncheck-ignored\";\n\nimport type {\n  StateForFilter,\n  StatusInternal,\n  MessageData,\n  ModifiedObjectData,\n  CommitData,\n  CommitCallback,\n  ContextMenuCallback,\n  LoadLocalChangesCallback,\n  PendingItemsCheckedCallback,\n  SelectCallback,\n  ServerDetails,\n  SourceType\n} from \"../common/types\";\n\nimport headerDetail, { headerTitle } from \"../common/header-renders\";\nimport { changesetToComboBoxModel } from \"./utilities/changeset-to-combo-box\";\nimport { foldersToComboBoxModel } from \"./utilities/folders-to-combo-box\";\nimport { typesToComboBoxItemModel } from \"./utilities/types-to-combo-box\";\nimport renderTabularGridRows, {\n  renderTabularGridColumns,\n  COLUMNS_IDS\n} from \"../common/tabular-grid-render\";\nimport sortTabularGridColumn, {\n  type SortTabularGridColumnDataType\n} from \"../../../../common/chameleon/tabular-grid-column-sort\";\n\nimport { CSS_SELECTORS as CLASSES, ALL_VALUE } from \"../common/constants\";\nimport ICONS from \"../common/constants\";\n\nconst FILTER_SECONDARY_CONTAINER_ID = \"filters-secondary-container\";\nconst FILTER_SECONDARY_BUTTON_ID = \"filter-toggle-button\";\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\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  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  /**\n   * The ComboBoxModel for \"Local State\" filter.\n   */\n  #localStatesComboBoxModel: { caption: string; value: StateForFilter }[];\n\n  /**\n   * Used to determine if pendingItemsCheckedCallback callback has to be\n   * called or not. It should be ignored if the grid checkboxes state is\n   * changed programmatically, by setting markRow to false once the object\n   * has been successfully updated, for example.\n   */\n  #rowCheckedChangedByTheUser: boolean = true;\n\n  @Element() el: HTMLGxIdeTeamDevCommitElement;\n\n  /**\n   * A reference to the tablar grid. Used to call methods.\n   */\n  #chGridPendingForUpdateEl!: HTMLChTabularGridElement;\n\n  // sets\n\n  /**\n   * A boolean that indicates if all the pending objects, have been committed\n   * already.\n   */\n  @State() allPendingAreCommitted: boolean = false;\n\n  /**\n   * A set that holds the id's of the objects that have been committed already.\n   */\n  @State() alreadyCommittedObjectsIdsSet: Set<string> = new Set<string>([]);\n  @Watch(\"alreadyCommittedObjectsIdsSet\")\n  alreadyCommittedObjectsIdsSetChanged(newCommittedObjectsIdsSet: Set<string>) {\n    const pendingIdsSetAndCommittedIdsSetAreEqual = areSetsEqual(\n      newCommittedObjectsIdsSet,\n      this.pendingIdsSet\n    );\n\n    this.allPendingAreCommitted =\n      pendingIdsSetAndCommittedIdsSetAreEqual && this.pendingIdsSet.size > 0;\n  }\n\n  /**\n   * A set that holds the ids of all the ignored objects. Used to quickly\n   * determine if the selected rows belong to \"ignored\" or not. This\n   * information is required for the ContextMenuCallback. This set\n   * has to be updated on every loadCallback.\n   */\n  @State() ignoredIdsSet: Set<string> = new Set<string>([]);\n\n  /**\n   * A set that holds the id's of all the pending objects. Used to quickly\n   * determine if the selected rows belong to \"pending\" or \"ignored\". This\n   * information is required for the ContextMenuCallback. This set\n   * has to be updated after every loadCallback.\n   */\n  @State() pendingIdsSet: Set<string> = new Set<string>([]);\n\n  /**\n   * A set that stores the marked state of each row. This is\n   * required because filtering the grid causes marked cells to lose\n   * their marked state.\n   */\n  @State() markedObjectsSet: Set<string> = new Set<string>([]);\n  @Watch(\"markedObjectsSet\")\n  markedObjectsSetChanged(newMarkedObjectsSet: Set<string>) {\n    this.atLeastOneObjectIsChecked = newMarkedObjectsSet.size > 0;\n  }\n\n  // maps\n\n  /**\n   * A map that holds the current state of every row (\"inserted\" |\n   * \"modified\" | \"modified-with-conflicts\" | \"deleted\" | \"updating\" |\n   * \"update\")\n   */\n  @State() objectsStatusMap: Map<string, StatusInternal> = new Map();\n  @Watch(\"objectsStatusMap\")\n  objectsStatusMapChanged(newObjectsStatusMap: Map<string, StatusInternal>) {\n    const someObjectIsUpdating = [...newObjectsStatusMap.entries()].find(\n      ([, state]) => state === \"committing\"\n    );\n\n    if (!someObjectIsUpdating) {\n      this.committing = false;\n    }\n  }\n\n  /**\n   * A map that holds object messages, after trying to commit ('info' |\n   * 'success' | 'warning' | 'error')\n   */\n  @State() objectsMessagesDataMap: Map<string, MessageData[]> = new Map();\n\n  // boolean\n\n  /**\n   * It holds a boolean indicating if at least one object from the\n   * tabular-grid is checked, for merging.\n   */\n  @State() atLeastOneObjectIsChecked: boolean = false;\n\n  /**\n   * A boolean to indicate if the comments input has error or not.\n   */\n  @State() commentInputHasError: boolean = false;\n\n  /**\n   * Set to true when objects are being committed. This helps disabling\n   * controls until all objects are done.\n   */\n  @State() committing: boolean = false;\n\n  /**\n   * Hides or shows the filter secondary controls\n   */\n  @State() filterSecondaryIsHidden = true;\n\n  /**\n   * Indicates if any of the filter secondary controls have a condition\n   * (have a value other than default \"All\"). This changes the filter\n   * toggle button icon, from \"filter\" to \"filterWithConditions\".\n   */\n  @State() filterSecondaryHasConditions = false;\n\n  /**\n   * Used to display a loader. Set to true when loadCallback is called.\n   */\n  @State() loading: boolean = true;\n\n  // models\n\n  /**\n   * changeset options as ComboBoxModel\n   */\n  @State() changesetsComboBoxModel: ComboBoxModel;\n\n  /**\n   * categories options as ComboBoxModel\n   */\n  // @State() categoriesComboBoxModel: ComboBoxModel;\n\n  /**\n   * Pending objects after \"action\" filter\n   */\n  @State() pendingObjectsAfterFilter: ModifiedObjectData[] = [];\n\n  /**\n   * Ignored objects after \"action\" filter\n   */\n  @State() ignoredObjectsAfterFilter: ModifiedObjectData[] = [];\n\n  /**\n   * The ComboBoxModel for \"Types\" filter.\n   */\n  @State() typesComboBoxModel: ComboBoxModel = [];\n\n  /**\n   * All objects (\"pending for update\" and \"ignored objects\") before\n   * \"state\" filter\n   */\n  @State() pendingAndIgnored: CommitData = {\n    pendingForCommit: [],\n    ignoredObjects: []\n  };\n  @Watch(\"pendingAndIgnored\")\n  pendingAndIgnoredChanged(newPendingAndIgnored: CommitData) {\n    // clear previous state\n    this.pendingIdsSet.clear(); // before pendingIdsSet.add\n    this.ignoredIdsSet.clear(); // before ignoredIdsSet.add\n    this.objectsMessagesDataMap = new Map();\n    this.alreadyCommittedObjectsIdsSet = new Set();\n    this.commentInputHasError = false;\n    this.markedObjectsSet = new Set(); // before #markPendingObjects\n\n    newPendingAndIgnored.pendingForCommit?.forEach(pending => {\n      this.pendingIdsSet.add(pending.id);\n    });\n    newPendingAndIgnored.ignoredObjects?.forEach(ignored => {\n      this.ignoredIdsSet.add(ignored.id);\n    });\n\n    this.#markPendingObjects(); // after pendingIdsSet.add and ignoredIdsSet.add\n    this.#setInitialObjectsStatus(); // after pendingIdsSet.add and ignoredIdsSet.add\n\n    this.#applyClientFilter();\n  }\n\n  // current values\n\n  /**\n   * Holds the current value for the commit \"comments\"\n   */\n  @State() commentsValue: string = \"\";\n\n  /**\n   * The current search filter value.\n   */\n  @State() searchValue: string = \"\";\n\n  /**\n   * Holds the current value for the \"type\" filter\n   */\n  @State() selectedType: string;\n\n  /**\n   * Holds the current value for the \"local state\" filter\n   */\n  @State() selectedState: StateForFilter = ALL_VALUE;\n\n  /**\n   * Holds the current value for the \"changeset\" filter\n   */\n  @State() selectedChangeset: string;\n\n  /**\n   * Holds the current value for the \"folder\" filter\n   */\n  @State() selectedFolder: string;\n\n  /**\n   * Holds the current value for the \"category\" filter\n   */\n  @State() selectedCategory: string;\n\n  /**\n   * folder options as ComboBoxModel\n   */\n  @State() foldersComboBoxModel: ComboBoxModel;\n\n  /**\n   * Indicates if the commit button should be disabled\n   */\n  @State() isCommitDisabled: boolean = false;\n\n  // callbacks\n\n  /**\n   * Invoked when user starts the commit process\n   */\n  @Prop() readonly commitCallback: CommitCallback;\n\n  /**\n   * Invoked when user activates the context menu on any of the grids.\n   */\n  @Prop() readonly objectsContextMenuCallback!: ContextMenuCallback;\n\n  /**\n   * Invoked to return the list of local changes\n   */\n  @Prop() readonly loadCallback!: LoadLocalChangesCallback;\n\n  /**\n   * Invoked when user clicks in server url of Update From group.\n   */\n  @Prop() readonly openServerCallback!: () => Promise<void>;\n\n  /**\n   * Invoked to return information of a Font type of data.\n   */\n  @Prop() readonly pendingItemsCheckedCallback!: PendingItemsCheckedCallback;\n\n  /**\n   * Invoked when the user selects rows from the grid\n   */\n  @Prop() readonly selectCallback: SelectCallback;\n\n  // models\n\n  /**\n   * \"types\" options for the filter.\n   */\n  @Prop() readonly types: ObjectType[];\n  @Watch(\"types\")\n  typesChanged(newTypes: ObjectType[]) {\n    this.typesComboBoxModel = typesToComboBoxItemModel(newTypes);\n  }\n\n  /**\n   * \"changeset\" options for the filter.\n   */\n  @Prop() readonly changeset: GxOption[];\n  @Watch(\"changeset\")\n  changesetChanged(newChangesetOptions: GxOption[]) {\n    this.changesetsComboBoxModel =\n      changesetToComboBoxModel(newChangesetOptions);\n  }\n\n  /**\n   * \"folder\" options for the filter.\n   */\n  @Prop() readonly folders: GxOption[];\n  @Watch(\"folders\")\n  folderChanged(newFolderOptions: GxOption[]) {\n    this.foldersComboBoxModel = foldersToComboBoxModel(newFolderOptions);\n  }\n\n  /**\n   * \"category\" options for the filter.\n   */\n  // @Prop() readonly categories: GxOption[];\n  // @Watch(\"categories\")\n  // categoryChanged(newCategoryOptions: GxOption[]) {\n  //   this.categoriesComboBoxModel =\n  //     categoriesToComboBoxModel(newCategoryOptions);\n  // }\n\n  // boolean\n\n  /**\n   * If true, the \"Action\" column will display a button instead of a pill,\n   * only when the action is\n   */\n  @Prop() readonly updatePillAsButton: boolean = false;\n\n  /**\n   * Information to show in Update From group.\n   */\n  @Prop() readonly serverDetails: ServerDetails;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    // Initiate \"actions\" combo box filter\n    this.#localStatesComboBoxModel = [\n      {\n        caption: this.#componentLocale.states.all,\n        value: ALL_VALUE\n      },\n      {\n        caption: this.#componentLocale.states.inserted,\n        value: \"inserted\"\n      },\n      {\n        caption: this.#componentLocale.states.modified,\n        value: \"modified\"\n      },\n      {\n        caption: this.#componentLocale.states.conflicted,\n        value: \"conflicted\"\n      },\n      {\n        caption: this.#componentLocale.states.deleted,\n        value: \"deleted\"\n      }\n    ];\n\n    // intialize combo-box models\n\n    this.typesComboBoxModel = typesToComboBoxItemModel(this.types);\n    this.selectedType = this.typesComboBoxModel[0].value;\n\n    this.selectedState = this.#localStatesComboBoxModel[0].value;\n\n    this.changesetChanged(this.changeset);\n    this.selectedChangeset =\n      this.changesetsComboBoxModel.length > 0\n        ? this.changesetsComboBoxModel[0].value\n        : ALL_VALUE;\n\n    this.folderChanged(this.folders);\n    this.selectedFolder =\n      this.foldersComboBoxModel && this.foldersComboBoxModel.length > 0\n        ? this.foldersComboBoxModel[0].value\n        : ALL_VALUE;\n\n    // this.categoryChanged(this.categories);\n    // this.selectedCategory =\n    //   this.categoriesComboBoxModel.length > 0\n    //     ? this.categoriesComboBoxModel[0].value\n    //     : ALL_VALUE;\n\n    this.#evaluateSecondaryFilterHasConditions();\n  }\n\n  async componentDidLoad() {\n    await this.#loadData();\n\n    // initialize \"allPendingAreCommitted\"\n    this.alreadyCommittedObjectsIdsSetChanged(\n      this.alreadyCommittedObjectsIdsSet\n    );\n  }\n\n  /**\n   * Used by the host to instruct the component to force a data reload in the grids.\n   */\n  @Method()\n  async reload() {\n    await this.#loadData();\n  }\n\n  /**\n   * Used by the host to instruct the component to disable the commit button.\n   */\n  @Method()\n  async disableCommit(value: boolean) {\n    this.isCommitDisabled = value;\n  }\n\n  // commit related\n\n  #commitCheckedClickedHandler = () => {\n    this.#commitObjectsHandler([...this.markedObjectsSet]);\n  };\n\n  #commitSingleObject: (objectId: string) => () => void =\n    objectId => async () => {\n      const newobjectsStatusMap = new Map(this.objectsStatusMap);\n      newobjectsStatusMap.set(objectId, \"committing\");\n      this.objectsStatusMap = newobjectsStatusMap;\n      this.#commitObjectsHandler([objectId]);\n    };\n\n  #commitObjectsHandler = async (selection: string[]) => {\n    if (this.commentsValue.length === 0) {\n      // A comment is required to commit.\n      this.commentInputHasError = true;\n      return;\n    }\n    this.commentInputHasError = false;\n    this.committing = true;\n\n    selection.forEach(itemToUpdate => {\n      this.objectsStatusMap.set(itemToUpdate, \"committing\");\n    });\n\n    const commitResult = await this.commitCallback(\n      selection,\n      this.commentsValue\n    );\n\n    commitResult.forEach(async objectResult => {\n      const messages = objectResult.messages;\n      if (messages.length) {\n        this.objectsMessagesDataMap.set(objectResult.id, objectResult.messages);\n      } else {\n        // clear messages\n        this.objectsMessagesDataMap.delete(objectResult.id);\n      }\n      if (objectResult.result === \"committed\") {\n        // Apply a new Set to \"alreadyCommittedObjectsIdsSet\" in order for the Watch to fire.\n        this.alreadyCommittedObjectsIdsSet = new Set([\n          ...this.alreadyCommittedObjectsIdsSet,\n          objectResult.id\n        ]);\n        this.objectsStatusMap.set(objectResult.id, \"committed\");\n        await this.#chGridPendingForUpdateEl.markRow(objectResult.id, false);\n      } else {\n        this.objectsStatusMap.set(objectResult.id, \"pending\");\n      }\n    });\n\n    this.committing = false;\n    this.commentsValue = \"\";\n  };\n\n  // handlers\n\n  #rowMarkingChangedHandler = async (\n    event: CustomEvent<TabularGridMarkingChangedEvent>\n  ) => {\n    const markedRowsIds = event.detail.rowsId;\n\n    this.markedObjectsSet = new Set(\n      markedRowsIds.filter(\n        markedObjectId =>\n          !this.alreadyCommittedObjectsIdsSet.has(markedObjectId)\n      )\n    );\n\n    if (this.#rowCheckedChangedByTheUser) {\n      this.#updatePendingCheckedItems(event);\n    }\n  };\n\n  #rowSelectionChangedHandler = async (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    const selectedRowsIds = event.detail.rowsId;\n    const firstSelectedRowId = selectedRowsIds[0];\n    const gridSource: SourceType = this.pendingIdsSet.has(firstSelectedRowId)\n      ? \"pending\"\n      : \"ignored\";\n\n    const filteredSelectedRowsIds = clearGridSelection(\n      gridSource,\n      selectedRowsIds,\n      this.pendingIdsSet,\n      this.ignoredIdsSet,\n      this.#chGridPendingForUpdateEl\n    );\n\n    await this.selectCallback(gridSource, filteredSelectedRowsIds);\n  };\n\n  #commentsInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n    this.commentsValue = event.detail as string;\n    if (this.commentsValue.length && this.commentInputHasError) {\n      // remove error style and tooltip\n      this.commentInputHasError = false;\n    }\n  };\n\n  // filter related\n\n  #applyClientFilter = () => {\n    this.pendingObjectsAfterFilter = this.#filteredObjects(\n      this.pendingAndIgnored.pendingForCommit\n    );\n    this.ignoredObjectsAfterFilter = this.#filteredObjects(\n      this.pendingAndIgnored.ignoredObjects\n    );\n  };\n\n  #filteredObjects = (objects: ModifiedObjectData[]): ModifiedObjectData[] => {\n    let filtered = objects;\n\n    // name or description\n    if (this.searchValue.length) {\n      filtered = filtered.filter(object => {\n        const nameFiltered = object.name\n          .toLowerCase()\n          .includes(this.searchValue.toLowerCase());\n\n        const descriptionFiltered = object.description\n          .toLowerCase()\n          .includes(this.searchValue.toLowerCase());\n\n        return nameFiltered || descriptionFiltered;\n      });\n    }\n\n    // status\n    if (this.selectedState && this.selectedState !== ALL_VALUE) {\n      filtered = filtered.filter(object => object.state === this.selectedState);\n    }\n\n    return filtered;\n  };\n\n  #evaluateSecondaryFilterHasConditions = () => {\n    if (\n      // this.selectedChangeset !== ALL_VALUE ||\n      this.selectedFolder !== ALL_VALUE\n      // this.selectedCategory !== ALL_VALUE\n    ) {\n      this.filterSecondaryHasConditions = true;\n    } else {\n      this.filterSecondaryHasConditions = false;\n    }\n  };\n\n  #toggleFiltersHandler = () => {\n    this.filterSecondaryIsHidden = !this.filterSecondaryIsHidden;\n  };\n\n  #searchInputHandler = (event: ChEditCustomEvent<string> | InputEvent) => {\n    this.searchValue = (event.detail as string).trim();\n    this.#applyClientFilter();\n  };\n\n  #typeChangedHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.selectedType = event.detail as string;\n    this.#loadData();\n  };\n\n  #stateChangedHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.selectedState = event.detail as StateForFilter;\n    this.#applyClientFilter();\n  };\n\n  // changeset is a WIP.\n  // #changesetChangedHandler = (event: CustomEvent<string> | InputEvent) => {\n  //   this.selectedChangeset = event.detail as string;\n  //   this.#loadData();\n  //   this.#evaluateSecondaryFilterHasConditions();\n  // };\n\n  #folderChanged = (event: CustomEvent<string> | InputEvent) => {\n    this.selectedFolder = event.detail as string;\n    this.#loadData();\n    this.#evaluateSecondaryFilterHasConditions();\n  };\n\n  // #categoryChangedHandler = (event: CustomEvent<string> | InputEvent) => {\n  //   this.selectedCategory = event.detail as string;\n  //   this.#loadData();\n  //   this.#evaluateSecondaryFilterHasConditions();\n  // };\n\n  #onRowContextMenuHandler =\n    () => async (ev: CustomEvent<TabularGridRowContextMenuEvent>) => {\n      ev.preventDefault();\n      ev.stopPropagation();\n\n      const selectedRowsIds =\n        await this.#chGridPendingForUpdateEl.getSelectedRows();\n\n      const firstSelectedRowId = selectedRowsIds[0];\n      const gridSource = this.pendingIdsSet.has(firstSelectedRowId)\n        ? \"pending\"\n        : \"ignored\";\n\n      await this.objectsContextMenuCallback(gridSource, {\n        selection: selectedRowsIds,\n        clientX: ev.detail.clientX,\n        clientY: ev.detail.clientY\n      });\n    };\n\n  // other methods\n\n  #updatePendingCheckedItems = async (\n    event: CustomEvent<TabularGridMarkingChangedEvent>\n  ) => {\n    this.#rowCheckedChangedByTheUser = false;\n    const addedRowsIds = event.detail.addedRowsId;\n    const removedRowsId = event.detail.removedRowsId;\n\n    try {\n      const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({\n        itemsChecked: addedRowsIds,\n        itemsUnchecked: removedRowsId\n      });\n\n      if (pendingItemCheckedResult === undefined) {\n        // undo check/uncheck\n        await this.#revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);\n      } else {\n        await this.#togglePendingCommitsCheckboxes(pendingItemCheckedResult);\n      }\n    } catch {\n      //catch exception if necessary\n    } finally {\n      this.#rowCheckedChangedByTheUser = true;\n    }\n  };\n\n  #setInitialObjectsStatus = (): void => {\n    this.pendingAndIgnored.pendingForCommit.forEach(pendingObject => {\n      const status: StatusInternal = \"pending\";\n      this.objectsStatusMap.set(pendingObject.id, status);\n    });\n    this.pendingAndIgnored.ignoredObjects.forEach(ignoredObject => {\n      const status: StatusInternal = \"ignored\";\n      this.objectsStatusMap.set(ignoredObject.id, status);\n    });\n  };\n\n  #loadData = async (): Promise<void> => {\n    this.loading = true;\n\n    this.pendingAndIgnored = await this.loadCallback({\n      search: this.searchValue,\n      type: this.selectedType,\n      changeset: this.selectedChangeset,\n      folder: this.selectedFolder,\n      category: this.selectedCategory\n    });\n\n    this.loading = false;\n    // Is is required to mark/check all objects after loadCallback.\n    // this.#markPendingObjects();\n  };\n\n  /**\n   * Marks all pending objects that have not been committed yet.\n   *\n   * Iterates through all pending object IDs and adds them to the marked objects set\n   * if they are not already in the committed objects set. This effectively identifies\n   * and marks all the pending objects that still need to be processed.\n   **/\n  #markPendingObjects = () => {\n    for (const pendingId of this.pendingIdsSet) {\n      if (!this.alreadyCommittedObjectsIdsSet.has(pendingId)) {\n        this.markedObjectsSet = new Set([...this.markedObjectsSet, pendingId]);\n      }\n    }\n  };\n\n  // render methods\n\n  #revertPendingCommitsCheckboxes = async (\n    addedRowsIds: string[],\n    removedRowsId: string[]\n  ) => {\n    if (this.#chGridPendingForUpdateEl) {\n      for (const rowId of addedRowsIds) {\n        await this.#chGridPendingForUpdateEl.markRow(rowId, false);\n      }\n      for (const rowId of removedRowsId) {\n        await this.#chGridPendingForUpdateEl.markRow(rowId, true);\n      }\n    }\n  };\n\n  #togglePendingCommitsCheckboxes = async (\n    itemsToToggle: ItemsCheckedResult\n  ) => {\n    if (this.#chGridPendingForUpdateEl) {\n      const itemsToCheck: string[] = itemsToToggle.itemsToCheck;\n      const itemsToUncheck: string[] = itemsToToggle.itemsToUncheck;\n      // check\n      for (const rowId of itemsToCheck) {\n        await this.#chGridPendingForUpdateEl.markRow(rowId, true);\n      }\n      // uncheck\n      for (const rowId of itemsToUncheck) {\n        await this.#chGridPendingForUpdateEl.markRow(rowId, false);\n      }\n    }\n  };\n\n  #sortTabularGridColumnCallback = (\n    e: CustomEvent<TabularGridColumnSortChangedEvent>\n  ) => {\n    const columnId = e.detail.columnId;\n\n    let objectProperty;\n    let dateType: SortTabularGridColumnDataType = \"string\";\n    if (columnId === COLUMNS_IDS.type) {\n      objectProperty = \"name\"; // the type name\n      dateType = \"object\";\n    } else if (\n      columnId === COLUMNS_IDS.modifiedOn ||\n      columnId === COLUMNS_IDS.lastSynchronized\n    ) {\n      dateType = \"dateString\";\n    }\n    this.pendingObjectsAfterFilter = [\n      ...sortTabularGridColumn(\n        e,\n        this.pendingObjectsAfterFilter,\n        dateType,\n        objectProperty\n      )\n    ];\n    this.ignoredObjectsAfterFilter = [\n      ...sortTabularGridColumn(\n        e,\n        this.ignoredObjectsAfterFilter,\n        dateType,\n        objectProperty\n      )\n    ];\n  };\n\n  /**\n   * WA: Ignored objects must always remain unchecked.\n   * Because `tabular-grid` selects all rows when the checkbox column is toggled,\n   * we need to manually unselect the ignored IDs. // TODO: Move this function\n   * to common\n   */\n  #columnSelectorClickedCallback = async (\n    e: CustomEvent<TabularGridColumnSelectorClickedEvent>\n  ) => {\n    const allRowsChecked = e.detail;\n    if (allRowsChecked) {\n      const markedRowsIds =\n        await this.#chGridPendingForUpdateEl.getMarkedRows();\n      const ignoredMarkedRowsIds = markedRowsIds.filter(rowId => {\n        return this.ignoredIdsSet.has(rowId);\n      });\n      if (ignoredMarkedRowsIds.length) {\n        uncheckIgnoredObjects(\n          ignoredMarkedRowsIds,\n          this.#chGridPendingForUpdateEl\n        );\n      }\n    }\n  };\n\n  render() {\n    const disableControls =\n      this.committing || this.loading || this.isCommitDisabled;\n    const gridIsEmpty =\n      this.pendingObjectsAfterFilter.length === 0 &&\n      this.ignoredObjectsAfterFilter.length === 0;\n\n    const filterIcon = this.filterSecondaryHasConditions\n      ? ICONS.filterWithConditions\n      : ICONS.filter;\n\n    const commitButtonEnabled =\n      this.atLeastOneObjectIsChecked &&\n      this.commentsValue.length > 0 &&\n      !this.allPendingAreCommitted &&\n      !this.isCommitDisabled;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <header class={{ [CLASSES.HEADER]: true }}>\n            <div\n              // header details\n              class={{ [CLASSES.HEADER_DETAILS]: true }}\n            >\n              {headerTitle(this.#componentLocale.commitDetail.title)}\n\n              {\n                // genexus server\n                headerDetail(\n                  \"link\",\n                  this.#componentLocale.commitDetail.genexusServer,\n                  this.serverDetails ? this.serverDetails.serverUrl : \"\",\n                  this.openServerCallback,\n                  \"detail__genexus-server\"\n                )\n              }\n\n              {\n                // knowledge base\n                headerDetail(\n                  \"text\",\n                  this.#componentLocale.commitDetail.knowledgeBase,\n                  this.serverDetails ? this.serverDetails.kbName : \"\",\n                  undefined,\n                  \"detail__knowledge-base\"\n                )\n              }\n\n              {\n                // version\n                headerDetail(\n                  \"text\",\n                  this.#componentLocale.commitDetail.version,\n                  this.serverDetails ? this.serverDetails.versionName : \"\",\n                  undefined,\n                  \"detail__version\"\n                )\n              }\n            </div>\n          </header>\n\n          <div class=\"filter-container spacing-body-inline\">\n            <div class={{ [CLASSES.FILTER]: true, \"filter-primary\": true }}>\n              <ch-edit\n                // searchch-edit\n                class=\"input filter__combo\"\n                disabled={disableControls}\n                startImgSrc={ICONS.search}\n                accessibleName={\n                  this.#componentLocale.filter.searchAccessibleName\n                }\n                placeholder={this.#componentLocale.filter.searchPlaceholder}\n                type=\"search\"\n                onInput={this.#searchInputHandler}\n              ></ch-edit>\n\n              <ch-combo-box-render\n                // types\n                class=\"combo-box filter__combo\"\n                disabled={disableControls}\n                model={this.typesComboBoxModel}\n                value={this.selectedType}\n                accessibleName={this.#componentLocale.filter.typeAccesibleName}\n                placeholder={this.#componentLocale.filter.typePlaceholder}\n                onInput={this.#typeChangedHandler}\n              ></ch-combo-box-render>\n\n              <ch-combo-box-render\n                // local states\n                class=\"combo-box filter__combo\"\n                disabled={disableControls}\n                model={this.#localStatesComboBoxModel}\n                value={this.selectedState}\n                onInput={this.#stateChangedHandler}\n                accessibleName={\n                  this.#componentLocale.filter.localStateAccesibleName\n                }\n                placeholder={this.#componentLocale.filter.localStatePlaceholder}\n              ></ch-combo-box-render>\n            </div>\n\n            <button\n              // toggle secondary filter button\n              id={FILTER_SECONDARY_BUTTON_ID}\n              class=\"button-secondary button-icon-only\"\n              disabled={disableControls}\n              aria-label={this.#componentLocale.filter.secondaryFilterAriaLabel}\n              aria-expanded={this.filterSecondaryIsHidden ? \"false\" : \"true\"}\n              aria-controls={FILTER_SECONDARY_CONTAINER_ID}\n              onClick={this.#toggleFiltersHandler}\n              title={this.#componentLocale.filter.secondaryFilterAriaLabel}\n            >\n              <ch-image class=\"icon-m\" src={filterIcon}></ch-image>\n            </button>\n\n            <div class=\"buttons-spacer\">\n              <button\n                // reload button\n                class=\"button-secondary button-icon-and-text\"\n                disabled={disableControls}\n                onClick={this.#loadData}\n              >\n                <ch-image class=\"icon-m\" src={ICONS.refresh}></ch-image>\n                {this.#componentLocale.filter.reload}\n              </button>\n\n              <button\n                // commit button\n                class=\"button-primary\"\n                disabled={!commitButtonEnabled || disableControls}\n                onClick={this.#commitCheckedClickedHandler}\n              >\n                {this.#componentLocale.filter.commit}\n              </button>\n            </div>\n\n            <div\n              // secondary filter\n              id={FILTER_SECONDARY_CONTAINER_ID}\n              aria-labelledby={FILTER_SECONDARY_BUTTON_ID}\n              class={{\n                [CLASSES.FILTER]: true,\n                \"filter-secondary\": true,\n                \"filter-secondary--visible\": !this.filterSecondaryIsHidden\n              }}\n              inert={this.filterSecondaryIsHidden}\n              hidden={this.filterSecondaryIsHidden}\n            >\n              <div>\n                {/* \n                  // changeset is a WIP.\n                  <ch-combo-box-render\n                  // changeset\n                  class=\"combo-box\"\n                  disabled={disableControls}\n                  model={this.changesetsComboBoxModel}\n                  value={this.selectedChangeset}\n                  onInput={this.#changesetChangedHandler}\n                  accessibleName={\n                    this.#componentLocale.filter.changesetAccesibleName\n                  }\n                  placeholder={\n                    this.#componentLocale.filter.changesetPlaceholder\n                  }\n                ></ch-combo-box-render> */}\n\n                <ch-combo-box-render\n                  // folder\n                  class=\"combo-box\"\n                  disabled={disableControls}\n                  model={this.foldersComboBoxModel}\n                  value={this.selectedFolder}\n                  onInput={this.#folderChanged}\n                  accessibleName={\n                    this.#componentLocale.filter.folderAccesibleName\n                  }\n                  placeholder={this.#componentLocale.filter.folderPlaceholder}\n                ></ch-combo-box-render>\n\n                {/* <ch-combo-box-render\n                  // category\n                  class=\"combo-box\"\n                  disabled={disableControls}\n                  model={this.categoriesComboBoxModel}\n                  value={this.selectedCategory}\n                  onInput={this.#categoryChangedHandler}\n                  accessibleName={\n                    this.#componentLocale.filter.categoryPlaceholder\n                  }\n                  placeholder={this.#componentLocale.filter.categoryPlaceholder}\n                ></ch-combo-box-render> */}\n              </div>\n            </div>\n\n            <ch-edit\n              // commit comments\n              class=\"input comments\"\n              multiline={true}\n              autoGrow={true}\n              placeholder={this.#componentLocale.commitCommentPlaceholder}\n              onInput={this.#commentsInputHandler}\n              value={this.commentsValue}\n            ></ch-edit>\n          </div>\n\n          <div class={CLASSES.MAIN}>\n            {!this.loading ? (\n              <ch-tabular-grid\n                class={{\n                  \"tabular-grid\": true,\n                  \"objects-tabular-grid\": true,\n                  \"disabled-custom-selector\": this.committing,\n                  \"empty-result\": gridIsEmpty\n                }}\n                keyboardNavigationMode=\"focus\"\n                rowSelectionMode=\"multiple\"\n                onSelectionChanged={this.#rowSelectionChangedHandler}\n                onRowMarkingChanged={this.#rowMarkingChangedHandler}\n                onRowContextMenu={this.#onRowContextMenuHandler()}\n                ref={(el: HTMLChTabularGridElement) =>\n                  (this.#chGridPendingForUpdateEl = el)\n                }\n              >\n                {renderTabularGridColumns(\n                  [\"action\"],\n                  gridIsEmpty,\n                  this.#sortTabularGridColumnCallback,\n                  this.#columnSelectorClickedCallback,\n                  this.#componentLocale,\n                  !this.allPendingAreCommitted\n                )}\n\n                {!gridIsEmpty\n                  ? [\n                      <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                        <ch-tabular-grid-rowset-legend class=\"tabular-grid-rowset-legend\">\n                          {this.#componentLocale.objects.pendingCommits}\n                        </ch-tabular-grid-rowset-legend>\n                        {renderTabularGridRows(\n                          \"pending\",\n                          this.pendingObjectsAfterFilter,\n                          this.ignoredObjectsAfterFilter,\n                          this.alreadyCommittedObjectsIdsSet,\n                          this.markedObjectsSet,\n                          this.objectsMessagesDataMap,\n                          this.updatePillAsButton,\n                          this.#commitSingleObject,\n                          this.objectsStatusMap,\n                          this.searchValue,\n                          this.#componentLocale\n                        )}\n                      </ch-tabular-grid-rowset>,\n\n                      <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                        <ch-tabular-grid-rowset-legend class=\"tabular-grid-rowset-legend\">\n                          {this.#componentLocale.objects.ignoredObjects}\n                        </ch-tabular-grid-rowset-legend>\n                        {renderTabularGridRows(\n                          \"ignored\",\n                          this.pendingObjectsAfterFilter,\n                          this.ignoredObjectsAfterFilter,\n                          this.alreadyCommittedObjectsIdsSet,\n                          this.markedObjectsSet,\n                          this.objectsMessagesDataMap,\n                          this.updatePillAsButton,\n                          this.#commitSingleObject,\n                          this.objectsStatusMap,\n                          this.searchValue,\n                          this.#componentLocale\n                        )}\n                      </ch-tabular-grid-rowset>\n                    ]\n                  : null}\n\n                <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n                  {gridIsEmpty && (\n                    <ch-tabular-grid-rowset-empty>\n                      <gx-ide-empty-state\n                        class=\"empty-state\"\n                        isAnimated\n                        stateIconSrc={ICONS.filter}\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"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-fa8cb0d8.entry.js → p-cdd2e79d.entry.js}

@@ -23,7 +23,7 @@ const objectsToListItemData = t => {
   return i;
 };
 
-const l = ':host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:"label label label" "input cancel export";grid-gap:var(--spacing-gap-l)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}';
+const l = ':host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:"label label label" "input cancel export";grid-gap:var(--spacing-gap-l)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}';
 
 const c = class {
   constructor(e) {
@@ -156,4 +156,4 @@ const c = class {
 c.style = l;
 
 export { c as gx_ide_bpm_objects_selector };
-//# sourceMappingURL=p-fa8cb0d8.entry.js.map
+//# sourceMappingURL=p-cdd2e79d.entry.js.map

package/dist/genexus-ide-ui/{p-60bbf1b4.entry.js → p-d68412ac.entry.js}

@@ -1,8 +1,8 @@
 import { r as t, c as i, h as e, H as s, a } from "./p-9b9ccd0c.js";
 
-import { c as o } from "./p-c5196b3b.js";
+import { c as n } from "./p-c5196b3b.js";
 
-import { L as n } from "./p-311eedf3.js";
+import { L as o } from "./p-311eedf3.js";
 
 import { r } from "./p-7d0f58d6.js";
 
@@ -12,18 +12,18 @@ const filesToListItemsData = t => {
     const e = typeof t === "string" ? t : t.name;
     const s = typeof t === "string" ? t : t.name;
     const a = undefined;
-    const o = false;
+    const n = false;
     i.push({
       itemId: e,
       itemValue: s,
       itemIcon: a,
-      itemChecked: o
+      itemChecked: n
     });
   }));
   return i;
 };
 
-const l = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.main{display:grid;grid-template-rows:1fr auto;block-size:100%;gap:var(--spacing-gap-l)}.path-list{inline-size:100%;block-size:100%}gx-ide-list-selector::part(list){block-size:100%}.hidden-input{display:none}.checkbox-container{display:flex;gap:var(--spacing-gap-m)}.footer{display:flex;flex-direction:column;gap:var(--spacing-gap-l)}";
+const l = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.main{display:grid;grid-template-rows:1fr auto;block-size:100%;gap:var(--spacing-gap-l)}.path-list{inline-size:100%;block-size:100%}gx-ide-list-selector::part(list){block-size:100%}.hidden-input{display:none}.checkbox-container{display:flex;gap:var(--spacing-gap-m)}.footer{display:flex;flex-direction:column;gap:var(--spacing-gap-l)}";
 
 const c = class {
   constructor(e) {
@@ -77,7 +77,7 @@ const c = class {
   }
   // 6.COMPONENT LIFECYCLE METHODS //
   async componentWillLoad() {
-    this._componentLocale = await n.getComponentStrings(this.el);
+    this._componentLocale = await o.getComponentStrings(this.el);
   }
   componentDidRender() {
     if (!this.renderedFirstTime) {
@@ -93,7 +93,7 @@ const c = class {
     }, e("div", {
       class: "gx-ide-main-wrapper"
     }, e("gx-ide-container", {
-      slimmerFooter: o.gxIdeContainer.slimmerFooter
+      slimmerFooter: n.gxIdeContainer.slimmerFooter
     }, e("div", {
       class: "main"
     }, e("div", {
@@ -154,4 +154,4 @@ const c = class {
 c.style = l;
 
 export { c as gx_ide_bpm_import_files };
-//# sourceMappingURL=p-60bbf1b4.entry.js.map
+//# sourceMappingURL=p-d68412ac.entry.js.map

package/dist/genexus-ide-ui/{p-b2966a6b.entry.js → p-d7964c12.entry.js}

@@ -1,6 +1,6 @@
 import { r as t, h as i, H as n, a as e } from "./p-9b9ccd0c.js";
 
-const a = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:flex;align-items:center;justify-content:center;text-align:center;inline-size:100%;position:relative}:host(.animate){animation:fadeIn var(--timing-fast) forwards;inset-block-start:0}.main-container{max-width:320px;margin:0 auto;gap:var(--spacing-gap-xl);padding:var(--spacing-padding-xl)}.main-container__icon-wrapper{border:1px dashed var(--color-accent-primary-default);border-radius:50%;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;pointer-events:none}.main-container__content{gap:var(--spacing-gap-m)}.main-container,.main-container__content{display:flex;align-items:center;flex-direction:column}.description{line-height:var(--line-height-spacious) !important;color:var(--color-text-neutral-neutral)}@keyframes fadeIn{0%{opacity:0;inset-block-start:5px}}";
+const a = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:flex;align-items:center;justify-content:center;text-align:center;inline-size:100%;position:relative}:host(.animate){animation:fadeIn var(--timing-fast) forwards;inset-block-start:0}.main-container{max-width:320px;margin:0 auto;gap:var(--spacing-gap-xl);padding:var(--spacing-padding-xl)}.main-container__icon-wrapper{border:1px dashed var(--color-accent-primary-default);border-radius:50%;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;pointer-events:none}.main-container__content{gap:var(--spacing-gap-m)}.main-container,.main-container__content{display:flex;align-items:center;flex-direction:column}.description{line-height:var(--line-height-spacious) !important;color:var(--color-text-neutral-neutral)}@keyframes fadeIn{0%{opacity:0;inset-block-start:5px}}";
 
 const o = [ "resets/box-sizing", "components/button", "components/icon", "utils/typography" ];
 
@@ -42,4 +42,4 @@ const r = class {
 r.style = a;
 
 export { r as gx_ide_empty_state };
-//# sourceMappingURL=p-b2966a6b.entry.js.map
+//# sourceMappingURL=p-d7964c12.entry.js.map

package/dist/genexus-ide-ui/{p-8735d37c.entry.js → p-dbf9a97d.entry.js}

@@ -4,7 +4,7 @@ import { c as s } from "./p-c5196b3b.js";
 
 import { L as o } from "./p-311eedf3.js";
 
-const r = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;align-items:center;grid-template-columns:max-content 1fr min-content;gap:var(--spacing-gap-l)}.hidden-input{display:none}";
+const r = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;align-items:center;grid-template-columns:max-content 1fr min-content;gap:var(--spacing-gap-l)}.hidden-input{display:none}";
 
 const l = class {
   constructor(e) {
@@ -123,4 +123,4 @@ const l = class {
 l.style = r;
 
 export { l as gx_ide_bpm_import_gxpm };
-//# sourceMappingURL=p-8735d37c.entry.js.map
+//# sourceMappingURL=p-dbf9a97d.entry.js.map

package/dist/genexus-ide-ui/{p-14823abe.entry.js → p-e0fb6257.entry.js}

@@ -14,7 +14,7 @@ import "lit/directives/when.js";
 
 import "lit/directives/if-defined.js";
 
-const l = ":host{display:grid;grid-template-rows:max-content 1fr max-content;overflow:auto;block-size:100%}.section{display:contents}.header__field-group{display:grid;grid-template-columns:1fr 1fr}.tabular-grid{contain:size}.data ch-tabular-grid-cell:is(:nth-child(2),:nth-child(3),:nth-child(4)){align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}ch-tabular-grid.empty-result::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}";
+const l = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;grid-template-rows:max-content 1fr max-content;overflow:auto;block-size:100%}.section{display:contents}.header__field-group{display:grid;grid-template-columns:1fr 1fr}.tabular-grid{contain:size}.data ch-tabular-grid-cell:is(:nth-child(2),:nth-child(3),:nth-child(4)){align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}ch-tabular-grid.empty-result::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}";
 
 var c = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
   if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
@@ -29,7 +29,7 @@ var h = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, a)
   return i === "a" ? a.call(t, s) : a ? a.value = s : e.set(t, s), s;
 };
 
-var d, u, f, p, b, m, g, w, y, v, k, M, W, j, x, C, z, E, T, _, D;
+var d, u, f, b, p, m, g, w, y, v, k, M, W, j, x, C, z, E, T, _, D;
 
 // Best performance bundle
 const P = [ "resets/box-sizing", "components/button", "components/edit", "components/tabular-grid", "components/icon", "utils/form", "utils/layout", "utils/spacing", "chameleon/scrollbar" ];
@@ -48,8 +48,8 @@ const F = class {
         u.set(this, false);
  // used to select the first item after "loadItemsCallback"
         f.set(this, void 0);
-    p.set(this, false);
-    b.set(this, e(`./gx-ide-assets/data-selector/shortcuts.json`));
+    b.set(this, false);
+    p.set(this, e(`./gx-ide-assets/data-selector/shortcuts.json`));
     /* References needed to collect data */    m.set(this, void 0);
     g.set(this, void 0);
     w.set(this, void 0);
@@ -143,7 +143,7 @@ const F = class {
       const t = !this.objects.length;
       const e = this.loader && this.loading;
       if (!t || e) {
-        h(this, p, true, "f");
+        h(this, b, true, "f");
  // improve performance if is first render
             }
       return s("ch-tabular-grid", {
@@ -209,7 +209,7 @@ const F = class {
         loaderTitle: c(this, f, "f").loader.title,
         show: true
       }) : s("gx-ide-empty-state", {
-        isAnimated: c(this, p, "f"),
+        isAnimated: c(this, b, "f"),
         stateIconSrc: S,
         stateTitle: c(this, f, "f").emptyState.title
       }))));
@@ -302,7 +302,7 @@ const F = class {
     }, s("ch-theme", {
       model: P
     }), s("ch-shortcuts", {
-      src: c(this, b, "f"),
+      src: c(this, p, "f"),
       ref: t => h(this, w, t, "f")
     }), s("section", {
       class: "section"
@@ -344,7 +344,7 @@ const F = class {
   }
 };
 
-d = new WeakMap, u = new WeakMap, f = new WeakMap, p = new WeakMap, b = new WeakMap, 
+d = new WeakMap, u = new WeakMap, f = new WeakMap, b = new WeakMap, p = new WeakMap, 
 m = new WeakMap, g = new WeakMap, w = new WeakMap, y = new WeakMap, v = new WeakMap, 
 k = new WeakMap, M = new WeakMap, W = new WeakMap, j = new WeakMap, x = new WeakMap, 
 C = new WeakMap, z = new WeakMap, E = new WeakMap, T = new WeakMap, _ = new WeakMap, 
@@ -353,4 +353,4 @@ D = new WeakMap;
 F.style = l;
 
 export { F as gx_ide_data_selector };
-//# sourceMappingURL=p-14823abe.entry.js.map
+//# sourceMappingURL=p-e0fb6257.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["dataSelectorCss","CSS_BUNDLES","FILTER_ICON","getIconPath","category","name","colorType","GxIdeDataSelector","_GxIdeDataSelector_firstGridObjectId","set","this","_GxIdeDataSelector_loadItemsCallbackJustCalled","_GxIdeDataSelector_componentLocale","_GxIdeDataSelector_animateEmptyState","_GxIdeDataSelector_shortcutsSrc","getAssetPath","_GxIdeDataSelector_filterPatternEl","_GxIdeDataSelector_filterObjectEl","_GxIdeDataSelector_chShortcutsEl","_GxIdeDataSelector_chTabularGridObjectsEl","_GxIdeDataSelector_evaluateFirstRowSelection","__classPrivateFieldGet","selectRow","__classPrivateFieldSet","_GxIdeDataSelector_chGridKeyDownHandler","e","key","_GxIdeDataSelector_confirmCallbackHandler","call","stopPropagation","confirmCallback","selectedObjectsIds","_GxIdeDataSelector_editCallbackHandler","async","result","editCallback","_GxIdeDataSelector_refreshUIWithNewConfiguration","_GxIdeDataSelector_hostKeyPressHandler","_GxIdeDataSelector_objectsSelectionChangedHandler","event","detail","rowsId","_GxIdeDataSelector_newVariableCallbackHandler","response","newVariableCallback","objects","filters","pattern","_a","value","object","_c","_b","id","loading","loadItemsCallback","then","items","length","_GxIdeDataSelector_sortObjectsByName","_GxIdeDataSelector_renderFilter","h","class","htmlFor","filter","autoFocus","part","debounce","config","inputDebounce","onInput","ref","el","defaultModule","defaultValue","selectEntityCallback","selectObjectCallback","onValueChanged","_GxIdeDataSelector_renderObjects","gridIsEmpty","displayLoader","loader","data","rowSelectionMode","selectionType","onKeyDown","onSelectionChanged","undefined","settingable","sortable","size","tabularGrid","colSize","maxContent","tableHead","common","dataType","description","map","obj","rowid","onDblClick","src","type","loaderTitle","title","show","isAnimated","stateIconSrc","stateTitle","emptyState","_GxIdeDataSelector_renderEditButtons","newVariableButtonEnabled","editButtonEnabled","disabled","onClick","footer","btnNew","btnEdit","sort","a","b","nameA","toLowerCase","nameB","componentWillLoad","Locale","getComponentStrings","connectedCallback","componentDidLoad","focus","componentDidRender","suspendShortcuts","suspend","validate","isValid","render","okButtonEnabled","footerJustifySpaceBetween","Host","onKeyPress","model","cancelCallback","btnCancel","btnConfirm"],"sources":["src/components/data-selector/data-selector.scss?tag=gx-ide-data-selector&encapsulation=shadow","src/components/data-selector/data-selector.tsx"],"sourcesContent":["@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\"; // for the tabular-grid-cell-layout mixin\n@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  grid-template-rows: max-content 1fr max-content;\n  overflow: auto;\n  block-size: 100%;\n}\n\n.section {\n  display: contents;\n}\n\n.header__field-group {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n\n.tabular-grid {\n  contain: size;\n}\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".data\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    2,\n    3,\n    4\n  )\n);\n\nch-tabular-grid.empty-result::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\nch-tabular-grid-rowset-empty {\n  // to make the loader be positioned relative to 'ch-tabular-grid-rowset-empty'\n  position: relative;\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  getAssetPath,\n  JSX\n} from \"@stencil/core\";\n\nimport { Locale } from \"../../common/locale\";\n\nimport { config } from \"../../common/config\";\nimport { EntityData } from \"../../common/types\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { TabularGridSelectionChangedEvent } from \"@genexus/chameleon-controls-library\";\n\n// Best performance bundle\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/tabular-grid\",\n  \"components/icon\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-surface\"\n});\n\n@Component({\n  tag: \"gx-ide-data-selector\",\n  styleUrl: \"data-selector.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/data-selector\"]\n})\nexport class GxIdeDataSelector {\n  #firstGridObjectId: string; // used to select the first item after \"loadItemsCallback\"\n  #loadItemsCallbackJustCalled: boolean = false; // used to select the first item after \"loadItemsCallback\"\n\n  #componentLocale: any;\n  #animateEmptyState: boolean = false;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/data-selector/shortcuts.json`);\n  /* References needed to collect data */\n  #filterPatternEl!: HTMLChEditElement;\n  #filterObjectEl!: HTMLGxIdeEntitySelectorElement;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #chTabularGridObjectsEl: HTMLChTabularGridElement;\n\n  @Element() el: HTMLGxIdeDataSelectorElement;\n\n  /**\n   * True if loadItemsCallback has been called and has not been resolved yet.\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * The objects rendered in the table\n   */\n  @State() objects: ItemData[] = [];\n\n  /**\n   * The selected objects in the table of objects\n   */\n  @State() selectedObjectsIds: string[] = [];\n\n  /**\n   * Callback invoked when the user wishes to cancel the selection of objects.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback invoked when the user presses the 'OK' button\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Callback invoked when user presses the edit button. Receives the first\n   * selected element id as a parameter.\n   */\n  @Prop() readonly editCallback: EditCallback;\n\n  /**\n   * Callback invoked when the component needs to reload the list of attributes.\n   */\n  @Prop() readonly loadItemsCallback!: LoadItemsCallback;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Callback invoked when the user presses the 'New' button.\n   */\n  @Prop() readonly newVariableCallback: NewVariableCallback;\n\n  /**\n   * Callback invoked when the action is executed in the Object filter. It returns\n   * the information of the selected object (id and name) or 'undefined' if it was\n   * canceled.\n   */\n  @Prop() readonly selectObjectCallback: SelectObjectCallback;\n\n  /**\n   * Single if multiple object selection is not allowed. Default is multiple\n   */\n  @Prop() readonly selectionType: \"single\" | \"multiple\" = \"multiple\";\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  connectedCallback() {\n    this.#refreshUIWithNewConfiguration();\n  }\n\n  componentDidLoad() {\n    this.#filterPatternEl.focus();\n  }\n\n  componentDidRender() {\n    this.#evaluateFirstRowSelection();\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  /**\n   * After items have been loaded and rendered, the first row should be selected.\n   */\n  #evaluateFirstRowSelection = () => {\n    if (this.#loadItemsCallbackJustCalled) {\n      this.#chTabularGridObjectsEl.selectRow(this.#firstGridObjectId);\n    }\n    this.#loadItemsCallbackJustCalled = false;\n  };\n\n  #chGridKeyDownHandler = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      this.#confirmCallbackHandler(e);\n    }\n  };\n\n  #confirmCallbackHandler = (e: MouseEvent | KeyboardEvent): void => {\n    e.stopPropagation();\n    this.confirmCallback(this.selectedObjectsIds);\n  };\n\n  #editCallbackHandler = async (e: MouseEvent): Promise<void> => {\n    e.stopPropagation();\n    if (this.selectedObjectsIds[0]) {\n      const result = await this.editCallback(this.selectedObjectsIds[0]);\n      if (result) {\n        this.#refreshUIWithNewConfiguration();\n      }\n    }\n  };\n\n  #hostKeyPressHandler = (e: KeyboardEvent) => {\n    // TODO : revise why this is necessary\n    // just prevent keypress propagation\n    if (e.key === \"Enter\") {\n      e.stopPropagation();\n    }\n  };\n\n  #objectsSelectionChangedHandler = (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    this.selectedObjectsIds = event.detail.rowsId;\n  };\n\n  #newVariableCallbackHandler = async () => {\n    const response = await this.newVariableCallback();\n    if (response) {\n      this.#refreshUIWithNewConfiguration();\n    }\n  };\n  #refreshUIWithNewConfiguration = (): void => {\n    this.objects = [];\n    const filters: FiltersData = {\n      pattern: this.#filterPatternEl?.value,\n      object: this.#filterObjectEl?.value?.id\n    };\n    this.loading = true;\n    this.loadItemsCallback(filters).then((items: ItemData[]) => {\n      if (items.length) {\n        this.objects = this.#sortObjectsByName(items);\n        this.#firstGridObjectId = this.objects[0].id;\n        this.#loadItemsCallbackJustCalled = true;\n      }\n      this.selectedObjectsIds = [];\n      this.loading = false;\n    });\n  };\n\n  #renderFilter = (): Element[] => {\n    return [\n      <div class=\"header__field-group field-group\">\n        <div class=\"field field-block pattern-field\">\n          <label class=\"label\" htmlFor=\"filter-pattern\">\n            {this.#componentLocale.filter.pattern}\n          </label>\n          <ch-edit\n            autoFocus\n            id=\"filter-pattern\"\n            name=\"filter-pattern\"\n            class=\"input pattern-input\"\n            part=\"filter-pattern\"\n            debounce={config.inputDebounce}\n            onInput={this.#refreshUIWithNewConfiguration}\n            ref={(el: HTMLChEditElement) =>\n              (this.#filterPatternEl = el as HTMLChEditElement)\n            }\n          ></ch-edit>\n        </div>\n        <gx-ide-entity-selector\n          id=\"object-selector\"\n          value={this.defaultModule}\n          defaultValue={this.defaultModule}\n          selectEntityCallback={this.selectObjectCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.#filterObjectEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n          class=\"entity\"\n          onValueChanged={this.#refreshUIWithNewConfiguration}\n        ></gx-ide-entity-selector>\n      </div>\n    ];\n  };\n\n  #renderObjects = (): Element => {\n    const gridIsEmpty = !this.objects.length;\n    const displayLoader = this.loader && this.loading;\n    if (!gridIsEmpty || displayLoader) {\n      this.#animateEmptyState = true; // improve performance if is first render\n    }\n    return (\n      <ch-tabular-grid\n        class={{\n          \"tabular-grid\": true,\n          \"empty-result\": this.objects.length === 0,\n          \"data\": true\n        }}\n        rowSelectionMode={this.selectionType}\n        onKeyDown={this.#chGridKeyDownHandler}\n        part=\"ch-grid-objects\"\n        onSelectionChanged={\n          this.objects.length ? this.#objectsSelectionChangedHandler : undefined\n        }\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.#chTabularGridObjectsEl = el as HTMLChTabularGridElement)\n        }\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name-position=\"text\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.name}\n            column-name-position=\"text\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.common}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.dataType}\n            column-name-position=\"text\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.common}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.description}\n            column-name-position=\"text\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.common}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {!gridIsEmpty ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects.map((obj: ItemData) => (\n              <ch-tabular-grid-row\n                rowid={obj.id}\n                onDblClick={this.#confirmCallbackHandler}\n                class=\"tabular-grid-row\"\n              >\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  <ch-image\n                    src={\n                      obj.type === \"attribute\"\n                        ? \"objects/attribute\"\n                        : \"objects-parts/variables\"\n                    }\n                    class=\"icon-s\"\n                  ></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.dataType}\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-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              {displayLoader ? (\n                <gx-ide-loader\n                  loaderTitle={this.#componentLocale.loader.title}\n                  show\n                ></gx-ide-loader>\n              ) : (\n                <gx-ide-empty-state\n                  isAnimated={this.#animateEmptyState}\n                  stateIconSrc={FILTER_ICON}\n                  stateTitle={this.#componentLocale.emptyState.title}\n                ></gx-ide-empty-state>\n              )}\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid>\n    );\n  };\n\n  #renderEditButtons = (): JSX.Element | null => {\n    if (!this.editCallback && !this.newVariableCallback) {\n      return null;\n    }\n\n    const newVariableButtonEnabled = this.newVariableCallback && !this.loading;\n    const editButtonEnabled =\n      this.editCallback && !this.loading && this.selectedObjectsIds.length;\n\n    return (\n      <div class=\"buttons-spacer\">\n        {this.newVariableCallback ? (\n          <button\n            // New Variable Button\n            class=\"button-secondary\"\n            disabled={!newVariableButtonEnabled}\n            part=\"button button-new\"\n            type=\"button\"\n            onClick={this.#newVariableCallbackHandler}\n          >\n            {this.#componentLocale.footer.btnNew}\n          </button>\n        ) : (\n          []\n        )}\n        {this.editCallback ? (\n          <button\n            // Edit Button\n            class=\"button-secondary\"\n            disabled={!editButtonEnabled}\n            part=\"button button-edit\"\n            type=\"button\"\n            onClick={editButtonEnabled && this.#editCallbackHandler}\n          >\n            {this.#componentLocale.footer.btnEdit}\n          </button>\n        ) : (\n          []\n        )}\n      </div>\n    );\n  };\n\n  #sortObjectsByName = (objects: ItemData[]): ItemData[] =>\n    // TODO (make this a common helper function\n    // and use it in other dialog grids that\n    // require filter by name).\n    objects.sort((a, b) => {\n      const nameA = a.name.toLowerCase(),\n        nameB = b.name.toLowerCase();\n      if (nameA < nameB) {\n        return -1;\n      }\n      if (nameA > nameB) {\n        return 1;\n      }\n      return 0;\n    });\n\n  render() {\n    const okButtonEnabled = !this.loading;\n    const footerJustifySpaceBetween: boolean =\n      !!this.newVariableCallback || !!this.editCallback;\n\n    return (\n      <Host onKeyPress={this.#hostKeyPressHandler} class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"section\">\n          <header class=\"header dialog-header-with-border spacing-body-block-start spacing-body-inline\">\n            {this.#renderFilter()}\n          </header>\n          {this.#renderObjects()}\n          <footer\n            class={{\n              \"footer\": true,\n              \"dialog-footer-with-border\": true,\n              \"dialog-footer-space-between\": footerJustifySpaceBetween,\n              \"spacing-body-inline\": true,\n              \"spacing-body-block-end\": true\n            }}\n          >\n            {this.#renderEditButtons()}\n            <div class=\"buttons-spacer\">\n              <button\n                // Cancel Button\n                class=\"button-secondary\"\n                part=\"button button-cancel\"\n                type=\"button\"\n                onClick={this.cancelCallback}\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                // Confirm Button\n                class=\"button-primary\"\n                part=\"button button-ok\"\n                disabled={!okButtonEnabled}\n                type=\"button\"\n                onClick={okButtonEnabled && this.#confirmCallbackHandler}\n              >\n                {this.#componentLocale.footer.btnConfirm}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type NewVariableCallback = () => Promise<boolean> | undefined;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectObjectCallback = () => Promise<EntityData | undefined>;\n\nexport type EditCallback = (id: string) => Promise<boolean> | undefined;\n\nexport type ConfirmCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadItemsCallback = (filters: FiltersData) => Promise<ItemData[]>;\n\nexport type FiltersData = {\n  pattern?: string;\n  object?: string;\n};\n\nexport type ItemData = {\n  type: ItemType;\n  id: string;\n  name: string;\n  dataType: string;\n  description: string;\n};\n\nexport type ItemType = \"variable\" | \"attribute\";\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-734d5fa1.entry.js → p-e32f5b19.entry.js}

@@ -10,7 +10,7 @@ import "lit/directives/when.js";
 
 import "lit/directives/if-defined.js";
 
-const o = '/* - - - - - - - - - - - - - - - - -\nNew classes for Chameleon + Mercury\n- - - - - - - - - - - - - - - - - */\n:host {\n  display: grid;\n  block-size: 100%;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.gxi-hidden {\n  display: none !important;\n}\n\n.align-center {\n  display: flex;\n  align-items: center;\n}\n\n.align-end {\n  display: flex;\n  align-items: end;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/\n:host(.gx-ide-component) {\n  height: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */\n.gx-ide-main-wrapper {\n  color: var(--gx-ide-component-text-color);\n  font-weight: var(--font-style-regular);\n  font-size: var(--font-size-body-m);\n  font-family: var(--font-family-body);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n/* - - - - - - - - - - - - - - - - - -\nNew : For Mercury\n- - - - - - - - - - - - - - - - - - */\n.buttons-container {\n  display: flex;\n  gap: var(--spacing-gap-m);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nPill\n- - - - - - - - - - - - - - - - - - */\n.giu-static-pill-icon-and-text, .giu-static-pill {\n  background-color: var(--elevation-background-color, var(--color-accent-surface-elevation-1));\n  padding-inline: var(--spacing-padding-m);\n  color: var(--color-text-neutral-default);\n  font-size: var(--font-size-body-s);\n  line-height: var(--line-height-relaxed);\n  font-weight: var(--font-style-regular);\n  border-radius: 4px;\n  min-block-size: 25px;\n  display: inline-grid;\n  align-items: center;\n  pointer-events: none;\n}\n\n.giu-static-pill-icon-and-text {\n  display: inline-grid;\n  grid-auto-flow: column;\n  grid-auto-columns: max-content;\n  gap: var(--spacing-gap-m);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTab\n- - - - - - - - - - - - - - - - - - */\n.tab-full-width-buttons::part(tab-list block-start),\n.tab-full-width-buttons::part(tab-list block-end) {\n  grid-auto-columns: 1fr;\n}\n\n.tab-full-width-buttons::part(tab block-start) {\n  justify-content: center;\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTree\n- - - - - - - - - - - - - - - - - - */\n/* Now the tree-view warning icon, looks gray on disabled items. This is a workaround to change the color to the enabled color, until this is resolved on Mercury. The solution might be to add a colorType for warning, error or success, that is static, meanning, it looks alwaws as "enabled", even if it is disabled. */\n.tree-view::part(item__header) {\n  --icon__system_warning_warning--disabled: var(\n    --icon__system_warning_warning--enabled\n  );\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTabular Grid\n- - - - - - - - - - - - - - - - - - */\n.tabular-grid {\n  --focus-outline-width: 1px;\n}\n\n:host {\n  display: block;\n}\n\nsection {\n  border-top: 1px solid #ccc;\n  margin-top: 300px;\n  container-name: section;\n  container-type: inline-size;\n}\n\ngxg-combo-box {\n  opacity: 1;\n}\n\n@container section (width < 400px) {\n  gxg-combo-box {\n    opacity: 0.5;\n  }\n}';
+const o = '/* - - - - - - - - - - - - - - - - -\nNew classes for Chameleon + Mercury\n- - - - - - - - - - - - - - - - - */\n:host {\n  display: grid;\n  block-size: 100%;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.gxi-hidden {\n  display: none !important;\n}\n\n.align-center {\n  display: flex;\n  align-items: center;\n}\n\n.align-end {\n  display: flex;\n  align-items: end;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/\n:host(.gx-ide-component) {\n  height: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */\n.gx-ide-main-wrapper {\n  color: var(--gx-ide-component-text-color);\n  font-weight: var(--font-style-regular);\n  font-size: var(--font-size-body-m);\n  font-family: var(--font-family-body);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n/* - - - - - - - - - - - - - - - - - -\nNew : For Mercury\n- - - - - - - - - - - - - - - - - - */\n.buttons-container {\n  display: flex;\n  gap: var(--spacing-gap-m);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nPill\n- - - - - - - - - - - - - - - - - - */\n.giu-static-pill-icon-and-text, .giu-static-pill {\n  background-color: var(--elevation-background-color, var(--color-accent-surface-elevation-1));\n  padding-inline: var(--spacing-padding-m);\n  color: var(--color-text-neutral-default);\n  font-size: var(--font-size-body-s);\n  line-height: var(--line-height-relaxed);\n  font-weight: var(--font-style-regular);\n  border-radius: 4px;\n  min-block-size: 25px;\n  display: inline-grid;\n  align-items: center;\n  pointer-events: none;\n  inline-size: max-content;\n}\n\n.giu-static-pill-icon-and-text {\n  display: inline-grid;\n  grid-auto-flow: column;\n  grid-auto-columns: max-content;\n  gap: var(--spacing-gap-m);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTab\n- - - - - - - - - - - - - - - - - - */\n.tab-full-width-buttons::part(tab-list block-start),\n.tab-full-width-buttons::part(tab-list block-end) {\n  grid-auto-columns: 1fr;\n}\n\n.tab-full-width-buttons::part(tab block-start) {\n  justify-content: center;\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTree\n- - - - - - - - - - - - - - - - - - */\n/* Now the tree-view warning icon, looks gray on disabled items. This is a workaround to change the color to the enabled color, until this is resolved on Mercury. The solution might be to add a colorType for warning, error or success, that is static, meanning, it looks alwaws as "enabled", even if it is disabled. */\n.tree-view::part(item__header) {\n  --icon__system_warning_warning--disabled: var(\n    --icon__system_warning_warning--enabled\n  );\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTabular Grid\n- - - - - - - - - - - - - - - - - - */\n.tabular-grid {\n  --focus-outline-width: 1px;\n}\n\n:host {\n  display: block;\n}\n\nsection {\n  border-top: 1px solid #ccc;\n  margin-top: 300px;\n  container-name: section;\n  container-type: inline-size;\n}\n\ngxg-combo-box {\n  opacity: 1;\n}\n\n@container section (width < 400px) {\n  gxg-combo-box {\n    opacity: 0.5;\n  }\n}';
 
 const a = [ "resets/box-sizing", 
 // "utils/form",
@@ -56,4 +56,4 @@ const r = class {
 r.style = o;
 
 export { r as gx_ide_test };
-//# sourceMappingURL=p-734d5fa1.entry.js.map
+//# sourceMappingURL=p-e32f5b19.entry.js.map

package/dist/genexus-ide-ui/{p-af3cc463.entry.js → p-e3ff125f.entry.js}

@@ -4,7 +4,7 @@ import { c as n } from "./p-c5196b3b.js";
 
 import { L as s } from "./p-311eedf3.js";
 
-const o = ':host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:"label label label" "input cancel export";grid-gap:var(--spacing-gap-l)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}';
+const o = ':host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:"label label label" "input cancel export";grid-gap:var(--spacing-gap-l)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}';
 
 const l = class {
   constructor(i) {
@@ -105,4 +105,4 @@ const l = class {
 l.style = o;
 
 export { l as gx_ide_bpm_export_xpdl };
-//# sourceMappingURL=p-af3cc463.entry.js.map
+//# sourceMappingURL=p-e3ff125f.entry.js.map