@genexus/genexus-ide-ui 0.0.100 → 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

package/dist/genexus-ide-ui/p-5ba47216.entry.js

@@ -1,305 +0,0 @@
-import { r as t, c as e, h as r, H as i, g as a } from "./p-2776d2f9.js";
-
-import { L as s } from "./p-74d59062.js";
-
-const o = ".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}: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{font-family:var(--mer-font-family--primary);display:block;height:100%;flex-basis:286px;flex-shrink:0;height:100%;overflow-y:auto}.gx-ide-main-wrapper{padding:0 10px 52px 10px;background-color:var(--mer-color__neutral-gray--1000);height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:var(--mer-spacing--sm)}.header{padding-block-start:var(--mer-spacing--sm);display:flex;flex-direction:column}.header__actions-wrapper{display:flex;gap:var(--ai-assistant-header-actions-gap);margin-inline-start:auto}.header__first-row{display:flex;gap:var(--mer-spacing--xs);align-items:center;justify-content:space-between}.header__filter{margin-block-start:var(--mer-spacing--xs)}.header__second-row{transition:100ms grid-template-rows;display:grid;grid-template-rows:0fr}.header__second-row--visible{grid-template-rows:1fr}.header .filter-inner-wrapper{overflow:hidden}.messages-wrapper{position:relative;overflow:auto;display:flex;flex-direction:column;scroll-behavior:smooth;}.messages-wrapper::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.messages-wrapper::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.messages-wrapper::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.messages-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.messages-wrapper::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.messages{display:flex;flex-direction:column;list-style-type:none;padding:0;margin:0}.prompt{position:relative;margin-top:auto}.prompt__textarea::part(textarea-wrapper){border:none;background-color:var(--mer-color__neutral-gray--1100)}.prompt__textarea::part(textarea){border:none}.prompt__shortcuts{position:absolute;display:flex;align-items:center;gap:var(--mer-spacing--xxs);padding-inline-end:var(--mer-spacing--xs);right:0;top:0;height:100%}.prompt__shortcut{color:var(--mer-color__neutral-gray--400);font-size:var(--mer-font__size--xxs);padding:var(--mer-spacing--xxxs) var(--mer-spacing--xs);background-color:var(--mer-color__neutral-gray--700);border-radius:var(--mer-border__radius--xs)}";
-
-const l = class {
-  constructor(i) {
-    t(this, i);
-    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
-    this.renderedFirstTime = false;
-    this.setFocus = true;
-    this.scrollToBottomFlag = true;
-    // 9.LOCAL METHODS //
-        this.evaluateAiInProgress = () => {
-      var t;
-      if (((t = this.messages) === null || t === void 0 ? void 0 : t.length) > 0 && this.messages[this.messages.length - 1].type === "assistant-in-progress") {
-        this.aIInProgress = true;
-      } else {
-        this.aIInProgress = false;
-      }
-    };
-    this.evaluateAiStatus = () => {
-      var t;
-      if (((t = this.messages) === null || t === void 0 ? void 0 : t.length) === 0) {
-        this.assistantStatus = "indeterminate";
-        return;
-      }
-      if (this.messages[this.messages.length - 1].type === "assistant-in-progress" || this.messages[this.messages.length - 1].type === "user") {
-        this.assistantStatus = "indeterminate";
-      } else if (this.messages[this.messages.length - 1].type === "assistant-error") {
-        this.assistantStatus = "error";
-      } else {
-        this.assistantStatus = "success";
-      }
-    };
-    this.renderMessage = (t, e) => {
-      if (t.text.length > 0) {
-        return r("gx-ide-ai-message", {
-          message: t.text,
-          messageType: t.type,
-          hidden: t.hidden,
-          filterValue: this.filterValue,
-          key: `${e.toString()}-${t.type}`,
-          translations: this._componentLocale.aiMessage
-        });
-      }
-    };
-    this.textAreaInputHandler = () => {
-      this.userHasTyped = true;
-      this.showFilter = false;
-      this.filterEl.value = "";
-      this.filterValue = "";
-      this.scrollToBottomFlag = true;
-    };
-    this.promptEnterHandler = async t => {
-      /* First remove double spaces */
-      const e = t.detail.replace(/\s+/g, " ");
-      /* Update textarea value to get the proper height */      this.textAreaEl.value = e;
-      setTimeout((() => {
-        /* Then save the actual height (setTimeOut required) */
-        this.lastUserMessageHeight = this.textAreaEl.offsetHeight;
-      }), 0);
-      /* The clear the textarea */      this.textAreaEl.value = "";
-      /* Insert the user message */      this.addMessage({
-        type: "user",
-        text: e
-      });
-      /* Call the callback */      if (this.userMessageCallback && !this.aIInProgress) {
-        this.aIInProgress = true;
-        this.userMessageCallback(e).then((() => {
-          this.aIInProgress = false;
-        }));
-      }
-    };
-    this.filterMessagesHandler = t => {
-      this.scrollToBottomFlag = false;
-      this.filterValue = t.detail.toLowerCase();
-      const e = [ ...this.messages ];
-      e.forEach((t => {
-        if (t.text.toLowerCase().includes(this.filterValue)) {
-          t.hidden = false;
-        } else {
-          t.hidden = true;
-        }
-      }));
-      this.messages = e;
-    };
-    this.clearMessages = () => {
-      this.messages = [];
-      this.textAreaEl.focus();
-    };
-    this.attachShortcuts = () => {
-      var t;
-      if (((t = this.focusShortcuts) === null || t === void 0 ? void 0 : t.length) > 0) {
-        const t = this.focusShortcuts.findIndex((t => t.toLocaleLowerCase() === "ctrl"));
-        const e = this.focusShortcuts.findIndex((t => t.toLocaleLowerCase() === "shift"));
-        const r = this.focusShortcuts.findIndex((t => t.toLocaleLowerCase() === "cmd"));
-        const i = this.focusShortcuts.find((t => t.toLocaleLowerCase() !== "ctrl" && t.toLocaleLowerCase() !== "shift" && t.toLocaleLowerCase() !== "cmd")).toLowerCase();
-        document.addEventListener("keydown", (a => {
-          if (a.key === i && t !== -1 && a.ctrlKey) {
-            this.textAreaEl.focus();
-            this.userHasTyped = true;
-          } else if (a.key === i && e !== -1 && a.shiftKey) {
-            this.textAreaEl.focus();
-            this.userHasTyped = true;
-          } else if (a.key === i && r !== -1 && a.metaKey) {
-            this.textAreaEl.focus();
-            this.userHasTyped = true;
-          }
-        }));
-      }
-    };
-    this.promptArrowUpHandler = () => {
-      var t;
-      this.userHasTyped = true;
-      const e = (t = this.messages) === null || t === void 0 ? void 0 : t.find((t => t.type === "user"));
-      if (e) {
-        if (this.lastUserMessageHeight) {
-          this.textareaShadowPart.style.height = `${this.lastUserMessageHeight}px`;
-        }
-        this.textAreaEl.value = e.text;
-      }
-    };
-    this.toggleFilterHandler = () => {
-      this.showFilter = !this.showFilter;
-      if (this.showFilter) {
-        this.filterEl.focus();
-      }
-    };
-    this.promptFocusHandler = () => {
-      this.promptHasFocus = true;
-    };
-    this.promptBlurHandler = () => {
-      this.promptHasFocus = false;
-    };
-    this.scrollToBottom = () => {
-      if (this.scrollToBottomFlag) {
-        this.messagesWrapperEl.scrollTo(0, this.messagesWrapperEl.scrollHeight);
-        this.messagesWrapperEl.scrollTop = this.messagesWrapperEl.scrollHeight - this.messagesWrapperEl.clientHeight;
-      }
-    };
-    this.userHasTyped = false;
-    this.aIInProgress = false;
-    this.showFilter = false;
-    this.promptHasFocus = false;
-    this.filterValue = undefined;
-    this.messages = [];
-    this.promptMaxHeight = "128px";
-    this.assistantStatus = "indeterminate";
-    this.focusShortcuts = undefined;
-    this.userMessageCallback = undefined;
-    this.promptValue = undefined;
-    this.filter = true;
-  }
-  watchAIInProgressHandler(t) {
-    if (!t) {
-      this.setFocus = true;
-    }
-  }
-  watchMessagesHandler() {
-    this.evaluateAiInProgress();
-    this.evaluateAiStatus();
-  }
-  // 6.COMPONENT LIFECYCLE METHODS //
-  async componentWillLoad() {
-    this._componentLocale = await s.getComponentStrings(this.el);
-    this.evaluateAiInProgress();
-    this.evaluateAiStatus();
-    this.attachShortcuts();
-  }
-  componentDidLoad() {
-    this.textareaShadowPart = this.textAreaEl.shadowRoot.querySelector("textarea");
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-    if (this.setFocus) {
-      setTimeout((() => {
-        /* Doesn't seems to work without the setTimeout */
-        this.textAreaEl.focus();
-        this.setFocus = false;
-      }), 0);
-    }
-    setTimeout((() => {
-      this.scrollToBottom();
-    }), 200);
-  }
-  // 7.LISTENERS //
-  // 8.PUBLIC METHODS API //
-  /**
-     * Clear the list of messages
-     */
-  async clear() {
-    this.messages = [];
-  }
-  /**
-     * Add a message. This method will be used by the host to add messages from the assistant
-     */  async addMessage(t) {
-    var e;
-    if (((e = t.text) === null || e === void 0 ? void 0 : e.length) > 0) {
-      const e = [ ...this.messages ];
-      const r = (e === null || e === void 0 ? void 0 : e.length) > 0 && e[e.length - 1].type === "assistant-in-progress";
-      if (r) {
-        e.pop();
-      }
-      e.push(t);
-      this.messages = e;
-    }
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    var t, e;
-    return r(i, {
-      class: {
-        [`assistant--${this.assistantStatus}`]: true,
-        "assistant--in-progress": this.aIInProgress
-      }
-    }, r("div", {
-      class: "gx-ide-main-wrapper"
-    }, r("header", {
-      class: "header"
-    }, r("div", {
-      class: "header__first-row"
-    }, r("gxg-title", {
-      type: "title-02"
-    }, this._componentLocale.componentName), r("div", {
-      class: "header__actions-wrapper"
-    }, this.filter ? r("gxg-button", {
-      class: "header__filter-button",
-      type: "tertiary",
-      icon: "menus/find",
-      onClick: this.toggleFilterHandler,
-      disabled: this.messages.length === 0
-    }) : null, r("gxg-button", {
-      class: "header__clear-button",
-      type: "tertiary",
-      icon: "bpm/delete",
-      onClick: this.clearMessages,
-      disabled: this.messages.length === 0
-    }))), this.filter ? r("div", {
-      class: {
-        "header__second-row": true,
-        "header__second-row--visible": this.showFilter
-      }
-    }, r("div", {
-      class: "filter-inner-wrapper"
-    }, r("gxg-form-text", {
-      class: "header__filter",
-      onInput: this.filterMessagesHandler,
-      ref: t => this.filterEl = t
-    }))) : null), r("div", {
-      class: {
-        "messages-wrapper": true
-      },
-      ref: t => this.messagesWrapperEl = t
-    }, ((t = this.messages) === null || t === void 0 ? void 0 : t.length) ? r("ol", {
-      class: {
-        messages: true
-      }
-    }, this.messages.map(((t, e) => this.renderMessage(t, e)))) : null), r("div", {
-      class: {
-        prompt: true
-      }
-    }, r("gxg-form-textarea", {
-      ai: true,
-      class: "prompt__textarea",
-      value: this.promptValue,
-      maxHeight: this.promptMaxHeight,
-      placeholder: this.aIInProgress ? this._componentLocale.processingQueryPlaceholder : this._componentLocale.promptPlaceholder,
-      onInput: this.textAreaInputHandler,
-      onEnter: this.promptEnterHandler,
-      onArrowUpPressed: this.promptArrowUpHandler,
-      onBlur: this.promptBlurHandler,
-      onFocus: this.promptFocusHandler,
-      disabled: this.aIInProgress,
-      ref: t => this.textAreaEl = t
-    }), !this.userHasTyped && !this.aIInProgress && !this.promptHasFocus && ((e = this.focusShortcuts) === null || e === void 0 ? void 0 : e.length) > 0 ? r("div", {
-      class: {
-        prompt__shortcuts: true
-      }
-    }, this.focusShortcuts.map(((t, e) => e <= 2 ? r("span", {
-      class: "prompt__shortcut"
-    }, t) : null))) : null)));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/ai-assistant" ];
-  }
-  get el() {
-    return a(this);
-  }
-  static get watchers() {
-    return {
-      aIInProgress: [ "watchAIInProgressHandler" ],
-      messages: [ "watchMessagesHandler" ]
-    };
-  }
-};
-
-l.style = o;
-
-export { l as gx_ide_ai_assistant };
-//# sourceMappingURL=p-5ba47216.entry.js.map