@genexus/genexus-ide-ui 0.0.99 → 0.0.101

package/dist/genexus-ide-ui/p-587f3ba5.entry.js

@@ -1,344 +0,0 @@
-import { r as t, c as i, a as e, h as r, H as a, 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 d } from "./p-9c1b4eb9.js";
-
-import { r as l } from "./p-4cfc2a85.js";
-
-import { f as h } from "./p-e8646b08.js";
-
-const c = ".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:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.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 g = class {
-  constructor(a) {
-    t(this, a);
-    this.componentDidRenderFirstTime = i(this, "componentDidRenderFirstTime", 7);
-    this.renderedFirstTime = false;
-    this.selectedFrontEndsIds = [];
-    this.envNameModifiedByUser = false;
-    this.shortcutsSrc = e(`./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 i;
-          return t.value === ((i = this.runtimeEnvironmentEl) === null || i === void 0 ? void 0 : i.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 i;
-          return t.id === ((i = this.languageEl) === null || i === void 0 ? void 0 : i.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 i;
-          return t.id === ((i = this.dataStoreEl) === null || i === void 0 ? void 0 : i.value);
-        }));
-        if (t) {
-          this.selectedDataStoreId = t.id;
-        }
-      }
-    };
-    // 9.LOCAL METHODS -> Not Helpers //
-        this.envNameInputHandler = t => {
-      const i = (t.detail + "").trim();
-      if (i !== this.environmentName) {
-        this.environmentName = i;
-        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 i = this.createCallback(t);
-        i.then((t => {
-          h(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 = () => r("gxg-tab", {
-      tab: "basic",
-      "no-padding": true,
-      flexContainer: true,
-      class: "tab tab__basic",
-      isSelected: !this.isAdvanced
-    }, r("gx-ide-container", {
-      containerTitle: this._componentLocale.runtime,
-      noContentPadding: true,
-      displayBorderBottom: true,
-      flexRow: this.runtimes.length === 1
-    }, this.runtimes.length > 1 ? r("gxg-form-radio-group", {
-      slot: "header",
-      radiosLabelSize: "large",
-      ref: t => this.runtimeEnvironmentEl = t,
-      row: true,
-      center: true,
-      onChange: this.runtimeEnvironmentChangedHandler
-    }, l("gxg-form-radio", this.runtimes, "runtime-environment")) : [ r("div", {
-      class: "tab__basic__single-runtime",
-      slot: "header"
-    }, r("gxg-icon", {
-      color: "disabled",
-      type: this.evaluateSingleRuntimeIcon()
-    }), r("gxg-text", {
-      textAlign: "center"
-    }, this.runtimes[0].label)) ], r("div", {
-      class: "basic-main"
-    }, r("gx-ide-container", {
-      "container-title": this._componentLocale.tabBasic.backEnd.backEndLabel,
-      class: "basic-main__back-end",
-      contentBorderEnd: true,
-      titleType: "secondary"
-    }, r("gxg-combo-box", {
-      "disable-filter": true,
-      label: this._componentLocale.tabBasic.backEnd.language,
-      value: n(this.languages),
-      ref: t => this.languageEl = t,
-      toolTip: d.tooltip,
-      onValueChanged: this.languageValueChangedHandler,
-      part: "language"
-    }, l("gxg-combo-box-item", this.languages)), r("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: d.tooltip,
-      part: "data-store"
-    }, l("gxg-combo-box-item", this.dataStores))), r("gx-ide-container", {
-      "container-title": this._componentLocale.tabBasic.frontEnd.frontEndLabel,
-      class: "basic-main__front-end",
-      titleType: "secondary"
-    }, r("gxg-form-checkbox-group", {
-      checkboxesLabelSize: "large",
-      ref: t => this.frontEndsEl = t,
-      onGroupValuesChanged: this.updateSelectedFrontEndsIds
-    }, l("gxg-form-checkbox", this.frontEnds))))));
-    this.renderTabAdvanced = () => r("gxg-tab", {
-      tab: "advanced",
-      "no-padding": true
-    }, r("gx-ide-container", null, r("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 r(a, {
-      class: "gx-ide-component"
-    }, r("div", {
-      class: "gx-ide-main-wrapper"
-    }, r("gx-ide-container", {
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
-      noContentPadding: true,
-      noBorderFooter: true,
-      slimmerFooter: d.gxIdeContainer.slimmerFooter
-    }, r("header", {
-      class: "header",
-      slot: "header"
-    }, r("gxg-label", {
-      labelPosition: "start",
-      class: "header__label"
-    }, this._componentLocale.name), r("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: d.tooltip,
-      class: "header__text",
-      part: "environment-name"
-    })), r("main", {
-      class: "main"
-    }, r("gxg-tabs", {
-      class: "gxg-tabs",
-      noBorder: true
-    }, this.isAdvanced ? r("gxg-tab-bar", {
-      slot: "tab-bar-container",
-      displayBorder: true
-    }, r("gxg-tab-button", {
-      slot: "tab-bar",
-      "tab-label": this._componentLocale.tabBasic.tabLabel,
-      tab: "basic",
-      "is-selected": true
-    }), this.isAdvanced ? r("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())), r("gxg-form-checkbox", {
-      label: this._componentLocale.footer.setAsCurrentEnvironment,
-      ref: t => this.setAsCurrentEnvironmentEl = t,
-      checked: this.setAsTarget,
-      part: "set-as-current-environment",
-      slot: "footer-start"
-    }), r("gxg-button", {
-      id: "button-cancel",
-      slot: "footer-end",
-      type: "outlined",
-      onClick: this.cancelButtonClickedHandler,
-      part: "gxg-button gxg-button--cancel"
-    }, this._componentLocale.footer.btnCancel), r("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))), r("gxg-shortcuts", {
-      src: this.shortcutsSrc,
-      ref: t => this.gxgShortcutsEl = t
-    }));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/new-environment" ];
-  }
-  get el() {
-    return o(this);
-  }
-};
-
-g.style = c;
-
-export { g as gx_ide_new_environment };
-//# sourceMappingURL=p-587f3ba5.entry.js.map