@genexus/genexus-ide-ui 0.0.120 → 0.0.122

package/dist/genexus-ide-ui/{p-7ed89885.entry.js → p-debee72d.entry.js}

@@ -26,24 +26,26 @@ const h = class {
       this.cancelCallbackHandler();
     };
     this.getObjects = () => {
-      var e, t, i, r, a, o, s, l;
-      /* 'modified' checkbox, should only be considered if 'date' || 'user' */      const n = this.filterModifiedEl.checked;
-      const d = this.filterAfterTypeEl.value;
-      const g = (t = (e = this.filterUserEl) === null || e === void 0 ? void 0 : e.value) === null || t === void 0 ? void 0 : t.trim();
-      const f = {
+      var e, t, 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 = (t = (e = this.filterUserEl) === null || e === void 0 ? void 0 : e.value) === null || t === void 0 ? void 0 : t.trim();
+      const d = {
         pattern: (i = this.filterPatternEl) === null || i === void 0 ? void 0 : i.value,
-        type: (r = this.filterTypeEl) === null || r === void 0 ? void 0 : r.value,
-        category: (a = this.filterCategoryEl) === null || a === void 0 ? void 0 : a.value,
-        module: (s = (o = this.filterModuleEl) === null || o === void 0 ? void 0 : o.value) === null || s === void 0 ? void 0 : s.id,
-        modifiedAfter: n && d ? d : null,
-        modifiedBy: n && g ? g : null,
-        modifiedDate: n && d === c.DATE_TIME ? (l = this.filterModifiedDateEl) === null || l === void 0 ? void 0 : l.value : null
+        // 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) {
         if (this.loader) {
           this.loaderEl.show = true;
         }
-        this.loadCallback(f).then((e => {
+        this.loadCallback(d).then((e => {
           if (e) {
             this.objects = e;
           }
@@ -76,10 +78,12 @@ const h = class {
       this.filterPatternEl.addEventListener("input", (() => {
         this.getObjects();
       }));
-      /* type*/      this.filterTypeEl.addEventListener("valueChanged", (() => {
+      /* type*/      this.filterTypeEl.addEventListener("valueChanged", (e => {
+        this.selectedAttribute = e.detail;
         this.getObjects();
       }));
-      /* category*/      this.filterCategoryEl.addEventListener("valueChanged", (() => {
+      /* category*/      this.filterCategoryEl.addEventListener("valueChanged", (e => {
+        this.selectedCategory = e.detail;
         this.getObjects();
       }));
       /* module/folder*/      this.filterModuleEl.addEventListener("valueChanged", (() => {
@@ -104,6 +108,14 @@ const h = class {
         this.selectedObjectsIds = e.detail.rowsId;
       }));
     };
+    this.filterTypeHandler = e => {
+      this.selectedAttribute = e.detail.value;
+      this.getObjects();
+    };
+    this.filterCategoryHandler = e => {
+      this.selectedCategory = e.detail.value;
+      this.getObjects();
+    };
     this.chGridKeyDownHandler = e => {
       if (e.key === "Enter") {
         this.openSelectionCallbackHandler(e);
@@ -132,109 +144,112 @@ const h = class {
       }
     };
     // 9.LOCAL METHODS  -> RENDER//
-        this.renderFilter = () => {
-      var e, t;
-      return r("div", {
-        part: "filters-container",
-        class: {
-          "filter-grid": true,
-          "filter-grid--no-title": !this.displayTitle
-        },
-        slot: "header"
-      }, r("gxg-form-text", {
-        "label-position": "above",
-        label: this._componentLocale.filter.pattern,
-        ref: e => this.filterPatternEl = e,
-        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: e => this.filterTypeEl = e,
-        class: "type",
-        part: "filter-type"
-      }, n((e = this.types) !== null && e !== void 0 ? e : [])), 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: e => this.filterCategoryEl = e,
-        class: "category",
-        part: "filter-category"
-      }, n((t = this.categories) !== null && t !== void 0 ? t : [])), r("gx-ide-entity-selector", {
-        label: this._componentLocale.filter.module,
-        "label-position": "above",
-        value: this.defaultModule,
-        defaultValue: this.defaultModule,
-        selectEntityCallback: this.selectModuleCallback,
-        ref: e => this.filterModuleEl = e,
-        class: "module-folder"
-      }), r("div", {
-        class: "modified-row"
-      }, r("gxg-form-checkbox", {
-        label: this._componentLocale.filter.modified,
-        class: "align-center",
-        ref: e => this.filterModifiedEl = e,
-        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: e => this.filterAfterTypeEl = e,
-        part: "filter-after-type"
-      }, 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: e => this.filterUserEl = e,
-        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: e => this.filterModifiedDateEl = e,
-        class: "date-time"
-      })))));
-    };
+        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: e => this.filterPatternEl = e,
+      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: e => this.filterTypeEl = e,
+      class: "type",
+      part: "filter-type"
+    }, this.types.map((e => r("gxg-combo-box-item", {
+      value: e.id,
+      onItemSelected: this.filterTypeHandler
+    }, e.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: e => this.filterCategoryEl = e,
+      class: "category",
+      part: "filter-category"
+    }, this.categories.map((e => r("gxg-combo-box-item", {
+      value: e.id,
+      onItemSelected: this.filterCategoryHandler
+    }, e.label)))), r("gx-ide-entity-selector", {
+      label: this._componentLocale.filter.module,
+      "label-position": "above",
+      value: this.defaultModule,
+      defaultValue: this.defaultModule,
+      selectEntityCallback: this.selectModuleCallback,
+      ref: e => this.filterModuleEl = e,
+      class: "module-folder"
+    }), r("div", {
+      class: "modified-row"
+    }, r("gxg-form-checkbox", {
+      label: this._componentLocale.filter.modified,
+      class: "align-center",
+      ref: e => this.filterModifiedEl = e,
+      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: e => this.filterAfterTypeEl = e,
+      part: "filter-after-type"
+    }, 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: e => this.filterUserEl = e,
+      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: e => this.filterModifiedDateEl = e,
+      class: "date-time"
+    })))));
     this.renderObjects = () => r("gxg-grid", {
       "ellipsis-cell-wrapper": true,
       noBorder: true
@@ -335,6 +350,7 @@ const h = class {
   componentDidLoad() {
     this.listenChanges();
     this.loaderEl.container = this.chGridEl;
+    this.selectedAttribute = this.filterTypeEl.value;
     this.getObjects();
     this.filterPatternEl.focus();
   }
@@ -433,4 +449,4 @@ const h = class {
 h.style = f;
 
 export { h as gx_ide_object_selector };
-//# sourceMappingURL=p-7ed89885.entry.js.map
+//# sourceMappingURL=p-debee72d.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["objectSelectorCss","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","loader","loaderEl","show","then","items","objects","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","renderFilter","h","part","class","displayTitle","slot","label","filter","ref","el","patternValue","defaultType","disabled","types","map","item","onItemSelected","name","defaultCategory","categories","defaultModule","defaultValue","selectEntityCallback","selectModuleCallback","renderComboItems","NONE","afterNone","IMPORT","LAST_BUILD","dateTime","renderObjects","noBorder","rowSelectionMode","multiSelection","onKeyDown","settingable","size","gridCommon","colSize","auto","tableHead","description","common","importDate","sort","a","b","nameA","toLowerCase","nameB","obj","rowid","onDblClick","icon","color","formatDate","componentWillLoad","Locale","getComponentStrings","componentDidLoadEvent","emit","componentDidLoad","container","focus","componentDidRender","componentDidRenderFirstTime","componentName","suspendShortcuts","gxgShortcutsEl","suspend","validate","isValid","render","Host","onKeyPress","containerTitle","noContentPadding","noAboveFooterPadding","noHeadingPadding","headingPaddingTop","noHeadingBorder","slimmerFooter","config","gxIdeContainer","textAlign","onClick","footer","btnCancel","btnConfirm","btnNew","btnSelectAll","src","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\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/*gxg-grid*/\n.grid-container {\n  height: 100%;\n}\nch-grid-cell {\n  --mer-spacing--xs: var(--mer-spacing--sm);\n}\n/* Objects Table */\n.objects-count {\n  display: flex;\n  justify-content: space-around;\n  > * {\n    flex: 1;\n    padding: var(--mer-spacing--xxs);\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} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\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\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  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE EVENTS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  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!: HTMLChGridElement;\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  // 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.loaderEl.container = this.chGridEl;\n    this.selectedAttribute = this.filterTypeEl.value;\n    this.getObjects();\n    this.filterPatternEl.focus();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n  /**\n   * 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      if (this.loader) {\n        this.loaderEl.show = true;\n      }\n      this.loadCallback(filters).then((items: ObjectData[]) => {\n        if (items) {\n          this.objects = items;\n        }\n        this.selectedObjectsIds = [];\n        this.deselectAll();\n        if (this.loader) {\n          this.loaderEl.show = false;\n        }\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  // 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            >\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      <gxg-grid ellipsis-cell-wrapper noBorder>\n        <ch-grid\n          rowSelectionMode={this.multiSelection ? \"multiple\" : \"single\"}\n          ref={(el: HTMLChGridElement) => (this.chGridEl = el)}\n          onKeyDown={this.chGridKeyDownHandler}\n          part=\"ch-grid-objects\"\n        >\n          <ch-grid-columnset>\n            <ch-grid-column\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              column-name={this._componentLocale.tableHead.name}\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              column-name={this._componentLocale.tableHead.type}\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              column-name={this._componentLocale.tableHead.module}\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              column-name={this._componentLocale.tableHead.description}\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              column-name={this._componentLocale.tableHead.modifiedDate}\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n            <ch-grid-column\n              column-name={this._componentLocale.tableHead.importDate}\n              column-name-position=\"text\"\n              settingable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n          </ch-grid-columnset>\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-grid-row\n                rowid={obj.id}\n                onDblClick={this.openSelectionCallbackHandler}\n              >\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\">\n                    <gxg-icon\n                      type={obj.icon}\n                      color=\"auto\"\n                      size=\"small\"\n                    ></gxg-icon>\n                  </span>\n                </ch-grid-cell>\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\"> {obj.name} </span>\n                </ch-grid-cell>\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\">{obj.type}</span>\n                </ch-grid-cell>\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\">{obj.module}</span>\n                </ch-grid-cell>\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\">{obj.description}</span>\n                </ch-grid-cell>\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\">{`${formatDate(\n                    obj.modifiedDate,\n                    \"date-time\"\n                  )}`}</span>\n                </ch-grid-cell>\n                <ch-grid-cell>\n                  <span class=\"cell-wrapper\">{`${formatDate(\n                    obj.importDate,\n                    \"date-time\"\n                  )}`}</span>\n                </ch-grid-cell>\n              </ch-grid-row>\n            ))}\n        </ch-grid>\n      </gxg-grid>\n    );\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\" onKeyPress={this.hostKeyPressHandler}>\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          >\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          <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 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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"}

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

@@ -0,0 +1,100 @@
+import { r as e, c as t, h as r, H as o, g as a } from "./p-48217969.js";
+
+import { c as i } from "./p-9c1b4eb9.js";
+
+import { L as s } from "./p-74d59062.js";
+
+const l = ":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-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0}:host{display:block}.options{max-width:50%;display:flex;flex-direction:column;gap:var(--gx-ide-form-items-gap)}.message-item{display:flex;align-items:start;gap:var(--mer-spacing--xs)}";
+
+const n = class {
+  constructor(r) {
+    e(this, r);
+    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+        this.cancelHandler = () => {
+      if (this.cancelCallback) {
+        this.cancelCallback();
+      }
+    };
+    this.saveCallbackHandler = () => {
+      if (this.saveCallback) {
+        const e = {
+          installClient: this.installGxFlowEl.checked,
+          futureUpgrades: this.futureUpgradesEl.value
+        };
+        this.saveCallback(e);
+      }
+    };
+    this.displayTitle = false;
+    this.configurationType = "installation";
+    this.saveCallback = undefined;
+    this.cancelCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await s.getComponentStrings(this.el);
+  }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return r(o, {
+      class: "gx-ide-component"
+    }, r("div", {
+      class: "gx-ide-main-wrapper"
+    }, r("gx-ide-container", {
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
+      slimmerFooter: i.gxIdeContainer.slimmerFooter
+    }, "gx-ide-top", r("div", {
+      class: "message-item"
+    }, r("gxg-icon", {
+      type: "gx-server/changes-commit-pending",
+      color: "auto",
+      size: "small"
+    }), r("gxg-text", null, this._componentLocale.description[this.configurationType])), r("div", {
+      class: "options"
+    }, r("gxg-form-checkbox", {
+      label: this._componentLocale.installGxFlow,
+      ref: e => this.installGxFlowEl = e
+    }), r("gxg-combo-box", {
+      class: "upgrades-options",
+      label: this._componentLocale.manageUpgrades,
+      disableFilter: true,
+      ref: e => this.futureUpgradesEl = e
+    }, r("gxg-combo-box-item", {
+      value: "automatic"
+    }, this._componentLocale.upgradesOptions[0]), r("gxg-combo-box-item", {
+      value: "prompt"
+    }, this._componentLocale.upgradesOptions[1]), r("gxg-combo-box-item", {
+      value: "never"
+    }, this._componentLocale.upgradesOptions[2]))), r("gxg-text", {
+      textAlign: "end",
+      type: "text-regular"
+    }, this._componentLocale.prompt[this.configurationType]), r("gxg-button", {
+      slot: "footer-end",
+      type: "outlined",
+      onClick: this.cancelHandler
+    }, "Cancel"), r("gxg-button", {
+      slot: "footer-end",
+      onClick: this.saveCallbackHandler
+    }, this._componentLocale.footer.confirmButton[this.configurationType]))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/wf-settings" ];
+  }
+  get el() {
+    return a(this);
+  }
+};
+
+n.style = l;
+
+export { n as gx_ide_wf_settings };
+//# sourceMappingURL=p-f19ec1c3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["wfSettingsCss","GxIdeWFSettings","this","renderedFirstTime","cancelHandler","cancelCallback","saveCallbackHandler","saveCallback","wfConfigData","installClient","installGxFlowEl","checked","futureUpgrades","futureUpgradesEl","value","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","h","Host","class","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","type","color","size","description","configurationType","label","installGxFlow","ref","manageUpgrades","disableFilter","upgradesOptions","textAlign","prompt","slot","onClick","footer","confirmButton"],"sources":["src/components/wf-settings/wf-settings.scss?tag=gx-ide-wf-settings&encapsulation=shadow","src/components/wf-settings/wf-settings.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n\n.options {\n  max-width: 50%;\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-form-items-gap);\n}\n.message-item {\n  display: flex;\n  align-items: start;\n  gap: var(--mer-spacing--xs);\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\n\n@Component({\n  tag: \"gx-ide-wf-settings\",\n  styleUrl: \"wf-settings.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/wf-settings\"]\n})\nexport class GxIdeWFSettings {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeWfSettingsElement;\n  private installGxFlowEl!: HTMLGxgFormCheckboxElement;\n  private futureUpgradesEl!: HTMLGxgComboBoxElement;\n\n  // 3.STATE() VARIABLES //\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * The configuration type\n   */\n  @Prop() readonly configurationType: ConfigurationType = \"installation\";\n\n  /**\n   * Callback invoked when the user presses the 'OK' button. As a parameter, it receives the data entered by the user\n   */\n  @Prop() readonly saveCallback: (config: WFConfigData) => Promise<void>;\n\n  /**\n   * Callback invoked when the user presses the 'Cancel' button.\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private cancelHandler = () => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n  };\n\n  private saveCallbackHandler = () => {\n    if (this.saveCallback) {\n      const wfConfigData: WFConfigData = {\n        installClient: this.installGxFlowEl.checked,\n        futureUpgrades: this.futureUpgradesEl.value\n      };\n      this.saveCallback(wfConfigData);\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            gx-ide-top\n            <div class=\"message-item\">\n              <gxg-icon\n                type=\"gx-server/changes-commit-pending\"\n                color=\"auto\"\n                size=\"small\"\n              ></gxg-icon>\n              <gxg-text>\n                {this._componentLocale.description[this.configurationType]}\n              </gxg-text>\n            </div>\n            <div class=\"options\">\n              <gxg-form-checkbox\n                label={this._componentLocale.installGxFlow}\n                ref={el =>\n                  (this.installGxFlowEl = el as HTMLGxgFormCheckboxElement)\n                }\n              ></gxg-form-checkbox>\n              <gxg-combo-box\n                class=\"upgrades-options\"\n                label={this._componentLocale.manageUpgrades}\n                disableFilter\n                ref={el =>\n                  (this.futureUpgradesEl = el as HTMLGxgComboBoxElement)\n                }\n              >\n                <gxg-combo-box-item value=\"automatic\">\n                  {this._componentLocale.upgradesOptions[0]}\n                </gxg-combo-box-item>\n                <gxg-combo-box-item value=\"prompt\">\n                  {this._componentLocale.upgradesOptions[1]}\n                </gxg-combo-box-item>\n                <gxg-combo-box-item value=\"never\">\n                  {this._componentLocale.upgradesOptions[2]}\n                </gxg-combo-box-item>\n              </gxg-combo-box>\n            </div>\n            <gxg-text textAlign=\"end\" type=\"text-regular\">\n              {this._componentLocale.prompt[this.configurationType]}\n            </gxg-text>\n            <gxg-button\n              slot=\"footer-end\"\n              type=\"outlined\"\n              onClick={this.cancelHandler}\n            >\n              Cancel\n            </gxg-button>\n            <gxg-button slot=\"footer-end\" onClick={this.saveCallbackHandler}>\n              {\n                this._componentLocale.footer.confirmButton[\n                  this.configurationType\n                ]\n              }\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type WFConfigData = {\n  installClient: boolean;\n  futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type ConfigurationType = \"installation\" | \"update\";\n\nexport type saveCallback = (config: WFConfigData) => Promise<void>;\n"],"mappings":";;;;;;AAAA,MAAMA,IAAgB;;MCqBTC,IAAe;;;;IAOlBC,KAAAC,oBAAoB;;;;QA4DpBD,KAAAE,gBAAgB;MACtB,IAAIF,KAAKG,gBAAgB;QACvBH,KAAKG;;;IAIDH,KAAAI,sBAAsB;MAC5B,IAAIJ,KAAKK,cAAc;QACrB,MAAMC,IAA6B;UACjCC,eAAeP,KAAKQ,gBAAgBC;UACpCC,gBAAgBV,KAAKW,iBAAiBC;;QAExCZ,KAAKK,aAAaC;;;wBAzDU;6BAKwB;;;;;EAqBxD,uBAAMO;IACJb,KAAKc,yBAAyBC,EAAOC,oBAAoBhB,KAAKiB;;EAGhE,kBAAAC;IACE,KAAKlB,KAAKC,mBAAmB;MAC3BD,KAAKmB,4BAA4BC,KAC/BpB,KAAKc,iBAAiBO;MAExBrB,KAAKC,oBAAoB;;;;EA4B7B,MAAAqB;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEG,gBACE1B,KAAK2B,eAAe3B,KAAKc,iBAAiBO,gBAAgB;MAE5DO,eAAeC,EAAOC,eAAeF;OAAa,cAGlDL,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEQ,MAAK;MACLC,OAAM;MACNC,MAAK;QAEPV,EAAA,kBACGvB,KAAKc,iBAAiBoB,YAAYlC,KAAKmC,sBAG5CZ,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEa,OAAOpC,KAAKc,iBAAiBuB;MAC7BC,KAAKrB,KACFjB,KAAKQ,kBAAkBS;QAG5BM,EAAA;MACEE,OAAM;MACNW,OAAOpC,KAAKc,iBAAiByB;MAC7BC,eAAa;MACbF,KAAKrB,KACFjB,KAAKW,mBAAmBM;OAG3BM,EAAA;MAAoBX,OAAM;OACvBZ,KAAKc,iBAAiB2B,gBAAgB,KAEzClB,EAAA;MAAoBX,OAAM;OACvBZ,KAAKc,iBAAiB2B,gBAAgB,KAEzClB,EAAA;MAAoBX,OAAM;OACvBZ,KAAKc,iBAAiB2B,gBAAgB,OAI7ClB,EAAA;MAAUmB,WAAU;MAAMX,MAAK;OAC5B/B,KAAKc,iBAAiB6B,OAAO3C,KAAKmC,qBAErCZ,EAAA;MACEqB,MAAK;MACLb,MAAK;MACLc,SAAS7C,KAAKE;OAAa,WAI7BqB,EAAA;MAAYqB,MAAK;MAAaC,SAAS7C,KAAKI;OAExCJ,KAAKc,iBAAiBgC,OAAOC,cAC3B/C,KAAKmC"}

package/dist/types/components/object-selector/object-selector.d.ts

@@ -8,6 +8,8 @@ export declare class GxIdeObjectSelector {
     private _componentLocale;
     private renderedFirstTime;
     private shortcutsSrc;
+    private selectedAttribute;
+    private selectedCategory;
     el: HTMLGxIdeObjectSelectorElement;
     private filterPatternEl;
     private filterTypeEl;
@@ -119,6 +121,8 @@ export declare class GxIdeObjectSelector {
     private deselectAll;
     private newObjectCallbackHandler;
     private listenChanges;
+    private filterTypeHandler;
+    private filterCategoryHandler;
     private chGridKeyDownHandler;
     private hostKeyPressHandler;
     private evaluateObjectsCount;

package/dist/types/components/wf-settings/wf-settings.d.ts

@@ -0,0 +1,42 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class GxIdeWFSettings {
+    /**
+     * The component hard-coded strings translations.
+     */
+    private _componentLocale;
+    private renderedFirstTime;
+    el: HTMLGxIdeWfSettingsElement;
+    private installGxFlowEl;
+    private futureUpgradesEl;
+    /**
+     * If true it displays the component title on the header
+     */
+    readonly displayTitle = false;
+    /**
+     * The configuration type
+     */
+    readonly configurationType: ConfigurationType;
+    /**
+     * Callback invoked when the user presses the 'OK' button. As a parameter, it receives the data entered by the user
+     */
+    readonly saveCallback: (config: WFConfigData) => Promise<void>;
+    /**
+     * Callback invoked when the user presses the 'Cancel' button.
+     */
+    readonly cancelCallback: () => Promise<void>;
+    /**
+     * @description Gets fired when the component has rendered for the first time.
+     */
+    componentDidRenderFirstTime: EventEmitter<string>;
+    componentWillLoad(): Promise<void>;
+    componentDidRender(): void;
+    private cancelHandler;
+    private saveCallbackHandler;
+    render(): any;
+}
+export type WFConfigData = {
+    installClient: boolean;
+    futureUpgrades: "never" | "prompt" | "automatic";
+};
+export type ConfigurationType = "installation" | "update";
+export type saveCallback = (config: WFConfigData) => Promise<void>;