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

package/index.mjs

@@ -10,141 +10,144 @@ import { CommonDragLogic as a } from "./drag/CommonDragLogic.mjs";
 import { DragClue as l } from "./drag/DragClue.mjs";
 import { DropClue as i } from "./drag/DropClue.mjs";
 import { FilterCell as x } from "./cells/FilterCell.mjs";
-import { combineFilters as E, filterBy as d, getSearchFromString as A, getStringFromSearch as g, orderBy as _ } from "./utils/data-operations.mjs";
-import { getGroupIds as T, setExpandedState as s, setGroupIds as D } from "./utils/group-operations.mjs";
-import { IsUnaryFilter as N, booleanFilterValues as B, cellBoolDropdownChange as C, cellInputChange as R, cellOperatorChange as I, defaultBooleanOperator as S, defaultHideSecondFilter as c, filterLogicList as F, getDefaultOperator as b, getFilterType as L, operatorMap as P, operators as K } from "./filterCommon.mjs";
-import { Pager as V } from "./pager/Pager.mjs";
-import { PagerInfo as v } from "./pager/PagerInfo.mjs";
+import { combineFilters as E, filterBy as d, getSearchFromString as A, getStringFromSearch as _, orderBy as g } from "./utils/data-operations.mjs";
+import { getGroupIds as u, setExpandedState as s, setGroupIds as D } from "./utils/group-operations.mjs";
+import { IsUnaryFilter as O, booleanFilterValues as C, cellBoolDropdownChange as B, cellInputChange as R, cellOperatorChange as S, defaultBooleanOperator as I, defaultHideSecondFilter as c, filterLogicList as b, getDefaultOperator as F, getFilterType as L, operatorMap as K, operators as P } from "./filterCommon.mjs";
+import { Pager as y } from "./pager/Pager.mjs";
+import { PagerInfo as H } from "./pager/PagerInfo.mjs";
 import { PagerInput as h } from "./pager/PagerInput.mjs";
-import { PagerNavigationButton as U } from "./pager/PagerNavigationButton.mjs";
+import { PagerNavigationButton as G } from "./pager/PagerNavigationButton.mjs";
 import { PagerNumericButtons as X } from "./pager/PagerNumericButtons.mjs";
 import { PagerPageSizes as M } from "./pager/PagerPageSizes.mjs";
 import { HeaderThElement as Z } from "./header/HeaderThElement.mjs";
 import { normalize as k } from "./pager/GridPagerSettings.mjs";
-import { FOCUSABLE_ELEMENTS as J, KEYBOARD_NAV_DATA_BODY as Q, KEYBOARD_NAV_DATA_HEADER as $, KEYBOARD_NAV_DATA_ID as ee, KEYBOARD_NAV_DATA_LEVEL as re, KEYBOARD_NAV_DATA_SCOPE as oe, KEYBOARD_NAV_DATA_ZONE as te, KEYBOARD_NAV_FILTER_COL_SUFFIX as ae, TABBABLE_ELEMENTS as pe, tableKeyboardNavigationBodyAttributes as le, tableKeyboardNavigationHeaderAttributes as me, tableKeyboardNavigationScopeAttributes as ie } from "./navigation/constants.mjs";
+import { KEYBOARD_NAV_CANCEL_BUTTON_CLASS as J, KEYBOARD_NAV_DATA_BODY as Q, KEYBOARD_NAV_DATA_HEADER as $, KEYBOARD_NAV_DATA_ID as ee, KEYBOARD_NAV_DATA_LEVEL as re, KEYBOARD_NAV_DATA_SCOPE as oe, KEYBOARD_NAV_DATA_ZONE as te, KEYBOARD_NAV_EDIT_BUTTON_CLASS as ae, KEYBOARD_NAV_FILTER_COL_SUFFIX as pe, tableKeyboardNavigationBodyAttributes as le, tableKeyboardNavigationHeaderAttributes as me, tableKeyboardNavigationScopeAttributes as ie } from "./navigation/constants.mjs";
 import { TableKeyboardNavigationProvider as xe } from "./navigation/TableKeyboardNavigation.mjs";
 import { tableKeyboardNavigationTools as Ee } from "./navigation/utils.mjs";
