@genexus/genexus-ide-ui 1.1.4 → 1.1.5

package/dist/genexus-ide-ui/{p-e502c2fd.entry.js → p-7782e1b8.entry.js}

@@ -2,9 +2,9 @@ import { r as e, h as t, H as s, a as i } from "./p-25a9f1d7.js";
 
 import { c as a } from "./p-13738332.js";
 
-import { L as n } from "./p-311eedf3.js";
+import { L as n } from "./p-857866f8.js";
 
-import { v as o } from "./p-289c3290.js";
+import { v as r } from "./p-549b8f0c.js";
 
 const mapAuthenticationTypeToComboBoxModel = e => e.map((e => ({
   value: e.id,
@@ -16,22 +16,22 @@ const mapServerUrlsToComboBoxModel = e => e.map((e => ({
   caption: e
 })));
 
-const r = ':host{display:grid;block-size:100%;overflow:auto;grid-template-rows:1fr max-content}.main{display:grid;grid-template-areas:"server-url server-url" "authentication-type ." "user-name user-password";grid-auto-rows:max-content;grid-template-columns:1fr 1fr}.section{display:contents}.authentication-type{grid-area:authentication-type}.server-url{grid-area:server-url}.user-name{grid-area:user-name}.user-password{grid-area:user-password}';
+const o = ':host{display:grid;block-size:100%;overflow:auto;grid-template-rows:1fr max-content}.main{display:grid;grid-template-areas:"server-url server-url" "authentication-type ." "user-name user-password";grid-auto-rows:max-content;grid-template-columns:1fr 1fr}.section{display:contents}.authentication-type{grid-area:authentication-type}.server-url{grid-area:server-url}.user-name{grid-area:user-name}.user-password{grid-area:user-password}';
 
-var l = undefined && undefined.__classPrivateFieldGet || function(e, t, s, i) {
+var h = undefined && undefined.__classPrivateFieldGet || function(e, t, s, i) {
   if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
   if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return s === "m" ? i : s === "a" ? i.call(e) : i ? i.value : t.get(e);
 };
 
-var d = undefined && undefined.__classPrivateFieldSet || function(e, t, s, i, a) {
+var l = undefined && undefined.__classPrivateFieldSet || function(e, t, s, i, a) {
   if (i === "m") throw new TypeError("Private method is not writable");
   if (i === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
   if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return i === "a" ? a.call(e, s) : a ? a.value = s : t.set(e, s), s;
 };
 
-var h, c, u, f, p, v, m, w, b, g, y, k, M;
+var c, d, f, u, p, m, w, v, b, g, y, k, M;
 
 const x = [ "resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
@@ -42,49 +42,45 @@ const W = class {
          * The component hard-coded strings translations.
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        h.set(this, void 0);
-    c.set(this, void 0);
-    u.set(this, void 0);
+        c.set(this, void 0);
+    d.set(this, void 0);
     f.set(this, void 0);
+    u.set(this, void 0);
     p.set(this, (() => {
       this.cancelCallback();
     }));
-    v.set(this, (async () => {
+    m.set(this, (async () => {
       this.connectCallback(this.gxServerConnectionData).then((e => {
-        this.validatableControls = o(e, this.validatableControls);
+        this.validatableControls = r(e, this.validatableControls);
       }));
     }));
     // TODO: evaluate if this should be a global helper function.
     // It is used on other dialogs as well.
-        m.set(this, (e => {
-      var s, i, n;
-      return ((i = (s = this.validatableControls) === null || s === void 0 ? void 0 : s.get(e === null || e === void 0 ? void 0 : e.id)) === null || i === void 0 ? void 0 : i.hasError) && ((n = this.validatableControls.get(e.id)) === null || n === void 0 ? void 0 : n.message) && t("ch-tooltip", {
-        class: "tooltip",
-        actionElement: e,
-        blockAlign: a.tooltipSettings.blockAlign,
-        inlineAlign: a.tooltipSettings.inlineAlign,
-        delay: a.tooltipSettings.delay
-      }, this.validatableControls.get(e.id).message);
-    }));
-    w.set(this, (() => {
-      var e, t, s, i, a, n, o, r;
+        w.set(this, (e => this.validatableControls?.get(e?.id)?.hasError && this.validatableControls.get(e.id)?.message && t("ch-tooltip", {
+      class: "tooltip",
+      actionElement: e,
+      blockAlign: a.tooltipSettings.blockAlign,
+      inlineAlign: a.tooltipSettings.inlineAlign,
+      delay: a.tooltipSettings.delay
+    }, this.validatableControls.get(e.id).message)));
+    v.set(this, (() => {
       this.authenticationTypesChanged(this.authenticationTypes);
       this.serverUrlsChanged(this.serverUrls);
       // set initial values:
       // server url
-            this.gxServerConnectionData.serverUrl = ((e = this.defaultConnectionData) === null || e === void 0 ? void 0 : e.serverUrl) || ((t = this.serverUrlsComboBoxModel[0]) === null || t === void 0 ? void 0 : t.value);
+            this.gxServerConnectionData.serverUrl = this.defaultConnectionData?.serverUrl || this.serverUrlsComboBoxModel[0]?.value;
       // authentication type
             this.gxServerConnectionData.authenticationType = {
-        id: ((s = this.defaultConnectionData) === null || s === void 0 ? void 0 : s.authenticationType.id) || ((i = this.authenticationTypesComboBoxModel[0]) === null || i === void 0 ? void 0 : i.value),
-        name: ((a = this.defaultConnectionData) === null || a === void 0 ? void 0 : a.authenticationType.name) || ((n = this.authenticationTypesComboBoxModel[0]) === null || n === void 0 ? void 0 : n.caption)
+        id: this.defaultConnectionData?.authenticationType.id || this.authenticationTypesComboBoxModel[0]?.value,
+        name: this.defaultConnectionData?.authenticationType.name || this.authenticationTypesComboBoxModel[0]?.caption
       };
       // user name
-            this.gxServerConnectionData.userName = (o = this.defaultConnectionData) === null || o === void 0 ? void 0 : o.userName;
-      this.gxServerConnectionData.userPassword = (r = this.defaultConnectionData) === null || r === void 0 ? void 0 : r.userPassword;
+            this.gxServerConnectionData.userName = this.defaultConnectionData?.userName;
+      this.gxServerConnectionData.userPassword = this.defaultConnectionData?.userPassword;
     }));
     b.set(this, (() => {
       // populate #controlsValidation with the controls that could have errors.
-      const e = [ l(this, c, "f"), l(this, u, "f"), l(this, f, "f") ];
+      const e = [ h(this, d, "f"), h(this, f, "f"), h(this, u, "f") ];
       e.forEach((e => {
         if (e.id) {
           this.validatableControls.set(e.id, {
@@ -134,24 +130,23 @@ const W = class {
     this.serverUrls = undefined;
   }
   authenticationTypesChanged(e) {
-    if (e === null || e === void 0 ? void 0 : e.length) {
+    if (e?.length) {
       this.authenticationTypesComboBoxModel = mapAuthenticationTypeToComboBoxModel(e);
     }
   }
   serverUrlsChanged(e) {
-    if (e === null || e === void 0 ? void 0 : e.length) {
+    if (e?.length) {
       this.serverUrlsComboBoxModel = mapServerUrlsToComboBoxModel(e);
     }
   }
   async componentWillLoad() {
-    d(this, h, await n.getComponentStrings(this.el), "f");
-    l(this, w, "f").call(this);
+    l(this, c, await n.getComponentStrings(this.el), "f");
+    h(this, v, "f").call(this);
   }
   async componentDidLoad() {
-    l(this, b, "f").call(this);
+    h(this, b, "f").call(this);
   }
   render() {
-    var e, i, a, n;
     return t(s, {
       class: "widget"
     }, t("ch-theme", {
@@ -166,14 +161,14 @@ const W = class {
     }, t("label", {
       class: "label",
       htmlFor: "server-url"
-    }, l(this, h, "f").main.serverURLLabel), t("ch-combo-box-render", {
+    }, h(this, c, "f").main.serverURLLabel), t("ch-combo-box-render", {
       id: "server-url",
       class: "combo-box",
       accessibleName: "Server Url",
       model: this.serverUrlsComboBoxModel,
       placeholder: "Select a server URL",
-      value: (e = this.gxServerConnectionData) === null || e === void 0 ? void 0 : e.serverUrl,
-      onChange: l(this, g, "f"),
+      value: this.gxServerConnectionData?.serverUrl,
+      onChange: h(this, g, "f"),
       suggest: this.enableCustomServer,
       suggestOptions: {
         alreadyProcessed: false,
@@ -185,60 +180,60 @@ const W = class {
         renderActiveItemIconOnExpand: true,
         strict: false
       },
-      ref: e => d(this, f, e, "f")
-    }), l(this, m, "f").call(this, l(this, f, "f"))), t("div", {
+      ref: e => l(this, u, e, "f")
+    }), h(this, w, "f").call(this, h(this, u, "f"))), t("div", {
       // authentication types
       class: "field field-block authentication-type"
     }, t("label", {
       class: "label",
       htmlFor: "authentication-type"
-    }, l(this, h, "f").main.authenticationTypeLabel), t("ch-combo-box-render", {
+    }, h(this, c, "f").main.authenticationTypeLabel), t("ch-combo-box-render", {
       id: "authentication-type",
       class: "combo-box",
       accessibleName: "Authentication Types",
       model: this.authenticationTypesComboBoxModel,
       placeholder: "Select an authentication type",
-      value: (i = this.gxServerConnectionData) === null || i === void 0 ? void 0 : i.authenticationType.id,
-      onInput: l(this, y, "f")
+      value: this.gxServerConnectionData?.authenticationType.id,
+      onInput: h(this, y, "f")
     })), t("div", {
       // username
       class: "field field-block user-name"
     }, t("label", {
       class: "label",
       htmlFor: "username"
-    }, l(this, h, "f").main.usernameLabel), t("ch-edit", {
+    }, h(this, c, "f").main.usernameLabel), t("ch-edit", {
       type: "text",
       id: "username",
       class: "input",
-      value: (a = this.gxServerConnectionData) === null || a === void 0 ? void 0 : a.userName,
-      onInput: l(this, k, "f"),
-      ref: e => d(this, c, e, "f")
-    }), l(this, m, "f").call(this, l(this, c, "f"))), t("div", {
+      value: this.gxServerConnectionData?.userName,
+      onInput: h(this, k, "f"),
+      ref: e => l(this, d, e, "f")
+    }), h(this, w, "f").call(this, h(this, d, "f"))), t("div", {
       // user password
       class: "field field-block user-password"
     }, t("label", {
       class: "label",
       htmlFor: "password"
-    }, l(this, h, "f").main.passwordLabel), t("ch-edit", {
+    }, h(this, c, "f").main.passwordLabel), t("ch-edit", {
       type: "password",
       id: "password",
       class: "input",
-      value: (n = this.gxServerConnectionData) === null || n === void 0 ? void 0 : n.userPassword,
-      onInput: l(this, M, "f"),
-      ref: e => d(this, u, e, "f")
-    }), l(this, m, "f").call(this, l(this, u, "f")))), t("footer", {
+      value: this.gxServerConnectionData?.userPassword,
+      onInput: h(this, M, "f"),
+      ref: e => l(this, f, e, "f")
+    }), h(this, w, "f").call(this, h(this, f, "f")))), t("footer", {
       class: "control-footer-with-border spacing-body"
     }, t("div", {
       class: "buttons-spacer"
     }, t("button", {
       // cancel button
       class: "button-secondary",
-      onClick: l(this, p, "f")
-    }, l(this, h, "f").footer.cancelButtonCaption), t("button", {
+      onClick: h(this, p, "f")
+    }, h(this, c, "f").footer.cancelButtonCaption), t("button", {
       // connect button
       class: "button-primary",
-      onClick: l(this, v, "f")
-    }, l(this, h, "f").footer.connectButtonCaption)))));
+      onClick: h(this, m, "f")
+    }, h(this, c, "f").footer.connectButtonCaption)))));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/connect-gx-server" ];
@@ -254,11 +249,11 @@ const W = class {
   }
 };
 
-h = new WeakMap, c = new WeakMap, u = new WeakMap, f = new WeakMap, p = new WeakMap, 
-v = new WeakMap, m = new WeakMap, w = new WeakMap, b = new WeakMap, g = new WeakMap, 
+c = new WeakMap, d = new WeakMap, f = new WeakMap, u = new WeakMap, p = new WeakMap, 
+m = new WeakMap, w = new WeakMap, v = new WeakMap, b = new WeakMap, g = new WeakMap, 
 y = new WeakMap, k = new WeakMap, M = new WeakMap;
 
-W.style = r;
+W.style = o;
 
 export { W as gx_ide_connect_gx_server };
-//# sourceMappingURL=p-e502c2fd.entry.js.map
+//# sourceMappingURL=p-7782e1b8.entry.js.map

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

@@ -0,0 +1 @@
+{"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","get","hasError","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_HTMLGxIdeConnectGxServer_init","authenticationTypesChanged","serverUrlsChanged","defaultConnectionData","serverUrlsComboBoxModel","authenticationTypesComboBoxModel","userName","userPassword","_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","onChange","suggest","enableCustomServer","suggestOptions","alreadyProcessed","autoExpand","hideMatchesAndShowNonMatches","highlightMatchedItems","matchCase","regularExpression","renderActiveItemIconOnExpand","strict","ref","authenticationTypeLabel","onInput","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                onChange={this.#serverUrlInputEventHandler}\n                suggest={this.enableCustomServer}\n                suggestOptions={{\n                  alreadyProcessed: false,\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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"}