@genexus/genexus-ide-ui 3.2.9 → 3.2.10

package/dist/collection/components/new-kb/new-kb.js

@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _GxIdeNewKb_advancedTabHasBeenRendered, _GxIdeNewKb_componentLocale, _GxIdeNewKb_frontEndsCheckedMap, _GxIdeNewKb_selectedPrototypingEnvironmentId, _GxIdeNewKb_selectedDataSourceId, _GxIdeNewKb_shortcutsSrc, _GxIdeNewKb_kbSectionsModel, _GxIdeNewKb_authenticationTypeEl, _GxIdeNewKb_collationEl, _GxIdeNewKb_createDataFilesInKBFolderEl, _GxIdeNewKb_databaseNameEl, _GxIdeNewKb_dataSourceEl, _GxIdeNewKb_kbNameEl, _GxIdeNewKb_locationEl, _GxIdeNewKb_locationModeEl, _GxIdeNewKb_locationModeModel, _GxIdeNewKb_locationElRegistered, _GxIdeNewKb_passwordEl, _GxIdeNewKb_prototypingEnvironmentEl, _GxIdeNewKb_prototypingTargetEl, _GxIdeNewKb_savePasswordEl, _GxIdeNewKb_serverNameEl, _GxIdeNewKb_userInterfaceLanguageEl, _GxIdeNewKb_userNameEl, _GxIdeNewKb_chShortcutsEl, _GxIdeNewKb_handlerAuthenticationTypeInput, _GxIdeNewKb_handlerServerNameInput, _GxIdeNewKb_prototypingEnvironmentValueChangedHandler, _GxIdeNewKb_prototypingTargetValueChangedHandler, _GxIdeNewKb_dataSourceValueChangedHandler, _GxIdeNewKb_renderAdvanced, _GxIdeNewKb_renderBasic, _GxIdeNewKb_cancelKbHandler, _GxIdeNewKb_createKbHandler, _GxIdeNewKb_evaluateCreateDataCheckboxEnabled, _GxIdeNewKb_evaluateTooltipRender, _GxIdeNewKb_evaluateUserInputsDisplay, _GxIdeNewKb_frontEndCheckboxInputHandler, _GxIdeNewKb_updateFrontEndsCheckedMap, _GxIdeNewKb_getPrototypingEnvironments, _GxIdeNewKb_getDataSources, _GxIdeNewKb_initialSetupAdvancedTab, _GxIdeNewKb_initializeValidatableControlsBasicTab, _GxIdeNewKb_initializeValidatableControlsAdvancedTab, _GxIdeNewKb_selectLocationHandler, _GxIdeNewKb_locationModeChangeHandler, _GxIdeNewKb_tabSelectionChangedHandler, _GxIdeNewKb_updateFrontEnds;
+var _GxIdeNewKb_advancedTabHasBeenRendered, _GxIdeNewKb_componentLocale, _GxIdeNewKb_frontEndsCheckedMap, _GxIdeNewKb_selectedPrototypingEnvironmentId, _GxIdeNewKb_selectedDataSourceId, _GxIdeNewKb_shortcutsSrc, _GxIdeNewKb_kbSectionsModel, _GxIdeNewKb_authenticationTypeEl, _GxIdeNewKb_collationEl, _GxIdeNewKb_createDataFilesInKBFolderEl, _GxIdeNewKb_databaseNameEl, _GxIdeNewKb_dataSourceEl, _GxIdeNewKb_kbNameEl, _GxIdeNewKb_locationEl, _GxIdeNewKb_locationModeEl, _GxIdeNewKb_locationModeModel, _GxIdeNewKb_locationElRegistered, _GxIdeNewKb_credentialControlsRegistered, _GxIdeNewKb_passwordEl, _GxIdeNewKb_prototypingEnvironmentEl, _GxIdeNewKb_prototypingTargetEl, _GxIdeNewKb_savePasswordEl, _GxIdeNewKb_serverNameEl, _GxIdeNewKb_userInterfaceLanguageEl, _GxIdeNewKb_userNameEl, _GxIdeNewKb_chShortcutsEl, _GxIdeNewKb_computeDefaultDatabaseName, _GxIdeNewKb_kbNameInputHandler, _GxIdeNewKb_databaseNameInputHandler, _GxIdeNewKb_handlerAuthenticationTypeInput, _GxIdeNewKb_handlerCredentialsChanged, _GxIdeNewKb_browseForMoreHandler, _GxIdeNewKb_serverNameChangedHandler, _GxIdeNewKb_classifyServer, _GxIdeNewKb_createDataFilesInKBFolderDisabled, _GxIdeNewKb_sqlAuthMissingCredentials, _GxIdeNewKb_applyCreateDataFilesInKBFolderForServer, _GxIdeNewKb_loadCollationsForCurrentConnection, _GxIdeNewKb_prototypingEnvironmentValueChangedHandler, _GxIdeNewKb_prototypingTargetValueChangedHandler, _GxIdeNewKb_dataSourceValueChangedHandler, _GxIdeNewKb_renderAdvanced, _GxIdeNewKb_renderBasic, _GxIdeNewKb_cancelKbHandler, _GxIdeNewKb_createKbHandler, _GxIdeNewKb_evaluateTooltipRender, _GxIdeNewKb_frontEndCheckboxInputHandler, _GxIdeNewKb_updateFrontEndsCheckedMap, _GxIdeNewKb_getPrototypingEnvironments, _GxIdeNewKb_getDataSources, _GxIdeNewKb_initialSetupAdvancedTab, _GxIdeNewKb_initializeValidatableControlsBasicTab, _GxIdeNewKb_initializeValidatableControlsAdvancedTab, _GxIdeNewKb_selectLocationHandler, _GxIdeNewKb_locationModeChangeHandler, _GxIdeNewKb_tabSelectionChangedHandler, _GxIdeNewKb_loadAdvancedTabData, _GxIdeNewKb_updateFrontEnds;
 import { Host, getAssetPath, h } from "@stencil/core";
 import { getIconPath } from "@genexus/mercury";
 import { config } from "../../common/config";
@@ -33,7 +33,8 @@ const CSS_BUNDLES = [
     "utils/spacing",
     "chameleon/scrollbar"
 ];
