@genexus/genexus-ide-ui 3.2.12 → 3.2.14

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_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;
+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_locationElRegistered, _GxIdeNewKb_credentialControlsRegistered, _GxIdeNewKb_passwordEl, _GxIdeNewKb_prototypingEnvironmentEl, _GxIdeNewKb_prototypingTargetEl, _GxIdeNewKb_savePasswordEl, _GxIdeNewKb_serverNameEl, _GxIdeNewKb_userInterfaceLanguageEl, _GxIdeNewKb_userNameEl, _GxIdeNewKb_collationsRequestId, _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_recomputeBackendOnly, _GxIdeNewKb_updateFrontEndsCheckedMap, _GxIdeNewKb_getPrototypingEnvironments, _GxIdeNewKb_getDataSources, _GxIdeNewKb_initialSetupAdvancedTab, _GxIdeNewKb_initializeValidatableControlsBasicTab, _GxIdeNewKb_initializeValidatableControlsAdvancedTab, _GxIdeNewKb_selectLocationHandler, _GxIdeNewKb_tabSelectionChangedHandler, _GxIdeNewKb_loadAdvancedTabData, _GxIdeNewKb_updateFrontEnds;
 import { Host, getAssetPath, h } from "@stencil/core";
 import { getIconPath } from "@genexus/mercury";
 import { config } from "../../common/config";
@@ -52,8 +52,16 @@ const DATABASE_ICON = getIconPath({
     name: "database",
     colorType: "primary"
 });
-const LOCATION_MODE_DEFAULT = "default";
-const LOCATION_MODE_CUSTOM = "custom";
+const SUCCESS_ICON = getIconPath({
+    category: "system",
+    name: "check-circle",
+    colorType: "success"
+});
+const ERROR_ICON = getIconPath({
+    category: "system",
+    name: "warning",
+    colorType: "error"
+});
 const DATABASE_NAME_PREFIX = "GX_KB_";
 const BASIC_TAB_SELECTOR = "basic";
 const ADVANCED_TAB_SELECTOR = "advanced";
