@genexus/genexus-ide-ui 1.1.5 → 1.1.6

package/dist/genexus-ide-ui/{p-be794132.entry.js → p-6f898249.entry.js}

@@ -1,35 +1,35 @@
-import { r as t, g as e, h as i, H as s, a } from "./p-25a9f1d7.js";
+import { r as t, g as i, h as e, H as s, a } from "./p-25a9f1d7.js";
 
 import { g as o } from "./p-ede7bd20.js";
 
 import { c as n } from "./p-13738332.js";
 
-import { L as h } from "./p-857866f8.js";
+import { L as h } from "./p-311eedf3.js";
 
-import { g as r } from "./p-48f5911b.js";
+import { g as l } from "./p-48f5911b.js";
 
-import { r as l, m as c } from "./p-51601b85.js";
+import { r, m as d } from "./p-9ddea83b.js";
 
-import { v as d } from "./p-549b8f0c.js";
+import { v as c } from "./p-289c3290.js";
 
 import { r as f } from "./p-1252519a.js";
 
 const p = ':host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.header-one-col{grid-template-columns:1fr}.header-two-cols{grid-template-columns:1fr 1fr}.location-wrapper{display:flex;gap:var(--mer-spacing--2xs)}.location{flex-grow:1;grid-area:location}.basic{display:grid;grid-template:"basic-top basic-top" max-content "back-end front-end" 1fr;grid-template-columns:1fr 1fr}.basic__header{grid-area:basic-top;grid-template-columns:1fr 1fr}.control-header__back-end,.control-header__front-end{padding-block-start:var(--mer-spacing--md)}.main__back-end{border-inline-end:var(--section-common-border)}.main__back-end,.main__front-end{grid-auto-rows:max-content;padding-block:var(--content-block-spacing);overflow:auto}.section__back-end{grid-area:back-end;grid-auto-rows:max-content}.section__front-end{grid-area:front-end}.section__back-end,.section__front-end{display:grid;grid-template-rows:max-content 1fr;overflow:auto}.tab-advanced-title{grid-area:tab-advanced-title}.layout-tab-advanced-left-col{grid-area:layout-tab-advanced-left-col}.layout-tab-advanced-right-col{grid-area:layout-tab-advanced-right-col}.basic,.advanced{padding-block-start:var(--content-block-spacing);overflow:auto;block-size:100%}.tab-advanced__field-group{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto}.text-align-center{text-align:center}.tab::part(page){scrollbar-width:thin}';
 
-var b = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
-  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
+var u = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
+  if (e === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof i === "function" ? t !== i || !s : !i.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return e === "m" ? s : e === "a" ? s.call(t) : s ? s.value : i.get(t);
 };
 