-const WINDOWS_AUTHENTICATION_VALUE = "windows-authentication";
+const WINDOWS_AUTHENTICATION_VALUE = "WINDOWS_AUTHENTICATION";
+const LOCALDB_INSTANCE = "(LocalDB)\\MSSQLLocalDB";
 const MAIN_SECTION_CLASSES = "main";
 const BASIC_SECTION_PARENT_CLASSES = "basic";
 const SYSTEM_ICON = getIconPath({
@@ -41,8 +42,19 @@ const SYSTEM_ICON = getIconPath({
     name: "folder",
     colorType: "primary"
 });
+const WARNING_ICON = getIconPath({
+    category: "system",
+    name: "warning",
+    colorType: "on-interactive"
+});
+const DATABASE_ICON = getIconPath({
+    category: "system",
+    name: "database",
+    colorType: "primary"
+});
 const LOCATION_MODE_DEFAULT = "default";
 const LOCATION_MODE_CUSTOM = "custom";
+const DATABASE_NAME_PREFIX = "GX_KB_";
 const BASIC_TAB_SELECTOR = "basic";
 const ADVANCED_TAB_SELECTOR = "advanced";
 export class GxIdeNewKb {
@@ -73,6 +85,7 @@ export class GxIdeNewKb {
         _GxIdeNewKb_locationModeEl.set(this, void 0);
         _GxIdeNewKb_locationModeModel.set(this, void 0);
         _GxIdeNewKb_locationElRegistered.set(this, false);
+        _GxIdeNewKb_credentialControlsRegistered.set(this, false);
         _GxIdeNewKb_passwordEl.set(this, void 0);
         _GxIdeNewKb_prototypingEnvironmentEl.set(this, void 0);
         _GxIdeNewKb_prototypingTargetEl.set(this, void 0);
@@ -81,23 +94,122 @@ export class GxIdeNewKb {
         _GxIdeNewKb_userInterfaceLanguageEl.set(this, void 0);
         _GxIdeNewKb_userNameEl.set(this, void 0);
         _GxIdeNewKb_chShortcutsEl.set(this, void 0);
-        // Uncomment when "TODO: define button handler and logic" is done.
-        // #geminiToolsSearchPrimary = getIconPath({
-        //   category: "gemini-tools",
-        //   name: "search",
-        //   colorType: "primary"
-        // });
-        // #geminiToolsResetPrimary = getIconPath({
-        //   category: "gemini-tools",
-        //   name: "reset",
-        //   colorType: "primary"
-        // });
-        _GxIdeNewKb_handlerAuthenticationTypeInput.set(this, (e) => {
-            const authenticationTypeValue = e === null || e === void 0 ? void 0 : e.detail;
-            __classPrivateFieldGet(this, _GxIdeNewKb_evaluateUserInputsDisplay, "f").call(this, authenticationTypeValue);
+        _GxIdeNewKb_computeDefaultDatabaseName.set(this, (kbName) => `${DATABASE_NAME_PREFIX}${kbName !== null && kbName !== void 0 ? kbName : ""}`);
+        _GxIdeNewKb_kbNameInputHandler.set(this, (e) => {
+            var _a, _b;
+            const kbNameValue = ((_a = e.detail) !== null && _a !== void 0 ? _a : (_b = __classPrivateFieldGet(this, _GxIdeNewKb_kbNameEl, "f")) === null || _b === void 0 ? void 0 : _b.value);
+            this.databaseNameValue = __classPrivateFieldGet(this, _GxIdeNewKb_computeDefaultDatabaseName, "f").call(this, kbNameValue);
+        });
+        _GxIdeNewKb_databaseNameInputHandler.set(this, (e) => {
+            var _a, _b;
+            this.databaseNameValue = ((_a = e.detail) !== null && _a !== void 0 ? _a : (_b = __classPrivateFieldGet(this, _GxIdeNewKb_databaseNameEl, "f")) === null || _b === void 0 ? void 0 : _b.value);
+        });
+        _GxIdeNewKb_handlerAuthenticationTypeInput.set(this, async (e) => {
+            this.authenticationTypeValue = e === null || e === void 0 ? void 0 : e.detail;
+            this.collations = [];
+            this.defaultCollation = undefined;
+            this.connectionStatus = undefined;
+            await __classPrivateFieldGet(this, _GxIdeNewKb_loadCollationsForCurrentConnection, "f").call(this);
+        });
+        _GxIdeNewKb_handlerCredentialsChanged.set(this, async () => {
+            var _a, _b, _c, _d;
+            this.userNameValue = (_b = (_a = __classPrivateFieldGet(this, _GxIdeNewKb_userNameEl, "f")) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
+            this.passwordValue = (_d = (_c = __classPrivateFieldGet(this, _GxIdeNewKb_passwordEl, "f")) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : "";
+            await __classPrivateFieldGet(this, _GxIdeNewKb_loadCollationsForCurrentConnection, "f").call(this);
+        });
+        _GxIdeNewKb_browseForMoreHandler.set(this, async () => {
+            if (!this.browseForMoreCallback) {
+                return;
+            }
+            this.browseForMoreDialogOpen = true;
+            try {
+                const selectedInstance = await this.browseForMoreCallback();
+                if (selectedInstance) {
+                    this.serverNameValue = selectedInstance;
+                    if (__classPrivateFieldGet(this, _GxIdeNewKb_serverNameEl, "f")) {
+                        __classPrivateFieldGet(this, _GxIdeNewKb_serverNameEl, "f").value = selectedInstance;
+                    }
+                    await __classPrivateFieldGet(this, _GxIdeNewKb_serverNameChangedHandler, "f").call(this, new CustomEvent("change", { detail: selectedInstance }));
+                }
+            }
+            catch (error) {
+            }
+            finally {
+                this.browseForMoreDialogOpen = false;
+            }
+        });
+        _GxIdeNewKb_serverNameChangedHandler.set(this, async (e) => {
+            var _a, _b;
+            const selectedInstance = (_a = e === null || e === void 0 ? void 0 : e.detail) !== null && _a !== void 0 ? _a : (_b = e.target) === null || _b === void 0 ? void 0 : _b.value;
+            this.serverNameValue = selectedInstance !== null && selectedInstance !== void 0 ? selectedInstance : "";
+            __classPrivateFieldGet(this, _GxIdeNewKb_applyCreateDataFilesInKBFolderForServer, "f").call(this);
+            await __classPrivateFieldGet(this, _GxIdeNewKb_loadCollationsForCurrentConnection, "f").call(this);
+        });
+        _GxIdeNewKb_classifyServer.set(this, (serverName) => {
+            var _a;
+            if (!serverName) {
+                return "empty";
+            }
+            if (serverName.toLowerCase() === LOCALDB_INSTANCE.toLowerCase()) {
+                return "localdb";
+            }
+            const isLocal = ((_a = this.serverInstances) !== null && _a !== void 0 ? _a : []).some(s => { var _a; return ((_a = s.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === serverName.toLowerCase(); });
+            return isLocal ? "local" : "remote";
+        });
+        _GxIdeNewKb_createDataFilesInKBFolderDisabled.set(this, () => {
+            const kind = __classPrivateFieldGet(this, _GxIdeNewKb_classifyServer, "f").call(this, this.serverNameValue);
+            return kind === "localdb" || kind === "remote" || kind === "empty";
+        });
+        _GxIdeNewKb_sqlAuthMissingCredentials.set(this, () => {
+            const authType = this.authenticationTypeValue;
+            if (!authType || authType === WINDOWS_AUTHENTICATION_VALUE) {
+                return false;
+            }
+            return !this.userNameValue || !this.passwordValue;
         });
-        _GxIdeNewKb_handlerServerNameInput.set(this, (e) => {
-            __classPrivateFieldGet(this, _GxIdeNewKb_evaluateCreateDataCheckboxEnabled, "f").call(this, e.detail);
+        _GxIdeNewKb_applyCreateDataFilesInKBFolderForServer.set(this, () => {
+            const kind = __classPrivateFieldGet(this, _GxIdeNewKb_classifyServer, "f").call(this, this.serverNameValue);
+            if (kind === "local" || kind === "localdb") {
+                this.createDataFilesInKBFolder = true;
+            }
+            else if (kind === "remote") {
+                this.createDataFilesInKBFolder = false;
+            }
+        });
+        _GxIdeNewKb_loadCollationsForCurrentConnection.set(this, async () => {
+            var _a, _b, _c, _d;
+            const selectedInstance = this.serverNameValue;
+            if (!selectedInstance ||
+                !this.getCollationsForInstanceCallback ||
+                this.connectionStatus === "connecting") {
+                return;
+            }
+            const authType = this.authenticationTypeValue;
+            const isWindowsAuth = authType === WINDOWS_AUTHENTICATION_VALUE;
+            const userName = isWindowsAuth ? undefined : (_a = __classPrivateFieldGet(this, _GxIdeNewKb_userNameEl, "f")) === null || _a === void 0 ? void 0 : _a.value;
+            const password = isWindowsAuth ? undefined : (_b = __classPrivateFieldGet(this, _GxIdeNewKb_passwordEl, "f")) === null || _b === void 0 ? void 0 : _b.value;
+            if (!isWindowsAuth && authType && (!userName || !password)) {
+                return;
+            }
+            this.connectionStatus = "connecting";
+            try {
+                const result = await this.getCollationsForInstanceCallback(selectedInstance, authType, userName, password);
+                if (result) {
+                    this.collations = (_c = result.collations) !== null && _c !== void 0 ? _c : [];
+                    this.defaultCollation = (_d = result.defaultCollation) !== null && _d !== void 0 ? _d : undefined;
+                    this.connectionStatus = "success";
+                }
+                else {
+                    this.collations = [];
+                    this.defaultCollation = undefined;
+                    this.connectionStatus = "failed";
+                }
+            }
+            catch (_e) {
+                this.collations = [];
+                this.defaultCollation = undefined;
+                this.connectionStatus = "failed";
+            }
         });
         _GxIdeNewKb_prototypingEnvironmentValueChangedHandler.set(this, (event) => {
             __classPrivateFieldSet(this, _GxIdeNewKb_selectedPrototypingEnvironmentId, event.detail, "f");
@@ -112,56 +224,20 @@ export class GxIdeNewKb {
             __classPrivateFieldSet(this, _GxIdeNewKb_selectedDataSourceId, __classPrivateFieldGet(this, _GxIdeNewKb_dataSourceEl, "f").value, "f");
         });
         _GxIdeNewKb_renderAdvanced.set(this, () => {
+            const showCredentials = this.authenticationTypeValue !== WINDOWS_AUTHENTICATION_VALUE;
             return [
-                h("h2", {
-                    // #knowledge base storage
-                    class: "dialog-header subtitle-regular-xs\t text-align-center"
-                }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.tabTitle),
-                h("div", { class: "field-group tab-advanced__field-group" }, h("div", {
-                    // #server name
-                    class: "field field-block server-name-field"
-                }, h("label", { class: "label", htmlFor: "serverName" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.serverName.label), h("ch-combo-box-render", { class: "combo-box", disabled: this.serverNames.length === 0, placeholder: this.serverNames.length === 0
-                        ? __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.serverName
+                h("section", { class: "kb-storage-card", part: "kb-storage-card" }, h("header", { class: "kb-storage-card__header" }, h("div", { class: "kb-storage-card__heading" }, h("h2", { class: "kb-storage-card__title body-semi-bold-m" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.tabTitle))), h("div", { class: "kb-storage-card__grid" }, h("div", { class: "kb-storage-column" }, h("div", { class: "kb-storage-column__title body-regular-xs" }, h("span", { class: "kb-storage-column__title-text" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.connectionGroup), h("span", { class: "kb-storage-column__title-rule", "aria-hidden": "true" })), h("div", { class: "field-group field-group--stacked" }, h("div", { class: "field field-block server-name-field" }, h("label", { class: "label", htmlFor: "serverName" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.serverName.label), h("div", { class: "server-name-wrapper" }, h("ch-combo-box-render", { class: "combo-box", value: this.serverNameValue, ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_serverNameEl, el, "f")), id: "serverName", part: "server-name", model: this.serverInstancesComboBoxModel, suggest: true, suggestDebounce: config.inputDebounce, onInput: __classPrivateFieldGet(this, _GxIdeNewKb_serverNameChangedHandler, "f"), onChange: __classPrivateFieldGet(this, _GxIdeNewKb_serverNameChangedHandler, "f") }), h("button", { class: "button-tertiary button-icon-only", "aria-label": __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.serverName.browseForMore, part: "button-browse-for-more", onClick: __classPrivateFieldGet(this, _GxIdeNewKb_browseForMoreHandler, "f") }, h("ch-image", { class: "icon-m", src: DATABASE_ICON }), !this.browseForMoreDialogOpen && (h("ch-tooltip", { class: "tooltip", actionElement: null, blockAlign: "outside-start", inlineAlign: "center", delay: config.tooltipSettings.delay }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.serverName
+                    .browseForMore)))), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_serverNameEl, "f"))), h("div", { class: "field field-block database-field" }, h("label", { class: "label", htmlFor: "databaseName" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.databaseName.label), h("ch-edit", { class: "input", value: this.databaseNameValue, id: "databaseName", part: "database-name", onInput: __classPrivateFieldGet(this, _GxIdeNewKb_databaseNameInputHandler, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_databaseNameEl, el, "f")) }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_databaseNameEl, "f"))), h("div", { class: "field field-block collation-field" }, h("label", { class: "label", htmlFor: "collation" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.collation.label), h("ch-combo-box-render", { class: "combo-box", disabled: !this.serverNameValue || this.collations.length === 0, placeholder: this.collations.length === 0
+                        ? __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.collation
                             .disabledPlaceholder
-                        : "", value: this.serverNamesInitialValue, ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_serverNameEl, el, "f")), model: this.serverNamesComboBoxModel, onInput: this.serverNames.length > 0 && __classPrivateFieldGet(this, _GxIdeNewKb_handlerServerNameInput, "f"), id: "serverName", part: "server-name" }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_serverNameEl, "f"))), h("div", {
-                    // #authentication type
-                    class: "field field-block authentication-type-field"
-                }, h("label", { class: "label", htmlFor: "authenticationType" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.authenticationType.label), h("ch-combo-box-render", { class: "combo-box", disabled: this.authenticationTypes.length === 0, placeholder: this.authenticationTypes.length === 0
+                        : "", value: this.defaultCollation, ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_collationEl, el, "f")), model: this.collationsComboBoxModel, id: "collation", part: "collation" }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_collationEl, "f"))), h("ch-checkbox", { class: "checkbox", checkedValue: "true", value: this.createDataFilesInKBFolder ? "true" : undefined, disabled: __classPrivateFieldGet(this, _GxIdeNewKb_createDataFilesInKBFolderDisabled, "f").call(this), caption: __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.createDataFilesInKbFolder, part: "create-data-in-kb", id: "createDataFilesInKBFolder", ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_createDataFilesInKBFolderEl, el, "f")) }))), h("div", { class: "kb-storage-column" }, h("div", { class: "kb-storage-column__title body-regular-xs" }, h("span", { class: "kb-storage-column__title-text" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.authenticationGroup), h("span", { class: "kb-storage-column__title-rule", "aria-hidden": "true" })), h("div", { class: "field-group field-group--stacked" }, h("div", { class: "field field-block authentication-type-field" }, h("label", { class: "label", htmlFor: "authenticationType" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.authenticationType.label), h("ch-combo-box-render", { class: "combo-box", disabled: this.authenticationTypes.length === 0, placeholder: this.authenticationTypes.length === 0
                         ? __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.authenticationType
                             .disabledPlaceholder
-                        : "", value: this.authenticationTypesInitialValue, ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_authenticationTypeEl, el, "f")), model: this.authenticationTypesComboBoxModel, id: "authenticationType", part: "authentication-type", onInput: this.authenticationTypes.length > 0
+                        : "", value: this.authenticationTypeValue, ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_authenticationTypeEl, el, "f")), model: this.authenticationTypesComboBoxModel, id: "authenticationType", part: "authentication-type", onInput: this.authenticationTypes.length > 0
                         ? __classPrivateFieldGet(this, _GxIdeNewKb_handlerAuthenticationTypeInput, "f")
-                        : undefined }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_authenticationTypeEl, "f"))), h("div", {
-                    // #database
-                    class: "field field-block database-field"
-                }, h("label", { class: "label", htmlFor: "databaseName" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.databaseName.label), h("ch-edit", {
-                    // TODO add placeholder
-                    class: "input", value: this.databaseName, id: "databaseName", part: "database-name", ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_databaseNameEl, el, "f"))
-                }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_databaseNameEl, "f"))), this.userNameVisible ? (h("div", {
-                    // #username
-                    class: "field field-block username-field"
-                }, h("label", { class: "label", htmlFor: "userName" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.userName.label), h("ch-edit", {
-                    // TODO add placeholder
-                    class: "input", value: this.userName, id: "userName", part: "user-name", ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_userNameEl, el, "f"))
-                }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_userNameEl, "f")))) : null, h("div", {
-                    // #collation
-                    class: "field field-block collation-field"
-                }, h("label", { class: "label", htmlFor: "collation" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.collation.label), h("ch-combo-box-render", { class: "combo-box", disabled: this.serverNames.length === 0, placeholder: this.collations.length === 0
-                        ? __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.collation
-                            .disabledPlaceholder
-                        : "", value: this.collationsInitialValue, ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_collationEl, el, "f")), model: this.collationsComboBoxModel, id: "collation", part: "collation" }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_collationEl, "f"))), this.passwordVisible ? (h("div", {
-                    // #password
-                    class: "field field-block password-field"
-                }, h("label", { class: "label", htmlFor: "password" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.password.label), h("ch-edit", {
-                    // TODO add placeholder
-                    class: "input", type: "password", value: this.password, id: "password", part: "password", ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_passwordEl, el, "f"))
-                }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_passwordEl, "f")))) : null, h("ch-checkbox", {
-                    // #create data in knowledge base folder
-                    class: "checkbox create-data-in-kb-checkbox", checkedValue: "createDataFilesInKBFolder", caption: __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.createDataFilesInKbFolder, disabled: this.createDataInKbDisabled, part: "create-data-in-kb", id: "createDataFilesInKBFolder", ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_createDataFilesInKBFolderEl, el, "f"))
-                }), this.savePasswordVisible ? (h("ch-checkbox", {
-                    // #save password
-                    class: "checkbox save-password-checkbox", checkedValue: "password", caption: __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.savePassword, part: "save-password", id: "savePassword", ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_savePasswordEl, el, "f"))
-                })) : null)
+                        : undefined }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_authenticationTypeEl, "f"))), showCredentials ? (h("div", { class: "kb-storage-credentials" }, h("div", { class: "field field-block username-field" }, h("label", { class: "label", htmlFor: "userName" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.userName.label), h("ch-edit", { class: "input", value: this.userName, id: "userName", part: "user-name", ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_userNameEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeNewKb_handlerCredentialsChanged, "f"), debounce: config.inputDebounce }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_userNameEl, "f"))), h("div", { class: "field field-block password-field" }, h("label", { class: "label", htmlFor: "password" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.password.label), h("ch-edit", { class: "input", type: "password", showPasswordButton: true, value: this.password, id: "password", part: "password", ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_passwordEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeNewKb_handlerCredentialsChanged, "f"), debounce: config.inputDebounce }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_passwordEl, "f"))), h("ch-checkbox", { class: "checkbox", checkedValue: "password", value: "password", caption: __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.savePassword, part: "save-password", id: "savePassword", ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_savePasswordEl, el, "f")), disabled: true }))) : (h("div", { class: "kb-storage-callout", part: "windows-auth-callout" }, h("ch-image", { class: "icon-l", src: WARNING_ICON, type: "mask" }), h("div", { class: "kb-storage-callout-inner" }, h("span", { class: "kb-storage-callout__title body-semi-bold-s" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced
+                    .windowsAuthCalloutTitle), h("span", { class: "kb-storage-callout__description body-regular-xs" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced
+                    .windowsAuthCalloutDescription))))))))
             ];
         });
         _GxIdeNewKb_renderBasic.set(this, () => {
@@ -225,25 +301,12 @@ export class GxIdeNewKb {
                 savePassword: !!((_m = __classPrivateFieldGet(this, _GxIdeNewKb_savePasswordEl, "f")) === null || _m === void 0 ? void 0 : _m.value),
                 serverName: (_o = __classPrivateFieldGet(this, _GxIdeNewKb_serverNameEl, "f")) === null || _o === void 0 ? void 0 : _o.value,
                 userInterfaceLanguage: (_p = __classPrivateFieldGet(this, _GxIdeNewKb_userInterfaceLanguageEl, "f")) === null || _p === void 0 ? void 0 : _p.value,
-                userName: (_q = __classPrivateFieldGet(this, _GxIdeNewKb_userNameEl, "f")) === null || _q === void 0 ? void 0 : _q.value
+                userName: (_q = __classPrivateFieldGet(this, _GxIdeNewKb_userNameEl, "f")) === null || _q === void 0 ? void 0 : _q.value,
+                creationMode: this.selectedTab
             }).then((formSubmitResult) => {
                 this.validatableControls = validateControls(formSubmitResult, this.validatableControls);
             });
         });
