@genexus/genexus-ide-ui 0.0.99 → 0.0.101

package/dist/genexus-ide-ui/p-050bc199.entry.js

@@ -1,146 +0,0 @@
-import { r as i, h as e, H as t, g as r } from "./p-2776d2f9.js";
-
-import { L as o } from "./p-74d59062.js";
-
-const a = ".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;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:8px;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(t) {
-    i(this, t);
-    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 i = Array.from(this.newsContainerEl.querySelectorAll("gxg-card"));
-        i.forEach((i => {
-          setTimeout((() => {
-            i.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 i = await this.getNewsCallback();
-        this.loaderEl.show = false;
-        if (i && i.length > 0) {
-          this.news = i;
-          this.newsLoadFailed = false;
-        } else {
-          this.newsLoadFailed = true;
-        }
-      }
-    };
-    this.openNewsHandler = i => async () => {
-      if (this.openNewsCallback) {
-        await this.openNewsCallback(i);
-      }
-    }
-    // 9.LOCAL METHODS -> RENDERS //
-    ;
-    this.renderNews = i => {
-      if (i.id && i.title) {
-        return e("gxg-card", {
-          id: i.id,
-          key: i.id,
-          cardType: "article",
-          cardTitle: i.title,
-          icon: "gx-test/test-results",
-          iconColor: "auto",
-          actionable: true,
-          onClick: this.openNewsHandler(i.id),
-          titleSemibold: true,
-          noHeaderBorder: true,
-          class: "news-article"
-        }, i.body ? e("p", null, i.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 i;
-    return e(t, null, e("gxg-card", {
-      class: "section",
-      cardType: "section",
-      cardTitle: this._componentLocale.recentNews.title
-    }, this.news.length > 0 ? e("div", {
-      class: "news-container",
-      ref: i => this.newsContainerEl = i
-    }, (i = this.news) === null || i === void 0 ? void 0 : i.map((i => this.renderNews(i)))) : e("div", {
-      class: {
-        "gx-ide-message": true,
-        "gx-ide-message--hidden": !this.newsLoadFailed
-      }
-    }, e("gx-ide-title", {
-      alignment: "center"
-    }, this._componentLocale.recentNews.newsNotFetched), e("gxg-button", {
-      onClick: this.getNews
-    }, this._componentLocale.recentNews.tryAgainButtonLabel), e("gxg-text", {
-      type: "text-link",
-      href: "https://www.genexus.com/en/news",
-      target: "_blank"
-    }, this._componentLocale.recentNews.readThemOnline))), e("gxg-ide-loader", {
-      abortTime: 8e3,
-      container: this.el,
-      loaderTitle: this._componentLocale.loader.title,
-      description: "Hang on please",
-      ref: i => this.loaderEl = i
-    }));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/recent-news" ];
-  }
-  get el() {
-    return r(this);
-  }
-  static get watchers() {
-    return {
-      news: [ "watchNewsHandler" ]
-    };
-  }
-};
-
-s.style = a;
-
-export { s as gx_ide_recent_news };
-//# sourceMappingURL=p-050bc199.entry.js.map

package/dist/genexus-ide-ui/p-050bc199.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: 8px;\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-148ec5e4.entry.js

@@ -1,293 +0,0 @@
-import { r as i, c as t, a as e, h as s, H as r, g as o } from "./p-2776d2f9.js";
-
-import { L as a } from "./p-74d59062.js";
-
-import { c as n } from "./p-9c1b4eb9.js";
-
-const l = '.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)}.main{display:grid;grid-template-rows:1fr auto;overflow:auto;height:100%}.categories-types-container{display:flex;flex-direction:row;flex-shrink:1;overflow:hidden;border-bottom:1px solid var(--gx-ide-container-border-color)}.categories-types-container .categories{flex:1}.categories-types-container .types{flex:2}.api-description{display:flex;flex-direction:column;flex-shrink:0;gap:var(--gx-ide-grid-row-gap);padding:var(--gx-ide-grid-row-gap)}.form{display:grid;grid-template-columns:minmax(95px, auto) 1fr;grid-template-areas:"name-label name-input" "description-label description-input" "module-label module-input";gap:var(--gx-ide-grid-row-gap);column-gap:0}.form .name-label{grid-area:"name-label"}.form .name-input{grid-area:"name-input"}.form .description-label{grid-area:"description-label"}.form .description-input{grid-area:"description-input"}.form .module-label{grid-area:"module-label"}.form .module-input{grid-area:"module-input"}';
-
-const d = class {
-  constructor(r) {
-    i(this, r);
-    this.create = t(this, "create", 7);
-    this.validateName = t(this, "validateName", 7);
-    this.cancel = t(this, "cancel", 7);
-    this.componentDidLoadEvent = t(this, "componentDidLoadEvent", 7);
-    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
-    this.renderedFirstTime = false;
-    this.shortcutsSrc = e(`./gx-ide-assets/new-object/shortcuts.json`);
-    this.descriptionModifiedByUser = false;
-    // 9.LOCAL METHODS //
-        this.setFirstFocusableElement = () => {
-      this.el.addEventListener("focus", (() => {
-        this.nameEl.focus();
-      }));
-    };
-    this.validateInitialName = async () => {
-      const i = await this.validateNameCallback(this.name);
-      this.validateNameHandler(i);
-    };
-    this.renderModuleFolder = () => {
-      if (this.selectedType.hasModule || this.selectedType.hasFolder) {
-        let i = this._componentLocale.moduleFolder;
-        if (!this.selectedType.hasFolder) {
-          i = this._componentLocale.moduleOnly;
-        } else if (!this.selectedType.hasModule) {
-          i = this._componentLocale.folderOnly;
-        }
-        return [ s("gxg-label", {
-          labelPosition: "start"
-        }, i), s("gx-ide-entity-selector", {
-          value: this.parent,
-          defaultValue: this.defaultParent,
-          selectEntityCallback: this.selectModuleCallback,
-          ref: i => this.moduleFolderEl = i,
-          id: "module",
-          part: "module"
-        }) ];
-      }
-      return null;
-    };
-    /**
-         * This method initializes tha name value. It depends on 'this.selectedType'
-         */    this.init = () => {
-      this.selectedCategory = this.typeCategories[0];
-      this.selectedType = this.typeCategories[0].types[0];
-      if (this.selectedType && this.selectedType.name.length > 0) {
-        this.name = this.getNameSuggestion(this.selectedType);
-        this.description = this.selectedType.name;
-      }
-    };
-    this.getNameSuggestion = i => i.name.replace(/\s/g, "");
-    this.onInputNameHandler = i => {
-      const t = i.detail;
-      if (!this.descriptionModifiedByUser) {
-        // description should be equal to name, unless the description was already modified by the user.
-        this.descriptionEl.value = t;
-      }
-    };
-    this.onBlurNameHandler = async () => {
-      const i = await this.validateNameCallback(this.nameEl.value);
-      this.validateNameHandler(i);
-    };
-    this.onNameValueChangedHandler = async i => {
-      const t = i.detail;
-      const e = await this.validateNameCallback(t);
-      this.validateNameHandler(e);
-    };
-    this.onInputDescriptionHandler = i => {
-      this.description = i.detail;
-      this.descriptionModifiedByUser = true;
-    };
-    /**
-         * If the parameter is undefined, is because the name is valid. Otherwise, if it receives a string, is because the name is not valid. The string is the error message to display.
-         */    this.validateNameHandler = i => {
-      if (i !== undefined) {
-        // the name is not valid. display message
-        this.nameEl.validationMessage = i;
-        this.nameEl.validationStatus = "error";
-        this.nameIsValid = false;
-      } else {
-        // valid name
-        this.nameEl.validationMessage = null;
-        this.nameEl.validationStatus = "indeterminate";
-        this.nameIsValid = true;
-      }
-    };
-    this.createCallbackHandler = async () => {
-      var i, t, e;
-      const s = {
-        typeId: (i = this.selectedType) === null || i === void 0 ? void 0 : i.id,
-        name: this.nameEl.value,
-        description: !this.descriptionModifiedByUser ? undefined : this.descriptionEl.value,
-        moduleId: (e = (t = this.moduleFolderEl) === null || t === void 0 ? void 0 : t.value) === null || e === void 0 ? void 0 : e.id
-      };
-      const r = await this.createCallback(s);
-      this.validateNameHandler(r);
-    };
-    this.cancelCallbackHandler = async () => {
-      await this.cancelCallback();
-    };
-    this.categoryOnSelectionChangedHandler = i => {
-      const t = i.detail.items;
-      if (t.length > 0) {
-        const i = this.typeCategories[t[0].index];
-        if (i) {
-          this.selectedCategory = i;
-          if (i.types.length > 0) {
-            this.selectedType = i.types[0];
-          }
-        }
-      }
-    };
-    this.typeOnSelectionChangedHandler = i => {
-      const t = i.detail.items;
-      if (t.length > 0) {
-        const i = t[0];
-        this.selectedType = this.selectedCategory.types[i.index];
-      }
-    };
-    this.selectedCategory = undefined;
-    this.selectedType = undefined;
-    this.nameIsValid = false;
-    this.name = undefined;
-    this.description = undefined;
-    this.displayTitle = false;
-    this.shadow = false;
-    this.typeCategories = undefined;
-    this.parent = undefined;
-    this.defaultParent = undefined;
-    this.selectModuleCallback = undefined;
-    this.validateNameCallback = undefined;
-    this.createCallback = undefined;
-    this.cancelCallback = undefined;
-  }
-  watchSelectedTypeHandler() {
-    this.descriptionModifiedByUser = false;
-  }
-  // 6.COMPONENT LIFECYCLE EVENTS //
-  async componentWillLoad() {
-    this.init();
-    this._componentLocale = await a.getComponentStrings(this.el);
-  }
-  componentDidLoad() {
-    this.nameEl.focus();
-    this.setFirstFocusableElement();
-    this.validateInitialName();
-    this.componentDidLoadEvent.emit(true);
-  }
-  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(i) {
-    if (i) {
-      this.gxgShortcutsEl.suspend = true;
-    } else {
-      this.gxgShortcutsEl.suspend = false;
-    }
-  }
-  // 10.LOCAL METHODS (RENDER) //
-  // 11.RENDER() FUNCTION //
-  render() {
-    var i;
-    return s(r, {
-      class: "gx-ide-component"
-    }, s("div", {
-      class: "gx-ide-main-wrapper"
-    }, s("gx-ide-container", {
-      noContentPadding: true,
-      noContentGap: true,
-      slimmerFooter: n.gxIdeContainer.slimmerFooter,
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
-      noHeadingBorder: true
-    }, s("main", {
-      class: "main"
-    }, s("div", {
-      class: "categories-types-container"
-    }, s("div", {
-      class: "categories"
-    }, this.typeCategories.length > 0 ? s("gxg-list-box", {
-      class: "category",
-      "single-selection": true,
-      noBorder: true,
-      borderEnd: true,
-      "the-title": this._componentLocale.categorySelectionTitle,
-      onSelectionChanged: this.categoryOnSelectionChangedHandler
-    }, this.typeCategories.map((i => s("gxg-list-box-item", {
-      key: i.id,
-      value: i.id,
-      icon: i.icon,
-      part: `category-${i.id}`
-    }, i.name)))) : null), s("div", {
-      class: "types"
-    }, this.selectedCategory.types.length > 0 ? s("gxg-list-box", {
-      class: "types",
-      "single-selection": true,
-      noBorder: true,
-      theTitle: this.selectedCategory.name ? `${this.selectedCategory.name} ${this._componentLocale.typeSelectionTitleSuffix}` : this._componentLocale.typeSelectionTitle,
-      key: this.selectedCategory.id,
-      onSelectionChanged: this.typeOnSelectionChangedHandler
-    }, this.selectedCategory.types.map((i => s("gxg-list-box-item", {
-      key: `${this.selectedCategory.id}-${i.id}`,
-      icon: i.icon,
-      part: `type-${this.selectedCategory.id}-${i.id}`
-    }, i.name)))) : s("p", null, "No Categories to display"))), s("div", {
-      class: "api-description"
-    }, s("gxg-title", {
-      type: "title-05"
-    }, (i = this.selectedType) === null || i === void 0 ? void 0 : i.description), s("div", {
-      class: "form"
-    }, s("gxg-label", {
-      labelPosition: "start"
-    }, this._componentLocale.objectName), s("gxg-form-text", {
-      "label-position": "start",
-      placeholder: "Name",
-      "max-width": "100%",
-      value: this.getNameSuggestion(this.selectedType),
-      toolTip: n.tooltip,
-      ref: i => this.nameEl = i,
-      onInput: this.onInputNameHandler,
-      onBlur: this.onBlurNameHandler,
-      onValueChanged: this.onNameValueChangedHandler,
-      debounce: true,
-      part: "name",
-      "display-validation-styles": true,
-      "display-validation-message": true
-    }), s("gxg-label", {
-      labelPosition: "start"
-    }, this._componentLocale.objectDescription), s("gxg-form-text", {
-      "label-position": "start",
-      placeholder: "Description",
-      "max-width": "100%",
-      value: this.selectedType.name,
-      ref: i => this.descriptionEl = i,
-      onInput: this.onInputDescriptionHandler,
-      part: "description",
-      "display-validation-styles": true,
-      "display-validation-message": true
-    }), this.renderModuleFolder()))), s("gxg-button", {
-      id: "button-cancel",
-      slot: "footer-end",
-      type: "outlined",
-      onClick: this.cancelCallbackHandler,
-      part: "gxg-button gxg-button--cancel"
-    }, this._componentLocale.footer.btnCancel), s("gxg-button", {
-      id: "button-create",
-      slot: "footer-end",
-      type: "primary-text-only",
-      onClick: this.createCallbackHandler,
-      disabled: !this.nameIsValid,
-      part: "gxg-button gxg-button--create"
-    }, this._componentLocale.footer.btnCreate))), s("gxg-shortcuts", {
-      src: this.shortcutsSrc,
-      ref: i => this.gxgShortcutsEl = i
-    }));
-  }
-  static get delegatesFocus() {
-    return true;
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/new-object" ];
-  }
-  get el() {
-    return o(this);
-  }
-  static get watchers() {
-    return {
-      selectedType: [ "watchSelectedTypeHandler" ]
-    };
-  }
-};
-
-d.style = l;
-
-export { d as gx_ide_new_object };
-//# sourceMappingURL=p-148ec5e4.entry.js.map