@sme.up/ketchup 5.1.0 → 5.1.1

package/dist/cjs/kup-autocomplete_27.cjs.entry.js

@@ -3196,7 +3196,7 @@ const KupAutocomplete = class {
     });
   }
   onKupItemClick(e) {
-    this.onKupChange(e.detail.selected.value);
+    this.onKupChange(e.detail.selected.id);
     this.closeList();
     if (this.textfieldEl) {
       this.textfieldEl.focus();
@@ -7856,7 +7856,7 @@ function prepTimeArea(component) {
 function onKupClockItemClick(e, component, value) {
   if (e != null) {
     if (value == null) {
-      value = e.detail.selected.value;
+      value = e.detail.selected.id;
     }
   }
   setClockValueSelected(component, value);
@@ -12884,7 +12884,7 @@ const KupCombobox = class {
     });
   }
   onKupItemClick(e) {
-    this.onKupChange(e.detail.selected.value);
+    this.onKupChange(e.detail.selected.id);
     __classPrivateFieldGet$1(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
     if (__classPrivateFieldGet$1(this, _KupCombobox_textfieldEl, "f")) {
       __classPrivateFieldGet$1(this, _KupCombobox_textfieldEl, "f").focus();
@@ -14148,6 +14148,7 @@ const KupDataTable = class {
     this.openedTotalMenu = null;
     this.openedCustomSettings = false;
     this.fontsize = 'medium';
+    this.initialized = false;
     this.rowsLength = 0;
     this.paginatedRowsLength = 0;
     /**
@@ -14447,7 +14448,9 @@ const KupDataTable = class {
     }
   }
   recalculateData() {
-    this.calculateData();
+    if (this.initialized) {
+      this.calculateData();
+    }
   }
   /**
    * Closes any opened column menu.
@@ -15280,6 +15283,7 @@ const KupDataTable = class {
       CSS.supports('position', '-webkit-sticky') ||
         !!(window && window.safari);
     this.calculateData();
+    this.initialized = true;
   }
   componentWillRender() {
     this.kupManager.debug.logRender(this, false);
@@ -16443,7 +16447,7 @@ const KupDataTable = class {
       // must do this
       // otherwise does not fire the watcher
       const totalsCopy = Object.assign({}, this.totals);
-      const value = event.detail.selected.value;
+      const value = event.detail.selected.id;
       if (value === kupManager.TotalLabel.CANC) {
         if (this.totals && this.totals[column.name]) {
           delete totalsCopy[column.name];
@@ -21636,7 +21640,7 @@ const KupTimePicker = class {
   onKupTimePickerItemClick(e, value) {
     if (e != null) {
       if (value == null) {
-        value = e.detail.selected.value;
+        value = e.detail.selected.id;
       }
     }
     this.setPickerValueSelected(value);
@@ -21924,7 +21928,7 @@ const KupTimePicker = class {
         } }));
     }
     else {
-      return (index.h("kup-list", { ref: (el) => (this.pickerKupEl = el), data: this.createTimeListData(this.value), "is-menu": true, "onkup-list-click": (e) => this.onKupTimePickerItemClick(e, e.detail.selected.value), id: this.rootElement.id + '_list' }));
+      return (index.h("kup-list", { ref: (el) => (this.pickerKupEl = el), data: this.createTimeListData(this.value), "is-menu": true, "onkup-list-click": (e) => this.onKupTimePickerItemClick(e, e.detail.selected.id), id: this.rootElement.id + '_list' }));
     }
   }
   createTimeListData(value) {
@@ -23359,8 +23363,48 @@ const KupTree = class {
     this.closeTotalMenu();
     this.openTotalMenu(column);
   }
-  getEventDetails(el) {
-    const isHeader = !!el.closest('thead'), isBody = !!el.closest('tbody'), isFooter = !!el.closest('tfoot'), td = el.closest('td'), th = el.closest('th'), tr = el.closest('tr'), filterRemove = el.closest('th .filter-remove');
+  getEventDetails(path) {
+    let isHeader, isBody, isFooter, td, th, tr, filterRemove;
+    if (path) {
+      for (let i = path.length - 1; i >= 0; i--) {
+        let p = path[i];
+        if (!p.tagName) {
+          continue;
+        }
+        switch (p.tagName.toUpperCase()) {
+          case 'THEAD': {
+            isHeader = true;
+            break;
+          }
+          case 'TBODY': {
+            isBody = true;
+            break;
+          }
+          case 'TFOOT': {
+            isFooter = true;
+            break;
+          }
+          case 'TD': {
+            td = p;
+            break;
+          }
+          case 'TH': {
+            th = p;
+            break;
+          }
+          case 'TR': {
+            tr = p;
+            break;
+          }
+          default: {
+            if (p.classList.contains(kupManager.KupThemeIconValues.FILTER_REMOVE.replace('--', ''))) {
+              filterRemove = p;
+            }
+            break;
+          }
+        }
+      }
+    }
     let cell = null, column = null, row = null;
     if (isBody) {
       if (td) {
@@ -23399,7 +23443,7 @@ const KupTree = class {
   }
   contextMenuHandler(e) {
     e.preventDefault();
-    const details = this.getEventDetails(e.target);
+    const details = this.getEventDetails(this.getEventPath(e.target));
     if (details.area === 'header') {
       if (details.th && details.column) {
         this.openColumnMenu(details.column.name);
@@ -23423,7 +23467,7 @@ const KupTree = class {
       (this.expansionMode.toLowerCase() === KupTreeExpansionMode.NODE &&
         !treeNodeData.expandable)) {
       const td = e
-        ? this.getEventPath(e).find((el) => {
+        ? this.getEventPath(e.target).find((el) => {
           if (el.tagName === 'TD')
             return el;
         })
@@ -23537,9 +23581,8 @@ const KupTree = class {
       }
     }
   }
-  getEventPath(e) {
-    let path = [];
-    let currentEl = e.target;
+  getEventPath(currentEl) {
+    const path = [];
     while (currentEl &&
       currentEl !== this.rootElement &&
       currentEl !== document.body) {
@@ -23842,6 +23885,7 @@ const KupTree = class {
     // When a tree node is displayed as a table
     let treeNodeCells = null;
     let visibleCols = this.getVisibleColumns();
+    const _hasTooltip = !this.kupManager.objects.isEmptyKupObj(treeNodeData.obj);
     if (this.showColumns && visibleCols && visibleCols.length) {
       treeNodeCells = [];
       // Renders all the cells
@@ -23861,14 +23905,13 @@ const KupTree = class {
             row: treeNodeData,
             setSizes: true,
           };
-          treeNodeCells.push(index.h("td", { class: `grid-cell`, "data-column": column.name }, index.h(fCell.FCell, Object.assign({}, cellProps))));
+          treeNodeCells.push(index.h("td", Object.assign({ class: `grid-cell`, "data-column": column.name, "data-cell": cell }, this.getToolTipEventHandlers(treeNodeData, cell, _hasTooltip)), index.h(fCell.FCell, Object.assign({}, cellProps))));
         }
         else {
           treeNodeCells.push(index.h("td", { class: `grid-cell` }));
         }
       }
     }
-    const _hasTooltip = !this.kupManager.objects.isEmptyKupObj(treeNodeData.obj);
     let title = undefined;
     if (_hasTooltip && this.kupManager.debug.isDebug()) {
       title =
@@ -23900,7 +23943,7 @@ const KupTree = class {
           'is-obj': !this.kupManager.objects.isEmptyKupObj(treeNodeData.obj),
         }, style: treeNodeData.style || null, title: title, onDblClick: () => {
           this.onKupTreeNodeDblClick(treeNodeData, treeNodePath);
-        } }, this.getToolTipEventHandlers(treeNodeData, cell, _hasTooltip)), this.asAccordion && !treeNodeDepth
+        } }, this.getToolTipEventHandlers(treeNodeData, cell, _hasTooltip), { "data-row": treeNodeData }), this.asAccordion && !treeNodeDepth
         ? [
           treeNodeIcon,
           content,
@@ -23915,7 +23958,7 @@ const KupTree = class {
         'kup-tree__node--first': treeNodeDepth ? false : true,
         'kup-tree__node--selected': !treeNodeData.disabled &&
           treeNodePath === this.selectedNodeString,
-      }, "data-tree-path": treeNodePath }, treeNodeOptions), treeNodeCell, treeNodeCells));
+      }, "data-tree-path": treeNodePath }, treeNodeOptions, { "data-row": treeNodeData }), treeNodeCell, treeNodeCells));
   }
   closeTotalMenu() {
     this.openedTotalMenu = null;
@@ -23931,7 +23974,7 @@ const KupTree = class {
       // must do this
       // otherwise does not fire the watcher
       const totalsCopy = Object.assign({}, this.totals);
-      const value = event.detail.selected.value;
+      const value = event.detail.selected.id;
       if (value === kupManager.TotalLabel.CANC) {
         if (this.totals && this.totals[column.name]) {
           delete totalsCopy[column.name];

package/dist/collection/components/kup-autocomplete/kup-autocomplete.js

@@ -158,7 +158,7 @@ export class KupAutocomplete {
     });
   }
   onKupItemClick(e) {
-    this.onKupChange(e.detail.selected.value);
+    this.onKupChange(e.detail.selected.id);
     this.closeList();
     if (this.textfieldEl) {
       this.textfieldEl.focus();

package/dist/collection/components/kup-card/built-in/kup-card-clock.js

@@ -83,7 +83,7 @@ function prepTimeArea(component) {
 function onKupClockItemClick(e, component, value) {
   if (e != null) {
     if (value == null) {
-      value = e.detail.selected.value;
+      value = e.detail.selected.id;
     }
   }
   setClockValueSelected(component, value);

package/dist/collection/components/kup-combobox/kup-combobox.js

@@ -146,7 +146,7 @@ export class KupCombobox {
     });
   }
   onKupItemClick(e) {
-    this.onKupChange(e.detail.selected.value);
+    this.onKupChange(e.detail.selected.id);
     __classPrivateFieldGet(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
     if (__classPrivateFieldGet(this, _KupCombobox_textfieldEl, "f")) {
       __classPrivateFieldGet(this, _KupCombobox_textfieldEl, "f").focus();

package/dist/collection/components/kup-data-table/kup-data-table.js

@@ -265,6 +265,7 @@ export class KupDataTable {
     this.openedTotalMenu = null;
     this.openedCustomSettings = false;
     this.fontsize = 'medium';
+    this.initialized = false;
     this.rowsLength = 0;
     this.paginatedRowsLength = 0;
     /**
@@ -564,7 +565,9 @@ export class KupDataTable {
     }
   }
   recalculateData() {
-    this.calculateData();
+    if (this.initialized) {
+      this.calculateData();
+    }
   }
   /**
    * Closes any opened column menu.
@@ -1397,6 +1400,7 @@ export class KupDataTable {
       CSS.supports('position', '-webkit-sticky') ||
         !!(window && window.safari);
     this.calculateData();
+    this.initialized = true;
   }
   componentWillRender() {
     this.kupManager.debug.logRender(this, false);
@@ -2573,7 +2577,7 @@ export class KupDataTable {
       // must do this
       // otherwise does not fire the watcher
       const totalsCopy = Object.assign({}, this.totals);
-      const value = event.detail.selected.value;
+      const value = event.detail.selected.id;
       if (value === TotalLabel.CANC) {
         if (this.totals && this.totals[column.name]) {
           delete totalsCopy[column.name];

package/dist/collection/components/kup-time-picker/kup-time-picker.js

@@ -78,7 +78,7 @@ export class KupTimePicker {
   onKupTimePickerItemClick(e, value) {
     if (e != null) {
       if (value == null) {
-        value = e.detail.selected.value;
+        value = e.detail.selected.id;
       }
     }
     this.setPickerValueSelected(value);
@@ -366,7 +366,7 @@ export class KupTimePicker {
         } }));
     }
     else {
-      return (h("kup-list", { ref: (el) => (this.pickerKupEl = el), data: this.createTimeListData(this.value), "is-menu": true, "onkup-list-click": (e) => this.onKupTimePickerItemClick(e, e.detail.selected.value), id: this.rootElement.id + '_list' }));
+      return (h("kup-list", { ref: (el) => (this.pickerKupEl = el), data: this.createTimeListData(this.value), "is-menu": true, "onkup-list-click": (e) => this.onKupTimePickerItemClick(e, e.detail.selected.id), id: this.rootElement.id + '_list' }));
     }
   }
   createTimeListData(value) {

package/dist/collection/components/kup-tree/kup-tree.js

@@ -557,8 +557,48 @@ export class KupTree {
     this.closeTotalMenu();
     this.openTotalMenu(column);
   }
-  getEventDetails(el) {
-    const isHeader = !!el.closest('thead'), isBody = !!el.closest('tbody'), isFooter = !!el.closest('tfoot'), td = el.closest('td'), th = el.closest('th'), tr = el.closest('tr'), filterRemove = el.closest('th .filter-remove');
+  getEventDetails(path) {
+    let isHeader, isBody, isFooter, td, th, tr, filterRemove;
+    if (path) {
+      for (let i = path.length - 1; i >= 0; i--) {
+        let p = path[i];
+        if (!p.tagName) {
+          continue;
+        }
+        switch (p.tagName.toUpperCase()) {
+          case 'THEAD': {
+            isHeader = true;
+            break;
+          }
+          case 'TBODY': {
+            isBody = true;
+            break;
+          }
+          case 'TFOOT': {
+            isFooter = true;
+            break;
+          }
+          case 'TD': {
+            td = p;
+            break;
+          }
+          case 'TH': {
+            th = p;
+            break;
+          }
+          case 'TR': {
+            tr = p;
+            break;
+          }
+          default: {
+            if (p.classList.contains(KupThemeIconValues.FILTER_REMOVE.replace('--', ''))) {
+              filterRemove = p;
+            }
+            break;
+          }
+        }
+      }
+    }
     let cell = null, column = null, row = null;
     if (isBody) {
       if (td) {
@@ -597,7 +637,7 @@ export class KupTree {
   }
   contextMenuHandler(e) {
     e.preventDefault();
-    const details = this.getEventDetails(e.target);
+    const details = this.getEventDetails(this.getEventPath(e.target));
     if (details.area === 'header') {
       if (details.th && details.column) {
         this.openColumnMenu(details.column.name);
@@ -621,7 +661,7 @@ export class KupTree {
       (this.expansionMode.toLowerCase() === KupTreeExpansionMode.NODE &&
         !treeNodeData.expandable)) {
       const td = e
-        ? this.getEventPath(e).find((el) => {
+        ? this.getEventPath(e.target).find((el) => {
           if (el.tagName === 'TD')
             return el;
         })
@@ -735,9 +775,8 @@ export class KupTree {
       }
     }
   }
-  getEventPath(e) {
-    let path = [];
-    let currentEl = e.target;
+  getEventPath(currentEl) {
+    const path = [];
     while (currentEl &&
       currentEl !== this.rootElement &&
       currentEl !== document.body) {
@@ -1043,6 +1082,7 @@ export class KupTree {
     // When a tree node is displayed as a table
     let treeNodeCells = null;
     let visibleCols = this.getVisibleColumns();
+    const _hasTooltip = !this.kupManager.objects.isEmptyKupObj(treeNodeData.obj);
     if (this.showColumns && visibleCols && visibleCols.length) {
       treeNodeCells = [];
       // Renders all the cells
@@ -1062,7 +1102,7 @@ export class KupTree {
             row: treeNodeData,
             setSizes: true,
           };
-          treeNodeCells.push(h("td", { class: `grid-cell`, "data-column": column.name },
+          treeNodeCells.push(h("td", Object.assign({ class: `grid-cell`, "data-column": column.name, "data-cell": cell }, this.getToolTipEventHandlers(treeNodeData, cell, _hasTooltip)),
             h(FCell, Object.assign({}, cellProps))));
         }
         else {
@@ -1070,7 +1110,6 @@ export class KupTree {
         }
       }
     }
-    const _hasTooltip = !this.kupManager.objects.isEmptyKupObj(treeNodeData.obj);
     let title = undefined;
     if (_hasTooltip && this.kupManager.debug.isDebug()) {
       title =
@@ -1102,7 +1141,7 @@ export class KupTree {
           'is-obj': !this.kupManager.objects.isEmptyKupObj(treeNodeData.obj),
         }, style: treeNodeData.style || null, title: title, onDblClick: () => {
           this.onKupTreeNodeDblClick(treeNodeData, treeNodePath);
-        } }, this.getToolTipEventHandlers(treeNodeData, cell, _hasTooltip)), this.asAccordion && !treeNodeDepth
+        } }, this.getToolTipEventHandlers(treeNodeData, cell, _hasTooltip), { "data-row": treeNodeData }), this.asAccordion && !treeNodeDepth
         ? [
           treeNodeIcon,
           content,
@@ -1117,7 +1156,7 @@ export class KupTree {
         'kup-tree__node--first': treeNodeDepth ? false : true,
         'kup-tree__node--selected': !treeNodeData.disabled &&
           treeNodePath === this.selectedNodeString,
-      }, "data-tree-path": treeNodePath }, treeNodeOptions),
+      }, "data-tree-path": treeNodePath }, treeNodeOptions, { "data-row": treeNodeData }),
       treeNodeCell,
       treeNodeCells));
   }
@@ -1135,7 +1174,7 @@ export class KupTree {
       // must do this
       // otherwise does not fire the watcher
       const totalsCopy = Object.assign({}, this.totals);
-      const value = event.detail.selected.value;
+      const value = event.detail.selected.id;
       if (value === TotalLabel.CANC) {
         if (this.totals && this.totals[column.name]) {
           delete totalsCopy[column.name];

package/dist/esm/kup-autocomplete_27.entry.js

@@ -3192,7 +3192,7 @@ const KupAutocomplete = class {
     });
   }
   onKupItemClick(e) {
-    this.onKupChange(e.detail.selected.value);
+    this.onKupChange(e.detail.selected.id);
     this.closeList();
     if (this.textfieldEl) {
       this.textfieldEl.focus();
@@ -7852,7 +7852,7 @@ function prepTimeArea(component) {
 function onKupClockItemClick(e, component, value) {
   if (e != null) {
     if (value == null) {
-      value = e.detail.selected.value;
+      value = e.detail.selected.id;
     }
   }
   setClockValueSelected(component, value);
@@ -12880,7 +12880,7 @@ const KupCombobox = class {
     });
   }
   onKupItemClick(e) {
-    this.onKupChange(e.detail.selected.value);
+    this.onKupChange(e.detail.selected.id);
     __classPrivateFieldGet$1(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
     if (__classPrivateFieldGet$1(this, _KupCombobox_textfieldEl, "f")) {
       __classPrivateFieldGet$1(this, _KupCombobox_textfieldEl, "f").focus();
@@ -14144,6 +14144,7 @@ const KupDataTable = class {
     this.openedTotalMenu = null;
     this.openedCustomSettings = false;
     this.fontsize = 'medium';
+    this.initialized = false;
     this.rowsLength = 0;
     this.paginatedRowsLength = 0;
     /**
@@ -14443,7 +14444,9 @@ const KupDataTable = class {
     }
   }
   recalculateData() {
-    this.calculateData();
+    if (this.initialized) {
+      this.calculateData();
+    }
   }
   /**
    * Closes any opened column menu.
@@ -15276,6 +15279,7 @@ const KupDataTable = class {
       CSS.supports('position', '-webkit-sticky') ||
         !!(window && window.safari);
     this.calculateData();
+    this.initialized = true;
   }
   componentWillRender() {
     this.kupManager.debug.logRender(this, false);
@@ -16439,7 +16443,7 @@ const KupDataTable = class {
       // must do this
       // otherwise does not fire the watcher
       const totalsCopy = Object.assign({}, this.totals);
-      const value = event.detail.selected.value;
+      const value = event.detail.selected.id;
       if (value === TotalLabel.CANC) {
         if (this.totals && this.totals[column.name]) {
           delete totalsCopy[column.name];
@@ -21632,7 +21636,7 @@ const KupTimePicker = class {
   onKupTimePickerItemClick(e, value) {
     if (e != null) {
       if (value == null) {
-        value = e.detail.selected.value;
+        value = e.detail.selected.id;
       }
     }
     this.setPickerValueSelected(value);
@@ -21920,7 +21924,7 @@ const KupTimePicker = class {
         } }));
     }
     else {
-      return (h("kup-list", { ref: (el) => (this.pickerKupEl = el), data: this.createTimeListData(this.value), "is-menu": true, "onkup-list-click": (e) => this.onKupTimePickerItemClick(e, e.detail.selected.value), id: this.rootElement.id + '_list' }));
+      return (h("kup-list", { ref: (el) => (this.pickerKupEl = el), data: this.createTimeListData(this.value), "is-menu": true, "onkup-list-click": (e) => this.onKupTimePickerItemClick(e, e.detail.selected.id), id: this.rootElement.id + '_list' }));
     }
   }
   createTimeListData(value) {
@@ -23355,8 +23359,48 @@ const KupTree = class {
     this.closeTotalMenu();
     this.openTotalMenu(column);
   }
-  getEventDetails(el) {
-    const isHeader = !!el.closest('thead'), isBody = !!el.closest('tbody'), isFooter = !!el.closest('tfoot'), td = el.closest('td'), th = el.closest('th'), tr = el.closest('tr'), filterRemove = el.closest('th .filter-remove');
+  getEventDetails(path) {
+    let isHeader, isBody, isFooter, td, th, tr, filterRemove;
+    if (path) {
+      for (let i = path.length - 1; i >= 0; i--) {
+        let p = path[i];
+        if (!p.tagName) {
+          continue;
+        }
+        switch (p.tagName.toUpperCase()) {
+          case 'THEAD': {
+            isHeader = true;
+            break;
+          }
+          case 'TBODY': {
+            isBody = true;
+            break;
+          }
+          case 'TFOOT': {
+            isFooter = true;
+            break;
+          }
+          case 'TD': {
+            td = p;
+            break;
+          }
+          case 'TH': {
+            th = p;
+            break;
+          }
+          case 'TR': {
+            tr = p;
+            break;
+          }
+          default: {
+            if (p.classList.contains(KupThemeIconValues.FILTER_REMOVE.replace('--', ''))) {
+              filterRemove = p;
+            }
+            break;
+          }
+        }
+      }
+    }
     let cell = null, column = null, row = null;
     if (isBody) {
       if (td) {
@@ -23395,7 +23439,7 @@ const KupTree = class {
   }
   contextMenuHandler(e) {
     e.preventDefault();
-    const details = this.getEventDetails(e.target);
+    const details = this.getEventDetails(this.getEventPath(e.target));
     if (details.area === 'header') {
       if (details.th && details.column) {
         this.openColumnMenu(details.column.name);
@@ -23419,7 +23463,7 @@ const KupTree = class {
       (this.expansionMode.toLowerCase() === KupTreeExpansionMode.NODE &&
         !treeNodeData.expandable)) {
       const td = e
-        ? this.getEventPath(e).find((el) => {
+        ? this.getEventPath(e.target).find((el) => {
           if (el.tagName === 'TD')
             return el;
         })
@@ -23533,9 +23577,8 @@ const KupTree = class {
       }
     }
   }
-  getEventPath(e) {
-    let path = [];
-    let currentEl = e.target;
+  getEventPath(currentEl) {
+    const path = [];
     while (currentEl &&
       currentEl !== this.rootElement &&
       currentEl !== document.body) {
@@ -23838,6 +23881,7 @@ const KupTree = class {
     // When a tree node is displayed as a table
     let treeNodeCells = null;
     let visibleCols = this.getVisibleColumns();
+    const _hasTooltip = !this.kupManager.objects.isEmptyKupObj(treeNodeData.obj);
     if (this.showColumns && visibleCols && visibleCols.length) {
       treeNodeCells = [];
       // Renders all the cells
@@ -23857,14 +23901,13 @@ const KupTree = class {
             row: treeNodeData,
             setSizes: true,
           };
-          treeNodeCells.push(h("td", { class: `grid-cell`, "data-column": column.name }, h(FCell, Object.assign({}, cellProps))));
+          treeNodeCells.push(h("td", Object.assign({ class: `grid-cell`, "data-column": column.name, "data-cell": cell }, this.getToolTipEventHandlers(treeNodeData, cell, _hasTooltip)), h(FCell, Object.assign({}, cellProps))));
         }
         else {
           treeNodeCells.push(h("td", { class: `grid-cell` }));
         }
       }
     }
-    const _hasTooltip = !this.kupManager.objects.isEmptyKupObj(treeNodeData.obj);
     let title = undefined;
     if (_hasTooltip && this.kupManager.debug.isDebug()) {
       title =
@@ -23896,7 +23939,7 @@ const KupTree = class {
           'is-obj': !this.kupManager.objects.isEmptyKupObj(treeNodeData.obj),
         }, style: treeNodeData.style || null, title: title, onDblClick: () => {
           this.onKupTreeNodeDblClick(treeNodeData, treeNodePath);
-        } }, this.getToolTipEventHandlers(treeNodeData, cell, _hasTooltip)), this.asAccordion && !treeNodeDepth
+        } }, this.getToolTipEventHandlers(treeNodeData, cell, _hasTooltip), { "data-row": treeNodeData }), this.asAccordion && !treeNodeDepth
         ? [
           treeNodeIcon,
           content,
@@ -23911,7 +23954,7 @@ const KupTree = class {
         'kup-tree__node--first': treeNodeDepth ? false : true,
         'kup-tree__node--selected': !treeNodeData.disabled &&
           treeNodePath === this.selectedNodeString,
-      }, "data-tree-path": treeNodePath }, treeNodeOptions), treeNodeCell, treeNodeCells));
+      }, "data-tree-path": treeNodePath }, treeNodeOptions, { "data-row": treeNodeData }), treeNodeCell, treeNodeCells));
   }
   closeTotalMenu() {
     this.openedTotalMenu = null;
@@ -23927,7 +23970,7 @@ const KupTree = class {
       // must do this
       // otherwise does not fire the watcher
       const totalsCopy = Object.assign({}, this.totals);
-      const value = event.detail.selected.value;
+      const value = event.detail.selected.id;
       if (value === TotalLabel.CANC) {
         if (this.totals && this.totals[column.name]) {
           delete totalsCopy[column.name];