@genexus/genexus-ide-ui 0.0.10 → 0.0.11

package/dist/collection/common/render-tree.js

@@ -13,11 +13,12 @@ export const renderTreeItems = (treeItemsModel, firstCall = true) => {
       })));
     }
   }
+  return [];
 };
 const renderTreeItem = (item) => {
   var _a;
   const childrenLength = item.items ? item.items.length : 0;
   const isLeaf = !!(childrenLength === 0 || item.leaf);
   const lazy = !!item.lazy;
-  return (h("gxg-tree-item", { checkbox: item.checkbox, checked: item.checked, disabled: item.disabled, icon: item.icon, itemId: item.id, indeterminate: item.indeterminate, 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 (h("gxg-tree-item", { checkbox: item.checkbox, checked: item.checked, 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)]));
 };

package/dist/collection/components/_test/test.js

@@ -43,7 +43,7 @@ export class GxIdeUiTest {
   }
   render() {
     if (this.treeModel) {
-      return (h(Host, null, h("gxg-tree", { id: "masterTree", checked: true, ref: el => (this.tree = el) }, renderTreeItems(this.treeModel)), ",", h("div", { class: "tree-buttons" }, h("gxg-button", { type: "outlined", onClick: this.closeTreeNodeHandler }, "Close 1-1-2"), h("gxg-button", { type: "outlined", onClick: this.openTreeNodeHandler }, "Open 1-1-2"), h("gxg-button", { type: "outlined", onClick: this.toggleTreeNodeHandler }, "Toggle 1-1-2"), h("gxg-button", { type: "outlined", onClick: this.getSelectedItemsHandler }, "Get Selected Items"), h("gxg-button", { type: "outlined", onClick: this.getCheckedItemsHandler }, "Get Checked Items"), h("gxg-button", { type: "outlined", onClick: this.deleteNodeHandler }, "Delete Tree"))));
+      return (h(Host, null, h("gxg-tree", { id: "masterTree", checked: true, checkbox: true, multiSelection: true, ref: el => (this.tree = el) }, renderTreeItems(this.treeModel)), ",", h("div", { class: "tree-buttons" }, h("gxg-button", { type: "outlined", onClick: this.closeTreeNodeHandler }, "Close 1-1-2"), h("gxg-button", { type: "outlined", onClick: this.openTreeNodeHandler }, "Open 1-1-2"), h("gxg-button", { type: "outlined", onClick: this.toggleTreeNodeHandler }, "Toggle 1-1-2"), h("gxg-button", { type: "outlined", onClick: this.getSelectedItemsHandler }, "Get Selected Items"), h("gxg-button", { type: "outlined", onClick: this.getCheckedItemsHandler }, "Get Checked Items"), h("gxg-button", { type: "outlined", onClick: this.deleteNodeHandler }, "Delete Tree"))));
     }
     else {
       return h("slot", null);

package/dist/components/ch-grid-row-actions.js

@@ -1,6 +1,8 @@
-import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './ch-window2.js';
+import { d as defineCustomElement$2 } from './ch-window-close2.js';
 
-const chGridRowActionsCss = "";
+const chGridRowActionsCss = ":host{display:contents}";
 
 const ChGridRowActions$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -8,19 +10,65 @@ const ChGridRowActions$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     this.__registerHost();
     this.__attachShadow();
   }
+  /**
+   * Opens the row actions on row hover.
+   */
+  async openRowHover(row) {
+    this.window.container = row;
+    this.window.xAlign = "inside-end";
+    this.window.yAlign = "center";
+    this.window.closeOnOutsideClick = false;
+    this.window.hidden = false;
+  }
+  /**
+   * Opens the row actions on the row-actions-button cell.
+   */
+  async openRowActions(cell) {
+    this.window.container = cell;
+    this.window.xAlign = "outside-start";
+    this.window.yAlign = "outside-end";
+    this.window.closeOnOutsideClick = true;
+    this.window.hidden = false;
+  }
+  /**
+   * Closes the row actions window.
+   */
+  async close() {
+    this.window.hidden = true;
+  }
+  render() {
+    return (h(Host, { slot: "row-actions" }, h("ch-window", { ref: el => (this.window = el), xAlign: "inside-end", modal: false, showHeader: false, showFooter: false, exportparts: "main:box" }, h("slot", null))));
+  }
   static get style() { return chGridRowActionsCss; }
-}, [1, "ch-grid-row-actions"]);
+}, [1, "ch-grid-row-actions", {
+    "showOnRowHover": [516, "show-on-row-hover"],
+    "showOnRowActions": [516, "show-on-row-actions"],
+    "showOnRowContext": [516, "show-on-row-context"],
+    "openRowHover": [64],
+    "openRowActions": [64],
+    "close": [64]
+  }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["ch-grid-row-actions"];
+  const components = ["ch-grid-row-actions", "ch-window", "ch-window-close"];
   components.forEach(tagName => { switch (tagName) {
     case "ch-grid-row-actions":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, ChGridRowActions$1);
       }
       break;
+    case "ch-window":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "ch-window-close":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
   } });
 }
 

package/dist/components/ch-grid-rowset-legend.js

@@ -1,4 +1,35 @@
-import { C as ChGridRowsetLegend$1, d as defineCustomElement$1 } from './ch-grid-rowset-legend2.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const chGridRowsetLegendCss = ":host{display:flex;grid-column-start:1;grid-column-end:-1;margin-inline-start:calc(var(--indent) * (var(--level) - 1))}:host::part(selector-label){display:none}";
+
+const ChGridRowsetLegend$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.rowsetLegendClicked = createEvent(this, "rowsetLegendClicked", 7);
+  }
+  clickHandler() {
+    this.rowsetLegendClicked.emit();
+  }
+  render() {
+    return (h(Host, null, h("div", { part: "caret" }), h("label", { part: "selector-label" }, h("input", { type: "checkbox", part: "selector" })), h("div", { part: "icon" }), h("slot", null)));
+  }
+  static get style() { return chGridRowsetLegendCss; }
+}, [1, "ch-grid-rowset-legend", undefined, [[1, "click", "clickHandler"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ch-grid-rowset-legend"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ch-grid-rowset-legend":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ChGridRowsetLegend$1);
+      }
+      break;
+  } });
+}
 
 const ChGridRowsetLegend = ChGridRowsetLegend$1;
 const defineCustomElement = defineCustomElement$1;