@@ -82,8 +90,6 @@ export class GxIdeNewKb {
         _GxIdeNewKb_dataSourceEl.set(this, void 0);
         _GxIdeNewKb_kbNameEl.set(this, void 0);
         _GxIdeNewKb_locationEl.set(this, void 0);
-        _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);
@@ -93,6 +99,13 @@ export class GxIdeNewKb {
         _GxIdeNewKb_serverNameEl.set(this, void 0);
         _GxIdeNewKb_userInterfaceLanguageEl.set(this, void 0);
         _GxIdeNewKb_userNameEl.set(this, void 0);
+        /**
+         * Monotonic id of the latest collations request. Used to discard stale
+         * responses: a slow request for an invalid instance can resolve after a
+         * newer request for a valid instance, and without this guard it would
+         * overwrite the UI with the wrong (failed) result.
+         */
+        _GxIdeNewKb_collationsRequestId.set(this, 0);
         _GxIdeNewKb_chShortcutsEl.set(this, void 0);
         _GxIdeNewKb_computeDefaultDatabaseName.set(this, (kbName) => `${DATABASE_NAME_PREFIX}${kbName !== null && kbName !== void 0 ? kbName : ""}`);
         _GxIdeNewKb_kbNameInputHandler.set(this, (e) => {
@@ -178,10 +191,9 @@ export class GxIdeNewKb {
         });
         _GxIdeNewKb_loadCollationsForCurrentConnection.set(this, async () => {
             var _a, _b, _c, _d;
+            var _e;
             const selectedInstance = this.serverNameValue;
-            if (!selectedInstance ||
-                !this.getCollationsForInstanceCallback ||
-                this.connectionStatus === "connecting") {
+            if (!selectedInstance || !this.getCollationsForInstanceCallback) {
                 return;
             }
             const authType = this.authenticationTypeValue;
@@ -191,9 +203,17 @@ export class GxIdeNewKb {
             if (!isWindowsAuth && authType && (!userName || !password)) {
                 return;
             }
+            // Tag this request so we can ignore its response if a newer request is
+            // fired before it resolves (e.g. the user fixes an invalid server name
+            // while the slow request for the invalid one is still pending).
+            const requestId = __classPrivateFieldSet(this, _GxIdeNewKb_collationsRequestId, (_e = __classPrivateFieldGet(this, _GxIdeNewKb_collationsRequestId, "f"), ++_e), "f");
             this.connectionStatus = "connecting";
             try {
                 const result = await this.getCollationsForInstanceCallback(selectedInstance, authType, userName, password);
+                if (requestId !== __classPrivateFieldGet(this, _GxIdeNewKb_collationsRequestId, "f")) {
+                    // A newer request superseded this one; discard the stale response.
+                    return;
+                }
                 if (result) {
                     this.collations = (_c = result.collations) !== null && _c !== void 0 ? _c : [];
                     this.defaultCollation = (_d = result.defaultCollation) !== null && _d !== void 0 ? _d : undefined;
@@ -205,7 +225,10 @@ export class GxIdeNewKb {
                     this.connectionStatus = "failed";
                 }
             }
-            catch (_e) {
+            catch (_f) {
+                if (requestId !== __classPrivateFieldGet(this, _GxIdeNewKb_collationsRequestId, "f")) {
+                    return;
+                }
                 this.collations = [];
                 this.defaultCollation = undefined;
                 this.connectionStatus = "failed";
@@ -274,7 +297,9 @@ export class GxIdeNewKb {
                         ? __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabBasic.backEnd.dataSource
                             .disabledPlaceholder
                         : "", value: __classPrivateFieldGet(this, _GxIdeNewKb_selectedDataSourceId, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeNewKb_dataSourceEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeNewKb_dataSourceValueChangedHandler, "f"), model: this.defaultDataSourcesComboBoxModel, part: "data-source", id: "dataSource" }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_dataSourceEl, "f"))))),
-                h("section", { class: "section__front-end" }, h("h2", { class: "dialog-header dialog-header-with-border dialog-header__front-end subtitle-regular-xs\t text-align-center spacing-body-inline" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabBasic.frontEnd.frontEndLabel), h("div", { class: "field-group main__front-end spacing-body-inline scrollable" }, renderChCheckboxItems(this.frontEnds, __classPrivateFieldGet(this, _GxIdeNewKb_frontEndCheckboxInputHandler, "f"), __classPrivateFieldGet(this, _GxIdeNewKb_frontEndsCheckedMap, "f").get(__classPrivateFieldGet(this, _GxIdeNewKb_selectedPrototypingEnvironmentId, "f")))))
+                h("section", { class: "section__front-end" }, h("h2", { class: "dialog-header dialog-header-with-border dialog-header__front-end subtitle-regular-xs\t text-align-center spacing-body-inline" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabBasic.frontEnd.frontEndLabel), h("div", { class: "field-group main__front-end spacing-body-inline scrollable" }, renderChCheckboxItems(this.frontEnds, __classPrivateFieldGet(this, _GxIdeNewKb_frontEndCheckboxInputHandler, "f"), __classPrivateFieldGet(this, _GxIdeNewKb_frontEndsCheckedMap, "f").get(__classPrivateFieldGet(this, _GxIdeNewKb_selectedPrototypingEnvironmentId, "f"))), this.noFrontEndSelected && (h("div", { class: "kb-storage-callout", part: "backend-only-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").tabBasic.frontEnd
+                    .backendOnlyCalloutTitle), h("span", { class: "kb-storage-callout__description body-regular-xs" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabBasic.frontEnd
+                    .backendOnlyCalloutDescription))))))
             ];
         });
         // - - - - - - - - - -
@@ -318,6 +343,17 @@ export class GxIdeNewKb {
             const checkedValue = event.target.checkedValue;
             const checked = event.detail === checkedValue;
             __classPrivateFieldGet(this, _GxIdeNewKb_updateFrontEndsCheckedMap, "f").call(this, checkedValue, checked);
+            __classPrivateFieldGet(this, _GxIdeNewKb_recomputeBackendOnly, "f").call(this);
+        });
+        /**
+         * Recomputes whether the KB will be generated as backend only, i.e. there
+         * are front ends to choose from but none is currently selected.
+         */
+        _GxIdeNewKb_recomputeBackendOnly.set(this, () => {
+            var _a, _b, _c;
+            const checkedIds = __classPrivateFieldGet(this, _GxIdeNewKb_frontEndsCheckedMap, "f").get(__classPrivateFieldGet(this, _GxIdeNewKb_selectedPrototypingEnvironmentId, "f"));
+            this.noFrontEndSelected =
+                ((_b = (_a = this.frontEnds) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0 && ((_c = checkedIds === null || checkedIds === void 0 ? void 0 : checkedIds.length) !== null && _c !== void 0 ? _c : 0) === 0;
         });
         /**
          * This function updates frontEndsCheckedMap, that contains the checked
@@ -423,22 +459,22 @@ export class GxIdeNewKb {
                 }
             });
         });
-        /**
-         * @description It allows defining the DBMS that will be used in the solution
-         */
-        // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        _GxIdeNewKb_selectLocationHandler.set(this, () => {
-            this.selectLocationCallback().then(kbLocation => {
-                if (kbLocation) {
-                    this.kbLocation = kbLocation;
-                }
-                else {
-                    // to be defined
-                }
-            });
-        });
-        _GxIdeNewKb_locationModeChangeHandler.set(this, () => {
-            this.locationMode = __classPrivateFieldGet(this, _GxIdeNewKb_locationModeEl, "f").value;
+        _GxIdeNewKb_selectLocationHandler.set(this, async (event) => {
+            var _a;
+            // Capture the button before awaiting. Opening/closing the location picker
+            // restores focus to it programmatically, leaving the :focus-visible outline
+            // lingering as if it were still active. On a successful selection move focus
+            // to the location input (natural next step, keyboard-friendly); otherwise
+            // just blur the button so the outline doesn't stay pinned.
+            const button = event.currentTarget;
+            const kbLocation = await this.selectLocationCallback();
+            if (kbLocation) {
+                this.kbLocation = kbLocation;
+                (_a = __classPrivateFieldGet(this, _GxIdeNewKb_locationEl, "f")) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+            else {
+                button === null || button === void 0 ? void 0 : button.blur();
+            }
         });
         _GxIdeNewKb_tabSelectionChangedHandler.set(this, (event) => {
             this.selectedTab = event.detail.newSelectedId;
@@ -505,14 +541,15 @@ export class GxIdeNewKb {
                         __classPrivateFieldGet(this, _GxIdeNewKb_frontEndsCheckedMap, "f").set(__classPrivateFieldGet(this, _GxIdeNewKb_selectedPrototypingEnvironmentId, "f"), checkedIds);
                     }
                 }
+                __classPrivateFieldGet(this, _GxIdeNewKb_recomputeBackendOnly, "f").call(this);
             }
         });
         this.advancedTabIsVisible = false;
         this.loadingAdvancedTab = false;
         this.browseForMoreDialogOpen = false;
         this.databaseNameValue = "";
-        this.locationMode = LOCATION_MODE_DEFAULT;
         this.frontEnds = undefined;
+        this.noFrontEndSelected = false;
         this.validatableControls = new Map();
         this.connectionStatus = undefined;
         this.userNameValue = "";
@@ -628,16 +665,6 @@ export class GxIdeNewKb {
                 name: __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").tabAdvanced.tabLabel
             }
         ], "f");
