@genexus/genexus-ide-ui 1.0.1 → 1.0.3

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

@@ -0,0 +1 @@
+{"version":3,"names":["commitCss","CSS_BUNDLES","GxIdeTeamDevCommit","this","loadDataCalledFirstTime","renderedFirstTime","conditionToCommit","async","commitComment","commitCommentEl","value","length","pendingChecked","chGridPendingCommitsEl","getMarkedRows","commitButtonEnabled","markAllPendingCommitsRows","markAllRows","togglePendingCommitsCheckboxes","itemsToToggle","itemsToCheck","itemsToUncheck","rowId","markRow","revertPendingCommitsCheckboxes","addedRowsIds","removedRowsId","renderIconState","state","icon","h","src","class","pendingCommitsRowMarkingChangedHandler","e","removeEventListener","detail","addedRowsId","pendingItemCheckedResult","pendingItemsCheckedCallback","itemsChecked","itemsUnchecked","undefined","addEventListener","objectsOnContextMenuCallbackHandler","grid","ev","preventDefault","stopPropagation","selection","selectedRowsId","chGridIgnoredObjectsEl","getSelectedRows","objectsContextMenuCallback","clientX","clientY","gridOnSelectionChangedCallbackHandler","selectCallback","rowsId","renderPendingCommitsGrid","rowSelectionMode","ref","el","part","onRowContextMenu","onSelectionChanged","columnType","richRowSelector","richRowSelectorMode","settingable","sortable","size","config","tabularGrid","colSize","maxContent","columnName","commonDouble","pendingCommits","map","obj","rowid","id","iconType","name","type","description","formatDate","modifiedOn","module","localState","lastSynchronized","user","renderIgnoredObjectsGrid","ignoredObjects","selected","getRecentCommentHandler","getRecentCommentCallback","response","comment","commitCallbackHandler","then","pendingCommitsCheckedIds","commitCallback","loadData","filtersData","pattern","patternEl","changeSet","changeSetEl","folder","foldersEl","category","categoriesEl","typesEl","evaluateFilterConditions","loadCallback","pending","ignored","toggleFiltersHandler","filtersHidden","filterHasConditions","componentWillLoad","_componentLocale","Locale","getComponentStrings","componentDidLoad","componentDidLoadEvent","emit","focus","componentDidRender","componentDidRenderFirstTime","componentName","reload","render","Host","model","noContentPadding","noHeadingPadding","headingPaddingTop","containerTitle","displayTitle","slimmerFooter","gxIdeContainer","noHeadingBorder","slot","labelPosition","noMargin","header","commentLabel","onClick","recentCommentsButton","height","singleLine","onInput","placeholder","commentPlaceholder","filtersMenu","patternLabel","changesetLabel","onValueChanged","renderComboItems","typeLabel","types","folderLabel","folders","categoryLabel","categories","displayBorder","tabs","tab","flex","disabled","footer","commitButton"],"sources":["src/components/team-dev/commit/commit.scss?tag=gx-ide-team-dev-commit&encapsulation=shadow","src/components/team-dev/commit/commit.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/mercury.scss\";\n\n:host {\n  display: block;\n}\n/*--- Header ---*/\n.header {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  display: flex;\n  flex-direction: column;\n  > * {\n    padding: var(--gx-ide-container__padding);\n  }\n  &__first-row {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: -3px;\n    .commit-label {\n      flex: none;\n    }\n    .commit-textarea {\n      flex: none;\n    }\n    &__right-col {\n      display: flex;\n      align-items: center;\n      gap: var(--gx-ide-grid-column-gap);\n    }\n  }\n  &__second-row {\n    padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n      var(--gx-ide-container__padding);\n  }\n  .filters-outer-wrapper {\n    display: grid;\n    padding: 0;\n    grid-template-rows: 1fr;\n    transition: grid-template-rows 200ms;\n    border-bottom: 1px solid var(--gx-ide-container-border-color);\n    &--hidden {\n      grid-template-rows: 0fr;\n    }\n  }\n  .filters-inner-wrapper {\n    overflow: hidden;\n  }\n  &__third-row {\n    padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n      var(--gx-ide-container__padding);\n    display: grid;\n    column-gap: var(--gx-ide-grid-column-gap);\n    row-gap: var(--gx-ide-grid-row-gap);\n    grid-template-columns: auto 1fr auto 1fr;\n    grid-template-areas:\n      \"pattern-label pattern-form-text pattern-form-text pattern-form-text\"\n      \"changeset-label changeset-combo type-label type-combo\"\n      \"folder-label folder-combo category-label category-combo\";\n\n    .pattern-label {\n      grid-area: pattern-label;\n    }\n    .pattern-form-text {\n      grid-area: pattern-form-text;\n    }\n    .changeset-label {\n      grid-area: changeset-label;\n    }\n    .changeset-combo {\n      grid-area: changeset-combo;\n    }\n    .type-label {\n      grid-area: type-label;\n    }\n    .type-combo {\n      grid-area: type-combo;\n    }\n    .folder-label {\n      grid-area: folder-label;\n    }\n    .folder-combo {\n      grid-area: folder-combo;\n    }\n    .category-label {\n      grid-area: category-label;\n    }\n    .category-combo {\n      grid-area: category-combo;\n    }\n  }\n}\n/*--- Main ---*/\n.main {\n  height: 100%;\n}\n.grid-container {\n  padding: 0;\n}\nch-grid {\n  height: auto;\n}\n\ngxg-tab::part(container) {\n  line-height: unset;\n}\n\n.tabular-grid {\n  block-size: 100%;\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-td-commit\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    6\n  )\n);\n\n/*--- WA to be removed after gx-ide-container is removed ---*/\ngx-ide-container::part(content) {\n  overflow: hidden;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport {\n  TabularGridMarkingChangedEvent,\n  TabularGridRowContextMenuEvent,\n  TabularGridSelectionChangedEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\nimport {\n  GxOption,\n  ObjectState,\n  ContextMenuInfo,\n  ObjectType,\n  ItemsCheckedState,\n  ItemsCheckedResult\n} from \"../../../common/types\";\nimport { renderComboItems } from \"../../../common/render-combo-items\";\nimport { formatDate } from \"../../../common/helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/edit\",\n  \"components/tabular-grid\"\n];\n@Component({\n  tag: \"gx-ide-team-dev-commit\",\n  styleUrl: \"commit.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-commit\"]\n})\nexport class GxIdeTeamDevCommit {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private loadDataCalledFirstTime = false; // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeTeamDevCommitElement;\n\n  // filters\n  private patternEl!: HTMLGxgFormTextElement;\n  private changeSetEl!: HTMLGxgComboBoxElement;\n  private typesEl!: HTMLGxgComboBoxElement;\n  private foldersEl!: HTMLGxgComboBoxElement;\n  private categoriesEl!: HTMLGxgComboBoxElement;\n  // other\n  private chGridPendingCommitsEl!: HTMLChGridElement;\n  private chGridIgnoredObjectsEl!: HTMLChGridElement;\n  private commitCommentEl!: HTMLGxgFormTextareaElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() filtersHidden = true;\n  @State() comment = \"\";\n  @State() pendingCommits: ModifiedObjectData[] = [];\n  @State() ignoredObjects: ModifiedObjectData[] = [];\n  @State() commitButtonEnabled = false;\n  @State() filterHasConditions = false;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Possible values for ChangeSet filter\n   */\n  @Prop() readonly changeSet: GxOption[];\n\n  /**\n   * Possible values for Type filter\n   */\n  @Prop() readonly types: ObjectType[];\n\n  /**\n   * Possible values for Folders filter\n   */\n  @Prop() readonly folders: GxOption[];\n\n  /**\n   * Possible values for Categories filter\n   */\n  @Prop() readonly categories: GxOption[];\n\n  /**\n   * Callback invoked when user press Recent Comments button.\n   */\n  @Prop() readonly getRecentCommentCallback: GetRecentComment;\n\n  /**\n   * Callback invoked when user wants to reload the grid\n   */\n  @Prop() readonly loadCallback: LoadCallback;\n\n  /**\n   * Callback invoked when user starts the commit process\n   */\n  @Prop() readonly commitCallback: CommitCallback;\n\n  /**\n   * Callback that should be invoked when the user selects rows from the grids\n   */\n  @Prop() readonly selectCallback: CommitSelectCallback;\n\n  /**\n   * Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid\n   */\n  @Prop() readonly pendingItemsCheckedCallback!: PendingItemsCheckedCallback;\n\n  /**\n   * Callback that must be invoked when user activate the context menu in any of the grids\n   */\n  @Prop() readonly objectsContextMenuCallback: ObjectsContextMenuCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  async componentDidLoad() {\n    await this.loadData();\n    this.loadDataCalledFirstTime = true;\n    this.componentDidLoadEvent.emit(true);\n    this.conditionToCommit();\n    this.commitCommentEl.focus();\n  }\n\n  async componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n\n    if (this.loadDataCalledFirstTime) {\n      // call this method only once\n      await this.markAllPendingCommitsRows();\n      // attach \"rowMarkingChanged\" after rows have been checked for the first time.\n      this.chGridPendingCommitsEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingCommitsRowMarkingChangedHandler\n      );\n      this.loadDataCalledFirstTime = false;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * The method used by the Host to instruct the component to force a data refresh in the grids.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    this.loadData();\n  }\n\n  // 9.LOCAL METHODS //\n\n  private conditionToCommit = async () => {\n    const commitComment = !!this.commitCommentEl.value.length;\n    const pendingChecked = await this.chGridPendingCommitsEl.getMarkedRows();\n    if (commitComment && pendingChecked.length > 0) {\n      this.commitButtonEnabled = true;\n    } else {\n      this.commitButtonEnabled = false;\n    }\n  };\n\n  private markAllPendingCommitsRows = () => {\n    this.chGridPendingCommitsEl.markAllRows();\n  };\n\n  private togglePendingCommitsCheckboxes = async (\n    itemsToToggle: ItemsCheckedResult\n  ) => {\n    if (this.chGridPendingCommitsEl) {\n      const itemsToCheck: string[] = itemsToToggle.itemsToCheck;\n      const itemsToUncheck: string[] = itemsToToggle.itemsToUncheck;\n      // check\n      for (const rowId of itemsToCheck) {\n        await this.chGridPendingCommitsEl.markRow(rowId, true);\n      }\n      // uncheck\n      for (const rowId of itemsToUncheck) {\n        await this.chGridPendingCommitsEl.markRow(rowId, false);\n      }\n    }\n  };\n\n  private revertPendingCommitsCheckboxes = async (\n    addedRowsIds: string[],\n    removedRowsId: string[]\n  ) => {\n    if (this.chGridPendingCommitsEl) {\n      for (const rowId of addedRowsIds) {\n        await this.chGridPendingCommitsEl.markRow(rowId, false);\n      }\n      for (const rowId of removedRowsId) {\n        await this.chGridPendingCommitsEl.markRow(rowId, true);\n      }\n    }\n  };\n\n  private renderIconState = (state: ObjectState): HTMLChImageElement => {\n    let icon: string;\n    switch (state) {\n      case \"inserted\":\n        icon = \"gx-server/new\";\n        break;\n      case \"modified\":\n        icon = \"gx-server/changes-commit-pending\";\n        break;\n      case \"deleted\":\n        icon = \"gx-server/delete\";\n        break;\n      case \"conflicted\":\n        icon = \"gx-server/conflict\";\n        break;\n    }\n    return <ch-image src={icon} class=\"icon-md\"></ch-image>;\n  };\n\n  private pendingCommitsRowMarkingChangedHandler = async (\n    e: CustomEvent<TabularGridMarkingChangedEvent>\n  ): Promise<void> => {\n    // remove \"rowMarkingChanged\" until checkboxes have been added/removed on togglePendingCommitsCheckboxes, to prevent loops.\n    this.chGridPendingCommitsEl.removeEventListener(\n      \"rowMarkingChanged\",\n      this.pendingCommitsRowMarkingChangedHandler\n    );\n    if (this.chGridPendingCommitsEl) {\n      const addedRowsIds = e.detail.addedRowsId;\n      const removedRowsId = e.detail.removedRowsId;\n      const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({\n        itemsChecked: addedRowsIds,\n        itemsUnchecked: removedRowsId\n      });\n      if (pendingItemCheckedResult === undefined) {\n        // undo check/uncheck\n        await this.revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);\n      } else {\n        await this.togglePendingCommitsCheckboxes(pendingItemCheckedResult);\n      }\n      this.conditionToCommit();\n      this.chGridPendingCommitsEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingCommitsRowMarkingChangedHandler\n      );\n    }\n  };\n\n  private objectsOnContextMenuCallbackHandler =\n    (grid: CommitSourceType) =>\n    async (ev: CustomEvent<TabularGridRowContextMenuEvent>) => {\n      ev.preventDefault();\n      ev.stopPropagation();\n      let selection: string[] = [];\n      if (grid === \"commit\") {\n        selection = ev.detail.selectedRowsId;\n      } else if (grid === \"ignored\") {\n        selection = await this.chGridIgnoredObjectsEl.getSelectedRows();\n      }\n      if (this.objectsContextMenuCallback) {\n        await this.objectsContextMenuCallback(grid, {\n          selection: selection,\n          clientX: ev.detail.clientX,\n          clientY: ev.detail.clientY\n        });\n      }\n    };\n\n  private gridOnSelectionChangedCallbackHandler =\n    (grid: CommitSourceType) =>\n    async (ev: CustomEvent<TabularGridSelectionChangedEvent>) => {\n      if (this.selectCallback) {\n        await this.selectCallback(grid, ev.detail.rowsId);\n      }\n    };\n\n  /* pending commits grid render*/\n  private renderPendingCommitsGrid = (): Element => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid tabular-grid-td-commit\"\n        rowSelectionMode=\"multiple\"\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.chGridPendingCommitsEl = el)\n        }\n        part=\"ch-grid-pending-commits\"\n        onRowContextMenu={this.objectsOnContextMenuCallbackHandler(\"commit\")}\n        onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n          \"commit\"\n        )}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnType=\"rich\"\n            richRowSelector\n            richRowSelectorMode=\"mark\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"State\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            sortable\n            columnName=\"Name\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            sortable\n            columnName=\"Type\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Description\"\n            settingable={false}\n            size={config.tabularGrid.colSize.commonDouble}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            sortable\n            columnName=\"Modified On\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Module\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Local State\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Last Synchronized\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            sortable\n            columnName=\"User\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.pendingCommits.map((obj: ModifiedObjectData) => (\n          <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n            <ch-tabular-grid-cell\n              cell-type=\"rich\"\n              row-selector\n              class=\"tabular-grid-cell\"\n            ></ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.renderIconState(obj.state)}\n            </ch-tabular-grid-cell>\n\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.iconType} class=\"icon-md\"></ch-image>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.name}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.type}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.description}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${formatDate(obj.modifiedOn)}`}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.module}\n            </ch-tabular-grid-cell>\n\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.localState}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${formatDate(obj.lastSynchronized)}`}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.user}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  /* ignored objects grid render*/\n  private renderIgnoredObjectsGrid = (): Element => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid\"\n        rowSelectionMode=\"multiple\"\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.chGridIgnoredObjectsEl = el)\n        }\n        part=\"ch-grid-pending-commits\"\n        onRowContextMenu={this.objectsOnContextMenuCallbackHandler(\"ignored\")}\n        onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n          \"ignored\"\n        )}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"TypeIcon\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Name\"\n            settingable={false}\n            sortable\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Type\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Description\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Modified On\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Module\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Local State\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"Last Synchronized\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName=\"User\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.ignoredObjects.map((obj: ModifiedObjectData) => (\n          <ch-tabular-grid-row rowid={obj.id} selected class=\"tabular-grid-row\">\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.renderIconState(obj.state)}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.iconType} class=\"icon-md\"></ch-image>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.name}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.type}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.description}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${formatDate(obj.modifiedOn)}`}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.module}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.localState}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${formatDate(obj.lastSynchronized)}`}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.user}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private getRecentCommentHandler = async () => {\n    if (this.getRecentCommentCallback) {\n      const response = await this.getRecentCommentCallback();\n      if (response) {\n        this.comment = response;\n      }\n    }\n  };\n\n  private commitCallbackHandler = async () => {\n    const commitCommentEl = this.commitCommentEl.value;\n    this.chGridPendingCommitsEl\n      .getMarkedRows()\n      .then(async pendingCommitsCheckedIds => {\n        await this.commitCallback(pendingCommitsCheckedIds, commitCommentEl);\n        /* returns boolean*/\n      });\n  };\n\n  private loadData = async (): Promise<void> => {\n    const filtersData: FiltersData = {\n      pattern: this.patternEl.value,\n      changeSet: this.changeSetEl.value,\n      folder: this.foldersEl.value,\n      category: this.categoriesEl.value,\n      type: this.typesEl.value\n    };\n\n    this.evaluateFilterConditions();\n\n    // this.pendingCommits = null;\n    // this.ignoredObjects = null;\n\n    return await this.loadCallback(filtersData).then(\n      async ({ pending, ignored }) => {\n        this.pendingCommits = pending;\n        this.ignoredObjects = ignored;\n      }\n    );\n  };\n\n  private toggleFiltersHandler = () => {\n    this.filtersHidden = !this.filtersHidden;\n  };\n\n  private evaluateFilterConditions = () => {\n    if (\n      this.patternEl.value ||\n      this.changeSetEl.value ||\n      this.typesEl.value ||\n      this.foldersEl.value ||\n      this.categoriesEl.value\n    ) {\n      this.filterHasConditions = true;\n    } else {\n      this.filterHasConditions = false;\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noHeadingPadding\n            headingPaddingTop\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            noHeadingBorder\n          >\n            <div class=\"header\" slot=\"header\">\n              <div class=\"header__first-row\">\n                <div class=\"header__first-row__left-col\">\n                  <gxg-label\n                    part=\"commit-label\"\n                    labelPosition=\"start\"\n                    class=\"commit-label\"\n                    noMargin\n                  >\n                    {this._componentLocale.header.commentLabel}\n                  </gxg-label>\n                </div>\n                <div class=\"header__first-row__right-col\">\n                  {/* filter button*/}\n                  <gxg-button\n                    onClick={this.toggleFiltersHandler}\n                    type=\"secondary-icon-only\"\n                    icon={\n                      this.filterHasConditions\n                        ? \"window-tools/filter-conditions\"\n                        : \"window-tools/filter\"\n                    }\n                    part=\"gxg-button gxg-button--show-filter\"\n                    class=\"filter-btn\"\n                  ></gxg-button>\n\n                  {/* reset button*/}\n                  <gxg-button\n                    type=\"secondary-icon-only\"\n                    icon=\"gemini-tools/reset\"\n                    onClick={this.loadData}\n                    part=\"gxg-button gxg-button--reload\"\n                    class=\"reset-btn\"\n                  ></gxg-button>\n\n                  {/* recen comments button*/}\n                  <gxg-button\n                    class=\"header-button\"\n                    type=\"outlined\"\n                    part=\"location\"\n                    onClick={this.getRecentCommentHandler}\n                  >\n                    {this._componentLocale.header.recentCommentsButton}\n                  </gxg-button>\n                </div>\n              </div>\n              <div class=\"header__second-row\">\n                {/* commit comment textarea*/}\n                <gxg-form-textarea\n                  height=\"90px\"\n                  value={this.comment}\n                  ref={(el: HTMLGxgFormTextareaElement) =>\n                    (this.commitCommentEl = el)\n                  }\n                  singleLine\n                  onInput={this.conditionToCommit}\n                  placeholder={this._componentLocale.header.commentPlaceholder}\n                  part=\"comment\"\n                  class=\"commit-textarea\"\n                ></gxg-form-textarea>\n              </div>\n              <div\n                class={{\n                  \"filters-outer-wrapper\": true,\n                  \"filters-outer-wrapper--hidden\": this.filtersHidden\n                }}\n              >\n                <div\n                  class={{\n                    \"filters-inner-wrapper\": true\n                  }}\n                >\n                  <div\n                    class={{\n                      \"header__third-row\": true\n                    }}\n                  >\n                    {/* pattern*/}\n                    <gxg-label\n                      part=\"pattern-label\"\n                      labelPosition=\"start\"\n                      class=\"pattern-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.patternLabel}\n                    </gxg-label>\n                    <gxg-form-text\n                      disable-filter\n                      value=\"\"\n                      ref={(el: HTMLGxgFormTextElement) =>\n                        (this.patternEl = el as HTMLGxgFormTextElement)\n                      }\n                      display-validation-styles\n                      display-validation-message\n                      part=\"pattern-form-text\"\n                      class=\"pattern-form-text\"\n                      onInput={this.loadData}\n                    ></gxg-form-text>\n\n                    {/* changeset */}\n                    <gxg-label\n                      part=\"changeset-label\"\n                      labelPosition=\"start\"\n                      class=\"changeset-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.changesetLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      value={this.changeSet[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.changeSetEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"changeset-combo\"\n                      class=\"changeset-combo\"\n                      display-validation-styles\n                      display-validation-message\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.changeSet)}\n                    </gxg-combo-box>\n\n                    {/* type */}\n                    <gxg-label\n                      part=\"type-label\"\n                      labelPosition=\"start\"\n                      class=\"type-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.typeLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      labelPosition=\"start\"\n                      value={this.types[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.typesEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"type-combo\"\n                      class=\"type-combo\"\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.types)}\n                    </gxg-combo-box>\n\n                    {/* folder */}\n                    <gxg-label\n                      part=\"folder-label\"\n                      labelPosition=\"start\"\n                      class=\"folder-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.folderLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      value={this.folders[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.foldersEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"folder-combo\"\n                      display-validation-styles\n                      display-validation-message\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.folders)}\n                    </gxg-combo-box>\n\n                    {/* category */}\n                    <gxg-label\n                      part=\"category-label\"\n                      labelPosition=\"start\"\n                      class=\"category-label\"\n                      noMargin\n                    >\n                      {this._componentLocale.filtersMenu.categoryLabel}\n                    </gxg-label>\n                    <gxg-combo-box\n                      value={this.categories[0][\"id\"]}\n                      ref={(el: HTMLGxgComboBoxElement) =>\n                        (this.categoriesEl = el as HTMLGxgComboBoxElement)\n                      }\n                      part=\"category-combo\"\n                      class=\"category-combo\"\n                      onValueChanged={this.loadData}\n                    >\n                      {renderComboItems(this.categories)}\n                    </gxg-combo-box>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <main class=\"main\">\n              <gx-ide-container noContentPadding class=\"grid-container\">\n                <div class=\"tabs-container gxi-full-height\">\n                  <gxg-tabs class=\"gxg-tabs\">\n                    <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n                      <gxg-tab-button\n                        slot=\"tab-bar\"\n                        tab-label={`${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`}\n                        tab=\"pending-commits\"\n                        is-selected\n                      ></gxg-tab-button>\n                      <gxg-tab-button\n                        slot=\"tab-bar\"\n                        tab-label={`${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`}\n                        tab=\"ignored-objects\"\n                      ></gxg-tab-button>\n                    </gxg-tab-bar>\n                    <gxg-tab tab=\"pending-commits\" no-padding flex>\n                      {this.renderPendingCommitsGrid()}\n                    </gxg-tab>\n                    <gxg-tab tab=\"ignored-objects\" no-padding flex>\n                      {this.renderIgnoredObjectsGrid()}\n                    </gxg-tab>\n                  </gxg-tabs>\n                </div>\n              </gx-ide-container>\n            </main>\n\n            {/* footer */}\n            <gxg-button\n              slot=\"footer-end\"\n              type=\"primary-text-only\"\n              onClick={this.commitCallbackHandler}\n              part=\"commit-button\"\n              disabled={!this.commitButtonEnabled}\n            >\n              {this._componentLocale.footer.commitButton}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type GetRecentComment = () => Promise<string | undefined>;\n\nexport type LoadCallback = (filters: FiltersData) => Promise<CommitData>;\n\nexport type CommitCallback = (\n  selection: string[],\n  commitCommentEl: string\n) => Promise<boolean>;\n\nexport type PendingItemsCheckedCallback = (\n  pendingItemsCheckedState: ItemsCheckedState\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type CommitSelectCallback = (\n  grid: CommitSourceType,\n  selectionIds: string[]\n) => Promise<void>;\n\nexport type ItemCheckedCallback = (\n  checkedItemIds: string[]\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type ObjectsContextMenuCallback = (\n  grid: CommitSourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type CommitSourceType = \"commit\" | \"ignored\";\n\nexport type CommitData = {\n  pending: ModifiedObjectData[];\n  ignored: ModifiedObjectData[];\n};\n\nexport type ModifiedObjectData = {\n  id: string;\n  name: string;\n  iconType: string;\n  state: ObjectState;\n  type: string;\n  description: string;\n  modifiedOn: Date;\n  module: string;\n  localState: ObjectState;\n  lastSynchronized: Date;\n  user: string;\n};\n\nexport type FiltersData = {\n  pattern: string;\n  changeSet: string;\n  type: string;\n  folder: string;\n  category: string;\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-dc02927a.entry.js → p-0be068bf.entry.js}

@@ -1,14 +1,12 @@
-import { r as t, c as r, a, h as e, H as o, g as i } from "./p-c147291f.js";
+import { r as t, c as r, a, h as e, H as o, g as i } from "./p-aaed592c.js";
 
 import { L as s } from "./p-74d59062.js";
 
-import { c as l } from "./p-9c1b4eb9.js";
+import { c as l } from "./p-8cf892b5.js";
 
-import { r as n } from "./p-5bf67436.js";
+import { r as n } from "./p-e8bdf9dc.js";
 
-import { r as c } from "./p-309544a8.js";
-
-import { g } from "./p-720702e4.js";
+import { r as c } from "./p-07b9c2d4.js";
 
 /* References Types*/
 /**
@@ -36,9 +34,9 @@ import { g } from "./p-720702e4.js";
   return r;
 };
 
-const d = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}:host{display:block;}:host .header{display:flex;flex-direction:column;gap:var(--gx-ide-grid-row-gap)}:host .header__first-row{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}:host .header__first-row .application-suggest{flex:1}:host .data-mappings{display:grid}:host .row-button{display:flex;align-items:center}.tabular-grid-application-declaration ch-tabular-grid-cell:is(:nth-child(2)){--control__border-width:0;--control__border-color:transparent;--control__border-radius:0;padding-block:0;padding-inline:0;--control__padding-inline:var(--grid-cell__padding-inline);display:grid;align-items:stretch;justify-content:stretch}.tabular-grid-application-declaration ch-tabular-grid-cell:is(:nth-child(2)):hover{outline:var(--focus__outline-width) var(--focus__outline-style) var(--control__border-color--hover);outline-offset:var(--focus__outline-offset)}gx-ide-container::part(content){display:grid}gxg-combo-box::part(input-input){border:none;background-color:transparent;top:2px}.tabular-grid-cell:nth-child(2){padding:0 !important;display:grid;align-items:stretch;justify-content:stretch;--ds-focus-border-width:none}.tabular-grid-cell:nth-child(3){padding:0 !important;align-items:center !important;justify-content:center !important}.tabular-grid{overflow:auto}";
+const g = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block;}:host .header{display:flex;flex-direction:column;gap:var(--gx-ide-grid-row-gap)}:host .header__first-row{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}:host .header__first-row .application-suggest{flex:1}:host .data-mappings{display:grid}:host .row-button{display:flex;align-items:center}.tabular-grid-application-declaration ch-tabular-grid-cell:is(:nth-child(2)){--control__border-width:0;--control__border-color:transparent;--control__border-radius:0;padding-block:0;padding-inline:0;--control__padding-inline:var(--grid-cell__padding-inline);display:grid;align-items:stretch;justify-content:stretch}.tabular-grid-application-declaration ch-tabular-grid-cell:is(:nth-child(2)):hover{outline:var(--focus__outline-width) var(--focus__outline-style) var(--control__border-color--hover);outline-offset:var(--focus__outline-offset)}gx-ide-container::part(content){display:grid}gxg-combo-box::part(input-input){border:none;background-color:transparent;top:2px}.tabular-grid-cell:nth-child(2){padding:0 !important;display:grid;align-items:stretch;justify-content:stretch;--ds-focus-border-width:none}.tabular-grid-cell:nth-child(3){padding:0 !important;align-items:center !important;justify-content:center !important}.tabular-grid{overflow:auto}";
 
-const f = [ "resets/box-sizing", 
+const d = [ "resets/box-sizing", 
 // "utils/form",
 // "utils/layout",
 // "utils/typography",
@@ -47,7 +45,7 @@ const f = [ "resets/box-sizing",
 // "components/edit",
 "components/tabular-grid" ];
 
-const b = class {
+const f = class {
   constructor(o) {
     t(this, o);
     this.componentDidRenderFirstTime = r(this, "componentDidRenderFirstTime", 7);
@@ -133,18 +131,18 @@ const b = class {
         class: "tabular-grid-column",
         columnName: ((t = this.application.application) === null || t === void 0 ? void 0 : t.typeIcon) === "objects/transaction" ? this._componentLocale.dataMappings.firstColName : this._componentLocale.dataMappings.firstColNameParameter,
         settingable: false,
-        size: g.colSize.common
+        size: l.tabularGrid.colSize.common
       }), e("ch-tabular-grid-column", {
         class: "tabular-grid-column",
         columnName: this._componentLocale.dataMappings.secondColName,
         settingable: false,
         sortable: false,
-        size: g.colSize.common
+        size: l.tabularGrid.colSize.common
       }), e("ch-tabular-grid-column", {
         class: "tabular-grid-column",
         settingable: false,
         sortable: false,
-        size: g.colSize.auto
+        size: l.tabularGrid.colSize.auto
       })), this.application.mappings.map(((t, r) => {
         var a;
         return e("ch-tabular-grid-row", {
@@ -203,7 +201,7 @@ const b = class {
     return e(o, {
       class: "gx-ide-component"
     }, e("ch-theme", {
-      model: f
+      model: d
     }), e("div", {
       class: "gx-ide-main-wrapper"
     }, e("gx-ide-container", {
@@ -266,7 +264,7 @@ const b = class {
   }
 };
 
-b.style = d;
+f.style = g;
 
-export { b as gx_ide_bpm_app_declaration };
-//# sourceMappingURL=p-dc02927a.entry.js.map
+export { f as gx_ide_bpm_app_declaration };
+//# sourceMappingURL=p-0be068bf.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["convertSuggestedApplicationsToSuggestItems","suggestedApplications","suggestData","suggestItems","suggestLists","length","suggestList","label","items","forEach","suggestedApplication","suggestItem","value","description","icon","push","bpmAppDeclarationCss","CSS_BUNDLES","GxIdeBpmAppDeclaration","this","renderedFirstTime","shortcutsSrc","getAssetPath","listenApplicationSelected","async","applicationSuggestEl","addEventListener","e","getDataMappingCallbackHandler","detail","applicationSuggestValueChangedHandler","suggestApplicationsCallback","then","result","catch","applicationName","application","getDataMappingCallback","selectApplicationCallbackHandler","callbackResult","selectApplicationCallback","confirmCallbackHandler","confirmCallback","cancelCallbackHandler","cancelCallback","selectMappingCallbackHandler","parameter","selectMappingCallback","newRelevantData","dataIndex","applicationState","mappings","findIndex","mapping","found","relevantDataOptions","find","option","relevantData","Object","assign","dataOptionsToComboItems","gxOptions","id","_componentLocale","dataMappings","emptyOption","relevantOption","gxOption","clearApplicationHandler","undefined","renderDataMappingsGrid","h","class","part","columnName","_a","typeIcon","firstColName","firstColNameParameter","settingable","size","config","tabularGrid","colSize","common","secondColName","sortable","auto","map","obj","index","rowId","access","disableFilter","renderComboItems","type","onClick","watchApplicationHandler","newApplication","componentWillLoad","Locale","getComponentStrings","el","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","Host","model","noContentPadding","noAboveFooterPadding","noHeadingBorder","slimmerFooter","gxIdeContainer","containerTitle","displayTitle","slot","name","onValueChanged","ref","renderSuggestLists","title","buttons","cancelButton","confirmButton","src"],"sources":["src/components/bpm/application-declaration/helpers.ts","src/components/bpm/application-declaration/bpm-app-declaration.scss?tag=gx-ide-bpm-app-declaration&encapsulation=shadow","src/components/bpm/application-declaration/bpm-app-declaration.tsx"],"sourcesContent":["/* Ch Suggest*/\nimport { SuggestItemData } from \"@genexus/chameleon-controls-library/dist/types/deprecated-components/suggest/suggest-list-item/ch-suggest-list-item\";\nimport { SuggestListData } from \"@genexus/chameleon-controls-library/dist/types/deprecated-components/suggest/suggest-list/ch-suggest-list\";\nimport { SuggestData } from \"@genexus/chameleon-controls-library/dist/types/deprecated-components/suggest/ch-suggest\";\n\n/* References Types*/\n\n/**\n * @description This function converts string[] to SuggestItemData[]\n */\nexport const convertSuggestedApplicationsToSuggestItems = (\n  suggestedApplications: string[]\n): SuggestData => {\n  const suggestData: SuggestData = {\n    suggestItems: null,\n    suggestLists: []\n  };\n  if (suggestedApplications.length) {\n    const suggestList: SuggestListData = {\n      label: \"Applications\",\n      items: []\n    };\n    suggestedApplications.forEach((suggestedApplication: string) => {\n      const suggestItem: SuggestItemData = {\n        value: suggestedApplication,\n        description: null,\n        icon: null\n      };\n      suggestList.items.push(suggestItem);\n    });\n    suggestData.suggestLists.push(suggestList);\n  }\n  return suggestData;\n};\n","@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/mercury.scss\";\n\n:host {\n  display: block;\n  .header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--gx-ide-grid-row-gap);\n    &__first-row {\n      display: flex;\n      flex-direction: row;\n      gap: var(--gx-ide-grid-column-gap);\n      .application-suggest {\n        flex: 1;\n      }\n    }\n  }\n  /*data mappings*/\n  .data-mappings {\n    display: grid;\n  }\n  .row-button {\n    display: flex;\n    align-items: center;\n  }\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-application-declaration\",\n  $tabular-grid-cell-node-type: \"element\",\n  $tabular-grid-affected-columns-nth-list: (\n    2\n  )\n);\n\n// temporary styles until que update controls with chameleon + mercury:\n\ngx-ide-container::part(content) {\n  display: grid;\n}\n\ngxg-combo-box::part(input-input) {\n  border: none;\n  background-color: transparent;\n  top: 2px;\n}\n\n// WA\n.tabular-grid-cell:nth-child(2) {\n  padding: 0 !important;\n  display: grid;\n  align-items: stretch;\n  justify-content: stretch;\n  --ds-focus-border-width: none;\n}\n.tabular-grid-cell:nth-child(3) {\n  padding: 0 !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n.tabular-grid {\n  overflow: auto;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  Watch,\n  getAssetPath\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { MercuryBundles } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\nimport { SuggestData } from \"@genexus/chameleon-controls-library/dist/types/deprecated-components/suggest/ch-suggest\";\nimport { renderSuggestLists } from \"../../../common/render-suggest\";\nimport { renderComboItems } from \"../../../common/render-combo-items\";\nimport { convertSuggestedApplicationsToSuggestItems } from \"./helpers\";\nimport { GxOption } from \"../../../common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  // \"utils/form\",\n  // \"utils/layout\",\n  // \"utils/typography\",\n  // \"components/button\",\n  // \"components/checkbox\",\n  // \"components/edit\",\n  \"components/tabular-grid\"\n];\n\n@Component({\n  tag: \"gx-ide-bpm-app-declaration\",\n  styleUrl: \"bpm-app-declaration.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-app-declaration\"]\n})\nexport class GxIdeBpmAppDeclaration {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/bpm-app-declaration/shortcuts.json`\n  );\n\n  /**\n   * The state of the actual application. Used to add a new 'Relevant data' option on 'selectMappingCallback', and update the application with the new option\n   */\n  private applicationState: ApplicationDeclarationData;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeBpmAppDeclarationElement;\n  private applicationSuggestEl: HTMLChSuggestElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Possible suggestions for the applications\n   */\n  @State() suggestedApplications: SuggestData;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Current application value\n   */\n  @Prop({ mutable: true }) application: ApplicationDeclarationData;\n\n  @Watch(\"application\")\n  watchApplicationHandler(newApplication: ApplicationDeclarationData) {\n    this.applicationState = newApplication;\n  }\n\n  /**\n   * Callback invoked to get options for application input suggest\n   */\n  @Prop() readonly suggestApplicationsCallback: SuggestApplicationsCallback;\n\n  /**\n   * Callback invoked to get access to selection application dialog\n   */\n  @Prop() readonly selectApplicationCallback: SelectApplicationCallback;\n\n  /**\n   * Callback invoked when user press mapping auto-def button\n   */\n  @Prop() readonly selectMappingCallback: SelectMappingCallback;\n\n  /**\n   * Callback invoked when user confirms application declaration\n   */\n  @Prop() readonly confirmCallback: ConfirmCallback;\n\n  /**\n   * Callback invoked when user cancels application declaration\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when user select one of the options provided by the suggest\n   */\n  @Prop() readonly getDataMappingCallback: GetDataMappingCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.applicationState = this.application;\n  }\n\n  async componentDidLoad() {\n    /*  this.applicationSuggestValueChangedHandler(this.applicationText); */\n    this.listenApplicationSelected();\n    this.applicationSuggestEl.focus();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private listenApplicationSelected = async () => {\n    this.applicationSuggestEl.addEventListener(\"itemSelected\", (e: any) => {\n      this.getDataMappingCallbackHandler(e.detail.value);\n    });\n  };\n\n  private applicationSuggestValueChangedHandler = async (\n    e: CustomEvent<string>\n  ) => {\n    const value = e.detail;\n    this.suggestApplicationsCallback(value)\n      .then(result => {\n        this.suggestedApplications =\n          convertSuggestedApplicationsToSuggestItems(result);\n      })\n      .catch(() => {\n        // to do\n      });\n  };\n\n  private getDataMappingCallbackHandler = async (applicationName: string) => {\n    this.application = await this.getDataMappingCallback(applicationName);\n  };\n\n  private selectApplicationCallbackHandler = async () => {\n    const callbackResult = await this.selectApplicationCallback();\n    if (callbackResult) {\n      this.application = callbackResult;\n    }\n  };\n\n  private confirmCallbackHandler = async () => {\n    await this.confirmCallback(this.application);\n  };\n\n  private cancelCallbackHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  private selectMappingCallbackHandler = (parameter: string) => async () => {\n    if (this.selectMappingCallback) {\n      const newRelevantData = await this.selectMappingCallback(parameter);\n      if (newRelevantData) {\n        // update actual application with new relevant data option\n        // first find mapping index\n        const dataIndex: number = this.applicationState.mappings.findIndex(\n          mapping => {\n            return mapping.parameter === parameter;\n          }\n        );\n        if (dataIndex !== -1) {\n          // new relevant data could be new, or already existent.\n          const found = this.applicationState.mappings[\n            dataIndex\n          ].relevantDataOptions.find(option => {\n            return option === newRelevantData;\n          });\n          if (!found) {\n            // new. add.\n            this.applicationState.mappings[dataIndex].relevantDataOptions.push(\n              newRelevantData\n            );\n          }\n          // always set this data as selected\n          this.applicationState.mappings[dataIndex].relevantData =\n            newRelevantData;\n          // update\n          this.application = { ...this.applicationState };\n        }\n      }\n    }\n  };\n\n  private dataOptionsToComboItems = (\n    relevantDataOptions: string[]\n  ): GxOption[] => {\n    const gxOptions: GxOption[] = [\n      { id: this._componentLocale.dataMappings.emptyOption }\n    ];\n    relevantDataOptions.forEach(relevantOption => {\n      const gxOption: GxOption = { id: relevantOption };\n      gxOptions.push(gxOption);\n    });\n    return gxOptions;\n  };\n\n  private clearApplicationHandler = () => {\n    this.application = {\n      application: undefined,\n      mappings: []\n    };\n  };\n\n  private renderDataMappingsGrid = (): Element => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid tabular-grid-application-declaration\"\n        part=\"ch-grid-data-mappings\"\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName={\n              this.application.application?.typeIcon === \"objects/transaction\"\n                ? this._componentLocale.dataMappings.firstColName\n                : this._componentLocale.dataMappings.firstColNameParameter\n            }\n            settingable={false}\n            size={config.tabularGrid.colSize.common}\n          ></ch-tabular-grid-column>\n\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnName={this._componentLocale.dataMappings.secondColName}\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.common}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.auto}\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.application.mappings.map((obj: DataMappingData, index) => (\n          <ch-tabular-grid-row\n            class=\"tabular-grid-row\"\n            rowId={index + obj.parameter}\n          >\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${obj.access}: ${obj.parameter}`}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <gxg-combo-box disableFilter value={obj.relevantData}>\n                {renderComboItems(\n                  this.dataOptionsToComboItems(obj.relevantDataOptions) ?? []\n                )}\n              </gxg-combo-box>\n              {/* <div class=\"row-button\">{obj.relevantData}</div> */}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <gxg-button\n                data-index={index}\n                type=\"secondary-icon-only\"\n                icon=\"gemini-tools/add\"\n                onClick={this.selectMappingCallbackHandler(obj.parameter)}\n                class=\"select-mapping-callback-button\"\n              ></gxg-button>\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noAboveFooterPadding\n            noHeadingBorder\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            <header slot=\"header\" class=\"header\">\n              <div class=\"header__first-row\">\n                <gxg-suggest class=\"application-suggest\">\n                  <ch-suggest\n                    value={this.application.application?.name || null}\n                    onValueChanged={this.applicationSuggestValueChangedHandler}\n                    ref={el =>\n                      (this.applicationSuggestEl = el as HTMLChSuggestElement)\n                    }\n                    part=\"application-suggest\"\n                  >\n                    {renderSuggestLists(this.suggestedApplications)}\n                  </ch-suggest>\n                </gxg-suggest>\n                <gxg-button\n                  type=\"secondary-icon-only\"\n                  icon=\"gemini-tools/show-more-horizontal\"\n                  onClick={this.selectApplicationCallbackHandler}\n                  class=\"selector-dialog-button\"\n                  part=\"open-selector-dialog-button\"\n                ></gxg-button>\n                <gxg-button\n                  type=\"outlined\"\n                  part=\"clear-application-button\"\n                  onClick={this.clearApplicationHandler}\n                >\n                  Clear\n                </gxg-button>\n              </div>\n              <div class=\"header__second-row\">\n                <gx-ide-title type=\"secondary\">\n                  {this._componentLocale.dataMappings.title}\n                </gx-ide-title>\n              </div>\n            </header>\n\n            {this.renderDataMappingsGrid()}\n            <gxg-button\n              type=\"secondary-text-only\"\n              slot=\"footer-end\"\n              onClick={this.cancelCallbackHandler}\n              part=\"cancel-button\"\n            >\n              {this._componentLocale.buttons.cancelButton}\n            </gxg-button>\n            <gxg-button\n              type=\"primary-text-only\"\n              slot=\"footer-end\"\n              icon=\"general/datastore\"\n              onClick={this.confirmCallbackHandler}\n              part=\"confirm-button\"\n            >\n              {this._componentLocale.buttons.confirmButton}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts src={this.shortcutsSrc}></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type ApplicationDeclarationData = {\n  application?: ApplicationData;\n  mappings: DataMappingData[];\n};\nexport type ApplicationData = {\n  name: string;\n  typeIcon: string;\n};\n\nexport type DataMappingData = {\n  parameter: string;\n  access: \"in\" | \"out\" | \"in-out\";\n  relevantDataOptions: string[];\n  relevantData?: string;\n};\n\nexport type SuggestApplicationsCallback = (\n  prefix: string\n) => Promise<string[] | undefined>;\n\nexport type SelectApplicationCallback = () => Promise<\n  ApplicationDeclarationData | undefined\n>;\n\nexport type SelectMappingCallback = (parameter: string) => Promise<string>;\n\nexport type ConfirmCallback = (\n  data: ApplicationDeclarationData\n) => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type GetDataMappingCallback = (\n  applicationName: string\n) => Promise<ApplicationDeclarationData>;\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-13feb5cf.js.map

@@ -1 +1 @@
-{"version":3,"names":["FILTER_AFTER","NONE","DATE_TIME","LAST_BUILD","IMPORT"],"sources":["src/common/constants.ts"],"sourcesContent":["export const FILTER_AFTER = {\n  NONE: \"none\",\n  DATE_TIME: \"afterDateTime\",\n  LAST_BUILD: \"afterLastBuild\",\n  IMPORT: \"afterImport\"\n};\n"],"mappings":"MAAaA,IAAe;EAC1BC,MAAM;EACNC,WAAW;EACXC,YAAY;EACZC,QAAQ"}
+{"version":3,"names":["FILTER_AFTER","NONE","DATE_TIME","LAST_BUILD","IMPORT"],"sources":["src/common/constants.ts"],"sourcesContent":["export const FILTER_AFTER = {\n  NONE: \"none\",\n  DATE_TIME: \"afterDateTime\",\n  LAST_BUILD: \"afterLastBuild\",\n  IMPORT: \"afterImport\"\n} as const;\n\nexport type FilterAfterValue = typeof FILTER_AFTER[keyof typeof FILTER_AFTER];\n"],"mappings":"MAAaA,IAAe;EAC1BC,MAAM;EACNC,WAAW;EACXC,YAAY;EACZC,QAAQ"}

package/dist/genexus-ide-ui/{p-9265eb8d.js → p-14e6ef41.js}

@@ -1,4 +1,4 @@
-import { h as e } from "./p-c147291f.js";
+import { h as e } from "./p-aaed592c.js";
 
 /* STENCIL IMPORTS */ const t = [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ];
 
@@ -11,7 +11,10 @@ const daysFromToday = e => {
   return Math.floor(s);
 };
 
-/* --- Date Functions ---*/ const isToday = e => {
+// - - - - - - - - - - - -
+// Date Functions
+// - - - - - - - - - - - -
+const isToday = e => {
   const t = new Date;
   if (t.toDateString() === e.toDateString()) {
     return true;
@@ -42,48 +45,48 @@ const formatDate = (e, n = "date-time") => {
     return "Invalid date";
   }
   let a = "en-US";
-  const c = (s = document.getElementsByTagName("html")[0].getAttribute("lang")) === null || s === void 0 ? void 0 : s.valueOf();
-  if (c === "es") {
+  const i = (s = document.getElementsByTagName("html")[0].getAttribute("lang")) === null || s === void 0 ? void 0 : s.valueOf();
+  if (i === "es") {
     a = "es-ES";
   }
   r = e.toLocaleDateString(a);
-  const i = e.getFullYear();
-  const u = String(e.getMonth() + 1).padStart(2, "0");
-  const l = String(e.getDate()).padStart(2, "0");
-  const f = String(e.getHours()).padStart(2, "0");
-  const $ = String(e.getMinutes()).padStart(2, "0");
-  const d = `${f}:${$}`;
+  const c = e.getFullYear();
+  const l = String(e.getMonth() + 1).padStart(2, "0");
+  const u = String(e.getDate()).padStart(2, "0");
+  const d = String(e.getHours()).padStart(2, "0");
+  const f = String(e.getMinutes()).padStart(2, "0");
+  const $ = `${d}:${f}`;
   if (n === "date-time") {
     r += ` / ${e.toLocaleTimeString()}`;
   } else if (n === "date-time-short") {
     // No seconds
     if (a === "es-ES") {
-      r = `${i}-${u}-${l} ${d}`;
+      r = `${c}-${l}-${u} ${$}`;
     } else {
-      r = `${u}/${l}/${i} ${d}`;
+      r = `${l}/${u}/${c} ${$}`;
     }
   } else {
     const n = daysFromToday(e);
     const s = new Date;
     const o = s.getFullYear();
     if (isToday(e)) {
-      return `Today ${d}`;
+      return `Today ${$}`;
     } else if (isYesterday(e)) {
-      return `Yesterday ${d}`;
+      return `Yesterday ${$}`;
     } else if (n <= 7) {
       // If one week or less, just show the day of the week, and the time
       const n = t[e.getDay()];
-      return `${n} ${d}`;
-    } else if (o === i) {
+      return `${n} ${$}`;
+    } else if (o === c) {
       // If current year, show day number and month name. Example: November 17th
       if (a === "es-ES") {
-        r = `${l} de ${e.toLocaleString("es-ES", {
+        r = `${u} de ${e.toLocaleString("es-ES", {
           month: "long"
-        })} ${d}`;
+        })} ${$}`;
       } else {
         r = `${e.toLocaleString("en-US", {
           month: "long"
-        })} ${l} ${d}`;
+        })} ${u} ${$}`;
       }
     } else {
       // Display date as usual
@@ -93,7 +96,9 @@ const formatDate = (e, n = "date-time") => {
   return r;
 };
 
-/* --- End of Date Functions ---*/
+// - - - - - - - - - - - -
+// /End of Date Functions
+// - - - - - - - - - - - -
 /* Count the total tree nodes (by default it does not count the first level nodes)*/ const countTreeItems = (e, t = false) => {
   let n = 0;
   e.forEach((e => {
@@ -120,9 +125,15 @@ const formatDate = (e, n = "date-time") => {
 
 const escapeRegExp = e => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 
-const hiChar = function(t, n) {
+/**
+ * @description this function highlights the character(s) that match(es) the filter value.
+ * hiChar comes from (hi)light (Char)acters
+ * @param text the string to find the filter value on
+ * @param filterValue the filter value
+ * @returns a span element
+ */ const hiChar = function(t, n) {
+  // console.log(text, filterValue);
   if (t && n) {
-    /* this function highlights the character(s) that match(es) the filter value. (hi)light (Char)acters */
     const s = escapeRegExp(n);
     const r = new RegExp(s, "gi");
     return e("span", {
@@ -139,5 +150,22 @@ const closeOnOutsideClickHandler = (e, t) => {
   }
 };
 
-export { closeOnOutsideClickHandler as a, countTreeItems as c, formatDate as f, hiChar as h, setInitialComboValue as s };
-//# sourceMappingURL=p-9265eb8d.js.map
+const formSubmitValidation = (e, t) => {
+  var n;
+  (n = e.fieldErrors) === null || n === void 0 ? void 0 : n.forEach((e => {
+    const n = e.key;
+    const s = e.message;
+    const r = e.hasError;
+    const o = t[`${n}El`];
+    if (o && r && s.trim()) {
+      o.validationStatus = "error";
+      o.validationMessage = s;
+    } else if (o && !r) {
+      o.validationStatus = "indeterminate";
+      o.validationMessage = null;
+    }
+  }));
+};
+
+export { formatDate as a, closeOnOutsideClickHandler as b, countTreeItems as c, formSubmitValidation as f, hiChar as h, setInitialComboValue as s };
+//# sourceMappingURL=p-14e6ef41.js.map

package/dist/genexus-ide-ui/p-14e6ef41.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["daysOfWeek","daysFromToday","date","today","Date","timeDifference","getTime","daysDifference","Math","floor","isToday","toDateString","isYesterday","yesterday","setDate","getDate","formatDate","type","formattedDate","undefined","dateIsValid","locale","lang","_a","document","getElementsByTagName","getAttribute","valueOf","toLocaleDateString","year","getFullYear","month","String","getMonth","padStart","day","hours","getHours","minutes","getMinutes","time","toLocaleTimeString","daysPassedFromToday","currentYear","getDay","toLocaleString","countTreeItems","treeModel","children","totalNodes","forEach","node","items","setInitialComboValue","options","selected","find","option","value","id","escapeRegExp","str","replace","hiChar","text","filterValue","escapedFilterValue","re","RegExp","h","innerHTML","closeOnOutsideClickHandler","eventInfo","ref","composedPath","includes","formSubmitValidation","result","fieldErrors","element","key","message","hasError","reference","trim","validationStatus","validationMessage"],"sources":["src/common/helpers.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\nimport { FormComponent } from \"@genexus/gemini/dist/types/common/interfaces\";\n/* CUSTOM IMPORTS */\nimport { GxOption } from \"./types\";\nimport { FormSubmitResult, ConnectionResultData } from \"../common/types\";\n\nconst daysOfWeek = [\n  \"Sunday\",\n  \"Monday\",\n  \"Tuesday\",\n  \"Wednesday\",\n  \"Thursday\",\n  \"Friday\",\n  \"Saturday\"\n];\n\n/**\n * @param element an HTMLElement\n * @returns an alphabetically ordered array of all the parts and exportparts the element contains.\n */\nexport const getElementSelectorParts = (element: HTMLElement) => {\n  const queries: string[] = [];\n  const elementParts = element.shadowRoot?.querySelectorAll(`[part]`);\n  const elementExportParts =\n    element.shadowRoot?.querySelectorAll(`[exportparts]`);\n\n  elementParts?.forEach(el => {\n    queries.push(\n      `${element.tagName.toLowerCase()}::part(${el.getAttribute(\"part\")})`\n    );\n  });\n  elementExportParts?.forEach(el => {\n    queries.push(\n      ...[\n        ...el.getAttribute(\"exportparts\").matchAll(/(?:[\\w-]+:)?([\\w-]+)/g)\n      ].map(item => `${element.tagName.toLowerCase()}::part(${item[1]})`)\n    );\n  });\n\n  return queries.sort();\n};\n\n/**\n * @param selector a part selector\n * @returns A reference to the element the part belongs to.\n */\nexport const querySelectorPart = (selector: string) => {\n  const querySelectorDeep = (\n    element: HTMLElement,\n    parts: string\n  ): HTMLElement => {\n    const shadow = element.shadowRoot;\n    const partList = parts.split(\" \");\n\n    const partElement: HTMLElement = shadow.querySelector(\n      partList.map(partName => `[part~=\"${partName}\"]`).join(\"\")\n    );\n    if (partElement) {\n      return partElement;\n    }\n\n    const exportPartElement: HTMLElement = shadow.querySelector(\n      partList.map(partName => `[exportparts*=\"${partName}\"]`).join(\"\")\n    );\n    if (exportPartElement) {\n      const exportPartList: string[] = [];\n      const exportparts = exportPartElement.getAttribute(\"exportparts\");\n\n      partList.forEach(partItem => {\n        const exportPartName = exportparts.match(\n          `(?:([\\\\w-]+):)?(${partItem})`\n        )[1];\n        if (exportPartName) {\n          exportPartList.push(exportPartName);\n        }\n      });\n\n      if (partList.length === exportPartList.length) {\n        return querySelectorDeep(exportPartElement, exportPartList.join(\" \"));\n      }\n    }\n\n    return null;\n  };\n\n  const selectorItems = selector.match(\"(.*)::part\\\\(([^)]+)\\\\)\");\n  const entity = selectorItems[1];\n  const partName = selectorItems[2];\n\n  return querySelectorDeep(document.querySelector(entity), partName);\n};\n\nconst daysFromToday = (date: Date): number => {\n  const today = new Date();\n  // To calculate the time difference of two dates\n  const timeDifference = today.getTime() - date.getTime();\n  // To calculate the no. of days between two dates\n  const daysDifference = timeDifference / (1000 * 3600 * 24);\n  return Math.floor(daysDifference);\n};\n\n// - - - - - - - - - - - -\n// Date Functions\n// - - - - - - - - - - - -\n\nconst isToday = (date: Date): boolean => {\n  const today = new Date();\n  if (today.toDateString() === date.toDateString()) {\n    return true;\n  }\n  return false;\n};\n\nconst isYesterday = (date: Date): boolean => {\n  const yesterday = new Date();\n  yesterday.setDate(yesterday.getDate() - 1);\n  if (yesterday.toDateString() === date.toDateString()) {\n    return true;\n  }\n  return false;\n};\n\nexport const formatDate = (\n  date: Date,\n  type: FormatDateType = \"date-time\"\n): string => {\n  let formattedDate;\n  // validate date\n  // undefined or null\n  if (date === undefined || date === null) {\n    return \"\";\n  }\n  // If the date object is invalid it will return 'NaN' on getTime() and NaN is never equal to itself\n  const dateIsValid = date.getTime() === date.getTime();\n  if (!dateIsValid) {\n    return \"Invalid date\";\n  }\n  let locale = \"en-US\";\n  const lang = document\n    .getElementsByTagName(\"html\")[0]\n    .getAttribute(\"lang\")\n    ?.valueOf();\n  if (lang === \"es\") {\n    locale = \"es-ES\";\n  }\n  formattedDate = date.toLocaleDateString(locale);\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  const hours = String(date.getHours()).padStart(2, \"0\");\n  const minutes = String(date.getMinutes()).padStart(2, \"0\");\n  const time = `${hours}:${minutes}`;\n  if (type === \"date-time\") {\n    formattedDate += ` / ${date.toLocaleTimeString()}`;\n  } else if (type === \"date-time-short\") {\n    // No seconds\n    if (locale === \"es-ES\") {\n      formattedDate = `${year}-${month}-${day} ${time}`;\n    } else {\n      formattedDate = `${month}/${day}/${year} ${time}`;\n    }\n  } else if (\"pretty\") {\n    const daysPassedFromToday = daysFromToday(date);\n    const today = new Date();\n    const currentYear = today.getFullYear();\n    if (isToday(date)) {\n      return `Today ${time}`;\n    } else if (isYesterday(date)) {\n      return `Yesterday ${time}`;\n    } else if (daysPassedFromToday <= 7) {\n      // If one week or less, just show the day of the week, and the time\n      const day = daysOfWeek[date.getDay()];\n      return `${day} ${time}`;\n    } else if (currentYear === year) {\n      // If current year, show day number and month name. Example: November 17th\n      if (locale === \"es-ES\") {\n        formattedDate = `${day} de ${date.toLocaleString(\"es-ES\", {\n          month: \"long\"\n        })} ${time}`;\n      } else {\n        formattedDate = `${date.toLocaleString(\"en-US\", {\n          month: \"long\"\n        })} ${day} ${time}`;\n      }\n    } else {\n      // Display date as usual\n      formattedDate = formatDate(date, \"date-time-short\");\n    }\n  }\n  return formattedDate;\n};\n\nexport type FormatDateType =\n  | \"date\"\n  | \"date-time\"\n  | \"date-time-short\"\n  | \"pretty\";\n\n// - - - - - - - - - - - -\n// /End of Date Functions\n// - - - - - - - - - - - -\n\n/* Count the total tree nodes (by default it does not count the first level nodes)*/\nexport const countTreeItems = (\n  treeModel: TreeViewItemModel[],\n  children = false\n): number => {\n  let totalNodes = 0;\n  treeModel.forEach(node => {\n    children && totalNodes++;\n    if (node.items) {\n      totalNodes += countTreeItems(node.items, true);\n    }\n  });\n  return totalNodes;\n};\n\n/**\n * @description it evaluates the initial selected combo item\n * @param options an array of GxOption\n * @returns the initial combo value, which in this case is the id\n */\nexport const setInitialComboValue = (options: GxOption[]): string => {\n  const selected = options.find(option => option.selected);\n  if (selected) {\n    return selected.value || selected.id;\n  } else {\n    return options[0].value || options[0].id;\n  }\n};\n\nexport const escapeRegExp = (str: string) => {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\n\n/**\n * @description this function highlights the character(s) that match(es) the filter value.\n * hiChar comes from (hi)light (Char)acters\n * @param text the string to find the filter value on\n * @param filterValue the filter value\n * @returns a span element\n */\nexport const hiChar = function (text: string, filterValue: string) {\n  // console.log(text, filterValue);\n  if (text && filterValue) {\n    const escapedFilterValue = escapeRegExp(filterValue);\n    const re = new RegExp(escapedFilterValue, \"gi\");\n    return (\n      <span\n        innerHTML={text.replace(re, '<span class=\"hiChar\">$&</span>')}\n      ></span>\n    );\n  } else {\n    return text;\n  }\n};\n\nexport const closeOnOutsideClickHandler = (\n  eventInfo: PointerEvent,\n  ref: HTMLElement\n): true | void => {\n  if (!eventInfo.composedPath().includes(ref)) {\n    return true;\n  }\n};\n\nexport const formSubmitValidation = (\n  result: FormSubmitResult | ConnectionResultData,\n  ref: any\n) => {\n  result.fieldErrors?.forEach(element => {\n    const key = element.key;\n    const message = element.message;\n    const hasError = element.hasError;\n\n    const reference: FormComponent = ref[`${key}El`];\n    if (reference && hasError && message.trim()) {\n      reference.validationStatus = \"error\";\n      reference.validationMessage = message;\n    } else if (reference && !hasError) {\n      reference.validationStatus = \"indeterminate\";\n      reference.validationMessage = null;\n    }\n  });\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-52037fb7.entry.js → p-19789aa2.entry.js}

@@ -1,14 +1,14 @@
-import { r as e, c as t, a, h as o, H as i, g as r } from "./p-c147291f.js";
+import { r as e, c as t, a, h as o, H as i, g as r } from "./p-aaed592c.js";
 
 import { L as s } from "./p-74d59062.js";
 
-import { c as l } from "./p-9c1b4eb9.js";
+import { c as l } from "./p-8cf892b5.js";
 
-import { g as n, r as d } from "./p-0b854804.js";
+import { g as n, r as d } from "./p-af836892.js";
 
-import { f as g } from "./p-00095d68.js";
+import { f as g } from "./p-14e6ef41.js";
 
-const c = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.header{grid-template-columns:auto 1fr;grid-template-areas:"kb-name-label kb-input"}.header--is-advanced{grid-template-columns:auto 1fr min-content;grid-template-areas:"kb-name-label kb-input ." "location-label location-input location-icon"}.header .kb-input{grid-area:kb-input}.header .kb-name-label{grid-area:kb-label}.header .location-label{grid-area:location-label}.header .location-input{grid-area:location-input}.header .location-icon{grid-area:location-icon}.gxg-tabs{margin-top:0;box-shadow:none}.basic-row-first{container-name:basic-row-first;}.basic-row-first__container{display:grid;gap:var(--gx-ide-grid-column-gap);padding:var(--gx-ide-container__padding);border-bottom:1px solid var(--gx-ide-container-border-color);grid-template-columns:repeat(2, 1fr)}.basic-row-second{grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0;flex-grow:1}.knowledge-base-storage{display:grid;grid-template-areas:"knowledge-base-storage__col-left knowledge-base-storage__col-right";grid-template-columns:repeat(2, 1fr);flex-grow:1;gap:0}.knowledge-base-storage>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage__col-left{display:grid;gap:var(--gx-ide-grid-row-gap);padding:var(--gx-ide-container__padding);grid-area:knowledge-base-storage__col-left;grid-template-columns:1fr auto;grid-template-rows:repeat(4, min-content);grid-template-areas:"server-name-combo-box server-name-button" "database-name ." "collation-combo-box collation-button" "create-data-in-kb ."}.knowledge-base-storage__col-left .server-name-combo-box{grid-area:server-name-combo-box}.knowledge-base-storage__col-left .server-name-button{grid-area:server-name-button;align-self:end}.knowledge-base-storage__col-left .database-name{grid-area:database-name}.knowledge-base-storage__col-left .collation-combo-box{grid-area:collation-combo-box}.knowledge-base-storage__col-left .collation-button{grid-area:collation-button;align-self:end}.knowledge-base-storage__col-left .create-data-in-kb{grid-area:create-data-in-kb}.knowledge-base-storage__col-right{display:grid;padding:var(--gx-ide-container__padding);gap:var(--gx-ide-grid-row-gap);grid-area:knowledge-base-storage__col-right;grid-template-columns:1fr;grid-template-rows:repeat(4, min-content);grid-template-areas:"authentication-type" "user-name" "password" "save-password"}.knowledge-base-storage__col-right .authentication-type{grid-area:authentication-type}.knowledge-base-storage__col-right .user-name{grid-area:user-name}.knowledge-base-storage__col-right .password{grid-area:password}.knowledge-base-storage__col-right .save-password{grid-area:save-password}.knowledge-base-storage__col-right--windows-authentication{grid-template-areas:"authentication-type"}';
+const c = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.header{grid-template-columns:auto 1fr;grid-template-areas:"kb-name-label kb-input"}.header--is-advanced{grid-template-columns:auto 1fr min-content;grid-template-areas:"kb-name-label kb-input ." "location-label location-input location-icon"}.header .kb-input{grid-area:kb-input}.header .kb-name-label{grid-area:kb-label}.header .location-label{grid-area:location-label}.header .location-input{grid-area:location-input}.header .location-icon{grid-area:location-icon}.gxg-tabs{margin-top:0;box-shadow:none}.basic-row-first{container-name:basic-row-first;}.basic-row-first__container{display:grid;gap:var(--gx-ide-grid-column-gap);padding:var(--gx-ide-container__padding);border-bottom:1px solid var(--gx-ide-container-border-color);grid-template-columns:repeat(2, 1fr)}.basic-row-second{grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0;flex-grow:1}.knowledge-base-storage{display:grid;grid-template-areas:"knowledge-base-storage__col-left knowledge-base-storage__col-right";grid-template-columns:repeat(2, 1fr);flex-grow:1;gap:0}.knowledge-base-storage>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage__col-left{display:grid;gap:var(--gx-ide-grid-row-gap);padding:var(--gx-ide-container__padding);grid-area:knowledge-base-storage__col-left;grid-template-columns:1fr auto;grid-template-rows:repeat(4, min-content);grid-template-areas:"server-name-combo-box server-name-button" "database-name ." "collation-combo-box collation-button" "create-data-in-kb ."}.knowledge-base-storage__col-left .server-name-combo-box{grid-area:server-name-combo-box}.knowledge-base-storage__col-left .server-name-button{grid-area:server-name-button;align-self:end}.knowledge-base-storage__col-left .database-name{grid-area:database-name}.knowledge-base-storage__col-left .collation-combo-box{grid-area:collation-combo-box}.knowledge-base-storage__col-left .collation-button{grid-area:collation-button;align-self:end}.knowledge-base-storage__col-left .create-data-in-kb{grid-area:create-data-in-kb}.knowledge-base-storage__col-right{display:grid;padding:var(--gx-ide-container__padding);gap:var(--gx-ide-grid-row-gap);grid-area:knowledge-base-storage__col-right;grid-template-columns:1fr;grid-template-rows:repeat(4, min-content);grid-template-areas:"authentication-type" "user-name" "password" "save-password"}.knowledge-base-storage__col-right .authentication-type{grid-area:authentication-type}.knowledge-base-storage__col-right .user-name{grid-area:user-name}.knowledge-base-storage__col-right .password{grid-area:password}.knowledge-base-storage__col-right .save-password{grid-area:save-password}.knowledge-base-storage__col-right--windows-authentication{grid-template-areas:"authentication-type"}';
 
 const b = class {
   constructor(i) {
@@ -469,4 +469,4 @@ const b = class {
 b.style = c;
 
 export { b as gx_ide_new_kb };
-//# sourceMappingURL=p-52037fb7.entry.js.map
+//# sourceMappingURL=p-19789aa2.entry.js.map