@genexus/genexus-ide-ui 0.0.100 → 0.0.101

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

@@ -1,436 +0,0 @@
-import { r as i, c as e, a as t, h as r, H as s, g as l } from "./p-2776d2f9.js";
-
-import { L as o } from "./p-74d59062.js";
-
-import { c as a } from "./p-9c1b4eb9.js";
-
-import { r as n } from "./p-549b1699.js";
-
-import { f as d } from "./p-04f3d630.js";
-
-import { g as c } from "./p-6893ccb8.js";
-
-import { F as g } from "./p-13feb5cf.js";
-
-const h = '.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)}.filter-grid{display:grid;padding:var(--mer-spacing--sm);row-gap:var(--gx-ide-grid-row-gap);column-gap:var(--gx-ide-grid-column-gap);border-block-start:1px solid var(--gx-ide-container-border-color);border-block-end:1px solid var(--gx-ide-container-border-color);grid-template-columns:1fr 1fr;grid-template-areas:"pattern type" "category module-folder" "modified-row modified-row"}.filter-grid .pattern{grid-area:pattern}.filter-grid .type{grid-area:type}.filter-grid .category{grid-area:category}.filter-grid .module-folder{grid-area:module-folder}.filter-grid .modified-row{grid-area:modified-row}.filter-grid--no-title{border-top:0}.modified-row{min-height:24px;display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap);flex:1}.modified-row__inner-wrapper{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap);flex:1}.modified-row__inner-wrapper .date-time{display:flex;align-items:center}.modified-row .user{max-width:205px !important}.modified-row .date-time{flex:1}.grid-container{height:100%}ch-grid-cell{--mer-spacing--xs:var(--mer-spacing--sm)}.objects-count{display:flex;justify-content:space-around}.objects-count>*{flex:1;padding:var(--mer-spacing--xxs)}.objects-count>:not(:last-child){border-inline-end:1px solid var(--gx-ide-container-border-color)}';
-
-const u = class {
-  constructor(s) {
-    i(this, s);
-    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
-    this.componentDidLoadEvent = e(this, "componentDidLoadEvent", 7);
-    this.renderedFirstTime = false;
-    this.shortcutsSrc = t(`./gx-ide-assets/object-selector/shortcuts.json`);
-    // 9.LOCAL METHODS //
-        this.loaderCancelCallbackHandler = async () => {
-      this.cancelCallbackHandler();
-    };
-    this.getObjects = () => {
-      var i, e, t, r, s, l, o, a;
-      /* 'modified' checkbox, should only be considered if 'date' || 'user' */      const n = this.filterModifiedEl.checked;
-      const d = this.filterAfterTypeEl.value;
-      const c = (e = (i = this.filterUserEl) === null || i === void 0 ? void 0 : i.value) === null || e === void 0 ? void 0 : e.trim();
-      const h = {
-        pattern: (t = this.filterPatternEl) === null || t === void 0 ? void 0 : t.value,
-        type: (r = this.filterTypeEl) === null || r === void 0 ? void 0 : r.value,
-        category: (s = this.filterCategoryEl) === null || s === void 0 ? void 0 : s.value,
-        module: (o = (l = this.filterModuleEl) === null || l === void 0 ? void 0 : l.value) === null || o === void 0 ? void 0 : o.id,
-        modifiedAfter: n && d ? d : null,
-        modifiedBy: n && c ? c : null,
-        modifiedDate: n && d === g.DATE_TIME ? (a = this.filterModifiedDateEl) === null || a === void 0 ? void 0 : a.value : null
-      };
-      if (this.loadCallback) {
-        if (this.loader) {
-          this.loaderEl.show = true;
-        }
-        this.loadCallback(h).then((i => {
-          if (i) {
-            this.objects = i;
-          }
-          this.selectedObjectsIds = [];
-          this.deselectAll();
-          if (this.loader) {
-            this.loaderEl.show = false;
-          }
-        }));
-      }
-    };
-    this.openSelectionCallbackHandler = i => {
-      i.stopPropagation();
-      this.openSelectionCallback(this.selectedObjectsIds);
-    };
-    this.cancelCallbackHandler = () => {
-      this.cancelCallback();
-    };
-    this.selectAll = () => {
-      this.chGridEl.selectAllRows();
-    };
-    this.deselectAll = () => {
-      this.chGridEl.selectAllRows(false);
-    };
-    this.newObjectCallbackHandler = () => {
-      this.newObjectCallback();
-    };
-    this.listenChanges = async () => {
-      /* pattern*/
-      this.filterPatternEl.addEventListener("input", (() => {
-        this.getObjects();
-      }));
-      /* type*/      this.filterTypeEl.addEventListener("valueChanged", (() => {
-        this.getObjects();
-      }));
-      /* category*/      this.filterCategoryEl.addEventListener("valueChanged", (() => {
-        this.getObjects();
-      }));
-      /* module/folder*/      this.filterModuleEl.addEventListener("valueChanged", (() => {
-        this.getObjects();
-      }));
-      /* modified */      this.filterModifiedEl.addEventListener("change", (i => {
-        this.filterModified = i.detail.value;
-        this.getObjects();
-      }));
-      /* modified after... */      this.filterAfterTypeEl.addEventListener("valueChanged", (() => {
-        this.filterAfterType = this.filterAfterTypeEl.value;
-        this.getObjects();
-      }));
-      /* user... */      this.filterUserEl.addEventListener("input", (() => {
-        this.getObjects();
-      }));
-      /* Date/Time */      this.filterModifiedDateEl.addEventListener("valueChanged", (() => {
-        this.getObjects();
-      }));
-      // for grid selection
-            this.chGridEl.addEventListener("selectionChanged", (i => {
-        this.selectedObjectsIds = i.detail.rowsId;
-      }));
-    };
-    this.chGridKeyDownHandler = i => {
-      if (i.key === "Enter") {
-        this.openSelectionCallbackHandler(i);
-      }
-    };
-    this.hostKeyPressHandler = i => {
-      // just prevent keypress propagation
-      if (i.key === "Enter") {
-        i.stopPropagation();
-      }
-    };
-    this.evaluateObjectsCount = i => {
-      if (i === "selected" && this.selectedObjectsIds.length === 0) {
-        return this._componentLocale.objCount.selected.none;
-      } else if (i === "selected" && this.selectedObjectsIds.length === 1) {
-        return `1 ${this._componentLocale.objCount.selected.one}`;
-      } else if (i === "selected" && this.selectedObjectsIds.length > 1) {
-        return `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected.many}`;
-      } else if (i === "matching" && this.objects.length === 0) {
-        return this._componentLocale.objCount.matching.none;
-      } else if (i === "matching" && this.objects.length === 1) {
-        return `1 ${this._componentLocale.objCount.matching.one}`;
-      } else {
-        // hopefully: type === "matching" && this.objects.length > 1
-        return `${this.objects.length} ${this._componentLocale.objCount.matching.many}`;
-      }
-    };
-    // 9.LOCAL METHODS  -> RENDER//
-        this.renderFilter = () => {
-      var i, e;
-      return r("div", {
-        part: "filters-container",
-        class: {
-          "filter-grid": true,
-          "filter-grid--no-title": !this.displayTitle
-        },
-        slot: "header"
-      }, r("gxg-form-text", {
-        "label-position": "above",
-        label: this._componentLocale.filter.pattern,
-        ref: i => this.filterPatternEl = i,
-        value: this.patternValue,
-        class: "pattern",
-        part: "filter-pattern"
-      }), r("gxg-combo-box", {
-        "disable-filter": true,
-        label: this._componentLocale.filter.type,
-        value: this.defaultType,
-        disabled: !this.types,
-        "display-validation-styles": true,
-        "display-validation-message": true,
-        ref: i => this.filterTypeEl = i,
-        class: "type",
-        part: "filter-type"
-      }, n((i = this.types) !== null && i !== void 0 ? i : [])), r("gxg-combo-box", {
-        "disable-filter": true,
-        label: this._componentLocale.filter.category,
-        value: this.defaultCategory,
-        disabled: !this.categories,
-        "display-validation-styles": true,
-        "display-validation-message": true,
-        ref: i => this.filterCategoryEl = i,
-        class: "category",
-        part: "filter-category"
-      }, n((e = this.categories) !== null && e !== void 0 ? e : [])), r("gx-ide-entity-selector", {
-        label: this._componentLocale.filter.module,
-        "label-position": "above",
-        value: this.defaultModule,
-        defaultValue: this.defaultModule,
-        selectEntityCallback: this.selectModuleCallback,
-        ref: i => this.filterModuleEl = i,
-        class: "module-folder"
-      }), r("div", {
-        class: "modified-row"
-      }, r("gxg-form-checkbox", {
-        label: this._componentLocale.filter.modified,
-        class: "align-center",
-        ref: i => this.filterModifiedEl = i,
-        part: "filter-modified"
-      }), r("div", {
-        class: "modified-row__inner-wrapper"
-      }, r("gxg-combo-box", {
-        class: {
-          "gxi-hidden": !this.filterModified,
-          "combo-modified": true
-        },
-        "disable-filter": true,
-        value: this.filterAfterType,
-        "display-validation-styles": true,
-        "display-validation-message": true,
-        ref: i => this.filterAfterTypeEl = i,
-        part: "filter-after-type"
-      }, n([ {
-        id: g.NONE,
-        label: this._componentLocale.filter.afterNone,
-        value: g.NONE
-      }, {
-        id: g.DATE_TIME,
-        label: this._componentLocale.filter[g.DATE_TIME],
-        value: g.DATE_TIME
-      }, {
-        id: g.IMPORT,
-        label: this._componentLocale.filter[g.IMPORT],
-        value: g.IMPORT
-      }, {
-        id: g.LAST_BUILD,
-        label: this._componentLocale.filter[g.LAST_BUILD],
-        value: g.LAST_BUILD
-      } ])), r("gxg-form-text", {
-        class: {
-          "gxi-hidden": !this.filterModified,
-          user: true
-        },
-        "label-position": "start",
-        label: this._componentLocale.filter.user,
-        "max-width": "150px",
-        ref: i => this.filterUserEl = i,
-        part: "filter-user"
-      }), r("div", {
-        class: {
-          "date-time": true,
-          "gxi-hidden": !this.filterModified || this.filterAfterType !== g.DATE_TIME
-        },
-        part: "filter-datetime"
-      }, r("gxg-label", {
-        "label-position": "start"
-      }, this._componentLocale.filter.dateTime), r("gxg-date-picker", {
-        ref: i => this.filterModifiedDateEl = i,
-        class: "date-time"
-      })))));
-    };
-    this.renderObjects = () => r("gxg-grid", {
-      "ellipsis-cell-wrapper": true,
-      noBorder: true
-    }, r("ch-grid", {
-      rowSelectionMode: this.multiSelection ? "multiple" : "single",
-      ref: i => this.chGridEl = i,
-      onKeyDown: this.chGridKeyDownHandler,
-      part: "ch-grid-objects"
-    }, r("ch-grid-columnset", null, r("ch-grid-column", {
-      "column-name-position": "text",
-      settingable: false,
-      size: c.colSize.auto
-    }), r("ch-grid-column", {
-      "column-name": this._componentLocale.tableHead.name,
-      "column-name-position": "text",
-      settingable: false,
-      size: c.colSize.auto
-    }), r("ch-grid-column", {
-      "column-name": this._componentLocale.tableHead.type,
-      "column-name-position": "text",
-      settingable: false,
-      size: c.colSize.auto
-    }), r("ch-grid-column", {
-      "column-name": this._componentLocale.tableHead.module,
-      "column-name-position": "text",
-      settingable: false,
-      size: c.colSize.auto
-    }), r("ch-grid-column", {
-      "column-name": this._componentLocale.tableHead.description,
-      "column-name-position": "text",
-      settingable: false,
-      size: c.colSize.common
-    }), r("ch-grid-column", {
-      "column-name": this._componentLocale.tableHead.modifiedDate,
-      "column-name-position": "text",
-      settingable: false,
-      size: c.colSize.auto
-    }), r("ch-grid-column", {
-      "column-name": this._componentLocale.tableHead.importDate,
-      "column-name-position": "text",
-      settingable: false,
-      size: c.colSize.auto
-    })), this.objects.sort(((i, e) => {
-      const t = i.name.toLowerCase(), r = e.name.toLowerCase();
-      if (t < r) {
-        return -1;
-      }
-      if (t > r) {
-        return 1;
-      }
-      return 0;
-    })).map((i => r("ch-grid-row", {
-      rowid: i.id,
-      onDblClick: this.openSelectionCallbackHandler
-    }, r("ch-grid-cell", null, r("span", {
-      class: "cell-wrapper"
-    }, r("gxg-icon", {
-      type: i.icon,
-      color: "auto",
-      size: "small"
-    }))), r("ch-grid-cell", null, r("span", {
-      class: "cell-wrapper"
-    }, " ", i.name, " ")), r("ch-grid-cell", null, r("span", {
-      class: "cell-wrapper"
-    }, i.type)), r("ch-grid-cell", null, r("span", {
-      class: "cell-wrapper"
-    }, i.module)), r("ch-grid-cell", null, r("span", {
-      class: "cell-wrapper"
-    }, i.description)), r("ch-grid-cell", null, r("span", {
-      class: "cell-wrapper"
-    }, `${d(i.modifiedDate, "date-time")}`)), r("ch-grid-cell", null, r("span", {
-      class: "cell-wrapper"
-    }, `${d(i.importDate, "date-time")}`)))))));
-    this.filterAfterType = "";
-    this.filterModified = false;
-    this.objects = [];
-    this.selectedObjectsIds = [];
-    this.displayTitle = false;
-    this.loader = false;
-    this.multiSelection = true;
-    this.patternValue = undefined;
-    this.types = undefined;
-    this.defaultType = undefined;
-    this.categories = undefined;
-    this.defaultCategory = undefined;
-    this.defaultModule = undefined;
-    this.selectModuleCallback = undefined;
-    this.cancelCallback = undefined;
-    this.loadCallback = undefined;
-    this.newObjectCallback = undefined;
-    this.openSelectionCallback = undefined;
-  }
-  // 6.COMPONENT LIFECYCLE EVENTS //
-  async componentWillLoad() {
-    this._componentLocale = await o.getComponentStrings(this.el);
-    this.componentDidLoadEvent.emit(true);
-  }
-  componentDidLoad() {
-    this.listenChanges();
-    this.loaderEl.container = this.chGridEl;
-    this.getObjects();
-    this.filterPatternEl.focus();
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-  }
-  // 7.LISTENERS //
-  // 8.PUBLIC METHODS API //
-  /**
-     * Suspends or reactivates the shortcuts
-     */
-  async suspendShortcuts(i) {
-    if (i) {
-      this.gxgShortcutsEl.suspend = true;
-    } else {
-      this.gxgShortcutsEl.suspend = false;
-    }
-  }
-  /**
-     * Validate necessary data input
-     */  async validate() {
-    const i = true;
-    return i;
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    return r(s, {
-      class: "gx-ide-component",
-      onKeyPress: this.hostKeyPressHandler
-    }, r("div", {
-      class: "gx-ide-main-wrapper"
-    }, r("gx-ide-container", {
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
-      noContentPadding: true,
-      noAboveFooterPadding: true,
-      noHeadingPadding: true,
-      headingPaddingTop: true,
-      noHeadingBorder: true,
-      slimmerFooter: a.gxIdeContainer.slimmerFooter
-    }, this.renderFilter(), this.renderObjects(), r("div", {
-      class: "objects-count",
-      slot: "footer-above"
-    }, r("gxg-text", {
-      class: "align-end",
-      part: "objects-selected",
-      textAlign: "center"
-    }, this.evaluateObjectsCount("selected")), r("gxg-text", {
-      class: "align-end",
-      part: "objects-matching",
-      textAlign: "center"
-    }, this.evaluateObjectsCount("matching"))), r("gxg-button", {
-      type: "outlined",
-      onClick: this.cancelCallbackHandler,
-      part: "gxg-button gxg-button--cancel",
-      slot: "footer-end"
-    }, this._componentLocale.footer.btnCancel), r("gxg-button", {
-      type: "primary-text-only",
-      onClick: this.openSelectionCallbackHandler,
-      part: "gxg-button gxg-button--ok",
-      slot: "footer-end"
-    }, this._componentLocale.footer.btnConfirm), r("gxg-button", {
-      type: "secondary-text-icon",
-      icon: "menus/new-object",
-      onClick: this.newObjectCallbackHandler,
-      part: "gxg-button gxg-button--new",
-      slot: "footer-start"
-    }, this._componentLocale.footer.btnNew), this.multiSelection ? r("gxg-button", {
-      type: "secondary-text-only",
-      onClick: this.selectAll,
-      part: "gxg-button gxg-button--select-all",
-      slot: "footer-start"
-    }, this._componentLocale.footer.btnSelectAll) : null)), r("gxg-shortcuts", {
-      src: this.shortcutsSrc,
-      ref: i => this.gxgShortcutsEl = i
-    }), this.loader ? r("gxg-ide-loader", {
-      cancelLabel: this._componentLocale.loader.cancelLabel,
-      loaderTitle: this._componentLocale.loader.title,
-      ref: i => this.loaderEl = i,
-      cancelCallback: this.loaderCancelCallbackHandler
-    }) : null);
-  }
-  static get delegatesFocus() {
-    return true;
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/object-selector" ];
-  }
-  get el() {
-    return l(this);
-  }
-};
-
-u.style = h;
-
-export { u as gx_ide_object_selector };
-//# sourceMappingURL=p-d4d72da2.entry.js.map

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

