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

package/navigation/TableKeyboardNavigation.mjs

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

package/navigation/constants.d.ts

@@ -36,11 +36,11 @@ export declare const KEYBOARD_NAV_FILTER_COL_SUFFIX = "_filter";
 /**
  * @hidden
  */
-export declare const FOCUSABLE_ELEMENTS: string[];
+export declare const KEYBOARD_NAV_CANCEL_BUTTON_CLASS = "k-grid-cancel-command";
 /**
  * @hidden
  */
-export declare const TABBABLE_ELEMENTS: string[];
+export declare const KEYBOARD_NAV_EDIT_BUTTON_CLASS = "k-grid-edit-command";
 /**
  * @hidden
  */

package/navigation/constants.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 _="data-keyboardnavlevel",t="data-keyboardnavscope",e="data-keyboardnavheader",a="data-keyboardnavbody",E="data-keyboardnavid",d="data-keyboardnavzone",n="_filter",A=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],b=[...A,"[tabindex]"],r=[...A,"[tabindex]"].map(o=>o+':not([tabindex="-1"])'),i={[t]:!0},D={[e]:!0},s={[a]:!0};exports.FOCUSABLE_ELEMENTS=b;exports.KEYBOARD_NAV_DATA_BODY=a;exports.KEYBOARD_NAV_DATA_HEADER=e;exports.KEYBOARD_NAV_DATA_ID=E;exports.KEYBOARD_NAV_DATA_LEVEL=_;exports.KEYBOARD_NAV_DATA_SCOPE=t;exports.KEYBOARD_NAV_DATA_ZONE=d;exports.KEYBOARD_NAV_FILTER_COL_SUFFIX=n;exports.TABBABLE_ELEMENTS=r;exports.tableKeyboardNavigationBodyAttributes=s;exports.tableKeyboardNavigationHeaderAttributes=D;exports.tableKeyboardNavigationScopeAttributes=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a="data-keyboardnavlevel",A="data-keyboardnavscope",_="data-keyboardnavheader",t="data-keyboardnavbody",e="data-keyboardnavid",o="data-keyboardnavzone",D="_filter",E="k-grid-cancel-command",d="k-grid-edit-command",N={[A]:!0},r={[_]:!0},O={[t]:!0};exports.KEYBOARD_NAV_CANCEL_BUTTON_CLASS=E;exports.KEYBOARD_NAV_DATA_BODY=t;exports.KEYBOARD_NAV_DATA_HEADER=_;exports.KEYBOARD_NAV_DATA_ID=e;exports.KEYBOARD_NAV_DATA_LEVEL=a;exports.KEYBOARD_NAV_DATA_SCOPE=A;exports.KEYBOARD_NAV_DATA_ZONE=o;exports.KEYBOARD_NAV_EDIT_BUTTON_CLASS=d;exports.KEYBOARD_NAV_FILTER_COL_SUFFIX=D;exports.tableKeyboardNavigationBodyAttributes=O;exports.tableKeyboardNavigationHeaderAttributes=r;exports.tableKeyboardNavigationScopeAttributes=N;

package/navigation/constants.mjs

@@ -5,24 +5,24 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const d = "data-keyboardnavlevel", e = "data-keyboardnavscope", o = "data-keyboardnavheader", n = "data-keyboardnavbody", A = "data-keyboardnavid", b = "data-keyboardnavzone", r = "_filter", t = ["input:not([disabled]):not([type=hidden])", "select:not([disabled])", "textarea:not([disabled])", "button:not([disabled])", "a[href]", "area[href]", "summary", "iframe", "object", "embed", "audio[controls]", "video[controls]", "[contenteditable]"], E = [...t, "[tabindex]"], _ = [...t, "[tabindex]"].map((a) => a + ':not([tabindex="-1"])'), s = {
-  [e]: !0
-}, i = {
-  [o]: !0
+const o = "data-keyboardnavlevel", a = "data-keyboardnavscope", t = "data-keyboardnavheader", A = "data-keyboardnavbody", e = "data-keyboardnavid", _ = "data-keyboardnavzone", d = "_filter", n = "k-grid-cancel-command", r = "k-grid-edit-command", D = {
+  [a]: !0
 }, c = {
-  [n]: !0
+  [t]: !0
+}, E = {
+  [A]: !0
 };
 export {
-  E as FOCUSABLE_ELEMENTS,
-  n as KEYBOARD_NAV_DATA_BODY,
-  o as KEYBOARD_NAV_DATA_HEADER,
-  A as KEYBOARD_NAV_DATA_ID,
-  d as KEYBOARD_NAV_DATA_LEVEL,
-  e as KEYBOARD_NAV_DATA_SCOPE,
-  b as KEYBOARD_NAV_DATA_ZONE,
-  r as KEYBOARD_NAV_FILTER_COL_SUFFIX,
-  _ as TABBABLE_ELEMENTS,
-  c as tableKeyboardNavigationBodyAttributes,
-  i as tableKeyboardNavigationHeaderAttributes,
-  s as tableKeyboardNavigationScopeAttributes
+  n as KEYBOARD_NAV_CANCEL_BUTTON_CLASS,
+  A as KEYBOARD_NAV_DATA_BODY,
+  t as KEYBOARD_NAV_DATA_HEADER,
+  e as KEYBOARD_NAV_DATA_ID,
+  o as KEYBOARD_NAV_DATA_LEVEL,
+  a as KEYBOARD_NAV_DATA_SCOPE,
+  _ as KEYBOARD_NAV_DATA_ZONE,
+  r as KEYBOARD_NAV_EDIT_BUTTON_CLASS,
+  d as KEYBOARD_NAV_FILTER_COL_SUFFIX,
+  E as tableKeyboardNavigationBodyAttributes,
+  c as tableKeyboardNavigationHeaderAttributes,
+  D as tableKeyboardNavigationScopeAttributes
 };