@genexus/genexus-ide-ui 1.1.34 → 1.1.35

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

@@ -1 +0,0 @@
-{"version":3,"names":["renderComboItems","gxOptions","comboItemsArray","forEach","gxOption","iconName","icon","value","id","push","h","label","name","updateCss","CSS_BUNDLES","GxIdeTeamDevUpdate","this","loadDataCalledFirstTime","renderedFirstTime","onRowContextMenuHandler","grid","async","ev","objectsContextMenuCallback","preventDefault","stopPropagation","selection","chGridPendingForUpdateEl","getSelectedRows","chGridIgnoredObjectsEl","chGridResultsEl","clientX","detail","clientY","markAllPendingToUpdateRows","markAllRows","gridOnSelectionChangedCallbackHandler","selectCallback","rowsId","genexusServerUrlHandler","_a","updateFrom","serverUrl","window","open","renderOptions","class","part","containerTitle","_componentLocale","options","titleType","contentBorderEnd","noContentPadding","type","listName","readonly","noListBorder","itemId","itemValue","undefined","onClick","knowledgeBase","kbName","version","versionName","lastFullUpdate","formatDate","scope","labelPosition","center","noMargin","objects","bold","objectScopeText","scopeData","toLocaleLowerCase","objectsScope","changeBtn","revision","revisionScopeText","latest","revisionScope","kbProperties","renderFilter","centerLabel","filter","pattern","ref","el","filterPatternEl","onInput","loadData","disabled","types","filterTypeEl","onValueChanged","renderData","displayBorderTop","slot","displayBorder","tabs","pendingForUpdate","tab","key","isSelected","ignoredObjects","results","gxgTabButtonResultsEl","noPadding","renderPendingForUpdate","renderIgnoredObjects","renderResults","onRowContextMenu","onSelectionChanged","settingable","sortable","richRowSelector","richRowSelectorMode","size","config","tabularGrid","colSize","maxContent","columnName","tableHead","description","commonDouble","modifiedOn","status","action","updateData","map","obj","rowid","src","typeIcon","renderIconState","state","notes","updateResultData","renderIconResult","result","messages","msg","msgType","text","color","filters","showFilter","isLoading","loadCallback","update","updateCallback","pendingForUpdateMarked","getMarkedRows","then","tabButtonClick","objectsScopeCallback","objectData","revisionScopeCallback","revisionData","pendingForUpdatesRowMarkingChangedHandler","e","removeEventListener","addedRowsIds","addedRowsId","removedRowsId","pendingItemCheckedResult","pendingItemsCheckedCallback","itemsChecked","itemsUnchecked","revertPendingCommitsCheckboxes","togglePendingCommitsCheckboxes","addEventListener","itemsToToggle","itemsToCheck","itemsToUncheck","rowId","markRow","componentWillLoad","Locale","getComponentStrings","componentDidLoadEvent","emit","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","componentName","reload","render","Host","model","slimmerFooter","gxIdeContainer","displayTitle","footer","btnUpdate"],"sources":["src/common/render-combo-items.tsx","src/components/team-dev/update/update.scss?tag=gx-ide-team-dev-update&encapsulation=shadow","src/components/team-dev/update/update.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxOption } from \"./types\";\n\nexport const renderComboItems = (\n  gxOptions: Array<GxOption>\n): HTMLGxgComboBoxItemElement[] => {\n  const comboItemsArray: HTMLGxgComboBoxItemElement[] = [];\n  gxOptions.forEach((gxOption: GxOption) => {\n    const iconName = gxOption.iconName || gxOption.icon;\n    const value = gxOption.value || gxOption.id;\n    comboItemsArray.push(\n      <gxg-combo-box-item value={value} icon={iconName}>\n        {gxOption.label || gxOption.name || gxOption.value || gxOption.id}\n      </gxg-combo-box-item>\n    );\n  });\n  return comboItemsArray;\n};\n","@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: block;\n}\n\n/*--- Options Wrapper ---*/\n.options-wrapper {\n  display: grid;\n  grid-template-columns: 2fr 1fr;\n  grid-column-gap: 0;\n  grid-row-gap: 0;\n  border-bottom: 1px solid var(--gx-ide-container-border-color);\n\n  .genexus-server {\n    cursor: pointer;\n    &:hover {\n      background-color: var(--ds-item-background-color--hover);\n    }\n  }\n  .scope {\n    font-family: inherit;\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--2xs);\n    .row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      gap: var(--mer-spacing--xs);\n      .value {\n        font-style: italic;\n      }\n    }\n  }\n}\n\n/*--- Filter ---*/\n.filter-row {\n  padding: 0 var(--gx-ide-container__padding) 0 var(--gx-ide-container__padding);\n  display: flex;\n  flex-direction: row;\n  gap: var(--gx-ide-grid-row-gap);\n  .combo {\n    flex: 1;\n  }\n}\n\n/* Data Grid*/\n.data-grid {\n  grid-template-columns: repeat(3, 1fr);\n  // max-height: 300px;\n  // overflow-y: auto;\n  > :nth-child(1) {\n    grid-area: 1 / 1 / 2 / 2;\n  }\n  > :nth-child(2) {\n    grid-area: 1 / 2 / 2 / 4;\n  }\n}\n.data-panel-grid {\n  grid-template-columns: repeat(2, 1fr);\n}\n.data-preview {\n  img {\n    max-width: 100%;\n  }\n}\n.data-max-height {\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n/* Footer Actions */\n.actions {\n  justify-content: flex-end;\n}\n\n.no-border {\n  border: 0;\n}\n\n.bold {\n  font-weight: bold;\n}\n\n/*--- Results ---*/\nch-grid-rowset-empty {\n  padding: var(--mer-spacing--2xs) var(--mer-spacing--xs);\n}\n\ngxg-tab::part(container) {\n  line-height: unset;\n}\n.tabular-grid {\n  block-size: 100%;\n}\n\ngx-ide-container::part(content) {\n  overflow: hidden;\n}\n\n// apply ellipsis on description column\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-pending-update\",\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@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-results\",\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","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Method\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Color as GxgIconColor } from \"@genexus/gemini/dist/types/components/icon/icon\";\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\";\n\nimport { ObjectState } from \"../common/types\";\n\nimport {\n  ObjectType,\n  ContextMenuInfo,\n  ItemsCheckedState,\n  ItemsCheckedResult,\n  ResultState\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  \"components/tabular-grid\"\n];\n\n@Component({\n  tag: \"gx-ide-team-dev-update\",\n  styleUrl: \"update.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-update\"]\n})\nexport class GxIdeTeamDevUpdate {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private loadDataCalledFirstTime = false; // pending for update grid checkboxes, should be checked, after loadData has loaded objects for the first time.\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeTeamDevUpdateElement;\n\n  /* References needed to collect data */\n  // private optionKbPropertiesEl!: HTMLGxgFormCheckboxElement;\n  private filterPatternEl!: HTMLGxgFormTextElement;\n  private filterTypeEl!: HTMLGxgComboBoxElement;\n  private chGridPendingForUpdateEl!: HTMLChGridElement;\n  private chGridIgnoredObjectsEl!: HTMLChGridElement;\n  private chGridResultsEl!: HTMLChGridElement;\n  private gxgTabButtonResultsEl!: HTMLGxgTabButtonElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * If the design data is loading or not, for disabled actions\n   */\n  @State() isLoading = false;\n\n  /**\n   * For show or hide advanced filters\n   */\n  @State() objectScopeText = \"all\";\n\n  /**\n   * The tab that is currently open\n   */\n  @State() openTab: \"pending\" | \"ignored\" | \"results\" = \"pending\";\n\n  /**\n   * For show or hide advanced filters\n   */\n  @State() revisionScopeText: string = undefined;\n\n  /**\n   * For show or hide advanced filters\n   */\n  @State() showFilter = false;\n\n  /**\n   * The data loaded for populate the grids\n   */\n  @State() updateData: UpdateData = {\n    pendingForUpdate: [],\n    ignoredObjects: []\n  };\n\n  /**\n   * The data receive after user update\n   */\n  @State() updateResultData: UpdateResultData[] = [];\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   * This is a function provided by the developer that init the process of import a design.\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  /**\n   * This is a function provided by the developer that return the information of an Image System type of data.\n   */\n  @Prop() readonly gridContextMenuCallback!: GridContextMenuCallback;\n\n  /**\n   * This is a function provided by the developer that return the list of types of data loaded from file or url.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * This is a function provided by the developer to call when the user makes a partial selection from button Change of Scope group.\n   */\n  @Prop() readonly objectsScopeCallback!: () => Promise<\"all\" | \"partial\">;\n\n  /**\n   * This is a function provided by the developer to call when the user clicked in server url of Update From group.\n   */\n  @Prop() readonly openServerCallback!: () => Promise<void>;\n\n  /**\n   * This is a function provided by the developer that return the information of a Font type of data.\n   */\n  @Prop() readonly pendingItemsCheckedCallback!: PendingItemsCheckedCallback;\n\n  /**\n   * This is a function provided by the developer to call when the user wants to select the revision to work on.\n   */\n  @Prop() readonly revisionScopeCallback!: () => Promise<string | undefined>;\n\n  /**\n   * Callback that should be invoked when the user activates the context menu on any of the grids. It receives the internal IDs of the selected elements and in which grid the event occurred. It should prevent the default browser context menu from appearing\n   */\n  @Prop() readonly objectsContextMenuCallback!: ObjectsContextMenuCallback;\n\n  /**\n   * Callback that should be invoked when the user selects rows from the grids\n   */\n  @Prop() readonly selectCallback: UpdateSelectCallback;\n\n  /**\n   * Possibly values for the filter type\n   */\n  @Prop() readonly types: ObjectType[];\n\n  /**\n   * This is a function provided by the developer that return the information of a Design System type of data.\n   */\n  @Prop() readonly updateCallback!: UpdateCallback;\n\n  /**\n   * Information to show in the container of group 'Update From'\n   */\n  @Prop() readonly updateFrom: UpdateFromData;\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() componentDidLoadEvent: 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() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n  }\n\n  async componentDidLoad() {\n    await this.loadData();\n    this.filterPatternEl.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.markAllPendingToUpdateRows();\n      // attach \"rowMarkingChanged\" after rows have been checked for the first time.\n      this.chGridPendingForUpdateEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingForUpdatesRowMarkingChangedHandler\n      );\n      this.loadDataCalledFirstTime = false;\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 reload in the grids.\n   */\n  @Method()\n  async reload() {\n    this.loadData();\n  }\n\n  // 9.LOCAL METHODS //\n\n  private onRowContextMenuHandler =\n    (grid: UpdateSourceType) =>\n    async (ev: CustomEvent<TabularGridRowContextMenuEvent>) => {\n      if (this.objectsContextMenuCallback) {\n        ev.preventDefault();\n        ev.stopPropagation();\n        let selection: string[] = [];\n        if (grid === \"pending\") {\n          selection = await this.chGridPendingForUpdateEl.getSelectedRows();\n        } else if (grid === \"ignored\") {\n          selection = await this.chGridIgnoredObjectsEl.getSelectedRows();\n        } else if (grid === \"results\") {\n          selection = await this.chGridResultsEl.getSelectedRows();\n        }\n        await this.objectsContextMenuCallback(grid, {\n          selection: selection,\n          clientX: ev.detail.clientX,\n          clientY: ev.detail.clientY\n        });\n      }\n    };\n\n  private markAllPendingToUpdateRows = () => {\n    this.chGridPendingForUpdateEl.markAllRows();\n  };\n\n  private gridOnSelectionChangedCallbackHandler =\n    (grid: UpdateSourceType) =>\n    async (ev: CustomEvent<TabularGridSelectionChangedEvent>) => {\n      if (this.selectCallback) {\n        await this.selectCallback(grid, ev.detail.rowsId);\n      }\n    };\n\n  private genexusServerUrlHandler = () => {\n    if (this.updateFrom?.serverUrl) {\n      window.open(this.updateFrom.serverUrl);\n    }\n  };\n\n  private renderOptions = (): Element => {\n    return (\n      <div class=\"options-wrapper\">\n        {/* genexus server*/}\n        <gx-ide-container\n          part=\"options-update-from\"\n          containerTitle={this._componentLocale.options.updateFrom}\n          titleType=\"secondary\"\n          contentBorderEnd\n          noContentPadding\n        >\n          <gx-ide-list-selector\n            type=\"single-selection\"\n            listName=\"commit-recent-messages\"\n            readonly\n            noListBorder\n          >\n            {/* genexus server*/}\n            <gx-ide-list-selector-item\n              icon=\"window-tools/genexus-cloud\"\n              itemId=\"genexus-server\"\n              itemValue={undefined}\n              class=\"genexus-server\"\n              onClick={this.genexusServerUrlHandler}\n            >\n              {`${this._componentLocale.options.updateFrom}:`}\n              <gxg-text type=\"text-link\">\n                {this.updateFrom ? this.updateFrom.serverUrl : \"\"}\n              </gxg-text>\n            </gx-ide-list-selector-item>\n\n            {/* knowledge base*/}\n            <gx-ide-list-selector-item\n              icon=\"general/knowledge-base\"\n              itemId=\"knowledge-base\"\n              itemValue={`${this._componentLocale.options.knowledgeBase}: ${\n                this.updateFrom ? this.updateFrom.kbName : \"\"\n              }`}\n            ></gx-ide-list-selector-item>\n\n            {/* version */}\n            <gx-ide-list-selector-item\n              icon=\"general/version\"\n              itemId=\"version\"\n              itemValue={`${this._componentLocale.options.version}: ${\n                this.updateFrom ? this.updateFrom.versionName : \"\"\n              }`}\n            ></gx-ide-list-selector-item>\n\n            {/* last full update */}\n            <gx-ide-list-selector-item\n              icon=\"window-tools/last-changes-view\"\n              itemId=\"last-full-update\"\n              itemValue={`${\n                this._componentLocale.options.lastFullUpdate\n              }: ${formatDate(this.updateFrom.lastFullUpdate)}`}\n            ></gx-ide-list-selector-item>\n          </gx-ide-list-selector>\n        </gx-ide-container>\n\n        {/* scope*/}\n        <gx-ide-container\n          part=\"options-scope\"\n          containerTitle={this._componentLocale.options.scope}\n          titleType=\"secondary\"\n        >\n          <div class=\"scope\">\n            {/* Objects*/}\n            <div class=\"row\">\n              <gxg-label labelPosition=\"start\" center noMargin>\n                {this._componentLocale.options.objects}:\n              </gxg-label>\n              <span\n                class={{\n                  bold: this.objectScopeText === \"partial\",\n                  value: true\n                }}\n              >\n                {\n                  this._componentLocale.options.scopeData.objects[\n                    this.objectScopeText.toLocaleLowerCase()\n                  ]\n                }\n              </span>\n              <gxg-text\n                type=\"text-link\"\n                onClick={this.objectsScope}\n                part=\"gxg-button gxg-button--scope-objects-change\"\n              >\n                {this._componentLocale.options.changeBtn}\n              </gxg-text>\n            </div>\n\n            {/* Revision */}\n            <div class=\"row\">\n              <gxg-label labelPosition=\"start\" center noMargin>\n                {this._componentLocale.options.revision}:\n              </gxg-label>\n              <span\n                class={{\n                  bold: this.revisionScopeText !== undefined,\n                  value: true\n                }}\n              >\n                {this.revisionScopeText === undefined\n                  ? this._componentLocale.options.scopeData.revision.latest\n                  : this.revisionScopeText}\n              </span>\n              <gxg-text\n                type=\"text-link\"\n                onClick={this.revisionScope}\n                part=\"gxg-button gxg-button--scope-revision-change\"\n              >\n                {this._componentLocale.options.changeBtn}\n              </gxg-text>\n            </div>\n\n            {/* Kb Properties */}\n            <div class=\"row\">\n              <gxg-form-checkbox\n                label={this._componentLocale.options.kbProperties}\n                class=\"align-center\"\n                part=\"option-kb-properties\"\n              ></gxg-form-checkbox>\n            </div>\n          </div>\n        </gx-ide-container>\n      </div>\n    );\n  };\n\n  private renderFilter = (): Element => {\n    return (\n      <div\n        class={{\n          \"filter-row\": true\n        }}\n      >\n        {/* pattern*/}\n        <gxg-form-text\n          label-position=\"start\"\n          centerLabel\n          label={this._componentLocale.filter.pattern}\n          ref={(el: HTMLGxgFormTextElement) =>\n            (this.filterPatternEl = el as HTMLGxgFormTextElement)\n          }\n          part=\"filter-pattern\"\n          onInput={this.loadData}\n          class=\"combo\"\n        ></gxg-form-text>\n\n        {/* type */}\n        <gxg-combo-box\n          label-position=\"start\"\n          centerLabel\n          disable-filter\n          label={this._componentLocale.filter.type}\n          disabled={!this.types}\n          ref={(el: HTMLGxgComboBoxElement) =>\n            (this.filterTypeEl = el as HTMLGxgComboBoxElement)\n          }\n          onValueChanged={this.loadData}\n          part=\"filter-type\"\n          value={this.types[0].id}\n          class=\"combo\"\n        >\n          {renderComboItems(this.types)}\n        </gxg-combo-box>\n\n        {/* load data */}\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=\"button\"\n        ></gxg-button>\n      </div>\n    );\n  };\n\n  private renderData = (): Element => {\n    return (\n      <gx-ide-container\n        part=\"data-container\"\n        noContentPadding\n        class=\"gxi-overflow-auto\"\n        displayBorderTop\n      >\n        <gxg-tabs id=\"dataTabs\" part=\"data-tabs\">\n          <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n            <gxg-tab-button\n              slot=\"tab-bar\"\n              tab-label={this._componentLocale.tabs.pendingForUpdate}\n              tab=\"pendingForUpdate\"\n              key=\"pendingForUpdate\"\n              isSelected={true}\n            ></gxg-tab-button>\n            <gxg-tab-button\n              slot=\"tab-bar\"\n              tab-label={this._componentLocale.tabs.ignoredObjects}\n              tab=\"ignoredObjects\"\n              key=\"ignoredObjects\"\n            ></gxg-tab-button>\n            <gxg-tab-button\n              slot=\"tab-bar\"\n              tab-label={this._componentLocale.tabs.results}\n              tab=\"results\"\n              key=\"results\"\n              ref={(el: HTMLGxgTabButtonElement) =>\n                (this.gxgTabButtonResultsEl = el)\n              }\n            ></gxg-tab-button>\n          </gxg-tab-bar>\n          <gxg-tab\n            tab=\"pendingForUpdate\"\n            key=\"pendingForUpdate\"\n            noPadding\n            isSelected={true}\n          >\n            {this.renderPendingForUpdate()}\n          </gxg-tab>\n          <gxg-tab tab=\"ignoredObjects\" key=\"ignoredObjects\" noPadding>\n            {this.renderIgnoredObjects()}\n          </gxg-tab>\n          <gxg-tab tab=\"results\" key=\"results\" noPadding>\n            {this.renderResults()}\n          </gxg-tab>\n        </gxg-tabs>\n      </gx-ide-container>\n    );\n  };\n\n  private renderPendingForUpdate = (): HTMLChTabularGridElement => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid tabular-grid-pending-update\"\n        row-selection-mode=\"multiple\"\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.chGridPendingForUpdateEl = el)\n        }\n        part=\"ch-tabular-grid-pending-for-updates\"\n        onRowContextMenu={this.onRowContextMenuHandler(\"pending\")}\n        onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n          \"pending\"\n        )}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            column-type=\"rich\"\n            richRowSelector\n            richRowSelectorMode=\"mark\"\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.name}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.type}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.description}\n            settingable={false}\n            size={config.tabularGrid.colSize.commonDouble}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.modifiedOn}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.status}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.action}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.updateData.pendingForUpdate.map((obj: ModifiedObject) => (\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              <ch-image src={obj.typeIcon} class=\"icon-md\"></ch-image>\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            <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.status}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.action}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderIgnoredObjects = (): HTMLChTabularGridElement => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid\"\n        row-selection-mode=\"multiple\"\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.chGridIgnoredObjectsEl = el)\n        }\n        part=\"ch-grid-ignored-objects\"\n        onRowContextMenu={this.onRowContextMenuHandler(\"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            settingable={false}\n            sortable={false}\n            size=\"min-content\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.name}\n            settingable={false}\n            size=\"1fr\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.type}\n            settingable={false}\n            size=\"1fr\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.updateData.ignoredObjects.map((obj: ModifiedObject) => (\n          <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.typeIcon} 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-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderResults = (): HTMLChTabularGridElement => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid tabular-grid-results\"\n        row-selection-mode=\"multiple\"\n        ref={(el: HTMLChTabularGridElement) => (this.chGridResultsEl = el)}\n        part=\"ch-tabular-grid-results\"\n        onRowContextMenu={this.onRowContextMenuHandler(\"results\")}\n        onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n          \"results\"\n        )}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            column-type=\"tree\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.name}\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.type}\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.description}\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.notes}\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.updateResultData.map((obj: UpdateResultData) => (\n          <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.renderIconResult(obj.result)}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.typeIcon} class=\"icon-md\"></ch-image>\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            <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              {obj.notes}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-rowset>\n              {obj.messages.map(msg => {\n                let msgType;\n                switch (msg.type) {\n                  case \"info\":\n                    msgType = \"text-alert-info\";\n                    break;\n                  case \"success\":\n                    msgType = \"text-alert-success\";\n                    break;\n                  case \"warning\":\n                    msgType = \"text-alert-warning\";\n                    break;\n                  case \"error\":\n                    msgType = \"text-alert-error\";\n                    break;\n                }\n                return (\n                  <ch-tabular-grid-rowset-empty>\n                    <gxg-text type={msgType as any}>{msg.text}</gxg-text>\n                  </ch-tabular-grid-rowset-empty>\n                );\n              })}\n            </ch-tabular-grid-rowset>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderIconState = (state: ObjectState): Element => {\n    let type: string;\n\n    switch (state) {\n      case \"Modified\":\n        type = \"gx-server/changes-commit-pending\";\n        break;\n      case \"Inserted\":\n        type = \"gx-server/new\";\n        break;\n      case \"Deleted\":\n        type = \"gx-server/delete\";\n        break;\n      case \"Conflicted\":\n        type = \"gx-server/conflict\";\n        break;\n    }\n    return <ch-image class=\"icon-md\" src={type}></ch-image>;\n  };\n\n  private renderIconResult = (result: ResultState): Element => {\n    let type: string;\n    let color: GxgIconColor;\n    switch (result) {\n      case \"info\":\n        type = \"gemini-tools/notice\";\n        color = \"primary-active\";\n        break;\n      case \"success\":\n        type = \"gemini-tools/success\";\n        color = \"success\";\n        break;\n      case \"warning\":\n        type = \"gemini-tools/warning\";\n        color = \"warning\";\n        break;\n      case \"error\":\n        type = \"gemini-tools/error\";\n        color = \"error\";\n        break;\n    }\n    return <gxg-icon type={type} color={color}></gxg-icon>;\n  };\n\n  private loadData = async (): Promise<void> => {\n    const filters: FiltersData = {\n      pattern: this.showFilter ? this.filterPatternEl.value : null,\n      type: this.showFilter ? this.filterTypeEl.value : null\n    };\n    // this.updateData = null;\n    this.isLoading = true;\n    this.updateData = await this.loadCallback(filters);\n    this.isLoading = false;\n    if (!this.loadDataCalledFirstTime) {\n      /* this allows checking the pending commits checkboxes on first load*/\n      this.loadDataCalledFirstTime = true;\n    }\n  };\n\n  private update = async (): Promise<void> => {\n    if (this.updateCallback) {\n      const pendingForUpdateMarked =\n        await this.chGridPendingForUpdateEl.getMarkedRows();\n      this.updateCallback(pendingForUpdateMarked).then(\n        (updateResultData: UpdateResultData[]) => {\n          this.updateResultData = updateResultData;\n          this.gxgTabButtonResultsEl.tabButtonClick();\n        }\n      );\n    }\n  };\n\n  private objectsScope = (): void => {\n    if (this.objectsScopeCallback) {\n      this.objectsScopeCallback().then(objectData => {\n        if (objectData) {\n          this.objectScopeText = objectData;\n        }\n      });\n    }\n  };\n\n  private revisionScope = (): void => {\n    if (this.revisionScopeCallback) {\n      this.revisionScopeCallback().then(revisionData => {\n        this.revisionScopeText = revisionData;\n      });\n    }\n  };\n\n  private pendingForUpdatesRowMarkingChangedHandler = async (\n    e: CustomEvent<TabularGridMarkingChangedEvent>\n  ): Promise<void> => {\n    // remove \"rowMarkingChanged\" until checkboxes have been added/removed on togglePendingCommitsCheckboxes, to prevent loops.\n    this.chGridPendingForUpdateEl.removeEventListener(\n      \"rowMarkingChanged\",\n      this.pendingForUpdatesRowMarkingChangedHandler\n    );\n    if (this.chGridPendingForUpdateEl) {\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.chGridPendingForUpdateEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingForUpdatesRowMarkingChangedHandler\n      );\n    }\n    this.chGridPendingForUpdateEl.addEventListener(\n      \"rowMarkingChanged\",\n      this.pendingForUpdatesRowMarkingChangedHandler\n    );\n  };\n\n  private togglePendingCommitsCheckboxes = async (\n    itemsToToggle: ItemsCheckedResult\n  ) => {\n    if (this.chGridPendingForUpdateEl) {\n      const itemsToCheck: string[] = itemsToToggle.itemsToCheck;\n      const itemsToUncheck: string[] = itemsToToggle.itemsToUncheck;\n      // check\n      for (const rowId of itemsToCheck) {\n        await this.chGridPendingForUpdateEl.markRow(rowId, true);\n      }\n      // uncheck\n      for (const rowId of itemsToUncheck) {\n        await this.chGridPendingForUpdateEl.markRow(rowId, false);\n      }\n    }\n  };\n\n  private revertPendingCommitsCheckboxes = async (\n    addedRowsIds: string[],\n    removedRowsId: string[]\n  ) => {\n    if (this.chGridPendingForUpdateEl) {\n      for (const rowId of addedRowsIds) {\n        await this.chGridPendingForUpdateEl.markRow(rowId, false);\n      }\n      for (const rowId of removedRowsId) {\n        await this.chGridPendingForUpdateEl.markRow(rowId, true);\n      }\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render(): void {\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            displayBorderTop\n            noContentPadding\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            {this.renderOptions()}\n            {this.renderFilter()}\n            {this.renderData()}\n\n            <gxg-button\n              id=\"button-update\"\n              type=\"primary-text-only\"\n              onClick={this.update}\n              part=\"gxg-button gxg-button--update\"\n              disabled={this.isLoading}\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnUpdate}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type LoadCallback = (filters: FiltersData) => Promise<UpdateData>;\n\nexport type UpdateCallback = (\n  selection: string[]\n) => Promise<UpdateResultData[]>;\n\nexport type PendingItemsCheckedCallback = (\n  pendingItemsCheckedState: ItemsCheckedState\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type UpdateSelectCallback = (\n  grid: UpdateSourceType,\n  selectionIds: string[]\n) => Promise<void>;\n\nexport type UpdateSourceType = \"pending\" | \"ignored\" | \"results\";\n\nexport type GridContextMenuCallback = (\n  selection: string[],\n  grid: \"update\" | \"ignored\" | \"results\"\n) => Promise<void>;\n\nexport type ObjectsContextMenuCallback = (\n  source: UpdateSourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type ConfirmCallback = (data: any) => Promise<boolean>;\n\nexport interface UpdateFromData {\n  serverUrl: string;\n  kbName: string;\n  versionName: string;\n  lastFullUpdate: Date;\n}\nexport interface FiltersData {\n  pattern: string;\n  type: string;\n}\nexport interface UpdateData {\n  pendingForUpdate: ModifiedObject[];\n  ignoredObjects: ModifiedObject[];\n}\nexport interface ModifiedObject {\n  id: string;\n  typeIcon: string;\n  state?: ObjectState;\n  name: string;\n  type: string;\n  description?: string;\n  modifiedOn?: Date;\n  status?: string;\n  action?: string;\n}\nexport interface UpdateResultData {\n  id: string;\n  result: ResultState;\n  typeIcon: string;\n  state: ObjectState;\n  name: string;\n  type: string;\n  description: string;\n  notes: string;\n  messages: MessageData[];\n}\n\nexport interface MessageData {\n  type: \"info\" | \"success\" | \"warning\" | \"error\";\n  text: string;\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["mapAuthenticationTypeToComboBoxModel","authenticationTypes","map","authenticationType","value","id","caption","name","connectGxServerCss","CSS_BUNDLES","HTMLGxIdeConnectGxServer","_HTMLGxIdeConnectGxServer_componentLocale","set","this","_HTMLGxIdeConnectGxServer_usernameRef","_HTMLGxIdeConnectGxServer_passwordRef","_HTMLGxIdeConnectGxServer_serverUrlRef","_HTMLGxIdeConnectGxServer_cancelClickHandler","cancelCallback","_HTMLGxIdeConnectGxServer_connectClickHandler","async","connectCallback","gxServerConnectionData","then","formSubmitResult","validatableControls","validateControls","_HTMLGxIdeConnectGxServer_evaluateTooltipRender","controlReference","_b","_a","get","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_HTMLGxIdeConnectGxServer_init","authenticationTypesChanged","serverUrl","defaultConnectionData","serverName","authenticationTypesComboBoxModel","_d","_HTMLGxIdeConnectGxServer_initializeValidatableControls","__classPrivateFieldGet","forEach","validatableControl","reference","undefined","_HTMLGxIdeConnectGxServer_authenticationInputEventHandler","event","authenticationTypeId","detail","authenticationTypeIndex","findIndex","authType","authenticationTypeName","_HTMLGxIdeConnectGxServer_usernameInputEventHandler","userName","_HTMLGxIdeConnectGxServer_passwordInputEventHandler","userPassword","Map","newAuthenticationTypes","length","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","call","componentDidLoad","render","Host","model","htmlFor","main","serverURLLabel","type","readonly","ref","authenticationTypeLabel","accessibleName","placeholder","onInput","usernameLabel","passwordLabel","showPasswordButton","onClick","footer","cancelButtonCaption","connectButtonCaption"],"sources":["src/components/team-dev/connect-gx-server/helpers.ts","src/components/team-dev/connect-gx-server/connect-gx-server.scss?tag=gx-ide-connect-gx-server&encapsulation=shadow","src/components/team-dev/connect-gx-server/connect-gx-server.tsx"],"sourcesContent":["import { AuthenticationType } from \"./connect-gx-server\";\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\n\nexport const mapAuthenticationTypeToComboBoxModel = (\n  authenticationTypes: AuthenticationType[]\n): ComboBoxModel => {\n  return authenticationTypes.map(authenticationType => {\n    return {\n      value: authenticationType.id,\n      caption: authenticationType.name\n    };\n  });\n};\n\nexport const mapServerUrlsToComboBoxModel = (\n  serverUrls: string[]\n): ComboBoxModel => {\n  return serverUrls.map(serverUrl => {\n    return {\n      value: serverUrl,\n      caption: serverUrl\n    };\n  });\n};\n",":host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: 1fr max-content;\n}\n\n.main {\n  display: grid;\n  grid-template-areas:\n    \"server-url server-url\"\n    \"authentication-type .\"\n    \"user-name user-password\";\n  grid-auto-rows: max-content;\n  grid-template-columns: 1fr 1fr;\n}\n\n.section {\n  display: contents;\n}\n\n.authentication-type {\n  grid-area: authentication-type;\n}\n.server-url {\n  grid-area: server-url;\n}\n.user-name {\n  grid-area: user-name;\n}\n.user-password {\n  grid-area: user-password;\n}\n\n.tooltip {\n  position: absolute;\n}\n","// Stencil\nimport { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\n// Other Libraries\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { config } from \"../../../common/config\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport { mapAuthenticationTypeToComboBoxModel } from \"./helpers\";\nimport { NewServerConnectionData } from \"../server-selector/server-selector\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tooltip\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-connect-gx-server\",\n  styleUrl: \"connect-gx-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/connect-gx-server\"]\n})\nexport class HTMLGxIdeConnectGxServer {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeConnectGxServerElement;\n  #usernameRef!: HTMLChEditElement;\n  #passwordRef!: HTMLChEditElement;\n  #serverUrlRef!: HTMLChEditElement;\n\n  @State() authenticationTypesComboBoxModel: ComboBoxModel;\n  @State() gxServerConnectionData: GXServerConnectionData = {\n    authenticationType: {\n      id: null,\n      name: null\n    },\n    serverUrl: null,\n    userName: null,\n    userPassword: null,\n    serverName: null\n  };\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * List of authentication types.\n   */\n  @Prop() readonly authenticationTypes!: AuthenticationType[];\n  @Watch(\"authenticationTypes\")\n  authenticationTypesChanged(newAuthenticationTypes: AuthenticationType[]) {\n    if (newAuthenticationTypes?.length) {\n      this.authenticationTypesComboBoxModel =\n        mapAuthenticationTypeToComboBoxModel(newAuthenticationTypes);\n    }\n  }\n\n  /**\n   * Callback that must be invoked when the 'Cancel' button is pressed.\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Connect' button is pressed.\n   */\n  @Prop() readonly connectCallback!: (\n    data: GXServerConnectionData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Initial user values for the case in which the user returns to the\n   * login modal after successful authentication.\n   */\n  @Prop() readonly defaultConnectionData?: NewServerConnectionData;\n\n  /**\n   * true if the user should be allowed to manually enter a server URL.\n   */\n  @Prop() readonly enableCustomServer: boolean = false;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    this.#init();\n  }\n\n  async componentDidLoad() {\n    this.#initializeValidatableControls();\n  }\n\n  #cancelClickHandler = () => {\n    this.cancelCallback();\n  };\n\n  #connectClickHandler = async () => {\n    this.connectCallback(this.gxServerConnectionData).then(\n      (formSubmitResult: FormSubmitResult) => {\n        this.validatableControls = validateControls(\n          formSubmitResult,\n          this.validatableControls\n        );\n      }\n    );\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #init = () => {\n    this.authenticationTypesChanged(this.authenticationTypes);\n    // set initial values:\n    // server url\n    this.gxServerConnectionData.serverUrl =\n      this.defaultConnectionData?.serverUrl;\n    //server name\n    this.gxServerConnectionData.serverName =\n      this.defaultConnectionData?.serverName;\n    // authentication type\n    this.gxServerConnectionData.authenticationType = {\n      id: this.authenticationTypesComboBoxModel[0]?.value,\n      name: this.authenticationTypesComboBoxModel[0]?.caption\n    };\n  };\n\n  #initializeValidatableControls = () => {\n    // populate #controlsValidation with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [\n      this.#usernameRef,\n      this.#passwordRef,\n      this.#serverUrlRef\n    ];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #authenticationInputEventHandler = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    const authenticationTypeId = event.detail as string;\n    const authenticationTypeIndex = this.authenticationTypes.findIndex(\n      authType => {\n        return authType.id === authenticationTypeId;\n      }\n    );\n    const authenticationTypeName =\n      this.authenticationTypes[authenticationTypeIndex].name;\n\n    this.gxServerConnectionData.authenticationType = {\n      id: authenticationTypeId,\n      name: authenticationTypeName\n    };\n  };\n  #usernameInputEventHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.gxServerConnectionData.userName = event.detail as string;\n  };\n  #passwordInputEventHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.gxServerConnectionData.userPassword = event.detail as string;\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <div class=\"main field-group spacing-body\">\n            <div\n              // server urls\n              class=\"field field-block server-url\"\n            >\n              <label class=\"label\" htmlFor=\"server-url\">\n                {this.#componentLocale.main.serverURLLabel}\n              </label>\n              <ch-edit\n                type=\"url\"\n                id=\"server-url\"\n                class=\"input\"\n                value={this.gxServerConnectionData?.serverUrl}\n                readonly={true}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#serverUrlRef = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n            </div>\n\n            <div\n              // authentication types\n              class=\"field field-block authentication-type\"\n            >\n              <label class=\"label\" htmlFor=\"authentication-type\">\n                {this.#componentLocale.main.authenticationTypeLabel}\n              </label>\n              <ch-combo-box-render\n                id=\"authentication-type\"\n                class=\"combo-box\"\n                accessibleName=\"Authentication Types\"\n                model={this.authenticationTypesComboBoxModel}\n                placeholder=\"Select an authentication type\"\n                value={this.gxServerConnectionData?.authenticationType.id}\n                onInput={this.#authenticationInputEventHandler}\n              ></ch-combo-box-render>\n            </div>\n\n            <div\n              // username\n              class=\"field field-block user-name\"\n            >\n              <label class=\"label\" htmlFor=\"username\">\n                {this.#componentLocale.main.usernameLabel}\n              </label>\n              <ch-edit\n                type=\"text\"\n                id=\"username\"\n                class=\"input\"\n                value={this.gxServerConnectionData?.userName}\n                onInput={this.#usernameInputEventHandler}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#usernameRef = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#usernameRef)}\n            </div>\n\n            <div\n              // user password\n              class=\"field field-block user-password\"\n            >\n              <label class=\"label\" htmlFor=\"password\">\n                {this.#componentLocale.main.passwordLabel}\n              </label>\n              <ch-edit\n                type=\"password\"\n                id=\"password\"\n                class=\"input\"\n                value={this.gxServerConnectionData?.userPassword}\n                onInput={this.#passwordInputEventHandler}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#passwordRef = el as HTMLChEditElement)\n                }\n                showPasswordButton={true}\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#passwordRef)}\n            </div>\n          </div>\n\n          <footer class=\"control-footer-with-border spacing-body\">\n            <div class=\"buttons-spacer\">\n              <button\n                // cancel button\n                class=\"button-secondary\"\n                onClick={this.#cancelClickHandler}\n              >\n                {this.#componentLocale.footer.cancelButtonCaption}\n              </button>\n\n              <button\n                // connect button\n                class=\"button-primary\"\n                onClick={this.#connectClickHandler}\n              >\n                {this.#componentLocale.footer.connectButtonCaption}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type GXServerConnectionData = {\n  authenticationType: AuthenticationType;\n  serverUrl: string;\n  userName: string;\n  userPassword: string;\n  serverName?: string;\n};\n\nexport type AuthenticationType = {\n  id: string;\n  name: string;\n};\n"],"mappings":"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"}