@genexus/genexus-ide-ui 1.0.1 → 1.0.3

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

@@ -1,146 +0,0 @@
-import { r as e, h as t, H as r, g as a } from "./p-c147291f.js";
-
-import { L as o } from "./p-74d59062.js";
-
-const i = ":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-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}:host{display:block;box-shadow:none;height:100%;overflow:hidden;padding-bottom:2px;box-sizing:border-box}.news-container{display:flex;flex-direction:column;gap:var(--gx-ide-articles-gap)}.news-container p:first-child{margin-top:0}.news-container p:last-child{margin-bottom:0}gxg-card.section{height:100% !important;overflow:auto;border-bottom:2px solid var(--gray-00)}gxg-ide-loader::part(loader-wrapper){border-radius:var(--gxg-card-section_border-radius);overflow:hidden}.gxg-card-container{height:100%;overflow:auto}.gx-ide-message{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm)}.gx-ide-message--hidden{display:none}gx-ide-title{max-width:250px}.news-article{transition:200ms opacity;opacity:0}.news-article.visible{opacity:1}";
-
-const s = class {
-  constructor(r) {
-    e(this, r);
-    this.newsRendered = false;
-    this.setTimeOutNewsDelay = 75;
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-        this.evaluateNewsDisplay = () => {
-      if (!this.newsRendered && this.news.length > 0 && this.newsContainerEl !== undefined) {
-        this.displayNews();
-        this.newsRendered = true;
-      }
-    };
-    this.displayNews = () => {
-      if (this.newsContainerEl !== undefined) {
-        const e = Array.from(this.newsContainerEl.querySelectorAll("gxg-card"));
-        e.forEach((e => {
-          setTimeout((() => {
-            e.classList.add("visible");
-          }), this.setTimeOutNewsDelay);
-          this.setTimeOutNewsDelay += 75;
-        }));
-      }
-    };
-    this.attachLoaderEvents = () => {
-      this.loaderEl.addEventListener("loaderFinished", (() => {
-        if (this.news.length === 0) {
-          this.newsLoadFailed = true;
-        } else {
-          this.newsLoadFailed = false;
-        }
-      }));
-    };
-    this.getNews = async () => {
-      this.loaderEl.show = true;
-      if (this.getNewsCallback) {
-        const e = await this.getNewsCallback();
-        this.loaderEl.show = false;
-        if (e && e.length > 0) {
-          this.news = e;
-          this.newsLoadFailed = false;
-        } else {
-          this.newsLoadFailed = true;
-        }
-      }
-    };
-    this.openNewsHandler = e => async () => {
-      if (this.openNewsCallback) {
-        await this.openNewsCallback(e);
-      }
-    }
-    // 9.LOCAL METHODS -> RENDERS //
-    ;
-    this.renderNews = e => {
-      if (e.id && e.title) {
-        return t("gxg-card", {
-          id: e.id,
-          key: e.id,
-          cardType: "article",
-          cardTitle: e.title,
-          icon: "gx-test/test-results",
-          iconColor: "auto",
-          actionable: true,
-          onClick: this.openNewsHandler(e.id),
-          titleSemibold: true,
-          noHeaderBorder: true,
-          class: "news-article"
-        }, e.body ? t("p", null, e.body) : null);
-      }
-      return null;
-    };
-    this.news = [];
-    this.newsLoadFailed = false;
-    this.getNewsCallback = undefined;
-    this.openNewsCallback = undefined;
-  }
-  watchNewsHandler() {
-    this.displayNews();
-  }
-  // 5.EVENTS (EMIT) //
-  // 6.COMPONENT LIFECYCLE METHODS //
-  async componentWillLoad() {
-    this._componentLocale = await o.getComponentStrings(this.el);
-  }
-  componentDidLoad() {
-    this.getNews();
-    this.attachLoaderEvents();
-  }
-  componentDidRender() {
-    this.evaluateNewsDisplay();
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    var e;
-    return t(r, null, t("gxg-card", {
-      class: "section",
-      cardType: "section",
-      cardTitle: this._componentLocale.recentNews.title
-    }, this.news.length > 0 ? t("div", {
-      class: "news-container",
-      ref: e => this.newsContainerEl = e
-    }, (e = this.news) === null || e === void 0 ? void 0 : e.map((e => this.renderNews(e)))) : t("div", {
-      class: {
-        "gx-ide-message": true,
-        "gx-ide-message--hidden": !this.newsLoadFailed
-      }
-    }, t("gx-ide-title", {
-      alignment: "center"
-    }, this._componentLocale.recentNews.newsNotFetched), t("gxg-button", {
-      onClick: this.getNews
-    }, this._componentLocale.recentNews.tryAgainButtonLabel), t("gxg-text", {
-      type: "text-link",
-      href: "https://www.genexus.com/en/news",
-      target: "_blank"
-    }, this._componentLocale.recentNews.readThemOnline))), t("gxg-ide-loader", {
-      abortTime: 8e3,
-      container: this.el,
-      loaderTitle: this._componentLocale.loader.title,
-      description: "Hang on please",
-      ref: e => this.loaderEl = e
-    }));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/recent-news" ];
-  }
-  get el() {
-    return a(this);
-  }
-  static get watchers() {
-    return {
-      news: [ "watchNewsHandler" ]
-    };
-  }
-};
-
-s.style = i;
-
-export { s as gx_ide_recent_news };
-//# sourceMappingURL=p-f66a086d.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["recentNewsCss","GxIdeRecentNews","this","newsRendered","setTimeOutNewsDelay","evaluateNewsDisplay","news","length","newsContainerEl","undefined","displayNews","Array","from","querySelectorAll","forEach","setTimeout","classList","add","attachLoaderEvents","loaderEl","addEventListener","newsLoadFailed","getNews","async","show","getNewsCallback","newsResult","openNewsHandler","newsId","openNewsCallback","renderNews","id","title","h","key","cardType","cardTitle","icon","iconColor","actionable","onClick","titleSemibold","noHeaderBorder","class","body","watchNewsHandler","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidLoad","componentDidRender","render","Host","recentNews","ref","_a","map","singleNews","alignment","newsNotFetched","tryAgainButtonLabel","type","href","target","readThemOnline","abortTime","container","loaderTitle","loader","description"],"sources":["src/components/start-page/recent-news.scss?tag=gx-ide-recent-news&encapsulation=shadow","src/components/start-page/recent-news.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  box-shadow: none;\n  height: 100%;\n  overflow: hidden;\n  padding-bottom: 2px;\n  box-sizing: border-box;\n}\n.news-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-articles-gap);\n  p:first-child {\n    margin-top: 0;\n  }\n  p:last-child {\n    margin-bottom: 0;\n  }\n}\ngxg-card.section {\n  height: 100% !important;\n  overflow: auto;\n  border-bottom: 2px solid var(--gray-00);\n}\ngxg-ide-loader::part(loader-wrapper) {\n  border-radius: var(--gxg-card-section_border-radius);\n  overflow: hidden;\n}\n.gxg-card-container {\n  height: 100%;\n  overflow: auto;\n}\n.gx-ide-message {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: var(--mer-spacing--sm);\n\n  &--hidden {\n    display: none;\n  }\n}\ngx-ide-title {\n  max-width: 250px;\n}\n.news-article {\n  transition: 200ms opacity;\n  opacity: 0;\n\n  &.visible {\n    opacity: 1;\n  }\n}\n","/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { NewsData, GetNewsCallback, OpenNewsCallback } from \"./start-page\";\n\n@Component({\n  tag: \"gx-ide-recent-news\",\n  styleUrl: \"recent-news.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/recent-news\"]\n})\nexport class GxIdeRecentNews {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeRecentNewsElement;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n  private newsContainerEl: HTMLDivElement;\n  private newsRendered = false;\n  private setTimeOutNewsDelay = 75;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * The list of news\n   */\n  @State() news: NewsData[] = [];\n  @Watch(\"news\")\n  watchNewsHandler() {\n    this.displayNews();\n  }\n\n  /**\n   * True if news couldn't be loaded\n   */\n  @State() newsLoadFailed = false;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * Callback invoked to load the news feed (right panel \"Recent News\").\n   */\n  @Prop() readonly getNewsCallback: GetNewsCallback;\n\n  /**\n   * Callback invoked to open a news article.\n   */\n  @Prop() readonly openNewsCallback: OpenNewsCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.getNews();\n    this.attachLoaderEvents();\n  }\n\n  componentDidRender() {\n    this.evaluateNewsDisplay();\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private evaluateNewsDisplay = () => {\n    if (\n      !this.newsRendered &&\n      this.news.length > 0 &&\n      this.newsContainerEl !== undefined\n    ) {\n      this.displayNews();\n      this.newsRendered = true;\n    }\n  };\n\n  private displayNews = () => {\n    if (this.newsContainerEl !== undefined) {\n      const news = Array.from(\n        this.newsContainerEl.querySelectorAll(\"gxg-card\")\n      );\n      news.forEach(news => {\n        setTimeout(() => {\n          news.classList.add(\"visible\");\n        }, this.setTimeOutNewsDelay);\n        this.setTimeOutNewsDelay += 75;\n      });\n    }\n  };\n\n  private attachLoaderEvents = () => {\n    this.loaderEl.addEventListener(\"loaderFinished\", () => {\n      if (this.news.length === 0) {\n        this.newsLoadFailed = true;\n      } else {\n        this.newsLoadFailed = false;\n      }\n    });\n  };\n\n  private getNews = async () => {\n    this.loaderEl.show = true;\n    if (this.getNewsCallback) {\n      const newsResult = await this.getNewsCallback();\n      this.loaderEl.show = false;\n      if (newsResult && newsResult.length > 0) {\n        this.news = newsResult;\n        this.newsLoadFailed = false;\n      } else {\n        this.newsLoadFailed = true;\n      }\n    }\n  };\n\n  private openNewsHandler = (newsId: string) => async () => {\n    if (this.openNewsCallback) {\n      await this.openNewsCallback(newsId);\n    }\n  };\n\n  // 9.LOCAL METHODS -> RENDERS //\n\n  private renderNews = (news: NewsData): HTMLGxgCardElement | null => {\n    if (news.id && news.title) {\n      return (\n        <gxg-card\n          id={news.id}\n          key={news.id}\n          cardType=\"article\"\n          cardTitle={news.title}\n          icon=\"gx-test/test-results\"\n          iconColor=\"auto\"\n          actionable\n          onClick={this.openNewsHandler(news.id)}\n          titleSemibold\n          noHeaderBorder\n          class=\"news-article\"\n        >\n          {news.body ? <p>{news.body}</p> : null}\n        </gxg-card>\n      );\n    }\n    return null;\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        <gxg-card\n          class=\"section\"\n          cardType=\"section\"\n          cardTitle={this._componentLocale.recentNews.title}\n        >\n          {this.news.length > 0 ? (\n            <div\n              class=\"news-container\"\n              ref={el => (this.newsContainerEl = el as HTMLDivElement)}\n            >\n              {this.news?.map(singleNews => {\n                return this.renderNews(singleNews);\n              })}\n            </div>\n          ) : (\n            <div\n              class={{\n                \"gx-ide-message\": true,\n                \"gx-ide-message--hidden\": !this.newsLoadFailed\n              }}\n            >\n              <gx-ide-title alignment=\"center\">\n                {this._componentLocale.recentNews.newsNotFetched}\n              </gx-ide-title>\n              <gxg-button onClick={this.getNews}>\n                {this._componentLocale.recentNews.tryAgainButtonLabel}\n              </gxg-button>\n              <gxg-text\n                type=\"text-link\"\n                href=\"https://www.genexus.com/en/news\"\n                target=\"_blank\"\n              >\n                {this._componentLocale.recentNews.readThemOnline}\n              </gxg-text>\n            </div>\n          )}\n        </gxg-card>\n        <gxg-ide-loader\n          abortTime={8000}\n          container={this.el}\n          loaderTitle={this._componentLocale.loader.title}\n          description=\"Hang on please\"\n          ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n        ></gxg-ide-loader>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,MAAMA,IAAgB;;MCaTC,IAAe;;;IA2BlBC,KAAAC,eAAe;IACfD,KAAAE,sBAAsB;;;;QAqDtBF,KAAAG,sBAAsB;MAC5B,KACGH,KAAKC,gBACND,KAAKI,KAAKC,SAAS,KACnBL,KAAKM,oBAAoBC,WACzB;QACAP,KAAKQ;QACLR,KAAKC,eAAe;;;IAIhBD,KAAAQ,cAAc;MACpB,IAAIR,KAAKM,oBAAoBC,WAAW;QACtC,MAAMH,IAAOK,MAAMC,KACjBV,KAAKM,gBAAgBK,iBAAiB;QAExCP,EAAKQ,SAAQR;UACXS,YAAW;YACTT,EAAKU,UAAUC,IAAI;AAAU,cAC5Bf,KAAKE;UACRF,KAAKE,uBAAuB;AAAE;;;IAK5BF,KAAAgB,qBAAqB;MAC3BhB,KAAKiB,SAASC,iBAAiB,mBAAkB;QAC/C,IAAIlB,KAAKI,KAAKC,WAAW,GAAG;UAC1BL,KAAKmB,iBAAiB;eACjB;UACLnB,KAAKmB,iBAAiB;;;AAExB;IAGInB,KAAAoB,UAAUC;MAChBrB,KAAKiB,SAASK,OAAO;MACrB,IAAItB,KAAKuB,iBAAiB;QACxB,MAAMC,UAAmBxB,KAAKuB;QAC9BvB,KAAKiB,SAASK,OAAO;QACrB,IAAIE,KAAcA,EAAWnB,SAAS,GAAG;UACvCL,KAAKI,OAAOoB;UACZxB,KAAKmB,iBAAiB;eACjB;UACLnB,KAAKmB,iBAAiB;;;;IAKpBnB,KAAAyB,kBAAmBC,KAAmBL;MAC5C,IAAIrB,KAAK2B,kBAAkB;cACnB3B,KAAK2B,iBAAiBD;;;;;IAMxB1B,KAAA4B,aAAcxB;MACpB,IAAIA,EAAKyB,MAAMzB,EAAK0B,OAAO;QACzB,OACEC,EAAA;UACEF,IAAIzB,EAAKyB;UACTG,KAAK5B,EAAKyB;UACVI,UAAS;UACTC,WAAW9B,EAAK0B;UAChBK,MAAK;UACLC,WAAU;UACVC,YAAU;UACVC,SAAStC,KAAKyB,gBAAgBrB,EAAKyB;UACnCU,eAAa;UACbC,gBAAc;UACdC,OAAM;WAELrC,EAAKsC,OAAOX,EAAA,WAAI3B,EAAKsC,QAAY;;MAIxC,OAAO;AAAI;gBA3He;0BASF;;;;EAP1B,gBAAAC;IACE3C,KAAKQ;;;;EAwBP,uBAAMoC;IACJ5C,KAAK6C,yBAAyBC,EAAOC,oBAAoB/C,KAAKgD;;EAGhE,gBAAAC;IACEjD,KAAKoB;IACLpB,KAAKgB;;EAGP,kBAAAkC;IACElD,KAAKG;;;EA2FP,MAAAgD;;IACE,OACEpB,EAACqB,GAAI,MACHrB,EAAA;MACEU,OAAM;MACNR,UAAS;MACTC,WAAWlC,KAAK6C,iBAAiBQ,WAAWvB;OAE3C9B,KAAKI,KAAKC,SAAS,IAClB0B,EAAA;MACEU,OAAM;MACNa,KAAKN,KAAOhD,KAAKM,kBAAkB0C;QAElCO,IAAAvD,KAAKI,UAAI,QAAAmD,WAAA,aAAAA,EAAEC,KAAIC,KACPzD,KAAK4B,WAAW6B,QAI3B1B,EAAA;MACEU,OAAO;QACL,kBAAkB;QAClB,2BAA2BzC,KAAKmB;;OAGlCY,EAAA;MAAc2B,WAAU;OACrB1D,KAAK6C,iBAAiBQ,WAAWM,iBAEpC5B,EAAA;MAAYO,SAAStC,KAAKoB;OACvBpB,KAAK6C,iBAAiBQ,WAAWO,sBAEpC7B,EAAA;MACE8B,MAAK;MACLC,MAAK;MACLC,QAAO;OAEN/D,KAAK6C,iBAAiBQ,WAAWW,mBAK1CjC,EAAA;MACEkC,WAAW;MACXC,WAAWlE,KAAKgD;MAChBmB,aAAanE,KAAK6C,iBAAiBuB,OAAOtC;MAC1CuC,aAAY;MACZf,KAAKN,KAAOhD,KAAKiB,WAAW+B"}

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

