@genexus/genexus-ide-ui 1.0.7 → 1.0.9

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

@@ -1,309 +0,0 @@
-import { r as t, c as e, a as r, h as a, H as o, g as i } from "./p-aaed592c.js";
-
-import { L as s } from "./p-74d59062.js";
-
-import { c as l } from "./p-8cf892b5.js";
-
-const n = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.filter-grid{display:grid;padding:var(--spacing-comp-03);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-areas:"pattern-label pattern-input pattern-input pattern-input" "object-label object-input object-input object-input"}.filter-grid .pattern-label{grid-area:pattern-label}.filter-grid .pattern-input{grid-area:pattern-input}.filter-grid .object-label{grid-area:object-label}.filter-grid .object-input{grid-area:object-input}.filter-grid--no-title{border-top:0}.grid-container{height:100%}ch-grid-cell{--spacing-comp-02:var(--spacing-comp-03)}.objects-count{display:flex;justify-content:space-around}.objects-count>*{flex:1;padding:var(--spacing-comp-01)}.objects-count>:not(:last-child){border-inline-end:1px solid var(--gx-ide-container-border-color)}gx-ide-container.loading::part(content){display:grid}';
-
-// Best performance bundle
-const c = [ "resets/box-sizing", "utils/form", "utils/layout", "utils/typography", "components/button", "components/checkbox", "components/edit", "components/tabular-grid" ];
-
-const g = class {
-  constructor(o) {
-    t(this, o);
-    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
-    this.componentDidLoadEvent = e(this, "componentDidLoadEvent", 7);
-    this.renderedFirstTime = false;
-    this.shortcutsSrc = r(`./gx-ide-assets/object-selector/shortcuts.json`);
-    // 9.LOCAL METHODS //
-        this.loaderCancelCallbackHandler = async () => {
-      this.cancelCallbackHandler();
-    };
-    this.getObjects = () => {
-      var t, e, r;
-      const a = {
-        pattern: (t = this.filterPatternEl) === null || t === void 0 ? void 0 : t.value,
-        object: (r = (e = this.filterObjectEl) === null || e === void 0 ? void 0 : e.value) === null || r === void 0 ? void 0 : r.id
-      };
-      if (this.loadItemsCallback) {
-        if (this.loader) {
-          this.loading = true;
-          this.loaderEl.show = true;
-        }
-        this.loadItemsCallback(a).then((t => {
-          if (t) {
-            this.objects = t;
-          }
-          this.selectedObjectsIds = [];
-          this.deselectAll();
-          if (this.loader) {
-            this.loading = false;
-            this.loaderEl.show = false;
-          }
-        }));
-      }
-    };
-    this.editCallbackHandler = async t => {
-      t.stopPropagation();
-      if (this.editCallback && this.selectedObjectsIds[0]) {
-        const t = await this.editCallback(this.selectedObjectsIds[0]);
-        if (t) {
-          this.getObjects();
-        }
-      }
-    };
-    this.confirmCallbackHandler = t => {
-      t.stopPropagation();
-      this.confirmCallback(this.selectedObjectsIds);
-    };
-    this.cancelCallbackHandler = () => {
-      this.cancelCallback();
-    };
-    this.deselectAll = () => {
-      this.chGridEl.selectAllRows(false);
-    };
-    this.newVariableCallbackHandler = async () => {
-      if (this.newVariableCallback) {
-        const t = await this.newVariableCallback();
-        if (t) {
-          this.getObjects();
-        }
-      }
-    };
-    this.listenChanges = async () => {
-      /* pattern*/
-      this.filterPatternEl.addEventListener("valueChanged", (() => {
-        this.getObjects();
-      }));
-      /* object*/      this.filterObjectEl.addEventListener("valueChanged", (() => {
-        this.getObjects();
-      }));
-      // for grid selection
-            this.chGridEl.addEventListener("selectionChanged", (t => {
-        this.selectedObjectsIds = t.detail.rowsId;
-      }));
-    };
-    this.chGridKeyDownHandler = t => {
-      if (t.key === "Enter") {
-        this.confirmCallbackHandler(t);
-      }
-    };
-    this.hostKeyPressHandler = t => {
-      // just prevent keypress propagation
-      if (t.key === "Enter") {
-        t.stopPropagation();
-      }
-    };
-    // 9.LOCAL METHODS  -> RENDER//
-        this.renderFilter = () => a("div", {
-      part: "filters-container",
-      class: {
-        "filter-grid": true,
-        "filter-grid--no-title": !this.displayTitle
-      },
-      slot: "header"
-    }, a("gxg-label", {
-      labelPosition: "start",
-      class: "pattern-label",
-      noMargin: true
-    }, this._componentLocale.filter.pattern), a("gxg-form-text", {
-      ref: t => this.filterPatternEl = t,
-      class: "pattern-input",
-      part: "filter-pattern",
-      debounce: true
-    }), a("gxg-label", {
-      labelPosition: "start",
-      class: "object-label",
-      noMargin: true
-    }, this._componentLocale.filter.object), a("gx-ide-entity-selector", {
-      selectEntityCallback: this.selectObjectCallback,
-      ref: t => this.filterObjectEl = t,
-      class: "object-input"
-    }));
-    this.renderObjects = () => a("ch-tabular-grid", {
-      class: "tabular-grid",
-      rowSelectionMode: this.selectionType,
-      ref: t => this.chGridEl = t,
-      onKeyDown: this.chGridKeyDownHandler,
-      part: "ch-grid-objects"
-    }, a("ch-tabular-grid-columnset", {
-      class: "tabular-grid-column-set"
-    }, a("ch-tabular-grid-column", {
-      "column-name-position": "text",
-      settingable: false,
-      size: l.tabularGrid.colSize.minContent,
-      class: "tabular-grid-column"
-    }), a("ch-tabular-grid-column", {
-      "column-name": this._componentLocale.tableHead.name,
-      "column-name-position": "text",
-      settingable: false,
-      size: l.tabularGrid.colSize.auto,
-      class: "tabular-grid-column"
-    }), a("ch-tabular-grid-column", {
-      "column-name": this._componentLocale.tableHead.dataType,
-      "column-name-position": "text",
-      settingable: false,
-      size: l.tabularGrid.colSize.auto,
-      class: "tabular-grid-column"
-    }), a("ch-tabular-grid-column", {
-      "column-name": this._componentLocale.tableHead.description,
-      "column-name-position": "text",
-      settingable: false,
-      size: l.tabularGrid.colSize.auto,
-      class: "tabular-grid-column"
-    })), !this.loading ? a("ch-tabular-grid-rowset", {
-      class: "tabular-grid-rowset"
-    }, this.objects.sort(((t, e) => {
-      const r = t.name.toLowerCase(), a = e.name.toLowerCase();
-      if (r < a) {
-        return -1;
-      }
-      if (r > a) {
-        return 1;
-      }
-      return 0;
-    })).map((t => a("ch-tabular-grid-row", {
-      rowid: t.id,
-      onDblClick: this.confirmCallbackHandler,
-      class: "tabular-grid-row"
-    }, a("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, a("ch-image", {
-      src: t.type === "attribute" ? "objects/attribute" : "objects-parts/variables",
-      class: "icon-md"
-    })), a("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, t.name), a("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, t.dataType), a("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, t.description))))) : a("ch-tabular-grid-rowset", {
-      class: "tabular-grid-rowset"
-    }, a("ch-tabular-grid-rowset-empty", {
-      ref: t => this.chGridRowsetEmptyEl = t
-    })));
-    this.objects = [];
-    this.selectedObjectsIds = [];
-    this.loading = true;
-    this.displayTitle = false;
-    this.loader = false;
-    this.selectionType = "multiple";
-    this.selectObjectCallback = undefined;
-    this.editCallback = undefined;
-    this.cancelCallback = undefined;
-    this.loadItemsCallback = undefined;
-    this.newVariableCallback = undefined;
-    this.confirmCallback = undefined;
-  }
-  evaluateLoading(t) {
-    this.loaderEl.show = t;
-  }
-  // 6.COMPONENT LIFECYCLE EVENTS //
-  async componentWillLoad() {
-    this._componentLocale = await s.getComponentStrings(this.el);
-    this.componentDidLoadEvent.emit(true);
-  }
-  componentDidLoad() {
-    this.listenChanges();
-    this.loaderEl.container = this.chGridEl;
-    this.getObjects();
-    this.filterPatternEl.focus();
-    this.evaluateLoading(this.loading);
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-    this.loaderEl.container = this.chGridRowsetEmptyEl;
-  }
-  // 7.LISTENERS //
-  // 8.PUBLIC METHODS API //
-  /**
-     * Suspends or reactivates the shortcuts
-     */
-  async suspendShortcuts(t) {
-    if (t) {
-      this.gxgShortcutsEl.suspend = true;
-    } else {
-      this.gxgShortcutsEl.suspend = false;
-    }
-  }
-  /**
-     * Validate necessary data input
-     */  async validate() {
-    const t = true;
-    return t;
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    return a(o, {
-      class: "gx-ide-component",
-      onKeyPress: this.hostKeyPressHandler
-    }, a("ch-theme", {
-      model: c
-    }), a("div", {
-      class: "gx-ide-main-wrapper"
-    }, a("gx-ide-container", {
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
-      noContentPadding: true,
-      noAboveFooterPadding: true,
-      noHeadingPadding: true,
-      headingPaddingTop: true,
-      noHeadingBorder: true,
-      slimmerFooter: l.gxIdeContainer.slimmerFooter,
-      class: {
-        loading: this.loading
-      }
-    }, this.renderFilter(), this.renderObjects(), a("gxg-button", {
-      type: "primary-text-only",
-      onClick: this.newVariableCallbackHandler,
-      part: "gxg-button gxg-button--new",
-      slot: "footer-start"
-    }, this._componentLocale.footer.btnNew), a("gxg-button", {
-      type: "primary-text-only",
-      onClick: this.editCallbackHandler,
-      part: "gxg-button gxg-button--edit",
-      disabled: this.selectedObjectsIds.length === 0,
-      slot: "footer-start"
-    }, this._componentLocale.footer.btnEdit), a("gxg-button", {
-      type: "outlined",
-      onClick: this.cancelCallbackHandler,
-      part: "gxg-button gxg-button--cancel",
-      slot: "footer-end"
-    }, this._componentLocale.footer.btnCancel), a("gxg-button", {
-      type: "primary-text-only",
-      onClick: this.confirmCallbackHandler,
-      part: "gxg-button gxg-button--ok",
-      slot: "footer-end"
-    }, this._componentLocale.footer.btnConfirm))), a("gxg-shortcuts", {
-      src: this.shortcutsSrc,
-      ref: t => this.gxgShortcutsEl = t
-    }), this.loader ? a("gxg-ide-loader", {
-      cancelLabel: this._componentLocale.loader.cancelLabel,
-      loaderTitle: this._componentLocale.loader.title,
-      ref: t => this.loaderEl = t,
-      cancelCallback: this.loaderCancelCallbackHandler
-    }) : null);
-  }
-  static get delegatesFocus() {
-    return true;
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/data-selector" ];
-  }
-  get el() {
-    return i(this);
-  }
-  static get watchers() {
-    return {
-      loading: [ "evaluateLoading" ]
-    };
-  }
-};
-
-g.style = n;
-
-export { g as gx_ide_data_selector };
-//# sourceMappingURL=p-e4db9c34.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["dataSelectorCss","CSS_BUNDLES","GxIdeDataSelector","this","renderedFirstTime","shortcutsSrc","getAssetPath","loaderCancelCallbackHandler","async","cancelCallbackHandler","getObjects","filters","pattern","_a","filterPatternEl","value","object","_c","_b","filterObjectEl","id","loadItemsCallback","loader","loading","loaderEl","show","then","items","objects","selectedObjectsIds","deselectAll","editCallbackHandler","e","stopPropagation","editCallback","result","confirmCallbackHandler","confirmCallback","cancelCallback","chGridEl","selectAllRows","newVariableCallbackHandler","newVariableCallback","response","listenChanges","addEventListener","ev","detail","rowsId","chGridKeyDownHandler","key","hostKeyPressHandler","renderFilter","h","part","class","displayTitle","slot","labelPosition","noMargin","_componentLocale","filter","ref","el","debounce","selectEntityCallback","selectObjectCallback","renderObjects","rowSelectionMode","selectionType","onKeyDown","settingable","size","config","tabularGrid","colSize","minContent","tableHead","name","auto","dataType","description","sort","a","b","nameA","toLowerCase","nameB","map","obj","rowid","onDblClick","src","type","chGridRowsetEmptyEl","evaluateLoading","componentWillLoad","Locale","getComponentStrings","componentDidLoadEvent","emit","componentDidLoad","container","focus","componentDidRender","componentDidRenderFirstTime","componentName","suspendShortcuts","gxgShortcutsEl","suspend","validate","isValid","render","Host","onKeyPress","model","containerTitle","noContentPadding","noAboveFooterPadding","noHeadingPadding","headingPaddingTop","noHeadingBorder","slimmerFooter","gxIdeContainer","onClick","footer","btnNew","disabled","length","btnEdit","btnCancel","btnConfirm","cancelLabel","loaderTitle","title"],"sources":["src/components/data-selector/data-selector.scss?tag=gx-ide-data-selector&encapsulation=shadow","src/components/data-selector/data-selector.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--color-background);\n}\n\n/* Filters */\n.filter-grid {\n  display: grid;\n  padding: var(--spacing-comp-03);\n  row-gap: var(--gx-ide-grid-row-gap);\n  column-gap: var(--gx-ide-grid-column-gap);\n  border-block-start: 1px solid var(--gx-ide-container-border-color);\n  border-block-end: 1px solid var(--gx-ide-container-border-color);\n\n  grid-template-areas:\n    \"pattern-label pattern-input pattern-input pattern-input\"\n    \"object-label object-input object-input object-input\";\n\n  .pattern-label {\n    grid-area: pattern-label;\n  }\n  .pattern-input {\n    grid-area: pattern-input;\n  }\n  .object-label {\n    grid-area: object-label;\n  }\n  .object-input {\n    grid-area: object-input;\n  }\n\n  &--no-title {\n    border-top: 0;\n  }\n}\n\n/*gxg-grid*/\n.grid-container {\n  height: 100%;\n}\nch-grid-cell {\n  --spacing-comp-02: var(--spacing-comp-03);\n}\n/* Objects Table */\n.objects-count {\n  display: flex;\n  justify-content: space-around;\n  > * {\n    flex: 1;\n    padding: var(--spacing-comp-01);\n  }\n  > :not(:last-child) {\n    border-inline-end: 1px solid var(--gx-ide-container-border-color);\n  }\n}\n\ngx-ide-container.loading::part(content) {\n  // only apply display grid when the loader is being displayed, to stretch the container.\n  display: grid;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n  getAssetPath,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { EntityData } from \"../../common/types\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\n// Best performance bundle\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/edit\",\n  \"components/tabular-grid\"\n];\n@Component({\n  tag: \"gx-ide-data-selector\",\n  styleUrl: \"data-selector.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/data-selector\"]\n})\nexport class GxIdeDataSelector {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/object-selector/shortcuts.json`\n  );\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeDataSelectorElement;\n\n  /* References needed to collect data */\n  private filterPatternEl!: HTMLGxgFormTextElement;\n  private filterObjectEl!: HTMLGxIdeEntitySelectorElement;\n  private chGridEl!: HTMLChTabularGridElement;\n  private chGridRowsetEmptyEl!: HTMLChTabularGridRowsetEmptyElement;\n  private gxgShortcutsEl: HTMLGxgShortcutsElement;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * The objects rendered in the table\n   */\n  @State() objects: ItemData[] = [];\n\n  /**\n   * The selected objects in the table of objects\n   */\n  @State() selectedObjectsIds: string[] = [];\n\n  /**\n   * True if loadItemsCallback has been called and has not been resolved yet.\n   */\n  @State() loading: boolean = true;\n  @Watch(\"loading\")\n  evaluateLoading(loading: boolean) {\n    this.loaderEl.show = loading;\n  }\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Single if multiple object selection is not allowed. Default is multiple\n   */\n  @Prop() readonly selectionType: \"single\" | \"multiple\" = \"multiple\";\n\n  /**\n   * Callback invoked when the action is executed in the Object filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectObjectCallback: SelectObjectCallback;\n\n  /**\n   * Callback invoked when user press edit button. Receives the first selected element id as parameter\n   */\n  @Prop() readonly editCallback: EditCallback;\n\n  /**\n   * Callback invoked when the user wishes to cancel the selection of objects.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback invoked when the component needs to reload the list of attributes.\n   */\n  @Prop() readonly loadItemsCallback!: LoadItemsCallback;\n\n  /**\n   * Callback invoked when the user presses the 'New' button.\n   */\n  @Prop() readonly newVariableCallback!: NewVariableCallback;\n\n  /**\n   * Callback invoked when the user presses the 'OK' button\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n  }\n\n  componentDidLoad() {\n    this.listenChanges();\n    this.loaderEl.container = this.chGridEl;\n    this.getObjects();\n    this.filterPatternEl.focus();\n    this.evaluateLoading(this.loading);\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n    this.loaderEl.container = this.chGridRowsetEmptyEl;\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.gxgShortcutsEl.suspend = true;\n    } else {\n      this.gxgShortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  // 9.LOCAL METHODS //\n\n  private loaderCancelCallbackHandler = async () => {\n    this.cancelCallbackHandler();\n  };\n\n  private getObjects = (): void => {\n    const filters: FiltersData = {\n      pattern: this.filterPatternEl?.value,\n      object: this.filterObjectEl?.value?.id\n    };\n    if (this.loadItemsCallback) {\n      if (this.loader) {\n        this.loading = true;\n        this.loaderEl.show = true;\n      }\n      this.loadItemsCallback(filters).then((items: ItemData[]) => {\n        if (items) {\n          this.objects = items;\n        }\n        this.selectedObjectsIds = [];\n        this.deselectAll();\n        if (this.loader) {\n          this.loading = false;\n          this.loaderEl.show = false;\n        }\n      });\n    }\n  };\n\n  private editCallbackHandler = async (e: MouseEvent): Promise<void> => {\n    e.stopPropagation();\n    if (this.editCallback && this.selectedObjectsIds[0]) {\n      const result = await this.editCallback(this.selectedObjectsIds[0]);\n      if (result) {\n        this.getObjects();\n      }\n    }\n  };\n\n  private confirmCallbackHandler = (e: MouseEvent | KeyboardEvent): void => {\n    e.stopPropagation();\n    this.confirmCallback(this.selectedObjectsIds);\n  };\n\n  private cancelCallbackHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  private deselectAll = (): void => {\n    (this.chGridEl as HTMLChTabularGridElement).selectAllRows(false);\n  };\n\n  private newVariableCallbackHandler = async () => {\n    if (this.newVariableCallback) {\n      const response = await this.newVariableCallback();\n      if (response) {\n        this.getObjects();\n      }\n    }\n  };\n\n  private listenChanges = async (): Promise<void> => {\n    /* pattern*/\n    this.filterPatternEl.addEventListener(\"valueChanged\", () => {\n      this.getObjects();\n    });\n\n    /* object*/\n    this.filterObjectEl.addEventListener(\"valueChanged\", () => {\n      this.getObjects();\n    });\n    // for grid selection\n    this.chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedObjectsIds = ev.detail.rowsId;\n    });\n  };\n\n  private chGridKeyDownHandler = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      this.confirmCallbackHandler(e);\n    }\n  };\n\n  private hostKeyPressHandler = (e: KeyboardEvent) => {\n    // just prevent keypress propagation\n    if (e.key === \"Enter\") {\n      e.stopPropagation();\n    }\n  };\n\n  // 9.LOCAL METHODS  -> RENDER//\n\n  private renderFilter = (): Element => {\n    return (\n      <div\n        part=\"filters-container\"\n        class={{\n          \"filter-grid\": true,\n          \"filter-grid--no-title\": !this.displayTitle\n        }}\n        slot=\"header\"\n      >\n        <gxg-label labelPosition=\"start\" class=\"pattern-label\" noMargin>\n          {this._componentLocale.filter.pattern}\n        </gxg-label>\n        <gxg-form-text\n          ref={(el: HTMLGxgFormTextElement) =>\n            (this.filterPatternEl = el as HTMLGxgFormTextElement)\n          }\n          class=\"pattern-input\"\n          part=\"filter-pattern\"\n          debounce\n        ></gxg-form-text>\n\n        <gxg-label labelPosition=\"start\" class=\"object-label\" noMargin>\n          {this._componentLocale.filter.object}\n        </gxg-label>\n        <gx-ide-entity-selector\n          selectEntityCallback={this.selectObjectCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.filterObjectEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n          class=\"object-input\"\n        ></gx-ide-entity-selector>\n      </div>\n    );\n  };\n\n  private renderObjects = (): Element => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid\"\n        rowSelectionMode={this.selectionType}\n        ref={(el: HTMLChTabularGridElement) => (this.chGridEl = el)}\n        onKeyDown={this.chGridKeyDownHandler}\n        part=\"ch-grid-objects\"\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.minContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this._componentLocale.tableHead.name}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.auto}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this._componentLocale.tableHead.dataType}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.auto}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this._componentLocale.tableHead.description}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.auto}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {!this.loading ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects\n              .sort((a, b) => {\n                const nameA = a.name.toLowerCase(),\n                  nameB = b.name.toLowerCase();\n                if (nameA < nameB) {\n                  return -1;\n                }\n                if (nameA > nameB) {\n                  return 1;\n                }\n                return 0;\n              })\n              .map((obj: ItemData) => (\n                <ch-tabular-grid-row\n                  rowid={obj.id}\n                  onDblClick={this.confirmCallbackHandler}\n                  class=\"tabular-grid-row\"\n                >\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    <ch-image\n                      src={\n                        obj.type === \"attribute\"\n                          ? \"objects/attribute\"\n                          : \"objects-parts/variables\"\n                      }\n                      class=\"icon-md\"\n                    ></ch-image>\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {obj.name}\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {obj.dataType}\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {obj.description}\n                  </ch-tabular-grid-cell>\n                </ch-tabular-grid-row>\n              ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty\n              ref={(el: HTMLChTabularGridRowsetEmptyElement) =>\n                (this.chGridRowsetEmptyEl = el)\n              }\n            ></ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid>\n    );\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\" onKeyPress={this.hostKeyPressHandler}>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            noContentPadding\n            noAboveFooterPadding\n            noHeadingPadding\n            headingPaddingTop\n            noHeadingBorder\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            class={{ loading: this.loading }}\n          >\n            {this.renderFilter()}\n            {this.renderObjects()}\n\n            {/* footer */}\n            {/* button new... */}\n            <gxg-button\n              type=\"primary-text-only\"\n              onClick={this.newVariableCallbackHandler}\n              part=\"gxg-button gxg-button--new\"\n              slot=\"footer-start\"\n            >\n              {this._componentLocale.footer.btnNew}\n            </gxg-button>\n            {/* button edit  */}\n            <gxg-button\n              type=\"primary-text-only\"\n              onClick={this.editCallbackHandler}\n              part=\"gxg-button gxg-button--edit\"\n              disabled={this.selectedObjectsIds.length === 0}\n              slot=\"footer-start\"\n            >\n              {this._componentLocale.footer.btnEdit}\n            </gxg-button>\n            {/* button cancel */}\n            <gxg-button\n              type=\"outlined\"\n              onClick={this.cancelCallbackHandler}\n              part=\"gxg-button gxg-button--cancel\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnCancel}\n            </gxg-button>\n            {/* button confirm */}\n            <gxg-button\n              type=\"primary-text-only\"\n              onClick={this.confirmCallbackHandler}\n              part=\"gxg-button gxg-button--ok\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnConfirm}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts\n          src={this.shortcutsSrc}\n          ref={(el: HTMLGxgShortcutsElement) =>\n            (this.gxgShortcutsEl = el as HTMLGxgShortcutsElement)\n          }\n        ></gxg-shortcuts>\n        {/* loader*/}\n        {this.loader ? (\n          <gxg-ide-loader\n            cancelLabel={this._componentLocale.loader.cancelLabel}\n            loaderTitle={this._componentLocale.loader.title}\n            ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n            cancelCallback={this.loaderCancelCallbackHandler}\n          ></gxg-ide-loader>\n        ) : null}\n      </Host>\n    );\n  }\n}\n\nexport type NewVariableCallback = () => Promise<boolean>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectObjectCallback = () => Promise<EntityData | undefined>;\n\nexport type EditCallback = (id: string) => Promise<boolean>;\n\nexport type ConfirmCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadItemsCallback = (filters: FiltersData) => Promise<ItemData[]>;\n\nexport type FiltersData = {\n  pattern?: string;\n  object?: string;\n};\n\nexport type ItemData = {\n  type: ItemType;\n  id: string;\n  name: string;\n  dataType: string;\n  description: string;\n};\n\nexport type ItemType = \"variable\" | \"attribute\";\n"],"mappings":"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"}