@genexus/genexus-ide-ui 1.0.0 → 1.0.2

package/dist/genexus-ide-ui/p-1aee7705.entry.js

@@ -1,493 +0,0 @@
-import { r as t, c as e, a as i, h as r, H as a, g as o } from "./p-c147291f.js";
-
-import { L as s } from "./p-74d59062.js";
-
-import { c as l } from "./p-9c1b4eb9.js";
-
-import { r as n } from "./p-309544a8.js";
-
-import { f as d } from "./p-9265eb8d.js";
-
-import { g } from "./p-720702e4.js";
-
-import { F as c } from "./p-13feb5cf.js";
-
-const h = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}:host{display:block;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}gx-ide-container::part(content){display:grid}ch-tabular-grid{overflow:auto;max-width:100%}.tabular-grid-object-selector ch-tabular-grid-cell:where(:nth-child(5)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.objects-count{display:flex;justify-content:space-around}.objects-count>*{flex:1;padding:var(--mer-spacing--2xs)}.objects-count>:not(:last-child){border-inline-end:1px solid var(--gx-ide-container-border-color)}';
-
-const f = [ "resets/box-sizing", 
-// "utils/form",
-// "utils/layout",
-// "utils/typography",
-// "components/button",
-// "components/checkbox",
-// "components/edit",
-"components/tabular-grid" ];
-
-const b = class {
-  constructor(a) {
-    t(this, a);
-    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
-    this.componentDidLoadEvent = e(this, "componentDidLoadEvent", 7);
-    this.renderedFirstTime = false;
-    this.shortcutsSrc = i(`./gx-ide-assets/object-selector/shortcuts.json`);
-    // 9.LOCAL METHODS
-        this.loaderCancelCallbackHandler = async () => {
-      this.cancelCallbackHandler();
-    };
-    this.getObjects = () => {
-      var t, e, i, r, a, o;
-      /* 'modified' checkbox, should only be considered if 'date' || 'user' */      const s = this.filterModifiedEl.checked;
-      const l = this.filterAfterTypeEl.value;
-      const n = (e = (t = this.filterUserEl) === null || t === void 0 ? void 0 : t.value) === null || e === void 0 ? void 0 : e.trim();
-      const d = {
-        pattern: (i = this.filterPatternEl) === null || i === void 0 ? void 0 : i.value,
-        // type: this.filterTypeEl?.value,
-        type: this.selectedAttribute,
-        // category: this.filterCategoryEl?.value,
-        category: this.selectedCategory,
-        module: (a = (r = this.filterModuleEl) === null || r === void 0 ? void 0 : r.value) === null || a === void 0 ? void 0 : a.id,
-        modifiedAfter: s && l ? l : null,
-        modifiedBy: s && n ? n : null,
-        modifiedDate: s && l === c.DATE_TIME ? (o = this.filterModifiedDateEl) === null || o === void 0 ? void 0 : o.value : null
-      };
-      if (this.loadCallback) {
-        this.loading = true;
-        this.objects = [];
-        this.loadCallback(d).then((t => {
-          this.loaderEl.show = false;
-          if (t) {
-            this.objects = t;
-          }
-          this.selectedObjectsIds = [];
-          this.deselectAll();
-          this.loading = false;
-        }));
-      }
-    };
-    this.openSelectionCallbackHandler = t => {
-      t.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", (t => {
-        this.selectedAttribute = t.detail;
-        this.getObjects();
-      }));
-      /* category*/      this.filterCategoryEl.addEventListener("valueChanged", (t => {
-        this.selectedCategory = t.detail;
-        this.getObjects();
-      }));
-      /* module/folder*/      this.filterModuleEl.addEventListener("valueChanged", (() => {
-        this.getObjects();
-      }));
-      /* modified */      this.filterModifiedEl.addEventListener("change", (t => {
-        this.filterModified = t.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", (t => {
-        this.selectedObjectsIds = t.detail.rowsId;
-      }));
-    };
-    this.filterTypeHandler = t => {
-      this.selectedAttribute = t.detail.value;
-      this.getObjects();
-    };
-    this.filterCategoryHandler = t => {
-      this.selectedCategory = t.detail.value;
-      this.getObjects();
-    };
-    this.chGridKeyDownHandler = t => {
-      if (t.key === "Enter") {
-        this.openSelectionCallbackHandler(t);
-      }
-    };
-    this.hostKeyPressHandler = t => {
-      // just prevent keypress propagation
-      if (t.key === "Enter") {
-        t.stopPropagation();
-      }
-    };
-    this.evaluateObjectsCount = t => {
-      if (t === "selected" && this.selectedObjectsIds.length === 0) {
-        return this._componentLocale.objCount.selected.none;
-      } else if (t === "selected" && this.selectedObjectsIds.length === 1) {
-        return `1 ${this._componentLocale.objCount.selected.one}`;
-      } else if (t === "selected" && this.selectedObjectsIds.length > 1) {
-        return `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected.many}`;
-      } else if (t === "matching" && this.objects.length === 0) {
-        return this._componentLocale.objCount.matching.none;
-      } else if (t === "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}`;
-      }
-    };
-    this.afterClosedHandler = () => {
-      // do the same as if the value was changed.
-      this.filterAfterType = this.filterAfterTypeEl.value;
-      this.getObjects();
-    };
-    // 9.LOCAL METHODS  -> RENDER
-        this.renderFilter = () => 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: t => this.filterPatternEl = t,
-      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: t => this.filterTypeEl = t,
-      class: "type",
-      part: "filter-type"
-    }, this.types.map((t => r("gxg-combo-box-item", {
-      value: t.id,
-      onItemSelected: this.filterTypeHandler
-    }, t.name)))), 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: t => this.filterCategoryEl = t,
-      class: "category",
-      part: "filter-category"
-    }, this.categories.map((t => r("gxg-combo-box-item", {
-      value: t.id,
-      onItemSelected: this.filterCategoryHandler
-    }, t.label)))), r("gx-ide-entity-selector", {
-      label: this._componentLocale.filter.module,
-      "label-position": "above",
-      value: this.defaultModule,
-      defaultValue: this.defaultModule,
-      selectEntityCallback: this.selectModuleCallback,
-      ref: t => this.filterModuleEl = t,
-      class: "module-folder"
-    }), r("div", {
-      class: "modified-row"
-    }, r("gxg-form-checkbox", {
-      label: this._componentLocale.filter.modified,
-      class: "align-center",
-      ref: t => this.filterModifiedEl = t,
-      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: t => this.filterAfterTypeEl = t,
-      part: "filter-after-type",
-      onClosed: this.afterClosedHandler
-    }, n([ {
-      id: c.NONE,
-      label: this._componentLocale.filter.afterNone,
-      value: c.NONE
-    }, {
-      id: c.DATE_TIME,
-      label: this._componentLocale.filter[c.DATE_TIME],
-      value: c.DATE_TIME
-    }, {
-      id: c.IMPORT,
-      label: this._componentLocale.filter[c.IMPORT],
-      value: c.IMPORT
-    }, {
-      id: c.LAST_BUILD,
-      label: this._componentLocale.filter[c.LAST_BUILD],
-      value: c.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: t => this.filterUserEl = t,
-      part: "filter-user"
-    }), r("div", {
-      class: {
-        "date-time": true,
-        "gxi-hidden": !this.filterModified || this.filterAfterType !== c.DATE_TIME
-      },
-      part: "filter-datetime"
-    }, r("gxg-label", {
-      "label-position": "start"
-    }, this._componentLocale.filter.dateTime), r("gxg-date-picker", {
-      ref: t => this.filterModifiedDateEl = t,
-      class: "date-time"
-    })))));
-    this.renderObjects = () => r("ch-tabular-grid", {
-      class: "tabular-grid tabular-grid-object-selector",
-      rowSelectionMode: this.multiSelection ? "multiple" : "single",
-      ref: t => this.chGridEl = t,
-      onKeyDown: this.chGridKeyDownHandler,
-      part: "ch-grid-objects"
-    }, r("ch-tabular-grid-columnset", {
-      class: "tabular-grid-column-set"
-    }, r("ch-tabular-grid-column", {
-      "column-name-position": "text",
-      settingable: false,
-      size: g.colSize.maxContent,
-      class: "tabular-grid-column"
-    }), r("ch-tabular-grid-column", {
-      "column-name": this._componentLocale.tableHead.name,
-      "column-name-position": "text",
-      settingable: false,
-      size: g.colSize.maxContent,
-      class: "tabular-grid-column"
-    }), r("ch-tabular-grid-column", {
-      "column-name": this._componentLocale.tableHead.type,
-      "column-name-position": "text",
-      settingable: false,
-      size: g.colSize.maxContent,
-      class: "tabular-grid-column"
-    }), r("ch-tabular-grid-column", {
-      "column-name": this._componentLocale.tableHead.module,
-      "column-name-position": "text",
-      settingable: false,
-      size: g.colSize.maxContent,
-      class: "tabular-grid-column"
-    }), r("ch-tabular-grid-column", {
-      "column-name": this._componentLocale.tableHead.description,
-      "column-name-position": "text",
-      settingable: false,
-      size: g.colSize.commonDouble,
-      class: "tabular-grid-column"
-    }), r("ch-tabular-grid-column", {
-      "column-name": this._componentLocale.tableHead.modifiedDate,
-      "column-name-position": "text",
-      settingable: false,
-      size: g.colSize.maxContent,
-      class: "tabular-grid-column"
-    }), r("ch-tabular-grid-column", {
-      "column-name": this._componentLocale.tableHead.importDate,
-      "column-name-position": "text",
-      settingable: false,
-      size: g.colSize.maxContent,
-      class: "tabular-grid-column"
-    })), !this.loading ? r("ch-tabular-grid-rowset", {
-      class: "tabular-grid-rowset"
-    }, this.objects.sort(((t, e) => {
-      const i = t.name.toLowerCase(), r = e.name.toLowerCase();
-      if (i < r) {
-        return -1;
-      }
-      if (i > r) {
-        return 1;
-      }
-      return 0;
-    })).map((t => r("ch-tabular-grid-row", {
-      rowid: t.id,
-      onDblClick: this.openSelectionCallbackHandler,
-      class: "tabular-grid-row"
-    }, r("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, r("ch-image", {
-      src: t.icon,
-      class: "icon-md"
-    })), r("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, t.name), r("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, t.type), r("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, t.module), r("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, t.description), r("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, `${d(t.modifiedDate, "date-time")}`), r("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, `${d(t.importDate, "date-time")}`))))) : r("ch-tabular-grid-rowset", {
-      class: "tabular-grid-rowset"
-    }, r("ch-tabular-grid-rowset-empty", {
-      ref: t => this.chGridRowsetEmptyEl = t
-    })));
-    this.filterAfterType = "";
-    this.filterModified = false;
-    this.objects = [];
-    this.selectedObjectsIds = [];
-    this.loading = true;
-    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;
-  }
-  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.selectedAttribute = this.filterTypeEl.value;
-    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 r(a, {
-      class: "gx-ide-component",
-      onKeyPress: this.hostKeyPressHandler
-    }, r("ch-theme", {
-      model: f
-    }), 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: l.gxIdeContainer.slimmerFooter,
-      class: {
-        loading: this.loading
-      }
-    }, 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: t => this.gxgShortcutsEl = t
-    }), this.loader ? r("gx-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/object-selector" ];
-  }
-  get el() {
-    return o(this);
-  }
-  static get watchers() {
-    return {
-      loading: [ "evaluateLoading" ]
-    };
-  }
-};
-
-b.style = h;
-
-export { b as gx_ide_object_selector };
-//# sourceMappingURL=p-1aee7705.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["objectSelectorCss","CSS_BUNDLES","GxIdeObjectSelector","this","renderedFirstTime","shortcutsSrc","getAssetPath","loaderCancelCallbackHandler","async","cancelCallbackHandler","getObjects","modified","filterModifiedEl","checked","modifiedAfter","filterAfterTypeEl","value","user","_b","_a","filterUserEl","trim","filters","pattern","_c","filterPatternEl","type","selectedAttribute","category","selectedCategory","module","_e","_d","filterModuleEl","id","modifiedBy","modifiedDate","FILTER_AFTER","DATE_TIME","_f","filterModifiedDateEl","loadCallback","loading","objects","then","items","loaderEl","show","selectedObjectsIds","deselectAll","openSelectionCallbackHandler","e","stopPropagation","openSelectionCallback","cancelCallback","selectAll","chGridEl","selectAllRows","newObjectCallbackHandler","newObjectCallback","listenChanges","addEventListener","filterTypeEl","detail","filterCategoryEl","filterModified","filterAfterType","ev","rowsId","filterTypeHandler","filterCategoryHandler","chGridKeyDownHandler","key","hostKeyPressHandler","evaluateObjectsCount","length","_componentLocale","objCount","selected","none","one","many","matching","afterClosedHandler","renderFilter","h","part","class","displayTitle","slot","label","filter","ref","el","patternValue","defaultType","disabled","types","map","item","onItemSelected","name","defaultCategory","categories","defaultModule","defaultValue","selectEntityCallback","selectModuleCallback","onClosed","renderComboItems","NONE","afterNone","IMPORT","LAST_BUILD","dateTime","renderObjects","rowSelectionMode","multiSelection","onKeyDown","settingable","size","gridCommon","colSize","maxContent","tableHead","description","commonDouble","importDate","sort","a","b","nameA","toLowerCase","nameB","obj","rowid","onDblClick","src","icon","formatDate","chGridRowsetEmptyEl","evaluateLoading","componentWillLoad","Locale","getComponentStrings","componentDidLoadEvent","emit","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","componentName","container","suspendShortcuts","gxgShortcutsEl","suspend","validate","isValid","render","Host","onKeyPress","model","containerTitle","noContentPadding","noAboveFooterPadding","noHeadingPadding","headingPaddingTop","noHeadingBorder","slimmerFooter","config","gxIdeContainer","textAlign","onClick","footer","btnCancel","btnConfirm","btnNew","btnSelectAll","loader","cancelLabel","loaderTitle","title"],"sources":["src/components/object-selector/object-selector.scss?tag=gx-ide-object-selector&encapsulation=shadow","src/components/object-selector/object-selector.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../../node_modules/@genexus/mercury/dist/mercury.scss\";\n\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--mer-color__surface);\n}\n\n/* Filters */\n.filter-grid {\n  display: grid;\n  padding: var(--mer-spacing--sm);\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-columns: 1fr 1fr;\n  grid-template-areas:\n    \"pattern type\"\n    \"category module-folder\"\n    \"modified-row modified-row\";\n  .pattern {\n    grid-area: pattern;\n  }\n  .type {\n    grid-area: type;\n  }\n  .category {\n    grid-area: category;\n  }\n  .module-folder {\n    grid-area: module-folder;\n  }\n  .modified-row {\n    grid-area: modified-row;\n  }\n  &--no-title {\n    border-top: 0;\n  }\n}\n\n/*modified row*/\n.modified-row {\n  min-height: 24px;\n  display: flex;\n  align-items: center;\n  gap: var(--gx-ide-grid-column-gap);\n  flex: 1;\n  &__inner-wrapper {\n    display: flex;\n    align-items: center;\n    gap: var(--gx-ide-grid-column-gap);\n    flex: 1;\n    .date-time {\n      display: flex;\n      align-items: center;\n    }\n  }\n  .combo-modified {\n  }\n  .user {\n    max-width: 205px !important;\n  }\n  .date-time {\n    flex: 1;\n  }\n}\n\n// gx-ide-container.loading::part(content) {\n//   // only apply display grid when the loader is being displayed, to stretch the container.\n//   display: grid ;\n// }\ngx-ide-container::part(content) {\n  // only apply display grid when the loader is being displayed, to stretch the container.\n  display: grid;\n}\n\n/*tabular grid*/\nch-tabular-grid {\n  overflow: auto;\n  max-width: 100%;\n}\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-object-selector\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    5\n  )\n);\n\n/* Objects Table */\n.objects-count {\n  display: flex;\n  justify-content: space-around;\n  > * {\n    flex: 1;\n    padding: var(--mer-spacing--2xs);\n  }\n  > :not(:last-child) {\n    border-inline-end: 1px solid var(--gx-ide-container-border-color);\n  }\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 */\nimport { MercuryBundles } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { renderComboItems } from \"../../common/render-combo-items\";\nimport { EntityData, GxOption } from \"../../common/types\";\nimport { formatDate } from \"../../common/helpers\";\nimport { gridCommon } from \"../../common/grid\";\nimport { FILTER_AFTER } from \"../../common/constants\";\n\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\n@Component({\n  tag: \"gx-ide-object-selector\",\n  styleUrl: \"object-selector.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/object-selector\"]\n})\nexport class GxIdeObjectSelector {\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  private selectedAttribute: string;\n  private selectedCategory: string;\n\n  // 2. REFERENCE TO ELEMENTS\n\n  @Element() el: HTMLGxIdeObjectSelectorElement;\n\n  /* References needed to collect data */\n  private filterPatternEl!: HTMLGxgFormTextElement;\n  private filterTypeEl!: HTMLGxgComboBoxElement;\n  private filterCategoryEl!: HTMLGxgComboBoxElement;\n  private filterModuleEl!: HTMLGxIdeEntitySelectorElement;\n  private filterModifiedEl!: HTMLGxgFormCheckboxElement;\n  private filterAfterTypeEl!: HTMLGxgComboBoxElement;\n  private filterUserEl!: HTMLGxgFormTextElement;\n  private filterModifiedDateEl!: HTMLGxgDatePickerElement;\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 after types render in the after selector\n   */\n  @State() filterAfterType = \"\";\n\n  /**\n   * For show or hide the filters relative to modifiers\n   */\n  @State() filterModified = false;\n\n  /**\n   * The objects rendered in the table\n   */\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * The selected objects in the table of objects\n   */\n  @State() selectedObjectsIds: string[] = [];\n\n  /**\n   * True if loadCallback 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   * True' if multiple object selection is allowed. Default is 'True'\n   */\n  @Prop() readonly multiSelection: boolean = true;\n\n  /**\n   * Current value of the input pattern. It is also used to set the default value when initializing the component\n   */\n  @Prop() readonly patternValue: string;\n\n  /**\n   * The types render in the filter type selector\n   */\n  @Prop() readonly types!: ObjectType[];\n\n  /**\n   * The default value for the type filter\n   */\n  @Prop() readonly defaultType: string;\n\n  /**\n   * The categories render in the filter category selector\n   */\n  @Prop() readonly categories!: GxOption[];\n\n  /**\n   * The default id value for the category filter\n   */\n  @Prop() readonly defaultCategory: string;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\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 loadCallback!: LoadCallback;\n\n  /**\n   * Callback invoked when the user presses the 'New' button.\n   */\n  @Prop() readonly newObjectCallback!: NewObjectCallback;\n\n  /**\n   * This is a function provided by the developer for expanded the data of object that is double-clicked or entered.\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\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.selectedAttribute = this.filterTypeEl.value;\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    /* 'modified' checkbox, should only be considered if 'date' || 'user' */\n    const modified = this.filterModifiedEl.checked;\n    const modifiedAfter = this.filterAfterTypeEl.value;\n    const user = this.filterUserEl?.value?.trim();\n    const filters: ObjectFiltersData = {\n      pattern: this.filterPatternEl?.value,\n      // type: this.filterTypeEl?.value,\n      type: this.selectedAttribute,\n      // category: this.filterCategoryEl?.value,\n      category: this.selectedCategory,\n      module: this.filterModuleEl?.value?.id,\n      modifiedAfter: modified && modifiedAfter ? modifiedAfter : null,\n      modifiedBy: modified && user ? user : null,\n      modifiedDate:\n        modified && modifiedAfter === FILTER_AFTER.DATE_TIME\n          ? (this.filterModifiedDateEl?.value as Date)\n          : null\n    };\n    if (this.loadCallback) {\n      this.loading = true;\n      this.objects = [];\n      this.loadCallback(filters).then((items: ObjectData[]) => {\n        this.loaderEl.show = false;\n        if (items) {\n          this.objects = items;\n        }\n        this.selectedObjectsIds = [];\n        this.deselectAll();\n        this.loading = false;\n      });\n    }\n  };\n\n  private openSelectionCallbackHandler = (\n    e: MouseEvent | KeyboardEvent\n  ): void => {\n    e.stopPropagation();\n    this.openSelectionCallback(this.selectedObjectsIds);\n  };\n\n  private cancelCallbackHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  private selectAll = (): void => {\n    (this.chGridEl as any).selectAllRows();\n  };\n\n  private deselectAll = (): void => {\n    (this.chGridEl as any).selectAllRows(false);\n  };\n\n  private newObjectCallbackHandler = (): void => {\n    this.newObjectCallback();\n  };\n\n  private listenChanges = async (): Promise<void> => {\n    /* pattern*/\n    this.filterPatternEl.addEventListener(\"input\", () => {\n      this.getObjects();\n    });\n    /* type*/\n    this.filterTypeEl.addEventListener(\n      \"valueChanged\",\n      (e: CustomEvent<any>) => {\n        this.selectedAttribute = e.detail;\n        this.getObjects();\n      }\n    );\n    /* category*/\n    this.filterCategoryEl.addEventListener(\n      \"valueChanged\",\n      (e: CustomEvent<any>) => {\n        this.selectedCategory = e.detail;\n        this.getObjects();\n      }\n    );\n    /* module/folder*/\n    this.filterModuleEl.addEventListener(\"valueChanged\", () => {\n      this.getObjects();\n    });\n    /* modified */\n    this.filterModifiedEl.addEventListener(\"change\", (e: any) => {\n      this.filterModified = e.detail.value;\n      this.getObjects();\n    });\n    /* modified after... */\n    this.filterAfterTypeEl.addEventListener(\"valueChanged\", () => {\n      this.filterAfterType = this.filterAfterTypeEl.value;\n      this.getObjects();\n    });\n    /* user... */\n    this.filterUserEl.addEventListener(\"input\", () => {\n      this.getObjects();\n    });\n    /* Date/Time */\n    this.filterModifiedDateEl.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 filterTypeHandler = (\n    e: CustomEvent<{\n      el: HTMLGxgComboBoxItemElement;\n      index: number;\n      value: any;\n      icon?: string;\n    }>\n  ) => {\n    this.selectedAttribute = e.detail.value;\n    this.getObjects();\n  };\n\n  private filterCategoryHandler = (\n    e: CustomEvent<{\n      el: HTMLGxgComboBoxItemElement;\n      index: number;\n      value: any;\n      icon?: string;\n    }>\n  ) => {\n    this.selectedCategory = e.detail.value;\n    this.getObjects();\n  };\n\n  private chGridKeyDownHandler = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      this.openSelectionCallbackHandler(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  private evaluateObjectsCount = (type: \"selected\" | \"matching\"): string => {\n    if (type === \"selected\" && this.selectedObjectsIds.length === 0) {\n      return this._componentLocale.objCount.selected.none;\n    } else if (type === \"selected\" && this.selectedObjectsIds.length === 1) {\n      return `1 ${this._componentLocale.objCount.selected.one}`;\n    } else if (type === \"selected\" && this.selectedObjectsIds.length > 1) {\n      return `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected.many}`;\n    } else if (type === \"matching\" && this.objects.length === 0) {\n      return this._componentLocale.objCount.matching.none;\n    } else if (type === \"matching\" && this.objects.length === 1) {\n      return `1 ${this._componentLocale.objCount.matching.one}`;\n    } else {\n      // hopefully: type === \"matching\" && this.objects.length > 1\n      return `${this.objects.length} ${this._componentLocale.objCount.matching.many}`;\n    }\n  };\n\n  private afterClosedHandler = () => {\n    // do the same as if the value was changed.\n    this.filterAfterType = this.filterAfterTypeEl.value;\n    this.getObjects();\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-form-text\n          label-position=\"above\"\n          label={this._componentLocale.filter.pattern}\n          ref={(el: HTMLGxgFormTextElement) =>\n            (this.filterPatternEl = el as HTMLGxgFormTextElement)\n          }\n          value={this.patternValue}\n          class=\"pattern\"\n          part=\"filter-pattern\"\n        ></gxg-form-text>\n\n        <gxg-combo-box\n          disable-filter\n          label={this._componentLocale.filter.type}\n          value={this.defaultType}\n          disabled={!this.types}\n          display-validation-styles\n          display-validation-message\n          ref={(el: HTMLGxgComboBoxElement) =>\n            (this.filterTypeEl = el as HTMLGxgComboBoxElement)\n          }\n          class=\"type\"\n          part=\"filter-type\"\n        >\n          {this.types.map(item => (\n            <gxg-combo-box-item\n              value={item.id}\n              onItemSelected={this.filterTypeHandler}\n            >\n              {item.name}\n            </gxg-combo-box-item>\n          ))}\n        </gxg-combo-box>\n\n        <gxg-combo-box\n          disable-filter\n          label={this._componentLocale.filter.category}\n          value={this.defaultCategory}\n          disabled={!this.categories}\n          display-validation-styles\n          display-validation-message\n          ref={(el: HTMLGxgComboBoxElement) =>\n            (this.filterCategoryEl = el as HTMLGxgComboBoxElement)\n          }\n          class=\"category\"\n          part=\"filter-category\"\n        >\n          {this.categories.map(item => (\n            <gxg-combo-box-item\n              value={item.id}\n              onItemSelected={this.filterCategoryHandler}\n            >\n              {item.label}\n            </gxg-combo-box-item>\n          ))}\n        </gxg-combo-box>\n\n        <gx-ide-entity-selector\n          label={this._componentLocale.filter.module}\n          label-position=\"above\"\n          value={this.defaultModule}\n          defaultValue={this.defaultModule}\n          selectEntityCallback={this.selectModuleCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.filterModuleEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n          class=\"module-folder\"\n        ></gx-ide-entity-selector>\n\n        <div class=\"modified-row\">\n          <gxg-form-checkbox\n            label={this._componentLocale.filter.modified}\n            class=\"align-center\"\n            ref={(el: HTMLGxgFormCheckboxElement) =>\n              (this.filterModifiedEl = el as HTMLGxgFormCheckboxElement)\n            }\n            part=\"filter-modified\"\n          ></gxg-form-checkbox>\n\n          <div class=\"modified-row__inner-wrapper\">\n            <gxg-combo-box\n              class={{\n                \"gxi-hidden\": !this.filterModified,\n                \"combo-modified\": true\n              }}\n              disable-filter\n              value={this.filterAfterType}\n              display-validation-styles\n              display-validation-message\n              ref={(el: HTMLGxgComboBoxElement) =>\n                (this.filterAfterTypeEl = el as HTMLGxgComboBoxElement)\n              }\n              part=\"filter-after-type\"\n              onClosed={this.afterClosedHandler}\n            >\n              {renderComboItems([\n                {\n                  id: FILTER_AFTER.NONE,\n                  label: this._componentLocale.filter.afterNone,\n                  value: FILTER_AFTER.NONE\n                },\n                {\n                  id: FILTER_AFTER.DATE_TIME,\n                  label: this._componentLocale.filter[FILTER_AFTER.DATE_TIME],\n                  value: FILTER_AFTER.DATE_TIME\n                },\n                {\n                  id: FILTER_AFTER.IMPORT,\n                  label: this._componentLocale.filter[FILTER_AFTER.IMPORT],\n                  value: FILTER_AFTER.IMPORT\n                },\n                {\n                  id: FILTER_AFTER.LAST_BUILD,\n                  label: this._componentLocale.filter[FILTER_AFTER.LAST_BUILD],\n                  value: FILTER_AFTER.LAST_BUILD\n                }\n              ])}\n            </gxg-combo-box>\n\n            <gxg-form-text\n              class={{\n                \"gxi-hidden\": !this.filterModified,\n                \"user\": true\n              }}\n              label-position=\"start\"\n              label={this._componentLocale.filter.user}\n              max-width=\"150px\"\n              ref={(el: HTMLGxgFormTextElement) =>\n                (this.filterUserEl = el as HTMLGxgFormTextElement)\n              }\n              part=\"filter-user\"\n            ></gxg-form-text>\n\n            <div\n              class={{\n                \"date-time\": true,\n                \"gxi-hidden\":\n                  !this.filterModified ||\n                  this.filterAfterType !== FILTER_AFTER.DATE_TIME\n              }}\n              part=\"filter-datetime\"\n            >\n              <gxg-label label-position=\"start\">\n                {this._componentLocale.filter.dateTime}\n              </gxg-label>\n              <gxg-date-picker\n                ref={(el: HTMLGxgDatePickerElement) =>\n                  (this.filterModifiedDateEl = el as HTMLGxgDatePickerElement)\n                }\n                class=\"date-time\"\n              ></gxg-date-picker>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  private renderObjects = (): Element => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid tabular-grid-object-selector\"\n        rowSelectionMode={this.multiSelection ? \"multiple\" : \"single\"}\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={gridCommon.colSize.maxContent}\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={gridCommon.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this._componentLocale.tableHead.type}\n            column-name-position=\"text\"\n            settingable={false}\n            size={gridCommon.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this._componentLocale.tableHead.module}\n            column-name-position=\"text\"\n            settingable={false}\n            size={gridCommon.colSize.maxContent}\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={gridCommon.colSize.commonDouble}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this._componentLocale.tableHead.modifiedDate}\n            column-name-position=\"text\"\n            settingable={false}\n            size={gridCommon.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this._componentLocale.tableHead.importDate}\n            column-name-position=\"text\"\n            settingable={false}\n            size={gridCommon.colSize.maxContent}\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: ObjectData) => (\n                <ch-tabular-grid-row\n                  rowid={obj.id}\n                  onDblClick={this.openSelectionCallbackHandler}\n                  class=\"tabular-grid-row\"\n                >\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    <ch-image src={obj.icon} class=\"icon-md\"></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.type}\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {obj.module}\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-cell class=\"tabular-grid-cell\">\n                    {`${formatDate(obj.modifiedDate, \"date-time\")}`}\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {`${formatDate(obj.importDate, \"date-time\")}`}\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            <div class=\"objects-count\" slot=\"footer-above\">\n              <gxg-text\n                class=\"align-end\"\n                part=\"objects-selected\"\n                textAlign=\"center\"\n              >\n                {this.evaluateObjectsCount(\"selected\")}\n              </gxg-text>\n              <gxg-text\n                class=\"align-end\"\n                part=\"objects-matching\"\n                textAlign=\"center\"\n              >\n                {this.evaluateObjectsCount(\"matching\")}\n              </gxg-text>\n            </div>\n\n            {/* footer */}\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.openSelectionCallbackHandler}\n              part=\"gxg-button gxg-button--ok\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnConfirm}\n            </gxg-button>\n            {/* button new... */}\n            <gxg-button\n              type=\"secondary-text-icon\"\n              icon=\"menus/new-object\"\n              onClick={this.newObjectCallbackHandler}\n              part=\"gxg-button gxg-button--new\"\n              slot=\"footer-start\"\n            >\n              {this._componentLocale.footer.btnNew}\n            </gxg-button>\n            {/* button select all */}\n            {this.multiSelection ? (\n              <gxg-button\n                type=\"secondary-text-only\"\n                onClick={this.selectAll}\n                part=\"gxg-button gxg-button--select-all\"\n                slot=\"footer-start\"\n              >\n                {this._componentLocale.footer.btnSelectAll}\n              </gxg-button>\n            ) : null}\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          <gx-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          ></gx-ide-loader>\n        ) : null}\n      </Host>\n    );\n  }\n}\n\nexport type ObjectType = {\n  id: string;\n  name: string;\n  icon?: string;\n};\n\nexport type NewObjectCallback = () => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadCallback = (\n  filters: ObjectFiltersData\n) => Promise<ObjectData[]>;\n\nexport type ObjectFiltersData = {\n  pattern?: string;\n  type: string;\n  category?: string;\n  module?: string;\n  modifiedAfter?: string;\n  modifiedBy?: string;\n  modifiedDate?: Date;\n};\n\nexport type ObjectData = {\n  id: string;\n  icon: string;\n  name: string;\n  type: string;\n  description: string;\n  module: string;\n  modifiedDate?: Date;\n  importDate?: Date;\n};\n\nexport type ObjectSelectorFilterAfter =\n  | typeof FILTER_AFTER.NONE\n  | typeof FILTER_AFTER.DATE_TIME\n  | typeof FILTER_AFTER.LAST_BUILD\n  | typeof FILTER_AFTER.IMPORT;\n"],"mappings":"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"}