@genexus/genexus-ide-ui 3.1.2 → 3.2.0

package/dist/genexus-ide-ui/{p-217bd2d7.entry.js → p-76e1c357.entry.js}

@@ -14,15 +14,15 @@ import { c as n } from "./p-c5196b3b.js";
 
 import { L as h } from "./p-311eedf3.js";
 
-import { s as l, g as d } from "./p-91e2ebb0.js";
+import { s as l, g as r } from "./p-91e2ebb0.js";
 
-import { r, m as c } from "./p-4d330836.js";
+import { r as d, m as c } from "./p-4d330836.js";
 
 import { v as f } from "./p-b32b6b1f.js";
 
 import { r as p } from "./p-1252519a.js";
 
-const u = 'button.button-secondary{border-color:var(--color-border-neutral-default)}: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(--spacing-gap-xs)}.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}.dialog-header__back-end,.dialog-header__front-end{padding-block-start:16px}.main__back-end{border-inline-end:var(--section-common-border)}.main__back-end,.main__front-end{grid-auto-rows:max-content;padding-block:12px;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:12px;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}.checkbox{inline-size:max-content}';
+const u = 'button.button-secondary{border-color:var(--color-border-neutral-default)}: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}.location-wrapper{display:flex;align-items:center;gap:var(--spacing-gap-xs);min-block-size:var(--control-block-size)}.location-custom-wrapper{display:flex;align-items:center;gap:var(--spacing-gap-xs);flex-grow:1;min-inline-size:0}.location-field{flex-grow:1;min-inline-size:0}.location-field>.input{inline-size:100%}.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}.dialog-header__back-end,.dialog-header__front-end{padding-block-start:16px}.main__back-end{border-inline-end:var(--section-common-border)}.main__back-end,.main__front-end{grid-auto-rows:max-content;padding-block:12px;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:12px;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}.checkbox{inline-size:max-content}';
 
 var b = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
   if (e === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
@@ -37,27 +37,31 @@ var v = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, a)
   return s === "a" ? a.call(t, e) : a ? a.value = e : i.set(t, e), e;
 };
 
-var m, g, w, k, y, x, M, W, _, F, T, I, E, N, j, D, L, P, S, C, z, A, B, K, U, V, H, R, q, G, J, O, Q, X, Y, Z, $, tt, it, et, st, at, ot, nt;
+var m, g, w, k, y, x, M, W, _, F, T, I, E, N, j, D, L, P, S, z, C, A, B, K, U, V, H, R, q, G, J, O, Q, X, Y, Z, $, tt, it, et, st, at, ot, nt, ht, lt, rt, dt;
 
