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

package/navigation/utils.d.ts

@@ -36,11 +36,39 @@ export declare const getClosestNavigatableElement: (target: HTMLElement) => Elem
 /**
  * @hidden
  */
-export declare const getActiveElement: (scope: HTMLElement, activeId?: string) => HTMLElement;
+export declare const getActiveNavDataElement: (scope: HTMLElement, activeId?: string) => HTMLElement;
 /**
  * @hidden
  */
 export declare const getClosestScope: (target: HTMLElement) => Element;
+/**
+ * @hidden
+ */
+export declare const getClosestCancelButton: (target: HTMLElement) => Element;
+/**
+ * @hidden
+ */
+export declare const getRemoveButtonByAriaRowIndex: (ariaRowIndex: number) => Element;
+/**
+ * @hidden
+ */
+export declare const getTableCellByKeyboardNavId: (navId: string) => Element;
+/**
+ * @hidden
+ */
+export declare const getRowAriaRowIndex: (target: HTMLElement) => any;
+/**
+ * @hidden
+ */
+declare function waitForElementToBeVisible(selector: string, parentElement: Element | null, timeout?: number): Promise<boolean | Element>;
+/**
+ * @hidden
+ */
+export declare const getClosestEditButton: (target: HTMLElement) => Promise<boolean | Element>;
+/**
+ * @hidden
+ */
+export declare const getParentCell: (target: HTMLElement) => Element;
 /**
  * @hidden
  */
@@ -49,6 +77,22 @@ export declare const getHeaderElement: (scope: HTMLElement) => Element;
  * @hidden
  */
 export declare const getBodyElement: (scope: HTMLElement) => Element;
+/**
+ * @hidden
+ */
+export declare const getNoRecordsElement: (scope: HTMLElement) => Element;
+/**
+ * @hidden
+ */
+export declare const focusFirstEditor: (newEditableRow: Element) => void;
+/**
+ * @hidden
+ */
+export declare const focusFirstDataElement: (options: {
+    scope?: HTMLElement;
+    kbContext: TableKeyboardNavigationContextType;
+    navigation: TableKeyboardNavigationStateType;
+}, event?: any) => void;
 /**
  * @hidden
  */