-import { TABLE_COL_INDEX_ATTRIBUTE as Ae, TABLE_PREVENT_SELECTION_ELEMENT as ge, TABLE_ROW_INDEX_ATTRIBUTE as _e } from "./selection/constants.mjs";
-import { closestTagName as Te, getColumnIndex as se, getOffset as De, getRowIndex as Oe, getSelectedState as Ne, getSelectedStateFromKeyDown as Be, getSelectionOptions as Ce, relativeContextElement as Re, setSelectedState as Ie } from "./selection/utils.mjs";
-import { getEditableOptions as ce } from "./editing/utils.mjs";
-import { EDIT_ACTION as be, editReducer as Le } from "./editing/editReducer.mjs";
-import { getDetailExpandableOptions as Ke } from "./detail-expansion/utils.mjs";
-import { DETAIL_EXPAND_ACTION as Ve, detailExpandReducer as He } from "./detail-expansion/expandReducer.mjs";
-import { GROUP_EXPAND_ACTION as Ye, findGroupExpand as he, flatToTree as Ge, getGroupExpandableOptions as Ue, groupExpandReducer as we, isExpanded as Xe } from "./group-expansion/groupExpandReducer.mjs";
-import { BooleanFilter as Me } from "./filter/filters/BooleanFilter.mjs";
-import { ColumnDefaultProps as Ze } from "./interfaces/ColumnProps.mjs";
-import { DateFilter as ke } from "./filter/filters/DateFilter.mjs";
-import { EnumFilter as Je } from "./filter/filters/EnumFilter.mjs";
-import { Expression as $e } from "./filter/Expression.mjs";
-import { Filter as rr } from "./filter/Filter.mjs";
-import { FilterRow as tr } from "./header/FilterRow.mjs";
-import { GroupFilter as pr } from "./filter/GroupFilters.mjs";
-import { Header as mr } from "./header/Header.mjs";
-import { HeaderCell as nr } from "./header/HeaderCell.mjs";
-import { HeaderRow as fr } from "./header/HeaderRow.mjs";
-import { HeaderSelectionCell as dr } from "./header/HeaderSelectionCell.mjs";
-import { HeaderTdElement as gr } from "./header/HeaderTdElement.mjs";
-import { NumericFilter as ur } from "./filter/filters/NumericFilter.mjs";
-import { Operators as sr, stringOperator as Dr, unaryOperator as Or } from "./filter/operators.mjs";
-import { TextFilter as Br } from "./filter/filters/TextFilter.mjs";
-import { getIndex as Rr, isRtl as Ir, mapColumns as Sr, nextColumn as cr, readColumns as Fr, updateLeft as br, updateRight as Lr } from "./header/utils/main.mjs";
-import { tableColumnsVirtualization as Kr } from "./virtualization/columns.mjs";
+import { TableSelection as Ae } from "./selection/TableSelection.mjs";
+import { TABLE_COL_INDEX_ATTRIBUTE as ge, TABLE_PREVENT_SELECTION_ELEMENT as Te, TABLE_ROW_INDEX_ATTRIBUTE as ue } from "./selection/constants.mjs";
+import { closestTagName as De, getColumnIndex as Ne, getOffset as Oe, getRowIndex as Ce, getSelectedState as Be, getSelectedStateFromKeyDown as Re, getSelectionOptions as Se, isInNonSelectable as Ie, relativeContextElement as ce, setSelectedState as be } from "./selection/utils.mjs";
+import { getEditableOptions as Le } from "./editing/utils.mjs";
+import { EDIT_ACTION as Pe, editReducer as Ve } from "./editing/editReducer.mjs";
+import { getDetailExpandableOptions as Ye } from "./detail-expansion/utils.mjs";
+import { DETAIL_EXPAND_ACTION as ve, detailExpandReducer as he } from "./detail-expansion/expandReducer.mjs";
+import { GROUP_EXPAND_ACTION as Ge, findGroupExpand as we, flatToTree as Xe, getGroupExpandableOptions as ze, groupExpandReducer as Me, isExpanded as We } from "./group-expansion/groupExpandReducer.mjs";
+import { BooleanFilter as je } from "./filter/filters/BooleanFilter.mjs";
+import { ColumnDefaultProps as qe } from "./interfaces/ColumnProps.mjs";
+import { DateFilter as Qe } from "./filter/filters/DateFilter.mjs";
+import { EnumFilter as er } from "./filter/filters/EnumFilter.mjs";
+import { Expression as or } from "./filter/Expression.mjs";
+import { Filter as ar } from "./filter/Filter.mjs";
+import { FilterRow as lr } from "./header/FilterRow.mjs";
+import { GroupFilter as ir } from "./filter/GroupFilters.mjs";
+import { Header as xr } from "./header/Header.mjs";
+import { HeaderCell as Er } from "./header/HeaderCell.mjs";
+import { HeaderRow as Ar } from "./header/HeaderRow.mjs";
+import { HeaderSelectionCell as gr } from "./header/HeaderSelectionCell.mjs";
+import { HeaderTdElement as ur } from "./header/HeaderTdElement.mjs";
+import { NumericFilter as Dr } from "./filter/filters/NumericFilter.mjs";
+import { Operators as Or, stringOperator as Cr, unaryOperator as Br } from "./filter/operators.mjs";
+import { TextFilter as Sr } from "./filter/filters/TextFilter.mjs";
+import { getIndex as cr, isRtl as br, mapColumns as Fr, nextColumn as Lr, readColumns as Kr, updateLeft as Pr, updateRight as Vr } from "./header/utils/main.mjs";
+import { tableColumnsVirtualization as Yr } from "./virtualization/columns.mjs";
 export {
-  Me as BooleanFilter,
-  Ze as ColumnDefaultProps,
+  je as BooleanFilter,
+  qe as ColumnDefaultProps,
   o as ColumnResize,
   a as CommonDragLogic,
-  Ve as DETAIL_EXPAND_ACTION,
-  ke as DateFilter,
+  ve as DETAIL_EXPAND_ACTION,
+  Qe as DateFilter,
   l as DragClue,
   i as DropClue,
-  be as EDIT_ACTION,
-  Je as EnumFilter,
-  $e as Expression,
-  J as FOCUSABLE_ELEMENTS,
-  rr as Filter,
+  Pe as EDIT_ACTION,
+  er as EnumFilter,
+  or as Expression,
+  ar as Filter,
   x as FilterCell,
-  tr as FilterRow,
-  Ye as GROUP_EXPAND_ACTION,
-  pr as GroupFilter,
-  mr as Header,
-  nr as HeaderCell,
-  fr as HeaderRow,
-  dr as HeaderSelectionCell,
-  gr as HeaderTdElement,
+  lr as FilterRow,
+  Ge as GROUP_EXPAND_ACTION,
+  ir as GroupFilter,
+  xr as Header,
+  Er as HeaderCell,
+  Ar as HeaderRow,
+  gr as HeaderSelectionCell,
+  ur as HeaderTdElement,
   Z as HeaderThElement,
-  N as IsUnaryFilter,
+  O as IsUnaryFilter,
+  J as KEYBOARD_NAV_CANCEL_BUTTON_CLASS,
   Q as KEYBOARD_NAV_DATA_BODY,
   $ as KEYBOARD_NAV_DATA_HEADER,
   ee as KEYBOARD_NAV_DATA_ID,
   re as KEYBOARD_NAV_DATA_LEVEL,
   oe as KEYBOARD_NAV_DATA_SCOPE,
   te as KEYBOARD_NAV_DATA_ZONE,
-  ae as KEYBOARD_NAV_FILTER_COL_SUFFIX,
-  ur as NumericFilter,
-  sr as Operators,
-  V as Pager,
-  v as PagerInfo,
+  ae as KEYBOARD_NAV_EDIT_BUTTON_CLASS,
+  pe as KEYBOARD_NAV_FILTER_COL_SUFFIX,
+  Dr as NumericFilter,
+  Or as Operators,
+  y as Pager,
+  H as PagerInfo,
   h as PagerInput,
-  U as PagerNavigationButton,
+  G as PagerNavigationButton,
   X as PagerNumericButtons,
   M as PagerPageSizes,
-  pe as TABBABLE_ELEMENTS,
-  Ae as TABLE_COL_INDEX_ATTRIBUTE,
-  ge as TABLE_PREVENT_SELECTION_ELEMENT,
-  _e as TABLE_ROW_INDEX_ATTRIBUTE,
+  ge as TABLE_COL_INDEX_ATTRIBUTE,
+  Te as TABLE_PREVENT_SELECTION_ELEMENT,
+  ue as TABLE_ROW_INDEX_ATTRIBUTE,
   xe as TableKeyboardNavigationProvider,
-  Br as TextFilter,
-  B as booleanFilterValues,
-  C as cellBoolDropdownChange,
+  Ae as TableSelection,
+  Sr as TextFilter,
+  C as booleanFilterValues,
+  B as cellBoolDropdownChange,
   R as cellInputChange,
-  I as cellOperatorChange,
-  Te as closestTagName,
+  S as cellOperatorChange,
+  De as closestTagName,
   E as combineFilters,
-  S as defaultBooleanOperator,
+  I as defaultBooleanOperator,
   c as defaultHideSecondFilter,
-  He as detailExpandReducer,
-  Le as editReducer,
+  he as detailExpandReducer,
+  Ve as editReducer,
   d as filterBy,
-  F as filterLogicList,
-  he as findGroupExpand,
-  Ge as flatToTree,
-  se as getColumnIndex,
-  b as getDefaultOperator,
-  Ke as getDetailExpandableOptions,
-  ce as getEditableOptions,
+  b as filterLogicList,
+  we as findGroupExpand,
+  Xe as flatToTree,
+  Ne as getColumnIndex,
+  F as getDefaultOperator,
+  Ye as getDetailExpandableOptions,
+  Le as getEditableOptions,
   L as getFilterType,
-  Ue as getGroupExpandableOptions,
-  T as getGroupIds,
-  Rr as getIndex,
-  De as getOffset,
-  Oe as getRowIndex,
+  ze as getGroupExpandableOptions,
+  u as getGroupIds,
+  cr as getIndex,
+  Oe as getOffset,
+  Ce as getRowIndex,
   A as getSearchFromString,
-  Ne as getSelectedState,
-  Be as getSelectedStateFromKeyDown,
-  Ce as getSelectionOptions,
-  g as getStringFromSearch,
-  we as groupExpandReducer,
-  Xe as isExpanded,
-  Ir as isRtl,
-  Sr as mapColumns,
-  cr as nextColumn,
+  Be as getSelectedState,
+  Re as getSelectedStateFromKeyDown,
+  Se as getSelectionOptions,
+  _ as getStringFromSearch,
+  Me as groupExpandReducer,
+  We as isExpanded,
+  Ie as isInNonSelectable,
+  br as isRtl,
+  Fr as mapColumns,
+  Lr as nextColumn,
   k as normalize,
-  P as operatorMap,
-  K as operators,
-  _ as orderBy,
-  Fr as readColumns,
-  Re as relativeContextElement,
+  K as operatorMap,
+  P as operators,
+  g as orderBy,
+  Kr as readColumns,
+  ce as relativeContextElement,
   s as setExpandedState,
   D as setGroupIds,
-  Ie as setSelectedState,
-  Dr as stringOperator,
-  Kr as tableColumnsVirtualization,
+  be as setSelectedState,
+  Cr as stringOperator,
+  Yr as tableColumnsVirtualization,
   le as tableKeyboardNavigationBodyAttributes,
   me as tableKeyboardNavigationHeaderAttributes,
   ie as tableKeyboardNavigationScopeAttributes,
   Ee as tableKeyboardNavigationTools,
-  Or as unaryOperator,
-  br as updateLeft,
-  Lr as updateRight
+  Br as unaryOperator,
+  Pr as updateLeft,
+  Vr as updateRight
 };

