@genexus/genexus-ide-ui 1.0.54 → 1.0.56

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

@@ -1 +0,0 @@
-{"version":3,"names":["gamInstallationSettingsCss","GxIdeGamInstallationSettings","this","renderedFirstTime","repairCallbackHandler","async","saveCallback","data","importWebPanels","webPanelsCheckboxEl","checked","importPanels","panelsCheckboxEl","futureUpgrades","futureUpgradesComboEl","value","repairCallback","saveCallbackHandler","cancelCallbackHandler","cancelCallback","renderHeader","h","class","slot","configurationType","type","_componentLocale","header","headerTextInstallation","firstSentence","secondSentence","thirdSentence","headerTextUpdate","renderFilters","filters","filtersHeading","labelPosition","center","label","webPanelsCheckbox","part","ref","el","_a","defaultConfiguration","panelsCheckbox","canSelectPanels","disabled","futureUpgradesComboLabel","disableFilter","manageFutureUpgrades","installAutomatically","promptMe","neverUpdate","componentWillLoad","Locale","getComponentStrings","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","Host","noHeadingPadding","headingPaddingTop","noContentPadding","noContentGap","noAboveFooterPadding","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","footer","footerRepairText","footerSaveText","footerCancelText","enableSecurity","onClick","repairButton","cancelButton","no","confirmButton","yes"],"sources":["src/components/gam-installation-settings/gam-installation-settings.scss?tag=gx-ide-gam-installation-settings&encapsulation=shadow","src/components/gam-installation-settings/gam-installation-settings.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n/*Header*/\n.header {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  padding: var(--gx-ide-container__padding) var(--gx-ide-container__padding);\n}\n/*Main*/\n.message-checkbox-container {\n  padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n    var(--gx-ide-container__padding);\n}\n/*Filters*/\n.filters {\n  display: grid;\n  gap: var(--gx-ide-grid-column-gap);\n  padding: var(--gx-ide-container__padding);\n\n  &__wrapper {\n    display: flex;\n    gap: var(--gx-ide-container__padding);\n\n    > * {\n      flex: 1;\n    }\n  }\n  &__front-end-objects {\n    display: flex;\n    gap: var(--gx-ide-grid-column-gap);\n  }\n}\n.footer-above {\n  display: flex;\n  gap: var(--gx-ide-container__padding);\n  > * {\n    flex: 1;\n    font-size: var(--mer-font__size--2xs);\n    padding: var(--mer-spacing--xs);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1.5em;\n  }\n  > *:first-child {\n    border-inline-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n  &__right {\n    display: flex;\n    flex-direction: column;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\n\n@Component({\n  tag: \"gx-ide-gam-installation-settings\",\n  styleUrl: \"gam-installation-settings.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/gam-installation-settings\"]\n})\nexport class GxIdeGamInstallationSettings {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeGamInstallationSettingsElement;\n\n  private webPanelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n  private panelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n  private futureUpgradesComboEl!: HTMLGxgComboBoxElement;\n\n  // 3.STATE() VARIABLES //\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   * Specifies the configuration type to be used\n   */\n  @Prop() readonly configurationType: \"installation\" | \"update\" =\n    \"installation\";\n\n  /**\n   * Callback invoked when the user press repair button\n   */\n  @Prop() readonly repairCallback: RepairCallback;\n\n  /**\n   * Callback invoked when the user wants to start the exportation process\n   */\n  @Prop() readonly saveCallback: SaveCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel the exportation process\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Defines the default configuration property. Necessary for initializing the dialogue\n   * using stored 'game config data' from the server. If undefined, default values are\n   * applied.\n   */\n  @Prop() readonly defaultConfiguration: GamConfigData | undefined = {\n    importWebPanels: true,\n    importPanels: false,\n    futureUpgrades: \"prompt\"\n  };\n\n  /**\n   * Property determining 'Panels' checkbox activation. Enabled only if an SD generator is\n   * present in the KB. If not, checkbox is disabled\n   */\n  @Prop() readonly canSelectPanels: boolean = false;\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  }\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 repairCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: this.webPanelsCheckboxEl.checked,\n        importPanels: this.panelsCheckboxEl.checked,\n        futureUpgrades: this.futureUpgradesComboEl.value\n          ? this.futureUpgradesComboEl.value\n          : null\n      };\n      await this.repairCallback(data);\n    }\n  };\n\n  private saveCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: this.webPanelsCheckboxEl.checked,\n        importPanels: this.panelsCheckboxEl.checked,\n        futureUpgrades: this.futureUpgradesComboEl.value\n          ? this.futureUpgradesComboEl.value\n          : null\n      };\n      await this.saveCallback(data);\n    }\n  };\n  private cancelCallbackHandler = () => {\n    this.cancelCallback();\n  };\n\n  /* Renders*/\n  private renderHeader = () => {\n    return (\n      <header class=\"header\" slot=\"header\">\n        {this.configurationType === \"installation\"\n          ? [\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .firstSentence\n                }\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .secondSentence\n                }\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {\n                  this._componentLocale.header.headerTextInstallation\n                    .thirdSentence\n                }\n              </gxg-text>\n            ]\n          : [\n              <gxg-text type=\"text-regular\">\n                {this._componentLocale.header.headerTextUpdate.firstSentence}\n              </gxg-text>,\n              <gxg-text type=\"text-regular\">\n                {this._componentLocale.header.headerTextUpdate.secondSentence}\n              </gxg-text>\n            ]}\n        {/* header text */}\n      </header>\n    );\n  };\n\n  private renderFilters = () => {\n    return (\n      <div class=\"filters\">\n        <gxg-title type=\"title-05\">\n          {this._componentLocale.filters.filtersHeading}\n        </gxg-title>\n\n        <div class=\"filters__wrapper\">\n          <div class=\"filters__wrapper-left\">\n            <gxg-label labelPosition=\"above\" center={false}>\n              Frontend Objects\n            </gxg-label>\n            <div class=\"filters__front-end-objects\">\n              <gxg-form-checkbox\n                label={this._componentLocale.filters.webPanelsCheckbox}\n                part=\"web-panels-checkbox\"\n                slot=\"footer-start\"\n                ref={(el: HTMLGxgFormCheckboxElement) =>\n                  (this.webPanelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n                }\n                checked={this.defaultConfiguration?.importWebPanels}\n              ></gxg-form-checkbox>\n              <gxg-form-checkbox\n                label={this._componentLocale.filters.panelsCheckbox}\n                part=\"panels-checkbox\"\n                slot=\"footer-start\"\n                ref={(el: HTMLGxgFormCheckboxElement) =>\n                  (this.panelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n                }\n                checked={\n                  this.defaultConfiguration.importPanels && this.canSelectPanels\n                }\n                disabled={!this.canSelectPanels}\n              ></gxg-form-checkbox>\n            </div>\n          </div>\n          <div class=\"filters__wrapper-right\">\n            <gxg-combo-box\n              label={this._componentLocale.filters.futureUpgradesComboLabel}\n              disableFilter\n              part=\"future-upgrades-combo\"\n              ref={(el: HTMLGxgComboBoxElement) =>\n                (this.futureUpgradesComboEl = el as HTMLGxgComboBoxElement)\n              }\n              value={this.defaultConfiguration.futureUpgrades}\n            >\n              <gxg-combo-box-item value=\"automatic\">\n                {\n                  this._componentLocale.manageFutureUpgrades\n                    .installAutomatically\n                }\n              </gxg-combo-box-item>\n              <gxg-combo-box-item value=\"prompt\">\n                {this._componentLocale.manageFutureUpgrades.promptMe}\n              </gxg-combo-box-item>\n              <gxg-combo-box-item value=\"never\">\n                {this._componentLocale.manageFutureUpgrades.neverUpdate}\n              </gxg-combo-box-item>\n            </gxg-combo-box>\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noHeadingPadding\n            headingPaddingTop\n            noContentPadding\n            noContentGap\n            noAboveFooterPadding\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            {this.renderHeader()}\n            {this.renderFilters()}\n            <div class=\"footer-above\" slot=\"footer-above\">\n              {this.configurationType === \"update\" ? (\n                <div class=\"footer-above__left\">\n                  <p>{this._componentLocale.footer.footerRepairText}</p>\n                </div>\n              ) : null}\n\n              <div class=\"footer-above__right\">\n                {this.configurationType === \"update\" ? (\n                  [\n                    <p>{this._componentLocale.footer.footerSaveText}</p>,\n                    <p>{this._componentLocale.footer.footerCancelText}</p>\n                  ]\n                ) : (\n                  // configurationType is \"installation\"\n                  <p>{this._componentLocale.footer.enableSecurity}</p>\n                )}\n              </div>\n            </div>\n\n            {this.configurationType === \"update\" ? (\n              <gxg-button\n                type=\"outlined\"\n                slot=\"footer-start\"\n                onClick={this.repairCallbackHandler}\n              >\n                {this._componentLocale.footer.repairButton}\n              </gxg-button>\n            ) : null}\n\n            <gxg-button\n              type=\"outlined\"\n              slot=\"footer-end\"\n              onClick={this.cancelCallbackHandler}\n            >\n              {this.configurationType === \"update\"\n                ? this._componentLocale.footer.cancelButton\n                : this._componentLocale.footer.no}\n            </gxg-button>\n            <gxg-button slot=\"footer-end\" onClick={this.saveCallbackHandler}>\n              {this.configurationType === \"update\"\n                ? this._componentLocale.footer.confirmButton\n                : this._componentLocale.footer.yes}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type GamConfigData = {\n  importWebPanels: boolean;\n  importPanels: boolean;\n  futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type SaveCallback = (data: GamConfigData) => Promise<void>;\nexport type CancelCallback = () => Promise<void>;\nexport type RepairCallback = (config: GamConfigData) => Promise<void>;\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["mapAuthenticationTypeToComboBoxModel","authenticationTypes","map","authenticationType","value","id","caption","name","mapServerUrlsToComboBoxModel","serverUrls","serverUrl","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","serverUrlsChanged","defaultConnectionData","serverUrlsComboBoxModel","_d","authenticationTypesComboBoxModel","_e","_f","userName","_g","userPassword","_h","_HTMLGxIdeConnectGxServer_initializeValidatableControls","__classPrivateFieldGet","forEach","validatableControl","reference","undefined","_HTMLGxIdeConnectGxServer_serverUrlInputEventHandler","event","detail","_HTMLGxIdeConnectGxServer_authenticationInputEventHandler","authenticationTypeId","authenticationTypeIndex","findIndex","authType","authenticationTypeName","_HTMLGxIdeConnectGxServer_usernameInputEventHandler","_HTMLGxIdeConnectGxServer_passwordInputEventHandler","Map","newAuthenticationTypes","length","newServerUrls","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","call","componentDidLoad","render","Host","model","htmlFor","main","serverURLLabel","accessibleName","placeholder","onInput","suggest","enableCustomServer","suggestOptions","alreadyProcessed","autoExpand","hideMatchesAndShowNonMatches","highlightMatchedItems","matchCase","regularExpression","renderActiveItemIconOnExpand","strict","ref","authenticationTypeLabel","usernameLabel","type","passwordLabel","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","// Stencil\nimport { Component, Host, h, Prop, Element, 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  mapAuthenticationTypeToComboBoxModel,\n  mapServerUrlsToComboBoxModel\n} from \"./helpers\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tab\",\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!: HTMLChComboBoxRenderElement;\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  };\n  @State() serverUrlsComboBoxModel: ComboBoxModel;\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 login modal after successful authentication.\n   */\n  @Prop() readonly defaultConnectionData?: GXServerConnectionData;\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  /**\n   * Array of cataloged server URLs to be displayed in the combo.\n   */\n  @Prop() readonly serverUrls: string[];\n  @Watch(\"serverUrls\")\n  serverUrlsChanged(newServerUrls: string[]) {\n    if (newServerUrls?.length) {\n      this.serverUrlsComboBoxModel =\n        mapServerUrlsToComboBoxModel(newServerUrls);\n    }\n  }\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    this.serverUrlsChanged(this.serverUrls);\n    // set initial values:\n    // server url\n    this.gxServerConnectionData.serverUrl =\n      this.defaultConnectionData?.serverUrl ||\n      this.serverUrlsComboBoxModel[0]?.value;\n    // authentication type\n    this.gxServerConnectionData.authenticationType = {\n      id:\n        (this.defaultConnectionData?.authenticationType.id as string) ||\n        this.authenticationTypesComboBoxModel[0]?.value,\n      name:\n        (this.defaultConnectionData?.authenticationType.name as string) ||\n        this.authenticationTypesComboBoxModel[0]?.caption\n    };\n\n    // user name\n    this.gxServerConnectionData.userName = this.defaultConnectionData?.userName;\n    this.gxServerConnectionData.userPassword =\n      this.defaultConnectionData?.userPassword;\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  // handlers that update this.gxServerConnectionData:\n  #serverUrlInputEventHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.gxServerConnectionData.serverUrl = event.detail as string;\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-combo-box-render\n                id=\"server-url\"\n                class=\"combo-box\"\n                accessibleName=\"Server Url\"\n                model={this.serverUrlsComboBoxModel}\n                placeholder=\"Select a server URL\"\n                value={this.gxServerConnectionData?.serverUrl}\n                onInput={this.#serverUrlInputEventHandler}\n                suggest={this.enableCustomServer}\n                suggestOptions={{\n                  alreadyProcessed: true,\n                  autoExpand: false,\n                  hideMatchesAndShowNonMatches: false,\n                  highlightMatchedItems: false,\n                  matchCase: false,\n                  regularExpression: false,\n                  renderActiveItemIconOnExpand: true,\n                  strict: false\n                }}\n                ref={(el: HTMLChComboBoxRenderElement) =>\n                  (this.#serverUrlRef = el as HTMLChComboBoxRenderElement)\n                }\n              ></ch-combo-box-render>\n              {this.#evaluateTooltipRender(this.#serverUrlRef)}\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              ></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};\n\nexport type AuthenticationType = {\n  id: string;\n  name: string;\n};\n"],"mappings":"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"}