@genexus/genexus-ide-ui 0.0.15 → 0.0.17

package/dist/cjs/gxg-combo-box_8.cjs.entry.js

@@ -11,7 +11,7 @@ const store = require('./store-49485138.js');
 const classesNames = require('./classesNames-5b7c6ad4.js');
 
 function mutationObserverRemoved(target, ref) {
-    const observer = new MutationObserver((mutationsList, observer) => {
+    const observer = new MutationObserver((mutationsList) => {
         for (const mutation of mutationsList) {
             if (mutation.type === "childList") {
                 const removedNodesArray = Array.from(mutation.removedNodes);
@@ -443,7 +443,7 @@ const GxgComboBox = class {
     this.value = event.detail.value;
     this.inputText.focus();
   }
-  itemDidLoadHandler(itemLoaded) {
+  itemDidLoadHandler() {
     this.setIndexes();
     this.setInitialValue();
   }
@@ -596,7 +596,7 @@ const GxgComboBox = class {
         large: store.state.large,
       }, style: { maxWidth: this.maxWidth, minWidth: this.minWidth }, exportParts: this.exportparts ? this.exportparts : null }, index.h("div", { class: {
         "main-container": true,
-      }, ref: (el) => (this.mainContainer = el) }, this.label ? (index.h("gxg-label", { labelPosition: this.labelPosition, center: this.centerLabel, width: this.labelWidth }, this.label)) : null, index.h("div", { class: "search-and-items-container", ref: (el) => (this.searchItemsContainer = el) }, index.h("div", { class: { "search-container": true } }, index.h("gxg-form-text", { placeholder: this.placeholder, onInput: this.inputHandler.bind(this), onKeyDown: this.keyDownHandler, onClick: this.inputTextClickHandler, value: this.text, icon: this.inputTextIcon, iconPosition: this.inputTextIconPosition, readonly: this.disableFilter, ref: (el) => (this.inputText = el), validationStatus: this.validationStatus, disabled: this.disabled, onValueChanged: this.handleValueChangeFormText, cursorEnd: this.cursorEnd, preventValueChangedEmit: true, preventValueChangeOnDisabled: true, class: { "clear-icon": clearIcon }, part: this.parts.input }), index.h("div", { class: "buttons-wrapper" }, clearIcon ? (index.h("gxg-button", { class: { "button-icon delete-icon": true }, icon: "menus/delete", type: "tertiary", onClick: () => this.clearCombo(), tabindex: "-1", fit: true, disabled: this.disabled, part: this.parts.clearButton })) : null, index.h("gxg-button", { class: { "button-icon": true }, icon: "navigation/arrow-down", type: "secondary-icon-only", onClick: this.toggleListButtonClickHandler, fit: true, disabled: this.disabled, tabindex: "-1", part: this.parts.toggleButton }))), index.h("div", { class: {
+      }, ref: (el) => (this.mainContainer = el) }, this.label ? (index.h("gxg-label", { labelPosition: this.labelPosition, center: this.centerLabel, width: this.labelWidth }, this.label)) : null, index.h("div", { class: "search-and-items-container", ref: (el) => (this.searchItemsContainer = el) }, index.h("div", { class: { "search-container": true } }, index.h("gxg-form-text", { placeholder: this.placeholder, onInput: this.inputHandler.bind(this), onKeyDown: this.keyDownHandler, onClick: this.inputTextClickHandler, value: this.text, icon: this.fixedIcon || this.inputTextIcon, iconPosition: this.fixedIcon ? "start" : this.inputTextIconPosition, readonly: this.disableFilter, ref: (el) => (this.inputText = el), validationStatus: this.validationStatus, disabled: this.disabled, onValueChanged: this.handleValueChangeFormText, cursorEnd: this.cursorEnd, preventValueChangedEmit: true, preventValueChangeOnDisabled: true, class: { "clear-icon": clearIcon }, part: this.parts.input }), index.h("div", { class: "buttons-wrapper" }, clearIcon ? (index.h("gxg-button", { class: { "button-icon delete-icon": true }, icon: "menus/delete", type: "tertiary", onClick: () => this.clearCombo(), tabindex: "-1", fit: true, disabled: this.disabled, part: this.parts.clearButton })) : null, index.h("gxg-button", { class: { "button-icon": true }, icon: "navigation/arrow-down", type: "secondary-icon-only", onClick: this.toggleListButtonClickHandler, fit: true, disabled: this.disabled, tabindex: "-1", part: this.parts.toggleButton }))), index.h("div", { class: {
         "items-container": true,
         "items-container--show": this.listIsOpen,
         "items-container--no-match": this.noMatch,
@@ -803,11 +803,6 @@ const GxgFormRadio = class {
   /*********************************
   METHODS
   *********************************/
-  componentDidLoad() {
-    this.radioInput.addEventListener("change", (e) => {
-      console.log("changed", e);
-    });
-  }
   checkedHandler(newValue) {
     if (newValue) {
       this.radioChecked.emit({

package/dist/cjs/gxg-menu.cjs.entry.js

@@ -109,7 +109,7 @@ const GxgMenu = class {
     this.removeMouseEnter = () => {
       this.el.removeEventListener("mouseenter", this.detectMouseEnter);
     };
-    this.detectMouseEnter = (e) => {
+    this.detectMouseEnter = () => {
       //Mouse enter
       this.clearMouseOutTimeout();
     };
@@ -187,7 +187,7 @@ const GxgMenu = class {
   }
   keyboardNavigationHandler(triggeredItem) {
     const triggeringItem = triggeredItem.detail.ref;
-    const triggeringItemIndex = this._enabledItems.findIndex((item, i) => {
+    const triggeringItemIndex = this._enabledItems.findIndex((item) => {
       return item === triggeringItem;
     });
     let newFocusedItem;

package/dist/cjs/gxg-test.cjs.entry.js

@@ -24,7 +24,7 @@ const renderTreeItem = (item) => {
     const childrenLength = item.items ? item.items.length : 0;
     const isLeaf = childrenLength === 0 || item.leaf ? true : false;
     const lazy = !item.lazy ? false : true;
-    return (index.h("gxg-tree-item", { checkbox: item.checkbox, checked: item.checked, description: item.description, disabled: item.disabled, icon: item.icon, indeterminate: item.indeterminate, id: item.id, key: `tree-item-${item.id}`, label: item.label, leaf: isLeaf && !lazy, numberOfChildren: childrenLength, opened: item.opened, selected: item.selected }, [item.label, ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) && renderTreeItems(item.items, false)]));
+    return (index.h("gxg-tree-item", { checkbox: item.checkbox, checked: item.checked, description: item.description, disabled: item.disabled, icon: item.icon, indeterminate: item.indeterminate, id: item.id, label: item.label, leaf: isLeaf && !lazy, numberOfChildren: childrenLength, opened: item.opened, selected: item.selected }, [item.label, ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) && renderTreeItems(item.items, false)]));
 };
 
 const testCss = ".tree-buttons{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}";
@@ -62,27 +62,8 @@ const GxgTest = class {
     this.deleteNodeHandler = () => {
       this.treeItemsModel = [];
     };
-    this.getIconState = (state) => {
-      let icon = index.h("gxg-icon", { type: "gx-server/private" });
-      switch (state) {
-        case "inserted":
-          icon = index.h("gxg-icon", { type: "gx-server/new", color: "success" });
-          break;
-        case "modified":
-          icon = (index.h("gxg-icon", { type: "gx-server/changes-commit-pending", color: "primary-active" }));
-          break;
-        case "deleted":
-          icon = index.h("gxg-icon", { type: "gx-server/delete", color: "error" });
-          break;
-        case "conflicted":
-          icon = index.h("gxg-icon", { type: "gx-server/conflict", color: "warning" });
-          break;
-      }
-      return icon;
-    };
   }
   toggleIconClickedHandler(e) {
-    console.log("hola");
     const treeItemId = e.detail.id;
     const isLazy = e.detail.lazy;
     if (this.lazyLoadTreeItemsCallback && isLazy) {
@@ -105,9 +86,9 @@ const GxgTest = class {
       ];
     }
     else if (this.showGrid) {
-      return (index.h("gxg-grid", null, index.h("ch-grid", { "row-selection-mode": "none", part: "ch-grid-pending-for-updates", class: "no-border" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", "rich-row-selector": true, "rich-row-selector-mode": "mark" }), index.h("ch-grid-column", { "column-name": "name", "column-name-position": "text", settingable: false }), index.h("ch-grid-column", { "column-name": "productos", "column-name-position": "text", settingable: false })), this.showGridData && [
-        index.h("ch-grid-row", { rowid: "123" }, index.h("ch-grid-cell", { ref: (el) => (el.type = "rich") }), index.h("ch-grid-cell", null, "Nombre"), index.h("ch-grid-cell", null, "Productos")),
-        index.h("ch-grid-rowset", null, index.h("ch-grid-rowset-legend", null, "Identidad"), index.h("ch-grid-row", { rowSelector: true }, index.h("ch-grid-cell", { rowSelector: true }), index.h("ch-grid-cell", null, "Nombre"), index.h("ch-grid-cell", null, "Productos")), index.h("ch-grid-row", null, index.h("ch-grid-cell", null), index.h("ch-grid-cell", null, "English"), index.h("ch-grid-cell", null, "Products")), index.h("ch-grid-row", null, index.h("ch-grid-cell", null), index.h("ch-grid-cell", null, "Portugu\u00EAs"), index.h("ch-grid-cell", null, "Produtos"))),
+      return (index.h("gxg-grid", null, index.h("ch-grid", { "row-selection-mode": "multiple", part: "ch-grid-pending-for-updates", class: "no-border" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", "rich-row-selector": true, "rich-row-selector-mode": "mark" }), index.h("ch-grid-column", { "column-name": "name", "column-name-position": "text", settingable: false }), index.h("ch-grid-column", { "column-name": "productos", "column-name-position": "text", settingable: false })), this.showGridData && [
+        index.h("ch-grid-row", { rowid: "123" }, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, "Nombre"), index.h("ch-grid-cell", null, "Productos")),
+        index.h("ch-grid-rowset", null, index.h("ch-grid-rowset-legend", null, "Identidad"), index.h("ch-grid-row", null, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, "Nombre"), index.h("ch-grid-cell", null, "Productos")), index.h("ch-grid-row", null, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, "English"), index.h("ch-grid-cell", null, "Products")), index.h("ch-grid-row", null, index.h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), index.h("ch-grid-cell", null, "Portugu\u00EAs"), index.h("ch-grid-cell", null, "Produtos"))),
       ])));
     }
     else {