@genexus/genexus-ide-ui 0.0.100 → 0.0.101

package/dist/genexus-ide-ui/p-921fc4d4.entry.js

@@ -0,0 +1,344 @@
+import { r as t, c as e, a as r, h as a, H as i, g as o } from "./p-2776d2f9.js";
+
+import { L as s } from "./p-74d59062.js";
+
+import { s as n } from "./p-04f3d630.js";
+
+import { c as l } from "./p-9c1b4eb9.js";
+
+import { 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{display:flex}.header__label{flex:none}.main{height:100%}.gxg-tabs{margin-top:0;box-shadow:none}.tab__basic__single-runtime{display:flex;align-items:center;justify-content:center;gap:var(--mer-spacing--xxs)}.basic-main{display:flex;height:100%}.basic-main__back-end{flex:1}.basic-main__front-end{flex:1}.advanced-second-row{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr}.advanced-second-row>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, 1fr);grid-template-columns:1fr auto}.advanced-second-row-col-left>*{display:flex;align-items:self-end}.advanced-second-row-col-left>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-left>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left>*:nth-child(3){grid-area:2/1/3/2}.advanced-second-row-col-left>*:nth-child(4){grid-area:2/2/3/3}.advanced-second-row-col-left>*:nth-child(5){grid-area:3/1/4/2}.advanced-second-row-col-left>*:nth-child(6){grid-area:3/2/4/3}.advanced-second-row-col-left>*:nth-child(7){grid-area:4/1/5/2}.advanced-second-row-col-left>*:nth-child(8){grid-area:4/2/5/3}.advanced-second-row-col-right{grid-template-columns:1fr;grid-template-rows:repeat(4, 1fr);grid-auto-rows:1fr}.advanced-second-row-col-right *:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-right *:nth-child(2){grid-area:2/1/3/2}.advanced-second-row-col-right *:nth-child(3){grid-area:3/1/4/2}.advanced-second-row-col-right *:nth-child(4){grid-area:4/1/5/2}";
+
+const h = class {
+  constructor(i) {
+    t(this, i);
+    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
+    this.selectedFrontEndsIds = [];
+    this.envNameModifiedByUser = false;
+    this.shortcutsSrc = r(`./gx-ide-assets/new-environment/shortcuts.json`);
+    // 9.LOCAL METHODS //
+    // 9.LOCAL METHODS -> Helpers //
+        this.initialSetup = () => {
+      this.updateSelectedFrontEndsIds();
+      this.setInitialRuntimeId();
+      this.setInitialLanguageId();
+      this.setInitialDataStoreId();
+    };
+    this.evaluateSelectedRuntimeEnvironmentId = () => {
+      if (this.runtimes.length === 1) {
+        this.selectedRuntimeEnvironmentId = this.runtimes[0].id;
+      }
+    };
+    this.setInitialRuntimeId = () => {
+      var t;
+      if ((t = this.runtimeEnvironmentEl) === null || t === void 0 ? void 0 : t.value) {
+        const t = this.runtimes.find((t => {
+          var e;
+          return t.value === ((e = this.runtimeEnvironmentEl) === null || e === void 0 ? void 0 : e.value);
+        }));
+        if (t) {
+          this.selectedRuntimeEnvironmentId = t.id;
+        }
+      }
+    };
+    this.setInitialLanguageId = () => {
+      var t;
+      if ((t = this.languageEl) === null || t === void 0 ? void 0 : t.value) {
+        const t = this.languages.find((t => {
+          var e;
+          return t.id === ((e = this.languageEl) === null || e === void 0 ? void 0 : e.value);
+        }));
+        if (t) {
+          this.selectedLanguageId = t.id;
+        }
+      }
+    };
+    this.setInitialDataStoreId = () => {
+      var t;
+      if ((t = this.dataStoreEl) === null || t === void 0 ? void 0 : t.value) {
+        const t = this.dataStores.find((t => {
+          var e;
+          return t.id === ((e = this.dataStoreEl) === null || e === void 0 ? void 0 : e.value);
+        }));
+        if (t) {
+          this.selectedDataStoreId = t.id;
+        }
+      }
+    };
+    // 9.LOCAL METHODS -> Not Helpers //
+        this.envNameInputHandler = t => {
+      const e = (t.detail + "").trim();
+      if (e !== this.environmentName) {
+        this.environmentName = e;
+        this.envNameModifiedByUser = true;
+      }
+    };
+    this.updateSelectedFrontEndsIds = () => {
+      this.selectedFrontEndsIds = [];
+      this.frontEndsEl.getValues().then((t => {
+        t.forEach((t => {
+          if (t.value) {
+            this.selectedFrontEndsIds.push(t.id);
+          }
+        }));
+      }));
+    };
+    this.setEnvironmentHandler = async () => {
+      if (this.createCallback) {
+        const t = {
+          setAsCurrent: this.setAsCurrentEnvironmentEl.checked,
+          name: this.environmentNameEl.value,
+          runtime: this.selectedRuntimeEnvironmentId,
+          language: this.languageEl.value,
+          dataStores: this.dataStoreEl.value,
+          frontEnds: this.selectedFrontEndsIds
+        };
+        const e = this.createCallback(t);
+        e.then((t => {
+          g(t, this);
+        }));
+      }
+    };
+    this.cancelButtonClickedHandler = async () => {
+      if (this.cancelCallback) {
+        await this.cancelCallback();
+      }
+    };
+    this.runtimeEnvironmentChangedHandler = t => {
+      this.selectedRuntimeEnvironmentId = t.detail.id;
+      this.updateDataSources();
+    };
+    this.languageValueChangedHandler = () => {
+      /* the language item id is used for the value (they are equal)*/
+      this.selectedLanguageId = this.languageEl.value;
+      this.updateDataSources();
+      this.updateFrontEnds();
+      this.updateEnvironmentName();
+    };
+    this.dataStoreValueChangedHandler = () => {
+      /* the data store item id is used for the value (they are equal)*/
+      this.selectedDataStoreId = this.dataStoreEl.value;
+      this.updateEnvironmentName();
+    };
+    this.updateDataSources = async () => {
+      if (this.getDataSourcesCallback) {
+        const t = await this.getDataSourcesCallback(this.selectedLanguageId, this.selectedRuntimeEnvironmentId);
+        if ((t === null || t === void 0 ? void 0 : t.length) > 0) {
+          this.dataStores = t;
+        }
+      }
+    };
+    this.updateFrontEnds = async () => {
+      if (this.getFrontEndsCallback) {
+        const t = await this.getFrontEndsCallback(this.selectedLanguageId);
+        if ((t === null || t === void 0 ? void 0 : t.length) > 0) {
+          this.frontEnds = t;
+        }
+      }
+    };
+    this.updateEnvironmentName = async () => {
+      if (this.getEnvironmentNameCallback && this.environmentNameEl && this.envNameModifiedByUser) {
+        const t = await this.getEnvironmentNameCallback(this.selectedLanguageId, this.selectedDataStoreId);
+        if (t) {
+          this.environmentName = t;
+        }
+      }
+    };
+    this.evaluateSingleRuntimeIcon = () => {
+      if (this.runtimes[0].id === "local") {
+        return "window-tools/rol";
+      } else {
+        return "window-tools/genexus-cloud";
+      }
+    };
+    // 9.LOCAL METHODS -> Renders //
+        this.renderTabBasic = () => a("gxg-tab", {
+      tab: "basic",
+      "no-padding": true,
+      flexContainer: true,
+      class: "tab tab__basic",
+      isSelected: !this.isAdvanced
+    }, a("gx-ide-container", {
+      containerTitle: this._componentLocale.runtime,
+      noContentPadding: true,
+      displayBorderBottom: true,
+      flexRow: this.runtimes.length === 1
+    }, this.runtimes.length > 1 ? a("gxg-form-radio-group", {
+      slot: "header",
+      radiosLabelSize: "large",
+      ref: t => this.runtimeEnvironmentEl = t,
+      row: true,
+      center: true,
+      onChange: this.runtimeEnvironmentChangedHandler
+    }, d("gxg-form-radio", this.runtimes, "runtime-environment")) : [ a("div", {
+      class: "tab__basic__single-runtime",
+      slot: "header"
+    }, a("gxg-icon", {
+      color: "disabled",
+      type: this.evaluateSingleRuntimeIcon()
+    }), a("gxg-text", {
+      textAlign: "center"
+    }, this.runtimes[0].label)) ], a("div", {
+      class: "basic-main"
+    }, a("gx-ide-container", {
+      "container-title": this._componentLocale.tabBasic.backEnd.backEndLabel,
+      class: "basic-main__back-end",
+      contentBorderEnd: true,
+      titleType: "secondary"
+    }, a("gxg-combo-box", {
+      "disable-filter": true,
+      label: this._componentLocale.tabBasic.backEnd.language,
+      value: n(this.languages),
+      ref: t => this.languageEl = t,
+      toolTip: l.tooltip,
+      onValueChanged: this.languageValueChangedHandler,
+      part: "language"
+    }, d("gxg-combo-box-item", this.languages)), a("gxg-combo-box", {
+      "disable-filter": true,
+      label: this._componentLocale.tabBasic.backEnd.dataStores,
+      value: n(this.dataStores),
+      ref: t => this.dataStoreEl = t,
+      onValueChanged: this.dataStoreValueChangedHandler,
+      toolTip: l.tooltip,
+      part: "data-store"
+    }, d("gxg-combo-box-item", this.dataStores))), a("gx-ide-container", {
+      "container-title": this._componentLocale.tabBasic.frontEnd.frontEndLabel,
+      class: "basic-main__front-end",
+      titleType: "secondary"
+    }, a("gxg-form-checkbox-group", {
+      checkboxesLabelSize: "large",
+      ref: t => this.frontEndsEl = t,
+      onGroupValuesChanged: this.updateSelectedFrontEndsIds
+    }, d("gxg-form-checkbox", this.frontEnds))))));
+    this.renderTabAdvanced = () => a("gxg-tab", {
+      tab: "advanced",
+      "no-padding": true
+    }, a("gx-ide-container", null, a("slot", {
+      name: "property-grid"
+    })));
+    this.displayTitle = false;
+    this.cancelCallback = undefined;
+    this.createCallback = undefined;
+    this.dataStores = undefined;
+    this.disableAdvanced = false;
+    this.environmentName = undefined;
+    this.frontEnds = undefined;
+    this.getEnvironmentNameCallback = undefined;
+    this.getFrontEndsCallback = undefined;
+    this.getDataSourcesCallback = undefined;
+    this.isAdvanced = false;
+    this.languages = undefined;
+    this.runtimes = undefined;
+    this.setAsTarget = true;
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentWillLoad() {
+    this._componentLocale = await s.getComponentStrings(this.el);
+    this.evaluateSelectedRuntimeEnvironmentId();
+  }
+  componentDidLoad() {
+    this.initialSetup();
+    this.environmentNameEl.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(t) {
+    if (t) {
+      this.gxgShortcutsEl.suspend = true;
+    } else {
+      this.gxgShortcutsEl.suspend = false;
+    }
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return a(i, {
+      class: "gx-ide-component"
+    }, a("div", {
+      class: "gx-ide-main-wrapper"
+    }, a("gx-ide-container", {
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
+      noContentPadding: true,
+      noBorderFooter: true,
+      slimmerFooter: l.gxIdeContainer.slimmerFooter
+    }, a("header", {
+      class: "header",
+      slot: "header"
+    }, a("gxg-label", {
+      labelPosition: "start",
+      class: "header__label"
+    }, this._componentLocale.name), a("gxg-form-text", {
+      "label-position": "start",
+      placeholder: "New Environment",
+      "max-width": "100%",
+      value: this.environmentName,
+      ref: t => this.environmentNameEl = t,
+      onInput: !this.envNameModifiedByUser && this.envNameInputHandler,
+      toolTip: l.tooltip,
+      class: "header__text",
+      part: "environment-name"
+    })), a("main", {
+      class: "main"
+    }, a("gxg-tabs", {
+      class: "gxg-tabs",
+      noBorder: true
+    }, this.isAdvanced ? a("gxg-tab-bar", {
+      slot: "tab-bar-container",
+      displayBorder: true
+    }, a("gxg-tab-button", {
+      slot: "tab-bar",
+      "tab-label": this._componentLocale.tabBasic.tabLabel,
+      tab: "basic",
+      "is-selected": true
+    }), this.isAdvanced ? a("gxg-tab-button", {
+      slot: "tab-bar",
+      "tab-label": this._componentLocale.tabAdvanced.tabLabel,
+      tab: "advanced",
+      disabled: this.disableAdvanced
+    }) : null) : null, this.renderTabBasic(), this.isAdvanced && this.renderTabAdvanced())), a("gxg-form-checkbox", {
+      label: this._componentLocale.footer.setAsCurrentEnvironment,
+      ref: t => this.setAsCurrentEnvironmentEl = t,
+      checked: this.setAsTarget,
+      part: "set-as-current-environment",
+      slot: "footer-start"
+    }), a("gxg-button", {
+      id: "button-cancel",
+      slot: "footer-end",
+      type: "outlined",
+      onClick: this.cancelButtonClickedHandler,
+      part: "gxg-button gxg-button--cancel"
+    }, this._componentLocale.footer.btnCancel), a("gxg-button", {
+      id: "button-create",
+      slot: "footer-end",
+      type: "primary-text-only",
+      onClick: this.setEnvironmentHandler,
+      part: "gxg-button gxg-button--create"
+    }, this._componentLocale.footer.btnSetNewEnvironment))), a("gxg-shortcuts", {
+      src: this.shortcutsSrc,
+      ref: t => this.gxgShortcutsEl = t
+    }));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/new-environment" ];
+  }
+  get el() {
+    return o(this);
+  }
+};
+
+h.style = c;
+
+export { h as gx_ide_new_environment };
+//# sourceMappingURL=p-921fc4d4.entry.js.map

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

@@ -0,0 +1,158 @@
+import { r as e, c as r, a, h as t, H as o, g as i } from "./p-2776d2f9.js";
+
+import { L as s } from "./p-74d59062.js";
+
+import { c as l } from "./p-9c1b4eb9.js";
+
+import { f as n } from "./p-e8646b08.js";
+
+import { r as g } from "./p-4cfc2a85.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}.main{display:grid;column-gap:var(--gx-ide-grid-column-gap);row-gap:var(--gx-ide-grid-row-gap);grid-template-columns:auto 1fr;grid-template-areas:"kb-label kb-input " "server-label server-input" "auth-type-label auth-type-input" "user-name-label user-name-input" "password-label password-input"}.main .kb-name-label{grid-area:kb-label}.main .kb-input{grid-area:kb-input}.main .server-url-label{grid-area:server-label}.main .server-url-input{grid-area:server-input}.main .auth-type-label{grid-area:auth-type-label}.main .auth-type-input{grid-area:auth-type-input}.main .user-name-label{grid-area:user-name-label}.main .user-name-input{grid-area:user-name-input}.main .password-label{grid-area:password-label}.main .password-input{grid-area:password-input}';
+
+// Define your constants
+const d = [ "GeneXus Account", "Local" ];
+
+const b = class {
+  constructor(t) {
+    e(this, t);
+    this.componentDidRenderFirstTime = r(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
+    this.shortcutsSrc = a(`./gx-ide-assets/share-kb/shortcuts.json`);
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+        this.createKBCallbackHandler = async () => {
+      const e = {
+        name: this.kbNameEl.value,
+        serverUrl: this.serverUrlEl.value,
+        authenticationType: this.authTypeEl.value,
+        user: this.userNameEl.value,
+        password: this.passwordEl.value
+      };
+      const r = this.createKBCallback(e);
+      r.then((e => {
+        n(e, this);
+      }));
+    };
+    this.displayTitle = false;
+    this.kbName = undefined;
+    this.serverUrls = undefined;
+    this.enableCustomServer = undefined;
+    this.createKBCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await s.getComponentStrings(this.el);
+  }
+  componentDidLoad() {
+    this.kbNameEl.focus();
+  }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  // 9.LOCAL METHODS //
+  // 10.RENDER() FUNCTION //
+  render() {
+    return t(o, {
+      class: "gx-ide-component"
+    }, t("div", {
+      class: "gx-ide-main-wrapper"
+    }, t("gx-ide-container", {
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
+      slimmerFooter: l.gxIdeContainer.slimmerFooter
+    }, t("main", {
+      class: "main"
+    }, t("gxg-label", {
+      labelPosition: "start",
+      class: "kb-label",
+      noMargin: true
+    }, this._componentLocale.main.kbName), t("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"
+    }), t("gxg-label", {
+      labelPosition: "start",
+      class: "server-url-label",
+      noMargin: true
+    }, this._componentLocale.main.serverUrl), t("gxg-combo-box", {
+      disableFilter: !this.enableCustomServer,
+      labelPosition: "start",
+      placeholder: "https://myexampleserver.com",
+      strict: true,
+      toolTip: l.tooltip,
+      value: this.serverUrls[0],
+      ref: e => this.serverUrlEl = e,
+      part: "server-url",
+      class: "server-url-input"
+    }, g("gxg-combo-box-item", this.serverUrls.map((e => ({
+      id: e,
+      label: e
+    }))), "server-url")), t("gxg-label", {
+      labelPosition: "start",
+      class: "auth-type-label",
+      noMargin: true
+    }, this._componentLocale.main.authentication), t("gxg-combo-box", {
+      labelPosition: "start",
+      placeholder: "https://myexampleserver.com",
+      "max-width": "100%",
+      value: d[0],
+      ref: e => this.authTypeEl = e,
+      part: "auth-type",
+      class: "auth-type-input"
+    }, g("gxg-combo-box-item", d.map((e => ({
+      id: e,
+      label: e
+    }))), "auth-type")), t("gxg-label", {
+      labelPosition: "start",
+      class: "user-name-label",
+      noMargin: true
+    }, this._componentLocale.main.userName), t("gxg-form-text", {
+      labelPosition: "start",
+      placeholder: "My User",
+      "max-width": "100%",
+      toolTip: l.tooltip,
+      ref: e => this.userNameEl = e,
+      part: "user-name",
+      class: "user-name-input"
+    }), t("gxg-label", {
+      labelPosition: "start",
+      class: "password-label",
+      noMargin: true
+    }, this._componentLocale.main.password), t("gxg-form-text", {
+      labelPosition: "start",
+      password: true,
+      toolTip: l.tooltip,
+      "max-width": "100%",
+      ref: e => this.passwordEl = e,
+      part: "password",
+      class: "password-input"
+    })), t("gxg-button", {
+      slot: "footer-end",
+      type: "primary-text-icon",
+      icon: "gemini-tools/share",
+      onClick: this.createKBCallbackHandler,
+      part: "share-kb"
+    }, this._componentLocale.footer.shareBtn))), t("gxg-shortcuts", {
+      src: this.shortcutsSrc
+    }));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/share-kb" ];
+  }
+  get el() {
+    return i(this);
+  }
+};
+
+b.style = c;
+
+export { b as gx_ide_share_kb };
+//# sourceMappingURL=p-9a333c79.entry.js.map