@genexus/genexus-ide-ui 1.0.9 → 1.0.10

package/dist/genexus-ide-ui/p-9d640444.entry.js

@@ -1,472 +0,0 @@
-import { r as e, c as t, a, h as o, H as i, g as r } from "./p-aaed592c.js";
-
-import { L as s } from "./p-74d59062.js";
-
-import { c as l } from "./p-55a30661.js";
-
-import { g as n, r as d } from "./p-af836892.js";
-
-import { f as g } from "./p-14e6ef41.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)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.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-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}: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-9d640444.entry.js.map

package/dist/genexus-ide-ui/p-9d640444.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["newKbCss","GxIdeNewKb","this","renderedFirstTime","selectedFrontEndsIds","shortcutsSrc","getAssetPath","initialSetup","updateSelectedFrontEndsIds","frontEndsEl","getValues","then","frontEndsCheckboxesInfo","forEach","frontEnd","value","push","id","evaluateCreateDataInKbDisabled","e","_a","serverNames","detail","createDataInKbDisabled","_b","selected","evaluateAuthenticationType","selectedOption","authenticationTypes","length","find","item","conditionA","conditionB","userNameVisible","passwordVisible","savePasswordVisible","selectLocationHandler","selectLocationCallback","kbLocation","updateFrontEnds","getFrontEndsCallback","selectedPrototypingEnvironmentId","prototypingEnvironmentEl","updatedFrontEndsPromise","newFrontEndsOptions","updatedFrontEnds","newFrontEnd","foundActualFrontEnd","frontEnds","actualFrontEnd","checked","catch","getDataSources","getDataSourcesCallback","selectedPrototypingTargetId","prototypingTargetEl","updatedDefaultDataSourcesPromise","result","defaultDataSources","dataSourceEl","prototypingEnvironmentValueChangedHandler","prototypingTargetValueChangedHandler","createKbHandler","createCallback","createCallbackPromise","kbName","kbNameEl","locationEl","prototypingTarget","_c","userInterfaceLanguage","_d","userInterfaceLanguageEl","prototypingEnvironment","_e","dataSource","_f","serverName","_g","serverNameEl","databaseName","_h","databaseNameEl","collation","_j","collationEl","createDataFilesInKBFolder","_k","createDataFilesInKBFolderEl","authenticationType","_l","authenticationTypeEl","userName","_m","userNameEl","password","_o","passwordEl","savePassword","_p","savePasswordEl","formSubmitResult","formSubmitValidation","cancelKbHandler","cancelCallback","renderTabBasic","h","tab","flexContainer","isSelected","isAdvanced","class","disableFilter","toolTip","config","tooltip","label","_componentLocale","tabBasic","getSelectedGxOption","prototypingTargets","ref","el","disabled","placeholder","disabledPlaceholder","onValueChanged","part","renderFormItems","userInterfaceLanguages","containerTitle","backEnd","backEndLabel","contentBorderEnd","titleType","prototypingEnvironments","frontEndLabel","checkboxesLabelSize","onGroupValuesChanged","renderTabAdvanced","noContentPadding","tabAdvanced","tabTitle","type","icon","labelPosition","collations","createDataFilesInKbFolder","alignTop","componentWillLoad","Locale","getComponentStrings","previousFrontEndsState","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","emit","componentName","suspendShortcuts","gxgShortcutsEl","suspend","render","Host","slimmerFooter","gxIdeContainer","displayTitle","header","grid","slot","noMargin","maxWidth","onClick","noBorder","displayBorder","tabLabel","hidden","footer","btnCancel","btnCreate","src"],"sources":["src/components/new-kb/new-kb.scss?tag=gx-ide-new-kb&encapsulation=shadow","src/components/new-kb/new-kb.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--mer-color__surface);\n}\n:host(.gxi-new-kb--shadow) {\n}\n/*HEADER*/\n.header {\n  grid-template-columns: auto 1fr;\n  grid-template-areas: \"kb-name-label kb-input\";\n  &--is-advanced {\n    grid-template-columns: auto 1fr min-content;\n    grid-template-areas:\n      \"kb-name-label kb-input .\"\n      \"location-label location-input location-icon\";\n  }\n  .kb-input {\n    grid-area: kb-input;\n  }\n  .kb-name-label {\n    grid-area: kb-label;\n  }\n  .location-label {\n    grid-area: location-label;\n  }\n  .location-input {\n    grid-area: location-input;\n  }\n  .location-icon {\n    grid-area: location-icon;\n  }\n}\n/*GXG-TABS*/\n.gxg-tabs {\n  margin-top: 0;\n  box-shadow: none;\n}\n/*Basic*/\n.basic-row-first {\n  container-name: basic-row-first;\n  // container-type: inline-size; /*Esto queda comentado hasta que no se resuelva el problema del popover con Safari.*/\n  &__container {\n    display: grid;\n    gap: var(--gx-ide-grid-column-gap);\n    padding: var(--gx-ide-container__padding);\n    border-bottom: 1px solid var(--gx-ide-container-border-color);\n    grid-template-columns: repeat(2, 1fr);\n  }\n  /*Esto queda comentado hasta que no se resuelva el problema del popover con Safari.*/\n  // @include containerQuerySm() {\n  //   .basic-row-first__container {\n  //     grid-template-columns: 1fr;\n  //   }\n  // }\n}\n\n.basic-row-second {\n  grid-template-columns: repeat(2, 1fr);\n  grid-column-gap: 0;\n  grid-row-gap: 0;\n  flex-grow: 1;\n}\n/*Advanced*/\n.knowledge-base-storage {\n  display: grid;\n  grid-template-areas: \"knowledge-base-storage__col-left knowledge-base-storage__col-right\";\n  grid-template-columns: repeat(2, 1fr);\n  flex-grow: 1;\n  gap: 0;\n  > *:first-child {\n    border-right: 1px solid var(--gx-ide-container-border-color);\n  }\n  &__col-left {\n    display: grid;\n    gap: var(--gx-ide-grid-row-gap);\n    padding: var(--gx-ide-container__padding);\n    grid-area: knowledge-base-storage__col-left;\n    grid-template-columns: 1fr auto;\n    grid-template-rows: repeat(4, min-content);\n    grid-template-areas:\n      \"server-name-combo-box server-name-button\"\n      \"database-name .\"\n      \"collation-combo-box collation-button\"\n      \"create-data-in-kb .\";\n\n    .server-name-combo-box {\n      grid-area: server-name-combo-box;\n    }\n    .server-name-button {\n      grid-area: server-name-button;\n      align-self: end;\n    }\n    .database-name {\n      grid-area: database-name;\n    }\n    .collation-combo-box {\n      grid-area: collation-combo-box;\n    }\n    .collation-button {\n      grid-area: collation-button;\n      align-self: end;\n    }\n    .create-data-in-kb {\n      grid-area: create-data-in-kb;\n    }\n  }\n  &__col-right {\n    display: grid;\n    padding: var(--gx-ide-container__padding);\n    gap: var(--gx-ide-grid-row-gap);\n    grid-area: knowledge-base-storage__col-right;\n    grid-template-columns: 1fr;\n    grid-template-rows: repeat(4, min-content);\n    grid-template-areas:\n      \"authentication-type\"\n      \"user-name\"\n      \"password\"\n      \"save-password\";\n    .authentication-type {\n      grid-area: authentication-type;\n    }\n    .user-name {\n      grid-area: user-name;\n    }\n    .password {\n      grid-area: password;\n    }\n    .save-password {\n      grid-area: save-password;\n    }\n    &--windows-authentication {\n      grid-template-areas: \"authentication-type\";\n    }\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  State,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { ComboBoxItemValue } from \"@genexus/gemini/dist/types/components/combo-box-item/combo-box-item\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { GxOption } from \"../../common/types\";\nimport { renderFormItems, getSelectedGxOption } from \"../../common/common\";\nimport { FormSubmitResult } from \"../../common/types\";\nimport { formSubmitValidation } from \"../../common/helpers\";\n\n@Component({\n  tag: \"gx-ide-new-kb\",\n  styleUrl: \"new-kb.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/new-kb\"]\n})\nexport class GxIdeNewKb {\n  [key: string]: any;\n\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private selectedFrontEndsIds: string[] = [];\n  private shortcutsSrc = getAssetPath(`./gx-ide-assets/new-kb/shortcuts.json`);\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeNewKbElement;\n\n  /* References needed to collect data con \"Create\" button submit*/\n  private authenticationTypeEl!: HTMLGxgComboBoxElement;\n  private collationEl!: HTMLGxgComboBoxElement;\n  private createDataFilesInKBFolderEl!: HTMLGxgFormCheckboxElement;\n  private databaseNameEl!: HTMLGxgFormTextElement;\n  private dataSourceEl!: HTMLGxgComboBoxElement;\n  private frontEndsEl!: HTMLGxgFormCheckboxGroupElement;\n  private kbNameEl!: HTMLGxgFormTextElement;\n  private locationEl!: HTMLGxgFormTextElement;\n  private passwordEl!: HTMLGxgFormTextElement;\n  private prototypingEnvironmentEl!: HTMLGxgComboBoxElement;\n  private prototypingTargetEl!: HTMLGxgComboBoxElement;\n  private savePasswordEl!: HTMLGxgFormCheckboxElement;\n  private serverNameEl!: HTMLGxgComboBoxElement;\n  private userInterfaceLanguageEl!: HTMLGxgComboBoxElement;\n  private userNameEl!: HTMLGxgFormTextElement;\n\n  private gxgShortcutsEl: HTMLGxgShortcutsElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() createDataInKbDisabled = false;\n  @State() userNameVisible = true;\n  @State() passwordVisible = true;\n  @State() savePasswordVisible = true;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /* ----- BASIC DATA ----- */\n\n  /**\n   * It allows defining the DBMS that will be used in the solution\n   */\n  @Prop({ mutable: true }) defaultDataSources!: GxOption[];\n\n  /**\n   * It allows selecting multiple generators for the front end\n   */\n  @Prop({ mutable: true }) frontEnds!: GxOption[];\n\n  /**\n   * Specify whether it is feasible to display information related to local configuration parameters\n   */\n  @Prop() readonly isAdvanced = false;\n\n  /**\n   * Default suggested path to a directory where the information related to the KB will be stored/generated\n   */\n  @Prop({ mutable: true }) kbLocation: string;\n\n  /**\n   * This is a function provided by the developer that returns a string, with the location path\n   */\n  @Prop() readonly selectLocationCallback!: SelectLocationCallback;\n\n  /**\n   * The knowledge base default suggested name\n   */\n  @Prop() readonly kbName: string;\n\n  /**\n   * It allows selecting the default environment that the KB will have (additional environments can be created later)\n   */\n  @Prop() readonly prototypingEnvironments!: GxOption[];\n\n  /**\n   * Path to a directory where the information related to the KB will be stored/generated\n   */\n  @Prop() readonly prototypingTargets!: GxOption[];\n\n  /**\n   * Specify the language in which the application screens will be developed (default language)\n   */\n  @Prop() readonly userInterfaceLanguages!: GxOption[];\n\n  /* ----- ADVANCED DATA ----- */\n\n  /**\n   * Defines the type of authentication for the connection to the previously defined database\n   */\n  @Prop() readonly authenticationTypes!: GxOption[];\n\n  /**\n   * DB Collations\n   */\n  @Prop() readonly collations!: GxOption[];\n\n  /**\n   * Disabled if the first item of the 'Server Name' combo is selected\n   */\n  @Prop() readonly createDataFilesInKBFolder: boolean = false;\n\n  /**\n   * Name of the database where we are going to persist the information of our KB\n   */\n  @Prop() readonly databaseName: string;\n\n  /**\n   * Password for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)\n   */\n  @Prop() readonly password: string;\n\n  /**\n   * Visible if something other than Windows Authentication is selected\n   */\n  @Prop() readonly savePassword: boolean = false;\n\n  /**\n   * Name of the DB server where we want to persist the information of our KB\n   */\n  @Prop() readonly serverNames!: GxOption[];\n\n  /**\n   * Username for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)\n   */\n  @Prop() readonly userName: string;\n\n  /**\n   * Username for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)\n   */\n  @Prop() readonly test: string;\n\n  /**\n   * Callback that will be invoked when the user confirms KB creation (‘Create’ button)\n   */\n  @Prop() readonly createCallback: CreateCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)\n   */\n  @Prop() readonly getDataSourcesCallback: GetDataSourcesCallback;\n\n  /**\n   * Callback invoked when the user changes the prototyping environment, allowing for the modification of the list of front ends\n   */\n  @Prop() readonly getFrontEndsCallback: GetFrontEndsCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.evaluateCreateDataInKbDisabled(null);\n    this.evaluateAuthenticationType(null);\n    this.previousFrontEndsState = this.frontEnds;\n  }\n\n  componentDidLoad() {\n    this.initialSetup();\n    this.kbNameEl.focus();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.gxgShortcutsEl.suspend = true;\n    } else {\n      this.gxgShortcutsEl.suspend = false;\n    }\n  }\n\n  // 9.LOCAL METHODS //\n\n  // 9.LOCAL METHODS -> Helpers //\n\n  private initialSetup = () => {\n    this.updateSelectedFrontEndsIds();\n  };\n\n  // 9.LOCAL METHODS -> Not Helpers //\n\n  private updateSelectedFrontEndsIds = () => {\n    this.selectedFrontEndsIds = [];\n    this.frontEndsEl.getValues().then(frontEndsCheckboxesInfo => {\n      frontEndsCheckboxesInfo.forEach(frontEnd => {\n        if (frontEnd.value) {\n          this.selectedFrontEndsIds.push(frontEnd.id);\n        }\n      });\n    });\n  };\n\n  /**\n   * @description If Server Name first option is selected, \"Create Data in Knowledge Base Folder\" should be disabled\n   */\n  private evaluateCreateDataInKbDisabled = (\n    e: CustomEvent<ComboBoxItemValue> | null\n  ) => {\n    if (e) {\n      if (this.serverNames[0]?.id === e.detail) {\n        this.createDataInKbDisabled = true;\n      } else {\n        this.createDataInKbDisabled = false;\n      }\n    } else if (this.serverNames[0]?.selected) {\n      this.createDataInKbDisabled = true;\n    }\n  };\n\n  /**\n   * @description if \"Authentication Type\" is \"Windows Authentication\" then User Name, Password, and Save Password should not be visible.\n   */\n  private evaluateAuthenticationType = (\n    e: CustomEvent<ComboBoxItemValue> | null\n  ) => {\n    let selectedOption;\n    if (this.authenticationTypes?.length) {\n      selectedOption =\n        this.authenticationTypes?.find(item => item.selected) ||\n        this.authenticationTypes[0];\n    }\n    const conditionA = e?.detail === \"windows-authentication\";\n    const conditionB =\n      selectedOption && selectedOption.id === \"windows-authentication\";\n\n    if (conditionA || (conditionB && e === null)) {\n      this.userNameVisible = false;\n      this.passwordVisible = false;\n      this.savePasswordVisible = false;\n    } else {\n      this.userNameVisible = true;\n      this.passwordVisible = true;\n      this.savePasswordVisible = true;\n    }\n  };\n\n  /**\n   * @description It allows defining the DBMS that will be used in the solution\n   */\n  private selectLocationHandler = (): void => {\n    this.selectLocationCallback().then(kbLocation => {\n      if (kbLocation) {\n        this.kbLocation = kbLocation;\n      } else {\n        // to be defined\n      }\n    });\n  };\n\n  /**\n   * @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)\n   */\n  private updateFrontEnds = () => {\n    if (this.getFrontEndsCallback) {\n      const selectedPrototypingEnvironmentId =\n        this.prototypingEnvironmentEl.value;\n      const updatedFrontEndsPromise: Promise<GxOption[]> =\n        this.getFrontEndsCallback(selectedPrototypingEnvironmentId);\n      updatedFrontEndsPromise\n        .then(newFrontEndsOptions => {\n          const updatedFrontEnds: GxOption[] = [];\n          newFrontEndsOptions.forEach(newFrontEnd => {\n            const foundActualFrontEnd = this.frontEnds.find(actualFrontEnd => {\n              return newFrontEnd.id === actualFrontEnd.id;\n            });\n            if (foundActualFrontEnd) {\n              // update newFrontEnd checked status with actual frontEnd checked status\n              newFrontEnd.checked = foundActualFrontEnd.checked;\n            }\n            updatedFrontEnds.push(newFrontEnd);\n          });\n          this.frontEnds = updatedFrontEnds;\n        })\n        .catch(() => {\n          // to do\n        });\n    }\n  };\n\n  private getDataSources = (): void => {\n    if (this.getDataSourcesCallback) {\n      const selectedPrototypingEnvironmentId =\n        this.prototypingEnvironmentEl.value;\n      const selectedPrototypingTargetId = this.prototypingTargetEl.value;\n      const updatedDefaultDataSourcesPromise: Promise<GxOption[]> =\n        this.getDataSourcesCallback(\n          selectedPrototypingEnvironmentId,\n          selectedPrototypingTargetId\n        );\n      updatedDefaultDataSourcesPromise\n        .then(result => {\n          if (result.length > 0) {\n            this.defaultDataSources = result;\n            // set first option as selected\n            this.dataSourceEl.value = this.defaultDataSources[0].id;\n          }\n        })\n        .catch(() => {\n          // to do\n        });\n    }\n  };\n\n  private prototypingEnvironmentValueChangedHandler = (): void => {\n    this.getDataSources();\n    this.updateFrontEnds();\n  };\n\n  private prototypingTargetValueChangedHandler = (): void => {\n    this.getDataSources();\n  };\n\n  private createKbHandler = (): void => {\n    if (this.createCallback) {\n      const createCallbackPromise = this.createCallback({\n        kbName: this.kbNameEl?.value,\n        kbLocation: this.locationEl?.value,\n        prototypingTarget: this.prototypingTargetEl?.value,\n        userInterfaceLanguage: this.userInterfaceLanguageEl?.value,\n        prototypingEnvironment: this.prototypingEnvironmentEl?.value,\n        dataSource: this.dataSourceEl?.value,\n        frontEnds: this.selectedFrontEndsIds,\n        serverName: this.serverNameEl?.value,\n        databaseName: this.databaseNameEl?.value,\n        collation: this.collationEl?.value,\n        createDataFilesInKBFolder: this.createDataFilesInKBFolderEl?.checked,\n        authenticationType: this.authenticationTypeEl?.value,\n        userName: this.userNameEl?.value,\n        password: this.passwordEl?.value,\n        savePassword: this.savePasswordEl?.checked\n      });\n\n      createCallbackPromise.then((formSubmitResult: FormSubmitResult) => {\n        formSubmitValidation(formSubmitResult, this);\n      });\n    }\n  };\n\n  private cancelKbHandler = (): void => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  private renderTabBasic = (): Element => {\n    return (\n      <gxg-tab\n        tab=\"basic\"\n        no-padding\n        flexContainer\n        isSelected={!this.isAdvanced}\n      >\n        <div class=\"basic-row-first\">\n          {/* #prototyping target*/}\n          <div class=\"basic-row-first__container\">\n            <gxg-combo-box\n              disableFilter\n              toolTip={config.tooltip}\n              label={this._componentLocale.tabBasic.prototypingTarget.label}\n              value={getSelectedGxOption(this.prototypingTargets)}\n              ref={(el: HTMLGxgComboBoxElement) =>\n                (this.prototypingTargetEl = el as HTMLGxgComboBoxElement)\n              }\n              disabled={this.prototypingTargets.length === 0}\n              placeholder={\n                this.prototypingTargets.length === 0\n                  ? this._componentLocale.tabBasic.prototypingTarget\n                      .disabledPlaceholder\n                  : \"\"\n              }\n              onValueChanged={this.prototypingTargetValueChangedHandler}\n              class=\"prototyping-target\"\n              part=\"prototyping-target\"\n            >\n              {renderFormItems(\n                \"gxg-combo-box-item\",\n                this.prototypingTargets,\n                \"prototyping-target\"\n              )}\n            </gxg-combo-box>\n\n            {/* #user interface language */}\n            <gxg-combo-box\n              disableFilter\n              toolTip={config.tooltip}\n              label={this._componentLocale.tabBasic.userInterfaceLanguage.label}\n              value={getSelectedGxOption(this.userInterfaceLanguages)}\n              placeholder={\n                this.userInterfaceLanguages.length === 0\n                  ? this._componentLocale.tabBasic.userInterfaceLanguage\n                      .disabledPlaceholder\n                  : \"\"\n              }\n              disabled={this.userInterfaceLanguages.length === 0}\n              ref={(el: HTMLGxgComboBoxElement) =>\n                (this.userInterfaceLanguageEl = el as HTMLGxgComboBoxElement)\n              }\n              class=\"user-interface-language\"\n              part=\"user-interface-language\"\n            >\n              {renderFormItems(\n                \"gxg-combo-box-item\",\n                this.userInterfaceLanguages,\n                \"user-interface-language\"\n              )}\n            </gxg-combo-box>\n          </div>\n        </div>\n\n        <div class=\"grid basic-row-second\">\n          <gx-ide-container\n            containerTitle={this._componentLocale.tabBasic.backEnd.backEndLabel}\n            contentBorderEnd\n            titleType=\"secondary\"\n          >\n            {/* #back end */}\n            {/* #prototyping environments */}\n            <gxg-combo-box\n              disableFilter\n              toolTip={config.tooltip}\n              label={\n                this._componentLocale.tabBasic.backEnd.prototypingEnvironment\n                  .label\n              }\n              value={getSelectedGxOption(this.prototypingEnvironments)}\n              placeholder={\n                this.prototypingEnvironments.length === 0\n                  ? this._componentLocale.tabBasic.backEnd\n                      .prototypingEnvironment.disabledPlaceholder\n                  : \"\"\n              }\n              disabled={this.prototypingEnvironments.length === 0}\n              ref={(el: HTMLGxgComboBoxElement) =>\n                (this.prototypingEnvironmentEl = el as HTMLGxgComboBoxElement)\n              }\n              onValueChanged={this.prototypingEnvironmentValueChangedHandler}\n              class=\"prototyping-environment\"\n              part=\"prototyping-environment\"\n            >\n              {renderFormItems(\n                \"gxg-combo-box-item\",\n                this.prototypingEnvironments,\n                \"prototyping-environment\"\n              )}\n            </gxg-combo-box>\n\n            {/* #data source */}\n            <gxg-combo-box\n              label={this._componentLocale.tabBasic.backEnd.dataSource.label}\n              toolTip={config.tooltip}\n              disableFilter\n              value={getSelectedGxOption(this.defaultDataSources)}\n              placeholder={\n                this.defaultDataSources.length === 0\n                  ? this._componentLocale.tabBasic.backEnd.dataSource\n                      .disabledPlaceholder\n                  : \"\"\n              }\n              disabled={this.defaultDataSources.length === 0}\n              ref={(el: HTMLGxgComboBoxElement) =>\n                (this.dataSourceEl = el as HTMLGxgComboBoxElement)\n              }\n              class=\"data-source\"\n              part=\"data-source\"\n            >\n              {renderFormItems(\n                \"gxg-combo-box-item\",\n                this.defaultDataSources,\n                \"data-source\"\n              )}\n            </gxg-combo-box>\n          </gx-ide-container>\n\n          {/* #front end */}\n          <gx-ide-container\n            containerTitle={\n              this._componentLocale.tabBasic.frontEnd.frontEndLabel\n            }\n            titleType=\"secondary\"\n          >\n            <gxg-form-checkbox-group\n              checkboxesLabelSize=\"large\"\n              ref={el =>\n                (this.frontEndsEl = el as HTMLGxgFormCheckboxGroupElement)\n              }\n              onGroupValuesChanged={this.updateSelectedFrontEndsIds}\n            >\n              {renderFormItems(\n                \"gxg-form-checkbox\",\n                this.frontEnds,\n                \"front-end\"\n              )}\n            </gxg-form-checkbox-group>\n          </gx-ide-container>\n        </div>\n      </gxg-tab>\n    );\n  };\n\n  private renderTabAdvanced = (): Element => {\n    return (\n      <gxg-tab tab=\"advanced\" no-padding flexContainer>\n        <gx-ide-container\n          noContentPadding\n          containerTitle={this._componentLocale.tabAdvanced.tabTitle}\n          titleType=\"secondary\"\n        >\n          <div class=\"knowledge-base-storage\">\n            <div class=\"knowledge-base-storage__col-left\">\n              {/* #server name */}\n              <gxg-combo-box\n                label={this._componentLocale.tabAdvanced.serverName.label}\n                disableFilter\n                toolTip={config.tooltip}\n                value={getSelectedGxOption(this.serverNames)}\n                placeholder={\n                  this.serverNames.length === 0\n                    ? this._componentLocale.tabAdvanced.serverName\n                        .disabledPlaceholder\n                    : \"\"\n                }\n                disabled={this.serverNames.length === 0}\n                ref={(el: HTMLGxgComboBoxElement) =>\n                  (this.serverNameEl = el as HTMLGxgComboBoxElement)\n                }\n                class=\"server-name-combo-box\"\n                part=\"server-name\"\n                onValueChanged={this.evaluateCreateDataInKbDisabled}\n              >\n                {renderFormItems(\n                  \"gxg-combo-box-item\",\n                  this.serverNames,\n                  \"server-name\"\n                )}\n              </gxg-combo-box>\n\n              {/* #search icon button */}\n              <gxg-button\n                type=\"secondary-icon-only\"\n                icon=\"gemini-tools/search\"\n                class=\"server-name-button\"\n                part=\"search-server-name\"\n              ></gxg-button>\n\n              {/* #database name */}\n              <gxg-form-text\n                labelPosition=\"above\"\n                label={this._componentLocale.tabAdvanced.databaseName.label}\n                placeholder=\"MyDatabase\"\n                ref={(el: HTMLGxgFormTextElement) =>\n                  (this.databaseNameEl = el as HTMLGxgFormTextElement)\n                }\n                toolTip={config.tooltip}\n                value={this.databaseName}\n                class=\"database-name\"\n                part=\"database-name\"\n              ></gxg-form-text>\n\n              {/* #collation */}\n              <gxg-combo-box\n                label={this._componentLocale.tabAdvanced.collation.label}\n                disableFilter\n                toolTip={config.tooltip}\n                value={getSelectedGxOption(this.collations)}\n                ref={(el: HTMLGxgComboBoxElement) =>\n                  (this.collationEl = el as HTMLGxgComboBoxElement)\n                }\n                placeholder={\n                  this.collations.length === 0\n                    ? this._componentLocale.tabAdvanced.collation\n                        .disabledPlaceholder\n                    : \"\"\n                }\n                disabled={this.serverNames.length === 0}\n                class=\"collation-combo-box\"\n                part=\"collation\"\n              >\n                {renderFormItems(\n                  \"gxg-combo-box-item\",\n                  this.collations,\n                  \"collation\"\n                )}\n              </gxg-combo-box>\n              <gxg-button\n                type=\"secondary-icon-only\"\n                icon=\"gemini-tools/reset\"\n                class=\"collation-button\"\n                part=\"reset-collation\"\n              ></gxg-button>\n\n              {/* #create data in knowledge base folder */}\n              <gxg-form-checkbox\n                label={\n                  this._componentLocale.tabAdvanced.createDataFilesInKbFolder\n                }\n                ref={(el: HTMLGxgFormCheckboxElement) =>\n                  (this.createDataFilesInKBFolderEl =\n                    el as HTMLGxgFormCheckboxElement)\n                }\n                alignTop\n                checked={this.createDataFilesInKBFolder}\n                disabled={this.createDataInKbDisabled}\n                class=\"create-data-in-kb\"\n                part=\"create-data-in-kb\"\n              ></gxg-form-checkbox>\n            </div>\n\n            <div\n              class={{\n                \"knowledge-base-storage__col-right\": true,\n                \"knowledge-base-storage__col-right--windows-authentication\":\n                  !this.userNameVisible\n              }}\n            >\n              {/* #authentication type */}\n              <gxg-combo-box\n                label={\n                  this._componentLocale.tabAdvanced.authenticationType.label\n                }\n                disableFilter\n                toolTip={config.tooltip}\n                value={getSelectedGxOption(this.authenticationTypes)}\n                ref={(el: HTMLGxgComboBoxElement) =>\n                  (this.authenticationTypeEl = el as HTMLGxgComboBoxElement)\n                }\n                placeholder={\n                  this.authenticationTypes.length === 0\n                    ? this._componentLocale.tabAdvanced.authenticationType\n                        .disabledPlaceholder\n                    : \"\"\n                }\n                disabled={this.authenticationTypes.length === 0}\n                class=\"authentication-type\"\n                part=\"authentication-type\"\n                onValueChanged={this.evaluateAuthenticationType}\n              >\n                {renderFormItems(\n                  \"gxg-combo-box-item\",\n                  this.authenticationTypes,\n                  \"authentication-type\"\n                )}\n              </gxg-combo-box>\n\n              {/* #user name */}\n              {this.userNameVisible ? (\n                <gxg-form-text\n                  labelPosition=\"above\"\n                  toolTip={config.tooltip}\n                  label={this._componentLocale.tabAdvanced.userName.label}\n                  ref={(el: HTMLGxgFormTextElement) =>\n                    (this.userNameEl = el as HTMLGxgFormTextElement)\n                  }\n                  value={this.userName}\n                  class=\"user-name\"\n                  part=\"user-name\"\n                ></gxg-form-text>\n              ) : null}\n\n              {/* #password */}\n              {this.passwordVisible ? (\n                <gxg-form-text\n                  labelPosition=\"above\"\n                  label={this._componentLocale.tabAdvanced.password.label}\n                  password\n                  toolTip={config.tooltip}\n                  ref={(el: HTMLGxgFormTextElement) =>\n                    (this.passwordEl = el as HTMLGxgFormTextElement)\n                  }\n                  value={this.password}\n                  class=\"password\"\n                  part=\"password\"\n                ></gxg-form-text>\n              ) : null}\n\n              {/* #save password */}\n              {this.savePasswordVisible ? (\n                <gxg-form-checkbox\n                  label={this._componentLocale.tabAdvanced.savePassword}\n                  ref={(el: HTMLGxgFormCheckboxElement) =>\n                    (this.savePasswordEl = el as HTMLGxgFormCheckboxElement)\n                  }\n                  checked={this.savePassword}\n                  class=\"save-password\"\n                  part=\"save-password\"\n                ></gxg-form-checkbox>\n              ) : null}\n            </div>\n          </div>\n        </gx-ide-container>\n      </gxg-tab>\n    );\n  };\n\n  /** *****************************\n   *  11.RENDER() FUNCTION\n   ********************************/\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            <header\n              class={{\n                \"header\": true,\n                \"grid\": true,\n                \"header--is-advanced\": this.isAdvanced\n              }}\n              slot=\"header\"\n            >\n              {/* #kb name */}\n              <gxg-label labelPosition=\"start\" class=\"kb-label\" noMargin>\n                {this._componentLocale.header.kbName}\n              </gxg-label>\n              <gxg-form-text\n                labelPosition=\"start\"\n                placeholder=\"SalesInventory\"\n                max-width=\"100%\"\n                value={this.kbName}\n                toolTip={config.tooltip}\n                ref={(el: HTMLGxgFormTextElement) =>\n                  (this.kbNameEl = el as HTMLGxgFormTextElement)\n                }\n                part=\"kb-name\"\n                class=\"kb-input\"\n              ></gxg-form-text>\n\n              {/* #location */}\n              {this.isAdvanced\n                ? [\n                    <gxg-label labelPosition=\"start\" class=\"location-label\">\n                      {this._componentLocale.header.kbLocation}\n                    </gxg-label>,\n                    <gxg-form-text\n                      labelPosition=\"start\"\n                      placeholder=\"C:\\Models\"\n                      maxWidth=\"100%\"\n                      value={this.kbLocation}\n                      ref={(el: HTMLGxgFormTextElement) =>\n                        (this.locationEl = el as HTMLGxgFormTextElement)\n                      }\n                      disabled={!this.isAdvanced}\n                      part=\"kb-location\"\n                      class=\"location-input\"\n                    ></gxg-form-text>,\n                    <gxg-button\n                      type=\"secondary-icon-only\"\n                      icon=\"gemini-tools/folder\"\n                      onClick={this.selectLocationHandler}\n                      part=\"button-select-location\"\n                      class=\"location-icon\"\n                    ></gxg-button>\n                  ]\n                : null}\n            </header>\n\n            {/* main */}\n            <main class=\"gxi-full-height\">\n              <gxg-tabs class=\"gxg-tabs\" noBorder>\n                {this.isAdvanced ? (\n                  <gxg-tab-bar\n                    slot=\"tab-bar-container\"\n                    part=\"tab-bar\"\n                    displayBorder\n                  >\n                    <gxg-tab-button\n                      slot=\"tab-bar\"\n                      tabLabel={this._componentLocale.tabBasic.tabLabel}\n                      tab=\"basic\"\n                      is-selected\n                      hidden={!this.isAdvanced}\n                      part=\"tab-button-basic\"\n                    ></gxg-tab-button>\n                    <gxg-tab-button\n                      slot=\"tab-bar\"\n                      tabLabel={this._componentLocale.tabAdvanced.tabLabel}\n                      tab=\"advanced\"\n                      hidden={!this.isAdvanced}\n                      part=\"tab-button-advanced\"\n                    ></gxg-tab-button>\n                  </gxg-tab-bar>\n                ) : null}\n\n                {this.renderTabBasic()}\n                {this.isAdvanced && this.renderTabAdvanced()}\n              </gxg-tabs>\n            </main>\n\n            {/* footer */}\n            {/* #cancel */}\n            <gxg-button\n              id=\"button-cancel\"\n              type=\"outlined\"\n              onClick={this.cancelKbHandler}\n              part=\"button-cancel\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnCancel}\n            </gxg-button>\n            {/* #create */}\n            <gxg-button\n              id=\"button-create\"\n              type=\"primary-text-only\"\n              onClick={this.createKbHandler}\n              part=\"button-create\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnCreate}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts\n          src={this.shortcutsSrc}\n          ref={(el: HTMLGxgShortcutsElement) =>\n            (this.gxgShortcutsEl = el as HTMLGxgShortcutsElement)\n          }\n        ></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\nexport interface NewKBData {\n  authenticationType: string;\n  collation: string;\n  createDataFilesInKBFolder: boolean;\n  databaseName: string;\n  dataSource: string;\n  frontEnds: string[];\n  kbLocation: string;\n  kbName: string;\n  password: string;\n  prototypingEnvironment: string;\n  prototypingTarget: string;\n  savePassword: boolean;\n  serverName: string;\n  userInterfaceLanguage: string;\n  userName: string;\n}\n\nexport type CreateCallback = (data: NewKBData) => Promise<FormSubmitResult>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type GetDataSourcesCallback = (\n  selectedPrototypingEnvironmentId: string,\n  selectedPrototypingTargetId: string\n) => Promise<GxOption[]>;\n\nexport type GetFrontEndsCallback = (\n  selectedPrototypingEnvironmentId: string\n) => Promise<GxOption[]>;\n\nexport type SelectLocationCallback = () => Promise<string>;\n"],"mappings":";;;;;;;;;;AAAA,MAAMA,IAAW;;MC6BJC,IAAU;;;;IAuBbC,KAAAC,oBAAoB;IACpBD,KAAAE,uBAAiC;IACjCF,KAAAG,eAAeC,EAAa;;;QA2M5BJ,KAAAK,eAAe;MACrBL,KAAKM;AAA4B;;QAK3BN,KAAAM,6BAA6B;MACnCN,KAAKE,uBAAuB;MAC5BF,KAAKO,YAAYC,YAAYC,MAAKC;QAChCA,EAAwBC,SAAQC;UAC9B,IAAIA,EAASC,OAAO;YAClBb,KAAKE,qBAAqBY,KAAKF,EAASG;;;AAE1C;AACF;;;eAMIf,KAAAgB,iCACNC;;MAEA,IAAIA,GAAG;QACL,MAAIC,IAAAlB,KAAKmB,YAAY,QAAE,QAAAD,WAAA,aAAAA,EAAEH,QAAOE,EAAEG,QAAQ;UACxCpB,KAAKqB,yBAAyB;eACzB;UACLrB,KAAKqB,yBAAyB;;aAE3B,KAAIC,IAAAtB,KAAKmB,YAAY,QAAE,QAAAG,WAAA,aAAAA,EAAEC,UAAU;QACxCvB,KAAKqB,yBAAyB;;;;;eAO1BrB,KAAAwB,6BACNP;;MAEA,IAAIQ;MACJ,KAAIP,IAAAlB,KAAK0B,yBAAmB,QAAAR,WAAA,aAAAA,EAAES,QAAQ;QACpCF,MACEH,IAAAtB,KAAK0B,yBAAmB,QAAAJ,WAAA,aAAAA,EAAEM,MAAKC,KAAQA,EAAKN,eAC5CvB,KAAK0B,oBAAoB;;MAE7B,MAAMI,KAAab,MAAC,QAADA,WAAC,aAADA,EAAGG,YAAW;MACjC,MAAMW,IACJN,KAAkBA,EAAeV,OAAO;MAE1C,IAAIe,KAAeC,KAAcd,MAAM,MAAO;QAC5CjB,KAAKgC,kBAAkB;QACvBhC,KAAKiC,kBAAkB;QACvBjC,KAAKkC,sBAAsB;aACtB;QACLlC,KAAKgC,kBAAkB;QACvBhC,KAAKiC,kBAAkB;QACvBjC,KAAKkC,sBAAsB;;;;;eAOvBlC,KAAAmC,wBAAwB;MAC9BnC,KAAKoC,yBAAyB3B,MAAK4B;QACjC,IAAIA,GAAY;UACdrC,KAAKqC,aAAaA;;;AAIpB;;;eAMIrC,KAAAsC,kBAAkB;MACxB,IAAItC,KAAKuC,sBAAsB;QAC7B,MAAMC,IACJxC,KAAKyC,yBAAyB5B;QAChC,MAAM6B,IACJ1C,KAAKuC,qBAAqBC;QAC5BE,EACGjC,MAAKkC;UACJ,MAAMC,IAA+B;UACrCD,EAAoBhC,SAAQkC;YAC1B,MAAMC,IAAsB9C,KAAK+C,UAAUnB,MAAKoB,KACvCH,EAAY9B,OAAOiC,EAAejC;YAE3C,IAAI+B,GAAqB;;cAEvBD,EAAYI,UAAUH,EAAoBG;;YAE5CL,EAAiB9B,KAAK+B;AAAY;UAEpC7C,KAAK+C,YAAYH;AAAgB,YAElCM,OAAM;;;IAMLlD,KAAAmD,iBAAiB;MACvB,IAAInD,KAAKoD,wBAAwB;QAC/B,MAAMZ,IACJxC,KAAKyC,yBAAyB5B;QAChC,MAAMwC,IAA8BrD,KAAKsD,oBAAoBzC;QAC7D,MAAM0C,IACJvD,KAAKoD,uBACHZ,GACAa;QAEJE,EACG9C,MAAK+C;UACJ,IAAIA,EAAO7B,SAAS,GAAG;YACrB3B,KAAKyD,qBAAqBD;;wBAE1BxD,KAAK0D,aAAa7C,QAAQb,KAAKyD,mBAAmB,GAAG1C;;YAGxDmC,OAAM;;;IAMLlD,KAAA2D,4CAA4C;MAClD3D,KAAKmD;MACLnD,KAAKsC;AAAiB;IAGhBtC,KAAA4D,uCAAuC;MAC7C5D,KAAKmD;AAAgB;IAGfnD,KAAA6D,kBAAkB;;MACxB,IAAI7D,KAAK8D,gBAAgB;QACvB,MAAMC,IAAwB/D,KAAK8D,eAAe;UAChDE,SAAQ9C,IAAAlB,KAAKiE,cAAQ,QAAA/C,WAAA,aAAAA,EAAEL;UACvBwB,aAAYf,IAAAtB,KAAKkE,gBAAU,QAAA5C,WAAA,aAAAA,EAAET;UAC7BsD,oBAAmBC,IAAApE,KAAKsD,yBAAmB,QAAAc,WAAA,aAAAA,EAAEvD;UAC7CwD,wBAAuBC,IAAAtE,KAAKuE,6BAAuB,QAAAD,WAAA,aAAAA,EAAEzD;UACrD2D,yBAAwBC,IAAAzE,KAAKyC,8BAAwB,QAAAgC,WAAA,aAAAA,EAAE5D;UACvD6D,aAAYC,IAAA3E,KAAK0D,kBAAY,QAAAiB,WAAA,aAAAA,EAAE9D;UAC/BkC,WAAW/C,KAAKE;UAChB0E,aAAYC,IAAA7E,KAAK8E,kBAAY,QAAAD,WAAA,aAAAA,EAAEhE;UAC/BkE,eAAcC,IAAAhF,KAAKiF,oBAAc,QAAAD,WAAA,aAAAA,EAAEnE;UACnCqE,YAAWC,IAAAnF,KAAKoF,iBAAW,QAAAD,WAAA,aAAAA,EAAEtE;UAC7BwE,4BAA2BC,IAAAtF,KAAKuF,iCAA2B,QAAAD,WAAA,aAAAA,EAAErC;UAC7DuC,qBAAoBC,IAAAzF,KAAK0F,0BAAoB,QAAAD,WAAA,aAAAA,EAAE5E;UAC/C8E,WAAUC,IAAA5F,KAAK6F,gBAAU,QAAAD,WAAA,aAAAA,EAAE/E;UAC3BiF,WAAUC,IAAA/F,KAAKgG,gBAAU,QAAAD,WAAA,aAAAA,EAAElF;UAC3BoF,eAAcC,IAAAlG,KAAKmG,oBAAc,QAAAD,WAAA,aAAAA,EAAEjD;;QAGrCc,EAAsBtD,MAAM2F;UAC1BC,EAAqBD,GAAkBpG;AAAK;;;IAK1CA,KAAAsG,kBAAkB;MACxB,IAAItG,KAAKuG,gBAAgB;QACvBvG,KAAKuG;;;;QAMDvG,KAAAwG,iBAAiB,MAErBC,EAAA;MACEC,KAAI;MAAO;MAEXC,eAAa;MACbC,aAAa5G,KAAK6G;OAElBJ,EAAA;MAAKK,OAAM;OAETL,EAAA;MAAKK,OAAM;OACTL,EAAA;MACEM,eAAa;MACbC,SAASC,EAAOC;MAChBC,OAAOnH,KAAKoH,iBAAiBC,SAASlD,kBAAkBgD;MACxDtG,OAAOyG,EAAoBtH,KAAKuH;MAChCC,KAAMC,KACHzH,KAAKsD,sBAAsBmE;MAE9BC,UAAU1H,KAAKuH,mBAAmB5F,WAAW;MAC7CgG,aACE3H,KAAKuH,mBAAmB5F,WAAW,IAC/B3B,KAAKoH,iBAAiBC,SAASlD,kBAC5ByD,sBACH;MAENC,gBAAgB7H,KAAK4D;MACrBkD,OAAM;MACNgB,MAAK;OAEJC,EACC,sBACA/H,KAAKuH,oBACL,wBAKJd,EAAA;MACEM,eAAa;MACbC,SAASC,EAAOC;MAChBC,OAAOnH,KAAKoH,iBAAiBC,SAAShD,sBAAsB8C;MAC5DtG,OAAOyG,EAAoBtH,KAAKgI;MAChCL,aACE3H,KAAKgI,uBAAuBrG,WAAW,IACnC3B,KAAKoH,iBAAiBC,SAAShD,sBAC5BuD,sBACH;MAENF,UAAU1H,KAAKgI,uBAAuBrG,WAAW;MACjD6F,KAAMC,KACHzH,KAAKuE,0BAA0BkD;MAElCX,OAAM;MACNgB,MAAK;OAEJC,EACC,sBACA/H,KAAKgI,wBACL,+BAMRvB,EAAA;MAAKK,OAAM;OACTL,EAAA;MACEwB,gBAAgBjI,KAAKoH,iBAAiBC,SAASa,QAAQC;MACvDC,kBAAgB;MAChBC,WAAU;OAIV5B,EAAA;MACEM,eAAa;MACbC,SAASC,EAAOC;MAChBC,OACEnH,KAAKoH,iBAAiBC,SAASa,QAAQ1D,uBACpC2C;MAELtG,OAAOyG,EAAoBtH,KAAKsI;MAChCX,aACE3H,KAAKsI,wBAAwB3G,WAAW,IACpC3B,KAAKoH,iBAAiBC,SAASa,QAC5B1D,uBAAuBoD,sBAC1B;MAENF,UAAU1H,KAAKsI,wBAAwB3G,WAAW;MAClD6F,KAAMC,KACHzH,KAAKyC,2BAA2BgF;MAEnCI,gBAAgB7H,KAAK2D;MACrBmD,OAAM;MACNgB,MAAK;OAEJC,EACC,sBACA/H,KAAKsI,yBACL,6BAKJ7B,EAAA;MACEU,OAAOnH,KAAKoH,iBAAiBC,SAASa,QAAQxD,WAAWyC;MACzDH,SAASC,EAAOC;MAChBH,eAAa;MACblG,OAAOyG,EAAoBtH,KAAKyD;MAChCkE,aACE3H,KAAKyD,mBAAmB9B,WAAW,IAC/B3B,KAAKoH,iBAAiBC,SAASa,QAAQxD,WACpCkD,sBACH;MAENF,UAAU1H,KAAKyD,mBAAmB9B,WAAW;MAC7C6F,KAAMC,KACHzH,KAAK0D,eAAe+D;MAEvBX,OAAM;MACNgB,MAAK;OAEJC,EACC,sBACA/H,KAAKyD,oBACL,kBAMNgD,EAAA;MACEwB,gBACEjI,KAAKoH,iBAAiBC,SAASzG,SAAS2H;MAE1CF,WAAU;OAEV5B,EAAA;MACE+B,qBAAoB;MACpBhB,KAAKC,KACFzH,KAAKO,cAAckH;MAEtBgB,sBAAsBzI,KAAKM;OAE1ByH,EACC,qBACA/H,KAAK+C,WACL;IASN/C,KAAA0I,oBAAoB,MAExBjC,EAAA;MAASC,KAAI;MAAU;MAAYC,eAAa;OAC9CF,EAAA;MACEkC,kBAAgB;MAChBV,gBAAgBjI,KAAKoH,iBAAiBwB,YAAYC;MAClDR,WAAU;OAEV5B,EAAA;MAAKK,OAAM;OACTL,EAAA;MAAKK,OAAM;OAETL,EAAA;MACEU,OAAOnH,KAAKoH,iBAAiBwB,YAAYhE,WAAWuC;MACpDJ,eAAa;MACbC,SAASC,EAAOC;MAChBrG,OAAOyG,EAAoBtH,KAAKmB;MAChCwG,aACE3H,KAAKmB,YAAYQ,WAAW,IACxB3B,KAAKoH,iBAAiBwB,YAAYhE,WAC/BgD,sBACH;MAENF,UAAU1H,KAAKmB,YAAYQ,WAAW;MACtC6F,KAAMC,KACHzH,KAAK8E,eAAe2C;MAEvBX,OAAM;MACNgB,MAAK;MACLD,gBAAgB7H,KAAKgB;OAEpB+G,EACC,sBACA/H,KAAKmB,aACL,iBAKJsF,EAAA;MACEqC,MAAK;MACLC,MAAK;MACLjC,OAAM;MACNgB,MAAK;QAIPrB,EAAA;MACEuC,eAAc;MACd7B,OAAOnH,KAAKoH,iBAAiBwB,YAAY7D,aAAaoC;MACtDQ,aAAY;MACZH,KAAMC,KACHzH,KAAKiF,iBAAiBwC;MAEzBT,SAASC,EAAOC;MAChBrG,OAAOb,KAAK+E;MACZ+B,OAAM;MACNgB,MAAK;QAIPrB,EAAA;MACEU,OAAOnH,KAAKoH,iBAAiBwB,YAAY1D,UAAUiC;MACnDJ,eAAa;MACbC,SAASC,EAAOC;MAChBrG,OAAOyG,EAAoBtH,KAAKiJ;MAChCzB,KAAMC,KACHzH,KAAKoF,cAAcqC;MAEtBE,aACE3H,KAAKiJ,WAAWtH,WAAW,IACvB3B,KAAKoH,iBAAiBwB,YAAY1D,UAC/B0C,sBACH;MAENF,UAAU1H,KAAKmB,YAAYQ,WAAW;MACtCmF,OAAM;MACNgB,MAAK;OAEJC,EACC,sBACA/H,KAAKiJ,YACL,eAGJxC,EAAA;MACEqC,MAAK;MACLC,MAAK;MACLjC,OAAM;MACNgB,MAAK;QAIPrB,EAAA;MACEU,OACEnH,KAAKoH,iBAAiBwB,YAAYM;MAEpC1B,KAAMC,KACHzH,KAAKuF,8BACJkC;MAEJ0B,UAAQ;MACRlG,SAASjD,KAAKqF;MACdqC,UAAU1H,KAAKqB;MACfyF,OAAM;MACNgB,MAAK;SAITrB,EAAA;MACEK,OAAO;QACL,qCAAqC;QACrC,8DACG9G,KAAKgC;;OAIVyE,EAAA;MACEU,OACEnH,KAAKoH,iBAAiBwB,YAAYpD,mBAAmB2B;MAEvDJ,eAAa;MACbC,SAASC,EAAOC;MAChBrG,OAAOyG,EAAoBtH,KAAK0B;MAChC8F,KAAMC,KACHzH,KAAK0F,uBAAuB+B;MAE/BE,aACE3H,KAAK0B,oBAAoBC,WAAW,IAChC3B,KAAKoH,iBAAiBwB,YAAYpD,mBAC/BoC,sBACH;MAENF,UAAU1H,KAAK0B,oBAAoBC,WAAW;MAC9CmF,OAAM;MACNgB,MAAK;MACLD,gBAAgB7H,KAAKwB;OAEpBuG,EACC,sBACA/H,KAAK0B,qBACL,yBAKH1B,KAAKgC,kBACJyE,EAAA;MACEuC,eAAc;MACdhC,SAASC,EAAOC;MAChBC,OAAOnH,KAAKoH,iBAAiBwB,YAAYjD,SAASwB;MAClDK,KAAMC,KACHzH,KAAK6F,aAAa4B;MAErB5G,OAAOb,KAAK2F;MACZmB,OAAM;MACNgB,MAAK;SAEL,MAGH9H,KAAKiC,kBACJwE,EAAA;MACEuC,eAAc;MACd7B,OAAOnH,KAAKoH,iBAAiBwB,YAAY9C,SAASqB;MAClDrB,UAAQ;MACRkB,SAASC,EAAOC;MAChBM,KAAMC,KACHzH,KAAKgG,aAAayB;MAErB5G,OAAOb,KAAK8F;MACZgB,OAAM;MACNgB,MAAK;SAEL,MAGH9H,KAAKkC,sBACJuE,EAAA;MACEU,OAAOnH,KAAKoH,iBAAiBwB,YAAY3C;MACzCuB,KAAMC,KACHzH,KAAKmG,iBAAiBsB;MAEzBxE,SAASjD,KAAKiG;MACda,OAAM;MACNgB,MAAK;SAEL;kCAhrBkB;2BACP;2BACA;+BACI;wBAOC;;;sBAiBF;;;;;;;;;qCA+CwB;;;wBAeb;;;;;;;;;;EA8CzC,uBAAMsB;IACJpJ,KAAKoH,yBAAyBiC,EAAOC,oBAAoBtJ,KAAKyH;IAC9DzH,KAAKgB,+BAA+B;IACpChB,KAAKwB,2BAA2B;IAChCxB,KAAKuJ,yBAAyBvJ,KAAK+C;;EAGrC,gBAAAyG;IACExJ,KAAKK;IACLL,KAAKiE,SAASwF;;EAGhB,kBAAAC;IACE,KAAK1J,KAAKC,mBAAmB;MAC3BD,KAAK2J,4BAA4BC,KAC/B5J,KAAKoH,iBAAiByC;MAExB7J,KAAKC,oBAAoB;;;;;;;;EAY7B,sBAAM6J,CAAiBA;IACrB,IAAIA,GAAkB;MACpB9J,KAAK+J,eAAeC,UAAU;WACzB;MACLhK,KAAK+J,eAAeC,UAAU;;;;;wCAohBlC,MAAAC;IACE,OACExD,EAACyD,GAAI;MAACpD,OAAM;OACVL,EAAA;MAAKK,OAAM;OACTL,EAAA;MACEkC,kBAAgB;MAChBwB,eAAelD,EAAOmD,eAAeD;MACrClC,gBACEjI,KAAKqK,eAAerK,KAAKoH,iBAAiByC,gBAAgB;OAG5DpD,EAAA;MACEK,OAAO;QACLwD,QAAU;QACVC,MAAQ;QACR,uBAAuBvK,KAAK6G;;MAE9B2D,MAAK;OAGL/D,EAAA;MAAWuC,eAAc;MAAQlC,OAAM;MAAW2D,UAAQ;OACvDzK,KAAKoH,iBAAiBkD,OAAOtG,SAEhCyC,EAAA;MACEuC,eAAc;MACdrB,aAAY;MAAgB,aAClB;MACV9G,OAAOb,KAAKgE;MACZgD,SAASC,EAAOC;MAChBM,KAAMC,KACHzH,KAAKiE,WAAWwD;MAEnBK,MAAK;MACLhB,OAAM;QAIP9G,KAAK6G,aACF,EACEJ,EAAA;MAAWuC,eAAc;MAAQlC,OAAM;OACpC9G,KAAKoH,iBAAiBkD,OAAOjI,aAEhCoE,EAAA;MACEuC,eAAc;MACdrB,aAAY;MACZ+C,UAAS;MACT7J,OAAOb,KAAKqC;MACZmF,KAAMC,KACHzH,KAAKkE,aAAauD;MAErBC,WAAW1H,KAAK6G;MAChBiB,MAAK;MACLhB,OAAM;QAERL,EAAA;MACEqC,MAAK;MACLC,MAAK;MACL4B,SAAS3K,KAAKmC;MACd2F,MAAK;MACLhB,OAAM;WAGV,OAINL,EAAA;MAAMK,OAAM;OACVL,EAAA;MAAUK,OAAM;MAAW8D,UAAQ;OAChC5K,KAAK6G,aACJJ,EAAA;MACE+D,MAAK;MACL1C,MAAK;MACL+C,eAAa;OAEbpE,EAAA;MACE+D,MAAK;MACLM,UAAU9K,KAAKoH,iBAAiBC,SAASyD;MACzCpE,KAAI;MAAO;MAEXqE,SAAS/K,KAAK6G;MACdiB,MAAK;QAEPrB,EAAA;MACE+D,MAAK;MACLM,UAAU9K,KAAKoH,iBAAiBwB,YAAYkC;MAC5CpE,KAAI;MACJqE,SAAS/K,KAAK6G;MACdiB,MAAK;UAGP,MAEH9H,KAAKwG,kBACLxG,KAAK6G,cAAc7G,KAAK0I,uBAM7BjC,EAAA;MACE1F,IAAG;MACH+H,MAAK;MACL6B,SAAS3K,KAAKsG;MACdwB,MAAK;MACL0C,MAAK;OAEJxK,KAAKoH,iBAAiB4D,OAAOC,YAGhCxE,EAAA;MACE1F,IAAG;MACH+H,MAAK;MACL6B,SAAS3K,KAAK6D;MACdiE,MAAK;MACL0C,MAAK;OAEJxK,KAAKoH,iBAAiB4D,OAAOE,cAIpCzE,EAAA;MACE0E,KAAKnL,KAAKG;MACVqH,KAAMC,KACHzH,KAAK+J,iBAAiBtC"}

