@progress/kendo-vue-grid 6.4.1-develop.2 → 6.4.2-develop.3

package/Grid.mjs

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as Fe, markRaw as L, ref as f, createVNode as o, h as oe } from "vue";
-import { SvgIcon as ze, validatePackage as Ge, shouldShowValidationUI as De, guid as le, isRtl as ae, canUseDOM as U, kendoThemeMaps as ne, isObject as E, getRef as m, hasListener as z, getDefaultSlots as Te, templateRendering as I, getListeners as w, WatermarkOverlay as Oe, getter as Le, getTemplate as de, setRef as M, getNestedValue as he } from "@progress/kendo-vue-common";
+import { defineComponent as Fe, createVNode as o, h as oe, ref as f, markRaw as L } from "vue";
+import { SvgIcon as ze, getDefaultSlots as Ge, isObject as E, canUseDOM as U, templateRendering as I, getListeners as w, WatermarkOverlay as De, getter as Te, getTemplate as le, setRef as M, hasListener as z, getRef as m, kendoThemeMaps as ae, isRtl as ne, validatePackage as Oe, shouldShowValidationUI as Le, guid as de, getNestedValue as he } from "@progress/kendo-vue-common";
 import { tableKeyboardNavigationTools as v, tableColumnsVirtualization as Ee, Pager as Me, normalize as Ae, TableKeyboardNavigationProvider as pe } from "@progress/kendo-vue-data-tools";
 import { Loader as Pe } from "@progress/kendo-vue-indicators";
 import { GridNav as ce } from "./GridNav.mjs";
@@ -28,7 +28,7 @@ import { ColumnResize as et } from "./drag/ColumnResize.mjs";
 import { CommonDragLogic as tt } from "./drag/CommonDragLogic.mjs";
 import { DragClue as st } from "./drag/DragClue.mjs";
 import { DropClue as it } from "./drag/DropClue.mjs";
-import { applyExpandedState as ge, firefox as rt, firefoxMaxHeight as ot, groupedFirstItemValue as fe, readColumns as lt, autoGenerateColumns as at, mapColumns as nt, flatData as dt } from "./utils/main.mjs";
+import { applyExpandedState as ge, flatData as rt, readColumns as ot, autoGenerateColumns as lt, mapColumns as at, groupedFirstItemValue as fe, firefox as nt, firefoxMaxHeight as dt } from "./utils/main.mjs";
 import { GridCell as ht } from "./cells/GridCell.mjs";
 import { GridGroupCell as me } from "./cells/GridGroupCell.mjs";
 import { GridRow as pt } from "./rows/GridRow.mjs";
