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

package/selection/TableSelection.mjs

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

package/selection/utils.d.ts

@@ -15,6 +15,8 @@ export declare const closestTagName: (target: HTMLElement | null, tagName: 'TD'
 export declare const getRowIndex: (element: HTMLTableRowElement) => number;
 /** @hidden */
 export declare const getColumnIndex: (element: HTMLTableCellElement) => number;
+/** @hidden */
+export declare const findNearestSiblingWithAttribute: (element: HTMLElement | null, attribute: string, preferDirection?: 'next' | 'prev') => HTMLElement | null;
 /**
  * @hidden
  *

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 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@progress/kendo-vue-common"),N=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(N.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},L=e=>{if(!e)return;const t=e.getAttribute(N.TABLE_ROW_INDEX_ATTRIBUTE);return t?parseInt(t,10):void 0},O=e=>{if(!e)return;const t=e.getAttribute(N.TABLE_COL_INDEX_ATTRIBUTE);return t?parseInt(t,10):void 0},V=(e,t,o="next")=>{if(!e)return null;const n=(l,r)=>{let s=r==="next"?l.nextElementSibling:l.previousElementSibling;for(;s;){if(s.hasAttribute(t))return s;s=r==="next"?s.nextElementSibling:s.previousElementSibling}return null};return n(e,o)||n(e,o==="next"?"prev":"next")},W=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:l,componentId:r,mode:s,cell:i,selectedField:g}=e.event,{target:y,ctrlKey:p,metaKey:w,altKey:h,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 x=R(y,"TD"),v=R(y,"TR");let E=O(x),I=L(v),u={};return x&&v&&I!==void 0&&E!==void 0&&(n.keyCode===d.Keys.right&&E++,n.keyCode===d.Keys.left&&E--,n.keyCode===d.Keys.down&&I++,n.keyCode===d.Keys.up&&I--,u=B({selectedState:o,dataItemKey:t,event:{ctrlKey:p,metaKey:w,altKey:h,shiftKey:C,dataItems:l,cell:i,mode:s,selectedField:g,componentId:r,startColIndex:E,endColIndex:E,startRowIndex:I,endRowIndex:I,isDrag:!1,event:n,dataItem:null}})),u},B=e=>{var _,b;const{event:t,dataItemKey:o,selectedState:n}=e,{dataItems:l,startRowIndex:r,endRowIndex:s,startColIndex:i,endColIndex:g,cell:y,isDrag:p,ctrlKey:w,shiftKey:h,metaKey:C,componentId:x,mode:v,dataItem:E}=t,I=d.getter(o);let u={};const D=E!==null;if(v==="single"){const a=l.slice(r,r+1)[0],m=I(a);S[x]={rowIndex:r,colIndex:i},m!==void 0&&(u[m]=y?[i]:!0)}else if(p||!h&&!w&&!C&&!D){p||(S[x]={rowIndex:r,colIndex:i});const a=[];for(let c=i;c<=g;c++)a.push(c);l.slice(r,s+1).forEach(c=>{const K=I(c);K!==void 0&&(u[K]=y?[...a]:!0)})}else if(w||C||D){S[x]={rowIndex:r,colIndex:i};const m=l.slice(r,s+1)[0],c=I(m);c!==void 0&&(u={...n},u[c]=y&&!D?G(u[c],i):!u[c])}else if(h){let a=(_=S[x])==null?void 0:_.rowIndex,m=(b=S[x])==null?void 0:b.colIndex;if(a===void 0){a=0,m=0;for(let f=0;f<l.length;f++){const A=I(l[f]),T=n[A];if(T!==void 0&&T!==!1){a=f,y&&Array.isArray(T)&&T.length>0&&(m=Math.min(...T));break}}S[x]={rowIndex:a,colIndex:m}}const c=Math.min(a,r,s),K=Math.max(a,r,s),M=Math.min(m,i,g),F=Math.max(m,i,g),k=[];for(let f=M;f<=F;f++)k.push(f);l.slice(c,K+1).forEach(f=>{const A=I(f);A!==void 0&&(u[A]=y?[...k]:!0)})}return u},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}},z=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}},J=e=>{var r,s,i,g;const t=typeof e=="object"?(r=e.enabled)!=null?r:!0:e!=null?e:!1,o=typeof e=="object"&&(s=e.drag)!=null?s:!1,n=typeof e=="object"&&(i=e.mode)!=null?i:"multiple",l=typeof e=="object"&&(g=e.cell)!=null?g:!1;return{enabled:t,drag:o,mode:n,cell:l}};exports.closestTagName=R;exports.findNearestSiblingWithAttribute=V;exports.getColumnIndex=O;exports.getOffset=z;exports.getRowIndex=L;exports.getSelectedState=B;exports.getSelectedStateFromKeyDown=X;exports.getSelectionOptions=J;exports.isInNonSelectable=U;exports.relativeContextElement=H;exports.setSelectedState=W;

package/selection/utils.mjs

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