@genexus/genexus-ide-ui 3.2.8 → 3.2.10

package/dist/genexus-ide-ui/p-eeae9dd5.entry.js

@@ -0,0 +1,1020 @@
+import { r as t, g as i, h as s, H as e, a } from "./p-9b9ccd0c.js";
+
+import { g as o } from "./p-d42e842b.js";
+
+import "./p-6534555e.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
+
+import { c as n } from "./p-c5196b3b.js";
+
+import { L as l } from "./p-311eedf3.js";
+
+import { s as r, g as h } from "./p-91e2ebb0.js";
+
+import { r as d, m as c } from "./p-4d330836.js";
+
+import { v as f } from "./p-b32b6b1f.js";
+
+import { r as u } from "./p-1252519a.js";
+
+const p = ':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 b = undefined && undefined.__classPrivateFieldGet || function(t, i, s, e) {
+  if (s === "a" && !e) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof i === "function" ? t !== i || !e : !i.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? e : s === "a" ? e.call(t) : e ? e.value : i.get(t);
+};
+
+var v = undefined && undefined.__classPrivateFieldSet || function(t, i, s, e, a) {
+  if (e === "m") throw new TypeError("Private method is not writable");
+  if (e === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof i === "function" ? t !== i || !a : !i.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return e === "a" ? a.call(t, s) : a ? a.value = s : i.set(t, s), s;
+};
+
+var g, m, k, w, y, x, _, M, W, I, T, E, D, F, j, L, N, z, C, S, P, A, B, $, K, U, H, O, V, G, Q, R, X, q, J, Y, Z, tt, it, st, et, at, ot, nt, lt, rt, ht, dt, ct, ft, ut, pt, bt, vt, gt, mt, kt, wt;
+
+const yt = [ "resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+
+const xt = "WINDOWS_AUTHENTICATION";
+
+const _t = "(LocalDB)\\MSSQLLocalDB";
+
+const Mt = "main";
+
+const Wt = "basic";
+
+const It = o({
+  category: "system",
+  name: "folder",
+  colorType: "primary"
+});
+
+const Tt = o({
+  category: "system",
+  name: "warning",
+  colorType: "on-interactive"
+});
+
+const Et = o({
+  category: "system",
+  name: "database",
+  colorType: "primary"
+});
+
+const Dt = "default";
+
+const Ft = "custom";
+
+const jt = "GX_KB_";
+
+const Lt = "basic";
+
+const Nt = "advanced";
+
+const zt = class {
+  constructor(e) {
+    t(this, e);
+    g.set(this, false);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        m.set(this, void 0);
+    /**
+         * frontEndsState saves the id's of the front ends checkboxes that are checked
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        k.set(this, new Map);
+    w.set(this, void 0);
+    y.set(this, void 0);
+    x.set(this, i(`./gx-ide-assets/new-kb/shortcuts.json`));
+    _.set(this, []);
+    /* References needed to collect data con "Create" button submit*/    M.set(this, void 0);
+    W.set(this, void 0);
+    I.set(this, void 0);
+    T.set(this, void 0);
+    E.set(this, void 0);
+    D.set(this, void 0);
+    F.set(this, void 0);
+    j.set(this, void 0);
+    L.set(this, void 0);
+    N.set(this, false);
+    z.set(this, false);
+    C.set(this, void 0);
+    S.set(this, void 0);
+    P.set(this, void 0);
+    A.set(this, void 0);
+    B.set(this, void 0);
+    $.set(this, void 0);
+    K.set(this, void 0);
+    U.set(this, void 0);
+    H.set(this, (t => `${jt}${t !== null && t !== void 0 ? t : ""}`));
+    O.set(this, (t => {
+      var i, s;
+      const e = (i = t.detail) !== null && i !== void 0 ? i : (s = b(this, D, "f")) === null || s === void 0 ? void 0 : s.value;
+      this.databaseNameValue = b(this, H, "f").call(this, e);
+    }));
+    V.set(this, (t => {
+      var i, s;
+      this.databaseNameValue = (i = t.detail) !== null && i !== void 0 ? i : (s = b(this, T, "f")) === null || s === void 0 ? void 0 : s.value;
+    }));
+    G.set(this, (async t => {
+      this.authenticationTypeValue = t === null || t === void 0 ? void 0 : t.detail;
+      this.collations = [];
+      this.defaultCollation = undefined;
+      this.connectionStatus = undefined;
+      await b(this, tt, "f").call(this);
+    }));
+    Q.set(this, (async () => {
+      var t, i, s, e;
+      this.userNameValue = (i = (t = b(this, K, "f")) === null || t === void 0 ? void 0 : t.value) !== null && i !== void 0 ? i : "";
+      this.passwordValue = (e = (s = b(this, C, "f")) === null || s === void 0 ? void 0 : s.value) !== null && e !== void 0 ? e : "";
+      await b(this, tt, "f").call(this);
+    }));
+    R.set(this, (async () => {
+      if (!this.browseForMoreCallback) {
+        return;
+      }
+      this.browseForMoreDialogOpen = true;
+      try {
+        const t = await this.browseForMoreCallback();
+        if (t) {
+          this.serverNameValue = t;
+          if (b(this, B, "f")) {
+            b(this, B, "f").value = t;
+          }
+          await b(this, X, "f").call(this, new CustomEvent("change", {
+            detail: t
+          }));
+        }
+      } catch (t) {} finally {
+        this.browseForMoreDialogOpen = false;
+      }
+    }));
+    X.set(this, (async t => {
+      var i, s;
+      const e = (i = t === null || t === void 0 ? void 0 : t.detail) !== null && i !== void 0 ? i : (s = t.target) === null || s === void 0 ? void 0 : s.value;
+      this.serverNameValue = e !== null && e !== void 0 ? e : "";
+      b(this, Z, "f").call(this);
+      await b(this, tt, "f").call(this);
+    }));
+    q.set(this, (t => {
+      var i;
+      if (!t) {
+        return "empty";
+      }
+      if (t.toLowerCase() === _t.toLowerCase()) {
+        return "localdb";
+      }
+      const s = ((i = this.serverInstances) !== null && i !== void 0 ? i : []).some((i => {
+        var s;
+        return ((s = i.label) === null || s === void 0 ? void 0 : s.toLowerCase()) === t.toLowerCase();
+      }));
+      return s ? "local" : "remote";
+    }));
+    J.set(this, (() => {
+      const t = b(this, q, "f").call(this, this.serverNameValue);
+      return t === "localdb" || t === "remote" || t === "empty";
+    }));
+    Y.set(this, (() => {
+      const t = this.authenticationTypeValue;
+      if (!t || t === xt) {
+        return false;
+      }
+      return !this.userNameValue || !this.passwordValue;
+    }));
+    Z.set(this, (() => {
+      const t = b(this, q, "f").call(this, this.serverNameValue);
+      if (t === "local" || t === "localdb") {
+        this.createDataFilesInKBFolder = true;
+      } else if (t === "remote") {
+        this.createDataFilesInKBFolder = false;
+      }
+    }));
+    tt.set(this, (async () => {
+      var t, i, s, e;
+      const a = this.serverNameValue;
+      if (!a || !this.getCollationsForInstanceCallback || this.connectionStatus === "connecting") {
+        return;
+      }
+      const o = this.authenticationTypeValue;
+      const n = o === xt;
+      const l = n ? undefined : (t = b(this, K, "f")) === null || t === void 0 ? void 0 : t.value;
+      const r = n ? undefined : (i = b(this, C, "f")) === null || i === void 0 ? void 0 : i.value;
+      if (!n && o && (!l || !r)) {
+        return;
+      }
+      this.connectionStatus = "connecting";
+      try {
+        const t = await this.getCollationsForInstanceCallback(a, o, l, r);
+        if (t) {
+          this.collations = (s = t.collations) !== null && s !== void 0 ? s : [];
+          this.defaultCollation = (e = t.defaultCollation) !== null && e !== void 0 ? e : undefined;
+          this.connectionStatus = "success";
+        } else {
+          this.collations = [];
+          this.defaultCollation = undefined;
+          this.connectionStatus = "failed";
+        }
+      } catch (t) {
+        this.collations = [];
+        this.defaultCollation = undefined;
+        this.connectionStatus = "failed";
+      }
+    }));
+    it.set(this, (t => {
+      v(this, w, t.detail, "f");
+      b(this, ft, "f").call(this);
+      b(this, wt, "f").call(this);
+    }));
+    st.set(this, (async () => {
+      await b(this, ct, "f").call(this);
+      b(this, ft, "f").call(this);
+    }));
+    et.set(this, (() => {
+      v(this, y, b(this, E, "f").value, "f");
+    }));
+    at.set(this, (() => {
+      const t = this.authenticationTypeValue !== xt;
+      return [ s("section", {
+        class: "kb-storage-card",
+        part: "kb-storage-card"
+      }, s("header", {
+        class: "kb-storage-card__header"
+      }, s("div", {
+        class: "kb-storage-card__heading"
+      }, s("h2", {
+        class: "kb-storage-card__title body-semi-bold-m"
+      }, b(this, m, "f").tabAdvanced.tabTitle))), s("div", {
+        class: "kb-storage-card__grid"
+      }, s("div", {
+        class: "kb-storage-column"
+      }, s("div", {
+        class: "kb-storage-column__title body-regular-xs"
+      }, s("span", {
+        class: "kb-storage-column__title-text"
+      }, b(this, m, "f").tabAdvanced.connectionGroup), s("span", {
+        class: "kb-storage-column__title-rule",
+        "aria-hidden": "true"
+      })), s("div", {
+        class: "field-group field-group--stacked"
+      }, s("div", {
+        class: "field field-block server-name-field"
+      }, s("label", {
+        class: "label",
+        htmlFor: "serverName"
+      }, b(this, m, "f").tabAdvanced.serverName.label), s("div", {
+        class: "server-name-wrapper"
+      }, s("ch-combo-box-render", {
+        class: "combo-box",
+        value: this.serverNameValue,
+        ref: t => v(this, B, t, "f"),
+        id: "serverName",
+        part: "server-name",
+        model: this.serverInstancesComboBoxModel,
+        suggest: true,
+        suggestDebounce: n.inputDebounce,
+        onInput: b(this, X, "f"),
+        onChange: b(this, X, "f")
+      }), s("button", {
+        class: "button-tertiary button-icon-only",
+        "aria-label": b(this, m, "f").tabAdvanced.serverName.browseForMore,
+        part: "button-browse-for-more",
+        onClick: b(this, R, "f")
+      }, s("ch-image", {
+        class: "icon-m",
+        src: Et
+      }), !this.browseForMoreDialogOpen && s("ch-tooltip", {
+        class: "tooltip",
+        actionElement: null,
+        blockAlign: "outside-start",
+        inlineAlign: "center",
+        delay: n.tooltipSettings.delay
+      }, b(this, m, "f").tabAdvanced.serverName.browseForMore))), b(this, rt, "f").call(this, b(this, B, "f"))), s("div", {
+        class: "field field-block database-field"
+      }, s("label", {
+        class: "label",
+        htmlFor: "databaseName"
+      }, b(this, m, "f").tabAdvanced.databaseName.label), s("ch-edit", {
+        class: "input",
+        value: this.databaseNameValue,
+        id: "databaseName",
+        part: "database-name",
+        onInput: b(this, V, "f"),
+        ref: t => v(this, T, t, "f")
+      }), b(this, rt, "f").call(this, b(this, T, "f"))), s("div", {
+        class: "field field-block collation-field"
+      }, s("label", {
+        class: "label",
+        htmlFor: "collation"
+      }, b(this, m, "f").tabAdvanced.collation.label), s("ch-combo-box-render", {
+        class: "combo-box",
+        disabled: !this.serverNameValue || this.collations.length === 0,
+        placeholder: this.collations.length === 0 ? b(this, m, "f").tabAdvanced.collation.disabledPlaceholder : "",
+        value: this.defaultCollation,
+        ref: t => v(this, W, t, "f"),
+        model: this.collationsComboBoxModel,
+        id: "collation",
+        part: "collation"
+      }), b(this, rt, "f").call(this, b(this, W, "f"))), s("ch-checkbox", {
+        class: "checkbox",
+        checkedValue: "true",
+        value: this.createDataFilesInKBFolder ? "true" : undefined,
+        disabled: b(this, J, "f").call(this),
+        caption: b(this, m, "f").tabAdvanced.createDataFilesInKbFolder,
+        part: "create-data-in-kb",
+        id: "createDataFilesInKBFolder",
+        ref: t => v(this, I, t, "f")
+      }))), s("div", {
+        class: "kb-storage-column"
+      }, s("div", {
+        class: "kb-storage-column__title body-regular-xs"
+      }, s("span", {
+        class: "kb-storage-column__title-text"
+      }, b(this, m, "f").tabAdvanced.authenticationGroup), s("span", {
+        class: "kb-storage-column__title-rule",
+        "aria-hidden": "true"
+      })), s("div", {
+        class: "field-group field-group--stacked"
+      }, s("div", {
+        class: "field field-block authentication-type-field"
+      }, s("label", {
+        class: "label",
+        htmlFor: "authenticationType"
+      }, b(this, m, "f").tabAdvanced.authenticationType.label), s("ch-combo-box-render", {
+        class: "combo-box",
+        disabled: this.authenticationTypes.length === 0,
+        placeholder: this.authenticationTypes.length === 0 ? b(this, m, "f").tabAdvanced.authenticationType.disabledPlaceholder : "",
+        value: this.authenticationTypeValue,
+        ref: t => v(this, M, t, "f"),
+        model: this.authenticationTypesComboBoxModel,
+        id: "authenticationType",
+        part: "authentication-type",
+        onInput: this.authenticationTypes.length > 0 ? b(this, G, "f") : undefined
+      }), b(this, rt, "f").call(this, b(this, M, "f"))), t ? s("div", {
+        class: "kb-storage-credentials"
+      }, s("div", {
+        class: "field field-block username-field"
+      }, s("label", {
+        class: "label",
+        htmlFor: "userName"
+      }, b(this, m, "f").tabAdvanced.userName.label), s("ch-edit", {
+        class: "input",
+        value: this.userName,
+        id: "userName",
+        part: "user-name",
+        ref: t => v(this, K, t, "f"),
+        onInput: b(this, Q, "f"),
+        debounce: n.inputDebounce
+      }), b(this, rt, "f").call(this, b(this, K, "f"))), s("div", {
+        class: "field field-block password-field"
+      }, s("label", {
+        class: "label",
+        htmlFor: "password"
+      }, b(this, m, "f").tabAdvanced.password.label), s("ch-edit", {
+        class: "input",
+        type: "password",
+        showPasswordButton: true,
+        value: this.password,
+        id: "password",
+        part: "password",
+        ref: t => v(this, C, t, "f"),
+        onInput: b(this, Q, "f"),
+        debounce: n.inputDebounce
+      }), b(this, rt, "f").call(this, b(this, C, "f"))), s("ch-checkbox", {
+        class: "checkbox",
+        checkedValue: "password",
+        value: "password",
+        caption: b(this, m, "f").tabAdvanced.savePassword,
+        part: "save-password",
+        id: "savePassword",
+        ref: t => v(this, A, t, "f"),
+        disabled: true
+      })) : s("div", {
+        class: "kb-storage-callout",
+        part: "windows-auth-callout"
+      }, s("ch-image", {
+        class: "icon-l",
+        src: Tt,
+        type: "mask"
+      }), s("div", {
+        class: "kb-storage-callout-inner"
+      }, s("span", {
+        class: "kb-storage-callout__title body-semi-bold-s"
+      }, b(this, m, "f").tabAdvanced.windowsAuthCalloutTitle), s("span", {
+        class: "kb-storage-callout__description body-regular-xs"
+      }, b(this, m, "f").tabAdvanced.windowsAuthCalloutDescription))))))) ];
+    }));
+    ot.set(this, (() => [ s("section", {
+      class: "basic__header field-group dialog-header-with-border spacing-body-inline"
+    }, s("div", {
+      // #prototyping  target
+      class: "field field-block prototyping-target"
+    }, s("label", {
+      class: "label",
+      htmlFor: "prototypingTarget"
+    }, b(this, m, "f").tabBasic.prototypingTarget.label), s("ch-combo-box-render", {
+      id: "prototypingTarget",
+      class: "combo-box",
+      part: "prototyping-target",
+      disabled: this.prototypingTargets.length === 0,
+      placeholder: this.prototypingTargets.length === 0 ? b(this, m, "f").tabBasic.prototypingTarget.disabledPlaceholder : "",
+      value: this.prototypingTargetsInitialValue,
+      model: this.prototypingTargetsComboBoxModel,
+      onInput: this.prototypingTargets.length > 0 ? b(this, st, "f") : undefined,
+      ref: t => v(this, P, t, "f")
+    }), b(this, rt, "f").call(this, b(this, P, "f"))), s("div", {
+      // #user interface
+      class: "field field-block user-interface-language"
+    }, s("label", {
+      class: "label",
+      htmlFor: "userInterfaceLanguage"
+    }, b(this, m, "f").tabBasic.userInterfaceLanguage.label), s("ch-combo-box-render", {
+      class: "combo-box",
+      disabled: this.userInterfaceLanguages.length === 0,
+      placeholder: this.userInterfaceLanguages.length === 0 ? b(this, m, "f").tabBasic.userInterfaceLanguage.disabledPlaceholder : "",
+      value: this.userInterfaceLanguagesInitialValue,
+      ref: t => v(this, $, t, "f"),
+      model: this.userInterfaceLanguagesComboBoxModel,
+      id: "userInterfaceLanguage",
+      part: "user-interface-language"
+    }), b(this, rt, "f").call(this, b(this, $, "f")))), s("section", {
+      class: "section__back-end"
+    }, s("h2", {
+      // back end
+      class: "dialog-header dialog-header-with-border dialog-header__back-end subtitle-regular-xs\t text-align-center spacing-body-inline"
+    }, b(this, m, "f").tabBasic.backEnd.backEndLabel), s("div", {
+      class: "field-group main__back-end spacing-body-inline scrollable"
+    }, s("div", {
+      // #prototyping environment
+      class: "field field-block"
+    }, s("label", {
+      class: "label",
+      htmlFor: "prototypingEnvironment"
+    }, b(this, m, "f").tabBasic.backEnd.prototypingEnvironment.label), s("ch-combo-box-render", {
+      class: "combo-box",
+      disabled: this.defaultPrototypingEnvironments.length === 0,
+      placeholder: this.defaultPrototypingEnvironments.length === 0 ? b(this, m, "f").tabBasic.backEnd.prototypingEnvironment.disabledPlaceholder : "",
+      value: b(this, w, "f"),
+      ref: t => v(this, S, t, "f"),
+      model: this.prototypingEnvironmentsComboBoxModel,
+      onInput: b(this, it, "f"),
+      part: "prototyping-environment",
+      id: "prototypingEnvironment"
+    }), b(this, rt, "f").call(this, b(this, S, "f"))), s("div", {
+      // #data source
+      class: "field field-block"
+    }, s("label", {
+      class: "label",
+      htmlFor: "dataSource"
+    }, b(this, m, "f").tabBasic.backEnd.dataSource.label), s("ch-combo-box-render", {
+      class: "combo-box",
+      disabled: this.defaultDataSources.length === 0,
+      placeholder: this.defaultDataSources.length === 0 ? b(this, m, "f").tabBasic.backEnd.dataSource.disabledPlaceholder : "",
+      value: b(this, y, "f"),
+      ref: t => v(this, E, t, "f"),
+      onInput: b(this, et, "f"),
+      model: this.defaultDataSourcesComboBoxModel,
+      part: "data-source",
+      id: "dataSource"
+    }), b(this, rt, "f").call(this, b(this, E, "f"))))), s("section", {
+      class: "section__front-end"
+    }, s("h2", {
+      class: "dialog-header dialog-header-with-border dialog-header__front-end subtitle-regular-xs\t text-align-center spacing-body-inline"
+    }, b(this, m, "f").tabBasic.frontEnd.frontEndLabel), s("div", {
+      class: "field-group main__front-end spacing-body-inline scrollable"
+    }, d(this.frontEnds, b(this, ht, "f"), b(this, k, "f").get(b(this, w, "f"))))) ]));
+    // - - - - - - - - - -
+        nt.set(this, (() => {
+      if (this.cancelCallback) {
+        this.cancelCallback();
+      }
+    }));
+    lt.set(this, (() => {
+      var t, i, s, e, a, o, n, l, r, h, d, c, u, p, v;
+      const g = (t = b(this, k, "f").get(b(this, w, "f"))) !== null && t !== void 0 ? t : [];
+      this.createCallback({
+        authenticationType: (i = b(this, M, "f")) === null || i === void 0 ? void 0 : i.value,
+        collation: (s = b(this, W, "f")) === null || s === void 0 ? void 0 : s.value,
+        createDataFilesInKBFolder: !!((e = b(this, I, "f")) === null || e === void 0 ? void 0 : e.value),
+        dataSource: (a = b(this, E, "f")) === null || a === void 0 ? void 0 : a.value,
+        databaseName: (o = b(this, T, "f")) === null || o === void 0 ? void 0 : o.value,
+        frontEnds: g,
+        kbLocation: (n = b(this, F, "f")) === null || n === void 0 ? void 0 : n.value,
+        kbName: (l = b(this, D, "f")) === null || l === void 0 ? void 0 : l.value,
+        password: (r = b(this, C, "f")) === null || r === void 0 ? void 0 : r.value,
+        prototypingEnvironment: (h = b(this, S, "f")) === null || h === void 0 ? void 0 : h.value,
+        prototypingTarget: (d = b(this, P, "f")) === null || d === void 0 ? void 0 : d.value,
+        savePassword: !!((c = b(this, A, "f")) === null || c === void 0 ? void 0 : c.value),
+        serverName: (u = b(this, B, "f")) === null || u === void 0 ? void 0 : u.value,
+        userInterfaceLanguage: (p = b(this, $, "f")) === null || p === void 0 ? void 0 : p.value,
+        userName: (v = b(this, K, "f")) === null || v === void 0 ? void 0 : v.value,
+        creationMode: this.selectedTab
+      }).then((t => {
+        this.validatableControls = f(t, this.validatableControls);
+      }));
+    }));
+    // TODO: evaluate if this should be a global helper function.
+    // It is used on new-kb as well.
+        rt.set(this, (t => {
+      var i, e, a;
+      return ((e = (i = this.validatableControls) === null || i === void 0 ? void 0 : i.get(t === null || t === void 0 ? void 0 : t.id)) === null || e === void 0 ? void 0 : e.hasError) && ((a = this.validatableControls.get(t.id)) === null || a === void 0 ? void 0 : a.message) && s("ch-tooltip", {
+        class: "tooltip",
+        actionElement: t,
+        blockAlign: n.tooltipSettings.blockAlign,
+        inlineAlign: n.tooltipSettings.inlineAlign,
+        delay: n.tooltipSettings.delay
+      }, this.validatableControls.get(t.id).message);
+    }));
+    ht.set(this, (t => {
+      const i = t.target.checkedValue;
+      const s = t.detail === i;
+      b(this, dt, "f").call(this, i, s);
+    }));
+    /**
+         * This function updates frontEndsCheckedMap, that contains the checked
+         * checkboxes for each language front ends.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        dt.set(this, ((t, i) => {
+      let s = b(this, k, "f").get(b(this, w, "f"));
+      if (!s) {
+        // first time
+        s = [];
+        b(this, k, "f").set(b(this, w, "f"), s);
+      }
+      if (i) {
+        // update by adding
+        s.push(t);
+      } else {
+        // update by removing
+        const i = s.findIndex((i => i === t));
+        u(s, i);
+      }
+    }));
+    ct.set(this, (async () => {
+      if (this.getPrototypingEnvironmentsCallback) {
+        const t = b(this, P, "f") ? b(this, P, "f").value : this.prototypingTargetsInitialValue;
+        const i = await this.getPrototypingEnvironmentsCallback(t);
+        if (i) {
+          this.defaultPrototypingEnvironments = i;
+        }
+      }
+    }));
+    ft.set(this, (() => {
+      if (this.getDataSourcesCallback) {
+        const t = b(this, S, "f").value;
+        const i = b(this, P, "f").value;
+        const s = this.getDataSourcesCallback(t, i);
+        s.then((t => {
+          if (t.length > 0) {
+            t = r(t, b(this, y, "f"));
+            v(this, y, h(t), "f");
+            this.defaultDataSources = t;
+            // set first option as selected
+                        b(this, E, "f").value = b(this, y, "f") !== undefined ? b(this, y, "f") : this.defaultDataSources[0].id;
+          }
+        })).catch((() => {}));
+      }
+    }));
+    ut.set(this, (() => {
+      const t = this.authenticationTypes.some((t => t.id === xt));
+      if (t) {
+        this.authenticationTypeValue = xt;
+      }
+    }));
+    pt.set(this, (() => {
+      // populate #controlsValidation with the controls that could have errors.
+      const t = [ b(this, E, "f"), b(this, D, "f"), b(this, S, "f"), b(this, P, "f"), b(this, $, "f") ];
+      t.forEach((t => {
+        if (t.id) {
+          this.validatableControls.set(t.id, {
+            reference: t,
+            hasError: false,
+            message: undefined
+          });
+        }
+      }));
+    }));
+    bt.set(this, (() => {
+      // populate #controlsValidation with the controls that could have errors.
+      const t = [ b(this, M, "f"), b(this, I, "f"), b(this, B, "f"), b(this, M, "f"), b(this, T, "f"), b(this, K, "f"), b(this, W, "f"), b(this, C, "f"), b(this, A, "f") ];
+      t.forEach((t => {
+        if (t.id) {
+          this.validatableControls.set(t.id, {
+            reference: t,
+            hasError: false,
+            message: undefined
+          });
+        }
+      }));
+    }));
+    /**
+         * @description It allows defining the DBMS that will be used in the solution
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        vt.set(this, (() => {
+      this.selectLocationCallback().then((t => {
+        if (t) {
+          this.kbLocation = t;
+        }
+      }));
+    }));
+    gt.set(this, (() => {
+      this.locationMode = b(this, j, "f").value;
+    }));
+    mt.set(this, (t => {
+      this.selectedTab = t.detail.newSelectedId;
+      if (t.detail.newSelectedId === Nt) {
+        if (!this.advancedTabIsVisible) {
+          this.advancedTabIsVisible = true;
+          b(this, kt, "f").call(this);
+        }
+      } else {
+        this.connectionStatus = undefined;
+      }
+    }));
+    kt.set(this, (async () => {
+      var t, i, s, e, a, o, n;
+      if (!this.getAdvancedTabDataCallback || this.loadingAdvancedTab) {
+        return;
+      }
+      this.loadingAdvancedTab = true;
+      this.connectionStatus = "connecting";
+      try {
+        const l = await this.getAdvancedTabDataCallback();
+        if (l) {
+          if (l.serverName != null) {
+            this.serverNameValue = l.serverName;
+            b(this, Z, "f").call(this);
+          }
+          this.serverInstances = (t = l.serverInstances) !== null && t !== void 0 ? t : this.serverInstances;
+          this.collations = (i = l.collations) !== null && i !== void 0 ? i : this.collations;
+          this.authenticationTypes = (s = l.authenticationTypes) !== null && s !== void 0 ? s : this.authenticationTypes;
+          this.defaultCollation = (e = l.defaultCollation) !== null && e !== void 0 ? e : this.defaultCollation;
+          this.authenticationTypeValue = (n = (o = (a = l.authenticationTypes) === null || a === void 0 ? void 0 : a[0]) === null || o === void 0 ? void 0 : o.id) !== null && n !== void 0 ? n : this.authenticationTypeValue;
+          this.connectionStatus = "success";
+        } else {
+          this.connectionStatus = "failed";
+        }
+      } catch (t) {
+        this.connectionStatus = "failed";
+      } finally {
+        this.loadingAdvancedTab = false;
+      }
+    }));
+    /**
+         * Evaluates which front-end options need updates on 'getFrontEndsCallback'
+         * by comparing the new state (getFrontEndsCallback result) and previous state.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        wt.set(this, (async () => {
+      const t = await this.getFrontEndsCallback(b(this, w, "f"));
+      if ((t === null || t === void 0 ? void 0 : t.length) > 0) {
+        this.frontEnds = t;
+        // Seed the checked map from the data's checked property so that
+        // initially checked items render as checked on first load.
+                if (!b(this, k, "f").has(b(this, w, "f"))) {
+          const i = t.filter((t => t.checked)).map((t => t.value || t.id));
+          if (i.length > 0) {
+            b(this, k, "f").set(b(this, w, "f"), i);
+          }
+        }
+      }
+    }));
+    this.advancedTabIsVisible = false;
+    this.loadingAdvancedTab = false;
+    this.browseForMoreDialogOpen = false;
+    this.databaseNameValue = "";
+    this.locationMode = Dt;
+    this.frontEnds = undefined;
+    this.validatableControls = new Map;
+    this.connectionStatus = undefined;
+    this.userNameValue = "";
+    this.passwordValue = "";
+    this.authenticationTypes = [];
+    this.authenticationTypesComboBoxModel = [];
+    this.authenticationTypeValue = undefined;
+    this.collations = [];
+    this.collationsComboBoxModel = [];
+    this.defaultCollation = undefined;
+    this.defaultDataSourcesComboBoxModel = [];
+    this.prototypingTargetsComboBoxModel = [];
+    this.prototypingTargetsInitialValue = undefined;
+    this.prototypingEnvironmentsComboBoxModel = [];
+    this.prototypingEnvironmentsInitialValue = undefined;
+    this.serverInstances = [];
+    this.serverInstancesComboBoxModel = [];
+    this.serverNameValue = "";
+    this.userInterfaceLanguagesComboBoxModel = [];
+    this.userInterfaceLanguagesInitialValue = undefined;
+    this.selectedTab = Lt;
+    this.cancelCallback = undefined;
+    this.canSetLocation = false;
+    this.getAdvancedTabDataCallback = undefined;
+    this.createCallback = undefined;
+    this.createDataFilesInKBFolder = true;
+    this.databaseName = undefined;
+    this.defaultDataSources = [];
+    this.getDataSourcesCallback = undefined;
+    this.getFrontEndsCallback = undefined;
+    this.getPrototypingEnvironmentsCallback = undefined;
+    this.isAdvanced = false;
+    this.kbLocation = undefined;
+    this.kbName = undefined;
+    this.password = undefined;
+    this.defaultPrototypingEnvironments = [];
+    this.prototypingTargets = [];
+    this.savePassword = false;
+    this.selectLocationCallback = undefined;
+    this.browseForMoreCallback = undefined;
+    this.getCollationsForInstanceCallback = undefined;
+    this.userInterfaceLanguages = [];
+    this.userName = undefined;
+  }
+  watchAuthenticationTypes(t) {
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.authenticationTypesComboBoxModel = c(t);
+      this.authenticationTypeValue = h(t);
+    }
+  }
+  watchCollations(t) {
+    if (!(t === null || t === void 0 ? void 0 : t.length)) {
+      this.collationsComboBoxModel = [];
+      return;
+    }
+    this.collationsComboBoxModel = c(t);
+  }
+  watchServerInstances(t) {
+    if (!(t === null || t === void 0 ? void 0 : t.length)) {
+      this.serverInstancesComboBoxModel = [];
+      return;
+    }
+    this.serverInstancesComboBoxModel = c(t);
+  }
+  watchDefaultDataSources(t) {
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.defaultDataSourcesComboBoxModel = c(t);
+      const i = r(t, b(this, y, "f"));
+      v(this, y, h(i), "f");
+    }
+  }
+  watchDefaultPrototypingEnvironments(t) {
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.prototypingEnvironmentsComboBoxModel = c(t);
+      v(this, w, h(t), "f");
+      b(this, wt, "f").call(this);
+    }
+  }
+  watchPrototypingTargets(t) {
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.prototypingTargetsComboBoxModel = c(t);
+      this.prototypingTargetsInitialValue = h(t);
+      b(this, ct, "f").call(this);
+    }
+  }
+  watchUserInterfaceLanguages(t) {
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.userInterfaceLanguagesComboBoxModel = c(t);
+      this.userInterfaceLanguagesInitialValue = h(t);
+    }
+  }
+  async componentWillLoad() {
+    var t, i;
+    v(this, m, await l.getComponentStrings(this.el), "f");
+    this.databaseNameValue = b(this, H, "f").call(this, this.kbName);
+    if (this.databaseName) {
+      this.databaseNameValue = this.databaseName;
+    }
+    this.userNameValue = (t = this.userName) !== null && t !== void 0 ? t : "";
+    this.passwordValue = (i = this.password) !== null && i !== void 0 ? i : "";
+    v(this, _, [ {
+      id: Lt,
+      name: b(this, m, "f").tabBasic.tabLabel
+    }, {
+      id: Nt,
+      name: b(this, m, "f").tabAdvanced.tabLabel
+    } ], "f");
+    v(this, L, [ {
+      value: Dt,
+      caption: b(this, m, "f").header.kbLocationDefault
+    }, {
+      value: Ft,
+      caption: b(this, m, "f").header.kbLocationCustom
+    } ], "f");
+  }
+  connectedCallback() {
+    this.watchDefaultDataSources(this.defaultDataSources);
+    this.watchDefaultPrototypingEnvironments(this.defaultPrototypingEnvironments);
+    this.watchPrototypingTargets(this.prototypingTargets);
+    this.watchUserInterfaceLanguages(this.userInterfaceLanguages);
+  }
+  componentDidLoad() {
+    b(this, pt, "f").call(this);
+  }
+  componentDidRender() {
+    if (this.advancedTabIsVisible && !b(this, g, "f")) {
+      // just call this once.
+      b(this, ut, "f").call(this);
+      b(this, bt, "f").call(this);
+      v(this, g, true, "f");
+    }
+    // Register the location input for validation once it's rendered (custom mode)
+        if (this.locationMode === Ft && !b(this, N, "f") && b(this, F, "f")) {
+      this.validatableControls.set(b(this, F, "f").id, {
+        reference: b(this, F, "f"),
+        hasError: false,
+        message: undefined
+      });
+      v(this, N, true, "f");
+    }
+    // Register credential controls when they become visible (SQL Auth selected)
+        if (this.authenticationTypeValue !== xt && !b(this, z, "f") && b(this, K, "f") && b(this, C, "f")) {
+      this.validatableControls.set(b(this, K, "f").id, {
+        reference: b(this, K, "f"),
+        hasError: false,
+        message: undefined
+      });
+      this.validatableControls.set(b(this, C, "f").id, {
+        reference: b(this, C, "f"),
+        hasError: false,
+        message: undefined
+      });
+      v(this, z, true, "f");
+    }
+    // Reset flag when switching back to Windows Auth so they re-register next time
+        if (this.authenticationTypeValue === xt && b(this, z, "f")) {
+      v(this, z, false, "f");
+    }
+  }
+  /**
+     * Suspends or reactivates the shortcuts
+     */  async suspendShortcuts(t) {
+    if (t) {
+      b(this, U, "f").suspend = true;
+    } else {
+      b(this, U, "f").suspend = false;
+    }
+  }
+  render() {
+    return s(e, {
+      class: "widget"
+    }, s("ch-theme", {
+      model: yt
+    }), s("ch-shortcuts", {
+      src: b(this, x, "f"),
+      ref: t => v(this, U, t, "f")
+    }), s("section", {
+      class: "section"
+    }, s("header", {
+      class: {
+        "field-group": true,
+        "dialog-header-with-border": !this.isAdvanced,
+        "dialog-header": this.isAdvanced,
+        header: true,
+        "header-one-col": true,
+        "spacing-body-block-start": true,
+        "spacing-body-inline": true
+      }
+    }, s("div", {
+      // #kb name
+      class: "field field-inline kb-name"
+    }, s("label", {
+      class: "label kb-label",
+      htmlFor: "kbName"
+    }, b(this, m, "f").header.kbName), s("ch-edit", {
+      // TODO add placeholder
+      autoFocus: true,
+      class: "input kb-input",
+      placeholder: "SalesInventory",
+      value: this.kbName,
+      onInput: b(this, O, "f"),
+      ref: t => v(this, D, t, "f"),
+      id: "kbName",
+      part: "kb-name"
+    }), b(this, rt, "f").call(this, b(this, D, "f"))), this.canSetLocation && s("div", {
+      class: "location-wrapper"
+    }, s("label", {
+      class: "label location-label"
+    }, b(this, m, "f").header.kbLocation), s("ch-radio-group-render", {
+      class: "radio-group",
+      model: b(this, L, "f"),
+      value: Dt,
+      onChange: b(this, gt, "f"),
+      ref: t => v(this, j, t, "f")
+    }), this.locationMode === Ft && s("div", {
+      class: "location-custom-wrapper"
+    }, s("div", {
+      class: "location-field"
+    }, s("ch-edit", {
+      class: "input",
+      value: this.kbLocation,
+      ref: t => v(this, F, t, "f"),
+      id: "kbLocation",
+      part: "kb-location"
+    }), b(this, rt, "f").call(this, b(this, F, "f"))), s("button", {
+      class: "button-tertiary button-icon-only location-icon",
+      "aria-label": b(this, m, "f").header.selectLocationButton,
+      title: b(this, m, "f").header.selectLocationButton,
+      part: "button-select-location",
+      onClick: b(this, vt, "f")
+    }, s("ch-image", {
+      class: "icon-m",
+      src: It
+    }))))), this.isAdvanced ? s("ch-tab-render", {
+      // #tab
+      class: {
+        scrollable: true,
+        tab: true,
+        [Mt]: true
+      },
+      tabListPosition: "block-start",
+      model: b(this, _, "f"),
+      selectedId: Lt,
+      overflow: "auto",
+      contain: "size",
+      onSelectedItemChange: b(this, mt, "f")
+    }, s("div", {
+      slot: Lt,
+      class: Wt,
+      part: "tab-button-basic"
+    }, b(this, ot, "f").call(this)), this.advancedTabIsVisible && s("div", {
+      slot: Nt,
+      class: "advanced",
+      part: "tab-button-advanced"
+    }, b(this, at, "f").call(this))) : s("div", {
+      class: Mt
+    }, s("div", {
+      class: Wt
+    }, b(this, ot, "f").call(this))), s("footer", {
+      class: {
+        footer: true,
+        "dialog-footer-with-border": true,
+        "spacing-body-block-end": true,
+        "spacing-body-inline": true
+      }
+    }, this.connectionStatus && s("span", {
+      class: {
+        "connection-status": true,
+        [`connection-status--${this.connectionStatus}`]: true
+      },
+      part: `connection-status connection-status-${this.connectionStatus}`
+    }, b(this, m, "f").footer.connectionStatus[this.connectionStatus]), s("div", {
+      class: "buttons-spacer"
+    }, s("button", {
+      // #cancel
+      class: "button-secondary",
+      id: "button-cancel",
+      onClick: b(this, nt, "f"),
+      part: "button-cancel"
+    }, b(this, m, "f").footer.btnCancel), s("button", {
+      // #create
+      class: "button-primary",
+      id: "button-create",
+      disabled: this.connectionStatus === "failed" || this.connectionStatus === "connecting" || b(this, Y, "f").call(this),
+      onClick: b(this, lt, "f"),
+      part: "button-create"
+    }, b(this, m, "f").footer.btnCreate)))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/new-kb" ];
+  }
+  get el() {
+    return a(this);
+  }
+  static get watchers() {
+    return {
+      authenticationTypes: [ "watchAuthenticationTypes" ],
+      collations: [ "watchCollations" ],
+      serverInstances: [ "watchServerInstances" ],
+      defaultDataSources: [ "watchDefaultDataSources" ],
+      defaultPrototypingEnvironments: [ "watchDefaultPrototypingEnvironments" ],
+      prototypingTargets: [ "watchPrototypingTargets" ],
+      userInterfaceLanguages: [ "watchUserInterfaceLanguages" ]
+    };
+  }
+};
+
+g = new WeakMap, m = new WeakMap, k = new WeakMap, w = new WeakMap, y = new WeakMap, 
+x = new WeakMap, _ = new WeakMap, M = new WeakMap, W = new WeakMap, I = new WeakMap, 
+T = new WeakMap, E = new WeakMap, D = new WeakMap, F = new WeakMap, j = new WeakMap, 
+L = new WeakMap, N = new WeakMap, z = new WeakMap, C = new WeakMap, S = new WeakMap, 
+P = new WeakMap, A = new WeakMap, B = new WeakMap, $ = new WeakMap, K = new WeakMap, 
+U = new WeakMap, H = new WeakMap, O = new WeakMap, V = new WeakMap, G = new WeakMap, 
+Q = new WeakMap, R = new WeakMap, X = new WeakMap, q = new WeakMap, J = new WeakMap, 
+Y = new WeakMap, Z = new WeakMap, tt = new WeakMap, it = new WeakMap, st = new WeakMap, 
+et = new WeakMap, at = new WeakMap, ot = new WeakMap, nt = new WeakMap, lt = new WeakMap, 
+rt = new WeakMap, ht = new WeakMap, dt = new WeakMap, ct = new WeakMap, ft = new WeakMap, 
+ut = new WeakMap, pt = new WeakMap, bt = new WeakMap, vt = new WeakMap, gt = new WeakMap, 
+mt = new WeakMap, kt = new WeakMap, wt = new WeakMap;
+
+zt.style = p;
+
+export { zt as gx_ide_new_kb };
+//# sourceMappingURL=p-eeae9dd5.entry.js.map