@genexus/genexus-ide-ui 1.0.9 → 1.0.10

package/dist/genexus-ide-ui/p-3e5e2766.entry.js

@@ -0,0 +1,765 @@
+import { h as t, r as i, a as e, H as s, g as a } from "./p-aaed592c.js";
+
+import { c as o } from "./p-78b90603.js";
+
+import { L as n } from "./p-74d59062.js";
+
+import { g as h } from "./p-3ef5a5a6.js";
+
+import { g as l } from "./p-6df9fab1.js";
+
+// formSubmitValidation will be deprecated. use "validateControls" instead.
+// TODO: Improve the way we mark components with error. We must not use error classes.
+const r = {
+  "ch-checkbox": "checkbox-error",
+  "ch-combo-box-render": "combo-box-error",
+  "ch-edit": "form-input-error"
+};
+
+const toggleErrorClass = (t, i) => {
+  const e = i.tagName.toLowerCase();
+  const s = r[e];
+  if (t) {
+    i.classList.add(s);
+  } else {
+    i.classList.remove(s);
+  }
+};
+
+const validateControls = (t, i) => {
+  const e = new Map(i);
+  t.fieldErrors.forEach((t => {
+    const i = t.key;
+    const s = t.hasError;
+    const a = e.get(i);
+    if (a === null || a === void 0 ? void 0 : a.reference) {
+      // toggle class to add or remove error style
+      toggleErrorClass(s, a.reference);
+      e.set(i, Object.assign(Object.assign({}, a), {
+        hasError: s,
+        message: t.message
+      }));
+    }
+  }));
+  // return validatableControls updated.
+    return e;
+};
+
+const renderChCheckboxItems = (i, e = "undefined-group", s) => (i === null || i === void 0 ? void 0 : i.length) > 0 && i.map((i => t("ch-checkbox", {
+  name: i.name,
+  class: "checkbox",
+  part: `${e}-${i.id}`,
+  checkedValue: i.value || i.id,
+  caption: i.label,
+  disabled: i.disabled,
+  value: i.value,
+  onInput: s !== null && s !== void 0 ? s : null,
+  startImgSrc: i.iconName
+})));
+
+const mapOptionsToComboBoxItemModel = t => t.map((t => ({
+  value: t.id,
+  caption: t.label,
+  startImgSrc: t.iconName
+})));
+
+const d = ':host{display:grid;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.header-one-col{grid-template-columns:1fr}.header-two-cols{grid-template-columns:1fr 1fr}.location-wrapper{display:flex;gap:var(--mer-spacing--2xs)}.location{flex-grow:1;grid-area:location}.tab::part(page){scrollbar-width:thin}.basic{grid-template:"prototyping-target user-interface-language" max-content "back-end front-end" max-content;grid-template-columns:1fr 1fr}.prototyping-target{grid-area:prototyping-target}.user-interface-language{grid-area:user-interface-language}.back-end{grid-area:back-end;grid-auto-rows:max-content}.front-end{grid-area:front-end}.tab-advanced-title{grid-area:tab-advanced-title}.layout-tab-advanced-left-col{grid-area:layout-tab-advanced-left-col}.layout-tab-advanced-right-col{grid-area:layout-tab-advanced-right-col}.basic,.advanced{padding-block:var(--content-block-spacing)}.tab-advanced__field-group{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto}.text-align-center{text-align:center}';
+
+var c = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
+  if (e === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof i === "function" ? t !== i || !s : !i.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return e === "m" ? s : e === "a" ? s.call(t) : s ? s.value : i.get(t);
+};
+
+var f = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, a) {
+  if (s === "m") throw new TypeError("Private method is not writable");
+  if (s === "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 s === "a" ? a.call(t, e) : a ? a.value = e : i.set(t, e), e;
+};
+
+var u, p, b, v, m, g, w, k, y, x, M, W, I, F, T, E, N, S, L, D, j, C, P, _, A, B, K, V, z, O, U, $, G, H, R, q, J, Q, X, Y, Z, tt, it, et;
+
+const st = [ "resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "chameleon/scrollbar" ];
+
+const at = "windows-authentication";
+
+const ot = "main";
+
+const nt = "basic field-group spacing-body-inline";
+
+const ht = l({
+  category: "system",
+  name: "folder",
+  colorType: "primary"
+});
+
+const lt = "basic";
+
+const rt = "advanced";
+
+const dt = class {
+  constructor(s) {
+    i(this, s);
+    u.add(this);
+    p.set(this, false);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        b.set(this, void 0);
+    v.set(this, []);
+    m.set(this, e(`./gx-ide-assets/new-kb/shortcuts.json`));
+    g.set(this, []);
+    /* References needed to collect data con "Create" button submit*/    w.set(this, void 0);
+    k.set(this, void 0);
+    y.set(this, void 0);
+    x.set(this, void 0);
+    M.set(this, void 0);
+    W.set(this, void 0);
+    I.set(this, void 0);
+    F.set(this, void 0);
+    T.set(this, void 0);
+    E.set(this, void 0);
+    N.set(this, void 0);
+    S.set(this, void 0);
+    L.set(this, void 0);
+    D.set(this, void 0);
+    j.set(this, void 0);
+    C.set(this, void 0);
+    _.set(this, (() => {
+      c(this, et, "f").call(this);
+    }));
+    A.set(this, (t => {
+      const i = t === null || t === void 0 ? void 0 : t.detail;
+      c(this, R, "f").call(this, i);
+    }));
+    B.set(this, (t => {
+      c(this, G, "f").call(this, t.detail);
+    }));
+    K.set(this, (() => {
+      c(this, q, "f").call(this);
+      c(this, it, "f").call(this);
+    }));
+    V.set(this, (() => {
+      c(this, q, "f").call(this);
+    }));
+    z.set(this, (() => [ t("h2", {
+      // #knowledge base storage
+      class: "control-header heading-5 text-align-center"
+    }, c(this, b, "f").tabAdvanced.tabTitle), t("div", {
+      class: "field-group tab-advanced__field-group"
+    }, t("div", {
+      // #server name
+      class: "field field-block server-name-field"
+    }, t("label", {
+      class: "label",
+      htmlFor: "serverName"
+    }, c(this, b, "f").tabAdvanced.serverName.label), t("ch-combo-box-render", {
+      class: "combo-box",
+      disabled: this.serverNames.length === 0,
+      placeholder: this.serverNames.length === 0 ? c(this, b, "f").tabAdvanced.serverName.disabledPlaceholder : "",
+      value: this.serverNamesInitialValue,
+      ref: t => f(this, L, t, "f"),
+      model: this.serverNamesComboBoxModel,
+      onInput: this.serverNames.length > 0 ? c(this, B, "f") : undefined,
+      id: "serverName",
+      part: "server-name"
+    }), c(this, H, "f").call(this, c(this, L, "f"))), t("div", {
+      // #authentication type
+      class: "field field-block authentication-type-field"
+    }, t("label", {
+      class: "label",
+      htmlFor: "authenticationType"
+    }, c(this, b, "f").tabAdvanced.authenticationType.label), t("ch-combo-box-render", {
+      class: "combo-box",
+      disabled: this.authenticationTypes.length === 0,
+      placeholder: this.authenticationTypes.length === 0 ? c(this, b, "f").tabAdvanced.authenticationType.disabledPlaceholder : "",
+      value: this.authenticationTypesInitialValue,
+      ref: t => f(this, w, t, "f"),
+      model: this.authenticationTypesComboBoxModel,
+      id: "authenticationType",
+      part: "authentication-type",
+      onInput: this.authenticationTypes.length > 0 ? c(this, A, "f") : undefined
+    }), c(this, H, "f").call(this, c(this, w, "f"))), t("div", {
+      // #database
+      class: "field field-block database-field"
+    }, t("label", {
+      class: "label",
+      htmlFor: "databaseName"
+    }, c(this, b, "f").tabAdvanced.databaseName.label), t("ch-edit", {
+      // TODO add placeholder
+      class: "form-input",
+      value: this.databaseName,
+      id: "databaseName",
+      part: "database-name",
+      ref: t => f(this, x, t, "f")
+    }), c(this, H, "f").call(this, c(this, x, "f"))), this.userNameVisible ? t("div", {
+      // #username
+      class: "field field-block username-field"
+    }, t("label", {
+      class: "label",
+      htmlFor: "userName"
+    }, c(this, b, "f").tabAdvanced.userName.label), t("ch-edit", {
+      // TODO add placeholder
+      class: "form-input",
+      value: this.userName,
+      id: "userName",
+      part: "user-name",
+      ref: t => f(this, j, t, "f")
+    }), c(this, H, "f").call(this, c(this, j, "f"))) : null, t("div", {
+      // #collation
+      class: "field field-block collation-field"
+    }, t("label", {
+      class: "label",
+      htmlFor: "collation"
+    }, c(this, b, "f").tabAdvanced.collation.label), t("ch-combo-box-render", {
+      class: "combo-box",
+      disabled: this.serverNames.length === 0,
+      placeholder: this.collations.length === 0 ? c(this, b, "f").tabAdvanced.collation.disabledPlaceholder : "",
+      value: this.collationsInitialValue,
+      ref: t => f(this, k, t, "f"),
+      model: this.collationsComboBoxModel,
+      id: "collation",
+      part: "collation"
+    }), c(this, H, "f").call(this, c(this, k, "f"))), this.passwordVisible ? t("div", {
+      // #password
+      class: "field field-block password-field"
+    }, t("label", {
+      class: "label",
+      htmlFor: "password"
+    }, c(this, b, "f").tabAdvanced.password.label), t("ch-edit", {
+      // TODO add placeholder
+      class: "form-input",
+      type: "password",
+      value: this.password,
+      id: "password",
+      part: "password",
+      ref: t => f(this, T, t, "f")
+    }), c(this, H, "f").call(this, c(this, T, "f"))) : null, t("ch-checkbox", {
+      // #create data in knowledge base folder
+      class: "checkbox create-data-in-kb-checkbox",
+      checkedValue: "createDataFilesInKBFolder",
+      caption: c(this, b, "f").tabAdvanced.createDataFilesInKbFolder,
+      disabled: this.createDataInKbDisabled,
+      part: "create-data-in-kb",
+      id: "createDataFilesInKBFolder",
+      ref: t => f(this, y, t, "f")
+    }), this.savePasswordVisible ? t("ch-checkbox", {
+      // #save password
+      class: "checkbox save-password-checkbox",
+      checkedValue: "password",
+      caption: c(this, b, "f").tabAdvanced.savePassword,
+      part: "save-password",
+      id: "savePassword",
+      ref: t => f(this, S, t, "f")
+    }) : null) ]));
+    O.set(this, (() => [ t("div", {
+      // #prototyping  target
+      class: "field field-block prototyping-target"
+    }, t("label", {
+      class: "label",
+      htmlFor: "prototypingTarget"
+    }, c(this, b, "f").tabBasic.prototypingTarget.label), t("ch-combo-box-render", {
+      id: "prototypingTarget",
+      class: "combo-box",
+      part: "prototyping-target",
+      disabled: this.prototypingTargets.length === 0,
+      placeholder: this.prototypingTargets.length === 0 ? c(this, b, "f").tabBasic.prototypingTarget.disabledPlaceholder : "",
+      value: this.prototypingTargetsInitialValue,
+      model: this.prototypingTargetsComboBoxModel,
+      onInput: this.prototypingTargets.length > 0 ? c(this, V, "f") : undefined,
+      ref: t => f(this, N, t, "f")
+    }), c(this, H, "f").call(this, c(this, N, "f"))), t("div", {
+      // #user interface
+      class: "field field-block user-interface-language"
+    }, t("label", {
+      class: "label",
+      htmlFor: "userInterfaceLanguage"
+    }, c(this, b, "f").tabBasic.userInterfaceLanguage.label), t("ch-combo-box-render", {
+      class: "combo-box",
+      disabled: this.userInterfaceLanguages.length === 0,
+      placeholder: this.userInterfaceLanguages.length === 0 ? c(this, b, "f").tabBasic.userInterfaceLanguage.disabledPlaceholder : "",
+      value: this.userInterfaceLanguagesInitialValue,
+      ref: t => f(this, D, t, "f"),
+      model: this.userInterfaceLanguagesComboBoxModel,
+      id: "userInterfaceLanguage",
+      part: "user-interface-language"
+    }), c(this, H, "f").call(this, c(this, D, "f"))), t("div", null, t("h2", {
+      // back end
+      class: "control-header heading-5 text-align-center"
+    }, c(this, b, "f").tabBasic.backEnd.backEndLabel), t("div", {
+      class: "field-group back-end"
+    }, t("div", {
+      // #prototyping environment
+      class: "field field-block"
+    }, t("label", {
+      class: "label",
+      htmlFor: "prototypingEnvironment"
+    }, c(this, b, "f").tabBasic.backEnd.prototypingEnvironment.label), t("ch-combo-box-render", {
+      class: "combo-box",
+      disabled: this.prototypingEnvironments.length === 0,
+      placeholder: this.prototypingEnvironments.length === 0 ? c(this, b, "f").tabBasic.backEnd.prototypingEnvironment.disabledPlaceholder : "",
+      value: this.prototypingEnvironmentsInitialValue,
+      ref: t => f(this, E, t, "f"),
+      model: this.prototypingEnvironmentsComboBoxModel,
+      onInput: this.prototypingEnvironments.length > 0 ? c(this, K, "f") : undefined,
+      part: "prototyping-environment",
+      id: "prototypingEnvironment"
+    }), c(this, H, "f").call(this, c(this, E, "f"))), t("div", {
+      // #data source
+      class: "field field-block"
+    }, t("label", {
+      class: "label",
+      htmlFor: "dataSource"
+    }, c(this, b, "f").tabBasic.backEnd.dataSource.label), t("ch-combo-box-render", {
+      class: "combo-box",
+      disabled: this.defaultDataSources.length === 0,
+      placeholder: this.defaultDataSources.length === 0 ? c(this, b, "f").tabBasic.backEnd.dataSource.disabledPlaceholder : "",
+      value: this.defaultDataSourcesInitialValue,
+      ref: t => f(this, M, t, "f"),
+      model: this.defaultDataSourcesComboBoxModel,
+      part: "data-source",
+      id: "dataSource"
+    }), c(this, H, "f").call(this, c(this, M, "f"))))), t("div", null, t("h2", {
+      // front end
+      class: "control-header heading-5 text-align-center"
+    }, c(this, b, "f").tabBasic.frontEnd.frontEndLabel), t("div", {
+      class: "field-group front-end",
+      ref: t => f(this, W, t, "f")
+    }, renderChCheckboxItems(this.frontEnds, "front-end", c(this, _, "f")))) ]));
+    // - - - - - - - - - -
+        U.set(this, (() => {
+      if (this.cancelCallback) {
+        this.cancelCallback();
+      }
+    }));
+    $.set(this, (() => {
+      var t, i, e, s, a, o, n, h, l, r, d, f, u, p;
+      if (this.createCallback) {
+        const b = this.createCallback({
+          authenticationType: (t = c(this, w, "f")) === null || t === void 0 ? void 0 : t.value,
+          collation: (i = c(this, k, "f")) === null || i === void 0 ? void 0 : i.value,
+          createDataFilesInKBFolder: !!((e = c(this, y, "f")) === null || e === void 0 ? void 0 : e.value),
+          dataSource: (s = c(this, M, "f")) === null || s === void 0 ? void 0 : s.value,
+          databaseName: (a = c(this, x, "f")) === null || a === void 0 ? void 0 : a.value,
+          frontEnds: c(this, v, "f"),
+          kbLocation: (o = c(this, F, "f")) === null || o === void 0 ? void 0 : o.value,
+          kbName: (n = c(this, I, "f")) === null || n === void 0 ? void 0 : n.value,
+          password: (h = c(this, T, "f")) === null || h === void 0 ? void 0 : h.value,
+          prototypingEnvironment: (l = c(this, E, "f")) === null || l === void 0 ? void 0 : l.value,
+          prototypingTarget: (r = c(this, N, "f")) === null || r === void 0 ? void 0 : r.value,
+          savePassword: !!((d = c(this, S, "f")) === null || d === void 0 ? void 0 : d.value),
+          serverName: (f = c(this, L, "f")) === null || f === void 0 ? void 0 : f.value,
+          userInterfaceLanguage: (u = c(this, D, "f")) === null || u === void 0 ? void 0 : u.value,
+          userName: (p = c(this, j, "f")) === null || p === void 0 ? void 0 : p.value
+        });
+        b.then((t => {
+          this.validatableControls = validateControls(t, this.validatableControls);
+        }));
+      }
+    }));
+    /**
+         * Disable "Create Data in Knowledge Base Folder" if the first Server Name
+         * option is selected.
+         * */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        G.set(this, (t => {
+      var i;
+      if (((i = this.serverNames[0]) === null || i === void 0 ? void 0 : i.id) === t) {
+        this.createDataInKbDisabled = true;
+      } else {
+        this.createDataInKbDisabled = false;
+      }
+    }));
+    H.set(this, (i => {
+      var e, s, a;
+      return ((s = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(i === null || i === void 0 ? void 0 : i.id)) === null || s === void 0 ? void 0 : s.hasError) && ((a = this.validatableControls.get(i.id)) === null || a === void 0 ? void 0 : a.message) && t("ch-tooltip", {
+        class: "tooltip",
+        actionElement: i,
+        blockAlign: o.tooltipSettings.blockAlign,
+        inlineAlign: o.tooltipSettings.inlineAlign,
+        delay: o.tooltipSettings.delay
+      }, this.validatableControls.get(i.id).message);
+    }));
+    /**
+         * If "Authentication Type" is "Windows Authentication", hide User Name,
+         * Password, and Save Password fields.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        R.set(this, (t => {
+      if (t === at) {
+        this.userNameVisible = false;
+        this.passwordVisible = false;
+        this.savePasswordVisible = false;
+      } else {
+        this.userNameVisible = true;
+        this.passwordVisible = true;
+        this.savePasswordVisible = true;
+      }
+    }));
+    q.set(this, (() => {
+      if (this.getDataSourcesCallback) {
+        const t = c(this, E, "f").value;
+        const i = c(this, N, "f").value;
+        const e = this.getDataSourcesCallback(t, i);
+        e.then((t => {
+          if (t.length > 0) {
+            this.defaultDataSources = t;
+            // set first option as selected
+                        c(this, M, "f").value = this.defaultDataSources[0].id;
+          }
+        })).catch((() => {}));
+      }
+    }));
+    J.set(this, (() => {
+      c(this, et, "f").call(this);
+      // map all "Basic Tab" GxOption[]'s to ComboBoxModel's
+            this.watchDefaultDataSources(this.defaultDataSources);
+      this.watchPrototypingEnvironments(this.prototypingEnvironments);
+      this.watchPrototypingTargets(this.prototypingTargets);
+      this.watchServerNames(this.serverNames);
+      this.watchUserInterfaceLanguages(this.userInterfaceLanguages);
+    }));
+    Q.set(this, (() => {
+      const t = c(this, L, "f").value;
+      c(this, G, "f").call(this, t);
+      const i = c(this, w, "f").value;
+      c(this, R, "f").call(this, i);
+      // map all "Advanced Tab" GxOption[]'s to ComboBoxModel's
+            this.watchAuthenticationTypes(this.authenticationTypes);
+      this.watchCollations(this.collations);
+    }));
+    X.set(this, (() => {
+      // populate #controlsValidation with the controls that could have errors.
+      const t = [ c(this, M, "f"), c(this, I, "f"), c(this, E, "f"), c(this, N, "f"), c(this, D, "f") ];
+      t.forEach((t => {
+        if (t.id) {
+          this.validatableControls.set(t.id, {
+            reference: t,
+            hasError: false,
+            message: undefined
+          });
+        }
+      }));
+    }));
+    Y.set(this, (() => {
+      // populate #controlsValidation with the controls that could have errors.
+      const t = [ c(this, F, "f"), c(this, w, "f"), c(this, y, "f"), c(this, L, "f"), c(this, w, "f"), c(this, x, "f"), c(this, j, "f"), c(this, k, "f"), c(this, T, "f"), c(this, S, "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
+        Z.set(this, (() => {
+      this.selectLocationCallback().then((t => {
+        if (t) {
+          this.kbLocation = t;
+        }
+      }));
+    }));
+    tt.set(this, (t => {
+      if (t.detail.newSelectedId === rt) {
+        this.advancedTabIsVisible = true;
+        // Some logic for advanced tab is done on componentDidRender lifecycle,
+        // since the reference to the elements is needed.
+            }
+    }));
+    /**
+         * 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
+        it.set(this, (() => {
+      if (this.getFrontEndsCallback) {
+        const t = c(this, E, "f").value;
+        const i = this.getFrontEndsCallback(t);
+        i.then((t => {
+          const i = [];
+          t.forEach((t => {
+            const e = this.frontEnds.find((i => t.id === i.id));
+            if (e) {
+              // update newFrontEnd checked status with actual frontEnd checked status
+              t.checked = e.checked;
+            }
+            i.push(t);
+          }));
+          this.frontEnds = i;
+        })).catch((() => {}));
+      }
+    }));
+    et.set(this, (() => {
+      f(this, v, c(this, u, "m", P).call(this), "f");
+    }));
+    this.advancedTabIsVisible = false;
+    this.validatableControls = new Map;
+    this.createDataInKbDisabled = false;
+    this.userNameVisible = true;
+    this.passwordVisible = true;
+    this.savePasswordVisible = true;
+    this.authenticationTypesComboBoxModel = [];
+    this.authenticationTypesInitialValue = undefined;
+    this.collationsComboBoxModel = [];
+    this.collationsInitialValue = undefined;
+    this.defaultDataSourcesComboBoxModel = [];
+    this.defaultDataSourcesInitialValue = undefined;
+    this.prototypingTargetsComboBoxModel = [];
+    this.prototypingTargetsInitialValue = undefined;
+    this.prototypingEnvironmentsComboBoxModel = [];
+    this.prototypingEnvironmentsInitialValue = undefined;
+    this.serverNamesComboBoxModel = [];
+    this.serverNamesInitialValue = undefined;
+    this.userInterfaceLanguagesComboBoxModel = [];
+    this.userInterfaceLanguagesInitialValue = undefined;
+    this.authenticationTypes = undefined;
+    this.cancelCallback = undefined;
+    this.collations = undefined;
+    this.createCallback = undefined;
+    this.createDataFilesInKBFolder = false;
+    this.databaseName = undefined;
+    this.defaultDataSources = undefined;
+    this.displayTitle = false;
+    this.frontEnds = undefined;
+    this.getDataSourcesCallback = undefined;
+    this.getFrontEndsCallback = undefined;
+    this.isAdvanced = false;
+    this.kbLocation = undefined;
+    this.kbName = undefined;
+    this.password = undefined;
+    this.prototypingEnvironments = undefined;
+    this.prototypingTargets = undefined;
+    this.savePassword = false;
+    this.selectLocationCallback = undefined;
+    this.serverNames = undefined;
+    this.userInterfaceLanguages = undefined;
+    this.userName = undefined;
+  }
+  watchAuthenticationTypes(t) {
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.authenticationTypesComboBoxModel = mapOptionsToComboBoxItemModel(t);
+      this.authenticationTypesInitialValue = h(t);
+    }
+  }
+  watchCollations(t) {
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.collationsComboBoxModel = mapOptionsToComboBoxItemModel(t);
+      this.collationsInitialValue = h(t);
+    }
+  }
+  watchDefaultDataSources(t) {
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.defaultDataSourcesComboBoxModel = mapOptionsToComboBoxItemModel(t);
+      this.defaultDataSourcesInitialValue = h(t);
+    }
+  }
+  watchPrototypingEnvironments(t) {
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.prototypingEnvironmentsComboBoxModel = mapOptionsToComboBoxItemModel(t);
+      this.prototypingEnvironmentsInitialValue = h(t);
+    }
+  }
+  watchPrototypingTargets(t) {
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.prototypingTargetsComboBoxModel = mapOptionsToComboBoxItemModel(t);
+      this.prototypingTargetsInitialValue = h(t);
+    }
+  }
+  watchServerNames(t) {
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.serverNamesComboBoxModel = mapOptionsToComboBoxItemModel(t);
+      this.serverNamesInitialValue = h(t);
+    }
+  }
+  watchUserInterfaceLanguages(t) {
+    if (t === null || t === void 0 ? void 0 : t.length) {
+      this.userInterfaceLanguagesComboBoxModel = mapOptionsToComboBoxItemModel(t);
+      this.userInterfaceLanguagesInitialValue = h(t);
+    }
+  }
+  async componentWillLoad() {
+    f(this, b, await n.getComponentStrings(this.el), "f");
+    this.previousFrontEndsState = this.frontEnds;
+    f(this, g, [ {
+      id: lt,
+      name: c(this, b, "f").tabBasic.tabLabel
+    }, {
+      id: rt,
+      name: c(this, b, "f").tabAdvanced.tabLabel
+    } ], "f");
+  }
+  componentDidLoad() {
+    c(this, J, "f").call(this);
+    c(this, X, "f").call(this);
+  }
+  componentDidRender() {
+    if (this.advancedTabIsVisible && !c(this, p, "f")) {
+      // just call this once.
+      c(this, Q, "f").call(this);
+      c(this, Y, "f").call(this);
+      f(this, p, true, "f");
+    }
+  }
+  /**
+     * Suspends or reactivates the shortcuts
+     */  async suspendShortcuts(t) {
+    if (t) {
+      c(this, C, "f").suspend = true;
+    } else {
+      c(this, C, "f").suspend = false;
+    }
+  }
+  render() {
+    return t(s, {
+      class: "widget"
+    }, t("ch-theme", {
+      model: st
+    }), t("ch-shortcuts", {
+      src: c(this, m, "f"),
+      ref: t => f(this, C, t, "f")
+    }), t("section", {
+      class: "section"
+    }, t("header", {
+      class: {
+        "field-group": true,
+        "control-header-with-border": !this.isAdvanced,
+        "control-header": this.isAdvanced,
+        header: true,
+        "header-two-cols": this.isAdvanced,
+        "header-one-col": !this.isAdvanced,
+        "spacing-body-block-start": true,
+        "spacing-body-inline": true
+      }
+    }, t("div", {
+      // #kb name
+      class: "field field-inline kb-name"
+    }, t("label", {
+      class: "label kb-label",
+      htmlFor: "kbName"
+    }, c(this, b, "f").header.kbName), t("ch-edit", {
+      // TODO add placeholder
+      autoFocus: true,
+      class: "form-input kb-input",
+      placeholder: "SalesInventory",
+      value: this.kbName,
+      ref: t => f(this, I, t, "f"),
+      id: "kbName",
+      part: "kb-name"
+    }), c(this, H, "f").call(this, c(this, I, "f"))), this.isAdvanced && t("div", {
+      class: "location-wrapper"
+    }, t("div", {
+      // #location
+      class: "field field-inline location"
+    }, t("label", {
+      class: "label location-label",
+      htmlFor: "kbLocation"
+    }, c(this, b, "f").header.kbLocation), t("ch-edit", {
+      // TODO add placeholder
+      class: "form-input location-input",
+      value: this.kbLocation,
+      ref: t => f(this, F, t, "f"),
+      id: "kbLocation",
+      part: "kb-location"
+    }), c(this, H, "f").call(this, c(this, F, "f"))), t("button", {
+      class: "button-tertiary button-icon-only location-icon",
+      "aria-label": c(this, b, "f").header.selectLocationButton,
+      title: c(this, b, "f").header.selectLocationButton,
+      part: "button-select-location",
+      onClick: c(this, Z, "f")
+    }, t("ch-image", {
+      class: "icon-md",
+      src: ht
+    })))), this.isAdvanced ? t("ch-tab-render", {
+      // #tab
+      class: {
+        scrollable: true,
+        tab: true,
+        [ot]: true
+      },
+      direction: "block",
+      model: c(this, g, "f"),
+      selectedId: lt,
+      overflow: "auto scroll",
+      contain: "size",
+      onSelectedItemChange: !this.advancedTabIsVisible && c(this, tt, "f")
+    }, t("div", {
+      slot: lt,
+      class: nt,
+      part: "tab-button-basic"
+    }, c(this, O, "f").call(this)), this.advancedTabIsVisible && t("div", {
+      slot: rt,
+      class: "advanced spacing-body-inline",
+      part: "tab-button-advanced"
+    }, c(this, z, "f").call(this))) : t("div", {
+      class: ot
+    }, t("div", {
+      class: nt
+    }, c(this, O, "f").call(this))), t("footer", {
+      class: {
+        "control-footer": this.isAdvanced,
+        "control-footer-with-border": !this.isAdvanced,
+        "spacing-body-block-end": true,
+        "spacing-body-inline": true
+      }
+    }, t("div", {
+      class: "buttons-spacer"
+    }, t("button", {
+      // #cancel
+      class: "button-secondary",
+      id: "button-cancel",
+      onClick: c(this, U, "f"),
+      part: "button-cancel"
+    }, c(this, b, "f").footer.btnCancel), t("button", {
+      // #create
+      class: "button-primary",
+      id: "button-create",
+      onClick: c(this, $, "f"),
+      part: "button-create"
+    }, c(this, b, "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" ],
+      defaultDataSources: [ "watchDefaultDataSources" ],
+      prototypingEnvironments: [ "watchPrototypingEnvironments" ],
+      prototypingTargets: [ "watchPrototypingTargets" ],
+      serverNames: [ "watchServerNames" ],
+      userInterfaceLanguages: [ "watchUserInterfaceLanguages" ]
+    };
+  }
+};
+
+p = new WeakMap, b = new WeakMap, v = new WeakMap, m = new WeakMap, g = new WeakMap, 
+w = new WeakMap, k = new WeakMap, y = new WeakMap, x = new WeakMap, M = new WeakMap, 
+W = new WeakMap, I = new WeakMap, F = new WeakMap, T = new WeakMap, E = new WeakMap, 
+N = new WeakMap, S = new WeakMap, L = new WeakMap, D = new WeakMap, j = new WeakMap, 
+C = new WeakMap, _ = new WeakMap, A = new WeakMap, B = new WeakMap, K = new WeakMap, 
+V = new WeakMap, z = new WeakMap, O = new WeakMap, U = new WeakMap, $ = new WeakMap, 
+G = new WeakMap, H = new WeakMap, R = new WeakMap, q = new WeakMap, J = new WeakMap, 
+Q = new WeakMap, X = new WeakMap, Y = new WeakMap, Z = new WeakMap, tt = new WeakMap, 
+it = new WeakMap, et = new WeakMap, u = new WeakSet, P = function _GxIdeNewKb_getCheckboxValues() {
+  // TODO (We shouldn't be using querySelector)
+  const t = c(this, W, "f").querySelectorAll("ch-checkbox");
+  const i = Array.from(t).map((t => t.value)).filter(Boolean);
+  return i;
+};
+
+dt.style = d;
+
+export { dt as gx_ide_new_kb };
+//# sourceMappingURL=p-3e5e2766.entry.js.map