-const ht = [ "resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+const ct = [ "resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
-const lt = "windows-authentication";
+const ft = "windows-authentication";
 
-const dt = "main";
+const pt = "main";
 
-const rt = "basic";
+const ut = "basic";
 
-const ct = o({
+const bt = o({
   category: "system",
   name: "folder",
   colorType: "primary"
 });
 
-const ft = "basic";
+const vt = "default";
 
-const pt = "advanced";
+const mt = "custom";
 
-const ut = class {
+const gt = "basic";
+
+const wt = "advanced";
+
+const kt = class {
   constructor(s) {
     t(this, s);
     m.set(this, false);
@@ -84,12 +88,15 @@ const ut = class {
     N.set(this, void 0);
     j.set(this, void 0);
     D.set(this, void 0);
-    L.set(this, void 0);
+    L.set(this, false);
     P.set(this, void 0);
     S.set(this, void 0);
-    C.set(this, void 0);
     z.set(this, void 0);
+    C.set(this, void 0);
     A.set(this, void 0);
+    B.set(this, void 0);
+    K.set(this, void 0);
+    U.set(this, void 0);
     // Uncomment when "TODO: define button handler and logic" is done.
     // #geminiToolsSearchPrimary = getIconPath({
     //   category: "gemini-tools",
@@ -101,26 +108,26 @@ const ut = class {
     //   name: "reset",
     //   colorType: "primary"
     // });
-        B.set(this, (t => {
+        V.set(this, (t => {
       const i = t === null || t === void 0 ? void 0 : t.detail;
-      b(this, X, "f").call(this, i);
+      b(this, $, "f").call(this, i);
     }));
-    K.set(this, (t => {
-      b(this, O, "f").call(this, t.detail);
+    H.set(this, (t => {
+      b(this, Y, "f").call(this, t.detail);
     }));
-    U.set(this, (t => {
+    R.set(this, (t => {
       v(this, k, t.detail, "f");
-      b(this, tt, "f").call(this);
-      b(this, nt, "f").call(this);
+      b(this, st, "f").call(this);
+      b(this, dt, "f").call(this);
     }));
-    V.set(this, (async () => {
-      await b(this, $, "f").call(this);
-      b(this, tt, "f").call(this);
+    q.set(this, (async () => {
+      await b(this, et, "f").call(this);
+      b(this, st, "f").call(this);
     }));
-    H.set(this, (() => {
+    G.set(this, (() => {
       v(this, y, b(this, I, "f").value, "f");
     }));
-    R.set(this, (() => [ e("h2", {
+    J.set(this, (() => [ e("h2", {
       // #knowledge base storage
       class: "dialog-header subtitle-regular-xs\t text-align-center"
     }, b(this, g, "f").tabAdvanced.tabTitle), e("div", {
@@ -136,12 +143,12 @@ const ut = class {
       disabled: this.serverNames.length === 0,
       placeholder: this.serverNames.length === 0 ? b(this, g, "f").tabAdvanced.serverName.disabledPlaceholder : "",
       value: this.serverNamesInitialValue,
-      ref: t => v(this, S, t, "f"),
+      ref: t => v(this, A, t, "f"),
       model: this.serverNamesComboBoxModel,
-      onInput: this.serverNames.length > 0 && b(this, K, "f"),
+      onInput: this.serverNames.length > 0 && b(this, H, "f"),
       id: "serverName",
       part: "server-name"
-    }), b(this, Q, "f").call(this, b(this, S, "f"))), e("div", {
+    }), b(this, Z, "f").call(this, b(this, A, "f"))), e("div", {
       // #authentication type
       class: "field field-block authentication-type-field"
     }, e("label", {
@@ -156,8 +163,8 @@ const ut = class {
       model: this.authenticationTypesComboBoxModel,
       id: "authenticationType",
       part: "authentication-type",
-      onInput: this.authenticationTypes.length > 0 ? b(this, B, "f") : undefined
-    }), b(this, Q, "f").call(this, b(this, W, "f"))), e("div", {
+      onInput: this.authenticationTypes.length > 0 ? b(this, V, "f") : undefined
+    }), b(this, Z, "f").call(this, b(this, W, "f"))), e("div", {
       // #database
       class: "field field-block database-field"
     }, e("label", {
@@ -170,7 +177,7 @@ const ut = class {
       id: "databaseName",
       part: "database-name",
       ref: t => v(this, T, t, "f")
-    }), b(this, Q, "f").call(this, b(this, T, "f"))), this.userNameVisible ? e("div", {
+    }), b(this, Z, "f").call(this, b(this, T, "f"))), this.userNameVisible ? e("div", {
       // #username
       class: "field field-block username-field"
     }, e("label", {
@@ -182,8 +189,8 @@ const ut = class {
       value: this.userName,
       id: "userName",
       part: "user-name",
-      ref: t => v(this, z, t, "f")
-    }), b(this, Q, "f").call(this, b(this, z, "f"))) : null, e("div", {
+      ref: t => v(this, K, t, "f")
+    }), b(this, Z, "f").call(this, b(this, K, "f"))) : null, e("div", {
       // #collation
       class: "field field-block collation-field"
     }, e("label", {
@@ -198,7 +205,7 @@ const ut = class {
       model: this.collationsComboBoxModel,
       id: "collation",
       part: "collation"
-    }), b(this, Q, "f").call(this, b(this, _, "f"))), this.passwordVisible ? e("div", {
+    }), b(this, Z, "f").call(this, b(this, _, "f"))), this.passwordVisible ? e("div", {
       // #password
       class: "field field-block password-field"
     }, e("label", {
@@ -211,8 +218,8 @@ const ut = class {
       value: this.password,
       id: "password",
       part: "password",
-      ref: t => v(this, j, t, "f")
-    }), b(this, Q, "f").call(this, b(this, j, "f"))) : null, e("ch-checkbox", {
+      ref: t => v(this, P, t, "f")
+    }), b(this, Z, "f").call(this, b(this, P, "f"))) : null, e("ch-checkbox", {
       // #create data in knowledge base folder
       class: "checkbox create-data-in-kb-checkbox",
       checkedValue: "createDataFilesInKBFolder",
@@ -228,9 +235,9 @@ const ut = class {
       caption: b(this, g, "f").tabAdvanced.savePassword,
       part: "save-password",
       id: "savePassword",
-      ref: t => v(this, P, t, "f")
+      ref: t => v(this, C, t, "f")
     }) : null) ]));
-    q.set(this, (() => [ e("section", {
+    O.set(this, (() => [ e("section", {
       class: "basic__header field-group dialog-header-with-border spacing-body-inline"
     }, e("div", {
       // #prototyping  target
@@ -246,9 +253,9 @@ const ut = class {
       placeholder: this.prototypingTargets.length === 0 ? b(this, g, "f").tabBasic.prototypingTarget.disabledPlaceholder : "",
       value: this.prototypingTargetsInitialValue,
       model: this.prototypingTargetsComboBoxModel,
-      onInput: this.prototypingTargets.length > 0 ? b(this, V, "f") : undefined,
-      ref: t => v(this, L, t, "f")
-    }), b(this, Q, "f").call(this, b(this, L, "f"))), e("div", {
+      onInput: this.prototypingTargets.length > 0 ? b(this, q, "f") : undefined,
+      ref: t => v(this, z, t, "f")
+    }), b(this, Z, "f").call(this, b(this, z, "f"))), e("div", {
       // #user interface
       class: "field field-block user-interface-language"
     }, e("label", {
@@ -259,11 +266,11 @@ const ut = class {
       disabled: this.userInterfaceLanguages.length === 0,
       placeholder: this.userInterfaceLanguages.length === 0 ? b(this, g, "f").tabBasic.userInterfaceLanguage.disabledPlaceholder : "",
       value: this.userInterfaceLanguagesInitialValue,
-      ref: t => v(this, C, t, "f"),
+      ref: t => v(this, B, t, "f"),
       model: this.userInterfaceLanguagesComboBoxModel,
       id: "userInterfaceLanguage",
       part: "user-interface-language"
-    }), b(this, Q, "f").call(this, b(this, C, "f")))), e("section", {
+    }), b(this, Z, "f").call(this, b(this, B, "f")))), e("section", {
       class: "section__back-end"
     }, e("h2", {
       // back end
@@ -281,12 +288,12 @@ const ut = class {
       disabled: this.defaultPrototypingEnvironments.length === 0,
       placeholder: this.defaultPrototypingEnvironments.length === 0 ? b(this, g, "f").tabBasic.backEnd.prototypingEnvironment.disabledPlaceholder : "",
       value: b(this, k, "f"),
-      ref: t => v(this, D, t, "f"),
+      ref: t => v(this, S, t, "f"),
       model: this.prototypingEnvironmentsComboBoxModel,
-      onInput: b(this, U, "f"),
+      onInput: b(this, R, "f"),
       part: "prototyping-environment",
       id: "prototypingEnvironment"
-    }), b(this, Q, "f").call(this, b(this, D, "f"))), e("div", {
+    }), b(this, Z, "f").call(this, b(this, S, "f"))), e("div", {
       // #data source
       class: "field field-block"
     }, e("label", {
@@ -298,25 +305,25 @@ const ut = class {
       placeholder: this.defaultDataSources.length === 0 ? b(this, g, "f").tabBasic.backEnd.dataSource.disabledPlaceholder : "",
       value: b(this, y, "f"),
       ref: t => v(this, I, t, "f"),
-      onInput: b(this, H, "f"),
+      onInput: b(this, G, "f"),
       model: this.defaultDataSourcesComboBoxModel,
       part: "data-source",
       id: "dataSource"
-    }), b(this, Q, "f").call(this, b(this, I, "f"))))), e("section", {
+    }), b(this, Z, "f").call(this, b(this, I, "f"))))), e("section", {
       class: "section__front-end"
     }, e("h2", {
       class: "dialog-header dialog-header-with-border dialog-header__front-end subtitle-regular-xs\t text-align-center spacing-body-inline"
     }, b(this, g, "f").tabBasic.frontEnd.frontEndLabel), e("div", {
       class: "field-group main__front-end spacing-body-inline scrollable"
-    }, r(this.frontEnds, b(this, Y, "f"), b(this, w, "f").get(b(this, k, "f"))))) ]));
+    }, d(this.frontEnds, b(this, tt, "f"), b(this, w, "f").get(b(this, k, "f"))))) ]));
     // - - - - - - - - - -
-        G.set(this, (() => {
+        Q.set(this, (() => {
       if (this.cancelCallback) {
         this.cancelCallback();
       }
     }));
-    J.set(this, (() => {
-      var t, i, e, s, a, o, n, h, l, d, r, c, p, u, v;
+    X.set(this, (() => {
+      var t, i, e, s, a, o, n, h, l, r, d, c, p, u, v;
       const m = (t = b(this, w, "f").get(b(this, k, "f"))) !== null && t !== void 0 ? t : [];
       this.createCallback({
         authenticationType: (i = b(this, W, "f")) === null || i === void 0 ? void 0 : i.value,
@@ -327,13 +334,13 @@ const ut = class {
         frontEnds: m,
         kbLocation: (n = b(this, N, "f")) === null || n === void 0 ? void 0 : n.value,
         kbName: (h = b(this, E, "f")) === null || h === void 0 ? void 0 : h.value,
-        password: (l = b(this, j, "f")) === null || l === void 0 ? void 0 : l.value,
-        prototypingEnvironment: (d = b(this, D, "f")) === null || d === void 0 ? void 0 : d.value,
-        prototypingTarget: (r = b(this, L, "f")) === null || r === void 0 ? void 0 : r.value,
-        savePassword: !!((c = b(this, P, "f")) === null || c === void 0 ? void 0 : c.value),
-        serverName: (p = b(this, S, "f")) === null || p === void 0 ? void 0 : p.value,
-        userInterfaceLanguage: (u = b(this, C, "f")) === null || u === void 0 ? void 0 : u.value,
-        userName: (v = b(this, z, "f")) === null || v === void 0 ? void 0 : v.value
+        password: (l = b(this, P, "f")) === null || l === void 0 ? void 0 : l.value,
+        prototypingEnvironment: (r = b(this, S, "f")) === null || r === void 0 ? void 0 : r.value,
+        prototypingTarget: (d = b(this, z, "f")) === null || d === void 0 ? void 0 : d.value,
+        savePassword: !!((c = b(this, C, "f")) === null || c === void 0 ? void 0 : c.value),
+        serverName: (p = b(this, A, "f")) === null || p === void 0 ? void 0 : p.value,
+        userInterfaceLanguage: (u = b(this, B, "f")) === null || u === void 0 ? void 0 : u.value,
+        userName: (v = b(this, K, "f")) === null || v === void 0 ? void 0 : v.value
       }).then((t => {
         this.validatableControls = f(t, this.validatableControls);
       }));
@@ -343,7 +350,7 @@ const ut = class {
          * option is selected.
          * */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        O.set(this, (t => {
+        Y.set(this, (t => {
       var i;
       if (((i = this.serverNames[0]) === null || i === void 0 ? void 0 : i.id) === t) {
         this.createDataInKbDisabled = true;
@@ -353,7 +360,7 @@ const ut = class {
     }));
     // TODO: evaluate if this should be a global helper function.
     // It is used on new-kb as well.
-        Q.set(this, (t => {
+        Z.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",
@@ -368,8 +375,8 @@ const ut = class {
          * Password, and Save Password fields.
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        X.set(this, (t => {
-      if (t === lt) {
+        $.set(this, (t => {
+      if (t === ft) {
         this.userNameVisible = false;
         this.passwordVisible = false;
         this.savePasswordVisible = false;
@@ -379,17 +386,17 @@ const ut = class {
         this.savePasswordVisible = true;
       }
     }));
-    Y.set(this, (t => {
+    tt.set(this, (t => {
       const i = t.target.checkedValue;
       const e = t.detail === i;
-      b(this, Z, "f").call(this, i, e);
+      b(this, it, "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
-        Z.set(this, ((t, i) => {
+        it.set(this, ((t, i) => {
       let e = b(this, w, "f").get(b(this, k, "f"));
       if (!e) {
         // first time
@@ -405,24 +412,24 @@ const ut = class {
         p(e, i);
       }
     }));
-    $.set(this, (async () => {
+    et.set(this, (async () => {
       if (this.getPrototypingEnvironmentsCallback) {
-        const t = b(this, L, "f") ? b(this, L, "f").value : this.prototypingTargetsInitialValue;
+        const t = b(this, z, "f") ? b(this, z, "f").value : this.prototypingTargetsInitialValue;
         const i = await this.getPrototypingEnvironmentsCallback(t);
         if (i) {
           this.defaultPrototypingEnvironments = i;
         }
       }
     }));
-    tt.set(this, (() => {
+    st.set(this, (() => {
       if (this.getDataSourcesCallback) {
-        const t = b(this, D, "f").value;
-        const i = b(this, L, "f").value;
+        const t = b(this, S, "f").value;
+        const i = b(this, z, "f").value;
         const e = this.getDataSourcesCallback(t, i);
         e.then((t => {
           if (t.length > 0) {
             t = l(t, b(this, y, "f"));
-            v(this, y, d(t), "f");
+            v(this, y, r(t), "f");
             this.defaultDataSources = t;
             // set first option as selected
                         b(this, I, "f").value = b(this, y, "f") !== undefined ? b(this, y, "f") : this.defaultDataSources[0].id;
@@ -430,18 +437,18 @@ const ut = class {
         })).catch((() => {}));
       }
     }));
-    it.set(this, (() => {
-      const t = b(this, S, "f").value;
-      b(this, O, "f").call(this, t);
+    at.set(this, (() => {
+      const t = b(this, A, "f").value;
+      b(this, Y, "f").call(this, t);
       const i = b(this, W, "f").value;
-      b(this, X, "f").call(this, i);
+      b(this, $, "f").call(this, i);
       // map all "Advanced Tab" GxOption[]'s to ComboBoxModel's
             this.watchAuthenticationTypes(this.authenticationTypes);
       this.watchCollations(this.collations);
     }));
-    et.set(this, (() => {
+    ot.set(this, (() => {
       // populate #controlsValidation with the controls that could have errors.
-      const t = [ b(this, I, "f"), b(this, E, "f"), b(this, D, "f"), b(this, L, "f"), b(this, C, "f") ];
+      const t = [ b(this, I, "f"), b(this, E, "f"), b(this, S, "f"), b(this, z, "f"), b(this, B, "f") ];
       t.forEach((t => {
         if (t.id) {
           this.validatableControls.set(t.id, {
@@ -452,9 +459,9 @@ const ut = class {
         }
       }));
     }));
-    st.set(this, (() => {
+    nt.set(this, (() => {
       // populate #controlsValidation with the controls that could have errors.
-      const t = [ b(this, N, "f"), b(this, W, "f"), b(this, F, "f"), b(this, S, "f"), b(this, W, "f"), b(this, T, "f"), b(this, z, "f"), b(this, _, "f"), b(this, j, "f"), b(this, P, "f") ];
+      const t = [ b(this, W, "f"), b(this, F, "f"), b(this, A, "f"), b(this, W, "f"), b(this, T, "f"), b(this, K, "f"), b(this, _, "f"), b(this, P, "f"), b(this, C, "f") ];
       t.forEach((t => {
         if (t.id) {
           this.validatableControls.set(t.id, {
@@ -469,15 +476,18 @@ const ut = class {
          * @description It allows defining the DBMS that will be used in the solution
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        at.set(this, (() => {
+        ht.set(this, (() => {
       this.selectLocationCallback().then((t => {
         if (t) {
           this.kbLocation = t;
         }
       }));
     }));
-    ot.set(this, (t => {
-      if (t.detail.newSelectedId === pt) {
+    lt.set(this, (() => {
+      this.locationMode = b(this, j, "f").value;
+    }));
+    rt.set(this, (t => {
+      if (t.detail.newSelectedId === wt) {
         this.advancedTabIsVisible = true;
         // Some logic for advanced tab is done on componentDidRender lifecycle,
         // since the reference to the elements is needed.
@@ -488,13 +498,22 @@ const ut = class {
          * by comparing the new state (getFrontEndsCallback result) and previous state.
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        nt.set(this, (async () => {
+        dt.set(this, (async () => {
       const t = await this.getFrontEndsCallback(b(this, k, "f"));
       if ((t === null || t === void 0 ? void 0 : t.length) > 0) {
         this.frontEnds = t;
+        // Seed the checked map from the data's checked property so that
+        // initially checked items render as checked on first load.
+                if (!b(this, w, "f").has(b(this, k, "f"))) {
+          const i = t.filter((t => t.checked)).map((t => t.value || t.id));
+          if (i.length > 0) {
+            b(this, w, "f").set(b(this, k, "f"), i);
+          }
+        }
       }
     }));
     this.advancedTabIsVisible = false;
+    this.locationMode = vt;
     this.frontEnds = undefined;
     this.validatableControls = new Map;
     this.createDataInKbDisabled = false;
@@ -516,6 +535,7 @@ const ut = class {
     this.userInterfaceLanguagesInitialValue = undefined;
     this.authenticationTypes = [];
     this.cancelCallback = undefined;
+    this.canSetLocation = false;
     this.collations = undefined;
     this.createCallback = undefined;
     this.createDataFilesInKBFolder = false;
@@ -539,57 +559,64 @@ const ut = class {
   watchAuthenticationTypes(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
       this.authenticationTypesComboBoxModel = c(t);
-      this.authenticationTypesInitialValue = d(t);
+      this.authenticationTypesInitialValue = r(t);
     }
   }
   watchCollations(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
       this.collationsComboBoxModel = c(t);
-      this.collationsInitialValue = d(t);
+      this.collationsInitialValue = r(t);
     }
   }
   watchDefaultDataSources(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
       this.defaultDataSourcesComboBoxModel = c(t);
       const i = l(t, b(this, y, "f"));
-      v(this, y, d(i), "f");
+      v(this, y, r(i), "f");
     }
   }
   watchDefaultPrototypingEnvironments(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
       this.prototypingEnvironmentsComboBoxModel = c(t);
-      v(this, k, d(t), "f");
-      b(this, nt, "f").call(this);
+      v(this, k, r(t), "f");
+      b(this, dt, "f").call(this);
     }
   }
   watchPrototypingTargets(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
       this.prototypingTargetsComboBoxModel = c(t);
-      this.prototypingTargetsInitialValue = d(t);
-      b(this, $, "f").call(this);
+      this.prototypingTargetsInitialValue = r(t);
+      b(this, et, "f").call(this);
     }
   }
   watchServerNames(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
       this.serverNamesComboBoxModel = c(t);
-      this.serverNamesInitialValue = d(t);
+      this.serverNamesInitialValue = r(t);
     }
   }
   watchUserInterfaceLanguages(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
       this.userInterfaceLanguagesComboBoxModel = c(t);
-      this.userInterfaceLanguagesInitialValue = d(t);
+      this.userInterfaceLanguagesInitialValue = r(t);
     }
   }
   async componentWillLoad() {
     v(this, g, await h.getComponentStrings(this.el), "f");
     v(this, M, [ {
-      id: ft,
+      id: gt,
       name: b(this, g, "f").tabBasic.tabLabel
     }, {
-      id: pt,
+      id: wt,
       name: b(this, g, "f").tabAdvanced.tabLabel
     } ], "f");
+    v(this, D, [ {
+      value: vt,
+      caption: b(this, g, "f").header.kbLocationDefault
+    }, {
+      value: mt,
+      caption: b(this, g, "f").header.kbLocationCustom
+    } ], "f");
   }
   connectedCallback() {
     this.watchDefaultDataSources(this.defaultDataSources);
@@ -599,33 +626,42 @@ const ut = class {
     this.watchUserInterfaceLanguages(this.userInterfaceLanguages);
   }
   componentDidLoad() {
-    b(this, et, "f").call(this);
+    b(this, ot, "f").call(this);
   }
   componentDidRender() {
     if (this.advancedTabIsVisible && !b(this, m, "f")) {
       // just call this once.
-      b(this, it, "f").call(this);
-      b(this, st, "f").call(this);
+      b(this, at, "f").call(this);
+      b(this, nt, "f").call(this);
       v(this, m, true, "f");
     }
+    // Register the location input for validation once it's rendered (custom mode)
+        if (this.locationMode === mt && !b(this, L, "f") && b(this, N, "f")) {
+      this.validatableControls.set(b(this, N, "f").id, {
+        reference: b(this, N, "f"),
+        hasError: false,
+        message: undefined
+      });
+      v(this, L, true, "f");
+    }
   }
   /**
      * Suspends or reactivates the shortcuts
      */  async suspendShortcuts(t) {
     if (t) {
-      b(this, A, "f").suspend = true;
+      b(this, U, "f").suspend = true;
     } else {
-      b(this, A, "f").suspend = false;
+      b(this, U, "f").suspend = false;
     }
   }
   render() {
     return e(s, {
       class: "widget"
     }, e("ch-theme", {
-      model: ht
+      model: ct
     }), e("ch-shortcuts", {
       src: b(this, x, "f"),
-      ref: t => v(this, A, t, "f")
+      ref: t => v(this, U, t, "f")
     }), e("section", {
       class: "section"
     }, e("header", {
@@ -634,8 +670,7 @@ const ut = class {
         "dialog-header-with-border": !this.isAdvanced,
         "dialog-header": this.isAdvanced,
         header: true,
-        "header-two-cols": this.isAdvanced,
-        "header-one-col": !this.isAdvanced,
+        "header-one-col": true,
         "spacing-body-block-start": true,
         "spacing-body-inline": true
       }
@@ -654,56 +689,61 @@ const ut = class {
       ref: t => v(this, E, t, "f"),
       id: "kbName",
       part: "kb-name"
-    }), b(this, Q, "f").call(this, b(this, E, "f"))), this.isAdvanced && e("div", {
+    }), b(this, Z, "f").call(this, b(this, E, "f"))), this.canSetLocation && e("div", {
       class: "location-wrapper"
-    }, e("div", {
-      // #location
-      class: "field field-inline location"
     }, e("label", {
-      class: "label location-label",
-      htmlFor: "kbLocation"
-    }, b(this, g, "f").header.kbLocation), e("ch-edit", {
-      // TODO add placeholder
-      class: "input location-input",
+      class: "label location-label"
+    }, b(this, g, "f").header.kbLocation), e("ch-radio-group-render", {
+      class: "radio-group",
+      model: b(this, D, "f"),
+      value: vt,
+      onChange: b(this, lt, "f"),
+      ref: t => v(this, j, t, "f")
+    }), this.locationMode === mt && e("div", {
+      class: "location-custom-wrapper"
+    }, e("div", {
+      class: "location-field"
+    }, e("ch-edit", {
+      class: "input",
       value: this.kbLocation,
       ref: t => v(this, N, t, "f"),
       id: "kbLocation",
       part: "kb-location"
-    }), b(this, Q, "f").call(this, b(this, N, "f"))), e("button", {
+    }), b(this, Z, "f").call(this, b(this, N, "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,
       part: "button-select-location",
-      onClick: b(this, at, "f")
+      onClick: b(this, ht, "f")
     }, e("ch-image", {
       class: "icon-m",
-      src: ct
-    })))), this.isAdvanced ? e("ch-tab-render", {
+      src: bt
+    }))))), this.isAdvanced ? e("ch-tab-render", {
       // #tab
       class: {
         scrollable: true,
         tab: true,
-        [dt]: true
+        [pt]: true
       },
       tabListPosition: "block-start",
       model: b(this, M, "f"),
-      selectedId: ft,
+      selectedId: gt,
       overflow: "auto",
       contain: "size",
-      onSelectedItemChange: !this.advancedTabIsVisible && b(this, ot, "f")
+      onSelectedItemChange: !this.advancedTabIsVisible && b(this, rt, "f")
     }, e("div", {
-      slot: ft,
-      class: rt,
+      slot: gt,
+      class: ut,
       part: "tab-button-basic"
-    }, b(this, q, "f").call(this)), this.advancedTabIsVisible && e("div", {
-      slot: pt,
+    }, b(this, O, "f").call(this)), this.advancedTabIsVisible && e("div", {
+      slot: wt,
       class: "advanced spacing-body-inline",
       part: "tab-button-advanced"
-    }, b(this, R, "f").call(this))) : e("div", {
-      class: dt
+    }, b(this, J, "f").call(this))) : e("div", {
+      class: pt
     }, e("div", {
-      class: rt
-    }, b(this, q, "f").call(this))), e("footer", {
+      class: ut
+    }, b(this, O, "f").call(this))), e("footer", {
       class: {
         "dialog-footer": this.isAdvanced,
         "dialog-footer-with-border": !this.isAdvanced,
@@ -716,13 +756,13 @@ const ut = class {
       // #cancel
       class: "button-secondary",
       id: "button-cancel",
-      onClick: b(this, G, "f"),
+      onClick: b(this, Q, "f"),
       part: "button-cancel"
     }, b(this, g, "f").footer.btnCancel), e("button", {
       // #create
       class: "button-primary",
       id: "button-create",
-      onClick: b(this, J, "f"),
+      onClick: b(this, X, "f"),
       part: "button-create"
     }, b(this, g, "f").footer.btnCreate)))));
   }
@@ -748,14 +788,15 @@ const ut = class {
 m = new WeakMap, g = new WeakMap, w = new WeakMap, k = new WeakMap, y = new WeakMap, 
 x = new WeakMap, M = new WeakMap, W = new WeakMap, _ = new WeakMap, F = new WeakMap, 
 T = new WeakMap, I = new WeakMap, E = new WeakMap, N = new WeakMap, j = new WeakMap, 
-D = new WeakMap, L = new WeakMap, P = new WeakMap, S = new WeakMap, C = new WeakMap, 
-z = new WeakMap, A = new WeakMap, B = new WeakMap, K = new WeakMap, U = new WeakMap, 
+D = new WeakMap, L = new WeakMap, P = new WeakMap, S = new WeakMap, z = new WeakMap, 
+C = 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, it = new WeakMap, et = new WeakMap, 
-st = new WeakMap, at = new WeakMap, ot = new WeakMap, nt = new WeakMap;
+st = new WeakMap, at = new WeakMap, ot = new WeakMap, nt = new WeakMap, ht = new WeakMap, 
+lt = new WeakMap, rt = new WeakMap, dt = new WeakMap;
 
-ut.style = u;
+kt.style = u;
 
-export { ut as gx_ide_new_kb };
-//# sourceMappingURL=p-217bd2d7.entry.js.map
+export { kt as gx_ide_new_kb };
+//# sourceMappingURL=p-76e1c357.entry.js.map