@@ -1,121 +0,0 @@
-import { r as t, c as e, h as o, H as r } from "./p-c147291f.js";
-
-const a = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:flex;flex-direction:column;color:var(--color-primary-enabled);}:host .container{display:flex;flex-direction:column;gap:30px}:host label{font-size:var(--mer-font__size--2xs)}:host .wrapper{display:inline-flex;align-items:center;gap:var(--mer-spacing--2xs);border:var(--ds-form-control-border);border-radius:var(--ds-form-control-border-radius);color:var(--ds-form-control-color);background-color:var(--ds-form-control-background-color);font-size:var(--ds-form-control-font-size);font-family:var(--ds-base-font-family-primary);padding-inline-start:var(--ds-form-control-padding-horizontal);padding-inline-end:var(--ds-form-control-padding-horizontal);padding-block-start:0;padding-block-end:0;height:var(--gxg-form-text-height)}:host .wrapper::placeholder{font-style:var(--ds-form-control-placeholder-style);color:var(--ds-form-control-placeholder-color);opacity:1;}:host .wrapper::-ms-input-placeholder{font-style:var(--ds-form-control-placeholder-style);color:var(--ds-form-control-placeholder-color)}:host .wrapper:hover{border-color:var(--ds-form-control-border-color--hover)}:host input{background-color:transparent;width:100%;flex:1;border:0;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-size:var(--mer-font__size--xcs)}:host input:focus-visible{outline:none}:host(:focus-within) .wrapper{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0}:host(.gxg-entity-selector--button-has-focus) .wrapper{outline:none}:host([label-position=start]){flex-direction:row}:host([label-position=start]) .wrapper{flex:1}";
-
-const i = class {
-  constructor(o) {
-    t(this, o);
-    this.valueChanged = e(this, "valueChanged", 7);
-    // 6.METHODS //
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-        this.btnClearClickHandler = () => {
-      this.value = this.defaultValue;
-    };
-    this.btnSelectClickHandler = () => {
-      this.selectEntityCallback && this.selectEntityCallback().then((t => {
-        this.value = t;
-      }));
-    };
-    this.iconColor = () => {
-      let t;
-      if (this.value) {
-        t = this.value;
-      } else if (this.defaultValue) {
-        t = this.defaultValue;
-      }
-      return (t === null || t === void 0 ? void 0 : t.iconColor) || "auto";
-    };
-    this.iconSrc = () => {
-      if (this.value) {
-        return this.value.iconSrc;
-      } else if (this.defaultValue) {
-        return this.defaultValue.iconSrc;
-      }
-      return undefined;
-    };
-    this.buttonFocusHandler = t => {
-      if (t.type === "focus") {
-        this.buttonHasFocus = true;
-      } else if (t.type === "blur") {
-        this.buttonHasFocus = false;
-      }
-    };
-    this.accessibilityLabels = {
-      buttonClearLabel: "clears the actual value",
-      buttonSelectLabel: "displays the entity selector"
-    };
-    this.defaultValue = undefined;
-    this.label = undefined;
-    this.labelPosition = "above";
-    this.centerLabel = false;
-    this.labelWidth = undefined;
-    this.selectEntityCallback = undefined;
-    this.value = undefined;
-    this.buttonHasFocus = false;
-  }
-  // 4.PUBLIC PROPERTY API | WATCH'S //
-  /**
-     *
-     * @param newValue the new entity value
-     */
-  valueChangedHandler() {
-    this.valueChanged.emit(this.value);
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    var t, e, a, i;
-    return o(r, {
-      class: {
-        "gxg-entity-selector--button-has-focus": this.buttonHasFocus
-      }
-    }, this.label && o("gxg-label", {
-      part: "label",
-      labelPosition: this.labelPosition,
-      center: this.centerLabel,
-      width: this.labelWidth
-    }, this.label), o("div", {
-      part: "wrapper",
-      class: "wrapper"
-    }, this.iconSrc() && o("gxg-icon", {
-      color: this.iconColor(),
-      type: this.iconSrc(),
-      part: "icon",
-      "aria-hidden": "true",
-      size: "small"
-    }), o("input", {
-      type: "text",
-      readonly: true,
-      part: "input input-entity",
-      value: ((t = this.value) === null || t === void 0 ? void 0 : t.name) || ((e = this.defaultValue) === null || e === void 0 ? void 0 : e.name)
-    }), o("gxg-button", {
-      part: "button-clear",
-      onClick: this.btnClearClickHandler,
-      "aria-label": (a = this.accessibilityLabels) === null || a === void 0 ? void 0 : a.buttonClearLabel,
-      onFocus: this.buttonFocusHandler,
-      onBlur: this.buttonFocusHandler,
-      type: "secondary-icon-only",
-      icon: "gemini-tools/reset"
-    }), o("gxg-button", {
-      part: "button-select",
-      onClick: this.btnSelectClickHandler,
-      "aria-label": (i = this.accessibilityLabels) === null || i === void 0 ? void 0 : i.buttonSelectLabel,
-      onFocus: this.buttonFocusHandler,
-      onBlur: this.buttonFocusHandler,
-      type: "secondary-icon-only",
-      icon: "gemini-tools/show-more-horizontal",
-      disabled: !this.selectEntityCallback
-    })));
-  }
-  static get watchers() {
-    return {
-      value: [ "valueChangedHandler" ]
-    };
-  }
-};
-
-i.style = a;
-
-export { i as gx_ide_entity_selector };
-//# sourceMappingURL=p-f9cd47ba.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["entitySelectorCss","GxIdeEntitySelector","this","btnClearClickHandler","value","defaultValue","btnSelectClickHandler","selectEntityCallback","then","result","iconColor","iconSrc","undefined","buttonFocusHandler","e","type","buttonHasFocus","buttonClearLabel","buttonSelectLabel","valueChangedHandler","valueChanged","emit","render","h","Host","class","label","part","labelPosition","center","centerLabel","width","labelWidth","color","size","readonly","_a","name","_b","onClick","_c","accessibilityLabels","onFocus","onBlur","icon","_d","disabled"],"sources":["src/components/_helpers/entity-selector/entity-selector.scss?tag=gx-ide-entity-selector&encapsulation=shadow","src/components/_helpers/entity-selector/entity-selector.tsx"],"sourcesContent":["@import \"../../../../node_modules/@genexus/gemini/dist/collection/globals/mixins.scss\";\n\n:host {\n  display: flex;\n  flex-direction: column;\n  color: var(--color-primary-enabled);\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n  }\n  /*label*/\n  label {\n    font-size: var(--mer-font__size--2xs);\n  }\n  /*wrapper*/\n  .wrapper {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--mer-spacing--2xs);\n    @include form-element-common-styles();\n  }\n  /*input*/\n  input {\n    background-color: transparent;\n    width: 100%;\n    flex: 1;\n    border: 0;\n    @include gxg-text();\n    font-size: var(--mer-font__size--xcs);\n    &:focus-visible {\n      outline: none;\n    }\n  }\n}\n:host(:focus-within) {\n  .wrapper {\n    @include form-element-common-styles-focus-type-1();\n  }\n}\n:host(.gxg-entity-selector--button-has-focus) {\n  .wrapper {\n    outline: none;\n  }\n}\n/*label position*/\n:host([label-position=\"start\"]) {\n  flex-direction: row;\n  .wrapper {\n    flex: 1;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Color as IconColor } from \"@genexus/gemini/dist/types/components/icon/icon\";\n/* CUSTOM IMPORTS */\nimport { LabelPosition } from \"../directory-selector/directory-selector\";\nimport { EntityData } from \"../../../common/types\";\n@Component({\n  tag: \"gx-ide-entity-selector\",\n  styleUrl: \"entity-selector.scss\",\n  shadow: true\n})\nexport class GxIdeEntitySelector {\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  /**\n   *  This property provides the user a way to define custom aria-label descriptions.\n   */\n  @Prop() readonly accessibilityLabels?: EntitySelectorLabels = {\n    buttonClearLabel: \"clears the actual value\",\n    buttonSelectLabel: \"displays the entity selector\"\n  };\n\n  /**\n   *  Default value to be assigned as the component's value. This value should always be used when the 'X' button is pressed.\n   */\n  @Prop() readonly defaultValue?: EntityData | null | undefined;\n\n  /**\n   * Optional label (same as the label of an input).\n   */\n  @Prop() readonly label: string;\n\n  /**\n   * The label position\n   */\n  @Prop({ reflect: true }) readonly labelPosition: LabelPosition = \"above\";\n\n  /**\n   * Centers the label\n   */\n  @Prop() readonly centerLabel: boolean = false;\n\n  /**\n   * The label width\n   */\n  @Prop() readonly labelWidth: string;\n\n  /**\n   * Callback that will be called when the user presses the action button. Returns the new value assigned to the component.\n   */\n  @Prop() readonly selectEntityCallback: () => Promise<EntityData>;\n\n  /**\n   * Value currently assigned.\n   */\n  @Prop({ mutable: true }) value: EntityData | null | undefined;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * This variable adds or removes a CSS class on the host, and it can be used to remove the focus-within styles from the host in the case the focus is on a button.\n   */\n\n  @State() buttonHasFocus = false;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   *\n   * @param newValue the new entity value\n   */\n  @Watch(\"value\")\n  valueChangedHandler() {\n    this.valueChanged.emit(this.value);\n  }\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Emits the input value every time it changes\n   */\n  @Event() valueChanged: EventEmitter<EntityData>;\n\n  // 6.METHODS //\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private btnClearClickHandler = () => {\n    this.value = this.defaultValue;\n  };\n\n  private btnSelectClickHandler = () => {\n    this.selectEntityCallback &&\n      this.selectEntityCallback().then(result => {\n        this.value = result;\n      });\n  };\n\n  private iconColor = (): IconColor => {\n    let value;\n    if (this.value) {\n      value = this.value;\n    } else if (this.defaultValue) {\n      value = this.defaultValue;\n    }\n    return value?.iconColor || \"auto\";\n  };\n\n  private iconSrc = (): string | undefined => {\n    if (this.value) {\n      return this.value.iconSrc;\n    } else if (this.defaultValue) {\n      return this.defaultValue.iconSrc;\n    }\n    return undefined;\n  };\n\n  private buttonFocusHandler = (e: FocusEvent) => {\n    if (e.type === \"focus\") {\n      this.buttonHasFocus = true;\n    } else if (e.type === \"blur\") {\n      this.buttonHasFocus = false;\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host\n        class={{\n          \"gxg-entity-selector--button-has-focus\": this.buttonHasFocus\n        }}\n      >\n        {this.label && (\n          <gxg-label\n            part=\"label\"\n            labelPosition={this.labelPosition}\n            center={this.centerLabel}\n            width={this.labelWidth}\n          >\n            {this.label}\n          </gxg-label>\n        )}\n        <div part=\"wrapper\" class=\"wrapper\">\n          {this.iconSrc() && (\n            <gxg-icon\n              color={this.iconColor()}\n              type={this.iconSrc()}\n              part=\"icon\"\n              aria-hidden=\"true\"\n              size=\"small\"\n            ></gxg-icon>\n          )}\n          <input\n            type=\"text\"\n            readonly\n            part=\"input input-entity\"\n            value={this.value?.name || this.defaultValue?.name}\n          />\n          <gxg-button\n            part=\"button-clear\"\n            onClick={this.btnClearClickHandler}\n            aria-label={this.accessibilityLabels?.buttonClearLabel}\n            onFocus={this.buttonFocusHandler}\n            onBlur={this.buttonFocusHandler}\n            type=\"secondary-icon-only\"\n            icon=\"gemini-tools/reset\"\n          ></gxg-button>\n          <gxg-button\n            part=\"button-select\"\n            onClick={this.btnSelectClickHandler}\n            aria-label={this.accessibilityLabels?.buttonSelectLabel}\n            onFocus={this.buttonFocusHandler}\n            onBlur={this.buttonFocusHandler}\n            type=\"secondary-icon-only\"\n            icon=\"gemini-tools/show-more-horizontal\"\n            disabled={!this.selectEntityCallback}\n          ></gxg-button>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type EntitySelectorLabels = {\n  buttonClearLabel: string;\n  buttonSelectLabel: string;\n};\n"],"mappings":";;AAAA,MAAMA,IAAoB;;MCqBbC,IAAmB;;;;;;;;QAkFtBC,KAAAC,uBAAuB;MAC7BD,KAAKE,QAAQF,KAAKG;AAAY;IAGxBH,KAAAI,wBAAwB;MAC9BJ,KAAKK,wBACHL,KAAKK,uBAAuBC,MAAKC;QAC/BP,KAAKE,QAAQK;AAAM;AACnB;IAGEP,KAAAQ,YAAY;MAClB,IAAIN;MACJ,IAAIF,KAAKE,OAAO;QACdA,IAAQF,KAAKE;aACR,IAAIF,KAAKG,cAAc;QAC5BD,IAAQF,KAAKG;;MAEf,QAAOD,MAAK,QAALA,WAAK,aAALA,EAAOM,cAAa;AAAM;IAG3BR,KAAAS,UAAU;MAChB,IAAIT,KAAKE,OAAO;QACd,OAAOF,KAAKE,MAAMO;aACb,IAAIT,KAAKG,cAAc;QAC5B,OAAOH,KAAKG,aAAaM;;MAE3B,OAAOC;AAAS;IAGVV,KAAAW,qBAAsBC;MAC5B,IAAIA,EAAEC,SAAS,SAAS;QACtBb,KAAKc,iBAAiB;aACjB,IAAIF,EAAEC,SAAS,QAAQ;QAC5Bb,KAAKc,iBAAiB;;;+BA9GoC;MAC5DC,kBAAkB;MAClBC,mBAAmB;;;;yBAgB4C;uBAKzB;;;;0BAyBd;;;;;;;EAS1B,mBAAAC;IACEjB,KAAKkB,aAAaC,KAAKnB,KAAKE;;;EA0D9B,MAAAkB;;IACE,OACEC,EAACC,GAAI;MACHC,OAAO;QACL,yCAAyCvB,KAAKc;;OAG/Cd,KAAKwB,SACJH,EAAA;MACEI,MAAK;MACLC,eAAe1B,KAAK0B;MACpBC,QAAQ3B,KAAK4B;MACbC,OAAO7B,KAAK8B;OAEX9B,KAAKwB,QAGVH,EAAA;MAAKI,MAAK;MAAUF,OAAM;OACvBvB,KAAKS,aACJY,EAAA;MACEU,OAAO/B,KAAKQ;MACZK,MAAMb,KAAKS;MACXgB,MAAK;MAAM,eACC;MACZO,MAAK;QAGTX,EAAA;MACER,MAAK;MACLoB,UAAQ;MACRR,MAAK;MACLvB,SAAOgC,IAAAlC,KAAKE,WAAK,QAAAgC,WAAA,aAAAA,EAAEC,WAAQC,IAAApC,KAAKG,kBAAY,QAAAiC,WAAA,aAAAA,EAAED;QAEhDd,EAAA;MACEI,MAAK;MACLY,SAASrC,KAAKC;MAAoB,eACtBqC,IAAAtC,KAAKuC,yBAAmB,QAAAD,WAAA,aAAAA,EAAEvB;MACtCyB,SAASxC,KAAKW;MACd8B,QAAQzC,KAAKW;MACbE,MAAK;MACL6B,MAAK;QAEPrB,EAAA;MACEI,MAAK;MACLY,SAASrC,KAAKI;MAAqB,eACvBuC,IAAA3C,KAAKuC,yBAAmB,QAAAI,WAAA,aAAAA,EAAE3B;MACtCwB,SAASxC,KAAKW;MACd8B,QAAQzC,KAAKW;MACbE,MAAK;MACL6B,MAAK;MACLE,WAAW5C,KAAKK"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["newEnvironmentCss","GxIdeNewEnvironment","this","renderedFirstTime","selectedFrontEndsIds","envNameModifiedByUser","shortcutsSrc","getAssetPath","initialSetup","updateSelectedFrontEndsIds","setInitialRuntimeId","setInitialLanguageId","setInitialDataStoreId","evaluateSelectedRuntimeEnvironmentId","runtimes","length","selectedRuntimeEnvironmentId","id","_a","runtimeEnvironmentEl","value","initialRuntimeEnvironment","find","runtime","languageEl","initialLanguage","languages","lang","selectedLanguageId","dataStoreEl","initialDataStore","dataStores","dataStore","selectedDataStoreId","envNameInputHandler","e","newEnvName","detail","trim","environmentName","frontEndsEl","getValues","then","frontEndsCheckboxesInfo","forEach","frontEnd","push","setEnvironmentHandler","async","createCallback","newEnvData","setAsCurrent","setAsCurrentEnvironmentEl","checked","name","environmentNameEl","language","frontEnds","createCallbackPromise","formSubmitResult","formSubmitValidation","cancelButtonClickedHandler","cancelCallback","runtimeEnvironmentChangedHandler","event","updateDataSources","languageValueChangedHandler","updateFrontEnds","updateEnvironmentName","dataStoreValueChangedHandler","getDataSourcesCallback","updatedDataSources","getFrontEndsCallback","updatedFrontEnds","getEnvironmentNameCallback","updatedEnvName","evaluateSingleRuntimeIcon","renderTabBasic","h","tab","flexContainer","class","isSelected","isAdvanced","containerTitle","_componentLocale","noContentPadding","displayBorderBottom","flexRow","slot","radiosLabelSize","ref","el","row","center","onChange","renderFormItems","color","type","textAlign","label","tabBasic","backEnd","backEndLabel","contentBorderEnd","titleType","setInitialComboValue","toolTip","config","tooltip","onValueChanged","part","frontEndLabel","checkboxesLabelSize","onGroupValuesChanged","renderTabAdvanced","componentWillLoad","Locale","getComponentStrings","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","emit","componentName","suspendShortcuts","gxgShortcutsEl","suspend","render","Host","displayTitle","noBorderFooter","slimmerFooter","gxIdeContainer","labelPosition","placeholder","onInput","noBorder","displayBorder","tabLabel","tabAdvanced","disabled","disableAdvanced","footer","setAsCurrentEnvironment","setAsTarget","onClick","btnCancel","btnSetNewEnvironment","src"],"sources":["src/components/new-environment/new-environment.scss?tag=gx-ide-new-environment&encapsulation=shadow","src/components/new-environment/new-environment.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--mer-color__surface);\n}\n/*Header*/\n.header {\n  display: flex;\n  &__label {\n    flex: none;\n  }\n}\n/*Main*/\n.main {\n  height: 100%;\n}\n/*Main > Gxg-Tabs*/\n.gxg-tabs {\n  margin-top: 0;\n  box-shadow: none;\n}\n.tab {\n  &__basic {\n    &__single-runtime {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: var(--mer-spacing--2xs);\n    }\n  }\n}\n/*Main > Gxg-Tabs > Basic*/\n.basic-main {\n  display: flex;\n  height: 100%;\n\n  &__back-end {\n    flex: 1;\n    //border-inline-end: 1px solid var(--gx-ide-container-border-color);\n  }\n  &__front-end {\n    flex: 1;\n  }\n}\n/*Main > Gxg-Tabs > Advanced*/\n.advanced-second-row {\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: 1fr;\n  > *:nth-child(1) {\n    grid-area: 1 / 1 / 2 / 2;\n  }\n  > *:nth-child(2) {\n    grid-area: 1 / 2 / 2 / 3;\n  }\n}\n.advanced-second-row-col-left {\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(4, 1fr);\n  grid-template-columns: 1fr auto;\n  > * {\n    display: flex;\n    align-items: self-end;\n  }\n  > *:nth-child(1) {\n    grid-area: 1 / 1 / 2 / 2;\n  }\n  > *:nth-child(2) {\n    grid-area: 1 / 2 / 2 / 3;\n  }\n  > *:nth-child(3) {\n    grid-area: 2 / 1 / 3 / 2;\n  }\n  > *:nth-child(4) {\n    grid-area: 2 / 2 / 3 / 3;\n  }\n  > *:nth-child(5) {\n    grid-area: 3 / 1 / 4 / 2;\n  }\n  > *:nth-child(6) {\n    grid-area: 3 / 2 / 4 / 3;\n  }\n  > *:nth-child(7) {\n    grid-area: 4 / 1 / 5 / 2;\n  }\n  > *:nth-child(8) {\n    grid-area: 4 / 2 / 5 / 3;\n  }\n}\n.advanced-second-row-col-right {\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(4, 1fr);\n  grid-auto-rows: 1fr;\n  *:nth-child(1) {\n    grid-area: 1 / 1 / 2 / 2;\n  }\n  *:nth-child(2) {\n    grid-area: 2 / 1 / 3 / 2;\n  }\n  *:nth-child(3) {\n    grid-area: 3 / 1 / 4 / 2;\n  }\n  *:nth-child(4) {\n    grid-area: 4 / 1 / 5 / 2;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { RadioData } from \"@genexus/gemini/dist/types/components/form-radio/form-radio\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { setInitialComboValue } from \"../../common/helpers\";\nimport { GxOption } from \"../../common/types\";\nimport { config } from \"../../common/config\";\nimport { renderFormItems } from \"../../common/common\";\nimport { FormSubmitResult } from \"../../common/types\";\nimport { formSubmitValidation } from \"../../common/form-validation\";\n@Component({\n  tag: \"gx-ide-new-environment\",\n  styleUrl: \"new-environment.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/new-environment\"]\n})\nexport class GxIdeNewEnvironment {\n  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE EVENTS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private selectedFrontEndsIds: string[] = [];\n  private selectedRuntimeEnvironmentId: string;\n  private selectedLanguageId: string;\n  private selectedDataStoreId: string;\n  private envNameModifiedByUser = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/new-environment/shortcuts.json`\n  );\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeNewEnvironmentElement;\n\n  /* References needed to collect data con \"Create\" button submit*/\n  private environmentNameEl!: HTMLGxgFormTextElement;\n  private languageEl!: HTMLGxgComboBoxElement;\n  private runtimeEnvironmentEl!: HTMLGxgFormRadioGroupElement;\n  private dataStoreEl!: HTMLGxgComboBoxElement;\n  private frontEndsEl!: HTMLGxgFormCheckboxGroupElement;\n  private setAsCurrentEnvironmentEl: HTMLGxgFormCheckboxElement;\n  private gxgShortcutsEl: HTMLGxgShortcutsElement;\n\n  // 3.STATE() VARIABLES //\n\n  // 4. PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Callback that will be invoked when user wants to cancel\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback that will be invoked when user confirms the KB creation\n   */\n  @Prop() readonly createCallback: CreateCallback;\n\n  /**\n   * It allows defining the DBMS that will be used in the solution\n   */\n  @Prop({ mutable: true }) dataStores!: GxOption[];\n\n  /**\n   * It allows selecting multiple generators for the front end\n   */\n  @Prop() readonly disableAdvanced: boolean = false;\n\n  /**\n   * Name of the new environment\n   */\n  @Prop({ mutable: true }) environmentName: string;\n\n  /**\n   * It allows selecting multiple generators for the front end\n   */\n  @Prop({ mutable: true }) frontEnds!: GxOption[];\n\n  /**\n   * Callback invoked when the user changes the language or the selected data source, if and only if the environment name was not modified\n   */\n  @Prop() readonly getEnvironmentNameCallback: GetEnvironmentNameCallback;\n\n  /**\n   * Callback invoked when the user changes the language, allows modifying the list of frontends\n   */\n  @Prop() readonly getFrontEndsCallback: GetFrontEndsCallback;\n\n  /**\n   * Callback invoked when the user changes the language or the runtime\n   */\n  @Prop() readonly getDataSourcesCallback: GetDataSourcesCallback;\n\n  /**\n   * Define if the Advanced tab should be displayed\n   */\n  @Prop() readonly isAdvanced: boolean = false;\n\n  /**\n   * Possible values for 'Language' combo\n   */\n  @Prop() readonly languages!: GxOption[];\n\n  /**\n   * Possible values for 'Runtime Environment' radio button\n   */\n  @Prop() readonly runtimes!: GxOption[];\n\n  /**\n   * Belongs to checkbox 'Set as current environment' @default true\n   *\n   */\n  @Prop() readonly setAsTarget?: boolean = true;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.evaluateSelectedRuntimeEnvironmentId();\n  }\n\n  componentDidLoad() {\n    this.initialSetup();\n    this.environmentNameEl.focus();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.gxgShortcutsEl.suspend = true;\n    } else {\n      this.gxgShortcutsEl.suspend = false;\n    }\n  }\n\n  // 9.LOCAL METHODS //\n\n  // 9.LOCAL METHODS -> Helpers //\n\n  private initialSetup = () => {\n    this.updateSelectedFrontEndsIds();\n    this.setInitialRuntimeId();\n    this.setInitialLanguageId();\n    this.setInitialDataStoreId();\n  };\n\n  private evaluateSelectedRuntimeEnvironmentId = () => {\n    if (this.runtimes.length === 1) {\n      this.selectedRuntimeEnvironmentId = this.runtimes[0].id;\n    }\n  };\n\n  private setInitialRuntimeId = () => {\n    if (this.runtimeEnvironmentEl?.value) {\n      const initialRuntimeEnvironment = this.runtimes.find(\n        runtime => runtime.value === this.runtimeEnvironmentEl?.value\n      );\n      if (initialRuntimeEnvironment) {\n        this.selectedRuntimeEnvironmentId = initialRuntimeEnvironment.id;\n      }\n    }\n  };\n\n  private setInitialLanguageId = () => {\n    if (this.languageEl?.value) {\n      const initialLanguage = this.languages.find(\n        lang => lang.id === this.languageEl?.value\n      );\n      if (initialLanguage) {\n        this.selectedLanguageId = initialLanguage.id;\n      }\n    }\n  };\n\n  private setInitialDataStoreId = () => {\n    if (this.dataStoreEl?.value) {\n      const initialDataStore = this.dataStores.find(\n        dataStore => dataStore.id === this.dataStoreEl?.value\n      );\n      if (initialDataStore) {\n        this.selectedDataStoreId = initialDataStore.id;\n      }\n    }\n  };\n\n  // 9.LOCAL METHODS -> Not Helpers //\n\n  private envNameInputHandler = (e: CustomEvent<EventEmitter>) => {\n    const newEnvName = (e.detail + \"\").trim();\n    if (newEnvName !== this.environmentName) {\n      this.environmentName = newEnvName;\n      this.envNameModifiedByUser = true;\n    }\n  };\n\n  private updateSelectedFrontEndsIds = () => {\n    this.selectedFrontEndsIds = [];\n    this.frontEndsEl.getValues().then(frontEndsCheckboxesInfo => {\n      frontEndsCheckboxesInfo.forEach(frontEnd => {\n        if (frontEnd.value) {\n          this.selectedFrontEndsIds.push(frontEnd.id);\n        }\n      });\n    });\n  };\n\n  private setEnvironmentHandler = async () => {\n    if (this.createCallback) {\n      const newEnvData: NewEnvironmentData = {\n        setAsCurrent: this.setAsCurrentEnvironmentEl.checked,\n        name: this.environmentNameEl.value,\n        runtime: this.selectedRuntimeEnvironmentId,\n        language: this.languageEl.value,\n        dataStores: this.dataStoreEl.value,\n        frontEnds: this.selectedFrontEndsIds\n      };\n      const createCallbackPromise = this.createCallback(newEnvData);\n      createCallbackPromise.then(formSubmitResult => {\n        formSubmitValidation(formSubmitResult, this);\n      });\n    }\n  };\n\n  private cancelButtonClickedHandler = async (): Promise<void> => {\n    if (this.cancelCallback) {\n      await this.cancelCallback();\n    }\n  };\n\n  private runtimeEnvironmentChangedHandler = (\n    event: CustomEvent<RadioData>\n  ): void => {\n    this.selectedRuntimeEnvironmentId = event.detail.id;\n    this.updateDataSources();\n  };\n\n  private languageValueChangedHandler = () => {\n    /* the language item id is used for the value (they are equal)*/\n    this.selectedLanguageId = this.languageEl.value;\n    this.updateDataSources();\n    this.updateFrontEnds();\n    this.updateEnvironmentName();\n  };\n\n  private dataStoreValueChangedHandler = () => {\n    /* the data store item id is used for the value (they are equal)*/\n    this.selectedDataStoreId = this.dataStoreEl.value;\n    this.updateEnvironmentName();\n  };\n\n  private updateDataSources = async () => {\n    if (this.getDataSourcesCallback) {\n      const updatedDataSources = await this.getDataSourcesCallback(\n        this.selectedLanguageId,\n        this.selectedRuntimeEnvironmentId\n      );\n      if (updatedDataSources?.length > 0) {\n        this.dataStores = updatedDataSources;\n      }\n    }\n  };\n\n  private updateFrontEnds = async () => {\n    if (this.getFrontEndsCallback) {\n      const updatedFrontEnds = await this.getFrontEndsCallback(\n        this.selectedLanguageId\n      );\n      if (updatedFrontEnds?.length > 0) {\n        this.frontEnds = updatedFrontEnds;\n      }\n    }\n  };\n\n  private updateEnvironmentName = async () => {\n    if (\n      this.getEnvironmentNameCallback &&\n      this.environmentNameEl &&\n      this.envNameModifiedByUser\n    ) {\n      const updatedEnvName = await this.getEnvironmentNameCallback(\n        this.selectedLanguageId,\n        this.selectedDataStoreId\n      );\n      if (updatedEnvName) {\n        this.environmentName = updatedEnvName;\n      }\n    }\n  };\n\n  private evaluateSingleRuntimeIcon = () => {\n    if (this.runtimes[0].id === \"local\") {\n      return \"window-tools/rol\";\n    } else {\n      return \"window-tools/genexus-cloud\";\n    }\n  };\n\n  // 9.LOCAL METHODS -> Renders //\n\n  private renderTabBasic = (): Element => {\n    {\n      /* #basic tab*/\n    }\n    return (\n      <gxg-tab\n        tab=\"basic\"\n        no-padding\n        flexContainer\n        class=\"tab tab__basic\"\n        isSelected={!this.isAdvanced}\n      >\n        <gx-ide-container\n          containerTitle={this._componentLocale.runtime}\n          noContentPadding\n          displayBorderBottom\n          flexRow={this.runtimes.length === 1}\n        >\n          {/* #runtime environment */}\n          {this.runtimes.length > 1 ? (\n            <gxg-form-radio-group\n              slot=\"header\"\n              radiosLabelSize=\"large\"\n              ref={(el: HTMLGxgFormRadioGroupElement) =>\n                (this.runtimeEnvironmentEl = el as HTMLGxgFormRadioGroupElement)\n              }\n              row\n              center\n              onChange={this.runtimeEnvironmentChangedHandler}\n            >\n              {renderFormItems(\n                \"gxg-form-radio\",\n                this.runtimes,\n                \"runtime-environment\"\n              )}\n            </gxg-form-radio-group>\n          ) : (\n            [\n              <div class=\"tab__basic__single-runtime\" slot=\"header\">\n                <gxg-icon\n                  color=\"disabled\"\n                  type={this.evaluateSingleRuntimeIcon()}\n                ></gxg-icon>\n                <gxg-text textAlign=\"center\">{this.runtimes[0].label}</gxg-text>\n              </div>\n            ]\n          )}\n\n          <div class=\"basic-main\">\n            {/* #back end*/}\n            <gx-ide-container\n              container-title={\n                this._componentLocale.tabBasic.backEnd.backEndLabel\n              }\n              class=\"basic-main__back-end\"\n              contentBorderEnd\n              titleType=\"secondary\"\n            >\n              {/* #language */}\n              <gxg-combo-box\n                disable-filter\n                label={this._componentLocale.tabBasic.backEnd.language}\n                value={setInitialComboValue(this.languages)}\n                ref={(el: HTMLGxgComboBoxElement) =>\n                  (this.languageEl = el as HTMLGxgComboBoxElement)\n                }\n                toolTip={config.tooltip}\n                onValueChanged={this.languageValueChangedHandler}\n                part=\"language\"\n              >\n                {renderFormItems(\"gxg-combo-box-item\", this.languages)}\n              </gxg-combo-box>\n\n              {/* #data stores*/}\n              <gxg-combo-box\n                disable-filter\n                label={this._componentLocale.tabBasic.backEnd.dataStores}\n                value={setInitialComboValue(this.dataStores)}\n                ref={(el: HTMLGxgComboBoxElement) =>\n                  (this.dataStoreEl = el as HTMLGxgComboBoxElement)\n                }\n                onValueChanged={this.dataStoreValueChangedHandler}\n                toolTip={config.tooltip}\n                part=\"data-store\"\n              >\n                {renderFormItems(\"gxg-combo-box-item\", this.dataStores)}\n              </gxg-combo-box>\n            </gx-ide-container>\n            <gx-ide-container\n              container-title={\n                this._componentLocale.tabBasic.frontEnd.frontEndLabel\n              }\n              class=\"basic-main__front-end\"\n              titleType=\"secondary\"\n            >\n              {/* #front end */}\n              <gxg-form-checkbox-group\n                checkboxesLabelSize=\"large\"\n                ref={(el: HTMLGxgFormCheckboxGroupElement) =>\n                  (this.frontEndsEl = el as HTMLGxgFormCheckboxGroupElement)\n                }\n                onGroupValuesChanged={this.updateSelectedFrontEndsIds}\n              >\n                {renderFormItems(\"gxg-form-checkbox\", this.frontEnds)}\n              </gxg-form-checkbox-group>\n            </gx-ide-container>\n          </div>\n        </gx-ide-container>\n      </gxg-tab>\n    );\n  };\n\n  private renderTabAdvanced = (): Element => {\n    return (\n      <gxg-tab tab=\"advanced\" no-padding>\n        <gx-ide-container>\n          {/* #advanced tab*/}\n          <slot name=\"property-grid\"></slot>\n        </gx-ide-container>\n      </gxg-tab>\n    );\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          {/* header (environment name)*/}\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            noContentPadding\n            noBorderFooter\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            <header class=\"header\" slot=\"header\">\n              {/* #environment name*/}\n              <gxg-label labelPosition=\"start\" class=\"header__label\">\n                {this._componentLocale.name}\n              </gxg-label>\n\n              {/* #front end */}\n              <gxg-form-text\n                label-position=\"start\"\n                placeholder=\"New Environment\"\n                max-width=\"100%\"\n                value={this.environmentName}\n                ref={(el: HTMLGxgFormTextElement) =>\n                  (this.environmentNameEl = el as HTMLGxgFormTextElement)\n                }\n                onInput={\n                  !this.envNameModifiedByUser &&\n                  (this.envNameInputHandler as any)\n                }\n                toolTip={config.tooltip}\n                class=\"header__text\"\n                part=\"environment-name\"\n              ></gxg-form-text>\n            </header>\n\n            {/* main */}\n            <main class=\"main\">\n              <gxg-tabs class=\"gxg-tabs\" noBorder>\n                {this.isAdvanced ? (\n                  <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n                    {/* #basic tab-button*/}\n                    <gxg-tab-button\n                      slot=\"tab-bar\"\n                      tab-label={this._componentLocale.tabBasic.tabLabel}\n                      tab=\"basic\"\n                      is-selected\n                    ></gxg-tab-button>\n\n                    {/* #advanced tab-button*/}\n                    {this.isAdvanced ? (\n                      <gxg-tab-button\n                        slot=\"tab-bar\"\n                        tab-label={this._componentLocale.tabAdvanced.tabLabel}\n                        tab=\"advanced\"\n                        disabled={this.disableAdvanced}\n                      ></gxg-tab-button>\n                    ) : null}\n                  </gxg-tab-bar>\n                ) : null}\n\n                {this.renderTabBasic()}\n                {this.isAdvanced && this.renderTabAdvanced()}\n              </gxg-tabs>\n            </main>\n\n            {/* #footer */}\n            {/* #set as current environment*/}\n            <gxg-form-checkbox\n              label={this._componentLocale.footer.setAsCurrentEnvironment}\n              ref={(el: HTMLGxgFormCheckboxElement) =>\n                (this.setAsCurrentEnvironmentEl =\n                  el as HTMLGxgFormCheckboxElement)\n              }\n              checked={this.setAsTarget}\n              part=\"set-as-current-environment\"\n              slot=\"footer-start\"\n            ></gxg-form-checkbox>\n\n            {/* #cancel*/}\n            <gxg-button\n              id=\"button-cancel\"\n              slot=\"footer-end\"\n              type=\"outlined\"\n              onClick={this.cancelButtonClickedHandler}\n              part=\"gxg-button gxg-button--cancel\"\n            >\n              {this._componentLocale.footer.btnCancel}\n            </gxg-button>\n\n            {/* #set new environment */}\n            <gxg-button\n              id=\"button-create\"\n              slot=\"footer-end\"\n              type=\"primary-text-only\"\n              onClick={this.setEnvironmentHandler}\n              part=\"gxg-button gxg-button--create\"\n            >\n              {this._componentLocale.footer.btnSetNewEnvironment}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts\n          src={this.shortcutsSrc}\n          ref={(el: HTMLGxgShortcutsElement) =>\n            (this.gxgShortcutsEl = el as HTMLGxgShortcutsElement)\n          }\n        ></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport interface NewEnvironmentData {\n  setAsCurrent: boolean;\n  name: string;\n  runtime: string;\n  language: string;\n  dataStores: string;\n  frontEnds: string[];\n}\n\nexport type CreateCallback = (\n  data: NewEnvironmentData\n) => Promise<FormSubmitResult>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type ChangedCallback = (data: NewEnvironmentData) => Promise<void>;\n\nexport type GetDataSourcesCallback = (\n  selectedLanguageId: string,\n  selectedRuntimeId: string\n) => Promise<GxOption[]>;\n\nexport type GetFrontEndsCallback = (\n  selectedLanguageId: string\n) => Promise<GxOption[]>;\n\nexport type GetEnvironmentNameCallback = (\n  selectedLanguageId: string,\n  selectedDataSourceId: string\n) => Promise<string | undefined>;\n"],"mappings":"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"}

package/dist/types/common/form-validation.d.ts

@@ -1,2 +0,0 @@
-import { FormSubmitResult, ConnectionResultData } from "../common/types";
-export declare const formSubmitValidation: (result: FormSubmitResult | ConnectionResultData, ref: any) => void;

package/dist/types/common/grid.d.ts

@@ -1,10 +0,0 @@
-export declare const gridCommon: {
-    colSize: {
-        minContent: string;
-        maxContent: string;
-        auto: string;
-        common: string;
-        commonDouble: string;
-        description: string;
-    };
-};