-        /**
-         * Disable "Create Data in Knowledge Base Folder" if the first Server Name
-         * option is selected.
-         * */
-        // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        _GxIdeNewKb_evaluateCreateDataCheckboxEnabled.set(this, (serverNameValue) => {
-            var _a;
-            if (((_a = this.serverNames[0]) === null || _a === void 0 ? void 0 : _a.id) === serverNameValue) {
-                this.createDataInKbDisabled = true;
-            }
-            else {
-                this.createDataInKbDisabled = false;
-            }
-        });
         // TODO: evaluate if this should be a global helper function.
         // It is used on new-kb as well.
         _GxIdeNewKb_evaluateTooltipRender.set(this, (controlReference) => {
@@ -251,23 +314,6 @@ export class GxIdeNewKb {
             return ((_b = (_a = this.validatableControls) === null || _a === void 0 ? void 0 : _a.get(controlReference === null || controlReference === void 0 ? void 0 : controlReference.id)) === null || _b === void 0 ? void 0 : _b.hasError) &&
                 ((_c = this.validatableControls.get(controlReference.id)) === null || _c === void 0 ? void 0 : _c.message) && (h("ch-tooltip", { class: "tooltip", actionElement: controlReference, blockAlign: config.tooltipSettings.blockAlign, inlineAlign: config.tooltipSettings.inlineAlign, delay: config.tooltipSettings.delay }, this.validatableControls.get(controlReference.id).message));
         });
-        /**
-         * If "Authentication Type" is "Windows Authentication", hide User Name,
-         * Password, and Save Password fields.
-         */
-        // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        _GxIdeNewKb_evaluateUserInputsDisplay.set(this, (authenticationTypeValue) => {
-            if (authenticationTypeValue === WINDOWS_AUTHENTICATION_VALUE) {
-                this.userNameVisible = false;
-                this.passwordVisible = false;
-                this.savePasswordVisible = false;
-            }
-            else {
-                this.userNameVisible = true;
-                this.passwordVisible = true;
-                this.savePasswordVisible = true;
-            }
-        });
         _GxIdeNewKb_frontEndCheckboxInputHandler.set(this, (event) => {
             const checkedValue = event.target.checkedValue;
             const checked = event.detail === checkedValue;
@@ -330,13 +376,10 @@ export class GxIdeNewKb {
             }
         });
         _GxIdeNewKb_initialSetupAdvancedTab.set(this, () => {
-            const selectedServerNameValue = __classPrivateFieldGet(this, _GxIdeNewKb_serverNameEl, "f").value;
-            __classPrivateFieldGet(this, _GxIdeNewKb_evaluateCreateDataCheckboxEnabled, "f").call(this, selectedServerNameValue);
-            const selectedAuthenticationType = __classPrivateFieldGet(this, _GxIdeNewKb_authenticationTypeEl, "f").value;
-            __classPrivateFieldGet(this, _GxIdeNewKb_evaluateUserInputsDisplay, "f").call(this, selectedAuthenticationType);
-            // map all "Advanced Tab" GxOption[]'s to ComboBoxModel's
-            this.watchAuthenticationTypes(this.authenticationTypes);
-            this.watchCollations(this.collations);
+            const hasWindowsAuth = this.authenticationTypes.some(opt => opt.id === WINDOWS_AUTHENTICATION_VALUE);
+            if (hasWindowsAuth) {
+                this.authenticationTypeValue = WINDOWS_AUTHENTICATION_VALUE;
+            }
         });
         _GxIdeNewKb_initializeValidatableControlsBasicTab.set(this, () => {
             // populate #controlsValidation with the controls that could have errors.
@@ -398,10 +441,49 @@ export class GxIdeNewKb {
             this.locationMode = __classPrivateFieldGet(this, _GxIdeNewKb_locationModeEl, "f").value;
         });
         _GxIdeNewKb_tabSelectionChangedHandler.set(this, (event) => {
+            this.selectedTab = event.detail.newSelectedId;
             if (event.detail.newSelectedId === ADVANCED_TAB_SELECTOR) {
-                this.advancedTabIsVisible = true;
-                // Some logic for advanced tab is done on componentDidRender lifecycle,
-                // since the reference to the elements is needed.
+                if (!this.advancedTabIsVisible) {
+                    this.advancedTabIsVisible = true;
+                    __classPrivateFieldGet(this, _GxIdeNewKb_loadAdvancedTabData, "f").call(this);
+                }
+            }
+            else {
+                this.connectionStatus = undefined;
+            }
+        });
+        _GxIdeNewKb_loadAdvancedTabData.set(this, async () => {
+            var _a, _b, _c, _d, _e, _f, _g;
+            if (!this.getAdvancedTabDataCallback || this.loadingAdvancedTab) {
+                return;
+            }
+            this.loadingAdvancedTab = true;
+            this.connectionStatus = "connecting";
+            try {
+                const data = await this.getAdvancedTabDataCallback();
+                if (data) {
+                    if (data.serverName != null) {
+                        this.serverNameValue = data.serverName;
+                        __classPrivateFieldGet(this, _GxIdeNewKb_applyCreateDataFilesInKBFolderForServer, "f").call(this);
+                    }
+                    this.serverInstances = (_a = data.serverInstances) !== null && _a !== void 0 ? _a : this.serverInstances;
+                    this.collations = (_b = data.collations) !== null && _b !== void 0 ? _b : this.collations;
+                    this.authenticationTypes =
+                        (_c = data.authenticationTypes) !== null && _c !== void 0 ? _c : this.authenticationTypes;
+                    this.defaultCollation = (_d = data.defaultCollation) !== null && _d !== void 0 ? _d : this.defaultCollation;
+                    this.authenticationTypeValue =
+                        (_g = (_f = (_e = data.authenticationTypes) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.id) !== null && _g !== void 0 ? _g : this.authenticationTypeValue;
+                    this.connectionStatus = "success";
+                }
+                else {
+                    this.connectionStatus = "failed";
+                }
+            }
+            catch (_h) {
+                this.connectionStatus = "failed";
+            }
+            finally {
+                this.loadingAdvancedTab = false;
             }
         });
         /**
@@ -426,32 +508,37 @@ export class GxIdeNewKb {
             }
         });
         this.advancedTabIsVisible = false;
+        this.loadingAdvancedTab = false;
+        this.browseForMoreDialogOpen = false;
+        this.databaseNameValue = "";
         this.locationMode = LOCATION_MODE_DEFAULT;
         this.frontEnds = undefined;
         this.validatableControls = new Map();
-        this.createDataInKbDisabled = false;
-        this.userNameVisible = true;
-        this.passwordVisible = true;
-        this.savePasswordVisible = true;
+        this.connectionStatus = undefined;
+        this.userNameValue = "";
+        this.passwordValue = "";
+        this.authenticationTypes = [];
         this.authenticationTypesComboBoxModel = [];
-        this.authenticationTypesInitialValue = undefined;
+        this.authenticationTypeValue = undefined;
+        this.collations = [];
         this.collationsComboBoxModel = [];
-        this.collationsInitialValue = undefined;
+        this.defaultCollation = undefined;
         this.defaultDataSourcesComboBoxModel = [];
         this.prototypingTargetsComboBoxModel = [];
         this.prototypingTargetsInitialValue = undefined;
         this.prototypingEnvironmentsComboBoxModel = [];
         this.prototypingEnvironmentsInitialValue = undefined;
-        this.serverNamesComboBoxModel = [];
-        this.serverNamesInitialValue = undefined;
+        this.serverInstances = [];
+        this.serverInstancesComboBoxModel = [];
+        this.serverNameValue = "";
         this.userInterfaceLanguagesComboBoxModel = [];
         this.userInterfaceLanguagesInitialValue = undefined;
-        this.authenticationTypes = [];
+        this.selectedTab = BASIC_TAB_SELECTOR;
         this.cancelCallback = undefined;
         this.canSetLocation = false;
-        this.collations = undefined;
+        this.getAdvancedTabDataCallback = undefined;
         this.createCallback = undefined;
-        this.createDataFilesInKBFolder = false;
+        this.createDataFilesInKBFolder = true;
         this.databaseName = undefined;
         this.defaultDataSources = [];
         this.getDataSourcesCallback = undefined;
@@ -465,7 +552,8 @@ export class GxIdeNewKb {
         this.prototypingTargets = [];
         this.savePassword = false;
         this.selectLocationCallback = undefined;
-        this.serverNames = [];
+        this.browseForMoreCallback = undefined;
+        this.getCollationsForInstanceCallback = undefined;
         this.userInterfaceLanguages = [];
         this.userName = undefined;
     }
@@ -473,14 +561,22 @@ export class GxIdeNewKb {
         if (newValue === null || newValue === void 0 ? void 0 : newValue.length) {
             this.authenticationTypesComboBoxModel =
                 mapOptionsToComboBoxItemModel(newValue);
-            this.authenticationTypesInitialValue = getSelectedItem(newValue);
+            this.authenticationTypeValue = getSelectedItem(newValue);
         }
     }
     watchCollations(newValue) {
-        if (newValue === null || newValue === void 0 ? void 0 : newValue.length) {
-            this.collationsComboBoxModel = mapOptionsToComboBoxItemModel(newValue);
-            this.collationsInitialValue = getSelectedItem(newValue);
+        if (!(newValue === null || newValue === void 0 ? void 0 : newValue.length)) {
+            this.collationsComboBoxModel = [];
+            return;
+        }
+        this.collationsComboBoxModel = mapOptionsToComboBoxItemModel(newValue);
+    }
+    watchServerInstances(newValue) {
+        if (!(newValue === null || newValue === void 0 ? void 0 : newValue.length)) {
+            this.serverInstancesComboBoxModel = [];
+            return;
         }
+        this.serverInstancesComboBoxModel = mapOptionsToComboBoxItemModel(newValue);
     }
     watchDefaultDataSources(newValue) {
         if (newValue === null || newValue === void 0 ? void 0 : newValue.length) {
@@ -506,12 +602,6 @@ export class GxIdeNewKb {
             __classPrivateFieldGet(this, _GxIdeNewKb_getPrototypingEnvironments, "f").call(this);
         }
     }
-    watchServerNames(newValue) {
-        if (newValue === null || newValue === void 0 ? void 0 : newValue.length) {
-            this.serverNamesComboBoxModel = mapOptionsToComboBoxItemModel(newValue);
-            this.serverNamesInitialValue = getSelectedItem(newValue);
-        }
-    }
     watchUserInterfaceLanguages(newValue) {
         if (newValue === null || newValue === void 0 ? void 0 : newValue.length) {
             this.userInterfaceLanguagesComboBoxModel =
@@ -520,7 +610,14 @@ export class GxIdeNewKb {
         }
     }
     async componentWillLoad() {
+        var _a, _b;
         __classPrivateFieldSet(this, _GxIdeNewKb_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        this.databaseNameValue = __classPrivateFieldGet(this, _GxIdeNewKb_computeDefaultDatabaseName, "f").call(this, this.kbName);
+        if (this.databaseName) {
+            this.databaseNameValue = this.databaseName;
+        }
+        this.userNameValue = (_a = this.userName) !== null && _a !== void 0 ? _a : "";
+        this.passwordValue = (_b = this.password) !== null && _b !== void 0 ? _b : "";
         __classPrivateFieldSet(this, _GxIdeNewKb_kbSectionsModel, [
             {
                 id: BASIC_TAB_SELECTOR,
@@ -546,7 +643,6 @@ export class GxIdeNewKb {
         this.watchDefaultDataSources(this.defaultDataSources);
         this.watchDefaultPrototypingEnvironments(this.defaultPrototypingEnvironments);
         this.watchPrototypingTargets(this.prototypingTargets);
-        this.watchServerNames(this.serverNames);
         this.watchUserInterfaceLanguages(this.userInterfaceLanguages);
     }
     componentDidLoad() {
@@ -570,6 +666,28 @@ export class GxIdeNewKb {
             });
             __classPrivateFieldSet(this, _GxIdeNewKb_locationElRegistered, true, "f");
         }
+        // Register credential controls when they become visible (SQL Auth selected)
+        if (this.authenticationTypeValue !== WINDOWS_AUTHENTICATION_VALUE &&
+            !__classPrivateFieldGet(this, _GxIdeNewKb_credentialControlsRegistered, "f") &&
+            __classPrivateFieldGet(this, _GxIdeNewKb_userNameEl, "f") &&
+            __classPrivateFieldGet(this, _GxIdeNewKb_passwordEl, "f")) {
+            this.validatableControls.set(__classPrivateFieldGet(this, _GxIdeNewKb_userNameEl, "f").id, {
+                reference: __classPrivateFieldGet(this, _GxIdeNewKb_userNameEl, "f"),
+                hasError: false,
+                message: undefined
+            });
+            this.validatableControls.set(__classPrivateFieldGet(this, _GxIdeNewKb_passwordEl, "f").id, {
+                reference: __classPrivateFieldGet(this, _GxIdeNewKb_passwordEl, "f"),
+                hasError: false,
+                message: undefined
+            });
+            __classPrivateFieldSet(this, _GxIdeNewKb_credentialControlsRegistered, true, "f");
+        }
+        // Reset flag when switching back to Windows Auth so they re-register next time
+        if (this.authenticationTypeValue === WINDOWS_AUTHENTICATION_VALUE &&
+            __classPrivateFieldGet(this, _GxIdeNewKb_credentialControlsRegistered, "f")) {
+            __classPrivateFieldSet(this, _GxIdeNewKb_credentialControlsRegistered, false, "f");
+        }
     }
     /**
      * Suspends or reactivates the shortcuts
@@ -596,25 +714,30 @@ export class GxIdeNewKb {
             class: "field field-inline kb-name"
         }, h("label", { class: "label kb-label", htmlFor: "kbName" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").header.kbName), h("ch-edit", {
             // TODO add placeholder
-            autoFocus: true, class: "input kb-input", placeholder: "SalesInventory", value: this.kbName, ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_kbNameEl, el, "f")), id: "kbName", part: "kb-name"
+            autoFocus: true, class: "input kb-input", placeholder: "SalesInventory", value: this.kbName, onInput: __classPrivateFieldGet(this, _GxIdeNewKb_kbNameInputHandler, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_kbNameEl, el, "f")), id: "kbName", part: "kb-name"
         }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_kbNameEl, "f"))), this.canSetLocation && (h("div", { class: "location-wrapper" }, h("label", { class: "label location-label" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").header.kbLocation), h("ch-radio-group-render", { class: "radio-group", model: __classPrivateFieldGet(this, _GxIdeNewKb_locationModeModel, "f"), value: LOCATION_MODE_DEFAULT, onChange: __classPrivateFieldGet(this, _GxIdeNewKb_locationModeChangeHandler, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_locationModeEl, el, "f")) }), this.locationMode === LOCATION_MODE_CUSTOM && (h("div", { class: "location-custom-wrapper" }, h("div", { class: "location-field" }, h("ch-edit", { class: "input", value: this.kbLocation, ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_locationEl, el, "f")), id: "kbLocation", part: "kb-location" }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_locationEl, "f"))), h("button", { class: "button-tertiary button-icon-only location-icon", "aria-label": __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").header.selectLocationButton, title: __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").header.selectLocationButton, part: "button-select-location", onClick: __classPrivateFieldGet(this, _GxIdeNewKb_selectLocationHandler, "f") }, h("ch-image", { class: "icon-m", src: SYSTEM_ICON }))))))), this.isAdvanced ? (h("ch-tab-render", {
             // #tab
             class: {
                 scrollable: true,
                 tab: true,
                 [MAIN_SECTION_CLASSES]: true
-            }, tabListPosition: "block-start", model: __classPrivateFieldGet(this, _GxIdeNewKb_kbSectionsModel, "f"), selectedId: BASIC_TAB_SELECTOR, overflow: "auto", contain: "size", onSelectedItemChange: !this.advancedTabIsVisible && __classPrivateFieldGet(this, _GxIdeNewKb_tabSelectionChangedHandler, "f")
-        }, h("div", { slot: BASIC_TAB_SELECTOR, class: BASIC_SECTION_PARENT_CLASSES, part: "tab-button-basic" }, __classPrivateFieldGet(this, _GxIdeNewKb_renderBasic, "f").call(this)), this.advancedTabIsVisible && (h("div", { slot: ADVANCED_TAB_SELECTOR, class: "advanced spacing-body-inline", part: "tab-button-advanced" }, __classPrivateFieldGet(this, _GxIdeNewKb_renderAdvanced, "f").call(this))))) : (h("div", { class: MAIN_SECTION_CLASSES }, h("div", { class: BASIC_SECTION_PARENT_CLASSES }, __classPrivateFieldGet(this, _GxIdeNewKb_renderBasic, "f").call(this)))), h("footer", { class: {
-                "dialog-footer": this.isAdvanced,
-                "dialog-footer-with-border": !this.isAdvanced,
+            }, tabListPosition: "block-start", model: __classPrivateFieldGet(this, _GxIdeNewKb_kbSectionsModel, "f"), selectedId: BASIC_TAB_SELECTOR, overflow: "auto", contain: "size", onSelectedItemChange: __classPrivateFieldGet(this, _GxIdeNewKb_tabSelectionChangedHandler, "f")
+        }, h("div", { slot: BASIC_TAB_SELECTOR, class: BASIC_SECTION_PARENT_CLASSES, part: "tab-button-basic" }, __classPrivateFieldGet(this, _GxIdeNewKb_renderBasic, "f").call(this)), this.advancedTabIsVisible && (h("div", { slot: ADVANCED_TAB_SELECTOR, class: "advanced", part: "tab-button-advanced" }, __classPrivateFieldGet(this, _GxIdeNewKb_renderAdvanced, "f").call(this))))) : (h("div", { class: MAIN_SECTION_CLASSES }, h("div", { class: BASIC_SECTION_PARENT_CLASSES }, __classPrivateFieldGet(this, _GxIdeNewKb_renderBasic, "f").call(this)))), h("footer", { class: {
+                "footer": true,
+                "dialog-footer-with-border": true,
                 "spacing-body-block-end": true,
                 "spacing-body-inline": true
-            } }, h("div", { class: "buttons-spacer" }, h("button", {
+            } }, this.connectionStatus && (h("span", { class: {
+                "connection-status": true,
+                [`connection-status--${this.connectionStatus}`]: true
+            }, part: `connection-status connection-status-${this.connectionStatus}` }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").footer.connectionStatus[this.connectionStatus])), h("div", { class: "buttons-spacer" }, h("button", {
             // #cancel
             class: "button-secondary", id: "button-cancel", onClick: __classPrivateFieldGet(this, _GxIdeNewKb_cancelKbHandler, "f"), part: "button-cancel"
         }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").footer.btnCancel), h("button", {
             // #create
-            class: "button-primary", id: "button-create", onClick: __classPrivateFieldGet(this, _GxIdeNewKb_createKbHandler, "f"), part: "button-create"
+            class: "button-primary", id: "button-create", disabled: this.connectionStatus === "failed" ||
+                this.connectionStatus === "connecting" ||
+                __classPrivateFieldGet(this, _GxIdeNewKb_sqlAuthMissingCredentials, "f").call(this), onClick: __classPrivateFieldGet(this, _GxIdeNewKb_createKbHandler, "f"), part: "button-create"
         }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").footer.btnCreate))))));
     }
     static get is() { return "gx-ide-new-kb"; }
@@ -632,28 +755,6 @@ export class GxIdeNewKb {
     static get assetsDirs() { return ["gx-ide-assets/new-kb"]; }
     static get properties() {
         return {
-            "authenticationTypes": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "GxOption[]",
-                    "resolved": "GxOption[]",
-                    "references": {
-                        "GxOption": {
-                            "location": "import",
-                            "path": "../../common/types",
-                            "id": "src/common/types.ts::GxOption"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Defines the type of authentication for the connection to the previously defined database"
-                },
-                "defaultValue": "[]"
-            },
             "cancelCallback": {
                 "type": "unknown",
                 "mutable": false,
@@ -693,25 +794,25 @@ export class GxIdeNewKb {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "collations": {
+            "getAdvancedTabDataCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "GxOption[]",
-                    "resolved": "GxOption[]",
+                    "original": "GetAdvancedTabDataCallback",
+                    "resolved": "() => Promise<AdvancedTabData>",
                     "references": {
-                        "GxOption": {
-                            "location": "import",
-                            "path": "../../common/types",
-                            "id": "src/common/types.ts::GxOption"
+                        "GetAdvancedTabDataCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/new-kb/new-kb.tsx",
+                            "id": "src/components/new-kb/new-kb.tsx::GetAdvancedTabDataCallback"
                         }
                     }
                 },
-                "required": true,
+                "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "DB Collations"
+                    "text": "Callback invoked when the advanced tab is selected for the first time.\nReturns the data needed to populate the advanced tab fields lazily,\navoiding unnecessary loading at component initialization."
                 }
             },
             "createCallback": {
@@ -737,7 +838,7 @@ export class GxIdeNewKb {
             },
             "createDataFilesInKBFolder": {
                 "type": "boolean",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "boolean",
                     "resolved": "boolean",
@@ -747,11 +848,11 @@ export class GxIdeNewKb {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Disabled if the first item of the 'Server Name' combo is selected"
+                    "text": "It allows defining whether the option to create the data files in the KB folder will be shown in the advanced tab"
                 },
                 "attribute": "create-data-files-in-k-b-folder",
                 "reflect": false,
-                "defaultValue": "false"
+                "defaultValue": "true"
             },
             "databaseName": {
                 "type": "string",
@@ -1007,17 +1108,17 @@ export class GxIdeNewKb {
                     "text": "This is a function provided by the developer that returns a string, with the location path"
                 }
             },
-            "serverNames": {
+            "browseForMoreCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "GxOption[]",
-                    "resolved": "GxOption[]",
+                    "original": "BrowseForMoreCallback",
+                    "resolved": "() => Promise<string>",
                     "references": {
-                        "GxOption": {
-                            "location": "import",
-                            "path": "../../common/types",
-                            "id": "src/common/types.ts::GxOption"
+                        "BrowseForMoreCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/new-kb/new-kb.tsx",
+                            "id": "src/components/new-kb/new-kb.tsx::BrowseForMoreCallback"
                         }
                     }
                 },
@@ -1025,9 +1126,29 @@ export class GxIdeNewKb {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Name of the DB server where we want to persist the information of our KB"
+                    "text": "Callback invoked when the user clicks the \"Browse for more...\" button next\nto the Server Name combo. The host is expected to display its own server\npicker UI and resolve with the name of the selected server instance, which\nwill be set as the value of the Server Name combo."
+                }
+            },
+            "getCollationsForInstanceCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "GetCollationsForInstanceCallback",
+                    "resolved": "(serverInstance: string, authType?: string, userName?: string, password?: string) => Promise<CollationsForInstanceResult>",
+                    "references": {
+                        "GetCollationsForInstanceCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/new-kb/new-kb.tsx",
+                            "id": "src/components/new-kb/new-kb.tsx::GetCollationsForInstanceCallback"
+                        }
+                    }
                 },
-                "defaultValue": "[]"
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when the user selects a different server instance,\nallowing the host to fetch the collations available on that instance."
+                }
             },
             "userInterfaceLanguages": {
                 "type": "unknown",
@@ -1053,7 +1174,7 @@ export class GxIdeNewKb {
             },
             "userName": {
                 "type": "string",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "string",
                     "resolved": "string",
@@ -1063,7 +1184,7 @@ export class GxIdeNewKb {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Username for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)"
+                    "text": "Username for the database connection. Visible if the Authentication Type is different from Windows Authentication"
                 },
                 "attribute": "user-name",
                 "reflect": false
@@ -1073,26 +1194,32 @@ export class GxIdeNewKb {
     static get states() {
         return {
             "advancedTabIsVisible": {},
+            "loadingAdvancedTab": {},
+            "browseForMoreDialogOpen": {},
+            "databaseNameValue": {},
             "locationMode": {},
             "frontEnds": {},
             "validatableControls": {},
-            "createDataInKbDisabled": {},
-            "userNameVisible": {},
-            "passwordVisible": {},
-            "savePasswordVisible": {},
+            "connectionStatus": {},
+            "userNameValue": {},
+            "passwordValue": {},
+            "authenticationTypes": {},
             "authenticationTypesComboBoxModel": {},
-            "authenticationTypesInitialValue": {},
+            "authenticationTypeValue": {},
+            "collations": {},
             "collationsComboBoxModel": {},
-            "collationsInitialValue": {},
+            "defaultCollation": {},
             "defaultDataSourcesComboBoxModel": {},
             "prototypingTargetsComboBoxModel": {},
             "prototypingTargetsInitialValue": {},
             "prototypingEnvironmentsComboBoxModel": {},
             "prototypingEnvironmentsInitialValue": {},
-            "serverNamesComboBoxModel": {},
-            "serverNamesInitialValue": {},
+            "serverInstances": {},
+            "serverInstancesComboBoxModel": {},
+            "serverNameValue": {},
             "userInterfaceLanguagesComboBoxModel": {},
-            "userInterfaceLanguagesInitialValue": {}
+            "userInterfaceLanguagesInitialValue": {},
+            "selectedTab": {}
         };
     }
     static get methods() {
@@ -1128,6 +1255,9 @@ export class GxIdeNewKb {
             }, {
                 "propName": "collations",
                 "methodName": "watchCollations"
+            }, {
+                "propName": "serverInstances",
+                "methodName": "watchServerInstances"
             }, {
                 "propName": "defaultDataSources",
                 "methodName": "watchDefaultDataSources"
@@ -1137,14 +1267,11 @@ export class GxIdeNewKb {
             }, {
                 "propName": "prototypingTargets",
                 "methodName": "watchPrototypingTargets"
-            }, {
-                "propName": "serverNames",
-                "methodName": "watchServerNames"
             }, {
                 "propName": "userInterfaceLanguages",
                 "methodName": "watchUserInterfaceLanguages"
             }];
     }
 }
-_GxIdeNewKb_advancedTabHasBeenRendered = new WeakMap(), _GxIdeNewKb_componentLocale = new WeakMap(), _GxIdeNewKb_frontEndsCheckedMap = new WeakMap(), _GxIdeNewKb_selectedPrototypingEnvironmentId = new WeakMap(), _GxIdeNewKb_selectedDataSourceId = new WeakMap(), _GxIdeNewKb_shortcutsSrc = new WeakMap(), _GxIdeNewKb_kbSectionsModel = new WeakMap(), _GxIdeNewKb_authenticationTypeEl = new WeakMap(), _GxIdeNewKb_collationEl = new WeakMap(), _GxIdeNewKb_createDataFilesInKBFolderEl = new WeakMap(), _GxIdeNewKb_databaseNameEl = new WeakMap(), _GxIdeNewKb_dataSourceEl = new WeakMap(), _GxIdeNewKb_kbNameEl = new WeakMap(), _GxIdeNewKb_locationEl = new WeakMap(), _GxIdeNewKb_locationModeEl = new WeakMap(), _GxIdeNewKb_locationModeModel = new WeakMap(), _GxIdeNewKb_locationElRegistered = new WeakMap(), _GxIdeNewKb_passwordEl = new WeakMap(), _GxIdeNewKb_prototypingEnvironmentEl = new WeakMap(), _GxIdeNewKb_prototypingTargetEl = new WeakMap(), _GxIdeNewKb_savePasswordEl = new WeakMap(), _GxIdeNewKb_serverNameEl = new WeakMap(), _GxIdeNewKb_userInterfaceLanguageEl = new WeakMap(), _GxIdeNewKb_userNameEl = new WeakMap(), _GxIdeNewKb_chShortcutsEl = new WeakMap(), _GxIdeNewKb_handlerAuthenticationTypeInput = new WeakMap(), _GxIdeNewKb_handlerServerNameInput = new WeakMap(), _GxIdeNewKb_prototypingEnvironmentValueChangedHandler = new WeakMap(), _GxIdeNewKb_prototypingTargetValueChangedHandler = new WeakMap(), _GxIdeNewKb_dataSourceValueChangedHandler = new WeakMap(), _GxIdeNewKb_renderAdvanced = new WeakMap(), _GxIdeNewKb_renderBasic = new WeakMap(), _GxIdeNewKb_cancelKbHandler = new WeakMap(), _GxIdeNewKb_createKbHandler = new WeakMap(), _GxIdeNewKb_evaluateCreateDataCheckboxEnabled = new WeakMap(), _GxIdeNewKb_evaluateTooltipRender = new WeakMap(), _GxIdeNewKb_evaluateUserInputsDisplay = new WeakMap(), _GxIdeNewKb_frontEndCheckboxInputHandler = new WeakMap(), _GxIdeNewKb_updateFrontEndsCheckedMap = new WeakMap(), _GxIdeNewKb_getPrototypingEnvironments = new WeakMap(), _GxIdeNewKb_getDataSources = new WeakMap(), _GxIdeNewKb_initialSetupAdvancedTab = new WeakMap(), _GxIdeNewKb_initializeValidatableControlsBasicTab = new WeakMap(), _GxIdeNewKb_initializeValidatableControlsAdvancedTab = new WeakMap(), _GxIdeNewKb_selectLocationHandler = new WeakMap(), _GxIdeNewKb_locationModeChangeHandler = new WeakMap(), _GxIdeNewKb_tabSelectionChangedHandler = new WeakMap(), _GxIdeNewKb_updateFrontEnds = new WeakMap();
+_GxIdeNewKb_advancedTabHasBeenRendered = new WeakMap(), _GxIdeNewKb_componentLocale = new WeakMap(), _GxIdeNewKb_frontEndsCheckedMap = new WeakMap(), _GxIdeNewKb_selectedPrototypingEnvironmentId = new WeakMap(), _GxIdeNewKb_selectedDataSourceId = new WeakMap(), _GxIdeNewKb_shortcutsSrc = new WeakMap(), _GxIdeNewKb_kbSectionsModel = new WeakMap(), _GxIdeNewKb_authenticationTypeEl = new WeakMap(), _GxIdeNewKb_collationEl = new WeakMap(), _GxIdeNewKb_createDataFilesInKBFolderEl = new WeakMap(), _GxIdeNewKb_databaseNameEl = new WeakMap(), _GxIdeNewKb_dataSourceEl = new WeakMap(), _GxIdeNewKb_kbNameEl = new WeakMap(), _GxIdeNewKb_locationEl = new WeakMap(), _GxIdeNewKb_locationModeEl = new WeakMap(), _GxIdeNewKb_locationModeModel = new WeakMap(), _GxIdeNewKb_locationElRegistered = new WeakMap(), _GxIdeNewKb_credentialControlsRegistered = new WeakMap(), _GxIdeNewKb_passwordEl = new WeakMap(), _GxIdeNewKb_prototypingEnvironmentEl = new WeakMap(), _GxIdeNewKb_prototypingTargetEl = new WeakMap(), _GxIdeNewKb_savePasswordEl = new WeakMap(), _GxIdeNewKb_serverNameEl = new WeakMap(), _GxIdeNewKb_userInterfaceLanguageEl = new WeakMap(), _GxIdeNewKb_userNameEl = new WeakMap(), _GxIdeNewKb_chShortcutsEl = new WeakMap(), _GxIdeNewKb_computeDefaultDatabaseName = new WeakMap(), _GxIdeNewKb_kbNameInputHandler = new WeakMap(), _GxIdeNewKb_databaseNameInputHandler = new WeakMap(), _GxIdeNewKb_handlerAuthenticationTypeInput = new WeakMap(), _GxIdeNewKb_handlerCredentialsChanged = new WeakMap(), _GxIdeNewKb_browseForMoreHandler = new WeakMap(), _GxIdeNewKb_serverNameChangedHandler = new WeakMap(), _GxIdeNewKb_classifyServer = new WeakMap(), _GxIdeNewKb_createDataFilesInKBFolderDisabled = new WeakMap(), _GxIdeNewKb_sqlAuthMissingCredentials = new WeakMap(), _GxIdeNewKb_applyCreateDataFilesInKBFolderForServer = new WeakMap(), _GxIdeNewKb_loadCollationsForCurrentConnection = new WeakMap(), _GxIdeNewKb_prototypingEnvironmentValueChangedHandler = new WeakMap(), _GxIdeNewKb_prototypingTargetValueChangedHandler = new WeakMap(), _GxIdeNewKb_dataSourceValueChangedHandler = new WeakMap(), _GxIdeNewKb_renderAdvanced = new WeakMap(), _GxIdeNewKb_renderBasic = new WeakMap(), _GxIdeNewKb_cancelKbHandler = new WeakMap(), _GxIdeNewKb_createKbHandler = new WeakMap(), _GxIdeNewKb_evaluateTooltipRender = new WeakMap(), _GxIdeNewKb_frontEndCheckboxInputHandler = new WeakMap(), _GxIdeNewKb_updateFrontEndsCheckedMap = new WeakMap(), _GxIdeNewKb_getPrototypingEnvironments = new WeakMap(), _GxIdeNewKb_getDataSources = new WeakMap(), _GxIdeNewKb_initialSetupAdvancedTab = new WeakMap(), _GxIdeNewKb_initializeValidatableControlsBasicTab = new WeakMap(), _GxIdeNewKb_initializeValidatableControlsAdvancedTab = new WeakMap(), _GxIdeNewKb_selectLocationHandler = new WeakMap(), _GxIdeNewKb_locationModeChangeHandler = new WeakMap(), _GxIdeNewKb_tabSelectionChangedHandler = new WeakMap(), _GxIdeNewKb_loadAdvancedTabData = new WeakMap(), _GxIdeNewKb_updateFrontEnds = new WeakMap();
 //# sourceMappingURL=new-kb.js.map