package/navigation/NavigatableSettings.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The navigatable modes
+ */
+export declare enum NavigatableMode {
+    incell = "incell",
+    inline = "inline"
+}
+/**
+ * The navigatable additional settings
+ */
+export interface NavigatableSettings {
+    /**
+     * The available values are:
+     * * `incell`
+     * * `inline`
+     */
+    mode?: NavigatableMode;
+}

package/navigation/NavigatableSettings.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"});var i=(e=>(e.incell="incell",e.inline="inline",e))(i||{});exports.NavigatableMode=i;

package/navigation/NavigatableSettings.mjs

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+var i = /* @__PURE__ */ ((n) => (n.incell = "incell", n.inline = "inline", n))(i || {});
+export {
+  i as NavigatableMode
+};

package/navigation/TableKeyboardNavigation.d.ts

@@ -7,6 +7,7 @@
  */
 import { TableKeyboardNavigationContextType } from './TableKeyboardNavigationContextType';
 import { TableKeyboardNavigationStateType } from './TableKeyboardNavigationStateType';
+import { NavigatableSettings } from './NavigatableSettings';
 /**
  * @hidden
  */
@@ -16,11 +17,17 @@ declare const TableKeyboardNavigationProvider: import('vue').DefineComponent<imp
         default: boolean;
     };
     id: StringConstructor;
