@genexus/genexus-ide-ui 3.2.12 → 3.2.14

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

@@ -9,8 +9,9 @@ import { s as setSelectedItem, g as getSelectedItem } from './common.js';
 import { r as renderChCheckboxItems, m as mapOptionsToComboBoxItemModel } from './helpers.js';
 import { v as validateControls } from './form-validation.js';
 import { r as removeIndex } from './array.js';
+import { d as defineCustomElement$2 } from './ide-loader.js';
 
-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)}";
+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}.header .field-inline{grid-template-columns:4.5rem 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}.main__front-end>.kb-storage-callout{margin-block-start:var(--spacing-gap-m)}.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%}.advanced-loader{position:relative;display:block;inline-size:100%;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{display:inline-flex;align-items:center;gap:var(--spacing-gap-xs)}.connection-status__spinner{display:inline-block;flex-shrink:0;width:var(--icon-s);height:var(--icon-s);border:calc(var(--icon-s) / 7) solid var(--color-accent-primary-pressed);border-top:calc(var(--icon-s) / 7) solid var(--color-border-primary-on-default);border-radius:50%;animation:spin var(--timing-regular) linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.connection-status--connecting{color:var(--color-accent-primary-on-default)}.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 +29,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_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;
 const CSS_BUNDLES = [
     "resets/box-sizing",
     "components/tab",
@@ -58,8 +59,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";
@@ -91,8 +100,6 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         _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);
@@ -102,6 +109,13 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         _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) => {
@@ -187,10 +201,9 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         });
         _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;
@@ -200,9 +213,17 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
             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;
@@ -214,7 +235,10 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
                     this.connectionStatus = "failed";
                 }
             }
-            catch (_e) {
+            catch (_f) {
+                if (requestId !== __classPrivateFieldGet(this, _GxIdeNewKb_collationsRequestId, "f")) {
+                    return;
+                }
                 this.collations = [];
                 this.defaultCollation = undefined;
                 this.connectionStatus = "failed";
@@ -283,7 +307,9 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
                         ? __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))))))
             ];
         });
         // - - - - - - - - - -
@@ -327,6 +353,17 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
             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
@@ -432,19 +469,22 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
                 }
             });
         });
-        /**
-         * @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;
-                }
-            });
-        });
-        _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;
@@ -511,14 +551,15 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
                         __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 = "";
@@ -634,16 +675,6 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
                 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);
@@ -655,16 +686,18 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         __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,
@@ -721,22 +754,23 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         }, 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", {
@@ -785,8 +819,8 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         "loadingAdvancedTab": [32],
         "browseForMoreDialogOpen": [32],
         "databaseNameValue": [32],
-        "locationMode": [32],
         "frontEnds": [32],
+        "noFrontEndSelected": [32],
         "validatableControls": [32],
         "connectionStatus": [32],
         "userNameValue": [32],
@@ -818,18 +852,23 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeNewKb extends H
         "prototypingTargets": ["watchPrototypingTargets"],
         "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_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();
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["gx-ide-new-kb"];
+    const components = ["gx-ide-new-kb", "gx-ide-loader"];
     components.forEach(tagName => { switch (tagName) {
         case "gx-ide-new-kb":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, GxIdeNewKb$1);
             }
             break;
+        case "gx-ide-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
     } });
 }