@genexus/genexus-ide-ui 0.0.99 → 0.0.101

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

@@ -1,178 +0,0 @@
-import { r as i, c as e, h as r, H as t, g as o } from "./p-2776d2f9.js";
-
-import { L as a } from "./p-74d59062.js";
-
-import { f as n } from "./p-04f3d630.js";
-
-const s = ".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:auto;opacity:0;transition:var(--gx-ide-show-component-delay) opacity}:host(.rendered){opacity:1}gxg-tabs{background-color:transparent;box-shadow:none;height:100% !important;overflow:auto}.layout{height:100%;overflow:auto}.layout gxg-card{height:100%;overflow:auto}.kbs-container,.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{border-bottom:2px solid var(--gray-00)}";
-
-const l = class {
-  constructor(t) {
-    i(this, t);
-    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
-    this.getNewsCallbackRecentNews = async () => new Promise((async i => {
-      if (this.getNewsCallback) {
-        const e = await this.getNewsCallback();
-        i(e);
-      }
-    }));
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-        this.kbClickHandler = async i => {
-      const e = i.target.id;
-      if (this.openKbCallback) {
-        await this.openKbCallback(e);
-      }
-    };
-    this.searchKbsInputHandler = i => {
-      this.kbsFilterValue = i.detail.toLowerCase();
-    };
-    // private NewsClickHandler = async (e: MouseEvent) => {
-    //   const newsId = (e.target as HTMLElement).id;
-    //   if (this.openNewsCallback) {
-    //     await this.openNewsCallback(newsId);
-    //   }
-    // };
-    // 9.LOCAL METHODS -> RENDERS //
-    // private renderNews = (news: NewsData): HTMLGxgCardElement | null => {
-    //   if (news.id && news.title) {
-    //     return (
-    //       <gxg-card
-    //         id={news.id}
-    //         key={news.id}
-    //         cardType="article"
-    //         cardTitle={news.title}
-    //         icon="gx-test/test-results"
-    //         iconColor="auto"
-    //         actionable
-    //         onClick={this.NewsClickHandler}
-    //         titleSemibold
-    //         noHeaderBorder
-    //       >
-    //         {news.body ? <p>{news.body}</p> : null}
-    //       </gxg-card>
-    //     );
-    //   }
-    //   return null;
-    // };
-        this.renderKb = i => {
-      if (i.id && i.name && i.name.toLowerCase().includes(this.kbsFilterValue)) {
-        const e = n(i.lastOpenedDate, "pretty");
-        const t = e ? `${this._componentLocale.recentKbs.lastOpened} ${e}` : null;
-        return r("gxg-card", {
-          id: i.id,
-          key: i.id,
-          cardType: "article",
-          cardTitle: i.name,
-          icon: "general/knowledge-base",
-          iconColor: "auto",
-          cardSubtitle: t,
-          actionable: true,
-          filterValue: this.kbsFilterValue,
-          onClick: this.kbClickHandler,
-          hiChar: true
-        });
-      }
-      return null;
-    };
-    this.renderHomeTabContent = () => {
-      var i;
-      return r("div", {
-        class: "layout layout--two-cols layout--space-above"
-      }, r("gxg-card", {
-        class: "section",
-        cardTitle: this._componentLocale.recentKbs.title
-      }, r("div", {
-        class: "kbs-container"
-      }, (i = this.kbs) === null || i === void 0 ? void 0 : i.map((i => this.renderKb(i)))), r("gxg-form-text", {
-        slot: "header",
-        placeholder: "Search KBs by name",
-        onInput: this.searchKbsInputHandler
-      })), r("gx-ide-recent-news", {
-        class: "section",
-        getNewsCallback: this.getNewsCallbackRecentNews,
-        openNewsCallback: this.openNewsCallback
-      }));
-    };
-    this.kbsFilterValue = "";
-    this.renderedFirstTime = false;
-    this.news = undefined;
-    this.kbs = undefined;
-    this.openKbCallback = undefined;
-    this.getNewsCallback = undefined;
-    this.openNewsCallback = undefined;
-  }
-  // 6.COMPONENT LIFECYCLE METHODS //
-  async componentWillLoad() {
-    this._componentLocale = await a.getComponentStrings(this.el);
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-  }
-  // private renderTabs = (): HTMLGxgTabsElement => {
-  //   return (
-  //     <gxg-tabs height="auto" minWidth="100%" no-border>
-  //       <gxg-tab-bar slot="tab-bar-container" displayBorder>
-  //         <gxg-tab-button
-  //           slot="tab-bar"
-  //           tab-label={this._componentLocale.tabs.home}
-  //           tab="home"
-  //           is-selected
-  //         ></gxg-tab-button>
-  //         <gxg-tab-button
-  //           slot="tab-bar"
-  //           tab-label={this._componentLocale.tabs.learn}
-  //           tab="learn"
-  //           disabled
-  //         ></gxg-tab-button>
-  //         <gxg-tab-button
-  //           slot="tab-bar"
-  //           tab-label={this._componentLocale.tabs.samples}
-  //           tab="samples"
-  //           disabled
-  //         ></gxg-tab-button>
-  //         <gxg-tab-button
-  //           slot="tab-bar"
-  //           tab-label={this._componentLocale.tabs.marketplace}
-  //           tab="marketplace"
-  //           disabled
-  //         ></gxg-tab-button>
-  //         <gxg-tab-button
-  //           slot="tab-bar"
-  //           tab-label={this._componentLocale.tabs.updates}
-  //           tab="updates"
-  //           disabled
-  //         ></gxg-tab-button>
-  //       </gxg-tab-bar>
-  //       <gxg-tab tab="home">{this.renderHomeTabContent()}</gxg-tab>
-  //       <gxg-tab tab="learn"></gxg-tab>
-  //       <gxg-tab tab="samples"></gxg-tab>
-  //       <gxg-tab tab="marketplace"></gxg-tab>
-  //       <gxg-tab tab="updates"></gxg-tab>
-  //     </gxg-tabs>
-  //   );
-  // };
-  // 10.RENDER() FUNCTION //
-  render() {
-    return r(t, {
-      class: {
-        rendered: this.renderedFirstTime
-      }
-    }, this.renderHomeTabContent());
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/start-page" ];
-  }
-  get el() {
-    return o(this);
-  }
-};
-
-l.style = s;
-
-export { l as gx_ide_start_page };
-//# sourceMappingURL=p-9c6c5a61.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["startPageCss","GxIdeStartPage","this","getNewsCallbackRecentNews","async","Promise","resolve","getNewsCallback","newsResult","kbClickHandler","e","kbId","target","id","openKbCallback","searchKbsInputHandler","kbsFilterValue","detail","toLowerCase","renderKb","kb","name","includes","formattedDate","formatDate","lastOpenedDate","subtitle","_componentLocale","recentKbs","lastOpened","h","key","cardType","cardTitle","icon","iconColor","cardSubtitle","actionable","filterValue","onClick","hiChar","renderHomeTabContent","class","title","_a","kbs","map","slot","placeholder","onInput","openNewsCallback","componentWillLoad","Locale","getComponentStrings","el","componentDidRender","renderedFirstTime","componentDidRenderFirstTime","emit","componentName","render","Host","rendered"],"sources":["src/components/start-page/start-page.scss?tag=gx-ide-start-page&encapsulation=shadow","src/components/start-page/start-page.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: auto;\n  opacity: 0;\n  transition: var(--gx-ide-show-component-delay) opacity;\n}\n:host(.rendered) {\n  opacity: 1;\n}\ngxg-tabs {\n  background-color: transparent;\n  box-shadow: none;\n  height: 100% !important;\n  overflow: auto;\n}\n.layout {\n  height: 100%;\n  overflow: auto;\n  gxg-card {\n    height: 100%;\n    overflow: auto;\n  }\n}\n.kbs-container,\n.news-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-articles-gap);\n}\n.news-container {\n  p:first-child {\n    margin-top: 0;\n  }\n  p:last-child {\n    margin-bottom: 0;\n  }\n}\ngxg-card.section {\n  border-bottom: 2px solid var(--gray-00);\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { formatDate } from \"../../common/helpers\";\n\n@Component({\n  tag: \"gx-ide-start-page\",\n  styleUrl: \"start-page.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/start-page\"]\n})\nexport class GxIdeStartPage {\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: HTMLGxIdeStartPageElement;\n  // private recentNewsEl!: HTMLGxgCardElement;\n\n  // 3.STATE() VARIABLES //\n\n  /*\n   * The filter value to search for kbs\n   */\n  @State() kbsFilterValue = \"\";\n\n  /**\n   * True if the component has been rendered for the first time.\n   */\n  @State() renderedFirstTime = false;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * A temporary array of news for testing purposes\n   */\n  @Prop() readonly news: NewsData[];\n\n  /**\n   * Ann array of the user's KB's\n   */\n  @Prop() readonly kbs: RecentKBData[];\n\n  /**\n   * Callback invoked to open a knowledge base when the user clicks on a KB card.\n   */\n  @Prop() readonly openKbCallback: OpenKbCallback;\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  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  private getNewsCallbackRecentNews = async (): Promise<NewsData[]> => {\n    return new Promise(async resolve => {\n      if (this.getNewsCallback) {\n        const newsResult = await this.getNewsCallback();\n        resolve(newsResult);\n      }\n    });\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  // 9.LOCAL METHODS //\n\n  private kbClickHandler = async (e: MouseEvent) => {\n    const kbId = (e.target as HTMLElement).id;\n    if (this.openKbCallback) {\n      await this.openKbCallback(kbId);\n    }\n  };\n\n  private searchKbsInputHandler = (e: CustomEvent<string>) => {\n    this.kbsFilterValue = e.detail.toLowerCase();\n  };\n\n  // private NewsClickHandler = async (e: MouseEvent) => {\n  //   const newsId = (e.target as HTMLElement).id;\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.NewsClickHandler}\n  //         titleSemibold\n  //         noHeaderBorder\n  //       >\n  //         {news.body ? <p>{news.body}</p> : null}\n  //       </gxg-card>\n  //     );\n  //   }\n  //   return null;\n  // };\n\n  private renderKb = (kb: RecentKBData): HTMLGxgCardElement | null => {\n    if (\n      kb.id &&\n      kb.name &&\n      kb.name.toLowerCase().includes(this.kbsFilterValue)\n    ) {\n      const formattedDate = formatDate(kb.lastOpenedDate, \"pretty\");\n      const subtitle = formattedDate\n        ? `${this._componentLocale.recentKbs.lastOpened} ${formattedDate}`\n        : null;\n      return (\n        <gxg-card\n          id={kb.id}\n          key={kb.id}\n          cardType=\"article\"\n          cardTitle={kb.name}\n          icon=\"general/knowledge-base\"\n          iconColor=\"auto\"\n          cardSubtitle={subtitle}\n          actionable\n          filterValue={this.kbsFilterValue}\n          onClick={this.kbClickHandler}\n          hiChar\n        ></gxg-card>\n      );\n    }\n    return null;\n  };\n\n  private renderHomeTabContent = (): HTMLElement => {\n    return (\n      <div class=\"layout layout--two-cols layout--space-above\">\n        <gxg-card\n          class=\"section\"\n          cardTitle={this._componentLocale.recentKbs.title}\n        >\n          <div class=\"kbs-container\">\n            {this.kbs?.map(kb => {\n              return this.renderKb(kb);\n            })}\n          </div>\n          <gxg-form-text\n            slot=\"header\"\n            placeholder=\"Search KBs by name\"\n            onInput={this.searchKbsInputHandler as any}\n          ></gxg-form-text>\n        </gxg-card>\n        {/* <gxg-card\n          class=\"section\"\n          cardTitle={this._componentLocale.recentNews.title}\n          ref={el => (this.recentNewsEl = el as HTMLGxgCardElement)}\n        >\n          <div class=\"news-container\">\n            {this.news?.map(singleNews => {\n              return this.renderNews(singleNews);\n            })}\n          </div>\n        </gxg-card> */}\n        {\n          <gx-ide-recent-news\n            class=\"section\"\n            getNewsCallback={this.getNewsCallbackRecentNews}\n            openNewsCallback={this.openNewsCallback}\n          ></gx-ide-recent-news>\n        }\n      </div>\n    );\n  };\n\n  // private renderTabs = (): HTMLGxgTabsElement => {\n  //   return (\n  //     <gxg-tabs height=\"auto\" minWidth=\"100%\" no-border>\n  //       <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.home}\n  //           tab=\"home\"\n  //           is-selected\n  //         ></gxg-tab-button>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.learn}\n  //           tab=\"learn\"\n  //           disabled\n  //         ></gxg-tab-button>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.samples}\n  //           tab=\"samples\"\n  //           disabled\n  //         ></gxg-tab-button>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.marketplace}\n  //           tab=\"marketplace\"\n  //           disabled\n  //         ></gxg-tab-button>\n  //         <gxg-tab-button\n  //           slot=\"tab-bar\"\n  //           tab-label={this._componentLocale.tabs.updates}\n  //           tab=\"updates\"\n  //           disabled\n  //         ></gxg-tab-button>\n  //       </gxg-tab-bar>\n  //       <gxg-tab tab=\"home\">{this.renderHomeTabContent()}</gxg-tab>\n  //       <gxg-tab tab=\"learn\"></gxg-tab>\n  //       <gxg-tab tab=\"samples\"></gxg-tab>\n  //       <gxg-tab tab=\"marketplace\"></gxg-tab>\n  //       <gxg-tab tab=\"updates\"></gxg-tab>\n  //     </gxg-tabs>\n  //   );\n  // };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class={{ rendered: this.renderedFirstTime }}>\n        {/* this.renderTabs()*/}\n        {this.renderHomeTabContent()}\n      </Host>\n    );\n  }\n}\n\nexport type OpenKbCallback = (id: string) => Promise<void>;\nexport type GetNewsCallback = () => Promise<NewsData[]>;\nexport type OpenNewsCallback = (id: string) => Promise<void>;\n\nexport type RecentKBData = {\n  id: string;\n  name: string;\n  lastOpenedDate?: Date;\n};\nexport type NewsData = {\n  id: string;\n  title: string;\n  body: string;\n};\n"],"mappings":";;;;;;AAAA,MAAMA,IAAe;;MCsBRC,IAAc;;;;IA+EjBC,KAAAC,4BAA4BC,YAC3B,IAAIC,SAAQD,MAAME;MACvB,IAAIJ,KAAKK,iBAAiB;QACxB,MAAMC,UAAmBN,KAAKK;QAC9BD,EAAQE;;;;;;QAoBNN,KAAAO,iBAAiBL,MAAOM;MAC9B,MAAMC,IAAQD,EAAEE,OAAuBC;MACvC,IAAIX,KAAKY,gBAAgB;cACjBZ,KAAKY,eAAeH;;;IAItBT,KAAAa,wBAAyBL;MAC/BR,KAAKc,iBAAiBN,EAAEO,OAAOC;AAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAkCtChB,KAAAiB,WAAYC;MAClB,IACEA,EAAGP,MACHO,EAAGC,QACHD,EAAGC,KAAKH,cAAcI,SAASpB,KAAKc,iBACpC;QACA,MAAMO,IAAgBC,EAAWJ,EAAGK,gBAAgB;QACpD,MAAMC,IAAWH,IACb,GAAGrB,KAAKyB,iBAAiBC,UAAUC,cAAcN,MACjD;QACJ,OACEO,EAAA;UACEjB,IAAIO,EAAGP;UACPkB,KAAKX,EAAGP;UACRmB,UAAS;UACTC,WAAWb,EAAGC;UACda,MAAK;UACLC,WAAU;UACVC,cAAcV;UACdW,YAAU;UACVC,aAAapC,KAAKc;UAClBuB,SAASrC,KAAKO;UACd+B,QAAM;;;MAIZ,OAAO;AAAI;IAGLtC,KAAAuC,uBAAuB;;MAC7B,OACEX,EAAA;QAAKY,OAAM;SACTZ,EAAA;QACEY,OAAM;QACNT,WAAW/B,KAAKyB,iBAAiBC,UAAUe;SAE3Cb,EAAA;QAAKY,OAAM;UACRE,IAAA1C,KAAK2C,SAAG,QAAAD,WAAA,aAAAA,EAAEE,KAAI1B,KACNlB,KAAKiB,SAASC,OAGzBU,EAAA;QACEiB,MAAK;QACLC,aAAY;QACZC,SAAS/C,KAAKa;WAehBe,EAAA;QACEY,OAAM;QACNnC,iBAAiBL,KAAKC;QACtB+C,kBAAkBhD,KAAKgD;;AAGvB;0BAlLgB;6BAKG;;;;;;;;EAsC7B,uBAAMC;IACJjD,KAAKyB,yBAAyByB,EAAOC,oBAAoBnD,KAAKoD;;EAYhE,kBAAAC;IACE,KAAKrD,KAAKsD,mBAAmB;MAC3BtD,KAAKuD,4BAA4BC,KAC/BxD,KAAKyB,iBAAiBgC;MAExBzD,KAAKsD,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuK7B,MAAAI;IACE,OACE9B,EAAC+B,GAAI;MAACnB,OAAO;QAAEoB,UAAU5D,KAAKsD;;OAE3BtD,KAAKuC"}

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

