@sme.up/ketchup 11.0.0-SNAPSHOT-20250324141942 → 11.0.0-SNAPSHOT-20250325155054

package/dist/components/{p-ce3909bd.js → p-4d9e9263.js}

@@ -14407,6 +14407,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
         this.kupTreeNodeDblClick = createEvent(this, "kup-tree-nodedblclick", 6);
         this.kupTreeDynamicMassExpansion = createEvent(this, "kup-tree-dynamicmassexpansion", 6);
         this.kupColumnRemove = createEvent(this, "kup-tree-columnremove", 6);
+        this.kupTreeCellClick = createEvent(this, "kup-tree-cell-click", 6);
         _KupTree_instances.add(this);
         /*-------------------------------------------------*/
         /*                   S t a t e s                   */
@@ -15735,17 +15736,19 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
             this.data &&
             this.data.length &&
             this.data.length > 0) {
-            filterField = (h$1("div", { key: '2a813b583cf0874b2e477f3de1fce220193b797d', id: "global-filter" }, h$1("kup-text-field", { key: '7cfad60db12a0b2493cffe60636c449e3db945dc', fullWidth: true, label: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (h$1("div", { key: '0422a3005ee9c5685566d0d77e6499a50a587a49', id: "global-filter" }, h$1("kup-text-field", { key: '90beab087ac4d174ff0847a4c617af5c0d84b9d0', fullWidth: true, label: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
         }
-        return (h$1(Host, { key: '504da3f40beb9087db8e6e7950180db09ebd473d' }, h$1("style", { key: '8d832d0411a1cf49db312e7e1bced4175d966596' }, __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '49437f78c3fea45a95d32f69cc3c2a902aa32ea9', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h$1("div", { key: '7c85160b8d53b185a5456293377d2566e5162097', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, h$1("table", { key: '784d0cf23b3c40329f3aeced0aa929c2797ceea4', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+        return (h$1(Host, { key: '6725bc80be8f5bd265bd55f38400dd1640a36ec1', "onKup-cell-click": (e) => {
+                this.kupTreeCellClick.emit(e.detail);
+            } }, h$1("style", { key: '8d1dcd9a81e911fce0030ed34cda4b071f7ddd37' }, __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '43aa4214b531312c802a70b0d67fa82d252e1f84', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h$1("div", { key: '9459103c8a2b5a3326712fb6d61c1feffcea60f2', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, h$1("table", { key: 'e1f9b2037f610111e8f5ca79cb61976de010cd71', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: 'f7adbb6aaed7aaf69ae5108d4aeedad863672323', class: {
+            } }, h$1("thead", { key: '24a230c7466525265a30e8a0a4e3506e4709d194', class: {
                 'header--is-visible': visibleHeader,
-            } }, h$1("tr", { key: 'dbab4c526b23aab1c09c1039c040dccdcc958cb1' }, visibleHeader ? this.renderHeader() : null)), h$1("tbody", { key: 'cdc0eaf19aea9cdb4da6014e345146fa640c08dc' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, h$1("tr", { key: '52027e18a599ce91ba19c35767d308d86d22e517' }, visibleHeader ? this.renderHeader() : null)), h$1("tbody", { key: '6e1fe220837d197e2c6ab1262a3c49a548332600' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));
@@ -23666,10 +23669,11 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         });
         //======== Event Listeners ========
         _KupDataTable_horNav.set(this, (isRight) => {
-            if (!__classPrivateFieldGet$3(this, _KupDataTable_lastFocusedCell, "f")) {
+            if (!__classPrivateFieldGet$3(this, _KupDataTable_lastFocusedCell, "f") ||
+                this.selection == SelectionMode.MULTIPLE) {
                 return;
             }
-            __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this, true);
+            //this.#resetSelectedRows(true);
             const tr = __classPrivateFieldGet$3(this, _KupDataTable_lastFocusedCell, "f").element.closest('tr:not(.group)');
             const cells = tr.querySelectorAll('.f-cell');
             const oldIndex = Array.from(cells).indexOf(__classPrivateFieldGet$3(this, _KupDataTable_lastFocusedCell, "f").element);
@@ -23682,14 +23686,15 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
             }
             const focused = cells[newIndex];
             const focusedProps = focused['kup-get-cell-props']();
-            __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, focusedProps.row, focused.closest('td'), false);
+            __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, focusedProps.row, focused.closest('td'), true, true);
             __classPrivateFieldSet$2(this, _KupDataTable_lastFocusedCell, focusedProps.cell, "f");
         });
         _KupDataTable_verNav.set(this, (isDown) => {
-            if (!__classPrivateFieldGet$3(this, _KupDataTable_lastFocusedCell, "f")) {
+            if (!__classPrivateFieldGet$3(this, _KupDataTable_lastFocusedCell, "f") ||
+                this.selection == SelectionMode.MULTIPLE) {
                 return;
             }
-            __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this, true);
+            //this.#resetSelectedRows(true);
             const tr = __classPrivateFieldGet$3(this, _KupDataTable_lastFocusedCell, "f").element.closest('tr:not(.group)');
             const cellXIndex = Array.from(tr.querySelectorAll('.f-cell')).indexOf(__classPrivateFieldGet$3(this, _KupDataTable_lastFocusedCell, "f").element);
             const rows = tr.parentElement.querySelectorAll('tr:not(.group)');
@@ -23706,7 +23711,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
             const focused = focusedCells[cellXIndex];
             const focusedProps = focused['kup-get-cell-props']();
             __classPrivateFieldSet$2(this, _KupDataTable_lastFocusedCell, focusedProps.cell, "f");
-            __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, focusedProps.row, focused.closest('td'), false);
+            __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, focusedProps.row, focused.closest('td'), true, true);
         });
         _KupDataTable_onKupKeyDown.set(this, (e) => {
             const isHorizontal = e.key === 'ArrowLeft' || e.key === 'ArrowRight';
@@ -24912,7 +24917,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         }
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h$1("tr", { key: '7c1cf14c98241f2d32a5c2c83f65ff12d712b25c', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: 'd4255754bff7e176304d7ce6ac9516746b9a949d', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: '91a523c871298307ee598626fae5d567fd4c5e97', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '7dfcd18db445a1a9103b5aa5d0c5559dce598a92', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -24977,7 +24982,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h$1(FChip, Object.assign({ key: 'e7cad411ec0bf083450d6c21f4b281c8ac8173bf' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: '57245c44e1aaed782041f538a76d7be02aeea879' }, props));
             }
         }
         const tableClass = {
@@ -25009,7 +25014,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: 'f898f74595bb6a9a6e662b1c03459a0fc36eb806', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'f10556c99b189997d958539a66302ad378155338' }, h$1("tr-sticky", { key: '7ca6a113fb97892857ceb68dffd8e071d915e1d4' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: '3e581e06cda013d5ae55addddfba1a5b4af3122f', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'f28e5407749762b5f424a51cad137948d244691a' }, h$1("tr-sticky", { key: '526cbbb76c543ffa896ad92fff855fe4a7865aaf' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -25055,7 +25060,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$3(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h$1(Host, { key: '79ce3ed92c27d955fa21b35f88cfa1911c467aa5', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: '86499e7978207bc06afddb2821780c5b56b49729', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -25070,11 +25075,11 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h$1("style", { key: 'a5fd4d657d585bf59a25cd33ed087bf6d4557e5a' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h$1("div", { key: 'f4953dc746cacbb4965d4570c8d377e740598357', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'c5e1dafbe72dd51bdca5f6d0c66d8224ad761985', class: "group-wrapper" }, groupChips), h$1("div", { key: 'deef05bc44982144cc06e2c261584b47551cb906', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h$1("style", { key: '7ae316542bfb6f75519b49653621b87e1f5d6b62' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h$1("div", { key: '8203865d037b801ac76165c9fb27643603925466', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '1fb8086e0bd3c5f80d5e6b6d770bfe8f08312632', class: "group-wrapper" }, groupChips), h$1("div", { key: '0ee5e2cc2a9f57e906ac0a1aeedc171e47f20c62', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$3(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$2(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h$1("div", { key: 'f44fe56e2aa823eb4abf00e1238df9c496c4840b', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h$1("div", { key: '0079ff58b69002c4298b3289cc4e41e98c1bb9a2', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -25124,9 +25129,9 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: 'cd67728df326e801d1d1cd8152545793e1a47688', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: '8d02d31a515e5f69c84f63a6b956c9ad602ced04', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h$1("div", { key: '219c49304fc12b07bb4622c3f2a20aed01a1d0b8', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: '418fba73b6659c9fbf09620c9018367d09d7b7b7', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h$1("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -25135,7 +25140,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     } }, h$1(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h$1("table", { key: 'd3c11d52a5dac4fb890dcbee637224c52342e9f9', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h$1("table", { key: 'a2ec91e8500538e064e3bca3c1d8a388f9017212', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -25143,7 +25148,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: '60609c8304302ca9bc15e7b364e94c6d545ff742', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '8eaea66498e73db18afee97e4994fbfee23e693b' }, header)), h$1("tbody", { key: '4be04387e8fc071c5c94fd4ad8e3e3e6cc9acb3f' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h$1("thead", { key: 'd74ba1860f15295dfc8fdfd1778037b648f923e2', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '57bb52d7ccc9d756faa752d9ce08d100d5f7aef2' }, header)), h$1("tbody", { key: '43fefe0ec6dddde4dc692a8f6f79ed7693d5bffa' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -27056,7 +27061,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         this.currentRowsPerPage = newRows;
         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_adjustPaginator).call(this);
     }
-}, _KupDataTable_onRowClick = function _KupDataTable_onRowClick(row, td, emitEvent) {
+}, _KupDataTable_onRowClick = function _KupDataTable_onRowClick(row, td, emitEvent, isKeyboardNav = false) {
     // selecting row
     if (!row.unselectable) {
         switch (this.selection) {
@@ -27095,6 +27100,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 selectedRows: this.selectedRows,
                 clickedRow: row,
                 clickedColumn,
+                isKeyboardNav,
             });
         }
     }

package/dist/components/{p-8cb07986.js → p-8de4ca9c.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host, g as getAssetPath } from './p-ef8cbd35.js';
 import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-b304b91c.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-ce3909bd.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-4d9e9263.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/components/{p-0e3b7be7.js → p-ca4214be.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
 import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-b304b91c.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-ce3909bd.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-4d9e9263.js';
 
 /**
  * Props of the kup-grid component.

package/dist/components/{p-37f8538f.js → p-d6009d14.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
 import { k as kupManagerInstance, ad as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, u as KupDebugCategory, a7 as KupPointerEventTypes, ak as KupDragEffect, az as kupDraggableAttr, am as KupDropEventTypes, J as KupLanguageSearch } from './p-b304b91c.js';
-import { H as filterRows, I as paginateRows, E as sortRows, J as pageChange, L as rowsPerPageChange, F as FImage, N as FCell, O as FChip, P as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, Q as FPaginator } from './p-ce3909bd.js';
+import { H as filterRows, I as paginateRows, E as sortRows, J as pageChange, L as rowsPerPageChange, F as FImage, N as FCell, O as FChip, P as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, Q as FPaginator } from './p-4d9e9263.js';
 
 /**
  * Props of the kup-box component.
@@ -99,6 +99,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         this.kupDidUnload = createEvent(this, "kup-box-didunload", 6);
         this.kupBoxContextMenu = createEvent(this, "kup-box-contextmenu", 6);
         this.kupLoadMoreClick = createEvent(this, "kup-box-loadmoreclick", 6);
+        this.kupBoxCellClick = createEvent(this, "kup-box-cell-click", 6);
         _KupBox_instances.add(this);
         this.state = new KupBoxState();
         /*-------------------------------------------------*/
@@ -1256,7 +1257,9 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
                 boxContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, h("div", { class: isKanban ? 'is-kanban' : '', id: 'box-container', style: containerStyle, onContextMenu: (e) => {
+        return (h(Host, { "onKup-cell-click": (e) => {
+                this.kupBoxCellClick.emit(e.detail);
+            } }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, h("div", { class: isKanban ? 'is-kanban' : '', id: 'box-container', style: containerStyle, onContextMenu: (e) => {
                 e.preventDefault();
             }, ref: (el) => (this.boxContainer =
                 el) }, boxContent)))));

package/dist/components/{p-d756bd7a.js → p-e07d4581.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
 import { k as kupManagerInstance, g as getProps, s as setProps } from './p-b304b91c.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-ce3909bd.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-4d9e9263.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
 
 var toastuiEditor = {exports: {}};

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

@@ -8738,10 +8738,11 @@ const KupDataTable = class {
         });
         //======== Event Listeners ========
         _KupDataTable_horNav.set(this, (isRight) => {
-            if (!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f")) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f") ||
+                this.selection == SelectionMode.MULTIPLE) {
                 return;
             }
-            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this, true);
+            //this.#resetSelectedRows(true);
             const tr = __classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f").element.closest('tr:not(.group)');
             const cells = tr.querySelectorAll('.f-cell');
             const oldIndex = Array.from(cells).indexOf(__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f").element);
@@ -8754,14 +8755,15 @@ const KupDataTable = class {
             }
             const focused = cells[newIndex];
             const focusedProps = focused['kup-get-cell-props']();
-            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, focusedProps.row, focused.closest('td'), false);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, focusedProps.row, focused.closest('td'), true, true);
             __classPrivateFieldSet$3(this, _KupDataTable_lastFocusedCell, focusedProps.cell, "f");
         });
         _KupDataTable_verNav.set(this, (isDown) => {
-            if (!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f")) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f") ||
+                this.selection == SelectionMode.MULTIPLE) {
                 return;
             }
-            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this, true);
+            //this.#resetSelectedRows(true);
             const tr = __classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f").element.closest('tr:not(.group)');
             const cellXIndex = Array.from(tr.querySelectorAll('.f-cell')).indexOf(__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f").element);
             const rows = tr.parentElement.querySelectorAll('tr:not(.group)');
@@ -8778,7 +8780,7 @@ const KupDataTable = class {
             const focused = focusedCells[cellXIndex];
             const focusedProps = focused['kup-get-cell-props']();
             __classPrivateFieldSet$3(this, _KupDataTable_lastFocusedCell, focusedProps.cell, "f");
-            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, focusedProps.row, focused.closest('td'), false);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, focusedProps.row, focused.closest('td'), true, true);
         });
         _KupDataTable_onKupKeyDown.set(this, (e) => {
             const isHorizontal = e.key === 'ArrowLeft' || e.key === 'ArrowRight';
@@ -9984,7 +9986,7 @@ const KupDataTable = class {
         }
         let rows = null;
         if (__classPrivateFieldGet$7(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: '7c1cf14c98241f2d32a5c2c83f65ff12d712b25c', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'd4255754bff7e176304d7ce6ac9516746b9a949d', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '91a523c871298307ee598626fae5d567fd4c5e97', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '7dfcd18db445a1a9103b5aa5d0c5559dce598a92', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10049,7 +10051,7 @@ const KupDataTable = class {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h(FChip, Object.assign({ key: 'e7cad411ec0bf083450d6c21f4b281c8ac8173bf' }, props));
+                groupChips = h(FChip, Object.assign({ key: '57245c44e1aaed782041f538a76d7be02aeea879' }, props));
             }
         }
         const tableClass = {
@@ -10081,7 +10083,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: 'f898f74595bb6a9a6e662b1c03459a0fc36eb806', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'f10556c99b189997d958539a66302ad378155338' }, h("tr-sticky", { key: '7ca6a113fb97892857ceb68dffd8e071d915e1d4' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '3e581e06cda013d5ae55addddfba1a5b4af3122f', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'f28e5407749762b5f424a51cad137948d244691a' }, h("tr-sticky", { key: '526cbbb76c543ffa896ad92fff855fe4a7865aaf' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10127,7 +10129,7 @@ const KupDataTable = class {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$7(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: '79ce3ed92c27d955fa21b35f88cfa1911c467aa5', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: '86499e7978207bc06afddb2821780c5b56b49729', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10142,11 +10144,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: 'a5fd4d657d585bf59a25cd33ed087bf6d4557e5a' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'f4953dc746cacbb4965d4570c8d377e740598357', id: componentWrapperId, class: wrapClass }, h("div", { key: 'c5e1dafbe72dd51bdca5f6d0c66d8224ad761985', class: "group-wrapper" }, groupChips), h("div", { key: 'deef05bc44982144cc06e2c261584b47551cb906', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: '7ae316542bfb6f75519b49653621b87e1f5d6b62' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '8203865d037b801ac76165c9fb27643603925466', id: componentWrapperId, class: wrapClass }, h("div", { key: '1fb8086e0bd3c5f80d5e6b6d770bfe8f08312632', class: "group-wrapper" }, groupChips), h("div", { key: '0ee5e2cc2a9f57e906ac0a1aeedc171e47f20c62', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$7(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$3(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h("div", { key: 'f44fe56e2aa823eb4abf00e1238df9c496c4840b', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h("div", { key: '0079ff58b69002c4298b3289cc4e41e98c1bb9a2', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10196,9 +10198,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: 'cd67728df326e801d1d1cd8152545793e1a47688', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '8d02d31a515e5f69c84f63a6b956c9ad602ced04', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: '219c49304fc12b07bb4622c3f2a20aed01a1d0b8', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '418fba73b6659c9fbf09620c9018367d09d7b7b7', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10207,7 +10209,7 @@ const KupDataTable = class {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: 'd3c11d52a5dac4fb890dcbee637224c52342e9f9', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$7(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h("table", { key: 'a2ec91e8500538e064e3bca3c1d8a388f9017212', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$7(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -10215,7 +10217,7 @@ const KupDataTable = class {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: '60609c8304302ca9bc15e7b364e94c6d545ff742', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '8eaea66498e73db18afee97e4994fbfee23e693b' }, header)), h("tbody", { key: '4be04387e8fc071c5c94fd4ad8e3e3e6cc9acb3f' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: 'd74ba1860f15295dfc8fdfd1778037b648f923e2', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '57bb52d7ccc9d756faa752d9ce08d100d5f7aef2' }, header)), h("tbody", { key: '43fefe0ec6dddde4dc692a8f6f79ed7693d5bffa' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -12009,7 +12011,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         this.currentRowsPerPage = newRows;
         __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_adjustPaginator).call(this);
     }
-}, _KupDataTable_onRowClick = function _KupDataTable_onRowClick(row, td, emitEvent) {
+}, _KupDataTable_onRowClick = function _KupDataTable_onRowClick(row, td, emitEvent, isKeyboardNav = false) {
     // selecting row
     if (!row.unselectable) {
         switch (this.selection) {
@@ -12048,6 +12050,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 selectedRows: this.selectedRows,
                 clickedRow: row,
                 clickedColumn,
+                isKeyboardNav,
             });
         }
     }
@@ -19024,6 +19027,7 @@ const KupTree = class {
         this.kupTreeNodeDblClick = createEvent(this, "kup-tree-nodedblclick", 6);
         this.kupTreeDynamicMassExpansion = createEvent(this, "kup-tree-dynamicmassexpansion", 6);
         this.kupColumnRemove = createEvent(this, "kup-tree-columnremove", 6);
+        this.kupTreeCellClick = createEvent(this, "kup-tree-cell-click", 6);
         _KupTree_instances.add(this);
         /*-------------------------------------------------*/
         /*                   S t a t e s                   */
@@ -20352,17 +20356,19 @@ const KupTree = class {
             this.data &&
             this.data.length &&
             this.data.length > 0) {
-            filterField = (h("div", { key: '2a813b583cf0874b2e477f3de1fce220193b797d', id: "global-filter" }, h("kup-text-field", { key: '7cfad60db12a0b2493cffe60636c449e3db945dc', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (h("div", { key: '0422a3005ee9c5685566d0d77e6499a50a587a49', id: "global-filter" }, h("kup-text-field", { key: '90beab087ac4d174ff0847a4c617af5c0d84b9d0', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
         }
-        return (h(Host, { key: '504da3f40beb9087db8e6e7950180db09ebd473d' }, h("style", { key: '8d832d0411a1cf49db312e7e1bced4175d966596' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '49437f78c3fea45a95d32f69cc3c2a902aa32ea9', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h("div", { key: '7c85160b8d53b185a5456293377d2566e5162097', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, h("table", { key: '784d0cf23b3c40329f3aeced0aa929c2797ceea4', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+        return (h(Host, { key: '6725bc80be8f5bd265bd55f38400dd1640a36ec1', "onKup-cell-click": (e) => {
+                this.kupTreeCellClick.emit(e.detail);
+            } }, h("style", { key: '8d1dcd9a81e911fce0030ed34cda4b071f7ddd37' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '43aa4214b531312c802a70b0d67fa82d252e1f84', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h("div", { key: '9459103c8a2b5a3326712fb6d61c1feffcea60f2', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, h("table", { key: 'e1f9b2037f610111e8f5ca79cb61976de010cd71', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: 'f7adbb6aaed7aaf69ae5108d4aeedad863672323', class: {
+            } }, h("thead", { key: '24a230c7466525265a30e8a0a4e3506e4709d194', class: {
                 'header--is-visible': visibleHeader,
-            } }, h("tr", { key: 'dbab4c526b23aab1c09c1039c040dccdcc958cb1' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: 'cdc0eaf19aea9cdb4da6014e345146fa640c08dc' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, h("tr", { key: '52027e18a599ce91ba19c35767d308d86d22e517' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: '6e1fe220837d197e2c6ab1262a3c49a548332600' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));

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

@@ -110,6 +110,7 @@ const KupBox = class {
         this.kupDidUnload = createEvent(this, "kup-box-didunload", 6);
         this.kupBoxContextMenu = createEvent(this, "kup-box-contextmenu", 6);
         this.kupLoadMoreClick = createEvent(this, "kup-box-loadmoreclick", 6);
+        this.kupBoxCellClick = createEvent(this, "kup-box-cell-click", 6);
         _KupBox_instances.add(this);
         this.state = new KupBoxState();
         /*-------------------------------------------------*/
@@ -1267,7 +1268,9 @@ const KupBox = class {
                 boxContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, h("div", { class: isKanban ? 'is-kanban' : '', id: 'box-container', style: containerStyle, onContextMenu: (e) => {
+        return (h(Host, { "onKup-cell-click": (e) => {
+                this.kupBoxCellClick.emit(e.detail);
+            } }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, h("div", { class: isKanban ? 'is-kanban' : '', id: 'box-container', style: containerStyle, onContextMenu: (e) => {
                 e.preventDefault();
             }, ref: (el) => (this.boxContainer =
                 el) }, boxContent)))));