@progress/kendo-vue-data-tools 8.0.3-develop.3 → 8.1.0-develop.1

package/selection/TableSelection.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),B=require("@progress/kendo-vue-common"),t=require("./utils.js"),G=r.defineComponent({name:"TableSelection",props:{selectable:Object},emits:{release:b=>!0},setup(b,{emit:T,slots:a}){const{enabled:S,drag:N,mode:E,cell:I}=t.getSelectionOptions(b.selectable),q=r.ref(null),X=r.ref(null),d=r.ref({clientX:0,clientY:0,scrollX:0,scrollY:0,pressedElement:null}),u=r.ref(null),Y=r.ref(void 0),f=r.ref(!1),m=r.ref(!1),F=(e,l)=>{if(m.value=t.isInNonSelectable(e.originalEvent.target),m.value||!l)return;Y.value=t.relativeContextElement(l);const n=l==null?void 0:l.ownerDocument;if(!n)return;e.originalEvent.stopImmediatePropagation();const o=n.elementFromPoint(e.clientX,e.clientY);d.value={clientY:e.clientY,clientX:e.clientX,scrollX:e.scrollX,scrollY:e.scrollY,pressedElement:o}},O=(e,l)=>{const{clientX:n,clientY:o}=d.value;if(!m.value&&!(!N||E==="single")&&((Math.abs(o-e.clientY)>5||Math.abs(n-e.clientX)>5)&&(f.value=!0),e.originalEvent.stopImmediatePropagation(),f.value)){const g=t.getOffset(Y.value);u.value={top:`${Math.min(o,e.clientY)-g.top}px`,left:`${Math.min(n,e.clientX)-g.left}px`,width:`${Math.abs(e.clientX-n)}px`,height:`${Math.abs(e.clientY-o)}px`}}},$=(e,l)=>{const{clientX:n,clientY:o,scrollX:g,scrollY:k,pressedElement:H}=d.value;if(m.value||!l)return;const y=l==null?void 0:l.ownerDocument;if(y){debugger;if(e.originalEvent.stopImmediatePropagation(),f.value){const s=e.scrollY-k,p=e.scrollX-g,x=Math.min(o,e.clientY),c=Math.min(n,e.clientX),i=Math.max(o,e.clientY),j=Math.max(n,e.clientX),h=X.value;if(!h)return;h.style.visibility="hidden";const V=y.elementFromPoint(c,x),R=s>0||p>0?H:V,D=y.elementFromPoint(j,i);if(h.style.visibility="",!R||!D)return;const K=t.closestTagName(R,"TD"),z=t.closestTagName(K,"TR"),M=t.closestTagName(D,"TD"),A=t.closestTagName(M,"TR"),P=t.getColumnIndex(K),w=t.getRowIndex(z),C=t.getColumnIndex(M),v=t.getRowIndex(A);P!==void 0&&w!==void 0&&C!==void 0&&v!==void 0&&T("release",{event:e.originalEvent,startRowIndex:w,startColIndex:P,endRowIndex:v,endColIndex:C,altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,mode:E,cell:I,isDrag:!0})}else{const s=y.elementFromPoint(n,o);if(!s)return;const p=t.closestTagName(s,"TD"),x=t.closestTagName(s,"TR"),c=t.getColumnIndex(p),i=t.getRowIndex(x);p&&x&&i!==void 0&&c!==void 0&&T("release",{event:e.originalEvent,startRowIndex:i,startColIndex:c,endRowIndex:i,endColIndex:c,altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,mode:E,cell:I,isDrag:!1})}u.value=null,f.value=!1,d.value={clientX:0,clientY:0,scrollX:0,scrollY:0,pressedElement:null}}};return()=>{var n,o;if(!S)return(n=a.default)==null?void 0:n.call(a);const e=(o=a.default)==null?void 0:o.call(a),l=u.value?r.h(r.Teleport,{to:"body"},r.h("div",{ref:X,style:{...u.value,position:"fixed"},class:"k-marquee k-marquee-color"})):null;return[r.h(B.Draggable,{ref:q,onPress:F,onDrag:O,onRelease:$},()=>e),l]}}});exports.TableSelection=G;

