@genexus/genexus-ide-ui 0.0.16 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/cjs/ch-grid_7.cjs.entry.js +73 -27
  2. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  3. package/dist/cjs/{gx-ide-container_2.cjs.entry.js → gx-ide-container.cjs.entry.js} +0 -31
  4. package/dist/cjs/gx-ide-new-kb.cjs.entry.js +16 -17
  5. package/dist/cjs/gx-ide-template.cjs.entry.js +2 -2
  6. package/dist/cjs/gx-ide-top-bar.cjs.entry.js +37 -0
  7. package/dist/cjs/gxg-combo-box_8.cjs.entry.js +3 -8
  8. package/dist/cjs/gxg-menu.cjs.entry.js +2 -2
  9. package/dist/cjs/gxg-test.cjs.entry.js +4 -23
  10. package/dist/cjs/gxg-tree_2.cjs.entry.js +386 -281
  11. package/dist/cjs/loader.cjs.js +1 -1
  12. package/dist/collection/components/_template/template.js +9 -10
  13. package/dist/collection/components/new-kb/new-kb.js +16 -35
  14. package/dist/components/ch-grid2.js +74 -28
  15. package/dist/components/combo-box.js +4 -3
  16. package/dist/components/form-radio.js +0 -5
  17. package/dist/components/gx-ide-new-kb.js +20 -28
  18. package/dist/components/gx-ide-template.js +7 -13
  19. package/dist/components/gxg-menu.js +2 -2
  20. package/dist/components/gxg-test.js +4 -23
  21. package/dist/components/gxg-tree-item2.js +344 -277
  22. package/dist/components/gxg-tree2.js +47 -8
  23. package/dist/esm/ch-grid_7.entry.js +73 -27
  24. package/dist/esm/genexus-ide-ui.js +1 -1
  25. package/dist/esm/{gx-ide-container_2.entry.js → gx-ide-container.entry.js} +1 -31
  26. package/dist/esm/gx-ide-new-kb.entry.js +16 -17
  27. package/dist/esm/gx-ide-template.entry.js +2 -2
  28. package/dist/esm/gx-ide-top-bar.entry.js +33 -0
  29. package/dist/esm/gxg-combo-box_8.entry.js +3 -8
  30. package/dist/esm/gxg-menu.entry.js +2 -2
  31. package/dist/esm/gxg-test.entry.js +4 -23
  32. package/dist/esm/gxg-tree_2.entry.js +387 -282
  33. package/dist/esm/loader.js +1 -1
  34. package/dist/genexus-ide-ui/genexus-ide-ui.css +1 -1
  35. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  36. package/dist/genexus-ide-ui/p-1042318d.entry.js +1 -0
  37. package/dist/genexus-ide-ui/p-1d4cf2ae.entry.js +1 -0
  38. package/dist/genexus-ide-ui/p-48482e25.entry.js +1 -0
  39. package/dist/genexus-ide-ui/p-49433b58.entry.js +1 -0
  40. package/dist/genexus-ide-ui/p-79cf24a3.entry.js +1 -0
  41. package/dist/genexus-ide-ui/p-c5c6e102.entry.js +1 -0
  42. package/dist/genexus-ide-ui/p-cd503583.entry.js +1 -0
  43. package/dist/genexus-ide-ui/{p-1e412d88.entry.js → p-fcc98e20.entry.js} +1 -1
  44. package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css +2 -2
  45. package/dist/types/components/_template/template.d.ts +2 -2
  46. package/dist/types/components/new-kb/new-kb.d.ts +0 -4
  47. package/dist/types/components.d.ts +4 -12
  48. package/package.json +3 -3
  49. package/dist/genexus-ide-ui/p-0f5d0ccc.entry.js +0 -1
  50. package/dist/genexus-ide-ui/p-2761a056.entry.js +0 -1
  51. package/dist/genexus-ide-ui/p-62814082.entry.js +0 -1
  52. package/dist/genexus-ide-ui/p-97430828.entry.js +0 -1
  53. package/dist/genexus-ide-ui/p-9e32e006.entry.js +0 -1
  54. package/dist/genexus-ide-ui/p-eb8e9655.entry.js +0 -1
@@ -109,7 +109,7 @@ const GxgMenu = class {
109
109
  this.removeMouseEnter = () => {
110
110
  this.el.removeEventListener("mouseenter", this.detectMouseEnter);
111
111
  };
112
- this.detectMouseEnter = (e) => {
112
+ this.detectMouseEnter = () => {
113
113
  //Mouse enter
114
114
  this.clearMouseOutTimeout();
115
115
  };
@@ -187,7 +187,7 @@ const GxgMenu = class {
187
187
  }
188
188
  keyboardNavigationHandler(triggeredItem) {
189
189
  const triggeringItem = triggeredItem.detail.ref;
190
- const triggeringItemIndex = this._enabledItems.findIndex((item, i) => {
190
+ const triggeringItemIndex = this._enabledItems.findIndex((item) => {
191
191
  return item === triggeringItem;
192
192
  });
193
193
  let newFocusedItem;
@@ -24,7 +24,7 @@ const renderTreeItem = (item) => {
24
24
  const childrenLength = item.items ? item.items.length : 0;
25
25
  const isLeaf = childrenLength === 0 || item.leaf ? true : false;
26
26
  const lazy = !item.lazy ? false : true;
27
- 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)]));
27
+ 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)]));
28
28
  };
29
29
 
30
30
  const testCss = ".tree-buttons{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}";
@@ -62,27 +62,8 @@ const GxgTest = class {
62
62
  this.deleteNodeHandler = () => {
63
63
  this.treeItemsModel = [];
64
64
  };
65
- this.getIconState = (state) => {
66
- let icon = index.h("gxg-icon", { type: "gx-server/private" });
67
- switch (state) {
68
- case "inserted":
69
- icon = index.h("gxg-icon", { type: "gx-server/new", color: "success" });
70
- break;
71
- case "modified":
72
- icon = (index.h("gxg-icon", { type: "gx-server/changes-commit-pending", color: "primary-active" }));
73
- break;
74
- case "deleted":
75
- icon = index.h("gxg-icon", { type: "gx-server/delete", color: "error" });
76
- break;
77
- case "conflicted":
78
- icon = index.h("gxg-icon", { type: "gx-server/conflict", color: "warning" });
79
- break;
80
- }
81
- return icon;
82
- };
83
65
  }
84
66
  toggleIconClickedHandler(e) {
85
- console.log("hola");
86
67
  const treeItemId = e.detail.id;
87
68
  const isLazy = e.detail.lazy;
88
69
  if (this.lazyLoadTreeItemsCallback && isLazy) {
@@ -105,9 +86,9 @@ const GxgTest = class {
105
86
  ];
106
87
  }
107
88
  else if (this.showGrid) {
108
- 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 && [
109
- 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")),
110
- 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"))),
89
+ 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 && [
90
+ 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")),
91
+ 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"))),
111
92
  ])));
112
93
  }
113
94
  else {