@@ -1,44 +0,0 @@
-import { r, c as i, h as e, g as o, H as a } from "./p-2776d2f9.js";
-
-import { L as t } from "./p-74d59062.js";
-
-const n = ".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}";
-
-const d = class {
-  constructor(e) {
-    r(this, e);
-    this.componentDidRenderFirstTime = i(this, "componentDidRenderFirstTime", 7);
-    this.renderedFirstTime = false;
-    this.cardTitle = undefined;
-    this.cardSubTitle = undefined;
-    this.icon = undefined;
-  }
-  // 6.COMPONENT LIFECYCLE METHODS //
-  async componentWillLoad() {
-    this._componentLocale = await t.getComponentStrings(this.el);
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-  }
-  // 7.LISTENERS //
-  // 8.PUBLIC METHODS API //
-  // 9.LOCAL METHODS //
-  // 10.RENDER() FUNCTION //
-  render() {
-    return e(a, null);
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/card" ];
-  }
-  get el() {
-    return o(this);
-  }
-};
-
-d.style = n;
-
-export { d as gx_ide_card };
-//# sourceMappingURL=p-9e7ea8be.entry.js.map

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

@@ -1,331 +0,0 @@
-import { r as e, c as t, a as i, h as r, H as s, g as o } from "./p-2776d2f9.js";
-
-import { L as n } from "./p-74d59062.js";
-
-import { c as a } from "./p-9c1b4eb9.js";
-
-import { r as d } from "./p-9bd5e66b.js";
-
-/**
- * @description This function converts SelectorCategoryData[] SuggestData
- */ const convertObjectDataToSuggestData = e => {
-  const t = {
-    suggestItems: null,
-    suggestLists: []
-  };
-  if (e.length) {
-    e.forEach((e => {
-      const i = {
-        label: e.name,
-        items: []
-      };
-      e.items.forEach((e => {
-        const t = {
-          value: e.id,
-          description: e.description,
-          icon: e.icon
-        };
-        i.items.push(t);
-      }));
-      t.suggestLists.push(i);
-    }));
-  }
-  return t;
-};
-
-const convertToTreeItem = e => {
-  var t;
-  return {
-    caption: e.name,
-    id: e.id,
-    items: ((t = e.items) !== null && t !== void 0 ? t : []).map(convertToTreeItem),
-    lazy: e.hasChildren && (e.items == null || e.items.length === 0),
-    leaf: e.hasChildren === false,
-    leftImgSrc: e.icon
-  };
-};
-
-/**
- * @description This function converts ReferenceData[] data to TreeItemData[]
- */ const convertReferenceDataToTreeViewData = e => {
-  const t = [];
-  if (!e) {
-    return t;
-  }
-  e.forEach((e => {
-    t.push(convertToTreeItem(e));
-  }));
-  return t;
-};
-
-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}.header{}.header__top{grid-template-columns:min-content auto 1fr min-content;grid-template-rows:1fr;grid-template-areas:"hide-bar-button suggest-label gxg-suggest selector-dialog-button"}.header__top .hide-bar-button{grid-area:hide-bar-button}.header__top .suggest-label{grid-area:suggest-label}.header__top gxg-suggest{grid-area:gxg-suggest}.header__top .selector-dialog-button{grid-area:selector-dialog-button}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--mer-timing--super-fast-ms) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:var(--gx-ide-grid-row-gap);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.header-hidden .first-row{grid-template-columns:auto 1fr auto}.header-hidden .first-row>:nth-child(3){align-self:end}.header-hidden .second-row{display:none}.main{display:flex;height:100%}.main>*{flex:1}.main .reference-container{display:flex;height:100%}.main .reference-container--no-references{display:flex;align-items:center;justify-content:center}.main .gx-ide-message{padding:50px 0}';
-
-const c = class {
-  constructor(r) {
-    e(this, r);
-    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
-    this.renderedFirstTime = false;
-    this.shortcutsSrc = i(`./gx-ide-assets/references/shortcuts.json`);
-    /**
-         * The last SelectorCategoryData[] returned by selectorSourceCallback
-         */    this.selectorCategoryData = [];
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-    /**
-         * It attaches on the ch-suggest, the "itemSelected" event triggered by the ch-suggest-list-item. This helps set the new 'selectedObject'.
-         */    this.selectObjectSelectionChanged = e => {
-      const t = e.detail.indexes.listIndex;
-      const i = e.detail.indexes.itemIndex;
-      this.selectedObject = this.selectorCategoryData[t].items[i];
-    };
-    /**
-         * This handler gets fired every time the value of the 'Select Object' ch-suggest changes.
-         */    this.selectObjectValueChangedHandler = async e => {
-      const t = e.detail;
-      this.selectorSourceCallback(t).then((e => {
-        this.selectorCategoryData = e;
-        /* show suggestions*/        this.objectsSuggestions = convertObjectDataToSuggestData(e);
-      })).catch((() => {}));
-    };
-    this.openObjectCallbackHandler = async () => {
-      this.openObjectCallback(this.selectedObject.id);
-      /* Returns an empty Promise*/    };
-    /**
-         * handler that gets fired when the use clicks on the ch-suggest button (...)
-         */    this.openSelectorDialogCallbackHandler = async () => {
-      this.openSelectorDialogCallback().then((e => {
-        this.selectedObject = e;
-      })).catch((() => {}));
-    };
-    /**
-         * It evaluates if loadReferencesCallback should be called, depending wether there is or not an actual selected object.
-         */    this.evaluateInitialReferenceData = () => {
-      if (this.selectedObject) {
-        this.selectedObjectHandler(this.selectedObject);
-      }
-    };
-    /**
-         * This method invokes 'loadReferencesCallback' callback for 'Is Referenced By' and 'Has References To' panels. The second parameter "to" indicates if loadReferencesCallback callback should be called for "has references to" or "is references by"
-         */    this.loadReferencesHandler = async (e, t = false) => {
-      if (this.loadReferencesCallback) {
-        this.loadReferencesCallback(e, t).then((e => {
-          if (t) {
-            this.referencesToTreeData = convertReferenceDataToTreeViewData(e);
-          } else {
-            this.referencedByTreeData = convertReferenceDataToTreeViewData(e);
-          }
-        }));
-      }
-    };
-    /**
-         * It hides/show the bar (The header bottom section).
-         */    this.hideBarButtonClickedHandler = () => {
-      this.barHidden = !this.barHidden;
-    };
-    this.referencesLazyLoadCallbackHandler = e => async t => {
-      if (this.loadReferencesCallback) {
-        const i = e === "references-to";
-        const r = await this.loadReferencesCallback(t, i);
-        const s = convertReferenceDataToTreeViewData(r);
-        return new Promise((e => {
-          e(s);
-        }));
-      }
-      return new Promise((e => {
-        e([]);
-      }));
-    };
-    this.referenceSelectedHandler = e => {
-      if (this.selectReferenceCallback) {
-        const t = e.detail.map((e => e.item.id));
-        this.selectReferenceCallback(t[0]);
-        // returns void
-            }
-    };
-    this.referencesItemOpenReferenceCallback = e => {
-      const t = e.detail.id;
-      if (this.openObjectCallback) {
-        this.openObjectCallback(t);
-        // returns void
-            }
-    };
-    this.referencedByTreeData = undefined;
-    this.referencesToTreeData = undefined;
-    this.barHidden = false;
-    this.objectsSuggestions = undefined;
-    this.displayTitle = false;
-    this.selectedObject = undefined;
-    this.selectorSourceCallback = undefined;
-    this.loadReferencesCallback = undefined;
-    this.openObjectCallback = undefined;
-    this.openSelectorDialogCallback = undefined;
-    this.selectReferenceCallback = undefined;
-  }
-  selectedObjectHandler(e) {
-    if (e.id) {
-      /* update "is referenced by*/
-      this.loadReferencesHandler(e.id, false);
-      /* update "has references to*/      this.loadReferencesHandler(e.id, true);
-    }
-  }
-  // 6.COMPONENT LIFECYCLE EVENTS //
-  async componentWillLoad() {
-    this._componentLocale = await n.getComponentStrings(this.el);
-    this.evaluateInitialReferenceData();
-  }
-  componentDidLoad() {
-    this.selectObjectSuggestEl.focus();
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    var e, t, i, o, n, l, c, g;
-    return r(s, {
-      class: "gx-ide-component"
-    }, r("div", {
-      class: "gx-ide-main-wrapper"
-    }, r("gx-ide-container", {
-      displayBorderBottom: true,
-      noContentPadding: true,
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null
-    }, r("header", {
-      class: "header",
-      slot: "header"
-    }, r("div", {
-      class: "header__top grid"
-    }, r("gxg-button", {
-      icon: "navigation/arrow-down",
-      type: "secondary-icon-only",
-      class: "hide-bar-button",
-      onClick: this.hideBarButtonClickedHandler,
-      part: "toggle-bar-button"
-    }), r("gxg-label", {
-      labelPosition: "start",
-      class: "suggest-label",
-      part: "select-object-label"
-    }, this._componentLocale.header.selectObject), r("gxg-suggest", null, r("ch-suggest", {
-      value: this.selectedObject.name,
-      onValueChanged: this.selectObjectValueChangedHandler,
-      onSelectionChanged: this.selectObjectSelectionChanged,
-      part: "object-selector-suggest",
-      exportparts: "dropdown:select-object-dropdown",
-      ref: e => this.selectObjectSuggestEl = e
-    }, d(this.objectsSuggestions))), r("gxg-button", {
-      type: "secondary-icon-only",
-      icon: "gemini-tools/show-more-horizontal",
-      onClick: this.openSelectorDialogCallbackHandler,
-      class: "selector-dialog-button",
-      part: "open-selector-dialog-button"
-    })), r("div", {
-      class: {
-        header__bottom: true,
-        "header__bottom--hidden": this.barHidden
-      }
-    }, r("div", {
-      class: "outer-wrapper"
-    }, r("div", {
-      class: "inner-wrapper"
-    }, r("div", {
-      class: "inner-wrapper__left"
-    }, r("gxg-icon", {
-      type: this.selectedObject.icon,
-      color: "auto"
-    }), r("gxg-text", {
-      padding: "s",
-      type: "text-link",
-      part: "open-object-text-link",
-      onClick: this.openObjectCallbackHandler
-    }, `${this.selectedObject.name} : ${this.selectedObject.description}`)), r("div", {
-      class: "inner-wrapper__right gxi-hidden"
-    }, r("gxg-form-checkbox", {
-      id: "references-by-type",
-      label: "Group references by type",
-      required: true,
-      "display-validation-styles": true,
-      part: "references-type-checkbox"
-    })))))), r("main", {
-      class: "main"
-    }, r("gx-ide-container", {
-      containerTitle: this._componentLocale.main.isReferencedBy,
-      noContentPadding: true,
-      part: "referenced-by-container",
-      contentBorderEnd: true,
-      titleType: "secondary"
-    }, r("div", {
-      class: {
-        "reference-container": true,
-        "reference-container--no-references": !((e = this.referencedByTreeData) === null || e === void 0 ? void 0 : e.length)
-      }
-    }, r("gxg-tree-view", {
-      class: {
-        "gxi-hidden": !((t = this.referencedByTreeData) === null || t === void 0 ? void 0 : t.length)
-      },
-      part: "referenced-by-tree",
-      treeModel: this.referencedByTreeData,
-      lazyLoadTreeItemsCallback: this.referencesLazyLoadCallbackHandler("referenced-by"),
-      onSelectedItemsChange: this.referenceSelectedHandler,
-      dragDisabled: true,
-      dropDisabled: true,
-      onItemOpenReference: this.referencesItemOpenReferenceCallback
-    }), !((i = this.referencedByTreeData) === null || i === void 0 ? void 0 : i.length) && r("gxg-text", {
-      textAlign: a.gxgMessage.common.textAlign,
-      padding: a.gxgMessage.common.textAlign,
-      type: a.gxgMessage.common.type,
-      maxWidth: a.gxgMessage.common.maxWidth,
-      part: "referenced-by-text",
-      class: "gx-ide-message"
-    }, ((o = this.referencedByTreeData) === null || o === void 0 ? void 0 : o.length) === 0 ? this._componentLocale.main.isReferencedByEmpty : this._componentLocale.main.isReferencedByError))), r("gx-ide-container", {
-      noContentPadding: true,
-      containerTitle: this._componentLocale.main.hasReferencesTo,
-      part: "references-to-container",
-      titleType: "secondary"
-    }, r("div", {
-      class: {
-        "reference-container": true,
-        "reference-container--no-references": !((n = this.referencesToTreeData) === null || n === void 0 ? void 0 : n.length)
-      }
-    }, r("gxg-tree-view", {
-      class: {
-        "gxi-hidden": !((l = this.referencesToTreeData) === null || l === void 0 ? void 0 : l.length)
-      },
-      part: "referenced-to-tree",
-      treeModel: this.referencesToTreeData,
-      lazyLoadTreeItemsCallback: this.referencesLazyLoadCallbackHandler("references-to"),
-      onSelectedItemsChange: this.referenceSelectedHandler,
-      dragDisabled: true,
-      dropDisabled: true,
-      onItemOpenReference: this.referencesItemOpenReferenceCallback
-    }), !((c = this.referencesToTreeData) === null || c === void 0 ? void 0 : c.length) && r("gxg-text", {
-      textAlign: a.gxgMessage.common.textAlign,
-      padding: a.gxgMessage.common.textAlign,
-      type: a.gxgMessage.common.type,
-      maxWidth: a.gxgMessage.common.maxWidth,
-      part: "references-to-text",
-      class: "gx-ide-message"
-    }, ((g = this.referencesToTreeData) === null || g === void 0 ? void 0 : g.length) === 0 ? this._componentLocale.main.hasReferencesEmpty : this._componentLocale.main.hasReferencesToError)))))), r("gxg-shortcuts", {
-      src: this.shortcutsSrc
-    }));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/references" ];
-  }
-  get el() {
-    return o(this);
-  }
-  static get watchers() {
-    return {
-      selectedObject: [ "selectedObjectHandler" ]
-    };
-  }
-};
-
-c.style = l;
-
-export { c as gx_ide_references };
-//# sourceMappingURL=p-a2805229.entry.js.map