-        __classPrivateFieldSet(this, _GxIdeNewKb_locationModeModel, [
-            {
-                value: LOCATION_MODE_DEFAULT,
-                caption: __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").header.kbLocationDefault
-            },
-            {
-                value: LOCATION_MODE_CUSTOM,
-                caption: __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").header.kbLocationCustom
-            }
-        ], "f");
     }
     connectedCallback() {
         this.watchDefaultDataSources(this.defaultDataSources);
@@ -649,16 +676,18 @@ export class GxIdeNewKb {
         __classPrivateFieldGet(this, _GxIdeNewKb_initializeValidatableControlsBasicTab, "f").call(this);
     }
     componentDidRender() {
-        if (this.advancedTabIsVisible && !__classPrivateFieldGet(this, _GxIdeNewKb_advancedTabHasBeenRendered, "f")) {
+        // Defer the one-time setup until the real advanced content is rendered
+        // (not the loader); otherwise the control refs it reads are still undefined.
+        if (this.advancedTabIsVisible &&
+            !this.loadingAdvancedTab &&
+            !__classPrivateFieldGet(this, _GxIdeNewKb_advancedTabHasBeenRendered, "f")) {
             // just call this once.
             __classPrivateFieldGet(this, _GxIdeNewKb_initialSetupAdvancedTab, "f").call(this);
             __classPrivateFieldGet(this, _GxIdeNewKb_initializeValidatableControlsAdvancedTab, "f").call(this);
             __classPrivateFieldSet(this, _GxIdeNewKb_advancedTabHasBeenRendered, true, "f");
         }
-        // Register the location input for validation once it's rendered (custom mode)
-        if (this.locationMode === LOCATION_MODE_CUSTOM &&
-            !__classPrivateFieldGet(this, _GxIdeNewKb_locationElRegistered, "f") &&
-            __classPrivateFieldGet(this, _GxIdeNewKb_locationEl, "f")) {
+        // Register the location input for validation once it's rendered
+        if (!__classPrivateFieldGet(this, _GxIdeNewKb_locationElRegistered, "f") && __classPrivateFieldGet(this, _GxIdeNewKb_locationEl, "f")) {
             this.validatableControls.set(__classPrivateFieldGet(this, _GxIdeNewKb_locationEl, "f").id, {
                 reference: __classPrivateFieldGet(this, _GxIdeNewKb_locationEl, "f"),
                 hasError: false,
@@ -715,22 +744,23 @@ export class GxIdeNewKb {
         }, 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, 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", {
+        }), __classPrivateFieldGet(this, _GxIdeNewKb_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeNewKb_kbNameEl, "f"))), this.canSetLocation && (h("div", { class: "field field-inline" }, h("label", { class: "label", htmlFor: "kbLocation" }, __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").header.kbLocation), 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 ", "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"), type: "button" }, 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: __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: {
+        }, 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" }, this.loadingAdvancedTab ? (h("gx-ide-loader", { show: true, class: "advanced-loader", loaderTitle: __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").loader.title, description: __classPrivateFieldGet(this, _GxIdeNewKb_componentLocale, "f").loader.description })) : (__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
             } }, this.connectionStatus && (h("span", { class: {
+                "body-semi-bold-s": true,
                 "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", {
+            }, part: `connection-status connection-status-${this.connectionStatus}` }, this.connectionStatus === "connecting" && (h("span", { class: "connection-status__spinner" })), this.connectionStatus === "success" && (h("ch-image", { class: "icon-m", src: SUCCESS_ICON, type: "mask" })), this.connectionStatus === "failed" && (h("ch-image", { class: "icon-m", src: ERROR_ICON, type: "mask" })), __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", {
@@ -1197,8 +1227,8 @@ export class GxIdeNewKb {
             "loadingAdvancedTab": {},
             "browseForMoreDialogOpen": {},
             "databaseNameValue": {},
-            "locationMode": {},
             "frontEnds": {},
+            "noFrontEndSelected": {},
             "validatableControls": {},
             "connectionStatus": {},
             "userNameValue": {},
@@ -1273,5 +1303,5 @@ export class GxIdeNewKb {
             }];
     }
 }
-_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();
+_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_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_collationsRequestId = 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_recomputeBackendOnly = 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_tabSelectionChangedHandler = new WeakMap(), _GxIdeNewKb_loadAdvancedTabData = new WeakMap(), _GxIdeNewKb_updateFrontEnds = new WeakMap();
 //# sourceMappingURL=new-kb.js.map