@@ -73,7 +117,7 @@ export declare const filterNavigatableElements: (options?: {
 export declare const focusElement: (options: {
     elementForFocus: HTMLElement;
     prevElement?: HTMLElement;
-    kbContext?: TableKeyboardNavigationContextType;
+    kbContext: TableKeyboardNavigationContextType;
     event: any;
 }) => void;
 /**
@@ -106,14 +150,82 @@ export declare const findNextIdByCellIndex: (rowIndex: number, initialCellIndex:
  * @hidden
  */
 export declare const findId: (navigationMatrix: string[][], cellId?: string) => number[] | undefined;
+/**
+ * @hidden
+ */
+export declare const getPrevEditableCell: (currentIdIndexes: number[], columns: any[], elementId: string | undefined, matrix: string[][]) => {
+    prevCell: Element;
+    elementToFocus: string;
+};
+/**
+ * @hidden
+ */
+export declare const getNextEditableCell: (currentIdIndexes: number[], columns: any[], elementId: string | undefined, matrix: string[][]) => {
+    nextCell: Element;
+    elementToFocus: string;
+};
 /**
  * @hidden
  */
 export declare const getNextNavigationIndex: (navigation?: TableKeyboardNavigationStateType) => number;
+/**
+ * @hidden
+ */
+export declare const getFirstDataCell: (navigationMatrix: string[][]) => string;
+/**
+ * @hidden
+ */
+export declare const getLastDataCell: (navigationMatrix: string[][]) => string;
+/**
+ * @hidden
+ */
+export declare const getFirstRowDataCell: (navigationMatrix: string[][], rowIndex: number) => string;
+/**
+ * @hidden
+ */
+export declare const getLastRowDataCell: (navigationMatrix: string[][], rowIndex: number) => string;
 /**
  * @hidden
  */
 export declare const getFilterColumnId: (columnId: string) => string;
+/**
+ * @hidden
+ */
+export declare const getCurrentIdIndexes: (navigation: TableKeyboardNavigationStateType | undefined, matrix: string[][], elementId: string | undefined) => number[] | undefined;
+/**
+ * @hidden
+ */
+export declare const getClosestCellNavId: (element: HTMLElement) => string;
+/**
+ * Gets the parent stacked cell wrapper element.
+ *
+ * @hidden
+ */
+export declare const getStackedCellWrapper: (target: HTMLElement) => HTMLElement | null;
+/**
+ * Gets all focusable elements within a stacked cell.
+ *
+ * @hidden
+ */
+export declare const getStackedCellFocusableElements: (cellElement: HTMLElement) => HTMLElement[];
+/**
+ * Finds the next stacked cell sibling in the specified direction.
+ *
+ * @hidden
+ */
+export declare const getNextStackedCell: (currentCell: HTMLElement, direction: 'next' | 'prev') => HTMLElement | null;
+/**
+ * Gets the table cell (td) that contains the stacked cells.
+ *
+ * @hidden
+ */
+export declare const getStackedCellContainer: (stackedCell: HTMLElement) => HTMLElement | null;
+/**
+ * Focuses an element within a stacked cell, or the cell itself if no focusable found.
+ *
+ * @hidden
+ */
+export declare const focusStackedCellElement: (cellElement: HTMLElement, preferredIndex?: number) => void;
 /**
  * @hidden
  */
@@ -125,7 +237,7 @@ export declare const tableKeyboardNavigationTools: {
         level: number;
     }) => HTMLElement;
     getClosestNavigatableElement: (target: HTMLElement) => Element;
-    getActiveElement: (scope: HTMLElement, activeId?: string) => HTMLElement;
+    getActiveNavDataElement: (scope: HTMLElement, activeId?: string) => HTMLElement;
     getClosestScope: (target: HTMLElement) => Element;
     getHeaderElement: (scope: HTMLElement) => Element;
     getBodyElement: (scope: HTMLElement) => Element;
@@ -141,7 +253,7 @@ export declare const tableKeyboardNavigationTools: {
     focusElement: (options: {
         elementForFocus: HTMLElement;
         prevElement?: HTMLElement;
-        kbContext?: TableKeyboardNavigationContextType;
+        kbContext: TableKeyboardNavigationContextType;
         event: any;
     }) => void;
     getIdPrefix: (navigation?: TableKeyboardNavigationStateType) => string;
@@ -165,4 +277,31 @@ export declare const tableKeyboardNavigationTools: {
     findId: (navigationMatrix: string[][], cellId?: string) => number[] | undefined;
     getNextNavigationIndex: (navigation?: TableKeyboardNavigationStateType) => number;
     getFilterColumnId: (columnId: string) => string;
+    focusFirstDataElement: (options: {
+        scope?: HTMLElement;
+        kbContext: TableKeyboardNavigationContextType;
+        navigation: TableKeyboardNavigationStateType;
+    }, event?: any) => void;
+    getClosestCancelButton: (target: HTMLElement) => Element;
+    getClosestEditButton: (target: HTMLElement) => Promise<boolean | Element>;
+    getRowAriaRowIndex: (target: HTMLElement) => any;
+    getRemoveButtonByAriaRowIndex: (ariaRowIndex: number) => Element;
+    getTableCellByKeyboardNavId: (navId: string) => Element;
+    getParentCell: (target: HTMLElement) => Element;
+    waitForElementToBeVisible: typeof waitForElementToBeVisible;
+    getNextEditableCell: (currentIdIndexes: number[], columns: any[], elementId: string | undefined, matrix: string[][]) => {
+        nextCell: Element;
+        elementToFocus: string;
+    };
+    getPrevEditableCell: (currentIdIndexes: number[], columns: any[], elementId: string | undefined, matrix: string[][]) => {
+        prevCell: Element;
+        elementToFocus: string;
+    };
+    getClosestCellNavId: (element: HTMLElement) => string;
+    getStackedCellWrapper: (target: HTMLElement) => HTMLElement | null;
+    getStackedCellFocusableElements: (cellElement: HTMLElement) => HTMLElement[];
+    getNextStackedCell: (currentCell: HTMLElement, direction: 'next' | 'prev') => HTMLElement | null;
+    getStackedCellContainer: (stackedCell: HTMLElement) => HTMLElement | null;
+    focusStackedCellElement: (cellElement: HTMLElement, preferredIndex?: number) => void;
 };
+export {};

package/navigation/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 r=require("./constants.js"),i=(e,t,n="cell")=>`${t}_${e}_${n}`,c=e=>{if(e)return parseInt(e.getAttribute(r.KEYBOARD_NAV_DATA_LEVEL)||"",10)},A=e=>{if(!e)return;const t=e.getAttribute(r.KEYBOARD_NAV_DATA_ID);return t||void 0},E=e=>e?!!e.getAttribute(r.KEYBOARD_NAV_DATA_ID):!1,u=(e,t={level:0})=>e.querySelector(`[${r.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`),g=e=>e.parentElement&&e.parentElement.closest(`[${r.KEYBOARD_NAV_DATA_LEVEL}]`),d=(e,t)=>e.querySelector(`[${r.KEYBOARD_NAV_DATA_ID}='${t}']`),_=e=>e.parentElement&&e.parentElement.closest(`[${r.KEYBOARD_NAV_DATA_SCOPE}]`),N=e=>e.querySelector(`[${r.KEYBOARD_NAV_DATA_HEADER}]`),f=e=>e.querySelector(`[${r.KEYBOARD_NAV_DATA_BODY}]`),b=(e,t={focusable:!1})=>{let n=t.focusable?r.FOCUSABLE_ELEMENTS:r.TABBABLE_ELEMENTS;return Array.from(e.querySelectorAll(n.join(",")))},v=(e,t={level:0})=>{if(!e)return[];let n=r.FOCUSABLE_ELEMENTS.map(l=>l+`[${r.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`).join(",");return Array.from(e.querySelectorAll(n))},I=(e={level:0})=>{let t=r.FOCUSABLE_ELEMENTS.map(n=>n+`[${r.KEYBOARD_NAV_DATA_LEVEL}='${e.level}']`).join(",");return n=>n.matches(t)},D=e=>{const{elementForFocus:t,event:n,kbContext:l,prevElement:o}=e;l&&t&&t.focus&&(n.preventDefault(),t.focus(),E(t)&&(t.setAttribute("tabIndex","0"),l.activeId=A(t)),o&&E(o)&&o.setAttribute("tabIndex","-1"))},B=e=>e?e.idPrefix:"",m=(e,t,n,l,o)=>{if(!n)return[];let a=e+(o?-1:1);for(;a>=0&&a<l.length;){const s=l[a][t];if(s!==n)return[s,[a,t]];a=a+(o?-1:1)}return[]},L=(e,t,n,l,o)=>{if(!n)return[];let a=t+(o?-1:1);for(;a>=0&&a<l[e].length;){const s=l[e][a];if(s!==n)return[s,[e,a]];a=a+(o?-1:1)}return[]},T=(e,t)=>{if(t){for(let n=0;n<e.length;n++)for(let l=0;l<e[n].length;l++)if(e[n][l]===t)return[n,l]}},O=e=>e?e.navigationMatrix.length:0,S=e=>e?`${e}${r.KEYBOARD_NAV_FILTER_COL_SUFFIX}`:"",y={generateNavigatableId:i,getNavigatableId:A,getNavigatableLevel:c,getNavigatableElement:u,getClosestNavigatableElement:g,getActiveElement:d,getClosestScope:_,getHeaderElement:N,getBodyElement:f,getFocusableElements:b,getNavigatableElements:v,filterNavigatableElements:I,focusElement:D,getIdPrefix:B,isNavigatable:E,findNextIdByRowIndex:m,findNextIdByCellIndex:L,findId:T,getNextNavigationIndex:O,getFilterColumnId:S};exports.filterNavigatableElements=I;exports.findId=T;exports.findNextIdByCellIndex=L;exports.findNextIdByRowIndex=m;exports.focusElement=D;exports.generateNavigatableId=i;exports.getActiveElement=d;exports.getBodyElement=f;exports.getClosestNavigatableElement=g;exports.getClosestScope=_;exports.getFilterColumnId=S;exports.getFocusableElements=b;exports.getHeaderElement=N;exports.getIdPrefix=B;exports.getNavigatableElement=u;exports.getNavigatableElements=v;exports.getNavigatableId=A;exports.getNavigatableLevel=c;exports.getNextNavigationIndex=O;exports.isNavigatable=E;exports.tableKeyboardNavigationTools=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("@progress/kendo-vue-common"),a=require("./constants.js"),S=(e,t,n="cell")=>`${t}_${e}_${n}`,x=e=>{if(e)return parseInt(e.getAttribute(a.KEYBOARD_NAV_DATA_LEVEL)||"",10)},b=e=>{if(!e)return;const t=e.getAttribute(a.KEYBOARD_NAV_DATA_ID);return t||void 0},A=e=>e?!!e.getAttribute(a.KEYBOARD_NAV_DATA_ID):!1,y=(e,t={level:0})=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`),N=e=>e.parentElement&&e.parentElement.closest(`[${a.KEYBOARD_NAV_DATA_LEVEL}]`),C=(e,t)=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_ID}='${t}']`),k=e=>e.parentElement&&e.parentElement.closest(`[${a.KEYBOARD_NAV_DATA_SCOPE}]`),T=e=>{var n;const t=((n=e==null?void 0:e.parentElement)==null?void 0:n.closest(".k-grid-edit-row"))||null;return t==null?void 0:t.querySelector("."+a.KEYBOARD_NAV_CANCEL_BUTTON_CLASS)},w=e=>document.querySelector(`[aria-rowindex="${e}"] .k-grid-remove-command`),u=e=>document.querySelector(`[data-keyboardnavid="${e}"]`),L=e=>{var l,r;const t=(l=e==null?void 0:e.parentElement)==null?void 0:l.closest(".k-table-row");let n;return(r=t==null?void 0:t.parentElement)==null||r.childNodes.forEach(o=>{if(t===o){const s=o.previousSibling;n={current:t.getAttribute("aria-rowindex"),prev:s==null?void 0:s.getAttribute("aria-rowindex")}}}),n};async function R(e,t,n=5e3){const l=Date.now();if(t)for(;Date.now()-l<n;){const r=t.querySelector(e);if(r)return r;await new Promise(o=>setTimeout(o,20))}return!1}const p=async e=>{var l;const t=((l=e==null?void 0:e.parentElement)==null?void 0:l.closest(".k-grid-edit-row"))||null;return await R("."+a.KEYBOARD_NAV_EDIT_BUTTON_CLASS,t)},F=e=>(e==null?void 0:e.closest(".k-table-td"))||null,O=e=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_HEADER}]`),V=e=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_BODY}]`),Q=e=>e.querySelector(".k-grid-norecords"),h=(e,t)=>{const{scope:n,navigation:l,kbContext:r}=e;if(!l||!n)return;const o=j(l.navigationMatrix),s=C(n,o);_({elementForFocus:s,kbContext:r,event:t})},I=(e,t={focusable:!1})=>{const n=t.focusable?E.FOCUSABLE_ELEMENTS:E.TABBABLE_ELEMENTS;return Array.from(e.querySelectorAll(n.join(",")))},$=(e,t={level:0})=>{if(!e)return[];const n=E.FOCUSABLE_ELEMENTS.map(l=>l+`[${a.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`).join(",");return Array.from(e.querySelectorAll(n))},K=(e={level:0})=>{const t=E.FOCUSABLE_ELEMENTS.map(n=>n+`[${a.KEYBOARD_NAV_DATA_LEVEL}='${e.level}']`).join(",");return n=>n.matches(t)},_=e=>{const{elementForFocus:t,event:n,kbContext:l,prevElement:r}=e;if(l&&t&&t.focus){n==null||n.preventDefault();const o=t.querySelector(".k-checkbox-wrap .k-checkbox");o!=null&&o.focus?o.focus():t.focus(),A(t)&&(t.setAttribute("tabIndex","0"),l.activeId=b(t)),r&&A(r)&&r.setAttribute("tabIndex","-1")}},q=e=>e?e.idPrefix:"",Y=(e,t,n,l,r)=>{if(!n)return[];let o=e+(r?-1:1);for(;o>=0&&o<l.length;){const s=l[o][t];if(s!==n)return[s,[o,t]];o=o+(r?-1:1)}return[]},d=(e,t,n,l,r)=>{if(!n)return[];let o=t+(r?-1:1);for(;o>=0&&l[e]&&o<l[e].length;){const s=l[e][o];if(s!==n)return[s,[e,o]];o=o+(r?-1:1)}return[]},f=(e,t)=>{if(t){for(let n=0;n<e.length;n++)for(let l=0;l<e[n].length;l++)if(e[n][l]===t)return[n,l]}},v=(e,t,n)=>{let l;do if(e=e+1,l=t[n-e],l!=null&&l.editable)break;while(n-e>=0);return l},P=(e,t,n,l)=>{var m;let r;const[o,s]=e;let i;const c=0,g=t.length;return i=v(c,t,s),i?r=d(o,i.ariaColumnIndex,n,l,!0):(i=v(c,t,g),r=d(o-1,i.ariaColumnIndex,n,l,!0)),{prevCell:(r==null?void 0:r[0])&&u(r[0]),elementToFocus:(r==null?void 0:r[0])&&((m=u(r[0]))==null?void 0:m.getAttribute("role"))}},B=(e,t,n)=>{let l;do if(e=e+1,l=t[n+e],l!=null&&l.editable)break;while(n+e-1<t.length);return l},U=(e,t,n,l)=>{var o;let r;if(e){const[s,i]=e;let c,g=0;c=B(g,t,i),c?r=d(s,c.ariaColumnIndex,n,l,!0):(g=-1,c=B(g,t,0),r=d(s+1,c.ariaColumnIndex,n,l,!0))}return{nextCell:(r==null?void 0:r[0])&&u(r[0]),elementToFocus:(r==null?void 0:r[0])&&((o=u(r[0]))==null?void 0:o.getAttribute("role"))}},M=e=>{var t;return(t=e==null?void 0:e.navigationMatrix.length)!=null?t:0},j=e=>e.flat().find(t=>t.endsWith("cell")),Z=e=>e.flat().reverse().find(t=>t.endsWith("cell")),ee=(e,t)=>e[t][0],te=(e,t)=>Array.from(e[t]).reverse()[0],W=e=>e?`${e}${a.KEYBOARD_NAV_FILTER_COL_SUFFIX}`:"",ne=(e,t,n)=>{let l;if(e!=null&&e.prevNavigationIndexes){const[r,o]=e.prevNavigationIndexes,s=t[r];(s==null?void 0:s[o])===n?l=e.prevNavigationIndexes:l=f(t,n)}else l=f(t,n);return l},H=e=>{var t;return((t=N(e))==null?void 0:t.getAttribute("data-keyboardnavid"))||e.getAttribute("data-keyboardnavid")},X=e=>e.closest(".k-grid-stack-cell"),D=e=>I(e,{focusable:!0}),z=(e,t)=>{var o;const n=e.closest(".k-table-td");if(!n)return null;const l=Array.from(n.querySelectorAll(".k-grid-stack-cell")),r=l.indexOf(e);return r===-1?null:t==="next"?r<l.length-1?l[r+1]:l[0]:r>0?l[r-1]:(o=l.at(-1))!=null?o:null},G=e=>e.closest(".k-table-td, td.k-table-td[tabindex]"),J=(e,t=0)=>{const n=D(e);n.length>0?(n[t]||n[0]).focus():e.focus()},le={generateNavigatableId:S,getNavigatableId:b,getNavigatableLevel:x,getNavigatableElement:y,getClosestNavigatableElement:N,getActiveNavDataElement:C,getClosestScope:k,getHeaderElement:O,getBodyElement:V,getFocusableElements:I,getNavigatableElements:$,filterNavigatableElements:K,focusElement:_,getIdPrefix:q,isNavigatable:A,findNextIdByRowIndex:Y,findNextIdByCellIndex:d,findId:f,getNextNavigationIndex:M,getFilterColumnId:W,focusFirstDataElement:h,getClosestCancelButton:T,getClosestEditButton:p,getRowAriaRowIndex:L,getRemoveButtonByAriaRowIndex:w,getTableCellByKeyboardNavId:u,getParentCell:F,waitForElementToBeVisible:R,getNextEditableCell:U,getPrevEditableCell:P,getClosestCellNavId:H,getStackedCellWrapper:X,getStackedCellFocusableElements:D,getNextStackedCell:z,getStackedCellContainer:G,focusStackedCellElement:J};exports.filterNavigatableElements=K;exports.findId=f;exports.findNextIdByCellIndex=d;exports.findNextIdByRowIndex=Y;exports.focusElement=_;exports.focusFirstDataElement=h;exports.focusStackedCellElement=J;exports.generateNavigatableId=S;exports.getActiveNavDataElement=C;exports.getBodyElement=V;exports.getClosestCancelButton=T;exports.getClosestCellNavId=H;exports.getClosestEditButton=p;exports.getClosestNavigatableElement=N;exports.getClosestScope=k;exports.getCurrentIdIndexes=ne;exports.getFilterColumnId=W;exports.getFirstDataCell=j;exports.getFirstRowDataCell=ee;exports.getFocusableElements=I;exports.getHeaderElement=O;exports.getIdPrefix=q;exports.getLastDataCell=Z;exports.getLastRowDataCell=te;exports.getNavigatableElement=y;exports.getNavigatableElements=$;exports.getNavigatableId=b;exports.getNavigatableLevel=x;exports.getNextEditableCell=U;exports.getNextNavigationIndex=M;exports.getNextStackedCell=z;exports.getNoRecordsElement=Q;exports.getParentCell=F;exports.getPrevEditableCell=P;exports.getRemoveButtonByAriaRowIndex=w;exports.getRowAriaRowIndex=L;exports.getStackedCellContainer=G;exports.getStackedCellFocusableElements=D;exports.getStackedCellWrapper=X;exports.getTableCellByKeyboardNavId=u;exports.isNavigatable=A;exports.tableKeyboardNavigationTools=le;

