@progress/kendo-vue-data-tools 8.1.0-develop.4 → 8.1.0-develop.6

package/navigation/utils.mjs

@@ -5,9 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { FOCUSABLE_ELEMENTS as E, TABBABLE_ELEMENTS as v } from "@progress/kendo-vue-common";
-import { KEYBOARD_NAV_EDIT_BUTTON_CLASS as B, KEYBOARD_NAV_CANCEL_BUTTON_CLASS as p, KEYBOARD_NAV_FILTER_COL_SUFFIX as w, KEYBOARD_NAV_DATA_ID as g, KEYBOARD_NAV_DATA_LEVEL as f, KEYBOARD_NAV_DATA_BODY as T, KEYBOARD_NAV_DATA_HEADER as h, KEYBOARD_NAV_DATA_SCOPE as $ } from "./constants.mjs";
-const F = (e, t, r = "cell") => `${t}_${e}_${r}`, R = (e) => {
+import { FOCUSABLE_ELEMENTS as b, TABBABLE_ELEMENTS as k } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_EDIT_BUTTON_CLASS as v, KEYBOARD_NAV_CANCEL_BUTTON_CLASS as T, KEYBOARD_NAV_FILTER_COL_SUFFIX as p, KEYBOARD_NAV_DATA_ID as g, KEYBOARD_NAV_DATA_LEVEL as f, KEYBOARD_NAV_DATA_BOTTOM_PINNED as w, KEYBOARD_NAV_DATA_TOP_PINNED as $, KEYBOARD_NAV_DATA_BODY as h, KEYBOARD_NAV_DATA_HEADER as O, KEYBOARD_NAV_DATA_SCOPE as R } from "./constants.mjs";
+const F = (e, t, r = "cell") => `${t}_${e}_${r}`, q = (e) => {
   if (e)
     return parseInt(e.getAttribute(f) || "", 10);
 }, m = (e) => {
@@ -15,11 +15,11 @@ const F = (e, t, r = "cell") => `${t}_${e}_${r}`, R = (e) => {
     return;
   const t = e.getAttribute(g);
   return t || void 0;
-}, A = (e) => e ? !!e.getAttribute(g) : !1, L = (e, t = { level: 0 }) => e.querySelector(`[${f}='${t.level}']`), _ = (e) => e.parentElement && e.parentElement.closest(`[${f}]`), x = (e, t) => e.querySelector(`[${g}='${t}']`), O = (e) => e.parentElement && e.parentElement.closest(`[${$}]`), q = (e) => {
+}, A = (e) => e ? !!e.getAttribute(g) : !1, L = (e, t = { level: 0 }) => e.querySelector(`[${f}='${t.level}']`), D = (e) => e.parentElement && e.parentElement.closest(`[${f}]`), C = (e, t) => e.querySelector(`[${g}='${t}']`), K = (e) => e.parentElement && e.parentElement.closest(`[${R}]`), P = (e) => {
   var r;
   const t = ((r = e == null ? void 0 : e.parentElement) == null ? void 0 : r.closest(".k-grid-edit-row")) || null;
-  return t == null ? void 0 : t.querySelector("." + p);
-}, K = (e) => document.querySelector(`[aria-rowindex="${e}"] .k-grid-remove-command`), i = (e) => document.querySelector(`[data-keyboardnavid="${e}"]`), V = (e) => {
+  return t == null ? void 0 : t.querySelector("." + T);
+}, V = (e) => document.querySelector(`[aria-rowindex="${e}"] .k-grid-remove-command`), i = (e) => document.querySelector(`[data-keyboardnavid="${e}"]`), Y = (e) => {
   var n, l;
   const t = (n = e == null ? void 0 : e.parentElement) == null ? void 0 : n.closest(".k-table-row");
   let r;
@@ -44,26 +44,26 @@ async function y(e, t, r = 5e3) {
     }
   return !1;
 }
-const Y = async (e) => {
+const U = async (e) => {
   var n;
   const t = ((n = e == null ? void 0 : e.parentElement) == null ? void 0 : n.closest(".k-grid-edit-row")) || null;
-  return await y("." + B, t);
-}, P = (e) => (e == null ? void 0 : e.closest(".k-table-td")) || null, U = (e) => e.querySelector(`[${h}]`), j = (e) => e.querySelector(`[${T}]`), ae = (e) => e.querySelector(".k-grid-norecords"), W = (e, t) => {
+  return await y("." + v, t);
+}, j = (e) => (e == null ? void 0 : e.closest(".k-table-td")) || null, M = (e) => e.querySelector(`[${O}]`), W = (e) => e.querySelector(`[${h}]`), H = (e) => e.querySelector(`[${$}]`), X = (e) => e.querySelector(`[${w}]`), Ae = (e) => e.querySelector(".k-grid-norecords"), z = (e, t) => {
   const { scope: r, navigation: n, kbContext: l } = e;
   if (!n || !r)
     return;
-  const o = Z(n.navigationMatrix), s = x(r, o);
+  const o = ne(n.navigationMatrix), s = C(r, o);
   S({ elementForFocus: s, kbContext: l, event: t });
-}, D = (e, t = { focusable: !1 }) => {
-  const r = t.focusable ? E : v;
+}, B = (e, t = { focusable: !1 }) => {
+  const r = t.focusable ? b : k;
   return Array.from(e.querySelectorAll(r.join(",")));
-}, H = (e, t = { level: 0 }) => {
+}, G = (e, t = { level: 0 }) => {
   if (!e)
     return [];
-  const r = E.map((n) => n + `[${f}='${t.level}']`).join(",");
+  const r = b.map((n) => n + `[${f}='${t.level}']`).join(",");
   return Array.from(e.querySelectorAll(r));
-}, M = (e = { level: 0 }) => {
-  const t = E.map((r) => r + `[${f}='${e.level}']`).join(",");
+}, J = (e = { level: 0 }) => {
+  const t = b.map((r) => r + `[${f}='${e.level}']`).join(",");
   return (r) => r.matches(t);
 }, S = (e) => {
   const { elementForFocus: t, event: r, kbContext: n, prevElement: l } = e;
@@ -72,7 +72,7 @@ const Y = async (e) => {
     const o = t.querySelector(".k-checkbox-wrap .k-checkbox");
     o != null && o.focus ? o.focus() : t.focus(), A(t) && (t.setAttribute("tabIndex", "0"), n.activeId = m(t)), l && A(l) && l.setAttribute("tabIndex", "-1");
   }
-}, X = (e) => e ? e.idPrefix : "", z = (e, t, r, n, l) => {
+}, Q = (e) => e ? e.idPrefix : "", Z = (e, t, r, n, l) => {
   if (!r)
     return [];
   let o = e + (l ? -1 : 1);
@@ -94,152 +94,156 @@ const Y = async (e) => {
     o = o + (l ? -1 : 1);
   }
   return [];
-}, b = (e, t) => {
+}, E = (e, t) => {
   if (t) {
     for (let r = 0; r < e.length; r++)
       for (let n = 0; n < e[r].length; n++)
         if (e[r][n] === t)
           return [r, n];
   }
-}, I = (e, t, r) => {
+}, _ = (e, t, r) => {
   let n;
   do
     if (e = e + 1, n = t[r - e], n != null && n.editable)
       break;
   while (r - e >= 0);
   return n;
-}, G = (e, t, r, n) => {
+}, ee = (e, t, r, n) => {
   var N;
   let l;
   const [o, s] = e;
   let u;
   const c = 0, a = t.length;
-  return u = I(c, t, s), u ? l = d(o, u.ariaColumnIndex, r, n, !0) : (u = I(c, t, a), l = d(o - 1, u.ariaColumnIndex, r, n, !0)), {
+  return u = _(c, t, s), u ? l = d(o, u.ariaColumnIndex, r, n, !0) : (u = _(c, t, a), l = d(o - 1, u.ariaColumnIndex, r, n, !0)), {
     prevCell: (l == null ? void 0 : l[0]) && i(l[0]),
     elementToFocus: (l == null ? void 0 : l[0]) && ((N = i(l[0])) == null ? void 0 : N.getAttribute("role"))
   };
-}, C = (e, t, r) => {
+}, I = (e, t, r) => {
   let n;
   do
     if (e = e + 1, n = t[r + e], n != null && n.editable)
       break;
   while (r + e - 1 < t.length);
   return n;
-}, J = (e, t, r, n) => {
+}, te = (e, t, r, n) => {
   var o;
   let l;
   if (e) {
     const [s, u] = e;
     let c, a = 0;
-    c = C(a, t, u), c ? l = d(s, c.ariaColumnIndex, r, n, !0) : (a = -1, c = C(a, t, 0), l = d(s + 1, c.ariaColumnIndex, r, n, !0));
+    c = I(a, t, u), c ? l = d(s, c.ariaColumnIndex, r, n, !0) : (a = -1, c = I(a, t, 0), l = d(s + 1, c.ariaColumnIndex, r, n, !0));
   }
   return {
     nextCell: (l == null ? void 0 : l[0]) && i(l[0]),
     elementToFocus: (l == null ? void 0 : l[0]) && ((o = i(l[0])) == null ? void 0 : o.getAttribute("role"))
   };
-}, Q = (e) => {
+}, re = (e) => {
   var t;
   return (t = e == null ? void 0 : e.navigationMatrix.length) != null ? t : 0;
-}, Z = (e) => e.flat().find((t) => t.endsWith("cell")), ie = (e) => e.flat().reverse().find((t) => t.endsWith("cell")), de = (e, t) => e[t][0], fe = (e, t) => Array.from(e[t]).reverse()[0], ee = (e) => e ? `${e}${w}` : "", Ae = (e, t, r) => {
+}, ne = (e) => e.flat().find((t) => t.endsWith("cell")), Ee = (e) => e.flat().reverse().find((t) => t.endsWith("cell")), be = (e, t) => e[t][0], ge = (e, t) => Array.from(e[t]).reverse()[0], le = (e) => e ? `${e}${p}` : "", Ne = (e, t, r) => {
   let n;
   if (e != null && e.prevNavigationIndexes) {
     const [l, o] = e.prevNavigationIndexes, s = t[l];
-    (s == null ? void 0 : s[o]) === r ? n = e.prevNavigationIndexes : n = b(t, r);
+    (s == null ? void 0 : s[o]) === r ? n = e.prevNavigationIndexes : n = E(t, r);
   } else
-    n = b(t, r);
+    n = E(t, r);
   return n;
-}, te = (e) => {
+}, oe = (e) => {
   var t;
-  return ((t = _(e)) == null ? void 0 : t.getAttribute("data-keyboardnavid")) || e.getAttribute("data-keyboardnavid");
-}, re = (e) => e.closest(".k-grid-stack-cell"), k = (e) => D(e, { focusable: !0 }), ne = (e, t) => {
+  return ((t = D(e)) == null ? void 0 : t.getAttribute("data-keyboardnavid")) || e.getAttribute("data-keyboardnavid");
+}, se = (e) => e.closest(".k-grid-stack-cell"), x = (e) => B(e, { focusable: !0 }), ce = (e, t) => {
   var o;
   const r = e.closest(".k-table-td");
   if (!r)
     return null;
   const n = Array.from(r.querySelectorAll(".k-grid-stack-cell")), l = n.indexOf(e);
   return l === -1 ? null : t === "next" ? l < n.length - 1 ? n[l + 1] : n[0] : l > 0 ? n[l - 1] : (o = n.at(-1)) != null ? o : null;
-}, le = (e) => e.closest(".k-table-td, td.k-table-td[tabindex]"), oe = (e, t = 0) => {
-  const r = k(e);
+}, ue = (e) => e.closest(".k-table-td, td.k-table-td[tabindex]"), ae = (e, t = 0) => {
+  const r = x(e);
   r.length > 0 ? (r[t] || r[0]).focus() : e.focus();
-}, be = {
+}, _e = {
   generateNavigatableId: F,
   getNavigatableId: m,
-  getNavigatableLevel: R,
+  getNavigatableLevel: q,
   getNavigatableElement: L,
-  getClosestNavigatableElement: _,
-  getActiveNavDataElement: x,
-  getClosestScope: O,
-  getHeaderElement: U,
-  getBodyElement: j,
-  getFocusableElements: D,
-  getNavigatableElements: H,
-  filterNavigatableElements: M,
+  getClosestNavigatableElement: D,
+  getActiveNavDataElement: C,
+  getClosestScope: K,
+  getHeaderElement: M,
+  getBodyElement: W,
+  getTopPinnedElement: H,
+  getBottomPinnedElement: X,
+  getFocusableElements: B,
+  getNavigatableElements: G,
+  filterNavigatableElements: J,
   focusElement: S,
-  getIdPrefix: X,
+  getIdPrefix: Q,
   isNavigatable: A,
-  findNextIdByRowIndex: z,
+  findNextIdByRowIndex: Z,
   findNextIdByCellIndex: d,
-  findId: b,
-  getNextNavigationIndex: Q,
-  getFilterColumnId: ee,
-  focusFirstDataElement: W,
-  getClosestCancelButton: q,
-  getClosestEditButton: Y,
-  getRowAriaRowIndex: V,
-  getRemoveButtonByAriaRowIndex: K,
+  findId: E,
+  getNextNavigationIndex: re,
+  getFilterColumnId: le,
+  focusFirstDataElement: z,
+  getClosestCancelButton: P,
+  getClosestEditButton: U,
+  getRowAriaRowIndex: Y,
+  getRemoveButtonByAriaRowIndex: V,
   getTableCellByKeyboardNavId: i,
-  getParentCell: P,
+  getParentCell: j,
   waitForElementToBeVisible: y,
-  getNextEditableCell: J,
-  getPrevEditableCell: G,
-  getClosestCellNavId: te,
-  getStackedCellWrapper: re,
-  getStackedCellFocusableElements: k,
-  getNextStackedCell: ne,
-  getStackedCellContainer: le,
-  focusStackedCellElement: oe
+  getNextEditableCell: te,
+  getPrevEditableCell: ee,
+  getClosestCellNavId: oe,
+  getStackedCellWrapper: se,
+  getStackedCellFocusableElements: x,
+  getNextStackedCell: ce,
+  getStackedCellContainer: ue,
+  focusStackedCellElement: ae
 };
 export {
-  M as filterNavigatableElements,
-  b as findId,
+  J as filterNavigatableElements,
+  E as findId,
   d as findNextIdByCellIndex,
-  z as findNextIdByRowIndex,
+  Z as findNextIdByRowIndex,
   S as focusElement,
-  W as focusFirstDataElement,
-  oe as focusStackedCellElement,
+  z as focusFirstDataElement,
+  ae as focusStackedCellElement,
   F as generateNavigatableId,
-  x as getActiveNavDataElement,
-  j as getBodyElement,
-  q as getClosestCancelButton,
-  te as getClosestCellNavId,
-  Y as getClosestEditButton,
-  _ as getClosestNavigatableElement,
-  O as getClosestScope,
-  Ae as getCurrentIdIndexes,
-  ee as getFilterColumnId,
-  Z as getFirstDataCell,
-  de as getFirstRowDataCell,
-  D as getFocusableElements,
-  U as getHeaderElement,
-  X as getIdPrefix,
-  ie as getLastDataCell,
-  fe as getLastRowDataCell,
+  C as getActiveNavDataElement,
+  W as getBodyElement,
+  X as getBottomPinnedElement,
+  P as getClosestCancelButton,
+  oe as getClosestCellNavId,
+  U as getClosestEditButton,
+  D as getClosestNavigatableElement,
+  K as getClosestScope,
+  Ne as getCurrentIdIndexes,
+  le as getFilterColumnId,
+  ne as getFirstDataCell,
+  be as getFirstRowDataCell,
+  B as getFocusableElements,
+  M as getHeaderElement,
+  Q as getIdPrefix,
+  Ee as getLastDataCell,
+  ge as getLastRowDataCell,
   L as getNavigatableElement,
-  H as getNavigatableElements,
+  G as getNavigatableElements,
   m as getNavigatableId,
-  R as getNavigatableLevel,
-  J as getNextEditableCell,
-  Q as getNextNavigationIndex,
-  ne as getNextStackedCell,
-  ae as getNoRecordsElement,
-  P as getParentCell,
-  G as getPrevEditableCell,
-  K as getRemoveButtonByAriaRowIndex,
-  V as getRowAriaRowIndex,
-  le as getStackedCellContainer,
-  k as getStackedCellFocusableElements,
-  re as getStackedCellWrapper,
+  q as getNavigatableLevel,
+  te as getNextEditableCell,
+  re as getNextNavigationIndex,
+  ce as getNextStackedCell,
+  Ae as getNoRecordsElement,
+  j as getParentCell,
+  ee as getPrevEditableCell,
+  V as getRemoveButtonByAriaRowIndex,
+  Y as getRowAriaRowIndex,
+  ue as getStackedCellContainer,
+  x as getStackedCellFocusableElements,
+  se as getStackedCellWrapper,
   i as getTableCellByKeyboardNavId,
+  H as getTopPinnedElement,
   A as isNavigatable,
-  be as tableKeyboardNavigationTools
+  _e as tableKeyboardNavigationTools
 };

package/package-metadata.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 e={name:"@progress/kendo-vue-data-tools",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1774865309,version:"8.1.0-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-data-tools",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1774970394,version:"8.1.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1774865309,
-  version: "8.1.0-develop.4",
+  publishDate: 1774970394,
+  version: "8.1.0-develop.6",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-data-tools",
-  "version": "8.1.0-develop.4",
+  "version": "8.1.0-develop.6",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,14 +26,14 @@
   "peerDependencies": {
     "@progress/kendo-data-query": "^1.7.0",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-animation": "8.1.0-develop.4",
-    "@progress/kendo-vue-buttons": "8.1.0-develop.4",
-    "@progress/kendo-vue-common": "8.1.0-develop.4",
-    "@progress/kendo-vue-dateinputs": "8.1.0-develop.4",
-    "@progress/kendo-vue-dropdowns": "8.1.0-develop.4",
-    "@progress/kendo-vue-inputs": "8.1.0-develop.4",
-    "@progress/kendo-vue-intl": "8.1.0-develop.4",
-    "@progress/kendo-vue-popup": "8.1.0-develop.4",
+    "@progress/kendo-vue-animation": "8.1.0-develop.6",
+    "@progress/kendo-vue-buttons": "8.1.0-develop.6",
+    "@progress/kendo-vue-common": "8.1.0-develop.6",
+    "@progress/kendo-vue-dateinputs": "8.1.0-develop.6",
+    "@progress/kendo-vue-dropdowns": "8.1.0-develop.6",
+    "@progress/kendo-vue-inputs": "8.1.0-develop.6",
+    "@progress/kendo-vue-intl": "8.1.0-develop.6",
+    "@progress/kendo-vue-popup": "8.1.0-develop.6",
     "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
   },
@@ -54,7 +54,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1774865309,
+      "publishDate": 1774970394,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
     }
   },

package/selection/TableSelection.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 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;
+"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){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

@@ -5,9 +5,9 @@
  * 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 { 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 X, getRowIndex as Y, getOffset as Z, isInNonSelectable as _, relativeContextElement as ee } from "./utils.mjs";
+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({
   name: "TableSelection",
   props: {
@@ -73,7 +73,6 @@ const oe = /* @__PURE__ */ Q({
         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)
@@ -82,7 +81,7 @@ const oe = /* @__PURE__ */ Q({
           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);
+          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", {
             event: e.originalEvent,
             startRowIndex: S,
@@ -101,7 +100,7 @@ const oe = /* @__PURE__ */ Q({
           const i = p.elementFromPoint(l, n);
           if (!i)
             return;
-          const y = a(i, "TD"), E = a(i, "TR"), s = X(y), c = Y(E);
+          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", {
             event: e.originalEvent,
             startRowIndex: c,
@@ -130,9 +129,9 @@ const oe = /* @__PURE__ */ Q({
       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, {
+      const e = (n = r.default) == null ? void 0 : n.call(r), t = u.value ? X(U, {
         to: "body"
-      }, b("div", {
+      }, X("div", {
         ref: R,
         style: {
           ...u.value,
@@ -140,7 +139,7 @@ const oe = /* @__PURE__ */ Q({
         },
         class: "k-marquee k-marquee-color"
       })) : null;
-      return [b(V, {
+      return [X(V, {
         ref: k,
         onPress: q,
         onDrag: N,