-var u = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, a) {
+var b = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, a) {
   if (s === "m") throw new TypeError("Private method is not writable");
   if (s === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof e === "function" ? t !== e || !a : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return s === "a" ? a.call(t, i) : a ? a.value = i : e.set(t, i), i;
+  if (typeof i === "function" ? t !== i || !a : !i.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? a.call(t, e) : a ? a.value = e : i.set(t, e), e;
 };
 
-var m, g, w, v, k, y, M, x, W, _, F, T, I, E, N, L, j, D, S, P, C, z, A, B, K, U, V, H, R, q, G, J, O, Q, X, Y, Z, $, tt, et, it;
+var v, m, g, w, k, y, M, x, W, _, F, T, I, E, N, L, j, D, S, P, C, z, A, B, K, U, V, H, R, q, G, J, O, Q, X, Y, Z, $, tt, it, et;
 
 const st = [ "resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
@@ -45,26 +45,26 @@ const ht = o({
   colorType: "primary"
 });
 
-const rt = "basic";
+const lt = "basic";
 
-const lt = "advanced";
+const rt = "advanced";
 
-const ct = class {
+const dt = class {
   constructor(s) {
     t(this, s);
-    m.set(this, false);
+    v.set(this, false);
     /**
          * The component hard-coded strings translations.
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        g.set(this, void 0);
+        m.set(this, void 0);
     /**
          * frontEndsState saves the id's of the front ends checkboxes that are checked
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        w.set(this, new Map);
-    v.set(this, void 0);
-    k.set(this, e(`./gx-ide-assets/new-kb/shortcuts.json`));
+        g.set(this, new Map);
+    w.set(this, void 0);
+    k.set(this, i(`./gx-ide-assets/new-kb/shortcuts.json`));
     y.set(this, []);
     /* References needed to collect data con "Create" button submit*/    M.set(this, void 0);
     x.set(this, void 0);
@@ -93,208 +93,208 @@ const ct = class {
     //   colorType: "primary"
     // });
         z.set(this, (t => {
-      const e = t?.detail;
-      b(this, J, "f").call(this, e);
+      const i = t === null || t === void 0 ? void 0 : t.detail;
+      u(this, J, "f").call(this, i);
     }));
     A.set(this, (t => {
-      b(this, q, "f").call(this, t.detail);
+      u(this, q, "f").call(this, t.detail);
     }));
     B.set(this, (t => {
-      u(this, v, t.detail, "f");
-      b(this, X, "f").call(this);
-      b(this, it, "f").call(this);
+      b(this, w, t.detail, "f");
+      u(this, X, "f").call(this);
+      u(this, et, "f").call(this);
     }));
     K.set(this, (() => {
-      b(this, X, "f").call(this);
+      u(this, X, "f").call(this);
     }));
-    U.set(this, (() => [ i("h2", {
+    U.set(this, (() => [ e("h2", {
       // #knowledge base storage
       class: "control-header subtitle-regular-xs\t text-align-center"
-    }, b(this, g, "f").tabAdvanced.tabTitle), i("div", {
+    }, u(this, m, "f").tabAdvanced.tabTitle), e("div", {
       class: "field-group tab-advanced__field-group"
-    }, i("div", {
+    }, e("div", {
       // #server name
       class: "field field-block server-name-field"
-    }, i("label", {
+    }, e("label", {
       class: "label",
       htmlFor: "serverName"
-    }, b(this, g, "f").tabAdvanced.serverName.label), i("ch-combo-box-render", {
+    }, u(this, m, "f").tabAdvanced.serverName.label), e("ch-combo-box-render", {
       class: "combo-box",
       disabled: this.serverNames.length === 0,
-      placeholder: this.serverNames.length === 0 ? b(this, g, "f").tabAdvanced.serverName.disabledPlaceholder : "",
+      placeholder: this.serverNames.length === 0 ? u(this, m, "f").tabAdvanced.serverName.disabledPlaceholder : "",
       value: this.serverNamesInitialValue,
-      ref: t => u(this, D, t, "f"),
+      ref: t => b(this, D, t, "f"),
       model: this.serverNamesComboBoxModel,
-      onInput: this.serverNames.length > 0 && b(this, A, "f"),
+      onInput: this.serverNames.length > 0 && u(this, A, "f"),
       id: "serverName",
       part: "server-name"
-    }), b(this, G, "f").call(this, b(this, D, "f"))), i("div", {
+    }), u(this, G, "f").call(this, u(this, D, "f"))), e("div", {
       // #authentication type
       class: "field field-block authentication-type-field"
-    }, i("label", {
+    }, e("label", {
       class: "label",
       htmlFor: "authenticationType"
-    }, b(this, g, "f").tabAdvanced.authenticationType.label), i("ch-combo-box-render", {
+    }, u(this, m, "f").tabAdvanced.authenticationType.label), e("ch-combo-box-render", {
       class: "combo-box",
       disabled: this.authenticationTypes.length === 0,
-      placeholder: this.authenticationTypes.length === 0 ? b(this, g, "f").tabAdvanced.authenticationType.disabledPlaceholder : "",
+      placeholder: this.authenticationTypes.length === 0 ? u(this, m, "f").tabAdvanced.authenticationType.disabledPlaceholder : "",
       value: this.authenticationTypesInitialValue,
-      ref: t => u(this, M, t, "f"),
+      ref: t => b(this, M, t, "f"),
       model: this.authenticationTypesComboBoxModel,
       id: "authenticationType",
       part: "authentication-type",
-      onInput: this.authenticationTypes.length > 0 ? b(this, z, "f") : undefined
-    }), b(this, G, "f").call(this, b(this, M, "f"))), i("div", {
+      onInput: this.authenticationTypes.length > 0 ? u(this, z, "f") : undefined
+    }), u(this, G, "f").call(this, u(this, M, "f"))), e("div", {
       // #database
       class: "field field-block database-field"
-    }, i("label", {
+    }, e("label", {
       class: "label",
       htmlFor: "databaseName"
-    }, b(this, g, "f").tabAdvanced.databaseName.label), i("ch-edit", {
+    }, u(this, m, "f").tabAdvanced.databaseName.label), e("ch-edit", {
       // TODO add placeholder
       class: "input",
       value: this.databaseName,
       id: "databaseName",
       part: "database-name",
-      ref: t => u(this, _, t, "f")
-    }), b(this, G, "f").call(this, b(this, _, "f"))), this.userNameVisible ? i("div", {
+      ref: t => b(this, _, t, "f")
+    }), u(this, G, "f").call(this, u(this, _, "f"))), this.userNameVisible ? e("div", {
       // #username
       class: "field field-block username-field"
-    }, i("label", {
+    }, e("label", {
       class: "label",
       htmlFor: "userName"
-    }, b(this, g, "f").tabAdvanced.userName.label), i("ch-edit", {
+    }, u(this, m, "f").tabAdvanced.userName.label), e("ch-edit", {
       // TODO add placeholder
       class: "input",
       value: this.userName,
       id: "userName",
       part: "user-name",
-      ref: t => u(this, P, t, "f")
-    }), b(this, G, "f").call(this, b(this, P, "f"))) : null, i("div", {
+      ref: t => b(this, P, t, "f")
+    }), u(this, G, "f").call(this, u(this, P, "f"))) : null, e("div", {
       // #collation
       class: "field field-block collation-field"
-    }, i("label", {
+    }, e("label", {
       class: "label",
       htmlFor: "collation"
-    }, b(this, g, "f").tabAdvanced.collation.label), i("ch-combo-box-render", {
+    }, u(this, m, "f").tabAdvanced.collation.label), e("ch-combo-box-render", {
       class: "combo-box",
       disabled: this.serverNames.length === 0,
-      placeholder: this.collations.length === 0 ? b(this, g, "f").tabAdvanced.collation.disabledPlaceholder : "",
+      placeholder: this.collations.length === 0 ? u(this, m, "f").tabAdvanced.collation.disabledPlaceholder : "",
       value: this.collationsInitialValue,
-      ref: t => u(this, x, t, "f"),
+      ref: t => b(this, x, t, "f"),
       model: this.collationsComboBoxModel,
       id: "collation",
       part: "collation"
-    }), b(this, G, "f").call(this, b(this, x, "f"))), this.passwordVisible ? i("div", {
+    }), u(this, G, "f").call(this, u(this, x, "f"))), this.passwordVisible ? e("div", {
       // #password
       class: "field field-block password-field"
-    }, i("label", {
+    }, e("label", {
       class: "label",
       htmlFor: "password"
-    }, b(this, g, "f").tabAdvanced.password.label), i("ch-edit", {
+    }, u(this, m, "f").tabAdvanced.password.label), e("ch-edit", {
       // TODO add placeholder
       class: "input",
       type: "password",
       value: this.password,
       id: "password",
       part: "password",
-      ref: t => u(this, E, t, "f")
-    }), b(this, G, "f").call(this, b(this, E, "f"))) : null, i("ch-checkbox", {
+      ref: t => b(this, E, t, "f")
+    }), u(this, G, "f").call(this, u(this, E, "f"))) : null, e("ch-checkbox", {
       // #create data in knowledge base folder
       class: "checkbox create-data-in-kb-checkbox",
       checkedValue: "createDataFilesInKBFolder",
-      caption: b(this, g, "f").tabAdvanced.createDataFilesInKbFolder,
+      caption: u(this, m, "f").tabAdvanced.createDataFilesInKbFolder,
       disabled: this.createDataInKbDisabled,
       part: "create-data-in-kb",
       id: "createDataFilesInKBFolder",
-      ref: t => u(this, W, t, "f")
-    }), this.savePasswordVisible ? i("ch-checkbox", {
+      ref: t => b(this, W, t, "f")
+    }), this.savePasswordVisible ? e("ch-checkbox", {
       // #save password
       class: "checkbox save-password-checkbox",
       checkedValue: "password",
-      caption: b(this, g, "f").tabAdvanced.savePassword,
+      caption: u(this, m, "f").tabAdvanced.savePassword,
       part: "save-password",
       id: "savePassword",
-      ref: t => u(this, j, t, "f")
+      ref: t => b(this, j, t, "f")
     }) : null) ]));
-    V.set(this, (() => [ i("section", {
+    V.set(this, (() => [ e("section", {
       class: "basic__header field-group control-header-with-border spacing-body-inline"
-    }, i("div", {
+    }, e("div", {
       // #prototyping  target
       class: "field field-block prototyping-target"
-    }, i("label", {
+    }, e("label", {
       class: "label",
       htmlFor: "prototypingTarget"
-    }, b(this, g, "f").tabBasic.prototypingTarget.label), i("ch-combo-box-render", {
+    }, u(this, m, "f").tabBasic.prototypingTarget.label), e("ch-combo-box-render", {
       id: "prototypingTarget",
       class: "combo-box",
       part: "prototyping-target",
       disabled: this.prototypingTargets.length === 0,
-      placeholder: this.prototypingTargets.length === 0 ? b(this, g, "f").tabBasic.prototypingTarget.disabledPlaceholder : "",
+      placeholder: this.prototypingTargets.length === 0 ? u(this, m, "f").tabBasic.prototypingTarget.disabledPlaceholder : "",
       value: this.prototypingTargetsInitialValue,
       model: this.prototypingTargetsComboBoxModel,
-      onInput: this.prototypingTargets.length > 0 ? b(this, K, "f") : undefined,
-      ref: t => u(this, L, t, "f")
-    }), b(this, G, "f").call(this, b(this, L, "f"))), i("div", {
+      onInput: this.prototypingTargets.length > 0 ? u(this, K, "f") : undefined,
+      ref: t => b(this, L, t, "f")
+    }), u(this, G, "f").call(this, u(this, L, "f"))), e("div", {
       // #user interface
       class: "field field-block user-interface-language"
-    }, i("label", {
+    }, e("label", {
       class: "label",
       htmlFor: "userInterfaceLanguage"
-    }, b(this, g, "f").tabBasic.userInterfaceLanguage.label), i("ch-combo-box-render", {
+    }, u(this, m, "f").tabBasic.userInterfaceLanguage.label), e("ch-combo-box-render", {
       class: "combo-box",
       disabled: this.userInterfaceLanguages.length === 0,
-      placeholder: this.userInterfaceLanguages.length === 0 ? b(this, g, "f").tabBasic.userInterfaceLanguage.disabledPlaceholder : "",
+      placeholder: this.userInterfaceLanguages.length === 0 ? u(this, m, "f").tabBasic.userInterfaceLanguage.disabledPlaceholder : "",
       value: this.userInterfaceLanguagesInitialValue,
-      ref: t => u(this, S, t, "f"),
+      ref: t => b(this, S, t, "f"),
       model: this.userInterfaceLanguagesComboBoxModel,
       id: "userInterfaceLanguage",
       part: "user-interface-language"
-    }), b(this, G, "f").call(this, b(this, S, "f")))), i("section", {
+    }), u(this, G, "f").call(this, u(this, S, "f")))), e("section", {
       class: "section__back-end"
-    }, i("h2", {
+    }, e("h2", {
       // back end
       class: "control-header control-header-with-border control-header__back-end subtitle-regular-xs\t text-align-center spacing-body-inline"
-    }, b(this, g, "f").tabBasic.backEnd.backEndLabel), i("div", {
+    }, u(this, m, "f").tabBasic.backEnd.backEndLabel), e("div", {
       class: "field-group main__back-end spacing-body-inline scrollable"
-    }, i("div", {
+    }, e("div", {
       // #prototyping environment
       class: "field field-block"
-    }, i("label", {
+    }, e("label", {
       class: "label",
       htmlFor: "prototypingEnvironment"
-    }, b(this, g, "f").tabBasic.backEnd.prototypingEnvironment.label), i("ch-combo-box-render", {
+    }, u(this, m, "f").tabBasic.backEnd.prototypingEnvironment.label), e("ch-combo-box-render", {
       class: "combo-box",
       disabled: this.prototypingEnvironments.length === 0,
-      placeholder: this.prototypingEnvironments.length === 0 ? b(this, g, "f").tabBasic.backEnd.prototypingEnvironment.disabledPlaceholder : "",
-      value: b(this, v, "f"),
-      ref: t => u(this, N, t, "f"),
+      placeholder: this.prototypingEnvironments.length === 0 ? u(this, m, "f").tabBasic.backEnd.prototypingEnvironment.disabledPlaceholder : "",
+      value: u(this, w, "f"),
+      ref: t => b(this, N, t, "f"),
       model: this.prototypingEnvironmentsComboBoxModel,
-      onInput: b(this, B, "f"),
+      onInput: u(this, B, "f"),
       part: "prototyping-environment",
       id: "prototypingEnvironment"
-    }), b(this, G, "f").call(this, b(this, N, "f"))), i("div", {
+    }), u(this, G, "f").call(this, u(this, N, "f"))), e("div", {
       // #data source
       class: "field field-block"
-    }, i("label", {
+    }, e("label", {
       class: "label",
       htmlFor: "dataSource"
-    }, b(this, g, "f").tabBasic.backEnd.dataSource.label), i("ch-combo-box-render", {
+    }, u(this, m, "f").tabBasic.backEnd.dataSource.label), e("ch-combo-box-render", {
       class: "combo-box",
       disabled: this.defaultDataSources.length === 0,
-      placeholder: this.defaultDataSources.length === 0 ? b(this, g, "f").tabBasic.backEnd.dataSource.disabledPlaceholder : "",
+      placeholder: this.defaultDataSources.length === 0 ? u(this, m, "f").tabBasic.backEnd.dataSource.disabledPlaceholder : "",
       value: this.defaultDataSourcesInitialValue,
-      ref: t => u(this, F, t, "f"),
+      ref: t => b(this, F, t, "f"),
       model: this.defaultDataSourcesComboBoxModel,
       part: "data-source",
       id: "dataSource"
-    }), b(this, G, "f").call(this, b(this, F, "f"))))), i("section", {
+    }), u(this, G, "f").call(this, u(this, F, "f"))))), e("section", {
       class: "section__front-end"
-    }, i("h2", {
+    }, e("h2", {
       class: "control-header control-header-with-border control-header__front-end subtitle-regular-xs\t text-align-center spacing-body-inline"
-    }, b(this, g, "f").tabBasic.frontEnd.frontEndLabel), i("div", {
+    }, u(this, m, "f").tabBasic.frontEnd.frontEndLabel), e("div", {
       class: "field-group main__front-end spacing-body-inline scrollable"
-    }, l(this.frontEnds, b(this, O, "f"), b(this, w, "f").get(b(this, v, "f"))))) ]));
+    }, r(this.frontEnds, u(this, O, "f"), u(this, g, "f").get(u(this, w, "f"))))) ]));
     // - - - - - - - - - -
         H.set(this, (() => {
       if (this.cancelCallback) {
@@ -302,25 +302,26 @@ const ct = class {
       }
     }));
     R.set(this, (() => {
-      const t = b(this, w, "f").get(b(this, v, "f")) ?? [];
+      var t, i, e, s, a, o, n, h, l, r, d, f, p, b, v;
+      const m = (t = u(this, g, "f").get(u(this, w, "f"))) !== null && t !== void 0 ? t : [];
       this.createCallback({
-        authenticationType: b(this, M, "f")?.value,
-        collation: b(this, x, "f")?.value,
-        createDataFilesInKBFolder: !!b(this, W, "f")?.value,
-        dataSource: b(this, F, "f")?.value,
-        databaseName: b(this, _, "f")?.value,
-        frontEnds: t,
-        kbLocation: b(this, I, "f")?.value,
-        kbName: b(this, T, "f")?.value,
-        password: b(this, E, "f")?.value,
-        prototypingEnvironment: b(this, N, "f")?.value,
-        prototypingTarget: b(this, L, "f")?.value,
-        savePassword: !!b(this, j, "f")?.value,
-        serverName: b(this, D, "f")?.value,
-        userInterfaceLanguage: b(this, S, "f")?.value,
-        userName: b(this, P, "f")?.value
+        authenticationType: (i = u(this, M, "f")) === null || i === void 0 ? void 0 : i.value,
+        collation: (e = u(this, x, "f")) === null || e === void 0 ? void 0 : e.value,
+        createDataFilesInKBFolder: !!((s = u(this, W, "f")) === null || s === void 0 ? void 0 : s.value),
+        dataSource: (a = u(this, F, "f")) === null || a === void 0 ? void 0 : a.value,
+        databaseName: (o = u(this, _, "f")) === null || o === void 0 ? void 0 : o.value,
+        frontEnds: m,
+        kbLocation: (n = u(this, I, "f")) === null || n === void 0 ? void 0 : n.value,
+        kbName: (h = u(this, T, "f")) === null || h === void 0 ? void 0 : h.value,
+        password: (l = u(this, E, "f")) === null || l === void 0 ? void 0 : l.value,
+        prototypingEnvironment: (r = u(this, N, "f")) === null || r === void 0 ? void 0 : r.value,
+        prototypingTarget: (d = u(this, L, "f")) === null || d === void 0 ? void 0 : d.value,
+        savePassword: !!((f = u(this, j, "f")) === null || f === void 0 ? void 0 : f.value),
+        serverName: (p = u(this, D, "f")) === null || p === void 0 ? void 0 : p.value,
+        userInterfaceLanguage: (b = u(this, S, "f")) === null || b === void 0 ? void 0 : b.value,
+        userName: (v = u(this, P, "f")) === null || v === void 0 ? void 0 : v.value
       }).then((t => {
-        this.validatableControls = d(t, this.validatableControls);
+        this.validatableControls = c(t, this.validatableControls);
       }));
     }));
     /**
@@ -329,7 +330,8 @@ const ct = class {
          * */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
         q.set(this, (t => {
-      if (this.serverNames[0]?.id === t) {
+      var i;
+      if (((i = this.serverNames[0]) === null || i === void 0 ? void 0 : i.id) === t) {
         this.createDataInKbDisabled = true;
       } else {
         this.createDataInKbDisabled = false;
@@ -337,13 +339,16 @@ const ct = class {
     }));
     // TODO: evaluate if this should be a global helper function.
     // It is used on new-kb as well.
-        G.set(this, (t => this.validatableControls?.get(t?.id)?.hasError && this.validatableControls.get(t.id)?.message && i("ch-tooltip", {
-      class: "tooltip",
-      actionElement: t,
-      blockAlign: n.tooltipSettings.blockAlign,
-      inlineAlign: n.tooltipSettings.inlineAlign,
-      delay: n.tooltipSettings.delay
-    }, this.validatableControls.get(t.id).message)));
+        G.set(this, (t => {
+      var i, s, a;
+      return ((s = (i = this.validatableControls) === null || i === void 0 ? void 0 : i.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((a = this.validatableControls.get(t.id)) === null || a === void 0 ? void 0 : a.message) && e("ch-tooltip", {
+        class: "tooltip",
+        actionElement: t,
+        blockAlign: n.tooltipSettings.blockAlign,
+        inlineAlign: n.tooltipSettings.inlineAlign,
+        delay: n.tooltipSettings.delay
+      }, this.validatableControls.get(t.id).message);
+    }));
     /**
          * If "Authentication Type" is "Windows Authentication", hide User Name,
          * Password, and Save Password fields.
@@ -361,57 +366,57 @@ const ct = class {
       }
     }));
     O.set(this, (t => {
-      const e = t.target.checkedValue;
-      const i = t.detail === e;
-      b(this, Q, "f").call(this, e, i);
+      const i = t.target.checkedValue;
+      const e = t.detail === i;
+      u(this, Q, "f").call(this, i, e);
     }));
     /**
          * This function updates frontEndsCheckedMap, that contains the checked
          * checkboxes for each language front ends.
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        Q.set(this, ((t, e) => {
-      let i = b(this, w, "f").get(b(this, v, "f"));
-      if (!i) {
+        Q.set(this, ((t, i) => {
+      let e = u(this, g, "f").get(u(this, w, "f"));
+      if (!e) {
         // first time
-        i = [];
-        b(this, w, "f").set(b(this, v, "f"), i);
+        e = [];
+        u(this, g, "f").set(u(this, w, "f"), e);
       }
-      if (e) {
+      if (i) {
         // update by adding
-        i.push(t);
+        e.push(t);
       } else {
         // update by removing
-        const e = i.findIndex((e => e === t));
-        f(i, e);
+        const i = e.findIndex((i => i === t));
+        f(e, i);
       }
     }));
     X.set(this, (() => {
       if (this.getDataSourcesCallback) {
-        const t = b(this, N, "f").value;
-        const e = b(this, L, "f").value;
-        const i = this.getDataSourcesCallback(t, e);
-        i.then((t => {
+        const t = u(this, N, "f").value;
+        const i = u(this, L, "f").value;
+        const e = this.getDataSourcesCallback(t, i);
+        e.then((t => {
           if (t.length > 0) {
             this.defaultDataSources = t;
             // set first option as selected
-                        b(this, F, "f").value = this.defaultDataSources[0].id;
+                        u(this, F, "f").value = this.defaultDataSources[0].id;
           }
         })).catch((() => {}));
       }
     }));
     Y.set(this, (() => {
-      const t = b(this, D, "f").value;
-      b(this, q, "f").call(this, t);
-      const e = b(this, M, "f").value;
-      b(this, J, "f").call(this, e);
+      const t = u(this, D, "f").value;
+      u(this, q, "f").call(this, t);
+      const i = u(this, M, "f").value;
+      u(this, J, "f").call(this, i);
       // map all "Advanced Tab" GxOption[]'s to ComboBoxModel's
             this.watchAuthenticationTypes(this.authenticationTypes);
       this.watchCollations(this.collations);
     }));
     Z.set(this, (() => {
       // populate #controlsValidation with the controls that could have errors.
-      const t = [ b(this, F, "f"), b(this, T, "f"), b(this, N, "f"), b(this, L, "f"), b(this, S, "f") ];
+      const t = [ u(this, F, "f"), u(this, T, "f"), u(this, N, "f"), u(this, L, "f"), u(this, S, "f") ];
       t.forEach((t => {
         if (t.id) {
           this.validatableControls.set(t.id, {
@@ -424,7 +429,7 @@ const ct = class {
     }));
     $.set(this, (() => {
       // populate #controlsValidation with the controls that could have errors.
-      const t = [ b(this, I, "f"), b(this, M, "f"), b(this, W, "f"), b(this, D, "f"), b(this, M, "f"), b(this, _, "f"), b(this, P, "f"), b(this, x, "f"), b(this, E, "f"), b(this, j, "f") ];
+      const t = [ u(this, I, "f"), u(this, M, "f"), u(this, W, "f"), u(this, D, "f"), u(this, M, "f"), u(this, _, "f"), u(this, P, "f"), u(this, x, "f"), u(this, E, "f"), u(this, j, "f") ];
       t.forEach((t => {
         if (t.id) {
           this.validatableControls.set(t.id, {
@@ -446,8 +451,8 @@ const ct = class {
         }
       }));
     }));
-    et.set(this, (t => {
-      if (t.detail.newSelectedId === lt) {
+    it.set(this, (t => {
+      if (t.detail.newSelectedId === rt) {
         this.advancedTabIsVisible = true;
         // Some logic for advanced tab is done on componentDidRender lifecycle,
         // since the reference to the elements is needed.
@@ -458,9 +463,9 @@ const ct = class {
          * by comparing the new state (getFrontEndsCallback result) and previous state.
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        it.set(this, (async () => {
-      const t = await this.getFrontEndsCallback(b(this, v, "f"));
-      if (t?.length > 0) {
+        et.set(this, (async () => {
+      const t = await this.getFrontEndsCallback(u(this, w, "f"));
+      if ((t === null || t === void 0 ? void 0 : t.length) > 0) {
         this.frontEnds = t;
       }
     }));
@@ -507,56 +512,56 @@ const ct = class {
     this.userName = undefined;
   }
   watchAuthenticationTypes(t) {
-    if (t?.length) {
-      this.authenticationTypesComboBoxModel = c(t);
-      this.authenticationTypesInitialValue = r(t);
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.authenticationTypesComboBoxModel = d(t);
+      this.authenticationTypesInitialValue = l(t);
     }
   }
   watchCollations(t) {
-    if (t?.length) {
-      this.collationsComboBoxModel = c(t);
-      this.collationsInitialValue = r(t);
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.collationsComboBoxModel = d(t);
+      this.collationsInitialValue = l(t);
     }
   }
   watchDefaultDataSources(t) {
-    if (t?.length) {
-      this.defaultDataSourcesComboBoxModel = c(t);
-      this.defaultDataSourcesInitialValue = r(t);
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.defaultDataSourcesComboBoxModel = d(t);
+      this.defaultDataSourcesInitialValue = l(t);
     }
   }
   watchPrototypingEnvironments(t) {
-    if (t?.length) {
-      this.prototypingEnvironmentsComboBoxModel = c(t);
-      u(this, v, r(t), "f");
-      b(this, it, "f").call(this);
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.prototypingEnvironmentsComboBoxModel = d(t);
+      b(this, w, l(t), "f");
+      u(this, et, "f").call(this);
     }
   }
   watchPrototypingTargets(t) {
-    if (t?.length) {
-      this.prototypingTargetsComboBoxModel = c(t);
-      this.prototypingTargetsInitialValue = r(t);
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.prototypingTargetsComboBoxModel = d(t);
+      this.prototypingTargetsInitialValue = l(t);
     }
   }
   watchServerNames(t) {
-    if (t?.length) {
-      this.serverNamesComboBoxModel = c(t);
-      this.serverNamesInitialValue = r(t);
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.serverNamesComboBoxModel = d(t);
+      this.serverNamesInitialValue = l(t);
     }
   }
   watchUserInterfaceLanguages(t) {
-    if (t?.length) {
-      this.userInterfaceLanguagesComboBoxModel = c(t);
-      this.userInterfaceLanguagesInitialValue = r(t);
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.userInterfaceLanguagesComboBoxModel = d(t);
+      this.userInterfaceLanguagesInitialValue = l(t);
     }
   }
   async componentWillLoad() {
-    u(this, g, await h.getComponentStrings(this.el), "f");
-    u(this, y, [ {
-      id: rt,
-      name: b(this, g, "f").tabBasic.tabLabel
-    }, {
+    b(this, m, await h.getComponentStrings(this.el), "f");
+    b(this, y, [ {
       id: lt,
-      name: b(this, g, "f").tabAdvanced.tabLabel
+      name: u(this, m, "f").tabBasic.tabLabel
+    }, {
+      id: rt,
+      name: u(this, m, "f").tabAdvanced.tabLabel
     } ], "f");
   }
   connectedCallback() {
@@ -567,36 +572,36 @@ const ct = class {
     this.watchUserInterfaceLanguages(this.userInterfaceLanguages);
   }
   componentDidLoad() {
-    b(this, Z, "f").call(this);
+    u(this, Z, "f").call(this);
   }
   componentDidRender() {
-    if (this.advancedTabIsVisible && !b(this, m, "f")) {
+    if (this.advancedTabIsVisible && !u(this, v, "f")) {
       // just call this once.
-      b(this, Y, "f").call(this);
-      b(this, $, "f").call(this);
-      u(this, m, true, "f");
+      u(this, Y, "f").call(this);
+      u(this, $, "f").call(this);
+      b(this, v, true, "f");
     }
   }
   /**
      * Suspends or reactivates the shortcuts
      */  async suspendShortcuts(t) {
     if (t) {
-      b(this, C, "f").suspend = true;
+      u(this, C, "f").suspend = true;
     } else {
-      b(this, C, "f").suspend = false;
+      u(this, C, "f").suspend = false;
     }
   }
   render() {
-    return i(s, {
+    return e(s, {
       class: "widget"
-    }, i("ch-theme", {
+    }, e("ch-theme", {
       model: st
-    }), i("ch-shortcuts", {
-      src: b(this, k, "f"),
-      ref: t => u(this, C, t, "f")
-    }), i("section", {
+    }), e("ch-shortcuts", {
+      src: u(this, k, "f"),
+      ref: t => b(this, C, t, "f")
+    }), e("section", {
       class: "section"
-    }, i("header", {
+    }, e("header", {
       class: {
         "field-group": true,
         "control-header-with-border": !this.isAdvanced,
@@ -607,46 +612,46 @@ const ct = class {
         "spacing-body-block-start": true,
         "spacing-body-inline": true
       }
-    }, i("div", {
+    }, e("div", {
       // #kb name
       class: "field field-inline kb-name"
-    }, i("label", {
+    }, e("label", {
       class: "label kb-label",
       htmlFor: "kbName"
-    }, b(this, g, "f").header.kbName), i("ch-edit", {
+    }, u(this, m, "f").header.kbName), e("ch-edit", {
       // TODO add placeholder
       autoFocus: true,
       class: "input kb-input",
       placeholder: "SalesInventory",
       value: this.kbName,
-      ref: t => u(this, T, t, "f"),
+      ref: t => b(this, T, t, "f"),
       id: "kbName",
       part: "kb-name"
-    }), b(this, G, "f").call(this, b(this, T, "f"))), this.isAdvanced && i("div", {
+    }), u(this, G, "f").call(this, u(this, T, "f"))), this.isAdvanced && e("div", {
       class: "location-wrapper"
-    }, i("div", {
+    }, e("div", {
       // #location
       class: "field field-inline location"
-    }, i("label", {
+    }, e("label", {
       class: "label location-label",
       htmlFor: "kbLocation"
-    }, b(this, g, "f").header.kbLocation), i("ch-edit", {
+    }, u(this, m, "f").header.kbLocation), e("ch-edit", {
       // TODO add placeholder
       class: "input location-input",
       value: this.kbLocation,
-      ref: t => u(this, I, t, "f"),
+      ref: t => b(this, I, t, "f"),
       id: "kbLocation",
       part: "kb-location"
-    }), b(this, G, "f").call(this, b(this, I, "f"))), i("button", {
+    }), u(this, G, "f").call(this, u(this, I, "f"))), e("button", {
       class: "button-tertiary button-icon-only location-icon",
-      "aria-label": b(this, g, "f").header.selectLocationButton,
-      title: b(this, g, "f").header.selectLocationButton,
+      "aria-label": u(this, m, "f").header.selectLocationButton,
+      title: u(this, m, "f").header.selectLocationButton,
       part: "button-select-location",
-      onClick: b(this, tt, "f")
-    }, i("ch-image", {
+      onClick: u(this, tt, "f")
+    }, e("ch-image", {
       class: "icon-md",
       src: ht
-    })))), this.isAdvanced ? i("ch-tab-render", {
+    })))), this.isAdvanced ? e("ch-tab-render", {
       // #tab
       class: {
         scrollable: true,
@@ -654,45 +659,45 @@ const ct = class {
         [ot]: true
       },
       tabListPosition: "block-start",
-      model: b(this, y, "f"),
-      selectedId: rt,
+      model: u(this, y, "f"),
+      selectedId: lt,
       overflow: "auto",
       contain: "size",
-      onSelectedItemChange: !this.advancedTabIsVisible && b(this, et, "f")
-    }, i("div", {
-      slot: rt,
+      onSelectedItemChange: !this.advancedTabIsVisible && u(this, it, "f")
+    }, e("div", {
+      slot: lt,
       class: nt,
       part: "tab-button-basic"
-    }, b(this, V, "f").call(this)), this.advancedTabIsVisible && i("div", {
-      slot: lt,
+    }, u(this, V, "f").call(this)), this.advancedTabIsVisible && e("div", {
+      slot: rt,
       class: "advanced spacing-body-inline",
       part: "tab-button-advanced"
-    }, b(this, U, "f").call(this))) : i("div", {
+    }, u(this, U, "f").call(this))) : e("div", {
       class: ot
-    }, i("div", {
+    }, e("div", {
       class: nt
-    }, b(this, V, "f").call(this))), i("footer", {
+    }, u(this, V, "f").call(this))), e("footer", {
       class: {
         "control-footer": this.isAdvanced,
         "control-footer-with-border": !this.isAdvanced,
         "spacing-body-block-end": true,
         "spacing-body-inline": true
       }
-    }, i("div", {
+    }, e("div", {
       class: "buttons-spacer"
-    }, i("button", {
+    }, e("button", {
       // #cancel
       class: "button-secondary",
       id: "button-cancel",
-      onClick: b(this, H, "f"),
+      onClick: u(this, H, "f"),
       part: "button-cancel"
-    }, b(this, g, "f").footer.btnCancel), i("button", {
+    }, u(this, m, "f").footer.btnCancel), e("button", {
       // #create
       class: "button-primary",
       id: "button-create",
-      onClick: b(this, R, "f"),
+      onClick: u(this, R, "f"),
       part: "button-create"
-    }, b(this, g, "f").footer.btnCreate)))));
+    }, u(this, m, "f").footer.btnCreate)))));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/new-kb" ];
@@ -713,17 +718,17 @@ const ct = class {
   }
 };
 
-m = new WeakMap, g = new WeakMap, w = new WeakMap, v = new WeakMap, k = new WeakMap, 
+v = new WeakMap, m = new WeakMap, g = new WeakMap, w = new WeakMap, k = new WeakMap, 
 y = new WeakMap, M = new WeakMap, x = new WeakMap, W = new WeakMap, _ = new WeakMap, 
 F = new WeakMap, T = new WeakMap, I = new WeakMap, E = new WeakMap, N = new WeakMap, 
 L = new WeakMap, j = new WeakMap, D = new WeakMap, S = new WeakMap, P = new WeakMap, 
 C = new WeakMap, z = new WeakMap, A = new WeakMap, B = new WeakMap, K = new WeakMap, 
 U = new WeakMap, V = new WeakMap, H = new WeakMap, R = new WeakMap, q = new WeakMap, 
 G = new WeakMap, J = new WeakMap, O = new WeakMap, Q = new WeakMap, X = new WeakMap, 
-Y = new WeakMap, Z = new WeakMap, $ = new WeakMap, tt = new WeakMap, et = new WeakMap, 
-it = new WeakMap;
+Y = new WeakMap, Z = new WeakMap, $ = new WeakMap, tt = new WeakMap, it = new WeakMap, 
+et = new WeakMap;
 
-ct.style = p;
+dt.style = p;
 
-export { ct as gx_ide_new_kb };
-//# sourceMappingURL=p-be794132.entry.js.map
+export { dt as gx_ide_new_kb };
+//# sourceMappingURL=p-6f898249.entry.js.map