@genexus/genexus-ide-ui 0.0.41 → 0.0.43

package/dist/collection/pages/assets/common.js

@@ -175,6 +175,26 @@ if (responsiveMobileBtn && responsiveTabletBtn && responsiveDesktopBtn) {
   });
 }
 
+let logNumber = 1;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const appendConsoleLog = log => {
+  const codeWrapper = document.getElementById("code-wrapper");
+  if (codeWrapper) {
+    const logNumberEl = document.createElement("span");
+    logNumberEl.classList.add("log-number");
+    logNumberEl.innerText = logNumber;
+    logNumber++;
+    const pre = document.createElement("pre");
+    const code = document.createElement("code");
+    code.classList.add("gx-console", "language-javascript");
+    code.textContent = log;
+    pre.appendChild(logNumberEl);
+    pre.appendChild(code);
+    codeWrapper.insertBefore(pre, codeWrapper.children[0]);
+    Prism.highlightElement(code);
+  }
+};
+
 /* Toggle height button */
 /* Set initial height*/
 if (gxIdeComponent) {

package/dist/components/common.js

@@ -0,0 +1,46 @@
+import { h } from '@stencil/core/internal/client';
+
+/* STENCIL IMPORTS */
+const renderFormItems = (componentType = "gxg-combo-box-item", options, group = "undefined-group", callback) => {
+  if (options.length) {
+    const items = [];
+    options.forEach(option => {
+      let item;
+      switch (componentType) {
+        case "gxg-form-checkbox":
+          item = (h("gxg-form-checkbox", { checkboxId: option.id, checked: option.checked, disabled: option.disabled, label: option.label, value: option.value, onChange: callback ? callback : null, iconName: option.iconName, part: `${group}-${option.id}` }));
+          items.push(item);
+          break;
+        case "gxg-combo-box-item":
+          item = (h("gxg-combo-box-item", { value: option.id, icon: option.iconName, part: `${group}-${option.id}` }, option.label));
+          items.push(item);
+          break;
+        case "gxg-form-radio":
+          item = (h("gxg-form-radio", { "radio-id": option.id, checked: option.checked, disabled: option.disabled, label: option.label, value: option.value, name: group, part: `${group}-${option.id}` }));
+          items.push(item);
+          break;
+      }
+    });
+    return items;
+  }
+  return null;
+};
+/**
+ *
+ * @param gxOptions An array of GxOptions's
+ * @returns The first option in the array that is 'selected'. If no one found it returns null.
+ */
+const getSelectedGxOption = (gxOptions) => {
+  let found;
+  if (gxOptions === null || gxOptions === void 0 ? void 0 : gxOptions.length) {
+    for (let i = 0; i < gxOptions.length; i++) {
+      if (gxOptions[i].selected) {
+        found = gxOptions[i];
+        break;
+      }
+    }
+  }
+  return found;
+};
+
+export { getSelectedGxOption as g, renderFormItems as r };

package/dist/components/constants.js

@@ -0,0 +1,8 @@
+const FILTER_AFTER = {
+  NONE: "none",
+  DATE_TIME: "afterDateTime",
+  LAST_BUILD: "afterLastBuild",
+  IMPORT: "afterImport"
+};
+
+export { FILTER_AFTER as F };

package/dist/components/form-validation.js

@@ -1,48 +1,3 @@
-import { h } from '@stencil/core/internal/client';
-
-/* STENCIL IMPORTS */
-const renderFormItems = (componentType = "gxg-combo-box-item", options, group = "undefined-group", callback) => {
-  if (options.length) {
-    const items = [];
-    options.forEach(option => {
-      let item;
-      switch (componentType) {
-        case "gxg-form-checkbox":
-          item = (h("gxg-form-checkbox", { checkboxId: option.id, checked: option.checked, disabled: option.disabled, label: option.label, value: option.value, onChange: callback ? callback : null, iconName: option.iconName, part: `${group}-${option.id}` }));
-          items.push(item);
-          break;
-        case "gxg-combo-box-item":
-          item = (h("gxg-combo-box-item", { value: option.id, icon: option.iconName, part: `${group}-${option.id}` }, option.label));
-          items.push(item);
-          break;
-        case "gxg-form-radio":
-          item = (h("gxg-form-radio", { "radio-id": option.id, checked: option.checked, disabled: option.disabled, label: option.label, value: option.value, name: group, part: `${group}-${option.id}` }));
-          items.push(item);
-          break;
-      }
-    });
-    return items;
-  }
-  return null;
-};
-/**
- *
- * @param gxOptions An array of GxOptions's
- * @returns The first option in the array that is 'selected'. If no one found it returns null.
- */
-const getSelectedGxOption = (gxOptions) => {
-  let found;
-  if (gxOptions === null || gxOptions === void 0 ? void 0 : gxOptions.length) {
-    for (let i = 0; i < gxOptions.length; i++) {
-      if (gxOptions[i].selected) {
-        found = gxOptions[i];
-        break;
-      }
-    }
-  }
-  return found;
-};
-
 const formSubmitValidation = (result, ref) => {
   var _a;
   (_a = result.fieldErrors) === null || _a === void 0 ? void 0 : _a.forEach(element => {
@@ -61,4 +16,4 @@ const formSubmitValidation = (result, ref) => {
   });
 };
 
-export { formSubmitValidation as f, getSelectedGxOption as g, renderFormItems as r };
+export { formSubmitValidation as f };

package/dist/components/gx-ide-create-kb-from-server.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
-import { f as formSubmitValidation, r as renderFormItems } from './form-validation.js';
+import { r as renderFormItems } from './common.js';
+import { f as formSubmitValidation } from './form-validation.js';
 import { d as defineCustomElement$f } from './icon.js';
 import { d as defineCustomElement$e } from './button.js';
 import { d as defineCustomElement$d } from './combo-box.js';

package/dist/components/gx-ide-new-environment.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
-import { f as formSubmitValidation, r as renderFormItems } from './form-validation.js';
+import { r as renderFormItems } from './common.js';
+import { f as formSubmitValidation } from './form-validation.js';
 import { d as defineCustomElement$k } from './icon.js';
 import { d as defineCustomElement$j } from './container.js';
 import { d as defineCustomElement$i } from './top-bar.js';

package/dist/components/gx-ide-new-kb.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
-import { f as formSubmitValidation, r as renderFormItems, g as getSelectedGxOption } from './form-validation.js';
+import { r as renderFormItems, g as getSelectedGxOption } from './common.js';
+import { f as formSubmitValidation } from './form-validation.js';
 import { d as defineCustomElement$i } from './icon.js';
 import { d as defineCustomElement$h } from './container.js';
 import { d as defineCustomElement$g } from './button.js';

package/dist/components/gx-ide-object-selector.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
 import { r as renderComboItems } from './render-combo-items.js';
+import { F as FILTER_AFTER } from './constants.js';
 import { d as defineCustomElement$p } from './ch-grid2.js';
 import { d as defineCustomElement$o } from './ch-grid-column2.js';
 import { d as defineCustomElement$n } from './ch-grid-column-resize2.js';
@@ -67,10 +68,6 @@ const gridCommon = {
 
 const objectSelectorCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items: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}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.filter-grid{grid-template-columns:repeat(2, 1fr)}.filter-grid *:nth-child(5){grid-area:3/1/4/3}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}.actions{grid-template-columns:repeat(2, 1fr)}.actions>*{display:flex;flex-direction:row;gap:var(--gx-ide-grid-row-gap)}.actions>*:nth-child(2){justify-content:flex-end}";
 
-const FILTER_AFTER_NONE = "none";
-const FILTER_AFTER_DATE_TIME = "afterDateTime";
-const FILTER_AFTER_LAST_BUILD = "afterLastBuild";
-const FILTER_AFTER_IMPORT = "afterImport";
 const GxIdeObjectSelector$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
@@ -82,33 +79,33 @@ const GxIdeObjectSelector$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
       var _a, _b;
       return (h("gxg-container", { fieldset: true, displayBorderBottom: true, containerTitle: this._componentLocale.filter.title, part: "filters-container" }, h("div", { class: "grid filter-grid" }, h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), value: this.patternValue, part: "filter-pattern" }), h("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: (el) => (this.filterTypeEl = el), part: "filter-type" }, renderComboItems((_a = this.types) !== null && _a !== void 0 ? _a : [])), h("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: (el) => (this.filterCategoryEl = el), part: "filter-category" }, renderComboItems((_b = this.categories) !== null && _b !== void 0 ? _b : [])), h("gx-ide-entity-selector", { label: this._componentLocale.filter.module, "label-position": "above", value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.filterModuleEl = el) }), h("div", { class: "flex with-gap" }, h("gxg-form-checkbox", { label: this._componentLocale.filter.modified, class: "align-center", ref: (el) => (this.filterModifiedEl = el), part: "filter-modified" }), h("gxg-combo-box", { class: { hide: !this.filterModified }, "disable-filter": true, value: this.filterAfterType, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterAfterTypeEl = el), part: "filter-after-type" }, renderComboItems([
         {
-          id: FILTER_AFTER_NONE,
-          label: this._componentLocale.filter.modifiedEmpty,
-          value: FILTER_AFTER_NONE
+          id: FILTER_AFTER.NONE,
+          label: this._componentLocale.filter.afterNone,
+          value: FILTER_AFTER.NONE
         },
         {
-          id: FILTER_AFTER_DATE_TIME,
-          label: this._componentLocale.filter[FILTER_AFTER_DATE_TIME],
-          value: FILTER_AFTER_DATE_TIME
+          id: FILTER_AFTER.DATE_TIME,
+          label: this._componentLocale.filter[FILTER_AFTER.DATE_TIME],
+          value: FILTER_AFTER.DATE_TIME
         },
         {
-          id: FILTER_AFTER_IMPORT,
-          label: this._componentLocale.filter[FILTER_AFTER_IMPORT],
-          value: FILTER_AFTER_IMPORT
+          id: FILTER_AFTER.IMPORT,
+          label: this._componentLocale.filter[FILTER_AFTER.IMPORT],
+          value: FILTER_AFTER.IMPORT
         },
         {
-          id: FILTER_AFTER_LAST_BUILD,
-          label: this._componentLocale.filter[FILTER_AFTER_LAST_BUILD],
-          value: FILTER_AFTER_LAST_BUILD
+          id: FILTER_AFTER.LAST_BUILD,
+          label: this._componentLocale.filter[FILTER_AFTER.LAST_BUILD],
+          value: FILTER_AFTER.LAST_BUILD
         }
       ])), h("gxg-form-text", { class: { hide: !this.filterModified }, "label-position": "start", label: this._componentLocale.filter.user, "max-width": "150px", ref: (el) => (this.filterUserEl = el), part: "filter-user" }), h("div", { class: {
           flex: true,
           hide: !this.filterModified ||
-            this.filterAfterType !== FILTER_AFTER_DATE_TIME
+            this.filterAfterType !== FILTER_AFTER.DATE_TIME
         }, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))))));
     };
     this.renderObjects = () => {
-      return (h("gxg-container", null, h("gxg-grid", { "ellipsis-cell-wrapper": true }, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.icon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, " ", obj.name, " ")), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate, "date-time")}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate, "date")}`)))))))));
+      return (h("gxg-container", null, h("gxg-grid", { "ellipsis-cell-wrapper": true }, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), onKeyDown: this.chGridKeyDownHandler, part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false, size: gridCommon.colSize.common }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false, size: gridCommon.colSize.auto })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id, onDblClick: this.openSelectionCallbackHandler }, h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, h("gxg-icon", { type: obj.icon, color: "auto" }))), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, " ", obj.name, " ")), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.type)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.module)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, obj.description)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.modifiedDate, "date-time")}`)), h("ch-grid-cell", null, h("span", { class: "cell-wrapper" }, `${formatDate(obj.importDate, "date")}`)))))))));
     };
     this.getObjects = () => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -123,7 +120,7 @@ const GxIdeObjectSelector$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
         module: (_g = (_f = this.filterModuleEl) === null || _f === void 0 ? void 0 : _f.value) === null || _g === void 0 ? void 0 : _g.id,
         modifiedAfter: modified && modifiedAfter ? modifiedAfter : null,
         modifiedBy: modified && user ? user : null,
