@genexus/genexus-ide-ui 0.0.99 → 0.0.101

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

@@ -0,0 +1,472 @@
+import { r as e, c as t, a, h as o, H as i, g as r } from "./p-2776d2f9.js";
+
+import { L as s } from "./p-74d59062.js";
+
+import { c as l } from "./p-9c1b4eb9.js";
+
+import { g as n, r as d } from "./p-4cfc2a85.js";
+
+import { f as g } from "./p-e8646b08.js";
+
+const c = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.header{grid-template-columns:auto 1fr;grid-template-areas:"kb-name-label kb-input"}.header--is-advanced{grid-template-columns:auto 1fr min-content;grid-template-areas:"kb-name-label kb-input ." "location-label location-input location-icon"}.header .kb-input{grid-area:kb-input}.header .kb-name-label{grid-area:kb-label}.header .location-label{grid-area:location-label}.header .location-input{grid-area:location-input}.header .location-icon{grid-area:location-icon}.gxg-tabs{margin-top:0;box-shadow:none}.basic-row-first{container-name:basic-row-first;}.basic-row-first__container{display:grid;gap:var(--gx-ide-grid-column-gap);padding:var(--gx-ide-container__padding);border-bottom:1px solid var(--gx-ide-container-border-color);grid-template-columns:repeat(2, 1fr)}.basic-row-second{grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0;flex-grow:1}.knowledge-base-storage{display:grid;grid-template-areas:"knowledge-base-storage__col-left knowledge-base-storage__col-right";grid-template-columns:repeat(2, 1fr);flex-grow:1;gap:0}.knowledge-base-storage>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.knowledge-base-storage__col-left{display:grid;gap:var(--gx-ide-grid-row-gap);padding:var(--gx-ide-container__padding);grid-area:knowledge-base-storage__col-left;grid-template-columns:1fr auto;grid-template-rows:repeat(4, min-content);grid-template-areas:"server-name-combo-box server-name-button" "database-name ." "collation-combo-box collation-button" "create-data-in-kb ."}.knowledge-base-storage__col-left .server-name-combo-box{grid-area:server-name-combo-box}.knowledge-base-storage__col-left .server-name-button{grid-area:server-name-button;align-self:end}.knowledge-base-storage__col-left .database-name{grid-area:database-name}.knowledge-base-storage__col-left .collation-combo-box{grid-area:collation-combo-box}.knowledge-base-storage__col-left .collation-button{grid-area:collation-button;align-self:end}.knowledge-base-storage__col-left .create-data-in-kb{grid-area:create-data-in-kb}.knowledge-base-storage__col-right{display:grid;padding:var(--gx-ide-container__padding);gap:var(--gx-ide-grid-row-gap);grid-area:knowledge-base-storage__col-right;grid-template-columns:1fr;grid-template-rows:repeat(4, min-content);grid-template-areas:"authentication-type" "user-name" "password" "save-password"}.knowledge-base-storage__col-right .authentication-type{grid-area:authentication-type}.knowledge-base-storage__col-right .user-name{grid-area:user-name}.knowledge-base-storage__col-right .password{grid-area:password}.knowledge-base-storage__col-right .save-password{grid-area:save-password}.knowledge-base-storage__col-right--windows-authentication{grid-template-areas:"authentication-type"}';
+
+const b = class {
+  constructor(i) {
+    e(this, i);
+    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
+    this.selectedFrontEndsIds = [];
+    this.shortcutsSrc = a(`./gx-ide-assets/new-kb/shortcuts.json`);
+    // 9.LOCAL METHODS //
+    // 9.LOCAL METHODS -> Helpers //
+        this.initialSetup = () => {
+      this.updateSelectedFrontEndsIds();
+    };
+    // 9.LOCAL METHODS -> Not Helpers //
+        this.updateSelectedFrontEndsIds = () => {
+      this.selectedFrontEndsIds = [];
+      this.frontEndsEl.getValues().then((e => {
+        e.forEach((e => {
+          if (e.value) {
+            this.selectedFrontEndsIds.push(e.id);
+          }
+        }));
+      }));
+    };
+    /**
+         * @description If Server Name first option is selected, "Create Data in Knowledge Base Folder" should be disabled
+         */    this.evaluateCreateDataInKbDisabled = e => {
+      var t, a;
+      if (e) {
+        if (((t = this.serverNames[0]) === null || t === void 0 ? void 0 : t.id) === e.detail) {
+          this.createDataInKbDisabled = true;
+        } else {
+          this.createDataInKbDisabled = false;
+        }
+      } else if ((a = this.serverNames[0]) === null || a === void 0 ? void 0 : a.selected) {
+        this.createDataInKbDisabled = true;
+      }
+    };
+    /**
+         * @description if "Authentication Type" is "Windows Authentication" then User Name, Password, and Save Password should not be visible.
+         */    this.evaluateAuthenticationType = e => {
+      var t, a;
+      let o;
+      if ((t = this.authenticationTypes) === null || t === void 0 ? void 0 : t.length) {
+        o = ((a = this.authenticationTypes) === null || a === void 0 ? void 0 : a.find((e => e.selected))) || this.authenticationTypes[0];
+      }
+      const i = (e === null || e === void 0 ? void 0 : e.detail) === "windows-authentication";
+      const r = o && o.id === "windows-authentication";
+      if (i || r && e === null) {
+        this.userNameVisible = false;
+        this.passwordVisible = false;
+        this.savePasswordVisible = false;
+      } else {
+        this.userNameVisible = true;
+        this.passwordVisible = true;
+        this.savePasswordVisible = true;
+      }
+    };
+    /**
+         * @description It allows defining the DBMS that will be used in the solution
+         */    this.selectLocationHandler = () => {
+      this.selectLocationCallback().then((e => {
+        if (e) {
+          this.kbLocation = e;
+        }
+      }));
+    };
+    /**
+         * @description it evaluates what front end options need to be updated on 'getFrontEndsCallback', by comparing the new state (getFrontEndsCallback promise result) and the previous state (previousFrontEndsState)
+         */    this.updateFrontEnds = () => {
+      if (this.getFrontEndsCallback) {
+        const e = this.prototypingEnvironmentEl.value;
+        const t = this.getFrontEndsCallback(e);
+        t.then((e => {
+          const t = [];
+          e.forEach((e => {
+            const a = this.frontEnds.find((t => e.id === t.id));
+            if (a) {
+              // update newFrontEnd checked status with actual frontEnd checked status
+              e.checked = a.checked;
+            }
+            t.push(e);
+          }));
+          this.frontEnds = t;
+        })).catch((() => {}));
+      }
+    };
+    this.getDataSources = () => {
+      if (this.getDataSourcesCallback) {
+        const e = this.prototypingEnvironmentEl.value;
+        const t = this.prototypingTargetEl.value;
+        const a = this.getDataSourcesCallback(e, t);
+        a.then((e => {
+          if (e.length > 0) {
+            this.defaultDataSources = e;
+            // set first option as selected
+                        this.dataSourceEl.value = this.defaultDataSources[0].id;
+          }
+        })).catch((() => {}));
+      }
+    };
+    this.prototypingEnvironmentValueChangedHandler = () => {
+      this.getDataSources();
+      this.updateFrontEnds();
+    };
+    this.prototypingTargetValueChangedHandler = () => {
+      this.getDataSources();
+    };
+    this.createKbHandler = () => {
+      var e, t, a, o, i, r, s, l, n, d, c, b, h, f;
+      if (this.createCallback) {
+        const v = this.createCallback({
+          kbName: (e = this.kbNameEl) === null || e === void 0 ? void 0 : e.value,
+          kbLocation: (t = this.locationEl) === null || t === void 0 ? void 0 : t.value,
+          prototypingTarget: (a = this.prototypingTargetEl) === null || a === void 0 ? void 0 : a.value,
+          userInterfaceLanguage: (o = this.userInterfaceLanguageEl) === null || o === void 0 ? void 0 : o.value,
+          prototypingEnvironment: (i = this.prototypingEnvironmentEl) === null || i === void 0 ? void 0 : i.value,
+          dataSource: (r = this.dataSourceEl) === null || r === void 0 ? void 0 : r.value,
+          frontEnds: this.selectedFrontEndsIds,
+          serverName: (s = this.serverNameEl) === null || s === void 0 ? void 0 : s.value,
+          databaseName: (l = this.databaseNameEl) === null || l === void 0 ? void 0 : l.value,
+          collation: (n = this.collationEl) === null || n === void 0 ? void 0 : n.value,
+          createDataFilesInKBFolder: (d = this.createDataFilesInKBFolderEl) === null || d === void 0 ? void 0 : d.checked,
+          authenticationType: (c = this.authenticationTypeEl) === null || c === void 0 ? void 0 : c.value,
+          userName: (b = this.userNameEl) === null || b === void 0 ? void 0 : b.value,
+          password: (h = this.passwordEl) === null || h === void 0 ? void 0 : h.value,
+          savePassword: (f = this.savePasswordEl) === null || f === void 0 ? void 0 : f.checked
+        });
+        v.then((e => {
+          g(e, this);
+        }));
+      }
+    };
+    this.cancelKbHandler = () => {
+      if (this.cancelCallback) {
+        this.cancelCallback();
+      }
+    };
+    // 10.RENDER() FUNCTION //
+        this.renderTabBasic = () => o("gxg-tab", {
+      tab: "basic",
+      "no-padding": true,
+      flexContainer: true,
+      isSelected: !this.isAdvanced
+    }, o("div", {
+      class: "basic-row-first"
+    }, o("div", {
+      class: "basic-row-first__container"
+    }, o("gxg-combo-box", {
+      disableFilter: true,
+      toolTip: l.tooltip,
+      label: this._componentLocale.tabBasic.prototypingTarget.label,
+      value: n(this.prototypingTargets),
+      ref: e => this.prototypingTargetEl = e,
+      disabled: this.prototypingTargets.length === 0,
+      placeholder: this.prototypingTargets.length === 0 ? this._componentLocale.tabBasic.prototypingTarget.disabledPlaceholder : "",
+      onValueChanged: this.prototypingTargetValueChangedHandler,
+      class: "prototyping-target",
+      part: "prototyping-target"
+    }, d("gxg-combo-box-item", this.prototypingTargets, "prototyping-target")), o("gxg-combo-box", {
+      disableFilter: true,
+      toolTip: l.tooltip,
+      label: this._componentLocale.tabBasic.userInterfaceLanguage.label,
+      value: n(this.userInterfaceLanguages),
+      placeholder: this.userInterfaceLanguages.length === 0 ? this._componentLocale.tabBasic.userInterfaceLanguage.disabledPlaceholder : "",
+      disabled: this.userInterfaceLanguages.length === 0,
+      ref: e => this.userInterfaceLanguageEl = e,
+      class: "user-interface-language",
+      part: "user-interface-language"
+    }, d("gxg-combo-box-item", this.userInterfaceLanguages, "user-interface-language")))), o("div", {
+      class: "grid basic-row-second"
+    }, o("gx-ide-container", {
+      containerTitle: this._componentLocale.tabBasic.backEnd.backEndLabel,
+      contentBorderEnd: true,
+      titleType: "secondary"
+    }, o("gxg-combo-box", {
+      disableFilter: true,
+      toolTip: l.tooltip,
+      label: this._componentLocale.tabBasic.backEnd.prototypingEnvironment.label,
+      value: n(this.prototypingEnvironments),
+      placeholder: this.prototypingEnvironments.length === 0 ? this._componentLocale.tabBasic.backEnd.prototypingEnvironment.disabledPlaceholder : "",
+      disabled: this.prototypingEnvironments.length === 0,
+      ref: e => this.prototypingEnvironmentEl = e,
+      onValueChanged: this.prototypingEnvironmentValueChangedHandler,
+      class: "prototyping-environment",
+      part: "prototyping-environment"
+    }, d("gxg-combo-box-item", this.prototypingEnvironments, "prototyping-environment")), o("gxg-combo-box", {
+      label: this._componentLocale.tabBasic.backEnd.dataSource.label,
+      toolTip: l.tooltip,
+      disableFilter: true,
+      value: n(this.defaultDataSources),
+      placeholder: this.defaultDataSources.length === 0 ? this._componentLocale.tabBasic.backEnd.dataSource.disabledPlaceholder : "",
+      disabled: this.defaultDataSources.length === 0,
+      ref: e => this.dataSourceEl = e,
+      class: "data-source",
+      part: "data-source"
+    }, d("gxg-combo-box-item", this.defaultDataSources, "data-source"))), o("gx-ide-container", {
+      containerTitle: this._componentLocale.tabBasic.frontEnd.frontEndLabel,
+      titleType: "secondary"
+    }, o("gxg-form-checkbox-group", {
+      checkboxesLabelSize: "large",
+      ref: e => this.frontEndsEl = e,
+      onGroupValuesChanged: this.updateSelectedFrontEndsIds
+    }, d("gxg-form-checkbox", this.frontEnds, "front-end")))));
+    this.renderTabAdvanced = () => o("gxg-tab", {
+      tab: "advanced",
+      "no-padding": true,
+      flexContainer: true
+    }, o("gx-ide-container", {
+      noContentPadding: true,
+      containerTitle: this._componentLocale.tabAdvanced.tabTitle,
+      titleType: "secondary"
+    }, o("div", {
+      class: "knowledge-base-storage"
+    }, o("div", {
+      class: "knowledge-base-storage__col-left"
+    }, o("gxg-combo-box", {
+      label: this._componentLocale.tabAdvanced.serverName.label,
+      disableFilter: true,
+      toolTip: l.tooltip,
+      value: n(this.serverNames),
+      placeholder: this.serverNames.length === 0 ? this._componentLocale.tabAdvanced.serverName.disabledPlaceholder : "",
+      disabled: this.serverNames.length === 0,
+      ref: e => this.serverNameEl = e,
+      class: "server-name-combo-box",
+      part: "server-name",
+      onValueChanged: this.evaluateCreateDataInKbDisabled
+    }, d("gxg-combo-box-item", this.serverNames, "server-name")), o("gxg-button", {
+      type: "secondary-icon-only",
+      icon: "gemini-tools/search",
+      class: "server-name-button",
+      part: "search-server-name"
+    }), o("gxg-form-text", {
+      labelPosition: "above",
+      label: this._componentLocale.tabAdvanced.databaseName.label,
+      placeholder: "MyDatabase",
+      ref: e => this.databaseNameEl = e,
+      toolTip: l.tooltip,
+      value: this.databaseName,
+      class: "database-name",
+      part: "database-name"
+    }), o("gxg-combo-box", {
+      label: this._componentLocale.tabAdvanced.collation.label,
+      disableFilter: true,
+      toolTip: l.tooltip,
+      value: n(this.collations),
+      ref: e => this.collationEl = e,
+      placeholder: this.collations.length === 0 ? this._componentLocale.tabAdvanced.collation.disabledPlaceholder : "",
+      disabled: this.serverNames.length === 0,
+      class: "collation-combo-box",
+      part: "collation"
+    }, d("gxg-combo-box-item", this.collations, "collation")), o("gxg-button", {
+      type: "secondary-icon-only",
+      icon: "gemini-tools/reset",
+      class: "collation-button",
+      part: "reset-collation"
+    }), o("gxg-form-checkbox", {
+      label: this._componentLocale.tabAdvanced.createDataFilesInKbFolder,
+      ref: e => this.createDataFilesInKBFolderEl = e,
+      alignTop: true,
+      checked: this.createDataFilesInKBFolder,
+      disabled: this.createDataInKbDisabled,
+      class: "create-data-in-kb",
+      part: "create-data-in-kb"
+    })), o("div", {
+      class: {
+        "knowledge-base-storage__col-right": true,
+        "knowledge-base-storage__col-right--windows-authentication": !this.userNameVisible
+      }
+    }, o("gxg-combo-box", {
+      label: this._componentLocale.tabAdvanced.authenticationType.label,
+      disableFilter: true,
+      toolTip: l.tooltip,
+      value: n(this.authenticationTypes),
+      ref: e => this.authenticationTypeEl = e,
+      placeholder: this.authenticationTypes.length === 0 ? this._componentLocale.tabAdvanced.authenticationType.disabledPlaceholder : "",
+      disabled: this.authenticationTypes.length === 0,
+      class: "authentication-type",
+      part: "authentication-type",
+      onValueChanged: this.evaluateAuthenticationType
+    }, d("gxg-combo-box-item", this.authenticationTypes, "authentication-type")), this.userNameVisible ? o("gxg-form-text", {
+      labelPosition: "above",
+      toolTip: l.tooltip,
+      label: this._componentLocale.tabAdvanced.userName.label,
+      ref: e => this.userNameEl = e,
+      value: this.userName,
+      class: "user-name",
+      part: "user-name"
+    }) : null, this.passwordVisible ? o("gxg-form-text", {
+      labelPosition: "above",
+      label: this._componentLocale.tabAdvanced.password.label,
+      password: true,
+      toolTip: l.tooltip,
+      ref: e => this.passwordEl = e,
+      value: this.password,
+      class: "password",
+      part: "password"
+    }) : null, this.savePasswordVisible ? o("gxg-form-checkbox", {
+      label: this._componentLocale.tabAdvanced.savePassword,
+      ref: e => this.savePasswordEl = e,
+      checked: this.savePassword,
+      class: "save-password",
+      part: "save-password"
+    }) : null))));
+    this.createDataInKbDisabled = false;
+    this.userNameVisible = true;
+    this.passwordVisible = true;
+    this.savePasswordVisible = true;
+    this.displayTitle = false;
+    this.defaultDataSources = undefined;
+    this.frontEnds = undefined;
+    this.isAdvanced = false;
+    this.kbLocation = undefined;
+    this.selectLocationCallback = undefined;
+    this.kbName = undefined;
+    this.prototypingEnvironments = undefined;
+    this.prototypingTargets = undefined;
+    this.userInterfaceLanguages = undefined;
+    this.authenticationTypes = undefined;
+    this.collations = undefined;
+    this.createDataFilesInKBFolder = false;
+    this.databaseName = undefined;
+    this.password = undefined;
+    this.savePassword = false;
+    this.serverNames = undefined;
+    this.userName = undefined;
+    this.test = undefined;
+    this.createCallback = undefined;
+    this.cancelCallback = undefined;
+    this.getDataSourcesCallback = undefined;
+    this.getFrontEndsCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await s.getComponentStrings(this.el);
+    this.evaluateCreateDataInKbDisabled(null);
+    this.evaluateAuthenticationType(null);
+    this.previousFrontEndsState = this.frontEnds;
+  }
+  componentDidLoad() {
+    this.initialSetup();
+    this.kbNameEl.focus();
+  }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  // 7.LISTENERS //
+  // 8.PUBLIC METHODS API //
+  /**
+     * Suspends or reactivates the shortcuts
+     */
+  async suspendShortcuts(e) {
+    if (e) {
+      this.gxgShortcutsEl.suspend = true;
+    } else {
+      this.gxgShortcutsEl.suspend = false;
+    }
+  }
+  /** *****************************
+     *  11.RENDER() FUNCTION
+     ********************************/  render() {
+    return o(i, {
+      class: "gx-ide-component"
+    }, o("div", {
+      class: "gx-ide-main-wrapper"
+    }, o("gx-ide-container", {
+      noContentPadding: true,
+      slimmerFooter: l.gxIdeContainer.slimmerFooter,
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null
+    }, o("header", {
+      class: {
+        header: true,
+        grid: true,
+        "header--is-advanced": this.isAdvanced
+      },
+      slot: "header"
+    }, o("gxg-label", {
+      labelPosition: "start",
+      class: "kb-label",
+      noMargin: true
+    }, this._componentLocale.header.kbName), o("gxg-form-text", {
+      labelPosition: "start",
+      placeholder: "SalesInventory",
+      "max-width": "100%",
+      value: this.kbName,
+      toolTip: l.tooltip,
+      ref: e => this.kbNameEl = e,
+      part: "kb-name",
+      class: "kb-input"
+    }), this.isAdvanced ? [ o("gxg-label", {
+      labelPosition: "start",
+      class: "location-label"
+    }, this._componentLocale.header.kbLocation), o("gxg-form-text", {
+      labelPosition: "start",
+      placeholder: "C:\\Models",
+      maxWidth: "100%",
+      value: this.kbLocation,
+      ref: e => this.locationEl = e,
+      disabled: !this.isAdvanced,
+      part: "kb-location",
+      class: "location-input"
+    }), o("gxg-button", {
+      type: "secondary-icon-only",
+      icon: "gemini-tools/folder",
+      onClick: this.selectLocationHandler,
+      part: "button-select-location",
+      class: "location-icon"
+    }) ] : null), o("main", {
+      class: "gxi-full-height"
+    }, o("gxg-tabs", {
+      class: "gxg-tabs",
+      noBorder: true
+    }, this.isAdvanced ? o("gxg-tab-bar", {
+      slot: "tab-bar-container",
+      part: "tab-bar",
+      displayBorder: true
+    }, o("gxg-tab-button", {
+      slot: "tab-bar",
+      tabLabel: this._componentLocale.tabBasic.tabLabel,
+      tab: "basic",
+      "is-selected": true,
+      hidden: !this.isAdvanced,
+      part: "tab-button-basic"
+    }), o("gxg-tab-button", {
+      slot: "tab-bar",
+      tabLabel: this._componentLocale.tabAdvanced.tabLabel,
+      tab: "advanced",
+      hidden: !this.isAdvanced,
+      part: "tab-button-advanced"
+    })) : null, this.renderTabBasic(), this.isAdvanced && this.renderTabAdvanced())), o("gxg-button", {
+      id: "button-cancel",
+      type: "outlined",
+      onClick: this.cancelKbHandler,
+      part: "button-cancel",
+      slot: "footer-end"
+    }, this._componentLocale.footer.btnCancel), o("gxg-button", {
+      id: "button-create",
+      type: "primary-text-only",
+      onClick: this.createKbHandler,
+      part: "button-create",
+      slot: "footer-end"
+    }, this._componentLocale.footer.btnCreate))), o("gxg-shortcuts", {
+      src: this.shortcutsSrc,
+      ref: e => this.gxgShortcutsEl = e
+    }));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/new-kb" ];
+  }
+  get el() {
+    return r(this);
+  }
+};
+
+b.style = c;
+
+export { b as gx_ide_new_kb };
+//# sourceMappingURL=p-b25c9d3c.entry.js.map