@@ -137,18 +137,18 @@ const Ut = /* @__PURE__ */ Fe({
     }
   },
   created() {
-    Ge($e), this.showLicenseWatermark = De($e), this.initialHeight = null, this._columns = [];
+    Oe($e), this.showLicenseWatermark = Le($e), this.initialHeight = null, this._columns = [];
     const e = this.currentGroupable, t = this.getVirtualScroll();
-    this.vs = new t(e || this.$props.rowHeight === void 0 || this.$props.rowHeight === 0, this.$props.topCacheCount), this.dragLogic = new tt(this.columnReorder.bind(this), this.groupReorder.bind(this), this.columnToGroup.bind(this)), this.columnResize = new et(this.onResize.bind(this)), this._columnsMap = [[]], this._header = null, this._footer = null, this.forceUpdateTimeout = void 0, this._gridId = le(), this._gridRoleElementId = le(), this.slicedCurrentData = void 0, this._prevTotal = void 0;
+    this.vs = new t(e || this.$props.rowHeight === void 0 || this.$props.rowHeight === 0, this.$props.topCacheCount), this.dragLogic = new tt(this.columnReorder.bind(this), this.groupReorder.bind(this), this.columnToGroup.bind(this)), this.columnResize = new et(this.onResize.bind(this)), this._columnsMap = [[]], this._header = null, this._footer = null, this.forceUpdateTimeout = void 0, this._gridId = de(), this._gridRoleElementId = de(), this.slicedCurrentData = void 0, this._prevTotal = void 0;
   },
   mounted() {
     this.setRefs();
-    const e = ae(this._element);
+    const e = ne(this._element);
     this._prevTotal = this.$props.total, this.isRtl = e, this.initialHeight = this._element.style ? this._element.style.height : null, this.resizeObserver = U && window.ResizeObserver && new ResizeObserver(this.calculateMedia), document != null && document.body && this.resizeObserver && this.resizeObserver.observe(document.body);
   },
   updated() {
     this.setRefs();
-    const e = ae(this._element);
+    const e = ne(this._element);
     this.isRtl = e, this._prevTotal = this.$props.total, this.vs.tableTransform && this.vs.table && (this.vs.table.style.transform = this.vs.tableTransform, this.vs.tableTransform = "");
   },
   unmounted() {
@@ -162,7 +162,7 @@ const Ut = /* @__PURE__ */ Fe({
       return {
         "k-grid": !0,
         "k-grid-md": !e,
-        [`k-grid-${ne.sizeMap[e] || e}`]: e
+        [`k-grid-${ae.sizeMap[e] || e}`]: e
       };
     },
     scrollableWrapperClass() {
@@ -182,7 +182,7 @@ const Ut = /* @__PURE__ */ Fe({
         "k-table": !0,
         "k-grid-table": !0,
         "k-grid-md": !e,
-        [`k-table-${ne.sizeMap[e] || e}`]: e
+        [`k-table-${ae.sizeMap[e] || e}`]: e
       };
     },
     getCorrectHeight() {
@@ -309,7 +309,7 @@ const Ut = /* @__PURE__ */ Fe({
         } = this.$props;
         l = i && r ? l : t, this.isAllData() ? (this.vs.total = this.currentData.length, this.slicedCurrentData = this.currentData.slice(this.vs.realSkip, this.vs.realSkip + this.vs.pageSize), this.vs.rowHeightService = this.rowHeightService(this.vs, this.currentData.length, t, l, this.currentData)) : this.vs.rowHeightService = new Ze(e, t, l);
         const n = this.vs.rowHeightService.totalHeight();
-        this.vs.containerHeight = rt ? Math.min(ot, n) : n;
+        this.vs.containerHeight = nt ? Math.min(dt, n) : n;
       }
     },
     onSkipChanged(e, t) {
@@ -539,11 +539,11 @@ const Ut = /* @__PURE__ */ Fe({
     },
     initColumns(e, t) {
       const i = v.getIdPrefix(this.navigation);
-      if (this._columns = lt(e, this.getColumns(), {
+      if (this._columns = ot(e, this.getColumns(), {
         prevId: 0,
         idPrefix: i
       }), this._columns.length === 0) {
-        const n = at(this.$props.dataItems, this.$props.group, this.$props.expandField, {
+        const n = lt(this.$props.dataItems, this.$props.group, this.$props.expandField, {
           prevId: 0,
           idPrefix: i
         });
@@ -588,7 +588,7 @@ const Ut = /* @__PURE__ */ Fe({
           internalCell: L(me),
           field: "value"
         }), l++;
-      this._columns.slice(l).forEach((n) => n.parentIndex >= 0 && (n.parentIndex += l)), this._columnsMap = nt(this._columns), this.columnResize.columns = this._columns, this.dragLogic.columns = this._columns;
+      this._columns.slice(l).forEach((n) => n.parentIndex >= 0 && (n.parentIndex += l)), this._columnsMap = at(this._columns), this.columnResize.columns = this._columns, this.dragLogic.columns = this._columns;
     },
     resolveTitle(e) {
       const t = this.findColumnByField(e), i = t && (t.title || t.field);
@@ -656,7 +656,7 @@ const Ut = /* @__PURE__ */ Fe({
     };
   },
   render() {
-    const e = Te(this);
+    const e = Ge(this);
     let t = this.$props.total || 0;
     const i = v.getIdPrefix(this.navigation);
     let r = [];
@@ -665,7 +665,7 @@ const Ut = /* @__PURE__ */ Fe({
     this.columnResize.resizable = this.$props.resizable || !1, this.dragLogic.reorderable = this.$props.reorderable || !1, this.dragLogic.groupable = l, this.initializeVirtualization(t);
     const n = E(this.$props.groupable) && this.$props.groupable.footer || "none";
     this.currentData = [];
-    const u = dt(this.currentData, r, n, {
+    const u = rt(this.currentData, r, n, {
       index: this.$props.skip || 0
     }, this.$props.group !== void 0, this.$props.expandField), h = e || [];
     this.notHiddenColumns = this.filterHiddenColumns(this.$props.columns), this.initColumns(this.notHiddenColumns, u);
@@ -762,7 +762,7 @@ const Ut = /* @__PURE__ */ Fe({
           width: s.width !== void 0 ? Math.floor(parseFloat(s.width.toString())) + "px" : void 0
         }, null);
       }, this)
-    }, null) : o("span", null, null), A = I.call(this, this.$props.cellRender, w.call(this)), be = this.showLicenseWatermark ? o(Oe, null, null) : null, P = this.$attrs.style, ve = P && E(P) && P["width"] || "", Ie = parseFloat(ve.toString()), we = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, {
+    }, null) : o("span", null, null), A = I.call(this, this.$props.cellRender, w.call(this)), be = this.showLicenseWatermark ? o(De, null, null) : null, P = this.$attrs.style, ve = P && E(P) && P["width"] || "", Ie = parseFloat(ve.toString()), we = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, {
       colSpans: N,
       hiddenColumns: Re
     } = Ee({
@@ -901,7 +901,7 @@ const Ut = /* @__PURE__ */ Fe({
     let D, W = -1, j = 0;
     const ee = this.currentData.length && this.currentData.map(function(s, d) {
       s.rowType === "data" && (B++, W++), this.$props.alternatePerGroup && s.rowType === "groupHeader" && (B = 0);
-      const C = B % 2 === 0, _ = this.$props.dataItemKey && Le(this.$props.dataItemKey)(s.dataItem), R = d + (this.vs.propsSkip || 0), b = _ || "ai" + R, a = b + "_1";
+      const C = B % 2 === 0, _ = this.$props.dataItemKey && Te(this.$props.dataItemKey)(s.dataItem), R = d + (this.vs.propsSkip || 0), b = _ || "ai" + R, a = b + "_1";
       D = R + G + j;
       const p = I.call(this, this.$props.rowRender, w.call(this));
       let k;
@@ -967,7 +967,7 @@ const Ut = /* @__PURE__ */ Fe({
       pageSize: (this.$props.take !== void 0 ? this.$props.take : this.$props.pageSize) || 10,
       messagesMap: Ce,
       settings: Ae(this.$props.pageable || {})
-    }, null), te = de.call(this, {
+    }, null), te = le.call(this, {
       h: oe,
       template: ye,
       defaultRendering: He,
@@ -999,7 +999,7 @@ const Ut = /* @__PURE__ */ Fe({
     }, [o(Pe, {
       size: "large",
       type: "infinite-spinner"
-    }, null)])]), re = de.call(this, {
+    }, null)])]), re = le.call(this, {
       h: oe,
       template: xe,
       defaultRendering: _e

package/GridNoRecords.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as t, inject as n, createVNode as r } from "vue";
+import { defineComponent as t, createVNode as n, inject as r } from "vue";
 import { provideLocalizationService as c } from "@progress/kendo-vue-intl";
 import { noRecords as o, messages as a } from "./messages/main.mjs";
 import { getDefaultSlots as l } from "@progress/kendo-vue-common";
@@ -18,12 +18,12 @@ const v = /* @__PURE__ */ t({
   },
   setup() {
     return {
-      kendoLocalizationService: n("kendoLocalizationService", {})
+      kendoLocalizationService: r("kendoLocalizationService", {})
     };
   },
   render() {
     const e = l(this), i = c(this).toLanguageString(o, a[o]);
-    return e ? r("div", null, [e]) : i;
+    return e ? n("div", null, [e]) : i;
   }
 });
 export {

package/GridToolbar.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as o, createVNode as e } from "vue";
-import { kendoThemeMaps as t, getDefaultSlots as a } from "@progress/kendo-vue-common";
+import { getDefaultSlots as t, kendoThemeMaps as a } from "@progress/kendo-vue-common";
 const i = /* @__PURE__ */ o({
   name: "GridToolbar",
   props: {
@@ -27,12 +27,12 @@ const i = /* @__PURE__ */ o({
         "k-toolbar": !0,
         "k-grid-toolbar": !0,
         "k-toolbar-solid": !0,
-        [`k-toolbar-${t.sizeMap[r] || r}`]: r
+        [`k-toolbar-${a.sizeMap[r] || r}`]: r
       };
     }
   },
   render() {
-    const r = a(this);
+    const r = t(this);
     return e("div", {
       class: this.wrapperClass,
       role: "toolbar"

package/cells/GridCell.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as o, inject as s, createVNode as n, h as a } from "vue";
+import { defineComponent as o, createVNode as n, h as s, inject as a } from "vue";
 import { getNestedValue as d, parsers as l } from "../utils/main.mjs";
 import { provideIntlService as p } from "@progress/kendo-vue-intl";
 import { noop as c, getTemplate as g } from "@progress/kendo-vue-common";
-import { KEYBOARD_NAV_DATA_LEVEL as m, KEYBOARD_NAV_DATA_ID as h } from "@progress/kendo-vue-data-tools";
+import { KEYBOARD_NAV_DATA_ID as m, KEYBOARD_NAV_DATA_LEVEL as h } from "@progress/kendo-vue-data-tools";
 const y = /* @__PURE__ */ o({
   name: "GridCell",
   inheritAttrs: !1,
@@ -98,7 +98,7 @@ const y = /* @__PURE__ */ o({
   },
   setup() {
     return {
-      kendoIntlService: s("kendoIntlService", {})
+      kendoIntlService: a("kendoIntlService", {})
     };
   },
   render() {
@@ -122,12 +122,12 @@ const y = /* @__PURE__ */ o({
         "aria-selected": this.$props.isSelected,
         "data-grid-col-index": this.$props.columnIndex,
         tabindex: i.tabIndex,
-        "data-keyboardnavlevel": i[m],
-        "data-keyboardnavid": i[h]
+        "data-keyboardnavlevel": i[h],
+        "data-keyboardnavid": i[m]
       }, [r]);
     }
     return g.call(this, {
-      h: a,
+      h: s,
       template: this.$props.render,
       defaultRendering: t,
       additionalProps: this.$props,

package/cells/GridDetailCell.mjs

@@ -5,9 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as l, inject as c, createVNode as s, h as p } from "vue";
+import { defineComponent as l, createVNode as c, inject as s, h as p } from "vue";
 import { noop as m, getTemplate as b } from "@progress/kendo-vue-common";
-import { KEYBOARD_NAV_DATA_LEVEL as u, KEYBOARD_NAV_DATA_ID as I } from "@progress/kendo-vue-data-tools";
+import { KEYBOARD_NAV_DATA_ID as u, KEYBOARD_NAV_DATA_LEVEL as I } from "@progress/kendo-vue-data-tools";
 const x = /* @__PURE__ */ l({
   props: {
     colSpan: Number,
@@ -24,7 +24,7 @@ const x = /* @__PURE__ */ l({
   },
   setup() {
     return {
-      kendoIntlService: c("kendoIntlService", {})
+      kendoIntlService: s("kendoIntlService", {})
     };
   },
   render() {
@@ -41,14 +41,14 @@ const x = /* @__PURE__ */ l({
         additionalProps: o
       });
     };
-    return s("td", {
+    return c("td", {
       class: "k-table-td k-detail-cell",
       colspan: e,
       "aria-colindex": a,
       role: "gridcell",
       tabindex: t.tabIndex,
-      "data-keyboardnavlevel": t[u],
-      "data-keyboardnavid": t[I]
+      "data-keyboardnavlevel": t[I],
+      "data-keyboardnavid": t[u]
     }, [d.call(this, {
       dataItem: n,
       dataIndex: r

package/cells/GridDetailHierarchyCell.mjs

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as t, inject as r, createVNode as n } from "vue";
-import { KEYBOARD_NAV_DATA_LEVEL as i, KEYBOARD_NAV_DATA_ID as o } from "@progress/kendo-vue-data-tools";
+import { defineComponent as t, createVNode as r, inject as n } from "vue";
+import { KEYBOARD_NAV_DATA_ID as i, KEYBOARD_NAV_DATA_LEVEL as o } from "@progress/kendo-vue-data-tools";
 import { noop as a } from "@progress/kendo-vue-common";
 const s = /* @__PURE__ */ t({
   props: {
@@ -19,16 +19,16 @@ const s = /* @__PURE__ */ t({
   },
   setup() {
     return {
-      kendoIntlService: r("kendoIntlService", {})
+      kendoIntlService: n("kendoIntlService", {})
     };
   },
   render() {
     const e = this.getKeyboardNavigationAttributes(this.$props.id);
-    return n("td", {
+    return r("td", {
       class: "k-table-td k-hierarchy-cell",
       tabindex: e.tabIndex,
-      "data-keyboardnavlevel": e[i],
-      "data-keyboardnavid": e[o]
+      "data-keyboardnavlevel": e[o],
+      "data-keyboardnavid": e[i]
     }, null);
   }
 });

package/cells/GridEditCell.mjs

@@ -5,12 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as d, inject as s, createVNode as i, h as l } from "vue";
+import { defineComponent as d, createVNode as i, h as s, inject as l } from "vue";
 import { getNestedValue as o } from "../utils/main.mjs";
-import { noop as c, guid as p, getTemplate as h } from "@progress/kendo-vue-common";
+import { noop as c, getTemplate as p, guid as h } from "@progress/kendo-vue-common";
 import { NumericTextBox as g } from "@progress/kendo-vue-inputs";
 import { DatePicker as u } from "@progress/kendo-vue-dateinputs";
-import { KEYBOARD_NAV_DATA_LEVEL as r, KEYBOARD_NAV_DATA_ID as n } from "@progress/kendo-vue-data-tools";
+import { KEYBOARD_NAV_DATA_ID as r, KEYBOARD_NAV_DATA_LEVEL as n } from "@progress/kendo-vue-data-tools";
 const v = /* @__PURE__ */ d({
   name: "GridEditCell",
   inheritAttrs: !1,
@@ -65,7 +65,7 @@ const v = /* @__PURE__ */ d({
   },
   data() {
     return {
-      inputId: p()
+      inputId: h()
     };
   },
   methods: {
@@ -102,7 +102,7 @@ const v = /* @__PURE__ */ d({
   },
   setup() {
     return {
-      kendoIntlService: s("kendoIntlService", {})
+      kendoIntlService: l("kendoIntlService", {})
     };
   },
   render() {
@@ -120,8 +120,8 @@ const v = /* @__PURE__ */ d({
           "aria-selected": this.$props.isSelected,
           "data-grid-col-index": this.$props.columnIndex,
           tabindex: t.tabIndex,
-          "data-keyboardnavlevel": t[r],
-          "data-keyboardnavid": t[n]
+          "data-keyboardnavlevel": t[n],
+          "data-keyboardnavid": t[r]
         }, [i(g, {
           style: {
             width: "100%"
@@ -141,8 +141,8 @@ const v = /* @__PURE__ */ d({
           "aria-selected": this.$props.isSelected,
           "data-grid-col-index": this.$props.columnIndex,
           tabindex: t.tabIndex,
-          "data-keyboardnavlevel": t[r],
-          "data-keyboardnavid": t[n]
+          "data-keyboardnavlevel": t[n],
+          "data-keyboardnavid": t[r]
         }, [i(u, {
           style: {
             width: "100%"
@@ -162,8 +162,8 @@ const v = /* @__PURE__ */ d({
           "aria-selected": this.$props.isSelected,
           "data-grid-col-index": this.$props.columnIndex,
           tabindex: t.tabIndex,
-          "data-keyboardnavlevel": t[r],
-          "data-keyboardnavid": t[n]
+          "data-keyboardnavlevel": t[n],
+          "data-keyboardnavid": t[r]
         }, [i("input", {
           checked: e || !1,
           id: this.inputId,
@@ -186,8 +186,8 @@ const v = /* @__PURE__ */ d({
           "aria-selected": this.$props.isSelected,
           "data-grid-col-index": this.$props.columnIndex,
           tabindex: t.tabIndex,
-          "data-keyboardnavlevel": t[r],
-          "data-keyboardnavid": t[n]
+          "data-keyboardnavlevel": t[n],
+          "data-keyboardnavid": t[r]
         }, [i("span", {
           class: "k-textbox k-input k-input-md k-rounded-md k-input-solid"
         }, [i("input", {
@@ -199,8 +199,8 @@ const v = /* @__PURE__ */ d({
           onChange: this.changeHandler
         }, null)])]);
     }
-    return h.call(this, {
-      h: l,
+    return p.call(this, {
+      h: s,
       template: this.$props.render,
       defaultRendering: a,
       additionalProps: this.$props,

package/cells/GridFilterCell.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as v, inject as s, createVNode as i, h as b } from "vue";
+import { defineComponent as v, createVNode as i, h as b, inject as s } from "vue";
 import { Button as $ } from "@progress/kendo-vue-buttons";
 import { filterClearButton as p, messages as c, filterChooseOperator as h } from "../messages/main.mjs";
 import { DropDownList as g } from "@progress/kendo-vue-dropdowns";
@@ -13,7 +13,7 @@ import { TextBox as S, NumericTextBox as L } from "@progress/kendo-vue-inputs";
 import { DatePicker as k } from "@progress/kendo-vue-dateinputs";
 import { filterClearIcon as z, filterIcon as x } from "@progress/kendo-svg-icons";
 import { provideLocalizationService as I } from "@progress/kendo-vue-intl";
-import { cellInputChange as w, cellOperatorChange as y, cellBoolDropdownChange as D } from "../filterCommon.mjs";
+import { cellBoolDropdownChange as w, cellOperatorChange as y, cellInputChange as D } from "../filterCommon.mjs";
 import { getListeners as F, templateRendering as B, getTemplate as O } from "@progress/kendo-vue-common";
 const q = /* @__PURE__ */ v({
   name: "KendoGridFilterCell",
@@ -44,7 +44,7 @@ const q = /* @__PURE__ */ v({
   },
   methods: {
     inputChange(e, t) {
-      const o = w(e, t, this.$props);
+      const o = D(e, t, this.$props);
       this.triggerChange(o);
     },
     operatorChange(e, t) {
@@ -52,7 +52,7 @@ const q = /* @__PURE__ */ v({
       this.triggerChange(o);
     },
     boolDropdownChange(e, t) {
-      const o = D(e.value.operator, t);
+      const o = w(e.value.operator, t);
       this.triggerChange(o);
     },
     clear(e) {

package/cells/GridGroupCell.mjs

@@ -6,8 +6,8 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as x, createVNode as i, h as b } from "vue";
-import { noop as y, Keys as $, Icon as v, getTemplate as k } from "@progress/kendo-vue-common";
-import { KEYBOARD_NAV_DATA_LEVEL as A, KEYBOARD_NAV_DATA_ID as C } from "@progress/kendo-vue-data-tools";
+import { noop as y, Icon as $, getTemplate as v, Keys as k } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_ID as A, KEYBOARD_NAV_DATA_LEVEL as C } from "@progress/kendo-vue-data-tools";
 import { groupCaretAriaLabelCollapse as u, messages as m, groupCaretAriaLabelExpand as g } from "../messages/main.mjs";
 import { provideLocalizationService as h } from "@progress/kendo-vue-intl";
 import { caretAltDownIcon as S, caretAltRightIcon as N, caretAltLeftIcon as L } from "@progress/kendo-svg-icons";
@@ -68,7 +68,7 @@ const _ = /* @__PURE__ */ x({
         dataIndex: this.$props.dataIndex,
         field: this.$props.field,
         expanded: this.$props.expanded
-      }), !e.defaultPrevented && e.keyCode === $.enter && (e.preventDefault(), this.$emit("change", {
+      }), !e.defaultPrevented && e.keyCode === k.enter && (e.preventDefault(), this.$emit("change", {
         dataItem: this.$props.dataItem,
         dataIndex: this.$props.dataIndex,
         event: e,
@@ -118,8 +118,8 @@ const _ = /* @__PURE__ */ x({
       "aria-expanded": a,
       "data-grid-col-index": this.$props.columnIndex,
       tabindex: d.tabIndex,
-      "data-keyboardnavlevel": d[A],
-      "data-keyboardnavid": d[C]
+      "data-keyboardnavlevel": d[C],
+      "data-keyboardnavid": d[A]
     }, [i("p", {
       class: "k-reset"
     }, [i("a", {
@@ -130,10 +130,10 @@ const _ = /* @__PURE__ */ x({
       tabindex: -1,
       title: a ? p : c,
       "aria-label": a ? p : c
-    }, [i(v, {
+    }, [i($, {
       name: a ? "caret-alt-down" : this.isRtl ? "caret-alt-left" : "caret-alt-right",
       icon: a ? S : this.isRtl ? L : N
-    }, null)]), r[l] ? r[l].toString() : ""])])), k.call(this, {
+    }, null)]), r[l] ? r[l].toString() : ""])])), v.call(this, {
       h: b,
       template: I,
       defaultRendering: e,

package/cells/GridHierarchyCell.mjs

@@ -7,8 +7,8 @@
  */
 import { defineComponent as c, createVNode as r, h as m } from "vue";
 import { getNestedValue as u } from "../utils/main.mjs";
-import { noop as h, Keys as g, Icon as f, getTemplate as y } from "@progress/kendo-vue-common";
-import { KEYBOARD_NAV_DATA_LEVEL as b, KEYBOARD_NAV_DATA_ID as I } from "@progress/kendo-vue-data-tools";
+import { noop as h, Icon as g, getTemplate as f, Keys as y } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_ID as b, KEYBOARD_NAV_DATA_LEVEL as I } from "@progress/kendo-vue-data-tools";
 import { provideLocalizationService as $ } from "@progress/kendo-vue-intl";
 import { collapseDetailAriaLabel as s, messages as d, expandDetailAriaLabel as p } from "../messages/main.mjs";
 import { minusIcon as v, plusIcon as x } from "@progress/kendo-svg-icons";
@@ -57,7 +57,7 @@ const D = /* @__PURE__ */ c({
         dataItem: this.$props.dataItem,
         field: this.$props.field,
         expanded: t
-      }), !e.defaultPrevented && e.keyCode === g.enter && (e.preventDefault(), this.$emit("change", {
+      }), !e.defaultPrevented && e.keyCode === y.enter && (e.preventDefault(), this.$emit("change", {
         dataItem: this.$props.dataItem,
         dataIndex: this.$props.dataIndex,
         event: e,
@@ -102,8 +102,8 @@ const D = /* @__PURE__ */ c({
         role: "gridcell",
         "aria-colindex": this.$props.ariaColumnIndex,
         tabindex: t.tabIndex,
-        "data-keyboardnavlevel": t[b],
-        "data-keyboardnavid": t[I]
+        "data-keyboardnavlevel": t[I],
+        "data-keyboardnavid": t[b]
       }, [r("a", {
         onClick: (n) => {
           this.clickHandler(n, this.$props.dataItem, a);
@@ -112,12 +112,12 @@ const D = /* @__PURE__ */ c({
         tabindex: -1,
         title: a ? l : o,
         "aria-label": a ? l : o
-      }, [r(f, {
+      }, [r(g, {
         name: a ? "minus" : "plus",
         icon: a ? v : x
       }, null)])]);
     }
-    return y.call(this, {
+    return f.call(this, {
       h: m,
       template: this.$props.render,
       defaultRendering: e,

package/cells/GridSelectionCell.mjs

@@ -7,8 +7,8 @@
  */
 import { defineComponent as o, createVNode as t, h as r } from "vue";
 import { getNestedValue as d } from "../utils/main.mjs";
-import { noop as l, guid as s, getTemplate as p } from "@progress/kendo-vue-common";
-import { KEYBOARD_NAV_DATA_LEVEL as c, KEYBOARD_NAV_DATA_ID as h } from "@progress/kendo-vue-data-tools";
+import { noop as l, getTemplate as s, guid as p } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_ID as c, KEYBOARD_NAV_DATA_LEVEL as h } from "@progress/kendo-vue-data-tools";
 const k = /* @__PURE__ */ o({
   name: "KendoGridSelectionCell",
   inheritAttrs: !1,
@@ -45,7 +45,7 @@ const k = /* @__PURE__ */ o({
   },
   data() {
     return {
-      inputId: s()
+      inputId: p()
     };
   },
   computed: {
@@ -83,8 +83,8 @@ const k = /* @__PURE__ */ o({
       "aria-colindex": this.$props.ariaColumnIndex,
       role: "gridcell",
       tabindex: n.tabIndex,
-      "data-keyboardnavlevel": n[c],
-      "data-keyboardnavid": n[h]
+      "data-keyboardnavlevel": n[h],
+      "data-keyboardnavid": n[c]
     }, [t("span", {
       class: "k-checkbox-wrap"
     }, [t("input", {
@@ -97,7 +97,7 @@ const k = /* @__PURE__ */ o({
       class: "k-checkbox-label",
       for: this.inputId
     }, null)]) : null;
-    return p.call(this, {
+    return s.call(this, {
       h: r,
       template: a,
       defaultRendering: i,

package/columnMenu/ColumnMenu.mjs

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as s, inject as l, createVNode as o } from "vue";
-import { SvgIcon as c, guid as u, setRef as a, Icon as i } from "@progress/kendo-vue-common";
+import { defineComponent as s, createVNode as o, inject as l } from "vue";
+import { SvgIcon as c, setRef as u, Icon as i, guid as a } from "@progress/kendo-vue-common";
 import { Popup as h } from "@progress/kendo-vue-popup";
 import { moreVerticalIcon as m } from "@progress/kendo-svg-icons";
 import { ColumnMenuContent as p } from "./ColumnMenuContent.mjs";
@@ -52,7 +52,7 @@ const S = /* @__PURE__ */ s({
     };
   },
   created() {
-    this._anchor = u();
+    this._anchor = a();
   },
   computed: {
     currentOpen() {
@@ -112,7 +112,7 @@ const S = /* @__PURE__ */ s({
     }, [o("a", {
       class: "k-grid-header-menu k-grid-column-menu",
       title: `${this.$props.column.field} ${t.toLanguageString(r, b[r])}`,
-      ref: a(this, "kendoAnchor"),
+      ref: u(this, "kendoAnchor"),
       onClick: this.anchorClick,
       href: "#"
     }, [n ? o(i, {

package/columnMenu/ColumnMenuContent.mjs

@@ -8,7 +8,7 @@
 import { defineComponent as o, createVNode as n, h as s } from "vue";
 import { GridColumnMenuSort as r } from "./GridColumnMenuSort.mjs";
 import { GridColumnMenuFilter as i } from "./GridColumnMenuFilter.mjs";
-import { Keys as l, getTemplate as a } from "@progress/kendo-vue-common";
+import { getTemplate as l, Keys as a } from "@progress/kendo-vue-common";
 const m = /* @__PURE__ */ o({
   name: "KendoColumnMenuContent",
   inheritAttrs: !1,
@@ -45,7 +45,7 @@ const m = /* @__PURE__ */ o({
       this.$emit("filterchange", e, t);
     },
     contentKeyDown(e) {
-      e.keyCode === l.esc && this.$emit("closemenu");
+      e.keyCode === a.esc && this.$emit("closemenu");
     }
   },
   render() {
@@ -68,7 +68,7 @@ const m = /* @__PURE__ */ o({
       onExpandchange: this.expandChange,
       onFilterchange: this.filterChange
     }, null)]);
-    return a.call(this, {
+    return l.call(this, {
       h: s,
       template: typeof e != "boolean" && e,
       defaultRendering: t,

package/columnMenu/GridColumnMenuCheckboxFilter.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { inject as j, createVNode as r, h as p, isVNode as A } from "vue";
+import { createVNode as r, h as p, inject as j, isVNode as A } from "vue";
 import { Button as f } from "@progress/kendo-vue-buttons";
 import { GridColumnMenuItem as O } from "./GridColumnMenuItem.mjs";
 import { GridColumnMenuItemGroup as R } from "./GridColumnMenuItemGroup.mjs";
@@ -14,7 +14,7 @@ import { Checkbox as m } from "@progress/kendo-vue-inputs";
 import { provideLocalizationService as q } from "@progress/kendo-vue-intl";
 import { filterCheckAll as g, messages as d, filterTitle as x, filterSubmitButton as F, filterClearButton as k, searchPlaceholder as I } from "../messages/main.mjs";
 import { filterBy as P } from "@progress/kendo-data-query";
-import { templateRendering as C, getListeners as $, getTemplate as v, clone as z, Icon as G } from "@progress/kendo-vue-common";
+import { clone as z, templateRendering as C, getListeners as $, getTemplate as v, Icon as G } from "@progress/kendo-vue-common";
 import { getNestedValue as S } from "../utils/main.mjs";
 import { filterIcon as M, searchIcon as w } from "@progress/kendo-svg-icons";
 function b(e) {