+    columnVirtualization: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollable: StringConstructor;
 }>, {}, {
     scope: any;
     kbContext: any;
     navigation: any;
 }, {}, {
+    scrollElementIntoViewForVirtualization(element: HTMLElement): void;
     getKeyboardNavigationAttributes(elementId: string): {
         tabIndex?: undefined;
         "data-keyboardnavlevel"?: undefined;
@@ -35,23 +42,34 @@ declare const TableKeyboardNavigationProvider: import('vue').DefineComponent<imp
     }): void;
     onGetSnapshotBeforeUpdate(options: {
         document: Document;
-        kbContext: TableKeyboardNavigationContextType;
-        navigation: TableKeyboardNavigationStateType;
     }): void;
+    conditionallyFocusElement(focusCallback: () => void, userInitiatedEdit?: boolean, scope?: HTMLElement): void;
     onComponentDidUpdate(options: {
         scope?: HTMLElement;
-        kbContext: TableKeyboardNavigationContextType;
-        navigation: TableKeyboardNavigationStateType;
+        focusFirst?: boolean;
+        newEditableRow?: Element;
+        singleEditRow?: boolean;
+        lastActiveElement?: Element;
+        navigatable?: boolean | NavigatableSettings;
+        userInitiatedEdit?: boolean;
+    }): void;
+    onFocus(event: any, options?: {
+        navigatable?: boolean | NavigatableSettings;
+        contextStateRef: {
+            current?: TableKeyboardNavigationContextType;
+        };
     }): void;