package/navigation/utils.mjs

@@ -5,102 +5,241 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { KEYBOARD_NAV_FILTER_COL_SUFFIX as E, KEYBOARD_NAV_DATA_ID as a, FOCUSABLE_ELEMENTS as i, KEYBOARD_NAV_DATA_LEVEL as u, TABBABLE_ELEMENTS as f, KEYBOARD_NAV_DATA_BODY as g, KEYBOARD_NAV_DATA_HEADER as d, KEYBOARD_NAV_DATA_SCOPE as _ } from "./constants.mjs";
-const b = (e, t, r = "cell") => `${t}_${e}_${r}`, N = (e) => {
+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) => {
   if (e)
-    return parseInt(e.getAttribute(u) || "", 10);
-}, A = (e) => {
+    return parseInt(e.getAttribute(f) || "", 10);
+}, m = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(a);
+  const t = e.getAttribute(g);
   return t || void 0;
-}, c = (e) => e ? !!e.getAttribute(a) : !1, I = (e, t = { level: 0 }) => e.querySelector(`[${u}='${t.level}']`), v = (e) => e.parentElement && e.parentElement.closest(`[${u}]`), $ = (e, t) => e.querySelector(`[${a}='${t}']`), m = (e) => e.parentElement && e.parentElement.closest(`[${_}]`), B = (e) => e.querySelector(`[${d}]`), D = (e) => e.querySelector(`[${g}]`), y = (e, t = { focusable: !1 }) => {
-  let r = t.focusable ? i : f;
+}, 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) => {
+  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) => {
+  var n, l;
+  const t = (n = e == null ? void 0 : e.parentElement) == null ? void 0 : n.closest(".k-table-row");
+  let r;
+  return (l = t == null ? void 0 : t.parentElement) == null || l.childNodes.forEach((o) => {
+    if (t === o) {
+      const s = o.previousSibling;
+      r = {
+        current: t.getAttribute("aria-rowindex"),
+        prev: s == null ? void 0 : s.getAttribute("aria-rowindex")
+      };
+    }
+  }), r;
+};
+async function y(e, t, r = 5e3) {
+  const n = Date.now();
+  if (t)
+    for (; Date.now() - n < r; ) {
+      const l = t.querySelector(e);
+      if (l)
+        return l;
+      await new Promise((o) => setTimeout(o, 20));
+    }
+  return !1;
+}
+const Y = 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) => {
+  const { scope: r, navigation: n, kbContext: l } = e;
+  if (!n || !r)
+    return;
+  const o = Z(n.navigationMatrix), s = x(r, o);
+  S({ elementForFocus: s, kbContext: l, event: t });
+}, D = (e, t = { focusable: !1 }) => {
+  const r = t.focusable ? E : v;
   return Array.from(e.querySelectorAll(r.join(",")));
-}, S = (e, t = { level: 0 }) => {
+}, H = (e, t = { level: 0 }) => {
   if (!e)
     return [];
-  let r = i.map((n) => n + `[${u}='${t.level}']`).join(",");
+  const r = E.map((n) => n + `[${f}='${t.level}']`).join(",");
   return Array.from(e.querySelectorAll(r));
-}, p = (e = { level: 0 }) => {
-  let t = i.map(
-    (r) => r + `[${u}='${e.level}']`
-  ).join(",");
+}, M = (e = { level: 0 }) => {
+  const t = E.map((r) => r + `[${f}='${e.level}']`).join(",");
   return (r) => r.matches(t);
-}, x = (e) => {
-  const { elementForFocus: t, event: r, kbContext: n, prevElement: o } = e;
-  n && t && t.focus && (r.preventDefault(), t.focus(), c(t) && (t.setAttribute("tabIndex", "0"), n.activeId = A(t)), o && c(o) && o.setAttribute("tabIndex", "-1"));
-}, O = (e) => e ? e.idPrefix : "", T = (e, t, r, n, o) => {
+}, S = (e) => {
+  const { elementForFocus: t, event: r, kbContext: n, prevElement: l } = e;
+  if (n && t && t.focus) {
+    r == null || r.preventDefault();
+    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) => {
   if (!r)
     return [];
-  let l = e + (o ? -1 : 1);
-  for (; l >= 0 && l < n.length; ) {
-    const s = n[l][t];
+  let o = e + (l ? -1 : 1);
+  for (; o >= 0 && o < n.length; ) {
+    const s = n[o][t];
     if (s !== r)
-      return [s, [l, t]];
-    l = l + (o ? -1 : 1);
+      return [s, [o, t]];
+    o = o + (l ? -1 : 1);
   }
   return [];
-}, C = (e, t, r, n, o) => {
+}, d = (e, t, r, n, l) => {
   if (!r)
     return [];
-  let l = t + (o ? -1 : 1);
-  for (; l >= 0 && l < n[e].length; ) {
-    const s = n[e][l];
+  let o = t + (l ? -1 : 1);
+  for (; o >= 0 && n[e] && o < n[e].length; ) {
+    const s = n[e][o];
     if (s !== r)
-      return [s, [e, l]];
-    l = l + (o ? -1 : 1);
+      return [s, [e, o]];
+    o = o + (l ? -1 : 1);
   }
   return [];
-}, L = (e, t) => {
+}, b = (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];
   }
-}, h = (e) => e ? e.navigationMatrix.length : 0, F = (e) => e ? `${e}${E}` : "", K = {
-  generateNavigatableId: b,
-  getNavigatableId: A,
-  getNavigatableLevel: N,
-  getNavigatableElement: I,
-  getClosestNavigatableElement: v,
-  getActiveElement: $,
-  getClosestScope: m,
-  getHeaderElement: B,
-  getBodyElement: D,
-  getFocusableElements: y,
-  getNavigatableElements: S,
-  filterNavigatableElements: p,
-  focusElement: x,
-  getIdPrefix: O,
-  isNavigatable: c,
-  findNextIdByRowIndex: T,
-  findNextIdByCellIndex: C,
-  findId: L,
-  getNextNavigationIndex: h,
-  getFilterColumnId: F
+}, I = (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) => {
+  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)), {
+    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) => {
+  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) => {
+  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));
+  }
+  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) => {
+  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) => {
+  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);
+  } else
+    n = b(t, r);
+  return n;
+}, te = (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) => {
+  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);
+  r.length > 0 ? (r[t] || r[0]).focus() : e.focus();
+}, be = {
+  generateNavigatableId: F,
+  getNavigatableId: m,
+  getNavigatableLevel: R,
+  getNavigatableElement: L,
+  getClosestNavigatableElement: _,
+  getActiveNavDataElement: x,
+  getClosestScope: O,
+  getHeaderElement: U,
+  getBodyElement: j,
+  getFocusableElements: D,
+  getNavigatableElements: H,
+  filterNavigatableElements: M,
+  focusElement: S,
+  getIdPrefix: X,
+  isNavigatable: A,
+  findNextIdByRowIndex: z,
+  findNextIdByCellIndex: d,
+  findId: b,
+  getNextNavigationIndex: Q,
+  getFilterColumnId: ee,
+  focusFirstDataElement: W,
+  getClosestCancelButton: q,
+  getClosestEditButton: Y,
+  getRowAriaRowIndex: V,
+  getRemoveButtonByAriaRowIndex: K,
+  getTableCellByKeyboardNavId: i,
+  getParentCell: P,
+  waitForElementToBeVisible: y,
+  getNextEditableCell: J,
+  getPrevEditableCell: G,
+  getClosestCellNavId: te,
+  getStackedCellWrapper: re,
+  getStackedCellFocusableElements: k,
+  getNextStackedCell: ne,
+  getStackedCellContainer: le,
+  focusStackedCellElement: oe
 };
 export {
-  p as filterNavigatableElements,
-  L as findId,
-  C as findNextIdByCellIndex,
-  T as findNextIdByRowIndex,
-  x as focusElement,
-  b as generateNavigatableId,
-  $ as getActiveElement,
-  D as getBodyElement,
-  v as getClosestNavigatableElement,
-  m as getClosestScope,
-  F as getFilterColumnId,
-  y as getFocusableElements,
-  B as getHeaderElement,
-  O as getIdPrefix,
-  I as getNavigatableElement,
-  S as getNavigatableElements,
-  A as getNavigatableId,
-  N as getNavigatableLevel,
-  h as getNextNavigationIndex,
-  c as isNavigatable,
-  K as tableKeyboardNavigationTools
+  M as filterNavigatableElements,
+  b as findId,
+  d as findNextIdByCellIndex,
+  z as findNextIdByRowIndex,
+  S as focusElement,
+  W as focusFirstDataElement,
+  oe 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,
+  L as getNavigatableElement,
+  H 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,
+  i as getTableCellByKeyboardNavId,
+  A as isNavigatable,
+  be 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: 1773401544,version:"8.0.3-develop.3",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: 1773766983,version:"8.1.0-develop.1",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: 1773401544,
-  version: "8.0.3-develop.3",
+  publishDate: 1773766983,
+  version: "8.1.0-develop.1",
   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.0.3-develop.3",
+  "version": "8.1.0-develop.1",
   "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.0.3-develop.3",
-    "@progress/kendo-vue-buttons": "8.0.3-develop.3",
-    "@progress/kendo-vue-common": "8.0.3-develop.3",
-    "@progress/kendo-vue-dateinputs": "8.0.3-develop.3",
-    "@progress/kendo-vue-dropdowns": "8.0.3-develop.3",
-    "@progress/kendo-vue-inputs": "8.0.3-develop.3",
-    "@progress/kendo-vue-intl": "8.0.3-develop.3",
-    "@progress/kendo-vue-popup": "8.0.3-develop.3",
+    "@progress/kendo-vue-animation": "8.1.0-develop.1",
+    "@progress/kendo-vue-buttons": "8.1.0-develop.1",
+    "@progress/kendo-vue-common": "8.1.0-develop.1",
+    "@progress/kendo-vue-dateinputs": "8.1.0-develop.1",
+    "@progress/kendo-vue-dropdowns": "8.1.0-develop.1",
+    "@progress/kendo-vue-inputs": "8.1.0-develop.1",
+    "@progress/kendo-vue-intl": "8.1.0-develop.1",
+    "@progress/kendo-vue-popup": "8.1.0-develop.1",
     "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
   },
@@ -54,7 +54,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1773401544,
+      "publishDate": 1773766983,
       "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.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+import { TableSelectableSettings } from './TableSelectableSettings';
+import { TableDragSelectionReleaseEvent } from './events';
+/**
+ * The descriptor used to define the selected state of a data-item.
+ */
+export type SelectDescriptor = {
+    [id: string]: boolean | number[];
+};
+/** @hidden */
+export interface TableSelectionProps {
+    selectable?: TableSelectableSettings;
+}
+/** @hidden */
+declare const TableSelection: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    selectable: PropType<TableSelectableSettings>;
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    release: (event: TableDragSelectionReleaseEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    selectable: PropType<TableSelectableSettings>;
+}>> & Readonly<{
+    onRelease?: (event: TableDragSelectionReleaseEvent) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { TableSelection };