package/dist/genexus-ide-ui/p-af836892.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["renderFormItems","componentType","options","group","callback","length","items","forEach","option","item","h","checkboxId","id","checked","disabled","label","value","onChange","iconName","part","push","icon","radioId","name","renderModuleDataProperties","Array","isArray","class","map","subItem","inline","getSelectedGxOption","gxOptions","onlyId","found","i","selected"],"sources":["src/common/common.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxgFormItemsArray, GxOption } from \"./types\";\nimport { ModulePropertyData } from \"../components/modules/types\";\nexport const renderFormItems = (\n  componentType:\n    | \"gxg-combo-box-item\"\n    | \"gxg-form-checkbox\"\n    | \"gxg-form-radio\" = \"gxg-combo-box-item\",\n  options: Array<GxOption>,\n  group = \"undefined-group\",\n  callback?: any\n): GxgFormItemsArray => {\n  if (options.length) {\n    const items: GxgFormItemsArray = [];\n    options.forEach(option => {\n      let item;\n      switch (componentType) {\n        case \"gxg-form-checkbox\":\n          item = (\n            <gxg-form-checkbox\n              checkboxId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              onChange={callback ? callback : null}\n              iconName={option.iconName}\n              part={`${group}-${option.id}`}\n            ></gxg-form-checkbox>\n          );\n          items.push(item);\n          break;\n        case \"gxg-combo-box-item\":\n          item = (\n            <gxg-combo-box-item\n              value={option.id}\n              icon={option.iconName}\n              part={`${group}-${option.id}`}\n            >\n              {option.label}\n            </gxg-combo-box-item>\n          );\n          items.push(item);\n          break;\n        case \"gxg-form-radio\":\n          item = (\n            <gxg-form-radio\n              radioId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              name={group}\n              part={`${group}-${option.id}`}\n            ></gxg-form-radio>\n          );\n          items.push(item);\n          break;\n        default:\n          break;\n      }\n    });\n    return items;\n  }\n  return null;\n};\n\nexport const renderModuleDataProperties = (\n  options: Array<ModulePropertyData>\n): ModulePropertyData[] => {\n  if (options.length) {\n    const items: ModulePropertyData[] = [];\n\n    options.forEach(option => {\n      if (Array.isArray(option.value)) {\n        const item = (\n          <div class=\"md-property__list\">\n            <p class=\"md-property__key\">{option.name} :</p>\n            <ul>\n              {option.value.map(subItem => {\n                return <li>{subItem}</li>;\n              })}\n            </ul>\n          </div>\n        );\n        items.push(item);\n      } else {\n        const item = (\n          <div\n            class={\n              option.inline\n                ? \"md-property md-property--inline\"\n                : \"md-property--block\"\n            }\n          >\n            <p class=\"md-property__key\">{option.name} :</p>\n            <p class=\"md-property__value\">{option.value}</p>\n          </div>\n        );\n        items.push(item);\n      }\n    });\n\n    return items;\n  }\n  return null;\n};\n\n/**\n *\n * @param gxOptions An array of GxOptions's\n * @returns The first option in the array that is 'selected'. If no one found it returns null.\n */\nexport const getSelectedGxOption = (\n  gxOptions: GxOption[],\n  onlyId = true\n): GxOption | string | void => {\n  if (gxOptions?.length > 0) {\n    let found = null;\n    for (let i = 0; i < gxOptions.length; i++) {\n      if (gxOptions[i].selected) {\n        found = gxOptions[i];\n        break;\n      }\n    }\n    if (found && onlyId) {\n      return found.id;\n    } else if (!found && onlyId) {\n      return gxOptions[0].id;\n    }\n    return found;\n  }\n};\n"],"mappings":";;4BAMaA,kBAAkB,CAC7BC,IAGuB,sBACvBC,GACAC,IAAQ,mBACRC;EAEA,IAAIF,EAAQG,QAAQ;IAClB,MAAMC,IAA2B;IACjCJ,EAAQK,SAAQC;MACd,IAAIC;MACJ,QAAQR;OACN,KAAK;QACHQ,IACEC,EAAA;UACEC,YAAYH,EAAOI;UACnBC,SAASL,EAAOK;UAChBC,UAAUN,EAAOM;UACjBC,OAAOP,EAAOO;UACdC,OAAOR,EAAOQ;UACdC,UAAUb,IAAWA,IAAW;UAChCc,UAAUV,EAAOU;UACjBC,MAAM,GAAGhB,KAASK,EAAOI;;QAG7BN,EAAMc,KAAKX;QACX;;OACF,KAAK;QACHA,IACEC,EAAA;UACEM,OAAOR,EAAOI;UACdS,MAAMb,EAAOU;UACbC,MAAM,GAAGhB,KAASK,EAAOI;WAExBJ,EAAOO;QAGZT,EAAMc,KAAKX;QACX;;OACF,KAAK;QACHA,IACEC,EAAA;UACEY,SAASd,EAAOI;UAChBC,SAASL,EAAOK;UAChBC,UAAUN,EAAOM;UACjBC,OAAOP,EAAOO;UACdC,OAAOR,EAAOQ;UACdO,MAAMpB;UACNgB,MAAM,GAAGhB,KAASK,EAAOI;;QAG7BN,EAAMc,KAAKX;QACX;;;IAKN,OAAOH;;EAET,OAAO;AAAI;;MAGAkB,6BACXtB;EAEA,IAAIA,EAAQG,QAAQ;IAClB,MAAMC,IAA8B;IAEpCJ,EAAQK,SAAQC;MACd,IAAIiB,MAAMC,QAAQlB,EAAOQ,QAAQ;QAC/B,MAAMP,IACJC,EAAA;UAAKiB,OAAM;WACTjB,EAAA;UAAGiB,OAAM;WAAoBnB,EAAOe,M,OACpCb,EAAA,YACGF,EAAOQ,MAAMY,KAAIC,KACTnB,EAAA,YAAKmB;QAKpBvB,EAAMc,KAAKX;aACN;QACL,MAAMA,IACJC,EAAA;UACEiB,OACEnB,EAAOsB,SACH,oCACA;WAGNpB,EAAA;UAAGiB,OAAM;WAAoBnB,EAAOe,M,OACpCb,EAAA;UAAGiB,OAAM;WAAsBnB,EAAOQ;QAG1CV,EAAMc,KAAKX;;;IAIf,OAAOH;;EAET,OAAO;AAAI;;;;;;UAQAyB,sBAAsB,CACjCC,GACAC,IAAS;EAET,KAAID,MAAS,QAATA,WAAS,aAATA,EAAW3B,UAAS,GAAG;IACzB,IAAI6B,IAAQ;IACZ,KAAK,IAAIC,IAAI,GAAGA,IAAIH,EAAU3B,QAAQ8B,KAAK;MACzC,IAAIH,EAAUG,GAAGC,UAAU;QACzBF,IAAQF,EAAUG;QAClB;;;IAGJ,IAAID,KAASD,GAAQ;MACnB,OAAOC,EAAMtB;WACR,KAAKsB,KAASD,GAAQ;MAC3B,OAAOD,EAAU,GAAGpB;;IAEtB,OAAOsB"}