-        modifiedDate: modified && modifiedAfter === FILTER_AFTER_DATE_TIME
+        modifiedDate: modified && modifiedAfter === FILTER_AFTER.DATE_TIME
           ? (_h = this.filterModifiedDateEl) === null || _h === void 0 ? void 0 : _h.value
           : null
       };
@@ -134,7 +131,6 @@ const GxIdeObjectSelector$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
       });
     };
     this.openSelectionCallbackHandler = (e) => {
-      console.log("openSelectionCallbackHandler");
       e.stopPropagation();
       this.openSelectionCallback(this.selectedObjectsIds);
     };
@@ -182,8 +178,7 @@ const GxIdeObjectSelector$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
         this.getObjects();
       });
       /* Date/Time */
-      this.filterModifiedDateEl.addEventListener("valueChanged", e => {
-        console.log("e", e);
+      this.filterModifiedDateEl.addEventListener("valueChanged", () => {
         this.getObjects();
       });
       // for grid selection
@@ -191,11 +186,22 @@ const GxIdeObjectSelector$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
         this.selectedObjectsIds = ev.detail.rowsId;
       });
     };
+    this.chGridKeyDownHandler = (e) => {
+      if (e.key === "Enter") {
+        this.openSelectionCallbackHandler(e);
+      }
+    };
+    this.hostKeyPressHandler = (e) => {
+      // just prevent keypress propagation
+      if (e.key === "Enter") {
+        e.stopPropagation();
+      }
+    };
     this.filterAfterType = "";
     this.filterModified = false;
     this.objects = [];
     this.selectedObjectsIds = [];
