@genexus/genexus-ide-ui 3.2.9 → 3.2.10

package/dist/components/gx-ide-new-kb.js

@@ -10,7 +10,7 @@ import { r as renderChCheckboxItems, m as mapOptionsToComboBoxItemModel } from '
 import { v as validateControls } from './form-validation.js';
 import { r as removeIndex } from './array.js';
 
-const newKbCss = "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}";
+const newKbCss = ":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}.basic,.advanced{padding-block-start:12px;overflow:auto;block-size:100%}.kb-storage-card{display:flex;flex-direction:column;gap:var(--spacing-gap-l);padding-inline:var(--spacing-padding-xl)}.kb-storage-card__header{display:flex;align-items:center;gap:var(--spacing-gap-s);padding-block-end:var(--spacing-padding-m);border-bottom:1px solid var(--color-border-surface-on-elevation-1)}.kb-storage-card__heading{display:flex;flex-direction:column;gap:var(--spacing-gap-xs);min-inline-size:0}.kb-storage-card__title{margin:0;color:var(--color-text-neutral-default)}.kb-storage-card__grid{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--spacing-gap-xl);row-gap:var(--spacing-gap-l)}.kb-storage-column{display:flex;flex-direction:column;gap:var(--spacing-gap-m);min-inline-size:0}.kb-storage-column__title{display:flex;align-items:center;gap:var(--spacing-gap-s);color:var(--color-text-neutral-disabled);text-transform:uppercase;letter-spacing:0.04em}.kb-storage-column__title-text{white-space:nowrap}.kb-storage-column__title-rule{flex:1;block-size:1px;background-color:var(--color-border-surface-on-elevation-1)}.field-group--stacked{display:flex;flex-direction:column;gap:var(--spacing-gap-m)}.server-name-wrapper{display:grid;grid-template-columns:1fr max-content;gap:var(--spacing-gap-xs);min-inline-size:0}.kb-storage-credentials{display:flex;flex-direction:column;gap:var(--spacing-gap-m)}.kb-storage-callout{display:flex;flex-direction:row;gap:var(--spacing-gap-xs);padding:var(--spacing-padding-m);border:1px solid var(--color-border-surface-on-elevation-2);border-radius:var(--border-radius-s);background-color:var(--color-accent-surface-elevation-2)}.kb-storage-callout-inner{display:flex;flex-direction:column}.kb-storage-callout__title{display:flex;gap:var(--spacing-gap-xs)}.kb-storage-callout__description{color:var(--color-text-neutral-disabled)}.text-align-center{text-align:center}.tab::part(page){scrollbar-width:thin}.tab::part(tab-list block-start){padding-inline:var(--spacing-padding-xl)}.checkbox{inline-size:max-content}.footer.dialog-footer-with-border{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-gap-m)}.footer.dialog-footer-with-border>.buttons-spacer{margin-inline-start:auto}.connection-status--connecting{color:var(--color-text-neutral-disabled)}.connection-status--success{color:var(--color-text-success-default)}.connection-status--failed{color:var(--color-text-error-default)}";
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
@@ -28,7 +28,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         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;
 const CSS_BUNDLES = [
     "resets/box-sizing",
     "components/tab",
@@ -39,7 +39,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({
@@ -47,8 +48,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";
 const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends HTMLElement {
@@ -82,6 +94,7 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         _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);
@@ -90,23 +103,122 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         _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_handlerServerNameInput.set(this, (e) => {
-            __classPrivateFieldGet(this, _GxIdeNewKb_evaluateCreateDataCheckboxEnabled, "f").call(this, e.detail);
+        _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_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");
@@ -121,56 +233,20 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
             __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, () => {
@@ -234,25 +310,12 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
                 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) => {
@@ -260,23 +323,6 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
             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;
@@ -339,13 +385,10 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
             }
         });
         _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.
@@ -404,10 +447,49 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
             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;
             }
         });
         /**
@@ -432,32 +514,37 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
             }
         });
         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;
@@ -471,7 +558,8 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         this.prototypingTargets = [];
         this.savePassword = false;
         this.selectLocationCallback = undefined;
-        this.serverNames = [];
+        this.browseForMoreCallback = undefined;
+        this.getCollationsForInstanceCallback = undefined;
         this.userInterfaceLanguages = [];
         this.userName = undefined;
     }
@@ -479,14 +567,22 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         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) {
@@ -512,12 +608,6 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
             __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 =
@@ -526,7 +616,14 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         }
     }
     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,
@@ -552,7 +649,6 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         this.watchDefaultDataSources(this.defaultDataSources);
         this.watchDefaultPrototypingEnvironments(this.defaultPrototypingEnvironments);
         this.watchPrototypingTargets(this.prototypingTargets);
-        this.watchServerNames(this.serverNames);
         this.watchUserInterfaceLanguages(this.userInterfaceLanguages);
     }
     componentDidLoad() {
@@ -576,6 +672,28 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
             });
             __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
@@ -602,25 +720,30 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
             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 assetsDirs() { return ["gx-ide-assets/new-kb"]; }
@@ -628,20 +751,19 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
     static get watchers() { return {
         "authenticationTypes": ["watchAuthenticationTypes"],
         "collations": ["watchCollations"],
+        "serverInstances": ["watchServerInstances"],
         "defaultDataSources": ["watchDefaultDataSources"],
         "defaultPrototypingEnvironments": ["watchDefaultPrototypingEnvironments"],
         "prototypingTargets": ["watchPrototypingTargets"],
-        "serverNames": ["watchServerNames"],
         "userInterfaceLanguages": ["watchUserInterfaceLanguages"]
     }; }
     static get style() { return newKbCss; }
 }, [1, "gx-ide-new-kb", {
-        "authenticationTypes": [16],
         "cancelCallback": [16],
         "canSetLocation": [4, "can-set-location"],
-        "collations": [16],
+        "getAdvancedTabDataCallback": [16],
         "createCallback": [16],
-        "createDataFilesInKBFolder": [4, "create-data-files-in-k-b-folder"],
+        "createDataFilesInKBFolder": [1028, "create-data-files-in-k-b-folder"],
         "databaseName": [1, "database-name"],
         "defaultDataSources": [1040],
         "getDataSourcesCallback": [16],
@@ -655,41 +777,48 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         "prototypingTargets": [16],
         "savePassword": [4, "save-password"],
         "selectLocationCallback": [16],
-        "serverNames": [16],
+        "browseForMoreCallback": [16],
+        "getCollationsForInstanceCallback": [16],
         "userInterfaceLanguages": [16],
-        "userName": [1, "user-name"],
+        "userName": [1025, "user-name"],
         "advancedTabIsVisible": [32],
+        "loadingAdvancedTab": [32],
+        "browseForMoreDialogOpen": [32],
+        "databaseNameValue": [32],
         "locationMode": [32],
         "frontEnds": [32],
         "validatableControls": [32],
-        "createDataInKbDisabled": [32],
-        "userNameVisible": [32],
-        "passwordVisible": [32],
-        "savePasswordVisible": [32],
+        "connectionStatus": [32],
+        "userNameValue": [32],
+        "passwordValue": [32],
+        "authenticationTypes": [32],
         "authenticationTypesComboBoxModel": [32],
-        "authenticationTypesInitialValue": [32],
+        "authenticationTypeValue": [32],
+        "collations": [32],
         "collationsComboBoxModel": [32],
-        "collationsInitialValue": [32],
+        "defaultCollation": [32],
         "defaultDataSourcesComboBoxModel": [32],
         "prototypingTargetsComboBoxModel": [32],
         "prototypingTargetsInitialValue": [32],
         "prototypingEnvironmentsComboBoxModel": [32],
         "prototypingEnvironmentsInitialValue": [32],
-        "serverNamesComboBoxModel": [32],
-        "serverNamesInitialValue": [32],
+        "serverInstances": [32],
+        "serverInstancesComboBoxModel": [32],
+        "serverNameValue": [32],
         "userInterfaceLanguagesComboBoxModel": [32],
         "userInterfaceLanguagesInitialValue": [32],
+        "selectedTab": [32],
         "suspendShortcuts": [64]
     }, undefined, {
         "authenticationTypes": ["watchAuthenticationTypes"],
         "collations": ["watchCollations"],
+        "serverInstances": ["watchServerInstances"],
         "defaultDataSources": ["watchDefaultDataSources"],
         "defaultPrototypingEnvironments": ["watchDefaultPrototypingEnvironments"],
         "prototypingTargets": ["watchPrototypingTargets"],
-        "serverNames": ["watchServerNames"],
         "userInterfaceLanguages": ["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();
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;