@genexus/genexus-ide-ui 0.0.10 → 0.0.12

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/collection/components/new-kb/new-kb.js

@@ -113,8 +113,8 @@ export class GxIdeNewKb {
     };
     this.createKbHandler = () => {
       var _a, _b, _c;
-      if (this.onCreate) {
-        const onCreatePromise = this.onCreate({
+      if (this.createCallback) {
+        const createCallbackPromise = this.createCallback({
           kbName: this.kbNameEl.value,
           kbLocation: this.locationEl.value,
           prototypingTarget: this.prototypingTargetEl.value,
@@ -131,14 +131,14 @@ export class GxIdeNewKb {
           password: (_b = this.passwordEl) === null || _b === void 0 ? void 0 : _b.value,
           savePassword: (_c = this.savePasswordEl) === null || _c === void 0 ? void 0 : _c.checked
         });
-        onCreatePromise.then(result => {
+        createCallbackPromise.then(result => {
           this.validation(result);
         });
       }
     };
     this.cancelKbHandler = () => {
-      if (this.onCancelHandler) {
-        this.onCancelHandler();
+      if (this.cancelCallback) {
+        this.cancelCallback();
       }
     };
     // 10.RENDER() FUNCTION //
@@ -173,8 +173,8 @@ export class GxIdeNewKb {
     this.serverNames = undefined;
     this.userName = undefined;
     this.test = undefined;
-    this.onCreate = undefined;
-    this.onCancelHandler = undefined;
+    this.createCallback = undefined;
+    this.cancelCallback = undefined;
     this.createDataInKbDisabled = false;
     this.userNameVisible = true;
     this.passwordVisible = true;
@@ -549,11 +549,11 @@ export class GxIdeNewKb {
         "attribute": "test",
         "reflect": false
       },
-      "onCreate": {
+      "createCallback": {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "(data: NewKBData) => Promise<FormSubmitResult[]>",
+          "original": "(\n    data: NewKBData\n  ) => Promise<FormSubmitResult[]>",
           "resolved": "(data: NewKBData) => Promise<FormSubmitResult[]>",
           "references": {
             "NewKBData": {
@@ -575,7 +575,7 @@ export class GxIdeNewKb {
           "text": "Callback that will be invoked when the user confirms KB creation (\u2018Create\u2019 button)"
         }
       },
-      "onCancelHandler": {
+      "cancelCallback": {
         "type": "unknown",
         "mutable": false,
         "complexType": {

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;