@@ -1,236 +0,0 @@
-import { r as i, h as e, H as t, g as r } from "./p-2776d2f9.js";
-
-import { L as a } from "./p-74d59062.js";
-
-const n = ":host{display:flex;align-items:center;justify-content:center}.container{max-width:520px;margin:0 auto;gap:var(--mer-spacing--xl);opacity:0;transition:opacity var(--state-transition-speed);padding:var(--mer-spacing--md)}.container .icon-wrapper{border:var(--mer-border__width--sm) dashed var(--mer-accent__primary);border-radius:50%;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.container__main{gap:var(--mer-spacing--sm)}.container__buttons{gap:var(--mer-spacing--xs)}.container--visible{opacity:1}.container,.container__main,.container__buttons{display:flex;align-items:center;flex-direction:column}";
-
-const s = class {
-  constructor(e) {
-    i(this, e);
-    /*
-      INDEX:
-      1.OWN PROPERTIES
-      2.REFERENCE TO ELEMENTS
-      3.STATE() VARIABLES
-      4.PUBLIC PROPERTY API | WATCH'S
-      5.EVENTS (EMIT)
-      6.COMPONENT LIFECYCLE METHODS
-      7.LISTENERS
-      8.PUBLIC METHODS API
-      9.LOCAL METHODS
-      10.RENDER() FUNCTION
-      */
-    // 1.OWN PROPERTIES //
-        this.transitionSpeed = 200;
-    this.stateIcon = undefined;
-    this.stateTitle = undefined;
-    this.stateDescription = undefined;
-    this.primaryButtonLabel = undefined;
-    this.secondaryButtonLabel = undefined;
-    this.display = false;
-  }
-  watchDisplayHandler(i) {
-    if (i) {
-      this.primaryButtonEl.disabled = false;
-      this.secondaryButtonEl.disabled = false;
-    } else {
-      setTimeout((() => {
-        this.primaryButtonEl.disabled = true;
-        this.secondaryButtonEl.disabled = true;
-      }), this.transitionSpeed);
-    }
-  }
-  // 5.EVENTS (EMIT) //
-  // 6.COMPONENT LIFECYCLE METHODS //
-  componentWillLoad() {
-    this.el.style.setProperty("--state-transition-speed", `${this.transitionSpeed}ms`);
-  }
-  componentDidLoad() {
-    this.display = true;
-  }
-  // 7.LISTENERS //
-  // 8.PUBLIC METHODS API //
-  // 9.LOCAL METHODS //
-  // 10.RENDER() FUNCTION //
-  render() {
-    return e(t, null, e("div", {
-      class: {
-        container: true,
-        "container--visible": this.display
-      }
-    }, this.stateIcon ? e("span", {
-      class: "icon-wrapper"
-    }, e("gxg-icon", {
-      class: "icon",
-      type: this.stateIcon,
-      color: "mercury-primary"
-    }, this.stateTitle)) : null, e("main", {
-      class: "container__main"
-    }, this.stateTitle ? e("gx-ide-title", {
-      alignment: "center"
-    }, this.stateTitle) : null, this.stateDescription ? e("gxg-text", {
-      textAlign: "center"
-    }, this.stateDescription) : null), e("div", {
-      class: "container__buttons"
-    }, this.primaryButtonLabel ? e("gxg-button", {
-      type: "primary-text-only",
-      ref: i => this.primaryButtonEl = i
-    }, this.primaryButtonLabel) : null, this.secondaryButtonLabel ? e("gxg-button", {
-      type: "secondary-text-only",
-      ref: i => this.secondaryButtonEl = i
-    }, this.secondaryButtonLabel) : null)));
-  }
-  get el() {
-    return r(this);
-  }
-  static get watchers() {
-    return {
-      display: [ "watchDisplayHandler" ]
-    };
-  }
-};
-
-s.style = n;
-
-const o = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}: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 l = 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 a.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" ]
-    };
-  }
-};
-
-l.style = o;
-
-export { s as gx_ide_empty_state, l as gx_ide_recent_news };
-//# sourceMappingURL=p-e0924e3f.entry.js.map