-    this.multiSelection = undefined;
+    this.multiSelection = true;
     this.patternValue = undefined;
     this.types = undefined;
     this.defaultType = undefined;
@@ -228,7 +234,7 @@ const GxIdeObjectSelector$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderFilter(), this.renderObjects(), h("gxg-container", null, h("div", { class: "grid objects-count" }, h("gxg-text", { class: "align-end", part: "objects-selected" }, `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected}`), h("gxg-text", { class: "align-end", part: "objects-matching" }, `${this.objects.length} ${this._componentLocale.objCount.matching}`))), h("gxg-container", { displayBorderTop: true }, h("div", { class: "grid actions" }, h("div", null, h("gxg-button", { id: "button-select-all", type: "primary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all" }, this._componentLocale.footer.btnSelectAll), h("gxg-button", { id: "button-new", type: "primary-text-only", onClick: this.newObjectCallbackHandle, part: "gxg-button gxg-button--new" }, this._componentLocale.footer.btnNew)), h("div", null, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.openSelectionCallbackHandler, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelCallbackHandle, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel)))))));
+    return (h(Host, { class: "gx-ide-component", onKeyPress: this.hostKeyPressHandler }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderFilter(), this.renderObjects(), h("gxg-container", null, h("div", { class: "grid objects-count" }, h("gxg-text", { class: "align-end", part: "objects-selected" }, `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected}`), h("gxg-text", { class: "align-end", part: "objects-matching" }, `${this.objects.length} ${this._componentLocale.objCount.matching}`))), h("gxg-container", { displayBorderTop: true }, h("div", { class: "grid actions" }, h("div", null, h("gxg-button", { id: "button-select-all", type: "primary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all" }, this._componentLocale.footer.btnSelectAll), h("gxg-button", { id: "button-new", type: "primary-text-only", onClick: this.newObjectCallbackHandle, part: "gxg-button gxg-button--new" }, this._componentLocale.footer.btnNew)), h("div", null, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.openSelectionCallbackHandler, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelCallbackHandle, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel)))))));
   }
   static get assetsDirs() { return ["gx-ide-assets/object-selector"]; }
   get el() { return this; }

package/dist/components/gx-ide-ww-images.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GxIdeWwImages extends Components.GxIdeWwImages, HTMLElement {}
+export const GxIdeWwImages: {
+  prototype: GxIdeWwImages;
+  new (): GxIdeWwImages;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;