package/selection/TableSelection.mjs

@@ -0,0 +1,154 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as Q, ref as o, h as b, Teleport as U } from "vue";
+import { Draggable as V } from "@progress/kendo-vue-common";
+import { getSelectionOptions as W, closestTagName as a, getColumnIndex as X, getRowIndex as Y, getOffset as Z, isInNonSelectable as _, relativeContextElement as ee } from "./utils.mjs";
+const oe = /* @__PURE__ */ Q({
+  name: "TableSelection",
+  props: {
+    selectable: Object
+  },
+  emits: {
+    release: (D) => !0
+  },
+  setup(D, {
+    emit: I,
+    slots: r
+  }) {
+    const {
+      enabled: H,
+      drag: O,
+      mode: h,
+      cell: K
+    } = W(D.selectable), k = o(null), R = o(null), d = o({
+      clientX: 0,
+      clientY: 0,
+      scrollX: 0,
+      scrollY: 0,
+      pressedElement: null
+    }), u = o(null), T = o(void 0), f = o(!1), m = o(!1), q = (e, t) => {
+      if (m.value = _(e.originalEvent.target), m.value || !t)
+        return;
+      T.value = ee(t);
+      const l = t == null ? void 0 : t.ownerDocument;
+      if (!l)
+        return;
+      e.originalEvent.stopImmediatePropagation();
+      const n = l.elementFromPoint(e.clientX, e.clientY);
+      d.value = {
+        clientY: e.clientY,
+        clientX: e.clientX,
+        scrollX: e.scrollX,
+        scrollY: e.scrollY,
+        pressedElement: n
+      };
+    }, N = (e, t) => {
+      const {
+        clientX: l,
+        clientY: n
+      } = d.value;
+      if (!m.value && !(!O || h === "single") && ((Math.abs(n - e.clientY) > 5 || Math.abs(l - e.clientX) > 5) && (f.value = !0), e.originalEvent.stopImmediatePropagation(), f.value)) {
+        const g = Z(T.value);
+        u.value = {
+          top: `${Math.min(n, e.clientY) - g.top}px`,
+          left: `${Math.min(l, e.clientX) - g.left}px`,
+          width: `${Math.abs(e.clientX - l)}px`,
+          height: `${Math.abs(e.clientY - n)}px`
+        };
+      }
+    }, j = (e, t) => {
+      const {
+        clientX: l,
+        clientY: n,
+        scrollX: g,
+        scrollY: z,
+        pressedElement: A
+      } = d.value;
+      if (m.value || !t)
+        return;
+      const p = t == null ? void 0 : t.ownerDocument;
+      if (p) {
+        debugger;
+        if (e.originalEvent.stopImmediatePropagation(), f.value) {
+          const i = e.scrollY - z, y = e.scrollX - g, E = Math.min(n, e.clientY), s = Math.min(l, e.clientX), c = Math.max(n, e.clientY), B = Math.max(l, e.clientX), x = R.value;
+          if (!x)
+            return;
+          x.style.visibility = "hidden";
+          const G = p.elementFromPoint(s, E), M = i > 0 || y > 0 ? A : G, P = p.elementFromPoint(B, c);
+          if (x.style.visibility = "", !M || !P)
+            return;
+          const w = a(M, "TD"), J = a(w, "TR"), v = a(P, "TD"), L = a(v, "TR"), C = X(w), S = Y(J), F = X(v), $ = Y(L);
+          C !== void 0 && S !== void 0 && F !== void 0 && $ !== void 0 && I("release", {
+            event: e.originalEvent,
+            startRowIndex: S,
+            startColIndex: C,
+            endRowIndex: $,
+            endColIndex: F,
+            altKey: e.altKey,
+            shiftKey: e.shiftKey,
+            ctrlKey: e.ctrlKey,
+            metaKey: e.metaKey,
+            mode: h,
+            cell: K,
+            isDrag: !0
+          });
+        } else {
+          const i = p.elementFromPoint(l, n);
+          if (!i)
+            return;
+          const y = a(i, "TD"), E = a(i, "TR"), s = X(y), c = Y(E);
+          y && E && c !== void 0 && s !== void 0 && I("release", {
+            event: e.originalEvent,
+            startRowIndex: c,
+            startColIndex: s,
+            endRowIndex: c,
+            endColIndex: s,
+            altKey: e.altKey,
+            shiftKey: e.shiftKey,
+            ctrlKey: e.ctrlKey,
+            metaKey: e.metaKey,
+            mode: h,
+            cell: K,
+            isDrag: !1
+          });
+        }
+        u.value = null, f.value = !1, d.value = {
+          clientX: 0,
+          clientY: 0,
+          scrollX: 0,
+          scrollY: 0,
+          pressedElement: null
+        };
+      }
+    };
+    return () => {
+      var l, n;
+      if (!H)
+        return (l = r.default) == null ? void 0 : l.call(r);
+      const e = (n = r.default) == null ? void 0 : n.call(r), t = u.value ? b(U, {
+        to: "body"
+      }, b("div", {
+        ref: R,
+        style: {
+          ...u.value,
+          position: "fixed"
+        },
+        class: "k-marquee k-marquee-color"
+      })) : null;
+      return [b(V, {
+        ref: k,
+        onPress: q,
+        onDrag: N,
+        onRelease: j
+      }, () => e), t];
+    };
+  }
+});
+export {
+  oe as TableSelection
+};