-    onFocus(event: any): void;
     onKeyDown(event: any, options: {
+        navigatable: boolean | NavigatableSettings;
         kbContext: TableKeyboardNavigationContextType;
         navigation: TableKeyboardNavigationStateType;
         onNavigationAction?: (options: {
             event: any;
             focusElement: any;
+            action?: 'moveToNextPage' | 'moveToPrevPage' | 'reorderToLeft' | 'reorderToRight' | 'select';
         }) => void;
-    }): void;
+        columns?: object[];
+    }): Promise<void>;
     generateMatrix(options: {
         scope?: HTMLElement;
         navigation: TableKeyboardNavigationStateType;
@@ -62,13 +80,19 @@ declare const TableKeyboardNavigationProvider: import('vue').DefineComponent<imp
         default: boolean;
     };
     id: StringConstructor;
+    columnVirtualization: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollable: StringConstructor;
 }>> & Readonly<{}>, {
     navigatable: boolean;
+    columnVirtualization: boolean;
 }, {}, {}, {}, string, () => {
     getKeyboardNavigationAttributes: any;
     onNavMount: any;
-    onGetSnapshotBeforeUpdate: any;
-    onComponentDidUpdate: any;
+    onNavBeforeUpdate: any;
+    onNavUpdate: any;
     onNavFocus: any;
     onNavKeyDown: any;
     generateMatrix: any;

package/navigation/TableKeyboardNavigation.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"),p=require("./constants.js"),o=require("./utils.js"),N=require("vue"),K=N.defineComponent({name:"KendoTableKeyboardNavigationProvider",props:{navigatable:{type:Boolean,default:!1},id:String},data:function(){return{scope:void 0,kbContext:void 0,navigation:void 0}},provide:function(){return{getKeyboardNavigationAttributes:this.getKeyboardNavigationAttributes,onNavMount:this.onComponentDidMount,onGetSnapshotBeforeUpdate:this.onGetSnapshotBeforeUpdate,onComponentDidUpdate:this.onComponentDidUpdate,onNavFocus:this.onFocus,onNavKeyDown:this.onKeyDown,generateMatrix:this.generateMatrix,kbContext:this.kbContext,navigation:this.navigation}},created(){const{navigatable:e,id:n}=this.$props;e&&(this.kbContext={activeId:"",level:0},this.navigation={activeElementIsFocused:!1,prevNavigationIndexes:void 0,idPrefix:n||d.guid(),navigationMatrix:[],lastHeaderIndex:-1})},methods:{getKeyboardNavigationAttributes(e){return!e||this.$props.navigatable===!1?{}:{tabIndex:this.kbContext.activeId&&this.kbContext.activeId===e?0:-1,[p.KEYBOARD_NAV_DATA_LEVEL]:this.kbContext.level,[p.KEYBOARD_NAV_DATA_ID]:e}},onComponentDidMount(e){const{scope:n=this.scope}=e;if(this.kbContext&&this.navigation&&n){this.scope=n,this.generateMatrix(e);const a=this.navigation.navigationMatrix[0][0],t=o.tableKeyboardNavigationTools.getActiveElement(n,a);a&&t&&(this.kbContext.activeId=a,t.setAttribute("tabIndex","0"))}},onGetSnapshotBeforeUpdate(e){const{kbContext:n=this.kbContext,navigation:a=this.navigation,document:t}=e;if(n&&a&&t){const s=t.activeElement,i=o.tableKeyboardNavigationTools.getNavigatableId(s);i&&i===n.activeId&&(a.activeElementIsFocused=!0)}},onComponentDidUpdate(e){const{scope:n}=e;if(this.generateMatrix(e),this.kbContext&&this.navigation&&n){if(!o.tableKeyboardNavigationTools.getActiveElement(n,this.kbContext.activeId)){const t=this.navigation.navigationMatrix[0][0],s=o.tableKeyboardNavigationTools.getActiveElement(n,t);t&&s&&(this.kbContext.activeId=t,s.setAttribute("tabIndex","0"),this.navigation.activeElementIsFocused&&s.focus())}this.navigation.activeElementIsFocused=!1}},onFocus(e){const n=this.kbContext;if(e.defaultPrevented||!n)return;const a=e.target,t=o.tableKeyboardNavigationTools.getNavigatableId(a);if(t&&t!==n.activeId){const s=o.tableKeyboardNavigationTools.getClosestScope(a);if(!s)return;const i=o.tableKeyboardNavigationTools.getActiveElement(s,n.activeId);i&&i.setAttribute("tabIndex","-1"),a.setAttribute("tabIndex","0"),n.activeId=t}},onKeyDown(e,n){const{kbContext:a=this.kbContext,navigation:t=this.navigation,onNavigationAction:s}=n;if(e.defaultPrevented||!a||!t)return;if(e.keyCode===d.Keys.esc){const l=o.tableKeyboardNavigationTools.getClosestNavigatableElement(e.target);o.tableKeyboardNavigationTools.focusElement({elementForFocus:l,event:e,kbContext:a});return}const i=e.target,v=o.tableKeyboardNavigationTools.getNavigatableId(i),m=o.tableKeyboardNavigationTools.getNavigatableLevel(i),u=o.tableKeyboardNavigationTools.getClosestScope(i),g=t.navigationMatrix;if(m!==void 0&&u){if(e.keyCode===d.Keys.enter){const l=o.tableKeyboardNavigationTools.getNavigatableElement(i,{level:m+1});if(l){o.tableKeyboardNavigationTools.focusElement({elementForFocus:l,event:e,kbContext:a,prevElement:i});return}else{const b=o.tableKeyboardNavigationTools.getFocusableElements(i)[0];o.tableKeyboardNavigationTools.focusElement({elementForFocus:b,event:e,kbContext:a,prevElement:i});return}}if(e.keyCode===d.Keys.up||e.keyCode===d.Keys.down||e.keyCode===d.Keys.left||e.keyCode===d.Keys.right){const l=e.keyCode===d.Keys.up||e.keyCode===d.Keys.left,b=e.keyCode===d.Keys.up||e.keyCode===d.Keys.down;let f;if(t&&t.prevNavigationIndexes){const[y,c]=t.prevNavigationIndexes;g[y][c]===v?f=t.prevNavigationIndexes:f=o.findId(g,v)}else f=o.findId(g,v);if(f){const[y,c]=f,[r,h]=b?o.findNextIdByRowIndex(y,c,v,g,l):o.findNextIdByCellIndex(y,c,v,g,l);if(r){const x=o.tableKeyboardNavigationTools.getActiveElement(u,r);o.tableKeyboardNavigationTools.focusElement({elementForFocus:x,event:e,kbContext:a,prevElement:i}),t.prevNavigationIndexes=h,s&&s({focusElement:x,event:e})}}}}},generateMatrix(e){const{navigation:n=this.navigation,scope:a}=e;if(!n||!a)return;const t=[],s=o.getHeaderElement(a),i=o.getBodyElement(a);if(!s||!i)return;const v=Array.from(s.children),m=Array.from(i.children);[...v,...m].forEach((u,g)=>{Array.from(u.children).forEach(l=>{const b=o.getNavigatableId(l);if(!b)return;const f=l.rowSpan||1,y=l.colSpan||1;let c;for(let r=g,h=g+f;r<h;r++){if(t[r]||(t[r]=[]),c===void 0){const x=t[r].findIndex(I=>!I);c=x>-1?x:t[r].length}t[r][c]=b||""}for(let r=c+1,h=c+y;r<h;r++)t[g][r]=b||""})}),n.navigationMatrix=t.filter(u=>!!u),n.lastHeaderIndex=v.length-1}},render(){return d.getDefaultSlots(this)[0]}});exports.TableKeyboardNavigationProvider=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@progress/kendo-vue-common"),F=require("./constants.js"),t=require("./utils.js"),R=require("vue"),T=require("./NavigatableSettings.js"),M=R.defineComponent({name:"KendoTableKeyboardNavigationProvider",props:{navigatable:{type:Boolean,default:!1},id:String,columnVirtualization:{type:Boolean,default:!1},scrollable:String},data:function(){return{scope:void 0,kbContext:void 0,navigation:void 0}},provide:function(){return{getKeyboardNavigationAttributes:this.getKeyboardNavigationAttributes,onNavMount:this.onComponentDidMount,onNavBeforeUpdate:this.onGetSnapshotBeforeUpdate,onNavUpdate:this.onComponentDidUpdate,onNavFocus:this.onFocus,onNavKeyDown:this.onKeyDown,generateMatrix:this.generateMatrix,kbContext:this.kbContext,navigation:this.navigation}},created(){const{navigatable:e,id:i}=this.$props;e&&(this.kbContext={activeId:"",level:0},this.navigation={activeElementIsFocused:!1,prevNavigationIndexes:void 0,idPrefix:i||o.guid(),navigationMatrix:[],lastHeaderIndex:-1})},methods:{scrollElementIntoViewForVirtualization(e){if(!e||typeof e.scrollIntoView!="function")return;const{scrollable:i,columnVirtualization:l}=this.$props;(i==="virtual"||l)&&e.scrollIntoView({block:i==="virtual"?"center":void 0,inline:l?"center":void 0,behavior:"auto"})},getKeyboardNavigationAttributes(e){return!e||this.$props.navigatable===!1?{}:{tabIndex:this.kbContext.activeId&&this.kbContext.activeId===e?0:-1,[F.KEYBOARD_NAV_DATA_LEVEL]:this.kbContext.level,[F.KEYBOARD_NAV_DATA_ID]:e}},onComponentDidMount(e){const{scope:i=this.scope}=e;if(this.kbContext&&this.navigation&&i){this.scope=i,this.generateMatrix(e);const l=t.getFirstDataCell(this.navigation.navigationMatrix);if(l){const s=t.tableKeyboardNavigationTools.getActiveNavDataElement(i,l);s&&(this.kbContext.activeId=l,s.setAttribute("tabIndex","0"))}}},onGetSnapshotBeforeUpdate(e){if(this.kbContext&&this.navigation&&document){const i=document.activeElement,l=t.tableKeyboardNavigationTools.getNavigatableId(i);l&&l===this.kbContext.activeId&&(this.navigation.activeElementIsFocused=!0)}},conditionallyFocusElement(e,i,l){if(i){e();return}const s=document.activeElement;s&&s!==document.body&&l&&!l.contains(s)||e()},onComponentDidUpdate(e){var n,b;const{scope:i,focusFirst:l,newEditableRow:s,singleEditRow:d,lastActiveElement:f,navigatable:r,userInitiatedEdit:u}=e;if(l&&(this.onConstructor(e),this.onComponentDidMount(e),this.focusFirstDataElement(e)),(!r||r&&r.mode===T.NavigatableMode.inline)&&(s&&!d||s&&d&&!f)?this.conditionallyFocusElement(()=>this.focusFirstEditor(s),u,i):r&&r.mode===T.NavigatableMode.inline&&s&&d&&f&&this.conditionallyFocusElement(()=>f.focus(),u,i),this.generateMatrix(e),this.kbContext&&this.navigation&&i){const y=t.tableKeyboardNavigationTools.getActiveNavDataElement(i,this.kbContext.activeId);if(y)this.navigation.activeElementIsFocused&&((b=(n=this.navigation)==null?void 0:n.prevNavigationIndexes)==null?void 0:b.length)>0&&y!==document.activeElement&&y.focus();else{const C=i.className.indexOf("k-treelist")===-1?t.getFirstDataCell(this.navigation.navigationMatrix):this.navigation.navigationMatrix[0][0],v=t.tableKeyboardNavigationTools.getActiveNavDataElement(i,C);C&&v&&(this.kbContext.activeId=C,v.setAttribute("tabIndex","0"),this.navigation.activeElementIsFocused&&v.focus())}this.navigation.activeElementIsFocused=!1}},onFocus(e,i){const l=this.kbContext;if(e.defaultPrevented||!l)return;const s=e.target,d=t.tableKeyboardNavigationTools.getNavigatableId(s);if(d&&d!==l.activeId){const f=t.tableKeyboardNavigationTools.getClosestScope(s);if(!f)return;const r=t.tableKeyboardNavigationTools.getActiveNavDataElement(f,l.activeId);r&&!e.target.classList.contains("k-table-td")&&!e.target.classList.contains("k-detail-cell")&&r.setAttribute("tabIndex","-1"),s.setAttribute("tabIndex","0"),l.activeId=d}else if(s.closest(".k-filtercell")&&(i!=null&&i.navigatable)){const f=s.closest(".k-table-td");o.enableNavigatableContainer(f)}},async onKeyDown(e,i){var I,p,D,A;const{kbContext:l=this.kbContext,navigation:s=this.navigation,onNavigationAction:d,columns:f}=i;if(e.defaultPrevented||!l||!s)return;let r;if(e.keyCode===o.Keys.esc){const a=t.tableKeyboardNavigationTools.getClosestNavigatableElement(e.target);t.tableKeyboardNavigationTools.focusElement({elementForFocus:a,event:e,kbContext:l}),e.target.closest(".k-filtercell")&&a&&i.navigatable&&o.disableNavigatableContainer(a);return}const u=e.target,n=u.className.indexOf("k-checkbox")===-1?u:t.tableKeyboardNavigationTools.getClosestNavigatableElement(u),b=t.tableKeyboardNavigationTools.getNavigatableId(n),y=b==null?void 0:b.endsWith("column"),C=b==null?void 0:b.endsWith("column_filter"),v=t.tableKeyboardNavigationTools.getNavigatableLevel(n),K=t.tableKeyboardNavigationTools.getClosestScope(n),h=s.navigationMatrix,m=e.metaKey||e.ctrlKey,c=t.getCurrentIdIndexes(s,h,b),x=n.closest(".k-table-td"),E=(I=n.closest(".k-table-td"))==null?void 0:I.classList.contains("k-grid-edit-cell");if(i.navigatable&&i.navigatable.mode===T.NavigatableMode.inline){if(e.keyCode===o.Keys.enter){const a=n.classList.contains("k-grid-remove-command"),g=n.classList.contains("k-grid-cancel-command"),N=t.tableKeyboardNavigationTools.getRowAriaRowIndex(n);if(a){setTimeout(()=>{const k=t.tableKeyboardNavigationTools.getRemoveButtonByAriaRowIndex(N.current)||t.tableKeyboardNavigationTools.getRemoveButtonByAriaRowIndex(N.prev);k&&k.focus()});return}else if(g&&n.parentElement){const k=(p=t.tableKeyboardNavigationTools.getClosestNavigatableElement(n))==null?void 0:p.getAttribute("data-keyboardnavid");setTimeout(()=>{k&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(k).focus()});return}}if(e.keyCode===o.Keys.esc){const a=t.tableKeyboardNavigationTools.getClosestCancelButton(n);a&&a.click();const g=await t.tableKeyboardNavigationTools.getClosestEditButton(n);g&&g.focus();return}}else if(i.navigatable&&i.navigatable.mode===T.NavigatableMode.incell){if(e.keyCode===o.Keys.esc){n.focus(),n.blur();const a=((D=u==null?void 0:u.parentElement)==null?void 0:D.closest(".k-grid-edit-row"))||null,g=t.tableKeyboardNavigationTools.getClosestCellNavId(n),N=await t.tableKeyboardNavigationTools.waitForElementToBeVisible(`[data-keyboardnavid='${g}']:not(.k-grid-edit-cell)`,a);N&&N.focus()}else if(e.keyCode===o.Keys.enter){let a;if(c){const[g,N]=c;a=t.findNextIdByRowIndex(g,N,b,h,!1)}if(!E)(A=t.tableKeyboardNavigationTools.getParentCell(n))==null||A.click();else if(E&&a){const g=(a==null?void 0:a[0])&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(a[0]);g==null||g.click()}}else if(e.keyCode===o.Keys.left||e.keyCode===o.Keys.right||e.keyCode===o.Keys.up||e.keyCode===o.Keys.down){if(E)return}else if(e.key==="Tab"&&E){if(e.shiftKey){const a=c&&f&&t.tableKeyboardNavigationTools.getPrevEditableCell(c,f,b,h);if(a!=null&&a.prevCell&&a.prevCell.click(),a&&a.elementToFocus!=="gridcell"){n.blur();const g=t.tableKeyboardNavigationTools.getClosestCellNavId(n);setTimeout(()=>{g&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(g).focus()})}e.preventDefault()}else{const a=c&&f&&t.tableKeyboardNavigationTools.getNextEditableCell(c,f,b,h);if(a!=null&&a.nextCell&&a.elementToFocus==="gridcell"&&a.nextCell.click(),a&&a.elementToFocus!=="gridcell"){n.blur();const g=t.tableKeyboardNavigationTools.getClosestCellNavId(n);g&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(g).focus();return}e.preventDefault()}e.preventDefault()}}if(n.closest(".k-filtercell")&&x&&i.navigatable){o.keepFocusInContainer(e,x,o.TABBABLE_ELEMENTS);return}if(v!==void 0&&K){if(e.keyCode===o.Keys.enter){const a=t.tableKeyboardNavigationTools.getNavigatableElement(n,{level:v+1});if(a){t.tableKeyboardNavigationTools.focusElement({elementForFocus:a,event:e,kbContext:l,prevElement:n});return}n.querySelector(".k-filtercell")&&i.navigatable&&o.enableNavigatableContainer(n),r=t.tableKeyboardNavigationTools.getFocusableElements(n)[0],t.tableKeyboardNavigationTools.focusElement({elementForFocus:r,event:e,kbContext:l,prevElement:n})}if(e.keyCode===o.Keys.home&&c)if(m)t.focusFirstDataElement({scope:K,navigation:s,kbContext:l},e);else{const a=t.getFirstRowDataCell(s.navigationMatrix,c[0]);r=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,a),t.tableKeyboardNavigationTools.focusElement({elementForFocus:r,event:e,kbContext:l})}if(e.keyCode===o.Keys.end&&c)if(m){const a=t.getLastDataCell(s.navigationMatrix);r=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,a),t.tableKeyboardNavigationTools.focusElement({elementForFocus:r,event:e,kbContext:l})}else{const a=t.getLastRowDataCell(s.navigationMatrix,c[0]);r=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,a),t.tableKeyboardNavigationTools.focusElement({elementForFocus:r,event:e,kbContext:l})}if(e.keyCode===o.Keys.up||e.keyCode===o.Keys.down||e.keyCode===o.Keys.left||e.keyCode===o.Keys.right){const a=e.keyCode===o.Keys.up||e.keyCode===o.Keys.left,g=e.keyCode===o.Keys.up||e.keyCode===o.Keys.down;if(c){const[N,k]=c,[w,B]=g?t.findNextIdByRowIndex(N,k,b,h,a):t.findNextIdByCellIndex(N,k,b,h,a);w&&(r=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,w),t.tableKeyboardNavigationTools.focusElement({elementForFocus:r,event:e,kbContext:l,prevElement:n}),s.prevNavigationIndexes=B,this.scrollElementIntoViewForVirtualization(r))}}if(m&&e.keyCode===o.Keys.left&&y){d&&d({focusElement:n,event:e,action:"reorderToLeft"}),e.preventDefault();return}if(m&&e.keyCode===o.Keys.right&&y){d&&d({focusElement:n,event:e,action:"reorderToRight"}),e.preventDefault();return}if(e.keyCode===o.Keys.pageUp){d&&d({focusElement:r,event:e,action:"moveToNextPage"}),e.preventDefault();return}if(e.keyCode===o.Keys.pageDown){d&&d({focusElement:r,event:e,action:"moveToPrevPage"}),e.preventDefault();return}if(!y&&!C&&!E&&(e.keyCode===o.Keys.space||e.keyCode===o.Keys.enter||e.shiftKey&&(e.keyCode===o.Keys.up||e.keyCode===o.Keys.down||e.keyCode===o.Keys.left||e.keyCode===o.Keys.right))){d&&d({focusElement:r,event:e,action:"select"});return}d&&d({focusElement:r,event:e})}},generateMatrix(e){const{navigation:i=this.navigation,scope:l}=e;if(!i||!l)return;const s=[],d=t.getHeaderElement(l),f=t.getBodyElement(l);if(!d||!f)return;const r=Array.from(d.children),u=Array.from(f.children),n=t.getNoRecordsElement(l)||{children:[]};[...r,...u,n].forEach((b,y)=>{Array.from(b.children).forEach(C=>{const v=t.getNavigatableId(C);if(!v)return;const K=C.rowSpan||1,h=C.colSpan||1;let m;for(let c=y,x=y+K;c<x;c++){if(s[c]||(s[c]=[]),m===void 0){const E=s[c].findIndex(I=>!I);m=E>-1?E:s[c].length}s[c][m]=v||""}for(let c=m+1,x=m+h;c<x;c++)s[y][c]=v||""})}),i.navigationMatrix=s.filter(b=>!!b),i.lastHeaderIndex=r.length-1}},render(){return o.getDefaultSlots(this)[0]}});exports.TableKeyboardNavigationProvider=M;