package/selection/events.d.ts

@@ -53,7 +53,7 @@ export interface TableDragSelectionReleaseEvent {
     /**
      * A native DOM event.
      */
-    еvent: any;
+    event: any;
     /**
      * Is ctrl key modifier pressed.
      */
@@ -101,8 +101,4 @@ export interface TableSelectionChangeEvent extends TableDragSelectionReleaseEven
      * The current component leaf data items.
      */
     dataItems: any[];
-    /**
-     * The component event.
-     */
-    event: any;
 }

package/selection/utils.d.ts

@@ -8,6 +8,8 @@
 import { TableKeyDownEvent, TableSelectionChangeEvent } from './events';
 import { TableSelectableSettings } from './TableSelectableSettings';
 /** @hidden */
+export declare const isInNonSelectable: (target: HTMLElement | null) => boolean;
+/** @hidden */
 export declare const closestTagName: (target: HTMLElement | null, tagName: 'TD' | 'TR' | 'TABLE') => HTMLElement | null;
 /** @hidden */
 export declare const getRowIndex: (element: HTMLTableRowElement) => number;
@@ -65,9 +67,4 @@ export declare const relativeContextElement: (element: any) => any;
 /** @hidden */
 export declare const getOffset: (offsetParent: any) => any;
 /** @hidden */
-export declare const getSelectionOptions: (selectable?: TableSelectableSettings) => {
-    enabled: boolean;
-    drag: boolean;
-    mode: import('./TableSelectableSettings').TableSelectableMode;
-    cell: boolean;
-};
+export declare const getSelectionOptions: (selectable?: boolean | TableSelectableSettings) => Required<TableSelectableSettings>;

package/selection/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@progress/kendo-vue-common"),A=require("./constants.js"),F="items",m={},M=(e,t)=>!e||Array.isArray(e)&&e.length===0?[t]:e.findIndex(o=>o===t)>-1?e.filter(o=>o===t):[...e,t],v=(e,t)=>{let n=e;for(;n;){if(n.tagName===t)return n;if(n.tagName==="TABLE")return null;n=n.parentElement}return null},K=e=>{if(!e)return;const t=e.getAttribute(A.TABLE_ROW_INDEX_ATTRIBUTE);return t?parseInt(t,10):void 0},_=e=>{if(!e)return;const t=e.getAttribute(A.TABLE_COL_INDEX_ATTRIBUTE);return t?parseInt(t,10):void 0},U=e=>{const t=e.subItemsField||F;return p.mapTree(e.data,t,n=>p.extendDataItem(n,t,{[e.selectedField]:e.selectedState[n[e.dataItemKey]]}))},k=e=>{const{dataItemKey:t,selectedState:n}=e,{event:o,dataItems:c,componentId:r,mode:u,cell:a,selectedField:f}=e.event,{target:I,ctrlKey:T,metaKey:w,altKey:C,shiftKey:y}=o;if(o.isDefaultPrevented()||o.keyCode!==p.Keys.enter)return n;const l=v(I,"TD"),D=v(I,"TR"),S=_(l),s=K(D);let x={};return l&&D&&s!==void 0&&S!==void 0&&(x=O({selectedState:n,dataItemKey:t,event:{ctrlKey:T,metaKey:w,altKey:C,shiftKey:y,dataItems:c,cell:a,mode:u,selectedField:f,componentId:r,startColIndex:S,endColIndex:S,startRowIndex:s,endRowIndex:s,isDrag:!1,event:o,target:o.target,dataItem:null}})),x},O=e=>{const{event:t,dataItemKey:n,selectedState:o}=e,{dataItems:c,startRowIndex:r,endRowIndex:u,startColIndex:a,endColIndex:f,cell:I,isDrag:T,ctrlKey:w,shiftKey:C,metaKey:y,componentId:l,mode:D,dataItem:S}=t;let s={};const x=S!==null;if(D==="single"){const g=c.slice(r,r+1)[0][n];m[l]={rowIndex:r,colIndex:a},s[g]=I?[a]:!0}else if(T||!C&&!w&&!y&&!x){T||(m[l]={rowIndex:r,colIndex:a});const i=[];for(let d=a;d<=f;d++)i.push(d);c.slice(r,u+1).forEach(d=>{const R=d[n];s[R]=I?[...i]:!0})}else if(w||y||x){m[l]={rowIndex:r,colIndex:a};const d=c.slice(r,u+1)[0][n];s={...o},s[d]=I&&!x?M(s[d],a):!s[d]}else if(C){const i=m[l]&&m[l].rowIndex||0,g=m[l]&&m[l].colIndex||0,d=Math.min(i,r,u),R=Math.max(i,r,u),L=Math.min(g,a,f),N=Math.max(g,a,f),h=[];for(let E=L;E<=N;E++)h.push(E);c.slice(d,R+1).forEach(E=>{const B=E[n];s[B]=I?[...h]:!0})}return s},X=p.hasRelativeStackingContext(),b=e=>{if(!e||!X)return null;let t=e.parentElement;for(;t;){if(window.getComputedStyle(t).transform!=="none")return t;t=t.parentElement}},q=e=>{if(e&&e.ownerDocument&&e!==e.ownerDocument.body){const t=e.getBoundingClientRect();return{left:t.left-e.scrollLeft,top:t.top-e.scrollTop}}return{left:0,top:0}},G=e=>{const t=e?typeof e.enabled=="boolean"?e.enabled:!0:!1,n=e?!!e.drag:!1,o=e&&e.mode?e.mode:"multiple",c=!!(e&&e.cell);return{enabled:t,drag:n,mode:o,cell:c}};exports.closestTagName=v;exports.getColumnIndex=_;exports.getOffset=q;exports.getRowIndex=K;exports.getSelectedState=O;exports.getSelectedStateFromKeyDown=k;exports.getSelectionOptions=G;exports.relativeContextElement=b;exports.setSelectedState=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@progress/kendo-vue-common"),_=require("./constants.js"),j="items",S={},G=(e,t)=>!e||Array.isArray(e)&&e.length===0?[t]:e.findIndex(n=>n===t)>-1?e.filter(n=>n!==t):[...e,t],U=e=>{let t=e;for(;t;){if(t.hasAttribute(_.TABLE_PREVENT_SELECTION_ELEMENT))return!0;t=t.parentElement}return!1},R=(e,t)=>{let o=e;for(;o;){if(o.tagName===t)return o;if(o.tagName==="TABLE")return null;o=o.parentElement}return null},O=e=>{if(!e)return;const t=e.getAttribute(_.TABLE_ROW_INDEX_ATTRIBUTE);return t?parseInt(t,10):void 0},B=e=>{if(!e)return;const t=e.getAttribute(_.TABLE_COL_INDEX_ATTRIBUTE);return t?parseInt(t,10):void 0},V=e=>{const t=e.subItemsField||j,o=d.getter(e.dataItemKey);return d.mapTree(e.data,t,n=>d.extendDataItem(n,t,{[e.selectedField]:e.selectedState[o(n)]}))},X=e=>{const{dataItemKey:t,selectedState:o}=e,{event:n,dataItems:u,componentId:r,mode:f,cell:s,selectedField:x}=e.event,{target:g,ctrlKey:w,metaKey:p,altKey:K,shiftKey:C}=n;if(n.defaultPrevented&&!C||n.keyCode!==d.Keys.space&&n.keyCode!==d.Keys.enter&&n.keyCode!==d.Keys.right&&n.keyCode!==d.Keys.left&&n.keyCode!==d.Keys.up&&n.keyCode!==d.Keys.down)return o;n.preventDefault();const y=R(g,"TD"),v=R(g,"TR");let E=B(y),a=O(v),i={};return y&&v&&a!==void 0&&E!==void 0&&(n.keyCode===d.Keys.right&&E++,n.keyCode===d.Keys.left&&E--,n.keyCode===d.Keys.down&&a++,n.keyCode===d.Keys.up&&a--,i=M({selectedState:o,dataItemKey:t,event:{ctrlKey:w,metaKey:p,altKey:K,shiftKey:C,dataItems:u,cell:s,mode:f,selectedField:x,componentId:r,startColIndex:E,endColIndex:E,startRowIndex:a,endRowIndex:a,isDrag:!1,event:n,dataItem:null}})),i},M=e=>{var N,k;const{event:t,dataItemKey:o,selectedState:n}=e,{dataItems:u,startRowIndex:r,endRowIndex:f,startColIndex:s,endColIndex:x,cell:g,isDrag:w,ctrlKey:p,shiftKey:K,metaKey:C,componentId:y,mode:v,dataItem:E}=t,a=d.getter(o);let i={};const A=E!==null;if(v==="single"){const l=u.slice(r,r+1)[0],I=a(l);S[y]={rowIndex:r,colIndex:s},I!==void 0&&(i[I]=g?[s]:!0)}else if(w||!K&&!p&&!C&&!A){w||(S[y]={rowIndex:r,colIndex:s});const l=[];for(let c=s;c<=x;c++)l.push(c);u.slice(r,f+1).forEach(c=>{const h=a(c);h!==void 0&&(i[h]=g?[...l]:!0)})}else if(p||C||A){S[y]={rowIndex:r,colIndex:s};const I=u.slice(r,f+1)[0],c=a(I);c!==void 0&&(i={...n},i[c]=g&&!A?G(i[c],s):!i[c])}else if(K){let l=(N=S[y])==null?void 0:N.rowIndex,I=(k=S[y])==null?void 0:k.colIndex;if(l===void 0){l=0,I=0;for(let m=0;m<u.length;m++){const D=a(u[m]),T=n[D];if(T!==void 0&&T!==!1){l=m,g&&Array.isArray(T)&&T.length>0&&(I=Math.min(...T));break}}S[y]={rowIndex:l,colIndex:I}}const c=Math.min(l,r,f),h=Math.max(l,r,f),F=Math.min(I,s,x),b=Math.max(I,s,x),L=[];for(let m=F;m<=b;m++)L.push(m);u.slice(c,h+1).forEach(m=>{const D=a(m);D!==void 0&&(i[D]=g?[...L]:!0)})}return i},q=d.hasRelativeStackingContext(),H=e=>{if(!e||!q)return null;let t=e.parentElement;for(;t;){if(window.getComputedStyle(t).transform!=="none")return t;t=t.parentElement}},W=e=>{if(e&&e.ownerDocument&&e!==e.ownerDocument.body){const t=e.getBoundingClientRect();return{left:t.left-e.scrollLeft,top:t.top-e.scrollTop}}return{left:0,top:0}},z=e=>{var r,f,s,x;const t=typeof e=="object"?(r=e.enabled)!=null?r:!0:e!=null?e:!1,o=typeof e=="object"&&(f=e.drag)!=null?f:!1,n=typeof e=="object"&&(s=e.mode)!=null?s:"multiple",u=typeof e=="object"&&(x=e.cell)!=null?x:!1;return{enabled:t,drag:o,mode:n,cell:u}};exports.closestTagName=R;exports.getColumnIndex=B;exports.getOffset=W;exports.getRowIndex=O;exports.getSelectedState=M;exports.getSelectedStateFromKeyDown=X;exports.getSelectionOptions=z;exports.isInNonSelectable=U;exports.relativeContextElement=H;exports.setSelectedState=V;

package/selection/utils.mjs

@@ -5,121 +5,145 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { Keys as _, mapTree as L, extendDataItem as B, hasRelativeStackingContext as N } from "@progress/kendo-vue-common";
-import { TABLE_COL_INDEX_ATTRIBUTE as O, TABLE_ROW_INDEX_ATTRIBUTE as F } from "./constants.mjs";
-const M = "items", m = {}, U = (e, t) => !e || Array.isArray(e) && e.length === 0 ? [t] : e.findIndex((o) => o === t) > -1 ? e.filter((o) => o === t) : [...e, t], h = (e, t) => {
-  let n = e;
-  for (; n; ) {
-    if (n.tagName === t)
-      return n;
-    if (n.tagName === "TABLE")
+import { getter as k, Keys as u, mapTree as M, extendDataItem as F, hasRelativeStackingContext as j } from "@progress/kendo-vue-common";
+import { TABLE_COL_INDEX_ATTRIBUTE as G, TABLE_ROW_INDEX_ATTRIBUTE as U, TABLE_PREVENT_SELECTION_ELEMENT as X } from "./constants.mjs";
+const b = "items", T = {}, V = (e, t) => !e || Array.isArray(e) && e.length === 0 ? [t] : e.findIndex((n) => n === t) > -1 ? e.filter((n) => n !== t) : [...e, t], Z = (e) => {
+  let t = e;
+  for (; t; ) {
+    if (t.hasAttribute(X))
+      return !0;
+    t = t.parentElement;
+  }
+  return !1;
+}, N = (e, t) => {
+  let o = e;
+  for (; o; ) {
+    if (o.tagName === t)
+      return o;
+    if (o.tagName === "TABLE")
       return null;
-    n = n.parentElement;
+    o = o.parentElement;
   }
   return null;
-}, X = (e) => {
+}, H = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(F);
+  const t = e.getAttribute(U);
   return t ? parseInt(t, 10) : void 0;
-}, k = (e) => {
+}, W = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(O);
+  const t = e.getAttribute(G);
   return t ? parseInt(t, 10) : void 0;
-}, j = (e) => {
-  const t = e.subItemsField || M;
-  return L(
+}, $ = (e) => {
+  const t = e.subItemsField || b, o = k(e.dataItemKey);
+  return M(
     e.data,
     t,
-    (n) => B(n, t, {
-      [e.selectedField]: e.selectedState[n[e.dataItemKey]]
+    (n) => F(n, t, {
+      [e.selectedField]: e.selectedState[o(n)]
     })
   );
-}, q = (e) => {
-  const { dataItemKey: t, selectedState: n } = e, { event: o, dataItems: l, componentId: s, mode: u, cell: a, selectedField: g } = e.event, { target: I, ctrlKey: w, metaKey: S, altKey: D, shiftKey: C } = o;
-  if (o.isDefaultPrevented() || o.keyCode !== _.enter)
-    return n;
-  const c = h(I, "TD"), p = h(I, "TR"), E = k(c), r = X(p);
-  let x = {};
-  return c && p && r !== void 0 && E !== void 0 && (x = G({
-    selectedState: n,
+}, P = (e) => {
+  const { dataItemKey: t, selectedState: o } = e, { event: n, dataItems: I, componentId: r, mode: f, cell: d, selectedField: E } = e.event, { target: y, ctrlKey: w, metaKey: S, altKey: h, shiftKey: C } = n;
+  if (n.defaultPrevented && !C || n.keyCode !== u.space && n.keyCode !== u.enter && n.keyCode !== u.right && n.keyCode !== u.left && n.keyCode !== u.up && n.keyCode !== u.down)
+    return o;
+  n.preventDefault();
+  const x = N(y, "TD"), v = N(y, "TR");
+  let g = W(x), a = H(v), c = {};
+  return x && v && a !== void 0 && g !== void 0 && (n.keyCode === u.right && g++, n.keyCode === u.left && g--, n.keyCode === u.down && a++, n.keyCode === u.up && a--, c = q({
+    selectedState: o,
     dataItemKey: t,
     event: {
       ctrlKey: w,
       metaKey: S,
-      altKey: D,
+      altKey: h,
       shiftKey: C,
-      dataItems: l,
-      cell: a,
-      mode: u,
-      selectedField: g,
-      componentId: s,
-      startColIndex: E,
-      endColIndex: E,
-      startRowIndex: r,
-      endRowIndex: r,
+      dataItems: I,
+      cell: d,
+      mode: f,
+      selectedField: E,
+      componentId: r,
+      startColIndex: g,
+      endColIndex: g,
+      startRowIndex: a,
+      endRowIndex: a,
       isDrag: !1,
-      event: o,
-      target: o.target,
+      event: n,
       dataItem: null
     }
-  })), x;
-}, G = (e) => {
-  const { event: t, dataItemKey: n, selectedState: o } = e, {
-    dataItems: l,
-    startRowIndex: s,
-    endRowIndex: u,
-    startColIndex: a,
-    endColIndex: g,
-    cell: I,
+  })), c;
+}, q = (e) => {
+  var _, K;
+  const { event: t, dataItemKey: o, selectedState: n } = e, {
+    dataItems: I,
+    startRowIndex: r,
+    endRowIndex: f,
+    startColIndex: d,
+    endColIndex: E,
+    cell: y,
     isDrag: w,
     ctrlKey: S,
-    shiftKey: D,
+    shiftKey: h,
     metaKey: C,
-    componentId: c,
-    mode: p,
-    dataItem: E
-  } = t;
-  let r = {};
-  const x = E !== null;
-  if (p === "single") {
-    const f = l.slice(s, s + 1)[0][n];
-    m[c] = {
-      rowIndex: s,
-      colIndex: a
-    }, r[f] = I ? [a] : !0;
-  } else if (w || !D && !S && !C && !x) {
-    w || (m[c] = {
-      rowIndex: s,
-      colIndex: a
+    componentId: x,
+    mode: v,
+    dataItem: g
+  } = t, a = k(o);
+  let c = {};
+  const R = g !== null;
+  if (v === "single") {
+    const s = I.slice(r, r + 1)[0], i = a(s);
+    T[x] = {
+      rowIndex: r,
+      colIndex: d
+    }, i !== void 0 && (c[i] = y ? [d] : !0);
+  } else if (w || !h && !S && !C && !R) {
+    w || (T[x] = {
+      rowIndex: r,
+      colIndex: d
     });
-    const i = [];
-    for (let d = a; d <= g; d++)
-      i.push(d);
-    l.slice(s, u + 1).forEach((d) => {
-      const y = d[n];
-      r[y] = I ? [...i] : !0;
+    const s = [];
+    for (let l = d; l <= E; l++)
+      s.push(l);
+    I.slice(r, f + 1).forEach((l) => {
+      const A = a(l);
+      A !== void 0 && (c[A] = y ? [...s] : !0);
     });
-  } else if (S || C || x) {
-    m[c] = {
-      rowIndex: s,
-      colIndex: a
+  } else if (S || C || R) {
+    T[x] = {
+      rowIndex: r,
+      colIndex: d
     };
-    const d = l.slice(s, u + 1)[0][n];
-    r = { ...o }, r[d] = I && !x ? U(r[d], a) : !r[d];
-  } else if (D) {
-    const i = m[c] && m[c].rowIndex || 0, f = m[c] && m[c].colIndex || 0, d = Math.min(i, s, u), y = Math.max(i, s, u), A = Math.min(f, a, g), v = Math.max(f, a, g), R = [];
-    for (let T = A; T <= v; T++)
-      R.push(T);
-    l.slice(d, y + 1).forEach((T) => {
-      const K = T[n];
-      r[K] = I ? [...R] : !0;
+    const i = I.slice(r, f + 1)[0], l = a(i);
+    l !== void 0 && (c = { ...n }, c[l] = y && !R ? V(c[l], d) : !c[l]);
+  } else if (h) {
+    let s = (_ = T[x]) == null ? void 0 : _.rowIndex, i = (K = T[x]) == null ? void 0 : K.colIndex;
+    if (s === void 0) {
+      s = 0, i = 0;
+      for (let m = 0; m < I.length; m++) {
+        const D = a(I[m]), p = n[D];
+        if (p !== void 0 && p !== !1) {
+          s = m, y && Array.isArray(p) && p.length > 0 && (i = Math.min(...p));
+          break;
+        }
+      }
+      T[x] = {
+        rowIndex: s,
+        colIndex: i
+      };
+    }
+    const l = Math.min(s, r, f), A = Math.max(s, r, f), O = Math.min(i, d, E), B = Math.max(i, d, E), L = [];
+    for (let m = O; m <= B; m++)
+      L.push(m);
+    I.slice(l, A + 1).forEach((m) => {
+      const D = a(m);
+      D !== void 0 && (c[D] = y ? [...L] : !0);
     });
   }
-  return r;
-}, H = N(), z = (e) => {
-  if (!e || !H)
+  return c;
+}, z = j(), ee = (e) => {
+  if (!e || !z)
     return null;
   let t = e.parentElement;
   for (; t; ) {
@@ -127,7 +151,7 @@ const M = "items", m = {}, U = (e, t) => !e || Array.isArray(e) && e.length ===
       return t;
     t = t.parentElement;
   }
-}, J = (e) => {
+}, te = (e) => {
   if (e && e.ownerDocument && e !== e.ownerDocument.body) {
     const t = e.getBoundingClientRect();
     return {
@@ -136,18 +160,20 @@ const M = "items", m = {}, U = (e, t) => !e || Array.isArray(e) && e.length ===
     };
   }
   return { left: 0, top: 0 };
-}, Q = (e) => {
-  const t = e ? typeof e.enabled == "boolean" ? e.enabled : !0 : !1, n = e ? !!e.drag : !1, o = e && e.mode ? e.mode : "multiple", l = !!(e && e.cell);
-  return { enabled: t, drag: n, mode: o, cell: l };
+}, ne = (e) => {
+  var r, f, d, E;
+  const t = typeof e == "object" ? (r = e.enabled) != null ? r : !0 : e != null ? e : !1, o = typeof e == "object" && (f = e.drag) != null ? f : !1, n = typeof e == "object" && (d = e.mode) != null ? d : "multiple", I = typeof e == "object" && (E = e.cell) != null ? E : !1;
+  return { enabled: t, drag: o, mode: n, cell: I };
 };
 export {
-  h as closestTagName,
-  k as getColumnIndex,
-  J as getOffset,
-  X as getRowIndex,
-  G as getSelectedState,
-  q as getSelectedStateFromKeyDown,
-  Q as getSelectionOptions,
-  z as relativeContextElement,
-  j as setSelectedState
+  N as closestTagName,
+  W as getColumnIndex,
+  te as getOffset,
+  H as getRowIndex,
+  q as getSelectedState,
+  P as getSelectedStateFromKeyDown,
+  ne as getSelectionOptions,
+  Z as isInNonSelectable,
+  ee as relativeContextElement,
+  $ as setSelectedState
 };